/*
Ontology Department Highlighter Theme
[2021 Wikidot Theme]
Created by Denevola.
Based on Black Highlighter Theme created by Woedenaz and Croquembouche.
The Ontology Department logo was created by Didic and vectorized by Denevola. Licensed under CC BY-SA 3.0.
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@900&display=swap');
:root {
--theme-base: "black-highlighter";
--theme-id: "ontology-department";
--theme-name: "Ontology Department Highlighter Theme";
/* Header */
--logo-image: url('https://scpko.wdfiles.com/local--files/theme%3Aontology-department/department-logo.svg');
--header-title: "존재학부";
--header-subtitle: "인과, 개념, 물질";
/* Typefaces */
--body-font: 'Noto Sans SC', sans-serif;
--header-font:'Noto Sans SC',sans-serif;
--title-font: 'Noto Sans SC',sans-serif;
--mono-font: '仿宋','Noto Serif SC', "Space Mono",Consolas,monaco,"Nanum Gothic Coding",monospace;
/* Standard Colors */
--white-monochrome: 247, 250, 252;
--pale-gray-monochrome: 250, 250, 250;
--light-pale-gray-monochrome: 250, 250, 250;
--pale-accent: 157, 157, 212;
--bright-accent: 100, 100, 135;
--medium-accent: 34, 46, 89;
--dark-accent: 100, 100, 135;
/* Header Gradients */
--gradient-header: linear-gradient(
180deg,
rgb(var(--header-gradient-color-bottom)) 0%,
rgb(var(--header-gradient-color-middle)) 90%,
rgb(var(--header-gradient-color-top)) 100%
);
--diagonal-stripes: repeating-linear-gradient(
to top,
hsla(0, 0%, 100%, 0),
hsla(0, 0%, 100%, 0) 0.25vh,
rgba(88, 88, 88, 0.1) 0.35vh,
rgba(88, 88, 88, 0.2) 0.5vh
);
}
:root:lang(cn) {
--header-title: "本体部门";
--header-subtitle: "因果,概念,物质";
--body-font: 'Noto Sans SC', sans-serif;
--header-font:'Noto Sans SC',sans-serif;
--title-font: 'Noto Sans SC',sans-serif;
--mono-font: '仿宋','Noto Serif SC', "Space Mono",Consolas,monaco,"Nanum Gothic Coding",monospace;
}
#header h1 a {
margin-top: calc(var(--header-height-on-desktop)/2 - .75em);
}
#header h2 {
font-family: "Poppins", Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, NanumBarunCatsi, sans-serif;
}
#header h2 span {
margin-top: calc(var(--header-height-on-desktop)/2 + var(--header-h1-font-size)/2 - var(--header-h2-font-size) + .75rem);
}
@media only screen and (max-width: 768px) {
#header h1 a {
margin-top: calc(var(--header-height-on-mobile)/2 - 1.345rem);
}
#header h2 span {
margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 + .5rem);
}
}
#page-title,
.meta-title {
flex-direction: column;
border-bottom: none;
text-align: center;
}
#page-title::after,
.meta-title::after {
display: block;
width: 100%;
height: .5rem;
border-radius: 50%;
background-color: rgba(var(--swatch-menubg-medium-dark-color,66,66,72),.2);
content: "";
}
header-height-on-mobile)/2 - 1.345rem);
}
#header h2 span {
margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 + .5rem);
}
}
#page-title,
.meta-title {
flex-direction: column;
border-bottom: none;
text-align: center;
}
#page-title::after,
.meta-title::after {
display: block;
width: 100%;
height: .5rem;
border-radius: 50%;
background-color: rgba(var(--swatch-menubg-medium-dark-color,66,66,72),.2);
content: "";
}