@import url("/local--files/component:theme/editor-window.css");

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

   --logo-image: url("/local--files/component:theme/logo.svg");
   --header-title: "Заблудшая в бетоне";
   --header-subtitle: "На пути к истине";

   --body-font: Arial, sans-serif;
   --header-font: 'Fantasque Sans Mono', monospace;
   --title-font: 'Fantasque Sans Mono', monospace;
   --mono-font: 'Fantasque Sans Mono', monospace;

   --white-bg-monochrome: 230, 244, 255;
   --white-bg-monochrome-2: 51, 118, 166;
   --white-bg-monochrome-3: 180, 215, 240;
   --white-monochrome: 135, 175, 204;
   --pale-gray-monochrome: 80, 118, 145;
   --light-gray-monochrome: 100, 100, 100;
   --gray-monochrome: 41, 100, 143;
   --black-monochrome: 255, 255, 255;
   --bright-accent: 9, 103, 171;
   --medium-accent: 117, 168, 201;
   --dark-accent: 70, 126, 163;
   --pale-accent: 204, 221, 232;

   --swatch-topmenu-border-color: var(--medium-accent);

   --link-color: 156, 81, 191;
   --hover-link-color: 97, 44, 122;
   --visited-link-color: 97, 44, 122;
   --newpage-color: 97, 44, 122;

   --header-h2-font-size: calc(var(--base-font-size)*1.35);
   --header-height-on-desktop: 10rem;
   --header-height-on-mobile: 10rem;
   --sidebar-width-on-desktop: 20rem;
}

#skrollr-body {
   background-image:
    radial-gradient(circle, rgb(var(--white-bg-monochrome-2)) 100% 50%, transparent 50% 0%);
   background-repeat: repeat;
   background-size: 0.25em 0.25em;
   width: 100%;
   height: 10rem;
}

#header::before {
   content: "";
   position: absolute;
   height: 95%;
   width: 100%;
   left: 0;
   top: 0;
   background-image: var(--logo-image);
   background-size: auto 18rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 0.5;
}

span.printuser, #login-status a {
   color: rgb(var(--link-color));
}

#header h1 a::before, #header h2 span::before, #top-bar>ul>li a, div#page-options-bottom-2>a, div#page-options-bottom>a, .owindow .button-bar a, a.button, button, div.buttons input, file, input.button, form#edit-page-form > table.form td, .yui-navset .yui-nav .selected a, table.wiki-content-table th {
   color: rgb(var(--black-monochrome)) !important;
}

form#edit-page-form {
   background: rgb(var(--white-monochrome));
}

.wd-editor-toolbar-panel li.hseparator {
   background-color: rgb(var(--black-monochrome));
}

div.buttons.alignleft>input {
   border: 0.125rem solid rgba(var(--black-monochrome,48,48,52),1);
}

#side-bar .heading p {
   color: rgb(var(--dark-accent));
   text-shadow: none;
}

#side-bar {
   top: 0rem;
}

#side-bar:hover {
   border-right: 3px solid rgb(var(--dark-accent));
}

.yui-navset .yui-content {
   border: 5px solid rgb(var(--pale-gray-monochrome)) !important;
}

.scp-image-block {
   border: 3px solid rgb(var(--pale-gray-monochrome));
   border-radius: 5px;
}

#main-content a {
   padding: 2px 5px;
   transition: ease-in-out 0.35s;
}

#main-content a:hover {
   box-shadow: 1px 1px 5px #095185;
   text-decoration: none;
}

span.printuser a:hover {
   box-shadow: none !important;
}

.wd-editor-toolbar-panel ul li a {
    padding: 0 !important;
}

hr {
   background-color: transparent;
   border: 1px solid rgb(var(--black-monochrome));
}

.yui-navset .yui-nav {
    border: 4px solid rgb(var(--pale-gray-monochrome));
    width: auto;
}

.yui-navset .yui-nav a:hover {
   box-shadow: none !important;
   color: rgb(var(--black-monochrome));
}

.styled-quote {
   background-color:rgb(var(--white-bg-monochrome-3));
   border: 4px solid rgba(var(--gray-monochrome));
   border-radius: 10px;
   color: rgba(var(--pale-gray-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 2px 2px 8px rgba(0,0,0,.25);
}

.dark-styled-quote {
   background-color:rgb(var(--gray-monochrome));
   border: 4px solid rgb(var(--pale-gray-monochrome));
   border-radius: 10px;
   color:rgb(var(--black-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 2px 2px 8px rgba(0,0,0,.25);
}

.lightblock {
   background-color:rgb(var(--white-bg-monochrome-3));
   color: rgb(var(--pale-gray-monochrome));
   border-radius: 10px;
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 2px 2px 8px rgba(0,0,0,.25);
}

.darkblock {
   background-color:rgb(var(--gray-monochrome));
   border-radius: 10px;
   color:rgb(var(--black-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 2px 2px 8px rgba(0,0,0,.25);
}

.striped-block {
   background: linear-gradient(45deg, rgb(var(--black-monochrome)) 0% 12%, rgba(var(--white-bg-monochrome)) 12% 22%, rgb(var(--black-monochrome)) 22% 34%, rgba(var(--white-bg-monochrome)) 34% 40%, rgb(var(--black-monochrome)) 40% 64%, rgba(var(--white-bg-monochrome)) 64% 76%, rgb(var(--black-monochrome)) 76% 86%, rgba(var(--white-bg-monochrome)) 86% 100%);
   color: rgb(var(--pale-gray-monochrome));
   border-radius: 10px;
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 2px 2px 8px rgba(0,0,0,.25);
}

.dark-striped-block {
   background: linear-gradient(-135deg, rgb(var(--gray-monochrome)) 0% 12%, rgba(var(--white-bg-monochrome-2)) 12% 22%, rgb(var(--gray-monochrome)) 22% 34%, rgba(var(--white-bg-monochrome-2)) 34% 40%, rgb(var(--gray-monochrome)) 40% 64%, rgba(var(--white-bg-monochrome-2)) 64% 76%, rgb(var(--gray-monochrome)) 76% 86%, rgba(var(--white-bg-monochrome-2)) 86% 100%);
   border-radius: 10px;
   color:rgb(var(--black-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 2px 2px 8px rgba(0,0,0,.25);
}

.footerbox{
    padding:0.1rem 1rem;
    background: rgb(var(--pale-gray-monochrome));
    border-radius: 10px 10px 0 0;
    color:rgb(var(--black-monochrome));
    border: 4px solid rgb(var(--pale-gray-monochrome));
    box-sizing: border-box;
    border-bottom: 0rem;
}

.footerspan{
    margin-top:0.2rem;
    font-size:155%;
    font-weight: 900;
    color: white;
}

.footerflavor{
    padding:0.5px 1rem;
    margin-bottom:1rem;
    background: rgb(var(--dark-accent));
    border-radius:0 0 10px 10px;
    color: rgb(var(--black-monochrome));
    box-sizing:border-box;
    height: auto;
    border: 4px solid rgb(var(--pale-gray-monochrome));
    border-top: 0rem;
}

.profilepic{
    border-radius:0.6rem;
    float:left;
    max-height:13rem;
    height:17vw;
    margin-right:1rem;
    box-shadow: 0px 0px 3px;
    box-sizing:border-box;
}

#main-content:before {
  --not-ie: absolute;
  content: " ";
  background-color: black;
  background-color: rgb(var(--swatch-alternate-color, 0, 0, 0));
}

#page-title {
  font-size: 35px;
  display: inline-flex;
  position: relative;
  bottom: -10px;
  justify-content: center;
  border: none;
}

#page-title:before, #page-title:after {
  content:"";
  border-bottom: 1px solid rgb(var(--black-monochrome));
  display: flex;
  position: relative;
  bottom: 25px;
  width: 180px;
}

#page-title:before {
  right: 10px;
}

#page-title:after {
  left: 10px;
}

@media only screen and (max-width: 599px) {
  #page-title:before, #page-title:after {
    content:"";
    border-bottom: none;
    display: flex;
    position: relative;
    bottom: 0;
    width: 0;
  }
}

.page-source {
    background: rgb(var(--pale-gray-monochrome));
}

.page-rate-widget-box a {
    padding: 0 !important;
}

.page-rate-widget-box a:hover {
    box-shadow: none !important;
}