魔女聚會與無光之森
您正在查詢的標題為：關注組織
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消
dummy
繁中原創
主站翻譯
dummy
俄文分部
韓文分部
中國分部
法文分部
波蘭分部
西語分部
泰文分部
日文分部
德文分部
義語分部
烏克蘭分部
葡語分部
捷克分部
越南分部
您正在查詢的標題為：機動特遣隊
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消
dummy
繁中原創
主站翻譯
dummy
俄文分部
韓文分部
中國分部
法文分部
波蘭分部
西語分部
泰文分部
日文分部
德文分部
義語分部
烏克蘭分部
葡語分部
捷克分部
越南分部
您正在查詢的標題為：基金會設施
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消
dummy
繁中原創
主站翻譯
dummy
俄文分部
韓文分部
中國分部
法文分部
波蘭分部
西語分部
泰文分部
日文分部
德文分部
義語分部
烏克蘭分部
葡語分部
捷克分部
越南分部
您正在查詢的標題為：員工與角色檔案
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消
dummy
繁中原創
主站翻譯
dummy
俄文分部
韓文分部
中國分部
法文分部
波蘭分部
西語分部
泰文分部
日文分部
德文分部
義語分部
烏克蘭分部
葡語分部
捷克分部
越南分部
您正在查詢的標題為：世界線中心頁
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消
dummy
繁中原創
主站翻譯
dummy
俄文分部
韓文分部
中國分部
法文分部
波蘭分部
西語分部
泰文分部
日文分部
德文分部
義語分部
烏克蘭分部
葡語分部
捷克分部
越南分部
您正在查詢的標題為：系列檔案室
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消
dummy
繁中原創
主站翻譯
dummy
俄文分部
韓文分部
中國分部
法文分部
波蘭分部
西語分部
泰文分部
日文分部
德文分部
義語分部
烏克蘭分部
葡語分部
捷克分部
越南分部
您正在查詢的標題為：競賽資料庫
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消
dummy
繁中原創
主站翻譯
dummy
俄文分部
韓文分部
中國分部
法文分部
波蘭分部
西語分部
泰文分部
日文分部
德文分部
義語分部
烏克蘭分部
葡語分部
捷克分部
越南分部
您正在查詢的標題為：異常物品紀錄
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消
dummy
繁中原創
主站翻譯
dummy
俄文分部
韓文分部
中國分部
法文分部
波蘭分部
西語分部
泰文分部
日文分部
德文分部
義語分部
烏克蘭分部
葡語分部
捷克分部
越南分部
您正在查詢的標題為：超常事件紀錄
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消
dummy
繁中原創
主站翻譯
dummy
俄文分部
韓文分部
中國分部
法文分部
波蘭分部
西語分部
泰文分部
日文分部
德文分部
義語分部
烏克蘭分部
葡語分部
捷克分部
越南分部
您正在查詢的標題為：未解明地點列表
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消
dummy
繁中原創
主站翻譯
dummy
俄文分部
韓文分部
中國分部
法文分部
波蘭分部
西語分部
泰文分部
日文分部
德文分部
義語分部
烏克蘭分部
葡語分部
捷克分部
越南分部
您正在查詢的標題為：基金會故事
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消
dummy
繁中原創
主站翻譯
dummy
俄文分部
韓文分部
中國分部
法文分部
波蘭分部
西語分部
泰文分部
日文分部
德文分部
義語分部
烏克蘭分部
葡語分部
捷克分部
越南分部
/* 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