朝颜文学报 主题版式 开发版本

/* 朝颜文学报 版式
   by Dr Hormress
   基于 朝颜文学报 系列 */
 
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@300;400;500;700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;500;700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext');
 
:root,
:root:lang(cn) {
    --logo-image: url("none");
    --header-title: '朝颜文学报';
    --header-subtitle: "做风的君王";
 
    --header-height-on-desktop: 10rem;
    --header-height-on-mobile: var(--header-height-on-desktop);
 
    --pale-accent: var(--bright-accent);
    --bright-accent: 172, 127, 252;
    --medium-accent: 96, 225, 96;
    --dark-accent: 127, 127, 252;
 
    --background-gradient-color: 225, 252, 225;
 
    --gradient-header: linear-gradient(to right, rgb(225, 252, 225), rgb(172, 252, 172));
 
    --header-font: "Noto Serif", "Noto Serif SC", serif;
    --title-font: "Noto Serif", "Noto Serif SC", serif;
}
 
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: none;
}
 
div#header {
    background-image: none;
}
 
div#header h2 {
    display: none;
}
 
div#header h1,
div#header h1 a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
 
div#header h1 a::before,
div#header h1 a span {
    display: none;
}
 
div#header h1 a {
    margin: 0;
    padding: 0;
    background-image: url("http://ah-sandbox.wikidot.com/local--files/theme:yasuharasuzu/asagao-logo-with-text.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
 
div#page-title::after {
    display: none;
}
 
div#page-title {
    justify-content: center;
}
CC BY-SA 114514.810