@charset "utf-8";
@import url('https://arandintday.github.io/thebackhubscn/liminal-new.css');
@import url('https://semimonth.wikidot.com/component:non-savingpage/code/1');
@media screen and (prefers-reduced-motion: no-preference) {
#page-title, #breadcrumbs, #page-content > * {
animation-name: fadeIn;
animation-duration: 1s;
animation-iteration-count: 1;
animation-timing-function: ease-out;
animation-fill-mode: backwards;
}
}
#header::before {
content: "";
position: absolute;
background-size: auto 9rem;
}
#page-title { animation-delay: 0s; }
#skrollr-body {
background: repeating-linear-gradient(-180deg, #2F4F4F, #008080 1217px, #2F4F4F 10px, #008080 10px);
height: 9.34rem;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translate(0,30px);
}
to {
opacity: 1;
transform: translate(0,0);
}
}
#page-content > :nth-child(1) { animation-delay: calc(1 * var(--fade-in-delay)); }
#page-content > :nth-child(2) { animation-delay: calc(2 * var(--fade-in-delay)); }
#page-content > :nth-child(3) { animation-delay: calc(3 * var(--fade-in-delay)); }
#page-content > :nth-child(4) { animation-delay: calc(4 * var(--fade-in-delay)); }
#page-content > :nth-child(5) { animation-delay: calc(5 * var(--fade-in-delay)); }
#page-content > :nth-child(6) { animation-delay: calc(6 * var(--fade-in-delay)); }
#page-content > :nth-child(7) { animation-delay: calc(7 * var(--fade-in-delay)); }
#page-content > :nth-child(8) { animation-delay: calc(8 * var(--fade-in-delay)); }
#page-content > :nth-child(9) { animation-delay: calc(9 * var(--fade-in-delay)); }
#page-content > :nth-child(10) { animation-delay: calc(10 * var(--fade-in-delay)); }
#page-content > :nth-child(11) { animation-delay: calc(11 * var(--fade-in-delay)); }
#page-content > :nth-child(12) { animation-delay: calc(12 * var(--fade-in-delay)); }
#page-content > :nth-child(13) { animation-delay: calc(13 * var(--fade-in-delay)); }
#page-content > :nth-child(14) { animation-delay: calc(14 * var(--fade-in-delay)); }
#page-content > :nth-child(15) { animation-delay: calc(15 * var(--fade-in-delay)); }
#page-content > :nth-child(n+15) { animation-delay: calc(16 * var(--fade-in-delay)); }
body {
background: rgb(201, 218, 248);
color: rgb(67, 67, 67);
}
:root {
--body-font: 'Dotted Songti Square', 'PT Sans', '等线', sans-serif;
--header-font:'Dotted Songti Square','ZCOOL XiaoWei', 'Times New Roman', sans-serif;
--title-font: 'Dotted Songti Square', 'Times New Roman', '华文中宋', monospace;
--mono-font:'ZCOOL XiaoWei','Dotted Songti Square', 'PT Sans', '微软雅黑', monospace;
--logo-image: url("额，logo还没弄好？");
--header-title: "云端工作室";
--header-subtitle: "写于云之上";
--link-color: 46,139,87;/*你没看过的链接*/
--hover-link-color: 144,238,144;/*鼠标移到你没看过的链接*/
--visited-link-color: 50,205,50;/*你看过的链接的颜色*/
--newpage-color: 255,69,0;/*不存在的链接的颜色*/
--swatch-background: 232, 232, 232;/*编辑框的颜色*/
--swatch-primary:255, 250, 250;/*鼠标移到顶栏动画的颜色*/
--swatch-primary-darker: 157,169,202 ;/*文档末尾选项的颜色*/
--swatch-primary-darkest:252, 199, 120;/*未知*/
--white-monochrome: 245,245,245;/*背景颜色，标题颜色以及下方、上方选项文字颜色*/
--very-light-gray-monochrome: 247, 247, 247;/*未知*/
--light-gray-monochrome: 225, 223, 223;/*拖动条的颜色, 搜索二字, 用户名,编辑框外围*/
--gray-monochrome: 116,167,254;/*顶栏颜色*/
--dark-gray-monochrome: 0,163,215;/*鼠标移到顶栏下方选项时显示颜色*/
--black-monochrome: 0,0,0;/*顶栏内部选项信息间隔颜色,文字颜色,搜索栏边框颜色*/
--medium-accent:212,227,254;/*版头背景颜色,侧栏大标题颜色*/
--dark-accent:235, 229, 229;/*底部,底部选项颜色*/
--pale-gray-monochrome:133, 128, 128;/*未知*/
--bright-accent:, 0,97,255 ;/*鼠标移到顶栏选项的时候显示的颜色*/
}
/*侧边栏*/
div#side-bar div.side-block {
background: rgb(255,255,255);
}
div#side-bar div.side-block div.heading,
div#side-bar div.collapsible-block-unfolded-link,
div#side-bar div.collapsible-block-unfolded-link div.collapsible-block-link {
color: rgb(164, 194, 244);
border-color: rgb(164, 194, 244);
}
div.open-menu a {
color: rgb(95,158,160)!important;
border-color: rgb(95,158,160)!important;
}
/*评分模块与TAB*/
div.yui-navset div.yui-content {
background: rgb(60, 120, 216);
}
div.yui-navset ul.yui-nav a,
div.yui-navset div.yui-navset-top ul.yui-nav a {
background: rgb(119,136,153);
color: rgb(0,0,0);
}
div.yui-navset ul.yui-nav a:hover,
div.yui-navset ul.yui-nav a:focus {
background: rgb(84,84,84);
color: rgb(54,54,54);
}
div.yui-navset ul.yui-nav .selected a,
div.yui-navset ul.yui-nav .selected a:focus,
div.yui-navset ul.yui-nav .selected a:hover {
background: rgb(192,192,192);
color: rgb(211,211,211);
}
div.page-rate-widget-box,
div.page-rate-widget-box span.rate-points,
div.page-rate-widget-box span.cancel {
background-color: rgb(60, 120, 216)!important;
border: solid rgb(60, 120, 216) 1px!important;
}
div.page-rate-widget-box span.rateup,
div.page-rate-widget-box span.ratedown {
border: solid rgb(60, 120, 216)!important;
border-width: 1px 0!important;
}
div.page-rate-widget-box span.rate-points,
div.page-rate-widget-box span.cancel a,
div.page-rate-widget-box span.cancel a:hover {
color: rgb(164, 194, 244);
}
div.page-rate-widget-box span.rateup,
div.page-rate-widget-box span.ratedown {
background-color: rgb(127,255,170)!important;
}
div.page-rate-widget-box span.rateup a,
div.page-rate-widget-box span.ratedown a {
color: rgb(25,25,112)!important;
}
div.page-rate-widget-box span.cancel a:hover,
div.page-rate-widget-box span.rateup a:hover,
div.page-rate-widget-box span.ratedown a:hover {
background: transparent!important;
color: transparent!important;
}
/*标题*/
body {
font-family: Noto Serif SC;
/*图片*/
.scp-image-block .scp-image-caption {
background-color: #D4F2E7/*背景颜色*/;
border: inset/*(额，不知道填啥)*/ 5px/*边框宽度*/ #FFA500/*边框颜色*/;
}
/*表格标题更改_背景_文字颜色*/
@media screen and (prefers-reduced-motion: no-preference) {
#page-title, #breadcrumbs, #page-content > * {
animation-name: fadeIn;
animation-duration: 1s;
animation-iteration-count: 1;
animation-timing-function: ease-out;
animation-fill-mode: backwards;
}
}
#page-title { animation-delay: 0s; }
#skrollr-body {
background: repeating-linear-gradient(-180deg, #2F4F4F, #008080 1217px, #2F4F4F 10px, #008080 10px);
height: 9.34rem;
}
.titleblock {
background-color:rgb(var(--gray-monochrome));
padding: 0.5rem 1rem 0.10rem;
margin: 1.5rem 0rem 0.5rem 0rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
border-top: solid rgb(var(--bright-accent)) 0.3rem;
}
.dark-titlebox{
position: relative;
top: -1.6rem;
background-color:rgb(var(--gray-monochrome));
padding: 0.25rem 1rem;
line-height: 0.1rem;
}
.dark-titleblock {
background-color:rgb(var(--dark-accent));
padding: 0.5rem 1rem 0.10rem;
margin: 1.5rem 0rem 0.5rem 0rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
border-top: solid rgb(var(--bright-accent)) 0.3rem;
}
.titlebox{
position: relative;
top: -1.6rem;
background-color:rgb(var(--dark-accent));
color: rgb(var(--white-monochrome));
padding: 0.25rem 1rem;
line-height: 0.1rem;
}
.glassblock {
background-image: linear-gradient(-30deg,
rgba(var(--bright-accent),.8) -80%,
rgba(var(--white-monochrome),.4) 100%);
border: solid rgb(var(--pale-accent)) 2px;
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.hoverblock{
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.hoverblock:hover,.hoverblock:focus{
box-shadow: 0px 4px 10px 0 rgba(var(--bright-accent), .25);
transform: translateY(-.3em);
}
.light-hoverblock{
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out; /* Safari */
}
.light-hoverblock:hover,.light-hoverblock:focus{
background-color: rgb(var(--gray-monochrome));
box-shadow: 0px 4px 10px 0 rgba(var(--bright-accent), .25);
transform: translateY(-.3em);
}
.dark-hoverblock{
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out; /* Safari */
}
.dark-hoverblock:hover,.dark-hoverblock:focus{
background-color: rgb(var(--dark-accent));
box-shadow: 0px 4px 10px 0 rgba(var(--bright-accent), .25);
transform: translateY(-.3em);
}
.transparent-hoverblock{
color:transparent;
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out; /* Safari */
}
.transparent-hoverblock:hover,.transparent-hoverblock:focus{
color: rgb(0,0,80);
box-shadow: 0px 4px 10px 0 rgba(var(--bright-accent), .25);
transform: translateY(-.3em);
}
.white-hoverblock{
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out; /* Safari */
}
.white-hoverblock:hover,.white-hoverblock:focus{
color: rgb(var(--black-monochrome));
background-color: rgb(var(--white-monochrome));
box-shadow: 0px 4px 10px 0 rgba(var(--white-monochrome), .25);
transform: translateY(-.3em);
}
.white-hoverblock:hover a:hover{
color: rgb(var(--black-monochrome));
}
.inset-hoverblock{
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.inset-hoverblock:hover,.hoverblock:focus{
box-shadow: inset 0px 4px 10px 0 rgba(var(--bright-accent), .25);
transform: translateY(.3em);
}
