/*
標題:緹娜 外觀主題
作者: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;
}