Khác biệt giữa các bản “Bản mẫu:Biến đổi khí hậu/styles.css”
| Dòng 1: | Dòng 1: | ||
#content { padding:0;margin:0;border:none;box-shadow:none } | #content { padding:0;margin:0;border:none;box-shadow:none } | ||
| − | .mw-indicators { padding: 40px } | + | .mw-indicators { padding: 48px 40px } |
.page-title { | .page-title { | ||
| − | padding: | + | padding: 40px; |
border: none; | border: none; | ||
background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/1/1a/Endangered_arctic_-_starving_polar_bear.jpg/640px-Endangered_arctic_-_starving_polar_bear.jpg); | background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/1/1a/Endangered_arctic_-_starving_polar_bear.jpg/640px-Endangered_arctic_-_starving_polar_bear.jpg); | ||
background-size: cover; | background-size: cover; | ||
| − | height: | + | height: 250px; |
color: white; | color: white; | ||
font-size: 32px; | font-size: 32px; | ||
| Dòng 15: | Dòng 15: | ||
content: ''; | content: ''; | ||
position: absolute; | position: absolute; | ||
| − | top: | + | top: 80px; |
left: 40px; | left: 40px; | ||
height: 1px; | height: 1px; | ||
| Dòng 24: | Dòng 24: | ||
content: ''; | content: ''; | ||
position: absolute; | position: absolute; | ||
| − | top: | + | top: 173px; |
height: 200px; | height: 200px; | ||
left: 0; | left: 0; | ||
Phiên bản lúc 09:27, ngày 7 tháng 6 năm 2021
#content { padding:0;margin:0;border:none;box-shadow:none }
.mw-indicators { padding: 48px 40px }
.page-title {
padding: 40px;
border: none;
background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/1/1a/Endangered_arctic_-_starving_polar_bear.jpg/640px-Endangered_arctic_-_starving_polar_bear.jpg);
background-size: cover;
height: 250px;
color: white;
font-size: 32px;
background-position: left;
font-weight: 300;
}
.page-title::before {
content: '';
position: absolute;
top: 80px;
left: 40px;
height: 1px;
width: calc(100% - 80px);
background: white;
}
.page-title::after {
content: '';
position: absolute;
top: 173px;
height: 200px;
left: 0;
width: 100%;
background: linear-gradient(0,rgba(225,225,230,1),rgba(225,225,230,0));
}
#mw-content-text { background:#e1e1e6;padding:10px 40px;font-size:large;font-weight:300 }
