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 | + | .mw-indicators { padding:20px 30px 0 0 } |
− | .page-title { | + | .page-title { padding:20px 30px;border-bottom:1px solid #eed;background:#000;color:#eed } |
− | + | .logo-text { font-weight:bold } | |
− | + | .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 { | + | #searchInput { opacity:0.8 } |
− | p { margin:1em 0 0;font-size:large;text-align: justify } | + | #contentSub { display:none } |
− | + | #mw-content-text p { margin:1em 0 0;font-size:large;text-align: justify } | |
− | + | #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;} | |
− | . | + | #mw-content-text a.new { border:1px dotted #964cf0;border-top:none;border-right:none;border-left:none;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, | + | #mw-content-text .bot a { border-bottom-width:1px; } |
− | .bot a { | ||
.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; | ||
− | |||
} | } | ||
.toc { | .toc { | ||
Dòng 29: | Dòng 27: | ||
font-size: 90%; | font-size: 90%; | ||
padding: 0.5em; | padding: 0.5em; | ||
− | margin: 2.25em | + | 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( | + | background-image: linear-gradient(to left, rgba(17,17,17,0), rgba(17,17,17,1)); |
− | width: | + | width: 50%; |
color: white; | color: white; | ||
} | } | ||
.mid { | .mid { | ||
− | + | display: flex; | |
− | + | flex-wrap: wrap; | |
} | } | ||
− | .mid1 | + | .mid .mid1 { |
− | + | flex: 0 0 calc(35% - 20px); | |
− | + | margin: 0 10px 0 10px; | |
} | } | ||
− | .mid2 { | + | .mid .mid2 { |
− | margin: 0 | + | flex: 0 0 calc(65% - 60px); |
+ | margin: 0 30px 0 30px; | ||
+ | text-align: justify; | ||
} | } | ||
− | . | + | .mid .mid2 h2 { |
− | + | font-weight: bold; | |
} | } | ||
− | . | + | .mid .mid2 h2:after { |
− | + | border: none; | |
} | } | ||
− | . | + | .mid .mid1 .thumb { |
− | + | margin-top: 2.25em; | |
+ | margin-bottom: 10px; | ||
} | } | ||
− | .mid1 | + | .mid .mid1 .thumbinner { |
− | + | margin-left: auto; | |
+ | margin-right: auto; | ||
} | } | ||
− | .mid1 | + | .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: | + | max-width: 300px; |
text-align:justify; | text-align:justify; | ||
− | padding: | + | padding:10px; |
− | |||
− | |||
− | |||
} | } | ||
− | .mid1 | + | .mid .mid1 table { |
− | |||
− | |||
− | |||
text-align:center; | text-align:center; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-top: 2.25em; | ||
border-collapse:collapse; | border-collapse:collapse; | ||
− | width: | + | width:320px; |
− | |||
− | |||
} | } | ||
− | . | + | .mid .mid1 table caption { |
caption-side:bottom; | caption-side:bottom; | ||
font-size:90%; | font-size:90%; | ||
} | } | ||
− | . | + | .mid .mid1 table td:first-child { |
text-align: left; | text-align: left; | ||
} | } | ||
− | . | + | .mid .mid1 table td:last-child { |
text-align: right; | text-align: right; | ||
} | } | ||
− | . | + | .mid .mid1 table .bt td { |
border-top: 4px solid #FF5A28; | border-top: 4px solid #FF5A28; | ||
} | } | ||
− | . | + | .mid .mid1 table .bb td { |
border-bottom: 4px solid #FF5A28; | border-bottom: 4px solid #FF5A28; | ||
} | } | ||
.mid3 { | .mid3 { | ||
text-align: center; | text-align: center; | ||
− | + | } | |
− | + | .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; | ||
− | |||
− | |||
− | |||
} | } | ||
.bot { | .bot { | ||
Dòng 122: | Dòng 124: | ||
color: white; | color: white; | ||
padding: 20px; | padding: 20px; | ||
− | + | } | |
+ | .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 | + | .bot ol.references li:target { |
− | background-color: # | + | background-color: #464655; |
} | } | ||
− | @media only screen and (max-width: | + | |
− | . | + | @media only screen and (max-width: 1100px) { |
− | + | .top .toc { | |
− | + | margin: 1.5em 0 0 0; | |
} | } | ||
− | . | + | .top1 { |
− | + | padding: 5px; | |
− | + | width: calc(100% - 10px); | |
} | } | ||
− | .mid1 | + | .mid .mid1 { |
+ | flex: 0 0 100%; | ||
+ | margin: 0; | ||
+ | } | ||
+ | .mid .mid2 { | ||
+ | flex: 0 0 calc(100% - 10px); | ||
+ | margin: 0; | ||
padding: 5px; | padding: 5px; | ||
} | } | ||
− | . | + | .bot { |
− | + | padding:5px; | |
} | } | ||
− | . | + | .mid .mid1 .thumb, .mid .mid1 blockquote, .mid .mid1 table { |
− | + | margin-top: 0; | |
− | + | margin-bottom: 10px; | |
− | |||
− | |||
− | |||
} | } | ||
} | } |