"Şablon:KategoriMenu/styles.css" sayfasının sürümleri arasındaki fark
Gezinti kısmına atla
Arama kısmına atla
Elisabetta (mesaj | katkılar) |
Elisabetta (mesaj | katkılar) |
||
(Aynı kullanıcının aradaki diğer 3 değişikliği gösterilmiyor) | |||
2. satır: | 2. satır: | ||
width:100%; | width:100%; | ||
height:30px; | height:30px; | ||
+ | display:contents; | ||
} | } | ||
.kategoriler .kategori-list { | .kategoriler .kategori-list { | ||
− | |||
− | |||
list-style:none; | list-style:none; | ||
display:flex; | display:flex; | ||
12. satır: | 11. satır: | ||
align-items:center; | align-items:center; | ||
height:100%; | height:100%; | ||
+ | margin:0; | ||
} | } | ||
25. satır: | 25. satır: | ||
height:100%; | height:100%; | ||
padding-top:10px; | padding-top:10px; | ||
+ | padding-bottom:10px; | ||
+ | |||
+ | } | ||
+ | |||
+ | @media screen and (max-width:500px){ | ||
+ | .kategori-list li { | ||
+ | font-size:13px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .kategori-list li a:hover{ | ||
+ | transform:scale(1.1); | ||
} | } | ||
31. satır: | 43. satır: | ||
text-decoration:none; | text-decoration:none; | ||
color:white; | color:white; | ||
+ | transition: transform 0.2s ease-in; | ||
} | } | ||
02.31, 15 Mart 2021 itibarı ile sayfanın şu anki hâli
.kategoriler{ width:100%; height:30px; display:contents; } .kategoriler .kategori-list { list-style:none; display:flex; justify-content:space-between; align-items:center; height:100%; margin:0; } .kategori-list li{ cursor:pointer; width:100%; text-align:center; font-size:17px; font-weight:bold; font-family:sans-serif; color:white; letter-spacing:3px; height:100%; padding-top:10px; padding-bottom:10px; } @media screen and (max-width:500px){ .kategori-list li { font-size:13px; } } .kategori-list li a:hover{ transform:scale(1.1); } .kategori-list li a { text-decoration:none; color:white; transition: transform 0.2s ease-in; } .kategori-list li a:visited { color:white; } .kategori-list li:nth-child(2n-1){ background:rgba(137,179,80,0.86); border: 1px solid rgb(137,179,80); } .kategori-list li:nth-child(2n){ background:rgba(245,152,33,0.75); border: 1px solid rgb(245,152,33); }