From WikiChip
Difference between revisions of "MediaWiki:Common.css"
(19 intermediate revisions by 3 users not shown) | |||
Line 77: | Line 77: | ||
.tr18 td:nth-child(18), .tr18 th:nth-child(18), | .tr18 td:nth-child(18), .tr18 th:nth-child(18), | ||
.tr19 td:nth-child(19), .tr19 th:nth-child(19), | .tr19 td:nth-child(19), .tr19 th:nth-child(19), | ||
− | .tr20 td:nth-child(20), .tr20 th:nth-child(20) { text-align:right; } | + | .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), | .tc1 td:nth-child(1), .tc1 th:nth-child(1), | ||
Line 98: | Line 108: | ||
.tc18 td:nth-child(18), .tc18 th:nth-child(18), | .tc18 td:nth-child(18), .tc18 th:nth-child(18), | ||
.tc19 td:nth-child(19), .tc19 th:nth-child(19), | .tc19 td:nth-child(19), .tc19 th:nth-child(19), | ||
− | .tc20 td:nth-child(20), .tc20 th:nth-child(20) { text-align:center; } | + | .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), | .tl1 td:nth-child(1), .tl1 th:nth-child(1), | ||
Line 119: | Line 139: | ||
.tl18 td:nth-child(18), .tl18 th:nth-child(18), | .tl18 td:nth-child(18), .tl18 th:nth-child(18), | ||
.tl19 td:nth-child(19), .tl19 th:nth-child(19), | .tl19 td:nth-child(19), .tl19 th:nth-child(19), | ||
− | .tl20 td:nth-child(20), .tl20 th:nth-child(20) { text-align:left; } | + | .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 { | .graph_paper_bg_1 { | ||
Line 129: | Line 159: | ||
background-image: url('/w/resources/assets/graph_paper_bg_2.svg'); | background-image: url('/w/resources/assets/graph_paper_bg_2.svg'); | ||
background-size: 100% auto; | background-size: 100% auto; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 179: | Line 172: | ||
} | } | ||
.comptable-scroller { | .comptable-scroller { | ||
− | margin-left: | + | margin-left: 120px; |
overflow-x: auto; | overflow-x: auto; | ||
overflow-y: visible; | overflow-y: visible; | ||
Line 197: | Line 190: | ||
border-collapse: separate; | border-collapse: separate; | ||
border-spacing: 0; | border-spacing: 0; | ||
− | font: normal | + | font: normal 1em Arial, sans-serif; |
} | } | ||
.comptable-header th { | .comptable-header th { | ||
Line 208: | Line 201: | ||
white-space: nowrap; | white-space: nowrap; | ||
line-height: 12px; | 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 { | .comptable th:first-child { | ||
Line 227: | Line 228: | ||
.comptable-highlight td { | .comptable-highlight td { | ||
background-color: #ffffe6; | 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;
}