@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');

:root {
   --theme-base: "black-highlighter";
   --theme-id: "liminal";
   --theme-name: "indus";

   --logo-image: url("/local--files/theme:indus/ind4.png");
   --header-title: "ИНДУСТРИАЛИЗАЦИЯ";
   --header-subtitle: "Мир завтрашнего дня.";

   --body-font: 'Roboto', sans-serif;
   --header-font: 'Trispace', sans-serif;
   --title-font: 'Trispace', sans-serif;
   --mono-font: 'IBM Plex 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);
}

/* sd banner colours */

.sd-container {
   --sd-text:var(--white-monochrome);
   --sd-symbol:var(--sd-text);
   --sd-bullets:202,166,71;
   --sd-border:202,166,71;
}

#skrollr-body {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("/local--files/theme:indus/pls work,.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));
}