Difference between revisions of "MediaWiki:Vector.css"

Revision as of 07:24, 24 June 2016

/* 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: #020505;
	/*background:-moz-linear-gradient(top, #020505 20%, #051010 100%)*/
	color: #ede;
}


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

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

DIV.vectorTabs
{
	background:transparent;
}

DIV.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;
}

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


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

b {font-weight: bold;}
i {}
.indent {text-indent: 2em;}
.bold{font-weight: bold;}

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

a, DIV #mw-panel DIV.portal DIV.body UL LI A, DIV.vectorTabs li a {color: #38bfec; text-decoration: none;}
a:visited, DIV #mw-panel DIV.portal DIV.body UL LI A:visited, DIV.vectorTabs 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;
}

img
{
  border: none;
  opacity: 1;
  vertical-align: middle;
}

pre
{
	background: #222;
	border: 1px dotted #888;
	padding: 7px;
	margin-left: 4em;
	margin-right: 4em;
}

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

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)";
    /**/
}
/*
.brightline
{
    border: 1px solid #2a8eaf;
}
*/
.ie .border
{
    padding: 13px;
	border: 1px solid #38bfec;
}

.fleft{float: left;}
.fright{float: right;}
.clearfloat{clear:both;}

.center
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.block{display: block;}
.inline{display: inline;}
.hide{display: none;}

.relative{position: relative;}
.abs {position: absolute;}

.top{top: 0;}
.left{left: 0;}
.right{right: 0;}
.bottom{bottom: 0;}

.cwhite {color: #fff;}
.clight {color: #ddd;}
.cgray  {color: #888;}
.cdark  {color: #222;}
.cblack {color: #000;}
.cred   {color: #f00;}
.cgreen {color: #0f0;}
.cblue  {color: #00f;}

.bwhite {background: #fff;}
.blight {background: #ddd;}
.bgray  {background: #888;}
.bdark  {background: #222;}
.bblack {background: #000;}
.bred   {background: #f00;}
.bgreen {background: #0f0;}
.bblue  {background: #00f;}

.width-10 {width: 10%;}
.width-20 {width: 20%;}
.width-30 {width: 30%;}
.width-40 {width: 40%;}
.width-50 {width: 50%;}
.width-60 {width: 60%;}
.width-70 {width: 70%;}
.width-80 {width: 80%;}
.width-90 {width: 90%;}


/* Copypasta from Zero-K.info/styles/style.css */
.js_tabs {}

pre {
	white-space: pre-wrap;
}

#fadetoblack
{
	background: url("../img/fade.png") repeat-y 50% 0;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 100%;
	width: 100%;
}

.wrapper
{
	position: relative;
	padding: 10px;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	border-top: 0;
	border-bottom: 0;
	z-index:0;
}

div#footer
{
	position: relative;
	clear: both;
}

.floatingheader
{
	position:fixed;
	top:10px;
	margin-left: auto;
	margin-right: auto;
	z-index:100;
}

.floatingfooter
{
	position:fixed;
	bottom:-10px;
	margin-left: auto;
	margin-right: auto;
	z-index:100;
}

ul.forumtab
{
	list-style-image: url("../img/bullet.png");
	padding-left: 15px;
}

hr.pretty
{
	background: url("../img/hr_img1.png");
	width: 80%;
	height: 1px;
}

div#busy
{
	background: #190c02; /*bgcolor of load.gif*/
	position: fixed;
	display: none;
	top: 40%;
	left: 40%;
	right: 40%;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	z-index: 100;
}

.admin
{
	border: 1px dotted red;
	padding: 3px;
	margin: 2px;
}

.test
{
	border: 1px solid red;
}

border
{
	margin: 10px;
	padding: 5px;
	border-style: solid;
	border-radius: 15px;
	border-image:url("../styles/dark-hive/images/tech_button.png") 24 fill / 15px stretch;
	background: #333;
	box-shadow: 0 0 3px 3px #000;
	-moz-box-shadow: 0 0 3px 3px #000;
	-webkit-box-shadow: 0 0 3px 3px #000;
}

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

/* Share */
#shares 
{
	vertical-align:middle;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
	color: #ff0000;
}

.field-validation-valid
{
	display: none;
}

.input-validation-error
{
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.validation-summary-errors
{
	font-weight: bold;
	color: #ff0000;
}

.validation-summary-valid
{
	display: none;
}

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