Difference between revisions of "MediaWiki:Vector.css"

Revision as of 02:19, 12 May 2021

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


/* 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: 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;
}

[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;
}