您正在查詢的標題為:關注組織
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:機動特遣隊
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:基金會設施
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:員工與角色檔案
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:世界線中心頁
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:系列檔案室
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:競賽資料庫
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:異常物品紀錄
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:超常事件紀錄
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:未解明地點列表
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:基金會故事
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
What this is
A bunch of miscellaneous CSS 'improvements' that I, Croquembouche, use on a bunch of pages because I think it makes them easier to deal with.
The changes this component makes are bunch of really trivial modifications to ease the writing experience and to make documenting components/themes a bit easier (which I do a lot). It doesn't change anything about the page visually for the reader — the changes are for the writer.
I wouldn't expect translations of articles that use this component to also use this component, unless the translator likes it and would want to use it anyway.
This component probably won't conflict with other components or themes, and even if it does, it probably won't matter too much.
Usage
On any wiki:
[[include :scp-wiki:component:croqstyle]]
This component is designed to be used on other components. When using on another component, be sure to add this inside the component's [[iftags]] block, so that users of your component are not forced into also using Croqstyle.
Related components
Other personal styling components (which change just a couple things):
Personal styling themes (which are visual overhauls):
CSS changes
Reasonably-sized footnotes
Stops footnotes from being a million miles wide, so that you can actually read them.
.hovertip { max-width: 400px; }
Monospace edit/code
Makes the edit textbox monospace, and also changes all monospace text to Fira Code, the obviously superior monospace font.
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap'); :root { --mono-font: "Fira Code", Cousine, monospace; } #edit-page-textarea, .code pre, .code p, .code, tt, .page-source { font-family: var(--mono-font); } .code pre * { white-space: pre; } .code *, .pre * { font-feature-settings: unset; }
Teletype backgrounds
Adds a light grey background to <tt> elements ({{text}}), so code snippets stand out more.
tt { background-color: var(--swatch-something-bhl-idk-will-fix-later, #f4f4f4); font-size: 85%; padding: 0.2em 0.4em; margin: 0; border-radius: 6px; }
No more bigfaces
Stops big pictures from appearing when you hover over someone's avatar image, because they're stupid and really annoying and you can just click on them if you want to see the big version.
.avatar-hover { display: none !important; }
Breaky breaky
Any text inside a div with class nobreak has line-wrapping happen between every letter.
.nobreak { word-break: break-all; }
Code colours
Add my terminal's code colours as variables. Maybe I'll change this to a more common terminal theme like Monokai or something at some point, but for now it's just my personal theme, which is derived from Tomorrow Night Eighties.
Also, adding the .terminal class to a fake code block as [[div class="code terminal"]] gives it a sort of pseudo-terminal look with a dark background. Doesn't work with [[code]], because Wikidot inserts a bunch of syntax highlighting that you can't change yourself without a bunch of CSS. Use it for non-[[code]] code snippets only.
Quick tool to colourise a 'standard' Wikidot component usage example with the above vars: link
:root { --c-bg: #393939; --c-syntax: #e0e0e0; --c-comment: #999999; --c-error: #f2777a; --c-value: #f99157; --c-symbol: #ffcc66; --c-string: #99cc99; --c-operator: #66cccc; --c-builtin: #70a7df; --c-keyword: #cc99cc; } .terminal, .terminal > .code { color: var(--c-syntax); background: var(--c-bg); border: 0.4rem solid var(--c-comment); border-radius: 1rem; }
Debug mode
Draw lines around anything inside .debug-mode. The colour of the lines is red but defers to CSS variable --debug-colour.
You can also add div.debug-info.over and div.debug-info.under inside an element to annotate the debug boxes — though you'll need to make sure to leave enough vertical space that the annotation doesn't overlap the thing above or below it.
…like this!
.debug-mode, .debug-mode *, .debug-mode *::before, .debug-mode *::after { outline: 1px solid var(--debug-colour, red); position: relative; } .debug-info { position: absolute; left: 50%; transform: translateX(-50%); font-family: 'Fira Code', monospace; font-size: 1rem; white-space: nowrap; } .debug-info.over { top: -2.5rem; } .debug-info.under { bottom: -2.5rem; } .debug-info p { margin: 0; }
/* 本主題微調合併自 EstrellaYoshte的Monotypical外觀主題 MalyceGraves與EstrellaYoshte的Newspaper外觀主題 並以(CC BY-SA 3.0) 授權使用 發表年分2021年9月 */ @import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap'); @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css"); @import url('https://fonts.googleapis.com/css2?family=Kulim+Park&display=swap'); @import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap'); /*---- Dismantling and Rebuilding the Structure 拆除和重建結構----*/ div#container-wrap { display: grid; grid-template-columns: var(--sidebar-width) 1fr; grid-template-rows: var(--header-height) 1fr auto auto auto; overflow: hidden; background: none; } #container, #content-wrap { display: contents; } #header { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 3; } #main-content { grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 3; } #footer { grid-row-start: 3; grid-row-end: 4; grid-column-start: 1; grid-column-end: 3; } #license-area { grid-row-start: 4; grid-row-end: 5; grid-column-start: 1; grid-column-end: 3; } #footer-bar { grid-row-start: 5; grid-row-end: 6; grid-column-start: 1; grid-column-end: 3; } #side-bar { grid-row-start: 1; grid-row-end: 5; grid-column-start: 1; grid-column-end: 2; } /*-------基本佈局---------*/ #header, #top-bar { width: 100%; max-width: 100%; margin: 0; padding: 0; } #main-content { margin: 0; max-width: 100%; } #footer { margin-top: 0; } #footer-bar { z-index: 0; } #side-bar { position: fixed; top: 0; left: 0; margin: 0; padding: 0; width: var(--sidebar-width); height: 100vh; overflow-y: auto; overflow-x: hidden; z-index: 0; } #side-bar:focus-within { z-index: 99; } /*--------------------------------------------------------*/ /*--------------------------------------------------------*/ :root { --linkColor: #54beff; --linkColor-newpage: #00ddff; --primaryBackgroundColor: #fcfeff; --secondaryBackgroundColor: #d5e3e8; --tertiaryBackgroundColor: #b9c2c9; --borderColor: #C6C6C6; --shadow: rgba(0,0,0,0.225); --selectionColor: #83dcfc; --textColor: #0E0E0E; --textColor-alt: #687075; --headerColor: #00367d; --accentColor: #00649e; /*----- Technical Variables 技術變量-----*/ --body-font: 'Ubuntu', sans-serif; --header-font: 'Century Gothic', 'Quicksand', sans-serif; --header-title: '基金會繁中週刊'; --sidebar-width: 15rem; --sidebar-timing: 0.275s ease-out; --header-height: 3.5rem; --page-content-width: 954px; --radius-adjust: 0.95rem; --link-timing: .125s ease-out; /*-----來自報紙-----*/ } #content-wrap { margin: 0.65em auto 0; box-sizing: border-box; } #page-content { font-size: 1rem; } /* 橫線 */ hr { margin: 2rem 0; height: 0.1rem; background-color: var(--borderColor); } /*-----來自報紙-----*/ body { font-family: var(--body-font); font-size: 0.95rem; color: var(--textColor); } img { max-width: 100%; } tt { background-color: var(--secondaryBackgroundColor); font-size: 90%; } code { font-family: var(--mono-font); } #edit-page-textarea, .code pre, .code p, .code, .page-source { font-size: 95%; } #main-content { background-color: var(--primaryBackgroundColor); padding: 1em 3em; } #main-content span.printuser.deleted img, .hovertip span.printuser a:first-of-type, #main-content span.printuser a:first-of-type { display: inline-block; height: 1em; position: relative; bottom: -0.25em; margin-right: 0; } #page-content { width: 100%; max-width: var(--page-content-width); margin: 0 auto 2rem; min-height: 100vh; } #page-content a:not(div[class*=top-bar] a, #u-sb-button, #u-no-more-menu, .page-rate-widget-box a, .creditRate a, .printuser.avatarhover a:first-child, ul.yui-nav a, .scp-image-block a) { color: var(--textColor); padding: 0.1em; text-decoration: none; border-bottom: solid 2px var(--linkColor); background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%); background-size: 100% 0; background-position: 0 100%; background-repeat: no-repeat; transition: background-size var(--link-timing); } #page-content a:not(div[class*=top-bar] a, #u-sb-button, #u-no-more-menu, .page-rate-widget-box a, .creditRate a, .printuser.avatarhover a:first-child, ul.yui-nav a, .scp-image-block a):hover, #page-content a:not(div[class*=top-bar] a, #u-sb-button, #u-no-more-menu, .page-rate-widget-box a, .creditRate a, .printuser.avatarhover a:first-child, ul.yui-nav a, .scp-image-block a):focus { background-size: 100% 100%; } #page-content a.newpage { --linkColor: var(--linkColor-newpage); } /* adjusting avatar username spacing */ .printuser.avatarhover a:first-child { margin-left: 0.15em; } .printuser.avatarhover a:nth-child(2) { margin-left: -0.45em; } /* ---- SCROLLBAR 滾動條---- */ ::-webkit-scrollbar { width: 10px; background: transparent; } ::-webkit-scrollbar-track { background: var(--tertiaryBackgroundColor); } ::-webkit-scrollbar-thumb { background: var(--linkColor); border: none; border-radius: var(--radius-adjust); } /* firefox support 火狐支持*/ :root, #side-bar { scrollbar-color: var(--linkColor) var(--tertiaryBackgroundColor); scrollbar-width: thin; } /*---- HEADER 版頭----*/ #header { z-index: 2; height: var(--header-height); background: var(--primaryBackgroundColor); } #top-bar, #page-title, #header h2 { display: none; } #header h1 { margin-left: 0; padding: 0; float: none; max-height: 4rem; width: 100%; } #header h1 a { display: block; width: -moz-fit-content; width: fit-content; vertical-align: middle; font-size: 3.25rem; padding: 0.5rem 0.5rem 0; margin: auto; text-align: center; text-shadow: none; color: var(--textColor); font-family: var(--header-font); font-weight: lighter; } /* Hide the existing text 隱藏現有文本*/ #header h1 span { font-size: 0; display: none; } #header h1 a::before { content: var(--header-title); } #login-status { position: absolute; top: 0.4rem; right: 3.25em; width: max-content; font-size: 0.78em; text-align: center; } #login-status, #login-status a { color: var(--textColor); } #login-status span.printuser { font-size: 0; } #login-status span.printuser img { font-size: 0; transform: translate(6px, 5px); } #login-status a#my-account { display: none; } #account-topbutton { border: none; margin-left: -0.1rem; padding: 0 0.5rem; } div#account-options { right: 0; background-color: var(--primaryBackgroundColor); width: 10rem; border: none; border-radius: calc(var(--radius-adjust)*0.3725); box-shadow: 0 0 5px 1px var(--shadow); display: block!important; opacity: 0; pointer-events: none; transition: opacity 0.15s; } #account-topbutton:focus + #account-options, #account-topbutton:active + #account-options, #account-options:focus-within { opacity: 1; pointer-events: all; } /* Without this, touchscreen doesn't work */ @media (pointer: coarse) { #account-topbutton:hover + #account-options, #account-options:hover { opacity: 1; pointer-events: all; } } div#account-options li a { color: var(--textColor); background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%); background-size: 100% 0; background-position: 0 100%; background-repeat: no-repeat; transition: background-size var(--link-timing); padding: 0.25rem 0; } div#account-options li a:hover, div#account-options li a:focus { text-decoration: none; background-size: 100% 100%; color: var(--textColor); } div#account-options li:first-of-type a { border-radius: calc(var(--radius-adjust)*0.3725) calc(var(--radius-adjust)*0.3725) 0 0; } div#account-options li:last-of-type a { border-radius: 0 0 calc(var(--radius-adjust)*0.3725) calc(var(--radius-adjust)*0.3725); } div#search-top-box { position: absolute; top: 0.5rem; right: 0.5rem; width: 1.6rem; z-index: 31; } div#search-top-box::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0.05rem; background-color: var(--linkColor); pointer-events: none; z-index: 32; -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M505%20442.7L405.3%20343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3%2044-79.7%2044-128C416%2093.1%20322.9%200%20208%200S0%2093.1%200%20208s93.1%20208%20208%20208c48.3%200%2092.7-16.4%20128-44v16.3c0%206.4%202.5%2012.5%207%2017l99.7%2099.7c9.4%209.4%2024.6%209.4%2033.9%200l28.3-28.3c9.4-9.4%209.4-24.6.1-34zM208%20336c-70.7%200-128-57.2-128-128%200-70.7%2057.2-128%20128-128%2070.7%200%20128%2057.2%20128%20128%200%2070.7-57.2%20128-128%20128z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M505%20442.7L405.3%20343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3%2044-79.7%2044-128C416%2093.1%20322.9%200%20208%200S0%2093.1%200%20208s93.1%20208%20208%20208c48.3%200%2092.7-16.4%20128-44v16.3c0%206.4%202.5%2012.5%207%2017l99.7%2099.7c9.4%209.4%2024.6%209.4%2033.9%200l28.3-28.3c9.4-9.4%209.4-24.6.1-34zM208%20336c-70.7%200-128-57.2-128-128%200-70.7%2057.2-128%20128-128%2070.7%200%20128%2057.2%20128%20128%200%2070.7-57.2%20128-128%20128z%22%2F%3E%3C%2Fsvg%3E"); -webkit-mask-size: 1rem; mask-size: 1rem; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; opacity: 1; transition: opacity 0.25s ease; } div#search-top-box:focus-within::before { opacity: 0; } div#search-top-box form { display: flex; justify-content: flex-end; } div#search-top-box form input[type="text"]:not(:focus), div#search-top-box form input[type="text"]:not(:focus):not(:hover) { position: relative; color: transparent; cursor: pointer; display: inline-block; font-family: var(--body-font); width: 1.6rem; height: 1.6rem; padding: 0.1em 0.5em; box-sizing: border-box; border-radius: var(--radius-adjust); border: none; box-shadow: 0 0 2px 1.5px var(--shadow); } div#search-top-box form input[type="text"], div#search-top-box form input[type="text"]:hover, div#search-top-box form input[type="text"]:focus { background-color: var(--primaryBackgroundColor)!important; color: var(--textColor); display: inline-block; border: none; height: 1.6rem; width: 9rem; transition: width .25s; outline: none; border-radius: var(--radius-adjust); box-shadow: 0 0 2px 1.5px var(--shadow); } div#search-top-box form input[type="submit"] { display: none; } /*---- SIDEBAR 邊欄----*/ #side-bar { display: block; box-sizing: border-box; background-color: var(--secondaryBackgroundColor); border-right: solid 2px var(--borderColor); } #side-bar::-webkit-scrollbar { width: 0; background: transparent; } #side-bar .side-block { box-shadow: none; border: none; border-radius: 0; padding: 0; margin-bottom: 0.25rem; } #side-bar .side-block, #side-bar .side-block.media, #side-bar .side-block.resources { background-color: transparent; } #side-bar .side-block.media > * { display: flex; justify-content: space-evenly; } #side-bar .side-block.media { border-bottom: solid 2px var(--borderColor); } #side-bar .side-block .menu-item > .image { display: none; } #side-bar .heading { color: var(--textColor); background-color: var(--tertiaryBackgroundColor); border-top: solid 2px var(--borderColor); border-bottom: none; font-family: var(--header-font); font-weight: bold; text-transform: uppercase; font-size: 0.9rem; padding: 0.1rem 0.3rem; margin-top: 0.75rem; text-align: right; } #side-bar .heading p { margin: 0; } #side-bar div.menu-item, #side-bar div.menu-item > p { display: flex; flex-basis: auto; flex-wrap: wrap; align-items: center; justify-content: flex-start; margin: 0; font-size: 0; } #side-bar div.menu-item a { font-weight: normal; color: var(--textColor); text-decoration: none; justify-content: center; width: auto; padding: .2rem .4rem; flex-grow: 1; font-size: 0.875rem; border-bottom: solid 1px var(--linkColor); background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%); background-size: 100% 0; background-position: 0 100%; background-repeat: no-repeat; transition: background-size var(--link-timing); } #side-bar div.menu-item a[href="/"], #side-bar div.menu-item a[href*="scp-series"] { padding: .25rem; text-align: center; } #side-bar div.menu-item a[href="/"] { border-bottom: none; padding: 0.25em 0; font-weight: bold; margin-top: 0.5rem; } #side-bar div.menu-item a:hover, #side-bar div.menu-item a:focus { background-size: 100% 100%; } iframe.scpnet-interwiki-frame, div.scpnet-interwiki-wrapper { width: var(--sidebar-width); margin: 0 auto; } /*---- Sidebar Transition Mechanism側邊欄過渡機制----*/ #header, #main-content, #footer, #license-area, #footer-bar { position: relative; left: 0; transition: left var(--sidebar-timing); } #container:target #header, #container:target #main-content, #container:target #u-sb-button, #container:target #footer, #container:target #license-area, #container:target #footer-bar { left: var(--sidebar-width); } /* Sidebar Toggle 側邊欄切換*/ #u-sb-button { position: fixed; z-index: 10; top: 0; left: 0; transition: left var(--sidebar-timing); display: block; height: 2.6rem; width: 2.6rem; background-color: var(--primaryBackgroundColor); color: var(--textColor); font-weight: bold; font-size: 2rem; line-height: 0.8rem; text-align: center; text-decoration: none; } #u-no-more-menu { display: none; } #container:target #u-no-more-menu { display: block; position: fixed; width: calc(100% - var(--sidebar-width)); height: 100%; top: 0; right: 0; z-index: 12; cursor-events: all; } /*------ Top Bar, reborn 頂欄跟痾-------*/ #page-content div.mobile-top-bar { display: none; } #page-content div[class*=top-bar] { font-size: 100%; z-index: 9; } #page-content div[class*=top-bar] a { text-decoration: none; } #page-content div[class*=top-bar] ul { background: transparent; list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: nowrap; justify-content: space-between; text-align: center; } #page-content div[class*=top-bar] ul > li { flex-grow: 1; border-radius: calc(var(--radius-adjust)*0.5); } #page-content div[class*=top-bar] li { color: var(--textColor); background: transparent; display: block; float: left; padding: 0.5rem; position: relative; text-decoration: none; transition: background-color var(--link-timing); } #page-content div[class*=top-bar] > ul > li:hover, #page-content div[class*=top-bar] > ul > li:focus-within { background: var(--tertiaryBackgroundColor); cursor: pointer; } #page-content div[class*=top-bar] li a { color: var(--textColor); display: block; width: max-content; height: 100%; margin: auto; } #page-content div[class*=top-bar] ul li ul { background: var(--primaryBackgroundColor); box-sizing: border-box; min-width: 100%; position: absolute; margin-top: 0.5rem; border-radius: calc(var(--radius-adjust)*0.5); box-shadow: 0 0 6px 2px var(--shadow); left: 0; display: block; transition: opacity var(--link-timing); opacity: 0; pointer-events: none; } #page-content div[class*=top-bar] ul li:hover > ul, #page-content div[class*=top-bar] ul li:focus-within > ul, #page-content div[class*=top-bar] ul li ul:hover, #page-content div[class*=top-bar] ul li ul:focus { opacity: 1; z-index: 9; pointer-events: all; } #page-content div[class*=top-bar] ul li ul::after { content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; border-width: 8px; border-style: solid; border-color: transparent transparent var(--primaryBackgroundColor) transparent; } #page-content div[class*=top-bar] ul li ul li { clear: both; width: 100%; position: relative; display: flex; padding: 0; } #page-content div[class*=top-bar] ul li ul li:first-of-type a { border-top-left-radius: calc(var(--radius-adjust)*0.5); border-top-right-radius: calc(var(--radius-adjust)*0.5); } #page-content div[class*=top-bar] ul li ul li:last-of-type a { border-bottom-left-radius: calc(var(--radius-adjust)*0.5); border-bottom-right-radius: calc(var(--radius-adjust)*0.5); } #page-content div[class*=top-bar] ul li ul li a { width: max-content; height: 100%; flex-grow: 1; align-self: center; padding: 0.4rem; text-align: center; background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%); background-size: 100% 0; background-position: 0 100%; background-repeat: no-repeat; transition: background-size var(--link-timing); } #page-content div[class*=top-bar] ul li ul li a:hover, #page-content div[class*=top-bar] ul li ul li a:focus { background-size: 100% 100%; } #page-content div[class*=top-bar]>ul:first-of-type>li:last-of-type>ul { right: 0; left: auto; } #page-content .mobile-top-bar { position: relative; left: 0; width: 100%; max-width: 100%; } #page-content .mobile-top-bar .open-menu { display: none; } /* ---- META-TITLE 元標題---- */ .meta-title { display: flex; align-items: center; text-align: center; border-bottom: none; margin: 0.5rem 0; color: var(--textColor); font-family: var(--header-font); font-size: 215%; } .meta-title::before, .meta-title::after { content: ""; flex-grow: 1; height: 0.1rem; margin: auto auto auto 0.65rem; background-color: var(--borderColor); } .meta-title::before { margin: auto 0.65rem auto auto; } /* ---- BREADCRUMBS 麵包屑---- */ #breadcrumbs, #page-content .pseudocrumbs { font-size: 0.85em; line-height: 1.25em; } #breadcrumbs a, #main-content #page-content .pseudocrumbs > a { color: var(--textColor); padding: 0.05em; text-decoration: none; border-bottom: solid 1px var(--linkColor); background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%); background-size: 100% 0; background-position: 0 100%; background-repeat: no-repeat; transition: background-size var(--link-timing); } #breadcrumbs a:hover, #breadcrumbs a:focus, #main-content #page-content .pseudocrumbs a:hover, #main-content #page-content .pseudocrumbs a:focus { background-size: 100% 100%; } #breadcrumbs { text-align: center; grid-column: 1 / span 2; grid-area: page-title; width: max-content; margin: 0.25em auto 0; padding: 0.65em 0.75em 0.225em; position: relative; max-height: 0; max-width: 100%; box-sizing: border-box; overflow: hidden; transition: max-height 1s ease; } #breadcrumbs::before, #breadcrumbs::after { content: ""; position: absolute; top: 0; } #breadcrumbs::before { left: 0; width: 100%; height: 3px; border-radius: var(--radius-adjust); background-color: var(--textColor); } #breadcrumbs::after { left: 50%; margin-left: -8px; border-width: 8px; border-style: solid; border-color: var(--textColor) transparent transparent transparent; } #breadcrumbs:hover, #breadcrumbs:focus-within { max-height: 9rem; } #page-content .pseudocrumbs { margin: -1.5em 0 -0.15em; } /* ---- TABS 製表符---- */ /* ---- YUI TAB BASE YUI 標籤頁---- */ .yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{background-color:inherit;background-image:inherit}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{background:inherit;text-decoration:inherit}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:hover{color:inherit;background:inherit}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{border-color:inherit}.yui-navset li{line-height:inherit} /* ---- YUI TAB CUSTOMIZATION YUI 標籤自定義----*/ .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { display: flex; flex-wrap: wrap; width: calc(100% - .125rem); margin: 0 auto; border-color: var(--linkColor); box-shadow: none; border-width: 0 1px 2px; } .yui-navset .yui-nav a, /* ---- Link Modifier ---- */ .yui-navset .yui-navset-top .yui-nav a { color: var(--textColor-alt); /* ---- Tab Background Colour | [UNSELECTED] ---- */ background-color: var(--secondaryBackgroundColor); border: unset; box-shadow: none; } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { color: var(--textColor)!important; text-decoration: none; /* ---- Tab Background Colour | [HOVER] ---- */ background-color: var(--linkColor); } .yui-navset .yui-nav li, /* ---- Listitem Modifier ---- */ .yui-navset .yui-navset-top .yui-nav li { position: relative; display: flex; flex-grow: 2; max-width: 100%; margin: 0; padding: 0; background-color: var(--secondaryBackgroundColor); border: solid 1px var(--linkColor); border-bottom: none; border-top-width: 2px; box-shadow: none; } .yui-navset .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset-bottom .yui-nav li a { display: flex; align-items: center; justify-content: center; width: 100%; } .yui-navset .yui-nav li em{ border: unset; } .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em { padding: .35em .75em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .yui-navset .yui-nav .selected, /* ---- Selection Modifier ---- */ .yui-navset .yui-navset-top .yui-nav .selected { flex-grow: 2; margin: 0; padding: 0; /* ---- Tab Background Colour | [SELECTED] ---- */ background-color: var(--linkColor); } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em { border: none; } .yui-navset .yui-nav .selected a { width: 100%; color: var(--textColor); } .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:active { color: var(--textColor); background-color: var(--linkColor); } #page-content .yui-navset .yui-content { background-color: var(--primaryBackgroundColor); box-shadow: none; border: solid 2px var(--borderColor); } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { padding: .5em; border: none; } /* ---- AYERS INFO BAR 艾爾斯信息欄---- */ .info-container { --barColour: var(--borderColor); --linkColour: var(--primaryBackgroundColor); } #page-content .info-container > .collapsible-block > .collapsible-block-folded .collapsible-block-link::before, #page-content .info-container > .collapsible-block > .collapsible-block-unfolded .collapsible-block-link::before { visibility: hidden; } /* ---- INFO PANE 麵包信息---- */ #page-content .creditRate{ margin: unset; margin-bottom: 4px; } #page-content .rate-box-with-credit-button { background-color: var(--primaryBackgroundColor); border: none; box-shadow: 0 0 3px 1px var(--shadow); border-radius: var(--radius-adjust); padding: 0.275rem; } #page-content .rate-box-with-credit-button .page-rate-widget-box { border: none; } #page-content a.fa { transform: none; } #page-content .rate-box-with-credit-button .fa-info { border: none; color: var(--textColor); padding-top: 0.25rem; padding-bottom: 0.0725rem; width: 0.9rem; margin-left: -0.1rem; margin-right: 0.1rem; background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%); background-size: 100% 0; background-position: 0 100%; background-repeat: no-repeat; transition: background-size var(--link-timing); } #page-content .rate-box-with-credit-button .fa-info:hover, #page-content .rate-box-with-credit-button .fa-info:focus { background-size: 100% 100%; } .rate-box-with-credit-button .cancel { border: solid 1px var(--primaryBackgroundColor); } #page-content .creditButtonStandalone { margin: 0.125rem 0; } #page-content .creditButtonStandalone p a { border-radius: 1rem; color: var(--textColor); text-align: center; background: initial; box-shadow: 0 0 2px 1px var(--shadow); padding: 0.24rem; background: none; background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%); background-position: 0 100%; background-repeat: no-repeat; background-size: 100% 0; transition: background-size var(--link-timing); } #page-content .creditButtonStandalone p a:hover, #page-content .creditButtonStandalone p a:hover { text-decoration: none; background: none; background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%); background-position: 0 100%; background-repeat: no-repeat; background-size: 100% 100%; } /* ---- PAGE RATING 頁面評分---- */ .page-rate-widget-box { display: inline-block; box-shadow: none; margin: unset; margin-bottom: 4px; background-color: var(--primaryBackgroundColor); border-radius: var(--radius-adjust); box-shadow: 0 0 3px 1px var(--shadow); padding: 0.275rem; } .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover, .page-rate-widget-box .cancel a:hover, .page-rate-widget-box .rateup a:focus, .page-rate-widget-box .ratedown a:focus, .page-rate-widget-box .cancel a:focus { color: var(--textColor); background: unset; background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%); background-size: 100% 100%; background-position: 0 100%; background-repeat: no-repeat; border-radius: 0; } .page-rate-widget-box .rate-points { background-color: var(--primaryBackgroundColor) !important; color: var(--textColor) !important; border: solid 1px var(--primaryBackgroundColor); border-radius: 0; } .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown { background-color: var(--primaryBackgroundColor); border-top: solid 1px var(--primaryBackgroundColor); border-bottom: solid 1px var(--primaryBackgroundColor); } .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a { padding: 0 0.25rem; margin: 0 0.05rem; color: var(--textColor); background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%); background-size: 100% 0; background-position: 0 100%; background-repeat: no-repeat; transition: background-size var(--link-timing); } .page-rate-widget-box .cancel { background-color: var(--primaryBackgroundColor); border: solid 1px var(--primaryBackgroundColor); border-radius: 0; margin-right: 0.05rem; text-transform: uppercase; } .page-rate-widget-box .cancel a { color: var(--textColor); background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%); background-size: 100% 0; background-position: 0 100%; background-repeat: no-repeat; transition: background-size var(--link-timing); } /*---- PAGE ELEMENTS 頁面元素----*/ /* h1 et al. Much of this is by Woedenaz */ h1, h2, h3, h4, h5, h6 { font-family: var(--header-font); color: var(--textColor); font-weight: bold; margin-top: 0.6rem; margin-bottom: 0.6rem; display: flex; } h2, h3, h4, h5, h6 { letter-spacing: -0.01em; } #page-content h1 {font-size: 2em;} #page-content h2 {font-size: 1.8em;} #page-content h3 {font-size: 1.6em;} #page-content h4 {font-size: 1.4em;} #page-content h5 {font-size: 1.2em;} #page-content h6 {font-size: 1em;} #page-content h1 span, #page-content h2 span, #page-content h3 span, #page-content h4 span, #page-content h5 span, #page-content h6 span { padding: 0 0.1em; display: inline-flex; } #page-content h1 span::before, #page-content h2 span::before, #page-content h3 span::before, #page-content h4 span::before, #page-content h5 span::before, #page-content h6 span::before { content: ""; color: var(--textColor-alt); font-size: 70%; font-weight: normal; display: inline-flex; flex-direction: row; align-items: center; justify-content: center; margin-right: 0.1em; } #page-content h1::after { content: ""; flex-grow: 1; height: 0.1rem; margin: auto auto auto 0.375rem; background-color: var(--borderColor); } /* 報紙頁面*/ blockquote, div.blockquote { background-color: var(--primaryBackgroundColor); border: none; border-left: solid 0.2rem var(--linkColor); padding: 0.1rem 1rem; box-shadow: 0 0 3px rgba(0,0,0,0.25); position: relative; } blockquote::before, blockquote::after, div.blockquote::before, div.blockquote::after { content: ""; display: block; height: 0.5rem; width: 0.5rem; position: absolute; left: 0; background-color: var(--linkColor); } blockquote::before, div.blockquote::before { top: 0; transform: translate(calc(-50% - 0.1rem),-50%) rotate(45deg); } blockquote::after, div.blockquote::after { bottom: 0; transform: translate(calc(-50% - 0.1rem),50%) rotate(45deg); } #toc { display: block; background-color: #FEFBF8; border: none; padding: 0.1rem 1rem; box-shadow: 0 0 4px rgba(0,0,0,0.3); border-right: solid 0.2rem var(--headerColor); padding: 0.75em; position: relative; } #toc::before, #toc::after { content: ""; display: block; height: 0.5rem; width: 0.5rem; position: absolute; right: 0; background-color: var(--headerColor); } #toc::before { top: 0; transform: translate(calc(0.1rem + 50%),-50%) rotate(45deg); } #toc::after { bottom: 0; transform: translate(calc(0.1rem + 50%),50%) rotate(45deg); } #toc-list { font-family: var(--header-font); } #toc-list > div[style*="margin-left: 1em;"] { margin-left: 0.5em!important; } #toc-list > div:not([style*="margin-left: 1em;"]) { display: none; } .scp-image-block { border: solid 8px var(--primaryBackgroundColor); box-shadow: 0px 0px 4px rgba(0,0,0,0.3); box-sizing: border-box; position: relative; z-index: 0; } .scp-image-block::before, .scp-image-block::after { content:''; position: absolute; pointer-events: none; border: solid 0.25rem var(--headerColor); transform: rotate(25deg); } .scp-image-block::before { right: -0.135rem; height: 36px; width: 9px; top: -14.25px; border-radius: 0 0 2rem 2rem; border-top: none; } .scp-image-block::after { top: -25px; right: -0.94rem; height: 16px; width: 14px; border-radius: 2rem 2rem 0 0; border-bottom: solid 0.55rem transparent; z-index: -1; } .scp-image-block .scp-image-caption { background-color: var(--primaryBackgroundColor); border-top: solid 4px var(--primaryBackgroundColor); color: var(--textColor); } .scp-image-block.block-left, .scp-image-block.block-right { margin: 0.25rem 2rem 0.625rem; } .scp-image-block.block-left { margin-left: 0.5rem; } .scp-image-block.block-right { margin-right: 0.5rem; } @media (max-width: 640px) { .scp-image-block.block-left, .scp-image-block.block-right { float: none; clear: both; margin-left: auto; margin-right: auto; } } #page-content .wiki-content-table tr th { border: solid 1px var(--linkColor); color: var(--linkColor); background-color: var(--primaryBackgroundColor); /* 為表格標題設置邊框*/ } #page-content .wiki-content-table tr td { border: solid 1px var(--linkColor); /* 為表格內容設置邊框*/ } /* 報紙頁面結束*/ /*---- Side ToC setup ----*/ .anchor { position: sticky; height:0; top: 0.5rem; z-index: 4; } .tocbox { margin-top: 0; position: absolute; top: 0; right: max(-18.75rem, -17vw); z-index: 4; box-sizing: border-box; width: max-content; pointer-events: none; } #page-content .tocbox .toc-u { padding: 0.5rem; background-color: #FEFBF8; box-shadow: 0 0 4px rgba(0,0,0,0.3); border-right: solid 0.2rem var(--headerColor); position: relative; width: 15rem; max-height: calc(98vh - 2rem); max-width: calc((30vw - 50% - 6rem)/1.2); margin-right: 0; margin-left: auto; pointer-events: all; } .toc-u #toc::before, .toc-u #toc::after { display: none; } .toc-u::before, .toc-u::after { content: ""; display: block; height: 0.5rem; width: 0.5rem; position: absolute; right: 0; background-color: var(--headerColor); } .toc-u::before { top: 0; transform: translate(calc(0.1rem + 50%),-50%) rotate(45deg); } .toc-u::after { bottom: 0; transform: translate(calc(0.1rem + 50%),50%) rotate(45deg); } #page-content .tocbox .toc-u #toc-list { overflow-y: auto; overflow-x: hidden; max-height: 84vh; padding: 0 0.5em 1em; scrollbar-width: thin; } #page-content .tocbox .toc-u #toc-list::-webkit-scrollbar { width: 6px; } .tocbox table, .tocbox tbody, .tocbox tr, .tocbox td, .tocbox #toc { display: contents; } #toc-list > div { position: relative; } #toc-list > div[style*="1em"]::before { content: "•"; display: inline-block; position: absolute; left: -0.75em; color: var(--accentColor); } @media (max-width: 1340px) { .anchor { filter: none; transition: filter 0.2s ease-out; } .tocbox { right: -1rem; width: unset; } .tocbox::before { content: ""; display: block; position: absolute; background-color: transparent; width: 1.5rem; height: 100%; top: 0; right: -0.25rem; pointer-events: all; } .tocbox::after { content: ""; display: block; position: absolute; background-color: transparent; width: 0; height: 0; border: solid 1rem transparent; border-left-width: 0.5rem; border-right-color: var(--headerColor); top: calc(50% - 1rem); right: 0; pointer-events: all; transition: border-right-width 0.15s ease-out; } #page-content .tocbox .toc-u { width: -moz-fit-content; width: fit-content; max-width: 60vw; box-shadow: none; clip-path: inset(-0.5rem -0.5rem -0.5rem calc(100% - 0.65rem)); transition: clip-path 0.2s ease-out; pointer-events: none; } .anchor:hover { filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2)); } .tocbox:hover { pointer-events: all; } .tocbox:hover::after { border-right-width: 0; } #page-content .tocbox:hover .toc-u { pointer-events: all; clip-path: inset(-0.5rem -0.5rem -0.5rem -0.35rem); } } /* 花式可折疊 */ #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link { background-color: var(--primaryBackgroundColor); border-radius: 0.35rem; width: min-content; white-space: nowrap; overflow: hidden; margin: auto; } #page-content .collapsible-block-folded { background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%); background-size: 0 100% ; background-position: 0 100%; background-repeat: no-repeat; transition: background-size var(--link-timing); } #page-content .collapsible-block-folded:hover, #page-content .collapsible-block-folded:focus-within { background-size: 100% 100% ; transition: background-size var(--link-timing); } #page-content .collapsible-block-unfolded-link { background-color: var(--selectionColor); box-shadow: 0 0 0 0.2rem var(--link-timing); } #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link { margin-top: 10px; margin-bottom: 10px; } #page-content .collapsible-block-link { display: inline-flex; padding: 0.5rem 1rem; text-decoration: none; color: var(--textColor); font-weight: bold; } #page-content .collapsible-block-unfolded-link .collapsible-block-link { color: var(--primaryBackgroundColor); } /*---- 側面 ToC 設置 ----*/ .anchor { position: sticky; height:0; top: 0.5rem; z-index: 4; } .tocbox { margin-top: 0; position: absolute; top: 0; right: max(-18.75rem, -17vw); z-index: 4; box-sizing: border-box; width: max-content; pointer-events: none; } #page-content .tocbox .toc-u { padding: 0.5rem; background-color: #f8fdfe; box-shadow: 0 0 4px rgba(0,0,0,0.3); border-right: solid 0.2rem var(--headerColor); position: relative; width: 15rem; max-height: calc(98vh - 2rem); max-width: calc((30vw - 50% - 6rem)/1.2); margin-right: 0; margin-left: auto; pointer-events: all; } .toc-u #toc::before, .toc-u #toc::after { display: none; } .toc-u::before, .toc-u::after { content: ""; display: block; height: 0.5rem; width: 0.5rem; position: absolute; right: 0; background-color: var(--headerColor); } .toc-u::before { top: 0; transform: translate(calc(0.1rem + 50%),-50%) rotate(45deg); } .toc-u::after { bottom: 0; transform: translate(calc(0.1rem + 50%),50%) rotate(45deg); } #page-content .tocbox .toc-u #toc-list { overflow-y: auto; overflow-x: hidden; max-height: 84vh; padding: 0 0.5em 1em; scrollbar-width: thin; } #page-content .tocbox .toc-u #toc-list::-webkit-scrollbar { width: 6px; } .tocbox table, .tocbox tbody, .tocbox tr, .tocbox td, .tocbox #toc { display: contents; } #toc-list > div { position: relative; } #toc-list > div[style*="1em"]::before { content: "•"; display: inline-block; position: absolute; left: -0.75em; color: var(--accentColor); } @media (max-width: 1340px) { .anchor { filter: none; transition: filter 0.2s ease-out; } .tocbox { right: -1rem; width: unset; } .tocbox::before { content: ""; display: block; position: absolute; background-color: transparent; width: 1.5rem; height: 100%; top: 0; right: -0.25rem; pointer-events: all; } .tocbox::after { content: ""; display: block; position: absolute; background-color: transparent; width: 0; height: 0; border: solid 1rem transparent; border-left-width: 0.5rem; border-right-color: var(--headerColor); top: calc(50% - 1rem); right: 0; pointer-events: all; transition: border-right-width 0.15s ease-out; } #page-content .tocbox .toc-u { width: -moz-fit-content; width: fit-content; max-width: 60vw; box-shadow: none; clip-path: inset(-0.5rem -0.5rem -0.5rem calc(100% - 0.65rem)); transition: clip-path 0.2s ease-out; pointer-events: none; } .anchor:hover { filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2)); } .tocbox:hover { pointer-events: all; } .tocbox:hover::after { border-right-width: 0; } #page-content .tocbox:hover .toc-u { pointer-events: all; clip-path: inset(-0.5rem -0.5rem -0.5rem -0.35rem); } }.toc-box:hover { animation: none; } } @keyframes clear {to {opacity: 0.45; } } } /* Tables 表格*/ #page-content .wiki-content-table tr th { border: solid 1px var(--borderColor); color: var(--textColor); background-color: var(--tertiaryBackgroundColor); /* set border for table title */ } #page-content .wiki-content-table tr, #page-content .wiki-content-table tr td { border: solid 1px var(--borderColor); background-color: var(--primaryBackgroundColor); /* set border for table content */ } #page-content .wiki-content-table tr:nth-child(2n-1), #page-content .wiki-content-table tr:nth-child(2n-1) td { background-color: var(--secondaryBackgroundColor); } /* Footnotes (& Bibliography, but no one cares) 腳註(和參考書目,但沒人關心)*/ a.footnoteref { line-height: 0.625rem; margin: 0 0.15em; position: relative; top: -0.625rem; } .hovertip { background-color: var(--primaryBackgroundColor) !important; border-radius: calc(var(--radius-adjust)*0.625); border: none !important; box-shadow: 0 0 5px 1px var(--shadow); padding: 0.3rem 0.35rem; } .hovertip a:not(.printuser.avatarhover a:first-child) { color: var(--textColor); padding: 0.1em; text-decoration: none; border-bottom: solid 2px var(--linkColor); } .footnote .f-heading { font-family: var(--header-font); } .footnote .f-footer, .equation .e-footer, .reference .r-footer { display: none; } .footnotes-footer, .bibitems { height: auto; padding: 0; margin: 1.5rem 0; } .footnotes-footer .title, .bibitems .title { font-family: var(--header-font); font-weight: bold; display: flex; align-items: center; text-align: center; border-bottom: none; margin: 0.5rem 0; color: var(--textColor); } .footnotes-footer .title::after, .bibitems .title::after { content: ""; flex-grow: 1; height: 0.1rem; margin: auto auto auto 0.65rem; background-color: var(--borderColor); } .footnote-footer, .bibitem { margin-bottom: 0.5rem; line-height: 1.4rem; height: auto; } #main-content #page-content .footnotes-footer .footnote-footer a[href="javascript:;"] { padding: 0.0625rem; } /*---- Outside #page-content elements #page-content 元素之外----*/ /* Selection 選擇*/ ::selection { background: var(--selectionColor); color: var(--textColor); } /* .owindow 窗口*/ #owindow-1 { padding-bottom: 0.25rem; } .owindow { background-color: var(--primaryBackgroundColor); border: none; box-sizing: border-box; border-radius: var(--radius-adjust); } .owindow .title { background-color: var(--secondaryBackgroundColor); border-radius: var(--radius-adjust) var(--radius-adjust) 0 0; } .owindow h1 { font-family: var(--header-font); font-weight: bold; color: var(--textColor); } .owindow a:not(.button-bar.modal-footer a, .printuser.avatarhover a:first-child) { color: var(--textColor); padding: 0.1em; text-decoration: none; border: none; border-bottom: solid 3px var(--linkColor); background-color: transparent; background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%); background-size: 100% 0; background-position: 0 100%; background-repeat: no-repeat; transition: background-size var(--link-timing); } .owindow a:not(.button-bar.modal-footer a, .printuser.avatarhover a:first-child):hover, .owindow a:not(.button-bar.modal-footer a, .printuser.avatarhover a:first-child):focus { background-size: 100% 100%; background-color: transparent; } #owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body { width: auto; height: auto; margin: 0.25em; display: grid; box-sizing: border-box; grid-template-areas: "pfp username" "table table" "link link"; grid-template-columns: 80px 1fr; } /* fallback 倒退*/ .content.modal-body > * { grid-column: 1 / span 2; } #owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body > img { float: none!important; padding: 0!important; background-color: var(--primaryBackgroundColor)!important; grid-area: pfp; } #owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body > img + h1 { grid-area: username; text-align: center; margin: auto; word-break: break-all; } #owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body > table { grid-area: table; margin-top: 1em; } #owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body > table tr { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(17rem, 100%), 1fr)); margin-bottom: 0.25rem; } #owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body > div:last-of-type { grid-area: link; display: flex; flex-wrap: wrap; grid-gap: 0.45em; text-align: center; } #owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body > div:last-of-type a { flex-grow: 1; flex-basis: 12rem; } #owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body > div:last-of-type > div[style="float:right"] { display: contents; } #owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body > div:last-of-type > div[style="float:right"] a { order: 4; } /* modalbox 模態框 */ #page-content #u-credit-view, #page-content #u-credit-otherwise { max-width: 100vw; } #page-content #u-credit-view .modalbox, #page-content #u-credit-otherwise .modalbox { background: var(--primaryBackgroundColor); border-radius: var(--radius-adjust); border: none; box-shadow: none; } #page-content .modalbox hr { margin: 1.1rem; } #page-content .modalbox h2 span { margin: auto; } #page-content .modalbox h2 span::before { display: none; } /* Loading Screen 載入畫面*/ .owindow.owait .content { background-image: none; padding-top: 0.25rem; } .owindow.owait .content::after { content: " "; display: block; width: 1.5rem; height: 1.5rem; margin: -0.9rem auto; margin-top: 0.75rem; border-radius: 50%; border: 0.3rem solid black; border-color: var(--linkColor) transparent; animation: loading 1.2s linear infinite; } @keyframes loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*---- Bottom areas Grid-ification 底部區域網格化----*/ #main-content { display: grid; grid-template-areas: "action-area-top action-area-top" "page-title page-title" "page-content page-content" "page-info-break page-info-break" "page-tags page-options-container" "page-tags page-options-container" "action-area action-area" "ad ad"; grid-template-columns: 1fr 1fr; } #action-area-top { grid-area: action-area-top; } #page-title { grid-area: page-title; } #page-content { grid-area: page-content; } #page-info-break { grid-area: page-info-break; } div.page-tags { grid-area: page-tags; } #page-options-container { grid-area: page-options-container; } #action-area { grid-area: action-area; } #wad-scp-wiki-below-content { grid-area: ad; } /*--------------*/ /* Tags 標籤 */ #main-content div.page-tags { padding: 0; margin: 0 2.5rem 0.5rem 0; } #main-content div.page-tags::before { content: "tags"; color: var(--textColor-alt); font-size: 80%; display: block; padding: 0 0.25em; margin-bottom: 0.25rem; } #main-content .page-tags span { max-width: 100%; border-top: none; display: flex; flex-wrap: wrap; } #main-content .page-tags a { height: 0.9rem; width: max-content; line-height: 0.9rem; font-size: 0.8rem; margin: 0.15rem 0.225rem; padding: 0.25rem 0.1rem; color: var(--textColor); background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%); background-size: 100% 0; background-position: 0 100%; background-repeat: no-repeat; border-bottom: solid 0.1em var(--linkColor); transition: background-size var(--link-timing); } #main-content .page-tags a:hover, #main-content .page-tags a:focus { background-size: 100% 100%; text-decoration: none; } #main-content .page-tags a::before { content:"/"; display: inline-block; margin-right: 0.1em; color: var(--linkColor); transition: color var(--link-timing); } #main-content .page-tags a:hover::before, #main-content .page-tags a:focus::before { color: var(--textColor); } #page-info { color: var(--textColor-alt); margin: 0; font-size: 80%; text-align: right; } div.page-watch-options { font-size: 80%; margin: 0.325rem 0 0.75rem; line-height: 1.5em; } #page-options-container a:not(a#more-options-button), #action-area a:not(#wd-editor-toolbar-panel a, .printuser.avatarhover a:first-child, a.action-area-close.btn.btn-danger, .page-rate-widget-box a) { color: var(--textColor); text-decoration: none; border-bottom: solid 2px var(--linkColor); background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%); background-size: 100% 0; background-position: 0 100%; background-repeat: no-repeat; transition: background-size var(--link-timing); } #page-options-container a { padding: 0.1em; } #page-options-container a:not(a#more-options-button):hover, #action-area a:not(#wd-editor-toolbar-panel a, .printuser.avatarhover a:first-child, a.action-area-close.btn.btn-danger, .page-rate-widget-box a):hover { background-size: 100% 100%; } .page-options-bottom { margin: 0; text-align: center; height: auto; line-height: normal; width: 100%; display: flex; flex-wrap: wrap; } #page-options-container .page-options-bottom > a { flex-grow: 1; flex-shrink: 1; min-width: 4rem; padding: 0.25rem; margin: 0.25rem 0.2rem; } #page-options-container .page-options-bottom > a#more-options-button, #action-area > a.action-area-close.btn.btn-danger, #owindow-1 .button-bar.modal-footer a { box-sizing: border-box; min-width: 100%; padding: 0.5rem 1rem; margin-right: 0; color: var(--textColor); background-color: var(--secondaryBackgroundColor); border: solid 2px var(--borderColor); border-radius: calc(var(--radius-adjust)*1.5); font-family: var(--body-font); transition: background-color var(--link-timing); } #page-options-container .page-options-bottom > a#more-options-button:hover, #action-area > a.action-area-close.btn.btn-danger:hover, #owindow-1 .button-bar.modal-footer a:hover { background-color: var(--tertiaryBackgroundColor); text-decoration: none; } #action-area > a.action-area-close.btn.btn-danger { min-width: unset; width: max-content; } /*-------------------*/ div.buttons input, input.button, button, file, a.button { margin: 0.1rem; padding: 0.275em 0.75em; cursor: pointer; text-decoration: none; background-color: var(--secondaryBackgroundColor); border: solid 2px var(--borderColor); border-radius: var(--radius-adjust); color: var(--textColor); transition: background-color var(--link-timing); } div.buttons input:hover, input.button:hover, button:hover, file:hover, a.button:hover { background-color: var(--tertiaryBackgroundColor); color: var(--textColor); } /*---- EDITBOX 編輯框----*/ form#edit-page-form table.form #edit-page-title, #edit-page-textarea, #edit-page-comments { color: var(--textColor); background-color: var(--primaryBackgroundColor); border: solid 1px var(--borderColor); } table.form td div.sub, form div.sub { color: var(--textColor-alt); } form#edit-page-form { background-color: var(--primaryBackgroundColor); box-shadow: 0 0 3px 1px var(--shadow); padding: 1rem 2rem; border-radius: var(--radius-adjust); border: none; max-width: min(calc(var(--page-content-width) + 4rem), 100%); margin: 0 auto; display: grid; grid-template-areas: "title title" "toolbar toolbar" "txt txt" "help size" "bottom bottom" "hdn hdn" "button button"; grid-template-columns: 1fr auto; } form#edit-page-form table.form { grid-area: title; } form#edit-page-form #wd-editor-toolbar-panel { grid-area: toolbar; } form#edit-page-form div:nth-of-type(2) { grid-area: txt; } form#edit-page-form .change-textarea-size { grid-area: size; } form#edit-page-form .edit-help-34 { grid-area: help; } form#edit-page-form table.edit-page-bottomtable { grid-area: bottom; } form#edit-page-form #edit-page-captcha { grid-area: hdn; } form#edit-page-form .buttons.alignleft { grid-area: button; } /* Title area 標題區*/ form#edit-page-form table.form { margin: 0 0 0.5em 0!important; width: 100%; font-family: var(--header-font); font-size: 1.2em; } form#edit-page-form table.form tr { display: flex; flex-wrap: wrap; align-items: center; } form#edit-page-form table.form td { text-align: center; min-width: 6em; flex-shrink: 1; flex-grow: 1; } form#edit-page-form table.form td:last-of-type { flex-grow: 2; } form#edit-page-form table.form #edit-page-title { width: 100%; } /* Toolbar 工具欄*/ #wd-editor-toolbar-panel { grid-area: toolbar; width: 100%; display: grid; margin: 1.5em auto 0.75em; grid-template-columns: repeat(auto-fill, minmax(1.5em, 1fr)); grid-gap: 0.125em; } #wd-editor-toolbar-panel > div, #wd-editor-toolbar-panel > div > ul { display: contents; } .wd-editor-toolbar-panel ul li:hover ul, .wd-editor-toolbar-panel ul li.sfhover ul { background-color: var(--primaryBackgroundColor); border: 2px solid var(--borderColor); } .wd-editor-toolbar-panel li.hseparator { background-color: var(--borderColor); margin: 0 auto; height: 1.5em; } /* Edit area 編輯區*/ form#edit-page-form div:nth-of-type(2) { min-width: 100%; } form#edit-page-form #edit-page-textarea { min-width: inherit; } /* Size buttons + help area 大小按鈕 + 幫助區*/ form#edit-page-form .change-textarea-size { float: none; padding: 0; margin-top: 0.25rem; display: flex; gap: 0.25rem; width: 100%; justify-content: flex-end; align-items: center; } form#edit-page-form .change-textarea-size a { background-color: var(--primaryBackgroundColor); border-width: 1px 1px 2px; border-top-color: var(--borderColor); border-left-color: var(--borderColor); border-right-color: var(--borderColor); padding: 3px; text-decoration: none; display: inline-block; width: 1.2rem; text-align: center; } form#edit-page-form .edit-help-34 { font-size: 0rem; display: flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; margin: 0.25rem 0.5rem 0 0; } form#edit-page-form .edit-help-34 a { font-size: 0.625rem; } /* Bottom area */ form#edit-page-form table.edit-page-bottomtable tr { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--page-content-width)/2.5), 100%), 1fr)); } form#edit-page-form table.edit-page-bottomtable tr td { box-sizing: border-box; } form#edit-page-form table.edit-page-bottomtable tr td:nth-of-type(2) { display: flex; align-items: center; padding: 0.75rem!important; } form#edit-page-form table.edit-page-bottomtable tr td > div { max-width: 100%; min-width: 100%; } form#edit-page-form table.edit-page-bottomtable tr td > div > #edit-page-comments { width: 100%!important; min-height: 6em; } form#edit-page-form #lock-info { background-color: var(--primaryBackgroundColor); border: none; padding: 1em; margin: 0; border-radius: calc(var(--radius-adjust)*0.5); border-bottom: solid 0.2rem var(--linkColor); box-sizing: border-box; box-shadow: 0 1px 3px 0 var(--shadow); } /* Save button area */ div.buttons.alignleft { text-align: center; display: flex; flex-wrap: wrap; } .buttons.alignleft > * { flex-grow: 1; } /*-------------------*/ #who-rated-page-area br { display: none; } #who-rated-page-area>div { grid-gap: 0.25em; display: grid; grid-template-columns: repeat(4,1fr auto); grid-auto-flow: row; justify-items: end; max-width: var(--page-content-width); margin: 0 auto; } #who-rated-page-area>div span.printuser.avatarhover { display: inline-flex; flex-wrap: nowrap; justify-content: center; align-items: baseline; } #who-rated-page-area>div span:nth-child(3n-1) { margin-right: 2rem; } /*-------------------*/ #revision-list .pager, .pager { width: max-content; margin: 0.75rem auto; } #revision-list .pager > *, .pager > * { padding: 0.125rem 0.25rem; margin: 0.05rem; } #revision-list .pager > * > a, .pager > * > a { padding: 0.125rem 0.25rem; } #revision-list .pager .current { font-weight: bold; background-color: var(--tertiaryBackgroundColor); color: var(--textColor); border: 1px solid var(--borderColor); } #revision-list .pager .target, #revision-list table.page-history td a { border-top-color: var(--borderColor); border-left-color: var(--borderColor); border-right-color: var(--borderColor); } #revision-list table.page-history { width: 100%; border-collapse: collapse; } #revision-list table.page-history td { padding: 0.375em 0; } #revision-list table.page-history tr:nth-child(2n-1), #revision-list table.page-history tr:nth-child(2n-1) td { background-color: var(--secondaryBackgroundColor); } #revision-list table.page-history tr:nth-child(2n), #revision-list table.page-history tr:nth-child(2n) td { background-color: var(--primaryBackgroundColor); } #revision-list table.page-history tr td:nth-child(1) { width: 4em; min-width: max-content; text-align: center; } #revision-list table.page-history tr td:nth-child(2), #revision-list table.page-history tr td:nth-child(3) { width: 5em; min-width: max-content; text-align: center; } #revision-list table.page-history tr td:nth-child(4) { min-width: 4em; } #revision-list table.page-history tr td:nth-child(5) { padding: 0 0.5em; } #revision-list table.page-history tr td:nth-child(6) { min-width: 3.25em; } #revision-list table.page-history tr:first-child td:last-child { text-align: center; } /*-------------------*/ #action-area .page-source { border: solid 2px var(--borderColor); padding: 1.75em; font-size: 0.85rem; box-sizing: border-box; } /*-------------------*/ #action-area ul[style*="list-style: none"] { display: grid; grid-template-columns: repeat(3, 1fr); } /*---- FOOTER & LICENSE-AREA & FOOTER-BAR 頁腳和許可證區域和頁腳欄----*/ #footer { display: flex!important; justify-content: space-between; background-color: var(--primaryBackgroundColor); color: var(--textColor-alt); font-size: 0rem; padding: 0.15rem 0.35rem; } #footer a { color: var(--textColor-alt); font-size: 0.6rem; } #footer a[href*="wikidot.com"]:not(.options a)::before { content:"Powered by "; } #footer .options a:not(:last-of-type) { padding-right: 0.25rem; margin-right: 0.25rem; border-right: solid 1px var(--borderColor); } #license-area { color: var(--textColor); background-color: var(--tertiaryBackgroundColor); border-top: solid 2px var(--borderColor); font-family: var(--header-font); font-size: 0.75rem; font-weight: bold; padding: 0.25rem; padding-bottom: 0.5rem; line-height: 0.8rem; text-align: center; } #license-area a { color: var(--textColor); border-bottom: solid 3px var(--linkColor); background-color: transparent; background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%); background-size: 100% 0; background-position: 0 100%; background-repeat: no-repeat; transition: background-size var(--link-timing); } #license-area a:hover, #license-area a:focus { background-size: 100% 100%; text-decoration: none; } #footer-bar { background-color: var(--secondaryBackgroundColor); width: 100%; max-width: 100%; margin: 0; border-top: solid 2px var(--borderColor); padding: 0.5em 1em; box-sizing: border-box; } #footer-bar .units { box-sizing: border-box; margin: 0 auto; width: 100%; display: flex; } #footer-bar .units .unit { flex-grow: 1; } #footer-bar .units .unit h3 a { margin: 0 auto; color: var(--textColor); border-bottom: solid 2px var(--linkColor); background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%); background-size: 100% 0; background-position: 0 100%; background-repeat: no-repeat; transition: background-size var(--link-timing); } #footer-bar .units .unit h3 a:hover, #footer-bar .units .unit h3 a:focus { background-size: 100% 100%; } /*----報紙的 自定義----*/ #page-content .section-header { display: flex; align-items: center; text-align: center; margin-top: 3.5rem; margin-bottom: 0.75rem; clear: both; } #page-content .breaker + .section-header { margin-top: 1.5rem; } .section-header::before, .section-header::after { content: ""; flex-grow: 1; height: 0.175rem; margin: auto -0.625rem auto auto; background-color: var(--primaryBackgroundColor); } .section-header::after { margin: auto auto auto -0.625rem; } .section-header h1 { width: max-content; margin: 0 auto; text-align: center; padding: 0.05rem 1.5rem; border-radius: 0rem 0.875rem; border-bottom: solid 0.2rem var(--accentColor); border-top: solid 0.2rem var(--textColor-alt); position: relative; } .section-header h1::before { content: ""; background-color: var(--accentColor); display: block; width: 0.6rem; height: 0.6rem; position: absolute; top: 0; left: 0; transform: translate(-0.3rem, -0.4rem) rotate(45deg); } .section-header h1::after { content: ""; background-color: var(--accentColor); display: block; width: 0.6rem; height: 0.6rem; position: absolute; bottom: 0; right: 0; transform: translate(0.3rem, 0.4rem) rotate(45deg) ; } .section-header h1 span { width: max-content; margin: auto; } /*-----------------*/ .s-title { font-size: 110%; font-weight: bold; display: inline; padding: 0 0.15em; padding-bottom: 0.1em; border-bottom: solid 0.1rem currentColor; border-top: solid 0.1rem currentColor; } .gallery-frame { box-sizing: border-box; background-color: #e9fbff; padding: 0.75rem; border: inset 0.325rem var(--headerColor); box-shadow: inset 0 0 5px rgba(0,0,0,0.4); margin: auto; } .gallery-frame > img { box-shadow: 0 0 3px 1px rgba(0,0,0,0.3); } .hover:hover { text-decoration: none; } .hover span { display: none; } .hover:hover span { position: absolute; display: inline; height: auto; max-width: 25%; background-color: var(--headerColor); color: #f8fdfe; font-weight: bold; padding: 0.5em 1.5em; border-bottom-right-radius: 1rem; } .f-flex { display: flex; flex-wrap: wrap; justify-content: space-evenly; } .f-flex > div { flex-basis: 18rem; flex-grow: 1; } .f-flex.three > div { flex-basis: 13rem; flex-grow: 1; } .f-flex.data > div { padding: 0.65rem 0.375rem; } .f-flex.data > div:hover { z-index: 9; } .f-con { border: none; padding: 0.15rem 0.75rem; margin: 0.85rem; position: relative; border-radius: 0 1.25rem; background-color: #e9fbff; box-shadow: 0 0 4px rgba(0,0,0,0.3); } #page-content .f-flex .f-con { max-width: 25rem; } .f-con h4 { background-color: var(--selectionColor); color: #f8fdfe; padding: 0.1rem 0; border-radius: 0 0.625rem; } .placard { display: inline-block; position: relative; padding: 0.45rem 0.65rem; margin: -1.05rem -0.5rem -1.3rem; border: solid 1em transparent; background: var(--primaryBackgroundColor) padding-box; clip-path: polygon(0 3em, 3em 0, 100% 0, 100% calc(100% - 3em), calc(100% - 3em) 100%, 0 100%); filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); } .placard::before, .placard::after { position: absolute; width: 3em; height: .35em; background: radial-gradient(at 50% 0, rgba(0,0,0,0.17), rgba(0,0,0,0) 65%); content: ""; } .placard::before { top: 0.45em; left: -0.95em; transform: rotate(-45deg); } .placard::after { bottom: 0.45em; right: -0.95em; transform: rotate(135deg); } /*----報紙的 自訂義結束----*/ /*---- CUSTOM SYNTAX 自定義語法----*/ .monoboxical { border-radius: var(--radius-adjust); padding: 1em 1.5em; border-bottom: solid 0.25rem var(--linkColor); box-sizing: border-box; box-shadow: 0 3px 6px 0 var(--textColor-alt); margin: 0.75rem 0.1rem; } .header-center { padding: 0; margin: 0; text-align: center; } .header-center h1 span, .header-center h2 span, .header-center h3 span, .header-center h4 span, .header-center h5 span, .header-center h6 span { margin-left: auto; margin-right: auto; } #page-content .header-center h1::before { content: ""; flex-grow: 1; height: 0.1rem; margin: auto 0.375rem auto auto; background-color: var(--textColor-alt); } /* author label compatibility 作者標籤兼容性*/ #page-content .authorlink-wrapper { margin-top: -0.1rem; --author-right-adjust: 0.52em; } #page-content .authorlink-wrapper .authorbox { background-color: var(--primaryBackgroundColor); color: var(--textColor); } #page-content .authorlink-wrapper .authorbox::before { border-bottom-color: var(--primaryBackgroundColor); } /*--- Motion Accessibility 運動輔助功能---*/ @media (prefers-reduced-motion) { :root { --link-timing: 0s linear!important; } } /*---- MOBILE QUERY 手機查詢----*/ @media only screen and (max-width: 767px) { :root { --link-timing: .05s ease-out; } #header h1 a { font-size: 2.5rem; padding-top: 1.45rem; } #page-content div[class*=top-bar] ul li ul::after { left: calc(1% + 9vw); } #page-content div[class*=top-bar]>ul:first-of-type>li:last-of-type>ul::after { right: calc(1% + 9vw); left: auto; } .meta-title { font-size: 200%; } #main-content { padding: 1em 1.5em; grid-template-areas: "action-area-top action-area-top" "page-title page-title" "page-content page-content" "page-tags page-tags" "page-info-break page-info-break" "page-options-container page-options-container" "action-area action-area" "ad ad"; } #page-content div.top-bar { display: none; } #page-content div.mobile-top-bar { display: block; } #main-content div.page-tags { margin: 0.5rem 0 1rem; width: 100%; } #page-options-container { margin-top: 2.5rem; margin-bottom: 2rem; } #page-info, div.page-watch-options { text-align: left; } #who-rated-page-area>div { grid-template-columns: repeat(2,1fr auto); } #who-rated-page-area>div span:nth-child(3n-1) { margin-right: 1rem; } #revision-list table.page-history tr td:nth-child(5) .printuser.avatarhover a:last-of-type { display: none; } #revision-list table.page-history tr td:nth-child(5) { width: max-content!important; } #action-area ul[style*="list-style: none"] { grid-template-columns: repeat(2, 1fr); } #revision-list table.page-history tr td:nth-child(1):not(tr:first-child td), #revision-list table.page-history tr td:nth-child(7):not(tr:first-child td) { font-size: 80%!important; padding-left: 0.75em; } #revision-list table.page-history tr td:nth-child(6) { display: none; } }
作品著作資訊
EmptyName723 /
Dr V Valentine共同編輯
本期封面由Dr V Valentine攝影後製,並以(CC BY-SA 3.0)授權使用。
本主題微調合併自
EstrellaYoshte的Monotypical外觀主題
MalyceGraves與
EstrellaYoshte的Newspaper外觀主題
新式封面的靈感來自遠野妖怪保護区ハブ的板頭,並在vomiter與
Viken-K的協助下完成。
近期新聞
工作人員招募
即日起至10/09為止招募翻譯、頁面檢查、聊天室、技術人員、儲備等多位志工/版主。
詳細工作內容與條件細則皆列出於招募頁面中
翻譯募集中
徵求與我們共同完成用戶推薦列表的翻譯
儘管我們一直不停的徵求翻譯,但仍有許多精彩的文章在等待著我們。
希望能徵求與我們一起完成這份用戶推薦列表的翻譯。
本周原創作品
Site-ZH-13
Site-ZH-13位於南高雄的山區中,鄰近楠梓仙溪,本體為東西向隧道狀,由西往東分為種植區、生活區、行政區、研究區,生產以及收容區,各區之間主要利用秘密鐵路系統「蜈蚣」來互相聯繫。
作者 s97169
本周翻譯作品
SCP-6500
SCP-6500代表了魔法的終結。故事與夢想的尾聲。無數有智慧與感知生命的徹底荒廢。社會的毀敗。整體文化與宗教的斷裂。這是對無數世界非自然且不可容忍的滅絕。
這是不留情面地責難,毫無遲疑的走向忘卻之路。
作者 Placeholder McD、S D Locke、HarryBlank、Ihp、Grigori Karpin、DarkStuff、Aethris
譯者 Frederica Bernkastel
物理部門威脅實體資料庫摘錄
KTE-0706 黑型(後稱此為對象)包含了兩項組成物。對組成物Able交戰必需極度謹慎:實體是極高殺傷性的戰鬥人員,到至今已導致了超過百名的幹員死亡。
作者 DrClef
譯者 lpin000031
deathbygin的人事檔案
當前正在嘗試向職員#4-C107重新引入專業和臨床詞彙。一個「獎勵系統」已被側載至程序中,並通過兩種輸入指令進行遠端控制。當職員#4-C107完成一篇被認為臨床且適當的檔案,第一個輸入指令3將被按下,使模擬愉悅感的幾個位元的程式碼重寫。
作者 deathbygin
譯者 Nyunyunyun
SCP-5742
我了解你的處境很窘迫,也明白使用一個不明的異常物品時往往蕴含著危機;但SCP-5742經已持續運作了超過四十年,或許現況是有點嚇人,然而回顧尋獲至今的紀錄,其實只是狀況嚴重了點而己,並未有發生任何沒紀錄在案的情形。
作者 CrystalMonarch
譯者 MatchaCola
血/腦
他拿出自己的手電筒。這下面完全寂靜無聲,而且處在很不適宜的溫度,讓他流起汗來。整座大型保險庫的剩餘部分,那些他的手電筒所能照亮的地方,什麼都沒有 —— 但他的手電筒也沒強力到能照亮如此之大的空間,所以很難確認清楚。
作者 qntm
譯者 Viken-K
乙太能量與形貌輻射講座逐字稿 講者:████████████教授
「音高相當於魔法師們傳統上用來區分『白魔咒』與『黑魔咒』的用語,也就是一陣形貌輻射的爆發有多具破壞性。它總共有五個分級:重降號、降記號、還原號、升記號、重升號。
作者 DrClef
譯者 vomiter
本周藝術作品
本周焦點成員
《異聞錄》作者專訪最終回
V:
一起來為這個美好假日畫上難忘的驚嘆號吧!
《異聞錄》作者專訪最終回味大家邀請的是本次的冠軍Control Z來進行這次的賽後談,請綁綁為大家介紹一下自己喔。
綁:
我是綁煙,是一個業餘創作者,前陣子熱衷於在SCP繁中分部創作原創SCP項目。
V:
歡迎你來!那綁煙對這次異聞錄競賽的有什麼感想呢?
綁:
最初因為要忙現實生活中的事所以本來沒想到要將五個競賽主題全部填滿。後來因為受到疫情影響多出的空閒時間,再加上不經意間看到五篇全投能獲得的精美徽章獎項,最終還是將五個主題都參與到了,感覺十分充實。
V:
看來咪的補刀計畫非常成功,雪喵畫的這幅徽章真的是非常的精美呢,這次受到疫情影響真的發生了多事情,許多原本有的行程通通亂成一團了,再這樣混亂的時候怎麼構思這次競賽的創作作品的呢?
綁:
我認為進行創作構思時其實並不需要為了作品如何切合主題而苦惱,有鑑於SCP基金會本來就是許許多多的「異聞」結合而成的創作社群,這次的競賽主題「異聞錄」其實並不難發揮。由於我平時就有記錄自己的靈感的習慣,這次創作的五個主題對我而言其實比較像是「填填看」,若是自己的構思與某個主題較為接近就將它投稿為該主題進行參賽。
V:
那綁綁這次競賽的作品裡,你自己的啦? 你最喜歡哪一篇呢???
綁:
048(劍與魔法與茶的魔手)和034(飛頭蠻)這兩篇我最喜歡。
048是一直很想寫台南和甜食兩個主題結合的項目,再來就是很想讓「魔法隱藏在糖分裡」這個台詞出現在作品中。
034則是一篇用喜劇包裝的悲劇,稍微融入了一些自己在現實生活中的感觸。撇去這些,我認為一個控制不了自己的頭動不動噴向外太空的超能力者的故事應該會讓讀者感到有趣。
V:
我也很喜歡048 !! 裡面的那句「魔法隱藏在糖分裡」真的讓人開心,綁綁在設計這個段落的時候有特別的構想嗎?
綁:
構思048的過程中我遇到一個難題:在一家平價飲料店,用不到50元的價格就能買到萬靈丹會不會太超過?我該怎麼樣表達才能讓讀者不會將這篇作品聯想為一個更方便的SCP-500?為此我分別設定了兩個橋段來表達出這個項目的極限。一個是基金會在實驗中發現復活藥水只能在特定情形下使用,另外就是以比較詼諧的方式(賢者小姐)表現出這些藥水喝多了也是有害健康的。
V:
這裡我在讀的時候也很好奇,康復藥如果可以讓身體回復,那有害健康的副作用就是不會抵銷的搂?
綁:
魔法雖然很神秘但看來也不是萬能的呢
V:
太完美的話會陷入空白之中的WW
048中提及的內容感覺上綁綁還做了許多隱藏設定的感覺?? 像勇者一行人所對抗的糖以外的事物能為大家說說嗎?
綁:
無味之王和它的手下們(不甜、不鹹、不苦、不酸)其實就類似於常見的魔王與四大天王設定的變體。在以魔法隱藏在糖分中為故事主軸的設定上,我想要設計出一個意圖奪走所有魔法的對立勢力存在……因此一個以剝奪所有味道的邪惡勢力就這樣誕生了。
V:
綁綁之後有打算繼續寫與這個設定有關的故事嗎?
綁:
048在刻劃上我讓它可以看起來像是單篇完結的故事的同時又保留了有能加以發展的空間(背後似乎有著龐大的世界觀),或許無味之王和它的手下們未來會以其他項目或故事的方式繼續呈現,當然也歡迎對這個世界觀有興趣的創作者一同參與囉
V:
超期待的,台南根本魔法糖城阿。
034的部分也受到相當多讀者的喜愛,雖然曾經聽過不少關於飛頭蠻的傳說,但我真的是第一次看到整棵噴到的宇宙的拉WWW
綁綁是怎麼有這個靈感的呢
綁:
基金會不乏改編既有的都市傳說或各地怪談的創作,然而這些都市傳說或怪談因為其原本既有的特色導致在改編為項目時都會遭遇到「欠缺原創性」的問題。我也經常思考該如何將台灣的都市傳說(如紅衣小女孩、人面魚等)進行改編為具獨特性的作品。這次的034飛頭蠻就是一次這樣的嘗試,我將飛頭蠻原本既有的「頭在特定時段會離開身體」的特性加以誇張、極端化,讓它在保有原傳說特色的同時又有專屬於自己的吸睛點。
V:
怎麼會選擇用喜劇包裝的悲劇來作為故事的基調呢??
綁:
一開始其實沒有要加入這樣的設定。然而在創作完這個項目的特性後,自然而然的開始思考它作為一個擁有獨立意識和情感的人類,對於這種為自己生活帶來困擾的能力會有什麼樣的感受,而有了為他鋪陳背景故事的想法。
V:
他真的很特別的同時卻又像是身邊會出現的人物一樣呢,我記得這篇在構思的時候也曾經發生了有趣的事情? 阿飛在分享過來的影片剛好就是綁煙需要的資料?
綁:
是的,我最初的構想非常簡單,就只是把頭給射到外太空的飛頭蠻而已,並沒有考慮太多合理性或物理法則的問題。結果那時候DC討論區居然剛好出現了一個關於美國飛彈發射井的水溝蓋被爆炸的衝擊力噴向外太空的影片,我尋著這個影片找到相關的文章提供了非常多我寫034時所需要的知識,真的是非常巧XD
V:
創作這次競賽作品時最難忘的事?
綁:
在在創作劍與魔法與茶的魔手時,為了拍好茶的魔手的飲料杯的照片稍微多花了一些心力……因為茶的魔手把自己的電話和QR code等資訊都寫在杯子上啊!因為不知道會不會有影響所以又花了一些心力用手機程式將資訊給糢糊掉了。
另外鉑畫了這篇故事裡的勇者和賢者的圖讓我覺得非常驚喜,非常感謝!
V:
咪也好喜歡大家有時候分享上來的東西,綁綁平時都是怎麼樣去記錄生活中的靈感的呢?
綁:
我如果有靈感會立刻用簡短的句子寫在隨身攜帶的筆記本上,有時候則是將它記錄在沙盒裡
記錄靈感時不用考慮它的完整度,只需要簡單的一個詞或一句話就行。這些小小的碎片會在正式進行創作時派上用場。
V:
很喜歡綁綁每次的創作,很有拆禮物的感覺,那在SCP-ZH-032 有毒的橡皮擦,中記載的靈感短句是什麼呢?
綁:
「像吸食毒品一樣用鼻孔吸入橡皮擦屑」
V:
等等,為什麼是毒品啦!
綁:
看著滿桌的橡皮擦屑就覺得「它們就好像是被我淘汰掉的靈感的粉末啊」,從粉末又聯想到了毒品,如此這般
V:
也呼應了故事裡Ctrl Z博士說的話呢,這是似乎也是透露出最多Ctrl Z過去的一篇?
綁:
是的,這是我首次對Ctrl Z博士的背景故事進行描寫的一篇作品,另外本次投稿的038無臉模特也是相同的性質。我有鋪陳Ctrl Z博士這個角色和他過去曾經參與過的異常藝術家團體的打算,不過目前我對於這個計畫還不太滿意,未來或許會再進行修改
V:
為什麼綁綁想重寫啊?
綁:
這兩篇關於異常藝術家的作品作為單篇項目來說感覺不夠有趣……要說它們是為了有一條主線的故事鋪路也有點太過隨意了。
換句話說就是我覺得我覺得我還沒安排好,藝術家們的名字我盡量想與我過去所學的專業知識相關聯,例如CMYK和RGB分別是印刷四色和光的三原色。而雙胞胎姊妹菊與四六的名字則是使用了來自台灣印刷紙張的版型「菊版」與「四六版」
V:
除了獨特以外又多了一層更加美好的涵意呢,,他在這篇當中與AWCY的對手戲真的很精彩,裡面所有藝術家的名稱也都跟設計的有關讓人覺得很驚喜呢。
_
那在最後綁綁能跟大家分享之後的創作計畫嗎?
綁:
隨著SCP項目越看越多,開始出現自己以前的一些項目似乎還能更好的想法,或許未來的某一天會對這些項目進行修改。
此外也還想創作更多原創SCP、畫圖等等。
V:
咪也超期待綁煙之後的創作,感覺很久沒看到圖畫了呢……咪要跟大家譯起敲碗等待綁煙推出的更新版本的AWCY, 希望可以很快看到Ctrl Z博士活躍的樣子喔!!!