Şablon:Alfabetik Dizin/styles.css: Revizyonlar arasındaki fark

← Önceki değişiklik Sonraki değişiklik →

21.58, 14 Temmuz 2026 tarihindeki hâli

/* Şablon:Alfabetik Dizin/styles.css */

/* Ana Konteyner */
.dizin-alani {
    margin: 20px 0;
    font-family: sans-serif;
    clear: both;
    width: 100% !important;
}

/* --- YATAY ALFABE ALANI --- */
.harf-secimi {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 auto 20px auto !important;
    padding: 10px 0 !important;
    background: transparent !important;
    border: none !important;
}

/* Paragraf engeli temizliği */
.harf-secimi p {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
}

.harf-secimi a {
    text-decoration: none !important;
    display: inline-block !important;
    border: none !important;
}

/* Harf Kare Kutuları */
.harf-kutu {
    background: #202124 !important;
    color: #e8eaed !important;
    border: 1px solid #3c4043 !important;
    font-weight: bold !important;
    font-size: 15px !important;
    display: inline-block !important;
    width: 38px !important;
    height: 38px !important;
    line-height: 36px !important;
    text-align: center !important;
    border-radius: 4px !important;
    transition: all 0.15s ease;
    box-sizing: border-box !important;
}
.harf-kutu:hover {
    background: #3c4043 !important;
    color: #ffffff !important;
    border-color: #8ab4f8 !important;
}

/* Özel Genişlikli Butonlar (HEPSİ ve DİĞER) */
.harf-ozel {
    width: auto !important;
    padding: 0 12px !important;
}

/* Ayırıcı Çizgi */
.cizgi {
    border-bottom: 1px solid #3c4043;
    margin: 20px 0;
}

/* --- MADDELER ALANI --- */
.maddeler-konteyner {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
}

/* Harf Grupları */
.harf-grubu {
    display: block !important; /* Tüm harf grupları açık kalır */
    width: 100% !important;
    margin-bottom: 30px;
}

/* Harf Başlıkları */
.harf-grubu h3 {
    font-size: 26px !important;
    color: #ffffff !important;
    border-bottom: 2px solid #3c4043 !important;
    padding-bottom: 5px !important;
    margin: 30px 0 15px 0 !important;
}

/* PrefixIndex Tablo Yapısı Grid Dönüşümü */
.harf-grubu table, 
.harf-grubu table tbody, 
.harf-grubu table tr {
    display: block !important;
    width: 100% !important;
}

.harf-grubu table td {
    display: inline-block !important;
    width: 24% !important;
    min-width: 180px !important;
    box-sizing: border-box !important;
    padding: 6px 10px !important;
    vertical-align: top !important;
}

.harf-grubu table td a {
    color: #8ab4f8 !important;
    font-size: 15px !important;
    text-decoration: none !important;
}
.harf-grubu table td a:hover {
    text-decoration: underline !important;
}

/* Responsive */
@media (max-width: 768px) {
    .harf-grubu table td {
        width: 48% !important;
    }
    .harf-kutu {
        width: 32px !important;
        height: 32px !important;
        line-height: 30px !important;
        font-size: 13px !important;
    }
}
@media (max-width: 480px) {
    .harf-grubu table td {
        width: 100% !important;
        padding: 5px 0 !important;
    }
}

@@ 7. satır: / 7. satır: @@
      clear: both;
      width: 100% !important;
-}
-/* Tetikleyici Hedefler (Görünmez yapıyoruz ki sıfır yer kaplasınlar) */
-.harf-hedef {
-    display: none !important;
-    position: absolute;
 }
@@ 84. satır: / 78. satır: @@
 /* Harf Grupları */
 .harf-grubu {
-     display: block; /* Başlangıçta hepsi listelenir */
+     display: block !important; /* Tüm harf grupları açık kalır */
      width: 100% !important;
      margin-bottom: 30px;
@@ 141. satır: / 135. satır: @@
          padding: 5px 0 !important;
      }
-}
-/* --- SAF CSS SÜZME MANTIĞI (MediaWiki CSS Doğrulayıcısından Tam Not Alan Yapı) --- */
-/* Herhangi bir harf butonu tıklandığında (target tetiklendiğinde) önce tüm grupları gizle */
-#harf-A:target ~ .dizin-alani .harf-grubu,
-#harf-B:target ~ .dizin-alani .harf-grubu,
-#harf-C:target ~ .dizin-alani .harf-grubu,
-#harf-Ç:target ~ .dizin-alani .harf-grubu,
-#harf-D:target ~ .dizin-alani .harf-grubu,
-#harf-E:target ~ .dizin-alani .harf-grubu,
-#harf-F:target ~ .dizin-alani .harf-grubu,
-#harf-G:target ~ .dizin-alani .harf-grubu,
-#harf-H:target ~ .dizin-alani .harf-grubu,
-#harf-I:target ~ .dizin-alani .harf-grubu,
-#harf-İ:target ~ .dizin-alani .harf-grubu,
-#harf-J:target ~ .dizin-alani .harf-grubu,
-#harf-K:target ~ .dizin-alani .harf-grubu,
-#harf-L:target ~ .dizin-alani .harf-grubu,
-#harf-M:target ~ .dizin-alani .harf-grubu,
-#harf-N:target ~ .dizin-alani .harf-grubu,
-#harf-O:target ~ .dizin-alani .harf-grubu,
-#harf-Ö:target ~ .dizin-alani .harf-grubu,
-#harf-P:target ~ .dizin-alani .harf-grubu,
-#harf-R:target ~ .dizin-alani .harf-grubu,
-#harf-S:target ~ .dizin-alani .harf-grubu,
-#harf-Ş:target ~ .dizin-alani .harf-grubu,
-#harf-T:target ~ .dizin-alani .harf-grubu,
-#harf-U:target ~ .dizin-alani .harf-grubu,
-#harf-Ü:target ~ .dizin-alani .harf-grubu,
-#harf-V:target ~ .dizin-alani .harf-grubu,
-#harf-Y:target ~ .dizin-alani .harf-grubu,
-#harf-Z:target ~ .dizin-alani .harf-grubu,
-#harf-DIGER:target ~ .dizin-alani .harf-grubu {
-    display: none !important;
-}
-/* Sadece aktif olan (tıklanan) harf grubunu göster */
-#harf-A:target ~ .dizin-alani .harf-grubu-A,
-#harf-B:target ~ .dizin-alani .harf-grubu-B,
-#harf-C:target ~ .dizin-alani .harf-grubu-C,
-#harf-Ç:target ~ .dizin-alani .harf-grubu-Ç,
-#harf-D:target ~ .dizin-alani .harf-grubu-D,
-#harf-E:target ~ .dizin-alani .harf-grubu-E,
-#harf-F:target ~ .dizin-alani .harf-grubu-F,
-#harf-G:target ~ .dizin-alani .harf-grubu-G,
-#harf-H:target ~ .dizin-alani .harf-grubu-H,
-#harf-I:target ~ .dizin-alani .harf-grubu-I,
-#harf-İ:target ~ .dizin-alani .harf-grubu-İ,
-#harf-J:target ~ .dizin-alani .harf-grubu-J,
-#harf-K:target ~ .dizin-alani .harf-grubu-K,
-#harf-L:target ~ .dizin-alani .harf-grubu-L,
-#harf-M:target ~ .dizin-alani .harf-grubu-M,
-#harf-N:target ~ .dizin-alani .harf-grubu-N,
-#harf-O:target ~ .dizin-alani .harf-grubu-O,
-#harf-Ö:target ~ .dizin-alani .harf-grubu-Ö,
-#harf-P:target ~ .dizin-alani .harf-grubu-P,
-#harf-R:target ~ .dizin-alani .harf-grubu-R,
-#harf-S:target ~ .dizin-alani .harf-grubu-S,
-#harf-Ş:target ~ .dizin-alani .harf-grubu-Ş,
-#harf-T:target ~ .dizin-alani .harf-grubu-T,
-#harf-U:target ~ .dizin-alani .harf-grubu-U,
-#harf-Ü:target ~ .dizin-alani .harf-grubu-Ü,
-#harf-V:target ~ .dizin-alani .harf-grubu-V,
-#harf-Y:target ~ .dizin-alani .harf-grubu-Y,
-#harf-Z:target ~ .dizin-alani .harf-grubu-Z,
-#harf-DIGER:target ~ .dizin-alani .harf-grubu-DIGER {
-    display: block !important;
 }