"Şablon:AnaSayfaCerceve/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 10 değişikliği gösterilmiyor) | |||
5. satır: | 5. satır: | ||
.box{ | .box{ | ||
− | + | max-width:476px; | |
− | + | position:absolute; | |
top:20px; | top:20px; | ||
left:0; | left:0; | ||
15. satır: | 15. satır: | ||
border-radius: 3px; | border-radius: 3px; | ||
+ | } | ||
+ | |||
+ | @media only screen and (max-width:500px){ | ||
+ | .box{ | ||
+ | margin-left:0; | ||
+ | } | ||
} | } | ||
21. satır: | 27. satır: | ||
max-height:50vh; | max-height:50vh; | ||
object-fit:cover; | object-fit:cover; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 850px){ | ||
+ | #kh-anasayfa-blok .floatnone a img { | ||
+ | height: 262px !important; | ||
+ | max-width: 100% !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .kategoriler{ | ||
+ | position:absolute; | ||
+ | bottom:10px; | ||
+ | left:0; | ||
+ | margin-left:20px; | ||
+ | padding: 5px; | ||
+ | border-radius: 3px; | ||
+ | color: white; | ||
+ | font-weight: 700; | ||
+ | } | ||
+ | |||
+ | .kategoriler a { | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | .anasayfa-aciklama{ | ||
+ | color: rgba(20, 20, 20, 0.8); | ||
+ | font-weight: 600; | ||
} | } |
02.55, 15 Mart 2021 itibarı ile sayfanın şu anki hâli
#kh-anasayfa-blok{ position:relative; overflow: hidden; } .box{ max-width:476px; position:absolute; top:20px; left:0; margin-left: 20px; background-color:rgba(255, 255, 255, 0.5); padding: 20px; box-sizing: border-box; border-radius: 3px; } @media only screen and (max-width:500px){ .box{ margin-left:0; } } img{ width:100%; max-height:50vh; object-fit:cover; } @media screen and (max-width: 850px){ #kh-anasayfa-blok .floatnone a img { height: 262px !important; max-width: 100% !important; } } .kategoriler{ position:absolute; bottom:10px; left:0; margin-left:20px; padding: 5px; border-radius: 3px; color: white; font-weight: 700; } .kategoriler a { color:white; } .anasayfa-aciklama{ color: rgba(20, 20, 20, 0.8); font-weight: 600; }