MKWii TAS Wiki

MediaWiki:Common.css: Difference between revisions

← Older edit
Add 100% width to infobox content
m Add CSS for Extension:Contribution Scores
 
(4 intermediate revisions by the same user not shown)
Line 300: Line 300:
/* @noflip */
/* @noflip */
text-align: left;
text-align: left;
width: 120px;
}
}
.infobox th{
width: 40%;
}


/* Remove .infobox when element selectors above are removed */
/* Remove .infobox when element selectors above are removed */
Line 640: Line 644:
content: " (" counter(listitem) "\a0";
content: " (" counter(listitem) "\a0";
}
}
/*
*****************************************************************************
***                            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;
}
/*!
* Bootstrap Grid v5.1.3 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0%;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
/*# sourceMappingURL=bootstrap-grid.css.map */
/* START Custom CSS for Extension:Contribution Scores */
.contributionscores-wrapper {
}
.contributionscores-title {
    background-color: #aaa;
    margin-bottom: 0px;
    padding-left: .4em;
}
.contributionscores .header {
    background-color: #ccc;
    border-bottom: 1px solid #999;
    font-weight: bold;
}
.contributionscores .odd {
    background-color: #eee;
}
.contributionscores .header td {
    padding-left: .2em;
    padding-right: .2em;
}
.contributionscores .content {
    padding-left: .2em;
    padding-right: .2em;
}
/* END Custom CSS for Extension:Contribution Scores */
Retrieved from "https://wiki.mkwtas.com/wiki/MediaWiki:Common.css"