SCP基金会中文分部

:root:lang(cn) {
  --titleColor: #d8dca2;
  --subtitleColor: #d1d197;
  --header-title: "SCP基金会";
  --header-subtitle: "控制 收容 保护";
  --lgurl: url(https://scp-wiki.wikidot.com/local--files/theme:paramycota/scp.png);
  --shroomurl: url(https://scp-wiki.wikidot.com/local--files/theme:paramycota/clavarioid.svg);

  --headerLight: 216, 220, 162;
  --headerOff: 62, 14, 25;
  --headerDark: 32, 1, 14;

  --lightColor: 220, 220, 200;
  --darkColor: 14, 0, 10;

  background-color: rgb(var(--darkColor));
  scrollbar-color: rgb(var(--headerLight)) rgb(var(--headerDark));
}

div#container-wrap{
  background: linear-gradient(to bottom, rgb(var(--headerDark)) 0px 269px, rgba(var(--darkColor), 0.75) 1269px calc(100% - 1000px), rgb(var(--darkColor)) 100%) no-repeat, url(https://scp-wiki.wikidot.com/local--files/theme:paramycota/soil.jpg) fixed, #0e000a;
}
div#container-wrap::before{
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 269.01px;
  background: url(https://scp-wiki.wikidot.com/local--files/theme:paramycota/web.svg) bottom 4.01px center / auto 21px repeat-x, linear-gradient(to top, rgb(var(--headerDark)) 0px 2.01px, rgb(var(--headerLight)) 2.01px 27.01px, rgb(var(--headerDark)) 27.01px 29.01px, transparent 29.01px 100%) bottom no-repeat, url(https://scp-wiki.wikidot.com/local--files/theme:paramycota/header.jpg) top center / 100% auto no-repeat, #20010e;
}
#header{
  padding-top: 50px;
  padding-bottom: 80px;
}
#header::before{
  opacity: 1;
  margin-top: -3em;
  background-size: auto 15em;
}
#header h1 a::before{
  font-family: unset;
}
#header h1 a::before, #header h2::before{
  text-shadow: 0px 0px 5px rgb(var(--headerDark)), 0px 0px 5px rgb(var(--headerDark)), 0px 0px 5px rgb(var(--headerDark)), 0px 0px 5px rgb(var(--headerDark)), 0px 0px 5px rgb(var(--headerDark));
  text-transform: uppercase;
}
#header #login-status, #header #login-status #account-options, #top-bar ul li ul, #search-top-box-form input[type="submit"], #search-top-box-form input[type="submit"]:focus, #search-top-box-form input[type="submit"]:hover{
  color: rgb(var(--headerLight));
  border-color: rgb(var(--headerLight));
  background: rgb(var(--headerDark));
}
#header #login-status{
  border: solid 1px rgb(var(--headerLight));
  padding: 1px;
}
#header #login-status a, #top-bar a{
  color: rgb(var(--headerLight));
}
#header #account-topbutton{
  border: none;
}
#header #login-status #account-options{
  right: -1px;
  margin-top: 1px;
  border-radius: 2px 0 2px 2px;
}
#search-top-box-form input[type="submit"]{
  background: linear-gradient(to bottom, #562a25, #3e0e19, #20010e) rgb(var(--headerDark));
  border-radius: 2px;
}
#search-top-box-form input[type="submit"]:focus, #search-top-box-form input[type="submit"]:hover{
  background: linear-gradient(to bottom, #77593a, #5d3228, #3f0f19) rgb(var(--headerDark));
  border-radius: 2px;
}
#top-bar{
  padding-top: 100px;
}
#top-bar > .top-bar > ul{
  margin: 4px 0;
  background: rgb(var(--headerDark));
}
#top-bar > .mobile-top-bar{
  top: 4px;
  background: rgb(var(--headerDark));
}
#top-bar ul li ul{
  border-top: 2px solid;
  border-radius: 0 0 2px 2px;
}
#top-bar ul li a, #top-bar ul li:hover a, #top-bar ul li.sfhover a, #top-bar ul li:hover ul li a, #top-bar ul li.sfhover ul li a{
  color: rgb(var(--headerLight));
  border: none;
  background: rgb(var(--headerDark));
}
#top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover{
  color: rgb(var(--headerDark));
  border-color: rgb(var(--headerLight));
  background: rgb(var(--headerLight));
}
#top-bar .open-menu a{
  color: rgb(var(--headerLight));
  border: 2px rgb(var(--headerLight)) outset;
  border-radius: 4px;
  background: rgb(var(--headerOff));
}
#top-bar .open-menu a:hover{
  box-shadow: 0 0 10px 3px rgb(var(--headerDark));
}

#side-bar{
  border-right: 1px rgb(var(--headerLight)) solid;
  background: rgb(var(--headerDark));
}
#side-bar .side-block, #side-bar .side-block.resources, #side-bar .side-block.media, #interwiki .side-block{
  background: rgb(var(--headerOff));
  border: 2px rgb(var(--headerLight)) outset;
  border-radius: 2px;
}
#side-bar .heading, #interwiki .heading{
  color: rgb(var(--headerLight));
  border-color: rgb(var(--headerLight));
}
#side-bar a, #interwiki a{
  color: inherit;
}
#side-bar strong{
  font-weight: normal;
}

body, h1{
  color: rgb(var(--lightColor));
}
#page-title, .meta-title{
  color: rgb(var(--headerLight));
  border-color: rgb(var(--headerLight));
  overflow-x: hidden;
}
#page-title::before, #page-title::after, .meta-title::before, .meta-title::after{
  content: "";
  display: inline-block;
  width: 2lh;
  height: 2lh;
  background: var(--shroomurl) center center / 100%;
  vertical-align: bottom;
}
#page-title::before, .meta-title::before{
  transform: scaleX(-1);
  margin-left: -2lh;
}
#page-title::after, .meta-title::after{
  margin-right: -2lh;
}
#main-content{
  text-align: justify;
}
li::marker{
  color: rgb(var(--headerLight));
}
:is(h1, h2, h3, h4, h5, h6, #page-content div[style]:not([class]):has(> :is(h1, h2, h3, h4, h5, h6))) + hr{
  margin-top: 0;
}

a, a:visited, #footer a, #footer a:visited{
  color: rgb(var(--headerLight));
  font-weight: bold;
}
#page-content p a:not(.footnoteref), span.printuser.avatarhover, #page-content td a:not(.footnoteref){
  color: rgb(var(--headerDark));
  text-shadow: none;
  border: 2px rgb(var(--headerLight)) dotted;
  border-radius: 8px;
  background: rgb(var(--headerLight)) padding-box;
  padding: 2px;
}
#page-content p a:not(.footnoteref):hover, span.printuser.avatarhover:hover, #page-content td a:not(.footnoteref):hover{
  border-style: double;
  border-width: 4px;
  padding-left: 0;
  padding-right: 0;
}
#page-content p span.printuser.avatarhover a:not(.footnoteref){
  border-width: 0;
  padding: 0;
}
span.printuser.avatarhover a{
  color: rgb(var(--headerDark));
}
a.newpage:hover{
  text-decoration: underline;
}
#page-content p > a:not(.footnoteref):not([href^="#"]):visited, #page-content p :not(span.printuser.avatarhover) > a:not(.footnoteref):not([href^="#"]):visited, #page-content td a:not(.footnoteref):visited{
  color: rgb(var(--headerLight));
  background: rgb(var(--headerOff)) padding-box;
  border-color: rgb(var(--headerOff));
}
.owindow .button-bar a, div.buttons input{
  color: rgb(var(--headerLight));
  font-weight: bold;
  border: 2px dotted rgb(var(--headerLight));
  border-radius: 8px;
  background: rgb(var(--headerDark));
  padding: calc(0.1em + 2px) 1em;
  cursor: pointer;
}
.owindow .button-bar a:hover, div.buttons input:hover{
  color: rgb(var(--headerLight));
  border: 4px double rgb(var(--headerLight));
  background: rgb(var(--headerOff));
  padding: 0.1em calc(1em - 2px);
}

blockquote, .blockquote, .code, .box, .yui-navset > .yui-content, #toc, .alert, .alert-info, .owindow, .error, #lock-info, table.page-files .highlight{
  border: 4px rgb(var(--headerOff)) solid;
  border-right-color: #290910;
  border-bottom-color: #290910;
  border-radius: 8px;
  background: rgba(var(--headerDark), 0.5);
  padding: 0 1em;
  margin: 1em 0;
  overflow: auto;
}
blockquote, .blockquote, .code, .box{
  clear: both;
}
.alert, .alert-info, .owindow, .error{
  background: rgba(var(--headerDark), 0.75);
}
.code > .hl-main > pre > span{
  color: rgb(var(--lightColor));
}
.hl-identifier{
  font-weight: bold;
}
.owindow .title{
  background: none;
}
.code{
  text-align: start;
}
tt{
  text-justify: none; /* not supported everywhere but it's nice if we can get it */
}

h5, h6{
  margin-top: 2em;
}
.subsection{
  --subsection-index: 0;
}
.subsection > :is(h1, h2, h3, h4){
  display: flex;
  flex-flow: row nowrap;
  border-bottom: 1px rgb(var(--lightColor)) solid;
  margin-top: 2em;
  margin-bottom: 1rem;
  text-align: start;
}
.subsection > :is(h1, h2, h3, h4) > *{
  flex: 0 0 auto;
  margin-right: 1lh;
}
.subsection > :is(h1, h2, h3, h4)::after{
  content: "";
  flex: 1 1 auto;
  align-self: end;
  height: 0;
  border-top: 1lh transparent solid;
  border-image: url(https://scp-wiki.wikidot.com/local--files/theme:paramycota/buttons.svg) 84% 0 0 0 / 1lh 0 0 0 round;
  margin-left: auto;
  margin-right: 0;
  max-width: calc(1.2lh * var(--subsection-index));
}
.colophon{
  margin-top: -1em;
  margin-bottom: 1em;
  text-align: right;
}

.mycelium{
  text-shadow: 1px 1px 1px rgb(var(--darkColor)),-1px 1px 1px rgb(var(--darkColor)),1px -1px 1px rgb(var(--darkColor)),-1px -1px 1px rgb(var(--darkColor));
  background: rgb(var(--darkColor), 0.75);
}
.mycelium, .raisa, .ethics, .overwatch, .classification{
  position: relative;
  z-index: 1;
}
.mycelium::before, .raisa::after, .ethics::after, .overwatch::after, .classification::after{
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mycelium::before{
  background: url(https://scp-wiki.wikidot.com/local--files/theme:paramycota/mycelium.jpg) center / cover fixed, #6d6962;
  opacity: 0.2;
  mix-blend-mode: hard-light;
}
.raisa::after{
  background: url(https://scp-wiki.wikidot.com/local--files/theme:paramycota/raisa.png) center / contain no-repeat;
}
.ethics::after{
  background: url(https://scp-wiki.wikidot.com/local--files/theme:paramycota/ethics.png) center / contain no-repeat;
}
.overwatch::after{
  background: url(https://scp-wiki.wikidot.com/local--files/theme:paramycota/overwatch.png) center / contain no-repeat;
}
.classification::after{
  background: url(https://scp-wiki.wikidot.com/local--files/theme:paramycota/classification.png) center / contain no-repeat;
}
.raisa::after, .ethics::after, .overwatch::after, .classification::after{
  filter: drop-shadow(0 0 10px rgb(var(--headerDark)));
}

#page-content > div.page-rate-widget-box{
  display: block;
  margin-left: 0;
  margin-right: 0;
  text-align: right;
}
div.page-rate-widget-box .rate-points{
  color: rgb(var(--headerLight));
  border: 2px rgb(var(--headerLight)) outset;
  border-radius: 2px;
  border-right: 0 none;
  background-color: rgb(var(--headerOff));
}
div.page-rate-widget-box :is(.rateup, .ratedown, .cancel){
  background-color: rgb(var(--headerOff));
  border-top: 2px outset;
  border-bottom: 2px outset;
  border-color: rgb(var(--headerLight));
  border-radius: 2px;
}
div.page-rate-widget-box .cancel{
  border-right: 2px rgb(var(--headerLight)) outset;
}
div.page-rate-widget-box :is(.rateup, .ratedown) a{
  padding: 0 5px;
  margin: 0;
}
div.page-rate-widget-box :is(.rateup, .ratedown, .cancel) a{
  color: rgb(var(--headerLight));
  background: none;
}
div.page-rate-widget-box :is(.rateup, .ratedown, .cancel) a:hover{
  color: rgb(var(--headerOff));
  background-color: rgb(var(--headerLight));
  border-radius: 0;
}

#content-wrap{
  margin-top: 0.5rem;
}
:is(.page-rate-widget-box, #page-content > div:has(> .page-rate-widget-box)) + p{
  margin-top: 0;
}
#page-content > div:has(+ .anom-bar-container) > .page-rate-widget-box, #page-content > .page-rate-widget-box:has(+ .anom-bar-container){
  margin-bottom: 0;
  text-align: center;
}
:is(div.page-rate-widget-box, #page-content > div:has(.page-rate-widget-box)) + div.anom-bar-container{
  padding-top: 0.5em;
}

.anom-bar-container{
  --swatch-menubg-black-color: var(--headerLight);
  --swatch-text-secondary-color: var(--headerLight);
  --swatch-menutxt-dark-color: var(--headerDark);
}
.anom-bar-container .text-part :is(.disrupt-class, .risk-class)::before{
  background-color: rgb(var(--headerDark));
}
.anom-bar-container .danger-diamond > :is(.top-icon, .right-icon, .left-icon, .bottom-icon){
  border-color: rgb(var(--headerDark));
}
.anom-bar-container .top-box .top-center-box > div{
  border-radius: 2px;
}
.anom-bar-container .bottom-box .text-part > div{
  border-radius: 4px;
}
@media(min-width: 480px){
  .anom-bar-container .bottom-box .text-part > div{
    border-radius: 4px 0 0 4px;
  }
}
@media(min-width: 875px){
  .anom-bar-container .bottom-box .text-part > div.main-class{
    border-radius: 0 0 0 4px;
  }
  .anom-bar-container .bottom-box .text-part > div.disrupt-class, .anom-bar-container .bottom-box .text-part > div.risk-class{
    border-radius: 0 4px 4px 0;
  }
}

div.hovertip{ /* wikidot puts these styles in the fucking element html :/ */
  color: rgb(var(--darkColor));
  background: rgb(var(--headerLight)) content-box !important;
  border: 3em transparent solid !important;
  border-image: url(https://scp-wiki.wikidot.com/local--files/theme:paramycota/box.svg) 33.33% / 3em round !important;
  filter: drop-shadow(0 0 2px rgb(var(--headerDark)));
}

div > a.collapsible-block-link, .colmod-link-top > div.foldable-list-container > a, .colmod-link-end > div.foldable-list-container > a{ /* increase target size of non-inline collapsible targets for wcag 2.5.8 */
  display: inline-block;
  width: 100%;
  margin: -0.5em;
  padding: 0.5em;
}
.collapsible-block-folded, .collapsible-block-unfolded > .collapsible-block-unfolded-link:first-child, .colmod-block{
  margin-top: 1em;
}
.collapsible-block-folded, .collapsible-block-unfolded > .collapsible-block-unfolded-link:last-child, .colmod-block{
  margin-bottom: 1em;
}

:not(.record) > table.wiki-content-table th, .pager .current{
  color: rgb(var(--headerDark));
  background: rgb(var(--headerLight));
}
:not(.record) > table.wiki-content-table th, :not(.record) > table.wiki-content-table td{
  border: none;
}
:not(.record) > table.wiki-content-table tr + tr th:first-child, :not(.record) > table.wiki-content-table tr:first-child th:first-child:not(:last-child){
  border-right: 4px rgb(var(--headerLight)) double;
  text-align: right;
}
:not(.record) > table.wiki-content-table tr:first-child th{
  border-bottom: 4px rgb(var(--headerLight)) double;
  text-align: center;
}
:not(.record) > table.wiki-content-table tr + tr td{
  border-top: 2px rgb(var(--headerLight)) dotted;
}
:not(.record) > table.wiki-content-table td + td{
  border-left: 2px rgb(var(--headerLight)) dotted;
}
:not(.record) > table.wiki-content-table td > img:only-child{
  max-width: calc(100% + 1.4em);
  margin: -0.3em -0.7em;
}

.discourse.box{
  padding: 0;
}
.discourse.box > table.wiki-content-table{
  margin: 0;
  width: 100%;
}
.discourse > table.wiki-content-table tr th{
  font-family: 'Andale Mono', 'Courier New', Courier, monospace;
  font-size: 98%;
  text-transformation: uppercase;
  vertical-align: top;
}
.discourse > table.wiki-content-table tr + tr th:first-child{
  color: rgb(var(--headerLight));
  border-right: none;
  background: none;
  white-space: nowrap;
}
.discourse > table.wiki-content-table tr:first-child > :first-child{
  border-top-left-radius: 4px;
}
.discourse > table.wiki-content-table tr:first-child > :last-child{
  border-top-right-radius: 4px;
}
.discourse > table.wiki-content-table tr + tr td{
  border-top: none;
}
.discourse > table.wiki-content-table th + td, .discourse > table.wiki-content-table td + td{
  border-left: 2px rgb(var(--headerLight)) solid;
}
.discourse > table.wiki-content-table tr + tr + tr td > img{
  border-top: 2px rgb(var(--headerLight)) solid;
}
.discourse > table.wiki-content-table tr:not(:last-child) td > img{
  border-bottom: 2px rgb(var(--headerLight)) solid;
}

.record{
  padding: 0 2em;
}
.record.box{
  padding: 0 1em;
}
.subsection > :is(h1, h2, h3, h4, h5, h6) + .record, .subsection > .colophon + .record{
  margin-top: -1em;
}
.record > table.wiki-content-table{
  width: 100%;
  border-collapse: separate;
  margin-bottom: 1.5em;
}
.record.box > table.wiki-content-table{
  margin-top: 0;
  margin-bottom: 1em;
}
.record > table.wiki-content-table th, .record > table.wiki-content-table td{
  vertical-align: bottom;
  border: none;
  empty-cells: hide;
}
.record > table.wiki-content-table th{
  text-align: left;
  background: none;
  padding: 1em 0 0 0.1em;
  border-bottom: 2px rgb(var(--headerLight)) solid;
}
.record > table.wiki-content-table td{
  text-align: center;
  font-family: 'Andale Mono', 'Courier New', Courier, monospace;
  font-size: 98%;
  padding: 1em 0.5em 0 0.5em;
  border-bottom: 2px rgb(var(--headerLight)) dotted;
}

.yui-navset > ul.yui-nav{
  display: flex;
  flex-flow: row wrap;
  border: none;
}
.yui-navset > ul.yui-nav > li{
  display: block;
  flex: 1 0 auto;
}
.yui-navset > ul.yui-nav > li.selected{
  flex: 2 0 auto;
}
.yui-navset > ul.yui-nav > li > a{
  display: block;
  position: static;
  border: 2px rgb(var(--headerLight)) dotted;
  border-bottom: 1px rgb(var(--headerLight)) solid;
  border-radius: 4px 4px 0 0;
  padding: 2px 2px 0;
  text-align: center;
  color: rgb(var(--headerLight));
  background: rgb(var(--headerDark));
}
.yui-navset > ul.yui-nav > li > :is(a:hover, a:focus){
  background: rgb(var(--headerOff));
  outline: revert;
}
.yui-navset > ul.yui-nav > li.selected > :is(a, a:hover, a:focus){
  border: 4px rgb(var(--headerLight)) solid;
  border-bottom: 1px rgb(var(--headerLight)) solid;
  padding: 0;
  color: rgb(var(--headerDark));
  background: rgb(var(--headerLight));
}
.yui-navset > ul.yui-nav > :is(li, li.selected) > :is(a, a:hover, a:focus) em{
  position: static;
  border: none;
  padding: 2px;
}
.yui-navset > .yui-content{
  border-top: none;
  border-radius: 0px 0px 8px 8px;
  margin-top: 0;
}

.scp-image-block{
  border: none;
}
.scp-image-block img{
  box-sizing: border-box;
  border: 1px rgb(var(--headerLight)) solid;
  border-radius: 4px 4px 0 0;
  background: rgb(var(--darkColor));
}
.scp-image-block .scp-image-caption{
  color: rgb(var(--headerLight));
  border: 1px rgb(var(--headerLight)) solid;
  border-top: none;
  border-radius: 0 0 4px 4px;
  background: rgb(var(--headerOff));
}
.anom-bar-container + .scp-image-block.block-center{
  margin-bottom: 1em;
}
.scp-image-block.block-center, :is(.box, blockquote, .blockquote, .code) > .scp-image-block:first-child{
  margin-top: 1em;
}
/* from croqstyle */
@media (max-width: 850px){
  div.scp-image-block.block-right, div.scp-image-block.block-left{
    float: none;
    margin-top: 1em;
    margin-inline: auto;
  }
}

a.action-area-close:hover{
  background: none;
}
.footnotes-footer, .licensebox{
  margin-top: 6rem;
}
.footnotes-footer ~ .licensebox, .licensebox ~ .footnotes-footer{
  margin-top: 0;
}
.licensebox{
  text-align: start;
}
#footer, #license-area{
  color: rgb(var(--lightColor));
  background: none;
}