Difference between revisions of "MediaWiki:Common.css"

From M59Wiki
Jump to navigation Jump to search
 
(13 intermediate revisions by the same user not shown)
Line 5: Line 5:
 
.mw-body {
 
.mw-body {
 
   border: 1px solid #9f0000;
 
   border: 1px solid #9f0000;
 +
}
 +
.mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, .mw-footer {
 +
margin-left: 17em;
 
}
 
}
 
#toc, .toc, .mw-warning, .toccolours {
 
#toc, .toc, .mw-warning, .toccolours {
Line 109: Line 112:
 
   background-color: transparent;
 
   background-color: transparent;
 
   border: none;
 
   border: none;
 +
  color: #fff;
 
}
 
}
 
#mw-head-base {
 
#mw-head-base {
Line 118: Line 122:
 
.mw-body, #left-navigation, #mw-head-base, div#footer {
 
.mw-body, #left-navigation, #mw-head-base, div#footer {
 
   margin-left: 17em;
 
   margin-left: 17em;
}
 
.vectorTabs li {
 
  background-image: linear-gradient(#300,#600);
 
}
 
div.vectorTabs li a {
 
  color: #a55858;
 
}
 
div.vectorMenu h3 span {
 
  color: #898989;
 
}
 
div.vectorTabs li.selected {
 
  background-image: linear-gradient(#600000, #b00000);
 
}
 
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
 
  color: white;
 
}
 
.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3 {
 
background-image: none;
 
}
 
.vectorMenu {
 
  background-image: url(/m59wiki/skins/Vector/images/tab-normal-fade.png);
 
  background-position: bottom left;
 
  background-repeat: repeat-x;
 
 
}
 
}
 
.catlinks {
 
.catlinks {
Line 248: Line 229:
 
   background-color: #323232;
 
   background-color: #323232;
 
}
 
}
div.vectorMenu div.menu {
+
 
  background-color: #200000;
 
  border: 1px inset #ff00004d;
 
}
 
div.vectorMenu li a {
 
  color: #4b8eff;
 
}
 
 
table.smw-ask-otheroptions tbody tr {
 
table.smw-ask-otheroptions tbody tr {
 
   background-color: #000 !important;
 
   background-color: #000 !important;
Line 339: Line 314:
 
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
 
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
 
background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0) 0,#9f0000 100%);
 
background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0) 0,#9f0000 100%);
 +
}
 +
.vector-menu-dropdown h3 {
 +
color: #c3c3c3;
 
}
 
}
 
.vector-menu-tabs .selected {
 
.vector-menu-tabs .selected {
Line 347: Line 325:
 
}
 
}
 
.vector-menu-dropdown li a {
 
.vector-menu-dropdown li a {
color: #a55858;
+
color: #4b8eff;
 
}
 
}
 
.vector-menu-dropdown .vector-menu-content-list {
 
.vector-menu-dropdown .vector-menu-content-list {
 
background-color: #000;
 
background-color: #000;
 +
}
 +
div.vectorMenu div.menu {
 +
background-color: #200000;
 +
border: 1px inset #ff00004d;
 +
}
 +
.vector-menu-dropdown .vector-menu-content-list {
 +
border: 1px solid #9f0000;
 +
}
 +
.vectorTabs li {
 +
  background-image: linear-gradient(#300,#600);
 +
}
 +
div.vectorTabs li a {
 +
  color: #a55858;
 +
}
 +
div.vectorMenu h3 span {
 +
  color: #898989;
 +
}
 +
div.vectorTabs li.selected {
 +
  background-image: linear-gradient(#600000, #b00000);
 +
}
 +
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
 +
  color: white;
 +
}
 +
.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3 {
 +
background-image: none;
 +
}
 +
.vectorMenu {
 +
  background-image: url(/m59wiki/skins/Vector/images/tab-normal-fade.png);
 +
  background-position: bottom left;
 +
  background-repeat: repeat-x;
 +
}
 +
div.vectorMenu li a {
 +
  color: #4b8eff;
 
}
 
}
  
Line 361: Line 372:
 
#simpleSearch input {
 
#simpleSearch input {
 
background-color: #000;
 
background-color: #000;
}
 
 
/* AfterContent */
 
#mw-data-after-content {
 
margin-left: 17em;
 
 
}
 
}
  
Line 371: Line 377:
 
.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
 
.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
 
margin-top: 0;
 
margin-top: 0;
padding-top: 5px;
+
padding: 5px 0 0 0;
 
background: transparent;
 
background: transparent;
 +
border: none;
 
}
 
}
 
.smw-factbox input.nav-tab:checked + label.nav-label {
 
.smw-factbox input.nav-tab:checked + label.nav-label {
Line 404: Line 411:
 
background-color: #000;
 
background-color: #000;
 
color: #fff;
 
color: #fff;
 +
}
 +
 +
/* Extension:CharInsert */
 +
div#mw-edittools-charinsert {
 +
  border: 1px solid #535353;
 +
  border-top: none;
 +
  padding: 1em;
 +
  font-size: 12px;
 +
}
 +
 +
div#mw-edittools-charinsert a {
 +
  padding: 0px 5px;
 
}
 
}

Latest revision as of 19:24, 6 July 2022

/* CSS placed here will be applied to all skins */
body, #mw-head-base {
  background-color: #100;
}
.mw-body {
  border: 1px solid #9f0000;
}
.mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, .mw-footer {
	margin-left: 17em;
}
#toc, .toc, .mw-warning, .toccolours {
  border: 1px solid #5c5c5c;
  background-color: #181818;
}
#toc, .toc {
  float: right;
  margin: 10px;
}
.tocnumber {
	color: #c2c2c2;
}
div.floatleft, table.floatleft {
  margin-right: 2em;
}
.mw-ui-vform .error {
  border: 1px solid red;
  background-color: transparent;
}
.mw-search-profile-tabs div.search-types ul li.current a {
  color: #5c5c5c;
}
.errorbox {
  color: #f00;
  border-color: #f00;
  background-color: #000;
}
#content {
  min-width: 900px;
}
#userloginForm {
  margin-right: 200px;
}
div.smwfact {
  background-color: #323232;
  border: 1px solid #5c5c5c;
}
div.smwfact td, div.smwfact tr, div.smwfact table, .smwfact tbody > tr.row-even > td {
  background-color: transparent;
}
#bodyContent span.swmfactboxheadbrowse a, #bodyContent span.swmfactboxheadbrowse a:hover, #bodyContent span.swmfactboxheadbrowse a:visited {
  color: #4b8eff;
}
#userlogin2 {
  width: 302px;
}
#bodyContent div.mw-number-text {
  color: inherit;
}
#bodyContent div.mw-number-text h3 {
  color: green;
}
.mw-body, .parsoid-body {
  background-color: #000;
  color: #c2c2c2;
}
div#footer #footer-icons li {
  margin-left: 0.3em;
}
.mw-search-profile-tabs {
  border: 1px solid #5c5c5c;
  background-color: #200000;
}
div#simpleSearch {
  width: 20em;
}
#searchButton, #mw-searchButton {
  margin: 2px !important;
}
#simpleSearch input {
  background-color: #3e0000;
  color: #fff;
  margin: initial;
}
#wpSave, #wpPreview, #wpDiff {
  padding: 0.5em;
}
#mw-searchoptions {
  border: 1px solid #5c5c5c;
  background-color: transparent;
}
.search-types .current a {
  color: #5c5c5c;
}
ul#filetoc {
  border: 1px solid #5c5c5c;
  background-color: #200000;
}
table.mw_metadata td, table.mw_metadata th {
  background-color: #200000;
}
.wikiEditor-ui-toolbar .group .tool-select {
  background-color: transparent;
}
.wikiEditor-ui-toolbar .group .tool-select .label {
  color: #c3c3c3;
}
#mw-page-base {
  background-color: transparent;
  background-image: none;
}
#pagehistory li, #pagehistory li.selected {
  background-color: transparent;
  border: none;
  color: #fff;
}
#mw-head-base {
  background-image: linear-gradient(#100 50%,#400000 100%);
}
.mw-body-content a.external, .mw-body-content a.external:visited {
  color: #4b8eff;
}
.mw-body, #left-navigation, #mw-head-base, div#footer {
  margin-left: 17em;
}
.catlinks {
  background-image: linear-gradient(#100,#400000);
  border: 1px solid #400000;
}
div#footer ul li {
  color: #5d5d5d;
}
h1, h2, h3, h4, h5, h6 {
  color: white;
}
textarea {
  border: 1px inset #ff00004d;
  background-color: #110000;
  color: #898989;
}
a, a:visited {
  color: #4b8eff;
}
div#mw-panel div.portal h3 {
  color: #c3c3c3;
  font-size: 1em;
  margin: 0 0 0 0.4em;
  padding: 0.25em 0 0 0;
}
div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited {
  color: #c3c3c3;
}
a.new, a.new:visited {
  color: #f00 !important;
}
input, select {
  background-color: #110000;
  border: 1px inset #ff00004d;
  color: #c2c2c2;
}
div#mw-panel {
  width: 16em;
}
fieldset {
  border: 1px solid #500000;
}
.client-js #preferences fieldset {
  border-top: 1px solid #500000;
}
.client-js #preferences legend {
  color: white;
  font-weight: bold;
}
.client-js #preftoc li.selected a {
  background-image: none;
  color: #9F0000;
}
.client-js #preferences {
  border: 1px solid #9f0000;
  background-color: #000;
}
.mw-email-not-authenticated .mw-input, .mw-email-none .mw-input {
  background-color: transparent;
  color: #c2c2c2c2;
}
.mw-widget-dateInputWidget-handle, .mw-widget-dateInputWidget.oo-ui-textInputWidget input {
  background-color: #110000;
  border: 1px solid #400000;
}
pre, .mw-code {
  color: #FFF;
  background-color: #181818;
  border: 1px solid #5c5c5c;
}
code {
  color: #FFF;
  background-color: #181818;
  border: 1px solid #5c5c5c;
  border-radius: 5px;
}
.smw-editpage-help {
  background-color: #181818;
  border: 1px solid #5c5c5c;
}
td.diff-context {
  background: #181818;
  border-color: #5c5c5c;
  color: inherit;
}
td.diff-addedline .diffchange {
  background: #006000;
}
td.diff-deletedline .diffchange {
  background: #500000;
}
div#editpage-specialchars a {
  background-color: #181818;
  border: 1px solid #5c5c5c;
}
.mw-datatable, .mw-datatable td, .mw-datatable th {
  border: 1px solid #5c5c5c;
}
.mw-datatable th {
  background-color: #323232;
}
.mw-datatable td {
  background-color: #181818;
}
.mw-datatable tr:hover td {
  background-color: #323232;
}

table.smw-ask-otheroptions tbody tr {
  background-color: #000 !important;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
  background-color: #400000;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
  background-color: #200000;
  color: inherit;
}
.oo-ui-menuSelectWidget {
  background-color: #110000;
  border: 1px solid #5c5c5c;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
  background-color: #110000;
  color: #c2c2c2;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
  background-color: #200000;
  color: #c2c2c2;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
  background-color: #110000;
  color: #c2c2c2;
}
#p-logo {
  width: 100%;
  height: 114px;
}
#p-logo a {
  width: 100%;
  height: 114px;
}

/* wikitable */
table.wikitable {
  background-color: #181818;
  color: #c3c3c3;
  border: 1px solid #5c5c5c;
}
table.wikitable > tr > th, table.wikitable > * > tr > th {
  background-color: #323232;
}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
  border: 1px solid #5c5c5c;
}


/* images */
div.thumbinner {
  background-color: transparent;
  border: 1px solid #5c5c5c;
}
html .thumbimage {
  border: none;
}
li.gallerybox div.thumb {
  border: 1px solid #5c5c5c;
  background-color: transparent;
}

/* Main Links */
.portal .body li a, .vector-menu-portal .body li a {
	color: #c3c3c3;
}
.portal .body li a:visited, .vector-menu-portal .body li a:visited {
	color: #c3c3c3;
}
.portal .body li a:hover, .vector-menu-portal .body li a:hover {
	text-decoration: underline;
}


.portal h3, .vector-menu-portal h3 {
	color: #fff;
}

/* Menu Tabs */
.vector-menu-tabs li a {
	color: #a55858;
}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
	background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0) 0,#9f0000 100%);
}
.vector-menu-dropdown h3 {
	color: #c3c3c3;
}
.vector-menu-tabs .selected {
	background: #9f0000;
}
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
	color: #fff;
}
.vector-menu-dropdown li a {
	color: #4b8eff;
}
.vector-menu-dropdown .vector-menu-content-list {
	background-color: #000;
}
div.vectorMenu div.menu {
	background-color: #200000;
	border: 1px inset #ff00004d;
}
.vector-menu-dropdown .vector-menu-content-list {
	border: 1px solid #9f0000;
}
.vectorTabs li {
  background-image: linear-gradient(#300,#600);
}
div.vectorTabs li a {
  color: #a55858;
}
div.vectorMenu h3 span {
  color: #898989;
}
div.vectorTabs li.selected {
  background-image: linear-gradient(#600000, #b00000);
}
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
  color: white;
}
.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3 {
 background-image: none;
}
.vectorMenu {
  background-image: url(/m59wiki/skins/Vector/images/tab-normal-fade.png);
  background-position: bottom left;
  background-repeat: repeat-x;
}
div.vectorMenu li a {
  color: #4b8eff;
}

/* Footer */
.mw-footer li {
	color: #c2c2c2;
}

/* Searchbox */
#simpleSearch input {
	background-color: #000;
}

/* SMW Factbox */
.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
	margin-top: 0;
	padding: 5px 0 0 0;
	background: transparent;
	border: none;
}
.smw-factbox input.nav-tab:checked + label.nav-label {
	background: #000;
}
.smw-tabs input.nav-tab:checked + label.nav-label {
	color: #fff;
}
.smw-factbox .smwfact {
	background-color: #222;
	color: white;
}
.smwfact .smw-table-row:nth-child(2n+1) {
	background-color: #000;
}
.smwfact .smw-table-row:nth-child(2n) {
	background-color: #222;
}

/* WikiEditor*/
#wpTextbox0 {
  background-color: #181818 !important;
  margin: 0px !important;
}
#wpTextbox1 {
  border: 1px solid #5c5c5c !important;
  color: white !important;
  background-color: transparent;
}
.editOptions {
	background-color: #000;
	color: #fff;
}

/* Extension:CharInsert */
div#mw-edittools-charinsert {
  border: 1px solid #535353;
  border-top: none;
  padding: 1em;
  font-size: 12px;
}

div#mw-edittools-charinsert a {
  padding: 0px 5px;
}