MediaWiki:Common.css

From MK8
Revision as of 00:13, 5 August 2014 by Wiimm (talk | contribs) (Created page with " /*� ***************************************************************************** *** colors for span *** *********...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/*�
 *****************************************************************************
 ***                            colors for span                            ***
 *****************************************************************************/

.bg-red1	{ color: #000000;  background-color: #ffc0c0 !important; }
.bg-red2	{ color: #000000;  background-color: #ff8080 !important; }
.bg-red3	{ color: #000000;  background-color: #ff0000 !important; }

.bg-orange1	{ color: #000000;  background-color: #ffe0a0 !important; }
.bg-orange2	{ color: #000000;  background-color: #ffc350 !important; }
.bg-orange3	{ color: #000000;  background-color: #ffa500 !important; }

.bg-yellow1	{ color: #000000;  background-color: #fff0a0 !important; }
.bg-yellow2	{ color: #000000;  background-color: #ffff70 !important; }
.bg-yellow3	{ color: #000000;  background-color: #ffff00 !important; }

.bg-green1	{ color: #000000;  background-color: #c0ffc0 !important; }
.bg-green2	{ color: #000000;  background-color: #80ff80 !important; }
.bg-green3	{ color: #000000;  background-color: #00ff00 !important; }

.bg-cyan1	{ color: #000000;  background-color: #c0ffff !important; }
.bg-cyan2	{ color: #000000;  background-color: #70ffff !important; }
.bg-cyan3	{ color: #000000;  background-color: #00ffff !important; }

.bg-blue1	{ color: #000000;  background-color: #c0c0ff !important; }
.bg-blue2	{ color: #000000;  background-color: #8080ff !important; }
.bg-blue3	{ color: #ffffff;  background-color: #0000ff !important; }

.bg-magenta1	{ color: #000000;  background-color: #ffc0ff !important; }
.bg-magenta2	{ color: #000000;  background-color: #ff70ff !important; }
.bg-magenta3	{ color: #000000;  background-color: #ff00ff !important; }

.bg-white	{ color: #000000;  background-color: #ffffff !important; }
.bg-gray1	{ color: #000000;  background-color: #d0d0d0 !important; }
.bg-gray2	{ color: #000000;  background-color: #909090 !important; }
.bg-gray3	{ color: #ffffff;  background-color: #505050 !important; }
.bg-black	{ color: #ffffff;  background-color: #000000 !important; }

.frame-red1
{
	color:			#000000;
	background-color:	#ffc0c0;
	border:			1px solid #a00000;
}

.frame-red2
{
	color:			#000000;
	background-color:	#ff8080;
	border:			1px solid #a00000;
}

.frame-red3
{
	color:			#000000;
	background-color:	#ff0000;
	border:			1px solid #a00000;
}

.frame-orange1
{
	color:			#000000;
	background-color:	#ffe0a0;
	border:			1px solid #e0a080;
}

.frame-orange2
{
	color:			#000000;
	background-color:	#ffc350;
	border:			1px solid #e0a080;
}

.frame-orange3
{
	color:			#000000;
	background-color:	#ffa500;
	border:			1px solid #e0a080;
}

.frame-yellow1
{
	color:			#000000;
	background-color:	#fff0a0;
	border:			1px solid #808000;
}

.frame-yellow2
{
	color:			#000000;
	background-color:	#ffff70;
	border:			1px solid #808000;
}

.frame-yellow3
{
	color:			#000000;
	background-color:	#ffff00;
	border:			1px solid #808000;
}

.frame-green1
{
	color:			#000000;
	background-color:	#c0ffc0;
	border:			1px solid #00a000;
}

.frame-green2
{
	color:			#000000;
	background-color:	#80ff80;
	border:			1px solid #00a000;
}

.frame-green3
{
	color:			#000000;
	background-color:	#00ff00;
	border:			1px solid #00a000;
}

.frame-cyan1
{
	color:			#000000;
	background-color:	#c0ffff;
	border:			1px solid #008080;
}

.frame-cyan2
{
	color:			#000000;
	background-color:	#70ffff;
	border:			1px solid #008080;
}

.frame-cyan3
{
	color:			#000000;
	background-color:	#00ffff;
	border:			1px solid #008080;
}

.frame-blue1
{
	color:			#000000;
	background-color:	#c0c0ff;
	border:			1px solid #0000a0;
}

.frame-blue2
{
	color:			#000000;
	background-color:	#8080ff;
	border:			1px solid #0000a0;
}

.frame-blue3
{
	color:			#ffffff;
	background-color:	#0000ff;
	border:			1px solid #0000a0;
}

.frame-magenta1
{
	color:			#000000;
	background-color:	#ffc0ff;
	border:			1px solid #700070;
}

.frame-magenta2
{
	color:			#000000;
	background-color:	#ff70ff;
	border:			1px solid #700070;
}

.frame-magenta3
{
	color:			#000000;
	background-color:	#ff00ff;
	border:			1px solid #700070;
}

.frame-white
{
	color:			#000000;
	background-color:	#ffffff;
	border:			1px solid #c0c0c0;
}

.frame-gray1
{
	color:			#000000;
	background-color:	#d0d0d0;
	border:			1px solid #606060;
}

.frame-gray2
{
	color:			#000000;
	background-color:	#909090;
	border:			1px solid #606060;
}

.frame-gray3
{
	color:			#ffffff;
	background-color:	#505050;
	border:			1px solid #606060;
}

.frame-black
{
	color:			#ffffff;
	background-color:	#000000;
	border:			1px solid #505050;
}


/*�
 *****************************************************************************
 ***                             table status                              ***
 *****************************************************************************/

table.textbox td.td-no,
table.textbox tr.alt td.td-no,
table.textbox.red tr.alt td.td-no,
table.textbox.orange tr.alt td.td-no,
table.textbox.yellow tr.alt td.td-no,
table.textbox.green tr.alt td.td-no,
table.textbox.cyan tr.alt td.td-no,
table.textbox.blue tr.alt td.td-no,
table.textbox.magenta tr.alt td.td-no,
table.textbox.white tr.alt td.td-no,
table.textbox.gray tr.alt td.td-no,
table.textbox.black tr.alt td.td-no,
.td-no
{
	color:			#000000;
	background-color:	#ffc0c0 !important;
	text-align:		center;
	padding:		0 .4em;
}

table.textbox td.td-maybe,
table.textbox tr.alt td.td-maybe,
table.textbox.red tr.alt td.td-maybe,
table.textbox.orange tr.alt td.td-maybe,
table.textbox.yellow tr.alt td.td-maybe,
table.textbox.green tr.alt td.td-maybe,
table.textbox.cyan tr.alt td.td-maybe,
table.textbox.blue tr.alt td.td-maybe,
table.textbox.magenta tr.alt td.td-maybe,
table.textbox.white tr.alt td.td-maybe,
table.textbox.gray tr.alt td.td-maybe,
table.textbox.black tr.alt td.td-maybe,
.td-maybe
{
	color:			#000000;
	background-color:	#fff0a0 !important;
	text-align:		center;
	padding:		0 .4em;
}

table.textbox td.td-yes,
table.textbox tr.alt td.td-yes,
table.textbox.red tr.alt td.td-yes,
table.textbox.orange tr.alt td.td-yes,
table.textbox.yellow tr.alt td.td-yes,
table.textbox.green tr.alt td.td-yes,
table.textbox.cyan tr.alt td.td-yes,
table.textbox.blue tr.alt td.td-yes,
table.textbox.magenta tr.alt td.td-yes,
table.textbox.white tr.alt td.td-yes,
table.textbox.gray tr.alt td.td-yes,
table.textbox.black tr.alt td.td-yes,
.td-yes
{
	color:			#000000;
	background-color:	#c0ffc0 !important;
	text-align:		center;
	padding:		0 .4em;
}

table.textbox td.td-opt,
table.textbox tr.alt td.td-opt,
table.textbox.red tr.alt td.td-opt,
table.textbox.orange tr.alt td.td-opt,
table.textbox.yellow tr.alt td.td-opt,
table.textbox.green tr.alt td.td-opt,
table.textbox.cyan tr.alt td.td-opt,
table.textbox.blue tr.alt td.td-opt,
table.textbox.magenta tr.alt td.td-opt,
table.textbox.white tr.alt td.td-opt,
table.textbox.gray tr.alt td.td-opt,
table.textbox.black tr.alt td.td-opt,
.td-opt
{
	color:			#000000;
	background-color:	#c0c0ff !important;
	text-align:		center;
	padding:		0 .4em;
}

table.textbox td.td-unknown,
table.textbox tr.alt td.td-unknown,
table.textbox.red tr.alt td.td-unknown,
table.textbox.orange tr.alt td.td-unknown,
table.textbox.yellow tr.alt td.td-unknown,
table.textbox.green tr.alt td.td-unknown,
table.textbox.cyan tr.alt td.td-unknown,
table.textbox.blue tr.alt td.td-unknown,
table.textbox.magenta tr.alt td.td-unknown,
table.textbox.white tr.alt td.td-unknown,
table.textbox.gray tr.alt td.td-unknown,
table.textbox.black tr.alt td.td-unknown,
.td-unknown
{
	color:			#000000;
	background-color:	#d0d0d0 !important;
	text-align:		center;
	padding:		0 .4em;
}

table.textbox td.td-na,
table.textbox tr.alt td.td-na,
table.textbox.red tr.alt td.td-na,
table.textbox.orange tr.alt td.td-na,
table.textbox.yellow tr.alt td.td-na,
table.textbox.green tr.alt td.td-na,
table.textbox.cyan tr.alt td.td-na,
table.textbox.blue tr.alt td.td-na,
table.textbox.magenta tr.alt td.td-na,
table.textbox.white tr.alt td.td-na,
table.textbox.gray tr.alt td.td-na,
table.textbox.black tr.alt td.td-na,
.td-na
{
	color:			#ffffff;
	background-color:	#808080 !important;
	text-align:		center;
	padding:		0 .4em;
}

table.textbox td.td-bronze,
table.textbox tr.alt td.td-bronze,
table.textbox.red tr.alt td.td-bronze,
table.textbox.orange tr.alt td.td-bronze,
table.textbox.yellow tr.alt td.td-bronze,
table.textbox.green tr.alt td.td-bronze,
table.textbox.cyan tr.alt td.td-bronze,
table.textbox.blue tr.alt td.td-bronze,
table.textbox.magenta tr.alt td.td-bronze,
table.textbox.white tr.alt td.td-bronze,
table.textbox.gray tr.alt td.td-bronze,
table.textbox.black tr.alt td.td-bronze,
.td-bronze
{
	color:			#000000;
	background-color:	#daaa50 !important;
	text-align:		center;
	padding:		0 .4em;
}

table.textbox td.td-silver,
table.textbox tr.alt td.td-silver,
table.textbox.red tr.alt td.td-silver,
table.textbox.orange tr.alt td.td-silver,
table.textbox.yellow tr.alt td.td-silver,
table.textbox.green tr.alt td.td-silver,
table.textbox.cyan tr.alt td.td-silver,
table.textbox.blue tr.alt td.td-silver,
table.textbox.magenta tr.alt td.td-silver,
table.textbox.white tr.alt td.td-silver,
table.textbox.gray tr.alt td.td-silver,
table.textbox.black tr.alt td.td-silver,
.td-silver
{
	color:			#000000;
	background-color:	#c0c0c0 !important;
	text-align:		center;
	padding:		0 .4em;
}

table.textbox td.td-gold,
table.textbox tr.alt td.td-gold,
table.textbox.red tr.alt td.td-gold,
table.textbox.orange tr.alt td.td-gold,
table.textbox.yellow tr.alt td.td-gold,
table.textbox.green tr.alt td.td-gold,
table.textbox.cyan tr.alt td.td-gold,
table.textbox.blue tr.alt td.td-gold,
table.textbox.magenta tr.alt td.td-gold,
table.textbox.white tr.alt td.td-gold,
table.textbox.gray tr.alt td.td-gold,
table.textbox.black tr.alt td.td-gold,
.td-gold
{
	color:			#000000;
	background-color:	#ffd700 !important;
	text-align:		center;
	padding:		0 .4em;
}

table.textbox td.td-platinum,
table.textbox tr.alt td.td-platinum,
table.textbox.red tr.alt td.td-platinum,
table.textbox.orange tr.alt td.td-platinum,
table.textbox.yellow tr.alt td.td-platinum,
table.textbox.green tr.alt td.td-platinum,
table.textbox.cyan tr.alt td.td-platinum,
table.textbox.blue tr.alt td.td-platinum,
table.textbox.magenta tr.alt td.td-platinum,
table.textbox.white tr.alt td.td-platinum,
table.textbox.gray tr.alt td.td-platinum,
table.textbox.black tr.alt td.td-platinum,
.td-platinum
{
	color:			#000000;
	background-color:	#c0ccee !important;
	text-align:		center;
	padding:		0 .4em;
}


/*�
 *****************************************************************************
 ***                      framed textbox: basic setup                      ***
 *****************************************************************************/

.textbox
{
	width:			auto;
	color:			#000000;
	background-color:	#f0f0ff;
	border:			1px solid #0000a0;
	padding:		0;
	margin:			0.4em 0 0.8em 0;

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

	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
}

.textbox.nobox
{
	width:			auto;
	color:			#000000;
	background-color:	transparent;
	border:			none;
	padding:		0;
	margin:			0.4em 0 0.8em 0;

	box-shadow:		none;
	-moz-box-shadow:	none;
	-webkit-box-shadow:	none;
	-khtml-box-shadow:	none;

	border-sytle:		none;
	-moz-border-sytle:	none;
	-webkit-border-sytle:	none;
	-khtml-border-sytle:	none;
}

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

.textbox.full
{
	width:			100%;
}

.textbox.large
{
	font-size:		120%;
}

.textbox.huge
{
	font-size:		140%;
}

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

.textbox .textbox-head,
table.textbox caption
{
	color:			#ffffff;
	background-color:	#000080;
	text-align:		center;
	font-weight:		bold;
	font-size:		120%;
	padding:		0.3em 0.5em;

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

	-moz-border-radius:	5px 5px 0 0;
	-webkit-border-radius:	5px 5px 0 0;
	-khtml-border-radius:	5px 5px 0 0;
	border-radius:		5px 5px 0 0;
}

.textbox .textbox-head a,
table.textbox caption a
{
	color:			#ffffff;
}

.textbox.nobox .textbox-head,
table.textbox.nobox caption
{
	color:			#000000;
	background-color:	transparent;
	font-weight:		bold;
	font-size:		120%;
	padding:		0.4em 0 0.2em;
	text-align:		left;
}

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

.textbox > .textbox-body
{
	padding:		0.5em 1em 0.5em 1em;
}

div.textbox.nobox > div.textbox-body
{
	padding:		0px;
}

.textbox.center > .textbox-body
{
	text-align:		center;
}

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

.textbox.video.bug,
.textbox.red
{
	color:			#000000;
	background-color:	#fff0f0;
	border:			1px solid #a00000;

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

.textbox.video.bug .textbox-head,
table.textbox.video.bug caption,
.textbox.red .textbox-head,
table.textbox.red caption
{
	color:			#ffffff;
	background-color:	#800000;

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

.textbox.orange
{
	color:			#000000;
	background-color:	#fff8e0;
	border:			1px solid #e0a080;

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

.textbox.orange .textbox-head,
table.textbox.orange caption
{
	color:			#ffffff;
	background-color:	#d07000;

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

.textbox.yellow
{
	color:			#000000;
	background-color:	#ffffe0;
	border:			1px solid #808000;

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

.textbox.yellow .textbox-head,
table.textbox.yellow caption
{
	color:			#ffffff;
	background-color:	#a0a000;

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

.textbox.video.tutorial,
.textbox.green
{
	color:			#000000;
	background-color:	#f0fff0;
	border:			1px solid #00a000;

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

.textbox.video.tutorial .textbox-head,
table.textbox.video.tutorial caption,
.textbox.green .textbox-head,
table.textbox.green caption
{
	color:			#ffffff;
	background-color:	#008000;

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

.textbox.news,
.textbox.cyan
{
	color:			#000000;
	background-color:	#f0ffff;
	border:			1px solid #008080;

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

.textbox.news .textbox-head,
table.textbox.news caption,
.textbox.cyan .textbox-head,
table.textbox.cyan caption
{
	color:			#ffffff;
	background-color:	#008080;

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

.textbox.video,
.textbox.blue
{
	color:			#000000;
	background-color:	#f0f0ff;
	border:			1px solid #0000a0;

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

.textbox.video .textbox-head,
table.textbox.video caption,
.textbox.blue .textbox-head,
table.textbox.blue caption
{
	color:			#ffffff;
	background-color:	#000080;

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

.textbox.magenta
{
	color:			#000000;
	background-color:	#ffe8ff;
	border:			1px solid #700070;

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

.textbox.magenta .textbox-head,
table.textbox.magenta caption
{
	color:			#ffffff;
	background-color:	#700070;

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

.textbox.white
{
	color:			#000000;
	background-color:	#ffffff;
	border:			1px solid #c0c0c0;

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

.textbox.white .textbox-head,
table.textbox.white caption
{
	color:			#000000;
	background-color:	#d0d0d0;

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

.textbox.video.original,
.textbox.gray
{
	color:			#000000;
	background-color:	#e0e0e0;
	border:			1px solid #606060;

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

.textbox.video.original .textbox-head,
table.textbox.video.original caption,
.textbox.gray .textbox-head,
table.textbox.gray caption
{
	color:			#ffffff;
	background-color:	#808080;

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

.textbox.black
{
	color:			#ffffff;
	background-color:	#000000;
	border:			1px solid #505050;

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

.textbox.black .textbox-head,
table.textbox.black caption
{
	color:			#ffffff;
	background-color:	#404040;

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


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

table.textbox.video.bug th,
table.textbox.red th
{
	color:			#000000;
	background-color:	#ffd0d0;
}

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

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

table.textbox.video.bug.alt tr.headline th,
table.textbox.video.bug tr.headline th,
table.textbox.headline.video.bug.alt tr:nth-child(1) th,
table.textbox.headline.video.bug tr:nth-child(1) th,
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.video.bug tr:hover th,
table.textbox.video.bug tr:hover td,
table.textbox.video.bug.alt tr:hover:nth-child(odd) th,
table.textbox.video.bug.alt tr:hover:nth-child(odd) td,
table.textbox.red tr:hover th,
table.textbox.red tr:hover td,
table.textbox.red.alt tr:hover:nth-child(odd) th,
table.textbox.red.alt tr:hover:nth-child(odd) td
{
	color:			#000000;
	background-color:	#ffff80;
}

table.grid.video.bug th,
table.grid.video.bug td,
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(odd) th,
table.textbox.orange.alt tr:hover:nth-child(odd) 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(odd) th,
table.textbox.yellow.alt tr:hover:nth-child(odd) td
{
	color:			#000000;
	background-color:	#f0c0a0;
}

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

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

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

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

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

table.textbox.video.tutorial.alt tr.headline th,
table.textbox.video.tutorial tr.headline th,
table.textbox.headline.video.tutorial.alt tr:nth-child(1) th,
table.textbox.headline.video.tutorial tr:nth-child(1) th,
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.video.tutorial tr:hover th,
table.textbox.video.tutorial tr:hover td,
table.textbox.video.tutorial.alt tr:hover:nth-child(odd) th,
table.textbox.video.tutorial.alt tr:hover:nth-child(odd) td,
table.textbox.green tr:hover th,
table.textbox.green tr:hover td,
table.textbox.green.alt tr:hover:nth-child(odd) th,
table.textbox.green.alt tr:hover:nth-child(odd) td
{
	color:			#000000;
	background-color:	#ffff80;
}

table.grid.video.tutorial th,
table.grid.video.tutorial td,
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(odd) th,
table.textbox.news.alt tr:hover:nth-child(odd) td,
table.textbox.cyan tr:hover th,
table.textbox.cyan tr:hover td,
table.textbox.cyan.alt tr:hover:nth-child(odd) th,
table.textbox.cyan.alt tr:hover:nth-child(odd) 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 th,
table.textbox.video th,
table.textbox.blue th
{
	color:			#000000;
	background-color:	#d0d0ff;
}

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

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

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.video.alt tr.headline th,
table.textbox.video tr.headline th,
table.textbox.headline.video.alt tr:nth-child(1) th,
table.textbox.headline.video 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:	#8080ff;
}

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

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

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

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(odd) th,
table.textbox.magenta.alt tr:hover:nth-child(odd) 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(odd) th,
table.textbox.white.alt tr:hover:nth-child(odd) td
{
	color:			#000000;
	background-color:	#ffff80;
}

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

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

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

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

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

table.textbox.video.original.alt tr.headline th,
table.textbox.video.original tr.headline th,
table.textbox.headline.video.original.alt tr:nth-child(1) th,
table.textbox.headline.video.original tr:nth-child(1) th,
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.video.original tr:hover th,
table.textbox.video.original tr:hover td,
table.textbox.video.original.alt tr:hover:nth-child(odd) th,
table.textbox.video.original.alt tr:hover:nth-child(odd) td,
table.textbox.gray tr:hover th,
table.textbox.gray tr:hover td,
table.textbox.gray.alt tr:hover:nth-child(odd) th,
table.textbox.gray.alt tr:hover:nth-child(odd) td
{
	color:			#000000;
	background-color:	#ffff80;
}

table.grid.video.original th,
table.grid.video.original td,
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(odd) th,
table.textbox.black.alt tr:hover:nth-child(odd) td
{
	color:			#000000;
	background-color:	#ffff80;
}

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

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


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

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

/*�
 *****************************************************************************
 ***                        textbox table alignment                        ***
 *****************************************************************************/

table.textbox
{
	border-collapse:	collapse;
	margin:			0 0 1em 0;

	-moz-border-radius:	0 0 5px 5px;
	-webkit-border-radius:	0 0 5px 5px;
	-khtml-border-radius:	0 0 5px 5px;
	border-radius:		0 0 5px 5px;
}

table.textbox th,
table.textbox td
{
	/* text-align:		left; */
	padding:		0.1em 0.4em;
}

table.center th,
table.center td
{
	text-align:		center;
	padding:		0.1em 0.2em;
}

/*�
 *****************************************************************************
 ***                                floats                                 ***
 *****************************************************************************/

table.textbox.float-right
{
	float:			right;
	width:			280px;
	margin:			0 0 1em 1.5em;
}

table.textbox.float-left
{
	float:			left;
	width:			280px;
	margin:			0 1.5em 1em 0;
}

div.float-right
{
	float:			right;
	width:			280px;
	margin:			0 0 0.2em 1.5em;
	padding:		0;
}

div.float-right-min
{
	float:			right;
	min-width:		280px;
	margin:			0 0 0.2em 1.5em;
	padding:		0;
}

div.float-right table.textbox.float-right
{
	float:			none;
	width:			280px;
	margin:			0 0 1em 0;
}

div.float-left table.textbox.float-left
{
	float:			none;
	width:			280px;
	margin:			0 0 1em 0;
}

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

table.wikitable caption    { background-color: #d0d0e0; color: #000000; }
table.wikitable tr.tr0a th { background-color: #000060; color: #ffff00; }
table.wikitable tr.tr0b th { background-color: #000090; color: #ffff00; }
table.wikitable tr.tr1a    { background-color: #d0eed0; color: #000000; }
table.wikitable tr.tr1b    { background-color: #e0ffe0; color: #000000; }
table.wikitable tr.tr2a    { background-color: #d0d0ee; color: #000000; }
table.wikitable tr.tr2b    { background-color: #e0e0ff; color: #000000; }


/*�
 *****************************************************************************
 ***                             multi column                              ***
 *****************************************************************************/

.multi-col
{
	width:			100%;
	padding:		0;
	margin:			0.5em 0;
	border-collapse:	collapse;
	border-spacing:		10px;
}

.multi-col .left-col
{
	vertical-align:		top;
	padding-right:		0.4em;
	margin:			0;
	min-width:		25%;
}

.multi-col .mid-col
{
	vertical-align:		top;
	padding-left:		0.4em;
	padding-right:		0.4em;
	margin:			0;
	min-width:		25%;
}

.multi-col .right-col
{
	vertical-align:		top;
	padding-left:		0.4em;
	margin:			0;
	min-width:		25%;
}

/*�
 *****************************************************************************
 ***                                spacing                                ***
 *****************************************************************************/

h2
{
	margin-top:		1.2em;
}

h3
{
	margin-top:		0.6em;
}

dl
{
	margin-top:		0.5em;
	margin-bottom:		0em;
}

dl + ul
{
	margin-top:		0em;
}

/**************************************************************************/
/***				rating support				***/
/**************************************************************************/

table.rating td
{
	text-align:		center;
	padding:		0.3em;
}

table.rating td.rate
{
	font-weight:		bold;
	padding-top:		1em;
}

table.rating td.rate .value
{
	color:			#000080;
	font-size:		160%;
}

/*�
 *****************************************************************************
 ***                                youtube                                ***
 *****************************************************************************/

div.youtube .thumbcaption
{
	text-align:		center;
}

/*�
 *****************************************************************************
 ***                                  END                                  ***
 *****************************************************************************/
Retrieved from "https://mk8.tockdom.com/w/index.php?title=MediaWiki:Common.css&oldid=10"