您正在查詢的標題為:關注組織
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:機動特遣隊
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:基金會設施
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:人物檔案
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:世界線中心頁
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:系列檔案室
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:競賽資料庫
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:異常物品紀錄
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:超常事件紀錄
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:未解明地點列表
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:基金會故事
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
/* 本主題微調合併自 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的協助下完成。
本周原創作品
SCP-ZH-110
此光碟在墜落過程毀損,無法修復。光碟盒上的相片確實是「六人行」第三季光碟盒的相片,但出於未知原因,所有演員都長有白色羽翼翅膀,頭戴光環。
作者 Lostwhat
量子永生
我看向自己手中的奇特羽毛,純白的毛束上因浸染了一點她的血液而出現點點紅斑,周圍一切曾對我有害的條件成為了不科學的攻性防盾。
現在,我只要完成她的簡單請求,這些不講理的暴力與不公平都將給我劃上休止符。
作者 Semibreve
布魯克林第零區:雨過天晴
「你不想活了嗎?生命是很可貴的,所以……」「所以我說妳到底他媽的懂什麼啊!」身體的痛楚也無法澆熄心中的怒火,席茲用全力重重推了機身者少女一把,後者就這樣被推倒在了地上。
一直到雨滴再次落在頭頂,他才意識到雨水是多麼的冷。
作者 Lostwhat
本周翻譯作品
SCP-012-VN - 咎由自取
那名長老正是哀求了……一尊神來幫忙。我不知道那尊神明長得是甚麼樣子,因為祂總是被光芒所包覆。然而,每當祂降臨我們村莊之際,所有的作物都會繁盛起來,讓我們得以豐收。這也是為甚麼村子直到今天都仍然富足且和平。
作者 KirQ
譯者 SamScript
SCP-313 - 強力烘手機
SCP-313的第二項異常性質會在該項目被安裝在牆面上且連接專用的20安培電源時「上膛」。此時按下項目的按鈕將有1.5%的機率啟動其異常性質。一旦成功啟動,SCP-313會從內部產生一團高溫電漿經過其噴嘴射出,而電漿束的方向將與該項目安置的牆面垂直。
作者 HK-016
譯者 vomiter
SCP-309 - 絨毛玩偶
SCP-309是一個小型的絨毛填充玩偶,外觀看起來像是內外完全翻轉。它的縫線上連接著黃橙色的鬃毛,頭部則可以看到少量的填充棉花與兩顆外凸的眼睛。SCP-309內部並未被棉花完全填滿,因此讓它有更大彈性且更吸引受試者擁抱它。
作者 Anna Graham
譯者 vomiter
SCP-302 - 蟻像
所有與這一物品發生皮膚接觸的人類都無一例外的在2小時內發現一隻微小且相對無害的螞蟻出現在自己身上。這隻螞蟻可能屬於任何一種小型品種,外觀很少會讓人有所警戒。應特別注意的是每一件已知案例中,受影響者總是會清楚的察覺到這第一隻螞蟻並明確記得看過牠。
作者 Pair Of Ducks
譯者 vomiter
SCP-998 - 失聯軍機
1973年█月██日,在一次鄰近[已刪除資料]的隱密作戰中,SCP-998連同其上5名機組員、3名乘客以及一輛機密載具不留痕跡的消失了。原先認為該機失聯的原因是天候不佳導致的墜毀,然而殘骸打撈作業經過3個月沒有取得任何結果而告終。
作者 Aelanna
譯者 vomiter
SCP-3626
放任幻覺發展到超出扭曲點後會導致什麼結果仍無法確定。由於SCP-3626未說明,推測受影響對象之後會無法取消異常效應。可能的解釋包括因幻覺的嚴重性增加而無法操作裝置、被永久關禁於口袋空間內,或是對象死亡。不要停止閱讀這份文件。
作者 kemoT01
譯者 EmptyName723
SCP-900 - 太陽之城
你為什麼會在這裡?
我因為沒有虔誠信仰而受罰了。
你在這座城市裡生活了多久?
潮水湧上很多次。我沒有數過。
作者 Cherry Pict
譯者 vomiter
SCP-610-L2
就在踏進C地點還只經過幾分鐘,人員依然檢查著上述肉柱時,感染進度領先其餘二人數小時的DI2突然開始抽搐。影像紀錄中,DI2痙攣倒地的同時SCP-610的感染就進入了完全的疤痕腫塊階段。腫塊完全吞噬他的身體只耗費45秒的時間。
作者 NekoChris
譯者 vomiter
SCP-069-VN
SCP-069-VN是Richard Alfred Hill (1942 - 1967)的鬼魂,此人是一位在越南戰爭中犧牲的美國陸軍。項目身穿OG-107軍服,手持標準M1911A1手槍,手槍內沒有彈藥。
作者 KirQ、Nya Piece
譯者 Sensenca12
SCP-100-VN-J
SCP-100-VN是一個沒有特殊收容措施的SCP,它造成了基金會瓦解。
作者 StupifPotato
譯者 SamScript
本周藝術作品
本周焦點成員
迷你專欄 《SCP項目分級》
項目分級頁面在本周進行了一次小小的更新。就像大家知道的,每個SCP項目都會有一個專屬的項目分級,Safe、Euclid、Keter……等等。
不過隨著網站的發展跟項目的累積,過去許多歸類於機密分級的項目也終於獨立出了新分類了喔!分別是Apollyon與Archon。
Apollyon
Apollyon級SCP是基金會無法收容或即將突破收容等情況的異常。這類異常通常與世界末日威脅及某種K級情景相關,需要基金會付出巨大的努力來處理。
Archon
Archon級SCP是理論上能收容但出於某些原因不應收容的異常。Archon級SCP可能是共識現實的一部分,使其難以完全收容或收容將導致不利影響。本類SCP並非不可收容 —— 本級別的定義特徵是基金會選擇不將其置於收容之下。
在寫作時分類項目的盒子測試也提供了Apollyon與Archon的測試指標,如果您不把它塞進盒子裡,它就會毀滅世界,那它可能是Apollyon。如果您能將它鎖進盒子裡,但卻選擇不這麼做,那它可能是Archon。
這就是新獨立出來的項目等級,部分熟悉的翻譯作品3999跟6000之類的作品也都正式的歸類於這個分級之下了,歡迎大家多多去看看這些精采的創作喔!