| Line 22: |
Line 22: |
| | } | | } |
| | */ | | */ |
| − | /* 1em from top and side on large screens and sidebar borders */ | + | /* 1em from top and side on large screens */ |
| − | @media (min-width: 1100px) { | + | @media (min-width: 851px) { |
| − | | + | #mw-content, #content-bottom-stuff { |
| − | #mw-content { | + | margin-top: 1em; |
| | + | 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 49: |
Line 38: |
| | 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 55: |
Line 43: |
| | 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 79: |
Line 62: |
| | 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 199: |
Line 178: |
| | transition: 0.3s; | | transition: 0.3s; |
| | } | | } |
| | + | |
| | + | @media (min-width: 1340px) { |
| | + | #mw-page-header-links { |
| | + | position: absolute; |
| | + | right: 0; |
| | + | top: -4.4em; |
| | + | } |
| | } | | } |
| | | | |
| Line 207: |
Line 193: |
| | 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;
| |
| − | }
| |
| | } | | } |