| Line 22: |
Line 22: |
| | } | | } |
| | */ | | */ |
| − | /* 1em from top and side on large screens */ | + | /* 1em from top and side on large screens and sidebar borders */ |
| − | @media (min-width: 851px) { | + | @media (min-width: 1100px) { |
| − | #mw-content, #content-bottom-stuff { | + | |
| − | margin-top: 1em;
| + | #mw-content { |
| − | margin-right: 1em;
| |
| | border: 3px solid #5aa7e2; | | border: 3px solid #5aa7e2; |
| | border-radius: 10px; | | border-radius: 10px; |
| | box-shadow: #0000007d 0 0 4px; | | box-shadow: #0000007d 0 0 4px; |
| | + | margin-top: 1em; |
| | + | margin-right: 1em; |
| | + | background: rgba(255, 255, 255, 0.99); |
| | + | } |
| | + | |
| | + | |
| | + | #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { |
| | + | border: 3px solid #5aa7e2; |
| | + | border-radius: 10px; |
| | + | box-shadow: #0000007d 0 0 4px; |
| | + | background: rgba(255, 255, 255, 0.99); |
| | } | | } |
| | + | |
| | } | | } |
| | /********/ | | /********/ |
| Line 38: |
Line 49: |
| | background-image: url(https://drawntolife.wiki/w/images/0/0b/DTLWIKIBig.png); | | background-image: url(https://drawntolife.wiki/w/images/0/0b/DTLWIKIBig.png); |
| | background-size: 100%; | | background-size: 100%; |
| | + | transition: 0.2s; |
| | } | | } |
| | .mw-wiki-logo:hover { | | .mw-wiki-logo:hover { |
| Line 43: |
Line 55: |
| | background-size: 100%; | | background-size: 100%; |
| | } | | } |
| − | | + | @media (max-width: 1339px) { |
| | + | .mw-wiki-logo:active { |
| | + | background-image: url(https://drawntolife.wiki/w/images/1/1d/DTLWikiAnimated.png); |
| | + | background-size: 95%; |
| | + | } |
| | + | } |
| | /***********/ | | /***********/ |
| | /* Modules */ | | /* Modules */ |
| Line 62: |
Line 79: |
| | border-radius: 10px; | | border-radius: 10px; |
| | padding: 0 3px 0 3px; | | padding: 0 3px 0 3px; |
| | + | } |
| | + | /* Shadow */ |
| | + | .toc { |
| | + | box-shadow: #0000001a 0px 3px 4px; |
| | } | | } |
| | | | |
| Line 178: |
Line 199: |
| | transition: 0.3s; | | transition: 0.3s; |
| | } | | } |
| − |
| |
| − | @media (min-width: 1340px) {
| |
| − | #mw-page-header-links {
| |
| − | position: absolute;
| |
| − | right: 0;
| |
| − | top: -4.4em;
| |
| − | }
| |
| | } | | } |
| | | | |
| Line 193: |
Line 207: |
| | background: #fffc !important; | | background: #fffc !important; |
| | transition: background 0.5s; | | transition: background 0.5s; |
| | + | } |
| | + | |
| | + | |
| | + | /* Big Logo on large display */ |
| | + | @media (min-width: 1340px) { |
| | + | #mw-content { |
| | + | margin-top: 10.7em; |
| | + | } |
| | + | |
| | + | .mw-wiki-logo { |
| | + | background-image: url(https://drawntolife.wiki/w/images/3/35/WikiLogo.png?07ef3); |
| | + | } |
| | + | .mw-wiki-logo:hover { |
| | + | background-image: url(https://drawntolife.wiki/w/images/3/35/WikiLogo.png?07ef3); |
| | + | filter: brightness(1.2); |
| | + | } |
| | + | |
| | + | .mw-wiki-logo.fallback { |
| | + | width: 26em; |
| | + | height: 9.2em; |
| | + | position: absolute; |
| | + | left: 43%; |
| | + | top: 3em; |
| | + | transition: 0.3s; |
| | + | } |
| | + | .mw-wiki-logo.fallback:active { |
| | + | height: 10.2em; |
| | + | } |
| | + | #p-logo { |
| | + | margin-top: 9.736em; |
| | + | } |
| | } | | } |