From WikiChip
Difference between revisions of "MediaWiki:Common.css"
(Created page with "→CSS placed here will be applied to all skins: #portal { margin-bottom: 500px; }") |
|||
(62 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
+ | /* hide the heading from the main page */ | ||
+ | body.page-WikiChip.action-view h1.firstHeading, | ||
+ | body.page-WikiChip.action-submit h1.firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
− | # | + | div.portal { |
− | margin-bottom: | + | padding-bottom: .5em !important; |
+ | } | ||
+ | |||
+ | |||
+ | /* hide the title from table of contents */ | ||
+ | .notoctitle #toctitle { | ||
+ | display: none; | ||
+ | } | ||
+ | /* TOC horizontally */ | ||
+ | .htoc li { | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | /* When <div class="nonumtoc"> is used on the table of contents, | ||
+ | the ToC will display without numbers */ | ||
+ | .nonumtoc .tocnumber { | ||
+ | display: none; | ||
+ | } | ||
+ | .nonumtoc #toc ul, | ||
+ | .nonumtoc .toc ul { | ||
+ | line-height: 1.5em; | ||
+ | list-style: none none; | ||
+ | margin: .3em 0 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | .hlist.nonumtoc #toc ul ul, | ||
+ | .hlist.nonumtoc .toc ul ul { | ||
+ | /* @noflip */ | ||
+ | margin: 0; | ||
+ | } | ||
+ | /* Allow limiting of which header levels are shown in a TOC; | ||
+ | <div class="toclimit-3">, for instance, will limit to | ||
+ | showing ==headings== and ===headings=== but no further | ||
+ | (as long as there are no =headings= on the page, which | ||
+ | there shouldn't be according to the MoS). */ | ||
+ | .toclimit-2 .toclevel-1 ul, | ||
+ | .toclimit-3 .toclevel-2 ul, | ||
+ | .toclimit-4 .toclevel-3 ul, | ||
+ | .toclimit-5 .toclevel-4 ul, | ||
+ | .toclimit-6 .toclevel-5 ul, | ||
+ | .toclimit-7 .toclevel-6 ul { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* The following CSS adds left/right/center alignment to entire table columns. | ||
+ | * | ||
+ | * Just add the name to the table class list | ||
+ | * | ||
+ | */ | ||
+ | |||
+ | .tr1 td:nth-child(1), .tr1 th:nth-child(1), | ||
+ | .tr2 td:nth-child(2), .tr2 th:nth-child(2), | ||
+ | .tr3 td:nth-child(3), .tr3 th:nth-child(3), | ||
+ | .tr4 td:nth-child(4), .tr4 th:nth-child(4), | ||
+ | .tr5 td:nth-child(5), .tr5 th:nth-child(5), | ||
+ | .tr6 td:nth-child(6), .tr6 th:nth-child(6), | ||
+ | .tr7 td:nth-child(7), .tr7 th:nth-child(7), | ||
+ | .tr8 td:nth-child(8), .tr8 th:nth-child(8), | ||
+ | .tr9 td:nth-child(9), .tr9 th:nth-child(9), | ||
+ | .tr10 td:nth-child(10), .tr10 th:nth-child(10), | ||
+ | .tr11 td:nth-child(11), .tr11 th:nth-child(11), | ||
+ | .tr12 td:nth-child(12), .tr12 th:nth-child(12), | ||
+ | .tr13 td:nth-child(13), .tr13 th:nth-child(13), | ||
+ | .tr14 td:nth-child(14), .tr14 th:nth-child(14), | ||
+ | .tr15 td:nth-child(15), .tr15 th:nth-child(15), | ||
+ | .tr16 td:nth-child(16), .tr16 th:nth-child(16), | ||
+ | .tr17 td:nth-child(17), .tr17 th:nth-child(17), | ||
+ | .tr18 td:nth-child(18), .tr18 th:nth-child(18), | ||
+ | .tr19 td:nth-child(19), .tr19 th:nth-child(19), | ||
+ | .tr20 td:nth-child(20), .tr20 th:nth-child(20), | ||
+ | .tr21 td:nth-child(21), .tr21 th:nth-child(21), | ||
+ | .tr22 td:nth-child(22), .tr22 th:nth-child(22), | ||
+ | .tr23 td:nth-child(23), .tr23 th:nth-child(23), | ||
+ | .tr24 td:nth-child(24), .tr24 th:nth-child(24), | ||
+ | .tr25 td:nth-child(25), .tr25 th:nth-child(25), | ||
+ | .tr26 td:nth-child(26), .tr26 th:nth-child(26), | ||
+ | .tr27 td:nth-child(27), .tr27 th:nth-child(27), | ||
+ | .tr28 td:nth-child(28), .tr28 th:nth-child(28), | ||
+ | .tr29 td:nth-child(29), .tr29 th:nth-child(29), | ||
+ | .tr30 td:nth-child(30), .tr30 th:nth-child(30) { text-align:right; } | ||
+ | |||
+ | .tc1 td:nth-child(1), .tc1 th:nth-child(1), | ||
+ | .tc2 td:nth-child(2), .tc2 th:nth-child(2), | ||
+ | .tc3 td:nth-child(3), .tc3 th:nth-child(3), | ||
+ | .tc4 td:nth-child(4), .tc4 th:nth-child(4), | ||
+ | .tc5 td:nth-child(5), .tc5 th:nth-child(5), | ||
+ | .tc6 td:nth-child(6), .tc6 th:nth-child(6), | ||
+ | .tc7 td:nth-child(7), .tc7 th:nth-child(7), | ||
+ | .tc8 td:nth-child(8), .tc8 th:nth-child(8), | ||
+ | .tc9 td:nth-child(9), .tc9 th:nth-child(9), | ||
+ | .tc10 td:nth-child(10), .tc10 th:nth-child(10), | ||
+ | .tc11 td:nth-child(11), .tc11 th:nth-child(11), | ||
+ | .tc12 td:nth-child(12), .tc12 th:nth-child(12), | ||
+ | .tc13 td:nth-child(13), .tc13 th:nth-child(13), | ||
+ | .tc14 td:nth-child(14), .tc14 th:nth-child(14), | ||
+ | .tc15 td:nth-child(15), .tc15 th:nth-child(15), | ||
+ | .tc16 td:nth-child(16), .tc16 th:nth-child(16), | ||
+ | .tc17 td:nth-child(17), .tc17 th:nth-child(17), | ||
+ | .tc18 td:nth-child(18), .tc18 th:nth-child(18), | ||
+ | .tc19 td:nth-child(19), .tc19 th:nth-child(19), | ||
+ | .tc20 td:nth-child(20), .tc20 th:nth-child(20), | ||
+ | .tc21 td:nth-child(21), .tc21 th:nth-child(21), | ||
+ | .tc22 td:nth-child(22), .tc22 th:nth-child(22), | ||
+ | .tc23 td:nth-child(23), .tc23 th:nth-child(23), | ||
+ | .tc24 td:nth-child(24), .tc24 th:nth-child(24), | ||
+ | .tc25 td:nth-child(25), .tc25 th:nth-child(25), | ||
+ | .tc26 td:nth-child(26), .tc26 th:nth-child(26), | ||
+ | .tc27 td:nth-child(27), .tc27 th:nth-child(27), | ||
+ | .tc28 td:nth-child(28), .tc28 th:nth-child(28), | ||
+ | .tc29 td:nth-child(29), .tc29 th:nth-child(29), | ||
+ | .tc30 td:nth-child(30), .tc30 th:nth-child(30) { text-align:center; } | ||
+ | |||
+ | .tl1 td:nth-child(1), .tl1 th:nth-child(1), | ||
+ | .tl2 td:nth-child(2), .tl2 th:nth-child(2), | ||
+ | .tl3 td:nth-child(3), .tl3 th:nth-child(3), | ||
+ | .tl4 td:nth-child(4), .tl4 th:nth-child(4), | ||
+ | .tl5 td:nth-child(5), .tl5 th:nth-child(5), | ||
+ | .tl6 td:nth-child(6), .tl6 th:nth-child(6), | ||
+ | .tl7 td:nth-child(7), .tl7 th:nth-child(7), | ||
+ | .tl8 td:nth-child(8), .tl8 th:nth-child(8), | ||
+ | .tl9 td:nth-child(9), .tl9 th:nth-child(9), | ||
+ | .tl10 td:nth-child(10), .tl10 th:nth-child(10), | ||
+ | .tl11 td:nth-child(11), .tl11 th:nth-child(11), | ||
+ | .tl12 td:nth-child(12), .tl12 th:nth-child(12), | ||
+ | .tl13 td:nth-child(13), .tl13 th:nth-child(13), | ||
+ | .tl14 td:nth-child(14), .tl14 th:nth-child(14), | ||
+ | .tl15 td:nth-child(15), .tl15 th:nth-child(15), | ||
+ | .tl16 td:nth-child(16), .tl16 th:nth-child(16), | ||
+ | .tl17 td:nth-child(17), .tl17 th:nth-child(17), | ||
+ | .tl18 td:nth-child(18), .tl18 th:nth-child(18), | ||
+ | .tl19 td:nth-child(19), .tl19 th:nth-child(19), | ||
+ | .tl20 td:nth-child(20), .tl20 th:nth-child(20), | ||
+ | .tl21 td:nth-child(21), .tl21 th:nth-child(21), | ||
+ | .tl22 td:nth-child(22), .tl22 th:nth-child(22), | ||
+ | .tl23 td:nth-child(23), .tl23 th:nth-child(23), | ||
+ | .tl24 td:nth-child(24), .tl24 th:nth-child(24), | ||
+ | .tl25 td:nth-child(25), .tl25 th:nth-child(25), | ||
+ | .tl26 td:nth-child(26), .tl26 th:nth-child(26), | ||
+ | .tl27 td:nth-child(27), .tl27 th:nth-child(27), | ||
+ | .tl28 td:nth-child(28), .tl28 th:nth-child(28), | ||
+ | .tl29 td:nth-child(29), .tl29 th:nth-child(29), | ||
+ | .tl30 td:nth-child(30), .tl30 th:nth-child(30) { text-align:left; } | ||
+ | |||
+ | .graph_paper_bg_1 { | ||
+ | background-image: url('/w/resources/assets/graph_paper_bg_1.svg'); | ||
+ | background-size: 100% auto; | ||
+ | } | ||
+ | |||
+ | .graph_paper_bg_2 { | ||
+ | background-image: url('/w/resources/assets/graph_paper_bg_2.svg'); | ||
+ | background-size: 100% auto; | ||
+ | } | ||
+ | |||
+ | /****************************************************************/ | ||
+ | /****************************************************************/ | ||
+ | |||
+ | /* comp table */ | ||
+ | |||
+ | .comptable-wrapper { | ||
+ | position: relative; | ||
+ | margin-bottom: 50px; | ||
+ | margin-top: 25px; | ||
+ | } | ||
+ | .comptable-scroller { | ||
+ | margin-left: 120px; | ||
+ | overflow-x: auto; | ||
+ | overflow-y: visible; | ||
+ | padding-bottom: 5px; | ||
+ | } | ||
+ | .comptable td:first-child { | ||
+ | border-left: solid 1px #DDEFEF; | ||
+ | border-right: solid 1px #DDEFEF; | ||
+ | left: 0; | ||
+ | position: absolute; | ||
+ | top: auto; | ||
+ | width: 120px; | ||
+ | } | ||
+ | .comptable { | ||
+ | border: none; | ||
+ | border-right: solid 1px #DDEFEF; | ||
+ | border-collapse: separate; | ||
+ | border-spacing: 0; | ||
+ | font: normal 1em Arial, sans-serif; | ||
+ | } | ||
+ | .comptable-header th { | ||
+ | background-color: #e6f2ff; | ||
+ | border: 1px solid #cce5ff; | ||
+ | color: #336B6B; | ||
+ | padding: 10px; | ||
+ | text-align: center; | ||
+ | text-shadow: 1px 1px 1px #cce6ff; | ||
+ | white-space: nowrap; | ||
+ | line-height: 12px; | ||
+ | } | ||
+ | .comptable-header th:first-child { /* this bit is to make the first column for a header seem connected */ | ||
+ | border-right: 1px solid #e6f2ff; | ||
+ | width: 121px !important; | ||
+ | } | ||
+ | .comptable-header-sep th { | ||
+ | line-height: 6px !important; | ||
+ | text-align: left; | ||
+ | } | ||
+ | .comptable th:first-child { | ||
+ | left: 0; | ||
+ | position: absolute; | ||
+ | top: auto; | ||
+ | width: 120px; | ||
+ | line-height: 12px; | ||
+ | } | ||
+ | .comptable td { | ||
+ | border-bottom: solid 1px #DDEFEF; | ||
+ | border-right: solid 1px #DDEFEF;; | ||
+ | color: #333; | ||
+ | padding: 10px; | ||
+ | text-shadow: 1px 1px 1px #fff; | ||
+ | white-space: nowrap; | ||
+ | line-height: 12px; | ||
+ | } | ||
+ | .comptable-highlight td { | ||
+ | background-color: #ffffe6; | ||
+ | } | ||
+ | |||
+ | /* comp table 2 */ | ||
+ | |||
+ | .comptable2-wrapper { | ||
+ | position: relative; | ||
+ | margin-bottom: 50px; | ||
+ | margin-top: 25px; | ||
+ | } | ||
+ | .comptable2-scroller { | ||
+ | margin-left: 160px; | ||
+ | overflow-x: auto; | ||
+ | overflow-y: visible; | ||
+ | padding-bottom: 5px; | ||
+ | } | ||
+ | .comptable2 td:first-child { | ||
+ | border-left: solid 1px #DDEFEF; | ||
+ | border-right: solid 1px #DDEFEF; | ||
+ | left: 0; | ||
+ | position: absolute; | ||
+ | top: auto; | ||
+ | width: 160px; | ||
+ | } | ||
+ | .comptable2 { | ||
+ | border: none; | ||
+ | border-right: solid 1px #DDEFEF; | ||
+ | border-collapse: separate; | ||
+ | border-spacing: 0; | ||
+ | font: normal 13px Arial, sans-serif; | ||
+ | } | ||
+ | .comptable2-header th { | ||
+ | background-color: #e6f2ff; | ||
+ | border: 1px solid #cce5ff; | ||
+ | color: #336B6B; | ||
+ | padding: 10px; | ||
+ | text-align: center; | ||
+ | text-shadow: 1px 1px 1px #cce6ff; | ||
+ | white-space: nowrap; | ||
+ | line-height: 12px; | ||
+ | } | ||
+ | .comptable2-header th:first-child { /* this bit is to make the first column for a header seem connected */ | ||
+ | border-right: 1px solid #e6f2ff; | ||
+ | width: 161px !important; | ||
+ | } | ||
+ | .comptable2-header-sep th { | ||
+ | line-height: 6px !important; | ||
+ | text-align: left; | ||
+ | } | ||
+ | .comptable2 th:first-child { | ||
+ | left: 0; | ||
+ | position: absolute; | ||
+ | top: auto; | ||
+ | width: 160px; | ||
+ | line-height: 12px; | ||
+ | } | ||
+ | .comptable2 td { | ||
+ | border-bottom: solid 1px #DDEFEF; | ||
+ | border-right: solid 1px #DDEFEF;; | ||
+ | color: #333; | ||
+ | padding: 10px; | ||
+ | text-shadow: 1px 1px 1px #fff; | ||
+ | white-space: nowrap; | ||
+ | line-height: 12px; | ||
+ | } | ||
+ | .comptable2-highlight td { | ||
+ | background-color: #ffffe6; | ||
+ | } | ||
+ | |||
+ | |||
+ | .comptable-scroller.sticky { | ||
+ | overflow-x: auto; | ||
+ | overflow-y: visible; | ||
+ | width: 100%; | ||
+ | margin-left: 0; | ||
+ | padding-bottom: 0; | ||
+ | } | ||
+ | .comptable3 { | ||
+ | border-collapse: separate; | ||
+ | border-spacing: 0; | ||
+ | width: 100%; | ||
+ | font: normal 1em Arial, sans-serif; | ||
+ | } | ||
+ | .comptable3 td, .comptable3 th { | ||
+ | border-right: solid 1px #cce5ff; | ||
+ | border-bottom: solid 1px #cce5ff; | ||
+ | padding: 10px; | ||
+ | line-height: 12px; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | .comptable3.fixed tr.header th:first-child, | ||
+ | .comptable3 tr.separator td:not(:last-child) { | ||
+ | border-right: 0; | ||
+ | } | ||
+ | .comptable3 td:first-child, .comptable3 th:first-child { | ||
+ | border-left: solid 1px #cce5ff; | ||
+ | } | ||
+ | .comptable3 tr:first-child:not(.continued) td, | ||
+ | .comptable3 tr:first-child:not(.continued) th { | ||
+ | border-top: solid 1px #cce5ff; | ||
+ | } | ||
+ | .comptable3 td { | ||
+ | color: #333333; | ||
+ | background-color: #ffffff; | ||
+ | } | ||
+ | .comptable3 th { | ||
+ | color: #336b6b; | ||
+ | background-color: #e6f2ff; | ||
+ | text-align: center; | ||
+ | } | ||
+ | /* Not th, may be mistaken for thead, bad for sorting. */ | ||
+ | .comptable3 tr.separator td { | ||
+ | color: #336b6b; | ||
+ | background-color: #e6f2ff; | ||
+ | text-align: left; | ||
+ | line-height: 6px; | ||
+ | } | ||
+ | /* First column sticky like old comptable. */ | ||
+ | .comptable3.fixed td:first-child, .comptable3.fixed th:first-child { | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | top: auto; | ||
+ | width: 120px; | ||
+ | } | ||
+ | .comptable3 td.sticky, .comptable3.stickycol1 td:first-child, | ||
+ | .comptable3 th.sticky, .comptable3.stickycol1 th:first-child { | ||
+ | position: sticky; | ||
+ | left: 0; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | .comptable3 td.stickydown, .comptable3 th.stickydown { | ||
+ | position: sticky; | ||
+ | left: 0; | ||
+ | z-index: -1; | ||
+ | } | ||
+ | /* Nb div.comptable-scroller.sticky does not scroll vert. */ | ||
+ | .comptable3.stickythead thead, | ||
+ | .comptable3 tr.sticky td, .comptable3 tr.sticky th { | ||
+ | position: sticky; | ||
+ | top: 0; | ||
+ | z-index: 3; | ||
+ | } | ||
+ | .comptable3 tr.sticky td.sticky, .comptable3.stickycol1 tr.sticky td:first-child, | ||
+ | .comptable3 tr.sticky th.sticky, .comptable3.stickycol1 tr.sticky th:first-child { | ||
+ | z-index: 4; | ||
+ | } | ||
+ | #floating-scrollbar { | ||
+ | z-index: 5; | ||
+ | } | ||
+ | .comptable3 td.static, .comptable3 th.static { | ||
+ | position: static; | ||
+ | } | ||
+ | |||
+ | /****************************************************************/ | ||
+ | /****************************************************************/ | ||
+ | |||
+ | pre { /* fix to avoid <source> tag boxes extending underneath side menu */ | ||
+ | overflow: hidden; | ||
} | } |
Latest revision as of 19:59, 13 May 2023
/* hide the heading from the main page */
body.page-WikiChip.action-view h1.firstHeading,
body.page-WikiChip.action-submit h1.firstHeading {
display: none;
}
/* CSS placed here will be applied to all skins */
div.portal {
padding-bottom: .5em !important;
}
/* hide the title from table of contents */
.notoctitle #toctitle {
display: none;
}
/* TOC horizontally */
.htoc li {
display: inline;
}
/* When <div class="nonumtoc"> is used on the table of contents,
the ToC will display without numbers */
.nonumtoc .tocnumber {
display: none;
}
.nonumtoc #toc ul,
.nonumtoc .toc ul {
line-height: 1.5em;
list-style: none none;
margin: .3em 0 0;
padding: 0;
}
.hlist.nonumtoc #toc ul ul,
.hlist.nonumtoc .toc ul ul {
/* @noflip */
margin: 0;
}
/* Allow limiting of which header levels are shown in a TOC;
<div class="toclimit-3">, for instance, will limit to
showing ==headings== and ===headings=== but no further
(as long as there are no =headings= on the page, which
there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}
/* The following CSS adds left/right/center alignment to entire table columns.
*
* Just add the name to the table class list
*
*/
.tr1 td:nth-child(1), .tr1 th:nth-child(1),
.tr2 td:nth-child(2), .tr2 th:nth-child(2),
.tr3 td:nth-child(3), .tr3 th:nth-child(3),
.tr4 td:nth-child(4), .tr4 th:nth-child(4),
.tr5 td:nth-child(5), .tr5 th:nth-child(5),
.tr6 td:nth-child(6), .tr6 th:nth-child(6),
.tr7 td:nth-child(7), .tr7 th:nth-child(7),
.tr8 td:nth-child(8), .tr8 th:nth-child(8),
.tr9 td:nth-child(9), .tr9 th:nth-child(9),
.tr10 td:nth-child(10), .tr10 th:nth-child(10),
.tr11 td:nth-child(11), .tr11 th:nth-child(11),
.tr12 td:nth-child(12), .tr12 th:nth-child(12),
.tr13 td:nth-child(13), .tr13 th:nth-child(13),
.tr14 td:nth-child(14), .tr14 th:nth-child(14),
.tr15 td:nth-child(15), .tr15 th:nth-child(15),
.tr16 td:nth-child(16), .tr16 th:nth-child(16),
.tr17 td:nth-child(17), .tr17 th:nth-child(17),
.tr18 td:nth-child(18), .tr18 th:nth-child(18),
.tr19 td:nth-child(19), .tr19 th:nth-child(19),
.tr20 td:nth-child(20), .tr20 th:nth-child(20),
.tr21 td:nth-child(21), .tr21 th:nth-child(21),
.tr22 td:nth-child(22), .tr22 th:nth-child(22),
.tr23 td:nth-child(23), .tr23 th:nth-child(23),
.tr24 td:nth-child(24), .tr24 th:nth-child(24),
.tr25 td:nth-child(25), .tr25 th:nth-child(25),
.tr26 td:nth-child(26), .tr26 th:nth-child(26),
.tr27 td:nth-child(27), .tr27 th:nth-child(27),
.tr28 td:nth-child(28), .tr28 th:nth-child(28),
.tr29 td:nth-child(29), .tr29 th:nth-child(29),
.tr30 td:nth-child(30), .tr30 th:nth-child(30) { text-align:right; }
.tc1 td:nth-child(1), .tc1 th:nth-child(1),
.tc2 td:nth-child(2), .tc2 th:nth-child(2),
.tc3 td:nth-child(3), .tc3 th:nth-child(3),
.tc4 td:nth-child(4), .tc4 th:nth-child(4),
.tc5 td:nth-child(5), .tc5 th:nth-child(5),
.tc6 td:nth-child(6), .tc6 th:nth-child(6),
.tc7 td:nth-child(7), .tc7 th:nth-child(7),
.tc8 td:nth-child(8), .tc8 th:nth-child(8),
.tc9 td:nth-child(9), .tc9 th:nth-child(9),
.tc10 td:nth-child(10), .tc10 th:nth-child(10),
.tc11 td:nth-child(11), .tc11 th:nth-child(11),
.tc12 td:nth-child(12), .tc12 th:nth-child(12),
.tc13 td:nth-child(13), .tc13 th:nth-child(13),
.tc14 td:nth-child(14), .tc14 th:nth-child(14),
.tc15 td:nth-child(15), .tc15 th:nth-child(15),
.tc16 td:nth-child(16), .tc16 th:nth-child(16),
.tc17 td:nth-child(17), .tc17 th:nth-child(17),
.tc18 td:nth-child(18), .tc18 th:nth-child(18),
.tc19 td:nth-child(19), .tc19 th:nth-child(19),
.tc20 td:nth-child(20), .tc20 th:nth-child(20),
.tc21 td:nth-child(21), .tc21 th:nth-child(21),
.tc22 td:nth-child(22), .tc22 th:nth-child(22),
.tc23 td:nth-child(23), .tc23 th:nth-child(23),
.tc24 td:nth-child(24), .tc24 th:nth-child(24),
.tc25 td:nth-child(25), .tc25 th:nth-child(25),
.tc26 td:nth-child(26), .tc26 th:nth-child(26),
.tc27 td:nth-child(27), .tc27 th:nth-child(27),
.tc28 td:nth-child(28), .tc28 th:nth-child(28),
.tc29 td:nth-child(29), .tc29 th:nth-child(29),
.tc30 td:nth-child(30), .tc30 th:nth-child(30) { text-align:center; }
.tl1 td:nth-child(1), .tl1 th:nth-child(1),
.tl2 td:nth-child(2), .tl2 th:nth-child(2),
.tl3 td:nth-child(3), .tl3 th:nth-child(3),
.tl4 td:nth-child(4), .tl4 th:nth-child(4),
.tl5 td:nth-child(5), .tl5 th:nth-child(5),
.tl6 td:nth-child(6), .tl6 th:nth-child(6),
.tl7 td:nth-child(7), .tl7 th:nth-child(7),
.tl8 td:nth-child(8), .tl8 th:nth-child(8),
.tl9 td:nth-child(9), .tl9 th:nth-child(9),
.tl10 td:nth-child(10), .tl10 th:nth-child(10),
.tl11 td:nth-child(11), .tl11 th:nth-child(11),
.tl12 td:nth-child(12), .tl12 th:nth-child(12),
.tl13 td:nth-child(13), .tl13 th:nth-child(13),
.tl14 td:nth-child(14), .tl14 th:nth-child(14),
.tl15 td:nth-child(15), .tl15 th:nth-child(15),
.tl16 td:nth-child(16), .tl16 th:nth-child(16),
.tl17 td:nth-child(17), .tl17 th:nth-child(17),
.tl18 td:nth-child(18), .tl18 th:nth-child(18),
.tl19 td:nth-child(19), .tl19 th:nth-child(19),
.tl20 td:nth-child(20), .tl20 th:nth-child(20),
.tl21 td:nth-child(21), .tl21 th:nth-child(21),
.tl22 td:nth-child(22), .tl22 th:nth-child(22),
.tl23 td:nth-child(23), .tl23 th:nth-child(23),
.tl24 td:nth-child(24), .tl24 th:nth-child(24),
.tl25 td:nth-child(25), .tl25 th:nth-child(25),
.tl26 td:nth-child(26), .tl26 th:nth-child(26),
.tl27 td:nth-child(27), .tl27 th:nth-child(27),
.tl28 td:nth-child(28), .tl28 th:nth-child(28),
.tl29 td:nth-child(29), .tl29 th:nth-child(29),
.tl30 td:nth-child(30), .tl30 th:nth-child(30) { text-align:left; }
.graph_paper_bg_1 {
background-image: url('/w/resources/assets/graph_paper_bg_1.svg');
background-size: 100% auto;
}
.graph_paper_bg_2 {
background-image: url('/w/resources/assets/graph_paper_bg_2.svg');
background-size: 100% auto;
}
/****************************************************************/
/****************************************************************/
/* comp table */
.comptable-wrapper {
position: relative;
margin-bottom: 50px;
margin-top: 25px;
}
.comptable-scroller {
margin-left: 120px;
overflow-x: auto;
overflow-y: visible;
padding-bottom: 5px;
}
.comptable td:first-child {
border-left: solid 1px #DDEFEF;
border-right: solid 1px #DDEFEF;
left: 0;
position: absolute;
top: auto;
width: 120px;
}
.comptable {
border: none;
border-right: solid 1px #DDEFEF;
border-collapse: separate;
border-spacing: 0;
font: normal 1em Arial, sans-serif;
}
.comptable-header th {
background-color: #e6f2ff;
border: 1px solid #cce5ff;
color: #336B6B;
padding: 10px;
text-align: center;
text-shadow: 1px 1px 1px #cce6ff;
white-space: nowrap;
line-height: 12px;
}
.comptable-header th:first-child { /* this bit is to make the first column for a header seem connected */
border-right: 1px solid #e6f2ff;
width: 121px !important;
}
.comptable-header-sep th {
line-height: 6px !important;
text-align: left;
}
.comptable th:first-child {
left: 0;
position: absolute;
top: auto;
width: 120px;
line-height: 12px;
}
.comptable td {
border-bottom: solid 1px #DDEFEF;
border-right: solid 1px #DDEFEF;;
color: #333;
padding: 10px;
text-shadow: 1px 1px 1px #fff;
white-space: nowrap;
line-height: 12px;
}
.comptable-highlight td {
background-color: #ffffe6;
}
/* comp table 2 */
.comptable2-wrapper {
position: relative;
margin-bottom: 50px;
margin-top: 25px;
}
.comptable2-scroller {
margin-left: 160px;
overflow-x: auto;
overflow-y: visible;
padding-bottom: 5px;
}
.comptable2 td:first-child {
border-left: solid 1px #DDEFEF;
border-right: solid 1px #DDEFEF;
left: 0;
position: absolute;
top: auto;
width: 160px;
}
.comptable2 {
border: none;
border-right: solid 1px #DDEFEF;
border-collapse: separate;
border-spacing: 0;
font: normal 13px Arial, sans-serif;
}
.comptable2-header th {
background-color: #e6f2ff;
border: 1px solid #cce5ff;
color: #336B6B;
padding: 10px;
text-align: center;
text-shadow: 1px 1px 1px #cce6ff;
white-space: nowrap;
line-height: 12px;
}
.comptable2-header th:first-child { /* this bit is to make the first column for a header seem connected */
border-right: 1px solid #e6f2ff;
width: 161px !important;
}
.comptable2-header-sep th {
line-height: 6px !important;
text-align: left;
}
.comptable2 th:first-child {
left: 0;
position: absolute;
top: auto;
width: 160px;
line-height: 12px;
}
.comptable2 td {
border-bottom: solid 1px #DDEFEF;
border-right: solid 1px #DDEFEF;;
color: #333;
padding: 10px;
text-shadow: 1px 1px 1px #fff;
white-space: nowrap;
line-height: 12px;
}
.comptable2-highlight td {
background-color: #ffffe6;
}
.comptable-scroller.sticky {
overflow-x: auto;
overflow-y: visible;
width: 100%;
margin-left: 0;
padding-bottom: 0;
}
.comptable3 {
border-collapse: separate;
border-spacing: 0;
width: 100%;
font: normal 1em Arial, sans-serif;
}
.comptable3 td, .comptable3 th {
border-right: solid 1px #cce5ff;
border-bottom: solid 1px #cce5ff;
padding: 10px;
line-height: 12px;
white-space: nowrap;
}
.comptable3.fixed tr.header th:first-child,
.comptable3 tr.separator td:not(:last-child) {
border-right: 0;
}
.comptable3 td:first-child, .comptable3 th:first-child {
border-left: solid 1px #cce5ff;
}
.comptable3 tr:first-child:not(.continued) td,
.comptable3 tr:first-child:not(.continued) th {
border-top: solid 1px #cce5ff;
}
.comptable3 td {
color: #333333;
background-color: #ffffff;
}
.comptable3 th {
color: #336b6b;
background-color: #e6f2ff;
text-align: center;
}
/* Not th, may be mistaken for thead, bad for sorting. */
.comptable3 tr.separator td {
color: #336b6b;
background-color: #e6f2ff;
text-align: left;
line-height: 6px;
}
/* First column sticky like old comptable. */
.comptable3.fixed td:first-child, .comptable3.fixed th:first-child {
position: absolute;
left: 0;
top: auto;
width: 120px;
}
.comptable3 td.sticky, .comptable3.stickycol1 td:first-child,
.comptable3 th.sticky, .comptable3.stickycol1 th:first-child {
position: sticky;
left: 0;
z-index: 1;
}
.comptable3 td.stickydown, .comptable3 th.stickydown {
position: sticky;
left: 0;
z-index: -1;
}
/* Nb div.comptable-scroller.sticky does not scroll vert. */
.comptable3.stickythead thead,
.comptable3 tr.sticky td, .comptable3 tr.sticky th {
position: sticky;
top: 0;
z-index: 3;
}
.comptable3 tr.sticky td.sticky, .comptable3.stickycol1 tr.sticky td:first-child,
.comptable3 tr.sticky th.sticky, .comptable3.stickycol1 tr.sticky th:first-child {
z-index: 4;
}
#floating-scrollbar {
z-index: 5;
}
.comptable3 td.static, .comptable3 th.static {
position: static;
}
/****************************************************************/
/****************************************************************/
pre { /* fix to avoid <source> tag boxes extending underneath side menu */
overflow: hidden;
}