Difference between revisions of "MediaWiki:Vector.css"
Jump to navigation
Jump to search
| Line 3: | Line 3: | ||
.mw-body-content { | .mw-body-content { | ||
| − | margin-top: | + | margin-top: 100px; |
} | } | ||
Revision as of 22:05, 20 April 2024
/* CSS placed here will affect users of the Vector skin */
.mw-body-content {
margin-top: 100px;
}
body.skin-vector *, *::before, *::after {
box-sizing: border-box;
}
/* 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;
}