|
|
(10 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| /* CSS placed here will affect sysops only */ | | /* CSS placed here will affect sysops only */ |
| @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
| | #mw-page-header-links { |
| @import url('https://fonts.googleapis.com/css2?family=Red+Hat+Mono&display=swap');
| | margin-top: 1em; |
| | | display: inherit !important; |
| :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;
| |
| }
| |
| | |
| .mw-wiki-logo {
| |
| background-image: url(https://cdn.discordapp.com/attachments/827643314475761747/963489771458539580/wordmark_shadow_white_blue.png);
| |
| background-size: contain;
| |
| }
| |
| | |
| /* Header & sidebar */
| |
| #mw-header-container {
| |
| background: none;
| |
| color: inherit;
| |
| position: relative;
| |
| top: 3rem;
| |
| border: none;
| |
| }
| |
| | |
| #p-logo-text a {
| |
| display: none;
| |
| }
| |
| | |
| #mw-header-hack {
| |
| display: none;
| |
| }
| |
| | |
| @media screen and (min-width: 851px) and (max-width: 1099px) {
| |
| #mw-header-hack, #mw-header-nav-hack {
| |
| display: none!important;
| |
| }
| |
| #p-logo-text a {
| |
| display: block!important;
| |
| position: absolute;
| |
| left: 50%;
| |
| color: transparent;
| |
| user-select: none;
| |
| }
| |
| #p-logo-text a:after {
| |
| content: "";
| |
| position: absolute;
| |
| background-image: url(https://cdn.discordapp.com/attachments/827643314475761747/963489771458539580/wordmark_shadow_white_blue.png);
| |
| width: 200px;
| |
| height: 70px;
| |
| background-repeat: no-repeat;
| |
| background-size: 200px;
| |
| top: -2.5em;
| |
| transform: translateX(-100%);
| |
| } | |
| #mw-header {
| |
| margin-top: 2rem;
| |
| } | |
| #mw-content-container {
| |
| margin-top: 8rem;
| |
| }
| |
| #mw-site-navigation .sidebar-inner {
| |
| background: #3e4866;
| |
| border: 3px solid #6a78a7;
| |
| border-radius: 5px;
| |
| text-align: start;
| |
| }
| |
| #mw-site-navigation .sidebar-chunk {
| |
| border: none!important;
| |
| padding: 0 1.5rem;
| |
| border-top: var(--main-border)!important;
| |
| border-left: var(--main-border)!important;
| |
| border-right: var(--main-border)!important;
| |
| border-radius: 10px 10px 0 0!important;
| |
| top: -0.15rem;
| |
| }
| |
| #mw-site-navigation h2, #mw-related-navigation h2 {
| |
| font-family: var(--font-mono);
| |
| }
| |
| #mw-site-navigation .sidebar-chunk h2 span:before, #mw-site-navigation .sidebar-chunk h2 span:after {
| |
| display: none!important;
| |
| }
| |
| }
| |
| | |
| @media screen and (max-width: 850px) {
| |
| #p-logo-text {
| |
| text-align: center;
| |
| }
| |
| #p-logo-text a {
| |
| display: block!important;
| |
| width: 150px;
| |
| height: 50px;
| |
| background-size: 150px;
| |
| background-repeat: no-repeat;
| |
| position: absolute;
| |
| top: 1rem;
| |
| }
| |
| #p-logo-text a:after {
| |
| content: "";
| |
| position: absolute;
| |
| background-image: url(https://cdn.discordapp.com/attachments/827643314475761747/963489771458539580/wordmark_shadow_white_blue.png);
| |
| width: 200px;
| |
| height: 50px;
| |
| background-repeat: no-repeat;
| |
| background-size: 200px;
| |
| left: 0;
| |
| top: -2.25rem;
| |
| }
| |
| #mw-header-container {
| |
| top: 1rem;
| |
| }
| |
| #personal h2 {
| |
| top: -.05rem;
| |
| }
| |
| #personal h2 span {
| |
| display: none;
| |
| }
| |
| #menus-cover {
| |
| background-color: #191e2e;
| |
| }
| |
| .sidebar-inner, .dropdown {
| |
| background: #3e4866;
| |
| border: 3px solid #6a78a7;
| |
| border-radius: 5px;
| |
| text-align: start;
| |
| }
| |
| }
| |
| | |
| #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 { | | #user-tools { |
| text-align: end; | | display: inline-block !important; |
| }
| |
| | |
| #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;
| |
| }
| |
| | |
| .tools-inline li.selected a {
| |
| color: #fff;
| |
| font-weight: bold;
| |
| }
| |
| | |
| @media screen and (max-width: 850px) {
| |
| #mw-content-block {
| |
| background: none;
| |
| }
| |
| #mw-site-navigation .sidebar-chunk {
| |
| border: none;
| |
| }
| |
| #mw-content-container {
| |
| margin-top: 2rem;
| |
| }
| |
| }
| |
| | |
| /* 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 {
| | #p-search{ |
| color: inherit; | | display: block !important; |
| background-color: #090f26; | | position: absolute; |
| border: none; | | left: 1em; |
| outline: 2px solid #2e3a62; | | width: 20%; |
| border-radius: 3px;
| |
| } | | } |