Khác biệt giữa các bản “Bản mẫu:Biến đổi khí hậu/styles.css”
Dòng 40: | Dòng 40: | ||
box-shadow:none; | box-shadow:none; | ||
margin:0; | margin:0; | ||
− | padding:0; | + | padding:20px 0; |
letter-spacing: 2px; | letter-spacing: 2px; | ||
line-height:1.5; | line-height:1.5; |
Phiên bản lúc 12:16, 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;font-size:large;font-weight:300;text-align:justify;padding:10px 0 }
.toc {
background-image: linear-gradient(80deg,#ff5228 10%,#ffaa20 50%,#ff5a28);
background-clip: text;
-webkit-background-clip: text; /* chrome */
color: transparent;
font-weight:bold;
border:none;
box-shadow:none;
margin:0;
padding:20px 0;
letter-spacing: 2px;
line-height:1.5;
}
.toc a { color:inherit !important }
.toc ul, .toc ul ul { list-style-type:none;margin:0;padding:0;display:inline }
.toc li { display:inline }
.toc .toclevel-3, .toctitle { display: none }
.top a, .sec a { border:1.5px solid; border-image:linear-gradient(0.25turn,#ff5a28 35%,#ffaa20 70%,#ff5a28) 1;border-bottom-width:1.5px;border-top-width:0;border-right-width:0;border-left-width:0;color:inherit !important;}
.top sup a, .sec sup a, .top .toc a { border:none; }
.top a.new, .sec a.new { border:1px solid; border-image:linear-gradient(0.25turn,#964cf0 35%,#ed4aed 70%,#964cf0) 1;border-bottom-width:1px;border-top-width:0;border-right-width:0;border-left-width:0;color:inherit !important;}
.top { padding:0 40px 20px; }
@media (min-width: 851px) {
.sec {
column-count: 2;
padding: 20px 40px;
column-gap: 40px;
column-rule: 4px double #e1e1e6;
max-width: 1280px;
}
.sec .thumbinner { width: calc(100% - 40px) !important; }
.sec .thumbinner img { width: 100%;height:auto }
.sec .tright, .sec .tleft { margin:0;padding:0 }
}