|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (max-width: 925px) { |
|
#graph > div{ |
|
position: relative; |
|
top: 25px; |
|
} |
|
} |
|
|
|
|
|
|
|
body{ |
|
--colors-well: rgb(179, 201, 204); |
|
--colors-sick: rgb(241, 85, 85); |
|
--lcolors-well: rgb(217, 228, 230); |
|
--lcolors-sick: rgb(246, 145, 145); |
|
--dcolors-well: rgb(63, 70, 71); |
|
--dcolors-sick: rgb(84, 30, 30); |
|
} |
|
|
|
|
|
.tooltip { |
|
top: -1000px; |
|
position: fixed; |
|
padding: 10px; |
|
background: rgba(255, 255, 255, .90); |
|
border: 1px solid lightgray; |
|
pointer-events: none; |
|
} |
|
.tooltip-hidden{ |
|
opacity: 0; |
|
transition: all .3s; |
|
transition-delay: .1s; |
|
} |
|
|
|
@media (max-width: 590px){ |
|
div.tooltip{ |
|
bottom: -1px; |
|
width: calc(100%); |
|
left: -1px !important; |
|
right: -1px !important; |
|
top: auto !important; |
|
width: auto !important; |
|
} |
|
} |
|
|
|
svg{ |
|
overflow: visible; |
|
} |
|
|
|
.domain{ |
|
display: none; |
|
} |
|
|
|
text{ |
|
|
|
|
|
} |
|
|
|
|
|
|
|
#graph > div{ |
|
margin-top: 20px; |
|
} |
|
|
|
|
|
#end{ |
|
height: 600px; |
|
} |
|
|
|
|
|
.mono{ |
|
font-family: monospace; |
|
} |
|
|
|
|
|
|
|
|
|
.mini .axis{ |
|
font-size: 10px; |
|
line-height: 12px !important; |
|
position: relative; |
|
top: 40px; |
|
} |
|
|
|
.axis{ |
|
font-size: 12px; |
|
} |
|
.axis{ |
|
color: #999; |
|
} |
|
.axis text{ |
|
fill: #999; |
|
} |
|
.axis line{ |
|
stroke: #ccc; |
|
} |
|
|
|
div.axis b{ |
|
margin-bottom: -10px; |
|
display: block; |
|
} |
|
|
|
.init-hidden{ |
|
opacity: 0; |
|
} |
|
|
|
|
|
.highlight{ |
|
color: #fff; |
|
padding-left: 3px; |
|
padding-right: 3px; |
|
padding-top: 1px; |
|
padding-bottom: 1px; |
|
border-radius: 3px; |
|
} |
|
|
|
.highlight.grey{ background: var(--colors-well); } |
|
.highlight.box{ |
|
border: 1px solid #000; |
|
border-radius: 0px; |
|
color: #000; |
|
padding-bottom: 2px; |
|
} |
|
|
|
.weepeople { |
|
font-family: "WeePeople"; |
|
} |
|
|
|
|
|
wee{ |
|
font-family: "WeePeople"; |
|
font-size: 30px; |
|
height: 22px; |
|
display: inline; |
|
position: relative; |
|
top: 5px; |
|
color: var(--colors-well); |
|
padding: 1px; |
|
margin: -1px; |
|
line-height: 3px; |
|
} |
|
wee.sick{ |
|
color: var(--colors-sick); |
|
} |
|
|
|
wee.bg-sick{ |
|
background: var(--lcolors-sick); |
|
} |
|
wee.bg-well{ |
|
background: var(--lcolors-well); |
|
} |
|
|
|
bg{ |
|
background: var(--lcolors-well); |
|
padding-left: 2px; |
|
padding-right: 2px; |
|
} |
|
|
|
bg.sick{ |
|
background: var(--lcolors-sick); |
|
} |
|
|
|
wee.sick.bg-well{ |
|
-webkit-text-stroke: .6px var(--dcolors-sick); |
|
} |
|
wee.well.bg-sick{ |
|
-webkit-text-stroke: .6px var(--dcolors-well); |
|
} |
|
|
|
|
|
|
|
.equation{ |
|
margin: 7px; |
|
position: relative; |
|
} |
|
|
|
|
|
.gated #hidden{ |
|
visibility: hidden; |
|
} |
|
|
|
.gated.opened #hidden{ |
|
visibility: unset; |
|
} |
|
.gated.opened #default{ |
|
display: none; |
|
} |
|
|
|
.gated #default{ |
|
height: 0px; |
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
text.weepeople{ |
|
stroke: #000; |
|
stroke-width: 0; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
.post-summary, .headline{ |
|
display: none; |
|
} |
|
|
|
|
|
i{ |
|
pointer-events: none; |
|
} |
|
|
|
.slider{ |
|
position: relative; |
|
z-index: 100; |
|
} |
|
|
|
|
|
|
|
|
|
|
|
.cursor{ |
|
animation-duration: 1s; |
|
animation-name: bgblink; |
|
display: inline-block; |
|
animation-iteration-count: infinite; |
|
animation-direction: alternate; |
|
cursor: pointer; |
|
transition: opacity .5s; |
|
stroke: #000; |
|
} |
|
|
|
@keyframes bgblink { |
|
from { |
|
|
|
stroke-width: 0px; |
|
} |
|
|
|
to { |
|
|
|
stroke-width: 16px; |
|
} |
|
} |
|
|
|
.no-blink .cursor{ |
|
|
|
animation: 0; |
|
} |
|
|
|
|
|
|
|
#adjust-text{ |
|
padding-top: 15px; |
|
display: block; |
|
} |
|
|