MediaWiki:Common.css: Revizyonlar arasındaki fark
MediaWiki arayüz sayfası
More actions
C. Karakuş (mesaj | katkılar) Değişiklik özeti yok Etiket: Geri alındı |
C. Karakuş (mesaj | katkılar) Değişiklik özeti yok Etiket: Geri alındı |
||
| 131. satır: | 131. satır: | ||
} | } | ||
/* ========================================================================== | /* ========================================================================== | ||
WHE AKORDEON MENÜ - KESİN ÇÖZÜM | WHE AKORDEON MENÜ - TABLO TABANLI KESİN ÇÖZÜM | ||
========================================================================== */ | ========================================================================== */ | ||
/* Ana Kapsayıcı */ | /* Ana Kapsayıcı Tablo Yapısı */ | ||
.whe- | .whe-container { | ||
width: 100% !important; | width: 100% !important; | ||
max-width: 1200px !important; | max-width: 1200px !important; | ||
margin: 20px auto !important; | margin: 20px auto !important; | ||
border-collapse: collapse !important; | |||
border: none !important; | |||
display: table !important; | |||
table-layout: fixed !important; | |||
} | |||
/* Tablonun satır ve hücrelerini hizalama */ | |||
.whe-container tr { | |||
display: flex !important; | |||
width: 100% !important; | |||
} | } | ||
/* Her Bir Panel | /* Her Bir Panel (Hücre) */ | ||
.whe- | .whe-cell { | ||
position: relative !important; | position: relative !important; | ||
flex: 1 !important; | flex: 1 !important; | ||
overflow: hidden !important; | overflow: hidden !important; | ||
background-size: cover !important; | background-size: cover !important; | ||
| 154. satır: | 160. satır: | ||
transition: flex 0.5s ease-in-out !important; | transition: flex 0.5s ease-in-out !important; | ||
cursor: pointer !important; | cursor: pointer !important; | ||
border: none !important; | |||
padding: 0 !important; | |||
margin: 0 !important; | |||
} | } | ||
.whe- | /* Paneller Arasındaki İnce Çizgi */ | ||
border-right: | .whe-cell:not(:last-child) { | ||
border-right: 1px solid rgba(255, 255, 255, 0.3) !important; | |||
} | } | ||
/* | /* MOUSE ÜZERİNE GELDİĞİNDE (HOVER EFEKTİ) */ | ||
.whe- | .whe-container:hover .whe-cell { | ||
flex: 0.5 !important; /* Diğerleri küçülür */ | flex: 0.5 !important; /* Diğerleri küçülür */ | ||
} | } | ||
.whe- | .whe-container .whe-cell:hover { | ||
flex: | flex: 3.5 !important; /* Üzerine gelinen panel devasa büyür */ | ||
} | } | ||
/* Karartma Katmanı */ | /* Görsel Üzerindeki Karartma Katmanı */ | ||
.whe- | .whe-cell::before { | ||
content: '' !important; | content: '' !important; | ||
position: absolute !important; | position: absolute !important; | ||
| 179. satır: | 187. satır: | ||
width: 100% !important; | width: 100% !important; | ||
height: 100% !important; | height: 100% !important; | ||
background: linear-gradient(to top, rgba(0,0,0,0. | background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.1) 100%) !important; | ||
transition: background 0.5s ease !important; | transition: background 0.5s ease !important; | ||
z-index: 1 !important; | z-index: 1 !important; | ||
} | } | ||
.whe- | .whe-container .whe-cell:hover::before { | ||
background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%) !important; | background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%) !important; | ||
} | } | ||
/* Dikey Yazı | /* Tüm Hücreyi Kaplayan Link Yapısı */ | ||
.whe-text- | .whe-cell a { | ||
display: block !important; | |||
width: 100% !important; | |||
height: 100% !important; | |||
text-decoration: none !important; | |||
position: relative !important; | |||
z-index: 2 !important; | |||
background: none !important; | |||
padding-right: 0 !important; | |||
} | |||
/* Dikey Yazı Alanı */ | |||
.whe-text-wrap { | |||
position: absolute !important; | position: absolute !important; | ||
bottom: 30px !important; | bottom: 30px !important; | ||
left: 45px !important; | left: 45px !important; | ||
width: | width: 300px !important; | ||
transform: rotate(-90deg) !important; | transform: rotate(-90deg) !important; | ||
transform-origin: left bottom !important; | transform-origin: left bottom !important; | ||
| 200. satır: | 219. satır: | ||
} | } | ||
/* Başlık | /* Başlık Yazı Stili */ | ||
.whe-title { | .whe-title { | ||
color: #ffffff !important; | |||
font-size: 24px !important; | font-size: 24px !important; | ||
font-weight: normal !important; | font-weight: normal !important; | ||
font-family: 'Georgia', serif !important; | |||
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.9) !important; | |||
letter-spacing: 1px !important; | letter-spacing: 1px !important; | ||
} | } | ||
/* MediaWiki | /* MediaWiki Link İkonlarını Kapatma */ | ||
.whe- | .whe-cell a::after { | ||
display: none !important; | display: none !important; | ||
content: none !important; | content: none !important; | ||
} | } | ||
17.38, 4 Temmuz 2026 tarihindeki hâli
.yazar-alt-imza {
margin-top: 30px;
text-align: right;
clear: both;
}
.yazar-alt-imza hr {
width: 200px;
margin-right: 0;
margin-left: auto;
border: 0;
border-top: 1px solid #aaa;
margin-bottom: 5px;
}
/* Kizilbashica Elite Tasarım */
:root {
--kb-card-bg: #ffffff;
--kb-text-main: #202122;
--kb-text-sub: #54595d;
--kb-border: #eeeeee;
--kb-shadow: rgba(0, 0, 0, 0.1);
}
/* Karanlık Mod Değişkenleri */
.mw-dark-mode, body.skin-theme-dark {
--kb-card-bg: #1a1b1e;
--kb-text-main: #f8f9fa;
--kb-text-sub: #a2a9b1;
--kb-border: #2c2e33;
--kb-shadow: rgba(0, 0, 0, 0.5);
}
.bilgi-kutusu-elite {
float: right !important;
width: 320px !important;
margin: 0 0 1.5em 1.5em !important;
background-color: var(--kb-card-bg) !important;
color: var(--kb-text-main) !important;
border: 1px solid var(--kb-border) !important;
border-radius: 24px !important; /* Daha oval */
box-shadow: 0 10px 30px var(--kb-shadow) !important;
border-collapse: separate !important;
border-spacing: 0 !important;
overflow: hidden !important;
font-family: 'Segoe UI', Roboto, sans-serif !important;
}
/* Başlık Şeridi */
.bilgi-kutusu-elite .ana-baslik {
background: linear-gradient(135deg, #a51c1c, #7b1414) !important;
color: #ffffff !important;
padding: 18px !important;
font-size: 1.25em !important;
font-weight: 700 !important;
text-align: center !important;
border: none !important;
}
/* Alt Bölüm Başlıkları (Kişisel Bilgiler vb.) */
.bilgi-kutusu-elite .alt-baslik {
background-color: rgba(165, 28, 28, 0.05) !important;
color: #a51c1c !important;
padding: 8px !important;
font-size: 0.75em !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
font-weight: 800 !important;
text-align: center !important;
border-top: 1px solid var(--kb-border) !important;
}
/* Satırlar */
.bilgi-kutusu-elite td {
padding: 12px 15px !important;
font-size: 0.9em !important;
border-bottom: 1px solid var(--kb-border) !important;
vertical-align: middle !important;
}
/* Sol Taraftaki Etiketler */
.bilgi-kutusu-elite .etiket {
font-weight: 600 !important;
color: var(--kb-text-sub) !important;
width: 38% !important;
background-color: transparent !important;
}
/* Resim Alanı */
.bilgi-kutusu-elite .resim-alani {
text-align: center !important;
padding: 15px !important;
border-bottom: 1px solid var(--kb-border) !important;
}
.bilgi-kutusu-elite .resim-alani img {
border-radius: 16px !important;
}
/* Chicago Kaynak Stili */
.kb-cite-chicago {
font-size: 0.9em;
color: var(--color-base, #2d2d2d);
line-height: 1.6;
display: inline-block;
padding-left: 1.5em; /* Asılı girinti efekti */
text-indent: -1.5em;
}
/* Chicago stili linkleri Citizen kırmızısına yaklaştıralım */
.kb-cite-chicago a {
color: #a51c1c;
text-decoration: underline dotted;
}
/* Google Fonts'tan Lato'yu çağırıyoruz */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,400&display=swap');
/* Tüm siteye fontu uyguluyoruz */
:root, body {
--font-family-sans-serif: 'Lato', sans-serif !important;
font-family: 'Lato', sans-serif !important;
}
/* Başlıklar için de geçerli olsun */
h1, h2, h3, h4, h5, h6 {
font-family: 'Lato', sans-serif !important;
}
/* Citizen ve modern temalar için geniş kapsamlı gizleme */
#siteSub,
.mw-tagline,
#tagline,
.citizen-tagline {
display: none !important;
}
/* ==========================================================================
WHE AKORDEON MENÜ - TABLO TABANLI KESİN ÇÖZÜM
========================================================================== */
/* Ana Kapsayıcı Tablo Yapısı */
.whe-container {
width: 100% !important;
max-width: 1200px !important;
margin: 20px auto !important;
border-collapse: collapse !important;
border: none !important;
display: table !important;
table-layout: fixed !important;
}
/* Tablonun satır ve hücrelerini hizalama */
.whe-container tr {
display: flex !important;
width: 100% !important;
}
/* Her Bir Panel (Hücre) */
.whe-cell {
position: relative !important;
flex: 1 !important;
overflow: hidden !important;
background-size: cover !important;
background-position: center !important;
transition: flex 0.5s ease-in-out !important;
cursor: pointer !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
}
/* Paneller Arasındaki İnce Çizgi */
.whe-cell:not(:last-child) {
border-right: 1px solid rgba(255, 255, 255, 0.3) !important;
}
/* MOUSE ÜZERİNE GELDİĞİNDE (HOVER EFEKTİ) */
.whe-container:hover .whe-cell {
flex: 0.5 !important; /* Diğerleri küçülür */
}
.whe-container .whe-cell:hover {
flex: 3.5 !important; /* Üzerine gelinen panel devasa büyür */
}
/* Görsel Üzerindeki Karartma Katmanı */
.whe-cell::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.1) 100%) !important;
transition: background 0.5s ease !important;
z-index: 1 !important;
}
.whe-container .whe-cell:hover::before {
background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%) !important;
}
/* Tüm Hücreyi Kaplayan Link Yapısı */
.whe-cell a {
display: block !important;
width: 100% !important;
height: 100% !important;
text-decoration: none !important;
position: relative !important;
z-index: 2 !important;
background: none !important;
padding-right: 0 !important;
}
/* Dikey Yazı Alanı */
.whe-text-wrap {
position: absolute !important;
bottom: 30px !important;
left: 45px !important;
width: 300px !important;
transform: rotate(-90deg) !important;
transform-origin: left bottom !important;
white-space: nowrap !important;
}
/* Başlık Yazı Stili */
.whe-title {
color: #ffffff !important;
font-size: 24px !important;
font-weight: normal !important;
font-family: 'Georgia', serif !important;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.9) !important;
letter-spacing: 1px !important;
}
/* MediaWiki Link İkonlarını Kapatma */
.whe-cell a::after {
display: none !important;
content: none !important;
}