|
|
(4 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-page-base,
| |
| #mw-head-base,
| |
| #wpSummary,
| |
| #wpSummary::placeholder,
| |
| #filetoc,
| |
| .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,
| |
| .oo-ui-inputWidget-input,
| |
| .mw-editfont-monospace,
| |
| .oo-ui-icon-bookmark,
| |
| .mw-ui-icon-bookmark::before,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
| |
| .mw-rcfilters-ui-changesListWrapperWidget,
| |
| .mw-changeslist-legend,
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget,
| |
| .oo-ui-widget-enabled,
| |
| .oo-ui-tagMultiselectWidget-handle,
| |
| .oo-ui-textInputWidget,
| |
| .oo-ui-inputWidget-input,
| |
| .mw-notification,
| |
| .mw-notification-autohide,
| |
| .postedit,
| |
| .mw-notification-visible,
| |
| .oo-ui-tagMultiselectWidget,
| |
| .oo-ui-widget-enabled,
| |
| .oo-ui-tagMultiselectWidget-outlined,
| |
| .oo-ui-tagItemWidget,
| |
| .oo-ui-widget-enabled,
| |
| .oo-ui-textInputWidget,
| |
| .oo-ui-inputWidget-input,
| |
| .oo-ui-menuSelectWidget,
| |
| .oo-ui-tagItemWidget.oo-ui-widget-enabled,
| |
| .oo-ui-textInputWidget .oo-ui-inputWidget-input,
| |
| .mw-rcfilters-ui-row,
| |
| .mw-rcfilters-ui-filterMenuSectionOptionWidget-header,
| |
| .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk),
| |
| .mw-rcfilters-ui-itemMenuOptionWidget:hover,
| |
| .mw-rcfilters-ui-filterMenuSectionOptionWidget,
| |
| .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
| |
| .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
| |
| .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
| |
| .oo-ui-popupWidget-popup,
| |
| .suggestions-results,
| |
| .suggestions-special,
| |
| .oo-ui-window-content {
| |
| 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,
| |
| #wpSummary,
| |
| #wpSummary::placeholder,
| |
| #searchInput,
| |
| #searchInput::placeholder,
| |
| .infobox,
| |
| .mw-editfont-monospace,
| |
| .oo-ui-inputWidget-input::placeholder,
| |
| .oo-ui-textInputWidget::placeholder,
| |
| .oo-ui-inputWidget-input::placeholder,
| |
| .oo-ui-inputWidget-input
| |
| .oo-ui-inputWidget-input,
| |
| .oo-ui-textInputWidget,
| |
| .oo-ui-textInputWidget,
| |
| .oo-ui-widget-enabled,
| |
| .oo-ui-inputWidget-input::placeholder,
| |
| .oo-ui-menuSelectWidget,
| |
| .oo-ui-tagItemWidget.oo-ui-widget-enabled,
| |
| .mw-rcfilters-ui-row,
| |
| .mw-rcfilters-ui-filterMenuSectionOptionWidget-header,
| |
| .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk),
| |
| .mw-rcfilters-ui-filterMenuSectionOptionWidget,
| |
| .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
| |
| .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title,
| |
| .oo-ui-labelElement-label,
| |
| .mw-rcfilters-ui-filterMenuHeaderWidget-title,
| |
| .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
| |
| .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
| |
| color: var(--color-text-main);
| |
| }
| |
|
| |
| /* Set main border colour */
| |
| .mw-body,
| |
| .toc,
| |
| #searchInput,
| |
| #wpSummary,
| |
| #wpSummary::placeholder,
| |
| li.gallerybox div.thumb,
| |
| .infobox,
| |
| .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
| |
| .oo-ui-inputWidget-input,
| |
| .oo-ui-textInputWidget,
| |
| .mw-rcfilters-ui-itemMenuOptionWidget:hover {
| |
| 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);
| |
| }
| |
|
| |
| /* Special case: toolbars */
| |
| .oo-ui-toolbar-bar,
| |
| .wikiEditor-ui-toolbar,
| |
| .oo-ui-barToolGroup-tools > .oo-ui-tool,
| |
| .oo-ui-tool-link,
| |
| .ve-ui-toolbar-group-format,
| |
| .ve-ui-toolbar-group-style,
| |
| .ve-ui-toolbar-group-link,
| |
| .ve-ui-toolbar-group-cite,
| |
| .ve-ui-toolbar-group-structure,
| |
| .ve-ui-toolbar-group-insert,
| |
| .ve-ui-toolbar-group-help,
| |
| .ve-ui-toolbar-group-pageMenu,
| |
| .ve-ui-toolbar-group-editMode,
| |
| .oo-ui-toolGroup-tools,
| |
| .ve-ui-toolbar-group-specialCharacter,
| |
| .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement,
| |
| .ext-WikiEditor-ResizingDragBar-ew,
| |
| .ext-WikiEditor-ResizingDragBar,
| |
| #pagehistory li.selected {
| |
| background-color: #321541;
| |
| }
| |
|
| |
| /* Special case: buttons */
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
| |
| .cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled, oo-ui-buttonElement-button,
| |
| .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button {
| |
| color: var(--color-background-base);
| |
| background-color: var(--color-text-main);
| |
| border-color: var(--color-text-main);
| |
| }
| |
|
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
| |
| color: var(--color-text-main);
| |
| background-color: var(--color-background-base);
| |
| border-color: var(--color-text-main);
| |
| }
| |
|
| |
|
| |
| /* Special case: Modals */
| |
|
| |
| .oo-ui-windowManager-modal > .oo-ui-dialog {
| |
| background-color: rgba(32, 15, 41, 0.75);
| |
| }
| |
|
| |
| .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
| |
| background-color: var(--color-text-dark);
| |
| color: var(--color-background-main);
| |
| }
| |
|
| |
| .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
| |
| background-color: #321541;
| |
| }
| |
|
| |
|
| |
| /* 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;
| |
| }
| |