/* Header Elements */
:root {
    --logo-image: url("/api/css-proxy?url=https%3A%2F%2Fscp-wiki.wikidot.com%2Flocal--files%2Ftheme%3Ashark-punching-centre-bhl%2Fspc-header.png");
    --header-title: "SPC DATABASE";
    --header-subtitle: "SHARK PUNCHING CENTER";

    --rating-module-bg-color: 232, 240, 255;
    --rating-module-bottom-border-color: 0, 35, 94;
    --newpage-color: var(--alt-accent);


/* ===THEME COLORS=== */
    /* subdued theme color, for visited links */
    --pale-accent: 20, 20, 210;
    /* vivid theme color, the "default" accent color */
    --bright-accent: 0, 71, 194;
    /* theme color */
    --medium-accent: 40, 91, 122;
    /* darker theme color */
    --dark-accent: 0, 42, 115;
    /* alternate accent color, for newpage links */
    --alt-accent: 190, 190, 255;

    --modal-header-bg: 150, 191, 255;

}
:root:lang(cn) {
    --header-title: "SPC数据库";
    --header-subtitle: "打鲨鱼中心";
}
#main-content {
    --tables-header-bg: 0, 71, 194;
    --footnotes-footer-colorbar-color: 0, 42, 115;
    --pagetags-title-bg: 0, 42, 115;
    --blockquote-border-color: 0, 42, 115;
}

#content-wrap::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: repeat-x;
  pointer-events: none;
  background-image: url('/api/css-proxy?url=https%3A%2F%2Fscp-wiki.wikidot.com%2Flocal--files%2Ftheme%3Ashark-punching-centre-bhl%2Fband.png');
  opacity: 0.5;
}
#page-title,
.meta-title {
    color: rgb(0, 0, 200);
}
.SPCbox {
    box-sizing: border-box;
    border: rgb(var(--medium-accent)) 10px solid;
    padding: 1rem;
}
.SPCbox-filled {
    box-sizing: border-box;
    border: rgb(var(--medium-accent)) 10px solid;
    padding: 1rem;
    background-color: rgb(122, 182, 255);
}
.SPCbox-dotted {
    box-sizing: border-box;
    border: rgb(var(--medium-accent)) 10px dashed;
    padding: 1rem;
}
.SPCbox-dotted-filled {
    box-sizing: border-box;
    border: rgb(var(--medium-accent)) 10px dashed;
    padding: 1rem;
    background-color: rgb(122, 182, 255);
}
.CICAPOCOnotice {
    border: #999999 1px solid;
    background-color: lightblue;
    padding: 5px;
    margin-bottom: 10px;
}
.DOnotice {
    border: hsl(0, 0%, 5%) 2px solid;
    background: hsl(208, 67%, 44%);
    padding: 5px;
    margin-bottom: 10px;
    color: hsl(208, 100%, 97%);
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: rgb(0, 42, 115);
}
hr {
    color: rgb(0, 42, 115);
    background: rgb(0, 42, 115);
    border: rgb(0, 42, 115) 1px solid;
}