終端機#001
------
歡迎,使用者
------
在終端機裡的連結會在游標移動到其上方時,顯現出一個「>」。
像是這樣
謝謝你查看我的格式!
/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */ #top-bar .open-menu a { position: fixed; top: 0.5em; left: 0.5em; z-index: 5; font-family: 'Nanum Gothic', san-serif; font-size: 30px; font-weight: 700; width: 30px; height: 30px; line-height: 0.9em; text-align: center; border: 0.2em solid #888; background-color: #fff; border-radius: 3em; color: #888; } @media (min-width: 768px) { #top-bar .mobile-top-bar { display: block; } #top-bar .mobile-top-bar li { display: none; } #main-content { max-width: 708px; margin: 0 auto; padding: 0; transition: max-width 0.2s ease-in-out; } #side-bar { display: block; position: fixed; top: 0; left: -20em; width: 17.75em; height: 100%; margin: 0; overflow-y: auto; z-index: 10; padding: 1em 1em 0 1em; background-color: rgba(0,0,0,0.1); transition: left 0.4s ease-in-out; scrollbar-width: thin; } #side-bar:target { left: 0; } #side-bar:focus-within:not(:target) { left: 0; } #side-bar:target .close-menu { display: block; position: fixed; width: 100%; height: 100%; top: 0; left: 0; margin-left: 19.75em; opacity: 0; z-index: -1; visibility: visible; } #side-bar:not(:target) .close-menu { display: none; } #top-bar .open-menu a:hover { text-decoration: none; } /* FIREFOX-SPECIFIC COMPATIBILITY METHOD */ @supports (-moz-appearance:none) { #top-bar .open-menu a { pointer-events: none; } #side-bar:not(:target) .close-menu { display: block; pointer-events: none; user-select: none; } /* This pseudo-element is meant to overlay the regular sidebar button so the fixed positioning (top, left, right and/or bottom) has to match */ #side-bar .close-menu::before { content: ""; position: fixed; z-index: 5; display: block; top: 0.5em; left: 0.5em; border: 0.2em solid transparent; width: 30px; height: 30px; font-size: 30px; line-height: 0.9em; pointer-events: all; cursor: pointer; } #side-bar:focus-within { left: 0; } #side-bar:focus-within .close-menu::before { pointer-events: none; } } }
:root { --posX: calc(50% - 358px - 12rem); } /*--- Footnote Auto-counter --*/ #page-content { counter-reset: megacount; } /*--- Footnote Superscript Number --*/ .fnnum { display: inline-block; text-indent: calc(-1% - 0.1em); overflow: hidden; line-height: 83%; text-decoration: none; font-weight: bold; font-style: initial; color: transparent; position: relative; top: -0.25em; font-size: 82%; padding: .15em calc(.21em - 0.4px) .12em calc(.11em - 1px); margin-left: -0.06em; margin-right: -0.25em; counter-increment: megacount; user-select: none; } .fnnum::after { content: "" counter(megacount); color: var(--fnColor, #E6283C); } .fnnum:hover { text-decoration: none; cursor: pointer; background-color: var(--fnColor, #E6283C); } .fnnum:hover::after { color: white; } /*--- Footnote Content Wrapper --*/ .fncon { position: absolute; right: calc(var(--posX) + 80px); line-height: 1.2; padding: 0.82rem; width: 10.3rem; background: white; border: 2px solid black; font-weight: initial; font-style: initial; text-align: initial; pointer-events: none; opacity: 0; transition: opacity 0.15s linear, right 0.3s cubic-bezier(.08,.72,.5,.94); z-index: 9; } .fnnum:hover + .fncon { opacity: 1; right: var(--posX); } .fncon::before { position: absolute; top: 0; left: 0; transform: translateX(-52%) translateY(-55%) scale(1.15); background-color: var(--fnColor, #E6283C); color: white; content: counter(megacount); font-size: initial; font-weight: bold; font-style: initial; padding-left: 0.32em; padding-right: 0.32em; padding-top: 0.18rem; padding-bottom: 0.08rem; } /*--- Mobile Query --*/ @media only screen and (max-width: 1279px) { .fncon { position: fixed; bottom: 1.3rem; left: calc(11% - 50px); width: 70%; transition: opacity 0.15s linear, left 0.3s cubic-bezier(.08,.72,.5,.94); } .fnnum:hover + .fncon { left: 11%; } }
/* 標題:緹娜 外觀主題 支援組件 作者:Sigtina 技術支援:vomiter、Luminous、Mang Gwan、Dr V Valentine、Viken-K 創作年:2022 緹娜 外觀主題衍生至: Paperstack 外觀主題 by EstrellaYoshte。 BASALT 外觀主題 by 作者Azamo & Placeholder McD。 BASALT 外觀主題衍生至: Paperstack 外觀主題 by EstrellaYoshte。 Minimal 外觀主題 by Stormbreath。 BLANKSTYLE CSS by Placeholder McD & HarryBlank。 PLACESTYLE CSS by Placeholder McD。 Simple Yonder 外觀主題 by 作者EstrellaYoshte。 Tab animation,作者Croquembouche。 */ :root { /* ===ACS變數=== */ /* ACS子分級背景 */ --ST-background-ACS-sub: var(--ST-color-key); /* ACS子分級圖示背景 */ --ST-background-ACS-sub-ima: var(--ST-color-key); /* ===EAR變數=== */ /* EAR主體前背景 */ --ST-background-EAR-hub-for: rgba(var(--ST-color-T9), 0.3); /* EAR主體後背景 */ --ST-background-EAR-hub-bac: rgba(var(--ST-color-T8), 0.3); /* EAR框色 */ --ST-border-EAR: rgba(var(--ST-color-A1), 0.6); } /* ===摺疊側欄/Toggle Sidebar=== */ #top-bar div.open-menu a { display: none; } /* ===內容 > 更好的腳註集成/CONTENT > BETTERFOOTNOTES INTEGRATION/腳註在雜項=== */ .fnnum:hover { background: transparent; transform: scale(1.3); } .fnnum { transition-duration: 0.2s; transition-property: transform; transform: translateZ(0); } .fnnum::after { color: var(--ST-fontCol-Fun) !important; } .fnnum:hover::after { color: var(--ST-fontCol-Fun-cho) !important; } .fncon { background: var(--ST-background-Foo) !important; color: var(--ST-fontCol-Con-tex); border: solid 0.15rem var(--ST-border-Con); border-radius: 2px; font-size: 90%; } .fncon::before { background: var(--ST-background-Hea) !important; color: var(--ST-color-key); } /* ===ACS組件=== */ .danger-diamond>.quadrants>.bottom-quad, .anom-bar-container.explained .danger-diamond>.quadrants>.top-quad, .anom-bar-container.neutralized .danger-diamond>.quadrants>.top-quad, .anom-bar-container.pending .danger-diamond>.quadrants>.top-quad { /* "transparent" bottoms/top icon backgrounds */ background-color: var(--ST-background-ACS-sub) !important; /* body background color */ } .danger-diamond>.bottom-icon, .anom-bar-container.pending .danger-diamond>.top-icon::before { /* esoteric, pending icon backgrounds */ background-color: var(--ST-background-ACS-sub-ima) !important; } /* ===著作標示組件=== */ .modalbox{ background: var(--ST-background-New) !important; } div.modalbox { border-radius: 0; border: none; } .rate-box-with-credit-button{ background: var(--ST-background-Con) !important; border: none !important; box-shadow: 1px 1px 3px var(--ST-shadow-Nor) !important; } .creditButton p a{ padding-top: 7.5px !important; height: 15px !important; color: var(--ST-color-key) !important; } .creditButton p a:hover { background: var(--ST-background-Con-cho) !important; color: var(--ST-fontCol-Lin) !important; } /* ===著作標籤組件=== */ .authorlink-wrapper > a::before { color: var(--ST-fontCol-Con) !important; } #page-content .authorbox { background: var(--ST-background-New) !important; } /* ===Info Bar組件=== */ .info-container{ --barColour: var(--ST-background-Con); } /* ===Earthworm系列導航欄組件=== */ .earthworm .first { border-top: solid 2px var(--ST-border-EAR) !important; border-bottom: solid 2px var(--ST-border-EAR) !important; } .earthworm .first:not(.true) img { border: solid 2.8px var(--ST-border-EAR) !important; border-width: 2.8px 0 0 2.8px !important; } .earthworm .hub { border: solid 3px var(--ST-border-EAR) !important; background: linear-gradient(10deg, var(--ST-background-EAR-hub-for), 0.3), var(--ST-background-EAR-hub-bac), 0.3)) !important; } .earthworm .hub.no a, .earthworm a[href="/"], .earthworm a[href="http://www.scp-wiki.net"] { color: var(--ST-fontCol-Hea) !important; } .earthworm .last { border-top: solid 2px var(--ST-border-EAR) !important; border-bottom: solid 2px var(--ST-border-EAR) !important; } .earthworm .last:not(.true) img { border: solid 2.8px var(--ST-border-EAR) !important; border-width: 2.8px 2.8px 0 0 !important; } .earthworm div.true p { display: none !important; } /* ===Colmod 組件=== */ .colmod-block > ul, .colmod-block > ul > li { font-family: var(--ST-font-Fun); font-weight: var(--ST-fontWei-Med); } .colmod-collapsiblealt > [class|="colmod-link"] a, .collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a { padding: 4px 9px 4px 7px !important; background: var(--ST-background-Hea); border: none !important; box-shadow: 0px 0px 5px var(--ST-shadow-Nor); color: var(--ST-color-key) !important; border-radius: 3px; } .colmod-collapsiblealt > [class|="colmod-link"] a:hover, .colmod-collapsiblealt > [class|="colmod-link"] a:active, .collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a:hover, .collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a:active { background: var(--ST-background-Hea-cho) !important; }
/* 標題:緹娜 外觀主題 作者:Sigtina 技術支援:vomiter、Luminous、Mang Gwan、Dr V Valentine、Viken-K 創作年:2022 取材自:Paperstack 外觀主題 by EstrellaYoshte。 BASALT 外觀主題 by 作者Azamo & Placeholder McD。 BASALT 外觀主題衍生至: Paperstack 外觀主題 by EstrellaYoshte。 Minimal 外觀主題 by Stormbreath。 BLANKSTYLE CSS by Placeholder McD & HarryBlank。 PLACESTYLE CSS by Placeholder McD。 Simple Yonder 外觀主題 by 作者EstrellaYoshte。 Tab animation,作者Croquembouche。 */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap'); /* ===主要的/MAIN=== */ :root { --title: " SCP 基金會"; --subtitle: " 控制 • 收容 • 保護"; --logo: url(https://imgur.com/nuV6d71.png); --sidelogo: var(--logo); --sidesubtitle: var(--subtitle); /* ===基本 變數=== */ /* 字體 */ --ST-font-NSTC: 'Noto Sans TC', serif; /* 字重 */ --ST-fontWei-ELig: 100; --ST-fontWei-Lig: 300; --ST-fontWei-Reg: 400; --ST-fontWei-Med: 500; --ST-fontWei-Bol: 700; --ST-fontWei-Bla: 900; /* 水晶紫 */ --ST-color-A0: 13, 4, 21; --ST-color-A1: 39, 13, 65; --ST-color-A2: 65, 22, 106; --ST-color-A3: 89, 29, 149; --ST-color-A4: 115, 39, 192; --ST-color-A5: 140, 65, 217; --ST-color-A6: 166, 106, 226; --ST-color-A7: 192, 149, 234; --ST-color-A8: 217, 192, 242; --ST-color-A9: 242, 234, 251; /* 松石青 */ --ST-color-T0: 4, 21, 17; --ST-color-T1: 13, 65, 51; --ST-color-T2: 22, 106, 85; --ST-color-T3: 29, 149, 119; --ST-color-T4: 39, 192, 153; --ST-color-T5: 65, 216, 178; --ST-color-T6: 106, 226, 192; --ST-color-T7: 149, 234, 212; --ST-color-T8: 192, 242, 229; --ST-color-T9: 234, 251, 246; /* 尖石粉 */ --ST-color-P0: 21, 4, 13; --ST-color-P1: 65, 13, 39; --ST-color-P2: 106, 22, 65; --ST-color-P3: 149, 29, 89; --ST-color-P4: 192, 39, 115; --ST-color-P5: 217, 65, 140; --ST-color-P6: 226, 106, 166; --ST-color-P7: 234, 149, 192; --ST-color-P8: 242, 192, 217; --ST-color-P9: 251, 234, 242; /* 基調色 */ --ST-color-key: rgb(255, 255, 255); /* 透明色 */ --ST-color-Tra: rgba(0, 0, 0, 0); /* 測試橙 */ --ST-color-test: rgb(255, 140, 26); /* ===主題 變數=== */ /* 標題字型 */ --ST-font-Hea: var(--ST-font-NSTC); /* 內容字型 */ --ST-font-Con: var(--ST-font-NSTC); /* 功能字型 */ --ST-font-Fun: var(--ST-font-NSTC); /* 標題字色 */ --ST-fontCol-Hea: rgb(var(--ST-color-A2)); /* 標題選擇字色 */ --ST-fontCol-Hea-cho: rgb(var(--ST-color-A1)); /* 標題啟用字色 */ --ST-fontCol-Hea-ena: rgb(var(--ST-color-A3)); /* 標題文本字色 */ --ST-fontCol-Hea-tex: rgb(var(--ST-color-A0)); /* 內容字色 */ --ST-fontCol-Con: rgb(var(--ST-color-T2)); /* 內容選擇字色 */ --ST-fontCol-Con-cho: rgb(var(--ST-color-T1)); /* 內容啟用字色 */ --ST-fontCol-Con-ena: rgb(var(--ST-color-T3)); /* 內容文本字色 */ --ST-fontCol-Con-tex: rgb(var(--ST-color-A0)); /* 功能字色 */ --ST-fontCol-Fun: rgb(var(--ST-color-A2)); /* 功能選擇字色 */ --ST-fontCol-Fun-cho: rgb(var(--ST-color-A3)); /* 連結字色 */ --ST-fontCol-Lin: rgb(var(--ST-color-A4)); /* 曾開啟連結字色 */ --ST-fontCol-Lin-eve: rgb(var(--ST-color-A3)); /* 新連結字色 */ --ST-fontCol-Lin-new: rgb(var(--ST-color-P4)); /* 圖像連結字色 */ --ST-fontCol-Lin-ima: rgb(var(--ST-color-P9)); /* 標題背景 */ --ST-background-Hea: linear-gradient( rgb(var(--ST-color-A2)) 0%, rgb(var(--ST-color-A3)) 21%, rgb(var(--ST-color-A4)) 47%, rgb(var(--ST-color-A4)) 53%, rgb(var(--ST-color-A3)) 79%, rgb(var(--ST-color-A2)) 100%); /* 標題選擇背景 */ --ST-background-Hea-cho: linear-gradient( rgb(var(--ST-color-A3)) 0%, rgb(var(--ST-color-A4)) 21%, rgb(var(--ST-color-A5)) 47%, rgb(var(--ST-color-A5)) 53%, rgb(var(--ST-color-A4)) 79%, rgb(var(--ST-color-A3)) 100%); /* 標題啟用背景 */ --ST-background-Hea-ena: linear-gradient( rgb(var(--ST-color-A1)) 0%, rgb(var(--ST-color-A2)) 21%, rgb(var(--ST-color-A3)) 47%, rgb(var(--ST-color-A3)) 53%, rgb(var(--ST-color-A2)) 79%, rgb(var(--ST-color-A1)) 100%); /* 內容背景 */ --ST-background-Con: linear-gradient( rgb(var(--ST-color-T2)) 0%, rgb(var(--ST-color-T3)) 21%, rgb(var(--ST-color-T4)) 47%, rgb(var(--ST-color-T4)) 53%, rgb(var(--ST-color-T3)) 79%, rgb(var(--ST-color-T2)) 100%); /* 內容選擇背景 */ --ST-background-Con-cho: linear-gradient( rgb(var(--ST-color-T3)) 0%, rgb(var(--ST-color-T4)) 21%, rgb(var(--ST-color-T5)) 47%, rgb(var(--ST-color-T5)) 53%, rgb(var(--ST-color-T4)) 79%, rgb(var(--ST-color-T3)) 100%); /* 內容啟用背景 */ --ST-background-Con-ena: linear-gradient( rgb(var(--ST-color-T1)) 0%, rgb(var(--ST-color-T2)) 21%, rgb(var(--ST-color-T3)) 47%, rgb(var(--ST-color-T3)) 53%, rgb(var(--ST-color-T2)) 79%, rgb(var(--ST-color-T1)) 100%); /* 特殊背景 */ --ST-background-Spe: linear-gradient( rgb(var(--ST-color-P2)) 0%, rgb(var(--ST-color-P3)) 21%, rgb(var(--ST-color-P4)) 47%, rgb(var(--ST-color-P4)) 53%, rgb(var(--ST-color-P3)) 79%, rgb(var(--ST-color-P2)) 100%); /* 特殊選擇背景 */ --ST-background-Spe-cho: linear-gradient( rgb(var(--ST-color-P1)) 0%, rgb(var(--ST-color-P2)) 21%, rgb(var(--ST-color-P3)) 47%, rgb(var(--ST-color-P3)) 53%, rgb(var(--ST-color-P2)) 79%, rgb(var(--ST-color-P1)) 100%); /* 標題框色 */ --ST-border-Hea: rgb(var(--ST-color-A1)); /* 標題選擇框色 */ --ST-border-Hea-cho: rgb(var(--ST-color-A2)); /* 內容框色 */ --ST-border-Con: rgb(var(--ST-color-T1)); /* 內容選擇框色 */ --ST-border-Con-cho: rgb(var(--ST-color-T2)); /* 明顯陰影色 */ --ST-shadow-Obv: rgba(var(--ST-color-P0), 0.9); /* 標準陰影色 */ --ST-shadow-Nor: rgba(var(--ST-color-P0), 0.6); /* 模糊陰影色 */ --ST-shadow-Vag: rgba(var(--ST-color-P0), 0.3); /* ===指定背景變數=== */ /* 主要背景 */ --ST-background-All: radial-gradient(circle at 50% 0%, rgb(var(--ST-color-A9)) 0%, var(--ST-color-key) 3%, var(--ST-color-key) 96%, rgb(var(--ST-color-A9)) 99%, rgb(var(--ST-color-T9)) 100%); /* 首欄背景 */ --ST-background-Top: linear-gradient( var(--ST-color-key) 0%, rgba(var(--ST-color-A9), 0.9) 72%, rgba(var(--ST-color-A9), 0.9) 84%, rgba(var(--ST-color-A8), 0.6) 96%, rgba(var(--ST-color-A8), 0.6) 97%, rgb(var(--ST-color-T8)) 97%); /* 首欄選項背景 */ --ST-background-Top-opt: linear-gradient( rgba(var(--ST-color-A9), 0.6) 0%, rgba(var(--ST-color-A8), 0.6) 97%); /* 首欄選項菜單背景 */ --ST-background-Top-opt-men: linear-gradient( var(--ST-color-key) 0%, var(--ST-color-key) 47%, rgb(var(--ST-color-A9)) 55%, rgba(var(--ST-color-A9), 0.9) 72%, rgba(var(--ST-color-A9), 0.6) 84%, rgba(var(--ST-color-A8), 0.6) 96%, rgba(var(--ST-color-A8), 0.6) 97%, rgb(var(--ST-color-T8)) 97%); /* 首欄選項菜單選項背景 */ --ST-background-Top-opt-men-opt: rgba(var(--ST-color-A8), 0.6); /* 雜項帳戶選項菜單背景 */ --ST-background-Mis-acc-opt-men: linear-gradient( var(--ST-color-key) 0%, rgb(var(--ST-color-A9)) 34%, rgb(var(--ST-color-A9)) 36%, rgba(var(--ST-color-A9), 0.6) 72%, rgba(var(--ST-color-A9), 0.6) 96%, rgba(var(--ST-color-A8), 0.6) 97%, rgb(var(--ST-color-T8)) 97%); /* 側邊欄背景 */ --ST-background-Sid: linear-gradient( var(--ST-color-key) 0%, rgb(var(--ST-color-A9)) 72%, rgb(var(--ST-color-A9)) 84%, rgb(var(--ST-color-A8)) 96%, rgb(var(--ST-color-A8)) 97%, rgb(var(--ST-color-T8)) 97%); /* 側邊欄菜單背景 */ --ST-background-Sid-men: linear-gradient( var(--ST-color-key) 0%, rgb(var(--ST-color-T9)) 72%, rgb(var(--ST-color-T9)) 81%, rgb(var(--ST-color-T8)) 95%); /* 側邊欄媒體菜單背景 */ --ST-background-Sid-men-media: linear-gradient( rgb(var(--ST-color-T9)) 0%, rgb(var(--ST-color-T8)) 72%, rgb(var(--ST-color-T8)) 81%, rgb(var(--ST-color-T7)) 95%); /* 側邊欄圖示濾鏡 */ --ST-filter-Sid-ima: hue-rotate(270deg); /* 側邊欄摺疊頁濾鏡 */ --ST-filter-Sid-fol: hue-rotate(100deg); /* 滾動條背景 */ --ST-background-Scr: radial-gradient(circle at 50% 50%, rgb(var(--ST-color-A6)) 0%, rgb(var(--ST-color-A6)) 16%, rgb(var(--ST-color-A5)) 58%, rgb(var(--ST-color-A4)) 100%); /* 滾動條選擇背景 */ --ST-background-Scr-cho: radial-gradient(circle at 50% 50%, rgb(var(--ST-color-A7)) 0%, rgb(var(--ST-color-A7)) 16%, rgb(var(--ST-color-A6)) 58%, rgb(var(--ST-color-A5)) 100%); /* 滾動條底背景 */ --ST-background-Scr-las: radial-gradient(circle at 50% 50%, var(--ST-color-key) 0%, var(--ST-color-key) 72%, rgb(var(--ST-color-T9)) 95%); /* 資訊背景 */ --ST-background-New: linear-gradient( var(--ST-color-key) 0%, rgb(var(--ST-color-A9)) 100%); /* 資訊版頭背景 */ --ST-background-New-hea: rgba(var(--ST-color-A9), 0.9); /* 腳註背景 */ --ST-background-Foo: rgba(var(--ST-color-T9), 0.9); /* 編輯濾鏡 */ --ST-filter-Edi: sepia(47%) hue-rotate(210deg); } body { background: var(--ST-background-All); color: var(--ST-fontCol-Con-tex); font-family: var(--ST-font-Con); } #main-content { font-size: 0.88rem; padding: 0; top: -2.8rem; } #container-wrap-wrap { overflow-x: hidden; } /* ===標題與頂欄/HEADER & TOPBAR=== */ div#container-wrap { background-image: none; } #extra-div-1 { z-index: 9; position: fixed; top: 0; left: 0; width: 1000vw; height: 5rem; box-shadow: 0px 0px 5px var(--ST-shadow-Nor); background: var(--ST-background-Top); } #extra-div-2 { z-index: 9; position: fixed; top: 0; left: 0; width: 1000vw; height: 5rem; } #extra-div-1::before { content: var(--title); position: fixed; left: 8.5rem; top: 0.5rem; color: var(--ST-fontCol-Hea); font-family: var(--ST-font-Hea); font-weight: var(--ST-fontWei-Bla); font-size: 27.45px; animation: slideLeft 1s; transition-duration: 0.3s; transition-property: transform; transform: translateZ(0); } #extra-div-2::before { content: var(--subtitle); position: fixed; font-size: 1.22em; left: 8.5rem; top: 2.5rem; color: var(--ST-fontCol-Con); font-family: var(--ST-font-Hea); font-weight: var(--ST-fontWei-Bol); animation: slideLeft 1s; } #u-header-link { display: block; position: fixed; top: 0.6rem; left: 8.3rem; height: 3.5rem; width: 15.7rem; z-index: 21; } .logo { z-index: 10; position: fixed; width: 4.5rem; height: 4.5rem; top: 0.2rem; left: 3.6rem; transition-duration: 0.3s; transition-property: transform; transform: translateZ(0); animation: slideLeft 1s; background-image: var(--logo); background-size: contain; background-repeat: no-repeat; background-position: center; } .logo:hover { transform: rotate(348deg); } #header { background-image: none; height: 5rem; padding-bottom: 0; } #header h1, #header h2 { display: none; } #top-bar { position: fixed; align-items: stretch; display: flex; flex-direction: row; justify-content: flex-start; text-transform: uppercase; font-family: var(--ST-font-Fun); font-weight: var(--ST-fontWei-Bol); animation: slideLeft 1s; right: 0; top: 1.7rem; max-width: 50rem; min-width: 8rem; font-size: 90%; font-weight: var(--ST-fontWei-Bol); left: 25.4rem; } #top-bar ul { float: left; } #top-bar ul li ul { border: none; box-shadow: 0px 0px 5px var(--ST-shadow-Nor); background: var(--ST-background-Top-opt-men); } #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a { color: var(--ST-fontCol-Hea); } #top-bar ul li>a { border: none; } #top-bar a { color: var(--ST-fontCol-Hea); } #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover { color: var(--ST-fontCol-Hea-cho); background: var(--ST-background-Top-opt); } #top-bar ul li.sfhover a, #top-bar ul li:hover a { border: none; background: var(--ST-background-Top-opt-men-opt); color: var(--ST-fontCol-Hea); } #top-bar ul li>a { transition-duration: 0.3s; transition-property: transform; transform: translateZ(0); } #top-bar ul li>a:hover { transform: translate(0px, -3px); border: none; } #top-bar ul li ul li>a:hover { animation: none; } @keyframes translateTop { 0% { opacity: 1; } 100% { transform: translate(0px, -3px); } } @keyframes slideLeft { 0% { transform: translate(-200px, 0px); opacity: 0; } 100% { opacity: 1; } } @keyframes tilt { 0% { opacity: 1; } 100% { transform: rotate(360deg); } } #login-status { position: fixed; top: 0.65rem; right: 2rem; width: fit-content; font-size: 0.78em; text-align: center; color: transparent; } #login-status > a > strong { margin-right: 0.7rem; font-size: 0.7rem; } #login-status > span { color: var(--ST-fontCol-Hea); font-family: var(--ST-font-Fun); font-weight: var(--ST-fontWei-Bol); } #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.25rem; } div#search-top-box { width: 2rem; position: fixed; top: 0.76rem; right: 0.2rem; z-index: 21; } #search-top-box-input { display: none; } #search-top-box-form>input[type=submit], #search-top-box-form>input[type=submit]:hover, #search-top-box-form>input[type=submit]:focus, #search-top-box-form>input[type=submit]:target { border: none; border-radius: 30%; font-size: 0; height: 1.2rem; width: 1.2rem; margin-top: 0.2rem; } #search-top-box-form>input[type=submit] { background: 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") 50%/0.8rem no-repeat, var(--ST-fontCol-Fun) !important; } #search-top-box-form>input[type=submit]:hover, #search-top-box-form>input[type=submit]:focus, #search-top-box-form>input[type=submit]:target { background: 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") 50%/0.8rem no-repeat, var(--ST-fontCol-Fun-cho) !important; } .mobile-top-bar { left: unset; } /* ===側邊欄/SIDEBAR=== */ #u-sb-button { display: block; position: fixed; top: 0.5rem; left: 0.9rem; height: 4rem; width: 45px; color: var(--ST-fontCol-Fun); font-family: var(--ST-font-Hea); font-weight: var(--ST-fontWei-Lig); font-size: 2.5rem; text-decoration: none !important; z-index: 21; transition-duration: 0.3s; transition-property: transform; transform: translateZ(0); animation: slideLeft 1s; } #u-sb-button:hover { color: var(--ST-fontCol-Fun-cho); font-weight: var(--ST-fontWei-Bla); } :is(#side-bar, #interwiki) .side-block { border: transparent; border-radius: 0; } #interwiki body { background-image: none; } #side-bar .side-block.media > * { display: flex; justify-content: space-evenly; } #top-bar div.open-menu a { border-radius: 0; } #side-bar { box-shadow: 0px 0px 5px var(--ST-shadow-Nor); background: var(--ST-background-Sid); text-transform: uppercase; font-family: ;var(--ST-font-Fun); font-weight: var(--ST-fontWei-Reg) !important; overflow-x: hidden; } #side-bar::before { content: var(--sidesubtitle); background: var(--sidelogo); background-size: 4.5rem; background-repeat: no-repeat; background-position: top center; padding-bottom: 0.3rem; padding-top: 4.7rem; display: inline-block; border-bottom: double 5px var(--ST-border-Con); font-family: var(--ST-font-Hea); font-weight: var(--ST-fontWei-Bol); text-align: center; margin-right: auto; margin-left: auto; width: 100%; text-transform: none; } #side-bar, #side-bar:target { z-index: 22; } #side-bar a { color: var(--ST-fontCol-Hea); } #side-bar a:visited { color: var(--ST-fontCol-Hea-cho); } #side-bar a:hover { color: var(--ST-fontCol-Hea-ena); } #side-bar img { filter: var(--ST-filter-Sid-ima); -webkit-filter: var(--ST-filter-Sid-ima); } #side-bar .side-block { background: var(--ST-background-Sid-men); border-color: var(--ST-color-Tra); border-radius: 0px; } #side-bar .side-block.media { background: var(--ST-background-Sid-men-media); border-bottom: solid 2px var(--ST-border-Hea); border-top: solid 2px var(--ST-border-Hea); margin-top: 1rem; } #side-bar .heading { color: var(--ST-fontCol-Hea); border-bottom: solid 1px var(--ST-border-Con); text-transform: uppercase; font-family: var(--ST-font-Hea); font-weight: var(--ST-fontWei-Bol); } #side-bar .collapsible-block-folded { filter: var(--ST-filter-Sid-fol); -webkit-filter: var(--ST-filter-Sid-fol); } #side-bar .collapsible-block-unfolded-link { border-bottom: solid 1px var(--ST-border-Con); } #side-bar .collapsible-block-unfolded-link .collapsible-block-link { color: var(--ST-fontCol-Hea); } #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover { color: var(--ST-fontCol-Hea-cho); } /* ===分頁標籤/TABS=== */ /* === YUI TAB BASE === */ .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-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav{ display: flex; flex-wrap: wrap; width: calc(100% - .125rem); margin: 0 auto; box-shadow: none; } .yui-navset .yui-nav a, /* === Link Modifier === */ .yui-navset .yui-navset-top .yui-nav a{ /* === Tab Background Colour | [UNSELECTED] === */ border: unset; box-shadow: none; box-shadow: none; } .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; border-color: transparent; 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; } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em{ border: none; } .yui-navset .yui-nav .selected a{ width: 100%; } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content{ padding: .5em; border: none; } ul.yui-nav a { font-family: var(--ST-font-Fun); padding: 3.5px; color: var(--ST-color-key); font-weight: var(--ST-fontWei-Med); } .yui-navset .yui-nav a { background: var(--ST-background-Hea); color: var(--ST-color-key); } .yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected, .yui-navset .yui-nav a:hover, yui-navset .yui-nav a:active { color: var(--ST-color-key); } .yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected { background: var(--ST-background-Hea-ena); } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus, .yui-navset .yui-nav a:active { background: var(--ST-background-Hea-cho); } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border: none; border-bottom: dotted 1px var(--ST-border-Hea); box-shadow: 0px 0px 5px var(--ST-shadow-Nor); } .yui-navset .yui-content>div { display: block; top: 0; overflow: hidden; transform-origin: 0 0; } .yui-navset-top a { transition-property: background, background-color; transition-duration: 0.2s; } /* ===Tab animation by Croquembouche=== */ #page-content .yui-navset .yui-content>div[style*="none"] { display: block !important; flex: 0; max-height: 0; padding: 0 0.5em; border-width: 0; /* The following transition affects the one that DISAPPEARS */ transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, flex 0.5s cubic-bezier(.18, .51, .54, .9) 0s; animation: tab-disappear 0.5s ease-in-out 0s 1 both; } #page-content .yui-navset .yui-content>div[style*="block"] { display: block !important; flex: 1; max-height: 9999rem; /* The following transition affects the one that APPEARS */ transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, flex 0.5s cubic-bezier(.18, .51, .54, .9) 0.5s; animation: tab-appear 0.5s ease-in-out 0.5s 1 both; } @keyframes tab-disappear { 0% { max-height: 9999rem; } 1% { max-height: 100vh; } 100% { max-height: 0; } } @keyframes tab-appear { 0% { max-height: 0; } 99% { max-height: 100vh; } 100% { max-height: 9999rem; } } /*========================*/ .yui-navset .yui-content { background: var(--ST-color-Tra); box-shadow: none; border-bottom: dotted 4px var(--ST-border-Hea); } /* ===標籤/TAGS=== */ #main-content .page-tags span { max-width: 100%; } #main-content .page-tags a { padding: 1.2px 0.42rem 0.25rem 0.46rem; height: 18px; line-height: inherit; box-shadow: 0px 0px 5px var(--ST-shadow-Nor); background: var(--ST-background-Con); border-radius: 2px 6px; color: var(--ST-color-key); font-family: var(--ST-font-Fun); font-weight: var(--ST-fontWei-Med); font-size: 0.76rem; margin: .25rem .2rem; .5rem .2rem; } #main-content .page-tags a:before { content: "•"; font-size: 1.1rem; float: left; position: relative; top: -0.19rem; left: -0.24rem; -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; } .page-tags span { border-top: none; } /* ===內容/CONTENT=== */ h1, h2, h3, h4, h5, h6 { font-family: var(--ST-font-Hea); font-weight: var(--ST-fontWei-Bol); text-transform: uppercase; letter-spacing: unset; } h1 { color: var(--ST-fontCol-Hea); } h2, h3, h4, h5, h6 { color: var(--ST-fontCol-Con); } .top-left-box>.item { display: none; } hr { background-color: var(--ST-border-Con); } .info-container { padding-bottom: 8px; } .info-container .collapsible-block-content{ padding: 0 .5em 30px; } .info-container .collapsible-block-content .wiki-content-table{ width: 100%; } /* ===內容 > 表格/CONTENT > TABLES=== */ #page-content .creditRate{ margin: unset; margin-bottom: 4px; } #page-content .rate-box-with-credit-button { border-radius: 0; } #page-content .rate-box-with-credit-button .fa-info { border: none; } #page-content .wiki-content-table tr th { font-family: var(--ST-font-Hea); font-weight: var(--ST-fontWei-Bol); border: solid 1px var(--ST-border-Hea); background-color: rgba(var(--ST-color-Cus-gre), 0.3); color: var(--ST-fontCol-Hea-tex); } #page-content .wiki-content-table tr td { border: solid 1px var(--ST-border-Con); } /* ===內容 > 評分模塊/CONTENT > RATING MODULE/評分組件在擴充區=== */ .rate-points { color: var(--ST-color-key) !important; font-family: var(--ST-font-Fun); font-weight: var(--ST-fontWei-Bol); text-transform: uppercase; border: none; font-size: 90%; } .page-rate-widget-box { box-shadow: 0px 0px 5px var(--ST-shadow-Nor); background: var(--ST-background-Con) !important; margin: unset; margin-bottom: 4px; border-radius: 0; } .page-rate-widget-box .cancel { background: transparent; border-radius: 0; } .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown, .page-rate-widget-box .cancel, div.page-rate-widget-box .rate-points { border: none; } .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown, .page-rate-widget-box .cancel, .page-rate-widget-box .rate-points { background-color: var(--ST-color-Tra) !important; } .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a { background: transparent; } .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a, .page-rate-widget-box .cancel a, .page-rate-widget-box .rate-points { color: var(--ST-color-key) !important; } .page-rate-widget-box .cancel a:hover { border-radius: 0; } .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover, .page-rate-widget-box .ratedown a:hover, .page-rate-widget-box .cancel a:hover { padding-top: 0.5px; background: var(--ST-background-Con-cho) !important; color: var(--ST-fontCol-Lin) !important; } /* ===內容 > 圖像框/CONTENT > IMAGE BLOCK=== */ .scp-image-block img { background: var(--ST-color-key); } .scp-image-block.block-right { margin: 0em 0em 1em 2em; } .scp-image-block.block-center { max-width: 99% !important; } .scp-image-block { border: none; box-shadow: none; box-sizing: border-box; } .scp-image-block .scp-image-caption { border-top: none !important; margin-top: 8px; background: var(--ST-background-Hea); color: var(--ST-color-key); } .scp-image-block img, .scp-image-block .scp-image-caption { outline: solid 1px var(--ST-border-Con); box-shadow: 0px 0px 5px var(--ST-shadow-Obv); } .scp-image-block .scp-image-caption p { font-size: 110%; font-family: var(--ST-font-Hea); } /* ===內容 > 連結/CONTENT > LINKS=== */ a { color: var(--ST-fontCol-Lin); } a:visited { color: var(--ST-fontCol-Lin-eve); } a.newpage { color: var(--ST-fontCol-Lin-new); } .danger-diamond a, .danger-diamond a::selection { color: var(--ST-color-Tra); background: none; } .scp-image-block .scp-image-caption a { color: var(--ST-fontCol-Lin-ima); } /* ===內容 > 滾動條/ CONTENT > SCROLLBAR=== */ ::-webkit-scrollbar { cursor: pointer; border: none; } ::-webkit-scrollbar-thumb { background: var(--ST-background-Scr); cursor: pointer; } ::-webkit-scrollbar-thumb:hover { background: var(--ST-background-Scr-cho); } ::-webkit-scrollbar-track { background: var(--ST-background-Scr-las); } /* ===內容 > 折疊頁/ CONTENT > COLLAPSIBLES=== */ a.collapsible-block-link:not(#side-bar a) {a.btn.btn-danger:hover, font-family: var(--ST-font-Fun); font-weight: var(--ST-fontWei-Med); color: var(--ST-color-key); padding-top: 4px; padding-bottom: 4px; padding-left: 7px; padding-right: 9px; border-radius: 3px; margin-top: 10px; margin-bottom: 10px; } a.collapsible-block-link:not(#side-bar a) { background: var(--ST-background-Hea); } a.collapsible-block-link:not(#side-bar a):hover { background: var(--ST-background-Hea-cho) !important; } /* ===內容 > 頁面標題 / 麵包屑/ CONTENT > PAGE TITLE / BREADCRUMBS=== */ #page-title, .meta-title { display: block !important; font-family: var(--ST-font-Con); font-weight: var(--ST-fontWei-Bol); color: var(--ST-fontCol-Hea); border: none; margin-top: 3rem; } #breadcrumbs { text-transform: uppercase; font-weight: var(--ST-fontWei-Med); font-family: var(--ST-font-Con); color: var(--ST-fontCol-Con); margin-top: -1.5rem 0 -0.75rem; font-size: 0.9em; } /* === CUSTOM SYNTAX === */ .header-container-ex { padding-top: 0.5em; clear: both; } .header-container-ex .scp-image-block { margin: 0 0 0.5rem 1.875rem; width: min(42.5%, 300px)!important; } .header-container-ex .header-info { display: flow-root; margin-bottom: 1.75em; } .header-container-ex .header-info .header-info-flex { display: flex; } .text-item { flex-grow: 1; max-width: 25%; text-align: center; } /* === deprecated, kept for legacy purpose === */ .header-container { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; position: relative; justify-content: space-around; align-content: space-between; width: 100%; left: 0; align-items: flex-start; row-gap: 2px; } .grid-item { flex-grow: 1; min-width: 25%; text-align: center; margin: 8px 6px; } .textbox { position: absolute; width: 42%; top: 7.5rem; } /* ===@媒體查詢/移動格式化/@MEDIA QUERIES/MOBILE FORMATTING === */ @media only screen and (max-width: 600px) { .scp-image-block.block-right { float: none; margin: 10px auto; } } @media (min-width: 768px) { #header, #top-bar { width: calc(100% - 4.4rem); max-width: calc(100% - 4.4rem); } #main-content { max-width: 95%; } } @media (max-width: 1200px) { .grid-item { min-width: 50%; } } @media (max-width: 1120px) { #top-bar { font-weight: 600; font-size: 80%; } } @media (max-width: 1020px) { #top-bar { top: 3.4rem; left: 7.8rem; } #extra-div-1::before { top: 0.4rem; } #extra-div-2::before { top: 2.4rem; } #u-header-link { height: 2.5rem; } .document, .darkdocument { width: 95%; } } @media (max-width: 960px) and (min-width: 767px), (max-width: 580px) { .header-container-ex { display: flex; flex-direction: column; } .header-container-ex .header-info { order: -1; } .header-container-ex .scp-image-block { width: calc(275px + 5vw)!important; margin: -1.25em auto 0.5em; } } @media (max-width: 960px) and (min-width: 767px), (max-width: 666px) { .textbox { position: relative; width: 100%; top: 0; } } @media (max-width: 767px) { .logo { width: 36%; top: -9.7em; left: 32%; } #main-content { margin: 0 5%; border-left: none; } #side-bar:target { border: none; } #side-bar:target .close-menu { width: calc(100% - 19em); right: 0; left: initial; } #page-content > hr, #page-content > .list-pages-box > .list-pages-item > hr { margin: 3em -5.5%; } #side-bar { top: 0; } #side-bar .heading { padding-left: 1em; margin-left: -1em; } #search-top-box { top: 107px; } .mobile-top-bar { display: flex; justify-content: flex-start; max-width: 100%; width: 100%; left: 0; flex-direction: row; } } @media (max-width: 500px) { .logo { display: none; } #top-bar { left: 3.6rem; } #extra-div-1::before, #extra-div-2::before { left: 4.2rem; } #u-header-link { left: 4rem; } .document, .darkdocument { width: auto; } } @media (max-width: 560px) { #login-status span.printuser { font-size: 0; } } @media (max-width: 430px) { #extra-div-1::before { font-size: 23.45px; top: 0.8rem; } #extra-div-2::before { font-size: 1em; top: 2.6rem; } #u-header-link { width: 13.5rem; } #login-status { right: 1.8rem; } } /* ===雜項/MISC=== */ .avatar-hover { display: none !important; } ::selection { background-color: rgba(0, 0, 255, 0.7); color: white; } select { font-family: var(--ST-font-Fun); font-weight: var(--ST-fontWei-Med); border: solid 2px grey; cursor: pointer; border-radius: 5px; } body.wait { cursor: wait; } body.wait * { cursor: auto; } input { font-size: 90%; font-family: var(--ST-font-Fun); font-weight: var(--ST-fontWei-Med); } #action-area > p { font-size: 90%; font-weight: var(--ST-fontWei-Med); } #action-area > h1 { font-size: 150%; } div.buttons input, input.button, button, file, a.button { margin: 0 2px; border: 2px solid grey; cursor: pointer; } #who-rated-page-area > h2 { display: none; } #who-rated-page-area>div { column-count: 4; } @media (max-width: 900px) { #who-rated-page-area>div { column-count: 3; } } @media (max-width: 700px) { #who-rated-page-area>div { column-count: 2; } } @media (max-width: 540px) { #who-rated-page-area>div { column-count: 1; } } .pager .current { border-style: solid; outline: solid 1px rgb(250, 250, 250); } .pager a, .pager .current { border-style: double; border-width: 3px; text-transform: uppercase; background: none; color: inherit; } .pager a:hover, .pager .current:hover { text-decoration: none; cursor: pointer; } .pager .target { font-weight: var(--ST-fontWei-Bol); } .w-container { font-family: var(--ST-font-Fun); font-weight: var(--ST-fontWei-Bol); border-style: double !important; border-width: 4px !important; margin: auto; width: 90%; margin-top: 1rem; margin-bottom: 1rem; } .s-cell { font-size: 1.25rem !important; } .anom-bar-container, .anom-bar-container * { font-family: var(--ST-font-Fun); font-weight: var(--ST-fontWei-Bol); } #page-content div.warning-box div.text-number, #page-content div.warning div.text-number { font-size: 140%; font-weight: var(--ST-fontWei-Reg); } #page-content div.warning-box strong, #page-content div.warning strong { font-weight: var(--ST-fontWei-Bol); } #page-content div.warning-box div.text-top, #page-content div.warning div.text-top { font-weight: var(--ST-fontWei-Bol); } #page-content div.warning-box, #page-content div.warning { font-family: var(--ST-font-Fun) !important; font-weight: var(--ST-fontWei-Med); } .collection { font-family: var(--ST-font-Fun); color: #905c5c; } .footer-wikiwalk-nav { filter: drop-shadow(0px 0px 3px var(--ST-shadow-Nor)); width: fit-content; margin: auto; margin-top: 1rem; } .footer-wikiwalk-nav p { color: #EDEDED; } .footer-wikiwalk-nav a, .footer-wikiwalk-nav p { border-radius: 10px; background: rgb(20, 20, 20); width: fit-content; margin: auto; font-family: var(--ST-font-Fun); font-weight: 800; padding: 0.5rem 0.5rem 0.5rem 0.5rem; } .footer-wikiwalk-nav a { color: #bdbdff; } .footer-wikiwalk-nav a:hover { text-decoration: underline; } /* ===雜項 > WIKIDOT窗口/MISC > WIKIDOT OWINDOW=== */ #owindow-1 { background: var(--ST-background-New); } #owindow-1>div.title.modal-header { font-family: var(--ST-font-Fun); text-transform: uppercase; font-size: 90%; cursor: default; color: var(--ST-fontCol-Hea); background: var(--ST-background-New-hea); } #owindow-1>div.content.modal-body td.active>b { font-family: var(--ST-font-Fun); color: var(--ST-fontCol-Hea-tex); } #owindow-1>div.content.modal-body>table { max-height: 10rem; overflow: auto; display: block; } #owindow-1>div.content.modal-body>div { margin-top: 1.5rem !important; border-top: solid 0.2rem var(--ST-border-Hea); padding-top: 1rem; } #owindow-1>div.content.modal-body>div>div>a { background: var(--ST-background-Spe); } #owindow-1>div.content.modal-body>div>div>a:hover { background: var(--ST-background-Spe-cho); } #owindow-1>div.content.modal-body>img { filter: drop-shadow(0.35rem 0.35rem 0.4rem var(--ST-shadow-Vag)); padding: 0px 0px 0px 0px !important; background: none; background-color: var(--ST-color-Tra) !important; margin-right: 1.7rem; } #owindow-1 { font-family: var(--ST-font-Fun); } /* ===雜項 > 編輯框與頁面源代碼/MISC > EDIT BOX & PAGE SOURCE=== */ #lock-info { box-shadow: 0px 0px 4px var(--ST-shadow-Obv); background: var(--ST-color-key); font-family: var(--ST-font-Con); font-weight: var(--ST-fontWei-Med); margin-left: 1rem; font-size: 95%; border: solid 1px var(--ST-border-Hea); color: var(--ST-fontCol-Hea-tex); } #edit-page-form>table.edit-page-bottomtable>tbody>tr>td:nth-child(1)>div.sub, #edit-page-form>table.form>tbody>tr>td:nth-child(1) { font-family: var(--ST-font-Fun); font-weight: var(--ST-fontWei-Med); } #edit-page-form>table.edit-page-bottomtable>tbody>tr>td:nth-child(1)>div:nth-child(1) { font-family: var(--ST-font-Fun); font-weight: var(--ST-fontWei-Med); } .wd-editor-toolbar-panel ul li a { height: 22px; width: 22px; padding: 0; margin: 0; display: block; border-radius: 2px; filter: var(--ST-filter-Edi); -webkit-filter: var(--ST-filter-Edi); } .wd-editor-toolbar-panel { margin-bottom: 0.5rem; } input#edit-page-title.text { border-radius: 4px; font-family: var(--ST-font-Con); border: solid 2px var(--ST-border-Hea); } textarea { font-family: var(--ST-font-Con); padding: 5px 5px 5px 5px; font-size: 105%; border: solid 0.13rem var(--ST-border-Hea); background-color: var(--ST-color-key); color: var(--ST-fontCol-Con-tex); border-radius: 2px; } .page-source { background: var(--ST-color-key); font-family: var(--ST-font-Con); font-size: 105%; border: none; width: 80%; box-shadow: 0px 0px 4px var(--ST-shadow-Obv); padding: 18px 18px 18px 18px; word-break: break-word; } /* ===雜項 > 字體大小/粗細變化/MISC > FONT SIZE/WEIGHT CHANGES=== */ #page-content strong { font-weight: var(--ST-fontWei-Bla); } #page-content { font-size: 110%; } /*========================*/ #show-upload-button { float: unset; border-radius: 6px; border: solid 1px grey; font-size: 0.85rem; } .edit-help-34 { margin-top: 2px; font-family: var(--ST-font-Fun); font-size: 0.7rem; font-weight: var(--ST-fontWei-Med); } .printuser a { font-family: var(--ST-font-Fun); font-weight: var(--ST-fontWei-Bol); } form, #action-area>p, table.page-files td span { font-family: var(--ST-font-Fun); } #action-area>table>thead>tr, #revision-list>table>tbody>tr:nth-child(1) { font-family: var(--ST-font-Fun); text-transform: uppercase; font-weight: var(--ST-fontWei-Bol); } #page-info { font-family: var(--ST-font-Fun); font-weight: var(--ST-fontWei-Med); padding-bottom: 0.2rem; margin-bottom: 0.2rem; } #page-info::first-letter, a.btn.btn-default.button.button-close::first-letter, a.btn.btn-default.button.button-close-message::first-letter, a.btn.btn-default.button.button-cancel::first-letter, a.btn.btn-default.button.button-rename::first-letter, a.btn.btn-default.button.button-no\,-cancel::first-letter, #owindow-1 > div.button-bar.modal-footer > a.btn.btn-default.button.button-yes\,-delete::first-letter, #owindow-1 td::first-letter { text-transform: uppercase; } #owindow-1 td a::first-letter { text-transform: lowercase !important; } .button-bar.modal-footer a.btn.btn-danger, #owindow-1>div.content.modal-body>div>div>a { float: right !important; margin-top: -0.73rem; } td:nth-child(1)>a { font-family: var(--ST-font-Fun); font-weight: var(--ST-fontWei-Med); } /* ===雜項 > 鈕扣/MISC > BUTTONS=== */ a.btn.btn-danger, a.btn.btn-primary, .btn-small, #owindow-1>div.button-bar.modal-footer>a, #edit-cancel-button, #edit-diff-button, #edit-preview-button, #edit-save-draft-button, #edit-save-continue-button, #edit-save-button, #owindow-1>div.content.modal-body>div>a.btn.btn-default { font-family: var(--ST-font-Fun); font-weight: var(--ST-fontWei-Med) !important; font-size: 0.75rem; color: var(--ST-color-key); padding-top: 4px; padding-bottom: 4px; padding-left: 7px; padding-right: 9px; background: var(--ST-background-Con); border-radius: 2px !important; border-color: var(--ST-border-Con); cursor: pointer; width: fit-content !important; margin-top: 0.1rem; margin-bottom: 0.1rem; margin-left: 0.3rem; margin-right: 0.35rem; float: left; } a.collapsible-block-link:not(#side-bar a):hover, a.btn.btn-danger:hover, a.btn.btn-primary:hover, .btn-small:hover, #owindow-1>div.button-bar.modal-footer>a:hover, #edit-cancel-button:hover, #edit-diff-button:hover, #edit-preview-button:hover, #edit-save-draft-button:hover, #edit-save-continue-button:hover, #edit-save-button:hover, #owindow-1>div.content.modal-body>div>a.btn.btn-default:hover { text-decoration: none; background: var(--ST-background-Con-cho); border-color: var(--ST-border-Con-cho); } #action-area > p:nth-child(5) > a:hover { text-decoration: none; background: var(--ST-background-Con-cho); border-color: var(--ST-border-Con-cho); } #action-area > p:nth-child(5) > a { font-family: var(--ST-font-Fun); font-weight: var(--ST-fontWei-Med) !important; font-size: 0.75rem; color: var(--ST-color-key); padding-top: 4px; padding-bottom: 4px; padding-left: 7px; padding-right: 9px; background: var(--ST-background-Con); border-radius: 2px !important; border-color: var(--ST-border-Con); cursor: pointer; width: fit-content !important; margin-top: 0.1rem; margin-bottom: 0.1rem; margin-left: 0.3rem; margin-right: 0.35rem; } /*========================*/ #footer a { color: var(--ST-fontCol-Hea); } #footer, #license-area { font-family: var(--ST-font-Hea); font-weight: var(--ST-fontWei-Med); background: transparent; } #page-content div.collapsible-block { margin-top: 13px; margin-bottom: 13px; } div.collapsible-block-content { animation: fade 0.4s; animation-fill-mode: forwards; } /* ===雜項 > 腳註/MISC > FOOTNOTES=== */ .hovertip { background: var(--ST-background-Foo) !important; border-radius: 2px; border-color: var(--ST-border-Con) !important; padding: 5px 5px 5px 5px; color: var(--ST-fontCol-Con-tex) !important; font-family: var(--ST-font-Con); max-width: var(--ST-fontWei-Reg); } .f-heading { text-transform: uppercase; font-weight: var(--ST-fontWei-Bla); font-size: 80%; } .footnotes-footer .title { font-size: 0px; color: var(--ST-color-Tra); margin-bottom: 15px; } .footnotes-footer .title:before { content: "Footnotes \0026 References"; color: var(--ST-fontCol-Con); text-transform: uppercase; font-weight: var(--ST-fontWei-Bla); font-size: 0.9rem; font-family: var(--ST-font-Con); cursor: text; } .footnotes-footer a { color: var(--ST-fontCol-Foo); font-weight: var(--ST-fontWei-Bol); font-family: var(--ST-font-Con); } .footnotes-footer { border-left: solid 3px var(--ST-border-Con); padding-left: 15px; margin-top: 6rem; } .footnote .f-footer, .equation .e-footer, .reference .r-footer { display: none; } /*========================*/ #page-options-container a { color: var(--ST-fontCol-Hea); font-family: var(--ST-font-Con); font-weight: var(--ST-fontWei-Bol); font-size: 90%; text-transform: uppercase; } #page-options-container a:hover { text-decoration: none; color: var(--ST-fontCol-Hea-cho); } #page-info-break { height: 3rem; } .code pre, .code p, .code, tt { font-family: var(--ST-font-Con); } #account-topbutton { color: var(--ST-fontCol-Fun) !important; } #account-topbutton:hover { color: var(--ST-fontCol-Fun-cho) !important; } #account-options { border: none; font-family: var(--ST-font-Con); font-weight: var(--ST-fontWei-Bol); width: fit-content; box-shadow: 0px 0px 5px var(--ST-shadow-Nor); background: var(--ST-background-Mis-acc-opt-men); padding: 5px 5px 5px 5px; text-transform: uppercase; } #account-options a { filter: var(--ST-filter-All); -webkit-filter: var(--ST-filter-All); color: var(--ST-fontCol-Fun) !important; } #account-options a:hover { color: var(--ST-fontCol-Fun-cho) !important; } /* ===Anendlessusername's invaluable correction of the ACS octagon!=== */ #page-content .quadrants>div { top: 2.25%; left: 18.5%; } /* ===WHEN YOU SEE IT...=== */ .licensebox .collapsible-block-link, .licensebox .collapsible-block-link:hover { background: none; text-transform: uppercase; font-weight: var(--ST-fontWei-Bol); } /* ===WORDS NO LONGER BROKEN, THE CROQUEMBOUCHE HAS SPOKEN=== */ #page-content span, #page-content a { word-break: normal !important; }
/* 標題:緹娜 外觀主題 作者:Sigtina 技術支援:vomiter、Luminous、Mang Gwan、Dr V Valentine、Viken-K 創作年:2022 取材自:Paperstack 外觀主題 by EstrellaYoshte。 BASALT 外觀主題 by 作者Azamo & Placeholder McD。 BASALT 外觀主題衍生至: Paperstack 外觀主題 by EstrellaYoshte。 Minimal 外觀主題 by Stormbreath。 BLANKSTYLE CSS by Placeholder McD & HarryBlank。 PLACESTYLE CSS by Placeholder McD。 Simple Yonder 外觀主題 by 作者EstrellaYoshte。 Tab animation,作者Croquembouche。 */ :root { /* ===自定義變數=== */ /* 自定義螢幕 */ --ST-color-Cus-scr: rgba(247, 247, 247, 0.9); /* 自定義頁面 */ --ST-color-Cus-pag: rgba(253, 253, 253, 0.9); /* 自定義筆記 */ --ST-color-Cus-not: rgba(226, 232, 233, 0.9); /* 自定義霧灰 */ --ST-color-Cus-gre: 128, 128, 128; /* 自定義青綠色 */ --ST-color-Cus-vir: 0, 255, 191; /* 自定義青綠文本色 */ --ST-color-Cus-vir-tex: 0, 128, 96; /* 自定義湛藍色 */ --ST-color-Cus-blu: 0, 128, 255; /* 自定義湛藍文本色 */ --ST-color-Cus-blu-tex: 0, 64, 128; /* 自定義柳黃色 */ --ST-color-Cus-yel: 255, 255, 0; /* 自定義柳黃文本色 */ --ST-color-Cus-yel-tex: 128, 128, 0; /* 自定義橘橙色 */ --ST-color-Cus-ora: 255, 128, 0; /* 自定義橘橙文本色 */ --ST-color-Cus-ora-tex: 128, 64, 0; /* 自定義品紅色 */ --ST-color-Cus-mag: 255, 0, 128; /* 自定義品紅文本色 */ --ST-color-Cus-mag-tex: 128, 0, 64; /* 自定義雅紫色 */ --ST-color-Cus-pur: 128, 0, 255; /* 自定義雅紫文本色 */ --ST-color-Cus-pur-tex: 64, 0, 128; } /* ===內容 > 自定義/CONTENT > CUSTOM DIVS=== */ .document { background: rgb(255, 255, 255); box-shadow: 0 0 10px var(--ST-shadow-Vag); margin: 26px auto 0; max-width: 550px; min-height: 300px; padding: 24px; padding-top: 50px; position: relative; width: 80%; color: rgb(4, 21, 17); } .document:before, .document:after { content: ""; height: 98%; position: absolute; width: 100%; z-index: -1; } .document:before { background: rgb(234, 251, 246); box-shadow: 0 0 8px var(--ST-shadow-Vag); left: -5px; top: 4px; transform: rotate(-2.5deg); } .document:after { background: rgb(234, 251, 246); box-shadow: 0 0 3px var(--ST-shadow-Vag); right: -3px; top: 1px; transform: rotate(1.4deg); } .darkdocument { border: solid 2px var(--ST-border-Con); background: rgb(0, 0, 0); box-shadow: 0 0 10px var(--ST-shadow-Vag); margin: 26px auto 0; max-width: 550px; min-height: 300px; padding: 24px; padding-top: 50px; position: relative; width: 80%; color: rgb(234, 251, 246); } .darkdocument:before, .darkdocument:after { content: ""; height: 98%; position: absolute; width: 100%; z-index: -1; } .darkdocument:before { border: solid 2px var(--ST-border-Con); background: rgb(4, 21, 17); box-shadow: 0 0 8px var(--ST-shadow-Vag); left: -5px; top: 4px; transform: rotate(-2.5deg); } .darkdocument:after { border: solid 2px var(--ST-border-Con); background: rgb(4, 21, 17); box-shadow: 0 0 3px var(--ST-shadow-Vag); right: -3px; top: 1px; transform: rotate(1.4deg); } .notation { border-left: solid 3px var(--ST-border-Hea); border-right: solid 3px var(--ST-border-Hea); padding: 25px 25px 25px 25px; box-shadow: 0px 0px 3px var(--ST-shadow-Nor); width: 75%; margin: auto; background: var(--ST-color-Cus-scr); } .modal { padding: 15px 15px 15px 15px; box-shadow: 0px 0px 3px var(--ST-shadow-Nor); width: auto; margin: auto; background: var(--ST-color-Cus-pag); border: solid 2px var(--ST-border-Hea); } .smallmodal { padding: 15px 15px 15px 15px; box-shadow: 0px 0px 3px var(--ST-shadow-Nor); width: 75%; margin: auto; background: var(--ST-color-Cus-pag); border: solid 2px var(--ST-border-Hea); } .jotting { padding: 5px 10px 5px 10px; box-shadow: 0px 0px 3px var(--ST-shadow-Nor); width: 75%; margin: auto; background: var(--ST-color-Cus-pag); border: dashed 0.1rem var(--ST-border-Hea); } .transcript { padding: 10px 10px 10px 10px; box-shadow: 0px 0px 3px var(--ST-shadow-Nor); width: 80%; margin: auto; background: var(--ST-color-Cus-pag); border: dotted 1px var(--ST-border-Hea); border-radius: 10px; } .papernote { background-color: var(--ST-color-Cus-not); color: var(--ST-fontCol-Hea-tex) !important; padding: 0.1rem 0.5rem 0.5rem 0.5rem; box-shadow: 1px 1px 3px 2px var(--ST-shadow-Vag); margin: auto; width: 65%; } .raisa_memo { background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png) #fff3ad; background-size: contain; background-position: top center; background-repeat: no-repeat; font-family: var(--ST-font-Con); box-shadow: 0px 0px 5px var(--ST-shadow-Nor); width: 90%; min-height: 4rem; max-height: 100rem; margin-left: auto; margin-right: auto; text-align: center; padding: 10px 20px 20px 20px; word-break: break-word; } .raisa_memo>p:nth-child(1)::before { content: "來自紀錄及資訊安全管理部的通知\00000a"; font-family: var(--ST-font-Hea); font-weight: var(--ST-fontWei-Bla); font-size: 130%; text-align: center; margin-bottom: 1rem; padding-bottom: 0.3rem; border-bottom: dotted 0.13rem darkslategrey; max-width: 49rem; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; align-content: stretch; align-items: center; } .classification_memo { background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_LIGHTLOGO.png) #edf5f3; background-size: contain; background-position: top center; background-repeat: no-repeat; font-family: var(--ST-font-Con); box-shadow: 0px 0px 5px var(--ST-shadow-Nor); width: 90%; min-height: 4rem; max-height: 100rem; margin-left: auto; margin-right: auto; text-align: center; padding: 10px 20px 20px 20px; word-break: break-word; } .classification_memo>p:nth-child(1)::before { content: "分級委員會備忘錄\00000a"; font-family: var(--ST-font-Hea); font-weight: var(--ST-fontWei-Bla); font-size: 130%; text-align: center; margin-bottom: 1rem; padding-bottom: 0.3rem; border-bottom: dotted 0.13rem darkslategrey; max-width: 49rem; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; align-content: stretch; align-items: center; } .ettra_memo { background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_LIGHTLOGO.png) #f5d7d7; background-size: contain; background-position: top center; background-repeat: no-repeat; font-family: var(--ST-font-Con); box-shadow: 0px 0px 5px var(--ST-shadow-Nor); width: 90%; min-height: 4rem; max-height: 100rem; margin-left: auto; margin-right: auto; text-align: center; padding: 10px 20px 20px 20px; word-break: break-word; } .ettra_memo>p:nth-child(1)::before { content: "來自新興威脅戰術響應局的通知\00000a"; font-family: var(--ST-font-Hea); font-weight: var(--ST-fontWei-Bla); font-size: 130%; text-align: center; margin-bottom: 1rem; padding-bottom: 0.3rem; border-bottom: dotted 0.13rem darkslategrey; max-width: 49rem; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; align-content: stretch; align-items: center; } .ethics_memo { background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png) #ffdbc4; background-size: contain; background-position: top center; background-repeat: no-repeat; font-family: var(--ST-font-Con); box-shadow: 0px 0px 5px var(--ST-shadow-Nor); width: 90%; min-height: 4rem; max-height: 100rem; margin-left: auto; margin-right: auto; text-align: center; padding: 10px 20px 20px 20px; word-break: break-word; } .ethics_memo>p:nth-child(1)::before { content: "倫理委員會備忘錄\00000a"; font-family: var(--ST-font-Hea); font-weight: var(--ST-fontWei-Bla); font-size: 130%; text-align: center; margin-bottom: 1rem; padding-bottom: 0.3rem; border-bottom: dotted 0.13rem darkslategrey; max-width: 49rem; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; align-content: stretch; align-items: center; } .temporal_memo { background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_LIGHTLOGO.png) #ffffff; background-size: contain; background-position: top center; background-repeat: no-repeat; font-family: var(--ST-font-Con); box-shadow: 0px 0px 5px var(--ST-shadow-Nor); border: double 3px lightgrey; width: 90%; min-height: 4rem; max-height: 100rem; margin-left: auto; margin-right: auto; text-align: center; padding: 10px 20px 20px 20px; word-break: break-word; } .temporal_memo>p:nth-child(1)::before { content: "時間異常部門\00000a"; font-family: var(--ST-font-Hea); font-weight: var(--ST-fontWei-Bla); font-size: 130%; text-align: center; margin-bottom: 1rem; padding-bottom: 0.3rem; border-bottom: dotted 0.13rem darkslategrey; max-width: 49rem; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; align-content: stretch; align-items: center; } .overwatch_memo { background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_LIGHTLOGO.png) #e3e3e3; background-size: contain; background-position: top center; background-repeat: no-repeat; font-family: var(--ST-font-Con); box-shadow: 0px 0px 5px var(--ST-shadow-Nor); width: 90%; min-height: 4rem; max-height: 100rem; margin-left: auto; margin-right: auto; text-align: center; padding: 10px 30px 20px 20px; word-break: break-word; } .overwatch_memo>p:nth-child(1)::before { content: "監督者指揮部\00000a"; font-family: var(--ST-font-Hea); font-weight: var(--ST-fontWei-Bla); font-size: 130%; text-align: center; margin-bottom: 1rem; padding-bottom: 0.55rem; border-bottom: dotted 0.13rem darkslategrey; max-width: 49rem; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; align-content: stretch; align-items: center; } .miscomm_memo { background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/MISCOMM_LIGHTLOGO.png) #eeedfa; background-size: contain; background-position: top center; background-repeat: no-repeat; font-family: var(--ST-font-Con); box-shadow: 0px 0px 5px var(--ST-shadow-Nor); width: 90%; min-height: 4rem; max-height: 100rem; margin-left: auto; margin-right: auto; text-align: center; padding: 10px 30px 20px 20px; word-break: break-word; } .miscomm_memo>p:nth-child(1)::before { content: "來自誤傳部門的通知\00000a"; font-family: var(--ST-font-Hea); font-weight: var(--ST-fontWei-Bla); font-size: 130%; text-align: center; margin-bottom: 1rem; padding-bottom: 0.3rem; border-bottom: dotted 0.13rem darkslategrey; max-width: 49rem; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; align-content: stretch; align-items: center; } .raisa_memo a, .temporal_memo a, .classification_memo a, .overwatch_memo a, .ettra_memo a, .ethics_memo a, .miscomm_memo a { font-weight: var(--ST-fontWei-Bol); } .bigtext { font-family: var(--ST-font-Con); font-weight: var(--ST-fontWei-Bol); } .st { font-family: var(--ST-font-Con); font-weight: var(--ST-fontWei-Bol); text-decoration: underline; } /* ===內容 > 表格/CONTENT > TABLES=== */ #page-content .table1 tr th { background-color: rgba(var(--ST-color-Cus-vir), 0.3); } #page-content .table1 .st { color: rgb(var(--ST-color-Cus-vir-tex)); } #page-content .table2 tr th { background-color: rgba(var(--ST-color-Cus-blu), 0.3); } #page-content .table2 .st { color: rgb(var(--ST-color-Cus-blu-tex)); } #page-content .table3 tr th { background-color: rgba(var(--ST-color-Cus-yel), 0.3); } #page-content .table3 .st { color: rgb(var(--ST-color-Cus-yel-tex)); } #page-content .table4 tr th { background-color: rgba(var(--ST-color-Cus-ora), 0.3); } #page-content .table4 .st { color: rgb(var(--ST-color-Cus-ora-tex)); } #page-content .table5 tr th { background-color: rgba(var(--ST-color-Cus-mag), 0.3); } #page-content .table5 .st { color: rgb(var(--ST-color-Cus-mag-tex)); } #page-content .table6 tr th { background-color: rgba(var(--ST-color-Cus-pur), 0.3); } #page-content .table6 .st { color: rgb(var(--ST-color-Cus-pur-tex)); } .tableb .wiki-content-table { border-collapse: separate; border-spacing: 5px; padding-left: -100px; } .table1 .scp-image-block .scp-image-caption { background-color: rgba(var(--ST-color-Cus-vir), 0.3); color: var(--ST-fontCol-Con-tex); } .table2 .scp-image-block .scp-image-caption { background-color: rgba(var(--ST-color-Cus-blu), 0.3); color: var(--ST-fontCol-Con-tex); } .table3 .scp-image-block .scp-image-caption { background-color: rgba(var(--ST-color-Cus-yel), 0.3); color: var(--ST-fontCol-Con-tex); } .table4 .scp-image-block .scp-image-caption { background-color: rgba(var(--ST-color-Cus-ora), 0.3); color: var(--ST-fontCol-Con-tex); } .table5 .scp-image-block .scp-image-caption { background-color: rgba(var(--ST-color-Cus-mag), 0.3); color: var(--ST-fontCol-Con-tex); } .table6 .scp-image-block .scp-image-caption { background-color: rgba(var(--ST-color-Cus-pur), 0.3); color: var(--ST-fontCol-Con-tex); } /* ===緹娜摺疊頁組件=== */ .STcol-block > ul, .STcol-block > ul > li { font-family: var(--ST-font-Fun); font-weight: var(--ST-fontWei-Med); display:block; line-height:normal; list-style:none; margin:0; padding:0; } .STcol-block > ul > li > ul, li.folded > .STcol-link-top a + a, li.folded > .STcol-content, li.folded > .STcol-link-end a, li.unfolded > .STcol-link-top a:first-child { display:none; } .STcol-content { -webkit-animation:STcol-fade-in 0.2s ease-in-out; -moz-animation:STcol-fade-in 0.2s ease-in-out; animation:STcol-fade-in 0.2s ease-in-out; -webkit-animation-timing-function:cubic-bezier(0.3649610494,0,0.6350389506,1); -moz-animation-timing-function:cubic-bezier(0.3649610494,0,0.6350389506,1); animation-timing-function:cubic-bezier(0.3649610494,0,0.6350389506,1); } li.folded > .STcol-content { -webkit-animation-name:none; -moz-animation-name:none; animation-name:none; } @-webkit-keyframes STcol-fade-in { from { opacity:0; } to { opacity:1; } } @-moz-keyframes STcol-fade-in { from { opacity:0; } to { opacity:1; } } @keyframes STcol-fade-in { from { opacity:0; } to { opacity:1; } } [class|="STcol-link"] div.foldable-list-container { display:inline; } .STcol-p > [class|="STcol-link"] a, .p > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-h6 > [class|="STcol-link"] a, .h6 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-h5 > [class|="STcol-link"] a, .h5 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-h4 > [class|="STcol-link"] a, .h4 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-h3 > [class|="STcol-link"] a, .h3 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-h2 > [class|="STcol-link"] a, .h2 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-h1 > [class|="STcol-link"] a, .h1 > .STcol-block > ul > li > [class|="STcol-link"] a { font-family: var(--ST-font-Hea); font-weight: var(--ST-fontWei-Bol); text-transform: uppercase; letter-spacing: unset; } .STcol-h6 > [class|="STcol-link"] a, .h6 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-h5 > [class|="STcol-link"] a, .h5 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-h4 > [class|="STcol-link"] a, .h4 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-h3 > [class|="STcol-link"] a, .h3 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-h2 > [class|="STcol-link"] a, .h2 > .STcol-block > ul > li > [class|="STcol-link"] a { margin: 0.5em 0 0.4em; } .STcol-h6 > [class|="STcol-link"] a, .h6 > .STcol-block > ul > li > [class|="STcol-link"] a { font-size: 0.9em; } .STcol-h4 > [class|="STcol-link"] a, .h4 > .STcol-block > ul > li > [class|="STcol-link"] a { font-size: 1.2em; } .STcol-h3 > [class|="STcol-link"] a, .h3 > .STcol-block > ul > li > [class|="STcol-link"] a { font-size: 1.3em; } .STcol-h2 > [class|="STcol-link"] a, .h2 > .STcol-block > ul > li > [class|="STcol-link"] a { font-size: 1.5em; } .STcol-h1 > [class|="STcol-link"] a, .h1 > .STcol-block > ul > li > [class|="STcol-link"] a { font-size: 1.9em; margin: 0.7em 0 0.6em; } .STcol-rawmode.STcol-p > [class|="STcol-link"] a, .rawmode.p > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-rawmode.STcol-h6 > [class|="STcol-link"] a, .rawmode.h6 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-rawmode.STcol-h5 > [class|="STcol-link"] a, .rawmode.h5 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-rawmode.STcol-h4 > [class|="STcol-link"] a, .rawmode.h4 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-rawmode.STcol-h3 > [class|="STcol-link"] a, .rawmode.h3 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-rawmode.STcol-h2 > [class|="STcol-link"] a, .rawmode.h2 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-rawmode.STcol-h1 > [class|="STcol-link"] a, .rawmode.h1 > .STcol-block > ul > li > [class|="STcol-link"] a { padding: 0; } .STcol-rawmode.STcol-p > [class|="STcol-link"] a, .rawmode.p > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-rawmode.STcol-h1 > [class|="STcol-link"] a, .rawmode.h1 > .STcol-block > ul > li > [class|="STcol-link"] a { color: var(--ST-fontCol-Hea); } .STcol-rawmode.STcol-h6 > [class|="STcol-link"] a, .rawmode.h6 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-rawmode.STcol-h5 > [class|="STcol-link"] a, .rawmode.h5 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-rawmode.STcol-h4 > [class|="STcol-link"] a, .rawmode.h4 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-rawmode.STcol-h3 > [class|="STcol-link"] a, .rawmode.h3 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-rawmode.STcol-h2 > [class|="STcol-link"] a, .rawmode.h2 > .STcol-block > ul > li > [class|="STcol-link"] a { color: var(--ST-fontCol-Con); } .STcol-keymode.STcol-p > [class|="STcol-link"] a, .keymode.p > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-keymode.STcol-h6 > [class|="STcol-link"] a, .keymode.h6 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-keymode.STcol-h5 > [class|="STcol-link"] a, .keymode.h5 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-keymode.STcol-h4 > [class|="STcol-link"] a, .keymode.h4 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-keymode.STcol-h3 > [class|="STcol-link"] a, .keymode.h3 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-keymode.STcol-h2 > [class|="STcol-link"] a, .keymode.h2 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-keymode.STcol-h1 > [class|="STcol-link"] a, .keymode.h1 > .STcol-block > ul > li > [class|="STcol-link"] a { padding: 4px 9px 4px 7px; text-decoration:none; border: none; border-radius: 3px; color: var(--ST-color-key); } .STcol-keymode.STcol-p > [class|="STcol-link"] a, .keymode.p > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-keymode.STcol-h1 > [class|="STcol-link"] a, .keymode.h1 > .STcol-block > ul > li > [class|="STcol-link"] a { background: var(--ST-background-Hea); } .STcol-keymode.STcol-h6 > [class|="STcol-link"] a, .keymode.h6 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-keymode.STcol-h5 > [class|="STcol-link"] a, .keymode.h5 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-keymode.STcol-h4 > [class|="STcol-link"] a, .keymode.h4 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-keymode.STcol-h3 > [class|="STcol-link"] a, .keymode.h3 > .STcol-block > ul > li > [class|="STcol-link"] a, .STcol-keymode.STcol-h2 > [class|="STcol-link"] a, .keymode.h2 > .STcol-block > ul > li > [class|="STcol-link"] a { background: var(--ST-background-Con); } .STcol-rawmode.STcol-p > [class|="STcol-link"] a:hover, .STcol-rawmode.STcol-p > [class|="STcol-link"] a:active, .rawmode.p > .STcol-block > ul > li > [class|="STcol-link"] a:hover, .rawmode.p > .STcol-block > ul > li > [class|="STcol-link"] a:active, .STcol-rawmode.STcol-h1 > [class|="STcol-link"] a:hover, .STcol-rawmode.STcol-h1 > [class|="STcol-link"] a:active, .rawmode.h1 > .STcol-block > ul > li > [class|="STcol-link"] a:hover, .rawmode.h1 > .STcol-block > ul > li > [class|="STcol-link"] a:active { color: var(--ST-fontCol-Hea-cho); } .STcol-rawmode.STcol-h6 > [class|="STcol-link"] a:hover, .STcol-rawmode.STcol-h6 > [class|="STcol-link"] a:active, .rawmode.h6 > .STcol-block > ul > li > [class|="STcol-link"] a:hover, .rawmode.h6 > .STcol-block > ul > li > [class|="STcol-link"] a:active, .STcol-rawmode.STcol-h5 > [class|="STcol-link"] a:hover, .STcol-rawmode.STcol-h5 > [class|="STcol-link"] a:active, .rawmode.h5 > .STcol-block > ul > li > [class|="STcol-link"] a:hover, .rawmode.h5 > .STcol-block > ul > li > [class|="STcol-link"] a:active, .STcol-rawmode.STcol-h4 > [class|="STcol-link"] a:hover, .STcol-rawmode.STcol-h4 > [class|="STcol-link"] a:active, .rawmode.h4 > .STcol-block > ul > li > [class|="STcol-link"] a:hover, .rawmode.h4 > .STcol-block > ul > li > [class|="STcol-link"] a:active, .STcol-rawmode.STcol-h3 > [class|="STcol-link"] a:hover, .STcol-rawmode.STcol-h3 > [class|="STcol-link"] a:active, .rawmode.h3 > .STcol-block > ul > li > [class|="STcol-link"] a:hover, .rawmode.h3 > .STcol-block > ul > li > [class|="STcol-link"] a:active, .STcol-rawmode.STcol-h2 > [class|="STcol-link"] a:hover, .STcol-rawmode.STcol-h2 > [class|="STcol-link"] a:active, .rawmode.h2 > .STcol-block > ul > li > [class|="STcol-link"] a:hover, .rawmode.h2 > .STcol-block > ul > li > [class|="STcol-link"] a:active { color: var(--ST-fontCol-Con-cho); } .STcol-keymode.STcol-p > [class|="STcol-link"] a:hover, .STcol-keymode.STcol-p > [class|="STcol-link"] a:active, .keymode.p > .STcol-block > ul > li > [class|="STcol-link"] a:hover, .keymode.p > .STcol-block > ul > li > [class|="STcol-link"] a:active, .STcol-keymode.STcol-h1 > [class|="STcol-link"] a:hover, .STcol-keymode.STcol-h1 > [class|="STcol-link"] a:active, .keymode.h1 > .STcol-block > ul > li > [class|="STcol-link"] a:hover, .keymode.h1 > .STcol-block > ul > li > [class|="STcol-link"] a:active { background: var(--ST-background-Hea-cho); } .STcol-keymode.STcol-h6 > [class|="STcol-link"] a:hover, .STcol-keymode.STcol-h6 > [class|="STcol-link"] a:active, .keymode.h6 > .STcol-block > ul > li > [class|="STcol-link"] a:hover, .keymode.h6 > .STcol-block > ul > li > [class|="STcol-link"] a:active, .STcol-keymode.STcol-h5 > [class|="STcol-link"] a:hover, .STcol-keymode.STcol-h5 > [class|="STcol-link"] a:active, .keymode.h5 > .STcol-block > ul > li > [class|="STcol-link"] a:hover, .keymode.h5 > .STcol-block > ul > li > [class|="STcol-link"] a:active, .STcol-keymode.STcol-h4 > [class|="STcol-link"] a:hover, .STcol-keymode.STcol-h4 > [class|="STcol-link"] a:active, .keymode.h4 > .STcol-block > ul > li > [class|="STcol-link"] a:hover, .keymode.h4 > .STcol-block > ul > li > [class|="STcol-link"] a:active, .STcol-keymode.STcol-h3 > [class|="STcol-link"] a:hover, .STcol-keymode.STcol-h3 > [class|="STcol-link"] a:active, .keymode.h3 > .STcol-block > ul > li > [class|="STcol-link"] a:hover, .keymode.h3 > .STcol-block > ul > li > [class|="STcol-link"] a:active, .STcol-keymode.STcol-h2 > [class|="STcol-link"] a:hover, .STcol-keymode.STcol-h2 > [class|="STcol-link"] a:active, .keymode.h2 > .STcol-block > ul > li > [class|="STcol-link"] a:hover, .keymode.h2 > .STcol-block > ul > li > [class|="STcol-link"] a:active { background: var(--ST-background-Con-cho); } .STcol-left > [class|="STcol-link"], .left > .STcol-block > ul > li > [class|="STcol-link"] { text-align: left; } .STcol-right > [class|="STcol-link"], .right > .STcol-block > ul > li > [class|="STcol-link"] { text-align: right; } .STcol-center > [class|="STcol-link"], .center > .STcol-block > ul > li > [class|="STcol-link"] { text-align: center; }
SCP格式資源|文章使用零件中心頁
原作者:Shaggydredlocks及為這篇文章貢獻的所有人
譯者:Viken-K
警告:當前原文仍持續更新中,且有部分譯名尚未確定。當你發現任何地方有誤或已過時的話,可以自由的修正或更新。如果是更新格式模板的話,請記得於討論區或編輯註記中留下更新紀錄。
歡迎你的到來!不論你是誰。
這是篇能讓你輕鬆的使用,可以快速「複製貼上」多種用於SCP檔案裡的紀錄及格式資源的文章,就跟GOI中心頁裡那些獨特格式的指南一樣。
由於會有更多的格式被創造出來,這個頁面將會保持開放共編,請確保遵守以下的格式進行添加。
注意:這並不是一份完整的列表,而這些格式也不是什麼硬性規定。我們鼓勵使用者們自主的從現有的格式去發展,或是使用自己覺得最舒適的格式。
注意:CSS模組只會在頁面刷新後應用,而預覽並不會刷新整個頁面。為了看見任何於改動CSS模組後的效果,請記得儲存你的頁面。
在頁面更迭的過程中,有些格式語法被移除了,但這並不代表它們不再堪用。如果你仍想使用它們的話,你可以到 這裡 碰碰運氣。
Viken-K
[[>]]
[[module Rate]]
[[/>]]
**項目編號:**SCP-ZH-XXX
**項目等級:**Safe/Euclid/Keter(表明項目等級)
**特殊收容措施:**[紀錄收容程序及措施的段落]
**描述:**[項目的相關描述]
**附錄:**[相關的附加段落(非必要)]
[[footnoteblock]]
[[div class="footer-wikiwalk-nav"]]
[[=]]
<< [[[SCP-ZH-XXW]]] | SCP-ZH-XXX | [[[SCP-ZH-XXY]]] >>
[[/=]]
[[/div]]
> **受訪者:** [被訪問的個人,團體或項目。 ]
>
> **採訪者:** [採訪者,名稱能夠使用█掩蓋。]
>
> **前言:** [描述訪談背景的小段落]
>
> **<開始紀錄, [時間資訊]>**
>
> **受訪者:** [對話]
>
> **採訪者:**[對話]
>
> [按需求重複]
>
> **<紀錄結束,[時間資訊]>**
>
> **結語:** [對上述對話內容的小總結及記述之後發生的事]
小提示:使用「>」插入塊引號時,請確保在每次使用後添加空格 ,否則您的文本將不會顯示於引用欄內。
選項11
它看起來像是這樣:
這是測試用標題 | |
測試對象 | 資料1 |
方案 | 資料2 |
結果 | 資料3 |
你可以複製:
[[table style="border-collapse:collapse; max-width: 600px;"]]
[[row]]
[[cell style="font-weight:bold;padding: .3em .7em; text-align: center; border: 1px solid black; background-color: silver; width: 20%;"]]
這是測試用標題
[[/cell]]
[[cell style="font-weight:bold; padding: .3em .7em; text-align: center; border: 1px solid black; background-color: silver;"]]
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; padding: .3em .7em; border: 1px solid black"]]
測試對象
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
資料1
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; padding: .3em .7em; border: 1px solid black"]]
方案
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
資料2
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; border: 1px solid black"]]
結果
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
資料3
[[/cell]]
[[/row]]
[[/table]]
選項22
它看起來像是這樣:
日期 | 資料 | 效果 | 註記 |
---|---|---|---|
日期1 |
資料1 |
效果1 | 註記1 |
日期2 |
資料2 |
效果2 | 註記2 |
日期3 |
資料3 |
效果3 | 註記3 |
日期4 |
資料4 |
效果4 | 註記4 |
日期5 |
資料5 |
效果5 | 註記5 |
日期6 |
資料6 |
效果6 | 註記6 |
你可以複製:
[[table style="border: 1px solid silver"]]
[[row]]
[[hcell style="border: 1px solid silver"]]
日期
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
資料
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
效果
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
註記
[[/hcell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期1
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
資料1
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果1
[[/cell]]
[[cell style="border: 1px solid silver"]]
註記1
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期2
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
資料2
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果2
[[/cell]]
[[cell style="border: 1px solid silver"]]
註記2
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期3
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
資料3
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果3
[[/cell]]
[[cell style="border: 1px solid silver"]]
註記3
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期4
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
資料4
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果4
[[/cell]]
[[cell style="border: 1px solid silver"]]
註記4
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期5
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
資料5
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果5
[[/cell]]
[[cell style="border: 1px solid silver"]]
註記5
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期6
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
資料6
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果6
[[/cell]]
[[cell style="border: 1px solid silver"]]
註記6
[[/cell]]
[[/row]]
[[/table]]
選項3
它看起來像是這樣:
你可以複製:
小提示! 你可以使用「登入/登出」 格式(選項1及選項2) 來取代普通的折疊頁代碼。
[[collapsible]]
[[include :scp-sandbox-3:component:classified-experiment
|experiment-title=實驗-XXXX
|sub-title=副標題
|left=實驗目的:
這裡是「左側」的框架
結果:
較寬的框架
|right=測試對象:
這裡是「右側」的框架
日期/地點:
較窄的框架
|content=
> = 引用塊
> **粗體字:** 文字 文字 文字 [https://www.google.com/ 引用塊裡面的連結]
> = ↓字體大小
> ----
> +* h1
> ++* h2
> +++* h3
> ++++* h4
> +++++* h5
> ++++++* h6
+* h1
++* h2
+++* h3
++++* h4
+++++* h5
++++++* h6
]]
[[/collapsible]]
屬性 | 必要性 | 允許值 | 描述 |
---|---|---|---|
experiment-title | 必要 | 文字 連結 |
標題的內容 |
sub-title | 非必要 | 文字 連結 |
副標題的內容 |
content | 必要 | 文字 連結 |
同時,你可以使用維基語法(像是引用塊) |
left | 非必要 | 文字 連結 |
較寬的框架 |
right | 非必要 | 文字 連結 |
較窄的框架 |
warning | 非必要 | 文字 | 用來替換「ACCESS GRANTED」 |
選項4
它看起來像是這樣:
等待10秒…
文字 文字 文字
文字 文字 文字
文字 文字 文字
文字 文字 文字
文字 文字 文字
文字 文字 文字
文字 文字 文字
文字 文字 文字
文字 文字 文字
你可以複製:
[[collapsible show="+ 加載" hide="- 停止"]]
[[include :scp-sandbox-3:component:3d-logo |header=true|title=SCiP NET|num=ver. β]]
文字 文字 文字
[[include :scp-sandbox-3:component:3d-logo |footer=true]]
[[/collapsible]]
小提示! 你可以使用「登入/登出」 格式(選項1及選項2) 來取代普通的折疊頁代碼。
選項13
它看起來像是這樣:
探索影像紀錄副本:
日期: 選填
探索團隊: 團隊名稱 - 選填
對象: 區域/異常- 選填
隊長: 選填
團隊成員: 選填
[紀錄開始]
人員A: 對話
人員B: 對話
事件發生
人員A: 對話
[紀錄結束]
你可以複製:
[[div class="blockquote"]]
**探索影像紀錄副本:**
**日期:** 選填
**探索團隊:** 團隊名稱 - 選填
**對象:** 區域/異常- 選填
**隊長:** 選填
**團隊成員:** 選填
-----
[紀錄開始]
**人員A:** 對話
**人員B:** 對話
//事件發生//
**人員A:** 對話
[紀錄結束]
[[/div]]
選項24
它看起來像是這樣:
影像紀錄
日期:
備註:
[紀錄開始]
時間: 事件
時間: 事件
時間: 事件
[紀錄結束]
小提示!這個格式模仿了你平常在網站上所看到的引用塊(基本維基語法中的「> 」),但這個格式在配合圖片使用上更加優秀。
你可以複製:
[[div class="blockquote"]]
= **影像紀錄**
----
**日期:**
**備註:**
----
[紀錄開始]
**時間:** 事件
**時間:** 事件
**時間:** 事件
-----
[紀錄結束]
[[/div]]
選項35
這給予了更加電腦化的樣式。
它看起來像是這樣:
| 細節1
| 細節2
| 細節3
| 細節4
| 細節5
文字 文字 文字
更多文字
更多
還有更多
還有更多需要被記錄下的文字
你可以複製:
重要提醒:請把這個部分放在頁面的最上方。
[[module css]]
.footnoteref{
color: #FF5555;
}
.danke{
padding: 5px 5px 5px 15px;
margin-bottom:10px;
width: 100%;
font-family: monospace;
font-size: 1.1em; }
.agent{
background-color:#002200;
border: 3px solid #55AA55;
color: #77CC77;
}
.site{
background-color:#222200;
border: 3px solid #AAAA55;
color: #DDDD77;
}
[[/module]]
重要提醒:請把這個部分放在你想要添加這個格式的位置。
[[div class="danke agent"]]
| 細節1
| 細節2
| 細節3
| 細節4
| 細節5
文字 文字 文字
更多文字
更多
還有更多
還有更多需要被記錄下的文字
[[/div]]
小提示!將「danke agent」替換成「danke site」,會得到另外一種顏色方案(黃色的)。
選項4
裡面要填入的東西
[[div style="background: gray; padding: 1px 15px; border: solid 3px lightgray; margin: 10px; border-radius: 30px 15px;"]]
[[div style="background: white; padding: 1px 15px; border: solid 3px lightgray; margin: 10px; border-radius: 30px 15px;"]]
裡面要填入的東西
[[/div]]
[[/div]]
選項56
它看起來像是這樣:
文字
更多文字
更多[]
你可以複製:
重要提醒:請把這個部分放在頁面的最上方。
[[module CSS]]
.containercontainer {position: relative;width: auto;height: auto;border: 2px solid #666;background: #141212;color: #3F3;margin-top: 1em;margin-bottom: 1em;}.containercontainer .container .overlay {background: rgba(51, 255, 51, 0.9);color: #121010;position: absolute;width: auto;height: 50px;top: 0;right: 0;bottom: 0;left: 0;margin: auto;line-height: 50px;display: inline;vertical-align: middle;text-align: center;font-family: Courier New;font-size: 30px;letter-spacing: 5px;font-weight: bolder;z-index: 3;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.overlayback {background: rgba(187, 187, 187, 0.5);z-index: 3;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: auto;height: auto;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.containercontainer .container {text-align: center;width: inherit;height: inherit;position: relative;overflow: hidden;}.containercontainer .container::after {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(21, 19, 19, 0.2);opacity: 0;z-index: 2;animation: flicker 0.15s infinite;}.containercontainer .container::before {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));z-index: 2;background-size: 100% 2px, 3px 100%;}.no-unfold {text-align: center;}.container h1,.container h2,.container h3,.container h5,.container h6 {color: #3F3;}.container hr {border-top: 1px dotted #3F3;border-bottom: none;}.container hr {border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;color: transparent;background-color: transparent;}.container hr:after {display: block;margin-top: 2px;border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;}.blinkbar {animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }15% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
[[/module]]
重要提醒:請把這個部分放在你想要添加這個格式的位置。
[[div class="no-unfold"]]
[[div class="containercontainer"]]
[[div class="container"]]
+* [!-- 不要刪掉這個「+*」號。 --]
[[span_ class="overlay"]]
還有更多!
[[/span]]
[[div_ class="overlayback"]]
[[/div]]
+* h1
++* h2
+++* h3
++++* h4
+++++* h5
++++++* h6
文字
更多文字
更多[[span class="blinkbar"]][][[/span]]
[[/div]]
[[/div]]
[[/div]]
選項67
它看起來像是這樣:
你可以複製:
重要提醒:
[[module CSS]]
/* //// 當你想要新增新的「錄音」時,//// */
/* ////請依照以下的格式來增加新的「選項」。//// */
.r1 {animation-delay: 3s;}
.r2 {animation-delay: 6s;}
.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link
{animation-delay: calc(6s + 2s);}
.tape-record {position: relative;height: 6em;pointer-events: none;}.record {display: block;position: absolute;width: 100%;animation-name: record;animation-duration: 2.5s;opacity: 0;top: 0;text-align: center;}.tape-wrap {position: relative;background-color: rgba(244, 244, 244, 1);border: 1px dashed #999;padding: 0 1em;}.tape-anim {position: relative;background-image: url("http://unofficial-scp-sandbox-jp.wikidot.com/local--files/iroiro-workshop-8/DoxYSJAV4AET63r.png");background-size: 200px;background-position: center center;background-repeat: no-repeat;min-height: 300px;}.tape-left,.tape-right {display: block;position: absolute;margin: auto;height: 0;width: 70px;padding-bottom: 100%;background-image: url("http://unofficial-scp-sandbox-jp.wikidot.com/local--files/iroiro-workshop-8/scp_trans.png");background-size: contain;background-position: center center;background-repeat: no-repeat;pointer-events: none;}.tape-left {top: -20px;bottom: 0;left: -70px;right: 0;animation-name: spin1;animation-duration: 15s;animation-timing-function: linear;animation-fill-mode: forwards;}.tape-right {top: 0;bottom: -32px;left: 0;right: -72px;animation-name: spin1;animation-duration: 20s;animation-timing-function: linear;animation-fill-mode: forwards;}.tape-wrap .collapsible-block-unfolded-link {padding-top: 1em;}.tape-wrap .collapsible-block-folded,.tape-wrap .collapsible-block-unfolded-link {position: relative;text-align: center;}.tape-wrap .collapsible-block-link:before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);}.tape-wrap .collapsible-block-folded .collapsible-block-link:before {content: "\f04b";}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link:before {content: "\f1da";}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link {animation-name: g-ex;animation-duration: 1s;animation-fill-mode: forwards;visibility: hidden;opacity: 0;}.tape-wrap .collapsible-block-folded {padding-top: 1em;padding-bottom: 1em;}@keyframes g-ex {50% {visibility: visible;opacity: 0;}100% {visibility: visible;opacity: 1;}}@keyframes spin1 {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}@keyframes record {0% {opacity: 0;}25% {opacity: 1;}75% {opacity: 1;}100% {opacity: 0;}}@-moz-document url-prefix() {.tape-anim {height: 300px;}.tape-left,.tape-right {display: block;width: 70px;height: 70px;position: relative;margin: 0 auto;padding: 0 auto;}.tape-left {top: 105px;bottom: initial;left: -36px;}.tape-right {top: 60px;bottom: initial;left: 35px;}}
[[/module]]
重要提醒:
[[div class="tape-wrap"]]
[[collapsible show="播放" hide="重新載入"]]
[[div class="tape-anim"]]
[[div class="tape-left"]]
[[/div]]
[[div class="tape-right"]]
[[/div]]
[[/div]]
[[div class="tape-record"]]
[[span class="record r1"]]//第一行//
//第二行//
//最後一行//[[/span]]
[[span class="record r2"]]//文字//
//更多文字//[[/span]]
[[/div]]
[[/collapsible]]
[[/div]]
選項7
它看起來像是這樣:
我沒辦法識別你的wikidot ID。|
你可以複製:
重要提醒;請把這個部分放在頁面的最上方。
[[module CSS]]
#u-start, .textchange div.sitemember:nth-child(2) {display:none;}.type-wrap-wrapper {position: relative;text-align: left;}.type-wrapper {background: #555;}.typearea {color: lime; font-family: "Courier";font-size: 1.2em;margin: 10px 0 0 10px;white-space: nowrap;overflow: hidden;width: 0;}#u-start:target ~ .typearea {width: 100%;animation: type 4s steps(60, end); }.typearea a{color: lime;text-decoration: none;}.blink {animation: blink 1s infinite;}@keyframes type{ from { width: 0; } } @keyframes blink{to{opacity: .0;}}.buttonwrapper {text-align: center;}.likebutton {padding: 0.1em 0.5em;text-decoration: none;font-size: 1.3em;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}.likebutton:hover {background-color: #DDD;color: #000;border: 1px solid #0098b3;}
[[/module]]
重要提醒;請把這個部分放在你想要添加這個格式的位置。
[[div class="type-wrap-wrapper"]]
[[div class="type-wrapper"]]
[[div id="u-start"]]
[[/div]]
[[div class="typearea"]]
[[div class="textchange"]]
[[module ListUsers users="."]]
[[div class="sitemember"]]
你的wikidot ID是「%%name%%」。[[span class="blink"]]|[[/span]]
[[/div]]
[[/module]]
[[div class="sitemember"]]
我沒辦法識別你的wikidot ID。[[span class="blink"]]|[[/span]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="buttonwrapper"]]
[[a class="likebutton" href="#u-start"]]按我![[/a]]
[[/div]]
[[/div]]
選項88
它看起來像是這樣:
重要提醒:這個部分是CSS模組,請把這個部分放在頁面的最上方。
[[module CSS]]
div.terminal{
border: 1px solid black;
border: solid 3px #BBBBBB;
border-radius: 16px;
background-color: #131;
/* 終端機上方的黑影 */
background-image:
radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
background-position: center;
display: block;
/* 終端機周圍的陰影 */
box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
/* 避免掃描線產生一個滾輪 */
overflow:hidden;
}
div.terminal blockquote {
background-color: black;
border: double 3px #80FF80
}
div.scanline{
margin-top: -40%;
width: 100%;
height: 60px;
position: relative;
pointer-events: none;
/* Safari 4.0 - 8.0 */
-webkit-animation: scan 12s linear 0s infinite; /* 你可能會想修改這裡,如果橫條移動的太快了,你可以加個5秒。 */
animation: scan 12s linear 0s infinite; /* 同上 */
background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
}
div.text{
color: rgba(128,255,128,0.8);
padding-left: 2em;
padding-top: 40%;
font-family: monospace;
font-size: 1.2em;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes scan{
from{ transform: translateY(-10%);}
to{ transform: translateY(5000%);} /* 根據你所要的終端機長度,你可能需要調整這裡的數值。如果掃描線走到一半就停了,請增大第二個數值。*/
}
@keyframes scan{
from{ transform: translateY(-10%);}
to{ transform: translateY(5000%);} /* 同上。*/
}
div.text a {
color: #90EE90;
text-decoration: none;
background: transparent;
}
div.text a.newpage {
color: #90EE90;
text-decoration: none;
background: transparent;
}
div.text a:hover {
color: #131;
text-decoration: underline;
background-color: #80FF80;
padding: 1px;
}
div.text a:hover::before{
content: "> ";
}
[[/module]]
重要提醒:這個部份是終端機本身,這可以放在任何地方。
[[div class="terminal"]]
[[div class="scanline"]]
[[/div]]
[[div class="text"]]
[[=]]
[[size 150%]] __終端機#001__[[/size]]
@@ @@
@@ @@
@@------@@
歡迎,使用者
@@------@@
[[/=]]
@@ @@
@@ @@
@@ @@
> 在終端機裡的連結會在游標移動到其上方時,顯現出一個「>」。
> [http://www.google.com 像是這樣]
謝謝你查看我的格式!
@@ @@
@@ @@
[[/div]]
[[/div]]
選項19
它看起來像是這樣:
來自基金會紀錄及資訊安全管理部的通知
在此填入通知內容。
— Maria Jones, RAISA主管
你可以複製:
[[div style="border:solid 1px #999999; background:#f2f2c2; padding:5px; margin-bottom: 10px;"]]
[[=]]
++++ 來自基金會紀錄及資訊安全管理部的通知
在此填入通知內容。
-- Maria Jones, RAISA主管
[[/=]]
[[/div]]
選項210
它看起來像是這樣:
警告:以下檔案為 #/XXXX 級機密
任何並未持有 #/XXXX 級權限卻試圖存取該檔案的人將會留下記錄且遭受到立即的處分。
你可以複製:
[[=]]
[[div style="background: url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png) center no-repeat ; float: center; border: solid 2px #000000; padding: 1px 15px; box-shadow: 0 1px 3px rgba(0,0,0,.2);"]]
##ff5c48|[[size 150%]] **警告:以下檔案為 #/XXXX 級機密** [[/size]]##
----
[[size larger]] **任何並未持有 #/XXXX 級權限卻試圖存取該檔案的人將會留下記錄且遭受到立即的處分。**[[/size]]
[[/div]]
[[/=]]
備註:11這份代碼包含著一個從別的地方引用背景圖片的連結,而它因為某些原因被移除了。如果你想要保留有著白色背景的警告訊息,那麼你不用做任何更動。但如果你想要用其它圖片來替代的話,你可以使用這個。
選項3:
它看起來像是這樣:
以下檔案屬於 X/XXXX 級機密。禁止未經授權的訪問。
XXXX
你可以複製:
[[div style="background: url(http://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png) bottom center no-repeat; text-align: center; width: 600px; margin: 0 auto; font-size: 20px; padding: 0px;"]]
@@ @@
@@ @@
@@ @@
@@ @@
[[=]]
++* ##black|根據監督者議會的命令##
##black|以下檔案屬於 X/XXXX 級機密。禁止未經授權的訪問。##
[[/=]]
= **##black|XXXX##**
@@ @@
@@ @@
[[/div]]
選項4:12
它看起來像是這樣:
描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述
你可以複製:
[[div class="orderwrapper"]]
[[div class="council1"]]
[[/div]]
[[div class="ordertitle"]]
+* 標題
[[/div]]
[[div class="orderdescription"]]
_
+* 副標題
描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述
[[/div]]
[[div class="itemno"]]
+* XXXX
[[/div]]
[[/div]]
[[module CSS]]
.orderwrapper {position: relative;width: auto;text-align: center;}.council1 {position: relative;top: 0;bottom: 0;left: 0;right: 0;width: 295px;height: 295px;margin: auto;background-image: url( "http://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png" );background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #555;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #555;}.orderdescription h1 {font-size: 120%;color: #555;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #555;}
[[/module]]
選項5:13
它看起來像是這樣:
你可以複製:
備註: 你必須填寫表格內的所有欄位。
選項1:
它看起來像是這樣:14
項目編號: SCP-XXXX | 4/XXXX 級 |
項目等級: Euclid | 機密 |
你可以複製:
[[table style="border: none; width: 100%;"]]
[[row]]
[[cell]]
[[size 125%]]**項目編號:** SCP-XXXX[[/size]]
[[/cell]]
[[cell style="text-align: right;"]]
[[size 125%]]###990000|**4/XXXX 級**##[[/size]]
[[/cell]]
[[/row]]
[[row]]
[[cell]]
[[size 125%]]**項目等級:** Euclid[[/size]]
[[/cell]]
[[cell style="text-align: right;"]]
[[size 125%]]###990000|**機密**##[[/size]]
[[/cell]]
[[/row]]
[[/table]]
----
[[div class="scp-image-block block-center" style="width:100%;"]]
[[image image.jpg {$alt}="{$alt-text}" link=#]]
[[div class="scp-image-caption"]]
SCP-XXXX.
[[/div]]
[[/div]]
----
選項2:15
它看起來像是這樣:
你可以選擇需要的等級複製:
[[image https://i.imgur.com/oJkRi1x.png]](第一級)
[[image https://i.imgur.com/DAW48al.png]](第二級)
[[image https://i.imgur.com/nqGM4ru.png]](第三級)
[[image https://i.imgur.com/jcBA84a.png]](第四級)
[[image https://i.imgur.com/okicC7z.png]](第五級)
------
選項3:16
它看起來像是這樣:
1/7777 LEVEL 1/7777CLASSIFIED |
Item #: SCP-7777Object Class: Euclid |
2/7777-RU LEVEL 2/7777-RUCLASSIFIED |
Объект №: SCP-7777-RUКласс объекта: Евклид |
3/7777-KO LEVEL 3/7777-KOCLASSIFIED |
일련번호: SCP-7777-KO등급: 유클리드(Euclid) |
4/CN-7777 LEVEL 4/CN-7777CLASSIFIED |
项目编号: SCP-CN-7777项目等级: Euclid |
5/7777-FR LEVEL 5/7777-FRCLASSIFIED |
Objet # : SCP-7777-FRClasse : Euclide |
1/7777 LEVEL 1/7777CLASSIFIED |
Item #: SCP-7777Object Class: EuclidSafe |
4/ZH-7777 LEVEL 4/ZH-7777CLASSIFIED |
項目編號:SCP-ZH-7777項目等級:Neutralized |
你可以複製:
[[include :scp-zh-tr:component:classified-decoration
|lv=1/2/3/4/5
|item=7777
|oc=Euclid
|lang=EN/RU/KO/CN/FR/PL/ES/TH/JP/DE/IT/UA/PTBR/ZHTR
]]
[[include :scp-zh-tr:component:classified-decoration
|lv=4
|item=7777
|oc=--Euclid--
+* Safe
|lang=EN
]]
或是你想要替換「LEVEL」跟「CLASSIFED」的文字?
[[include :scp-zh-tr:component:classified-decoration
|lv=1/2/3/4/5
|item=7777
|oc=Euclid
|lang=EN/RU/KO/CN/FR/PL/ES/TH/JP/DE/IT/UA/PTBR/ZHTR
|trans-level=<「LEVEL」在你所使用的語系中的翻譯>
|trans-classified=<「CLASSIFIED」在你所使用的語系中的翻譯>
]]
選項4:
它看起來像是這樣:
項目編號: SCP-XXXX | 項目等級: Keter | |
4 級 權限許可 | 威脅級別: 紅 ● |
你可以複製:
[[include :scp-zh-tr:component:aers:classification-stuff
|item=XXXX
|lvl=4
|class=Keter
|threat=紅
|threat-colour=#b01 [!-- 這是那個小圓點的顏色,如果你不確定,請直接打威脅級別顏色的英文名字就好了。 --]
]]
選項5:17
它看起來像是這樣:
威脅級別: 黑
(按我!)
你可以複製:
[[a href="*/niveaux-de-menace-des-objets-scp" style="font-size: 18px; color: white; text-shadow: 1px 3px 1px rgba(0,0,0,0.3); text-decoration: none;"]]
[[span_ style="display: inline-block; width: 100%; background-color: black; text-align: center; border: 1px none #000; margin: 1px; padding-top: 8px; padding-bottom: 8px;"]]
**威脅級別:** 黑
[[/span]]
[[/a]]
備註:如果想要更改顏色,僅需簡單的在「background-color」填入 white/blue/green/yellow/orange/red/black (你所想要的顏色)。當背景顏色處於過高/低的對比時你可能需要改變文字顏色,而你可以在「color」填入 white/black (你認為誰比較合適就填誰)。
備註:這個格式最好跟其他的替代標題格式一起使用,如你所見,這是基於法文分部的威脅級別所製作的。
選項6:
它看起來像是這樣:
你可以複製:
[[include :scp-zh-tr:component:cd-ver2
|lv=6
|item=SCP-XXXX
|class=Thaumiel
|site-responsible=Site-%E2%96%88%E2%96%88
|director=N/A
|research-head=N/A
|assigned-task-force=N/A
]]
備註:|lv的值可以輸入0到6。
重要提醒:由於Edge瀏覽器的問題,這個模組僅允許輸入英文字母、數字及少量的符號。如果你想使用其它字母,請使用以下的轉換器來進行編碼!
選項7:
它看起來像是這樣:
你可以複製:
[[include :scp-zh-tr:component:svgheader
|lv=3
|threat=green
|item=XXXX
|oc=Euclid
]]
[[include :scp-zh-tr:component:svgheader
|lv=6
|threat=green
|item=XXXX
|oc=Euclid
|oc2=Thaumiel
]]
除了使用「##white|請輸入文字...##」(這種會在使用「深色主題」的瀏覽器出現破綻的手法),你應該試試看 transparent 。
試著壓著游標,把下方的方塊反白選取起來:
這段文字是透明的,但你可以透過反白來看見。
然而這段文字是白色的。
這段文字是透明的,但你可以透過反白來看見。
然而這段文字是白色的。
你可以複製:
##transparent|輸入你的文字。##
投降聲明:這只能作用在Sigma-9上面。
它看起來像是這樣:
Your text here.
選項1:18
它看起來像是這樣:
這裡是文件的主體,當你需要空一行的時候,你需要使用「 」來完成這個動作。
像是這樣。
你可以使用[[<]]、[[=]]和[[>]]來改變不同段落所對齊的位置。
享受這個格式吧!
你可以複製:
重要提醒: 請把這個部分放在頁面的最上方。
[[module css]]
.page {
display: block;
overflow: hidden;
font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
font-style: normal;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
background-origin: padding-box;
background-position: 0px 8px;
background-repeat: repeat;
background-size: 100% 20px;
border: 1px solid #CCC;
border-radius: 10px;
padding: 10px 10px;
margin-bottom: 10px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
}
.page p,
.page ul {
line-height: 20px;
margin: 0;
}
[[/module]]
重要提醒:請把這個部分放在你想要添加這個格式的位置。
[[div class="page"]]
這裡是文件的主體,當你需要空一行的時候,你需要使用「@@ @@」來完成這個動作。
@@ @@
像是這樣。
@@ @@
你可以使用[[<]]、[[=]]和[[>]]來改變不同段落所對齊的位置。
@@ @@
[[>]]
享受這個格式吧!
[[/>]]
[[/div]]
它看起來像是這樣:
你可以複製:
重要提醒:請把這個部分放在頁面的最上方。
[[module CSS]]
.fakeprot .mailform-box .buttons{display:none;}
.fakeprot + .collapsible-block .collapsible-block-link {padding: 0.1em 0.5em;text-decoration: none;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-link:hover {background-color: #DDD;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-link:active {background-color: #DDD;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-unfolded-link{margin:0.5em 0;text-align: center;}
.fakeprot + .collapsible-block .collapsible-block-folded{margin:0.5em 0;text-align: center;}
.fakeprot .passw input[type=text] {text-security:disc;-webkit-text-security:disc;-mox-text-security:disc;}
.mailform-box td:first-child {width: 80px;}
[[/module]]
重要提醒:請把這個部分放在你想要添加這個格式的位置。
[[div class="fakeprot"]]
[[module MailForm to="aaaa (DUMMY)" button=""]]
# name
* title: ID
* default: <你的 ID>
* type: text
* rules:
* required: true
* maxLength:10
* minLength: 100
[[/module]]
[[div class="passw"]]
[[module MailForm to="aaaa (DUMMY)" button=""]]
# affiliation
* title: 密碼
* default: ・・・・・・・・・
* rules:
* required: true
* maxLength:10
* minLength: 100
[[/module]]
[[/div]]
[[/div]]
[[collapsible show="登入" hide="登出"]]
文字
[[/collapsible]]
選項2:
它看起來像是這樣:
你可以複製:
[[html]] <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body {font-family: Verdana;} * {box-sizing: border-box;} .input-container { display: -ms-flexbox; /* IE10 */ display: flex; width: 100%; margin-bottom: 15px; } .input-field:focus{ border-style: solid; transition: 0.5; border-color: maroon; border-width: 2px; } .input-field { width: 100%; padding: 10px; outline: none; transition: 0.5s; } .btn:focus { outline: 0; } .btn { background-color: Maroon; color: white; padding: 10px 20px; border: none; cursor: pointer; width: 50%; opacity: 0.9; transition: 0.09s; border-radius: 3px; } .btn:hover { opacity: 1; transition: 0.8s; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.7); } .btn:active { transition: 0.09s; transform: translateY(1px); box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0); } .btn2 { background-color: white; border: none; cursor: pointer; } p{ font-family: Helvetica; margin-bottom: 5%; } </style> </head> <body> <form autocomplete="off" style="max-width:450px;text-align:center;margin: auto;"> <p style="font-size:55px; font-weight: bold;">SCiPNET 登入</p> <div class="input-container"> <input class="input-field" type="text" placeholder="用戶名稱" name="usrnm"> </div> <div class="input-container"> <input onkeyup="if(this.value.length > 0) document.getElementById('start_button').disabled = false; else document.getElementById('start_button').disabled = true;" class="input-field" type="password" placeholder="密碼"> </div> <button id="start_button" class="btn btn-success" onclick="window.open('這裡請替換成當你按下登入後要連結到的網址','_parent')" disabled> 登入</button> <br></br> <button style= "font-weight: bold;" class="btn2 btn-success"> 忘記密碼?</button> </form> </body> </html> [[/html]]
重要提醒:
選項2-其他方案
它看起來像是這樣:
你可以複製:
[[include :scp-sandbox-3:component:login-module |url=http://www.scp-wiki.net/scp-style-resource|id=<你的 ID>|pw=<你的密碼>|disc=true|value=link]]
[[include :scp-sandbox-3:component:login-module |id=<你的 ID>|pw=<你的密碼>|disc=true]]
[[collapsible show="摺疊頁" hide="登出"]]
文字
[[/collapsible]]
屬性 | 必要性 | 允許值 | 描述 |
---|---|---|---|
id | 必要 | 文字 | ID的值 |
pw | 必要 | 文字 | 密碼的值 |
url | 非必要 | http://example.com /pagename |
當此欄並未填寫時,連結按鈕會隱藏起來 |
value | 非必要 | 文字 | 連結紐的值 |
disc | 非必要 | true | 當此欄為true時,密碼將不會被顯示出來 |
title | 非必要 | 文字 連結 |
標題的值 |
選項1:21
它看起來像是這樣:
你可以複製:
[[include :scp-sandbox-3:image-zoom name={$name}|caption={$caption}|width=300px|align=right]]
替換{$name} 成你所使用的圖片的位址。替換{$caption}你所想顯示在圖片下方的文字。而「width」和「align」的參數已經被設定為SCP檔案的標準了,但如果你想要的話還是可以更改。
選項2:22
它看起來像是這樣:
你可以複製:
[[include :scp-sandbox-3:image-blur name={$name}|caption={$caption}|width=300px|align=right]]
替換{$name} 成你所使用的圖片的位址。替換{$caption}你所想顯示在圖片下方的文字。而「width」和「align」的參數已經被設定為SCP檔案的標準了,但如果你想要的話還是可以更改。
選項3:23
它看起來像是這樣:
你可以複製:
[[include :scp-sandbox-3:component:image-zoom-2 name={$name}|caption={$caption}|width=300px|align=right]]
重要提醒:如果你的圖檔副檔名不是 .png或 .jpg,那麼這個格式將無法正常運作。
替換{$name} 成你所使用的圖片的位址。替換{$caption}你所想顯示在圖片下方的文字。而「width」和「align」的參數已經被設定為SCP檔案的標準了,但如果你想要的話還是可以更改。
使用說明可以在這裡被找到。
選項1:
它看起來像是這樣:
你可以複製:
EN: [[include :scp-sandbox-3:component:usefultool-module]]
CN:24 [[include :scpsandboxcn:component:usefultool-module]]
KO:25 [[include :sandbox.scp-wiki.kr:component:usefultool-module-ko]]
JP:26 [[include :scp-jp-sandbox2:component:usefultool-module]]
IT:27 [[inculde:scpsandboxit:component:usefultool-module]]
重要提醒:請把這個部分放在頁面的最下方。
選項2:
它看起來像是這樣:
你可以複製:
[[include :smlt:7happy7:ut-ver2
|home=http://scp-sandbox-zh.wikidot.com/你的頁面名稱
]]
選項1:28
它看起來像是這樣:
這個格式將讓你的文字被黑色塊所遮蔽,並在游標移到上面時顯現文字。
你可以複製:
[[span class="bblock"]]請輸入文字。[[/span]]
如何微調它:
這些代碼可以讓你修改文字所顯示的顏色。
[[module CSS]]
.bblock:hover {color: white}
[[/module]]
選項2:
它看起來像是這樣:
這在游標移到上面時改變了背景的顏色,而不是文字。
你可以複製:
[[span class="dblock"]]請輸入文字。[[/span]]
如何微調它:
這些代碼可以讓你修改背景所變化的顏色。
[[module CSS]]
.dblock:hover {background: #f4f4f4}
[[/module]]
選項1:29
它看起來像是這樣:
例子:今天的日期是。
[[div class="normalFontTime"]]
例子:今天的日期是[[iframe http://scp-sandbox-3.wikidot.com/local--code/component:todaysdate/1 width="120" scrolling="no"]]。
[[/div]]
例子:
[[div class="normalFontTime"]]
例子:[[iframe http://scp-sandbox-3.wikidot.com/local--code/component:todaysdate/2 width="130" scrolling="no"]]
[[/div]]
例子:
[[iframe http://scp-sandbox-3.wikidot.com/local--code/component:todaysdate/3 width="230" height="25" scrolling="no"]]
例子
[[iframe http://scp-sandbox-3.wikidot.com/local--code/component:todaysdate/4 width="260" height="25" scrolling="no"]]
例子:
[[div class="normalFontTime"]]
[[iframe http://scp-sandbox-3.wikidot.com/local--code/component:todaysdate/5 width="140" height="16" scrolling="no"]]
[[/div]]
例子:
[[div class="normalFontTime"]]
[[iframe http://scp-sandbox-3.wikidot.com/local--code/component:todaysdate/6 width="160" height="16" scrolling="no"]]
[[/div]]
重要提醒:請把這個部分放在頁面的最上方。
[[module css]]
@import url(http://scp-sandbox-3.wikidot.com/local--code/component:todaysdate/7);
[[/module]]
載入好以上的代碼後,你已經準備好了!你可以開始使用這些 iframes 了。
選項2:
它看起來像是這樣:
今天的日期是31 Aug 2023 11:38… 應該吧!
你可以複製:
[[module ListPages limit="1" category="*" order="updated_at desc"]]
> 今天的日期是%%updated_at|%Y/%m/%d%%... 應該吧!
[[/module]]
它看起來像是這樣:
你可以複製:
它看起來像是這樣:
訪客
備註:如果你登入著Wikidot帳號,那模組會顯示出你的ID;如果沒登入的話,模組會顯示「訪客」。
你可以複製:
[[include :scp-zh-tr:component:listusers-1 users="."]]
##red|%%name%%##
[[include :scp-zh-tr:component:listusers-2]]
##blue|訪客##
[[include :scp-zh-tr:component:listusers-3]]
它看起來像是這樣:31
你可以複製:
[[module ListUsers users="."]]
[[include :topia:inc-loop c=__________|p=<include-src>]]
|<value>=%%name%%
]]
[[/module]]
範例:
[[include :scp-zh-tr:component:listusers-1 users="."]]
[[include :topia:inc-loop c=__________|p=component:image-block]]
|name=http://scp-wiki.wdfiles.com/local--files/scp-3935/school.png
|align=center
|width=100%
|caption=SCP-XXXX… 而你是//%%name%%//.
]]
[[include :scp-zh-tr:component:listusers-2]]
[[include :scp-zh-tr:component:image-block
|name=http://scp-wiki.wdfiles.com/local--files/scp-3935/school.png
|align=center
|width=100%
|caption=SCP-XXXX 而… 我不知道你是誰。
]]
[[include :scp-zh-tr:component:listusers-3]]
點擊這裡來瞭解這到底是怎麼一回事。
簡單的使用說明。
原作者: Woedenaz
它看起來像是這樣:
你可以複製:
[[include :scp-zh-tr:component:anomaly-class-bar-source-alt
|item-number= SCP-XXXX
|clearance= #
|container-class= 2
|secondary-class= none
|secondary-icon= http://acsurlexample.com/image.svg
|disruption-class= 2
|risk-class= 3
]]
或是較早的直接翻譯版。該版本的使用方法在該頁的討論區中有記載。
它看起來像是這樣:32
To:收件人
From:寄件人
主旨:主旨
文字
To:收件人
From:寄件人
主旨: Re:主旨
文字
你可以複製:
重要提醒:請把這個部分放在頁面的最上方。
[[module CSS]]
.email-example .collapsible-block-folded a.collapsible-block-link {
animation: blink 0.8s ease-in-out infinite alternate;
}
@keyframes blink {
0% { color: transparent; }
50%, 100% { color: #b01; }
}
.email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
.email-example a.collapsible-block-link {font-weight: bold;}
.tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
[[/module]]
重要提醒:請把這個部分放在你想要添加這個信件格式的位置。
[[div class="email-example"]]
[[=]]
------
[[collapsible show="訪問SCiPNET電子郵件信箱?有一(1)新訊息!" hide="Re:主旨"]]
[[<]]
[[div class="email"]]
[[div class="tofrom"]]
**To:**收件人
**From:**寄件人
**主旨:**主旨
[[/div]]
------
文字
[[/div]]
@@ @@
[[div class="email"]]
[[div class="tofrom"]]
**To:**收件人
**From:**寄件人
**主旨:** Re:主旨
[[/div]]
------
文字
[[/div]]
[[/<]]
[[/collapsible]]
[[/=]]
[[/div]]
選項1:
它看起來像是這樣:
CSS 模組
你可以透過調整變數來客製化一些元素。
[[module css]]
@import url('http://smlt.wdfiles.com/local--code/ukwhatn%3Afadeout/1');
/*== 變數 ==*/
:root {
/* 背景顏色 (預設:white) */
--fadeout-background: white;
/* 淡出過程時間 */
--fadeout-time: 1s;
/* 裁剪版頭 (為了抹去版頭下的陰影)
如果你使用了Sigma-9(預設)以外的主題的話,請記得變更這個變數。 */
--cropped-header: url(http://smlt.wdfiles.com/local--files/ukwhatn:fadeout/header-crop.png);
}
[[/module]]
淡出的部分
只有在 fadeout-wrapper 內的元素會被抹去。
[[span class="escape"]]文字[[/span]]則不會被抹除。它可以被使用無數次,同時也沒有限制大小。
不要消失的頁面內文
[[div_ class="fadeout-wrapper"]]
要消失的頁面內文
[[span class="escape"]]不要消失的頁面內文[[/span]]
要消失的頁面內文
[[collapsible show="點擊以淡出" hide=" "]]
[[div class="cover"]]
@@@@
[[/div]]
[[/collapsible]]
[[/div]]
不要消失的頁面內文
它看起來像是這樣:
CSS 模組
你可以透過調整變數來客製化一些元素。
[[module css]]
@import url('http://smlt.wdfiles.com/local--code/ukwhatn%3Afadeout/1');
/*== 變數 ==*/
:root {
/* 背景顏色 (預設:white) */
--fadeout-background: white;
/* 淡出過程時間 */
--fadeout-time: 1s;
/* 圖片淡入過程時間 (選項2的) */
--img-fadein-time: 1s;
/* 圖片淡入延遲 (選項2的) */
--img-fadein-delay: 2s;
/* 裁剪版頭 (為了抹去版頭下的陰影)
如果你使用了Sigma-9(預設)以外的主題的話,請記得變更這個變數。 */
--cropped-header: url(http://smlt.wdfiles.com/local--files/ukwhatn:fadeout/header-crop.png);
}
[[/module]]
淡出的部分
只有在 fadeout-wrapper 內的元素會被抹去。
[[span class="escape"]]文字[[/span]] 則不會被抹除。它可以被使用無數次,同時也沒有限制大小。
不要消失的頁面內文
[[div_ class="fadeout-wrapper"]]
要消失的頁面內文
[[collapsible show="點擊以淡出" hide=" "]]
[[div class="cover"]]
@@ @@
[[/div]]
[[div_ class="fadein-img"]]
[[=image [圖片的URL]]]
[[/div]]
[[/collapsible]]
[[/div]]
不要消失的頁面內文