/*
Ontology Department Sigma Theme
[2021 Wikidot Theme]
Created by Denevola.
Based on Sigma-9 Theme created by Aelanna and Dr Devan.
The Ontology Department logo was created by Didic and vectorized by Denevola. Licensed under CC BY-SA 3.0.
*/
@font-face {
font-family: 'GmarketSansBold';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body {
color: rgb(12, 12, 12);
}
#header {
background-image: url('https://scpko.wdfiles.com/local--files/theme%3Aontology-department/department-logo.svg');
background-size: 100px;
background-position: 10px;
}
#header h1 a {
color: rgb(247, 250, 252);
font-family: GmarketSansBold, sans-serif;
visibility: hidden;
}
#header h1 a::before {
visibility: visible;
content: '존재학부';
}
#header h2 span {
color: rgb(247, 250, 252);
font-family: GmarketSansBold, sans-serif;
visibility: hidden;
}
#header h2 span::before {
visibility: visible;
content: '인과, 개념, 물질';
}
#search-top-box-input {
background-color: rgba(48, 48, 52, .7);
border-color: rgb(100, 100, 135);
border-radius: .25rem;
}
#search-top-box-input:hover,
#search-top-box-input:focus {
border-color: rgb(255, 255, 255);
background-color: rgb(48, 48, 52);
}
#search-top-box-form input[type=submit] {
background: rgb(100, 100, 135);
border-color: rgb(100, 100, 135);
border-radius: .25rem;
}
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
background: rgb(100, 100, 135);
border-color: rgb(255, 255, 255);
}
#top-bar ul li.sfhover a,
#top-bar ul li:hover a,
.c_topbar_arrow {
color: rgb(157, 157, 212);
}
#side-bar .side-block {
border-color: rgba(34, 46, 89, .5);
border-radius: .25rem;
box-shadow: 4px 4px 0 rgba(34, 46, 89, .3);
color: rgba(0, 0, 0, .2);
font-weight: bold;
}
#side-bar .side-block[style*=background-color] {
background-color: rgb(244, 250, 255) !important;
}
#side-bar .heading {
border-color: currentColor;
color: rgb(34, 46, 89);
font-family: GmarketSansBold, sans-serif;
}
#side-bar .menu-item img {
filter: hue-rotate(-104deg) brightness(4.5);
}
#page-title,
.meta-title {
border-bottom: none;
font-family: GmarketSansBold, sans-serif;
text-align: center;
}
#page-title::after,
.meta-title::after {
display: block;
width: 100%;
height: .5rem;
border-radius: 50%;
background-color: rgba(66, 66, 72, .2);
content: '';
}
a {
color: rgb(157, 157, 212);
}
a:hover {
color: rgb(100, 100, 135);
}
a.newpage {
color: rgb(221, 102, 17);
}
h1, h2, h3, h4, h5, h6, #page-title, .meta-title {
color: rgb(12, 12, 12);
font-family: GmarketSansBold, sans-serif;
}
.page-rate-widget-box .rate-points {
background-color: rgb(100, 100, 135) !important;
border-color: rgb(100, 100, 135);
border-radius: .25rem 0 0 .25rem;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
background-color: rgb(240, 242, 255);
border-color: rgb(100, 100, 135);
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
color: rgb(100, 100, 135);
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
background-color: rgb(100, 100, 135);
color: rgb(240, 242, 255);
}
.page-rate-widget-box .cancel {
background-color: rgb(100, 100, 135);
border-color: rgb(100, 100, 135);
border-radius: 0 .25rem .25rem 0;
}
.page-rate-widget-box .cancel a {
color: rgb(67, 67, 90);
}
.page-rate-widget-box .cancel a:hover {
background: inherit;
color: rgb(240, 242, 255);
}
.rate-box-with-credit-button {
background-color: rgb(100, 100, 135);
border-color: rgb(100, 100, 135);
border-radius: .25rem;
}
.creditButton p a {
border-color: rgb(136 136 181);
}
.creditButton p a:hover {
color: rgb(67, 67, 90);
}
.modalbox {
border-color: rgb(188, 192, 205);
box-shadow: 0 2px 6px rgba(0, 17, 102, .5);
}
blockquote,
div.blockquote,
.code {
background-color: rgb(249, 250, 255);
border-color: rgba(21, 32, 115, .25);
border-style: dashed;
border-width: 1px;
box-shadow: rgba(21, 32, 115, .1) 0 1px 2px 0;
}
table.wiki-content-table th {
background-color: rgb(100, 100, 135);
color: rgb(255, 255, 255);
}
@media (min-width: 768px) and (max-width: 979px) {
#header {
background-position: 1em 3.5em;
background-size: 88px;
}
}
@media (max-width: 767px) {
#side-bar {
background-color: rgb(157, 157, 212);
}
}
@media (min-width: 581px) and (max-width: 767px) {
#header {
background-position: 1em 4em;
background-size: 77px;
}
}
@media (min-width: 480px) and (max-width: 580px) {
#header {
background-position: .5em 4.5em;
background-size: 66px;
}
}
@media (max-width: 479px) {
#header {
background-position: 0 5.5em;
background-size: 55px;
}
}
/* TEMP */
:root {
--gradient-header: linear-gradient(to bottom, rgb(34, 46, 89) 0%, rgb(12, 12, 12) 90%, rgb(12, 12, 12) 100%);
--gradient-background: linear-gradient(to bottom, rgb(215, 215, 215) 0, transparent 640px);
--gradient-topmenu: linear-gradient(to bottom, transparent 139.2px, rgb(12, 12, 12) 139.2px, rgb(66, 66, 72) calc(139.2px + 2px), rgba(66, 66, 72, .95) calc(100% - 2px), rgb(66, 66, 72) calc(100% - 2px), rgb(12, 12, 12) 100%);
--header-background-image-size: 100% 139.2px;
--final-header-height-on-desktop: 161px;
--background-gradient-distance: 640px;
}
body {
background-image: var(--gradient-header),var(--gradient-topmenu),var(--gradient-background);
background-size: var(--header-background-image-size),100% var(--final-header-height-on-desktop),100% var(--background-gradient-distance);
background-repeat: repeat-x;
}
div#container-wrap {
background-image: repeating-linear-gradient(to top, transparent, transparent 0.25vh, rgba(88, 88, 88, .1) .35vh, rgba(88, 88, 88, .2) .5vh);
background-position: 0 0;
background-size: 100% 139.2px;
background-repeat: no-repeat;
}