/* SCPF FMD
[2020 Wikidot Theme]
By AI_Mayca
Created for the SCP Foundation
Based on Black Highlightyear by Rounderhouse
Logo licensed under CC BY SA 3.0*/
/* Fonts */
@import url('https://fonts.googleapis.com/css?family=PT+Mono');
@import url('https://fonts.googleapis.com/css?family=Exo:400,800');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500');
/* All Vars Used */
:root:lang(cn) {
/* S-CSS-P Integration */
/* If you're making a new CSS theme, please include the following three variables at minimum. */
--theme-base: "nuscp";
/* must be either "nuscp" or "sigma9" */
--theme-id: "fmd-theme";
/* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
--theme-name: "FMD";
/* set this to your theme's full name */
/* Header */
--logo-image: url("http://scpsandboxcn.wdfiles.com/local--files/collab%3Amayca/FMD%E6%A0%87%E5%BF%97");
--header-title: "基金会药品监管部门";
--header-subtitle: "风雨将至，恶隐于渊";
/* Typefaces */
--body-font: "Noto Sans SC", sans-serif;
--header-font: 'Roboto', "Noto Sans SC", sans-serif;
--title-font: 'Exo', sans-serif;
--mono-font: "PT Mono", "Andale Mono", "Courier New", Courier, '仿宋', monospace;
/* Standard Colors */
--white-monochrome: 245, 250, 243;
/* white */
--pale-gray-monochrome: 80, 97, 109;
/* v light gray for blockquotes and stuff */
--light-gray-monochrome: 81, 98, 110;
/* light accent gray for login status */
--gray-monochrome: 82, 99, 111;
/* gray */
--dark-gray-monochrome: 83, 100, 112;
/* dark accent gray for sidebar background */
--black-monochrome: 84, 101, 113;
/* black */
--bright-accent: 80, 97, 109;
/* */
--medium-accent: 243, 249, 241;
/* */
--dark-accent: 218, 225, 217;
/* */
--newpage-color: 117, 138, 153;
/* */
--bg: 243, 249, 241;
/* background */
/* Primary Theme Colors */
--swatch-background: var(--bg);
--swatch-primary: var(--bright-accent);
--swatch-primary-darker: var(--bright-accent);
--swatch-primary-darkest: var(--bright-accent);
/* Primary Text Colors */
--swatch-text-dark: var(--bright-accent);
--swatch-text-light: var(--dark-accent);
--swatch-important-text: var(--bright-accent);
/* Primary Menu Colors */
--swatch-menubg-color: var(--bg);
--swatch-menubg-light-color: var(--dark-accent);
--swatch-menubg-medium-color: var(--bright-accent);
--swatch-menubg-medium-dark-color: var(--black-monochrome);
--swatch-menubg-dark-color: var(--medium-accent);
--swatch-menubg-black-color: var(--black-monochrome);
--swatch-menubg-hover-color: var(--dark-accent);
--swatch-menutxt-dark-color: var(--bright-accent);
--swatch-menutxt-light-color: var(--dark-accent);
--swatch-border-color: var(--bright-accent);
/* Primary Header Colors */
--swatch-headerh1-color: var(--white-monochrome);
--swatch-headerh2-color: var(--bright-accent);
--swatch-topmenu-border-color: var(--bright-accent);
--swatch-topmenu-bg-color: var(--medium-accent);
--rating-module-button-color: var(--bright-accent);
--rating-module-text-color: var(--bright-accent);
/* Spacing Measurements */
--offset-from-page-top: 1.2rem;
/* space between the top of the page and the start of the header */
--body-width-on-desktop: 44.25rem;
--sidebar-width-on-desktop: calc(var(--base-font-size)*19);
--sidebar-width-on-mobile: 14rem;
--scrollbar-width: 0.5625rem;
--border-styling: solid 0.0625rem rgb(var(--swatch-border-color));
--border-radius-width: 0.0625rem;
/* Box-Shadow 1px Borders */
--box-border-bottom: 0 0.0625rem 0 0 rgb(var(--swatch-border-color));
--box-border-top: 0 -0.0625rem 0 0 rgb(var(--swatch-border-color));
--box-border-left: -0.0625rem 0 0 0 rgb(var(--swatch-border-color));
--box-border-right: 0.0625rem 0 0 0 rgb(var(--swatch-border-color));
--box-border-all: 0 0 0 0.0625rem rgb(var(--swatch-border-color));
/* Sidebar */
--sidebar-transition-timing: 0.5s ease-in-out 0.1s;
--sidebar-internal-border-thickness: 0.125rem;
--background-gradient-color: 243, 249, 241;
--background-gradient-distance: 10rem;
/* Dynamic Font Sizing */
/* This set of vars will make the base font size vary with screen width */
/* base font size ranges */
--unitless-min-font-size: 0.9;
--unitless-max-font-size: 1.2;
/* base viewport size ranges */
--unitless-min-viewport: 768;
--unitless-max-viewport: 900;
/* base line height size ranges */
--min-lineheight: 1.2;
--max-lineheight: 1.5;
/* calculating size differences */
--font-size-difference: calc(var(--unitless-max-font-size) - var(--unitless-min-font-size));
--lineheight-difference: calc(var(--max-lineheight) - var(--min-lineheight));
--viewport-range-difference: calc(var(--unitless-max-viewport) - var(--unitless-min-viewport));
--min-viewport-difference: calc(100vw - (var(--unitless-min-viewport) * 1px));
/* responsive fluid type formula */
--font-calc: calc((var(--unitless-min-font-size) * 1rem) + var(--font-size-difference) * var(--min-viewport-difference) / var(--viewport-range-difference));
--line-calc: calc(var(--min-lineheight) + var(--lineheight-difference) * var(--min-viewport-difference) / var(--viewport-range-difference));
/* final values */
--base-font-size: var(--font-calc);
--base-line-height: var(--line-calc);
--diagonal-stripes: none;
}
#skrollr-body {
width: 100%;
position: absolute;
top: 0;
left: 0;
background-image: url(http://scpsandboxcn.wdfiles.com/local--files/collab%3Amayca/M%E9%95%BF%E5%9B%BE%E6%94%B92);
background-repeat: repeat-x;
background-size: inherit;
}
body {
color: #556668;
}
::selection {
background: rgba(83, 100, 112, 0.5);
}
#top-bar div.top-bar>ul>li>ul>li>a:before,
#top-bar div.top-bar>ul>li>ul>li>a:hover:before,
#top-bar div.top-bar>ul>li>ul>li>ul>li>a:before {
background: rgba(var(--dark-accent),1);
}
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));
}
.scp-image-block .scp-image-caption {
font-size: .8em;
background-color:rgb(var(--dark-accent));
color: rgb(var(--bright-accent));
}
h1, h2, h3, h4, h5, h6 {
color: rgb(var(--bright-accent));
}
#search-top-box input.empty{
background-color:rgb(var(--medium-accent));
color: rgb(var(--bright-accent));
}
#search-top-box-input, #search-top-box-input {
background: rgb(var(--medium-accent));
}
span.printuser {
color: rgb(var(--bright-accent));
}
span.h-span {
color: #F3F9F1;
font-weight: bold;
word-break: unset;
}
#page-title {
border-color: rgb(var(--bright-accent));
text-transform: uppercase;
font-variant: small-caps;
color: rgb(var(--bright-accent));
}
#lock-info {
background-color: rgb(var(--medium-accent));
border: 3px double rgb(var(--bright-accent));
color: rgb(var(--bright-accent));
}
div#page-options-bottom-2 > a, div#page-optionssea-bottom > a, div#page-options-bottom > a, div#page-optionssea-bottom > a {
border: .125rem solid rgba(var(--swatch-primary-darkest),1);
background-color: rgba(var(--swatch-menubg-dark-color),1);
color: rgb(var(--bright-accent));
}
div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:hover, div#page-options-bottom > a:hover, div#page-options-bottom > a:hover {
border: .125rem solid rgba(var(--swatch-menubg-dark-color),1);
background-color: rgba(var(--swatch-primary-darkest),1);
color: rgb(var(--medium-accent));
}
@media only screen and (max-width: 768px) {
#header h2 {
overflow: hidden;
height: 100%;
pointer-events: none;
}
#header h1 span {
font-size: 75%;
}
#top-bar {
font-size: calc(var(--base-font-size)*0.70);
}
#skrollr-body {
width: 100%;
background-image: url(http://scpsandboxcn.wdfiles.com/local--files/collab%3Amayca/M%E7%9F%AD%E5%9B%BE%E6%94%B9);
background-size: inherit;
overflow: hidden;
}
}
element > .img {
border: 2px solid rgb(var(--bright-accent))!important;
background-color: transparent!important;
}
/* Code */
.code {
border: 2px dashed #50616D;
background-color: transparent;
font-family: "Consolas", "Courier New", "Roboto Mono", '仿宋', monospace;
font-size: 14px;
}
a,
a.newpage,
a:visited,
#side-bar a:visited {
color: #758A99;
}
blockquote {
border: 2px dashed #50616D;
}
div#top-bar div > ul > li > a {
text-shadow: 1px 1px 1px #50616D;
}
#header h1 a:before {
text-shadow: 1px 1px 1px var(--text-shadow);
}
#header h2 span:before {
--text-shadow: rgb(var(--swatch-text-dark, 12, 12, 12));
text-shadow: 1px 1px 1px var(--text-shadow);
}
/* code highlighter stuff */
.hl-identifier, .hl-code, .hl-brackets {
color: #50616D;
}
.hl-var {
color: #21ff00;
}
.hl-special {
color: #ffff00;
}
.hl-reserved {
color: #00b2ff;
}
.hl-number, .hl-string {
color: #ff0020;
}
del {
color: #333;
}
ins {
color: #333;
}
