/*
Ex Officio Theme
[2020 Wikidot Theme]
Created by Rounderhouse and aismallard.
Thanks to wctaiwan, stormbreath, TSATPWTCOTTTADC for critique and help.
Based on Black Highlighter Theme created by Woedenaz and Croquembouche.
The GOC logo was created by 7happy7. Licensed under CC BY SA 3.0.
*/
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');
/* GOC logo */
@import url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-logo.css');
/* Variable definitions */
:root {
/* S-CSS-P Integration */
/* If you're making a new CSS theme, please include the following three variables at minimum. */
--theme-base: 'black-highlighter';
/* must be either 'black-highlighter' or 'sigma9' */
--theme-id: 'black-highlighter';
/* set this to the URL of your theme's page - e.g. for 'component:ar-theme', set it to 'ar-theme' */
--theme-name: 'goc';
/* set this to your theme's full name */
--theme-name-full: 'Ex Officio Theme'; /* no idea if this is the right var or not */
/* Header */
/* animated GOC logo, courtesy of 7happy7! */
--header-title: 'Global Occult Coalition';
--header-subtitle: 'CASEFILES ARCHIVE';
/* Typefaces */
--body-font: 'Lato', sans-serif;
--header-font: 'Russo One', sans-serif;
--title-font: 'Russo One', sans-serif;
--mono-font: 'PT Mono', 'Andale Mono', 'Courier New', Courier, monospace;
/* Standard Colors */
--white-monochrome: 252, 252, 252;
/* white */
--pale-gray-monochrome: 244, 244, 244;
/* v light gray for blockquotes and stuff */
--light-gray-monochrome: 170, 170, 170;
/* light accent gray for login status */
--gray-monochrome: 66, 66, 72;
/* gray */
--dark-gray-monochrome: 48, 48, 52;
/* dark accent gray for sidebar background */
--black-monochrome: 12, 12, 12;
/* black */
--bright-accent: 39, 84, 149;
/* bright blue */
--medium-accent: 92, 149, 230;
/* pale blue */
--dark-accent: 164, 194, 236;
/* v pale blue */
--newpage-color: 99, 190, 255;
/* Primary Theme Colors */
--swatch-primary: var(--medium-accent);
--swatch-primary-darker: var(--bright-accent);
--swatch-primary-darkest: var(--bright-accent);
/* Primary Menu Colors */
--swatch-menubg-color: var(--pale-gray-monochrome);
--swatch-menubg-light-color: var(--white-monochrome);
--swatch-menubg-medium-color: var(--medium-accent);
--swatch-menubg-medium-dark-color: var(--black-monochrome);
--swatch-menubg-dark-color: var(--medium-accent);
--swatch-menubg-hover-color: var(--gray-monochrome);
--swatch-menutxt-light-color: var(--bright-accent);
--swatch-border-color: var(--dark-accent);
/* Primary Header Colors */
--swatch-headerh1-color: var(--bright-accent);
--swatch-headerh2-color: var(--bright-accent);
--swatch-topmenu-border-color: var(--medium-accent);
--swatch-topmenu-bg-color: var(--dark-accent);
--rating-module-button-color: var(--black-monochrome);
--rating-module-text-color: var(--black-monochrome);
/* Header measurements */
--header-height-on-desktop: 11rem;
--header-height-on-mobile: 7.5rem;
--topbar-height-on-desktop: 1.875rem;
--topbar-height-on-mobile: 3.5rem;
/* Sidebar */
--sidebar-transition-timing: 0.5s ease-in-out 0.1s;
--sidebar-internal-border-thickness: 0.125rem;
--background-gradient-color: var(--dark-accent);
--background-gradient-distance: 20rem;
--diagonal-stripes: none;
}
@media only screen and (max-width: 425px) {
:root {
--header-title: "UNGOC";
}
}
/* Add scrollbar */
html,
body,
#side-bar:hover {
scrollbar-color: rgb(var(--bright-accent)) rgb(var(--dark-accent));
}
::-webkit-scrollbar,
#side-bar:hover::-webkit-scrollbar {
background-color: rgb(var(--dark-accent));
}
::-webkit-scrollbar-thumb,
#side-bar:hover::-webkit-scrollbar-thumb {
background-color: rgb(var(--bright-accent));
}
/* Topbar sub-menu item color */
#top-bar div.mobile-top-bar > ul > li > ul > li > a,
#top-bar div.top-bar > ul > li > ul > li > a {
color: rgb(var(--white-monochrome));
}
/* Header shadow and colors */
#header {
-webkit-filter: drop-shadow(-.1rem .1rem 0 white);
-moz-drop-shadow:: drop-shadow(-.1rem .1rem 0 white);
-ms-drop-shadow: drop-shadow(-.1rem .1rem 0 white);
-o-drop-shadow: drop-shadow(-.1rem .1rem 0 white);
filter: drop-shadow(-.1rem .1rem 0 white);
}
#header h1 a::before {
color: rgb(var(--medium-accent));
}
/* Remove text shadow from headers */
#header h1 a::before,
#header h2 span::before {
--text-shadow: none;
text-shadow: none;
}
/* Remove BHL's letter spacing for main header and title */
#header h1 a::before,
#page-title {
letter-spacing: 0;
}
/* Login status link */
#login-status a {
color: rgb(var(--bright-accent));
font-weight: bold;
}
/* Search box */
#search-top-box input.empty {
background-color: rgba(var(--pale-gray-monochrome));
color: rgb(var(--medium-accent));
}
blockquote,
.blockquote {
border-style: outset;
border-color: rgb(var(--dark-accent));
background-color: rgba(var(--light-gray-monochrome), 0.03);
}
/* Set horizontal rules to have the double line GOC formats have */
hr {
border-top: 2px solid #777;
padding: 0.5px;
border-bottom: 1px solid #777;
background: transparent;
}
/* Set link colors */
a {
color: rgb(var(--medium-accent));
}
a:visited {
color: rgb(var(--dark-accent));
}
a.newpage {
color: rgb(var(--link-color));
}
/* Set background and style for section above topbar */
#extra-div-2 {
--drop-shadow: rgb(var(--pale-gray-monochrome));
display: block;
width: 100%;
height: 11rem;
top: 0;
left: 0;
position: absolute;
background: url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-background.png');
background-position: bottom;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-filter: drop-shadow(-0.125rem 0.125rem 0rem var(--drop-shadow));
filter: drop-shadow(-0.125rem 0.125rem 1rem var(--drop-shadow));
pointer-events: none;
}
div.warning {
color: black;
border: solid 2px #275495;
background:#fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-fade.png') center no-repeat;
padding:15px;
margin: 10px auto;
text-align:center;
width: 80%;
}
div.warning hr {
border-color: #275495;
}
