废年 主题版式
评分模块:
著作信息评分模块:
更多
更多页面信息
这是为废年故事集制作的版式。页面背景图像来自关于SCP基金会,版头背景图像来自余烬旋流 版式。[[tabview]]样式等额外调整更新中。
[[include :scp-wiki-cn:theme:deserted-years-theme]]
引用块
[[div class="blockquote"]]
浅色引用块
[[div class="blockquote light"]]
深色引用块
[[div class="blockquote dark"]]
分割线
置于[[div class="fancyhr"]]中的分割线
@import url('https://fonts.googleapis.com/css2?family=Zhi+Mang+Xing&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@300;400;500;700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext'); @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;500;700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext'); @import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&subset=cyrillic,latin-ext,vietnamese'); body { background-image: url("http://scp-wiki.wdfiles.com/local--files/about-the-scp-foundation/bg-marble.png"); background-repeat: repeat; font-family: "Noto Serif SC", "Noto Serif", serif; font-size: 0.85rem; } div#extra-div-1 { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 161px; z-index: -2; background-image: url("http://scp-wiki.wdfiles.com/local--files/theme%3Aswirling-ashes/skyline-whitewash.png"), url("http://scp-wiki.wdfiles.com/local--files/theme%3Aswirling-ashes/skyline.png"); background-repeat: repeat-x; background-size: auto 111px; background-position: center 50px; filter: grayscale(100%); -webkit-filter: grayscale(100%); } /* HEADER */ div#container-wrap { background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0, rgba(0, 0, 0, 0.5) 80px, rgba(0, 0, 0, 0.5) 161px, transparent 240px); background-repeat: repeat-x; background-size: auto 21px, auto 240px; background-position: center 140px, center top; } #header { background-image: none; } #header h1 { float: none; width: 100%; margin: 0; } #header h1 a { display: block; float: none; width: 100%; color: #FFF; text-align: center; font-size: 80px; font-weight: normal; font-family: "Oswald", "Zhi Mang Xing", sans-serif; text-shadow: 0 4px 0 rgba(0, 0, 0, 0.6); white-space: nowrap; } @media (max-width: 575px) { #header h1 a { font-size: 50px; } } @media (max-width: 479px) { #header h1 a { font-size: 40px; } } #header h1 a::before { content: "SCP FOUNDATION"; overflow: hidden; } /* {$deserted}/ #header h1 a::before { content: "废年"; font-size: 80px; } /{$deserted} */ #header h1 a span, #header h2 { display: none; } #search-top-box { right: 0; top: 110px; } #search-top-box-input, #search-top-box-input:hover, #search-top-box-input:focus, #search-top-box-form input[type=submit], #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus { background-image: url("http://scp-wiki.wdfiles.com/local--files/about-the-scp-foundation/bg-marble.png"); background-color: transparent; color: #666; border-color: #666; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.6); } #search-top-box-input, #search-top-box-input:hover, #search-top-box-input:focus { box-shadow: 0 2px 0 rgba(0, 0, 0, 0.6), inset 0 2px 0 rgba(0, 0, 0, 0.25); } #search-top-box-input:hover, #search-top-box-input:focus, #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus { color: #000; border-color: #000; } /* SIDE BAR */ #side-bar .side-block { background-color: transparent !important; border-color: #000; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.6); } #side-bar .side-block:not(.media) { filter: grayscale(100%); -webkit-filter: grayscale(100%); } #side-bar .heading, #side-bar .collapsible-block-unfolded-link, #side-bar .collapsible-block-unfolded-link .collapsible-block-link { color: #000; border-color: #000; font-size: 14px; font-weight: normal; font-family: "Zhi Mang Xing", sans-serif; } #side-bar a, #side-bar a:visited, #side-bar a.newpage { color: #000; } @media (max-width: 767px) { #side-bar, #side-bar:target { background-color: transparent; background-image: url("http://scp-wiki.wdfiles.com/local--files/about-the-scp-foundation/bg-marble.png"); border: none; } #side-bar .close-menu { display: block; opacity: 0; transition: ease 1s; -webkit-transition: ease 1s; } #side-bar:target .close-menu { opacity: 0.5; left: 19em; width: calc(100% - 19em); } } /* MAIN CONTENT */ #top-bar ul li:hover a, #top-bar ul li.sfhover a { color: #000; background-image: url("http://scp-wiki.wdfiles.com/local--files/about-the-scp-foundation/bg-marble.png"); } #top-bar .mobile-top-bar .open-menu a { border: solid 1px #666; border-radius: 5px; background-image: url("http://scp-wiki.wdfiles.com/local--files/about-the-scp-foundation/bg-marble.png"); color: #666; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); } #top-bar .mobile-top-bar .open-menu a:hover { color: #000; border-color: #000; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.6); } #page-title, h1 { font-family: "Zhi Mang Xing", sans-serif; color: #000; border-color: #666; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } hr { background-color: #666; } .fancyhr hr { position: relative; height: 12px; background-color: transparent; width: auto; margin-left: 0; margin-right: 0; } .fancyhr hr::before { content: ""; display: block; height: 12px; width: 100%; position: absolute; top: -9px; left: 0; border-bottom: solid 2px #000; border-radius: 12px; } .fancyhr hr::after { content: ""; display: block; height: 12px; width: 100%; position: absolute; bottom: -9px; left: 0; border-top: solid 2px #000; border-radius: 12px; } /* RATE MODULE */ .page-rate-widget-box, #page-content .creditRate .rate-box-with-credit-button .page-rate-widget-box { background-color: transparent; border: solid 1px #000; border-radius: 3px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); margin-left: 0; margin-right: 0; } .page-rate-widget-box .rate-points { color: #000 !important; background-color: transparent !important; border-radius: 0; border: none; } .page-rate-widget-box .rateup.btn, .page-rate-widget-box .ratedown.btn, .page-rate-widget-box .cancel { border: none; background-color: transparent; border-radius: 0; } .page-rate-widget-box .rateup.btn a, .page-rate-widget-box .ratedown.btn a, .page-rate-widget-box .cancel a { border: none; background-color: transparent; border-radius: 0; color: #666; } .page-rate-widget-box .rateup.btn a:hover, .page-rate-widget-box .ratedown.btn a:hover, .page-rate-widget-box .cancel a:hover { border: none; background-color: transparent; border-radius: 0; color: #000; } #page-content .rate-box-with-credit-button { border-radius: 0; border: none; background-color: transparent; box-shadow: none; } #page-content .creditRate { margin-left: 0; margin-right: 0; } #page-content .rate-box-with-credit-button .creditButton p a { display: inline-block; margin: 0; margin-left: 5px; padding-top: 3px; padding-bottom: 2px; width: 20px; height: 100%; font-size: 12px; text-align: center; color: #666; background-color: transparent; border: solid 1px #000; border-radius: 3px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); position: static; } #page-content .rate-box-with-credit-button .creditButton p a:hover { color: #000; } /* DIVISIONS */ div.adytoc { display: flex; justify-content: center; } div#toc { border: solid 1px #000; border-radius: 3px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); background-color: rgba(255, 255, 255, 0.75); color: #000; } div.adytoc div#toc { float: none; text-align: center; } div.adytoc div#toc div.title { font-family: "Zhi Mang Xing", sans-serif; color: #000; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); font-size: 200%; } div.adytoc div#toc div#toc-list div { margin-left: 0 !important; font-family: "Zhi Mang Xing", sans-serif; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); font-size: 150%; } blockquote, div.blockquote { border: solid 1px #000; border-radius: 3px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); background-color: transparent; color: #000; } .blockquote.light { background-color: rgba(255, 255, 255, 0.75); } .blockquote.dark { background-color: rgba(0, 0, 0, 0.1); } .code { position: relative; border: solid 1px #000; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); background-color: transparent; color: #000; } .code::before, .code::after { display: block; content: "~ CODE ~"; text-align: center; position: absolute; left: 0; width: 100%; } .code::before { top: 0; } .code::after { bottom: 0; }