MediaWiki:Common.css

From Vintage Story Wiki
Revision as of 22:08, 3 May 2019 by Tyron (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */

td.diff-deletedline .diffchange {
    background: rgba(254, 238, 200, 0.25);
}
td.diff-addedline .diffchange, td.diff-deletedline .diffchange {
    border-radius: 0.2em;
}

td.diff-context {
    color: inherit; 
    background: rgba(255,255,255,0.25);
}

div#mw-content-text hr:first-of-type {
    display: none;
}

.mw-pt-languages-list.autonym {
   padding-bottom:0.5em;
}

.mw-pt-languages.noprint {
   font-size:13px;
   margin-bottom: 1em;
}


div#mw-head div.vectorMenu h3 {
   background-image: none;
}

/* Translation interface */

.mw-highlight .c {
	color: #AED581;
}

.mw-highlight .k {
	color: #ead848;
}

.mw-highlight .s {
	color: #54e25a;
}

.mw-highlight .o {
	color: #ffffff;
}

.mw-highlight .m {
	color: #bbbaba;
}

.mw-highlight .nc {
	color: #29B6F6;
}

.mw-highlight .nb {
	color: #FFF59D;
}

.mw-highlight .nt {
	color: #46b94b;
}

.mw-highlight .nn {
	color: #ffe5be;
}

.mw-highlight .cp {
	color: #ffa500;
}

.mw-highlight .sx {
	color: #00ca00;
}

.mw-highlight .nd {
	color: #CE93D8;
}

.mw-highlight .c1 {
	color: #a0f7f7;
}

.mw-highlight .s2 {
	color: #50ec56;
}

.mw-highlight .nf {
	color: #9be1fd;
}

.mw-highlight .kt {
	color: #85ef98;
}

.mw-highlight .mi {
	color: #dedede;
}

.mw-highlight .mf {
	color: #dedede;
}

.mw-highlight .kc {
	color: #00ff00;
}

.mw-pt-languages-label {
  border-right: 1px solid rgba(46, 35, 25);
}

.mw-pt-languages-label {
    background: transparent;
}

.mw-pt-languages {
  border: 1px solid rgba(46, 35, 25);
  background-color: rgba(80, 60, 40, 0.9);
  margin-bottom: 4px;
}

body.mw-special-Translate .mw-body a {
  color: blue !important;
}

body.mw-special-Translate .mw-body {
  background-color: #f0f0f0;
}

body.mw-special-Translate #wpTextbox1, body.mw-special-Translate textarea {
  background-color: #f0f0f0 !important;
  color: #333 !important;
}

body.mw-special-Translate h1, body.mw-special-Translate h2, body.mw-special-Translate h3, body.mw-special-Translate h4, body.mw-special-Translate h5 {
    color: #333;
}

.mw-pt-translate-header {
    position: absolute;
    right: 0px;
    top: -14px;
}

/* For block templates */
.screwTemplatesMan p { display: none; }

/* Front page */

.mainPageLeft {
   display: inline-block;
}

.mainPageRight {
   display: inline-block;
}

.mainPageWelcome {
}

.mainPageDescription {
}


/* VS Theming */

#p-logo a {
  filter: drop-shadow(5px 5px 5px #222222);
}

body {
  background-image: url(https://wiki.vintagestory.at/images/e/e6/Shalebg.png);
  color: #F6F0EA;
}

.client-js #preferences legend, .htmlform-tip {
  color: #F6F0EA;
}

.mw-body-content {
    font-size: 0.9em;
}


table.gameplaynavbox img {
    filter: drop-shadow(2px 2px 2px #333);
}

ul {
  list-style-image: none;
}

code {
    color: #F6F0EA;
    border: 1px solid #1A140E;
    border-radius: 2px;
    padding: 1px 4px;
    background: #423222;
}


.mw-body {
  border: 1px solid rgba(46, 35, 25);
  background-color: rgba(80, 60, 40, 0.9);
}




#toc, .toc, .mw-warning, .toccolours {
  border: 1px solid rgba(46, 35, 25);
  background-color: rgba(80, 60, 40, 0.9);
}

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
  border: 1px solid rgba(46, 35, 25);
}

.mw-body .external {
    background-image: url(/skins/Vector/images/external-link-ltr-icon.png) !important;
}

table.wikitable {
  color: #F6F0EA;
}

a:visited {
 color: #E5C29D;
}

a {
 color: #E5C29D;
}

div.vectorTabs span a {
    padding-top: 1em !important;
    padding-bottom: 0.25em !important;
}

#ca-unwatch.icon a, #ca-watch.icon a {
    padding-top: 2.8em !important;
}

div.vectorTabs li a, .client-js #preftoc li.selected a {
  color: #E5C29D;
}

div.vectorTabs li.selected {
  background-image:none;
  background-color: white !important;
}

.client-js #preftoc li.selected {
  background-image:none;
  background-color: rgba(80, 60, 40, 0.9);
}

.client-js #preftoc a, .client-js #preftoc a:active {
 color: #E5C29D;
}

.client-js #preftoc li.selected a {
 background-image:none;
  background-color: rgba(80, 60, 40, 0.9);
}


div.vectorTabs span, .client-js #preftoc li {
  background-image:none;
  background-color: rgba(80, 60, 40, 0.9);
    border-right: 1px solid rgba(46, 35, 25);
    border-top: 1px solid rgba(46, 35, 25);
}

div.vectorTabs ul li:first-child span, .client-js #preftoc li:first-child {
    border-left: 1px solid rgba(46, 35, 25);
}

.client-js #preftoc { 
  background-image:none;
}


div.vectorTabs ul li {
  background-image:none;
  background-color:transparent;
}

div.vectorTabs ul {
  background-image:none;
  background-color:transparent;
}

div.vectorTabs {
  background-image:none;
  background-color:transparent;
}

div#mw-panel div.portal div.body ul li a {
    color: #E5C29D;
}

div#mw-panel div.portal div.body ul li a:visited {
    color: #E5C29D;
}

a:hover {
  color:navajowhite;
}

.mw-body a.external {
    color: #E5C29D;
}

a.new, #p-personal a.new {
    color: indianred;
}

.mw-body a.external:visited {
    color: #E5C29D;
}


#mw-page-base {
  background-image: none;
  background-color:transparent;
}

.mw-body {
  color: #F6F0EA;
}

h1,h2,h3,h4,h5 {
  color: #F6F0EA;
}

table td {
/*  background-color: rgba(80, 60, 40, 0.9);*/
}

/* Block/Item Property overview header */

.propHeader {
  font-size: 14pt; 
  border-bottom: 2pt solid rgba(46, 35, 25); 
  padding-left: 48px !important;
  padding-top: 20px !important;
}

.client-js #preferences, table.wikitable, .frontpagebox {
  background-color: rgba(120,90,60,0.4) !important;
  border: 1px solid rgba(46, 35, 25);
}

.editOptions {
  background-color: rgba(120,90,60,0.4) !important;
  border: 1px solid rgba(46, 35, 25) !important;
}

#wpTextbox1, textarea {
  background-color: rgba(120,90,60,0.4) !important;
  border: 1px solid rgba(46, 35, 25) !important;
  color:#F6F0EA !important;
  padding:3px;
}

.mw-highlight {
  background-color: rgba(120,90,60,0.4) !important;
}


pre, .mw-code,.mw-highlight pre {
  color: #F6F0EA !important;
  background-color: rgba(120,90,60,0.4) !important;
  border: 1px solid rgba(46, 35, 25) !important;
}

div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
  color: #F6F0EA;
}

div.thumbinner {
  color: #F6F0EA !important;
  background-color: rgba(120,90,60,0.4) !important;
  border: 1px solid rgba(46, 35, 25) !important;
}


.wikiEditor-ui-controls {
    background-color: transparent;
}
.wikiEditor-ui {
    background-color: transparent;
}

.mw-body p {
    letter-spacing: 0.01em;
}


div#mw-panel div.portal div.body ul li, div#mw-panel div.portal div.body ul li {
    font-size: 0.85em !important;
}

table.wikitable > tr > th, table.wikitable > * > tr > th {
    background-color: transparent !important;
}


#pagehistory li.selected {
  background-color: rgba(120,90,60,0.4) !important;
  border: 1px solid rgba(46, 35, 25) !important;
}

#pagehistory li {
    border: 0px;
}


div#footer ul li {
  color: #F6F0EA;
}



div.vectorMenu {
    background-color: rgba(80,60,40,0.9);
    border-right: 1px solid rgba(46,35,25);
    border-top: 1px solid rgba(46,35,25);
    color: #F6F0EA;
}


div.vectorMenu h3 span {
  color: #F6F0EA !important;
  padding-top: 1.15em; 
}


div.vectorMenu h3 a {
  height: 2.3em
}


.catlinks {
  background-color: rgba(120,90,60,0.4) !important;
  border: 1px solid rgba(46, 35, 25) !important;
}




/* Search */
.mw-search-profile-tabs {
  background-color: rgba(120,90,60,0.4) !important;
  border: 1px solid rgba(46, 35, 25) !important;
}

.mw-search-profile-tabs {
  background-color: rgba(120,90,60,0.4) !important;
  border: 1px solid rgba(46, 35, 25) !important;
}

fieldset#mw-searchoptions {
  background-color: rgba(120,90,60,0.4) !important;
  border: 1px solid rgba(46, 35, 25) !important;
}

fieldset#mw-searchoptions {
  background-color: rgba(120,90,60,0.4) !important;
  border: 1px solid rgba(46, 35, 25) !important;
}

.mw-search-profile-tabs div.search-types ul li.current a {
  color: #F6F0EA;
}

.mw-search-profile-tabs div.search-types ul li.current a {
  color: #F6F0EA;
}


/* Diff page */
td.diff-addedline .diffchange {
    background: transparent !important;
}

td.diff-addedline {
    border-color: white !important;
}









/* For the modding overview tables? No idea */

.treeview{margin-top:0.3em}.treeview ul,.treeview li{margin:0;padding:0;list-style-type:none;list-style-image:none}.treeview li{display:table}.treeview li li{position:relative;padding-left:13px;margin-left:7px;border-left:1px solid #636363}.treeview li li:before{content:"";position:absolute;top:0;left:0;width:11px;height:11px;border-bottom:1px solid #636363}.treeview li li.first:before{border-color:#636363;border-style:solid;border-width:1px 0 0 1px;height:100%;margin-top:11px;width:10px}.treeview li li.first,.treeview li li:last-child{border:0;padding-left:14px}.treeview li li:last-child:before{border-left:1px solid #636363;width:10px}

.tt-table td,th {
padding: 10px;
}

.tt-table tr.level0 td{
/*background-color: #e8e8e8;*/
  background-color: rgba(120,90,60,0.6);
}

.tt-table tr.level1.odd td{
/*background-color: #e5e5e5;*/
  background-color: rgba(120,90,60,0.4);
}
.tt-table tr.level1.even td{
/*background-color: lightgray;*/
}

.tt-table tr.level2.odd td{
  background-color: rgba(120,90,60,0.3);
}

.tt-table tr.level3.odd td{
  background-color: rgba(120,90,60,0.2);
}

.tt-table tr.level2 td{
/*background-color: #f2f2f2;*/
  background-color: rgba(120,90,60,0.7);
}

.tt-table div.tt {
	display:inline-block;
	position:relative;
}

.tt-table div.tt div.content {
  border:1px rgba(46, 35, 25) solid;
  border-radius: 0px;
  z-index: 10;
  padding:0 4px 0 5px;
  position:relative;
  background: linear-gradient(to bottom, rgba(120,90,60,1) 0%,rgba(80, 60, 40,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  color: white;
}

.tt-table div.tt div.tail {
	border:1px darkgray solid;
	border-right: 0;
	border-top: 0;
	position:absolute;
	border-radius: 0px;
	bottom: 11px;
	left: -10px;
	z-index: 0;
}

.tt-table div.tt-parent div.content {
	cursor:pointer;
	font-weight: bold;
}

#jquery-script-menu {
position: fixed;
height: 90px;
width: 100%;
top: 0;
left: 0;
border-top: 5px solid #316594;
background: #fff;
-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
z-index: 999999;
padding: 10px 0;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

.jquery-script-center {
width: 960px;
margin: 0 auto;
}
.jquery-script-center ul {
width: 212px;
float:left;
line-height:45px;
margin:0;
padding:0;
list-style:none;
}
.jquery-script-center a {
	text-decoration:none;
}
.jquery-script-ads {
width: 728px;
height:90px;
float:right;
}
.jquery-script-clear {
clear:both;
height:0;
}
.h4fake
{
font-weight: bold;
font-size: 100%;
line-height: 1.6;
margin-top: 0.3em;
margin-bottom: 0;
padding-bottom: 0;
overflow: hidden;
padding-top: .5em;
color: #F6F0EA;
background: none;
}



/* Keyboard key css */
.key {
	display: block;
	color: #666;
	font: bold 10pt arial;
	text-decoration: none;
	text-align: center;
	width: 44px;
	height: 41px;
	margin: 5px;
	background: #eff0f2;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-top: 1px solid #f5f5f5;
	-webkit-box-shadow: 
		inset 0 0 25px #e8e8e8,
		0 1px 0 #c3c3c3,
		0 2px 0 #c9c9c9,
		0 2px 3px #333;
	-moz-box-shadow: 
		inset 0 0 25px #e8e8e8,
		0 1px 0 #c3c3c3,
		0 2px 0 #c9c9c9,
		0 2px 3px #333;
	box-shadow: 
		inset 0 0 25px #e8e8e8,
		0 1px 0 #c3c3c3,
		0 2px 0 #c9c9c9,
		0 2px 3px #333;
	text-shadow: 0px 1px 0px #f5f5f5;
}

.key span {
	display: block;
	margin: 13px 0 0;
	text-transform: uppercase;
}

.key-fn span {
	display: block;
	margin: 14px 5px 0 0;
	text-align: right;
	font: bold 7pt arial;
	text-transform: uppercase;
}
#esc {
	margin: 6px 15px 0 0;
	font-size: 8.5pt;
	text-transform: lowercase;
}

.key-fn {height: 26px; width: 46px;
}
#key-delete {width: 72px;}
#key-tab {width: 72px;}
#key-caps {width: 85px;}
#key-enter {width: 85px;}
.key-shiftleft, .key-shiftright {width: 112px;}
#key-fn, #key-control, .key-option, .key-command, #key-spacebar {height: 49px;}

#key-control {width: 56px;}
.key-option {width: 46px;}
.key-command {width: 67px;}
#key-spacebar {width: 226px;}

#key-left img, #key-up img, #key-down img, #key-right img {border: none;}

#key-down {height: 23px;}
#key-up, #key-left, #key-right {height: 24px;}
#key-left, #key-right {margin: 30px 5px 5px;}
#key-up {margin: 5px 5px 1px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;}
#key-down {margin: 0 5px 5px; border-top-left-radius: 0px; border-top-right-radius: 0px;}