body{ background-color:#333; font-family: 'Source Code Pro', monospace; color:#ccc; } form{ width:600px; height:20px; margin:0 auto; } input{ display: inline-block; outline: none; } input[type="range"]{ -webkit-appearance:none; width:250px; height:10px; margin:10px 10px; background: linear-gradient(to right, #6b6de5 0%, #46e260 100%); background-size:250px 2px; background-position:center; background-repeat:no-repeat; overflow:hidden; outline: none; } input[type="range"]:first-of-type{ margin-top:0px; } input[type="range"]::-webkit-slider-thumb{ -webkit-appearance:none; width:20px; height:20px; background:#ddd; position:relative; z-index:3; box-shadow:0 0 5px 0 rgba(0,0,0,0.3); } input[type="range"]::-webkit-slider-thumb:after{ content:" "; width:20px; height:10px; position:absolute; z-index:1; right:20px; top:5px; background: #ff5b32; background: linear-gradient(to right, #6b6de5 1%, #46e260 70%); } .input{ margin-left:20px; } .add{ margin-left:20px } .preview, .previewhist{ font-weight:100; font-size:0.7em; padding-bottom: 10px; } .date, .datehist{color: #9f00ca; margin-right:5px;} .hpyno, .hpyhist{color:#efe23e; margin-right:5px;} .pretext, .pretexthist{color:#ece5e5; margin-right:5px;} .prepos, .preposhist{ color: #58e81b; margin-right:5px;} .preneg, .preneghist{ color: #e81b1b; margin-right:5px;} .precon, .preconhist{ color: #999; margin-right:5px;} .filter{ background-color:#555; width:880px; font-weight:100; font-size:0.7em; padding:10px; border-radius: 2px; } .filtitle{font-weight:700; margin-right:5px;} .filpos{ background-color: #58e81b; border-radius: 2px; padding:2px 5px; color:#222; margin-right:5px;} .filneg{ background-color: #e81b1b; border-radius: 2px; padding:2px 5px; color:#222; margin-right:5px;} .filcon{ background-color: #999; border-radius: 2px; padding:2px 5px; color:#222; margin-right:5px;} rect.r0 { fill: #ededed; fill: #000; } .highlight, rect.now, rect.now:hover{ stroke: #999; } .graph, .graph-legend rect { shape-rendering: auto; } .subdomain-text{ fill:#111; font-weight:700;} .banner, .top10s, .fullday{ width:950px; color:#ccc; text-align:left; font-weight:700; margin-bottom:10px; margin-left: 50px; } .header{ width:140px; display:inline-block; margin-right:197px; } .header a:link, .header a:hover, .header a:visited, .header a:active{ text-decoration: none; color:#ccc; } .fullday{ padding-top:10px; } .new-log{ width:600px; display:inline-block; vertical-align:top; } .sub-header{ font-weight:700; color:#ccc; } .toppos, .latpos, .topneg, .latneg, .topcon, .latcon{ width:150px; display: inline-block; font-weight:100; font-size:0.7em; } .toppos, .latpos{ color: #58e81b; vertical-align: top;} .topneg, .latneg{ color: #e81b1b; vertical-align: top;} .topcon, .latcon{ color: #999; vertical-align: top;}