Difference between revisions of "MediaWiki:Vector.css"
Jump to navigation
Jump to search
(6 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Vector skin */ | /* CSS placed here will affect users of the Vector skin */ | ||
− | + | body.skin-vector *, *::before, *::after { | |
− | . | + | box-sizing: border-box; |
− | |||
} | } | ||
− | + | code { | |
− | + | color: #e83e8c; | |
} | } | ||
Latest revision as of 00:47, 21 April 2024
/* CSS placed here will affect users of the Vector skin */ body.skin-vector *, *::before, *::after { box-sizing: border-box; } code { color: #e83e8c; } /* background colors of mediawiki tables */ table.mw_metadata td, table.mw_metadata th, table.wikitable, table.wikitable>*>th, table.wikitable>*>td, pre { background-color: #f2f2f2; } /* Table of Contents */ .toc { border: 1px solid #e7e7e7; margin: 15px 20px; border-radius: 4px; border-width: 0 1px 4px 1px; padding: 0 !important; } .toc ul { padding-left: 1.3em !important; padding-right: 0.3em !important; } #toctitle { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } #toctitle h2 { display: inline; font-size: 14px !important; font-weight: normal; margin-bottom: 0; } .toctoggle { float: right; } .toc ul { list-style-type: none; } a { color: #0645ad!important; } .card { background-color: #eee; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); } .shrink-card { width: 600px; } div.mw-collapsible > span.mw-collapsible-toggle > a { right: 20px; top: 32px; position: absolute; } div.mw-collapsible > span.mw-collapsible-toggle > span { display:none; } .card-body { padding: 12px; padding-top: 1px; padding-bottom: 15px; } dl.fix-bottom { margin-bottom: 0px; } .mobile-text-fix { margin-bottom: 0px!important; } .card-title { font-size: 1.25rem!important; border-bottom: 1px solid #e1e8ed; } a.new { color: #cc1515!important; } .shrink-card { width: 900px!important; } .portal h3, .vector-menu-portal h3 { background-size: auto; } .search-test-div { display: none; } /* background colors of mediawiki tables */ table.mw_metadata td, table.mw_metadata th, table.wikitable, table.wikitable>*>th, table.wikitable>*>td, pre { background-color: #f2f2f2; } /* Table of Contents */ [data-theme="dark"] .toc { border: 1px solid #e7e7e7; border-width: 0px!important; } div.mw-collapsible > span.mw-collapsible-toggle > a { right: 20px; top: 32px; position: absolute; } div.mw-collapsible > span.mw-collapsible-toggle > span { display:none; } .card-body { padding: 12px; padding-top: 1px; padding-bottom: 15px; } dl.fix-bottom { margin-bottom: 0px; } .mobile-text-fix { margin-bottom: 0px!important; } .unit-set { border-collapse: collapse; border-spacing: 0; background-color: #2b333b; color: white; } table.unit-set > tbody > tr > td > ul > li { padding-left: 5px; } table.unit-set > tbody > tr > td > div.row > div.col { padding-top: 5px; } a.new { color: #cc1515!important; } .mw-editfont-monospace { font-size: larger!important; } .back-to-top { position: fixed; bottom: 25px; right: 25px; display: none; opacity: 0.33; } a.back-to-top { color: #000; } .back-to-top:hover { opacity: 1; } .panel { margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-footer { padding: 10px 15px; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } [data-theme="dark"] .back-to-top, [data-theme="dark"] a.back-to-top { color: #fff!important; background-color: #343a40!important; border-color: #343a40!important; } [data-theme="dark"] div.tabs > span.tab > a { color: #000!important; } [data-theme="dark"] div.tool > a.label, [data-theme="dark"] div.menu > div.options > a.option { color: #000!important; } [data-theme="dark"] ul.ui-menu > li > a { color: #000!important; } [data-theme="dark"] form.mw-htmlform > div#preferences { background-color: #1c1e22!important; border: 1px solid rgba(0, 0, 0, 0.6)!important; } [data-theme="dark"] #mw-prefsection-personal-email > legend, [data-theme="dark"] #mw-prefsection-personal-signature > legend, [data-theme="dark"] #mw-prefsection-personal-i18n > legend, [data-theme="dark"] td.htmlform-tip, [data-theme="dark"] fieldset#mw-prefsection-personal-info { color: #aaa!important; } [data-theme="dark"] ul#preftoc > li.selected > a { background-image: none!important; background-color: #3e444c!important; border-color: rgba(0, 0, 0, 0.6)!important; } [data-theme="dark"] table.navbox { background: #1c1e22!important; border: 1px solid rgba(0, 0, 0, 0.6) } [data-theme="dark"] th.navbox-group { color: #aaa!important; } [data-theme="dark"] th.navbox-title { background: #2e3236!important; color: #aaa!important; } [data-theme="dark"] th.navbox-group { background: #2e3236!important; border-right: 2px solid grey!important; } [data-theme="dark"] th.navbox-group > a { color: #fff!important; } [data-theme="dark"] td.navbox-list > div, [data-theme="dark"] td.navbox-list > div > p { color: #aaa!important; } [data-theme="dark"] td.navbox-list > div > ul > li > a { color: #fff!important; } [data-theme="dark"] td.navbox-list > div > ul > li > a.new { color: #cc1515!important; } [data-theme="dark"] .navbox-abovebelow { background: #2e3236!important; } [data-theme="dark"] .navbox-abovebelow > div { color: #aaa!important; } [data-theme=dark] .oo-ui-buttonElement-framed.oo-ui-widget-enabled > input.oo-ui-inputWidget-input { background-image: none!important; } [data-theme="dark"] .navbox-subgroup { background: #1c1e22!important; border: 1px solid rgba(0, 0, 0, 0.6) } [data-theme="dark"] a.new { color: #cc1515!important; } [data-theme="dark"] code { background-color: #2f2f2f!important; } [data-theme="dark"] table.ngstechs-dark > tbody > tr > td > a { color: black!important; } [data-theme="dark"] .card { background-color: #32383e!important; border: 1px solid rgba(0, 0, 0, 0.6)!important; } [data-theme="dark"] .wikiEditor-ui-tabs div.current a, [data-theme="dark"] .wikiEditor-ui-tabs div a { color: black!important; } [data-theme="dark"] .wikiEditor-preview-contents { background-color: #32383e!important; } [data-theme="dark"] .smw-callout-error { color: black!important; } [data-theme="dark"] .smw-callout-error > a.external, [data-theme="dark"] div.qtip-content > span.smwttcontent > ul > li > a { color: #545454!important; } [data-theme="dark"] div.tabber > ul.tabbernav > li.tabberactive > a { background-color: #464646!important; border-bottom: 1px solid #072533!important; } [data-theme="dark"] div.tabber > ul.tabbernav > li > a { background-color: #717171!important; border: 1px solid #828282!important; } [data-theme="dark"] .smw-admin > nav-label { color: #fff!important; } [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-editModeSource > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-tableCellHeader > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-tableCellData > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-preformatted > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-blockquote > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-bold > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-italic > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-superscript > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-subscript > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-strikethrough > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-code > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-underline > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-language > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-big > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-small > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-clear > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-reference > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-reference-existing > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-more-fewer > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-bullet > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-number > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-outdent > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-indent > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-media > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-transclusion > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-insertTable > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-comment > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-gallery > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-mwSignature > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-referencesList > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-meta > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-categories > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-settings > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-advancedSettings > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-languages > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-templatesUsed > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-changeDirectionality > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-findAndReplace > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-heading1 > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-heading2 > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-heading3 > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-heading4 > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-heading5 > .oo-ui-tool-link > .oo-ui-tool-title, [data-theme="dark"] .oo-ui-toolGroup-tools > .oo-ui-tool-name-heading6 > .oo-ui-tool-link > .oo-ui-tool-title { color: black!important; } [data-theme="dark"] .oo-ui-menuLayout-content > .oo-ui-bookletLayout-stackLayout > .oo-ui-pageLayout-active > .oo-ui-layout oo-ui-iconElement .oo-ui-labelElement .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label, [data-theme="dark"] div.oo-ui-fieldsetLayout-group > div.oo-ui-fieldLayout-align-top > div.oo-ui-fieldLayout-body > span.oo-ui-fieldLayout-header > label.oo-ui-labelElement-label { color: #000!important; } [data-theme="dark"] .messagebox, [data-theme="dark"] .errorbox, [data-theme="dark"] .warningbox, [data-theme="dark"] .successbox { color: #000!important; } [data-theme="dark"] .mw-revision-info > a, [data-theme="dark"] .mw-revision-nav > a { color: #000!important; } [data-theme="dark"] .warningbox { background-color: rgb(254, 246, 231, 0.45)!important; } [data-theme="dark"] div.oo-ui-window-body > div.oo-ui-stackLayout > div.oo-ui-bookletLayout > div.oo-ui-menuLayout-content > div.oo-ui-bookletLayout-stackLayout > div.oo-ui-pageLayout-active > span.oo-ui-labelElement-label { color: #000!important; } [data-theme="dark"] .oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: #fff!important; } [data-theme="dark"] .mw-rcfilters-ui-valuePickerWidget-title, [data-theme="dark"] .mw-rcfilters-ui-datePopupWidget-title { color: #fff!important; } [data-theme="dark"] .external .text { color: #000!important; } [data-theme="dark"] .mw-search-profile-tabs { background-color: #262b30!important; } [data-theme="dark"] #mw-searchoptions { background-color: #262b30!important; } [data-theme="dark"] #mw-searchoptions h4, [data-theme="dark"] #mw-searchoptions legend { color: #fff!important; } [data-theme="dark"] .darkmode-text-white { color: #fff!important; } [data-theme="dark"] .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: #fff!important; } [data-theme="dark"] div.oo-ui-defaultOverlay > div.oo-ui-menuSelectWidget > div.oo-ui-menu-OptionWidget > span.oo-ui-labelElement-label { color: white!important; } .grid .row .three { width: 100%; } [data-theme="dark"] ul#filetoc { background-color: #7a8288!important; }