|
|
| Line 1: |
Line 1: |
| /* CSS placed here will affect registered users only */ | | /* 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 0 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;
| |
| }
| |
| }
| |
