TaRtaR0S - The Backrooms中文维基

TaRtaR0S

@import url("http://vivarium.wdfiles.com/local--files/backrooms%3Avivtheme/stylesheet.css");
 @import url("https://backroomssandboxcn.wikidot.com/local--files/tartar0s:theme/bgd.css");
 
/* All Vars Used */
 
:root {
    /* S-CSS-P Integration */
    /* If you're making a new CSS theme, please include the following three variables at minimum. */
    --theme-base: "black-highlighter";
    /* must be either "black-highlighter" or "sigma9" */
    --theme-id: "tar-theme";
    /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
    --theme-name: "nu-SCP Theme";
    /* set this to your theme's full name */
 
    /* Header */
    --logo-image: url("https://ei.phncdn.com/www-static/images/pornhub_logo_straight.svg?cache=2023121402");
    --header-title: "";
    --header-subtitle: "";
 
    /* Typefaces */
   --body-font: punctuation-marks, Huiwen-mincho,proxima-nova,  sans-serif;
   --header-font: 'CKTKingKong', "Poppins", sans-serif;
   --title-font: 'CKTKingKong', "Poppins", sans-serif;
    --mono-font: "Space Mono", "Andale Mono", "Courier New", Courier, monospace;
 
    --gradient-header: linear-gradient(to top,#0E0E0E 0%,#0E0E0E 100%);
 
--gradient-background:none;
 
 /* Standard Colors */
        --white-monochrome: 248, 248, 248;
        /* white */
        --pale-gray-monochrome: 237, 237, 237;
        /* v light gray for blockquotes and stuff */
        --light-pale-gray-monochrome: 237, 237, 237;
        /* very light pale gray for misc. use */
        --very-light-gray-monochrome: 215, 215, 215;
        /* very light accent gray for misc. use */
        --light-gray-monochrome: 160, 160, 160;
        /* light accent gray for login status */
        --gray-monochrome: 14,14,14;
        /* gray */
        --dark-gray-monochrome: 14,14,14;
        /* dark accent gray for sidebar background */
        --black-monochrome: 14,14,14;
        /* black */
        --accentColor: 255,144,0;
        --link-color: var(--accentColor);
        --hover-link-color: var(--accentColor);
        --visited-link-color: var(--accentColor);
        --new-page-color: var(--accentColor);
        /*Penumbra Accent Color*/
        --pale-accent: var(--accentColor);
        /* light red, for visited links */
        --bright-accent: var(--accentColor);
        /* bright red */
        --medium-accent: var(--accentColor);
        /* medium red - the "default" accent color */
        --dark-accent: var(--accentColor);
        /* dark red */
        --alt-accent: 221, 102, 17;
        /* pale orange, for newpage links */
 
        /* Background and Header Colors */
        --background-gradient-color: var(--black-monochrome);
 
        /* Primary Theme Colors */
        --swatch-background: var(--dark-gray-monochrome);
 
        /* Primary Text Colors */
        --swatch-text-light: var(--pale-gray-monochrome);
        --swatch-text-general: var(--swatch-text-light);
 
        /* Primary Menu Colors */
        --swatch-menubg-color: var(--black-monochrome);
        --swatch-menutxt-general-color: var(--swatch-menutxt-light-color);
 
        --swatch-alternate-color: var(--swatch-menubg-dark-color);
 
        /* Primary Header Colors */
        --swatch-headerh1-color: var(--bright-accent);
        --swatch-headerh2-color: var(--bright-accent);
 
        /* Link Colors */
        --sidebar-links-text: var(--bright-accent);
 
        /* Rating Module Colors */
        --rating-module-button-color: var(--white-monochrome);
        --rating-module-text-color: var(--swatch-menutxt-light-color);
 
   );
   --diagonal-stripes: linear-gradient(transparent 0);
}
 
.owindow {
   border: 0.2rem solid rgba(var(--medium-accent));
}
 
.owindow .title.modal-header{
   border-bottom: 0.2rem solid rgba(var(--medium-accent));
background-color: #000000;
   background-size: auto 2rem;
        text-shadow: -1px 1px 0 rgba(var(--medium-accent)), 1px 1px 0 rgba(var(--medium-accent)), 1px -1px 0 rgba(var(--medium-accent)),-1px -1px 0 rgba(var(--medium-accent));
   color: rgb(0,0,0);
font-size: 120%
}
 
#skrollr-body {
    background-image:
     var(--gradient-header),
     var(--gradient-topmenu),
     var(--gradient-background)!important;
    background-size:
     var(--header-background-image-size),
     100% var(--final-header-height-on-desktop),
     100% var(--background-gradient-distance);
background-repeat:no-repeat;
}
 
#footer a{
color:rgb(255,255,255);
}
 
#footer{
color:rgb(255,255,255);
}
 
body{
background-image:none;
background-image:none;
background-size:100% 7.5rem,100% 9.375rem,100% 40rem;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:none;
background-image:none;
background-image:none;
background-position:0 0;background-size:100% var(--header-height-on-desktop);
background-repeat:no-repeat
}
 
.code {
   box-shadow: none;
    background-color:rgba(var(--light-gray-monochrome),.13);
   border: none;
   border-left: solid 2px rgb(var(--medium-accent));
}
 
hr{
   background-color: rgb(var(--medium-accent));
   border-color: rgb(var(--medium-accent));
}
 
.page-rate-widget-box {
    background: none;
    border: none;
   box-shadow: none;
    background-color:rgba(var(--light-gray-monochrome),.13);
    border-left: 0.2rem solid rgba(var(--medium-accent));
}
 
#login-status a {
color: rgba(255,255,255);
    font-weight: bold;
}
 
#login-status {
border-radius: 2px;
padding: 5px;
}
 
#login-status span {
color: rgba(255,255,255);
    font-weight: bold;
}
 
.titleblock {
   background-color:rgb(25,25,25);
   padding: 0.5rem 1rem 0.10rem;
   margin: 1.5rem 0rem 0.5rem 0rem;
   border: 0.2rem solid rgba(var(--accentColor));
   box-shadow: none;
}
 
.titlebox{
  position: relative;
  top: -1.6rem;
  background-color: rgb(var(--accentColor));
  color: rgb(255,255,255);
  padding: 0.25rem 1rem;
  line-height: 0.1rem;
}
 
.dark-titleblock {
   background-color: rgb(var(--gray-monochrome));
   color: rgb(255,255,255);
   padding: 0.5rem 1rem 0.10rem;
   margin: 1.5rem 0rem 0.5rem 0rem;
   border: 0.2rem solid rgba(var(--pale-gray-monochrome));
   box-shadow: none;
}
 
.dark-titlebox{
  position: relative;
  top: -1.6rem;
   background-color:rgb(var(--pale-gray-monochrome));
  color: rgb(0,0,0);
  padding: 0.25rem 1rem;
  line-height: 0.1rem;
}
 
.styled-quote {
   background-color:rgb(25,25,25);
   border-left: 0.5rem solid rgba(var(--accentColor));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: none;
}
 
.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(0,0,0,.25);
   box-shadow: none;
}
 
.dark-styled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.lightblock {
   background-color:rgb(25,25,25);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: none;
}
 
.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: none;
}
 
.darkblock a {
color: rgb(var(--swatch-menubg-medium-color));
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 1rem;
   top: 0;
   background-image: var(--logo-image);
   background-size: auto 3rem;
   background-position: left;
   background-repeat: no-repeat;
   opacity: 1;
}
 
#top-bar div.top-bar > ul > li > a,
#top-bar div.mobile-top-bar > ul > li > a {
    background-color: rgb(14,14,14);
    transition: background 0.2s linear;
   border-top: solid 1px rgb(14,14,14);
   border-left: solid 1px rgb(14,14,14);
   border-right: solid 1px rgb(14,14,14);
   border-bottom: solid 2px rgb(14,14,14);
}
 
#top-bar div.top-bar > ul > li:hover > a,
#top-bar div.mobile-top-bar > ul > li:hover > a {
    background-color: #191919;
    transition: background 0.2s linear;
   border-top: solid 1px #333;
   border-left: solid 1px #333;
   border-right: solid 1px #333;
   border-bottom: solid 2px #F27405;
}
 
#top-bar div.top-bar > ul > li > ul > li > a,
#top-bar div.mobile-top-bar > ul > li > ul > li > a {
    background-color: rgb(0, 0, 0);
    transition: background 0.2s linear;
    border-radius: 20px;
}
 
#top-bar div.top-bar > ul > li > ul ,
#top-bar div.mobile-top-bar > ul > li > ul {
    background-color: rgb(0, 0, 0);
}
 
#top-bar div.top-bar > ul > li > ul > li:hover > a,
#top-bar div.mobile-top-bar > ul > li > ul > li:hover > a {
    background-color: #191919;
    transition: background 0.2s linear;
    border-color: rgb(0,0,0);
    box-shadow:none;
    border-radius: 20px;
}
 
#top-bar div.top-bar > ul > li > ul > li > a:hover,
#top-bar div.mobile-top-bar > ul > li > ul > li > a:hover {
    border: none!important;
    box-shadow: none!important;
    background: none;
}
 
div#page-options-bottom-2 > a, div#page-options-bottom > a {
   padding: 0.8rem 0.5rem;
   margin: 0.5rem 0.2rem;
    background-color: rgb(14, 14, 14);
    transition: background 0.2s linear;
    border-radius: 10px;
}
 
div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover {
    background-color: #252525;
    transition: background 0.2s linear;
    border-color: rgb(0,0,0);
    border-radius: 10px;
}
 
#page-info, .page-watch-options{
visibility: hidden;
}
 
@supports (display: grid){
#search-top-box {
visibility: hidden;
}
}
 
::-webkit-scrollbar {
  width: 8px;
}
 
/* Track */
::-webkit-scrollbar-track {
  background:rgb(0,0,0);
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(var(--accentColor),.75);
      border-radius: 3px;
}
 
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgb(var(--accentColor));
}
 
/* Track */
#side-bar::-webkit-scrollbar-track {
  background:rgb(0,0,0);
}
 
/* Handle */
#side-bar::-webkit-scrollbar-thumb {
  background: rgba(var(--accentColor),.75);
      border-radius: 3px;
}
 
/* Handle on hover */
#side-bar::-webkit-scrollbar-thumb:hover {
  background: rgb(var(--accentColor));
}
 
#page-title{
display: none;
}
 
.admonition {
margin: 0 auto 0 auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
}
 
.video a{
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   text-decoration: none;
   z-index: 10;
   opacity: 0;
}
 
.video {
background: transparent;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
margin: 1rem 1rem 1rem 1rem;
width: 45%;
height: 14rem;
cursor: default;
transition-duration: 0.4s;
z-index: 5;
    border-radius: 5px;
   border-bottom: solid 2px #F27405;
   position: relative;
}
 
.hq {
width: 100%;
height: 10rem;
    border-radius: 5px 5px 0 0;
}
 
.video:hover {
    background-color: #252525;
transition-duration: 0.4s;
    opacity: 0.7;
}
 
.video.bg {
        height: 29rem;
        width: 100%;
    }
    .video.bg .hq {
        height: 25rem;
    }
 
@media (max-width: 1000px) {
    .video, .hq {
        width: 100%;
    }
    .video.bg {
        height: 14rem;
    }
    .video.bg .hq {
        height: 10rem;
    }
 
@supports (display: grid){
#login-status {
visibility: hidden;
}
}
 
}
 
.vid:before{
    content: url(https://ei.phncdn.com/www-static/images/channel-badge.svg?cache=2023121402);
    width: 12px;
    height: 14px;
    margin-bottom: 0;
    margin-right: 2px;
display: inline-block;
background-position: unset;
}
 
.glb:before{
    content: "";
    background-image:url(https://ei.phncdn.com/www-static/images/countryFlags/svgs/international.svg?cache=2023121402);
    width: 16px;
    height: 16px;
    margin-bottom: 0;
    margin-right: 2px;
display: inline-block;
background-position: unset;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    top: 2px;
}
 
blockquote:before{
    content: "";
    background-image:url(http://tartar0s.wikidot.com/local--files/new-author/default_avatar.png);
    width: 40px;
    height: 40px;
    margin-bottom: 0;
    margin-right: 2px;
display: inline-block;
background-position: unset;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    top: 2px;
    border-radius: 30px;
    border: solid 2px rgb(var(--accentColor));
}
 
blockquote {
   box-shadow: none;
    background-color:rgb(25,25,25);
   border: none;
   border-left: solid 2px rgb(var(--medium-accent));
    border-radius: 5px;
}
 
#content-wrap #side-bar .side-block .heading {
    background: none;
}
 
#content-wrap #side-bar .side-block .heading p {
   color: rgb(var(--medium-accent))!important;
}
 
#side-bar .side-block .menu-item p a {
   color: #ffffff;
    border-radius: 10px;
    transition: background 0.2s linear;
}
 
#side-bar .side-block .menu-item p a:active, #side-bar .side-block .menu-item p a:hover, #side-bar .side-block .menu-item > a:active, #side-bar .side-block .menu-item > a:hover {
    border-radius: 10px;
    background-color: #252525!important;
    transition: background 0.2s linear;
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
background-color:#000;
}
 
.scp-image-block .scp-image-caption {
    color: white;
    background-color: rgb(17,17,17);
    border: none;
    margin-top: 0.3rem;
    border-radius: 5px;
   border-bottom: solid 2px #F27405;
}
 
.page-tags span{
border:none;
}
 
.page-tags span a{
color: white;
    transition: background 0.2s linear;
    background-color: rgb(14, 14, 14);
   padding: 0.8rem 0.5rem;
   margin: 0.5rem 0.2rem;
    border-radius: 10px;
}
 
.page-tags span a:hover{
    background-color: #252525!important;
    transition: background 0.2s linear;
 
}
 
.page-tags{
border-top: solid 3px #F27405;
}