"Ş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) (".kategoriler{ width:100%; height:30px; } .kategoriler ul { padding-left:100px; padding-right:100px; list-style:none; display:flex; justify-cont..." içeriğiyle yeni sayfa oluşturdu) |
Elisabetta (mesaj | katkılar) |
||
(Aynı kullanıcının aradaki diğer 6 değişikliği gösterilmiyor) | |||
2. satır: | 2. satır: | ||
width:100%; | width:100%; | ||
height:30px; | height:30px; | ||
+ | display:contents; | ||
} | } | ||
− | .kategoriler | + | .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; | ||
} | } | ||
− | li{ | + | .kategori-list li{ |
cursor:pointer; | cursor:pointer; | ||
width:100%; | width:100%; | ||
25. satır: | 25. satır: | ||
height:100%; | height:100%; | ||
padding-top:10px; | padding-top:10px; | ||
+ | padding-bottom:10px; | ||
+ | |||
} | } | ||
− | li:nth-child(2n-1){ | + | @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); | background:rgba(137,179,80,0.86); | ||
border: 1px solid rgb(137,179,80); | border: 1px solid rgb(137,179,80); | ||
} | } | ||
− | li:nth-child(2n){ | + | .kategori-list li:nth-child(2n){ |
background:rgba(245,152,33,0.75); | background:rgba(245,152,33,0.75); | ||
border: 1px solid rgb(245,152,33); | border: 1px solid rgb(245,152,33); | ||
} | } |
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); }