Difference between revisions of "MediaWiki:Group-user.css"
From Grifkuba
Line 11: | Line 11: | ||
body { | body { | ||
background: url(https://cdn. | background: url(https://cdn.grifkuba.net/background.png); | ||
font-family: var(--font-sans); | font-family: var(--font-sans); | ||
font-size: 1em; | font-size: 1em; |
Revision as of 16:55, April 15, 2022
/* 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; } }