@import url('https://fonts.googleapis.com/css2?family=Major+Mono+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jura&display=swap');
@import url('http://scpsandboxcn.wikidot.com/local--files/typeface/Typeface-zcoolwenyiti.css');
@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');
@import url('https://fonts.googleapis.com/css?family=Exo+2');
:root{
--logo-image: url("https://img1.imgtp.com/2022/04/23/QQkiVtdD.png");
--header-title: "最澄澈的空与海";
--header-subtitle: "一切都开始和结束";
--white-monochrome: 134, 158, 188;
--gray-monochrome: 72, 97, 124;
--black-monochrome: 33, 66, 100;
--bright-accent: 102, 97, 104;
--medium-accent: 63, 66, 100;
--dark-accent: 42, 97, 104;
--pale-accent: 63, 66, 100;
--header-gradient-color-bottom: var(--medium-accent);
--header-gradient-color-middle: var(--black-monochrome);
--header-gradient-color-top: var(--black-monochrome);
/* 主要主题色 */
--swatch-background: var(--light-gray-blacmonochrome);
--swatch-primary: var(--white-accent);
--swatch-primary-darker: var(--medium-accent);
--swatch-primary-darkest: var(--dark-accent);
}
}
/*header stuff*/
#header, #top-bar {
background-attachment: scroll;
}
#header {
background-image: none;
}
#header::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: -0.3rem;
background-image: var(--logo-image);
background-size: auto 10rem;
background-position: center;
background-repeat: no-repeat;
opacity: 1;
}
#header h1, #header h1 a {
position: absolute;
left: 4.8rem;
top: 0.8rem;
margin: 0;
width: 100%;
display: flex;
justify-content: left;
z-index: 0;
}
#header h2, #header h2 span, #header h2 span::before {
position: absolute;
left: 3.3rem;
top: 1.8rem;
margin: 0;
width: 100%;
display: flex;
justify-content: left;
}
#header h1 a::before, #header h2 span::before {
text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
letter-spacing: 0.1rem;
}
#header h1 a::before{
letter-spacing: 1rem;
}
body::after {
content: "";
background-image: url("");
background-size: cover;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.5;
z-index: -1;
}
h1{
color:orange;
text-align:center;
background-color:blue
box-shadow: 0 0.8rem 1.2rem rgba(0,0,0,.25);
font-family:"Exo 2";
}
.a{
font-size:20px;
}
/*带有标题块的方框*/
.titleblock {
background-color: rgb(255,255,255);/*背景颜色*/
padding: 0.5rem 1rem 0.10rem;
margin: 1.5rem 0rem 0.5rem 0rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
border: solid rgb(var(--medium-accent)) 2px;/*实线边框*/
}
/*方框的标题块*/
.titlebox{
position: relative;
top: -1.6rem;
background-color: rgb(var(--medium-accent));
color: rgb(255,255,255);
padding: 0.6rem 1rem;/*高度-长度*/
line-height: 0.6rem;
}
@keyframes scanm {
0% { top: -1rem; opacity : .05;}
25% { top: 50%; opacity: .03;}
37.5% { top: 75%; opacity: 0.06;}
50% { top: 100%; opacity: .03;}
100% { top: 100%;}
}
#login-status {
font-weight: bold;
}
#search-top-box input.empty:hover {
color: rgb(var(--swatch-text-secondary-color))
}
.customFont {
font-family: 'zcoolwenyiti', cursive;
}
.main-font{
font-family: 'Major Mono Display', cursive;
}
