MediaWiki:Common.css
From KAYŌ 💖 DAY
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.
/* CSS placed here will be applied to all skins */ @import url('https://fonts.loli.net/css?family=Noto+Serif+SC:300,500,700,900|Asap:400,400i,700,700i'); @import url('https://fonts.loli.net/css?family=Fira+Mono'); html { font-size: 18px; } html, body, pre, h1, h2, h3, h4, h5, h6, .mw-body h1, .mw-body h2, .label { font-family: 'Asap', "Noto Serif SC"; } a { color: #6e67ac; } a.external::after { display: inline-block; width: 1.2em; height: 1.2em; margin: 0 .3em; font-size: 1em; color: #FFF; line-height: 1.2em; text-align: center; vertical-align: .1em; background: #c1bbfa; border-radius: .25rem; content: "⇗"; } .firstHeading, #firstHeading { font-weight: 600; line-height: 1.2; background-image: -webkit-gradient(linear,0 0,0 bottom,from(#ffffff),to(#333)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } h3#tagline { visibility: hidden; } textarea, input { font-family: "Fira Mono", "Noto Serif SC"; font-size: 1em; } .mw-editsection { vertical-align: super; } .thumb.tleft { margin: 0 1em .5em 0; font-size: small; } .thumb.tright { margin: 0 1em .5em 0; font-size: small; } .thumbcaption { margin: .5em; color: #6f6f6f; } .fullImageLink { padding: 1em; text-align: center; } .mw-filepage-resolutioninfo { margin: 1em 0 0; } .fullMedia { padding: 1em; text-align: center; } #ca-talk, .toc#toc { display: none !important; } #mw-content-text h2 { padding: 1rem; border-top: 5px solid #343a40; } #mw-content-text h3 { padding: 1rem; } .done { display: inline-block; width: 1.6em; height: 1.6em; margin-left: 1rem; color: #FFF; font-size: .7em; text-align: center; vertical-align: .2em; border-radius: 50%; background-color: #90c549; } .not-yet { display: none; } .page-Home #firstHeading { visibility: hidden; } #index-nav td { padding: 0 1rem; box-shadow: inset 0 -1rem 1rem -1rem rgba(0, 0, 0, .2); } #index-nav h4 { margin: 1.2em 0 .8em; } #index-nav .mw-headline { padding: .2rem .5rem; color: #FFF; background-color: #343a40; border-radius: .25rem; } #index-nav .mw-headline small { margin: 0 0 0 .3em; font-size: .5em; color: #CCC; vertical-align: super; } #index-nav ul { height: 500px; margin: 0.5em 0 0 1rem; overflow-y: auto; font-size: .85rem; } #index-nav li { list-style-type: none; } #index-nav li::before { margin-right: .2em; font-size: .8em; color: #d14581; vertical-align: .1em; content: "❤"; } #index-nav li small { display: block; margin: 0 0 0 1rem; } #index-nav li ul { height: auto; margin: 0 0 0.2em 1.2em; } #index-nav li li::before { vertical-align: 0; content: "❣"; } #index-nav li li small { display: inline; margin: 0; } .randomimage p { display: none; } .randomimage .thumb.tright { margin: .5em 0; } .randomimage .thumbinner { float: left; } .randomimage .thumbinner a { float: left; height: 180px; overflow: hidden; } .randomimage .thumbcaption { display: none; } #footer-left { margin: -1.5rem 0 1.5rem; } #footer-left li:not(#footer-lastmod) { display: none; } #footer-lastmod { font-size: small; text-align: right; } #poweredby { display: none; }