static/counter/index.css

body {
 font-family:Open Sans,Arial;
 color:#454545;
 font-size:16px;
 margin:2em auto;
 max-width:800px;
 padding:1em;
 line-height:1.4;
 text-align:justify
}
html.contrast body {
 color:#050505
}
html.contrast blockquote {
 color:#11151a
}
html.contrast blockquote:before {
 color:#262626
}
html.contrast a {
 color:#03f
}
html.contrast a:visited {
 color:#7d013e
}
html.contrast span.wr {
 color:#800
}
html.contrast span.mfw {
 color:#4d0000
}
@media screen and (prefers-color-scheme:light) {
 html.inverted {
  background-color:#000
 }
 html.inverted body {
  color:#d9d9d9
 }
 html.inverted #contrast,
 html.inverted #invmode {
  color:#fff;
  background-color:#000
 }
 html.inverted blockquote {
  color:#d3c9be
 }
 html.inverted blockquote:before {
  color:#b8b8b8
 }
 html.inverted a {
  color:#00a2e7
 }
 html.inverted a:visited {
  color:#ca1a70
 }
 html.inverted span.wr {
  color:#d24637
 }
 html.inverted span.mfw {
  color:#b00000
 }
 html.inverted.contrast {
  background-color:#000
 }
 html.inverted.contrast body {
  color:#fff
 }
 html.inverted.contrast #contrast,
 html.inverted.contrast #invmode {
  color:#fff;
  background-color:#000
 }
 html.inverted.contrast blockquote {
  color:#f8f6f5
 }
 html.inverted.contrast blockquote:before {
  color:#e5e5e5
 }
 html.inverted.contrast a {
  color:#44c7ff
 }
 html.inverted.contrast a:visited {
  color:#e9579e
 }
 html.inverted.contrast span.wr {
  color:#db695d
 }
 html.inverted.contrast span.mfw {
  color:#ff0d0d
 }
}
@media (prefers-color-scheme:dark) {
 html:not(.inverted) {
  background-color:#000
 }
 html:not(.inverted) body {
  color:#d9d9d9
 }
 html:not(.inverted) #contrast,
 html:not(.inverted) #invmode {
  color:#fff;
  background-color:#000
 }
 html:not(.inverted) blockquote {
  color:#d3c9be
 }
 html:not(.inverted) blockquote:before {
  color:#b8b8b8
 }
 html:not(.inverted) a {
  color:#00a2e7
 }
 html:not(.inverted) a:visited {
  color:#ca1a70
 }
 html:not(.inverted) span.wr {
  color:#d24637
 }
 html:not(.inverted) span.mfw {
  color:#b00000
 }
 html:not(.inverted).contrast {
  background-color:#000
 }
 html:not(.inverted).contrast body {
  color:#fff
 }
 html:not(.inverted).contrast #contrast,
 html:not(.inverted).contrast #invmode {
  color:#fff;
  background-color:#000
 }
 html:not(.inverted).contrast blockquote {
  color:#f8f6f5
 }
 html:not(.inverted).contrast blockquote:before {
  color:#e5e5e5
 }
 html:not(.inverted).contrast a {
  color:#44c7ff
 }
 html:not(.inverted).contrast a:visited {
  color:#e9579e
 }
 html:not(.inverted).contrast span.wr {
  color:#db695d
 }
 html:not(.inverted).contrast span.mfw {
  color:#ff0d0d
 }
 html.inverted html {
  background-color:#fefefe
 }
}
a {
 color:#07a
}
a:visited {
 color:#941352
}
.noselect {
 -webkit-touch-callout:none;
 -webkit-user-select:none;
 -khtml-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
span.citneed {
 vertical-align:top;
 font-size:.7em;
 padding-left:.3em
}
small {
 font-size:.4em
}
p.st {
 margin-top:-1em
}
div.fancyPositioning div.picture-left {
 float:left;
 width:40%;
 overflow:hidden;
 margin-right:1em
}
div.fancyPositioning div.picture-left img {
 width:100%
}
div.fancyPositioning div.picture-left figure {
 margin:10px
}
div.fancyPositioning div.picture-left figure figcaption {
 font-size:.7em
}
div.fancyPositioning div.tleft {
 float:left;
 width:55%
}
div.fancyPositioning div.tleft p:first-child {
 margin-top:0
}
div.fancyPositioning:after {
 display:block;
 content:"";
 clear:both
}
ul li img {
 height:1em
}
blockquote {
 color:#456;
 margin-left:0;
 margin-top:2em;
 margin-bottom:2em
}
blockquote span {
 float:left;
 margin-left:1rem;
 padding-top:1rem
}
blockquote author {
 display:block;
 clear:both;
 font-size:.6em;
 margin-left:2.4rem;
 font-style:oblique
}
blockquote author:before {
 content:"- ";
 margin-right:1em
}
blockquote:before {
 font-family:Times New Roman,Times,Arial;
 color:#666;
 content:open-quote;
 font-size:2.2em;
 font-weight:600;
 float:left;
 margin-top:0;
 margin-right:.2rem;
 width:1.2rem
}
blockquote:after {
 content:"";
 display:block;
 clear:both
}
@media screen and (max-width:500px) {
 body {
  text-align:left
 }
 div.fancyPositioning div.picture-left,
 div.fancyPositioning div.tleft {
  float:none;
  width:inherit
 }
 blockquote span {
  width:80%
 }
 blockquote author {
  padding-top:1em;
  width:80%;
  margin-left:15%
 }
 blockquote author:before {
  content:"";
  margin-right:inherit
 }
}
span.visited {
 color:#941352
}
span.visited-maroon {
 color:#85144b
}
span.wr {
 color:#c0392b;
 font-weight:600
}
button.cont-inv,
span.wr {
 text-decoration:underline
}
button.cont-inv {
 cursor:pointer;
 border-radius:2px;
 position:fixed;
 right:10px;
 font-size:.8em;
 border:0;
 padding:2px 5px
}
#contrast {
 color:#000;
 top:10px
}
#contrast,
#invmode {
 -webkit-touch-callout:none;
 -webkit-user-select:none;
 -khtml-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
#invmode {
 color:#fff;
 background-color:#000;
 position:fixed;
 top:34px;
 text-decoration:underline
}
@media screen and (max-width:1080px) {
 #contrast,
 #invmode {
  position:absolute
 }
}
span.sb {
 color:#00e
}
span.sb,
span.sv {
 cursor:not-allowed
}
span.sv {
 color:#551a8b
}
span.foufoufou {
 color:#444;
 font-weight:700
}
span.foufoufou:before {
 content:"";
 display:inline-block;
 width:1em;
 height:1em;
 margin-left:.2em;
 margin-right:.2em;
 background-color:#444
}
span.foufivfoufivfoufiv {
 color:#454545;
 font-weight:700
}
span.foufivfoufivfoufiv:before {
 content:"";
 display:inline-block;
 width:1em;
 height:1em;
 margin-left:.2em;
 margin-right:.2em;
 background-color:#454545
}
span.mfw {
 color:#730000
}
a.kopimi,
a.kopimi img.kopimi {
 display:block;
 margin-left:auto;
 margin-right:auto
}
a.kopimi img.kopimi {
 height:2em
}
p.fakepre {
 font-family:monospace;
 font-size:.9em
}