Difference between revisions of "User:KingRaptor/vector.css"

From Zero-K
Jump to navigation Jump to search
m (Tweak background color + cleanup)
Line 6: Line 6:
 
{
 
{
 
/*background: #000 url("../img/bg_bluehex.gif") fixed;*/
 
/*background: #000 url("../img/bg_bluehex.gif") fixed;*/
background-color: #020505;
+
background-color: #101520;
 
/*background:-moz-linear-gradient(top, #020505 20%, #051010 100%)*/
 
/*background:-moz-linear-gradient(top, #020505 20%, #051010 100%)*/
 
color: #ede;
 
color: #ede;
Line 47: Line 47:
 
div.vectorMenu h3 span { color: #ede; background: transparent;}
 
div.vectorMenu h3 span { color: #ede; background: transparent;}
 
div.vectorMenu div.menu { background: transparent; border:none;}
 
div.vectorMenu div.menu { background: transparent; border:none;}
 +
#p-cactions { background: transparent; }
  
 
.vectorTabs SPAN A
 
.vectorTabs SPAN A
Line 92: Line 93:
 
{
 
{
 
   cursor: pointer;
 
   cursor: pointer;
}
 
 
img
 
{
 
  border: none;
 
  opacity: 1;
 
  vertical-align: middle;
 
 
}
 
}
  
Line 150: Line 144:
 
     /**/
 
     /**/
 
}
 
}
/*
+
 
.brightline
 
{
 
    border: 1px solid #2a8eaf;
 
}
 
*/
 
 
.ie .border
 
.ie .border
 
{
 
{
 
     padding: 13px;
 
     padding: 13px;
 
border: 1px solid #38bfec;
 
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 {}
 
 
 
#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;
 
 
}
 
}
  

Revision as of 11:05, 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: #101520;
	/*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;
}

.mw-highlight
{
	background-color:#254545;
	color:inherit;
}

.editOptions
{
	background-color:#254545;
}

div#right-navigation { background:transparent; }

DIV.vectorTabs { background:transparent; }

/* More -> Delete/protect */
div.vectorMenu { background: transparent; border-image: url("../styles/dark-hive/images/tech_button.png") 24 24 24 24 fill / 15px 15px 15px 15px; }
div.menu ul { background-color:#204040; border: none}
div.menu li { border: 1px solid teal;}
div.vectorMenu h3 span { color: #ede; background: transparent;}
div.vectorMenu div.menu { background: transparent; border:none;}
#p-cactions { background: transparent; }

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


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

a, 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, 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, textarea
{
	color: #cbd3d4; 
	background-color:#4c4c4c;
	border: 1px solid teal;
	padding: 3px;
}


DIV#simpleSearch, DIV#simpleSearch INPUT
{
	color: #cbd3d4; 
	background-color:#4c4c4c;
}

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