MediaWiki:Common.css: Difference between revisions

Latest revision as of 18:58, 1 May 2024

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

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

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

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

    -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
{
    -moz-border-radius:    4px 4px 0 0;
    -webkit-border-radius:    4px 4px 0 0;
    -khtml-border-radius:    4px 4px 0 0;
    border-radius:        4px 4px 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.3em 0.8em;
}

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

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

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

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

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

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

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

table.textbox.orange.alt tr:nth-child(even) 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(even) th
{
	background-color:	#f0f0a0;
}

table.textbox.yellow.alt tr:nth-child(even) 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.video.tutorial th,
table.textbox.green th
{
	color:			#000000;
	background-color:	#d0ffd0;
}

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

table.textbox.video.tutorial.alt tr:nth-child(even) td,
table.textbox.video.tutorial tr.alt td,
table.textbox.green.alt tr:nth-child(even) 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(even) th,
table.textbox.video.tutorial.alt tr:hover:nth-child(even) td,
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.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(even) th,
table.textbox.cyan.alt tr:nth-child(even) th
{
	background-color:	#a0f0f0;
}

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

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

table.textbox.alt tr:nth-child(even) td,
table.textbox tr.alt td,
table.textbox.video.alt tr:nth-child(even) td,
table.textbox.video tr.alt td,
table.textbox.blue.alt tr:nth-child(even) 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(even) th,
table.textbox.alt tr:hover:nth-child(even) td,
table.textbox.video tr:hover th,
table.textbox.video tr:hover td,
table.textbox.video.alt tr:hover:nth-child(even) th,
table.textbox.video.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.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(even) th
{
	background-color:	#f0b0f0;
}

table.textbox.magenta.alt tr:nth-child(even) 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(even) th
{
	background-color:	#a0a0a0;
}

table.textbox.white.alt tr:nth-child(even) 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.video.original th,
table.textbox.gray th
{
	color:			#000000;
	background-color:	#c0c0c0;
}

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

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

table.textbox.black.alt tr:nth-child(even) 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;

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

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

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

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

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

div.float-right-min
{
	float:			right;
	clear:			right;
	min-width:		280px;
	margin:			0 0 1em 1em;
	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%;
	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;
}

/*
 *****************************************************************************
 ***                                youtube                                ***
 *****************************************************************************/

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

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

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

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

/*
 *****************************************************************************
 ***                                  END                                  ***
 *****************************************************************************/
MediaWiki:Common.css: Difference between revisions

Latest revision as of 18:58, 1 May 2024

Navigation menu

Page actions

Page actions

Personal tools

Navigation

Search

Tools
