SCP Technic Source

@import url("https://fonts.font.im/css?family=Faster+One");

/*
====目录====
基本变量 - Variables
顶栏菜单 - Top Bar
侧栏菜单 - Side Bar
正文部分 - Main Content
杂项 - Others
*/

/* VARIABLES */

:root {

/* Fonts (Original) */

—body-font: proxima-nova, "Freight Sans", "Noto Sans SC", sans-serif;
—header-font: "Poppins", "Noto Sans SC", sans-serif;
—title-font: "Poppins", "Noto Sans SC", sans-serif;
—mono-font: "Space Mono", "Andale Mono", "Courier New", Courier, "Noto Sans SC", monospace;

/* Fonts (Technic) */

—header-font: "Faster One", sans-serif;

/* Standard Colors */

/* white-monochrome: 173, 216, 230; */
—pale-accent: 212, 212, 212;
/* —bright-accent: 192, 192, 192;
—medium-accent: 119, 119, 119; */
—medium-accent: var(
bright-accent);
—bright-accent: 173, 216, 230;
—dark-accent: 25, 25, 112;
—swatch-topmenu-border-color: 173, 216, 230;
—swatch-topmenu-bg-color: 25, 25, 112;
—sidebar-links-text: 155, 192, 200;
—link-color: 0, 0, 139;

/* Gradients */

—gradient-header: linear-gradient(to top, black, darkblue);
—gradient-sidemenu-header: linear-gradient(to bottom, transparent, transparent);
}

/* TOP BAR */

/* Logo */

#header {
background-image: url("http://ah-sandbox.wikidot.com/local--files/theme:scp-technic/techlogo.svg");
background-position: left .75rem top 1.1875rem;
background-size: 5.375rem;
opacity: 1;
}

/* Header */

#header h1 a::before {
content: "SCP TECHNIC";
font-weight: 400;
color: lightblue;
}

#header h2 span::before {
content: "reSearch, Create, Promote";
font-style: italic;
font-weight: 700;
color: lightblue;
}

#search-top-box {
display: none !important;
}

/* SVG Background */

div#container-wrap {
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='40' viewBox='0 0 50 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%230f0505' fill-opacity='0.1'%3E%3Cpath d='M40 10L36.67 0h-2.11l3.33 10H20l-2.28 6.84L12.11 0H10l6.67 20H10l-2.28 6.84L2.11 10 5.44 0h-2.1L0 10l6.67 20-3.34 10h2.11l2.28-6.84L10 40h20l2.28-6.84L34.56 40h2.1l-3.33-10H40l2.28-6.84L47.89 40H50l-6.67-20L50 0h-2.1l-5.62 16.84L40 10zm1.23 10l-2.28-6.84L34 28h4.56l2.67-8zm-10.67 8l-2-6h-9.12l2 6h9.12zm-12.84-4.84L12.77 38h15.79l2.67-8H20l-2.28-6.84zM18.77 20H30l2.28 6.84L37.23 12H21.44l-2.67 8zm-7.33 2H16l-4.95 14.84L8.77 30l2.67-8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-size: var(—final-header-height-on-desktop);
background-repeat: repeat-x;
}

/* Topbar Menu */

#top-bar ul li a {
background-color: var(—dark-accent);
}

/* SIDE BAR */

#side-bar {
background-color: midnightblue !important;
background-image: none !important;
overflow-x: hidden;
}

#side-bar * {
max-width: 100% !important;
}

#side-bar .heading {
background-color: midnightblue !important;
border: inset 2px lightblue !important;
}

#side-bar .side-block {
background-color: midnightblue !important;
border: outset 2px midnightblue !important;
}

#side-bar .menu-item a {
border: solid 2px transparent;
transition: all 0.2s;
-webkit-transition: all 0.2s;
max-width: 100% !important;
}

#side-bar .menu-item a:hover {
border: solid 2px rgb(var(—sidebar-links-text)) !important;
color: lightblue !important;
}

#side-bar div.menu-item > a:first-of-type:last-of-type {
/* box-sizing: border-box !important;
line-height: 140% !important; */
width: calc(100% - 1em - 4px);
}

除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License