异常货物 版式
这是由 CityToast 为相关组织“异常货物委员会”而制作的版式。
此版式基于 rounderhouse 的死者手牌版式,Aelanna 和 Dr Devan 的 SCP Sigma 9 版式,以及 Randomini 的 MC&D 版式再混合而成。
在你的作品开头添加如下语法以应用此版式:
[[include :scp-wiki-cn:theme:unusual-cargo]]
版式特色:内联文件
此版式的引用方块没有边框,意在呈现出一份文件的效果。
大多数文本可以放置于新的“paper”类(class)div 元素中:
[[div class="paper"]]
+ 文本
++ 文本
通常文本。
> “paper”内部引用方块。
[[/div]]
效果如下:
文本
文本
通常文本。
“paper”内部引用方块。
此外,你可以通过添加图像链接,使图像缩进并与引用方块对齐。如下所示:
> 文本文本
> 文本
[[div class="letter"]]
[[collapsible show="文件" hide="隐藏"]]
[[image <图像链接>]]
[[/collapsible]]
[[/div]]
示例:
这是一个引用块,在一行字的起始处加上“> ”来创建。
更多文字
一条分割线
嵌套引用块
回到主体
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建
1 级标题
2 级标题
3 级标题
4 级标题
5 级标题
6 级标题
这是 | 表格 |
---|---|
你应该老早 | 就知道怎么 |
做这个了吧 |
/* Commission of Unusual Cargo Theme by CityToast Based on Aces and Eights Theme by rounderhouse, SCP Sigma 9 Theme created by Aelanna and Dr Devan, and MC&D Theme created by Randomini. */ @import url('https://fonts.googleapis.com/css?family=Tangerine'); /* Hyperlink colors */ :root { --hyperlink: #824565; --hyperlink-visited: #63173f; --handwriting: Tangerine, '云峰静龙行书', 'Ramega ZhangQingpingYingbiXingshu'; --print:Huiwen-mincho; --normal: ; } #header{ background: url(null) /* this terminates the default header image */ } #header:before{ display:block; position: absolute; width: 120px; height: 120px; z-index: -1; top: 15%; left:2%; content: ""; background:url(https://scp-wiki.wdfiles.com/local--files/theme%3Aunusual-cargo/COUC_logo.png); background-repeat: no-repeat; background-size: 110px 109px; background-position: 0px 0px 0px; } /* BODY */ body { background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(https://scp-wiki.wdfiles.com/local--files/theme%3Aunusual-cargo/TOAST-PAPER.jpg); } .main-body-div{ width: 92.7%; line-height: 20px; padding-left: 25px; padding-right: 25px; vertical-align: top; transition: all .7s; background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("https://scp-wiki.wdfiles.com/local--files/theme%3Aunusual-cargo/TOAST-PAPER.jpg"); } #header h1 { font-size: 105%; margin-top: -1rem } #header h1 a { color: transparent; font-size: 175%; padding: 65px 0 25px; text-shadow: none; } div#container-wrap { background: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aunusual-cargo/toast_header.png) top left repeat-x; } /* Headers being swapped around from Sigma: the top text is the smaller one for this theme */ #header h1 a::before { font-family:var(--print), cursive; padding: 35px 0 25px 20px; font-weight: normal; font-size:130%; content: "尊荣光赫的"; color: #000000; } #header h2 { font-size: 190%; } #header h2 span{ font-size: 0 } #header h2 span::before { font-family:var(--handwriting), serif; font-weight: 500; font-size: 3.5rem; content: "异常货物"; color: #000000; padding: 0 0 0 0px; } #header h2 span::after { font-family:var(--print), serif; font-weight: 500; font-size: 1.5rem; content: "委员会"; color: #000000; padding: 0 0 0 0; } /* Media stuff for mobile/responsive; these changes occur under 565px */ @media (min-width: 566px) and (max-width: 801px) { #header h1 a::before { content: "尊荣光赫的"; padding: 25px 0 25px 25px; } #header h2 span{ padding:15px 0 0px 15px; } } @media (max-width: 565px) { #search-top-box-input, #search-top-box-form { display: none; } /* update headers for new swapped sizing and changes text to fit better (See line 89) */ #header h1 a { font-size: 150%; margin-top: 10px } #header h1 a::before { content: "尊荣光赫的"; padding: 0px 0 0px 40px; } #header h2 span{ } #header h2 span:after{ font-size: 1rem; margin-top: -100px } #header h2 span::before { padding: 0 0 0 40px; font-size: 2rem; } #header { background-position: 0 5.5em; background-size: 55px 55px; } #side-bar { background-color: none; background: linear-gradient(rgba(255, 220, 220, 0.7), rgba(255, 220, 220, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg"); } #side-bar: target .close-menu { width: calc(100% - 19em); right: 0; left: auto; opacity: 1; pointer-events: auto; } } /* minor color and style tweaks */ table.wiki-content-table { border: 1px solid rgba(50, 50, 50, 0.2); } table.wiki-content-table th { padding: 0.3em 0.7em; background-color: rgba(240, 240, 240, 0.2); } #search-top-box-input, #search-top-box input.empty, #search-top-box-form input[type=submit] { transition: 0.2s linear; } #search-top-box-input, #search-top-box input.empty { background-color: transparent; border: 1px solid #DBC39F; border-radius: 0; color: #000; } #search-top-box-input:hover, #search-top-box-input:focus, #search-top-box input.empty:hover, #search-top-box input.empty:focus { outline: 0; color:#FFFFFF; border: 1px solid #000; background-color: #000000; box-shadow: 0 1px 3px rgba(0,0,0,.8); } #search-top-box-form input[type=submit] { outline: 0; height: 1.65em; border: none border-radius: 0; color: #000; background: none; position: relative; top: -1px; box-shadow: none; } #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus { border: none; border-radius: 0; background: none; } #search-top-box-form input[type=submit]:active { padding: 0 0.5em; border: none; border-radius: 0; color: #000; background: #B6925E; } #login-status, #login-status a { color: #000; border-color: #000; } /* stuff with body h groups */ h2, h3, h4, h5, h6 { font-family: var(--print), 'IM Fell DW Pica SC', serif;} h1, #page-title { color: #000; padding: 0 0 0.25em; margin: 0 0 0.6em; font-weight: heavy; font-family: var(--print), 'IM Fell DW Pica', serif; } /* remove the blockquote border, adds a shadow and a gradient over the new paper background */ blockquote, div.blockquote { border: none; padding: .5em; box-shadow: 4px 6px 8px #a98; background: linear-gradient(rgba(255, 255, 245, 0.3), rgba(245, 230, 205, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg"); } /* New paper class */ div.paper { background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-Cargo/TOAST-PAPER.jpg"); box-shadow: 4px 6px 8px #a98; padding: 1em .5em 1em .5em; display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 40px; margin-inline-end: 40px; } @media (max-width: 478px) { div.paper { margin-inline-start: 0px; margin-inline-end: 0px; margin-block-start: 0em; margin-block-end: 0em; Margin: .5em 0em .5em 0em; } } /* 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: #bc9055; color: #ffffff; } #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: #000000; /* top bar hover background color */ } /* #side-bar: Color changes, removing border, modifying font sizes, and changing general appearance. Make the left menu look like it's "written" in the left margin */ #side-bar .side-block { padding: 10px; border: none; border-radius: 10px; border-style: solid; border-color: transparent; /* no border */ box-shadow: none !important; /* no shadow */ background: none !important; /* no background */ margin-bottom: 15px; color: black; } /* stuff for social media bar */ #side-bar .side-block.media a{ filter: sepia(100%) opacity(35%); padding: 0; margin: 0; } #side-bar .side-block.media a:hover { filter: sepia(100%); } #side-bar .heading { font-family: var(--handwriting), 'Tangerine', cursive; font-size: 1.5em; font-weight: bold; padding-left: 0; } #side-bar .side-block:not(.media) img{ display: none } #side-bar .menu-item { font-family: var(--normal), serif; font-weight: normal; box-shadow: none !important; margin-bottom: 15px; color: black; padding: 0.2em; width: 100%; } #side-bar div.menu-item a { font-weight:normal; } #side-bar a{ color: #430; } /* #top-bar: Color changes, removing border, modifying font sizes, and changing general appearance */ #top-bar li a{ text-align: center; font-family: var(--normal), 'Caladea', serif; display: block; font-size: 1.2em; margin: 0; padding: 1px .5em; text-decoration: none; } a { color: #530; text-decoration: none; background: transparent; } /* Adds the "letter" class that helps align collapsibles with the associated blockquote */ div.letter { margin: 1em 3em; padding: 1em .5em; } @media (max-width: 479px) { div.letter { margin: 1em 0; padding: .5em .25em; } } @media (min-width: 480px) and (max-width: 580px) { div.letter { margin: 0.5em; padding: .25em 0; } } /* YUI-TABS */ .yui-navset .yui-content{ background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg") !important; } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color:#d8d8d8; background-image: url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg") !important; } .yui-navset .yui-nav .selected a { background:#920 url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg") repeat-x left -1400px !important; /* selected tab background */ } .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */ .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */ background:#920 url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg") repeat-x left -1400px !important; /* selected tab background */ } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background:#da8 url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg") repeat-x left -1300px !important; text-decoration: none; } /* Related articles box (previous inlined) */ .UC_footing { width: 80%; margin: auto; padding: .2em; background: linear-gradient( hsla(0, 0%, 88%, .3), hsla(240, 100%, 94%, .5)), url(https://scp-wiki.wdfiles.com/local--files/theme%3Aunusual-Cargo/TOAST-PAPER.jpg); text-align: center; } @media (max-width: 767px) { .UC_footing { width: 100%; } } .UC_footing p { font-size: .8em; } .UC_footing h2 { font: 2.1em var(--handwriting), cursive; }
页面版本: 9, 最后编辑于: 14 Jun 2023 18:26