サイト-91 テーマ

概要

金の鳥籠カノンのテーマ。

ロゴはLilyFoxyLu による。コードはchamikが作成。問題/疑問点があれば彼まで連絡してください。

使用方法

[[include :pseudo-scp-jp:theme:oblast-91]]

---

+ テーマコード

:root {
    --light-accent: #db7100;
    --dark-accent: #ac5902;
    --ct_fns_alt-header-txt: 43.8px;
    --ct_fns_alt-slogan-txt: 13.4px;
}
 
h1 {
   color: var(--dark-accent);
}
 
a, a .newpage, a:visited {
   color: var(--dark-accent);
}
 
#side-bar a, #side-bar a .newpage, #side-bar a:visited {
   color: var(--dark-accent) !important;
}
 
#header {
   background-image: url('http://scp-cs.wdfiles.com/local--files/theme%3Aoblast-91/logo_white.png');
}
 
#header h1 a {
   font-size: 0;
}
 
#header h2 span {
   font-size: 0;
}
 
div#container-wrap {
   background-image: url('http://scp-cs.wdfiles.com/local--files/theme%3Aoblast-91/moar_orange_body_bg.png');
}
 
#header h1 a::before {
   content: "サイト-91";
   font-size: var(--ct_fns_alt-header-txt);
}
 
#header h2 span::before {
   content: "サイト-91では何も起こらない。";
   font-size: var(--ct_fns_alt-slogan-txt);
}
 
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
   background: var(--dark-accent);
}
 
#side-bar .heading {
   color: var(--light-accent);
}
 
#side-bar .collapsible-block-unfolded-link {
   border-bottom: 1px solid var(--light-accent);
}
 
.scp-image-block {
   border: 1px solid var(--light-accent);
}
 
.side-block {
   border-color: var(--light-accent) !important;
}
 
@media screen and (max-width: 979px) {
   #header {
      background-size: 88px 88px;
   }
   #header h1 a::before {
      font-size: 38.9px;
   }
}
 
@media screen and (max-width: 761px) {
   #header {
      background-size: 77px 77px;
   }
   #header h1 a::before {
      font-size: 34px;
   }
   #header h2 span::before {
      font-size: 11px;
   }
}
 
@media screen and (max-width: 580px) {
   #header {
      background-size: 66px 66px;
   }
   #header h1 a::before {
      font-size: 29.2px;
   }
   #header h2 span::before {
      font-size: 10px;
   }
}
 
@media screen and (max-width: 479px) {
   #header {
      background-size: 55px 55px;
   }
   #header h1 a::before {
      font-size: 24.3px;
   }
}