公告
欢迎来到BWIKI后室中文！
公告
欢迎来到BWIKI后室中文！
全站通知：
用户:627918516/style/wd后室.css
刷
历
编
跳到导航
跳到搜索
注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
- Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
- Internet Explorer或Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5
- Opera：按 Ctrl-F5。
@charset "UTF-8";
/*
An archived version of the "normalize.min.css" file. The original link can be found here:
https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css
*/
@import url("http://backrooms-to-dv.wikidot.com/local--files/theme:fixed-test/bml.css");
@supports (display: grid) {
#content-wrap {
position: inherit;
margin: inherit;
max-width: inherit;
height: inherit;
min-height: inherit;
}
#page-title,
h1 {
margin: inherit;
padding: inherit;
color: inherit;
font-weight: inherit;
}
h1 {
margin-top: inherit;
}
h2,
h3,
h4,
h5,
h6,
h7 {
margin: inherit;
padding: inherit;
letter-spacing: inherit;
}
#page-title {
border-color: inherit;
}
ul {
list-style: inherit;
}
#top-bar ul {
right: inherit;
bottom: inherit;
}
li,
p {
line-height: inherit;
}
a {
background: inherit;
text-decoration: inherit;
}
#side-bar a:visited, a, a.newpage, a:visited {
color: inherit;
}
a.newpage {
background: inherit;
}
a.newpage, a:hover {
text-decoration: inherit;
}
a:hover {
background-color: inherit;
}
.form-control {
width: inherit;
}
#header,
#top-bar {
max-width: inherit;
margin: inherit;
width: inherit;
}
.mobile-top-bar {
display: inherit;
position: inherit;
bottom: inherit;
left: inherit;
z-index: inherit;
}
body {
background-color: inherit;
color: inherit;
font-size: inherit;
}
div#container-wrap {
background: inherit;
}
sup {
top: inherit;
vertical-align: inherit;
position: inherit;
}
#header {
z-index: inherit;
background: inherit;
padding-bottom: inherit;
height: inherit;
position: inherit;
}
#search-top-box {
position: inherit;
top: inherit;
right: inherit;
width: inherit;
text-align: inherit;
}
#search-top-box-input {
border: inherit;
border-radius: inherit;
}
#search-top-box-input, #search-top-box-input:focus, #search-top-box-input:hover {
box-shadow: inherit;
background-color: inherit;
color: inherit;
}
#search-top-box-input:focus, #search-top-box-input:hover {
border: inherit;
}
#search-top-box-form input[type=submit] {
cursor: inherit;
box-shadow: inherit;
border: inherit;
border-radius: inherit;
background: inherit;
background-color: inherit;
padding: inherit;
color: inherit;
font-weight: inherit;
font-size: inherit;
}
#search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover {
box-shadow: inherit;
border: inherit;
background: inherit;
color: inherit;
text-shadow: inherit;
}
#login-status {
z-index: inherit;
color: inherit;
font-size: inherit;
}
#account-topbutton,
#login-status a,
#login-status ul a {
background: inherit;
color: inherit;
}
.printuser img.small {
margin-right: inherit;
}
#header h1,
#header h2 {
float: inherit;
margin-left: inherit;
padding: inherit;
max-height: inherit;
}
#header h2 {
clear: inherit;
font-size: inherit;
}
#header h1 a {
background: inherit;
font-size: inherit;
font-family: inherit;
letter-spacing: inherit;
text-decoration: inherit;
}
#header h1 a,
#header h2 span {
display: inherit;
margin: inherit;
padding: inherit;
max-height: inherit;
color: inherit;
line-height: inherit;
text-shadow: inherit;
}
#header h2 span {
font-weight: inherit;
}
#top-bar {
position: inherit;
top: inherit;
z-index: inherit;
padding: inherit;
height: inherit;
font-size: inherit;
line-height: inherit;
}
#top-bar ul {
float: inherit;
}
#top-bar ul li {
position: inherit;
border: inherit;
}
#top-bar ul li ul {
box-shadow: inherit;
border: inherit;
border-top: inherit;
width: inherit;
}
#top-bar ul li ul,
#top-bar ul li ul li,
#top-bar ul li ul li.sfhover,
#top-bar ul li ul li:hover,
#top-bar ul li ul li a {
border-width: inherit;
}
#top-bar ul li ul a {
color: inherit;
}
#top-bar ul li a {
border-right: inherit;
border-left: inherit;
padding-top: inherit;
padding-bottom: inherit;
max-height: inherit;
overflow: inherit;
line-height: inherit;
text-decoration: inherit;
}
#top-bar ul li.sfhover a, #top-bar ul li:hover a {
border-right: inherit;
border-left: inherit;
background: inherit;
color: inherit;
}
#top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover {
background: inherit;
text-decoration: inherit;
}
#top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a {
border-top: inherit;
border-width: inherit;
padding-top: inherit;
padding-bottom: inherit;
width: inherit;
height: inherit;
max-height: inherit;
line-height: inherit;
}
#top-bar ul li:last-of-type ul {
right: inherit;
}
#top-bar ul > li > ul {
margin-top: inherit;
}
#top-bar li {
margin: inherit;
}
#top-bar a {
background: inherit;
color: inherit;
}
#top-bar a:hover {
color: inherit;
}
#side-bar {
display: inherit;
position: inherit;
top: inherit;
left: inherit;
clear: inherit;
}
#side-bar,
#side-bar .side-block {
border: inherit;
padding: inherit;
}
#side-bar .side-block {
margin-bottom: inherit;
box-shadow: inherit;
border-radius: inherit;
background: inherit;
}
#side-bar .side-area {
padding: inherit;
}
#side-bar .heading {
margin-top: inherit;
margin-bottom: inherit;
border-bottom: inherit;
padding-left: inherit;
color: inherit;
font-weight: inherit;
font-size: inherit;
}
#side-bar div.menu-item {
margin: inherit;
}
#side-bar div.menu-item img {
position: inherit;
bottom: inherit;
margin-right: inherit;
border: inherit;
width: inherit;
height: inherit;
}
#side-bar div.menu-item a {
font-weight: inherit;
}
#side-bar div.menu-item.inactive img {
opacity: inherit;
}
#side-bar div.menu-item.inactive a {
color: inherit;
}
#side-bar div.menu-item .sub-text {
color: inherit;
font-size: inherit;
}
#side-bar p {
margin: inherit;
}
#side-bar .collapsible-block-folded {
background: inherit;
}
#side-bar .collapsible-block-link {
margin-left: inherit;
font-weight: inherit;
}
#side-bar .collapsible-block-unfolded-link {
border-bottom: inherit;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
margin-top: inherit;
margin-bottom: inherit;
color: inherit;
font-size: inherit;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
color: inherit;
text-decoration: inherit;
}
#side-bar ul {
padding: inherit;
list-style-type: inherit;
}
div.scpnet-interwiki-wrapper {
margin-left: inherit;
width: inherit;
}
iframe.scpnet-interwiki-frame {
border: inherit;
width: inherit;
height: inherit;
}
@media (min-width: 768px) {
div.scpnet-interwiki-wrapper,
iframe.scpnet-interwiki-frame {
width: inherit;
}
}
#main-content {
position: inherit;
margin: inherit;
padding: inherit;
}
#main-content .page-tags a[href^="/system:page-tags/tag/_"] {
display: inherit;
}
#breadcrumbs,
.psuedocrumbs {
margin: inherit;
}
.yui-navset .yui-content {
background-color: inherit;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
border-color: inherit;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
background-image: inherit;
background-color: inherit;
}
.yui-navset .yui-nav a:focus, .yui-navset .yui-nav a:hover {
background: inherit;
text-decoration: inherit;
}
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
background: inherit;
color: inherit;
}
.yui-navset li {
line-height: inherit;
}
#footer {
clear: inherit;
margin-top: inherit;
background: inherit;
padding: inherit;
color: inherit;
font-size: inherit;
}
#footer .options {
display: inherit;
float: inherit;
visibility: inherit;
width: inherit;
font-size: inherit;
text-align: inherit;
}
#footer a {
background: inherit;
color: inherit;
}
div.sexy-box {
background: inherit;
overflow: inherit;
}
div.sexy-box,
div.sexy-box div.image-container img {
margin: inherit;
border: inherit;
padding: inherit;
}
#page-content {
min-height: inherit;
}
.unmargined > p {
margin: inherit;
line-height: inherit;
}
.content-panel {
margin: inherit;
box-shadow: inherit;
border: inherit;
border-radius: inherit;
background-color: inherit;
}
.content-panel.standalone {
background: inherit;
}
.content-panel.series {
margin-bottom: inherit;
padding: inherit;
}
.content-panel.centered {
text-align: inherit;
}
.content-panel.left-column, .content-panel.right-column {
float: inherit;
width: inherit;
}
.content-panel .panel-heading {
padding: inherit;
color: inherit;
font-weight: inherit;
font-size: inherit;
text-shadow: inherit;
}
.content-panel .panel-footer > p,
.content-panel .panel-heading > p {
margin: inherit;
}
.content-panel .panel-body {
background: inherit;
padding: inherit;
}
.content-panel .panel-footer {
padding: inherit;
color: inherit;
font-weight: inherit;
font-size: inherit;
text-align: inherit;
text-shadow: inherit;
}
.content-panel .panel-footer a {
color: inherit;
}
.content-panel .content-toc {
float: inherit;
margin: inherit;
box-shadow: inherit;
border: inherit;
border-radius: inherit;
background-color: inherit;
padding: inherit;
white-space: inherit;
}
.alternate:nth-child(2n) {
background-color: inherit;
}
.page-rate-widget-box {
display: inherit;
margin-right: inherit;
margin-bottom: inherit;
box-shadow: inherit;
border-radius: inherit;
}
.page-rate-widget-box .rate-points {
border: inherit;
border-right: inherit;
border-radius: inherit;
background-color: inherit;
}
.page-rate-widget-box .ratedown,
.page-rate-widget-box .rateup {
border-top: inherit;
border-bottom: inherit;
background-color: inherit;
font-weight: inherit;
}
.page-rate-widget-box .ratedown a,
.page-rate-widget-box .rateup a {
margin: inherit;
background: inherit;
padding: inherit;
color: inherit;
}
.page-rate-widget-box .ratedown a:hover,
.page-rate-widget-box .rateup a:hover {
background: inherit;
color: inherit;
text-decoration: inherit;
}
.page-rate-widget-box .cancel {
border: inherit;
border-left: inherit;
border-radius: inherit;
background-color: inherit;
}
.page-rate-widget-box .cancel a {
background: inherit;
color: inherit;
text-transform: inherit;
}
.page-rate-widget-box .cancel a:hover {
border-radius: inherit;
background: inherit;
color: inherit;
text-decoration: inherit;
}
.heritage-rating-module {
display: inherit;
border: inherit;
border-radius: inherit;
background-color: inherit;
padding: inherit;
}
.heritage-rating-module,
.heritage-rating-module .page-rate-widget-box {
margin-right: inherit;
margin-bottom: inherit;
box-shadow: inherit;
}
.heritage-rating-module .heritage-emblem {
position: inherit;
top: inherit;
left: inherit;
float: inherit;
margin-right: inherit;
width: inherit;
height: inherit;
overflow: inherit;
}
.heritage-rating-module .heritage-emblem img {
border: inherit;
width: inherit;
height: inherit;
}
#main-content .page-tags {
margin: inherit;
padding: inherit;
}
#main-content .page-tags span {
display: inherit;
padding: inherit;
max-width: inherit;
}
#main-content .page-tags a {
display: inherit;
white-space: inherit;
}
.scp-image-block {
box-shadow: inherit;
border: inherit;
width: inherit;
}
.scp-image-block.block-left, .scp-image-block.block-right {
float: inherit;
clear: inherit;
margin: inherit;
}
.scp-image-block.block-center {
margin-right: inherit;
margin-left: inherit;
}
.scp-image-block img {
border: inherit;
width: inherit;
}
.scp-image-block .scp-image-caption {
border-top: inherit;
background-color: inherit;
padding: inherit;
width: inherit;
font-weight: inherit;
font-size: inherit;
text-align: inherit;
}
.scp-image-block .scp-image-caption > p {
margin: inherit;
padding: inherit;
}
.scp-image-block > p {
margin: inherit;
}
.footer-wikiwalk-nav {
font-weight: inherit;
font-size: inherit;
}
.forum-thread-box .description-block,
.thread-container .post .head {
box-shadow: inherit;
border-radius: inherit;
padding: inherit;
}
.thread-container .post .head {
background: inherit;
background-color: inherit;
}
.signature {
display: inherit;
}
.ruby,
ruby {
vertical-align: inherit;
height: inherit;
}
.rt,
.ruby,
rt,
ruby {
display: inherit;
line-height: inherit;
text-align: inherit;
white-space: inherit;
}
.keycap,
.rt,
rt {
font-size: inherit;
}
.keycap {
border: inherit;
border-bottom-width: inherit;
border-color: inherit;
border-radius: inherit;
background-color: inherit;
font-family: inherit;
white-space: inherit;
}
.keycap,
.tags {
padding: inherit;
}
.tags {
display: inherit;
margin: inherit;
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
background: inherit;
height: inherit;
color: inherit;
font-size: inherit;
line-height: inherit;
text-decoration: inherit;
}
.tags::before, .tags::after {
content: inherit;
position: inherit;
top: inherit;
left: inherit;
float: inherit;
width: inherit;
height: inherit;
}
.tags::before {
border: inherit;
padding: inherit;
}
.tags::after {
box-shadow: inherit;
border-radius: inherit;
background: inherit;
}
.bblock {
transition: inherit;
}
.bblock,
.bblock:hover,
.dblock {
background-color: inherit;
color: inherit;
text-decoration: inherit;
}
.dblock {
transition: inherit;
}
.dblock:hover {
background-color: inherit;
text-decoration: inherit;
}
.emph {
text-emphasis-style: inherit;
}
@document url-prefix() {
.emph {
background-image: inherit;
background-size: inherit;
background-repeat: inherit;
background-clip: inherit;
background-color: inherit;
padding: inherit;
font-style: inherit;
font-weight: inherit;
font-family: inherit;
}
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
.emph {
background-image: inherit;
background-size: inherit;
background-repeat: inherit;
background-clip: inherit;
background-color: inherit;
padding: inherit;
font-style: inherit;
font-weight: inherit;
font-family: inherit;
}
}
@viewport {
zoom: inherit;
width: inherit;
}
::-webkit-scrollbar {
border-radius: inherit;
border: inherit;
width: inherit;
height: inherit;
}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track {
background: inherit;
}
.page-source {
word-break: inherit;
}
#page-content div,
#page-content div table,
embed,
iframe,
img,
object,
table,
video {
max-width: inherit;
}
#edit-page-comments {
width: inherit;
}
@media (max-width: 767px) {
.owindow {
min-width: inherit;
max-width: inherit;
}
.modal-body .table,
.modal-body .table ~ div,
.owindow .button-bar {
float: inherit;
}
.owindow div a.btn-primary {
float: inherit;
width: inherit;
}
.mobile-top-bar ul li:last-of-type ul {
right: inherit;
}
a,
span {
word-break: inherit;
}
}
@media (max-width: 479px) {
#search-top-box-input {
display: inherit;
}
#page-content {
font-size: inherit;
}
#main-content {
margin: inherit;
}
#recent-posts-category {
width: inherit;
}
#header,
.mobile-top-bar {
max-width: inherit;
}
#side-bar {
position: inherit;
width: inherit;
}
.mobile-top-bar,
.top-bar {
display: inherit;
}
.mobile-top-bar,
.page-options-bottom a {
padding: inherit;
}
#header h1 a {
font-size: inherit;
}
.blockquote,
blockquote,
div.blockquote {
margin: inherit;
}
.license-area {
font-size: inherit;
}
#header {
background-position: inherit;
background-size: inherit;
}
#header h1,
#header h2 {
margin-left: inherit;
}
table.form td,
table.form th {
float: inherit;
padding: inherit;
}
td.name {
width: inherit;
}
#edit-page-title {
max-width: inherit;
}
.content-panel.left-column,
.content-panel.right-column {
float: inherit;
width: inherit;
}
#page-content div,
#page-content div table {
clear: inherit;
}
#page-content div.title {
word-break: inherit;
}
}
@media (min-width: 480px) and (max-width: 580px) {
#search-top-box-input {
width: inherit;
}
#main-content {
margin: inherit;
}
#header,
.mobile-top-bar {
max-width: inherit;
}
#side-bar {
position: inherit;
width: inherit;
}
.mobile-top-bar,
.top-bar {
display: inherit;
}
.page-options-bottom a {
padding: inherit;
}
#header h1 a {
font-size: inherit;
}
.blockquote,
blockquote,
div.blockquote {
margin: inherit;
}
.license-area {
font-size: inherit;
}
#header {
background-position: inherit;
background-size: inherit;
}
#header h1,
#header h2 {
margin-left: inherit;
}
#page-content div.title {
word-break: inherit;
}
td.name {
width: inherit;
}
.content-panel.left-column,
.content-panel.right-column {
float: inherit;
width: inherit;
}
#page-content div,
#page-content div table {
clear: inherit;
}
}
@media (min-width: 581px) and (max-width: 767px) {
#search-top-box-input,
#side-bar {
width: inherit;
}
#side-bar {
position: inherit;
}
#main-content {
margin: inherit;
}
#header,
.mobile-top-bar {
max-width: inherit;
}
.mobile-top-bar,
.top-bar {
display: inherit;
}
.page-options-bottom a {
padding: inherit;
}
#header h1 a,
.license-area {
font-size: inherit;
}
#header {
background-position: inherit;
background-size: inherit;
}
#header h1,
#header h2 {
margin-left: inherit;
}
}
@media (min-width: 768px) and (max-width: 979px) {
#main-content {
margin: inherit;
}
#header,
#top-bar #side-bar {
max-width: inherit;
}
.top-bar li {
margin: inherit;
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
width: inherit;
}
.page-options-bottom a {
padding: inherit;
}
#header h1 a,
.license-area {
font-size: inherit;
}
#header {
background-position: inherit;
background-size: inherit;
}
#header h1,
#header h2 {
margin-left: inherit;
}
.content-panel.left-column,
.content-panel.right-column {
float: inherit;
width: inherit;
}
#page-content div,
#page-content div table {
clear: inherit;
}
}
.close-menu {
display: inherit;
}
@media (max-width: 767px) {
.page-history tbody tr td:last-child {
width: inherit;
}
.owindow {
min-width: inherit;
max-width: inherit;
}
.modal-body .table,
.modal-body .table ~ div,
.owindow .button-bar {
float: inherit;
}
.owindow div .btn-primary {
float: inherit;
width: inherit;
}
.owindow div .btn-primary ~ div {
width: inherit;
}
.yui-navset {
z-index: inherit;
}
#navi-bar,
#navi-bar-shadow {
display: inherit;
}
#top-bar .open-menu a {
position: inherit;
top: inherit;
left: inherit;
z-index: inherit;
border: inherit;
border-radius: inherit;
background-color: inherit;
width: inherit;
height: inherit;
color: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
font-family: inherit;
text-align: inherit;
}
#top-bar .open-menu a:hover {
box-shadow: inherit;
text-decoration: inherit;
}
#main-content {
margin: inherit;
max-width: inherit;
}
#main-content,
#side-bar {
transition: inherit;
padding: inherit;
}
#side-bar {
display: inherit;
left: inherit;
z-index: inherit;
overflow-y: inherit;
}
#side-bar, #side-bar::after {
position: inherit;
top: inherit;
background-color: inherit;
width: inherit;
height: inherit;
}
#side-bar::after {
content: inherit;
}
#side-bar:target {
display: inherit;
left: inherit;
z-index: inherit;
margin: inherit;
border: inherit;
width: inherit;
}
#side-bar:target + #main-content {
left: inherit;
}
#side-bar:target .close-menu {
display: inherit;
position: inherit;
top: inherit;
left: inherit;
z-index: inherit;
background: inherit;
width: inherit;
height: inherit;
}
}
@media (max-width: 479px) {
#search-top-box-input {
width: inherit;
}
}
}
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Recursive:slnt,wght,CASL,CRSV,MONO@-15..0,300..1000,0,0,1&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap");
@supports (display: grid) {
:root {
--theme-base: "black-highlighter";
--theme-id: "black-highlighter";
--theme-name: "nu-SCP Theme";
--logo-image: url("https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/lgbtqp_logo.svg");
--header-title: "SCP Foundation";
--header-subtitle: "SECURE, CONTAIN, PROTECT";
--body-font: Raleway, Arimo, Verdana, Geneva, sans-serif;
--header-font: Poppins, Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif;
--title-font: Poppins, Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif;
--mono-font: Recursive, Consolas, monaco, monospace;
--white-monochrome: 252, 252, 252;
--pale-gray-monochrome: 244, 244, 244;
--light-pale-gray-monochrome: 244, 244, 244;
--very-light-gray-monochrome: 215, 215, 215;
--light-gray-monochrome: 160, 160, 160;
--gray-monochrome: 66, 66, 72;
--dark-gray-monochrome: 48, 48, 52;
--black-monochrome: 12, 12, 12;
--pale-accent: 230, 40, 60;
--bright-accent: 133, 0, 5;
--medium-accent: 100, 46, 44;
--dark-accent: 100, 3, 15;
--alt-accent: 221, 102, 17;
--background-gradient-color: var(--very-light-gray-monochrome);
--header-gradient-color-bottom: var(--medium-accent);
--header-gradient-color-middle: var(--black-monochrome);
--header-gradient-color-top: var(--black-monochrome);
--swatch-background: var(--white-monochrome);
--swatch-primary: var(--bright-accent);
--swatch-primary-darker: var(--medium-accent);
--swatch-primary-darkest: var(--dark-accent);
--swatch-text-dark: var(--black-monochrome);
--swatch-text-light: var(--white-monochrome);
--swatch-text-general: var(--swatch-text-dark);
--swatch-important-text: var(--bright-accent);
--swatch-menubg-color: var(--white-monochrome);
--swatch-menubg-light-color: var(--pale-gray-monochrome);
--swatch-menubg-medium-color: var(--light-gray-monochrome);
--swatch-menubg-medium-dark-color: var(--gray-monochrome);
--swatch-menubg-dark-color: var(--dark-gray-monochrome);
--swatch-menubg-black-color: var(--black-monochrome);
--swatch-menubg-hover-color: var(--black-monochrome);
--swatch-menutxt-dark-color: var(--black-monochrome);
--swatch-menutxt-light-color: var(--white-monochrome);
--swatch-menutxt-general-color: var(--swatch-menutxt-dark-color);
--swatch-border-color: var(--black-monochrome);
--swatch-secondary-color: var(--swatch-menubg-light-color);
--swatch-tertiary-color: var(--swatch-menubg-medium-color);
--swatch-text-secondary-color: var(--swatch-menutxt-light-color);
--swatch-text-tertiary-color: var(--swatch-menutxt-dark-color);
--swatch-headerh1-color: var(--swatch-text-light);
--swatch-headerh2-color: var(--swatch-text-light);
--swatch-topmenu-border-color: var(--swatch-menubg-black-color);
--swatch-topmenu-bg-color: var(--swatch-menubg-medium-dark-color);
--link-color: var(--pale-accent);
--visited-link-color: var(--swatch-primary);
--hover-link-color: var(--swatch-primary);
--newpage-color: var(--alt-accent);
--sidebar-links-text: var(--swatch-menutxt-general-color);
--rating-module-button-color: var(--swatch-menutxt-dark-color);
--rating-module-button-plus-color: 0, 200, 0;
--rating-module-button-negative-color: 200, 0, 0;
--rating-module-button-cancel-color: 200, 200, 200;
--rating-module-button-credit-color: 50, 50, 50;
--rating-module-text-color: var(--swatch-menutxt-dark-color);
--rating-module-text-hover-color: var(--swatch-menutxt-light-color);
--gradient-header: linear-gradient(to top,
rgb(var(--header-gradient-color-bottom)) 0%,
rgb(var(--header-gradient-color-middle)) 90%,
rgb(var(--header-gradient-color-top)) 100%);
--gradient-topmenu: linear-gradient(to bottom,
hsla(0, 0%, 100%, 0) 0%,
hsla(0, 0%, 100%, 0) var(--header-height-on-desktop),
rgba(var(--swatch-topmenu-border-color), 1) var(--header-height-on-desktop),
rgba(var(--swatch-topmenu-bg-color), 1) calc(var(--header-height-on-desktop) + 0.125rem),
rgba(var(--swatch-topmenu-bg-color), 0.95) calc(100% - 0.125rem),
rgba(var(--swatch-topmenu-bg-color), 1) calc(100% - 0.125rem),
rgba(var(--swatch-topmenu-border-color), 1) 100%);
--gradient-topmenu-mobile: linear-gradient(to bottom,
rgba(var(--swatch-topmenu-border-color), 1) 0,
rgba(var(--swatch-topmenu-bg-color), 1) 0.125rem,
rgba(var(--swatch-topmenu-bg-color), 1) calc(var(--topbar-height-on-mobile) - 0.125rem),
rgba(var(--swatch-topmenu-bg-color), 1) calc(var(--topbar-height-on-mobile) - 0.125rem),
rgba(var(--swatch-topmenu-border-color), 1) var(--topbar-height-on-mobile));
--diagonal-stripes: repeating-linear-gradient(45deg,
hsla(0, 0%, 100%, 0),
hsla(0, 0%, 100%, 0) 0.25vh,
rgba(88, 88, 88, 0.1) 0.35vh,
rgba(88, 88, 88, 0.2) 0.5vh);
--gradient-sidemenu-header: linear-gradient(10deg,
rgba(var(--swatch-primary-darker), 0.45) 0%,
rgba(var(--swatch-primary-darker), 0.55) 100%);
--background-gradient-distance: 40rem;
--gradient-background: linear-gradient(to bottom,
rgba(var(--background-gradient-color), 1) 0,
rgba(var(--background-gradient-color), 0.987) calc(var(--background-gradient-distance) * 0.008),
rgba(var(--background-gradient-color), 0.951) calc(var(--background-gradient-distance) * 0.029),
rgba(var(--background-gradient-color), 0.896) calc(var(--background-gradient-distance) * 0.064),
rgba(var(--background-gradient-color), 0.825) calc(var(--background-gradient-distance) * 0.11),
rgba(var(--background-gradient-color), 0.741) calc(var(--background-gradient-distance) * 0.166),
rgba(var(--background-gradient-color), 0.648) calc(var(--background-gradient-distance) * 0.231),
rgba(var(--background-gradient-color), 0.550) calc(var(--background-gradient-distance) * 0.304),
rgba(var(--background-gradient-color), 0.450) calc(var(--background-gradient-distance) * 0.383),
rgba(var(--background-gradient-color), 0.352) calc(var(--background-gradient-distance) * 0.467),
rgba(var(--background-gradient-color), 0.259) calc(var(--background-gradient-distance) * 0.554),
rgba(var(--background-gradient-color), 0.175) calc(var(--background-gradient-distance) * 0.644),
rgba(var(--background-gradient-color), 0.104) calc(var(--background-gradient-distance) * 0.735),
rgba(var(--background-gradient-color), 0.049) calc(var(--background-gradient-distance) * 0.825),
rgba(var(--background-gradient-color), 0.013) calc(var(--background-gradient-distance) * 0.914),
rgba(var(--background-gradient-color), 0) var(--background-gradient-distance));
--header-height-on-desktop: 7.5rem;
--header-height-on-mobile: 7.5rem;
--topbar-height-on-desktop: 1.875rem;
--topbar-height-on-mobile: 3rem;
--header-background-image-size: 100% var(--header-height-on-desktop);
--body-width-on-desktop: 44.25rem;
--sidebar-width-on-desktop: calc(var(--base-font-size) * (14 / 15) * 19);
--sidebar-width-on-mobile: calc(var(--base-font-size) * (14 / 15) * 16);
--scrollbar-width: 1rem;
--border-styling: solid 0.0625rem rgb(var(--swatch-border-color));
--border-radius-width: 0.0625rem;
--box-border-bottom: 0 0.0625rem 0 0 rgb(var(--swatch-border-color));
--box-border-top: 0 -0.0625rem 0 0 rgb(var(--swatch-border-color));
--box-border-left: -0.0625rem 0 0 0 rgb(var(--swatch-border-color));
--box-border-right: 0.0625rem 0 0 0 rgb(var(--swatch-border-color));
--box-border-all: 0 0 0 0.0625rem rgb(var(--swatch-border-color));
--sidebar-transition-timing: 0.5s ease-in-out 0.1s;
--sidebar-internal-border-thickness: 0.125rem;
--base-font-size: 0.9375rem;
--base-line-height: 1.313rem;
--header-h1-font-size: calc(var(--base-font-size) * 2.65);
--header-h2-font-size: var(--base-font-size);
--final-header-height-on-desktop: calc(var(--header-height-on-desktop) + var(--topbar-height-on-desktop));
--final-header-height-on-mobile: calc(var(--header-height-on-mobile) + var(--topbar-height-on-mobile));
}
/* ===ANIMATIONS=== */
:root {
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes slide-in {
from {
translate: 1rem 1rem;
}
to {
translate: 0 0;
}
}
@supports not (translate: 1rem 1rem) {
@keyframes slide-in {
from {
transform: translate(1rem, 1rem);
}
to {
transform: translate(0, 0);
}
}
}
@keyframes slide-down {
from {
max-height: 0;
}
to {
max-height: var(--header-height-on-desktop);
}
}
@keyframes lift-in {
from {
box-shadow: 0 0 0 0 rgba(var(--swatch-alternate-color), 0.25), inset 0 0 0 0.0625rem rgb(var(--swatch-primary-darkest));
}
to {
box-shadow: 0.25rem 0.125rem 0.5rem 0 rgba(var(--swatch-alternate-color), 0.25), inset 0 0 0 0.0625rem rgb(var(--swatch-primary-darkest));
}
}
:root {
--wght: 400;
--ui-wght: 500;
--ui-hvr-wght: 500;
--ital: 0;
--mono-wght: 350;
--slnt: 0;
--CASL: 0;
--CRSV: 0;
--MONO: 1;
--lnum: 1;
--pnum: 1;
--kern: 1;
--cpsp: 1;
--liga: 1;
--case: 1;
--clig: 1;
--dlig: 0;
--calt: 1;
--aalt: 0;
--ss01: 1;
--ss02: 0;
--ss03: 1;
--ss04: 1;
--zero: 1;
--cv11: 0;
}
*,
*::before,
*::after {
font-kerning: auto;
font-variant-ligatures: common-ligatures contextual;
font-variant-numeric: lining-nums proportional-nums;
font-weight: var(--wght, revert);
}
@supports (font-variation-settings: inherit) {
*,
*::before,
*::after {
font-variation-settings: "ital" var(--ital, 0), "slnt" var(--slnt, 0), "CASL" var(--CASL, 0), "CRSV" var(--CRSV, 0), "MONO" var(--MONO, 0), "FLAR" var(--FLAR, 0);
}
}
@supports (font-feature-settings: inherit) {
*,
*::before,
*::after {
font-feature-settings: "lnum" var(--lnum, 1), "pnum" var(--pnum, 1), "kern" var(--kern, 1), "cpsp" var(--cpsp, 1), "liga" var(--liga, 1), "case" var(--case, 1), "clig" var(--clig, 1), "dlig" var(--dlig, 0), "calt" var(--calt, 1), "aalt" var(--aalt, 0), "ss01" var(--ss01, 1), "ss02" var(--ss02, 0), "ss03" var(--ss03, 1), "ss04" var(--ss04, 1), "zero" var(--zero, 1), "cv11" var(--cv11, 0);
}
}
html {
font-size: 1em;
line-height: 1.5;
}
body,
html {
scrollbar-color: rgba(var(--swatch-tertiary-color), 0.6) rgba(var(--swatch-tertiary-color), 0.1);
color: rgb(var(--swatch-text-general));
font-variant-ligatures: none;
}
body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
background: rgba(var(--swatch-tertiary-color), 0.1);
}
body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
background: rgba(var(--swatch-tertiary-color), 0.6);
}
body {
orphans: 2;
background-color: rgba(var(--swatch-background), 1);
font-size: var(--base-font-size);
font-family: var(--body-font);
hyphens: manual;
word-break: normal;
}
body .bold, body .bold *,
body b,
body b *,
body strong,
body strong * {
--wght: 700;
--mono-wght: calc(var(--wght) - 50);
}
body .italic, body .italic *,
body em,
body em *,
body i,
body i * {
--ital: 1;
--slnt: -15;
}
@media only screen and (max-width: 320px) {
body {
font-size: calc(var(--base-font-size) * 0.9333333333);
}
}
[style*="weight: 1000"], [style*="weight: 1000"] *,
[style*="weight:1000"],
[style*="weight:1000"] * {
--wght: 1000;
font-weight: var(--wght);
--mono-wght: calc(var(--wght) - 50);
}
[style*="weight: 900"], [style*="weight: 900"] *,
[style*="weight:900"],
[style*="weight:900"] * {
--wght: 900;
font-weight: var(--wght);
--mono-wght: calc(var(--wght) - 50);
}
[style*="weight: 800"], [style*="weight: 800"] *,
[style*="weight:800"],
[style*="weight:800"] * {
--wght: 800;
font-weight: var(--wght);
--mono-wght: calc(var(--wght) - 50);
}
[style*="weight: 700"], [style*="weight: 700"] *,
[style*="weight:700"],
[style*="weight:700"] * {
--wght: 700;
font-weight: var(--wght);
--mono-wght: calc(var(--wght) - 50);
}
[style*="weight: 600"], [style*="weight: 600"] *,
[style*="weight:600"],
[style*="weight:600"] * {
--wght: 600;
font-weight: var(--wght);
--mono-wght: calc(var(--wght) - 50);
}
[style*="weight: 500"], [style*="weight: 500"] *,
[style*="weight:500"],
[style*="weight:500"] * {
--wght: 500;
font-weight: var(--wght);
--mono-wght: calc(var(--wght) - 50);
}
[style*="weight: 400"], [style*="weight: 400"] *,
[style*="weight:400"],
[style*="weight:400"] * {
--wght: 400;
font-weight: var(--wght);
--mono-wght: calc(var(--wght) - 50);
}
[style*="weight: 300"], [style*="weight: 300"] *,
[style*="weight:300"],
[style*="weight:300"] * {
--wght: 300;
font-weight: var(--wght);
--mono-wght: calc(var(--wght) - 50);
}
[style*="weight: 200"], [style*="weight: 200"] *,
[style*="weight:200"],
[style*="weight:200"] * {
--wght: 200;
font-weight: var(--wght);
--mono-wght: calc(var(--wght) - 50);
}
[style*="weight: 100"], [style*="weight: 100"] *,
[style*="weight:100"],
[style*="weight:100"] * {
--wght: 100;
font-weight: var(--wght);
--mono-wght: calc(var(--wght) - 50);
}
[style*=italic], [style*=italic] *,
[style*=oblique],
[style*=oblique] * {
--ital: 1;
--slnt: -15;
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
img,
embed,
video,
object,
iframe,
table {
max-width: 100%;
}
input,
textarea,
select,
button,
meter,
progress {
font-family: var(--body-font);
}
table:not(.form) td > input {
width: 100%;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
}
#edit-page-comments {
width: calc(100% - 2rem);
min-height: 3rem;
padding: 0 1rem;
line-height: 1.5;
resize: both;
}
textarea,
input.text,
input.checkbox,
div.note,
#lock-info {
transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
border: 0.0625rem solid rgba(var(--swatch-border-color), 0.25);
background-color: rgb(var(--swatch-background));
color: rgb(var(--swatch-text-general));
font-family: var(--body-font);
scrollbar-color: rgba(var(--swatch-tertiary-color), 0.6) rgba(var(--swatch-tertiary-color), 0.1);
will-change: box-shadow, color, background-color;
}
textarea::-webkit-scrollbar-track,
input.text::-webkit-scrollbar-track {
background: rgba(var(--swatch-tertiary-color), 0.1);
}
textarea::-webkit-scrollbar-thumb,
input.text::-webkit-scrollbar-thumb {
background: rgba(var(--swatch-tertiary-color), 0.6);
}
pre, pre * {
--MONO: 1;
--calt: 0;
max-width: 90vw;
font-family: var(--mono-font);
white-space: pre;
font-variation-settings: "wght" var(--mono-wght), "CASL" var(--CASL), "CRSV" var(--CRSV), "MONO" var(--MONO);
}
pre i, pre i *,
pre em,
pre em *,
pre .italic,
pre .italic *,
pre [style*=italic],
pre [style*=italic] *,
pre [style*=oblique],
pre [style*=oblique] * {
--slnt: -15;
}
sub, #main-content sub,
sup,
#main-content sup {
position: relative;
font-size: 0.75em;
}
sub, #main-content sub {
bottom: -0.25em;
vertical-align: sub;
}
sup, #main-content sup {
top: -0.25em;
vertical-align: super;
}
hr {
display: block;
height: 0.0625rem;
margin: 1em 0;
padding: 0;
border: 0;
border-top: 0.0625rem solid rgba(var(--swatch-tertiary-color, 66, 66, 72));
}
h1,
h2,
h3,
h4,
h5,
h6 {
--wght: 700;
margin: 0 0 0.5em 0;
padding: 0;
font-family: var(--title-font);
font-weight: revert;
line-height: 1.4;
font-variant-ligatures: common-ligatures contextual discretionary-ligatures;
font-weight: var(--wght);
}
h1 {
font-size: 1.5em;
}
h2 {
font-size: 1.25em;
}
h3 {
font-size: 1.1875em;
}
h4 {
font-size: 1.125em;
}
h5 {
font-size: 1.0625em;
}
h6 {
font-size: 1em;
}
@media only screen and (min-width: 56.25rem) {
h1 {
font-size: 2em;
}
h2 {
font-size: 1.75em;
}
h3 {
font-size: 1.5375em;
}
h4 {
font-size: 1.3625em;
}
h5 {
font-size: 1.15em;
}
h6 {
font-size: 1em;
}
}
ul {
list-style: square;
}
a {
color: rgb(var(--link-color));
}
a, a:visited {
transition: text-decoration-color 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
text-decoration: underline 0.09375em;
text-decoration-color: transparent;
}
a:visited {
color: rgb(var(--visited-link-color));
}
a, a.newpage {
background: transparent;
}
a.newpage {
color: rgb(var(--newpage-color));
}
a:hover, a:active, a:focus-within {
transition: text-decoration-color 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
background-color: transparent;
color: rgb(var(--hover-link-color));
text-decoration: underline 0.09375em;
text-decoration-color: currentColor;
}
[style*=line-through] a, [style*=line-through] a:visited, [style*=line-through] a:active {
text-decoration-color: inherit;
}
rt {
display: table-header-group;
font-size: 0.6em;
line-height: 1.1;
}
ruby {
display: inline-table;
vertical-align: text-bottom;
height: 1em;
line-height: 1;
}
rt,
ruby {
text-align: center;
white-space: nowrap;
}
tt {
--calt: 0;
hyphens: auto;
overflow-wrap: break-word;
white-space: pre-wrap;
}
tt, tt * {
font-family: var(--mono-font);
font-variation-settings: "wght" var(--mono-wght), "slnt" var(--slnt), "CASL" var(--CASL), "CRSV" var(--CRSV), "MONO" var(--MONO);
}
::-webkit-scrollbar {
width: var(--scrollbar-width);
height: var(--scrollbar-width);
border: solid 0.0625rem rgba(var(--swatch-menubg-black-color), 0.1);
border-radius: 0.031rem;
}
::-webkit-scrollbar-track {
background: rgba(var(--swatch-menubg-black-color), 0.1);
}
::-webkit-scrollbar-thumb {
background: rgba(var(--swatch-tertiary-color), 0.4);
}
::selection {
background: rgba(var(--swatch-primary, 180, 35, 35), 0.25);
text-shadow: none;
}
.browserupgrade {
margin: 0.2em 0;
padding: 0.2em 0;
background: rgb(var(--swatch-secondary-color));
color: rgb(var(--swatch-text-tertiary-color));
}
.code {
border: 0.0625rem dashed rgba(var(--swatch-border-color), 0.25);
background-color: rgb(var(--swatch-secondary-color, 244, 244, 244));
padding: 1em;
}
.code, .code * {
font-family: var(--mono-font);
font-variation-settings: "wght" var(--mono-wght), "slnt" var(--slnt), "CASL" var(--CASL), "CRSV" var(--CRSV), "MONO" var(--MONO);
}
.code * {
--calt: 0;
max-width: 90vw;
}
.code p,
.code pre {
margin: 0;
}
.code pre {
white-space: pre-wrap;
}
.code pre, .code pre * {
font-variation-settings: "wght" var(--mono-wght), "slnt" var(--slnt), "CASL" var(--CASL), "CRSV" var(--CRSV), "MONO" var(--MONO);
}
#container {
display: grid;
grid-template-rows: auto;
grid-template-areas: "header" "content-wrap" "footer" "license";
margin: 0;
width: 100%;
height: 100%;
}
#container,
#content-wrap {
padding: 0;
}
#content-wrap {
display: grid;
position: static;
grid-template-columns: calc(var(--sidebar-width-on-desktop)) calc(50% - var(--body-width-on-desktop) / 2 - var(--sidebar-width-on-desktop) * 3 / 2) 1fr calc(50% - var(--body-width-on-desktop) / 2 - var(--sidebar-width-on-desktop) / 2);
grid-template-areas: "side-bar . content";
grid-area: content-wrap;
flex-grow: 2;
flex-direction: column;
margin: 0 auto;
width: 100%;
height: auto;
min-height: calc(100vh - var(--final-header-height-on-desktop));
}
#action-area-top {
grid-area: action-area-top;
}
#action-area {
grid-area: action-area-btm;
}
#page-title,
.meta-title {
--wght: 700;
margin: 0 0 0.6em;
border-bottom: 0.0625rem solid rgb(var(--swatch-menubg-medium-dark-color, 66, 66, 72));
padding: 0 0 0.25em;
min-height: 2rem;
color: rgb(var(--swatch-text-general));
font-weight: 700;
font-family: var(--title-font);
font-variant-ligatures: common-ligatures contextual discretionary-ligatures;
text-align: left;
}
#page-title {
grid-area: page-title;
}
.form-control {
width: 95%;
}
.info-container .collapsible-block-link,
.info-container:hover .collapsible-block-link {
line-height: 1.6em;
}
span.printuser {
display: inline-flex;
flex-wrap: nowrap;
justify-content: center;
align-items: baseline;
}
.printuser img.small {
margin-right: 0.0625rem;
min-width: auto;
}
#main-content {
display: grid;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
grid-template-areas: "action-area-top" "page-title" "breadcrumbs" "page-content" "page-tags" "page-info-break" "page-options" "action-area-btm";
grid-area: content;
flex-basis: var(--body-width-on-desktop);
margin: 0 auto;
background-color: transparent;
padding: 2rem 1rem;
width: calc(100% - 3rem);
max-width: var(--body-width-on-desktop);
}
#breadcrumbs,
.pseudocrumbs {
grid-area: breadcrumbs;
margin: -1em 0 1em;
font-size: 85%;
}
#page-info-break {
grid-area: page-info-break;
}
div#page-info,
div.page-watch-options {
padding: 0 1em;
}
#page-options-container {
grid-area: page-options;
}
div#page-options-bottom {
margin: 0 auto 2.125rem;
width: 90%;
}
div#page-options-bottom-2 {
margin: -2.125rem auto 0;
width: 90%;
}
div#page-options-bottom, div#page-options-bottom-2 {
flex-wrap: wrap;
text-align: left;
}
div#page-options-bottom, div#page-options-bottom > a, div#page-options-bottom-2, div#page-options-bottom-2 > a {
display: flex;
}
div#page-options-bottom > a, div#page-options-bottom-2 > a {
flex-grow: 2;
justify-content: center;
transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
border: 0.125rem solid rgba(var(--swatch-menubg-dark-color, 48, 48, 52), 1);
border-radius: 0.25rem;
background-color: rgba(var(--swatch-primary-darkest, 100, 3, 15), 1);
padding: 0.25rem;
color: rgb(var(--swatch-text-secondary-color, 252, 252, 252));
}
div#page-options-bottom > a:hover, div#page-options-bottom > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom-2 > a:active {
border: 0.125rem solid rgba(var(--swatch-primary-darkest, 48, 48, 52), 1);
background-color: rgba(var(--swatch-menubg-dark-color, 100, 3, 15), 1);
color: rgb(var(--swatch-text-secondary-color, 252, 252, 252));
text-decoration: none;
}
#footer {
display: flex !important;
position: relative;
left: 0;
grid-area: footer;
flex-direction: row;
justify-content: flex-end;
align-items: center;
align-self: auto;
clear: both;
box-sizing: border-box;
margin: 0;
background: rgb(var(--swatch-primary-darkest, 100, 3, 15));
padding: 0.2875rem 0;
width: 100%;
height: 1rem;
color: rgb(var(--swatch-tertiary-color, 66, 66, 72));
font-size: 77%;
line-height: 1;
white-space: nowrap;
}
#footer > a {
margin-right: auto;
padding-right: 0.5em;
}
#footer .options {
display: block;
float: right;
visibility: visible;
margin-right: 0.25em;
margin-left: auto;
border-right: 0.125rem solid rgba(var(--swatch-primary));
padding-right: 0.25em;
width: auto;
font-size: 100%;
text-align: right;
white-space: normal;
}
#footer .options * {
white-space: nowrap;
}
#license-area {
position: relative;
grid-area: license;
align-self: flex-end;
padding: 0;
width: 100%;
}
div.sexy-box {
margin: 0.4375rem 0.25rem 0.75rem;
border: 0.0625rem solid rgba(var(--swatch-border-color, 12, 12, 12), 0.25);
background: rgb(var(--swatch-background, 252, 252, 252));
padding: 0 0.625rem 0.75rem;
overflow: hidden;
}
div.sexy-box div.image-container img {
margin: 0.3125rem;
border: 0.0625rem solid rgba(var(--swatch-border-color, 12, 12, 12), 0.5);
padding: 0.125rem;
}
#page-content {
grid-area: page-content;
max-width: 90vw;
min-height: 45rem;
}
.unmargined > p {
margin: 0;
line-height: 100%;
}
.content-panel {
--box-shadow-1: rgba(var(--swatch-text-dark, 12, 12, 12), 0.16);
--box-shadow-2: rgba(var(--swatch-text-dark, 12, 12, 12), 0.23);
--box-shadow-3: rgb(var(--swatch-tertiary-color, 170, 170, 170));
margin: 0.625em 0 0.938em;
box-shadow: 0 0.188em 0.375em var(--box-shadow-1), 0 0.188em 0.375em var(--box-shadow-2), 0 0 0.0625rem 0 var(--box-shadow-3) inset, 0 0 0.0625rem 0 var(--box-shadow-3);
border-radius: 0.625rem;
background-color: rgba(var(--gray-monochrome, 66, 66, 72), 0.5);
}
.content-panel.standalone {
box-sizing: border-box;
background: rgb(var(--swatch-background, 252, 252, 252));
padding: 1em 2em 2em !important;
}
.content-panel.series {
margin-bottom: 1.25rem;
padding: 0 1.25rem;
}
.content-panel.centered {
text-align: center;
}
.content-panel.left-column {
float: left;
width: 48%;
}
.content-panel.right-column {
float: right;
width: 48%;
}
.content-panel .panel-heading {
--wght: 700;
--text-shadow: rgba(var(--swatch-menutxt-dark-color, 12, 12, 12), 0.35);
padding: 0.313em 0.625em;
color: rgb(var(--swatch-text-secondary-color, 252, 252, 252));
font-weight: 700;
font-size: 100%;
text-align: center;
text-shadow: 0.0625rem 0.0625rem 0.125rem var(--text-shadow);
text-transform: uppercase;
}
.content-panel .panel-body {
background: rgb(var(--swatch-tertiary-color));
padding: 0.313em 0.625em;
}
.content-panel .panel-body > .news-title {
font-weight: 900;
font-size: 90%;
font-family: var(--title-font);
text-transform: uppercase;
}
.content-panel .panel-footer {
--text-shadow: rgba(var(--swatch-menutxt-dark-color, 12, 12, 12), 0.5);
--wght: 700;
padding: 0.0625rem 0.625rem;
font-weight: 700;
font-size: 80%;
letter-spacing: 0.016em;
text-align: right;
text-shadow: 0.0625rem 0.0625rem 0.125rem var(--text-shadow);
}
.content-panel .panel-footer, .content-panel .panel-footer a {
color: rgb(var(--swatch-tertiary-color));
}
.content-panel .content-toc {
--box-shadow: rgba(var(--swatch-menutxt-dark-color, 12, 12, 12), 0.15);
float: right;
margin: 1.25rem 0 0.313rem 0.313rem;
box-shadow: inset 0.0625rem 0.125rem 0.375rem var(--box-shadow);
border: 0.0625rem solid rgb(var(--swatch-menubg-medium-dark-color));
border-radius: 0.625rem;
background-color: rgb(var(--swatch-tertiary-color));
padding: 0 1.25rem;
white-space: nowrap;
}
.alternate:nth-child(2n) {
background-color: rgba(var(--swatch-menubg-color), 0.9);
}
#main-content .page-tags {
grid-area: page-tags;
margin: 1em 0 0;
padding: 0;
}
#main-content .page-tags span {
display: inline-block;
padding: 0;
max-width: 100%;
}
#main-content .page-tags a {
display: inline-block;
white-space: nowrap;
}
.footer-wikiwalk-nav {
--wght: 700;
font-weight: 700;
font-size: 75%;
letter-spacing: 0.016em;
}
.forum-thread-box .description-block {
--box-shadow-1: rgba(var(--swatch-menubg-black-color), 0.15);
--box-shadow-2: rgba(var(--swatch-menubg-black-color), 0.8);
--box-shadow-3: rgba(var(--swatch-menubg-color), 0.25);
--box-shadow-4: rgba(var(--swatch-menubg-black-color), 0.1);
padding: 0.5em 1em;
border-radius: 0.625rem;
box-shadow: 0 0.0625rem 0.3125rem var(--box-shadow-1), inset 0 0.0625rem 0 var(--box-shadow-2), inset 0 0.625rem 0.3125rem var(--box-shadow-3), inset 0 -0.9375rem 1.875rem var(--box-shadow-4);
}
.thread-container .post .head {
--box-shadow: rgba(var(--swatch-menubg-black-color), 0.15);
padding: 0.5em 1em;
border-radius: 0.3125rem 0.3125rem 0 0;
background: linear-gradient(to right, rgba(var(--swatch-secondary-color)), rgba(var(--swatch-tertiary-color))), rgba(var(--swatch-secondary-color));
box-shadow: inset 0.125rem 0.1875rem 0.375rem var(--box-shadow);
background-blend-mode: screen;
}
.thread-container .post .long {
padding: 0.5em;
border: 0.0625rem solid rgba(var(--gray-monochrome), 0.25);
border-radius: 0.3125rem;
}
.thread-container .post .long .content {
padding: 0 1em;
}
.thread-container .post .long .head .title {
--wght: 700;
font-family: var(--title-font);
font-size: 1.2em;
font-weight: var(--wght);
letter-spacing: 0.05em;
}
#page-content > div.forum-thread-box > div.new-post {
display: flex;
justify-content: flex-start;
}
#page-content > div.forum-thread-box > div.options,
.post-container > .post > div.long > div.options {
display: flex;
justify-content: flex-end;
}
#page-content > div.forum-thread-box > div.new-post > a,
#page-content > div.forum-thread-box > div.options a,
.post-container > .post > div.long > div.options a {
--wght: 700;
display: flex;
flex-grow: 0;
justify-content: center;
margin: 0.1rem;
padding: 0.25em;
transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
border: 0.0625rem solid rgba(var(--swatch-primary-darker), 1);
border-radius: 0.25rem;
background-color: rgba(var(--swatch-secondary-color), 0.25);
color: rgb(var(--swatch-primary-darkest));
font-weight: var(--wght);
letter-spacing: 0.016em;
}
#page-content > div.forum-thread-box > div.new-post > a:hover, #page-content > div.forum-thread-box > div.new-post > a:active, #page-content > div.forum-thread-box > div.new-post > a:focus-within,
#page-content > div.forum-thread-box > div.options a:hover,
#page-content > div.forum-thread-box > div.options a:active,
#page-content > div.forum-thread-box > div.options a:focus-within,
.post-container > .post > div.long > div.options a:hover,
.post-container > .post > div.long > div.options a:active,
.post-container > .post > div.long > div.options a:focus-within {
background-color: rgba(var(--swatch-alternate-color), 1);
color: rgb(var(--swatch-primary-darker));
text-decoration: none;
}
.signature,
.hidden {
display: none;
}
.rt {
display: table-header-group;
font-size: 0.6em;
line-height: 1.1;
}
.ruby {
display: inline-table;
vertical-align: text-bottom;
height: 1em;
line-height: 1;
}
.rt,
.ruby {
text-align: center;
white-space: nowrap;
}
.keycap {
border: 0.0625rem solid;
border-bottom: 0.125rem solid rgb(var(--swatch-secondary-color, 244, 244, 244));
border-color: rgb(var(--swatch-secondary-color, 244, 244, 244));
border-radius: 0.1875rem;
background-color: rgb(var(--swatch-background, 252, 252, 252));
padding: 0.0625rem 0.1875rem;
font-size: 0.85em;
font-family: inherit;
white-space: nowrap;
}
.tags {
display: inline-block;
margin: 0 0 0 0.3125rem;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
background: rgb(var(--swatch-menubg-dark-color, 48, 48, 52));
padding: 0.1875rem 0.3125rem 0.1875rem 0;
height: 0.8125rem;
color: rgb(var(--swatch-text-secondary-color, 252, 252, 252));
font-size: 0.6875rem;
line-height: 0.8125rem;
text-decoration: none;
}
.tags::before, .tags::after {
content: "";
position: relative;
float: left;
}
.tags::before {
top: -0.1875rem;
left: -0.625rem;
border-top: 0.5rem solid transparent;
border-right: 0.5rem solid rgb(var(--swatch-menubg-dark-color, 48, 48, 52));
border-bottom: 0.5rem solid transparent;
border-left: 0 solid transparent;
padding: 0 0.0625rem 0.1875rem;
width: 0;
height: 0;
}
.tags::after {
--box-shadow: rgb(var(--swatch-menubg-dark-color, 48, 48, 52));
top: 0.28125rem;
left: -0.5rem;
box-shadow: -0.0625rem -0.0625rem 0.125rem var(--box-shadow);
border-radius: 0.125rem;
background-color: rgb(var(--swatch-background, 252, 252, 252));
width: 0.25rem;
height: 0.25rem;
}
.bblock,
.dblock {
transition: 2s;
background-color: rgb(var(--swatch-menubg-black-color, 12, 12, 12));
color: rgb(var(--swatch-text-dark, 12, 12, 12));
text-decoration: none;
}
.bblock:hover {
background-color: rgb(var(--swatch-menubg-black-color, 12, 12, 12));
color: rgb(var(--swatch-primary-darkest, 100, 3, 15));
text-decoration: none;
}
.dblock:hover {
background-color: transparent;
text-decoration: none;
}
.page-source {
word-break: break-all;
}
.visuallyhidden {
position: absolute;
clip-path: polygon(0 0, 0 0, 0 0, 0 0);
clip-path: rect(0, 0, 0, 0);
margin: -0.0625rem;
padding: 0;
width: 0.0625rem;
height: 0.0625rem;
overflow: hidden;
white-space: nowrap;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
position: static;
clip-path: none;
margin: 0;
width: auto;
height: auto;
overflow: visible;
white-space: inherit;
}
.invisible {
visibility: hidden;
}
.clearfix::before, .clearfix::after {
content: "";
display: table;
}
.clearfix::after {
clear: both;
}
div#container-wrap {
background: none;
}
.yui-navset li,
textarea {
line-height: normal;
}
.owindow,
.title.modal-header {
background-color: rgb(var(--swatch-background, 252, 252, 252));
color: rgb(var(--swatch-text-general, 12, 12, 12));
}
#page-content div,
#page-content div table {
max-width: 100%;
}
table.page-history tr td:nth-of-type(2) input {
width: auto;
}
table.form {
margin: 0.5rem -0.25rem;
}
table.form, table.form > tbody {
width: 100%;
}
form#edit-page-form {
border-radius: 1rem;
background-color: rgba(var(--swatch-tertiary-color), 0.25);
padding: 0 0.5rem;
}
.wd-editor-toolbar-panel {
display: flex;
flex-direction: column;
align-items: center;
box-sizing: content-box;
margin: 0;
padding: 0.5rem 0;
height: 100%;
}
.change-textarea-size {
float: right;
padding: 0.5rem;
text-align: right;
}
.change-textarea-size a {
--wght: 600;
display: inline-flex;
justify-content: center;
align-items: center;
border: 0.0625rem solid rgba(var(--swatch-border-color));
background-color: rgba(var(--swatch-tertiary-color));
padding: 0.15rem;
width: 1rem;
height: 1rem;
color: rgba(var(--swatch-text-tertiary-color));
font-weight: 600;
}
.edit-help-34 {
margin: 0.5rem;
text-transform: capitalize;
}
.edit-help-34 > a:first-of-type::after {
content: " |";
}
table.edit-page-bottomtable {
width: 100%;
}
table.edit-page-bottomtable td {
padding: 0;
}
div.buttons {
flex-wrap: wrap;
margin: 0 auto 2.125rem;
width: 100%;
text-align: left;
}
div.buttons, div.buttons input {
display: flex;
}
.owindow .button-bar a,
a.button,
button,
div.buttons input,
file,
input.button {
flex-grow: 2;
justify-content: center;
transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
border: 0.125rem solid rgba(var(--swatch-menubg-dark-color, 48, 48, 52), 1);
border-radius: 0.25rem;
background-color: rgba(var(--swatch-primary-darkest, 100, 3, 15), 1);
padding: 0.25rem;
color: rgb(var(--swatch-text-secondary-color, 252, 252, 252));
}
.owindow .button-bar a:hover,
a.button:hover,
button:hover,
div.buttons input:hover,
file:hover,
input.button:hover {
border: 0.125rem solid rgba(var(--swatch-primary-darkest, 48, 48, 52), 1);
background-color: rgba(var(--swatch-menubg-dark-color, 100, 3, 15), 1);
color: rgb(var(--swatch-text-secondary-color, 252, 252, 252));
text-decoration: none;
}
div.buttons.alignleft {
display: flex;
flex-wrap: wrap;
text-align: left;
}
div.buttons.alignleft > input {
flex-grow: 2;
border-radius: 0.25rem;
padding: 0.25rem;
}
.bibitem,
.footnotes-footer,
.math-equation,
.owindow .title,
.page-options-bottom,
.thread-container .post .long .options {
height: auto;
}
#main-content .page-tags a[href^="/system:page-tags/tag/_"] {
display: none;
}
.emph {
text-emphasis-style: dot;
}
@media only screen and (max-width: 768px) {
#page-content {
font-size: 0.9em;
}
#main-content {
margin: 2.1em auto 0;
padding: 0;
max-width: 90vw;
}
.mobile-top-bar > div > p {
display: block;
}
.page-options-bottom {
height: auto;
}
.page-options-bottom a {
padding: 0 0.25rem;
}
.blockquote,
[class*=blockquote],
blockquote,
div.blockquote {
margin: 0.75em 0;
}
.license-area {
font-size: 0.8em;
}
.page-history tbody tr td:last-child {
width: 35%;
font-size: 1.5rem;
}
.owindow {
min-width: 80%;
max-width: 99%;
}
.owindow .button-bar {
float: right;
}
.owindow div .btn-primary {
float: left;
width: 100%;
}
.modal-body .table, .modal-body .table ~ div {
float: left;
}
.yui-navset {
z-index: 1;
}
table.form th,
table.form td {
float: left;
padding: 0;
}
td.name {
width: 15em;
}
#edit-page-title {
width: 100%;
max-width: 90%;
font-family: var(--title-font);
}
.content-panel.left-column, .content-panel.right-column {
float: left;
width: 99%;
}
#page-content div, #page-content div table {
clear: both;
}
#page-content div.title {
font-family: var(--title-font);
word-break: keep-all;
}
#content-wrap {
grid-template-areas: "content content content";
margin: 2.875em auto 0;
}
#footer {
align-self: auto;
width: auto;
height: 2rem;
}
#license-area {
bottom: -0.5em;
margin: 0 auto;
width: 90%;
height: 3rem;
font-size: 1em;
line-height: 1;
}
#navi-bar,
#navi-bar-shadow,
#search-top-box-input {
display: none;
}
#page-options-bottom,
#recent-posts-category,
.owindow div .btn-primary ~ div {
width: 100%;
}
}
@media print {
*,
:after,
:before {
box-shadow: none;
background: transparent;
color: rgb(var(--swatch-text-dark, 12, 12, 12));
text-shadow: none;
}
a,
a:visited {
text-decoration: underline;
}
a[href]::after {
content: " (" attr(href) ")";
}
abbr[title]::after {
content: " (" attr(title) ")";
}
a[href^="#"]::after,
a[href^="javascript:"]::after {
content: "";
}
pre {
white-space: pre-wrap;
}
.blockquote,
[class*=blockquote],
blockquote,
pre {
page-break-inside: avoid;
border: 0.0625rem solid rgb(var(--swatch-tertiary-color, 66, 66, 72));
}
thead {
display: table-header-group;
}
img,
tr {
page-break-inside: avoid;
}
h2,
h3,
p {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
#side-bar {
-ms-scroll-chaining: none;
display: flex;
position: sticky;
top: 0;
grid-area: side-bar;
flex-shrink: 0;
flex-direction: column;
justify-self: start;
z-index: 9;
transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
margin: 0;
border: none;
background-image: linear-gradient(rgba(var(--swatch-menubg-color), 1) 30%, rgba(var(--swatch-menubg-color), 0)), linear-gradient(rgba(var(--swatch-menubg-color), 0), rgba(var(--swatch-menubg-color), 1) 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(var(--swatch-primary-darkest), 0.5), rgba(var(--swatch-menubg-black-color), 0)), radial-gradient(farthest-side at 50% 100%, rgba(var(--swatch-primary-darkest), 0.5), rgba(var(--swatch-menubg-black-color), 0)) 0 100%;
background-position: top, bottom, top, bottom -0.25rem left;
background-size: 100% 3rem, 100% 3rem, 100% 1.5rem, var(--sidebar-width-on-desktop) 1.5rem;
background-repeat: no-repeat;
background-attachment: local, local, scroll, fixed;
background-color: rgba(var(--swatch-menubg-color), 1);
padding: 0;
width: var(--sidebar-width-on-desktop);
height: 100vh;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-color: rgba(var(--swatch-tertiary-color), 0) rgba(var(--swatch-tertiary-color), 0);
scrollbar-width: thin;
}
#side-bar:hover {
scrollbar-color: rgba(var(--swatch-tertiary-color), 0.4) rgba(var(--swatch-tertiary-color), 0.05);
}
#side-bar:hover::-webkit-scrollbar-track {
background: rgba(var(--swatch-tertiary-color), 0.05);
}
#side-bar:hover::-webkit-scrollbar-thumb {
background: rgba(var(--swatch-tertiary-color), 0.4);
}
#side-bar::-webkit-scrollbar {
border: none;
width: 0.5rem;
}
#side-bar::-webkit-scrollbar-track, #side-bar::-webkit-scrollbar-thumb {
background: rgba(var(--swatch-tertiary-color), 0);
}
#side-bar ul {
padding: 0 0.25rem;
list-style-type: none;
}
#side-bar p {
margin: 0;
}
#side-bar div.menu-item {
display: flex;
flex-shrink: 0;
flex-basis: 100%;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0;
border-bottom: var(--sidebar-internal-border-thickness) solid rgba(var(--swatch-border-color), 0.08);
min-height: calc(1.5rem - var(--sidebar-internal-border-thickness));
font-size: 0;
text-align: right;
}
#side-bar div.menu-item > span {
display: none;
}
#side-bar div.menu-item a {
position: relative;
z-index: 2;
overflow: hidden;
}
#side-bar div.menu-item a:hover {
background-color: rgba(var(--swatch-menubg-hover-color), 0.15);
text-decoration: none;
}
#side-bar div.menu-item a::before, #side-bar div.menu-item a:hover::before {
content: "";
position: absolute;
top: 0;
opacity: 1;
z-index: -1;
clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
background-color: rgb(var(--bright-accent), 0.25);
width: 125%;
height: 100%;
}
#side-bar div.menu-item a::before {
transform: translateX(calc(-100% - 4rem));
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
pointer-events: none;
}
#side-bar div.menu-item a:hover::before {
transform: translateX(-2rem);
}
#side-bar div.menu-item a:active, #side-bar div.menu-item a:visited {
color: rgb(var(--sidebar-links-text));
}
#side-bar div.menu-item a.collapsible-block-link {
position: relative;
padding-right: 2rem;
}
#side-bar div.menu-item a[href*="/scp-"] {
flex-grow: 2;
flex-shrink: 1;
padding-right: 0.5em;
width: 100%;
text-align: center;
}
#side-bar div.menu-item a[href*=scp-series] {
flex-grow: 2;
flex-shrink: 1;
padding-right: 0.5em;
width: 100%;
text-align: center;
}
#side-bar div.menu-item a[href*=scp-series]::before {
width: 200%;
}
#side-bar div.menu-item .text,
#side-bar div.menu-item a {
display: block;
flex-grow: 2;
justify-content: flex-start;
transition: background-color 80ms cubic-bezier(0.4, 0, 0.2, 1);
margin: 0;
background-clip: padding-box;
background-color: rgba(var(--swatch-menubg-hover-color), 0);
padding: 0 0.6em;
height: calc(1.5rem - var(--sidebar-internal-border-thickness));
color: rgb(var(--sidebar-links-text));
font-size: calc(var(--base-font-size) * 0.9333333333);
line-height: calc(1.5rem - var(--sidebar-internal-border-thickness));
letter-spacing: 0.04em;
text-align: left;
}
#side-bar div.menu-item .sub-text {
display: inline-flex;
padding-right: 3em;
padding-left: 1em;
color: rgba(var(--swatch-primary), 1);
font-size: calc(var(--base-font-size) * 0.9333333333 * 0.7);
text-align: left;
}
#side-bar div.menu-item span:first-of-type {
padding: 0 0 0 calc(var(--base-font-size) * 0.9333333333 * 1.6);
}
#side-bar div.menu-item .collapsible-block {
padding: 0 0 0 calc(var(--base-font-size) * 0.9333333333 * 1);
width: 100%;
}
#side-bar div.menu-item .collapsible-block-content {
box-sizing: border-box;
border-right: 2rem solid rgba(var(--swatch-border-color), 0.08);
}
#side-bar div.menu-item .collapsible-block-content .menu-item:last-of-type {
border-bottom: none;
}
#side-bar div.menu-item .collapsible-block-unfolded-link {
border-bottom: 0.125rem solid rgba(var(--swatch-border-color), 0.08);
}
#side-bar div.menu-item .collapsible-block-unfolded-link .collapsible-block-link {
font-size: calc(var(--base-font-size) * 0.9333333333);
}
#side-bar div.menu-item > a:first-of-type {
flex-grow: 0;
flex-shrink: 0;
padding: 0 calc(var(--base-font-size) * 0.9333333333);
text-align: left;
}
#side-bar div.menu-item > a:last-of-type {
flex-grow: 1;
width: 100%;
}
#side-bar div.menu-item > :last-child {
flex-grow: 2;
}
#side-bar div.menu-item > :not(:nth-child(2)):not(.collapsible-block) {
border-left: 0.125rem solid rgba(var(--swatch-border-color), 0.08);
}
#side-bar div.menu-item .text {
cursor: default;
}
#side-bar div.menu-item img {
display: none;
}
#side-bar a[href*="/most-recently-edited"], #side-bar a[href*="/random:random-tale"] {
display: flex;
justify-content: center;
align-items: center;
min-width: calc(var(--base-font-size) * 0.9333333333 * 2.5);
}
#side-bar img {
filter: brightness(120%);
}
#side-bar div[style*="#f0fff6"] {
background-color: rgba(var(--swatch-primary-darker), 0.25) !important;
}
#side-bar div[style*="#e7e5e8"] {
background-color: rgba(var(--swatch-primary-darkest), 0.3) !important;
}
#side-bar .side-block.resources,
#side-bar div[style*="#fff0f0"] {
background-color: rgba(var(--swatch-primary-darker), 0.15) !important;
}
#side-bar .side-block.media,
#side-bar div[style*="#e5e5ff"] {
background-color: rgba(var(--swatch-primary-darker), 0.25) !important;
}
#side-bar .side-block[style*=background-color] {
background-color: rgba(var(--dark-accent), 0.15) !important;
}
#side-bar div[style*="#f0f0f0"] {
background-color: transparent !important;
}
#side-bar div[style*="#f0f0f0"] div[style="text-align: center;"] {
align-items: center;
}
#side-bar div[style*="#f0f0f0"] div[style="text-align: center;"] img {
margin: 0 !important;
}
#side-bar > div[style="background-color: #e5e5ff;"] {
display: flex;
flex-shrink: 0;
flex-direction: column;
margin-top: 1rem;
margin-bottom: 0;
border: 0;
}
#side-bar > div[style="background-color: #e5e5ff;"] > div.menu-item > div {
grid-gap: 0.125rem;
display: grid;
grid-template-columns: repeat(6, 1fr);
margin: 0.5rem 0.25rem;
border-left: none !important;
padding: 0;
width: 100%;
height: auto;
}
#side-bar > div[style="background-color: #e5e5ff;"] > div.menu-item > div > a {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
border: none;
border-radius: initial;
padding: 0.25rem 0;
height: auto;
}
#side-bar > div[style="background-color: #e5e5ff;"] > div.menu-item > div > a:hover::before {
transform: translateX(0);
}
#side-bar > div[style="background-color: #e5e5ff;"] > div.menu-item > div > a > img {
display: block;
}
#side-bar .side-block {
display: flex;
flex-shrink: 0;
flex-direction: row;
flex-wrap: wrap;
margin-top: 1rem;
border: 0;
background: transparent;
}
#side-bar .side-block div[style="text-align: center;"] {
display: flex;
justify-content: space-evenly;
padding: 0 0.6rem;
width: 100%;
}
#side-bar .side-block > .collapsible-block .collapsible-block-unfolded-link {
background: rgba(var(--medium-accent));
}
#side-bar .side-block > .collapsible-block a.collapsible-block-link {
position: relative;
padding-right: 2rem;
}
#side-bar .side-block > .collapsible-block a.collapsible-block-link::after {
filter: invert(100%);
}
#side-bar .side-area {
padding: 0.625rem;
}
#side-bar .heading {
flex-basis: 100%;
margin-top: 0.5rem;
}
#side-bar .heading p {
cursor: default;
}
#side-bar .heading,
#side-bar .side-block > .collapsible-block:first-child .collapsible-block-folded {
background: var(--gradient-sidemenu-header);
min-height: 1.25rem;
}
#side-bar .heading p,
#side-bar #side-bar .side-block > .collapsible-block .collapsible-block-link {
--text-shadow: rgb(var(--swatch-border-color, 12, 12, 12));
--wght: 700;
display: block;
height: 1.25rem;
color: rgb(var(--swatch-text-secondary-color));
font-weight: 700;
font-size: calc(var(--base-font-size) * 0.9333333333 * 0.9);
line-height: 1.25rem;
letter-spacing: 0.016em;
text-align: center;
text-shadow: 0.063rem 0.063rem 0.063rem var(--text-shadow);
text-transform: uppercase;
}
#side-bar .close-menu,
#side-bar div.menu-item:empty {
display: none;
}
#side-bar div.collapsible-block {
flex-basis: 100%;
text-align: right;
}
#side-bar .collapsible-block-link:hover {
background-color: rgba(var(--swatch-primary));
text-decoration: none;
}
#side-bar .side-block > .collapsible-block a.collapsible-block-link:after,
#side-bar div.menu-item a.collapsible-block-link:after {
content: "";
position: absolute;
top: 0;
right: 0;
background-image: url("https://scptestwiki.wdfiles.com/local--files/squeeze%3Anav%3Aside/arr_drop.svg");
background-position: 50% 50%;
background-repeat: no-repeat;
width: 2rem;
height: 100%;
}
#side-bar .side-block > .collapsible-block .collapsible-block-unfolded-link a.collapsible-block-link:after,
#side-bar div.menu-item .collapsible-block-unfolded-link a.collapsible-block-link:after {
transform: rotate(180deg);
}
#side-bar div.scpnet-interwiki-wrapper {
transform: translate(calc(var(--sidebar-width-on-desktop) / 2 - 120px - var(--scrollbar-width) / 2));
border: 0;
}
#___gcse_0 > div {
display: inline-flex;
flex-direction: row;
width: 100%;
height: 2rem;
}
#___gcse_0 > div > form {
margin: 0;
}
#___gcse_0 > div > form > table > tbody > tr > td.gsc-search-button > button {
transition: background-color 80ms cubic-bezier(0.4, 0, 0.2, 1);
background-color: rgba(var(--swatch-primary-darkest), 0);
color: rgb(var(--swatch-text-secondary-color));
line-height: 1.85rem;
}
#___gcse_0 > div > form > table > tbody > tr > td.gsc-search-button > button:hover, #___gcse_0 > div > form > table > tbody > tr > td.gsc-search-button > button:focus {
background-color: rgba(var(--swatch-menubg-color), 0.15);
text-decoration: none;
}
iframe.scpnet-interwiki-frame {
border: 0;
}
@media only screen and (max-width: 768px) {
#side-bar {
display: block;
position: fixed;
top: 0;
left: calc(var(--sidebar-width-on-mobile) * -1);
z-index: 10;
transition: left var(--sidebar-transition-timing);
width: var(--sidebar-width-on-mobile) !important;
max-width: calc(80vw + var(--base-font-size) * 0.5) !important;
height: 100%;
overflow-y: auto;
}
#side-bar::after {
content: "";
position: absolute;
top: 0;
background-color: rgba(var(--swatch-menubg-black-color), 0.2);
width: 0;
height: 100%;
}
#side-bar .side-block {
margin-top: 0.25rem;
}
#side-bar div.menu-item > a:first-of-type {
padding: 0 calc(var(--base-font-size) * 0.9333333333 * 0.5);
}
#side-bar .heading p,
#side-bar .side-block > .collapsible-block .collapsible-block-link {
letter-spacing: 0.1rem;
}
#side-bar > div[style="background-color: #e5e5ff;"] > div.menu-item > div {
grid-template-columns: repeat(3, 1fr);
}
#side-bar div.scpnet-interwiki-wrapper {
transform: inherit;
margin: 0;
padding: 0;
width: var(--sidebar-width-on-mobile);
}
#side-bar:target, #skrollr-body:target #side-bar {
--box-shadow: rgb(var(--swatch-text-secondary-color, 252, 252, 252));
display: block;
left: 0;
z-index: 10;
margin: 0;
box-shadow: inset 0 0 0 -0.0625rem var(--box-shadow);
overflow-x: hidden;
}
#side-bar::-webkit-scrollbar {
background: rgba(var(--swatch-tertiary-color), 0.05) !important;
width: 0.5rem !important;
}
iframe.scpnet-interwiki-frame {
width: calc(var(--sidebar-width-on-mobile) - 0.5rem);
}
#side-bar .close-menu, #skrollr-body:target .close-menu {
display: block;
position: fixed;
top: 0;
left: 0;
visibility: hidden;
opacity: 0;
z-index: -1;
transition: all var(--sidebar-transition-timing);
margin-left: var(--scrollbar-width);
background: rgba(var(--swatch-menubg-black-color), 0.3) 0.0625rem 0.0625rem repeat;
padding-right: var(--sidebar-width-on-mobile);
width: 100%;
height: 100%;
pointer-events: none;
}
#side-bar:target .close-menu, #skrollr-body:target .close-menu {
display: block;
position: fixed;
top: 0;
left: 0;
visibility: visible;
opacity: 1;
z-index: -1;
margin-left: var(--sidebar-width-on-mobile);
background: rgba(var(--swatch-menubg-black-color), 0.3) 1px 1px repeat;
padding-right: 0;
width: calc(100% - var(--sidebar-width-on-mobile));
height: 100%;
pointer-events: auto;
}
#side-bar:target + #main-content, #skrollr-body:target + #main-content {
left: 0;
}
}
body {
background-image: var(--gradient-header), var(--gradient-topmenu), var(--gradient-background);
background-size: var(--header-background-image-size), 100% var(--final-header-height-on-desktop), 100% var(--background-gradient-distance);
background-repeat: repeat-x;
}
div#container-wrap {
background-image: var(--diagonal-stripes);
background-position: 0 0;
background-size: 100% var(--header-height-on-desktop);
background-repeat: no-repeat;
}
#header {
position: relative;
grid-area: header;
z-index: 10;
background-image: var(--logo-image);
background-position: left 0.75rem top 1.1875rem;
background-size: auto calc(var(--header-height-on-desktop) - 2rem);
background-repeat: no-repeat;
background-clip: border-box;
width: 90vw;
height: var(--final-header-height-on-desktop);
}
#header h1,
#header h2 {
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
position: absolute;
}
#header h1 {
position: absolute;
height: 100%;
max-height: var(--header-height-on-desktop);
}
#header h1 a {
display: block;
z-index: 9999;
margin-top: calc(var(--header-height-on-desktop) / 2 - 1em);
margin-left: calc(var(--header-height-on-desktop) - 0.75rem);
padding: 1.875rem 0 0;
font-size: var(--header-h1-font-size);
line-height: 0;
font-family: var(--header-font);
letter-spacing: -0.02em;
text-decoration: none;
text-shadow: none;
}
#header h1 a, #header h1 a::before {
color: rgb(var(--swatch-headerh1-color));
}
#header h1 a::before {
--text-shadow: rgb(var(--swatch-text-dark, 12, 12, 12));
content: var(--header-title);
text-shadow: 0.063rem 0.063rem 0.063rem var(--text-shadow);
}
#header h1 a > span {
display: inline-table;
position: absolute;
top: 0;
left: 0;
z-index: 9999;
width: calc(100% - 2rem);
height: var(--header-height-on-desktop);
color: transparent;
}
#header h2 {
pointer-events: none;
}
#header h2 span {
--wght: 600;
display: block;
margin-top: calc(var(--header-height-on-desktop) / 2 + var(--header-h1-font-size) / 2 - var(--header-h2-font-size) + 0.25rem);
margin-left: calc(var(--header-height-on-desktop) - 0.5rem);
color: transparent;
font-weight: 600;
font-size: var(--header-h2-font-size);
line-height: 1;
font-family: var(--title-font);
text-shadow: none;
}
#header h2 span::before {
--text-shadow: rgb(var(--swatch-text-dark, 12, 12, 12));
content: var(--header-subtitle);
color: rgb(var(--swatch-headerh2-color));
text-shadow: 0.063rem 0.063rem 0.063rem var(--text-shadow);
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
#header {
background-position: left -14rem top 1.1875rem;
}
}
#header,
#top-bar {
--wght: 500;
margin: 0 auto;
max-width: 61.25rem;
}
.mobile-top-bar {
display: none;
position: relative;
bottom: 0;
left: 1rem;
z-index: 9999;
}
#header-extra-div-1,
#header-extra-div-2 {
display: none;
}
#search-top-box {
position: absolute;
top: 47%;
right: 3%;
width: auto;
}
#search-top-box-input {
border: var(--border-styling);
border-radius: var(--border-radius-width);
background-color: rgb(var(--gray-monochrome));
min-width: calc(var(--base-font-size) * 0.9333333333 * 11.4);
color: rgb(var(--swatch-text-light));
}
#search-top-box-input:focus, #search-top-box-input:hover {
background: rgb(var(--swatch-tertiary-color));
color: rgb(var(--swatch-text-secondary-color));
border: var(--border-styling);
border-radius: var(--border-radius-width);
}
#search-top-box input.empty {
color: rgba(var(--swatch-tertiary-color));
text-align: center;
}
#search-top-box-form > input, #search-top-box-form > input[type=submit] {
flex-grow: 1;
box-sizing: border-box;
margin: 0;
padding: 0.25rem;
min-height: calc(var(--base-font-size) * 0.9333333333 * 1.85);
}
#search-top-box-form input[type=submit] {
cursor: pointer;
margin-right: 0;
font-size: calc(var(--base-font-size) * 0.9333333333 * 0.85);
border: var(--border-styling);
border-radius: var(--border-radius-width);
}
#search-top-box-form input[type=submit], #search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover {
box-shadow: none;
background: rgb(var(--swatch-primary-darkest));
color: rgb(var(--swatch-text-light));
}
#search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover {
--text-shadow: rgba(var(--swatch-menutxt-dark-color, 12, 12, 12), 0.75);
border: var(--border-styling);
border-radius: var(--border-radius-width);
text-shadow: 0 0 0.063rem var(--text-shadow);
}
form[id=search-top-box-form] {
display: inline-flex;
text-align: center;
}
#login-status {
top: 0.5rem;
right: 3%;
z-index: 10000;
color: rgb(var(--swatch-tertiary-color));
font-size: 90%;
}
#login-status a {
background-color: transparent;
color: rgb(var(--swatch-text-light));
}
#login-status ul a {
background-color: transparent;
color: rgb(var(--black-monochrome));
}
#account-topbutton {
background: rgb(var(--swatch-text-light));
color: rgb(var(--swatch-text-tertiary-color));
}
#top-bar {
--wght: 600;
display: inline-flex;
position: static;
flex-wrap: nowrap;
z-index: 50;
margin: var(--header-height-on-desktop) 0 1.75rem 0;
padding: 0;
width: 100%;
height: var(--topbar-height-on-desktop);
font-weight: 600;
font-size: calc(var(--base-font-size) * 0.9333333333 * 0.85);
}
#top-bar .mobile-top-bar {
display: none;
position: relative;
bottom: 0;
left: 1rem;
z-index: 9999;
filter: unset;
}
#top-bar div.mobile-top-bar > ul,
#top-bar div.top-bar > ul {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
z-index: 20;
width: 90vw;
max-width: 61.25rem;
height: 100%;
letter-spacing: 0.0625rem;
text-align: center;
}
#top-bar div.mobile-top-bar > ul > li,
#top-bar div.top-bar > ul > li {
display: inline-flex;
position: relative;
flex-grow: 2;
flex-shrink: 2;
transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
margin: 0;
padding: 0;
width: auto;
list-style: none outside none;
}
#top-bar div.mobile-top-bar > ul > li:hover, #top-bar div.mobile-top-bar > ul > li:focus-within,
#top-bar div.top-bar > ul > li:hover,
#top-bar div.top-bar > ul > li:focus-within {
background-color: rgb(var(--swatch-menubg-dark-color));
}
#top-bar div.mobile-top-bar > ul > li:hover > a, #top-bar div.mobile-top-bar > ul > li:focus-within > a,
#top-bar div.top-bar > ul > li:hover > a,
#top-bar div.top-bar > ul > li:focus-within > a {
background-color: transparent;
}
#top-bar div.mobile-top-bar > ul > li > a,
#top-bar div.top-bar > ul > li > a {
display: inline-flex;
position: relative;
justify-content: center;
align-items: center;
border: none;
background-color: transparent;
padding: 0.3em;
width: 100%;
height: calc(100% - 0.6em);
overflow: hidden;
color: rgb(var(--swatch-text-secondary-color));
text-decoration: none;
white-space: pre;
}
#top-bar div.mobile-top-bar > ul > li > a::before, #top-bar div.mobile-top-bar > ul > li > a::after,
#top-bar div.top-bar > ul > li > a::before,
#top-bar div.top-bar > ul > li > a::after {
content: "";
position: absolute;
transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
background-color: rgba(var(--swatch-primary), 0.5);
width: 0;
height: 0.1875rem;
}
#top-bar div.mobile-top-bar > ul > li > a::before,
#top-bar div.top-bar > ul > li > a::before {
top: 0;
left: 0;
}
#top-bar div.mobile-top-bar > ul > li > a::after,
#top-bar div.top-bar > ul > li > a::after {
right: 0;
bottom: 0;
}
#top-bar div.mobile-top-bar > ul > li.sfhover > a::before, #top-bar div.mobile-top-bar > ul > li.sfhover > a::after, #top-bar div.mobile-top-bar > ul > li:hover > a::before, #top-bar div.mobile-top-bar > ul > li:hover > a::after, #top-bar div.mobile-top-bar > ul > li:focus-within > a::before, #top-bar div.mobile-top-bar > ul > li:focus-within > a::after,
#top-bar div.top-bar > ul > li.sfhover > a::before,
#top-bar div.top-bar > ul > li.sfhover > a::after,
#top-bar div.top-bar > ul > li:hover > a::before,
#top-bar div.top-bar > ul > li:hover > a::after,
#top-bar div.top-bar > ul > li:focus-within > a::before,
#top-bar div.top-bar > ul > li:focus-within > a::after {
width: 100%;
}
#top-bar div.mobile-top-bar > ul > li > ul,
#top-bar div.top-bar > ul > li > ul {
--box-shadow: rgba(var(--swatch-menutxt-dark-color, 12, 12, 12), 0.5);
display: flex;
position: absolute;
left: 0;
flex-direction: column;
flex-wrap: nowrap;
align-self: flex-start;
z-index: 20;
box-sizing: border-box;
margin-top: var(--topbar-height-on-desktop);
box-shadow: 0 0.125rem 0.375rem var(--box-shadow);
border: var(--border-styling);
border-top: none;
background: rgba(var(--swatch-menubg-dark-color), 0.93);
width: auto;
min-width: 100%;
max-width: 61.25rem;
}
@supports (backdrop-filter: blur(1rem)) {
#top-bar div.mobile-top-bar > ul > li > ul,
#top-bar div.top-bar > ul > li > ul {
backdrop-filter: blur(0.125rem);
}
}
#top-bar div.mobile-top-bar > ul > li > ul > li,
#top-bar div.top-bar > ul > li > ul > li {
display: flex;
position: relative;
justify-content: center;
align-items: center;
float: none;
break-inside: avoid;
transition: background-color 80ms cubic-bezier(0.4, 0, 0.2, 1);
box-sizing: border-box;
margin: 0 -0.0625rem -0.0625rem 0;
border-collapse: collapse;
padding: 0;
width: auto;
height: 2rem;
word-break: normal;
}
#top-bar div.mobile-top-bar > ul > li > ul > li:hover > ul, #top-bar div.mobile-top-bar > ul > li > ul > li:focus-within > ul,
#top-bar div.top-bar > ul > li > ul > li:hover > ul,
#top-bar div.top-bar > ul > li > ul > li:focus-within > ul {
opacity: 1;
pointer-events: all;
}
#top-bar div.mobile-top-bar > ul > li > ul > li:hover,
#top-bar div.top-bar > ul > li > ul > li:hover {
background: rgba(var(--swatch-menubg-color), 0.15);
}
#top-bar div.mobile-top-bar > ul > li > ul > li:hover::before, #top-bar div.mobile-top-bar > ul > li > ul > li:hover::after,
#top-bar div.top-bar > ul > li > ul > li:hover::before,
#top-bar div.top-bar > ul > li > ul > li:hover::after {
content: "";
position: absolute;
right: -10%;
z-index: 5;
width: 70%;
height: 100%;
}
#top-bar div.mobile-top-bar > ul > li > ul > li:hover::before,
#top-bar div.top-bar > ul > li > ul > li:hover::before {
top: -100%;
clip-path: polygon(80% 0, 100% 0, 100% 100%, 0 100%);
}
#top-bar div.mobile-top-bar > ul > li > ul > li:hover::after,
#top-bar div.top-bar > ul > li > ul > li:hover::after {
bottom: -100%;
clip-path: polygon(0 0, 100% 0, 100% 100%, 80% 100%);
}
#top-bar div.mobile-top-bar > ul > li > ul > li:hover > a,
#top-bar div.top-bar > ul > li > ul > li:hover > a {
text-decoration: none;
}
#top-bar div.mobile-top-bar > ul > li > ul > li, #top-bar div.mobile-top-bar > ul > li > ul > li > ul > li,
#top-bar div.top-bar > ul > li > ul > li,
#top-bar div.top-bar > ul > li > ul > li > ul > li {
display: flex;
position: relative;
justify-content: center;
align-items: center;
margin: 0;
border-collapse: collapse;
padding: 0;
width: 100%;
}
#top-bar div.mobile-top-bar > ul > li > ul > li:hover, #top-bar div.mobile-top-bar > ul > li > ul > li > ul > li:hover,
#top-bar div.top-bar > ul > li > ul > li:hover,
#top-bar div.top-bar > ul > li > ul > li > ul > li:hover {
background-color: rgba(var(--dark-accent), 0.05);
}
#top-bar div.mobile-top-bar > ul > li > ul > li > ul > li > a:hover,
#top-bar div.top-bar > ul > li > ul > li > ul > li > a:hover {
background: transparent;
}
#top-bar div.mobile-top-bar > ul > li > ul > li > a,
#top-bar div.top-bar > ul > li > ul > li > a {
--wght: 300;
display: flex;
position: relative;
justify-content: center;
align-items: center;
border: 0 solid transparent;
background: transparent;
padding: 0 1em;
width: 100%;
height: 100%;
overflow: hidden;
color: rgb(var(--swatch-text-secondary-color));
font-weight: 300;
font-size: calc(var(--base-font-size) * 0.9333333333 * 0.875);
white-space: nowrap;
}
#top-bar div.mobile-top-bar > ul > li > ul > li > a:focus-within,
#top-bar div.top-bar > ul > li > ul > li > a:focus-within {
text-decoration: none;
}
#top-bar div.mobile-top-bar > ul > li > ul:focus-within,
#top-bar div.top-bar > ul > li > ul:focus-within {
visibility: visible;
opacity: 1;
}
#top-bar div.mobile-top-bar > ul > li:last-of-type > ul,
#top-bar div.top-bar > ul > li:last-of-type > ul {
right: 0;
left: auto;
}
#top-bar div.mobile-top-bar > ul > li.sfhover > ul, #top-bar div.mobile-top-bar > ul > li:hover > ul, #top-bar div.mobile-top-bar > ul > li:focus-within > ul,
#top-bar div.top-bar > ul > li.sfhover > ul,
#top-bar div.top-bar > ul > li:hover > ul,
#top-bar div.top-bar > ul > li:focus-within > ul {
visibility: visible;
opacity: 1;
}
#top-bar div.top-bar > ul > li > ul > li > ul {
display: flex;
position: absolute;
top: 0;
left: 100%;
flex-direction: column;
flex-wrap: nowrap;
opacity: 0;
transition: opacity 80ms cubic-bezier(0.4, 0, 0.2, 1), background-color 80ms cubic-bezier(0.4, 0, 0.2, 1);
box-sizing: content-box;
margin: 0;
background-color: rgba(var(--swatch-menubg-dark-color), 0.93);
width: auto;
height: auto;
pointer-events: none;
color: rgb(var(--swatch-text-secondary-color));
}
#top-bar div.top-bar > ul > li > ul > li > ul > li {
top: 0;
left: 0;
z-index: 10;
cursor: pointer;
box-sizing: border-box;
background: rgba(var(--swatch-menubg-color), 0.15);
color: rgb(var(--swatch-text-secondary-color));
font-size: 1em;
}
#top-bar div.top-bar > ul > li > ul > li > ul > li > a {
display: flex;
position: relative;
z-index: 10;
box-sizing: border-box;
margin: 0;
border: none;
background: transparent;
padding: 1em;
width: 100%;
height: 100%;
overflow: hidden;
color: rgb(var(--swatch-text-secondary-color));
font-size: 1em;
white-space: nowrap;
}
#top-bar div.top-bar > ul > li > ul > li > ul > li > a:hover::before {
content: "";
position: absolute;
top: 0;
right: -5rem;
transform: skew(50deg, 0);
opacity: 1;
z-index: -1;
background-color: rgb(var(--bright-accent));
width: 200%;
height: 100%;
}
#top-bar div.top-bar > ul > li > ul > li > ul > li:hover, #top-bar div.top-bar > ul > li > ul > li > ul > li:focus-within {
background: rgba(var(--swatch-menubg-color), 0);
}
#top-bar div.top-bar > ul > li > ul > li > a::before, #top-bar div.top-bar > ul > li > ul > li > ul > li > a::before {
content: "";
right: 150%;
transition: right 0.5s cubic-bezier(0.4, 0, 0.2, 1);
pointer-events: none;
position: absolute;
top: 0;
transform: skew(50deg, 0);
opacity: 1;
z-index: -1;
background-color: rgb(var(--bright-accent));
width: 200%;
height: 100%;
}
#top-bar div.top-bar > ul > li > ul > li > a:hover::before {
content: "";
position: absolute;
top: 0;
transform: skew(50deg, 0);
opacity: 1;
z-index: -1;
background-color: rgb(var(--bright-accent));
width: 200%;
height: 100%;
right: -5rem;
}
#top-bar li ul {
visibility: hidden;
opacity: 0;
transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}
#top-bar:not(:hover) > ul > li > ul {
transform: translateY(-0.3rem);
}
#top-bar > ul {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
z-index: 20;
width: 90vw;
max-width: 61.25rem;
height: 100%;
letter-spacing: 0.0625rem;
text-align: center;
}
#top-bar > ul > li {
display: inline-flex;
position: relative;
flex-grow: 2;
flex-shrink: 2;
transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
margin: 0;
padding: 0;
width: auto;
list-style: none outside none;
}
#top-bar > ul > li:hover, #top-bar > ul > li:focus-within {
background-color: rgb(var(--swatch-menubg-dark-color));
}
#top-bar > ul > li:hover > *, #top-bar > ul > li:focus-within > * {
background-color: transparent;
}
#top-bar > ul > li > * {
display: inline-flex;
position: relative;
justify-content: center;
align-items: center;
cursor: pointer;
border: none;
background-color: transparent;
padding: 0.3em;
width: 100%;
height: calc(100% - 0.6em);
color: rgb(var(--swatch-text-secondary-color));
text-decoration: none;
white-space: pre;
}
#top-bar > ul > li.sfhover > ::before, #top-bar > ul > li.sfhover > ::after, #top-bar > ul > li:hover > ::before, #top-bar > ul > li:hover > ::after, #top-bar > ul > li:focus-within > ::before, #top-bar > ul > li:focus-within > ::after {
width: 100%;
}
#top-bar > ul > li > ::before, #top-bar > ul > li > ::after {
content: "";
position: absolute;
transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
background-color: rgba(var(--swatch-primary), 0.5);
width: 0;
height: 0.1875rem;
pointer-events: none;
}
#top-bar > ul > li > ::before {
top: 0;
left: 0;
}
#top-bar > ul > li > ::after {
right: 0;
bottom: 0;
}
#top-bar > ul > li a,
#top-bar > ul > li a:hover {
display: inline-flex;
position: relative;
justify-content: center;
align-items: center;
cursor: pointer;
border: none;
background-color: transparent;
padding: 0.3em;
width: 100%;
height: 100%;
color: rgb(var(--swatch-text-secondary-color));
text-decoration: none;
white-space: pre;
}
@media only screen and (max-width: 768px) {
:root {
--header-h1-font-size: calc(0.34551rem + 4.2906vw);
--header-h2-font-size: calc(0.21474rem + 1.52137vw);
overflow: -moz-scrollbars-none;
scrollbar-width: none;
}
::-webkit-scrollbar {
background: transparent;
width: 0;
}
::-webkit-scrollbar-thumb {
background: rgb(var(--bright-accent));
}
body {
background-size: 100% var(--header-height-on-mobile), 100% var(--final-header-height-on-mobile), 100% var(--background-gradient-distance);
}
div#container-wrap {
background-size: 100% var(--header-height-on-mobile);
}
#header {
--size: calc(var(--final-header-height-on-mobile) - 0.875rem);
--y-offset: 1.5rem;
position: sticky;
top: calc(var(--header-height-on-mobile) * -1);
margin: 0;
background-image: var(--logo-image);
background-position: calc(var(--header-height-on-mobile) - 0.75rem - var(--size)) calc(var(--size) * -1 / 2 + var(--header-height-on-mobile) / 2 + var(--y-offset) / 2);
background-size: var(--size), 100% var(--header-height-on-mobile);
background-repeat: no-repeat, repeat;
width: 100vw;
height: var(--header-height-on-mobile);
}
#header,
.mobile-top-bar {
left: 0;
max-width: 100%;
}
#header h1 {
max-height: var(--header-height-on-mobile);
}
#header h1 a {
margin-top: calc(var(--header-height-on-mobile) / 2 - 1.345rem);
z-index: inherit;
}
#header > h1 > a > span {
height: var(--header-height-on-mobile);
}
#header h2 span {
margin-top: calc(var(--header-height-on-mobile) / 2 + var(--header-h1-font-size) / 2 + 0.5rem);
line-height: 1;
}
#login-status {
font-size: 70%;
}
#top-bar {
margin: calc(var(--header-height-on-mobile)) 0 1.75rem 0;
height: var(--topbar-height-on-mobile);
}
#top-bar > div.top-bar {
display: none;
}
#top-bar div.mobile-top-bar {
display: flex;
position: static;
top: 0;
right: 0;
left: 0;
align-items: center;
z-index: 9999;
margin: 0;
background: var(--gradient-topmenu-mobile, linear-gradient(to bottom, rgba(var(--swatch-topmenu-border-color), 1) 0, rgba(var(--swatch-topmenu-bg-color), 1) 0.125rem, rgba(var(--swatch-topmenu-bg-color), 1) calc(var(--topbar-height-on-mobile) - 0.125rem), rgba(var(--swatch-topmenu-bg-color), 1) calc(var(--topbar-height-on-mobile) - 0.125rem), rgba(var(--swatch-topmenu-border-color), 1) var(--topbar-height-on-mobile)));
padding: 0;
width: 100vw;
}
#top-bar div.mobile-top-bar > ul {
width: calc(100% - var(--topbar-height-on-mobile));
}
#top-bar div.mobile-top-bar > ul > li {
position: inherit;
}
#top-bar div.mobile-top-bar > ul > li > a {
background: none;
font-size: 125%;
}
#top-bar div.mobile-top-bar > ul > li > ul {
display: grid;
left: 50%;
grid-template-columns: repeat(2, 50%);
transform: translate(-50%);
margin-top: var(--topbar-height-on-mobile);
max-height: calc(100vh - 8rem);
}
#top-bar div.mobile-top-bar > ul > li > ul:focus-within {
transform: translate(-50%);
}
#top-bar div.mobile-top-bar > ul > li > ul > li {
max-width: calc(80vw + 0.0625rem);
height: var(--topbar-height-on-mobile);
max-height: calc(10vh - 1.5rem);
text-align: center;
}
#top-bar div.mobile-top-bar > ul > li > ul > li, #top-bar div.mobile-top-bar > ul > li > ul > li > a {
display: flex;
}
#top-bar div.mobile-top-bar > ul > li > ul > li > a {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: calc(var(--base-font-size) * 0.9333333333);
line-height: 1em;
text-align: center;
white-space: inherit;
}
#top-bar div.mobile-top-bar > ul > li.sfhover > ul, #top-bar div.mobile-top-bar > ul > li:hover > ul, #top-bar div.mobile-top-bar > ul > li:focus-within > ul {
transform: translate(-50%);
}
#top-bar > div.mobile-top-bar ul > li:last-of-type > ul {
right: 0;
left: 50%;
}
#top-bar > div.mobile-top-bar > div.open-menu {
display: flex;
width: var(--topbar-height-on-mobile);
height: var(--topbar-height-on-mobile);
}
#top-bar > div.mobile-top-bar > div.open-menu > p {
display: inline-flex;
align-content: stretch;
align-items: stretch;
justify-items: stretch;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
#top-bar > div.mobile-top-bar > div.open-menu > p, #top-bar > div.mobile-top-bar > div.open-menu > p > a {
justify-content: center;
}
#top-bar > div.mobile-top-bar > div.open-menu > p > a {
--wght: 700;
display: flex;
flex: 2 0 100%;
align-items: center;
border: none !important;
background-color: transparent !important;
color: rgb(var(--swatch-text-secondary-color)) !important;
font-weight: 700;
font-size: 3em;
font-family: var(--body-font);
letter-spacing: 0.016em;
text-align: center;
text-decoration: none;
}
#top-bar .top-bar > ul {
overflow: hidden;
}
#login-status {
right: calc(3% + 30px);
font-size: 80%;
}
#navi-bar,
#navi-bar-shadow,
#search-top-box-input {
display: inline-block;
}
#search-top-box {
top: 0;
right: 0;
transition: box-shadow 0.3s, background-color 0.3s;
height: var(--header-height-on-mobile);
}
#search-top-box-input {
min-width: inherit;
}
#search-top-box:focus-within {
box-shadow: -1rem 0 1rem rgba(var(--swatch-menubg-dark-color), 0.7);
background: rgba(var(--swatch-menubg-dark-color), 0.7);
padding: 0 0 0 1rem;
}
#search-top-box:not(:focus-within)::before {
content: "";
position: absolute;
top: calc(var(--header-height-on-mobile) / 2 - 0.5em);
right: 0;
z-index: 999;
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' data-prefix='fas' data-icon='search' class='svg-inline--fa fa-search fa-w-16' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M505 442.7 405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E");
mask-position: center;
mask-size: 1rem 1rem;
mask-repeat: no-repeat;
cursor: pointer;
background-color: rgb(var(--swatch-menubg-light-color));
width: 2rem;
height: 1rem;
pointer-events: none;
color: rgb(var(--swatch-tertiary-color));
text-align: center;
}
#search-top-box form[id=search-top-box-form] {
visibility: hidden;
height: 100%;
}
#search-top-box form[id=search-top-box-form]:focus-within {
visibility: visible;
}
#search-top-box form[id=search-top-box-form] input {
position: relative;
top: 0;
transform: translateY(calc(100% + var(--base-font-size) * 0.9333333333 * 2));
appearance: none;
height: calc(var(--base-font-size) * 0.9333333333 * 2);
}
#search-top-box form[id=search-top-box-form] input[type=text] {
visibility: visible;
transition: width 0.6s, right 0.6s;
}
#search-top-box form[id=search-top-box-form] input[type=submit] {
visibility: visible;
transition: width 0.6s, padding 0.6s, opacity 0.6s;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' data-prefix='fas' data-icon='search' class='svg-inline--fa fa-search fa-w-16' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M505 442.7 405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E");
background-position: 50%;
background-size: 1rem;
background-repeat: no-repeat;
background-color: rgb(var(--swatch-primary-darkest));
width: calc(var(--base-font-size) * 0.9333333333 * 1.5 + 0.5rem);
color: transparent;
}
#search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text] {
position: absolute;
right: 0;
transform: translateY(0);
cursor: pointer;
border-width: 0 0 0 0.0625rem;
width: 2rem;
height: var(--header-height-on-mobile);
color: transparent;
}
#search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text]:hover {
background-color: rgb(var(--gray-monochrome));
}
#search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=submit] {
opacity: 0;
margin: 0;
padding: 0;
width: 0;
}
}
.yui-navset * {
transition: background-color 80ms cubic-bezier(0.4, 0, 0.2, 1), color 80ms cubic-bezier(0.4, 0, 0.2, 1);
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
--tab-border-color: rgb(var(--swatch-primary-darker));
--box-shadow: var(--tab-border-color);
zoom: unset;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
box-shadow: 0 0.3125rem 0 0 var(--box-shadow);
border: 0;
width: calc(100% - 0.125rem);
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
zoom: unset;
border: unset;
background-image: none;
background-color: rgb(var(--swatch-secondary-color));
color: rgb(var(--swatch-text-general));
}
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
padding: 0.35em 0.75em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
--box-shadow: var(--tab-border-color);
zoom: unset;
display: flex;
position: relative;
flex-grow: 2;
margin: 0;
box-shadow: 0 0 0 0.0625rem var(--box-shadow);
border-color: transparent;
background-color: rgb(var(--swatch-secondary-color));
padding: 0;
max-width: 100%;
}
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
flex-grow: 2;
margin: 0;
background-color: rgb(var(--swatch-primary-darker));
padding: 0;
}
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
border-color: rgb(var(--swatch-tertiary-color));
}
.yui-navset .yui-nav a:focus,
.yui-navset .yui-nav a:hover {
zoom: unset;
background-color: rgb(var(--swatch-primary-darkest));
color: rgb(var(--swatch-text-light));
}
.yui-navset .yui-nav li em {
border: unset !important;
}
.yui-navset .yui-nav .selected a {
background-image: none;
width: 100%;
color: rgb(var(--swatch-text-secondary-color)) !important;
}
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em {
border: transparent;
}
.yui-navset .yui-nav .selected a:active, .yui-navset .yui-nav .selected a:focus {
background-color: rgb(var(--swatch-primary-darker));
color: rgb(var(--swatch-text-light));
}
.yui-navset .yui-nav .selected a:hover {
cursor: default;
}
.yui-navset .yui-content {
background-color: rgba(var(--swatch-secondary-color), 0.25);
}
.yui-navset-bottom .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset .yui-nav li a {
zoom: unset;
display: flex;
justify-content: center;
align-items: center;
vertical-align: bottom;
width: 100%;
}
.yui-navset-left .yui-content {
border-left-color: rgb(var(--swatch-secondary-color));
}
blockquote,
.blockquote,
div.blockquote,
[class*=blockquote] {
--box-shadow: rgba(var(--swatch-menubg-black-color), 0.1);
display: block;
position: relative;
margin: 0.5em 1.25rem;
padding: 0.825em 1.25em;
clear: both;
border: 0.0625rem solid rgba(var(--swatch-border-color), 0.25);
background-color: rgb(var(--swatch-secondary-color));
box-shadow: 0 0.0625rem 0.125em var(--box-shadow);
}
blockquote > :first-child,
.blockquote > :first-child,
div.blockquote > :first-child,
[class*=blockquote] > :first-child {
margin-top: 0;
}
blockquote > :last-child,
.blockquote > :last-child,
div.blockquote > :last-child,
[class*=blockquote] > :last-child {
margin-bottom: 0;
}
@supports (display: flow-root) {
blockquote,
.blockquote,
div.blockquote,
[class*=blockquote] {
display: flow-root;
}
}
.curved {
margin: 0 10px;
border-radius: 10px;
}
.footnotes-footer {
display: block;
position: relative;
box-sizing: border-box;
margin: 0.5rem 1.5rem;
border-left: 0.5em solid rgba(var(--swatch-primary-darker));
background-color: rgba(var(--swatch-tertiary-color), 0.25);
padding: 0.15em 1em 1em 2em;
width: 95%;
}
.footnotes-footer .title {
--wght: 700;
font-weight: 700;
}
.footnote-footer > a:first-of-type {
display: initial;
position: relative;
margin-left: -1rem;
width: 1rem;
height: 100%;
}
.hovertip {
opacity: 0;
animation-duration: 0.6s;
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
animation-delay: 0.3s;
animation-iteration-count: 1;
animation-direction: alternate;
animation-fill-mode: forwards;
animation-name: fade-in;
border: 0.0625rem solid rgb(var(--swatch-border-color)) !important;
background-color: rgb(var(--swatch-menubg-color)) !important;
width: 25% !important;
color: rgb(var(--swatch-text-tertiary-color));
}
.hovertip[style="display:none;"] {
transition: left 0.1s cubic-bezier(0.4, 0, 0.2, 1), top 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes fade-in {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
div.image-block {
float: right;
margin: 0 2em 1em;
}
div.image-block, div.image-block img {
width: 18.75rem;
}
:root {
/* ===RATING MODULE=== */
--rating-module-button-plus-color: 0, 200, 0;
--rating-module-button-negative-color: 200, 0, 0;
--rating-module-button-cancel-color: var(--swatch-tertiary-color);
--rating-module-button-credit-color: var(--swatch-secondary-color);
--rating-module-bg-color: var(--swatch-background);
--rating-module-bottom-border-color: var(--swatch-primary);
--rating-module-text-color: var(--swatch-text-tertiary-color);
--rating-module-text-hover-color: var(--swatch-text-secondary-color);
/* ===MODALS=== */
--modal-bg: var(--swatch-secondary-color);
--modal-body-text: var(--swatch-text-tertiary-color);
/* h1/h2/h3/h4/h5/h6 */
--modal-body-header-txt: var(--swatch-text-tertiary-color);
--modal-header-bg: var(--swatch-primary-darkest);
--modal-header-txt: var(--swatch-text-secondary-color);
--modal-header-stripe: var(--swatch-primary);
}
/* ===RATING MODULE SVGS=== */
:root {
--rateup-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Up' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' overflow='visible' xml:space='preserve'%3E%3Cpolygon points='200.1,86.6 113.5,86.6 113.5,0 86.5,0 86.5,86.6 -0.1,86.6 -0.1,113.4 86.5,113.4 86.5,200 113.5,200 113.5,113.4 200.1,113.4 '/%3E%3C/svg%3E%0A");
--ratedown-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Down' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' overflow='visible' xml:space='preserve'%3E%3Crect x='10' y='86.6' width='180' height='26.9'/%3E%3C/svg%3E%0A");
--cancel-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Cancel' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' overflow='visible' xml:space='preserve'%3E%3Cpolygon points='198.3,20.1 179.9,1.7 100,81.6 20.1,1.7 1.7,20.1 81.6,100 1.7,179.9 20.1,198.3 100,118.4 179.9,198.3 198.3,179.9 118.4,100 '/%3E%3C/svg%3E%0A");
--credit-button-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Info' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' overflow='visible' xml:space='preserve'%3E%3Cpath d='M140.1,154.6c-12,23.7-29,45.4-57.7,45.4c-19,0-26.6-12-20.5-34.3l20.5-75c2.1-7.3,0.9-11.7-4.7-12L61.1,77l2.3-10.5 l66.8-8.2l1.8,2.1l-27.5,101.9c-1.8,7-2,12.6,3.2,12.6c5.9,0,16.1-14.9,22.8-26.9L140.1,154.6z M138.1,19.9 c0,15.5-10.8,24.3-24.9,24.3c-13.8,0-22-7.9-22-19.9C91.2,12.6,99.4,0,116.4,0C128.7,0,138.1,7,138.1,19.9z'/%3E%3C/svg%3E%0A");
}
/* ===RATING MODULE=== */
:root {
--rating-module-height: 1.3125em;
}
div.page-rate-widget-box,
#page-content div.rate-box-with-credit-button,
#page-content .creditButtonStandalone {
display: inline-flex;
height: var(--rating-module-height);
margin: 0 0 0.75rem;
padding: 0;
overflow: hidden;
border: 0.0625rem solid rgba(var(--swatch-border-color), 0.15);
border-bottom-width: 0;
border-radius: 0;
background-color: rgb(var(--rating-module-bg-color));
box-shadow: 0 0.125rem 0 0 rgb(var(--rating-module-bottom-border-color));
}
div.rate-box-with-credit-button div.page-rate-widget-box :is(.rate-points, .rateup, .ratedown, .cancel), div.page-rate-widget-box :is(.rate-points, .rateup, .ratedown, .cancel) {
--wght: 600;
display: block;
margin: 0 0.125rem 0 0;
border: none;
position: relative;
background: transparent;
font-weight: var(--wght);
}
div.rate-box-with-credit-button div.page-rate-widget-box :is(.rateup, .ratedown, .cancel),
div.rate-box-with-credit-button div.page-rate-widget-box :is(.rateup, .ratedown, .cancel) a, div.page-rate-widget-box :is(.rateup, .ratedown, .cancel),
div.page-rate-widget-box :is(.rateup, .ratedown, .cancel) a {
display: block;
width: calc(var(--base-font-size) * 1.4);
height: 100%;
padding: 0;
line-height: var(--rating-module-height);
text-align: center;
text-transform: uppercase;
}
div.rate-box-with-credit-button div.page-rate-widget-box :is(.rateup, .ratedown, .cancel), div.rate-box-with-credit-button div.page-rate-widget-box :is(.rateup, .ratedown, .cancel):is(:hover, :active, :focus),
div.rate-box-with-credit-button div.page-rate-widget-box :is(.rateup, .ratedown, .cancel) a,
div.rate-box-with-credit-button div.page-rate-widget-box :is(.rateup, .ratedown, .cancel) a:is(:hover, :active, :focus), div.page-rate-widget-box :is(.rateup, .ratedown, .cancel), div.page-rate-widget-box :is(.rateup, .ratedown, .cancel):is(:hover, :active, :focus),
div.page-rate-widget-box :is(.rateup, .ratedown, .cancel) a,
div.page-rate-widget-box :is(.rateup, .ratedown, .cancel) a:is(:hover, :active, :focus) {
color: transparent;
}
div.rate-box-with-credit-button div.page-rate-widget-box :is(.rateup, .ratedown, .cancel) a, div.page-rate-widget-box :is(.rateup, .ratedown, .cancel) a {
--wght: 600;
z-index: 0;
position: relative;
background: transparent;
font-weight: var(--wght);
}
div.rate-box-with-credit-button div.page-rate-widget-box :is(.rateup, .ratedown, .cancel) a::before, div.page-rate-widget-box :is(.rateup, .ratedown, .cancel) a::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
right: auto;
bottom: auto;
left: 0;
width: calc(var(--base-font-size) * 1.4);
height: 100%;
background-color: rgb(var(--rating-module-text-color));
pointer-events: none;
mask: center/calc(var(--rating-module-height) - 0.5em) no-repeat;
}
div.rate-box-with-credit-button div.page-rate-widget-box :is(.rateup, .ratedown, .cancel) a::after, div.page-rate-widget-box :is(.rateup, .ratedown, .cancel) a::after {
--clip-path: polygon(0 100%, 100% 115%, 100% 100%, 0 115%);
content: "";
position: absolute;
z-index: -1;
top: 0;
right: auto;
bottom: auto;
left: -0.5%;
width: 101%;
height: 101%;
transition: clip-path 0.2s var(--ease-in-out);
pointer-events: none;
clip-path: var(--clip-path);
}
div.rate-box-with-credit-button div.page-rate-widget-box :is(.rateup, .ratedown, .cancel) a:is(:hover, :active, :focus), div.page-rate-widget-box :is(.rateup, .ratedown, .cancel) a:is(:hover, :active, :focus) {
text-decoration: none;
}
div.rate-box-with-credit-button div.page-rate-widget-box :is(.rateup, .ratedown, .cancel) a:is(:hover, :active, :focus)::before, div.page-rate-widget-box :is(.rateup, .ratedown, .cancel) a:is(:hover, :active, :focus)::before {
background-color: rgb(var(--rating-module-text-hover-color));
}
div.rate-box-with-credit-button div.page-rate-widget-box :is(.rateup, .ratedown, .cancel) a:is(:hover, :active, :focus)::after, div.page-rate-widget-box :is(.rateup, .ratedown, .cancel) a:is(:hover, :active, :focus)::after {
--clip-path: polygon(0 100%, 100% 115%, 100% 0, 0 -15%);
}
div.rate-box-with-credit-button div.page-rate-widget-box :is(.rateup, .ratedown) a, div.page-rate-widget-box :is(.rateup, .ratedown) a {
background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
background-color: transparent;
}
div.rate-box-with-credit-button div.page-rate-widget-box .rateup a::before, div.page-rate-widget-box .rateup a::before {
mask-image: var(--rateup-mask);
}
div.rate-box-with-credit-button div.page-rate-widget-box .rateup a::after, div.page-rate-widget-box .rateup a::after {
background-color: rgb(var(--rating-module-button-plus-color));
}
div.rate-box-with-credit-button div.page-rate-widget-box .ratedown a::before, div.page-rate-widget-box .ratedown a::before {
mask-image: var(--ratedown-mask);
}
div.rate-box-with-credit-button div.page-rate-widget-box .ratedown a::after, div.page-rate-widget-box .ratedown a::after {
background-color: rgb(var(--rating-module-button-negative-color));
}
div.rate-box-with-credit-button div.page-rate-widget-box .cancel, div.page-rate-widget-box .cancel {
font-size: 0.85em;
}
div.rate-box-with-credit-button div.page-rate-widget-box .cancel a::before, div.page-rate-widget-box .cancel a::before {
mask-image: var(--cancel-mask);
}
div.rate-box-with-credit-button div.page-rate-widget-box .cancel a::after, div.page-rate-widget-box .cancel a::after {
background-color: rgb(var(--rating-module-button-cancel-color));
}
div.rate-box-with-credit-button div.page-rate-widget-box .rate-points, div.page-rate-widget-box .rate-points {
display: flex;
padding: 0 0.5em;
border: none;
background-color: transparent;
color: rgb(var(--rating-module-text-color));
font-family: var(--UI-font);
font-size: 0.85em;
line-height: calc(var(--rating-module-height) * 1.25);
text-transform: capitalize;
}
div.rate-box-with-credit-button div.page-rate-widget-box .rate-points .number, div.page-rate-widget-box .rate-points .number {
font-size: calc(var(--base-font-size) * 1.1333333333);
}
/* Credit Button Rating Module Specific */
div.rate-box-with-credit-button .page-rate-widget-box {
border: none;
border-radius: 0;
background: none;
box-shadow: none;
}
:is(div.rate-box-with-credit-button > div.creditButton, div.creditButtonStandalone),
:is(div.rate-box-with-credit-button > div.creditButton, div.creditButtonStandalone) > p {
display: block;
width: calc(var(--base-font-size) * 1.4);
height: 100%;
padding: 0;
line-height: var(--rating-module-height);
text-align: center;
text-transform: uppercase;
}
/* Heritage Rating Module */
div.heritage-rating-module {
display: inline-block;
margin-right: 2em;
margin-bottom: 0.625rem;
padding: 0.125rem 0.5rem 0.125rem 0.3125rem;
border: 0.0625rem solid rgba(var(--swatch-border-color), 0.15);
border-bottom-width: 0;
border-radius: 0;
background-color: rgb(var(--rating-module-bg-color));
box-shadow: 0 0.125rem 0 0 rgb(var(--rating-module-bottom-border-color));
}
div.heritage-rating-module div.page-rate-widget-box {
margin-right: 0;
margin-bottom: 0;
box-shadow: none;
}
div.heritage-rating-module div.heritage-emblem {
position: relative;
top: -0.125rem;
right: auto;
bottom: auto;
left: 0.125rem;
width: 1rem;
height: 1rem;
margin-right: 0.125rem;
float: left;
overflow: visible;
}
div.heritage-rating-module div.heritage-emblem img {
width: 1.25rem;
height: 1.25rem;
border: 0;
}
/* Info module */
/* These override the styles provided by the base Info Module so have been given a higher specificity with #page-content */
#page-content .creditRate {
margin-right: 0;
margin-bottom: 0;
}
#page-content :is(div.rate-box-with-credit-button > .creditButton, div.creditButtonStandalone):is(:hover, :active) {
background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
}
#page-content :is(div.rate-box-with-credit-button > .creditButton, div.creditButtonStandalone) > p {
display: block;
position: relative;
margin: 0;
padding: 0;
}
#page-content :is(div.rate-box-with-credit-button > .creditButton, div.creditButtonStandalone) > p,
#page-content :is(div.rate-box-with-credit-button > .creditButton, div.creditButtonStandalone) > p > a {
width: 100%;
height: 100%;
}
#page-content :is(div.rate-box-with-credit-button > .creditButton, div.creditButtonStandalone) > p > a {
display: flex;
margin-left: 0;
border-left: none;
background-color: transparent;
color: transparent;
}
#page-content :is(div.rate-box-with-credit-button > .creditButton, div.creditButtonStandalone) > p > a::before {
--mask-image: var(--credit-button-mask);
content: "";
position: absolute;
z-index: 1;
top: 0;
right: auto;
bottom: auto;
left: 0;
width: calc(var(--base-font-size) * 1.4);
height: 100%;
transition: background-color 0.15s var(--ease-in-out);
background-color: rgb(var(--rating-module-text-color));
pointer-events: none;
mask: var(--mask-image) center center/calc(var(--rating-module-height) - 0.375em) no-repeat;
}
#page-content :is(div.rate-box-with-credit-button > .creditButton, div.creditButtonStandalone) > p > a::after {
--clip-path: polygon(0 100%, 100% 115%, 100% 100%, 0 115%);
content: "";
position: absolute;
z-index: 0;
top: 0;
width: 100%;
height: 100%;
transition: clip-path 0.2s var(--ease-in-out);
background-color: rgb(var(--rating-module-text-color));
pointer-events: none;
clip-path: var(--clip-path);
}
#page-content :is(div.rate-box-with-credit-button > .creditButton, div.creditButtonStandalone) > p > a:is(:hover, :active, :focus, :focus-within)::before {
background-color: rgb(var(--rating-module-text-hover-color));
}
#page-content :is(div.rate-box-with-credit-button > .creditButton, div.creditButtonStandalone) > p > a:is(:hover, :active, :focus, :focus-within)::after {
--clip-path: polygon(0 100%, 100% 115%, 100% 0, 0 -15%);
}
#page-content div.rate-box-with-credit-button > div.page-rate-widget-box {
display: inline-flex;
overflow: hidden;
border-radius: 0;
box-shadow: none;
}
/* Credit View Styling */
[id*=u-credit],
[id*=u-credit] * {
box-sizing: border-box;
}
[id*=u-credit],
[id*=u-credit] .fader,
[id*=u-credit] .fader iframe {
width: 100vw !important;
max-width: 100vw !important;
height: 100% !important;
}
[id*=u-credit] .modalcontainer {
display: flex;
top: 50%;
width: fit-content;
height: max-content;
align-items: center;
justify-content: center;
margin: 0 auto;
translate: 0 -50%;
color: rgb(var(--modal-body-text));
}
@supports not (translate: 0 -50%) {
[id*=u-credit] .modalcontainer {
transform: translate(0, -50%);
}
}
[id*=u-credit] div.modalbox {
background: rgb(var(--modal-bg)) !important;
position: relative;
width: fit-content;
height: fit-content;
padding: 0;
border: none;
border-radius: 0;
box-shadow: inset 0 0 0 0.125rem rgba(var(--swatch-alternate-color), 0.25), 0.5rem 0.25rem 1rem 0 rgba(var(--swatch-alternate-color), 0.25);
}
[id*=u-credit] div.modalbox > div:first-of-type {
--wght: 600;
display: flex;
justify-content: flex-start;
width: 100%;
margin: 0;
padding: 0.5em 1.25rem;
background-color: rgb(var(--modal-header-bg));
background-size: 3rem 4.35rem;
color: rgb(var(--modal-header-txt));
font-weight: var(--wght);
text-transform: uppercase;
}
[id*=u-credit] div.modalbox > div:first-of-type h2 {
margin: 0;
padding: 0;
}
[id*=u-credit] div.modalbox span.printuser img.small, [id*=u-credit] div.modalbox span.printuser.deleted img {
box-sizing: content-box;
}
[id*=u-credit] > hr:is(:first-of-type, :last-of-type) {
display: none;
}
[id*=u-credit] .credit:is(.first, .otherwise) {
display: grid;
width: auto;
height: max-content;
max-height: calc(50vh - 8.75rem);
margin: 0 1rem;
padding: 0;
overflow-x: visible;
overflow-y: auto;
}
[id*=u-credit] .credit.first p {
width: 100%;
margin: 0;
padding: 1em 0 0;
}
[id*=u-credit] .credit.first h1 + p {
margin-top: 0;
}
[id*=u-credit] .close-credits {
height: 1.75em !important;
top: 0.875em;
right: 0.875em;
bottom: auto;
left: auto;
width: 1.75em;
}
[id*=u-credit] .close-credits > a {
display: flex;
position: absolute;
pointer-events: all;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
font-size: 1.25em;
color: transparent;
}
[id*=u-credit] .close-credits > a:is(::before, ::after) {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: auto;
left: auto;
width: 100%;
height: 100%;
pointer-events: none;
}
[id*=u-credit] .close-credits > a::before {
border-radius: 50%;
background-color: rgb(var(--modal-bg));
}
[id*=u-credit] .close-credits > a::after {
--mask-image: var(--cancel-mask);
rotate: 0deg;
scale: 1;
transition: rotate 0.2s var(--ease-in-out), scale 0.2s var(--ease-in-out);
background-color: rgb(var(--modal-header-bg));
mask: var(--mask-image) center/0.75em no-repeat;
}
@supports not (scale: 1) {
[id*=u-credit] .close-credits > a::after {
transform: rotateZ(0deg) scale(1);
transition: transform 0.2s var(--ease-in-out);
}
}
[id*=u-credit] .close-credits > a:is(:hover, :active, :focus, :focus-within)::after {
rotate: 15deg;
scale: 1.1;
}
@supports not (scale: 1.1) {
[id*=u-credit] .close-credits > a:is(:hover, :active, :focus, :focus-within)::after {
transform: rotateZ(15deg) scale(1.1);
}
}
[id*=u-credit] div.creditBottomRate {
height: fit-content !important;
width: 100%;
/* Overwrite inline styling */
margin: 1rem 0 0.5em;
padding: 1rem 0 0;
box-shadow: 0 -0.0625rem 0 0 rgba(var(--rating-module-bottom-border-color), 0.2);
}
[id*=u-credit] div.credit-back,
[id*=u-credit] a[href="#u-credit-otherwise"] {
--wght: var(--ui-wght);
display: inline-flex;
container-type: normal;
position: relative;
z-index: 2;
align-items: center;
justify-content: center;
min-width: 5em;
margin: 0;
padding: 0.25em;
overflow: hidden;
transition: border-color 0.2s var(--ease-in-out), box-shadow 0.2s var(--ease-in-out), color 0.15s var(--ease-in-out), background-color 0.15s var(--ease-in-out), font-weight 0.2s var(--ease-in-out), font-variation-settings 0.2s var(--ease-in-out);
border: 0.0625rem solid rgba(var(--swatch-primary), 0.05);
outline: 0 solid rgb(var(--swatch-primary));
background-color: rgb(var(--ui-button-bg));
box-shadow: -0.125rem 0 0.25rem 0 rgba(var(--swatch-tertiary-color), 0.25), inset 0 -0.0625rem 0 0 rgba(var(--swatch-tertiary-color), 0.75), 0 0 0 0 rgb(var(--ui-button-bg));
color: rgb(var(--ui-button-txt));
font-family: var(--UI-font);
font-weight: var(--wght);
text-decoration: none;
will-change: border-color, box-shadow, color, background-color, font-weight, font-variation-settings;
}
@supports (font-size: 0.75cqi) {
[id*=u-credit] div.credit-back,
[id*=u-credit] a[href="#u-credit-otherwise"] {
font-size: calc(max(var(--min-font-size), min(0.75cqi, var(--max-font-size))) * 1.8);
}
}
@supports (font-size: 1cqi) {
[id*=u-credit] div.credit-back,
[id*=u-credit] a[href="#u-credit-otherwise"] {
font-size: max(var(--min-font-size), min(0.75cqi, var(--max-font-size)));
}
}
[id*=u-credit] div.credit-back:is(:hover, :active, :focus, :focus-within),
[id*=u-credit] a[href="#u-credit-otherwise"]:is(:hover, :active, :focus, :focus-within) {
--wght: var(--ui-hvr-wght);
border-color: transparent;
outline: 0 solid rgb(var(--swatch-primary));
background-color: rgb(var(--ui-button-hover-bg));
box-shadow: 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), inset 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), 0 0 0 0.125rem rgb(var(--ui-button-hover-outline));
color: rgb(var(--ui-button-hover-txt));
font-weight: var(--wght);
text-decoration: none;
cursor: pointer;
}
[id*=u-credit] div.credit-back :is(p, iframe) {
position: absolute;
top: 0;
right: auto;
bottom: auto;
left: 0;
width: 100%;
height: 100%;
margin: 0;
cursor: pointer;
}
[id*=u-credit] div.credit-back::before {
content: var(--text-creditview-back);
position: absolute;
top: 0;
right: auto;
bottom: auto;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
[id*=u-credit] .page-rate-widget-box {
margin: 0;
}
.scp-image-block {
--box-shadow: rgba(var(--swatch-menubg-black-color), 0.1);
display: flex;
flex-flow: column nowrap;
align-items: center;
box-shadow: 0.125rem 0.125rem 0.25rem var(--box-shadow);
border: 0.0625rem outset rgba(var(--swatch-primary-darkest), 0.25);
width: 18.75rem;
min-width: 100%;
}
.scp-image-block.block-right {
float: right;
clear: right;
margin: 0 0 1em 2em;
}
.scp-image-block.block-left {
float: left;
clear: left;
margin: 0 2em 1em 0;
}
.scp-image-block.block-center {
margin-right: auto;
margin-left: auto;
}
.scp-image-block img {
border: 0;
min-width: 100%;
}
.scp-image-block img[style*="width:"] {
width: 100% !important;
}
.scp-image-block .scp-image-caption {
--wght: 700;
box-sizing: border-box;
border-top: 0.0625rem outset rgba(var(--swatch-primary-darkest), 0.25);
background-color: rgb(var(--swatch-secondary-color));
padding: 0.25em 0.5em;
font-weight: 700;
font-size: 80%;
line-height: 1.25;
letter-spacing: 0.016em;
text-align: center;
}
.scp-image-block .scp-image-caption > p {
margin: 0;
padding: 0;
}
.scp-image-caption {
min-width: 100%;
}
div.block-left,
div.block-right {
min-width: 30%;
}
table.wiki-content-table {
display: table;
margin: 0.5em auto;
border-spacing: 0;
background-color: transparent;
}
table.wiki-content-table * {
margin: 0;
padding: 0;
}
table.wiki-content-table th {
background: rgb(var(--swatch-tertiary-color));
color: rgb(var(--swatch-text-secondary-color));
}
table.wiki-content-table th,
table.wiki-content-table tr {
border: 0.0625rem solid rgba(var(--swatch-menubg-medium-dark-color), 0.25) !important;
}
#who-rated-page-area > div {
grid-gap: 0.25em;
display: grid;
grid-template-columns: repeat(4, 1fr auto);
grid-auto-flow: row;
justify-items: end;
}
#who-rated-page-area > div > span[style*=color] {
--wght: 900;
font-weight: 900;
text-align: left;
}
#who-rated-page-area br {
display: none;
}
#who-rated-page-area .printuser a {
font-size: 80%;
white-space: nowrap;
}
@media only screen and (max-width: 768px) {
:root {
--rating-module-height: 1.5rem;
}
div.block-left,
div.block-right {
margin: 0 auto;
min-width: 40%;
}
#who-rated-page-area > div {
grid-template-columns: repeat(2, 1fr auto);
}
.footnotes-footer {
margin: 0;
width: 100%;
}
.hovertip {
width: 90% !important;
}
.scp-image-block.block-left, .scp-image-block.block-right {
max-width: 40vw !important;
}
.scp-image-block img[style*="width:"] {
width: 100% !important;
}
.blockquote,
[class*=blockquote],
blockquote,
div.blockquote {
margin-right: 0;
margin-left: 0;
}
.curved {
margin: 0;
}
}
#html-body:target {
color: transparent;
}
#html-body:target #breadcrumbs,
#html-body:target #footer,
#html-body:target #header,
#html-body:target #license-area,
#html-body:target #navi-bar,
#html-body:target #navi-bar-shadow,
#html-body:target #odialog-container,
#html-body:target #odialog-hovertips,
#html-body:target #page-content > :not(.page-rate-widget-box):not(.creditRate) > :not(.page-rate-widget-box):not(.creditRate),
#html-body:target #page-content > :not([style*="text-align:"]):not(.creditRate),
#html-body:target #page-option-bottom-2-tips,
#html-body:target #page-option-bottom-tips,
#html-body:target #page-options-container,
#html-body:target #page-title,
#html-body:target #side-bar,
#html-body:target #wd-ed-dialogs,
#html-body:target .action-area,
#html-body:target .page-header,
#html-body:target .page-info-break,
#html-body:target .page-options-container,
#html-body:target .page-tags,
#html-body:target .page-title,
#html-body:target .pseudocrumbs,
#html-body:target footer,
#html-body:target header {
display: none !important;
}
#html-body:target,
#html-body:target #page-content,
#html-body:target div#container-wrap {
background: none !important;
}
#html-body:target #page-content {
min-height: 0;
}
#html-body:target div.creditRate,
#html-body:target div[style*="text-align:"] .page-rate-widget-box {
position: fixed;
top: 0;
left: 0;
}
#html-body:target #page-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#html-body:target #container,
#html-body:target #container-wrap,
#html-body:target #container-wrap-wrap {
background: transparent;
}
}
@charset "UTF-8";
:root {
--thread-accent-color: 227, 223, 213;
}
#thread-container-posts > .post-container {
border: 1px solid rgb(var(--dark-accent));
}
.thread-container #thread-container-posts > .post-container {
margin: 0 0 12px 0;
padding: 12px;
}
#thread-container-posts > .post-container > .post-container > .post-container > .post-container > .post-container > .post-container {
border-right: 1px solid rgb(var(--dark-accent));
}
.thread-container .post {
padding: 0;
width: 100%;
border-radius: 3px;
padding: 0 0 12px 0;
}
.thread-container .post .long {
position: relative;
border: none;
}
.thread-container .post .long .content {
padding: 0;
}
.thread-container .post .long .content > p:first-of-type:not(* + p) {
margin-top: 0;
}
.thread-container .post .long .content .image:not(.collapsible-block .image) {
object-fit: cover;
max-height: 2em;
width: 100%;
transition: max-height 0.5s;
}
.thread-container .post .long .content .image:hover:not(.collapsible-block .image) {
max-height: 100em;
}
.thread-container .post .long .changes > a[onclick*=showHistory] {
display: inline-flex;
}
.thread-container .post .long .changes > a[onclick*=showHistory] .icon-plus::before {
content: "+";
font-style: initial;
}
.thread-container .post .long .revisions {
padding-top: 0;
}
.thread-container .post .long .revisions a {
color: #77a;
}
.thread-container .post .long .revisions table tbody {
display: contents;
}
.thread-container .post .long .revisions table tr {
display: flex;
justify-content: flex-end;
}
.thread-container .post .long .revisions table tr td:first-of-type,
.thread-container .post .long .revisions table tr td:nth-of-type(2) {
padding-right: 7px;
}
.thread-container .post .long .revisions table tr.active td {
background-color: rgba(var(--light-gray-monochrome), 0.3);
}
.thread-container .post .long .revisions table tr.active::before {
content: ">";
margin-right: 5px;
}
#page-content .thread-container .post .long .revisions table {
border-spacing: 0;
display: flex;
flex-direction: column;
align-content: flex-end;
box-shadow: none;
}
.thread-container .post .head {
padding: 0 0 18px 0;
background: none;
box-shadow: none;
border-radius: 0;
}
.thread-container .post .head .options {
display: none;
}
.thread-container .post .head .title {
position: relative;
overflow: hidden;
}
.thread-container .post .head .title::after {
content: "";
position: absolute;
bottom: 1px;
left: 0;
height: 1px;
width: 100%;
background-color: rgb(var(--light-gray-monochrome));
}
.thread-container .post .head .info {
display: grid;
align-items: center;
padding: 4px 0 0 0;
grid-template-areas: "username username date date date" "forum forum forum thread thread";
grid-template-columns: max-content max-content max-content 1fr;
grid-template-rows: 1fr max-content;
font-size: 0;
}
.thread-container .post .head .info > * {
font-size: initial;
}
.thread-container .post .head .info .printuser {
display: flex;
align-items: center;
justify-content: flex-start;
grid-area: username;
}
.thread-container .post .head .info .printuser::after {
content: "·";
padding: 0 6px;
}
.thread-container .post .head .info .printuser a:first-of-type, .thread-container .post .head .info .printuser.deleted img {
margin-right: 0;
}
.thread-container .post .head .info .printuser a:first-of-type img, .thread-container .post .head .info .printuser.deleted img {
box-sizing: border-box;
width: 30px;
height: 30px;
background-image: none !important;
padding: 0;
border: 2px solid rgb(var(--gray-monochrome));
border-radius: 50%;
margin-right: 12px;
}
.thread-container .post .head .info .odate {
grid-area: date;
display: flex !important;
pointer-events: none;
}
.thread-container .post .head .info br {
grid-area: br;
width: 100%;
}
.thread-container .post .head .info > a {
font-size: 14px;
max-width: fit-content;
}
.thread-container .post .head .info > a:nth-of-type(1) {
grid-area: forum;
}
.thread-container .post .head .info > a:nth-of-type(2) {
grid-area: thread;
}
.thread-container .post .head .info > a:nth-of-type(2)::before {
content: "»";
margin: 0 0.5em;
}
@media only screen and (max-width: 768px) {
.thread-container .post .head .info {
grid-template-areas: "username username date date date" "forum forum forum forum forum" "thread thread thread thread thread";
grid-template-columns: max-content max-content max-content 1fr;
grid-template-rows: 1fr max-content max-content;
}
.thread-container .post .head .info > a:nth-of-type(2)::before {
margin: 0 0.5em 0 0;
}
}
#recent-posts-container > .thread-container .post {
border: 1px solid rgb(var(--dark-accent));
background-color: rgb(var(--thread-accent-color));
margin-bottom: 1rem;
}
.thread-container .post-container {
background-color: rgb(var(--thread-accent-color));
}
.thread-container .post-container .post-container {
position: relative;
left: 4px;
margin: 0;
padding: 12px 0 0 12px;
}
.thread-container .post-container .post-container .post::before {
content: "";
height: calc(100% - 36px);
width: 3px;
position: absolute;
background-color: rgb(var(--dark-accent));
left: 0;
}
.thread-container .post-container .post ~ .post-container {
border-top: 1px solid rgb(var(--dark-accent));
border-left: 1px solid transparent;
}
.thread-container > .options {
display: none;
}
#page-content .forum-recent-posts-box > form {
box-shadow: none;
}
#page-content > div.forum-thread-box > div.options {
margin: 0.2em 0;
}
#page-content > div.forum-thread-box > div.options a,
#page-content .thread-container div.post div.long .options a,
#page-content > div.new-post a {
border: initial;
background-color: initial;
color: #77a;
font-size: 90%;
--wght: 500;
padding: 0 0.25em;
margin: 0 0.1rem;
transition: text-decoration-color 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: none;
display: block;
min-width: initial;
}
#page-content > div.forum-thread-box > div.options a:focus, #page-content > div.forum-thread-box > div.options a:focus-within, #page-content > div.forum-thread-box > div.options a:active, #page-content > div.forum-thread-box > div.options a:hover,
#page-content .thread-container div.post div.long .options a:focus,
#page-content .thread-container div.post div.long .options a:focus-within,
#page-content .thread-container div.post div.long .options a:active,
#page-content .thread-container div.post div.long .options a:hover,
#page-content > div.new-post a:focus,
#page-content > div.new-post a:focus-within,
#page-content > div.new-post a:active,
#page-content > div.new-post a:hover {
text-decoration: underline;
color: #77a;
background-color: transparent;
box-shadow: none;
}
.forum-thread-box .description-block {
background-color: rgb(var(--thread-accent-color));
box-shadow: none;
border-radius: 0;
border: 1px solid rgb(var(--dark-accent));
margin: 1em 0;
}
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@100;300;400;500;700;900&display=swap");
.colmod-block > ul, .colmod-block > ul > li {display:block;line-height:normal;list-style:none;margin:0;padding:0;}.colmod-block > ul > li > ul, li.folded > .colmod-link-top a + a, li.folded > .colmod-content, li.folded > .colmod-link-end a, li.unfolded > .colmod-link-top a:first-child {display:none;}.colmod-content {-webkit-animation:colmod-fade-in 0.2s ease-in-out;-moz-animation:colmod-fade-in 0.2s ease-in-out;animation:colmod-fade-in 0.2s ease-in-out;-webkit-animation-timing-function:cubic-bezier(0.3649610494,0,0.6350389506,1);-moz-animation-timing-function:cubic-bezier(0.3649610494,0,0.6350389506,1);animation-timing-function:cubic-bezier(0.3649610494,0,0.6350389506,1);}li.folded > .colmod-content {-webkit-animation-name:none;-moz-animation-name:none;animation-name:none;}@-webkit-keyframes colmod-fade-in {from {opacity:0;}to {opacity:1;}}@-moz-keyframes colmod-fade-in {from {opacity:0;}to {opacity:1;}}@keyframes colmod-fade-in {from {opacity:0;}to {opacity:1;}}[class|="colmod-link"] div.foldable-list-container {display:inline;}.colmod-collapsiblealt > [class|="colmod-link"], .collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] {margin:0.5em 0;text-align:center;}.colmod-collapsiblealt > [class|="colmod-link"] a, .collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a {padding:0.1em 0.5em;text-decoration:none;background-color:#F4F4F4;border:1px solid #AAA;color:#000;}.colmod-collapsiblealt > [class|="colmod-link"] a:hover, .colmod-collapsiblealt > [class|="colmod-link"] a:active, .collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a:hover, .collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a:active {background:#DDD;text-decoration:none;}
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
@media only screen and (min-width: 769px) {
#content-wrap {
display: flex;
flex-direction: row;
width: calc(100vw - (100vw - 100%));
min-height: calc(100vh - var(--final-header-height-on-desktop, 10.125rem));
flex-grow: 2;
height: auto;
position: initial;
margin: 0 auto;
max-width: inherit;
margin-left: calc(var(--sidebar-width-on-desktop, 15.5em) * -1 / 2 - 2rem);
}
#main-content {
width: 100%;
position: initial;
max-height: 100%;
padding: 2rem 1rem;
width: 45.8rem;
max-width: 45.8rem;
margin: 0 auto;
}
#main-content::before {
--not-ie: absolute;
content: "";
background-color: rgb(var(--black-monochrome, 0, 0, 0));
position: fixed;
position: var(--not-ie);
top: var(--final-header-height-on-desktop, 0);
left: 0;
transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 + 1rem));
width: var(--sidebar-width-on-desktop, 17em);
height: calc(100% - var(--final-header-height-on-desktop, 0.688rem) - 2.313rem);
transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
opacity: 0.5;
pointer-events: none;
z-index: 9;
margin-bottom: calc(var(--final-header-height-on-desktop, -2.313rem) * -1 - 2.313rem);
}
@supports (-ms-ime-align: auto) {
#main-content::before {
left: 1rem;
transform: translateX(-100%) !important;
}
}
#main-content::after {
content: "";
position: fixed;
display: flex;
align-items: center;
justify-content: center;
width: 1rem;
height: 100%;
max-height: 100%;
top: 0;
transition: left 300ms cubic-bezier(0.4, 0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
left: 1rem;
background: url("https://scp-wiki.wdfiles.com/local--files/component%3Acollapsible-sidebar/sidebar-tab.svg");
background-repeat: no-repeat;
background-position: center left 1rem;
background-attachment: fixed;
background-size: 1rem 12.875rem;
pointer-events: none;
}
#side-bar {
transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 - 1em));
transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), padding 300ms linear, margin 300ms linear;
width: var(--sidebar-width-on-desktop, 13.6rem) !important;
min-width: var(--sidebar-width-on-desktop, 13.6rem) !important;
grid-area: side-bar;
grid-row: 1;
grid-column: 1;
padding-left: 0rem;
padding-right: 2rem;
background-color: rgba(var(--swatch-menubg-color, 255, 255, 255), 0);
top: 0rem;
max-height: 100vh;
position: sticky;
left: 0.5rem;
scrollbar-width: thin;
overscroll-behavior: contain;
scrollbar-color: rgba(170, 170, 170, 0) rgba(170, 170, 170, 0);
}
#side-bar::-webkit-scrollbar {
width: 0;
transition: width 300ms 50ms cubic-bezier(0.4, 0, 0.2, 1);
}
#side-bar::-webkit-scrollbar-track, #side-bar::-webkit-scrollbar-thumb {
width: 0;
background-color: rgba(170, 170, 170, 0);
}
#side-bar:hover::-webkit-scrollbar-track {
width: 0.5rem;
background-color: rgb(252, 252, 252);
}
#side-bar:hover::-webkit-scrollbar-thumb {
width: 0.375rem;
background-color: rgb(170, 170, 170);
}
#side-bar:hover, #side-bar:active, #side-bar:focus-within {
background-color: rgba(var(--swatch-menubg-color, 255, 255, 255), 1);
padding-right: 0;
margin-right: 2rem;
transform: translateX(calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0.5rem) - 0.5rem));
overflow-y: auto;
overflow-x: hidden;
scrollbar-color: rgb(170, 170, 170) rgb(252, 252, 252);
}
#side-bar:hover::-webkit-scrollbar, #side-bar:active::-webkit-scrollbar, #side-bar:focus-within::-webkit-scrollbar {
width: 0.5rem;
transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
#side-bar:hover + #main-content::before, #side-bar:active + #main-content::before, #side-bar:focus-within + #main-content::before {
transform: translateX(0);
opacity: 0;
}
#side-bar:hover + #main-content::after, #side-bar:active + #main-content::after, #side-bar:focus-within + #main-content::after {
left: calc(var(--sidebar-width-on-desktop, 17em) * -1);
background-position: center left calc(var(--sidebar-width-on-desktop, 17em) * -1);
transition: left 300ms cubic-bezier(0.4, 0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
opacity: 0;
width: 0rem;
font-size: 0em;
}
@supports (-ms-ime-align: auto) {
#side-bar:hover, #side-bar:active, #side-bar:focus-within {
overflow-y: auto;
transform: translateX(0) !important;
margin-left: -0.5rem;
}
}
#side-bar .side-block {
margin-top: 1rem;
background-color: rgba(0, 0, 0, 0);
border-radius: 0;
border-left-width: 0px;
border-right-width: 0px;
}
@supports (-ms-ime-align: auto) {
#side-bar {
overflow-y: hidden;
overflow-x: hidden;
transform: translateX(-90%) !important;
}
}
}
:root {
--theme-base: "black-highlighter";
--theme-id: "liminal";
--theme-name: "Liminal Theme";
--logo-image: url("https://arandintday.github.io/thebackhubscn/logo.svg");
--header-title: "幻云沙盒";
--header-subtitle: "您的所爱";
--body-font: Inter, "Noto Sans SC", "Noto Sans TC", Arimo, Verdana, Geneva, sans-serif;
--header-font: Inter, "Noto Sans SC", "Noto Sans TC", Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif;
--title-font: var(--header-font);
--mono-font: Recursive, "Noto Serif SC", "Noto Serif TC", Consolas, monaco, monospace;
--white-monochrome: 237, 233, 223;
--pale-gray-monochrome: 255, 251, 240;
--light-gray-monochrome: 160, 160, 160;
--gray-monochrome: 72, 69, 60;
--black-monochrome: 25, 20, 16;
--bright-accent: 140, 136, 126;
--medium-accent: 72, 69, 60;
--dark-accent: 140, 136, 126;
--pale-accent: 140, 136, 126;
--swatch-topmenu-border-color: var(--medium-accent);
--link-color: 230, 23, 68;
--hover-link-color: 187, 0, 34;
--visited-link-color: 150, 24, 43;
--background-gradient-distance: 0rem;
--gradient-header: linear-gradient(to top,
rgba(var(--medium-accent)) 0%,
rgba(var(--medium-accent), 0.90) 100%);
--diagonal-stripes: linear-gradient(transparent 0);
}
#skrollr-body {
background-image: radial-gradient(circle, rgb(var(--medium-accent)) 50%, transparent 0);
background-repeat: repeat;
background-size: 0.25em 0.25em;
width: 100%;
height: 7.5rem;
}
#container {
background-image: radial-gradient(circle, transparent 50%, transparent 0);
background-size: 0.25em 0.25em;
background-repeat: repeat;
background-attachment: fixed;
}
div#page-options-bottom > a,
div#page-options-bottom-2 > a {
border-radius: 0em;
}
div#page-options-bottom > a, div#page-options-bottom > a:active, div#page-options-bottom > a:hover,
div#page-options-bottom-2 > a,
div#page-options-bottom-2 > a:active,
div#page-options-bottom-2 > a:hover {
border: none;
}
#header,
#top-bar {
background-attachment: scroll;
}
#header {
background-image: none;
}
#header::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
background-image: var(--logo-image);
background-size: auto 16rem;
background-position: center;
background-repeat: no-repeat;
opacity: 0.4;
}
#header h1,
#header h1 a {
position: absolute;
top: 1rem;
margin: 0;
width: 100%;
display: flex;
justify-content: center;
z-index: 0;
}
#header h2,
#header h2 span,
#header h2 span::before {
position: absolute;
top: 2rem;
margin: 0;
width: 100%;
display: flex;
justify-content: center;
}
#side-bar {
direction: rtl;
padding-left: 0;
top: 0;
}
#side-bar div.side-block {
direction: ltr;
border-right: var(--sidebar-internal-border-thickness) solid rgba(var(--swatch-border-color), 0.08);
}
#side-bar div.side-block,
#side-bar div.side-block .heading {
margin-top: 0;
}
#side-bar div.side-block div.menu-item, #side-bar div.side-block div.menu-item > p {
display: flex;
flex-shrink: 0;
flex-basis: 100%;
flex-flow: row wrap;
align-items: center;
justify-content: flex-start;
height: 1.5rem;
min-height: 1.5rem;
margin: 0;
padding: 0;
box-shadow: inset 0 calc(var(--sidebar-internal-border-thickness) * -1) 0 0 rgba(var(--sidebar-border-color));
font-size: 0;
}
#side-bar div.side-block div.menu-item a {
justify-content: flex-start;
padding: 0 0 0 calc(var(--base-font-size) * 0.9333333333);
}
#side-bar div.side-block div.menu-item a::before {
left: 0;
transform: translateX(-100%);
width: calc(100% + 6rem);
}
#side-bar div.side-block div.menu-item a:not(a:first-child) {
border-left: var(--sidebar-internal-border-thickness) solid rgba(var(--swatch-border-color), 0.08);
}
#side-bar div.side-block div.menu-item a img {
filter: grayscale(100%);
}
#side-bar div.side-block div.menu-item.small a {
justify-content: center;
width: auto;
padding: 0 0.25em;
text-indent: 0;
white-space: nowrap;
}
#side-bar div.side-block div.menu-item > :last-child {
flex-grow: 2;
}
@media only screen and (max-width: 768px) {
#side-bar {
left: calc(var(--sidebar-width-on-mobile) * -1);
}
#side-bar:target, #skrollr-body:target #side-bar {
left: -0.5rem;
}
#side-bar .heading p,
#side-bar .side-block > .collapsible-block .collapsible-block-link {
letter-spacing: 0.016em;
}
#side-bar:target .close-menu, #skrollr-body:target #side-bar .close-menu {
margin-left: calc(var(--sidebar-width-on-mobile) - 0.5rem);
width: calc(100% - var(--sidebar-width-on-mobile) + 0.5rem);
}
}
div.scpnet-interwiki-wrapper {
margin: 0;
width: auto;
}
#side-bar div.scpnet-interwiki-wrapper {
min-height: 220px;
transform: translate(0, 0);
}
@media only screen and (max-width: 768px) {
#side-bar div.scpnet-interwiki-wrapper {
width: calc(var(--sidebar-width-on-mobile) - 0.5rem);
max-width: calc(80vw + var(--base-font-size) * 0.5);
}
}
@media only screen and (min-width: 768px) {
div.scpnet-interwiki-wrapper {
width: 100%;
}
}
/* Message on Delete/Rename/Move */
#rename-option-rename::before,
#rename-option-delete::before {
content: var(--rename-option);
color: rgb(211, 54, 120);
display: block;
}
/* Non SavingPage 黑标版 */
iframe#odialog-shader-iframe {
display: none;
}
div#odialog-shader.odialog-shader {
display: block;
position: fixed;
z-index: 40;
width: 100%;
height: 100%;
opacity: 1;
background-color: rgba(var(--swatch-menubg-black-color), 0.5);
pointer-events: none;
inset: 0 0 auto auto;
}
iframe.scpnet-interwiki-frame {
border: inherit;
width: 100%;
height: 220px;
}
a.newpage {
background: transparent;
text-decoration: none;
color: rgb(var(--newpage-color));
}
blockquote {
box-shadow: 0.05rem 0.1rem 0.3rem rgba(var(--black-monochrome), 0.25);
}
.styled-quote {
background-color: rgb(var(--pale-gray-monochrome));
border-left: 0.5rem solid rgba(var(--gray-monochrome));
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0.05rem 0.1rem 0.3rem rgba(var(--black-monochrome), 0.25);
}
.dark-styled-quote {
background-color: rgb(var(--gray-monochrome));
border-left: 0.5rem solid rgba(var(--pale-gray-monochrome));
color: rgb(var(--white-monochrome));
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0.05rem 0.1rem 0.3rem rgba(var(--black-monochrome), 0.25);
}
.dark-styled-quote a {
color: rgb(var(--swatch-menubg-medium-color));
}
.lightblock {
background-color: rgb(var(--pale-gray-monochrome));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(var(--black-monochrome), 0.25);
}
.darkblock {
background-color: rgb(var(--gray-monochrome));
color: rgb(var(--white-monochrome));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(var(--black-monochrome), 0.25);
}
.darkblock a {
color: rgb(var(--swatch-menubg-medium-color));
}
/* Content Warning */
#page-content div#u-adult-warning {
width: fit-content;
margin: 0 auto 1.25rem;
padding: 0.5rem 1rem;
border: 3px solid #333;
background: #e4e4e4;
color: #333;
text-align: center;
font-weight: bold;
}
#page-content div#u-adult-warning > div#u-adult-header {
font-size: 300%;
text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
color: #901;
}
#page-content div#u-adult-warning p {
margin: 0;
}
#page-content div#u-adult-warning > .error-block {
color: unset;
padding: unset;
margin: unset;
border: unset;
margin-bottom: 1em;
}
/* 去除用户信息中头像白边 */
#odialog-container .owindow > div.modal-body > img[style*="padding: 2px 8px;"]:first-child {
background-color: initial !important;
}
/* Message on Delete/Rename/Move */
#rename-option-rename::before,
#rename-option-delete::before {
content: var(--rename-option);
color: red;
display: block;
}
/* 搜索框修改 */
#search-top-box-input {
display: none;
}
@media only screen and (max-width: 768px) {
#search-top-box:not(:focus-within)::before {
top: calc(var(--header-height-on-mobile) / 2 + 0.5em);
}
}
/* Footer */
#footer,
#footer a {
color: rgb(var(--white-monochrome));
}
/* Image Block */
.scp-image-block {
min-width: 30%;
}
/* License Box */
#page-content .licensebox .collapsible-block-link {
margin-left: 0.25em;
padding: 0.25em;
font-weight: 700;
opacity: 0.5;
color: rgb(var(--gray-monochrome));
transition: opacity 0.5s ease-in-out;
}
#page-content .licensebox .collapsible-block-link:hover {
opacity: 1;
}
沪公网安备 31011002002714 号