"Ş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) |
||
30. satır: | 30. satır: | ||
} | } | ||
− | .kategori-list | + | @media screen and (max-width:500px){ |
+ | .kategori-list li { | ||
+ | font-size:13px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .kategori-list li a:hover{ | ||
transform:scale(1.1); | transform:scale(1.1); | ||
} | } |
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); }