@import url('https://fonts.googleapis.com/css?family=Alegreya');
@import url('https://fonts.googleapis.com/css?family=Cutive+Mono');
/*
Ethics Committee Theme
[2020 Wikidot Theme]
Theme by Laminade.
Originally by stormbreath and DarkStuff.
*/
@supports(--css:variables) {
:root {
/* Intro */
--theme-base: "nuscp"
--theme-id: "ethics-committee-theme"
--theme-name: "Ethic's Committee Theme";
/* Header */
--logo-image: url("http://scp-sandbox-3.wdfiles.com/local--files/component%3Aethics-committee-theme-viro/fas");
--header-title: "The Ethics Committee";
--header-subtitle: "Fiat Justitia, Ne Pereat Mundus";
--header-font: 'Alegreya', serif;
--header-gradient-color-bottom: 75, 155, 181;
--header-gradient-color-middle: 75, 167, 181;
--header-gradient-color-top: 154, 226, 237;
--gradient-header: linear-gradient(to top,
rgb(var(--header-gradient-color-bottom)) 0%,
rgb(var(--header-gradient-color-middle)) 70%,
rgb(var(--header-gradient-color-top)) 100%);
--diagonal-stripes: unset;
/* Colors */
--pale-gray-monochrome: 204, 222, 221; /* EC's Quote Color (Light Blue)*/
--gray-monochrome: 64, 75, 75;
--bright-accent: 140, 149, 183; /* January Snow */
--medium-accent: 0, 0, 0; /* Existential Dread */
--dark-accent: 75, 83, 105; /* Old World Blue */
--newpage-color: 16, 139, 187; /* pale blue */
--EC-header: 163, 193, 98; /* EC Format Header */
--EC-subtitle: 204, 222, 221; /* EC Format Subtitle */
--EC-body: 204, 222, 221; /* EC Format Body */
--EC-text: 18, 18, 18; /* EC Format Text */
--dark-gray-monochrome: var(--gray-monochrome);
--swatch-topmenu-bg-color: var(--gray-monochrome);
--rating-module-button-color: var(--EC-text);
--rating-module-text-color: var(--EC-text);
--pale-accent: var(--dark-accent); /* Visited Link Color*/
--barColour: var(--medium-accent); /* Ayer's Info Module */
}
/* FONTS */
#header h2 span:before,
#top-bar,
#side-bar {
font-family: var(--header-font);
}
/* HEADER */
@media only screen and (max-width: 768px) {
#header {
background-size: 0.625rem 2.500rem;
background-repeat: no-repeat;
background-position: left 0.75rem top 1.1875rem;
background-clip: border-box;
background-size: auto 5.375rem;
}
} /* Fixes mobile sizing issue */
#page-title {
color: rgb(var(--EC-text));
border-color: rgb(var(--EC-text));
}
#top-bar > div.mobile-top-bar > div.open-menu > p > a {
color: rgb(var(--white-monochrome)) !important;
}
/* SEARCH-BAR */
#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus {
background: rgb(var(--medium-accent)) !important;
color: rgb(var(--EC-text)) !important;
} /* Recolors part of searchbar where text is typed, !importants used in Nu. */
#search-top-box-form input[type="submit"],
#search-top-box-form input[type="submit"]:hover,
#search-top-box-form input[type="submit"]:focus {
background: rgb(var(--gray-monochrome)) !important;
} /* Recolors searchbar button, !important used in Nu. */
/* LOGIN STUFF */
#login-status {
color: rgba(var(--white-monochrome));
}
#login-status a {
color: rgba(var(--white-monochrome));
}
#login-status ul a {
color: rgba(var(--gray-monochrome));
}
#account-topbutton {
color: rgba(var(--EC-text));
}
/* SIDE-BAR */
#side-bar div.menu-item a,
#side-bar div.menu-item a:visited;
#side-bar div.menu-item .text {
color: rgb(var(--EC-text));
}
/* Page Rating Module */
.page-rate-widget-box {
background: linear-gradient(to top,
rgba(var(--pale-gray-monochrome),1) 0%,
rgba(var(--pale-gray-monochrome), 1) 100%);
border-color: rgb(var(--gray-monochrome));
}
#page-content .rate-box-with-credit-button {
background: linear-gradient(to top,
rgba(var(--pale-gray-monochrome),1) 0%,
rgba(var(--pale-gray-monochrome), 1) 100%);
border-color: rgb(var(--gray-monochrome));
}
#page-content .rate-box-with-credit-button > .creditButton > p > a::before {
background-color: rgb(var(--EC-text));
}
#page-content .rate-box-with-credit-button > .creditButton:hover {
background: rgba(var(--bright-accent), 0.8);
}
#page-content .modalbox {
background: rgb(var(--pale-gray-monochrome)) !important;
color: rgb(var(--EC-text));
border-radius: 0;
box-shadow: 0 2px 6px rgba(var(--bright-accent), 0.5);
}
/* RECOLOR THE QUOTEBLOCK */
blockquote,
.blockquote {
border-color: transparent;
color: rgb(var(--EC-text));
}
#toc {
border-color: transparent;
color: rgb(var(--EC-text));
background-color: rgb(var(--pale-gray-monochrome));
box-shadow: 0em 0.063em 0.125em rgba(0, 0, 0, 0.1);
padding: 0 1em;
}
hr {
border-top: 0.063rem solid rgba(var(--EC-text));
}
/* Image Caption */
.scp-image-block .scp-image-caption {
border-color: rgb(var(--EC-text));
color: rgb(var(--EC-text)); /*Recolors Image captions */
}
/* TRANSLATION BLOCK */
iframe.scpnet-interwiki-frame {
filter: hue-rotate(140deg) brightness(150%);
-webkit-filter: hue-rotate(140deg) brightness(150%);
}
/* RECOLOR THE TABLES */
#page-content .wiki-content-table tr th {background-color: rgb(var(--medium-accent)); color: white; border-color: rgb(var(--EC-text));}
/* TABS */
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
border-color: rgb(var(--gray-monochrome));
box-shadow: 0 calc(0.0625rem * 5) 0 0 rgb(var(--gray-monochrome));
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
background-color: rgb(var(--EC-body));
/* tab background */
border-color: transparent! important;
color: rgb(var(--EC-text));
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
background-color: rgb(var(--dark-accent));
color: rgb(var(--white-monochrome));
}
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
background-color: rgb(var(--EC-body));
border-color: transparent;
box-shadow: 0 0 0 0.0625rem rgb(var(--medium-accent));
}
/* Selected Tab */
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
background-color: rgb(var(--medium-accent));
}
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
background-color: rgb(var(--bright-accent));
color: rgb(var(--white-monochrome));
}
.yui-navset .yui-nav .selected a:hover {
background-color: rgb(var(--EC-subtitle));
color: rgb(var(--white-monochrome));
}
.yui-navset .yui-content {
background-color: rgba(var(--EC-body),0.25);
color: rgb(var(--EC-text));
/* content background color */
}
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
border-color: rgb(var(--gray-monochrome));
/* content border */
}
.yui-navset-left .yui-content {
border-left-color: rgb(var(--gray-monochrome));
/* different border color */
}