/system6 > _style.txt

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;

}

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;
   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%); }