MediaWiki:Timeless.css
From MiiWiki
Jump to navigationJump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* Body and backgrounds */ body { background: url(https://static.miraheze.org/miiwikiwiki/d/d5/Wallpaper.png) top left; } @media screen and (max-width: 850px) { #mw-content-block { background: transparent; } } /* Header */ #mw-header-container { background: #9FF5CB; border-bottom: 2px solid #066F71; } #mw-header-hack { display: none; } #simpleSearch { border: 2px solid #066F71; border-radius: 1rem; } #p-logo-text a { color: #ffffff; font-family: Delfino; text-shadow: -0.04em -0.04em 0.02em #000, -0.04em 0 0.02em #000, -0.04em 0.04em 0.02em #000, 0 0.04em 0.02em #000, 0.04em 0.04em 0.02em #000, 0.04em 0 0.02em #000, 0.04em -0.04em 0.02em #000, 0 -0.04em 0.02em #000; font-variant: none; } @media screen and (max-width: 550px) { #p-logo-text { position: absolute; top: 1rem; } } #personal h2 { background: url(https://static.miraheze.org/miiwikiwiki/2/26/Favicon.png) no-repeat; background-position: left 7px; background-size: 24px; font-family: Delfino; color: #fff; } /* Sidebar & content */ .mw-wiki-logo { background-size: contain; } @media screen and (min-width: 1340px) { #mw-content-block { display: grid; } #mw-content { margin-left: 14em; } #mw-content-wrapper { grid-row-start: 1; grid-row-end: 99; grid-column: 1; order: unset; } #mw-site-navigation { grid-row: 1; grid-column: 1; order: unset; } #mw-related-navigation { grid-row: 2; grid-column: 1; width: 14em; padding: 0 1em 0 0; order: unset; } } @media screen and (min-width: 851px) and (max-width: 1099px) { #mw-site-navigation h2, #mw-related-navigation h2 { font-family: sans-serif; padding: 0 .25rem; } #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { padding-top: 0!important; margin-top: .4rem; } } #mw-content-container { background: transparent; border: none; } #mw-content, .sidebar-inner { background: rgba(255, 255, 255, 0.80); border: 2px solid #066F71; border-radius: 1em; } .sidebar-inner { padding: 0 1em; } #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { background: none; border: none; padding: 0 } @media screen and (max-width: 850px) { #site-navigation .sidebar-inner { left: 5px; } } .dropdown { border: 2px solid #066F71!important; border-radius: 1em; } #mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 { font-family: Delfino; font-size: 1.25em; margin: .25em 0 0 0; text-align: center; border: none; } #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { padding-top: .5rem; } .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt { font-family: Delfino; } /* Other */ pre, .mw-code { background-color: #F7F7F7; border: 1px solid #066F71; border-radius: 1em; } div.editOptions { border: 1px solid #cccccc; } .previewnote { color: #990000; } fieldset { border: 3px solid #066F71; } fieldset legend { border: 1px solid #066F71; border-bottom: 0px; } /* Footer */ #mw-footer-container { border: none; border-radius: 0; } #mw-footer { background: rgba(255, 255, 255, 0.80); border-top: 2px solid #066F71; border-bottom: 2px solid #a92c3; } .mw-footer-container a { color: #3366cc; } .footer-icons { padding-top: .75em; } /* Catlinks */ /* Body and backgrounds */ body { background: url(https://static.miraheze.org/miiwikiwiki/d/d5/Wallpaper.png) top left; } @media screen and (max-width: 850px) { #mw-content-block { background: transparent; } } /* Header */ #mw-header-container { background: #9FF5CB; border-bottom: 2px solid #066F71; } #mw-header-hack { display: none; } #simpleSearch { border: 2px solid #066F71; border-radius: 1rem; } #p-logo-text a { color: #ffffff; font-family: Delfino; text-shadow: -0.04em -0.04em 0.02em #000, -0.04em 0 0.02em #000, -0.04em 0.04em 0.02em #000, 0 0.04em 0.02em #000, 0.04em 0.04em 0.02em #000, 0.04em 0 0.02em #000, 0.04em -0.04em 0.02em #000, 0 -0.04em 0.02em #000; font-variant: none; } @media screen and (max-width: 550px) { #p-logo-text { position: absolute; top: 1rem; } } #personal h2 { background: url(https://static.miraheze.org/miiwikiwiki/2/26/Favicon.png) no-repeat; background-position: left 7px; background-size: 24px; font-family: Delfino; color: #fff; } /* Sidebar & content */ .mw-wiki-logo { background-size: contain; } @media screen and (min-width: 1340px) { #mw-content-block { display: grid; } #mw-content { margin-left: 14em; padding-bottom: 1em; } #mw-content-wrapper { grid-row-start: 1; grid-row-end: 99; grid-column: 1; order: unset; } #mw-site-navigation { grid-row: 1; grid-column: 1; order: unset; } #mw-related-navigation { grid-row: 2; grid-column: 1; width: 14em; padding: 0 1em 0 0; order: unset; } } @media screen and (min-width: 851px) and (max-width: 1099px) { #mw-site-navigation h2, #mw-related-navigation h2 { font-family: sans-serif; padding: 0 .25rem; } #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { padding-top: 0!important; margin-top: .4rem; } } #mw-content-container { background: transparent; border: none; } #mw-content, .sidebar-inner { background: rgba(255, 255, 255, 0.80); border: 2px solid #066F71; border-radius: 1em; } .sidebar-inner { padding: 0 1em; } #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { background: none; border: none; padding: 0 } @media screen and (max-width: 850px) { #site-navigation .sidebar-inner { left: 5px; } } .dropdown { border: 2px solid #066F71!important; border-radius: 1em; } #mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 { font-family: Delfino; font-size: 1.25em; margin: .25em 0 0 0; text-align: center; border: none; } #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { padding-top: .5rem; } .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt { font-family: Delfino; } /* Other */ pre, .mw-code { background-color: #F7F7F7; border: 1px solid #066F71; border-radius: 1em; } div.editOptions { border: 1px solid #cccccc; } .previewnote { color: #990000; } fieldset { border: 3px solid #066F71; } fieldset legend { border: 1px solid #066F71; border-bottom: 0px; } #rc-staff { margin-bottom: 0!important; } /* Footer */ #mw-footer-container { border: none; border-radius: 0; } #mw-footer { background: rgba(255, 255, 255, 0.80); border-top: 2px solid #066F71; border-bottom: 2px solid #a92c3; } .mw-footer-container a { color: #3366cc; } .footer-icons { padding-top: .75em; } .mw-footer-container, .mw-footer-container a:hover, .mw-footer-container a:visited { color: revert; } #catlinks { background: rgba(255,255,255,0.8); border: 2px solid #066F71; border-radius: 1em; padding: 1em; display: block; } #catlinks:empty { display: none; } @media screen and (min-width: 1099px) { #catlinks { margin: 1em 0 0 14em; } } @media screen and (max-width: 1098px) { #catlinks { margin-top: 1em; } }