From WikiChip
Difference between revisions of "MediaWiki:Common.css"

(added infobox related styles)
 
(49 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 131: Line 161:
 
}
 
}
  
/*
+
/****************************************************************/
* Infobox related styles
+
/****************************************************************/
*/
+
 
.chip-infobox {
+
/* comp table */
  background-color: #FFF;
+
 
  border: 1px solid #709fea;
+
.comptable-wrapper {
  width: 350px;
+
    position: relative;
  float: right;
+
    margin-bottom: 50px;
   margin: 0 10px 10px 10px;
+
    margin-top: 25px;
   font-size: 12px;
+
}
  border-collapse: collapse;
+
.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;
 
}
 
}
.chip-infobox-header {
+
.comptable3 td.stickydown, .comptable3 th.stickydown {
  text-align: center;
+
    position: sticky;
  background-color: #e6e6e6;
+
    left: 0;
  font-size: 16px;
+
    z-index: -1;
 
}
 
}
.chip-infobox-pic {
+
/* Nb div.comptable-scroller.sticky does not scroll vert. */
  text-align: center;
+
.comptable3.stickythead thead,
 +
.comptable3 tr.sticky td, .comptable3 tr.sticky th {
 +
    position: sticky;
 +
    top: 0;
 +
    z-index: 3;
 
}
 
}
.chip-infobox-sep {
+
.comptable3 tr.sticky td.sticky, .comptable3.stickycol1 tr.sticky td:first-child,
  text-align: center;
+
.comptable3 tr.sticky th.sticky, .comptable3.stickycol1 tr.sticky th:first-child {
  background-color: #F0F0F0;
+
    z-index: 4;
  font-weight: bold;
 
  font-size: 1.2em;
 
  border-top: 1px #cccccc solid;
 
 
}
 
}
.chip-infobox th {
+
#floating-scrollbar {
  width: 100px;
+
    z-index: 5;
  text-align: right;
+
}
  padding-right: 10px;
+
.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;
}