MediaWiki:Common.css

From Custom Mario Kart
Revision as of 17:01, 11 April 2022 by Tock (talk | contribs)
Jump to navigation Jump to search

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

/* alignment */
.td-no.left,
.td-maybe.left,
.td-yes.left,
.td-opt.left,
.td-unknown.left,
.td-na.left,
.td-bronze.left,
.td-silver.left,
.td-gold.left,
.td-platinum.left
{
	text-align:		left;
}

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

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

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

.textbox > .textbox-head
{
}

.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.3em 0.8em;
}

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

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

.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.red .textbox-head,
table.textbox.red caption
{
	color:			#ffffff;
	background-color:	#800000;
}

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

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

.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.green .textbox-head,
table.textbox.green caption
{
	color:			#ffffff;
	background-color:	#008000;
}

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

.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.blue .textbox-head,
table.textbox.blue caption
{
	color:			#ffffff;
	background-color:	#000080;
}

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

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

.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.gray .textbox-head,
table.textbox.gray caption
{
	color:			#ffffff;
	background-color:	#808080;
}

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


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

table.textbox.red th
{
	color:			#000000;
	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 th,
table.textbox.blue th
{
	color:			#000000;
	background-color:	#b0b0ff;
}

table.textbox.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.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.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(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:			#000000;
	background-color:	#ffff80;
}

table.grid th,
table.grid 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(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;
}

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


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

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.4em;
}

/*
 *****************************************************************************
 ***                                floats                                 ***
 *****************************************************************************/

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

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

div.float-right
{
	float:			right;
	clear:			right;
	width:			358px;
	margin:			0 0 1em 1em;
	padding:		0;
}

div.float-right-min
{
	float:			right;
	clear:			right;
	min-width:		358px;
	margin:			0 0 1em 1em;
	padding:		0;
}

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

div.float-left table.textbox.float-left
{
	float:			none;
	width:			358px;
	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%;
	border-collapse:	collapse;
}

.multi-col tr
{
	vertical-align:		top;
}

.multi-col td
{
	padding:		0;
}

.multi-col .left-col .textbox
{
	margin-right:		0.5em;
}

.multi-col .mid-col .textbox
{
	margin-left:		0.5em;
	margin-right:		0.5em;
}

.multi-col .right-col .textbox
{
	margin-left:		0.5em;
}

/*
 *****************************************************************************
 ***                                spacing                                ***
 *****************************************************************************/

h2
{
	margin-top:		1.2em;
}

h3
{
	margin-top:		0.6em;
}

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

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

/**************************************************************************/
/***				inline code				***/
/**************************************************************************/

tt.code
{
	font-family:		monospace,Courier;
	font-size:		90%;
	border:			1px solid #a0a0c0;
	padding:		1px 2px 0px;
	background-color:	#f0f0ff;
}

/*
 *****************************************************************************
 ***                               Main Page                               ***
 *****************************************************************************/

body.page-Main_Page h1.firstHeading,
body.page-Main_Page #lastmod {
	display: none;
}

body.page-Main_Page #bodyContent {
	margin-top: -2.4em;
}

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

span.button
{
	font-size:		0.85em;
	border:			1px solid #aaaaaa;
	box-shadow:		0.1em 0.1em 0.2em rgba(0,0,0,0.1);
	color:			#000000;
	background-color:	#f9f9f9;
	background-image:	linear-gradient(to bottom, #eeeeee, #f9f9f9, #eeeeee);
	padding:		0.1em 0.3em;
	margin:			0 1px;
	white-space:		nowrap;
}

span.math,
div.math,
span.code,
div.code
{
	font-family:		monospace,Courier;
	color:			#000;
	background-color:	#f0f8ff;
	padding:		1px 3px;
	border:			1px solid #aaa;
	white-space:		nowrap;
}

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

/*
 *****************************************************************************
 ***                         version tables                          ***
 *****************************************************************************/

table.versiontable { border: 1px solid #0000a0; min-width: 358px;}
table.versiontable caption    { text-align:	center; background-color: #000080; color: #ffffff; border: 1px solid #0000a0;padding: 0.3em 0.5em; display: table-caption;}
table.versiontable tr.tr0a th { background-color: #000060; color: #ffff00; border: 1px solid #0000a0;padding: 0.3em 0.5em;}
table.versiontable tr.tr0b th { background-color: #000090; color: #ffff00; border: 1px solid #0000a0;padding: 0.3em 0.5em;}
table.versiontable tr.tr1a    { background-color: #d0eed0; color: #000000; border: 1px solid #0000a0;padding: 0.3em 0.5em;}
table.versiontable tr.tr1b    { background-color: #e0ffe0; color: #000000; border: 1px solid #0000a0;padding: 0.3em 0.5em;}
table.versiontable tr.tr2a    { background-color: #d0d0ee; color: #000000; border: 1px solid #0000a0;padding: 0.3em 0.5em;}
table.versiontable tr.tr2b    { background-color: #e0e0ff; color: #000000; border: 1px solid #0000a0;padding: 0.3em 0.5em;}
table.versiontable th    { border: 1px solid #0000a0; padding:        0.3em 0.5em;}
table.versiontable td    { border: 1px solid #0000a0; padding:        0.3em 0.5em;}
table.versiontable tr.alt { background-color: #d0d0f0;}

/*
 *****************************************************************************
 ***                         misc info tables                          ***
 *****************************************************************************/

table.misctable { margin: 0em 0em 1em 1em;padding: 0 .4em;float: right; border: 1px solid #0000a0; min-width: 358px; max-width: 450px;}
table.misctable caption    { text-align: center; background-color: #000080; color: #ffffff; border: 1px solid #0000a0;padding: 0.3em 0.5em; display: table-caption;}
table.misctable tr.tr0a th { background-color: #000060; color: #ffff00; border: 1px solid #0000a0;padding: 0.3em 0.5em;}
table.misctable tr.tr0b th { background-color: #000090; color: #ffff00; border: 1px solid #0000a0;padding: 0.3em 0.5em;}
table.misctable tr.tr1a    { background-color: #d0eed0; color: #000000; border: 1px solid #0000a0;padding: 0.3em 0.5em;}
table.misctable tr.tr1b    { background-color: #e0ffe0; color: #000000; border: 1px solid #0000a0;padding: 0.3em 0.5em;}
table.misctable tr.tr2a    { background-color: #d0d0ee; color: #000000; border: 1px solid #0000a0;padding: 0.3em 0.5em;}
table.misctable tr.tr2b    { background-color: #e0e0ff; color: #000000; border: 1px solid #0000a0;padding: 0.3em 0.5em;}
table.misctable th    { background-color: #b0b0ff; border: 1px solid #0000a0; padding:        0.3em 0.5em;}
table.misctable td    { border: 1px solid #0000a0; padding:        0.3em 0.5em;}
table.misctable tr.alt { background-color: #d0d0f0;}

/*
 *****************************************************************************
 ***                         language info tables                          ***
 *****************************************************************************/

table.languagetable { margin: 0em 0em 1em;padding: 0 .4em; float: left; border: 1px solid #0000a0; min-width: 358px;}
table.languagetable caption    { text-align:	center; background-color: #000080; color: #ffffff; border: 1px solid #0000a0;padding: 0.3em 0.5em; display: table-caption;}
table.languagetable tr.tr0a th { background-color: #000060; color: #ffff00; border: 1px solid #0000a0;padding: 0.3em 0.5em;}
table.languagetable tr.tr0b th { background-color: #000090; color: #ffff00; border: 1px solid #0000a0;padding: 0.3em 0.5em;}
table.languagetable tr.tr1a    { background-color: #d0eed0; color: #000000; border: 1px solid #0000a0;padding: 0.3em 0.5em;}
table.languagetable tr.tr1b    { background-color: #e0ffe0; color: #000000; border: 1px solid #0000a0;padding: 0.3em 0.5em;}
table.languagetable tr.tr2a    { background-color: #d0d0ee; color: #000000; border: 1px solid #0000a0;padding: 0.3em 0.5em;}
table.languagetable tr.tr2b    { background-color: #e0e0ff; color: #000000; border: 1px solid #0000a0;padding: 0.3em 0.5em;}
table.languagetable th    { background-color: #b0b0ff; border: 1px solid #0000a0; padding:        0.3em 0.5em;}
table.languagetable td    { border: 1px solid #0000a0; padding:        0.3em 0.5em;}
table.languagetable tr.alt { background-color: #d0d0f0;}
	
/*
 *****************************************************************************
 ***                         listing tables                          ***
 *****************************************************************************/

table.listingtable { margin: 0em 0em 1em 1em;padding: 0 .4em; border: 1px solid #0000a0; min-width: 343px; max-width: 450px;}
table.listingtable caption    { text-align: center; background-color: #000080; color: #ffffff; border: 1px solid #0000a0;padding: 0.3em 0.5em; display: table-caption;}
table.listingtable tr.tr0a th { background-color: #000060; color: #ffff00; border: 1px solid #0000a0;padding: 0.3em 0.5em;}
table.listingtable tr.tr0b th { background-color: #000090; color: #ffff00; border: 1px solid #0000a0;padding: 0.3em 0.5em;}
table.listingtable tr.tr1a    { background-color: #d0eed0; color: #000000; border: 1px solid #0000a0;padding: 0.3em 0.5em;}
table.listingtable tr.tr1b    { background-color: #e0ffe0; color: #000000; border: 1px solid #0000a0;padding: 0.3em 0.5em;}
table.listingtable tr.tr2a    { background-color: #d0d0ee; color: #000000; border: 1px solid #0000a0;padding: 0.3em 0.5em;}
table.listingtable tr.tr2b    { background-color: #e0e0ff; color: #000000; border: 1px solid #0000a0;padding: 0.3em 0.5em;}
table.listingtable th    { background-color: #b0b0ff; border: 1px solid #0000a0; padding:        0.3em 0.5em;}
table.listingtable td    { border: 1px solid #0000a0; padding:        0.3em 0.5em;}
table.listingtable tr.alt { background-color: #d0d0f0;}
	
/*
 *****************************************************************************
 ***                         link tables                          ***
 *****************************************************************************/

div.linktable {margin: 0em 0em 0em 0em; text-align: center; color: #FFFFFF; font-size: 120%; background-color: #f0f0ff; padding: 0 .4em; border: 1px solid #0000a0; width: auto;}
div.linktable a {color: #FFFFFF; font-weight: bold;}
div.linktable-head { margin: 0em 0em 0em 0em; padding: 0.3em 0.5em; color: #FFFFFF; background-color: #000080; width: full;}
div.linktable-body { color: #000000;}
div.linktable-body a { color: #000000;}
	
/*
 *****************************************************************************
 ***                         listing tables                          ***
 *****************************************************************************/

div.textbox float-right { margin: 0em 0em 1em 1em;padding: 0 .4em; min-width: 343px; max-width: 450px;}
div.textbox float-right caption    { text-align: center; background-color: #000080; color: #ffffff; border: 1px solid #0000a0;padding: 0.3em 0.5em; display: table-caption;}
div.textbox float-right tr.tr0a th { background-color: #000060; color: #ffff00;padding: 0.3em 0.5em;}
div.textbox float-right tr.tr0b th { background-color: #000090; color: #ffff00;padding: 0.3em 0.5em;}
div.textbox float-right tr.tr1a    { background-color: #d0eed0; color: #000000;padding: 0.3em 0.5em;}
div.textbox float-right tr.tr1b    { background-color: #e0ffe0; color: #000000;padding: 0.3em 0.5em;}
div.textbox float-right tr.tr2a    { background-color: #d0d0ee; color: #000000;padding: 0.3em 0.5em;}
div.textbox float-right tr.tr2b    { background-color: #e0e0ff; color: #000000;padding: 0.3em 0.5em;}
div.textbox float-right th    { background-color: #b0b0ff; border: 1px solid #0000a0; padding:        0.3em 0.5em;}
div.textbox float-right td    { border: 1px solid #0000a0; padding:        0.3em 0.5em;}
div.textbox float-right tr.alt { background-color: #d0d0f0;}

/*
 *****************************************************************************
 ***                                  END                                  ***
 *****************************************************************************/


div.multi-col { column-gap: 1em; }
div.multi-col > div.textbox { column-width: 3000px; display: inline-block; }


/*
.embedvideowrap{
	max-width: 640px;
}
.thumbcaption{
	height: -20px;
}*/
Retrieved from "https://wiki.tockdom.com/w/index.php?title=MediaWiki:Common.css&oldid=332879"