SCP基金會

@importurl(https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&display=swap);
 
/*CenteredHeaderSigma-9*[2021WikidotComponent]*ByLtFlops (CCBY-SA 3.0)
 *Forked from:
 *PenumbraThemebyEstrellaYoshte*Alsobased on:
 *CenteredHeaderBHLbyWoedenaz**/
 
/* ---- VARS ---- */
 :root{
 --titleColor: hsl(0, 0%, 93%);
 --subtitleColor: hsl(60, 62%, 85%);
 --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component%3Acentered-header-sigma-9/logo.svg);
}
 
/* ---- SITEHEADER ---- */
 div#header{background-image:none;
}#header::before{position:absolute;
 width:100%;
 height:100%;
 top:.45rem;
 left:0;
 content: " ";
 
 background-image: var(--lgurl);
 background-position:centertop;
 background-repeat:no-repeat;
 background-size:auto8rem;
 
 opacity:.45;
 pointer-events:none;
 z-index: -1;
}#headerh1,
 #headerh2{float:none;
 margin-left:0;
 
 text-align:center;
}
 
/*MovetheSubtitleDownaSmidge*/
 #headerh2{margin-top:.45rem;
}
 
/*HidetheExistingText*/
 #headerh1span,
 #headerh2span{display:none;
 
 font-size:0;
}
 
/*StyletheNewText*/
 #headerh1a::before,
 #headerh2::before{font-family: "Montserrat", "Arial", sans-serif;
 text-shadow:none;
}#headerh1a::before{color: var(--titleColor);
}#headerh2::before{color: var(--subtitleColor);
}
 
/*SettheNewText'sContentFromVariable*/
 #headerh1a::before{content: var(--header-title, "SCP基金會");
 
 font-size:105%;
 font-weight:bold;
}#headerh2::before{content: var(--header-subtitle, "控制 - 收容 - 保護");
 
 font-size:125%;
 font-weight:600;
}
 
/* ---- LOGIN ---- */
 #login-status{top:.5rem;
 left:0;
 right: initial;
 
 z-index:1;
}
 
/* ---- SEARCH ---- */
 #search-top-box{top:.5rem;
 right:0;
}#search-top-box-input{border-radius:0;
}#search-top-box-input,
 #search-top-box-input:hover,
 #search-top-box-input:focus,
 #search-top-box-forminput[type=submit],
 #search-top-box-forminput[type=submit]:hover,
 #search-top-box-forminput[type=submit]:focus{border-radius:0;
 box-shadow:none;
 
 font-size: unset;
}
 
/* ---- TOPBAR ---- */
 #top-bar{display: flex;
 justify-content:center;
 top:8.8rem;
 right:0;
}#top-barulliul{box-shadow:none;
 
 overflow:hidden;
}
 
/* ---- PAGETITLE ---- */
 .meta-title,
 #page-title{text-align:center;
}
 
/* ---- MOBILEDISPLAY ---- */
 @media (max-width: 767px){#login-status{left:5.15rem;
 
 z-index:20;
 }#search-top-box{width: unset;
 }.mobile-top-bar{position:relative;
 display: flex;
 justify-content:center;
 left:0;
 }}