Difference between revisions of "MediaWiki:Vector.css"

Latest revision as of 03:23, 22 October 2021

/* 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, #mw-panel .portal h3, .tocnumber, 
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, 
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle
{
	/*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;
}

.oo-ui-popupWidget-body, .oo-ui-popupWidget-popup
{
	background-color: #101414;
}

caption, #pagehistory li.selected, .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title 
{color: #ede;}

/* Bullet points */
ul
{
	list-style-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%225%22 height=%2212%22%3E %3Ccircle cx=%222.5%22 cy=%229%22 r=%222.5%22 fill=%22%23aaa%22/%3E %3C/svg%3E");
}

#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
{
	color:#cbd3d4;
	background-color:#2d3232;
	border: 1px solid teal;
}

/* Text input field (edit summary in particular) */
.oo-ui-textInputWidget .oo-ui-inputWidget-input
{
	color:#cbd3d4;
	background-color:#222222;
}

/* "Save page", "show preview", "show changes" buttons (inactive form) */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button
{
	color:#d0d6d6;
	background-color:#202424;
}

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