MediaWiki:Vector.css

From Zero-K
Revision as of 21:21, 24 June 2016 by Histidine (talk | contribs)
Jump to navigation Jump to search

Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will affect users of the Vector skin */

#toc,div.toc,ul#filetoc,li.gallerybox div.thumb{background-color:#4c4c4c;border-color:#666}

body, html, div#mw-head
{
	/*background: #000 url("../img/bg_bluehex.gif") fixed;*/
	background-color: #101a20;
	/*background:-moz-linear-gradient(top, #020505 20%, #051010 100%)*/
	color: #ede;
}


div#mw-panel { border: 1px solid teal; }

/* the main body, to the right of the sidebar */
.mw-body
{
	background-color:#204040;
	border-style: solid;
	border-image: url("../styles/dark-hive/images/tech_button.png") 24 24 24 24 fill / 15px 15px 15px 15px;
	border-radius: 10px;
	border-color:transparent;
	padding:10px;
	white-space:normal;
	color:inherit;
}

/* remove a weird horizontal white bar on some pages */
#mw-page-base: { background-image:none }

/* different color for some parts of the background */
.mw-highlight
{
	background-color:#254545;
	color:inherit;
}

/* contains the stuff at the bottom of an edit page (summary, save page/show preview/show changes, etc.) */
.editOptions
{
	background-color:#254545;
}

/* footer */
div#footer ul li {color: #ede;}

/* Diff display */
td.diff-context { background-color: transparent; color: inherit; }
td.diff-addedline .diffchange { background-color: #355580; }
td.diff-deletedline .diffchange { background-color: #806525; }

#pagehistory li.selected { background-color: #305a60; }

/* ---------------------------------------------------*/
/* right navigation (userbar, edit/view history/etc.) */

div#right-navigation { background:transparent; }

DIV.vectorTabs { background:transparent; }

div.vectorMenu { background: transparent; border-image: url("../styles/dark-hive/images/tech_button.png") 24 24 24 24 fill / 15px 15px 15px 15px; }

/* More -> Delete/protect */
div.menu ul { background-color:#204040; border: none}
div.menu li { border: 1px solid teal;}
div#mw-head div.vectorMenu h3 { background-image:none; } /* fixes the strange horizontal bar to the right of cactions button, it was driving me buggy */
div.vectorMenu h3 span { color: #ede; background: transparent;}
div.vectorMenu div.menu { background: transparent; border:none;}

.vectorTabs SPAN A
{
	border-image: url("../styles/dark-hive/images/tech_button.png") 24 24 24 24 fill / 15px 15px 15px 15px;
	background-color:#051010;
	min-width:40px;
	text-align: center;
	vertical-align: center;
}

.vectorTabs UL LI.selected A, .vectorTabs UL LI.selected A:visited
{
	background-color:#051010;
	color:#ede;
}

/* tables */
/* limitreport is for parser profiling data after preview */
.wikitable, div.limitreport div table { border: 1px solid teal; }
th, div.limitreport div table tbody tr th { background-color:#154550; color:#ede; }
td { background-color:#204040; color:#ede; }



/* ---------------------------------------- */
/* Adapted from Zero-K.info/styles/base.css */

h1 {font-size: 160%; color: #fff; padding: 0; margin: 0; }
h2 {font-size: 140%; color: #cee; padding: 0; margin: 0; }
h3 {font-size: 120%; color: #eec; padding: 0; margin: 0; }

/* links links links */
/*
	a.external.text: for external links (not on this wiki)
        div#mw-panel div.portal div.body ul li a: links in left sidebar
        div.menu ul li a: (IIRC) drop down menu in top right ("move this page" and more)
        div.vectorTabs li a: links in top right buttons ("edit" etc.)
*/
a, a.external.text, div.menu ul li a, div.vectorTabs li a, div#mw-panel div.portal div.body ul li a 
{color: #38bfec; text-decoration: none;}

a:visited, a.external.text:visited, div.menu ul li a:visited, div.vectorTabs li a:visited, div#mw-panel div.portal div.body ul li a:visited 
{color: #4c90a6;}

a:hover 
{color: #fff;}

a:active 
{color: #cbd3d4;}

/* Help cursor for anything that brings up a tooltip when moused over.
base.css might be the wrong file, please move when needed or delete this comment.
Whatever you do, please notify me so I know next time. -Skasi */
[nicetitle], [nicetitle-processed] {cursor: help;}

input[type="button"], input[type="checkbox"], input[type="image"],
input[type="submit"], input[type="radio"], input[type="reset"],
select, a, a[nicetitle], a[nicetitle-processed], 
[onclick][nicetitle], [onclick][nicetitle-processed]
{
  cursor: pointer;
}

pre, .mw-code
{
	background: #222;
	border: 1px dotted #888;
	padding: 7px;
	margin-left: 4em;
	margin-right: 4em;
	color: inherit;
}


/* ------------ */
/* input fields */

input, textarea
{
	color: #cbd3d4; 
	background-color:#4c4c4c;
	border: 1px solid teal;
	padding: 3px;
}


div#simpleSearch
{
	color: #cbd3d4; 
	background-color:#4c4c4c;
	border: 1px solid teal;
}


div#simpleSearch input {color: inherit; background-color: inherit;}

form { background-color:transparent; }

ul {list-style-type: circle;}

.border
{
	background: #000 url("../img/border-1.png") repeat-x scroll 50% 0;
	margin: 10px;
	padding: 5px;
    /**/border: 1px solid #2a8eaf;/**/
    /*border: 1px solid #000;/**/
	border-radius: 3px;
	
    box-shadow: 0 0 3px 3px #000;
	-moz-box-shadow: 0 0 3px 3px #000;
    -webkit-box-shadow: 0 0 3px 3px #000;
    
    /*
    -moz-border-image: url("../img/zk_border.png") 10% 10% 10% 10% / 10px 10px 10px 10px ;
    -webkit-border-image: url("../img/zk_border.png") 10% 10% 10% 10% / 10px 10px 10px 10px ;
    -border-image: url("../img/zk_border.png") 10% 10% 10% 10% / 10px 10px 10px 10px ;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=88)";
    /**/
}

.ie .border
{
    padding: 13px;
	border: 1px solid #38bfec;
}

/* Styles for unitguide
-----------------------------------------------------------*/

.infoCell
{
	background-color:#204040;
	border-style: solid;
	border-image: url("../styles/dark-hive/images/tech_button.png") 24 24 24 24 fill / 15px 15px 15px 15px;
	border-radius: 10px;
	border-color:transparent;
	max-width: 700px;
	overflow: hidden;
	padding:10px;
	white-space:normal;
}
.unitCell{
	margin-left: 30px; 
}
.unitname {
	font-weight:bold;
}
.unitdesc {
	font-style:oblique;
}
.helptext {
	font-size:small;
}

.buildpic {
	border: 1px solid white;
}
.statsnumval {
	font-weight:bold;
	color:DeepSkyBlue;
	font-family: monospace;
	white-space:nowrap;
}
.statsfield {
	font-size:small;
}