目に優しい(見やすい)テーマ

このページはカスタムテーマページです。

Wiki内で使用されているカスタムテーマのためのページです。

運用について、詳しくはcategory-policy・custom-theme-policyを参照してください。

これは何

これのテーマは閲覧者のことを考えて作られた見やすく・目に優しいダークテーマです。

コード

/*
    Powered on 2025/06/19 10:15:30
    [2025 Wikidot Theme]
    Created by takion00
    Chenged by takion00
    CC BY-SA 3.0
*/
 
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
 
@import url("//scp-jp-storage.wikidot.com/local--files/file:9466112-14-u6hm/cssnippet_fontawesome-editor.css");
@import url("//scp-jp-storage.wikidot.com/local--files/file:9466112-10-63ko/cssnippet_minimized-login-status.css");
@import url("//scp-jp-storage.wikidot.com/local--files/file:9466112-12-gog1/cssnippet_inline-hovertips.css");
 
* {
    font-family: "Figtree";
}
 
h1,h2,h3,h4,h5,h6 {
    color: #fff;
}
 
blockquote {
    background-color:#555;
}
 
div#header h1 a span {
    font-size: 0px;
}
 
div#header h1 a:before {
    content: "SCP財団";
    color: #e1e1e1;
    text-shadow: 0px 0px 30px #d6d6d680;
}
 
div#header h2 span {
    font-size:0px;
    padding: 4px;
}
 
div#header h2:after {
    content: "確保、保護、収容";
    font-weight: bold;
    color: #f0f0c0;
    padding: 19px 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
    white-space: pre;
}
 
div#side-bar div.side-block {
    background: #555;
}
 
div#side-bar div.side-block div.heading,
div#side-bar div.collapsible-block-unfolded-link,
div#side-bar div.collapsible-block-unfolded-link div.collapsible-block-link {
    color: #999;
    border-color: #999;
}
 
div.scpnet-interwiki-wrapper { filter: hue-rotate(0deg) saturate(1200%) invert(92%) }
 
div.yui-navset div.yui-content { background: #333 }
 
div.yui-navset ul.yui-nav a,
div.yui-navset div.yui-navset-top ul.yui-nav a {
    background: #b8a681;
    color: #eee;
}
 
div.yui-navset ul.yui-nav a:hover,
div.yui-navset ul.yui-nav a:focus {
    background: #d16666;
    color: #eee;
}
 
div.yui-navset ul.yui-nav .selected a,
div.yui-navset ul.yui-nav .selected a:focus,
div.yui-navset ul.yui-nav .selected a:hover {
    background: #710000;
    color: #eee;
}
 
a { color: #f66 }
a:hover { color:#f00 }
a:visited { #fee }
 
div.page-rate-widget-box,
div.page-rate-widget-box span.rate-points,
div.page-rate-widget-box span.cancel {
    background-color: #3f2c2c!important;
    border: solid #3f2c2c 1px!important;
}
 
div.page-rate-widget-box span.rateup,
div.page-rate-widget-box span.ratedown {
    border: solid #3f2c2c !important;
    border-width: 1px 0 !important;
}
 
div.page-rate-widget-box span.rate-points,
div.page-rate-widget-box span.cancel a,
div.page-rate-widget-box span.cancel a:hover { color: #fff }
 
div.page-rate-widget-box span.rateup,
div.page-rate-widget-box span.ratedown { background-color: #9f9f9f }
 
div.page-rate-widget-box span.rateup a,
div.page-rate-widget-box span.ratedown a { color: #fff }
 
div.open-menu a {
    color: #222!important;
    border-color: #222!important;
}
 
div.page-rate-widget-box span.cancel a:hover {
    color: #fff;
    background: #e7e7e7;
}
 
div.page-rate-widget-box span.rateup a:hover {
    color: #fff;
    background: #080;
}
 
div.page-rate-widget-box span.ratedown a:hover {
    color: #fff;
    background: #800;
}
 
div#container {
    background:#0f0f0f;
    color:#fff;
}
 
div#u-credit-view div.modalcontainer div.modalbox div.modalbox-title,
div.title.modal-header {
    background:
}
 
div#lock-info.alert.alert-info {
    background-color: #f8d7da !important;
    color: #8F4031 !important;
    padding: 10px !important;
    margin-left: 15px;
    border: 1px solid #f5c6cb;
    border-radius: 5px;
}
 
div#container-wrap {
    background: linear-gradient(180deg, #ffffff 10%, #fb5757 90%) top left repeat-x;
    background-size: 100px 141px;
}
 
div#container-wrap::after {
    content: "";
    display: block;
    position: absolute;
    top: 140px;
    left: 0;
    width: 100%;
    height: 50px;
    box-shadow: 3px 2px 25px -2px rgba(0,0,0,0.75);
    background: linear-gradient(135deg, #7d7d7d 10%, #000000 90%) top left repeat-x;
}
 
div.modalbox *{ color:#333 }
 
div.modalbox { background: #999 }
 
.hovertip {
    padding: 3px;
    background: #000;
    color:#fff;
    border: none !important;
    border-radius: 5px
}
 
div#header div#top-bar div.top-bar ul li ul li a {
    background: #000;
    color:#fff
}
 
div#header div#top-bar div.top-bar ul li ul li a:hover {
    background: #f00;
    color:#fff
}