Difference between revisions of "MediaWiki:Vector.css"

From Zero-K
Jump to navigation Jump to search
m (.navbox-abovebelow color)
m (Tweak h4-h6 color)
(13 intermediate revisions by the same user not shown)
Line 20: Line 20:
 
font-family:os, Arial, Geneva, sans-serif;
 
font-family:os, Arial, Geneva, sans-serif;
 
}
 
}
 +
 +
caption {color: #ede;}
  
 
#mw-head-base{
 
#mw-head-base{
Line 53: Line 55:
 
background-color:rgba(32,36,36,192);
 
background-color:rgba(32,36,36,192);
 
color:inherit;
 
color:inherit;
 +
}
 +
 +
.mw-warning
 +
{
 +
background-color:#222222;
 +
border: 1px solid orangered;
 
}
 
}
  
Line 143: Line 151:
 
/* limitreport is for parser profiling data after preview */
 
/* limitreport is for parser profiling data after preview */
 
.wikitable, div.limitreport div table { border: 1px solid teal; }
 
.wikitable, div.limitreport div table { border: 1px solid teal; }
th, div.limitreport div table tbody tr th { background-color:#154550; color:#ede; }
+
th, div.limitreport div table tbody tr th, .mw-datatable th { background-color:#154550; color:#ede; }
td { background-color: rgba(32,40,40,192); color:#ede; }
+
td, .mw-datatable td { background-color: rgba(32,40,40,192); color:#ede; }
 
table.wikitable tr th { background-color:#101a20; border-color:teal; }
 
table.wikitable tr th { background-color:#101a20; border-color:teal; }
  
Line 170: Line 178:
 
}
 
}
  
 +
/* Thumbnail port (seen on image upload) */
 +
div.thumbinner {
 +
background-color:#202028;
 +
}
 +
 +
/* Image metadata table*/
 +
table.mw_metadata td
 +
{
 +
background-color:#202028;
 +
}
 +
table.mw_metadata th
 +
{
 +
background-color:#24242b;
 +
}
  
 
/* ---------------------------------------- */
 
/* ---------------------------------------- */
Line 177: Line 199:
 
h2 {font-size: 140%; color: #cee; padding: 0; margin: 0;}
 
h2 {font-size: 140%; color: #cee; padding: 0; margin: 0;}
 
h3 {font-size: 120%; color: #eec; padding: 0; margin: 0; }
 
h3 {font-size: 120%; color: #eec; padding: 0; margin: 0; }
h4, h5, h6 { color: #ddd }
+
h4, h5, h6 { color: #d0d8c8 } /*was ddd*/
  
 
/* links links links */
 
/* links links links */
Line 311: Line 333:
 
background:url(http://zero-k.info/mediawiki/skins/Vector/images/unwatch-icon-hl.svg?a3932) transparent no-repeat center center
 
background:url(http://zero-k.info/mediawiki/skins/Vector/images/unwatch-icon-hl.svg?a3932) transparent no-repeat center center
 
}
 
}
 +
 +
/* Redirect arrow */
 +
.redirectText {color: #ede;}
  
 
/* See common.css*/
 
/* See common.css*/

Revision as of 07:23, 11 June 2018

/* CSS placed here will affect users of the Vector skin */

/* FIXME: breaks search bar */
@font-face {
    font-family: os;
    src: url('../OpenSans-Regular.eot'); /* IE9 Compat Modes */
    src: url('../OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../OpenSans-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}


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

body, html, div#mw-head
{
	/*background: #000 url("../img/bg_bluehex.gif") fixed;*/
	background-color: #101414;
	/*background:-moz-linear-gradient(top, #020505 20%, #051010 100%)*/
	color: #ede;
	font-family:os, Arial, Geneva, sans-serif;
}

caption {color: #ede;}

#mw-head-base{
	height:5.75em;
}


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

/* the main body, to the right of the sidebar */
.mw-body
{
	background-color:rgba(40,48,48,255);
	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-body h1, .mw-body h2 {
	font-family:os, Arial, Geneva, sans-serif;
}

/* remove a weird horizontal white bar on special pages */
#mw-page-base.noprint { background-color:transparent !important; background-image:none !important; }

/* different color for some parts of the background */
.mw-highlight
{
	background-color:rgba(32,36,36,192);
	color:inherit;
}

.mw-warning
{
	background-color:#222222;
	border: 1px solid orangered;
}

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

/* Category bar */
.catlinks 
{ 
	background-color:#111;
	border: 1px solid grey;
}

/* Advanced search */
.mw-search-profile-tabs { background-color:#202424; }
fieldset#mw-searchoptions { background-color:#222a2a; }
.mw-search-profile-tabs div.search-types ul li.current a { color: inherit }

/* Warning divs */
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high {
	background: #3a0606;
}

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

/* Diff display */
td.diff-context { background-color: rgba(32,40,40,160); color: inherit; }
td.diff-addedline .diffchange { background-color: #355580; }
td.diff-deletedline .diffchange { background-color: #806525; }

#pagehistory li.selected { background-color: rgba(40,48,48,192); }

.mw-changeslist-line-not-watched td, .mw-changeslist-line-watched td { background-color: transparent; }

.template-documentation { background-color:inherit; }

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

div.vectorTabs span{
        background:transparent;
}

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

div.vectorTabs ul{
	background:transparent;
}

div.vectorTabs ul li{
	background:transparent;
}

div.vectorTabs ul li.selected{
	background:transparent;
}

.vectorTabs UL LI.selected A, .vectorTabs UL LI.selected A:visited
{
	background-color:transparent;
	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, .mw-datatable th { background-color:#154550; color:#ede; }
td, .mw-datatable td { background-color: rgba(32,40,40,192); color:#ede; }
table.wikitable tr th { background-color:#101a20; border-color:teal; }

/* these are for Template:Navbox */
.navbox th, .navbox-title, .navbox-abovebelow { background-color:#101a20; border: 0px solid; }
.navbox-odd { background-color:#122736; border-color:teal; }
.navbox-even { background-color:#10242c; border-color:teal; }

/* code blocks */
code
{ 
	background-color:#204040;
	border: 1px solid teal;
	color:inherit;
}

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

/* Thumbnail port (seen on image upload) */
div.thumbinner {
	background-color:#202028;
}

/* Image metadata table*/
table.mw_metadata td
{
	background-color:#202028;
}
table.mw_metadata th
{
	background-color:#24242b;
}

/* ---------------------------------------- */
/* 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; }
h4, h5, h6 { color: #d0d8c8 } /*was ddd*/

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

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

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


div#simpleSearch
{
	color: #cbd3d4; 
	background-color:#111;
	border: 1px solid grey;
	font-family: Arial, Geneva, sans-serif; /* Open Sans causes odd search bar offset */
}


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

#ca-unwatch.icon a:link, #ca-unwatch.icon a:hover, #ca-unwatch.icon a:focus, #ca-unwatch.icon a:active,
#ca-watch.icon a:link, #ca-watch.icon a:hover, #ca-watch.icon a:focus, #ca-watch.icon a:active 
{
	background:url(http://zero-k.info/mediawiki/skins/Vector/images/unwatch-icon-hl.svg?a3932) transparent no-repeat center center
}

/* Redirect arrow */
.redirectText {color: #ede;}

/* See common.css*/
/* Style for horizontal lists (separator following item).
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 8 (2016-05-21)
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li {
    display: none;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ")";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) "\a0";
}