Jackboxpedia

MediaWiki:Common.css: Difference between revisions

← Older edit
Mature content template code
No edit summary
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);
.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon {
    -webkit-mask-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTEyLjIgMTMuNmE3IDcgMCAxMTEuNC0xLjRsNS40IDUuNC0xLjQgMS40ek0zIDhhNSA1IDAgMTAxMCAwQTUgNSAwIDAwMyA4Ii8+PC9zdmc+);
    mask-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTEyLjIgMTMuNmE3IDcgMCAxMTEuNC0xLjRsNS40IDUuNC0xLjQgMS40ek0zIDhhNSA1IDAgMTAxMCAwQTUgNSAwIDAwMyA4Ii8+PC9zdmc+);
    background-color: #dfdedd;
}


html, body {
html, body {
Line 11: Line 5:
}
}


.mw-body h1,
.pre-content h1, .content .mw-heading1, .content h1, .content .mw-heading2, .content h2 {
.mw-body .mw-heading1,
.mw-body-content h1,
.mw-body-content .mw-heading1,
.mw-body-content h2,
.mw-body-content .mw-heading2,
.vector-sticky-header-context-bar-primary {
    /* fancy heading */
     font-family: Inter, sans-serif;
     font-family: Inter, sans-serif;
     font-weight: 600;
     font-weight: 600;
}
@media print {
    .toc,
    body,
    img {
    /* fancy heading */
    font-family: Inter, sans-serif;
    font-weight: 600;
    }
}
@media screen {
body {
    --background-color-base: #191e25;
}
body,
.cdx-button:enabled,
.cdx-button.cdx-button--fake-button--enabled,
.vector-menu-tabs .mw-list-item.selected a,
.vector-menu-tabs .mw-list-item.selected a:visited,
.mw-footer li,
.vector-toc .vector-toc-list-item-active>.vector-toc-link,
.vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded)>.vector-toc-link,
.vector-toc .vector-toc-list-item-active.vector-toc-level-1-active>.vector-toc-link {
color: #dfdedd;
}
.vector-icon,
.oo-ui-iconElement-icon:not(.oo-ui-checkboxInputWidget-checkIcon):not(.oo-ui-image-progressive):not(.oo-ui-icon-success),
.oo-ui-indicatorElement-indicator {
filter: invert(1);
-webkit-filter: invert(1);
}
a,
.vector-menu-tabs .mw-list-item a,
.vector-pinnable-element .mw-list-item a,
.vector-dropdown-content .mw-list-item a,
.vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited,
.vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited,
#pt-userpage-2 a:not(.mw-selflink),
.vector-toc .vector-toc-link,
.mw-parser-output a.extiw,
.mw-parser-output a.external,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage,
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
color: #6da5ff;
}
a:visited,
.mw-parser-output a.extiw:visited,
.mw-parser-output a.external:visited {
color: #a689df;
}
a.new {
color: #fb7777;
}
html,
body,
.vector-pinned-container,
.vector-dropdown .vector-dropdown-content,
table,
.mw-changeslist-legend,
.oo-ui-popupWidget-popup,
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame,
.ve-ui-mwTransclusionOutlineTemplateWidget-sticky,
.oo-ui-menuSelectWidget,
.oo-ui-popupToolGroup-tools,
.mw-datatable th,
.mw-datatable td,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background: #191e25;
}
.oo-ui-popupWidget-anchor::after {
border-top-color: #191e25 !important;
}
.ve-ui-mwTemplatePage-description,
.ve-ui-mwParameterPage-doc-required,
.ve-ui-mwParameterPage-doc-deprecated,
.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {
color: #aba6a2;
}
.mw-heading,h1,h2,h3,h4,h5,h6,
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {
color: #fff;
}
.vector-pinnable-element .vector-menu-heading {
    color: #aba6a2;
}
.catlinks {
    background-color: #070605;
    border: 1px solid #5d564e;
}
.cdx-text-input__input:enabled {
    background-color: #000;
    color: #dfdedd;
    border-color: #5d564e;
}
.cdx-text-input__input:enabled:hover {
    border-color: #8d8882;
}
.cdx-text-input__input:disabled {
    background-color: #15130f;
    color: #8d8882;
    -webkit-text-fill-color: #8d8882;
    border-color: #37332e;
}
.cdx-button:enabled,
.cdx-button.cdx-button--fake-button--enabled {
background-color: #070605;
    color: #dfdedd;
    border-color: #5d564e;
}
.cdx-button:enabled:hover,
.cdx-button.cdx-button--fake-button--enabled:hover {
    background-color: #000;
    color: #bfbdbb;
}
.cdx-button:enabled:active,
.cdx-button.cdx-button--fake-button--enabled:active,
.cdx-button:enabled.cdx-button--is-active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active {
    background-color: #15130f;
    color: #fff;
    border-color: #8d8882;
}
.cdx-button:disabled,
.cdx-button.cdx-button--fake-button--disabled {
    background-color: #37332e;
    color: #000;
}
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover {
    background-color: #070605;
    border-right-color: #37332e;
}
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active {
    background-color: #15130f;
    border-right-color: #37332e;
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
    background-color: #000;
    color: #fff;
    border: 1px solid #5d564e;
}
.oo-ui-processDialog-content > .oo-ui-window-head, .oo-ui-processDialog-content > .oo-ui-window-foot {
    outline: 1px solid #37332e;
}
.ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu {
    border-right: 1px solid #37332e;
}
.oo-ui-checkboxInputWidget [type='checkbox'] + span {
    background-color: #000;
    border-color: #8d8882;
}
.oo-ui-messageDialog-message {
    font-size: 1.1em;
    color: #dfdedd;
    text-align: left;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: #070605;
    color: #dfdedd;
    border-color: #5d564e;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    background-color: #000;
    color: #bfbdbb;
    border-color: #5d564e;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
    background-color: #15130f;
    color: #fff;
    border-color: #8d8882;
}
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
    background-color: #091420;
    color: #555;
    border-color: #37332e;
}
.oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button {
    border-left-color: #37332e;
}
.oo-ui-toolbar-bar {
    background-color: #000;
    color: #dfdedd;
}
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
    background-color: #15130f;
}
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link {
    background-color: #100c05;
    color: #6da5ff;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
    background-color: #070605;
    color: #dfdedd;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: #150c00;
}
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
    color: #dfdedd;
}
.wikiEditor-ui-toolbar {
    background-color: #070605;
}
.oo-ui-pendingElement-pending {
    background-color: #000;
    background-image: linear-gradient(135deg,#15130f 25%,transparent 25%,transparent 50%,#15130f 50%,#15130f 75%,transparent 75%,transparent);
}
ul {
list-style-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjEzIj4KCTxjaXJjbGUgY3g9IjIuNSIgY3k9IjkiIHI9IjIuNSIgZmlsbD0iI2RmZGVkZCIvPgo8L3N2Zz4=);
}
#contentSub:not(:empty), #contentSub2 {
    color: #aba6a2;
}
ol.references li:target,
sup.reference:target {
    background: #0006;
}
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {
background: #000;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
background: #000;
}
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
border-color: #37332e;
}
.vector-page-toolbar-container {
    box-shadow: 0 1px #37332e;
}
.oo-ui-menuToolGroup {
    border-left: 1px solid #37332e;
    border-right: 1px solid #37332e;
}
.oo-ui-messageDialog-title {
    color: #fff;
}
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'] {
    border: 1px solid #37332e;
    background-color: #191e25;
}
.wikitable {
    background-color: #070605;
    color: #dfdedd;
    border: 1px solid #5d564e;
}
.wikitable > tr > th,
.wikitable > * > tr > th {
    background-color: #15130f;
    color: #dfdedd;
}
.maturecontent {
    text-align: center;
    border: 1px solid #c00;
    padding: 0.8em;
    gap: 0.8em;
    background: #f002;
    display: inline-flex;
    align-items: center;
}
.maturecontent>p {
    flex-shrink: 0;
    margin: 0;
    padding: 0;
}
.maturecontent>.body {
    flex-grow: 1;
    font-size: larger;
    padding: 0 0.8em;
}
}
}

Latest revision as of 09:22, 24 October 2025

@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);

html, body {
    font-family: Inter, sans-serif;
}

.pre-content h1, .content .mw-heading1, .content h1, .content .mw-heading2, .content h2 {
    font-family: Inter, sans-serif;
    font-weight: 600;
}
Retrieved from "https://jackboxpedia.juli3.net/index.php?title=MediaWiki:Common.css&oldid=3127"