MediaWiki:Group-user.css
From Grifkuba
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 affect registered users only */ @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Red+Hat+Mono&display=swap'); :root { --main-bg: #191e2e; --main-border: 5px solid #2e3a62; --font-sans: 'Roboto', system-ui, sans-serif; --font-mono: 'Red Hat Mono', monospace, sans-serif; } body { background: url(https://cdn.grifkuba.net/background.png); font-family: var(--font-sans); font-size: 1em; color: #afb7d3; } /* Header & sidebar */ #mw-header-container { background: none; color: inherit; position: absolute; border: none; } #p-search { display: none; } #p-logo { display: inherit !important; } .mw-wiki-logo { background-size: contain; width: 30em !important; height: 5em !important; margin: 2em !important; display: block !important; background-repeat: no-repeat; background-position: center center; } #mw-site-navigation { position: absolute; left: 50%; top: 0; transform: translateX(-50%); /*Overriding MW*/ padding-right: 0; width: auto; } #p-logo-text a { display: none; } /* Eliminate Sidebar */ #site-navigation { display: none; } #site-tools { display: none; } #mw-page-header-links { display: none; } #mw-header-hack { display: none; } /*Hides page names*/ .mw-body h1.firstHeading{ display: none; } /*Hides Edit Links*/ .mw-editsection { display: none; } /*Hides User Login*/ #user-tools { display: none; } #mw-site-navigation .sidebar-chunk { background: var(--main-bg); border: var(--main-border); border-radius: 10px; } #mw-site-navigation .sidebar-chunk h3 { border-color: #eb9a05; font-family: var(--font-mono); font-weight: bold; } #simpleSearch { background: rgba(255,255,255,0.25); border: 2.5px solid #6c6c6c; border-radius: 5px; box-shadow: none; } #simpleSearch div input { color: #fff; } #simpleSearch div input::placeholder { color: #d2d2d9; } #user-tools { text-align: end; flex: 1 1 auto; } #personal h2 { font-family: var(--font-mono); color: #fff; font-weight: 600; } #personal .dropdown, #personal .dropdown { background: #3e4866; border: 3px solid #6a78a7; border-radius: 5px; text-align: start; } #personal .dropdown:after, #personal .dropdown:before, #mw-site-navigation .sidebar-chunk h2 span:after { border-bottom-color: #6a78a7; top: -12px; } /* Main area */ #mw-content-container { background: none; border: none; margin-top: 0 !important; } #mw-content-block { padding: 0 1em; position: inherit; max-width: none; background: none; } #mw-content { background: var(--main-bg); border: var(--main-border); border-radius: 10px; padding: 0em 2em 1em; max-width: 1920px; margin: 9em auto; } .tools-inline li.selected a { color: #fff; font-weight: bold; } /* Footer */ .mw-footer-container { border: none; box-shadow: none; } /* General stuff */ a, a:visited { color: #00a1ff; } .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt { font-family: var(--font-mono); font-weight: bold; color: #fff; } .mw-body h1.firstHeading { border-color: #33cc3f; padding-bottom: .5rem; font-size: 2.5em; } .mw-body h2 { border-color: #5b6a99; } code, pre, .mw-code { color: inherit; background-color: #090f26; border: none; outline: 2px solid #2e3a62; border-radius: 3px; } /*Reactive Overrides*/ #mw-header-nav-hack { display: none; } @media screen and (min-width: 1100px) and (max-width: 1339px){ #mw-content, #content-bottom-stuff { margin-left: 0; } } @media screen and (min-width: 851px) and (max-width: 1099px){ .sidebar-inner, #p-logo { display: inherit !important; } } /*Rescale logo for tiny screens*/ @media screen and (max-width: 500px){ .mw-wiki-logo { width: 20em !important; margin: 1em !important; } #mw-content { margin-top: 7em; } }