Difference between revisions of "MediaWiki:Group-user.css"
From Grifkuba
Line 176: | Line 176: | ||
outline: 2px solid #2e3a62; | outline: 2px solid #2e3a62; | ||
border-radius: 3px; | border-radius: 3px; | ||
} | |||
/*Reactive Overrides*/ | |||
@media screen and (min-width: 1100px) and (max-width: 1339px){ | |||
#mw-content, #content-bottom-stuff { | |||
margin-left: 0; | |||
} | |||
} | } |
Revision as of 15:40, 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.discordapp.com/attachments/827643314475761747/963493737118453771/unknown.png); font-family: var(--font-sans); font-size: 1em; color: #afb7d3; } /* Header & sidebar */ #mw-header-container { background: none; color: inherit; position: relative; border: none; } #p-search { display: none; } #mw-site-navigation { position: absolute; left: 50%; top: 0; transform: translateX(-50%) scale(5); /*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; } #mw-content { background: var(--main-bg); border: var(--main-border); border-radius: 10px; margin-top: 7%; padding: 0em 2em 1em; } .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*/ @media screen and (min-width: 1100px) and (max-width: 1339px){ #mw-content, #content-bottom-stuff { margin-left: 0; } }