Aramayı değiştir
Menüyü değiştir
10
12
1
1,2 B
Kizilbashica
Toggle preferences menu
Kişisel menüyü aç / kapat
Oturum açık değil
Your IP address will be publicly visible if you make any edits.

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

Kizilbashica sitesinden
More actions
← Önceki değişiklik
C. Karakuş (mesaj | katkılar)
Bürokratlar, Arayüz yöneticileri, Hizmetliler
1.231 değişiklik
Değişiklik özeti yok
Değişiklik özeti yok
 
(Aynı kullanıcının aradaki diğer 4 değişikliği gösterilmiyor)
3. satır: 3. satır:
/* Ana Konteyner */
/* Ana Konteyner */
.dizin-alani {
.dizin-alani {
     margin: 15px 0;
     margin: 20px 0;
     font-family: sans-serif;
     font-family: sans-serif;
     background: transparent !important;
     clear: both;
    border: none !important;
    padding: 0 !important;
     width: 100% !important;
     width: 100% !important;
}
}


/* Tetikleyici Hedefler (Görünmez) */
/* --- YATAY ALFABE ALANI --- */
.harf-hedef {
    display: none !important;
    position: absolute;
}
 
/* Mobil temanın oluşturduğu sağdaki otomatik İçindekiler (TOC) listesini gizler */
.toc, #toc, .toccolours {
    display: none !important;
}
 
/* --- YATAY ALFABE BUTONLARI (Minerva Mobil Temasını Ezen Kesin Yapı) --- */
.harf-secimi {
.harf-secimi {
     display: grid !important;
     display: flex !important;
     /* Butonları her satırda eşit sayıda (Örn: Masaüstünde 10, mobilde 5 sütun) böler */
     flex-wrap: wrap !important;
     grid-template-columns: repeat(10, 1fr) !important;
     justify-content: center !important;
     gap: 8px !important;
     gap: 8px !important;
    margin: 0 auto 25px auto !important;
     width: 100% !important;
     width: 100% !important;
     max-width: 100% !important;
     margin: 0 auto 20px auto !important;
    padding: 10px 0 !important;
     background: transparent !important;
     background: transparent !important;
    border: none !important;
}
/* Paragraf engeli temizliği */
.harf-secimi p {
    display: inline !important;
    margin: 0 !important;
     padding: 0 !important;
     padding: 0 !important;
    box-sizing: border-box !important;
}
}


.harf-secimi a {
.harf-secimi a {
     text-decoration: none !important;
     text-decoration: none !important;
     display: block !important;
     display: inline-block !important;
     width: 100% !important;
     border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
}


.harf-linki {
/* Harf Kare Kutuları (Hepsi tam kare olacak şekilde eşitlendi) */
     background: #1f1f1f !important;
.harf-kutu {
     color: #e0e0e0 !important;
     background: #202124 !important;
     border: 1px solid #3d3d3d !important;
     color: #e8eaed !important;
    padding: 8px 0 !important; /* Buton yüksekliği */
     border: 1px solid #3c4043 !important;
    border-radius: 4px !important;
     font-weight: bold !important;
     font-weight: bold !important;
     font-size: 13px !important;
     font-size: 15px !important;
     display: block !important;
     display: inline-block !important;
    width: 38px !important;
    height: 38px !important;
    line-height: 36px !important;
     text-align: center !important;
     text-align: center !important;
     width: 100% !important;
     border-radius: 4px !important;
    transition: all 0.15s ease;
     box-sizing: border-box !important;
     box-sizing: border-box !important;
    transition: background 0.2s ease, color 0.2s ease;
}
/* "HEPSİ" Butonunun genisligini grid içinde ayarlama (İlk 2 sütunu kaplasın) */
.harf-secimi a:first-child {
    grid-column: span 2 !important;
}
}
 
.harf-kutu:hover {
.harf-linki:hover {
     background: #3c4043 !important;
     background: #333333 !important;
     color: #ffffff !important;
     color: #ffffff !important;
     border-color: #555555 !important;
     border-color: #8ab4f8 !important;
}
}


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


82. satır: 68. satır:
     background: transparent !important;
     background: transparent !important;
     border: none !important;
     border: none !important;
    padding: 0 !important;
}
}


/* Harf Grupları */
/* Harf Grupları */
.harf-grubu {
.harf-grubu {
     display: block;  
     display: block !important;
     width: 100% !important;
     width: 100% !important;
     margin-bottom: 25px;
     margin-bottom: 30px;
    background: transparent !important;
}
}


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


/* PrefixIndex Tablo Yapısını Modern Grid'e Dönüştürme */
/* PrefixIndex Tablo Yapısı Grid Dönüşümü */
.harf-grubu table,  
.harf-grubu table,  
.harf-grubu table tbody,  
.harf-grubu table tbody,  
108. satır: 92. satır:
     display: block !important;
     display: block !important;
     width: 100% !important;
     width: 100% !important;
    border: none !important;
    background: transparent !important;
}
}


/* Hücreleri Yan Yana Sütun Yapma */
.harf-grubu table td {
.harf-grubu table td {
     display: inline-block !important;
     display: inline-block !important;
     width: 24% !important; /* Masaüstünde yan yana 4 sütun */
     width: 24% !important;
     min-width: 180px !important;
     min-width: 180px !important;
     box-sizing: border-box !important;
     box-sizing: border-box !important;
     padding: 6px 10px !important;
     padding: 6px 10px !important;
     vertical-align: top !important;
     vertical-align: top !important;
    border: none !important;
    background: transparent !important;
}
}


.harf-grubu table td a {
.harf-grubu table td a {
     color: #3782df !important;
     color: #8ab4f8 !important;
     font-size: 15px !important;
     font-size: 15px !important;
     text-decoration: none !important;
     text-decoration: none !important;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
}
.harf-grubu table td a:hover {
.harf-grubu table td a:hover {
     text-decoration: underline !important;
     text-decoration: underline !important;
}
}


/* --- RESPONSIVE TASARIM (MOBİL AYARLARI) --- */
/* Responsive */
@media (max-width: 992px) {
@media (max-width: 768px) {
     .harf-secimi {
     .harf-grubu table td {
         grid-template-columns: repeat(6, 1fr) !important; /* Tabletlerde 6 sütun */
         width: 48% !important;
     }
     }
     .harf-grubu table td {
     .harf-kutu {
         width: 48% !important; /* Tablette maddeler 2 sütun */
         width: 32px !important;
        height: 32px !important;
        line-height: 30px !important;
        font-size: 13px !important;
     }
     }
}
}
 
@media (max-width: 480px) {
@media (max-width: 576px) {
    .harf-secimi {
        grid-template-columns: repeat(5, 1fr) !important; /* Telefonlarda 5 sütun (Yatayda bölünmüş bloklar) */
        gap: 6px !important;
    }
     .harf-grubu table td {
     .harf-grubu table td {
         width: 100% !important; /* Mobilde maddeler tek sütun */
         width: 100% !important;
         padding: 6px 0 !important;
         padding: 5px 0 !important;
     }
     }
    .harf-linki {
        padding: 6px 0 !important;
        font-size: 12px !important;
    }
}
/* --- SAF CSS TARGET FİLTRELEME MANTIĞI --- */
#harf-A:target ~ .maddeler-konteyner .harf-grubu,
#harf-B:target ~ .maddeler-konteyner .harf-grubu,
#harf-C:target ~ .maddeler-konteyner .harf-grubu,
#harf-Ç:target ~ .maddeler-konteyner .harf-grubu,
#harf-D:target ~ .maddeler-konteyner .harf-grubu,
#harf-E:target ~ .maddeler-konteyner .harf-grubu,
#harf-F:target ~ .maddeler-konteyner .harf-grubu,
#harf-G:target ~ .maddeler-konteyner .harf-grubu,
#harf-H:target ~ .maddeler-konteyner .harf-grubu,
#harf-I:target ~ .maddeler-konteyner .harf-grubu,
#harf-İ:target ~ .maddeler-konteyner .harf-grubu,
#harf-J:target ~ .maddeler-konteyner .harf-grubu,
#harf-K:target ~ .maddeler-konteyner .harf-grubu,
#harf-L:target ~ .maddeler-konteyner .harf-grubu,
#harf-M:target ~ .maddeler-konteyner .harf-grubu,
#harf-N:target ~ .maddeler-konteyner .harf-grubu,
#harf-O:target ~ .maddeler-konteyner .harf-grubu,
#harf-Ö:target ~ .maddeler-konteyner .harf-grubu,
#harf-P:target ~ .maddeler-konteyner .harf-grubu,
#harf-R:target ~ .maddeler-konteyner .harf-grubu,
#harf-S:target ~ .maddeler-konteyner .harf-grubu,
#harf-Ş:target ~ .maddeler-konteyner .harf-grubu,
#harf-T:target ~ .maddeler-konteyner .harf-grubu,
#harf-U:target ~ .maddeler-konteyner .harf-grubu,
#harf-Ü:target ~ .maddeler-konteyner .harf-grubu,
#harf-V:target ~ .maddeler-konteyner .harf-grubu,
#harf-Y:target ~ .maddeler-konteyner .harf-grubu,
#harf-Z:target ~ .maddeler-konteyner .harf-grubu {
    display: none !important;
}
#harf-A:target ~ .maddeler-konteyner .harf-grubu-A,
#harf-B:target ~ .maddeler-konteyner .harf-grubu-B,
#harf-C:target ~ .maddeler-konteyner .harf-grubu-C,
#harf-Ç:target ~ .maddeler-konteyner .harf-grubu-Ç,
#harf-D:target ~ .maddeler-konteyner .harf-grubu-D,
#harf-E:target ~ .maddeler-konteyner .harf-grubu-E,
#harf-F:target ~ .maddeler-konteyner .harf-grubu-F,
#harf-G:target ~ .maddeler-konteyner .harf-grubu-G,
#harf-H:target ~ .maddeler-konteyner .harf-grubu-H,
#harf-I:target ~ .maddeler-konteyner .harf-grubu-I,
#harf-İ:target ~ .maddeler-konteyner .harf-grubu-İ,
#harf-J:target ~ .maddeler-konteyner .harf-grubu-J,
#harf-K:target ~ .maddeler-konteyner .harf-grubu-K,
#harf-L:target ~ .maddeler-konteyner .harf-grubu-L,
#harf-M:target ~ .maddeler-konteyner .harf-grubu-M,
#harf-N:target ~ .maddeler-konteyner .harf-grubu-N,
#harf-O:target ~ .maddeler-konteyner .harf-grubu-O,
#harf-Ö:target ~ .maddeler-konteyner .harf-grubu-Ö,
#harf-P:target ~ .maddeler-konteyner .harf-grubu-P,
#harf-R:target ~ .maddeler-konteyner .harf-grubu-R,
#harf-S:target ~ .maddeler-konteyner .harf-grubu-S,
#harf-Ş:target ~ .maddeler-konteyner .harf-grubu-Ş,
#harf-T:target ~ .maddeler-konteyner .harf-grubu-T,
#harf-U:target ~ .maddeler-konteyner .harf-grubu-U,
#harf-Ü:target ~ .maddeler-konteyner .harf-grubu-Ü,
#harf-V:target ~ .maddeler-konteyner .harf-grubu-V,
#harf-Y:target ~ .maddeler-konteyner .harf-grubu-Y,
#harf-Z:target ~ .maddeler-konteyner .harf-grubu-Z {
    display: block !important;
}
}

22.03, 14 Temmuz 2026 itibarı ile sayfanın şu anki 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ı (Hepsi tam kare olacak şekilde eşitlendi) */
.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;
}

/* 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;
    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;
    }
}
"https://kizilbashica.com/madde/index.php?title=Şablon:Alfabetik_Dizin/styles.css&oldid=897" sayfasından alınmıştır
Last modified
Sayfa en son 22.03, 14 Temmuz 2026 tarihinde değiştirildi.