SAPHIR 主题

我和我的小伙伴们都惊呆了!!

此页为于SCP维基内部使用的样版页。

在未经同意的情况下
请不要动这页里面的东西


Base2.jpg

Une bien belle base dont je n'ai pas les droits photographiques. —— 一个漂亮的基地,但摄像所有权不在我这。

blockquote - 或者按我喜欢的方式,被称之为“插页”的语法,而使其时会有种便利贴的效果,这是因为我喜欢办公用品。里面还有打字机样式的字体,这是因为我喜欢用打字机写作。

你可能会问,哪个小子会在便利贴上打字?

真是个好问题,没有什么可说的了。

不过至少这图像,再加上看起来既漂亮又紧凑的手写风格的文字说明,会稍稍有点拍立得照片的感觉。还要注意下亮色链接也在里面被使用,而这种选择无疑会引起争议。

@import url('https://fonts.googleapis.com/css?family=Iceberg');
@import url('https://fonts.googleapis.com/css?family=Special+Elite');
@import url('https://fonts.googleapis.com/css?family=Quantico');
@import url('https://fonts.googleapis.com/css?family=Jim+Nightshade');
 
/*
    Monstre de Frankenstein fait d'autres bouts de thèmes collés ensemble par DrGemini (2019)
    Tirés du thème SCP Sigma, MC&D et Initiative Horizon en vrac.
    Style dans les tons pastels rétros dignes de la COGIP.
    Je fais des notes ici pour passer le temps parce que le thème rame pour se mettre à jour donc je fais des corrections qui se contredisent d'une mise à jour à l'autre, c'est absolument terrible, je me dis qu'un truc marche pas et en fait il spawn dix minutes après alors que j'ai déjà fait trente changements en plus.
*/
 
/* LE TITRE */
h1, #page-title {
    color: #010000;
    font-family: 'Special Elite', '华文隶书', lisu, cursive;
    background-position: top 10% left 10%;}
 
#page-title {
    font-weight: lighter;
 
}
 
 /* FOND DE LA PAGE */
body {
    background-color: #F3ECDA;
}
 
/*HEADER IMAGES*/
div#container-wrap {
    background: url(https://image.noelshack.com/fichiers/2019/22/7/1559505367-saphir-banniere43.png) repeat-x;
}
 
#header {
    overflow:hidden
    text-align: left;
}
 
#header {
    background: url(https://image.noelshack.com/fichiers/2019/13/6/1553970731-diamsalt.png) 1px 20px no-repeat;
}
 
#header h1 a span {
    display: none;
}
 
#header h1 a:before {
    content: "S.A.P.H.I.R.";
    font-family: 'Iceberg', cursive;
    font-size: 140%;
    color: #010000;
    position: absolute;
    bottom: 60%;
    left: 15%;
    text-shadow: 3px 1px 1px #ffffff;
}
 
#header h2 {
    display: inline-block;
    position: absolute;
    bottom: 30%;
    left: 7%;
    right: 0;
    margin: 0 auto;
    padding: 65px 125px 0px;
}
 
#header h2 span{
    font-size: 0px;
    padding: 0px 0px;
}
#header h2:after {
    content: "振 怖 吾 辈 之 辉";
    font-family: 'Iceberg', '方正姚体', cursive;
    font-size: 140%;
    color: #010000;
    text-shadow: 2px 1px 1px #ffffff;
    white-space: pre;
 
}
 
#login-status {
    color: #080342;
    font-size: 90%;
    z-index: 30;
}
 
#login-status a {
    background: transparent;
    color: #080342;
}
#login-status ul a {
    color: #010000;
    background: transparent;
}
 
#account-topbutton {
    background: #010000;
    color: #010000;
}
 
/* inputs */
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-top: 1px solid #000000;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: #C3DFF5;
    color: #000000;
}
#top-bar ul li ul a, #top-bar a:hover {
    color: #8db600;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: #282e48; /* top bar hover background color */
}
 
/*------------------*\
 * BARRE LATÉRALE *
\*------------------*/
#side-bar .side-block {
    border-bottom: dashed 2px #665731;
}
#side-bar .heading {
    color: #1f2133;
    font-family: 'Quantico', cursive;
    border-bottom: dashed 2px #665731;
}
 
#side-bar div.menu-item .sub-text {
    font-size: 80%;
    color: #9DCCEC;
    font-family: 'Quantico', cursive;
}
 
#side-bar .side-block {
    padding: 10px;
    border: 5px inset #9DCCEC;
    border-radius: 0px;
    box-shadow: none !important;
    background: #f9f6ed !important;
    margin-bottom: 15px;
    color: #9DCCEC;
    font-family: 'Quantico', cursive;
}
 
#side-bar img {
    filter: hue-rotate(180deg);
    -webkit-filter: hue-rotate(50deg) brightness(100%);
}
#side-bar div.side-block:nth-child(5) > div:nth-child(2) > div:nth-child(1) img {
    filter: none;
    -webkit-filter: none;
}
 
#side-bar div.menu-item a {
    color: #000;
    font-family: 'Quantico', cursive;
}
 
/*-------------------*\
 *  LES ENCADRES  *
\*-------------------*/
 
blockquote {
    border: 1px solid rgba(0,0,0,0.12);
    background-color: #f9ee95;
    font-family: 'Special Elite', '仿宋', '等线', cursive;
    font-size: 112%;
}
/*------------------*\
 * IMAGES ET LEGENDES  *
\*------------------*/
 
#page-content .scp-image-block {
    border-color: rgba(0,0,0,0.12);
    box-shadow: none;
}
#page-content .scp-image-block .scp-image-caption {
    border-color: rgba(0,0,0,0.12);
    background-color: #f7f7f4;
    font-family: 'Jim Nightshade', '方正舒体', cursive;
    font-size: 135%;
}
/* YUI-TABS */
.yui-navset .yui-content{
    background-color: #f4f4ed;
    padding: 20px 25px 20px 25px;
    border-width: 15px 15px 15px 15px;
    border-color: #37290C;
 
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    font-family: 'Special Elite', '华文中宋', cursive;
    background-color: transparent;
    background-image: url(https://cdn.discordapp.com/attachments/229267544354193409/562402806846455828/tab777.png);
    background-size: cover;
    border-width: 0px;
    padding: 2px 20px 0px 20px;
    margin-top: 10px;
    border-top: none;
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
    font-family: 'Special Elite', '华文中宋', cursive;
    background:transparent url(https://cdn.discordapp.com/attachments/229267544354193409/562403345604673557/tabselect77.png) ; /* selected tab background */
    color:#000;
    background-size: cover;
    border-width: 0px;
    padding: 2px 20px 0px 20px;
    margin-top: 10px;
    border-top: none;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    font-family: 'Special Elite', '华文中宋', cursive;
    background:transparent url(https://cdn.discordapp.com/attachments/229267544354193409/562403345604673557/tabselect77.png) ;
    background-size: cover;
    text-decoration: hover;
    border-width: 0px;
    padding: 2px 20px 0px 20px;
    margin-top: 10px;
    border-top: none;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: transparent;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #37290C;
}
.yui-navset li {
    line-height: 150%;
}
.yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em {
    border-color: none;
    border-width: 0;
    bottom: 0;
    left: 0;
    padding: 0.60em 0.75em;
    position: relative;
    right: 0;
    top: 0px;
}
#search-top-box-input, #search-top-box-input:hover, #search-top-box-input:focus {
    background-color: #11131f;
    border-radius: 0 0px 0px 0;
}
#search-top-box-form input[type=submit] {
    background-image: linear-gradient(#12537E, #1B7CBE);
    color: #fff;
    border-radius: 0 0px 0px 0;
}
 
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    background-image: linear-gradient(#12537E, #1B7CBE);
    color: #fff;
    border-radius: 0 0px 0px 0;
}
 
/*------------------*\
 *  LIENS  *
\*------------------*/
a {
    color: #a30101;
}
 
a.newpage {
    color: #a5554c;
}
 
#side-bar a {
    color: #c4e0f6;
}
 
#side-bar a:visited{
    color: #bf9ce2;
}
 
a:visited {
    color: #f71616;
}
 
/*------------------*\
*  MODULE NOTATION  *
\*------------------*/
.page-rate-widget-box .rate-points {
    background-image: linear-gradient(#12537E, #1B7CBE) !important;
    border: double 1px #c9cee0;
    border-right: 0;
    border-radius: 0px 0 0 0px;
    box-shadow: none;
}
.page-rate-widget-box {
    border-radius: 0px;
}
 
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: #fff;
    border-top: double 1px #c9cee0;
    border-bottom: double 1px #c9cee0;
    font-weight: bold;
 
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: #000;
    padding: 0 4px;
    margin: 0 1px;
 
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
}
 
.page-rate-widget-box .cancel {
    background-image: linear-gradient(#12537E, #1B7CBE);
    border: double 1px #c9cee0;
    border-left: 0;
    border-radius: 0 0px 0px 0;
}
 
.page-rate-widget-box .cancel a {
    background: transparent;
    text-transform: uppercase;
    color: #fff;
}
 
.page-rate-widget-box .cancel a:hover {
    border-radius: 0 6px 6px 0;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius: 0px 0 0 0px;
}
 
h1, #page-title {
    color: #282e48;
    padding: 0 0 0.25em;
    margin: 0 0 0.6em;
    font-weight: normal;
}
 
/* MODULE CREDITS */
.rate-box-with-credit-button .creditButton {
    background-image: linear-gradient(#12537E, #1B7CBE); !important;
    border-color: #c9cee0 !important;
    border: double 1px;
    border-radius: 0 0px 0px 0;
}
.creditButton a{
    color: #fff;
}
.creditButton a:hover {
    color: #f6ffc9;
}
 
@media (max-width: 767px) { #header h1 a::before {font-size: 80%;} }
 
/* BARRE SUPERIEURE */
#top-bar {
    position: absolute;
    z-index: 50;
    top: 141px;
    height: 21px;
    line-height: 18px;
    padding: 0;
    z-index: 20;
    font-size: 90%;
    font-family: 'Quantico', cursive;
}
 
#top-bar ul {
    float: right;
}
 
#top-bar li {
    margin: 0;
}
 
#top-bar a {
    color: #010000;
    font-family: 'Quantico', cursive;
    background: transparent;
}
 
#top-bar ul li {
    border: 0;
    position: relative;
}
 
#top-bar ul li ul {
    border: solid 1px #666;
    box-shadow: 0 2px 6px rgba(0,0,0,.5);
    border-top: 0;
}
 
#top-bar ul li a {
    border-left: solid 1px rgba(64,64,64,.1);
    border-right: solid 1px rgba(64,64,64,.1);
    text-decoration: none;
    font-family: 'Quantico', cursive;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1px;
    max-height: 1px;
    overflow: hidden;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: #e5ca9e;
    color: #010000;
    font-family: 'Quantico', cursive;
    border-left: solid 1px rgba(64,64,64,1);
    border-right: solid 1px rgba(64,64,64,1);
}
 
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-width: 0;
    width: 150px;
    border-top: 1px solid #010000;
    line-height: 160%;
    height: auto;
    max-height: none;
    padding-top: 0;
    padding-bottom: 0;
}
 
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: #fff;
    text-decoration: none;
}
#top-bar ul li ul {
    border-width: 0 1px 1px 1px;
    width: auto;
}
#top-bar ul li ul li, #top-bar ul li ul li.sfhover,
#top-bar ul li ul li, #top-bar ul li ul li:hover {
    border-width: 0;
}
#top-bar ul li ul li a {
    border-width: 0;
}
#top-bar ul li ul a, #top-bar a:hover {
    color: #e509bd;
}
 
.top-bar ul li:last-of-type ul {
    right: 0;
}
 
/* SEXY BOX */
div.sexy-box {
    padding: 10px;
    border: 5px inset #9DCCEC;
    border-radius: 0px;
    box-shadow: none !important;
    background: #f9f6ed !important;
    margin-bottom: 15px;
    color: #9DCCEC;
    font-family: 'Quantico', cursive;
}
div.sexy-box div.image-container img {
    border: 1px solid #9f8170;
}
 
/* TRANSLATION BLOCK */
iframe.scpnet-interwiki-frame {
    filter: hue-rotate(210deg);
    -webkit-filter: hue-rotate(210deg);
}
}
除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License