/*
改編自Rounderhouse 所製作的I57 BHL Theme的主題頁
並以(CC BY-SA 3.0)授權使用
洗衣部門LOGO素材由Dr V Valentine繪製。
*/
/* 字體 */
@import url("https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap");
/* 使用的所有變量 */
:root:lang(zh) {
/* S-CSS-P Integration */
/* If you're making a new CSS theme, please include the following three variables at minimum. */
--theme-base: "nuscp";
/* must be either "nuscp" or "sigma9" */
--theme-id: "nuscp";
/* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
--theme-name: "laundry-theme";
/* 將此設置為您主題的全名 */
/* 標題 */
--logo-image: url("https://i.imgur.com/jlMUACr.png");
--header-title: "洗衣部門";
--header-subtitle: "洗滌 . 修補 . 保養";
/* 字體 */
--header-font: "Bebas Neue", cursive;
/* ========================== Stylistic Sets | Any: 0 OR 1 */
--ss01: 0;
--ss02: 0;
--ss03: 0;
/* 標準顏色 */
--white-monochrome: 252, 252, 252;
--pale-gray-monochrome: 244, 244, 244;
--very-light-gray-monochrome: 153, 153, 153;
--light-gray-monochrome: 170, 170, 170;
--gray-monochrome: 66, 66, 72;
--dark-gray-monochrome: 39, 39, 39;
--black-monochrome: 12, 12, 12;
/* bright yellow */
--bright-accent: 255, 194, 216;
/* medium yellow 4 header */
--medium-accent: 138, 198, 209;
/* dark blue */
--dark-accent: 39, 39, 39;
/* blue */
--alt-accent: 116, 204, 200;
--swatch-background: 255, 253, 249;
--swatch-primary: var(--medium-accent);
--swatch-primary-darker:var(--bright-accent);
--swatch-primary-darkest:var(--bright-accent);
/* 主要文本顏色 */
--swatch-text-dark: var(--black-monochrome);
--swatch-text-light: var(--white-monochrome);
--swatch-important-text: var(--bright-accent);
/* 主菜單顏色 */
--swatch-menubg-color: var(--dark-accent);
--swatch-border-color: var(--medium-accent);
/* 主要標題顏色 */
--swatch-headerh1-color: var(--bright-accent);
--swatch-headerh2-color: var(--bright-accent) ;
--swatch-topmenu-border-color: var(--dark-accent);
--swatch-topmenu-bg-color: var(--dark-accent);
--rating-module-button-color: var(--black-monochrome);
--rating-module-text-color: var(--black-monochrome);
--diagonal-stripes: none;
--cutColour: rgb(var(--bright-accent));
--barColour: rgb(var(--dark-accent));
}
:root:lang(zh) {
/* ===鏈接顏色=== */
--link-color: var(--alt-accent);
--visited-link-color: var(--bright-accent);
--hover-link-color: var(--swatch-primary-darkest);
--newpage-color: var(--bright-accent);
--background-gradient-color: var(--white-monochrome);
}
#header {
/* ===登錄框元素=== */
--login-arrow-color: var(--swatch-primary-darkest);
/* 單擊箭頭時的下拉框 */
--login-dropdown-bg-hover-color: var(--swatch-primary),0.25;
}
#top-bar {
/* ===頂桿元素=== */
/* ===頂桿類別=== */
--topmenu-hover-border-color: var(--swatch-primary-darkest);
/* ===下拉式菜單=== */
--dropdown-links-hover-color: var(--swatch-text-secondary-color);
--dropdown-links-hover-bg-color: var(--swatch-primary),0.25;
}
#side-bar {
/* ===側桿元件=== */
/* ===菜單項=== */
--sidebar-links-hover-bg-color: var(--swatch-primary),0.25;
}
#side-bar .heading p {
font-size: var(--base-font-size);
letter-spacing: 0.1em;
}
/* ===頁腳=== */
#footer {
--footer-text-color: var(--swatch-text-tertiary-color);
--footer-link-color: var(--swatch-text-tertiary-color);
--footer-link-hover-color: var(--swatch-primary-darkest);
}
/* ===牌照區=== */
#license-area {
--license-link-hover-color: var(--swatch-primary-darkest);
}
#main-content {
/* ===主要內容 UI 元素 */
/* ===用戶界面圖標=== */
/* ===頁面選項圖標=== */
--ui-icon-color: var(--swatch-text-tertiary-color);
--ui-icon-bg: var(--swatch-primary);
--ui-icon-hover-color: var(--swatch-text-tertiary-color);
--ui-icon-hover-bg: var(--swatch-primary-darkest);
/* ===文本編輯器圖標=== */
--editor-icon-hover-color: var(---swatch-text-tertiary-color);
/* ===製表符=== */
--tabs-bg: var(--swatch-secondary-color);
--tabs-txt: var(--swatch-primary-darkest);
--tabs-hover-bg: var(--swatch-primary);
--tabs-hover-txt: var(--swatch-text-secondary-color);
--tabs-selected-bg: var(--swatch-primary-darker);
--tabs-selected-outline: var(--swatch-primary-darker);
/* ===表=== */
--tables-header-bg: var(--swatch-primary);
/* ===腳註/參考書目頁腳=== */
--footnotes-footer-title-text-color: var(--swatch-text-tertiary-color);
--footnotes-footer-num-hover-color: var(--swatch-text-tertiary-color);
/* ===頁面標籤=== */
--pagetags-title-text: var(--swatch-text-tertiary-color);
--pagetags-text-hover-color: var(--swatch-primary-darkest);
--pagetags-text-hover-bg-color: var(--black-monochrome);
}
/* ===全球元素=== */
:root:lang(zh) {
/* ===用戶界面按鈕=== */
--ui-button-bg: var(--swatch-alternate-color);
--ui-button-txt: var(--swatch-text-secondary-color);
--ui-button-hover-bg: var(--swatch-primary-darkest);
--ui-button-hover-txt: var(--swatch-text-tertiary-color);
--ui-button-hover-outline: var(--swatch-primary-darkest);
/* ===模態=== */
--modal-bg: var(--swatch-secondary-color);
--modal-body-text: var(--swatch-text-tertiary-color);
/* h1/h2/h3/h4/h5/h6 */
--modal-body-header-txt: var(--swatch-text-tertiary-color);
--modal-header-bg: var(--swatch-primary-darkest);
--modal-header-txt: var(--swatch-text-secondary-color);
--modal-header-stripe: var(--swatch-primary);
/* ===腳註懸停塊=== */
--hoverblock-bg: var(--swatch-alternate-color);
--hoverblock-txt: var(--swatch-text-secondary-color);
--hoverblock-header-txt: var(--swatch-text-tertiary-color);
--hoverblock-footer-bg: var(--swatch-alternate-color);
--hoverblock-footer-txt: var(--swatch-text-secondary-color);
}
html,
body,
#side-bar:hover {
scrollbar-color: rgb(var(--bright-accent)) rgb(var(--dark-accent));
}
::-webkit-scrollbar,
#side-bar:hover::-webkit-scrollbar {
background-color: rgb(var(--dark-accent));
}
::-webkit-scrollbar-thumb,
#side-bar:hover::-webkit-scrollbar-thumb {
background-color: rgb(var(--bright-accent));
}
#header h1 a::before {
color: rgb(var(--medium-accent));
}
#search-top-box-form input[type="submit"],
#search-top-box-form input[type="submit"]:focus,
#search-top-box-form input[type="submit"]:hover {
background: rgb(var(--black-monochrome));
color: rgb(var(--medium-accent));
}
@media only screen and (max-width: 48rem) {
#search-top-box:not(:focus-within)::before {
color: rgb(var(--medium-accent));
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
background-color: #181a17;
}
}
hr {
border-top: 0.0625rem solid rgb(var(--dark-gray-monochrome));
border-right: 1.875rem solid rgb(var(--bright-accent));
border-bottom: 0.0625rem solid rgb(var(--dark-gray-monochrome));
border-left: 1.875rem solid rgb(var(--bright-accent));
background: rgb(var(--dark-gray-monochrome));
}
.scp-image-block {
border: none;
border-radius: 0.3125rem;
background: rgb(var(--dark-gray-monochrome));
}
.scp-image-block .scp-image-caption {
background-color: rgb(var(--dark-accent));
color: rgb(var(--bright-accent));
}
blockquote,
.blockquote {
border: 0.125rem dashed rgba(var(--light-gray-monochrome), 0.7);
background-color: rgba(var(--light-gray-monochrome), 0.3);
}
.footnotes-footer {
transition: box-shadow 300ms ease-in-out;
background: url("https://i.imgur.com/efHfZFq.png");
background-repeat: repeat;
background-size: contain;
box-shadow:
inset 0 0 0 0 rgb(var(--medium-accent)),
inset 0 0 0 0 rgb(var(--medium-accent));
color: rgb(var(--bright-accent));
}
.footnotes-footer:hover {
box-shadow:
inset 0.35em 0 0 0 rgb(var(--medium-accent)),
inset -0.35em 0 0 0 rgb(var(--medium-accent));
}
.footnotes-footer a[href*="javascript"]::before,
.bibitems .bibitem::after {
margin: -0.125ch 0.125ch 0;
padding: 0 0.125ch;
background-color: rgb(var(--swatch-primary-darkest));
color: rgb(var(--swatch-text-tertiary-color));
}
#page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href="/classification-committee-memo"]):hover {
background-color: rgb(var(--alt-accent));
color: rgb(var(--white-monochrome));
}
#extra-div-2 {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 7.5rem;
background: url("https://i.imgur.com/efHfZFq.png");
background-repeat: repeat;
background-position: top;
background-size: contain;
pointer-events: none;
}
/* TABVIEW - 放棄所有進入這裡的希望 */
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
display: flex;
flex-wrap: wrap;
width: calc(100% - 0.125rem);
margin: 0 auto;
box-shadow: 0 calc(0.0625rem * 5) 0 0 rgb(var(--bright-accent));
}
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
display: flex;
position: relative;
max-width: 100%;
margin: 0 0.25em 0.5em;
padding: 0;
transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
background: url("https://i.imgur.com/efHfZFq.png");
background-repeat: repeat;
background-size: contain;
box-shadow: 0 0 0 0.0625rem rgba(var(--dark-accent), 0.5);
color: rgb(var(--bright-accent));
font-weight: bold;
}
.yui-navset .yui-nav li a,
.yui-navset .yui-navset-top .yui-nav li a {
zoom: unset;
border: unset;
background-color: rgb(0,0,0,0);
display: flex;
align-items: center;
justify-content: center;
width: 100%;
zoom: unset;
vertical-align: bottom;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:active {
color: rgb(var(--dark-accent));
font-weight: bold;
}
.yui-navset .yui-nav a:focus-within {
color: rgb(var(--dark-accent));
font-weight: bold;
}
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
padding: 0.35em 0.75em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.yui-navset .yui-nav li em {
/* Undoes border set by wikidot's default layout */
border: unset !important;
}
/* 所選標籤 */
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected,
.yui-navset .yui-nav .selected:hover,
.yui-navset .yui-navset-top .yui-nav .selected:hover {
flex-grow: 2;
margin: -0.25em 0 0.25em 0;
padding: 0;
color: rgb(var(--dark-accent));
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
color: rgb(var(--dark-accent));
}
.yui-navset .yui-nav .selected a {
width: 100%;
/* Undoes a color set by wikidot's default layout */
color: rgb(var(--white-monochrome)) !important;
}
.yui-navset .yui-content {
background-color: rgba(var(--white-monochrome), 0.5);
/*內容背景色 */
}
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
border-color: rgb(var(--light-gray-monochrome));
/* 內容邊框 */
}
.yui-navset-left .yui-content {
border-left-color: rgba(var(--dark-accent), 1);
/* different border color */
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
margin-bottom: -0.125rem;
background-color: rgb(var(--medium-accent));
background-image: none;
color: rgb(var(--dark-accent));
font-weight: bold;
cursor: default;
}
/* 減少動畫 */
@media (prefers-reduced-motion: reduce) {
*,
::before,
::after {
transition-duration: 0.001s !important;
-webkit-animation-duration: 0.001s !important;
animation-duration: 0.001s !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
}
}
