indus-20230113.css

@import url('https://fonts.googleapis.com/css2?family=Trispace:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');

@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: "indus";
   --theme-name: "indus";
 
   --logo-image: url("http://backrooms-sandbox-2.wikidot.com/local--files/stellate-3-the-musical/ind4.png");
   --header-title: "工业革命";
   --header-subtitle: "明日世界";
 
   --body-font: 'Roboto', sans-serif;
   --header-font: 'Trispace', 'ChillGSans', sans-serif;
   --title-font: 'Trispace', 'Fantasque Sans Mono', sans-serif;
   --mono-font: 'IBM Plex Mono', 'Fantasque Sans Mono', monospace;
 
   --white-monochrome: 20, 16, 13;
   --pale-gray-monochrome: 20, 16, 13;
   --light-gray-monochrome: 73, 148, 183;
   --gray-monochrome: 20, 16, 13;
   --black-monochrome: 202, 166, 71;
   --bright-accent: 202, 166, 71;
   --medium-accent: 130, 102, 29;
   --dark-accent: 202, 166, 71;
   --pale-accent: 140, 136, 126;
 
    --swatch-headerh1-color: 244, 240, 230;
    --swatch-headerh2-color: var(--swatch-headerh1-color);
   --swatch-topmenu-border-color: var(--pale-gray-monochrome);
   --swatch-topmenu-bg-color: var(--white-monochrome);
 
   --link-color: 73, 148, 183;
   --visited-link-color: 43, 123, 149;
   --hover-link-color: 43, 123, 149;
 
   --rating-module-button-plus-color: var(--black-monochrome);
   --rating-module-button-negative-color: var(--black-monochrome);
   --rating-module-button-cancel-color: var(--black-monochrome);
   --rating-module-button-credit-color: var(--black-monochrome);
 
   --diagonal-stripes: linear-gradient(transparent 0);
}
 
#skrollr-body {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("http://backrooms-sandbox-2.wikidot.com/local--files/stellate-3-the-musical/pls%20work%2C.png");
 background-repeat: repeat-x;
background-size: inherit;
}
 
/*removing dots 2*/
#container {
   background-image: none;
}
 
#page-title{border-color: rgb(var(--light-grey-monochrome));}
 
div#page-options-bottom-2 > a, div#page-options-bottom > a {
   border-radius: 0em;
   -moz-border-radius: 0em;
   border: none;
}
 
#header, #top-bar {
   background-attachment: scroll;
}
 
#header {
   background-image: none;
}
 
#footer{
   color: rgb(var(--gray-monochrome));
}
 
#search-top-box-input:hover,
#search-top-box-input:focus {
    background: rgba(var(--gray-monochrome));
}
 
#login-status {
    color: rgb(var(--black-monochrome));
}
 
#login-status a {
    color: rgb(var(--black-monochrome));
}
 
#login-status ul a {
    color: rgb(var(--white-monochrome));
}
 
#account-topbutton {
    color: rgb(var(--black-monochrome));
}
 
/*imageblock shit*/
.scp-image-block .scp-image-caption {
    background-color: rgb(var(--white-monochrome));
    border: solid 2px rgb(var(--black-monochrome));
    padding: 2px 2px 2px 2px;
    font-size: 80%;
    font-weight: bold;
    text-align: center;
    width: 300px;
}
 
/*table - thanks viv*/
table.wiki-content-table th {
border: 1px solid rgb(var(--bright-accent)) !important;
background-color: rgb(var(--swatch-headerh1-color));
color: rgb(var(--white-monochrome));
}
 
/*div blocks*/
.lightblock {
   background-color: rgb(var(--swatch-headerh1-color));
   color: rgb(20, 16, 13);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0 0 0;
   border: 0.2rem solid rgb(202, 166, 71);
}
 
.darkblock {
    background-color: rgb(var(--white-monochrome));
    color: rgb(var(--black-monochrome));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0 0 0;
    border: 0.2rem solid rgb(202, 166, 71);
}
 
.darkblock a {
color: rgb(var(--swatch-menubg-medium-color));
}
 
blockquote, .blockquote, [class*=blockquote], blockquote, div.blockquote {
    box-shadow: 0.05rem 0.1rem 0.3rem rgb(0 0 0 / 25%);
    color: rgb(var(--black-monochrome));
    background-color: rgb(var(--pale-grey-monochrome));
}
 
#top-bar div.top-bar > ul > li > a,
#top-bar div.mobile-top-bar > ul > li > a {
  color: rgb(var(--black-monochrome));
}