MediaWiki:Common.css
From Wexos's Wiki
Note: After publishing, 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: Press Ctrl-F5.
/*
*****************************************************************************
*** colors for span ***
*****************************************************************************/
.bg-red1\t{ color: #000000; background-color: #ffc0c0 !important; }
.bg-red2\t{ color: #000000; background-color: #ff8080 !important; }
.bg-red3\t{ color: #000000; background-color: #ff0000 !important; }
.bg-orange1\t{ color: #000000; background-color: #ffe0a0 !important; }
.bg-orange2\t{ color: #000000; background-color: #ffc350 !important; }
.bg-orange3\t{ color: #000000; background-color: #ffa500 !important; }
.bg-yellow1\t{ color: #000000; background-color: #fff0a0 !important; }
.bg-yellow2\t{ color: #000000; background-color: #ffff70 !important; }
.bg-yellow3\t{ color: #000000; background-color: #ffff00 !important; }
.bg-green1\t{ color: #000000; background-color: #c0ffc0 !important; }
.bg-green2\t{ color: #000000; background-color: #80ff80 !important; }
.bg-green3\t{ color: #000000; background-color: #00ff00 !important; }
.bg-cyan1\t{ color: #000000; background-color: #c0ffff !important; }
.bg-cyan2\t{ color: #000000; background-color: #70ffff !important; }
.bg-cyan3\t{ color: #000000; background-color: #00ffff !important; }
.bg-blue1\t{ color: #000000; background-color: #c0c0ff !important; }
.bg-blue2\t{ color: #000000; background-color: #8080ff !important; }
.bg-blue3\t{ color: #ffffff; background-color: #0000ff !important; }
.bg-magenta1\t{ color: #000000; background-color: #ffc0ff !important; }
.bg-magenta2\t{ color: #000000; background-color: #ff70ff !important; }
.bg-magenta3\t{ color: #000000; background-color: #ff00ff !important; }
.bg-white\t{ color: #000000; background-color: #ffffff !important; }
.bg-gray1\t{ color: #000000; background-color: #d0d0d0 !important; }
.bg-gray2\t{ color: #000000; background-color: #909090 !important; }
.bg-gray3\t{ color: #ffffff; background-color: #505050 !important; }
.bg-black\t{ color: #ffffff; background-color: #000000 !important; }
.frame-red1
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ffc0c0;
\tborder:\t\t\t1px solid #a00000;
}
.frame-red2
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ff8080;
\tborder:\t\t\t1px solid #a00000;
}
.frame-red3
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ff0000;
\tborder:\t\t\t1px solid #a00000;
}
.frame-orange1
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ffe0a0;
\tborder:\t\t\t1px solid #e0a080;
}
.frame-orange2
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ffc350;
\tborder:\t\t\t1px solid #e0a080;
}
.frame-orange3
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ffa500;
\tborder:\t\t\t1px solid #e0a080;
}
.frame-yellow1
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#fff0a0;
\tborder:\t\t\t1px solid #808000;
}
.frame-yellow2
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ffff70;
\tborder:\t\t\t1px solid #808000;
}
.frame-yellow3
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ffff00;
\tborder:\t\t\t1px solid #808000;
}
.frame-green1
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#c0ffc0;
\tborder:\t\t\t1px solid #00a000;
}
.frame-green2
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#80ff80;
\tborder:\t\t\t1px solid #00a000;
}
.frame-green3
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#00ff00;
\tborder:\t\t\t1px solid #00a000;
}
.frame-cyan1
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#c0ffff;
\tborder:\t\t\t1px solid #008080;
}
.frame-cyan2
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#70ffff;
\tborder:\t\t\t1px solid #008080;
}
.frame-cyan3
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#00ffff;
\tborder:\t\t\t1px solid #008080;
}
.frame-blue1
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#c0c0ff;
\tborder:\t\t\t1px solid #0000a0;
}
.frame-blue2
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#8080ff;
\tborder:\t\t\t1px solid #0000a0;
}
.frame-blue3
{
\tcolor:\t\t\t#ffffff;
\tbackground-color:\t#0000ff;
\tborder:\t\t\t1px solid #0000a0;
}
.frame-magenta1
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ffc0ff;
\tborder:\t\t\t1px solid #700070;
}
.frame-magenta2
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ff70ff;
\tborder:\t\t\t1px solid #700070;
}
.frame-magenta3
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ff00ff;
\tborder:\t\t\t1px solid #700070;
}
.frame-white
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ffffff;
\tborder:\t\t\t1px solid #c0c0c0;
}
.frame-gray1
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#d0d0d0;
\tborder:\t\t\t1px solid #606060;
}
.frame-gray2
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#909090;
\tborder:\t\t\t1px solid #606060;
}
.frame-gray3
{
\tcolor:\t\t\t#ffffff;
\tbackground-color:\t#505050;
\tborder:\t\t\t1px solid #606060;
}
.frame-black
{
\tcolor:\t\t\t#ffffff;
\tbackground-color:\t#000000;
\tborder:\t\t\t1px 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
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ffc0c0 !important;
\ttext-align:\t\tcenter;
\tpadding:\t\t0 .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
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#fff0a0 !important;
\ttext-align:\t\tcenter;
\tpadding:\t\t0 .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
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#c0ffc0 !important;
\ttext-align:\t\tcenter;
\tpadding:\t\t0 .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
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#c0c0ff !important;
\ttext-align:\t\tcenter;
\tpadding:\t\t0 .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
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#d0d0d0 !important;
\ttext-align:\t\tcenter;
\tpadding:\t\t0 .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
{
\tcolor:\t\t\t#ffffff;
\tbackground-color:\t#808080 !important;
\ttext-align:\t\tcenter;
\tpadding:\t\t0 .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
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#daaa50 !important;
\ttext-align:\t\tcenter;
\tpadding:\t\t0 .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
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#c0c0c0 !important;
\ttext-align:\t\tcenter;
\tpadding:\t\t0 .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
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ffd700 !important;
\ttext-align:\t\tcenter;
\tpadding:\t\t0 .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
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#c0ccee !important;
\ttext-align:\t\tcenter;
\tpadding:\t\t0 .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
{
\ttext-align:\t\tleft;
}
/*
*****************************************************************************
*** framed textbox: basic setup ***
*****************************************************************************/
.textbox
{
\twidth:\t\t\tauto;
\tcolor:\t\t\t#000000;
\tbackground-color:\t#f0f0ff;
\tborder:\t\t\t1px solid #0000a0;
\tpadding:\t\t0;
\tmargin:\t\t\t0 0 1em;
\tbox-shadow:\t\t3px 3px 5px #888899;
\t-moz-box-shadow:\t3px 3px 5px #888899;
\t-webkit-box-shadow:\t3px 3px 5px #888899;
\t-khtml-box-shadow:\t3px 3px 5px #888899;
\tborder-radius:\t\t5px;
\t-moz-border-radius:\t5px;
\t-webkit-border-radius:\t5px;
\t-khtml-border-radius:\t5px;
}
/*-------------------------*/
.textbox.full
{
\twidth:\t\t\t100%;
}
.textbox.large
{
\tfont-size:\t\t120%;
}
.textbox.huge
{
\tfont-size:\t\t140%;
}
/*-------------------------*/
.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
{
\tpadding:\t\t0.3em 0.8em;
}
.textbox.center > .textbox-body
{
\ttext-align:\t\tcenter;
}
/*
*****************************************************************************
*** framed textbox: colors ***
*****************************************************************************/
.textbox.video.bug,
.textbox.red
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#fff0f0;
\tborder:\t\t\t1px solid #a00000;
\tbox-shadow:\t\t3px 3px 5px #998888;
\t-moz-box-shadow:\t3px 3px 5px #998888;
\t-webkit-box-shadow:\t3px 3px 5px #998888;
\t-khtml-box-shadow:\t3px 3px 5px #998888;
}
.textbox.video.bug .textbox-head,
table.textbox.video.bug caption,
.textbox.red .textbox-head,
table.textbox.red caption
{
\tcolor:\t\t\t#ffffff;
\tbackground-color:\t#800000;
}
.textbox.orange
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#fff8e0;
\tborder:\t\t\t1px solid #e0a080;
\tbox-shadow:\t\t3px 3px 5px #998877;
\t-moz-box-shadow:\t3px 3px 5px #998877;
\t-webkit-box-shadow:\t3px 3px 5px #998877;
\t-khtml-box-shadow:\t3px 3px 5px #998877;
}
.textbox.orange .textbox-head,
table.textbox.orange caption
{
\tcolor:\t\t\t#ffffff;
\tbackground-color:\t#d07000;
}
.textbox.yellow
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ffffe0;
\tborder:\t\t\t1px solid #808000;
\tbox-shadow:\t\t3px 3px 5px #999988;
\t-moz-box-shadow:\t3px 3px 5px #999988;
\t-webkit-box-shadow:\t3px 3px 5px #999988;
\t-khtml-box-shadow:\t3px 3px 5px #999988;
}
.textbox.yellow .textbox-head,
table.textbox.yellow caption
{
\tcolor:\t\t\t#ffffff;
\tbackground-color:\t#a0a000;
}
.textbox.video.tutorial,
.textbox.green
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#f0fff0;
\tborder:\t\t\t1px solid #00a000;
\tbox-shadow:\t\t3px 3px 5px #889988;
\t-moz-box-shadow:\t3px 3px 5px #889988;
\t-webkit-box-shadow:\t3px 3px 5px #889988;
\t-khtml-box-shadow:\t3px 3px 5px #889988;
}
.textbox.video.tutorial .textbox-head,
table.textbox.video.tutorial caption,
.textbox.green .textbox-head,
table.textbox.green caption
{
\tcolor:\t\t\t#ffffff;
\tbackground-color:\t#008000;
}
.textbox.news,
.textbox.cyan
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#f0ffff;
\tborder:\t\t\t1px solid #008080;
\tbox-shadow:\t\t3px 3px 5px #889999;
\t-moz-box-shadow:\t3px 3px 5px #889999;
\t-webkit-box-shadow:\t3px 3px 5px #889999;
\t-khtml-box-shadow:\t3px 3px 5px #889999;
}
.textbox.news .textbox-head,
table.textbox.news caption,
.textbox.cyan .textbox-head,
table.textbox.cyan caption
{
\tcolor:\t\t\t#ffffff;
\tbackground-color:\t#008080;
}
.textbox.video,
.textbox.blue
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#f0f0ff;
\tborder:\t\t\t1px solid #0000a0;
\tbox-shadow:\t\t3px 3px 5px #888899;
\t-moz-box-shadow:\t3px 3px 5px #888899;
\t-webkit-box-shadow:\t3px 3px 5px #888899;
\t-khtml-box-shadow:\t3px 3px 5px #888899;
}
.textbox.video .textbox-head,
table.textbox.video caption,
.textbox.blue .textbox-head,
table.textbox.blue caption
{
\tcolor:\t\t\t#ffffff;
\tbackground-color:\t#000080;
}
.textbox.magenta
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ffe8ff;
\tborder:\t\t\t1px solid #700070;
\tbox-shadow:\t\t3px 3px 5px #997799;
\t-moz-box-shadow:\t3px 3px 5px #997799;
\t-webkit-box-shadow:\t3px 3px 5px #997799;
\t-khtml-box-shadow:\t3px 3px 5px #997799;
}
.textbox.magenta .textbox-head,
table.textbox.magenta caption
{
\tcolor:\t\t\t#ffffff;
\tbackground-color:\t#700070;
}
.textbox.white
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ffffff;
\tborder:\t\t\t1px solid #c0c0c0;
\tbox-shadow:\t\t3px 3px 5px #999999;
\t-moz-box-shadow:\t3px 3px 5px #999999;
\t-webkit-box-shadow:\t3px 3px 5px #999999;
\t-khtml-box-shadow:\t3px 3px 5px #999999;
}
.textbox.white .textbox-head,
table.textbox.white caption
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#d0d0d0;
}
.textbox.video.original,
.textbox.gray
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#e0e0e0;
\tborder:\t\t\t1px solid #606060;
\tbox-shadow:\t\t3px 3px 5px #777777;
\t-moz-box-shadow:\t3px 3px 5px #777777;
\t-webkit-box-shadow:\t3px 3px 5px #777777;
\t-khtml-box-shadow:\t3px 3px 5px #777777;
}
.textbox.video.original .textbox-head,
table.textbox.video.original caption,
.textbox.gray .textbox-head,
table.textbox.gray caption
{
\tcolor:\t\t\t#ffffff;
\tbackground-color:\t#808080;
}
.textbox.black
{
\tcolor:\t\t\t#ffffff;
\tbackground-color:\t#000000;
\tborder:\t\t\t1px solid #505050;
\tbox-shadow:\t\t3px 3px 5px #808080;
\t-moz-box-shadow:\t3px 3px 5px #808080;
\t-webkit-box-shadow:\t3px 3px 5px #808080;
\t-khtml-box-shadow:\t3px 3px 5px #808080;
}
.textbox.black .textbox-head,
table.textbox.black caption
{
\tcolor:\t\t\t#ffffff;
\tbackground-color:\t#404040;
}
/*
*****************************************************************************
*** textbox table colors ***
*****************************************************************************/
table.textbox.video.bug th,
table.textbox.red th
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ffd0d0;
}
table.textbox.video.bug.alt tr:nth-child(even) th,
table.textbox.red.alt tr:nth-child(even) th
{
\tbackground-color:\t#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
{
\tbackground-color:\t#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
{
\tbackground-color:\t#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
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ffff80;
}
table.grid.video.bug th,
table.grid.video.bug td,
table.grid.red th,
table.grid.red td
{
\tborder:\t\t\t1px solid #a00000;
}
/*-------------------------*/
table.textbox.orange th
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ffe0c0;
}
table.textbox.orange.alt tr:nth-child(even) th
{
\tbackground-color:\t#f0c0a0;
}
table.textbox.orange.alt tr:nth-child(even) td,
table.textbox.orange tr.alt td
{
\tbackground-color:\t#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
{
\tbackground-color:\t#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
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ffff80;
}
table.grid.orange th,
table.grid.orange td
{
\tborder:\t\t\t1px solid #e0a080;
}
/*-------------------------*/
table.textbox.yellow th
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ffffc0;
}
table.textbox.yellow.alt tr:nth-child(even) th
{
\tbackground-color:\t#f0f0a0;
}
table.textbox.yellow.alt tr:nth-child(even) td,
table.textbox.yellow tr.alt td
{
\tbackground-color:\t#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
{
\tbackground-color:\t#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
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#f0c0a0;
}
table.grid.yellow th,
table.grid.yellow td
{
\tborder:\t\t\t1px solid #808000;
}
/*-------------------------*/
table.textbox.video.tutorial th,
table.textbox.green th
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#d0ffd0;
}
table.textbox.video.tutorial.alt tr:nth-child(even) th,
table.textbox.green.alt tr:nth-child(even) th
{
\tbackground-color:\t#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
{
\tbackground-color:\t#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
{
\tbackground-color:\t#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
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ffff80;
}
table.grid.video.tutorial th,
table.grid.video.tutorial td,
table.grid.green th,
table.grid.green td
{
\tborder:\t\t\t1px solid #00a000;
}
/*-------------------------*/
table.textbox.news th,
table.textbox.cyan th
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#c0ffff;
}
table.textbox.news.alt tr:nth-child(even) th,
table.textbox.cyan.alt tr:nth-child(even) th
{
\tbackground-color:\t#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
{
\tbackground-color:\t#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
{
\tbackground-color:\t#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
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ffff80;
}
table.grid.news th,
table.grid.news td,
table.grid.cyan th,
table.grid.cyan td
{
\tborder:\t\t\t1px solid #008080;
}
/*-------------------------*/
table.textbox th,
table.textbox.video th,
table.textbox.blue th
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#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
{
\tbackground-color:\t#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
{
\tbackground-color:\t#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
{
\tbackground-color:\t#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
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ffff80;
}
table.grid th,
table.grid td,
table.grid.video th,
table.grid.video td,
table.grid.blue th,
table.grid.blue td
{
\tborder:\t\t\t1px solid #0000a0;
}
/*-------------------------*/
table.textbox.magenta th
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ffd0ff;
}
table.textbox.magenta.alt tr:nth-child(even) th
{
\tbackground-color:\t#f0b0f0;
}
table.textbox.magenta.alt tr:nth-child(even) td,
table.textbox.magenta tr.alt td
{
\tbackground-color:\t#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
{
\tbackground-color:\t#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
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ffff80;
}
table.grid.magenta th,
table.grid.magenta td
{
\tborder:\t\t\t1px solid #700070;
}
/*-------------------------*/
table.textbox.white th
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#b0b0b0;
}
table.textbox.white.alt tr:nth-child(even) th
{
\tbackground-color:\t#a0a0a0;
}
table.textbox.white.alt tr:nth-child(even) td,
table.textbox.white tr.alt td
{
\tbackground-color:\t#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
{
\tbackground-color:\t#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
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ffff80;
}
table.grid.white th,
table.grid.white td
{
\tborder:\t\t\t1px solid #c0c0c0;
}
/*-------------------------*/
table.textbox.video.original th,
table.textbox.gray th
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#c0c0c0;
}
table.textbox.video.original.alt tr:nth-child(even) th,
table.textbox.gray.alt tr:nth-child(even) th
{
\tbackground-color:\t#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
{
\tbackground-color:\t#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
{
\tbackground-color:\t#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
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ffff80;
}
table.grid.video.original th,
table.grid.video.original td,
table.grid.gray th,
table.grid.gray td
{
\tborder:\t\t\t1px solid #606060;
}
/*-------------------------*/
table.textbox.black th
{
\tcolor:\t\t\t#ffffff;
\tbackground-color:\t#808080;
}
table.textbox.black.alt tr:nth-child(even) th
{
\tbackground-color:\t#a0a0a0;
}
table.textbox.black.alt tr:nth-child(even) td,
table.textbox.black tr.alt td
{
\tbackground-color:\t#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
{
\tbackground-color:\t#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
{
\tcolor:\t\t\t#000000;
\tbackground-color:\t#ffff80;
}
table.grid.black th,
table.grid.black td
{
\tborder:\t\t\t1px solid #505050;
}
/*-------------------------*/
/*
*****************************************************************************
*** wikitable support ***
*****************************************************************************/
table.wikitable.alt tr:nth-child(even) th,
table.wikitable.alt tr:nth-child(even) td
{
\tbackground-color:\t#e0e0e0;
}
/*
*****************************************************************************
*** textbox table alignment ***
*****************************************************************************/
table.textbox
{
\tborder-collapse:\tcollapse;
\tmargin:\t\t\t0 0 1em;
\t-moz-border-radius:\t0 0 5px 5px;
\t-webkit-border-radius:\t0 0 5px 5px;
\t-khtml-border-radius:\t0 0 5px 5px;
\tborder-radius:\t\t0 0 5px 5px;
}
table.textbox th,
table.textbox td
{
\t/* text-align:\t\tleft; */
\tpadding:\t\t0.1em 0.4em;
}
table.center th,
table.center td
{
\ttext-align:\t\tcenter;
\tpadding:\t\t0.1em 0.4em;
}
/*
*****************************************************************************
*** floats ***
*****************************************************************************/
table.textbox.float-right
{
\tfloat:\t\t\tright;
\tclear:\t\t\tright;
\twidth:\t\t\t280px;
\tmargin:\t\t\t0 0 1em 1em;
}
table.textbox.float-left
{
\tfloat:\t\t\tleft;
\tclear:\t\t\tleft;
\twidth:\t\t\t280px;
\tmargin:\t\t\t0 1em 1em 0;
}
div.float-right
{
\tfloat:\t\t\tright;
\tclear:\t\t\tright;
\twidth:\t\t\t280px;
\tmargin:\t\t\t0 0 1em 1em;
\tpadding:\t\t0;
}
div.float-right-min
{
\tfloat:\t\t\tright;
\tclear:\t\t\tright;
\tmin-width:\t\t280px;
\tmargin:\t\t\t0 0 1em 1em;
\tpadding:\t\t0;
}
div.float-right table.textbox.float-right
{
\tfloat:\t\t\tnone;
\twidth:\t\t\t280px;
\tmargin:\t\t\t0 0 1em 0;
}
div.float-left table.textbox.float-left
{
\tfloat:\t\t\tnone;
\twidth:\t\t\t280px;
\tmargin:\t\t\t0 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
{
\twidth:\t\t\t100%;
\tborder-collapse:\tcollapse;
}
.multi-col tr
{
\tvertical-align:\t\ttop;
}
.multi-col td
{
\tpadding:\t\t0;
}
.multi-col .left-col .textbox
{
\tmargin-right:\t\t0.5em;
}
.multi-col .mid-col .textbox
{
\tmargin-left:\t\t0.5em;
\tmargin-right:\t\t0.5em;
}
.multi-col .right-col .textbox
{
\tmargin-left:\t\t0.5em;
}
/*
*****************************************************************************
*** spacing ***
*****************************************************************************/
h2
{
\tmargin-top:\t\t1.2em;
}
h3
{
\tmargin-top:\t\t0.6em;
}
dl
{
\tmargin-top:\t\t0.5em;
\tmargin-bottom:\t\t0em;
}
dl + ul
{
\tmargin-top:\t\t0em;
}
/**************************************************************************/
/***\t\t\t\tinline code\t\t\t\t***/
/**************************************************************************/
tt.code
{
\tfont-family:\t\tmonospace,Courier;
\tfont-size:\t\t90%;
\tborder:\t\t\t1px solid #a0a0c0;
\tpadding:\t\t1px 2px 0px;
\tbackground-color:\t#f0f0ff;
}
/*
*****************************************************************************
*** youtube ***
*****************************************************************************/
div.youtube .thumbcaption
{
\ttext-align:\t\tcenter;
}
/*
*****************************************************************************
*** Main Page ***
*****************************************************************************/
body.page-Main_Page h1.firstHeading,
body.page-Main_Page #lastmod {
\tdisplay: none;
}
body.page-Main_Page #bodyContent {
\tmargin-top: -2.4em;
}
/*
*****************************************************************************
*** END ***
*****************************************************************************/
