@import url("../../../helios/build/css/site.css");

:root {
	--content-code-border-specs:     1px solid silver;
	--content-code-color-highlight:  #f5f5f5;
	--content-code-indent-offset:    12px;
	--content-table-border-specs:    1px solid silver;
	--content-table-color-bg:        #ffffff;
	--content-table-color-highlight: #f5f5f5;
	--content-table-color-select:    #2B82AC;
	--content-table-indent-offset:   12px;
	--content-table-padding-horz:    6px;
	--content-table-padding-vert:    3px;
}

/*

code {
	vertical-align: middle;
}

code.content_code-com {
    background-color: var(--content-code-color-highlight);
    border:           var(--content-code-border-specs);
    color:            black;
    font-style:       normal;
    word-break:       break-word;
}

div.content_div-com {
	margin-left: var(--content-code-indent-offset);	
}

font.redacted {
	color: red;
}

font.unverified {
	color: red;
}

h1, .h1 { font-size: 1.4rem; }
h2, .h2 { font-size: 1.3rem; }
h3, .h3 { font-size: 1.2rem; }
h4, .h4 { font-size: 1.1rem; }
h5, .h5 { font-size: 1.0rem; }
h6, .h6 { font-size: 0.9rem; }

table.matrix-numbers {
    border-collapse: collapse;
    font-family:     monospace;
    text-align:      right;
}

table.matrix-numbers tr:first-child {
	border-bottom: 1pt solid black;
	font-weight:   bold;
}

table.matrix-numbers tr td:first-child {
	border-right: 1pt solid black;
	font-weight:  bold;
}

table.matrix-numbers tr:first-child td:first-child {
	text-align: center;
}

table.matrix-numbers tr:last-child td:not(:first-child, :last-child) {
	border-right: 0.5pt solid lightgray;
}

table.matrix-numbers tr:not(:first-child, :last-child) td:not(:first-child, :last-child) {
	border-bottom: 0.5pt solid lightgray;
	border-right:  0.5pt solid lightgray;
}

table.matrix-numbers tr:not(:first-child, :last-child) td:last-child {
    border-bottom:  0.5pt solid lightgray;
}

table.content_table-about {
	border:          0;
	border-collapse: collapse;
	cellpadding:     0;
	cellspacing:     0;
	width:           100%;
}

table.content_table-about tbody td:nth-child(odd) {
	padding-right: var(--content-table-padding-horz);
    text-align:    right;
    width:         50%;
}

table.content_table-about tbody td:nth-child(even) {
	padding-left: var(--content-table-padding-horz);
    text-align:   left;
    width:        50%;
}

table.content_table-about tbody tr:nth-child(even) {
    background-color: var(--content-table-color-highlight);
}

table.content_table-descom {
    border-collapse: collapse;
    margin-left:     var(--content-table-indent-offset);
}

table.content_table-descom td {
	padding-bottom: var(--content-table-padding-vert);
	padding-left:   var(--content-table-padding-horz);
	padding-right:  var(--content-table-padding-horz);
    padding-top:    var(--content-table-padding-vert);
    word-break:     break-word;
}

table.content_table-descom tr {
	vertical-align: top;
}

table.content_table-descom tr:not(:first-child) {
    border-top: var(--content-table-border-specs);
}

table.content_table-descom td:nth-child(even) code {
    background-color: var(--content-table-color-highlight);
    border:           var(--content-table-border-specs);
    color:            black;
    font-style:       normal;
}

table.content_table-descom td:nth-child(odd) {
    border-right: var(--content-table-border-specs);
    font-weight:  bold;
    width:        50%;
}

table.content_table-numcom {
    border-collapse: collapse;
    margin-left:     var(--content-table-indent-offset);
}

table.content_table-numcom td {
	padding-bottom: var(--content-table-padding-vert);
	padding-left:   var(--content-table-padding-horz);
	padding-right:  var(--content-table-padding-horz);
    padding-top:    var(--content-table-padding-vert);
    word-break:     break-word;
}

table.content_table-numcom tr {
	font-weight:    initial;
	vertical-align: top;
}

table.content_table-numcom tr:not(:first-child) {
    border-top:  0;
}


table.content_table-numcom tr:not(:first-child) td:nth-child(even) {
    border-top: var(--content-table-border-specs);
}


table.content_table-numcom td:nth-child(even) code {
    background-color: var(--content-table-color-highlight);
    color:            black;
    font-style:       normal;
}

table.content_table-numcom td:nth-child(odd) {
    border-right: var(--content-table-border-specs);
 	font-weight:  initial;
    width:        initial;
}

*/

/* FFS - its 2023 and table column spanning still doesn't fucking work in CSS! what a load of bs!
table.content_table-descom td.colspan2 {

	border-right:        0;
	colspan:             2;
	column-span:         2; /* W3C               
	-moz-column-span:    2; /* Firefox           
	-ms-column-span:     2; /* Internet Explorer 
	-o-column-span:      2; /* Opera             
	-webkit-column-span: 2; /* Safari & Chrome   
	text-align: right;

}
*/

/*

table.content_table-indented-horzdata {
	border-collapse: collapse;
	margin-left:     var(--content-table-indent-offset);
}

table.content_table-indented-horzdata td {
	padding-left:  var(--content-table-padding-horz);
	padding-right: var(--content-table-padding-horz);
}

table.content_table-indented-horzdata td:first-child {
	border-right: var(--content-table-border-specs);
	font-weight:  bold;
	text-align:   right;
}

table.content_table-indented-horzdata tr {
	vertical-align: top;
}

table.content_table-indented-vertdata {
    border-collapse: collapse;
    margin-left:     var(--content-table-indent-offset);
}

table.content_table-indented-vertdata th {
    border-bottom: var(--content-table-border-specs);
    text-align:    left;
}

table.content_table-indented-vertdata td, th {
	padding-left:   var(--content-table-padding-horz);
	padding-right:  var(--content-table-padding-horz);
	vertical-align: top;
}

*/

/* Reset Helios styling */
table.content_table-menu,
table.content_table-menu * {
    all: revert;
}

/* Table layout */
table.content_table-menu {
    display:         table;
    width:           100%;
    margin:          0 auto;
    border:          0;
    border-collapse: collapse;
    table-layout:    fixed;
    text-align:      center;
}

/* Restore table structure */
table.content_table-menu tbody {
    display: table-row-group;
}

table.content_table-menu tr {
    display: table-row;
}

table.content_table-menu td {
    display:            table-cell;
    padding:            1px;
    text-align:         center;
    vertical-align:     middle;
    abackground-color:   var(--content-table-color-bg);
}

/* Make entire cell clickable */
table.content_table-menu td a {
	color:           var(--content-table-color-select);
    display:         flex;
    width:           100%;
    height:          100%;
    align-items:     center;
    justify-content: center;
    text-decoration: none;
	font-size:       0.8em;
}

/* Hover effects */
table.content_table-menu td:hover a {
	background-color: var(--content-table-color-select);
	color:            var(--content-table-color-bg);
	display:          flex;
    text-decoration:  none;
}

/* Alternating cell colours */
table:not(:hover).content_table-menu tbody tr:nth-child(even) td:nth-child(odd),
table:not(:hover).content_table-menu tbody tr:nth-child(odd) td:nth-child(even) {
    abackground-color: var(--content-table-color-highlight);
}

/*

table.content_table-menu_old {
    align:           center;
    border:          0;
    border-collapse: collapse;
    cellpadding:     1;
    cellspacing:     1;
    table-layout:    fixed;
    text-align:      center;
    width:           100%;
}

table.content_table-menu_old tbody tr td {
    background-color: var(--content-table-color-bg);
}

table.content_table-menu_old a {
    text-decoration: none;
} 

table.content_table-menu_old td:hover a {
    background-color: var(--content-table-color-select);
    color:            var(--content-table-color-bg);
    display:          flex;
    justify-content:  center;
    text-decoration:  none;
}

table:not(:hover).content_table-menu_old tbody tr:nth-child(even) td:nth-child(odd) {
    background-color: var(--content-table-color-highlight);
}

table:not(:hover).content_table-menu_old tbody tr:nth-child(odd) td:nth-child(even) {
    background-color: var(--content-table-color-highlight);
}

*/

td.td_failure {
	background-color: red;
	color:            white;
	font-style:       italic;
}

td.td_success {
	background-color: green;
	color:            white;
	font-weight:      bold;
}