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://miiwiki.org/w/images/7/7a/MiiWiki_Background_Vector.png) top left fixed; border-top-left-radius: 1em; background-color: #8C8C8C !important; background-blend-mode: screen !important; border-bottom-left-radius: 1em; margin-top:0; } @media screen and (max-width: 850px) { #mw-content-block { background: transparent; } .mw-body a > img { width: auto; max-width: revert!important; } } /* Header */ #mw-header-container { background: linear-gradient(#fff,#d2d2d2); border-bottom: 2px solid #b5b5b5; } #mw-header-hack { display: none; } #simpleSearch { border: 2px solid #b5b5b5; 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://miiwiki.org/w/images/2/26/Favicon.png) no-repeat; background-position: left 7px; background-size: 24px; font-family: sans-serif; color: #000; } /* 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 { background-color: #CECCBD; background-image: url(https://miiwiki.org/w/images/1/1f/MiiWiki_Page_Background.png); background-blend-mode: screen; border: 2px solid #b5b5b5; border-radius: 1em; box-shadow: rgba(0,0,0,0.15) 0 0.1em 0.75em; } .sidebar-inner { background: repeating-linear-gradient(180deg,transparent ,transparent 5px,#FAFAFA 5px,#FAFAFA 10px),linear-gradient(to bottom,#FCFCFC,#E7E7E7); border: 2px solid #b5b5b5; border-radius: 1em; padding: 0 1em; box-shadow: rgba(0,0,0,0.15) 0 0.1em 0.75em; } #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 #b5b5b5 !important; border-radius: 1em; } #mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 { color: #999; font-size: 1.2em; font-weight: bold; text-align: center; background: #fff; border-radius: 2em; box-shadow: rgba(0,0,0,0.15) 0 0.1em 0.75em; margin: .5em 0 1em; } #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: sans-serif; } /* 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-color: #CECCBD; color: #fff; background-image: url(https://miiwiki.org/w/images/1/1f/MiiWiki_Page_Background.png); background-blend-mode: soft-light; border-radius: 0 0 0 10px; margin-top: -10px; border-top: 2px solid #b5b5b5; 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 */ #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; } }