User:FlamingMojo/vector.css: Difference between revisions
Jump to navigation
Jump to search
FlamingMojo (talk | contribs) mNo edit summary |
FlamingMojo (talk | contribs) mNo edit summary |
||
Line 3: | Line 3: | ||
/* Set global colour vars */ | /* Set global colour vars */ | ||
:root { | :root { | ||
--color-background-base: #23201D; | |||
--color-background-main: #171513; | |||
--color-background-highlight: #A65FCB; | |||
--color-text-main: #F4CF8B; | |||
--color-text-dark: #E39B16; | |||
} | } | ||
Line 222: | Line 223: | ||
.ext-WikiEditor-ResizingDragBar, | .ext-WikiEditor-ResizingDragBar, | ||
#pagehistory li.selected { | #pagehistory li.selected { | ||
background-color: | background-color: var(--color-background-highlight); | ||
} | } | ||
Revision as of 19:33, 15 April 2024
/** 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-background-highlight: #A65FCB; --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, #wpUploadDescription, .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, .webfonts-changed, .uls-search, .uls-filtersuggestion, .uls-lcd, .ve-ui-mwTransclusionOutlineTemplateWidget-sticky, .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-optionWidget-selected, .oo-ui-optionWidget-highlighted, .ve-ui-mwTargetWidget > .ve-init-target > .mw-body-content, .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { background: var(--color-background-main); } /* Set main text colour */ body, h1, h2, h3, h4, h5, h6, li, text, span, *[aria-label], .mw-body, .wikitable, .editOptions, #footer-info li, .mw-footer li, #wpSummary, #wpSummary::placeholder, #searchInput, #searchInput::placeholder, #wpUploadDescription, .infobox, .mw-editfont-monospace, .oo-ui-inputWidget-input::placeholder, .oo-ui-textInputWidget::placeholder, .oo-ui-inputWidget-input, .oo-ui-textInputWidget, .oo-ui-widget-enabled, .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, .webfonts-changed, .uls-search, .uls-lcd, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-optionWidget-selected, .oo-ui-optionWidget-highlighted, .ve-ui-mwTargetWidget > .ve-init-target > .mw-body-content { color: var(--color-text-main); } /* Set main border colour */ .mw-body, .toc, #searchInput, #wpSummary, #wpSummary::placeholder, #wpUploadDescription, li.gallerybox div.thumb, .infobox, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .oo-ui-inputWidget-input, .oo-ui-textInputWidget, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .uls-search, .oo-ui-optionWidget-selected { 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: var(--color-background-highlight); } /* 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; } /* Special case: Unordered List */ ul { list-style-image: url('https://awakening.wiki/images/1/1d/Spicepile.png'); } /* 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; }