Bản mẫu:Biến đổi khí hậu/styles.css

#content { padding:0;margin:0;border:none;box-shadow:none }
.mw-indicators { padding: 48px 40px }
#contentSub { background:#e1e1e6;padding-left:20px }
.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 { font-size:large;font-weight:300;text-align:justify }
.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, a.mw-tmh-play, a.image, a.internal { 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 { background:#e1e1e6;padding:10px 40px 20px }
h2 { max-width:1240px;margin-left:auto;margin-right:auto;padding:0 20px }
@media (min-width: 851px) {
  .sec {
     column-count: 3;
     padding: 20px;
     column-gap: 40px;
     column-rule: 1px solid #e1e1e6;
     max-width: 1280px;
  }
  .sec .thumbinner { width:calc(100% - 40px) !important;text-align:center;break-inside:avoid }
  .sec .thumbinner img { width:100%;height:auto;max-width:450px }
  .sec .tright, .sec .tleft { margin:10px 0;padding:0 }
}