MediaWiki:Darkvector.css

* {
font-family: 		monospace,Courier;
color:				#999999;
background-color:	#222222;
}
/* CSS placed here will affect users of the DarkVector skin */
background-color: #111;

body
{
	background-color:	#111111;
}
.textbox
{
	width:			auto;
	color:			#c1c1c1;
	background-color:	#707070;
	border:			1px solid #101010;
	padding:		0;
	margin:			0 0 1em;

	box-shadow:		3px 3px 5px #444444;
	-moz-box-shadow:	3px 3px 5px #444444;
	-webkit-box-shadow:	3px 3px 5px #444444;
	-khtml-box-shadow:	3px 3px 5px #444444;
}

.textbox .textbox-head,
table.textbox caption
{
    color:            #999999;
    background-color:    #222222;
    text-align:        center;
    font-weight:        bold;
    font-size:        120%;
    padding:        0.3em 0.5em;
}
 *****************************************************************************
 ***                            colors for span                            ***
 *****************************************************************************/

.bg-red1,
.bg-red2,
.bg-red3,
.bg-orange1,
.bg-orange2,
.bg-orange3,
.bg-yellow1,
.bg-yellow2,
.bg-yellow3,
.bg-green1,
.bg-green2,
.bg-green3,
.bg-cyan1,
.bg-cyan2,
.bg-cyan3,
.bg-blue1,
.bg-blue2,
.bg-blue3,
.bg-magenta1,
.bg-magenta2,
.bg-magenta3,
.bg-gray1,
.bg-gray2,
.bg-gray3,
.bg-white,
.bg-black
{ 
color: #c1c1c1;  background-color: #333333 !important; 
}

/*
 *****************************************************************************
 ***                        framed textbox: colors                         ***
 *****************************************************************************/

.textbox.red,
.textbox.orange,
.textbox.yellow,
.textbox.green,
.textbox.news,
.textbox.cyan,
.textbox.blue,
.textbox.magenta,
.textbox.white,
.textbox.gray,
.textbox.black
{
	color:			#999999;
	background-color:	#222222;
	border:			1px solid #101010;

	box-shadow:		3px 3px 5px #444444;
	-moz-box-shadow:	3px 3px 5px #444444;
	-webkit-box-shadow:	3px 3px 5px #444444;
	-khtml-box-shadow:	3px 3px 5px #444444;
}

.textbox.red .textbox-head,
table.textbox.red caption,
.textbox.orange .textbox-head,
table.textbox.orange caption,
.textbox.yellow .textbox-head,
table.textbox.yellow caption,
.textbox.green .textbox-head,
table.textbox.green caption,
.textbox.news .textbox-head,
table.textbox.news caption,
.textbox.cyan .textbox-head,
table.textbox.cyan caption,
.textbox.blue .textbox-head,
table.textbox.blue caption,
.textbox.magenta .textbox-head,
table.textbox.magenta caption,
.textbox.white .textbox-head,
table.textbox.white caption,
.textbox.gray .textbox-head,
table.textbox.gray caption,
.textbox.black .textbox-head,
table.textbox.black caption
{
	color:			#999999;
	background-color:	#111111;
}

/*
 *****************************************************************************
 ***                               misc					   ***
 *****************************************************************************/

span.button
{
	border:			1px solid #111111;
	box-shadow:		0.1em 0.1em 0.2em rgba(0,0,0,0.1);
	color:			#999999;
	background-color:	#797979;
	background-image:	linear-gradient(to bottom, #111111, #222222, #111111);
	white-space:		nowrap;
}

span.math,
div.math,
span.code,
div.code
{
	border:			1px solid #111111;
}

span.code,
div.code
{
	background-color:	#7f7870;
}

/*
 *****************************************************************************
 ***                         standard wiki tables                          ***
 *****************************************************************************/

table.wikitable caption    { background-color: #111111; color: #c1c1c1; }
table.wikitable tr.tr0a th { background-color: #111111; color: #c1c1c1; }
table.wikitable tr.tr0b th { background-color: #111111; color: #c1c1c1; }
table.wikitable tr.tr1a    { background-color: #111111; color: #c1c1c1; }
table.wikitable tr.tr1b    { background-color: #111111; color: #c1c1c1; }
table.wikitable tr.tr2a    { background-color: #111111; color: #c1c1c1; }
table.wikitable tr.tr2b    { background-color: #111111; color: #c1c1c1; }

/*
 *****************************************************************************
 ***                           wikitable support                           ***
 *****************************************************************************/

table.wikitable.alt tr:nth-child(even) th,
table.wikitable.alt tr:nth-child(even) td
{
	background-color:	#111111;
}


/*
 *****************************************************************************
 ***                         textbox table colors                          ***
 *****************************************************************************/

table.textbox th,
table.textbox.blue th
{
	color:			#c1c1c1;
	background-color:	#111111;
}

table.textbox.alt tr:nth-child(odd) th,
table.textbox.blue.alt tr:nth-child(odd) th
{
	background-color:	#111111;
}

table.textbox.alt tr:nth-child(odd) td,
table.textbox tr.alt td,
table.textbox.blue.alt tr:nth-child(odd) td,
table.textbox.blue tr.alt td
{
	background-color:	#111111;
}

table.textbox.alt tr.headline th,
table.textbox tr.headline th,
table.textbox.headline.alt tr:nth-child(1) th,
table.textbox.headline tr:nth-child(1) th,
table.textbox.blue.alt tr.headline th,
table.textbox.blue tr.headline th,
table.textbox.headline.blue.alt tr:nth-child(1) th,
table.textbox.headline.blue tr:nth-child(1) th
{
	background-color:	#111111;
}

table.textbox tr:hover th,
table.textbox tr:hover td,
table.textbox.alt tr:hover:nth-child(even) th,
table.textbox.alt tr:hover:nth-child(even) td,
table.textbox.blue tr:hover th,
table.textbox.blue tr:hover td,
table.textbox.blue.alt tr:hover:nth-child(even) th,
table.textbox.blue.alt tr:hover:nth-child(even) td
{
	color:			#c1c1c1;
	background-color:	#111111;
}

table.grid th,
table.grid td,
table.grid.blue th,
table.grid.blue td
{
	border:			1px solid #101010;
}

/*-------------------------*/

table.textbox.red th
{
	color:			#999999;
	background-color:	#ffd0d0;
}

table.textbox.red.alt tr:nth-child(odd) th
{
	background-color:	#f0b0b0;
}

table.textbox.red.alt tr:nth-child(odd) td,
table.textbox.red tr.alt td
{
	background-color:	#f0d0d0;
}

table.textbox.red.alt tr.headline th,
table.textbox.red tr.headline th,
table.textbox.headline.red.alt tr:nth-child(1) th,
table.textbox.headline.red tr:nth-child(1) th
{
	background-color:	#ffa0a0;
}

table.textbox.red tr:hover th,
table.textbox.red tr:hover td,
table.textbox.red.alt tr:hover:nth-child(even) th,
table.textbox.red.alt tr:hover:nth-child(even) td
{
	color:			#000000;
	background-color:	#ffff80;
}

table.grid.red th,
table.grid.red td
{
	border:			1px solid #a00000;
}

/*-------------------------*/

table.textbox.orange th
{
	color:			#000000;
	background-color:	#ffe0c0;
}

table.textbox.orange.alt tr:nth-child(odd) th
{
	background-color:	#f0c0a0;
}

table.textbox.orange.alt tr:nth-child(odd) td,
table.textbox.orange tr.alt td
{
	background-color:	#f0e0c0;
}

table.textbox.orange.alt tr.headline th,
table.textbox.orange tr.headline th,
table.textbox.headline.orange.alt tr:nth-child(1) th,
table.textbox.headline.orange tr:nth-child(1) th
{
	background-color:	#ffb870;
}

table.textbox.orange tr:hover th,
table.textbox.orange tr:hover td,
table.textbox.orange.alt tr:hover:nth-child(even) th,
table.textbox.orange.alt tr:hover:nth-child(even) td
{
	color:			#000000;
	background-color:	#ffff80;
}

table.grid.orange th,
table.grid.orange td
{
	border:			1px solid #e0a080;
}

/*-------------------------*/

table.textbox.yellow th
{
	color:			#000000;
	background-color:	#ffffc0;
}

table.textbox.yellow.alt tr:nth-child(odd) th
{
	background-color:	#f0f0a0;
}

table.textbox.yellow.alt tr:nth-child(odd) td,
table.textbox.yellow tr.alt td
{
	background-color:	#f0f0c0;
}

table.textbox.yellow.alt tr.headline th,
table.textbox.yellow tr.headline th,
table.textbox.headline.yellow.alt tr:nth-child(1) th,
table.textbox.headline.yellow tr:nth-child(1) th
{
	background-color:	#ffff70;
}

table.textbox.yellow tr:hover th,
table.textbox.yellow tr:hover td,
table.textbox.yellow.alt tr:hover:nth-child(even) th,
table.textbox.yellow.alt tr:hover:nth-child(even) td
{
	color:			#000000;
	background-color:	#f0c0a0;
}

table.grid.yellow th,
table.grid.yellow td
{
	border:			1px solid #808000;
}

/*-------------------------*/

table.textbox.green th
{
	color:			#000000;
	background-color:	#d0ffd0;
}

table.textbox.green.alt tr:nth-child(odd) th
{
	background-color:	#b0f0b0;
}

table.textbox.green.alt tr:nth-child(odd) td,
table.textbox.green tr.alt td
{
	background-color:	#d0f0d0;
}

table.textbox.green.alt tr.headline th,
table.textbox.green tr.headline th,
table.textbox.headline.green.alt tr:nth-child(1) th,
table.textbox.headline.green tr:nth-child(1) th
{
	background-color:	#80ff80;
}

table.textbox.green tr:hover th,
table.textbox.green tr:hover td,
table.textbox.green.alt tr:hover:nth-child(even) th,
table.textbox.green.alt tr:hover:nth-child(even) td
{
	color:			#000000;
	background-color:	#ffff80;
}

table.grid.green th,
table.grid.green td
{
	border:			1px solid #00a000;
}

/*-------------------------*/

table.textbox.news th,
table.textbox.cyan th
{
	color:			#000000;
	background-color:	#c0ffff;
}

table.textbox.news.alt tr:nth-child(odd) th,
table.textbox.cyan.alt tr:nth-child(odd) th
{
	background-color:	#a0f0f0;
}

table.textbox.news.alt tr:nth-child(odd) td,
table.textbox.news tr.alt td,
table.textbox.cyan.alt tr:nth-child(odd) td,
table.textbox.cyan tr.alt td
{
	background-color:	#d0f0f0;
}

table.textbox.news.alt tr.headline th,
table.textbox.news tr.headline th,
table.textbox.headline.news.alt tr:nth-child(1) th,
table.textbox.headline.news tr:nth-child(1) th,
table.textbox.cyan.alt tr.headline th,
table.textbox.cyan tr.headline th,
table.textbox.headline.cyan.alt tr:nth-child(1) th,
table.textbox.headline.cyan tr:nth-child(1) th
{
	background-color:	#60ffff;
}

table.textbox.news tr:hover th,
table.textbox.news tr:hover td,
table.textbox.news.alt tr:hover:nth-child(even) th,
table.textbox.news.alt tr:hover:nth-child(even) td,
table.textbox.cyan tr:hover th,
table.textbox.cyan tr:hover td,
table.textbox.cyan.alt tr:hover:nth-child(even) th,
table.textbox.cyan.alt tr:hover:nth-child(even) td
{
	color:			#000000;
	background-color:	#ffff80;
}

table.grid.news th,
table.grid.news td,
table.grid.cyan th,
table.grid.cyan td
{
	border:			1px solid #008080;
}

/*-------------------------*/



table.textbox.magenta th
{
	color:			#000000;
	background-color:	#ffd0ff;
}

table.textbox.magenta.alt tr:nth-child(odd) th
{
	background-color:	#f0b0f0;
}

table.textbox.magenta.alt tr:nth-child(odd) td,
table.textbox.magenta tr.alt td
{
	background-color:	#f0c8f0;
}

table.textbox.magenta.alt tr.headline th,
table.textbox.magenta tr.headline th,
table.textbox.headline.magenta.alt tr:nth-child(1) th,
table.textbox.headline.magenta tr:nth-child(1) th
{
	background-color:	#ff70ff;
}

table.textbox.magenta tr:hover th,
table.textbox.magenta tr:hover td,
table.textbox.magenta.alt tr:hover:nth-child(even) th,
table.textbox.magenta.alt tr:hover:nth-child(even) td
{
	color:			#000000;
	background-color:	#ffff80;
}

table.grid.magenta th,
table.grid.magenta td
{
	border:			1px solid #700070;
}

/*-------------------------*/

table.textbox.white th
{
	color:			#000000;
	background-color:	#b0b0b0;
}

table.textbox.white.alt tr:nth-child(odd) th
{
	background-color:	#a0a0a0;
}

table.textbox.white.alt tr:nth-child(odd) td,
table.textbox.white tr.alt td
{
	background-color:	#e0e0e0;
}

table.textbox.white.alt tr.headline th,
table.textbox.white tr.headline th,
table.textbox.headline.white.alt tr:nth-child(1) th,
table.textbox.headline.white tr:nth-child(1) th
{
	background-color:	#f0f0f0;
}

table.textbox.white tr:hover th,
table.textbox.white tr:hover td,
table.textbox.white.alt tr:hover:nth-child(even) th,
table.textbox.white.alt tr:hover:nth-child(even) td
{
	color:			#000000;
	background-color:	#ffff80;
}

table.grid.white th,
table.grid.white td
{
	border:			1px solid #c0c0c0;
}

/*-------------------------*/

table.textbox.gray th
{
	color:			#000000;
	background-color:	#c0c0c0;
}

table.textbox.gray.alt tr:nth-child(odd) th
{
	background-color:	#b0b0b0;
}

table.textbox.gray.alt tr:nth-child(odd) td,
table.textbox.gray tr.alt td
{
	background-color:	#d0d0d0;
}

table.textbox.gray.alt tr.headline th,
table.textbox.gray tr.headline th,
table.textbox.headline.gray.alt tr:nth-child(1) th,
table.textbox.headline.gray tr:nth-child(1) th
{
	background-color:	#a0a0a0;
}

table.textbox.gray tr:hover th,
table.textbox.gray tr:hover td,
table.textbox.gray.alt tr:hover:nth-child(even) th,
table.textbox.gray.alt tr:hover:nth-child(even) td
{
	color:			#000000;
	background-color:	#ffff80;
}

table.grid.gray th,
table.grid.gray td
{
	border:			1px solid #606060;
}

/*-------------------------*/

table.textbox.black th
{
	color:			#ffffff;
	background-color:	#808080;
}

table.textbox.black.alt tr:nth-child(odd) th
{
	background-color:	#a0a0a0;
}

table.textbox.black.alt tr:nth-child(odd) td,
table.textbox.black tr.alt td
{
	background-color:	#303030;
}

table.textbox.black.alt tr.headline th,
table.textbox.black tr.headline th,
table.textbox.headline.black.alt tr:nth-child(1) th,
table.textbox.headline.black tr:nth-child(1) th
{
	background-color:	#606060;
}

table.textbox.black tr:hover th,
table.textbox.black tr:hover td,
table.textbox.black.alt tr:hover:nth-child(even) th,
table.textbox.black.alt tr:hover:nth-child(even) td
{
	color:			#000000;
	background-color:	#ffff80;
}

table.grid.black th,
table.grid.black td
{
	border:			1px solid #505050;
}

/*-------------------------*/