您正在查詢的標題為:關注組織
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:機動特遣隊
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:基金會設施
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:員工與角色檔案
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:世界線中心頁
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:系列檔案室
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:競賽資料庫
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:異常物品紀錄
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:超常事件紀錄
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:未解明地點列表
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:基金會故事
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
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共同編輯
本期封面圖片來自於hippopx屬於 (CC0 1.0)由Dr V Valentine後製為周刊封面,
本主題微調合併自
EstrellaYoshte的Monotypical外觀主題
MalyceGraves與
EstrellaYoshte的Newspaper外觀主題
新式封面的靈感來自遠野妖怪保護区ハブ的板頭,並在vomiter的協助下完成。
近期新聞
「人事檔案室」更名為「作者頁面」
即日起「人事檔案室」將全面更名為「作者頁面」
於側欄中的位置不變,依舊刊載本站作者的作品一覽。
用戶推薦列表與推薦故事系列翻譯募集中
徵求與我們共同完成用戶推薦列表與推薦故事系列的翻譯
儘管我們一直不停的推出新的翻譯,但仍有許多精彩的文章在等待著我們。希望能徵求與我們一起完成翻譯朋友。
本周原創作品
維茲莫爾嶺空戰
數枚理應命中率99%的追人導彈擺脫發射架衝向Hypnos,而第七中隊的隊長機毫不猶豫的在進入波及範圍前用機砲使導彈失能或爆炸,倒轉機身,一個破S的機動瞬間在敵方眼前消失,向下高G力翻轉的他又翻轉了一次機身,往上進行了鍾式機動抓著了敵方半個編隊的尾巴。
作者 Semibreve
布魯克林第零區:天堂
「我沒事,但是……」
「沒事就好,我很擔心……」剎那間,少女的語氣直轉急下,簡直像是換成了另一個人格似的「……很擔心你那充滿價值的全新腦袋受傷了呢。」她用手掌托著下巴,興致勃勃地盯著席茲的脖子看,那表情游移在天使的笑顏和惡魔的嗤笑之間,最後歸往了邪惡的那一方。
作者 Lostwhat
維安設施檔案:Site-ZH-44
你看見遠方出現極不尋常的巨浪,浪頂有上百隻鯨魚飛躍水面,或許又是某個你未曾聽聞的古神前來報復南島的子女。你趕緊回到碉堡內,打開資料庫,試圖找出千年前的傳說是否隱含解方。
東方,太陽如常升起。
作者 SamScript
飛行前拆除
鐵軌前的那兩人一直待到太陽消失在了西南邊的山頭;煙蒂被鞋跟所碾碎,他們邊走向月臺,邊看著已經到站的最後一班列車,而其中一人將手機的來電顯示給掛斷。
「還剩第七中隊…他們到了。」不遠處的列車長頭戴著熟悉的大盤帽,但上頭的徽章被拔除,顯然也是來自基金會某單位的做法。
作者 Semibreve
美好的老日子
「謝謝主任!」Kris抱緊手裡的資料,他眨了眨雙眼,自信地昂起頭。「我會繼續保持的。」他這麼講,語氣很堅定。Randall知道他的確會完美做到這點。
得到欽佩之人的肯定是莫大幸福的事情,這點是眾所周知的。所以可以猜想:當Kris受到對方這樣的肯定,他會多開心⋯⋯所以當然,Randall也明白這一點。
作者 k1s10r0db00ne
SCP-ZH-808
於每日的上午4點47分,一台大型車輛1將會顯現於距目標路段60至80公尺處的位置,以約莫60 km/h 的速度朝西向行駛。而在該大型車輛行駛過目標路段時將會於路旁顯現一名行人,衝刺至道路中央並與該車發生碰撞。於碰撞發生過程中,該車輛的行駛速度並不會發生任何的改變,並且在遭到撞擊後該行人將會在0.5至1秒內完全消失。
作者 Viken-K
本周翻譯作品
SCP-043-EL
SCP-043-EL-1具有類似魷魚的外觀,儘管其身體大部分是有機物質,但它們的觸手由機械構成。 SCP-043-EL-1的目的是將有機物(動植物等)運輸到SCP-043-EL中,尚不清楚這是為了取食、採集、分析,還是只是一種本能。
作者 SpearOfJustice
譯者 Sensenca12
SCP-TR-063
該樂隊包括主唱共12名成員,沒有指揮,但他們使用管弦樂隊正後方一個3.5m高的擺鐘作為計拍器。這場演出自開始起就一直不斷循環重複,每個循環以鐘擺擺動5次作為分隔,在此期間,樂隊成員處於完全靜止的狀態。
作者 SirSylent
譯者 Sensenca12
SCP-6008
位於78.235867°N、15.491374°E的Site-0(被編號為SCP-6008/1)是一座占地2.5平方公里的建築,完全以假性異常奈米科技建成;建築目的為容納Noah.aic中央智慧及執行創世紀方案的最後階段。
作者 DrAkimoto、MalyceGraves
譯者 EmptyName723
SCP-066-EL
SCP-066-EL的異常性質會於每年6月22日發動,9月23日終止,在此期間會發生所謂的“鯨升事件”。觀察到在此期間各種鯨類物種個體數目出現快速增長,所有新生個體似乎均是從SCP-066-EL下方出現。
作者 Yetinnus
譯者 Sensenca12
SCP-072-TH
發現初,SCP-072-TH僅使用一把劍作為武器,但在事故072-TH-B後,觀察到項目開始使用更多種類的武器,武器形制均為中世紀歐洲常見的類型。項目使用的武器異常堅固,與盔甲本身類似。
作者 Kuruni
譯者 Sensenca12
Site-17的陌生人: 343
「你的思想,或那構成你的思想的事物,或它所遺留下來的東西,並不適合這樣的情況。不論那把這神奇的小設施裝滿了無形的寶物的東西是什麼,似乎都很適合和妳開這一個特別複雜的玩笑。無論妳最開始是什麼模樣,妳遠比他們所認為的不如人類。比妳自己所認為的還不如。」
作者 帳號已刪除
譯者 ZoeLin
SCP-2614
SCP-2614的異常性質僅有在播放到特定情節後才會發生:某一名角色正在觀看電影作品《█████ ██████》。倘若對正在播放SCP-2614的儀器之遙控裝備按下「播放」鍵,觀看SCP-2614的人員將能夠取得畫面中攝影視角的掌控權,並能透過遙控器的方向鍵來控制方向,中央鍵則可用於前進。
作者 bbaztek
譯者 SamScript
SCP-1234-J
SCP-1234-J是一個異常的SCP項目。其異常性質為其違反了科學。正在研究其如何違反科學。
通常情況下,若SCP-1234-J與任何人接觸,其將[數據刪除]。
作者 Salman Corbette
譯者 helloahuman
本周藝術作品
本周焦點成員
近期新增與活躍設定
轉世計畫
全新世界線中心頁-轉世計畫(Project Reincarnation),正式上架了。
一個人類在第三次世界大戰後重建的文明社會:無政府、商業至上(自由貿易)、科技先進。
非常歡迎大家參與創作,更多資訊請參閱中心頁也歡迎來聊天室共同討論喔!