Difference between revisions of "MediaWiki:Vector.css"

Latest revision as of 02:49, 12 January 2023

/* CSS placed here will affect users of the Vector skin */

.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 */

.toc {
	border: 1px solid #cccccc;
	margin: 15px 20px;
	border-radius: 4px;
	border-width: 1px;
	padding: 0;
}

[data-theme="dark"] .toc {
	border: 1px solid #e7e7e7;
	border-width: 0px!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: 900px!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%!important;
}

[data-theme="dark"] ul#filetoc {
    background-color: #7a8288!important;
}