Sửa đổi Bản mẫu:Mặt trăng/styles.css

Chú ý: Bạn chưa đăng nhập và địa chỉ IP của bạn sẽ hiển thị công khai khi lưu các sửa đổi.

Bạn có thể tham gia như người biên soạn chuyên nghiệp và lâu dài ở Bách khoa Toàn thư Việt Nam, bằng cách đăng ký và đăng nhập - IP của bạn sẽ không bị công khai và có thêm nhiều lợi ích khác.

Các sửa đổi có thể được lùi lại. Xin hãy kiểm tra phần so sánh bên dưới để xác nhận lại những gì bạn muốn làm, sau đó lưu thay đổi ở dưới để hoàn tất việc lùi lại sửa đổi.

Bản hiện tại Nội dung bạn nhập
Dòng 1: Dòng 1:
#content { padding:0;margin:0;border:none;box-shadow:none }
+
#mw-content { padding:0;margin:0;border:none;box-shadow:none }
.mw-indicators { padding:20px 20px 0 0 }
+
.mw-indicators { padding:20px 30px 0 0 }
.page-title {  
+
.page-title { padding:20px 30px;border-bottom:1px solid #eed;background:#000;color:#eed }
  padding: 20px;
+
.logo-text { font-weight:bold }
  border: none;
+
.mw-header-lower {
 
   background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/d/dc/Sonnensystem_Navigationsleiste.png/800px-Sonnensystem_Navigationsleiste.png);
 
   background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/d/dc/Sonnensystem_Navigationsleiste.png/800px-Sonnensystem_Navigationsleiste.png);
   background-size: cover  
+
   background-size: cover;
 
}
 
}
#contentSub { background:black;padding-left:20px }
+
#searchInput { opacity:0.8 }
p { margin:1em 0 0;font-size:large;text-align: justify }
+
#contentSub { display:none }
h2,h3,h4 { color: inherit }
+
#mw-content-text p { margin:1em 0 0;font-size:large;text-align: justify }
h3,h4 { font-weight:bold }
+
#mw-content-text a { 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 a, .mid1 a, .mid2 a, .mid3 a { border-bottom:1.5px solid #ff5a28;color:inherit !important }
+
#mw-content-text a.new { border:1px dotted #964cf0;border-top:none;border-right:none;border-left:none;color:inherit !important; }
.top a.new, .mid1 a.new, .mid2 a.new, .mid3 a.new { border-bottom:1px dotted #964cf0;color:inherit !important }
+
#mw-content-text a.mw-tmh-play, #mw-content-text a.image, #mw-content-text a.internal, #mw-content-text sup a { border:none; }
a.mw-tmh-play, a.image, a.internal, .top sup a, .mid1 sup a, .mid2 sup a, .mid3 sup a, .bot sup a, .toc a { border:none; }
+
#mw-content-text .bot a { border-bottom-width:1px; }
.bot a { text-decoration:underline;color:inherit !important }
 
 
.top {
 
.top {
 
   background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/a/ae/Waxing_Crescent_%2815799021157%29.jpg/1024px-Waxing_Crescent_%2815799021157%29.jpg);
 
   background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/a/ae/Waxing_Crescent_%2815799021157%29.jpg/1024px-Waxing_Crescent_%2815799021157%29.jpg);
Dòng 20: Dòng 19:
 
   width: 100%;
 
   width: 100%;
 
   position: relative;  
 
   position: relative;  
  padding-bottom:25px;
 
 
}
 
}
 
.toc {
 
.toc {
Dòng 29: Dòng 27:
 
  font-size: 90%;
 
  font-size: 90%;
 
  padding: 0.5em;
 
  padding: 0.5em;
  margin: 2.25em 20px 0 0;
+
  margin: 2.25em 30px 0 0;
 +
}
 +
.top .toc .toctitle {
 +
color: #fff;
 +
}
 +
#mw-content-text .toc a {
 +
border:none;
 
}
 
}
 
.top1 {
 
.top1 {
   padding: 20px;
+
   padding: 20px 30% 20px 30px;
 
   top: 0px;
 
   top: 0px;
 
   text-align:justify;
 
   text-align:justify;
   background: linear-gradient(to left,rgba(17,17,17,0),rgba(0,0,0,1) 60%,rgba(0,0,0,1));
+
   background-image: linear-gradient(to left, rgba(17,17,17,0), rgba(17,17,17,1));
   width: calc(65% - 40px);
+
   width: 50%;
 
   color: white;
 
   color: white;
 
}
 
}
 
.mid {
 
.mid {
   padding-bottom: 20px;
+
   display: flex;
   background-color:#f2f2f2;
+
   flex-wrap: wrap;
 
}
 
}
.mid1, .mid2 {
+
.mid .mid1 {
   max-width: 1280px;
+
   flex: 0 0 calc(35% - 20px);
   padding: 20px;
+
   margin: 0 10px 0 10px;
 
}
 
}
.mid2 {
+
.mid .mid2 {
   margin: 0 auto;
+
  flex: 0 0 calc(65% - 60px);
 +
   margin: 0 30px 0 30px;
 +
  text-align: justify;
 
}
 
}
.mid1 {
+
.mid .mid2 h2 {
   margin: 0 auto 20px auto;
+
   font-weight: bold;
 
}
 
}
.mid1 p, .mid1 h2, .mid1 h3, .mid1 h4, .mid1 dl {
+
.mid .mid2 h2:after {
   padding-left: 360px;
+
   border: none;
 
}
 
}
.mid2 p, .mid2 h2, .mid2 h3, .mid2 h4, .mid2 dl {
+
.mid .mid1 .thumb {
   padding-right: 360px;
+
  margin-top: 2.25em;
 +
   margin-bottom: 10px;
 
}
 
}
.mid1 h2:after, .mid2 h2:after {
+
.mid .mid1 .thumbinner {
   border: none;
+
  margin-left: auto;
 +
   margin-right: auto;
 
}
 
}
.mid1 .thumbcaption, .mid2 .thumbcaption {
+
.mid .mid1 .thumbcaption {
 
   text-align: center;
 
   text-align: center;
 
}
 
}
.mid1 blockquote {
+
.mid .mid1 blockquote {
 +
  margin-top: 2.25em;
 
   border-left: 4px solid #ff5a28;
 
   border-left: 4px solid #ff5a28;
   width: 313px;
+
   max-width: 300px;
 
   text-align:justify;
 
   text-align:justify;
   padding:0 10px 20px;
+
   padding:10px;
  float:left;
 
  clear:left;
 
  margin:0 0 20px;
 
 
}
 
}
.mid1 blockquote p {
+
.mid .mid1 table {
  padding: 0;
 
}
 
.mid2 table {
 
 
   text-align:center;
 
   text-align:center;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  margin-top: 2.25em;
 
   border-collapse:collapse;
 
   border-collapse:collapse;
   width:326px;
+
   width:320px;
  float:right;
 
  clear:right;
 
 
}  
 
}  
.mid2 table caption {
+
.mid .mid1 table caption {
 
   caption-side:bottom;
 
   caption-side:bottom;
 
   font-size:90%;
 
   font-size:90%;
 
}
 
}
.mid2 table td:first-child {
+
.mid .mid1 table td:first-child {
 
   text-align: left;
 
   text-align: left;
 
}
 
}
.mid2 table td:last-child {
+
.mid .mid1 table td:last-child {
 
   text-align: right;
 
   text-align: right;
 
}
 
}
.mid2 table .bt td {
+
.mid .mid1 table .bt td {
 
   border-top: 4px solid #FF5A28;
 
   border-top: 4px solid #FF5A28;
 
}
 
}
.mid2 table .bb td {
+
.mid .mid1 table .bb td {
 
   border-bottom: 4px solid #FF5A28;
 
   border-bottom: 4px solid #FF5A28;
 
}
 
}
 
.mid3 {
 
.mid3 {
 
   text-align: center;
 
   text-align: center;
   max-width: 1280px;
+
}
  margin: 0 auto 30px auto;
+
.mid3 h2 {
 +
   font-weight: bold;
 
}
 
}
 
.mid3 h2:after {
 
.mid3 h2:after {
Dòng 114: Dòng 119:
 
.mid3 p {
 
.mid3 p {
 
   padding: 5px;
 
   padding: 5px;
}
 
.mid3 .center {
 
  margin: 20px auto 0 auto;
 
 
}
 
}
 
.bot {
 
.bot {
Dòng 122: Dòng 124:
 
  color: white;
 
  color: white;
 
  padding: 20px;
 
  padding: 20px;
font-weight:300;
+
}
 +
.bot h2 {
 +
  font-weight: bold;
 
}
 
}
 
.bot h2:after {
 
.bot h2:after {
Dòng 132: Dòng 136:
 
   width:22em;
 
   width:22em;
 
}
 
}
ol.references li:target, sup.reference:target, .rt-target  {
+
.bot ol.references li:target {
  background-color: #86869f;
+
  background-color: #464655;
 
}
 
}
@media only screen and (max-width: 850px) {
+
 
  .mid1 p, .mid1 h2, .mid1 h3, .mid1 h4, .mid1 dl
+
@media only screen and (max-width: 1100px) {
{
+
  .top .toc {
  padding-left: 0;
+
  margin: 1.5em 0 0 0;
 
  }
 
  }
  .mid2 p, .mid2 h2, .mid2 h3, .mid2 h4, .mid2 dl
+
  .top1 {
{
+
  padding: 5px;
  padding-right: 0;
+
  width: calc(100% - 10px);
 
  }
 
  }
  .mid1, .mid2, .bot {
+
  .mid .mid1 {
 +
  flex: 0 0 100%;
 +
  margin: 0;
 +
}
 +
.mid .mid2 {
 +
  flex: 0 0 calc(100% - 10px);
 +
  margin: 0;
 
   padding: 5px;
 
   padding: 5px;
 
  }
 
  }
  .mid1 blockquote {
+
  .bot {
   width: calc(100% - 24px);
+
   padding:5px;
 
  }
 
  }
  .mid2 table {
+
  .mid .mid1 .thumb, .mid .mid1 blockquote, .mid .mid1 table {
   width: 100%;
+
   margin-top: 0;
}
+
   margin-bottom: 10px;
.top1 {
 
   padding: 5px;
 
  width: calc(100% - 10px);
 
 
  }
 
  }
 
}
 
}

Lưu ý rằng tất cả các đóng góp của bạn tại Bách khoa Toàn thư Việt Nam sẽ được phát hành theo giấy phép Creative Commons Ghi công–Chia sẻ tương tự (xem thêm Bản quyền). Nếu bạn không muốn những gì mình viết ra sẽ có thể được bình duyệt và có thể bị sửa đổi, và không sẵn lòng cho phép phát hành lại, xin đừng nhấn nút “Lưu trang”. Đảm bảo rằng chính bạn là tác giả của những gì mình viết ra, hoặc chép nó từ một nguồn thuộc phạm vi công cộng hoặc tự do tương đương. ĐỪNG ĐĂNG NỘI DUNG CÓ BẢN QUYỀN MÀ CHƯA XIN PHÉP!

Hủy bỏ Trợ giúp sửa đổi (mở cửa sổ mới)