魔女聚會與無光之森
您正在查詢的標題為:關注組織
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:機動特遣隊
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:基金會設施
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:員工與角色檔案
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:世界線中心頁
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:系列檔案室
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:競賽資料庫
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:異常物品紀錄
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:超常事件紀錄
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:未解明地點列表
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:基金會故事
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
/* 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