Şablon:Alfabetik Dizin/styles.css: Revizyonlar arasındaki fark
Kizilbashica sitesinden
More actions
C. Karakuş (mesaj | katkılar) Değişiklik özeti yok |
C. Karakuş (mesaj | katkılar) Değişiklik özeti yok |
||
| (Aynı kullanıcının aradaki bir diğer değişikliği gösterilmiyor) | |||
| 7. satır: | 7. satır: | ||
clear: both; | clear: both; | ||
width: 100% !important; | width: 100% !important; | ||
} | } | ||
| 41. satır: | 35. satır: | ||
} | } | ||
/* Harf Kare Kutuları */ | /* Harf Kare Kutuları (Hepsi tam kare olacak şekilde eşitlendi) */ | ||
.harf-kutu { | .harf-kutu { | ||
background: #202124 !important; | background: #202124 !important; | ||
| 61. satır: | 55. satır: | ||
color: #ffffff !important; | color: #ffffff !important; | ||
border-color: #8ab4f8 !important; | border-color: #8ab4f8 !important; | ||
} | } | ||
| 84. satır: | 72. satır: | ||
/* Harf Grupları */ | /* Harf Grupları */ | ||
.harf-grubu { | .harf-grubu { | ||
display: block; | display: block !important; | ||
width: 100% !important; | width: 100% !important; | ||
margin-bottom: 30px; | margin-bottom: 30px; | ||
| 141. satır: | 129. satır: | ||
padding: 5px 0 !important; | padding: 5px 0 !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;
}
}