Special_Style
- topMenuContainer {
background: #EEE;
}
- articleView {
padding: 0;
padding-top: 10px;
}
h1,h2,h3 {
font-weight: 300;
}
sectionOuter {
}
section {
/*border-top: 1px solid #ccc;*/
background: linear-gradient(to bottom, hsla(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
padding: 20px;
}
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;
}
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(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%); }
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%); }
- articleView .sectionOuter .section { border-width: 1px 0 0 0; }
- articleView .sectionOuter.right .section { border-width: 1px 0 0 1px;}
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%); }
- /