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 }
| + | .head { |
− | .mw-indicators { padding:20px 20px 0 0 }
| + | background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/57/NASA-Apollo8-Dec24-Earthrise-b.jpg/1024px-NASA-Apollo8-Dec24-Earthrise-b.jpg); |
− | .page-title { | |
− | padding: 20px;
| |
− | border: none;
| |
− | background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/d/dc/Sonnensystem_Navigationsleiste.png/800px-Sonnensystem_Navigationsleiste.png); | |
− | background-size: cover
| |
− | }
| |
− | #contentSub { background:black;padding-left:20px }
| |
− | p { margin:1em 0 0;font-size:large;text-align: justify }
| |
− | h2,h3,h4 { color: inherit }
| |
− | h3,h4 { font-weight:bold }
| |
− | .top a, .mid1 a, .mid2 a, .mid3 a { border-bottom:1.5px solid #ff5a28;color:inherit !important }
| |
− | .top a.new, .mid1 a.new, .mid2 a.new, .mid3 a.new { border-bottom:1px dotted #964cf0;color:inherit !important }
| |
− | 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; }
| |
− | .bot a { text-decoration:underline;color:inherit !important }
| |
− | .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-size: cover; | | background-size: cover; |
| width: 100%; | | width: 100%; |
| position: relative; | | position: relative; |
− | padding-bottom:25px;
| |
− | }
| |
− | .toc {
| |
− | background-color: rgba(0,0,0,0.5);
| |
− | color: #ff5a28;
| |
− | border: none;
| |
− | line-height: 1;
| |
− | font-size: 90%;
| |
− | padding: 0.5em;
| |
− | margin: 2.25em 20px 0 0;
| |
| } | | } |
− | .top1 { | + | .head-text { |
− | padding: 20px; | + | padding: 20px 30% 5% 20px; |
| 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(0, 0, 0, 0), rgba(0, 0, 0, 1)); |
− | width: calc(65% - 40px); | + | width: 50%; |
| color: white; | | color: white; |
| } | | } |
− | .mid { | + | .head a.new:link { |
− | padding-bottom: 20px; | + | color: #e0c7fc !important; |
− | background-color:#f2f2f2;
| |
| } | | } |
− | .mid1, .mid2 { | + | .head a.new:visited { |
− | max-width: 1280px; | + | color: #e0c7fc !important; |
− | padding: 20px;
| |
| } | | } |
− | .mid2 { | + | .head a.new:hover { |
− | margin: 0 auto; | + | color: #eacffd !important; |
| } | | } |
− | .mid1 { | + | .head a.new:active { |
− | margin: 0 auto 20px auto; | + | color: #e0c7fc !important; |
| } | | } |
− | .mid1 p, .mid1 h2, .mid1 h3, .mid1 h4, .mid1 dl {
| + | @media only screen and (max-width: 1100px) { |
− | padding-left: 360px;
| + | .head-text { |
− | }
| + | padding: 20px; |
− | .mid2 p, .mid2 h2, .mid2 h3, .mid2 h4, .mid2 dl { | + | width: calc(100% - 40px); |
− | padding-right: 360px;
| |
− | }
| |
− | .mid1 h2:after, .mid2 h2:after {
| |
− | border: none;
| |
− | }
| |
− | .mid1 .thumbcaption, .mid2 .thumbcaption {
| |
− | text-align: center;
| |
− | }
| |
− | .mid1 blockquote {
| |
− | border-left: 4px solid #ff5a28;
| |
− | width: 313px;
| |
− | text-align:justify;
| |
− | padding:0 10px 20px; | |
− | float:left; | |
− | clear:left;
| |
− | margin:0 0 20px;
| |
− | }
| |
− | .mid1 blockquote p {
| |
− | padding: 0;
| |
− | }
| |
− | .mid2 table {
| |
− | text-align:center;
| |
− | border-collapse:collapse;
| |
− | width:326px;
| |
− | float:right;
| |
− | clear:right;
| |
− | }
| |
− | .mid2 table caption {
| |
− | caption-side:bottom;
| |
− | font-size:90%;
| |
− | }
| |
− | .mid2 table td:first-child {
| |
− | text-align: left;
| |
− | }
| |
− | .mid2 table td:last-child {
| |
− | text-align: right;
| |
− | }
| |
− | .mid2 table .bt td {
| |
− | border-top: 4px solid #FF5A28;
| |
− | }
| |
− | .mid2 table .bb td {
| |
− | border-bottom: 4px solid #FF5A28;
| |
− | }
| |
− | .mid3 {
| |
− | text-align: center;
| |
− | max-width: 1280px;
| |
− | margin: 0 auto 30px auto;
| |
− | }
| |
− | .mid3 h2:after {
| |
− | border: none;
| |
− | }
| |
− | .mid3 img {
| |
− | max-width: 100%;
| |
− | height: auto;
| |
− | }
| |
− | .mid3 p {
| |
− | padding: 5px;
| |
− | }
| |
− | .mid3 .center {
| |
− | margin: 20px auto 0 auto;
| |
− | }
| |
− | .bot {
| |
− | background-color: #262635;
| |
− | color: white;
| |
− | padding: 20px;
| |
− | font-weight:300;
| |
− | }
| |
− | .bot h2:after {
| |
− | border: none;
| |
| } | | } |
− | .bot .infobox {
| |
− | color: white;
| |
− | background-color: #262635;
| |
− | width:22em;
| |
− | }
| |
− | ol.references li:target, sup.reference:target, .rt-target {
| |
− | background-color: #86869f;
| |
− | }
| |
− | @media only screen and (max-width: 850px) {
| |
− | .mid1 p, .mid1 h2, .mid1 h3, .mid1 h4, .mid1 dl
| |
− | {
| |
− | padding-left: 0;
| |
− | }
| |
− | .mid2 p, .mid2 h2, .mid2 h3, .mid2 h4, .mid2 dl
| |
− | {
| |
− | padding-right: 0;
| |
− | }
| |
− | .mid1, .mid2, .bot {
| |
− | padding: 5px;
| |
− | }
| |
− | .mid1 blockquote {
| |
− | width: calc(100% - 24px);
| |
− | }
| |
− | .mid2 table {
| |
− | width: 100%;
| |
− | }
| |
− | .top1 {
| |
− | padding: 5px;
| |
− | width: calc(100% - 10px);
| |
− | }
| |
| } | | } |