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

From Zero-K
Jump to navigation Jump to search
(clear)
 
(35 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* 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;
 
}
 
 
.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;}
 
 
 
.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 LI.selected A, 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;
 
}
 
 
img
 
{
 
  border: none;
 
  opacity: 1;
 
  vertical-align: middle;
 
}
 
 
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)";
 
    /**/
 
}
 
/*
 
.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 {}
 
 
 
#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;
 
}
 

Latest revision as of 19:49, 1 October 2016