h1,
h2,
h3 {
font-weight: 300;
}
sectionOuter1 {
margin: 0;
padding: 0;
}
h1 {
margin-bottom: 0;
padding-left: 20px;
}
table {
border-collapse: collapse;
}
td,
th {
text-align: left;
vertical-align: top;
padding: 2px 5px;
}
th {
border-bottom: 1px solid #999;
}
td:first-of-type {
border-left: 1px solid #999;
}
td p:first-of-type {
margin: 0;
}
a {
font-weight: normal;
}
a:hover,
a.inactive:hover {
-webkit-filter: saturate(125%);
opacity: 1;
}
dt { font-weight: bold; }
- content { }
sectionOuter {
}
section {
padding: 20px;
}
- mainContent h1 {
margin: 0;
padding: 20px;
border-width: 5px 0 0 0;
border-style: solid;
position: -webkit-sticky;
position: sticky;
top: 40px;
background: white;
transition: background-color 0.4s, color 0.4s, border-color 0.4s;
}
- mainContent h1sticky="true" {
color: white !important;
}
sectionOuter:nth-of-type(1) h1sticky="true" { background: hsl(0,100%,25%); border-color: hsl(0,100%,25%); }
sectionOuter:nth-of-type(2) h1sticky="true" { background: hsl(80,100%,25%); border-color: hsl(80,100%,25%); }
sectionOuter:nth-of-type(3) h1sticky="true" { background: hsl(160,100%,25%); border-color: hsl(160,100%,25%); }
sectionOuter:nth-of-type(4) h1sticky="true" { background: hsl(240,100%,25%); border-color: hsl(240,100%,25%); }
sectionOuter:nth-of-type(5) h1sticky="true" { background: hsl(320,100%,25%); border-color: hsl(320,100%,25%); }
sectionOuter:nth-of-type(6) h1sticky="true" { background: hsl(40,100%,25%); border-color: hsl(40,100%,25%); }
sectionOuter:nth-of-type(7) h1sticky="true" { background: hsl(120,100%,25%); border-color: hsl(120,100%,25%); }
sectionOuter:nth-of-type(8) h1sticky="true" { background: hsl(200,100%,25%); border-color: hsl(200,100%,25%); }
sectionOuter:nth-of-type(9) h1sticky="true" { background: hsl(280,100%,25%); border-color: hsl(280,100%,25%); }
sectionOuter:nth-of-type(10) h1sticky="true" { background: hsl(0,100%,15%); border-color: hsl(0,100%,15%); }
sectionOuter:nth-of-type(11) h1sticky="true" { background: hsl(80,100%,15%); border-color: hsl(80,100%,15%); }
sectionOuter:nth-of-type(12) h1sticky="true" { background: hsl(160,100%,15%); border-color: hsl(160,100%,15%); }
sectionOuter:nth-of-type(13) h1sticky="true" { background: hsl(240,100%,15%); border-color: hsl(240,100%,15%); }
sectionOuter:nth-of-type(14) h1sticky="true" { background: hsl(320,100%,15%); border-color: hsl(320,100%,15%); }
sectionOuter:nth-of-type(15) h1sticky="true" { background: hsl(40,100%,15%); border-color: hsl(40,100%,15%); }
sectionOuter:nth-of-type(16) h1sticky="true" { background: hsl(120,100%,15%); border-color: hsl(120,100%,15%); }
sectionOuter:nth-of-type(17) h1sticky="true" { background: hsl(200,100%,15%); border-color: hsl(200,100%,15%); }
sectionOuter:nth-of-type(18) h1sticky="true" { background: hsl(280,100%,15%); border-color: hsl(280,100%,15%); }
/*
sectionOuter:nth-of-type(1) { border-left: 3px solid hsl(0,100%,25%) !important; }
sectionOuter:nth-of-type(1) h1 { background: hsl(0,100%,25%); color: white !important; }
sectionOuter:nth-of-type(2) { border-left: 3px solid hsl(80,100%,25%) !important; }
sectionOuter:nth-of-type(2) h1 { background: hsl(80,100%,25%); color: white !important; }
- /
/*.sectionOuter:nth-of-type(1) h1 { border-top: 5px solid hsl(0,100%,25%); }*/
/*
sectionOuter:nth-of-type(1) .section { background: linear-gradient(to bottom, hsla(0,100%,20%,0.25) 0%, hsla(0,100%,20%,0) 100%); }
sectionOuter:nth-of-type(2) .section { background: linear-gradient(to bottom, hsla(80,100%,20%,0.25) 0%, hsla(80,100%,20%,0) 100%); }
sectionOuter:nth-of-type(3) .section { background: linear-gradient(to bottom, hsla(160,100%,20%,0.25) 0%, hsla(160,100%,20%,0) 100%); }
sectionOuter:nth-of-type(4) .section { background: linear-gradient(to bottom, hsla(240,100%,20%,0.25) 0%, hsla(240,100%,20%,0) 100%); }
sectionOuter:nth-of-type(5) .section { background: linear-gradient(to bottom, hsla(320,100%,20%,0.25) 0%, hsla(320,100%,20%,0) 100%); }
sectionOuter:nth-of-type(6) .section { background: linear-gradient(to bottom, hsla(40,100%,20%,0.25) 0%, hsla(40,100%,20%,0) 100%); }
sectionOuter:nth-of-type(7) .section { background: linear-gradient(to bottom, hsla(120,100%,20%,0.25) 0%, hsla(120,100%,20%,0) 100%); }
sectionOuter:nth-of-type(8) .section { background: linear-gradient(to bottom, hsla(200,100%,20%,0.25) 0%, hsla(200,100%,20%,0) 100%); }
sectionOuter:nth-of-type(9) .section { background: linear-gradient(to bottom, hsla(280,100%,20%,0.25) 0%, hsla(280,100%,20%,0) 100%); }
- /
sectionOuter:nth-of-type(1) h1, .sectionOuter:nth-of-type(1) h2, .sectionOuter:nth-of-type(1) h3 { color: hsl(0,100%,25%); }
sectionOuter:nth-of-type(2) h1, .sectionOuter:nth-of-type(2) h2, .sectionOuter:nth-of-type(2) h3 { color: hsl(80,100%,25%); }
sectionOuter:nth-of-type(3) h1, .sectionOuter:nth-of-type(3) h2, .sectionOuter:nth-of-type(3) h3 { color: hsl(160,100%,25%); }
sectionOuter:nth-of-type(4) h1, .sectionOuter:nth-of-type(4) h2, .sectionOuter:nth-of-type(4) h3 { color: hsl(240,100%,25%); }
sectionOuter:nth-of-type(5) h1, .sectionOuter:nth-of-type(5) h2, .sectionOuter:nth-of-type(5) h3 { color: hsl(320,100%,25%); }
sectionOuter:nth-of-type(6) h1, .sectionOuter:nth-of-type(6) h2, .sectionOuter:nth-of-type(6) h3 { color: hsl(40,100%,25%); }
sectionOuter:nth-of-type(7) h1, .sectionOuter:nth-of-type(7) h2, .sectionOuter:nth-of-type(7) h3 { color: hsl(120,100%,25%); }
sectionOuter:nth-of-type(8) h1, .sectionOuter:nth-of-type(8) h2, .sectionOuter:nth-of-type(8) h3 { color: hsl(200,100%,25%); }
sectionOuter:nth-of-type(9) h1, .sectionOuter:nth-of-type(9) h2, .sectionOuter:nth-of-type(9) h3 { color: hsl(280,100%,25%); }
sectionOuter:nth-of-type(10) h1, .sectionOuter:nth-of-type(10) h2, .sectionOuter:nth-of-type(10) h3 { color: hsl(0,100%,20%); }
sectionOuter:nth-of-type(11) h1, .sectionOuter:nth-of-type(11) h2, .sectionOuter:nth-of-type(11) h3 { color: hsl(80,100%,20%); }
sectionOuter:nth-of-type(12) h1, .sectionOuter:nth-of-type(12) h2, .sectionOuter:nth-of-type(12) h3 { color: hsl(160,100%,20%); }
sectionOuter:nth-of-type(13) h1, .sectionOuter:nth-of-type(13) h2, .sectionOuter:nth-of-type(13) h3 { color: hsl(240,100%,20%); }
sectionOuter:nth-of-type(14) h1, .sectionOuter:nth-of-type(14) h2, .sectionOuter:nth-of-type(14) h3 { color: hsl(320,100%,20%); }
sectionOuter:nth-of-type(15) h1, .sectionOuter:nth-of-type(15) h2, .sectionOuter:nth-of-type(15) h3 { color: hsl(40,100%,20%); }
sectionOuter:nth-of-type(16) h1, .sectionOuter:nth-of-type(16) h2, .sectionOuter:nth-of-type(16) h3 { color: hsl(120,100%,20%); }
sectionOuter:nth-of-type(17) h1, .sectionOuter:nth-of-type(17) h2, .sectionOuter:nth-of-type(17) h3 { color: hsl(200,100%,20%); }
sectionOuter:nth-of-type(18) h1, .sectionOuter:nth-of-type(18) h2, .sectionOuter:nth-of-type(18) h3 { color: hsl(280,100%,20%); }
sectionOuter:nth-of-type(1) a { color: hsl(0,100%,25%); }
sectionOuter:nth-of-type(2) a { color: hsl(80,100%,25%); }
sectionOuter:nth-of-type(3) a { color: hsl(160,100%,25%); }
sectionOuter:nth-of-type(4) a { color: hsl(240,100%,25%); }
sectionOuter:nth-of-type(5) a { color: hsl(320,100%,25%); }
sectionOuter:nth-of-type(6) a { color: hsl(40,100%,25%); }
sectionOuter:nth-of-type(7) a { color: hsl(120,100%,25%); }
sectionOuter:nth-of-type(8) a { color: hsl(200,100%,25%); }
sectionOuter:nth-of-type(9) a { color: hsl(280,100%,25%); }
sectionOuter:nth-of-type(10) a { color: hsl(0,100%,20%); }
sectionOuter:nth-of-type(11) a { color: hsl(80,100%,20%); }
sectionOuter:nth-of-type(12) a { color: hsl(160,100%,20%); }
sectionOuter:nth-of-type(13) a { color: hsl(240,100%,20%); }
sectionOuter:nth-of-type(14) a { color: hsl(320,100%,20%); }
sectionOuter:nth-of-type(15) a { color: hsl(40,100%,20%); }
sectionOuter:nth-of-type(16) a { color: hsl(120,100%,20%); }
sectionOuter:nth-of-type(17) a { color: hsl(200,100%,20%); }
sectionOuter:nth-of-type(18) a { color: hsl(280,100%,20%); }
a.inactive { opacity: 0.65; }
sectionOuter:nth-of-type(1) a.inactive { color: hsl(0,25%,25%); }
sectionOuter:nth-of-type(2) a.inactive { color: hsl(80,25%,25%); }
sectionOuter:nth-of-type(3) a.inactive { color: hsl(160,25%,25%); }
sectionOuter:nth-of-type(4) a.inactive { color: hsl(240,25%,25%); }
sectionOuter:nth-of-type(5) a.inactive { color: hsl(320,25%,25%); }
sectionOuter:nth-of-type(6) a.inactive { color: hsl(40,25%,25%); }
sectionOuter:nth-of-type(7) a.inactive { color: hsl(120,25%,25%); }
sectionOuter:nth-of-type(8) a.inactive { color: hsl(200,25%,25%); }
sectionOuter:nth-of-type(9) a.inactive { color: hsl(280,25%,25%); }
sectionOuter:nth-of-type(10) a.inactive { color: hsl(0,25%,20%); }
sectionOuter:nth-of-type(11) a.inactive { color: hsl(80,25%,20%); }
sectionOuter:nth-of-type(12) a.inactive { color: hsl(160,25%,20%); }
sectionOuter:nth-of-type(13) a.inactive { color: hsl(240,25%,20%); }
sectionOuter:nth-of-type(14) a.inactive { color: hsl(320,25%,20%); }
sectionOuter:nth-of-type(15) a.inactive { color: hsl(40,25%,20%); }
sectionOuter:nth-of-type(16) a.inactive { color: hsl(120,25%,20%); }
sectionOuter:nth-of-type(17) a.inactive { color: hsl(200,25%,20%); }
sectionOuter:nth-of-type(18) a.inactive { color: hsl(280,25%,20%); }
/*
sectionOuter:nth-of-type(1) .section { border: 1px solid hsl(0,100%,25%); }
sectionOuter:nth-of-type(2) .section { border: 1px solid hsl(80,100%,25%); }
sectionOuter:nth-of-type(3) .section { border: 1px solid hsl(160,100%,25%); }
sectionOuter:nth-of-type(4) .section { border: 1px solid hsl(240,100%,25%); }
sectionOuter:nth-of-type(5) .section { border: 1px solid hsl(320,100%,25%); }
sectionOuter:nth-of-type(6) .section { border: 1px solid hsl(40,100%,25%); }
sectionOuter:nth-of-type(7) .section { border: 1px solid hsl(120,100%,25%); }
sectionOuter:nth-of-type(8) .section { border: 1px solid hsl(200,100%,25%); }
sectionOuter:nth-of-type(9) .section { border: 1px solid hsl(280,100%,25%); }
- /
/*
sectionOuter2 { border-right: 2px solid black; }
sectionOuter2:nth-of-type(1) { border-color: hsl(0,100%,25%); }
sectionOuter2:nth-of-type(2) { border-color: hsl(80,100%,25%); }
sectionOuter2:nth-of-type(3) { border-color: hsl(160,100%,25%); }
sectionOuter2:nth-of-type(4) { border-color: hsl(240,100%,25%); }
sectionOuter2:nth-of-type(5) { border-color: hsl(320,100%,25%); }
sectionOuter2:nth-of-type(6) { border-color: hsl(40,100%,25%); }
sectionOuter2:nth-of-type(7) { border-color: hsl(120,100%,25%); }
- /