"Şablon:GunuOnemlileri/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 9 değişikliği gösterilmiyor) | |||
2. satır: | 2. satır: | ||
display:flex; | display:flex; | ||
justify-content:center; | justify-content:center; | ||
+ | } | ||
+ | |||
+ | @media only screen and (max-width: 600px) { | ||
+ | .section-wrapper { | ||
+ | flex-direction:column; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media only screen and (max-width: 600px) { | ||
+ | .section-wrapper .monthly .monthly-inner .floatright{ | ||
+ | float:none; | ||
+ | margin:0; | ||
+ | } | ||
} | } | ||
10. satır: | 23. satır: | ||
.line{ | .line{ | ||
− | + | width: 1px; | |
− | + | background: rgba(0,0,0,0.22); | |
− | + | margin:10px; | |
} | } | ||
.section-wrapper h3{ | .section-wrapper h3{ | ||
− | margin: | + | margin-bottom: 10px; |
padding:10px; | padding:10px; | ||
+ | text-shadow: 1px 1px 4px black; | ||
+ | } | ||
+ | |||
+ | .section-wrapper h3 span a{ | ||
+ | color:white; | ||
} | } | ||
26. satır: | 44. satır: | ||
.section-wrapper .daily-elem, .section-wrapper .monthly{ | .section-wrapper .daily-elem, .section-wrapper .monthly{ | ||
flex:1; | flex:1; | ||
+ | margin:10px; | ||
+ | padding:10px; | ||
+ | } | ||
+ | |||
+ | .section-wrapper .monthly h3 { | ||
+ | background: rgba(137, 179, 80, 0.86); | ||
+ | color: white; | ||
+ | border: 1px solid rgb(137, 179, 80); | ||
+ | } | ||
+ | |||
+ | .section-wrapper .daily-elem h3 { | ||
+ | background:rgba(245, 152, 33, 0.75); | ||
+ | color: white; | ||
+ | border: 1px solid rgb(245, 152, 33); | ||
} | } | ||
14.38, 17 Şubat 2021 itibarı ile sayfanın şu anki hâli
.section-wrapper{ display:flex; justify-content:center; } @media only screen and (max-width: 600px) { .section-wrapper { flex-direction:column; } } @media only screen and (max-width: 600px) { .section-wrapper .monthly .monthly-inner .floatright{ float:none; margin:0; } } .section-wrapper > img, .thumb .thumbinner{ width:100% !important; height:100%; } .line{ width: 1px; background: rgba(0,0,0,0.22); margin:10px; } .section-wrapper h3{ margin-bottom: 10px; padding:10px; text-shadow: 1px 1px 4px black; } .section-wrapper h3 span a{ color:white; } .daily-elem .elem-img > img{ width:150px; } .section-wrapper .daily-elem, .section-wrapper .monthly{ flex:1; margin:10px; padding:10px; } .section-wrapper .monthly h3 { background: rgba(137, 179, 80, 0.86); color: white; border: 1px solid rgb(137, 179, 80); } .section-wrapper .daily-elem h3 { background:rgba(245, 152, 33, 0.75); color: white; border: 1px solid rgb(245, 152, 33); } .section-wrapper .monthly .monthly-inner .floatright img { min-height: 150px; } pre{ display: none; }