MediaWiki:Common.css: Difference between revisions
mNo edit summary |
m Add CSS for Extension:Contribution Scores |
||
(8 intermediate revisions by the same user not shown) | |||
Line 272: | Line 272: | ||
line-height: 1.5em; | line-height: 1.5em; | ||
width: 22em; | width: 22em; | ||
} | |||
.infobox table { | |||
width: 100%; | |||
} | } | ||
Line 297: | Line 301: | ||
text-align: left; | text-align: left; | ||
} | } | ||
.infobox th{ | |||
width: 40%; | |||
} | |||
/* Remove .infobox when element selectors above are removed */ | /* Remove .infobox when element selectors above are removed */ | ||
Line 384: | Line 393: | ||
font-style: italic; | font-style: italic; | ||
margin-left: 2rem; | margin-left: 2rem; | ||
} | |||
.oo-ui-dialog { | |||
z-index: 101; | |||
} | } | ||
Line 389: | Line 402: | ||
* comment above. | * comment above. | ||
*/ | */ | ||
/******************* | |||
* Navboxes | |||
*******************/ | |||
/* | |||
* CSS Vars | |||
* Note: The linter will throw an error. See [https://community.fandom.com/wiki/Help:Advanced_CSS_and_JS#Common_issues this page] for more info. | |||
*/ | |||
.navbox { | |||
--navbox-bg-color: var(--theme-page-background-color); | |||
--navbox-text-color: var(--theme-page-text-color); | |||
--navbox-title-color: rgba(var(--theme-accent-color--rgb, rgb(102, 102, 102)), 0.5); | |||
--navbox-header-color: rgba(var(--theme-accent-color--rgb, rgb(102, 102, 102)), 0.3); | |||
--navbox-alt-color: rgba(var(--theme-accent-color--rgb, rgb(85, 85, 85)), 0.1); | |||
--navbox-border-color: var(--theme-border-color) | |||
} | |||
.navbox { | |||
width: 100%; | |||
background: var(--navbox-bg-color, white); | |||
color: var(--navbox-text-color, black); | |||
margin: 1em auto; | |||
font-size: 84%; | |||
clear: both; | |||
padding: 2px; | |||
border-spacing: 0; | |||
border: 1px solid var(--navbox-border-color, #AAA); | |||
} | |||
/* Merges navboxes that are directly under eachother */ | |||
.navbox + .navbox { | |||
margin-top: -11px; | |||
} | |||
.navbox .navbox-title { | |||
background: var(--navbox-title-color, #CCF); | |||
color: var(--navbox-text-color, black); | |||
font-weight: bold; | |||
} | |||
.navbox .navbox-vde { | |||
float:left; | |||
width:65px; | |||
} | |||
.navbox .navbox-title-padright { | |||
padding-right: 65px; | |||
} | |||
.navbox .navbox-title-padleft { | |||
padding-left: 65px; | |||
} | |||
.navbox .navbox-subgroup { | |||
border-spacing: 0; | |||
width: 100%; | |||
} | |||
.navbox .navbox-gutter { | |||
height: 2px; | |||
} | |||
.navbox .navbox-subgroup .navbox-gutter { | |||
background: var(--navbox-bg-color, white); | |||
} | |||
.navbox .navbox-section-row > td { | |||
padding: 0; | |||
height: 100%; | |||
} | |||
.navbox .navbox-section { | |||
width: 100%; | |||
border-spacing: 0; | |||
} | |||
.navbox .navbox-above, | |||
.navbox .navbox-below { | |||
background: var(--navbox-header-color, #DDF); | |||
text-align: center; | |||
} | |||
.navbox .navbox-image { | |||
background: var(--navbox-bg-color, white); | |||
text-align: center; | |||
} | |||
.navbox .navbox-group, | |||
.navbox .navbox-header { | |||
background: var(--navbox-header-color, #DDF); | |||
color: var(--navbox-text-color, black); | |||
font-weight: bold; | |||
height: 100%; | |||
padding: 2px 4px; | |||
} | |||
.navbox .navbox-header-collapsible { | |||
padding-left: 65px; | |||
} | |||
.navbox .navbox-group { | |||
text-align: right; | |||
padding-left: 1em; | |||
padding-right: 1em; | |||
white-space: nowrap; | |||
} | |||
.navbox .navbox-group, | |||
.navbox .navbox-image-left { | |||
border-right: 2px solid var(--navbox-bg-color, white); | |||
} | |||
.navbox .navbox-image-right { | |||
border-left: 2px solid var(--navbox-bg-color, white); | |||
} | |||
.navbox .navbox-list { | |||
background: var(--navbox-bg-color, white); | |||
color: var(--navbox-text-color, black); | |||
width: 100%; | |||
height: 100%; | |||
padding: 0; | |||
} | |||
.navbox .alt > .navbox-list { | |||
background: var(--navbox-alt-color, #F7F7F7); | |||
} | |||
.navbox .navbox-list div { | |||
padding: 0px 4px; | |||
} | |||
.navbox .navbox-list.no-group { | |||
text-align: center; | |||
padding-top: 2px; | |||
padding-bottom: 2px; | |||
} | |||
.navbox .mw-collapsible-toggle { | |||
width: 65px; | |||
} | |||
/* hlist */ | |||
.hlist dl, | |||
.hlist ol, | |||
.hlist ul { | |||
margin: 0; | |||
padding: 0; | |||
} | |||
/* Display list items inline */ | |||
.hlist dd, | |||
.hlist dt, | |||
.hlist li { | |||
margin: 0; /* don't trust the note that says margin doesn't work with inline | |||
* removing margin: 0 makes dds have margins again */ | |||
display: inline; | |||
} | |||
/* Display nested lists inline */ | |||
.hlist.inline, | |||
.hlist.inline dl, | |||
.hlist.inline ol, | |||
.hlist.inline ul, | |||
.hlist dl dl, | |||
.hlist dl ol, | |||
.hlist dl ul, | |||
.hlist ol dl, | |||
.hlist ol ol, | |||
.hlist ol ul, | |||
.hlist ul dl, | |||
.hlist ul ol, | |||
.hlist ul ul { | |||
display: inline; | |||
} | |||
/* Hide empty list items */ | |||
.hlist .mw-empty-li { | |||
display: none; | |||
} | |||
/* Generate interpuncts */ | |||
.hlist dt:after { | |||
content: ": "; | |||
} | |||
.hlist dd:after, | |||
.hlist li:after { | |||
content: " · "; | |||
font-weight: bold; | |||
} | |||
.hlist dd:last-child:after, | |||
.hlist dt:last-child:after, | |||
.hlist li:last-child:after { | |||
content: none; | |||
} | |||
/* Add parentheses around nested lists */ | |||
.hlist dd dd:first-child:before, | |||
.hlist dd dt:first-child:before, | |||
.hlist dd li:first-child:before, | |||
.hlist dt dd:first-child:before, | |||
.hlist dt dt:first-child:before, | |||
.hlist dt li:first-child:before, | |||
.hlist li dd:first-child:before, | |||
.hlist li dt:first-child:before, | |||
.hlist li li:first-child:before { | |||
content: " ("; | |||
font-weight: normal; | |||
} | |||
.hlist dd dd:last-child:after, | |||
.hlist dd dt:last-child:after, | |||
.hlist dd li:last-child:after, | |||
.hlist dt dd:last-child:after, | |||
.hlist dt dt:last-child:after, | |||
.hlist dt li:last-child:after, | |||
.hlist li dd:last-child:after, | |||
.hlist li dt:last-child:after, | |||
.hlist li li:last-child:after { | |||
content: ")"; | |||
font-weight: normal; | |||
} | |||
/* Put ordinals in front of ordered list items */ | |||
.hlist ol { | |||
counter-reset: listitem; | |||
} | |||
.hlist ol > li { | |||
counter-increment: listitem; | |||
} | |||
.hlist ol > li:before { | |||
content: " " counter(listitem) "\a0"; | |||
} | |||
.hlist dd ol > li:first-child:before, | |||
.hlist dt ol > li:first-child:before, | |||
.hlist li ol > li:first-child:before { | |||
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 */ |