style.css

/* # http://tholman.com/github-corners/ */
.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}


/* Colors */

:root {
    --main-background: #e0f0ff;
    --main-color: #004080;

    --highlight-background: #006ad5;

    --border-color: #0060a0;

    --title-color-1: #017100;
    --title-color-2: #004D7F;
    --title-color-3: #99195E;
    --title-color-4: #F8BA00;
    --title-color-5: #B51700;
    --title-color-6: #017B76;
    --title-color-7: #595959;
    --title-color-8: #714a00;
    --title-color-9: #37007F;
    --title-color-10: #507F00;
    --title-color-11: #404040;

    --dark-color-1: #D8F2CB;
    --dark-color-2: #C6E2FC;
    --dark-color-3: #BFB7E8;
    --dark-color-4: #FCF6CD;
    --dark-color-5: #F4D2E3;
    --dark-color-6: #D2F6F0;
    --dark-color-7: #E0E0E0;
    --dark-color-8: #F2E4CB;
    --dark-color-9: #DDC6FC;
    --dark-color-10: #E8FCC6;
    --dark-color-11: #C7C7C7;

    --light-color-1: #E5F2DF;
    --light-color-2: #E3F0FC;
    --light-color-3: #D5D1E8;
    --light-color-4: #FCFAE6;
    --light-color-5: #F5E4EC;
    --light-color-6: #E1F5F2;
    --light-color-7: #EDEDED;
    --light-color-8: #F2EBDF;
    --light-color-9: #EEE3FC;
    --light-color-10: #F3FCE3;
    --light-color-11: #D4D4D4;
    
    --cat-color-io: #56C1FF;
    --cat-color-clk: #73FDEA;
    --cat-color-editor: #88FA4E;
    --cat-color-time: #73FDEA;
    --cat-color-ieee: #FFFC66;
    --cat-color-kbd: #FF968D;
    --cat-color-mem: #FF8DC6;
    --cat-color-sys: #D5D5D5;
}


/**/

body {
    background: var(--main-background);
    color: var(--main-color);
    font-family: Helvetica;
    margin: 0px;
}

a {
    color: var(--border-color);
}

div.main {
    padding: 8px;
}

h1 {
	font-size: large;
}

/* Navigation */

.topnav {
    color: black;
    background-color: white;
    overflow: hidden;
    padding: 0px;
    border-bottom: solid 2px var(--main-color);
}

.topnav a, .topnav h1 {
    float: left;
    text-align: center;
    padding: 8px 10px;
    margin: 0px;
    text-decoration: none;
    font-size: 13px;
}

.topnav a {
    color: white;
    background-color: #333;
    border-right:solid 1px var(--main-background);
}

.topnav a:hover {
    background-color: #abb;
    color: black;
}

.topnav a.active {
    background-color: var(--highlight-background);
    color: white;
}

.topnav a.home, .topnav a.home:hover {
    color: #666;
    background-color: white;
    font-weight:bolder;
    border:none;
    display: block;
    float:right;
    margin-right: 80px;
}


/* Tables */

table {
    border-collapse: collapse;
    border: solid 1px var(--border-color);
    color: black;
}

tr, td, th {
    margin: 0px;
    text-align:left;
    vertical-align: text-top;
}

th.com {
    font-weight: bold;
}


/* Overview Table */

table.checkbox_table tr, table.checkbox_table td {
    padding: 4px 8px;
    border: solid var(--border-color);
    border-width:1px 0px 1px 0px;
}

table.checkbox_table a {
    color: var(--main-background);
}


/* Overview Table: Multicolor */

table.checkbox_table tr:nth-of-type(1) { background: var(--light-color-1); }
table.checkbox_table tr:nth-of-type(1) td:nth-of-type(2) { background: var(--title-color-1);}

table.checkbox_table tr:nth-of-type(2) { background: var(--light-color-2); }
table.checkbox_table tr:nth-of-type(2) td:nth-of-type(2) { background: var(--title-color-2); }

table.checkbox_table tr:nth-of-type(3) { background: var(--light-color-3); }
table.checkbox_table tr:nth-of-type(3) td:nth-of-type(2) { background: var(--title-color-3); }

table.checkbox_table tr:nth-of-type(4) { background: var(--light-color-4); }
table.checkbox_table tr:nth-of-type(4) td:nth-of-type(2) { background: var(--title-color-4); }

table.checkbox_table tr:nth-of-type(5) { background: var(--light-color-5); }
table.checkbox_table tr:nth-of-type(5) td:nth-of-type(2) { background: var(--title-color-5); }

table.checkbox_table tr:nth-of-type(6) { background: var(--light-color-6); }
table.checkbox_table tr:nth-of-type(6) td:nth-of-type(2) { background: var(--title-color-6); }

table.checkbox_table tr:nth-of-type(7) { background: var(--light-color-7); }
table.checkbox_table tr:nth-of-type(7) td:nth-of-type(2) { background: var(--title-color-7); }

table.checkbox_table tr:nth-of-type(8) { background: var(--light-color-8); }
table.checkbox_table tr:nth-of-type(8) td:nth-of-type(2) { background: var(--title-color-8); }

table.checkbox_table tr:nth-of-type(9) { background: var(--light-color-9); }
table.checkbox_table tr:nth-of-type(9) td:nth-of-type(2) { background: var(--title-color-9); }

table.checkbox_table tr:nth-of-type(10) { background: var(--light-color-10); }
table.checkbox_table tr:nth-of-type(10) td:nth-of-type(2) { background: var(--title-color-10); }

table.checkbox_table tr:nth-of-type(11) { background: var(--light-color-11); }
table.checkbox_table tr:nth-of-type(11) td:nth-of-type(2) { background: var(--title-color-11); }


/* Main Table */


table.disassembly_table h2 {
	font-family: sans-serif;
	font-size: smaller;
}


table.disassembly_table {
    border: solid grey;
    border-width:0px 0px 1px 0px;
}

table.disassembly_table td, table.disassembly_table th {
    padding: 2px 4px;
    border: solid grey;
    border-width:0px 1px 0px 1px;
}


table.disassembly_table th.left_column,  
table.disassembly_table th.label_column,
table.disassembly_table th.cat_column,
table.disassembly_table th.decimal_column {
    position: absolute;
    border: 1px solid #000;
    border-radius: 2px;
    color: var(--main-background);
    background: var(--border-color);
}


table.disassembly_table th.left_column {
    left: 8px;
    z-index: 11;
}


th.left_column a {
    color: var(--main-background);
}

th.left_column a:target {
    color: yellow;
    text-shadow: 0px 1px black;
}

/*
th.left_column a:target::before {
    content: "▹";
}
*/


table.disassembly_table th.top_row {
    color: var(--main-background);
    border-width: 1px;
}

table.disassembly_table tr { background: #f0f0f0; }
table.disassembly_table tr:nth-child(even) { background: #ffffff; }


/* Main Table: Multicolor */

table.disassembly_table th:nth-child(1 of .top_row) { background: var(--title-color-1); }
table.disassembly_table th:nth-child(2 of .top_row) { background: var(--title-color-2); }
table.disassembly_table th:nth-child(3 of .top_row) { background: var(--title-color-3); }
table.disassembly_table th:nth-child(4 of .top_row) { background: var(--title-color-4); }
table.disassembly_table th:nth-child(5 of .top_row) { background: var(--title-color-5); }
table.disassembly_table th:nth-child(6 of .top_row) { background: var(--title-color-6); }
table.disassembly_table th:nth-child(7 of .top_row) { background: var(--title-color-7); }
table.disassembly_table th:nth-child(8 of .top_row) { background: var(--title-color-8); }
table.disassembly_table th:nth-child(9 of .top_row) { background: var(--title-color-9); }
table.disassembly_table th:nth-child(10 of .top_row) { background: var(--title-color-10); }
table.disassembly_table th:nth-child(11 of .top_row) { background: var(--title-color-11); }


table.disassembly_table tr td:nth-of-type(1) { background: var(--dark-color-1); }
table.disassembly_table tr:nth-child(even) td:nth-of-type(1) { background: var(--light-color-1); }

table.disassembly_table tr td:nth-of-type(2) { background: var(--dark-color-2); }
table.disassembly_table tr:nth-child(even) td:nth-of-type(2) { background: var(--light-color-2); }

table.disassembly_table tr td:nth-of-type(3) { background: var(--dark-color-3); }
table.disassembly_table tr:nth-child(even) td:nth-of-type(3) { background: var(--light-color-3); }

table.disassembly_table tr td:nth-of-type(4) { background: var(--dark-color-4); }
table.disassembly_table tr:nth-child(even) td:nth-of-type(4) { background: var(--light-color-4); }

table.disassembly_table tr td:nth-of-type(5) { background: var(--dark-color-5); }
table.disassembly_table tr:nth-child(even) td:nth-of-type(5) { background: var(--light-color-5); }

table.disassembly_table tr td:nth-of-type(6) { background: var(--dark-color-6); }
table.disassembly_table tr:nth-child(even) td:nth-of-type(6) { background: var(--light-color-6); }

table.disassembly_table tr td:nth-of-type(7) { background: var(--dark-color-7); }
table.disassembly_table tr:nth-child(even) td:nth-of-type(7) { background: var(--light-color-7); }

table.disassembly_table tr td:nth-of-type(8) { background: var(--dark-color-8); }
table.disassembly_table tr:nth-child(even) td:nth-of-type(8) { background: var(--light-color-8); }

table.disassembly_table tr td:nth-of-type(9) { background: var(--dark-color-9); }
table.disassembly_table tr:nth-child(even) td:nth-of-type(9) { background: var(--light-color-9); }

table.disassembly_table tr td:nth-of-type(10) { background: var(--dark-color-10); }
table.disassembly_table tr:nth-child(even) td:nth-of-type(10) { background: var(--light-color-10); }

table.disassembly_table tr td:nth-of-type(11) { background: var(--dark-color-11); }
table.disassembly_table tr:nth-child(even) td:nth-of-type(11) { background: var(--light-color-11); }