Sanctuary（New） - R-The Backrooms 同人创作站

Sanctuary（New）

@import css('https://fontlibrary.org//face/fira-sans-condensed');
@import css('https://fontlibrary.org//face/rursus-compact-mono');
@import css('https://fontlibrary.org//face/brush-lettering-one');
 
@font-face {
    font-family: 'GlowSansSC-Extended';
    src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/GlowSansSC-Extended-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
@font-face {
    font-family: 'GlowSansSC-Extended';
    src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/GlowSansSC-Extended-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
 
@media screen and (prefers-reduced-motion: no-preference) {
    #page-title, #breadcrumbs, #page-content > * {
      animation-name: fadeIn;
      animation-duration: 1s;
      animation-iteration-count: 1;
      animation-timing-function: ease-out;
      animation-fill-mode: backwards;
    }
  }
  #page-title { animation-delay: 0s; }
 
:root {
—anim-position: absolute;
}
 
  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translate(0,30px);
    }
    to {
      opacity: 1;
      transform: translate(0,0);
    }
  }
#page-content > :nth-child(1) { animation-delay: calc(1 * var(--fade-in-delay)); }
#page-content > :nth-child(2) { animation-delay: calc(2 * var(--fade-in-delay)); }
#page-content > :nth-child(3) { animation-delay: calc(3 * var(--fade-in-delay)); }
#page-content > :nth-child(4) { animation-delay: calc(4 * var(--fade-in-delay)); }
#page-content > :nth-child(5) { animation-delay: calc(5 * var(--fade-in-delay)); }
#page-content > :nth-child(6) { animation-delay: calc(6 * var(--fade-in-delay)); }
#page-content > :nth-child(7) { animation-delay: calc(7 * var(--fade-in-delay)); }
#page-content > :nth-child(8) { animation-delay: calc(8 * var(--fade-in-delay)); }
#page-content > :nth-child(9) { animation-delay: calc(9 * var(--fade-in-delay)); }
#page-content > :nth-child(10) { animation-delay: calc(10 * var(--fade-in-delay)); }
#page-content > :nth-child(11) { animation-delay: calc(11 * var(--fade-in-delay)); }
#page-content > :nth-child(12) { animation-delay: calc(12 * var(--fade-in-delay)); }
#page-content > :nth-child(13) { animation-delay: calc(13 * var(--fade-in-delay)); }
#page-content > :nth-child(14) { animation-delay: calc(14 * var(--fade-in-delay)); }
#page-content > :nth-child(15) { animation-delay: calc(15 * var(--fade-in-delay)); }
#page-content > :nth-child(n+15) { animation-delay: calc(16 * var(--fade-in-delay)); }
:root {
   --fade-in-delay: 0.1s;
 
   --theme-base: "black-highlighter";
   --theme-id: "dember";
   --theme-name: "Dark Dying Embers";
 
   --logo-image: url("http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg");
   --header-title: "人性的火焰";
   --header-subtitle: "这是通往无限痛楚的道路";
 
   --body-font: 'Fira Sans Condensed', 'GlowSansSC-Extended', sans-serif;
   --header-font: 'Rursus Compact Mono', 'GlowSansSC-Extended', sans-serif;
   --title-font: 'Rursus Compact Mono', 'GlowSansSC-Extended', sans-serif;
   --mono-font: 'Brush Lettering One', 'Noto Serif SC', serif;
 
   --white-monochrome: 28, 28, 22;
   --pale-gray-monochrome: 115, 100, 105;
   --light-gray-monochrome: 255, 255, 255;
   --gray-monochrome: 125, 88, 88;
   --dark-gray-monochrome: 150, 58, 15;
   --black-monochrome: 230, 180, 185;
   --bright-accent: 211, 135, 67;
   --medium-accent: 163, 75, 34;
   --dark-accent: 246, 145, 121;
   --pale-accent: 184, 88, 4;
   --header-gradient: 246, 145, 121;
   --light-block-text: 178, 190, 181;
   --visited-link-color: 184, 88, 4;
   --rating-module-button-plus-color: 184, 88, 4;
   --rating-module-button-negative-color: 184, 88, 4;
   --rating-module-button-cancel-color: 184, 88, 4;
   --link-color: 201, 35, 20;
   --hover-link-color: 201, 35, 20;
   --anim-position: fixed;
 
   --swatch-topmenu-border-color: var(--medium-accent);
 
   --link-color: 230, 23, 68;
   --hover-link-color: 230, 23, 68;
 
   --background-gradient-distance: 0rem;
 
   --gradient-header: linear-gradient(to top,
      rgba(var(--header-gradient)) 0%,
      rgba(var(--medium-accent), 0.90) 100%
   );
   --diagonal-stripes: linear-gradient(transparent 0);
}
 
#skrollr-body {
   background-image:
    radial-gradient(circle, rgb(var(--black-monochrome)) 0.5%, transparent 0);
   background-repeat: repeat;
   background-size: 0.25em 0.25em;
   width: 100%;
   height: 7.5rem;
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
#login-status {
   color: rgb(var(--swatch-text-light));
}
 
#search-top-box input.empty {
   color: rgb(var(--swatch-text-light));
}
 
#container {
   background-image: radial-gradient(circle, rgb(var(--medium-accent), 0.05) 50%, transparent 0);
   background-size: 0.25em 0.25em;
   background-repeat: repeat;
   background-attachment: fixed;
}
 
div#page-options-bottom-2 > a, div#page-options-bottom > a {
   border-radius: 0em;
   -moz-border-radius: 0em;
   border: none;
}
 
/* sd banner colours */
.sd-container {
   --sd-text:var(--white-monochrome);
   --sd-border:255,255,255;
   --sd-bullets:255,255,255;
   --sd-symbol:var(--white-monochrome);
}
 
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 {
   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;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: 0rem 0rem 0rem #592a2a;
}
 
a.newpage {
   background: transparent;
   text-decoration: none
}
 
a.newpage {
   color: rgb(var(--newpage-color))
}
 
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote {
   background-color:rgb(var(--pale-gray-monochrome));
   border-left: 0.5rem solid rgba(var(--gray-monochrome));
   color:rgb(var(--black-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);
}
 
.styled-quote {
   background-color:rgb(var(--gray-monochrome));
   border-left: 0.5rem solid rgba(var(--pale-gray-monochrome));
   color:rgb(var(--light-block-text));
   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);
}
 
.lightblock {
   background-color:rgb(var(--gray-monochrome));
   color:rgb(var(--light-block-text));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock {
   background-color:rgb(var(--pale-gray-monochrome));
   color:rgb(var(--black-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.lightblock a, .styled-quote a {
   color: rgb(128, 41, 41);
}
 
hr {
   background-color: rgb(var(--swatch-menubg-medium-dark-color));
}
 
@media (prefers-reduced-motion: no-preference) {
  #container-wrap-wrap:before,
  #container-wrap-wrap:after {
    animation: animStar 45s linear infinite;
    background: transparent;
    box-shadow: 805px 413px #FFE9E5, 724px 1326px #FFE9E5, 1175px 606px #FFE9E5,
      661px 1274px #FFE9E5, 1206px 1967px #FFE9E5, 1278px 1086px #FFE9E5,
      551px 1817px #FFE9E5, 1861px 1653px #FFE9E5, 5px 1525px #FFE9E5, 1414px 255px #FFE9E5,
      1892px 739px #FFE9E5, 894px 1633px #FFE9E5, 1615px 521px #FFE9E5, 1374px 651px #FFE9E5,
      250px 1473px #FFE9E5, 1984px 1096px #FFE9E5, 202px 5px #FFE9E5, 1694px 1095px #FFE9E5,
      1656px 433px #FFE9E5, 1274px 413px #FFE9E5, 1568px 1581px #FFE9E5,
      184px 1296px #FFE9E5, 1820px 532px #FFE9E5, 1791px 956px #FFE9E5,
      1522px 1638px #FFE9E5, 1056px 1907px #FFE9E5, 745px 493px #FFE9E5,
      576px 1246px #FFE9E5, 849px 1625px #FFE9E5, 1484px 91px #FFE9E5, 1818px 1294px #FFE9E5,
      1073px 1048px #FFE9E5, 24px 818px #FFE9E5, 1605px 1164px #FFE9E5, 903px 1546px #FFE9E5,
      7px 1147px #FFE9E5, 48px 485px #FFE9E5, 130px 1026px #FFE9E5, 306px 735px #FFE9E5,
      1280px 1057px #FFE9E5, 1944px 481px #FFE9E5, 142px 238px #FFE9E5, 1195px 732px #FFE9E5,
      535px 1985px #FFE9E5, 851px 962px #FFE9E5, 1406px 1056px #FFE9E5,
      1869px 1171px #FFE9E5, 968px 1272px #FFE9E5, 278px 461px #FFE9E5,
      1655px 1910px #FFE9E5, 1650px 940px #FFE9E5, 186px 1554px #FFE9E5,
      1401px 1811px #FFE9E5, 805px 450px #FFE9E5, 749px 831px #FFE9E5, 270px 1913px #FFE9E5,
      1254px 1571px #FFE9E5, 1655px 733px #FFE9E5, 1159px 340px #FFE9E5, 40px 941px #FFE9E5,
      911px 846px #FFE9E5, 568px 347px #FFE9E5, 849px 1892px #FFE9E5, 768px 1503px #FFE9E5,
      1501px 40px #FFE9E5, 480px 384px #FFE9E5, 1930px 1940px #FFE9E5, 1952px 201px #FFE9E5,
      1665px 494px #FFE9E5, 1264px 1252px #FFE9E5, 1046px 835px #FFE9E5,
      320px 1600px #FFE9E5, 1802px 1465px #FFE9E5, 1659px 1176px #FFE9E5,
      647px 1928px #FFE9E5, 1969px 403px #FFE9E5, 246px 1490px #FFE9E5,
      1823px 1326px #FFE9E5, 120px 1420px #FFE9E5, 1974px 396px #FFE9E5, 307px 231px #FFE9E5,
      338px 43px #FFE9E5, 1129px 343px #FFE9E5, 1261px 1927px #FFE9E5, 1830px 728px #FFE9E5,
      249px 701px #FFE9E5, 710px 714px #FFE9E5, 1453px 1998px #FFE9E5, 889px 879px #FFE9E5,
      218px 275px #FFE9E5, 128px 314px #FFE9E5, 1906px 1191px #FFE9E5, 1686px 791px #FFE9E5,
      903px 1248px #FFE9E5, 1157px 1869px #FFE9E5, 732px 94px #FFE9E5, 150px 1387px #FFE9E5,
      428px 1485px #FFE9E5, 1605px 192px #FFE9E5, 963px 67px #FFE9E5, 545px 495px #FFE9E5,
      1458px 1548px #FFE9E5, 1478px 803px #FFE9E5, 1319px 1843px #FFE9E5,
      367px 1029px #FFE9E5, 1976px 716px #FFE9E5, 1099px 1624px #FFE9E5,
      1308px 1228px #FFE9E5, 459px 1640px #FFE9E5, 652px 1290px #FFE9E5,
      1660px 772px #FFE9E5, 658px 1342px #FFE9E5, 534px 180px #FFE9E5, 196px 238px #FFE9E5,
      1052px 1552px #FFE9E5, 1192px 49px #FFE9E5, 546px 1743px #FFE9E5, 677px 420px #FFE9E5,
      495px 1695px #FFE9E5, 692px 1161px #FFE9E5, 1306px 1817px #FFE9E5,
      1323px 666px #FFE9E5, 1904px 1838px #FFE9E5, 1117px 275px #FFE9E5, 644px 520px #FFE9E5,
      1138px 1681px #FFE9E5, 1326px 74px #FFE9E5, 907px 1946px #FFE9E5, 666px 1159px #FFE9E5,
      822px 894px #FFE9E5, 1505px 1208px #FFE9E5, 1809px 987px #FFE9E5, 954px 373px #FFE9E5,
      1328px 391px #FFE9E5, 535px 350px #FFE9E5, 1047px 784px #FFE9E5, 1252px 1380px #FFE9E5,
      618px 270px #FFE9E5, 531px 1723px #FFE9E5, 1588px 845px #FFE9E5, 1170px 1020px #FFE9E5,
      973px 1587px #FFE9E5, 593px 692px #FFE9E5, 283px 1482px #FFE9E5, 959px 1392px #FFE9E5,
      39px 1335px #FFE9E5, 1457px 815px #FFE9E5, 21px 1727px #FFE9E5, 1998px 1064px #FFE9E5,
      1380px 1216px #FFE9E5, 827px 1538px #FFE9E5, 108px 1390px #FFE9E5,
      1612px 1389px #FFE9E5, 1516px 1392px #FFE9E5, 1584px 1044px #FFE9E5,
      1261px 1859px #FFE9E5, 1841px 646px #FFE9E5, 1652px 988px #FFE9E5,
      1848px 1407px #FFE9E5, 661px 344px #FFE9E5, 1805px 1758px #FFE9E5,
      1784px 247px #FFE9E5, 780px 123px #FFE9E5, 117px 332px #FFE9E5, 430px 354px #FFE9E5,
      522px 826px #FFE9E5, 1311px 1343px #FFE9E5, 1590px 1863px #FFE9E5,
      1155px 1803px #FFE9E5, 368px 168px #FFE9E5, 1965px 140px #FFE9E5, 210px 830px #FFE9E5,
      1954px 772px #FFE9E5, 1316px 1990px #FFE9E5, 1783px 692px #FFE9E5,
      669px 1323px #FFE9E5, 1188px 949px #FFE9E5, 833px 1030px #FFE9E5, 1467px 988px #FFE9E5,
      633px 1926px #FFE9E5, 1490px 320px #FFE9E5, 1619px 1516px #FFE9E5, 1370px 85px #FFE9E5,
      678px 1409px #FFE9E5, 152px 650px #FFE9E5, 321px 1771px #FFE9E5, 1443px 1821px #FFE9E5,
      1440px 391px #FFE9E5, 1501px 1296px #FFE9E5, 979px 133px #FFE9E5, 1911px 598px #FFE9E5,
      1719px 97px #FFE9E5, 893px 735px #FFE9E5, 310px 473px #FFE9E5, 1595px 1047px #FFE9E5,
      437px 293px #FFE9E5, 145px 343px #FFE9E5, 1246px 416px #FFE9E5, 1011px 1235px #FFE9E5,
      1462px 987px #FFE9E5, 167px 1525px #FFE9E5, 1688px 1415px #FFE9E5,
      574px 1801px #FFE9E5, 347px 1741px #FFE9E5, 880px 1109px #FFE9E5, 93px 1692px #FFE9E5,
      94px 1987px #FFE9E5, 1695px 951px #FFE9E5, 153px 601px #FFE9E5, 1013px 969px #FFE9E5,
      356px 434px #FFE9E5, 1228px 1942px #FFE9E5, 1083px 1445px #FFE9E5,
      1317px 438px #FFE9E5, 439px 1242px #FFE9E5, 1031px 356px #FFE9E5, 615px 666px #FFE9E5,
      1019px 1826px #FFE9E5, 1526px 1025px #FFE9E5, 538px 210px #FFE9E5, 78px 1954px #FFE9E5,
      1344px 965px #FFE9E5, 1280px 143px #FFE9E5, 211px 430px #FFE9E5, 282px 1279px #FFE9E5,
      1355px 1639px #FFE9E5, 1142px 1512px #FFE9E5, 141px 822px #FFE9E5, 60px 1923px #FFE9E5,
      1322px 1117px #FFE9E5, 523px 1165px #FFE9E5, 1289px 1438px #FFE9E5,
      974px 1937px #FFE9E5, 1915px 1955px #FFE9E5, 1793px 308px #FFE9E5,
      1712px 1273px #FFE9E5, 201px 1179px #FFE9E5, 1186px 12px #FFE9E5, 1635px 877px #FFE9E5,
      361px 256px #FFE9E5, 795px 1283px #FFE9E5, 305px 1072px #FFE9E5, 1099px 1995px #FFE9E5,
      1643px 906px #FFE9E5, 835px 1411px #FFE9E5, 142px 1950px #FFE9E5,
      1161px 1635px #FFE9E5, 5px 819px #FFE9E5, 977px 1049px #FFE9E5, 86px 417px #FFE9E5,
      731px 1015px #FFE9E5, 1746px 1059px #FFE9E5, 1904px 484px #FFE9E5,
      1367px 434px #FFE9E5, 982px 1646px #FFE9E5, 685px 1582px #FFE9E5, 1754px 496px #FFE9E5,
      1706px 292px #FFE9E5, 1962px 1932px #FFE9E5, 987px 806px #FFE9E5, 76px 1275px #FFE9E5,
      746px 430px #FFE9E5, 1337px 122px #FFE9E5, 653px 942px #FFE9E5, 487px 1433px #FFE9E5,
      1270px 1287px #FFE9E5, 1418px 574px #FFE9E5, 1640px 1046px #FFE9E5,
      950px 1608px #FFE9E5, 1660px 432px #FFE9E5, 1134px 153px #FFE9E5,
      1567px 1087px #FFE9E5, 1582px 1957px #FFE9E5, 474px 238px #FFE9E5,
      1514px 525px #FFE9E5, 1421px 1984px #FFE9E5, 16px 1994px #FFE9E5,
      1935px 1508px #FFE9E5, 438px 775px #FFE9E5, 1612px 630px #FFE9E5, 203px 879px #FFE9E5,
      496px 1057px #FFE9E5, 1607px 1518px #FFE9E5, 1588px 574px #FFE9E5,
      1451px 1062px #FFE9E5, 1590px 1593px #FFE9E5, 592px 351px #FFE9E5, 361px 437px #FFE9E5,
      456px 1221px #FFE9E5, 411px 1628px #FFE9E5, 1103px 44px #FFE9E5, 1890px 749px #FFE9E5,
      1368px 1990px #FFE9E5, 872px 18px #FFE9E5, 1528px 907px #FFE9E5, 1199px 235px #FFE9E5,
      395px 570px #FFE9E5, 1120px 127px #FFE9E5, 125px 711px #FFE9E5, 1825px 1327px #FFE9E5,
      64px 1870px #FFE9E5, 838px 1810px #FFE9E5, 663px 1427px #FFE9E5, 1819px 736px #FFE9E5,
      566px 1851px #FFE9E5, 1080px 656px #FFE9E5, 1134px 1861px #FFE9E5, 568px 64px #FFE9E5,
      1530px 1096px #FFE9E5, 981px 1711px #FFE9E5, 1783px 999px #FFE9E5,
      135px 1975px #FFE9E5, 1772px 1553px #FFE9E5, 1967px 1442px #FFE9E5,
      542px 372px #FFE9E5, 1684px 1445px #FFE9E5, 1041px 1106px #FFE9E5, 60px 1460px #FFE9E5,
      1083px 1677px #FFE9E5, 143px 204px #FFE9E5, 912px 350px #FFE9E5, 1000px 1586px #FFE9E5,
      1068px 908px #FFE9E5, 241px 794px #FFE9E5, 426px 409px #FFE9E5, 961px 1141px #FFE9E5,
      1551px 327px #FFE9E5, 1575px 1532px #FFE9E5, 929px 1507px #FFE9E5, 242px 364px #FFE9E5,
      1271px 731px #FFE9E5, 1660px 468px #FFE9E5, 1494px 589px #FFE9E5, 988px 1371px #FFE9E5,
      431px 539px #FFE9E5, 1974px 239px #FFE9E5, 68px 645px #FFE9E5, 781px 1716px #FFE9E5,
      1238px 65px #FFE9E5, 26px 1158px #FFE9E5, 525px 899px #FFE9E5, 1494px 1043px #FFE9E5,
      176px 1932px #FFE9E5, 372px 1933px #FFE9E5, 196px 883px #FFE9E5, 615px 614px #FFE9E5,
      1298px 288px #FFE9E5, 1690px 1284px #FFE9E5, 414px 5px #FFE9E5, 1050px 453px #FFE9E5,
      271px 1805px #FFE9E5, 1024px 1996px #FFE9E5, 458px 1817px #FFE9E5,
      831px 1155px #FFE9E5, 229px 1406px #FFE9E5, 1140px 1918px #FFE9E5,
      390px 1353px #FFE9E5, 1509px 1025px #FFE9E5, 893px 574px #FFE9E5, 461px 499px #FFE9E5,
      568px 1725px #FFE9E5, 791px 1565px #FFE9E5, 1494px 365px #FFE9E5,
      1423px 1289px #FFE9E5, 1239px 1356px #FFE9E5, 1367px 776px #FFE9E5,
      1596px 965px #FFE9E5, 1162px 798px #FFE9E5, 452px 1158px #FFE9E5, 191px 1111px #FFE9E5,
      1194px 1708px #FFE9E5, 694px 804px #FFE9E5, 999px 1711px #FFE9E5, 114px 1175px #FFE9E5,
      1950px 809px #FFE9E5, 1991px 889px #FFE9E5, 1948px 1999px #FFE9E5,
      1367px 1389px #FFE9E5, 1809px 1878px #FFE9E5, 1613px 607px #FFE9E5,
      1143px 842px #FFE9E5, 1746px 324px #FFE9E5, 102px 355px #FFE9E5, 852px 1729px #FFE9E5,
      633px 755px #FFE9E5, 723px 1465px #FFE9E5, 1081px 301px #FFE9E5, 1231px 699px #FFE9E5,
      1751px 616px #FFE9E5, 1387px 999px #FFE9E5, 500px 940px #FFE9E5, 545px 1387px #FFE9E5,
      1777px 223px #FFE9E5, 1058px 1381px #FFE9E5, 1014px 867px #FFE9E5, 403px 712px #FFE9E5,
      673px 958px #FFE9E5, 89px 652px #FFE9E5, 234px 1894px #FFE9E5, 603px 1674px #FFE9E5,
      111px 1930px #FFE9E5, 28px 1161px #FFE9E5, 1052px 962px #FFE9E5, 134px 1007px #FFE9E5,
      290px 1721px #FFE9E5, 1713px 439px #FFE9E5, 443px 1291px #FFE9E5, 1443px 528px #FFE9E5,
      465px 1761px #FFE9E5, 491px 82px #FFE9E5, 592px 938px #FFE9E5, 1409px 1274px #FFE9E5,
      633px 1201px #FFE9E5, 740px 33px #FFE9E5, 1214px 777px #FFE9E5, 1589px 1106px #FFE9E5,
      748px 371px #FFE9E5, 1422px 1726px #FFE9E5, 1607px 225px #FFE9E5, 1520px 280px #FFE9E5,
      873px 547px #FFE9E5, 765px 1174px #FFE9E5, 165px 97px #FFE9E5, 126px 422px #FFE9E5,
      301px 1356px #FFE9E5, 702px 1837px #FFE9E5, 866px 256px #FFE9E5, 1974px 849px #FFE9E5,
      805px 852px #FFE9E5, 1659px 1966px #FFE9E5, 1529px 265px #FFE9E5, 1007px 956px #FFE9E5,
      1245px 359px #FFE9E5, 1505px 752px #FFE9E5, 902px 201px #FFE9E5, 219px 1594px #FFE9E5,
      1134px 816px #FFE9E5, 1269px 1624px #FFE9E5, 33px 1155px #FFE9E5, 1374px 768px #FFE9E5,
      567px 1240px #FFE9E5, 1774px 187px #FFE9E5, 1445px 254px #FFE9E5, 1544px 399px #FFE9E5,
      228px 1003px #FFE9E5, 1132px 632px #FFE9E5, 1242px 10px #FFE9E5, 894px 1826px #FFE9E5,
      1325px 706px #FFE9E5, 1260px 471px #FFE9E5, 1769px 1115px #FFE9E5, 370px 482px #FFE9E5,
      774px 889px #FFE9E5, 1688px 777px #FFE9E5, 124px 1812px #FFE9E5, 364px 1573px #FFE9E5,
      1257px 722px #FFE9E5, 1219px 1214px #FFE9E5, 866px 1202px #FFE9E5, 683px 976px #FFE9E5,
      245px 562px #FFE9E5, 1958px 1456px #FFE9E5, 940px 331px #FFE9E5, 604px 1006px #FFE9E5,
      1871px 56px #FFE9E5, 1671px 1668px #FFE9E5, 114px 1835px #FFE9E5,
      1284px 1144px #FFE9E5, 1183px 223px #FFE9E5, 290px 969px #FFE9E5, 55px 92px #FFE9E5,
      3px 1067px #FFE9E5, 653px 599px #FFE9E5, 341px 1106px #FFE9E5, 351px 617px #FFE9E5,
      1245px 210px #FFE9E5, 1007px 1354px #FFE9E5, 1785px 1298px #FFE9E5,
      624px 1677px #FFE9E5, 1382px 1089px #FFE9E5, 204px 244px #FFE9E5,
      1572px 1534px #FFE9E5, 211px 1723px #FFE9E5, 1873px 558px #FFE9E5,
      1870px 415px #FFE9E5, 1267px 772px #FFE9E5, 2000px 1057px #FFE9E5,
      608px 1723px #FFE9E5, 722px 1493px #FFE9E5, 856px 207px #FFE9E5, 21px 434px #FFE9E5,
      451px 1696px #FFE9E5, 1712px 1156px #FFE9E5, 1316px 740px #FFE9E5, 606px 772px #FFE9E5,
      176px 1359px #FFE9E5, 487px 1748px #FFE9E5, 1240px 118px #FFE9E5, 231px 876px #FFE9E5,
      1149px 468px #FFE9E5, 591px 315px #FFE9E5, 739px 843px #FFE9E5, 1932px 464px #FFE9E5,
      61px 1995px #FFE9E5, 1884px 756px #FFE9E5, 1714px 547px #FFE9E5, 1764px 1477px #FFE9E5,
      1524px 258px #FFE9E5, 831px 1423px #FFE9E5, 858px 1524px #FFE9E5, 1759px 475px #FFE9E5,
      1140px 1721px #FFE9E5, 474px 1016px #FFE9E5, 1312px 1967px #FFE9E5,
      503px 1878px #FFE9E5, 53px 423px #FFE9E5, 281px 1378px #FFE9E5, 817px 152px #FFE9E5,
      1724px 1605px #FFE9E5, 356px 1030px #FFE9E5, 372px 1122px #FFE9E5,
      1477px 125px #FFE9E5, 195px 1014px #FFE9E5, 1155px 1432px #FFE9E5,
      633px 1810px #FFE9E5, 444px 477px #FFE9E5, 1311px 1863px #FFE9E5, 1081px 865px #FFE9E5,
      185px 1222px #FFE9E5, 1290px 1438px #FFE9E5, 630px 1709px #FFE9E5, 372px 117px #FFE9E5,
      1987px 1797px #FFE9E5, 801px 109px #FFE9E5, 1230px 1903px #FFE9E5,
      1502px 1630px #FFE9E5, 680px 1190px #FFE9E5, 1756px 908px #FFE9E5,
      930px 1899px #FFE9E5, 1505px 1734px #FFE9E5, 653px 1026px #FFE9E5,
      1486px 1566px #FFE9E5, 46px 109px #FFE9E5, 1526px 1040px #FFE9E5, 840px 519px #FFE9E5,
      1912px 1341px #FFE9E5, 1382px 471px #FFE9E5, 638px 1021px #FFE9E5, 38px 347px #FFE9E5,
      1290px 781px #FFE9E5, 1485px 847px #FFE9E5, 1496px 1245px #FFE9E5,
      1267px 1307px #FFE9E5, 449px 741px #FFE9E5, 636px 1550px #FFE9E5, 1524px 884px #FFE9E5,
      137px 604px #FFE9E5, 1864px 180px #FFE9E5, 1373px 323px #FFE9E5, 307px 985px #FFE9E5,
      1603px 1012px #FFE9E5, 642px 1490px #FFE9E5, 1889px 1992px #FFE9E5,
      1405px 762px #FFE9E5, 7px 582px #FFE9E5, 1586px 236px #FFE9E5, 538px 501px #FFE9E5,
      322px 917px #FFE9E5, 176px 430px #FFE9E5, 350px 785px #FFE9E5, 562px 1838px #FFE9E5,
      699px 1647px #FFE9E5, 67px 1144px #FFE9E5, 1656px 523px #FFE9E5, 64px 1469px #FFE9E5,
      770px 268px #FFE9E5, 1752px 501px #FFE9E5, 641px 179px #FFE9E5, 685px 220px #FFE9E5,
      1214px 380px #FFE9E5, 1579px 1438px #FFE9E5, 310px 1300px #FFE9E5,
      514px 1492px #FFE9E5, 625px 557px #FFE9E5, 634px 1043px #FFE9E5, 707px 1262px #FFE9E5,
      979px 304px #FFE9E5, 283px 29px #FFE9E5, 1541px 1335px #FFE9E5, 1255px 705px #FFE9E5,
      1118px 325px #FFE9E5, 1121px 723px #FFE9E5, 1510px 465px #FFE9E5,
      1609px 1975px #FFE9E5, 584px 1678px #FFE9E5, 1617px 1270px #FFE9E5,
      372px 1033px #FFE9E5, 976px 1024px #FFE9E5, 362px 715px #FFE9E5, 146px 1240px #FFE9E5,
      1458px 1770px #FFE9E5, 748px 1118px #FFE9E5, 139px 760px #FFE9E5, 1846px 839px #FFE9E5,
      1763px 716px #FFE9E5, 274px 1841px #FFE9E5, 1085px 74px #FFE9E5, 415px 1714px #FFE9E5,
      692px 374px #FFE9E5, 1005px 1084px #FFE9E5, 312px 562px #FFE9E5, 1476px 1325px #FFE9E5,
      1335px 458px #FFE9E5, 755px 584px #FFE9E5, 329px 1882px #FFE9E5, 73px 1102px #FFE9E5,
      1077px 272px #FFE9E5, 1790px 555px #FFE9E5, 936px 1429px #FFE9E5,
      1280px 1939px #FFE9E5, 243px 1187px #FFE9E5, 1323px 1294px #FFE9E5,
      1921px 281px #FFE9E5, 1163px 1764px #FFE9E5, 598px 100px #FFE9E5, 802px 745px #FFE9E5,
      1814px 1371px #FFE9E5, 1532px 1805px #FFE9E5, 1391px 1704px #FFE9E5,
      945px 321px #FFE9E5, 361px 1787px #FFE9E5, 985px 1903px #FFE9E5, 652px 1376px #FFE9E5,
      425px 1538px #FFE9E5, 1936px 1043px #FFE9E5, 158px 325px #FFE9E5, 89px 1559px #FFE9E5,
      1477px 1535px #FFE9E5, 595px 727px #FFE9E5, 956px 683px #FFE9E5, 1765px 1840px #FFE9E5,
      696px 1546px #FFE9E5, 1165px 112px #FFE9E5, 1777px 796px #FFE9E5, 894px 1331px #FFE9E5,
      531px 1025px #FFE9E5, 296px 1867px #FFE9E5, 1265px 693px #FFE9E5, 29px 1036px #FFE9E5,
      1204px 364px #FFE9E5, 605px 1px #FFE9E5, 687px 1940px #FFE9E5, 371px 68px #FFE9E5,
      602px 796px #FFE9E5, 1340px 470px #FFE9E5, 1460px 1570px #FFE9E5, 247px 1579px #FFE9E5,
      1118px 829px #FFE9E5, 1698px 386px #FFE9E5, 684px 1245px #FFE9E5, 463px 1516px #FFE9E5,
      1266px 1461px #FFE9E5, 898px 1751px #FFE9E5, 6px 1281px #FFE9E5, 1957px 166px #FFE9E5,
      999px 426px #FFE9E5, 1821px 245px #FFE9E5, 830px 1367px #FFE9E5, 1237px 1106px #FFE9E5,
      1412px 645px #FFE9E5, 7px 93px #FFE9E5, 550px 1194px #FFE9E5, 1950px 1403px #FFE9E5,
      639px 1787px #FFE9E5, 1293px 1807px #FFE9E5, 462px 1713px #FFE9E5,
      378px 1189px #FFE9E5, 1177px 1376px #FFE9E5, 308px 1471px #FFE9E5, 976px 221px #FFE9E5,
      1766px 200px #FFE9E5, 1577px 356px #FFE9E5, 1542px 890px #FFE9E5, 567px 1998px #FFE9E5,
      96px 1389px #FFE9E5, 1334px 698px #FFE9E5, 1752px 1068px #FFE9E5, 269px 257px #FFE9E5,
      950px 1864px #FFE9E5, 1640px 817px #FFE9E5, 1340px 1064px #FFE9E5,
      1507px 389px #FFE9E5, 30px 1855px #FFE9E5, 766px 1645px #FFE9E5, 1280px 1975px #FFE9E5,
      967px 1469px #FFE9E5, 1560px 1499px #FFE9E5, 52px 664px #FFE9E5, 1319px 995px #FFE9E5,
      483px 1952px #FFE9E5;
    content: " ";
    display: circle;
    height: 1px;
    position: var(--anim-position);
    width: 1px;
    z-index: 1;
    transparent: 0;
  }
  #container-wrap:before,
  #container-wrap:after {
    animation: animStar 55s linear infinite;
    background: transparent;
    box-shadow: 97px 253px #FFE9E5, 76px 278px #FFE9E5, 1958px 1952px #FFE9E5,
      117px 481px #FFE9E5, 1326px 1250px #FFE9E5, 835px 149px #FFE9E5, 61px 182px #FFE9E5,
      788px 1960px #FFE9E5, 1256px 652px #FFE9E5, 1233px 1544px #FFE9E5,
      970px 1685px #FFE9E5, 1697px 1583px #FFE9E5, 680px 1847px #FFE9E5,
      1282px 749px #FFE9E5, 220px 724px #FFE9E5, 673px 44px #FFE9E5, 1919px 1555px #FFE9E5,
      737px 1319px #FFE9E5, 491px 195px #FFE9E5, 1507px 171px #FFE9E5, 771px 1497px #FFE9E5,
      602px 419px #FFE9E5, 1908px 621px #FFE9E5, 1993px 1864px #FFE9E5, 345px 1915px #FFE9E5,
      1216px 387px #FFE9E5, 1663px 887px #FFE9E5, 1036px 746px #FFE9E5, 831px 12px #FFE9E5,
      1675px 1029px #FFE9E5, 1734px 1133px #FFE9E5, 888px 1255px #FFE9E5,
      195px 1336px #FFE9E5, 760px 1484px #FFE9E5, 88px 1319px #FFE9E5, 577px 1665px #FFE9E5,
      500px 889px #FFE9E5, 337px 1736px #FFE9E5, 1593px 1935px #FFE9E5, 1444px 803px #FFE9E5,
      1477px 703px #FFE9E5, 1380px 1137px #FFE9E5, 694px 1375px #FFE9E5,
      412px 1132px #FFE9E5, 223px 61px #FFE9E5, 1310px 225px #FFE9E5, 1640px 1415px #FFE9E5,
      1222px 955px #FFE9E5, 913px 791px #FFE9E5, 1987px 709px #FFE9E5, 162px 336px #FFE9E5,
      855px 1655px #FFE9E5, 738px 726px #FFE9E5, 1981px 1519px #FFE9E5,
      1798px 1921px #FFE9E5, 1723px 1314px #FFE9E5, 1313px 1711px #FFE9E5,
      1926px 1218px #FFE9E5, 1052px 1868px #FFE9E5, 1622px 912px #FFE9E5,
      1974px 901px #FFE9E5, 1195px 82px #FFE9E5, 1446px 757px #FFE9E5, 355px 1425px #FFE9E5,
      749px 1479px #FFE9E5, 1779px 963px #FFE9E5, 243px 656px #FFE9E5, 671px 1835px #FFE9E5,
      205px 780px #FFE9E5, 811px 1186px #FFE9E5, 14px 1319px #FFE9E5, 436px 64px #FFE9E5,
      686px 509px #FFE9E5, 129px 884px #FFE9E5, 683px 80px #FFE9E5, 1931px 1965px #FFE9E5,
      867px 373px #FFE9E5, 1215px 244px #FFE9E5, 814px 1658px #FFE9E5, 1600px 841px #FFE9E5,
      418px 443px #FFE9E5, 59px 516px #FFE9E5, 988px 1390px #FFE9E5, 164px 1317px #FFE9E5,
      1490px 1276px #FFE9E5, 940px 404px #FFE9E5, 721px 1457px #FFE9E5, 1678px 286px #FFE9E5,
      640px 385px #FFE9E5, 152px 1160px #FFE9E5, 1235px 1839px #FFE9E5, 1038px 444px #FFE9E5,
      1439px 300px #FFE9E5, 1025px 27px #FFE9E5, 1968px 577px #FFE9E5, 835px 1533px #FFE9E5,
      1445px 364px #FFE9E5, 1102px 1879px #FFE9E5, 1114px 1631px #FFE9E5, 636px 15px #FFE9E5,
      745px 200px #FFE9E5, 1489px 1114px #FFE9E5, 146px 1566px #FFE9E5, 613px 146px #FFE9E5,
      190px 1672px #FFE9E5, 1967px 578px #FFE9E5, 1414px 179px #FFE9E5,
      1750px 1833px #FFE9E5, 37px 922px #FFE9E5, 1833px 708px #FFE9E5, 413px 1989px #FFE9E5,
      1269px 1291px #FFE9E5, 971px 580px #FFE9E5, 503px 533px #FFE9E5, 641px 175px #FFE9E5,
      863px 1831px #FFE9E5, 1174px 1250px #FFE9E5, 1612px 1022px #FFE9E5,
      1136px 1170px #FFE9E5, 706px 1101px #FFE9E5, 887px 1795px #FFE9E5, 849px 444px #FFE9E5,
      1015px 1058px #FFE9E5, 322px 90px #FFE9E5, 1577px 266px #FFE9E5, 176px 878px #FFE9E5,
      710px 474px #FFE9E5, 769px 523px #FFE9E5, 418px 1298px #FFE9E5, 654px 1049px #FFE9E5,
      327px 743px #FFE9E5, 343px 192px #FFE9E5, 930px 125px #FFE9E5, 835px 1193px #FFE9E5,
      473px 1709px #FFE9E5, 1857px 319px #FFE9E5, 675px 278px #FFE9E5, 1546px 613px #FFE9E5,
      811px 764px #FFE9E5, 303px 1360px #FFE9E5, 447px 930px #FFE9E5, 1475px 1935px #FFE9E5,
      1101px 738px #FFE9E5, 1577px 1373px #FFE9E5, 1634px 628px #FFE9E5,
      1231px 663px #FFE9E5, 275px 1076px #FFE9E5, 1746px 668px #FFE9E5,
      1714px 1167px #FFE9E5, 847px 34px #FFE9E5, 1413px 450px #FFE9E5, 1037px 1738px #FFE9E5,
      794px 634px #FFE9E5, 1800px 1946px #FFE9E5, 1346px 1826px #FFE9E5,
      718px 1732px #FFE9E5, 151px 1276px #FFE9E5, 428px 976px #FFE9E5, 485px 938px #FFE9E5,
      98px 344px #FFE9E5, 1936px 1462px #FFE9E5, 142px 349px #FFE9E5, 1659px 324px #FFE9E5,
      1074px 1878px #FFE9E5, 345px 75px #FFE9E5, 508px 1532px #FFE9E5, 1117px 611px #FFE9E5,
      33px 350px #FFE9E5, 1002px 565px #FFE9E5, 986px 885px #FFE9E5, 1086px 1066px #FFE9E5,
      1102px 211px #FFE9E5, 590px 1021px #FFE9E5, 719px 145px #FFE9E5, 964px 980px #FFE9E5,
      259px 1554px #FFE9E5, 1942px 748px #FFE9E5, 1569px 601px #FFE9E5, 417px 609px #FFE9E5,
      1143px 1210px #FFE9E5, 1182px 552px #FFE9E5, 1224px 1804px #FFE9E5,
      898px 1516px #FFE9E5, 736px 624px #FFE9E5, 213px 754px #FFE9E5, 408px 496px #FFE9E5,
      1820px 1548px #FFE9E5, 1807px 1514px #FFE9E5, 739px 189px #FFE9E5,
      1304px 1249px #FFE9E5, 1437px 122px #FFE9E5, 1702px 821px #FFE9E5,
      370px 1554px #FFE9E5, 10px 1505px #FFE9E5, 501px 593px #FFE9E5, 1482px 23px #FFE9E5,
      1774px 1032px #FFE9E5, 828px 262px #FFE9E5, 1530px 1354px #FFE9E5,
      1698px 886px #FFE9E5;
    content: " ";
    display: circle;
    height: 2px;
    position: var(--anim-position);
    width: 2px;
    z-index: 1;
    transparent: 0;
  }
  #container:before,
  #container:after {
    animation: animStar 45s linear infinite;
    background: transparent;
    box-shadow: 46px 995px #FFE9E5, 1287px 1821px #FFE9E5, 1954px 1267px #FFE9E5,
      1880px 1659px #FFE9E5, 381px 829px #FFE9E5, 314px 1471px #FFE9E5,
      1631px 1262px #FFE9E5, 889px 506px #FFE9E5, 1836px 1779px #FFE9E5, 823px 42px #FFE9E5,
      343px 943px #FFE9E5, 1334px 1179px #FFE9E5, 285px 287px #FFE9E5, 1820px 1967px #FFE9E5,
      872px 663px #FFE9E5, 541px 1759px #FFE9E5, 253px 1099px #FFE9E5, 1383px 794px #FFE9E5,
      433px 716px #FFE9E5, 69px 1603px #FFE9E5, 1738px 1239px #FFE9E5, 1540px 1633px #FFE9E5,
      1829px 288px #FFE9E5, 1778px 1640px #FFE9E5, 1336px 1188px #FFE9E5,
      1001px 1419px #FFE9E5, 198px 334px #FFE9E5, 953px 840px #FFE9E5, 1115px 773px #FFE9E5,
      85px 844px #FFE9E5, 1974px 644px #FFE9E5, 1720px 429px #FFE9E5, 1088px 831px #FFE9E5,
      919px 390px #FFE9E5, 866px 346px #FFE9E5, 617px 5px #FFE9E5, 665px 1023px #FFE9E5,
      231px 118px #FFE9E5, 1715px 78px #FFE9E5, 901px 1788px #FFE9E5, 1516px 1203px #FFE9E5,
      541px 1364px #FFE9E5, 404px 562px #FFE9E5, 244px 155px #FFE9E5, 278px 72px #FFE9E5,
      1156px 889px #FFE9E5, 204px 1622px #FFE9E5, 313px 484px #FFE9E5, 760px 1478px #FFE9E5,
      1416px 1365px #FFE9E5, 257px 190px #FFE9E5, 632px 769px #FFE9E5, 1334px 1685px #FFE9E5,
      1769px 555px #FFE9E5, 643px 514px #FFE9E5, 1948px 376px #FFE9E5, 572px 579px #FFE9E5,
      643px 1787px #FFE9E5, 1194px 137px #FFE9E5, 1099px 1136px #FFE9E5, 987px 35px #FFE9E5,
      207px 1617px #FFE9E5, 756px 174px #FFE9E5, 346px 1054px #FFE9E5, 1338px 1897px #FFE9E5,
      1024px 1995px #FFE9E5, 1747px 382px #FFE9E5, 45px 7px #FFE9E5, 1764px 1556px #FFE9E5,
      944px 251px #FFE9E5, 1121px 113px #FFE9E5, 1660px 1388px #FFE9E5, 762px 1022px #FFE9E5,
      515px 287px #FFE9E5, 1115px 1817px #FFE9E5, 1306px 1942px #FFE9E5,
      1572px 1410px #FFE9E5, 1675px 48px #FFE9E5, 48px 1845px #FFE9E5, 1393px 174px #FFE9E5,
      1927px 1094px #FFE9E5, 114px 412px #FFE9E5, 1897px 1349px #FFE9E5,
      151px 1800px #FFE9E5, 3px 433px #FFE9E5, 1837px 173px #FFE9E5, 1844px 1357px #FFE9E5,
      957px 743px #FFE9E5, 672px 719px #FFE9E5, 433px 1476px #FFE9E5, 1314px 690px #FFE9E5,
      1764px 1888px #FFE9E5, 1287px 868px #FFE9E5, 1282px 1989px #FFE9E5,
      1258px 94px #FFE9E5, 1335px 1311px #FFE9E5, 957px 1204px #FFE9E5, 208px 1065px #FFE9E5,
      688px 678px #FFE9E5, 1835px 1130px #FFE9E5;
    content: " ";
    display: circle;
    height: 3px;
    position: var(--anim-position);
    width: 3px;
    z-index: 1;
    transparent: 0;
  }
  @keyframes animStar {
    from {
      transform: translateY(0px);
    }
    to {
      transform: translateY(-2000px);
    }
  }
}
.bottom-box ul li {
     color: #FFE9E5 !important;
}
.top-box {
     background: #FFE9E5;
}
.bottom-box ui li:before {
     background: #FFE9E5 !important;
}
.header-diamond .diamond-color {
     background: #FFE9E5;
}

- 关闭

+ 版式代码

- 关闭

/*fonts*/
@import url('https://fontlibrary.org/face/fantasque-sans-mono');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
@import url('https://fonts.googleapis.com/css?family=Basic|IBM+Plex+Mono:400,700');
@font-face {
    font-family: 'ChillGSans';
    src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/ChillGSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
:root {
    --theme-base: "black-highlighter";
    --theme-id: "stardust";
    --theme-name: "Stardust Theme";
 
    /* Header */
    --logo-image: url("http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg");
    --header-title: "The Backrooms";
    --header-subtitle: "触及群星";
 
    /* Typefaces */
   --body-font: proxima-nova, 'Noto Sans SC', sans-serif;
   --header-font: 'Fantasque Sans Mono', 'ChillGSans', sans-serif;
   --title-font: 'Fantasque Sans Mono', 'ChillGSans', sans-serif;
   --mono-font: 'Fantasque Sans Mono', 'Noto Serif SC', serif;
 
    /* Standard Colors */
    --white-monochrome: 250, 250, 250;
     /* white*/
    --black-monochrome: 0, 0, 0;
    /* black */
    --bright-accent: 71, 213, 240;
    /* the bright blue */
    --medium-accent: 167, 27, 59;
     /* the bright blue animated */
    --dark-accent: 24, 36, 56;
    /* dark blue for background*/
 
    /* Primary Theme Colors */
    --swatch-background: var(--black-monochrome);
    --swatch-primary: var(--bright-accent);
    --swatch-primary-darker: var(--medium-accent);
    --swatch-primary-darkest: var(--black-monochrome);
 
    /* Primary Text Colors */
    --swatch-text-dark: var(--white-monochrome);
    --swatch-text-light: var(--white-monochrome);
    --swatch-important-text: var(--bright-accent);
    --barColour: var(--very-light-gray-monochrome);
    --linkColour: var(--pale-accent);
 
    /* Primary Menu Colors */
    --swatch-menubg-color: var(--black-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(--white-monochrome);
    --swatch-menutxt-light-color: var(--white-monochrome);
    --swatch-border-color: var(--bright-accent);
 
    /* Primary Header Colors */
    --swatch-headerh1-color: var(--white-monochrome);
    --swatch-headerh2-color: var(--white-monochrome);
    --swatch-topmenu-border-color: var(--bright-accent);
    --swatch-topmenu-bg-color: var(--black-monochrome);
 
    /* Link Colors */
    --link-color: var(--bright-accent);
    --visited-link-color: var(--medium-accent);
    --hover-link-color: var(--bright-accent);
    --sidebar-links-text: var(--swatch-menutxt-dark-color);
    --link-color-bright: var(--medium-accent);
 
/* Rating Module Colors */
    --rating-module-button-color: var(--black-monochrome);
    --rating-module-text-color: var(--swatch-menutxt-dark-color);
    --rating-module-text-hover-color: var(--swatch-menutxt-light-color);
 
/* Header Gradients */
--gradient-header: none;
--diagonal-stripes: none;
 
}
 
/*weird stuff*/
 
#login-status {
    color: rgb(var(--bright-accent));
}
 
hr {
  background-color: rgb(var(--bright-accent));
  border-color: rgb(var(--bright-accent));
}
 
#page-title {
    border-color: rgb(var(--bright-accent));
    color: rgb(var(--bright-accent))!important;
}
 
#skrollr-body {
   background-image: none;
}
 
div#container-wrap{
    background: url(http://vivarium.wdfiles.com/local--files/backrooms%3Astarstheme/coolbgfr.jpg) top center repeat-x;
    background-size: 100%;
}
 
#container {
   background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 37%);
   background-size: 37rem 37rem;
   background-attachment: scroll;
}
 
#header {
   background-image: none;
}
 
/* Header Colours */
h1, h2, h3, h4, h5, h6 {
    color: rgb(var(--bright-accent));
}
 
/*image block*/
.scp-image-block .scp-image-caption {
    color: rgb(var(--bright-accent));
    background-color: rgba(var(--bright-accent), .25);
    border-color: rgba(var(--bright-accent), .25);
}
 
/*rate module*/
.page-rate-widget-box {
    background: rgba(var(--bright-accent), .5);
    border-color: rgba(var(--black-monochrome));
    border-width: 0px;
}
 
/*table*/
table.wiki-content-table th {
border: 1px solid rgb(var(--medium-accent)) !important;
background-color: rgba(var(--medium-accent), .25);
color: rgb(var(--medium-accent));
}
 
table.wiki-content-table td {
border: 1px solid rgb(var(--medium-accent)) !important;
}
 
/*search box*/
#search-top-box-input {
    background-color: rgba(var(--bright-accent), .25);
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    background: rgba(var(--medium-accent), .25);
}
 
/*buttons*/
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 {
    background-color: rgba(var(--bright-accent), .25);
}
 
/*top bar*/
#top-bar div.top-bar > ul > li > ul,
#top-bar div.mobile-top-bar > ul > li > ul {
    background-color: rgba(var(--bright-accent), 0.5);
}
 
#top-bar div.top-bar > ul > li > a:hover,
#top-bar div.mobile-top-bar > ul > li > a:hover {
    background-color: rgba(var(--bright-accent), 0.5);
}
 
#top-bar div.top-bar > ul > li:hover > a,
#top-bar div.mobile-top-bar > ul > li:hover > a {
    background-color: rgba(var(--bright-accent), 0.5);
}
 
/* TABVIEW - Abandon All Hope Ye Who Enter Here */
 
.yui-navset .yui-content {
   background-color:rgba(var(--medium-accent), .25);
     border-color: rgba(var(--medium-accent), 1);
}
 
/*unselected tab color*/
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
     background-color: rgba(var(--medium-accent), .25);
    color:rgb(var(--white-monochrome));
}
 
/*hover tab bg*/
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
     background-color: rgba(var(--bright-accent), .25);
}
 
/*selected tab bg*/
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
     background-color: rgba(var(--medium-accent), 1);
}
 
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
     background-color: rgba(var(--medium-accent), 1);
}
 
/*backer background*/
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    background: rgb(var(--black-monochrome));
}
 
/*mobile stuff*/
@media only screen and (max-width:768px){
 
:root{
   --header-height-on-mobile: 7.5rem;
}
 
#main-content {
max-width: 90vw;
padding: 0;
margin: 9.2em auto 0;
}
 
#header {
position: absolute;
top: 0rem;
height: var(--header-height-on-mobile);
}
 
div#container-wrap{
    background: url(http://vivarium.wdfiles.com/local--files/backrooms%3Astarstheme/coolbgfr.jpg) top center repeat-x;
    background-size: 220%;
}
 
#container {
   background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 37%);
   background-size: 20rem 20rem;
   background-attachment: scroll;
}
}
 
@media only screen and (max-width:1366px){
#container {
   background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 37%);
   background-size: 25rem 25rem;
   background-attachment: scroll;
}
div#container-wrap{
    background: url(http://vivarium.wdfiles.com/local--files/backrooms%3Astarstheme/coolbgfr.jpg) top center repeat-x;
    background-size: 160%;
}
}
 
/*funny blocks*/
blockquote, .blockquote, div.blockquote, [class*="blockquote"] {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   background-color:rgba(var(--bright-accent), .25);
   border-color: rgb(var(--bright-accent));
}
 
.styled-quote {
   background-color:rgba(var(--bright-accent), .25);
   border-left: 0.5rem solid rgb(var(--bright-accent));
   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);
}
 
.dark-styled-quote {
   background-color:rgba(var(--medium-accent), .25);
   border-left: 0.5rem solid rgb(var(--medium-accent));
   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);
}
 
.dark-styled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.lightblock {
   background-color:rgba(var(--bright-accent), .25);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock {
   background-color:rgba(var(--medium-accent), .25);
   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(0,0,0,.25);
}
 
#header h1 a::before,
#header h2 span::before {
    --text-shadow: 0px 2px 3px rgba(0,0,0,0.8);
}