|
|
(6 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| /** ResourceLoaderSkinModule: normalize,elements,content-tables,content-links,content-media,interface-message-box,interface-category,toc */
| |
|
| |
|
| /* Set global colour vars */
| |
| :root {
| |
| --color-background-base: #23201D;
| |
| --color-background-main: #171513;
| |
| --color-text-main: #F4CF8B;
| |
| --color-text-dark: #E39B16;
| |
| }
| |
|
| |
| /* Set base background colour (body and header bar) */
| |
| body {
| |
| background-color: var(--color-background-base);
| |
| background-image: linear-gradient(0deg, rgba(121,86,52,1) 0%, rgba(121,86,52,1) 2%, rgba(65,50,33,1) 5%, rgba(39,35,30,1) 20%, rgba(35,32,29,1) 100%);
| |
| background-size:auto,cover;
| |
| background-position:top left, center;
| |
| background-attachment:fixed;
| |
| color: var(--color-text-main);
| |
| }
| |
|
| |
|
| |
| #mw-head {
| |
| background: var(--color-background-base);
| |
| }
| |
|
| |
|
| |
| /* Set main background colour */
| |
| #content,
| |
| .editOptions,
| |
| .wikitable,
| |
| .wikitable > * > tr > th,
| |
| #catlinks,
| |
| #searchInput,
| |
| .mw-content-ltr figure[typeof~="mw:File/Thumb"],
| |
| .mw-content-ltr figure[typeof~="mw:File/Frame"],
| |
| figure[typeof~="mw:File/Thumb"] > figcaption,
| |
| figure[typeof~="mw:File/Frame"] > figcaption,
| |
| li.gallerybox div.thumb,
| |
| .toc,
| |
| .toccolours,
| |
| .infobox {
| |
| background: var(--color-background-main);
| |
| }
| |
|
| |
|
| |
| /* Set main text colour */
| |
|
| |
| body,
| |
| h1,
| |
| h2,
| |
| h3,
| |
| h4,
| |
| h5,
| |
| h6,
| |
| li,
| |
| text,
| |
| span,
| |
| .mw-body,
| |
| .wikitable,
| |
| .editOptions,
| |
| #footer-info li,
| |
| .mw-footer li,
| |
| #searchInput,
| |
| #searchInput::placeholder,
| |
| .infobox {
| |
| color: var(--color-text-main);
| |
| }
| |
|
| |
| /* Set main border colour */
| |
| .mw-body, .toc, #searchInput, li.gallerybox div.thumb, .infobox {
| |
| border: 1px solid var(--color-text-main);
| |
| }
| |
|
| |
|
| |
| /* Set link colours */
| |
| a, a * {
| |
| color: var(--color-text-dark) !important;
| |
| &:visited {
| |
| color: var(--color-text-dark) !important;
| |
| }
| |
| }
| |
|
| |
| /* Special case: main tabs */
| |
| .vector-menu-tabs-legacy li {
| |
| background: var(--color-background-base);
| |
| &.selected {
| |
| background: var(--color-background-main);
| |
| }
| |
| }
| |
|
| |
| .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
| |
| background-image: linear-gradient(to bottom, var(--color-text-dark) 0, var(--color-text-main) 100%);
| |
| }
| |
|
| |
| /* Special case: code blocks */
| |
|
| |
| pre, code, .mw-code {
| |
| background-color: #000000;
| |
| color: var(--color-text-main);
| |
| border: 1px solid var(--color-text-dark);
| |
| }
| |
|
| |
|
| |
| /* Diamond Box for Headers */
| |
| .mw-first-heading {
| |
| height: 1.5rem;
| |
| line-height: 1.5rem !important;
| |
| border-top: 2px solid #F4CF8B;
| |
| border-bottom: 2px solid #F4CF8B;
| |
| width: fit-content;
| |
| padding: 0.2rem 0 !important;
| |
| text-align: center;
| |
| display: flex;
| |
| text-transform: uppercase;
| |
| font-family: sans-serif !important;
| |
| color: #F4CF8B;
| |
| margin-bottom: 0.5em;
| |
| }
| |
|
| |
| .mw-first-heading::before {
| |
| content: '';
| |
| display: inline-block;
| |
| left: -0.75rem;
| |
| rotate: -45deg;
| |
| border-top: 2px solid #F4CF8B;
| |
| border-left: 2px solid #F4CF8B;
| |
| position: relative;
| |
| width: 1.37rem;
| |
| height: 1.38rem;
| |
| }
| |
|
| |
| .mw-first-heading::after {
| |
| content: '';
| |
| display: inline-block;
| |
| right: -0.75rem;
| |
| rotate: 135deg;
| |
| border-top: 2px solid #F4CF8B;
| |
| border-left: 2px solid #F4CF8B;
| |
| position: relative;
| |
| width: 1.37rem;
| |
| height: 1.38rem;
| |
| }
| |