Difference between revisions of "MediaWiki:Vector.css"

From Zero-K
Jump to navigation Jump to search
(I need a better way to test this stuff)
(New ZK-themed skin)
Line 1: Line 1:
 
/* CSS placed here will affect users of the Vector skin */
 
/* 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%)*/
 +
}
 +
 +
 +
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;
 +
}
 +
 +
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;
 +
}

Revision as of 08:18, 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%)*/
}


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

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;
}
Retrieved from "http://test.zero-k.info/mediawiki/index.php?title=MediaWiki:Vector.css&oldid=22"