@import url('https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/cn/sigma9_ch.min.css');
/* 朝颜文学报版式
[2022 Wikidot Theme]
由Dr Hormress制作 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;700;900');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;500;700;900');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900');
:root {
--header-height: 4rem;
--narrow-header-height: 3.5rem;
--mobile-header-height: 3rem;
--narrow-mobile-header-height: 2.5rem;
--sidebar-width: 20%;
--narrow-sidebar-width: calc(1.5 * var(--sidebar-width));
--max-sidebar-width: 18rem;
--title-mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 200' style='enable-background:new 0 0 1000 200;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M211.5,30.4c-1.1,1-2.9,1.9-5.8,2.5v79c0,11.2-3.2,17.1-26.1,18.7c-0.4-5.4-1.3-9.4-3.7-11.6c-2.4-2.5-5.4-4.3-13.3-5.4 v-1.6c0,0,15.4,0.7,18.7,0.7c2.5,0,3.2-1,3.2-2.5V82.8h-18c-2.5,18.1-11.2,36.1-41.1,48.3l-1.2-0.8c9.3-8.2,15-17.2,18.3-26.9 h-25.8V126c-0.1,0.8-6.3,4.6-17.1,4.6h-3.9v-27.1H69.8l-1.2-3.4h27v-13h-0.9v1.2c0,1.6-8.5,4.9-16.7,4.9h-2.9V42.8L95.3,49h0.3 V37.4H70.1L68.9,34h26.7V16.8l26.4,1.6c-0.1,1.8-1.2,2.9-5.4,3.5V34h0.3l9.9-10.9c0,0,11.2,7.4,17.9,12.4c-0.4,1.3-2.1,1.9-4.2,1.9 h-23.9v11.2l8.6-7.2l18.3,11c-0.8,0.8-2.5,1.8-5.3,2.3v31.7c-0.1,1.2-10,4.6-17.1,4.6h-3.6v-3.7h-0.9v13h4.2l9.3-9.8 c0,0,7.5,4.8,13.6,9.1c2.9-10.8,3.5-22.1,3.5-33.7V20.6l23.2,6.4h12.5l9.5-8.5L211.5,30.4z M94.7,52.4v13.8h22.8V52.4H94.7z M94.7,83.8h22.8V69.5H94.7V83.8z M184.4,79.5V56.6h-17.1v9.1c0,4.6-0.1,9.1-0.6,13.8H184.4z M167.3,30.3v22.9h17.1V30.3H167.3z'/%3E%3Cpath d='M274.1,76.8c0,15.4-1.7,39.1-24.6,54.1l-1.5-1c8.9-16.3,9-36.7,9-53.1V53.7l19.8,5.6h12.9c1.7-6,3.6-15,5-22.9h-40.5 l-1.2-3.4h30.2c-1.4-0.4-2.9-1-4.2-1.8c-0.1-5.2-3.4-10.8-6.9-14.2l1-0.6c29.3,0.4,27,13.8,17.3,16.5h8.5l9.3-9.6 c0,0,10.3,6.5,16.6,11c-0.4,1.3-1.9,1.9-4.2,1.9h-22.6l18,4.1c-0.6,1.6-2.5,2.6-5.7,2.6c-5,5.9-10.8,11.8-16.4,16.2h4.8l8.1-8.4 c0,0,9.2,5.8,14.7,9.8c-0.5,1.3-2,1.9-4.1,1.9h-19.8l15.3,6.7c-0.9,1.2-2.1,1.6-5.4,1.2c-7.5,6.8-19.6,12.2-31,15.5l-1.3-1.8 c7.8-5.4,13.6-13,17.7-21.6h-18.7V76.8z M323.2,103.8c-1.1,1.3-2.6,1.7-6,1.2c-15.8,12.4-35,19.8-56.8,23.9l-1.1-1.8 c18.2-7.2,32.3-17.6,43.1-32.5L323.2,103.8z M265.4,37.3c35.3,7.3,17.5,27.7,4.2,17.9c0-6-2.9-12.7-5.7-17.3L265.4,37.3z M271.7,103.6c12.1-6.2,21.2-15.2,27.6-26.6l20,8.5c-0.9,1.2-2.4,1.7-5.7,1.3c-10.4,8.9-25,15.1-40.7,18.6L271.7,103.6z M364.7,30.9c-5,6.5-11.2,13.7-16.8,18.7h15.8l7.8-6.6l15.9,9.6c-0.7,0.8-2.4,1.7-5,2v42.8c-0.1,0.8-8.7,3.6-14.4,3.6h-3V61 c-0.9,0.6-2.3,1-4.4,1c-0.7,15.6-0.9,28.2-4.6,38.4c49.2,7.2,37.6,35.3,19.4,26.7c-3.8-8.4-12.6-17.9-20.3-24.7 c-5.7,13.2-18.4,21.9-47.4,27.5l-1.5-2c39.4-13,38.4-31.9,38.5-72.1l20.3,3.4V53h-25.4v45.1c0,1.4-7.4,4.6-14.9,4.6h-2.5V43.7 l18.2,5.9h2.1c0.1-5.2,0.1-12.7,0.1-18.7h-21.3l-1.2-3.4h43l10.4-10.8c0,0,11.6,7.3,18.4,12.2c-0.4,1.3-2.1,1.9-4.2,1.9H364.7z'/%3E%3Cpath d='M547.1,48.3c-4.5,19.8-14,36.9-30.6,50.7c16.7,7.2,35.7,11.9,55.5,15l-0.4,1.4c-10.9,1.3-18.6,6.8-22.5,15.6 c-18.6-5.2-34.8-11.9-48.1-21.5c-17.6,10-40.8,17.2-71,21.2l-0.6-1.2c26.7-7.2,46.6-16.9,61-28.7c-13.2-12.8-22.8-29.7-27.9-52.7 H432l-1.2-3.4h105.5l12.1-13.2c0,0,13.7,8.8,21.4,14.6c-0.4,1.3-2.1,1.9-4.3,1.9H547.1z M465,48.3c6.6,19,19.4,32.6,35.9,42.7 c11.4-12.6,17.5-27,20-42.7H465z M482.7,17.4c52.5,1.9,34.7,34.8,13.5,23.3c-1.8-8.3-7.8-17-14.4-22.7L482.7,17.4z'/%3E%3Cpath d='M752.9,49.6c-1.2,1.2-2.7,1.6-6,1.7c-6.4,3.1-16.9,7.1-25.6,9.6L728,66c-1.2,1.1-2.7,1.4-6,1.7c-7.8,2.9-19.5,6.6-29.7,9.5 l4.4,0.2c-0.3,1.8-1.8,2.6-5,3.1v7.6h27.6L730.7,76c0,0,13.1,8,20.7,13.5c-0.4,1.3-2.2,1.9-4.5,1.9h-55.2v19.4 c0,11.9-3.9,18.3-30.4,20.1c-0.8-5.8-1.8-9.7-5.4-12.5c-3.6-2.6-7.5-4.6-18.1-6.1V111c0,0,23.7,1.2,27.7,1.2c2.4,0,3.2-0.6,3.2-2.2 V91.5h-56.4l-1.2-3.4h57.6V75.6l15.3,1c4.1-4,8.6-8.9,11.9-13h-58l-1.4-3.4h60.3l12-9l9.6,7.3c1.5-3.5,3-7.7,4-11.3h-88.5 c1.8,9.5-2.4,16.1-8.4,18.7c-6,2.8-13.3,1.1-15.6-4.1c-2-5,1.8-8.9,7.2-10.9c5.4-2.6,10.5-9.6,9-17.4l1.8-0.1 c2.5,3.7,4.2,7.2,5.1,10.4h62.9c5-8,10-19.2,12.9-27.1l26.8,8c-0.8,1.3-2.5,2.3-6,1.9c-7.2,5-18,12-28.3,17.2h20.4l11.5-9.2 L752.9,49.6z M633,18.3c46.8,4.9,28.3,33.6,9.9,22.2c-0.9-7.7-5.8-16-11.1-21.6L633,18.3z M667.5,16.9c44.9,8.2,22.1,34.8,4.8,21.7 c0.1-7.6-2.7-15.4-6-21.2L667.5,16.9z'/%3E%3Cpath d='M929.1,70.8c-0.9,1.3-2.3,1.7-5.7,2c-3,11.8-8.1,22.9-16.5,32.6c7.7,4,16.1,7.1,24.5,9.7l-0.4,1.3 c-8.7,1.2-15.4,6.2-18.7,14.3c-7.1-4.1-13-8.4-18.4-13.6c-7.9,5.6-18,10.6-30.3,14.3l-1-1.3c10.4-5.8,18.1-13,24.2-21.1 c-7.5-9.8-12.8-22.2-15.9-38.7H866v55.9c0,1.1-6.3,4.7-16.9,4.7h-3.9V48.7c-0.7,0.4-1.5,0.5-2.5,0.5h-15.9v17.1 c5.7-1.2,11.6-2.4,17.3-3.7l0.3,1.2c-4.5,2.9-10.4,6.5-17.5,10.7v37.1c0,11.4-2.7,17.8-23.4,19.3c-0.3-5.6-0.9-9.7-2.9-12.5 c-1.8-2.8-4.5-4.4-10.6-5.5v-1.7c0,0,11.5,0.6,14.4,0.6c2.1,0,2.7-0.6,2.7-1.8V85.2c-2.5,1.3-5.3,2.6-8.1,4.1 c-0.6,1.6-2.2,3-4.2,3.6l-7.1-18.8c3.9-0.6,11-1.9,19.4-3.6V49.1h-17l-1.2-3.4h18.2V17l25.3,1.9c-0.3,1.8-1.8,3-5.5,3.4v21.9 l6.6-8.9c0,0,7.1,5.9,11.8,10.4V18.4l22.9,6.8h29.4l9.7-7.2l17.1,11c-1,1-2.9,1.7-5.7,2c-1,15.2-3,22.2-9.4,25.4 c-4.6,2.4-10.2,2.9-19.8,2.9c0-4-0.6-6.2-3.1-8.3c-2.9-2.2-7.9-3.6-14.2-4.7v-1.3c6.1,0.4,16.2,0.7,18.9,0.7c2.2,0,3.3-0.1,4.2-0.7 c2-1.2,3-7,3.6-16.5H866V67h34.5l10.4-8.6L929.1,70.8z M873,70.4c4.2,11.3,11.6,20,20.5,26.9c4.1-8.5,6.6-17.5,8.3-26.9H873z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M309.4,149.2c-0.2,1.4-0.4,2.9-0.6,4.4h2.7v-8h4.6v8h4.4v3.6h-4.4v8.2l4.4-1.1l0.4,3.5l-4.8,1.2v13.6h-4.6v-12.4l-7.1,1.8 l-1-3.8c2.3-0.4,5.1-1,8.2-1.8v-9.3h-3.3c-0.5,2.4-1.2,4.7-1.9,6.4c-0.8-0.4-2.6-1.2-3.6-1.5c1.5-3.3,2.4-8.5,2.8-13.5L309.4,149.2 z M337.6,145.4v4h9.6v3.4h-9.6v4.4h11.8v3.5h-5.8v4.3h5.4v3.5h-5.4v9.6c0,2-0.6,3.1-2.3,3.7c-1.7,0.6-4.4,0.6-8.2,0.6 c-0.2-1.1-0.8-2.7-1.4-3.8c2.7,0.1,5.4,0.1,6.3,0c0.8,0,1-0.2,1-0.7v-9.5h-17.2v-3.5H339v-4.3h-18.1v-3.5h12.2v-4.4h-9.3v-3.4h9.3 v-4H337.6z M327.5,169.2c2.3,1.8,5,4.4,6.2,6.2l-3.7,2c-1-1.8-3.6-4.5-5.9-6.4L327.5,169.2z'/%3E%3Cpath d='M663.2,161v-9.5h-8.8v-3.7h22.5v3.7H668v9.5h10.3v3.8H668v17.7h-4.9v-17.7h-10.1V161H663.2z M686.2,150.2v22.5h-4.8v-22.5 H686.2z M697.2,146.2v31.4c0,2.5-0.7,3.6-2.6,4.3c-2,0.6-5.2,0.8-9.9,0.7c-0.3-1.1-1.1-2.9-1.8-4c3.6,0.1,7,0.1,8.1,0.1 c1.1,0,1.4-0.3,1.4-1.1v-31.4H697.2z'/%3E%3C/g%3E%3C/svg%3E");
}
body {
font-size: 0.85rem;
font-family: "Noto Sans SC", sans-serif;
background-color: #000;
}
div#container-wrap-wrap {
background-color: #FFF;
opacity: 0.97;
}
a,
a:link,
a:hover,
a:active,
a:visited,
div#side-bar a:visited {
color: rgb(172, 127, 252);
}
a.newpage {
color: rgb(212, 177, 255);
}
div#container-wrap {
background: none;
}
div#header {
display: block;
position: fixed;
width: 100%;
max-width: 100%;
height: calc(1.375 * var(--header-height));
margin: 0;
padding: 0;
background-color: transparent;
background-image: linear-gradient(to bottom, rgba(172, 127, 252, 0.4), rgba(172, 127, 252, 0.2)), linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)), url("https://ah-sandbox.wdfiles.com/local--files/theme%3Ayasuharasuzu/asagao-border-colored.svg"), linear-gradient(to bottom, rgba(172, 127, 252, 0.2), rgba(255, 255, 255, 0)), linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
background-size: 100% var(--header-height), 100% var(--header-height), auto calc(0.375 * var(--header-height)), 100% calc(0.375 * var(--header-height)), 100% calc(0.375 * var(--header-height));
background-position: center top, center top, center bottom, center bottom, center bottom;
background-repeat: no-repeat, no-repeat, repeat-x, no-repeat, no-repeat;
}
div#header h1 {
height: var(--header-height);
max-height: var(--header-height);
margin: 0;
margin-left: var(--header-height);
padding: 0;
padding-left: var(--header-height);
background-image: url("https://ah-sandbox.wdfiles.com/local--files/theme%3Ayasuharasuzu/asagao-20.svg");
background-size: auto var(--header-height);
background-position: center left;
background-repeat: no-repeat;
filter: drop-shadow(0.1rem 0.1rem 0 rgba(172, 127, 252, 0.4));
-webkit-filter: drop-shadow(0.1rem 0.1rem 0 rgba(172, 127, 252, 0.4));
}
div#header h1 a {
display: block;
position: relative;
height: var(--header-height);
max-height: var(--header-height);
width: calc(3.25 * var(--header-height));
padding: 0;
margin: 0;
}
div#header h1 a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: calc(2.6 * var(--header-height));
height: calc(0.625 * var(--header-height));
max-height: calc(0.625 * var(--header-height));
line-height: calc(0.625 * var(--header-height));
font-size: calc(0.5 * var(--header-height));
text-align: center;
content: "朝顔文学報";
font-family: "Noto Serif JP", serif;
font-weight: 900;
color: #FFF;
text-shadow: none;
transform-origin: left center;
transform: scaleX(1.25);
-webkit-transform-origin: left center;
-webkit-transform: scaleX(1.25);
}
div#header h1 a::after {
display: block;
position: absolute;
top: calc(0.625 * var(--header-height));
left: 0;
height: calc(0.375 * var(--header-height));
max-height: calc(0.375 * var(--header-height));
line-height: calc(0.375 * var(--header-height));
font-size: 1rem;
font-family: "Noto Serif SC";
width: calc(3.25 * var(--header-height));
text-align: center;
content: "做风的君王";
font-weight: 700;
color: #FFF;
text-shadow: none;
}
div#header h1 a span {
display: none;
}
div#header h2 {
display: none;
}
div#login-status {
display: flex;
top: calc(0.1 * var(--header-height));
right: calc(0.1 * var(--header-height));
height: calc(0.25 * var(--header-height));
padding: calc(0.075 * var(--header-height));
font-size: calc(0.1875 * var(--header-height));
color: rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
border-radius: calc(0.25 * var(--header-height));
box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4);
transition: ease 0.25s;
}
div#login-status * {
transition: ease 0.25s;
}
div#login-status:hover {
max-width: 25rem;
background-position: -100% center;
overflow: visible;
}
div#login-status:hover * {
opacity: 1;
}
div#login-status span.printuser {
display: flex;
margin-right: calc(0.125 * var(--header-height));
}
div#login-status span.printuser a {
font-size: calc(0.1875 * var(--header-height));
color: rgb(255, 255, 255);
display: flex;
}
div#login-status span.printuser a img.small {
width: calc(0.25 * var(--header-height));
height: calc(0.25 * var(--header-height));
padding: 0;
margin: 0 calc(0.125 * var(--header-height));
background-image: none;
}
div#login-status a,
div#login-status a#my-account,
div#login-status a#account-topbutton {
border: none;
font-size: calc(0.1875 * var(--header-height));
color: rgb(0, 0, 0);
}
div#login-status a#my-account {
margin-left: calc(0.125 * var(--header-height));
}
div#login-status > a > strong {
color: rgb(172, 127, 252);
margin-left: calc(0.125 * var(--header-height));
}
div#login-status a.login-status-create-account.btn,
div#login-status a.login-status-sign-in.btn.btn-primary {
font-size: calc(0.15 * var(--header-height));
padding: calc(0.05 * var(--header-height));
background-color: rgb(245, 245, 245);
border-radius: calc(0.0625 * var(--header-height));
transition: ease 0.25s;
}
div#login-status a.login-status-create-account.btn:hover,
div#login-status a.login-status-sign-in.btn.btn-primary:hover {
text-decoration: none;
background-color: rgb(235, 235, 235);
}
div#login-status a.login-status-create-account.btn {
margin-right: calc(0.125 * var(--header-height));
}
div#login-status a.login-status-sign-in.btn.btn-primary {
margin-left: calc(0.125 * var(--header-height));
}
div#account-options {
width: 8rem;
padding: 0.75rem;
border: solid 1px transparent;
border-radius: 0.75rem;
box-shadow: 0 0 0.2rem 0.1rem rgba(172, 127, 252, 0.2);
}
div#account-options a {
margin: 0;
padding: 0.25rem;
color: rgb(172, 127, 252);
transition: ease 0.125s;
}
div#account-options a:hover {
text-decoration: none;
color: rgb(172, 127, 252);
background-color: rgb(245, 245, 245);
text-shadow: 0.1rem 0.1rem 0 rgba(172, 127, 252, 0.2);
}
div#search-top-box {
top: calc(0.6 * var(--header-height));
right: calc(0.1 * var(--header-height));
height: calc(0.4 * var(--header-height));
width: auto;
font-size: calc(0.1875 * var(--header-height));
background-color: rgb(255, 255, 255);
border-radius: calc(0.25 * var(--header-height));
box-shadow: 0 0 0.2rem 0.1rem rgba(172, 127, 252, 0.2);
transition: ease 0.25s;
overflow: hidden;
z-index: 30;
}
div#search-top-box * {
transition: ease 0.25s;
}
div#search-top-box:hover {
max-width: 25rem;
background-position: -100% center;
}
div#search-top-box:hover * {
opacity: 1;
}
div#search-top-box > form#search-top-box-form {
display: flex;
}
div#search-top-box > form#search-top-box-form > input,
div#search-top-box > form#search-top-box-form > input:hover {
-webkit-appearance: none;
outline: none;
}
div#search-top-box > form#search-top-box-form > input#search-top-box-input,
div#search-top-box > form#search-top-box-form > input#search-top-box-input:hover,
div#search-top-box > form#search-top-box-form > input#search-top-box-input:focus {
margin: 0;
color: rgb(27, 27, 27);
border: solid calc(0.025 * var(--header-height)) rgb(255, 255, 255);
border-radius: calc(0.25 * var(--header-height)) 0 0 calc(0.25 * var(--header-height));
padding: calc(0.075 * var(--header-height)) calc(0.125 * var(--header-height));
height: calc(0.2 * var(--header-height));
font-size: calc(0.1875 * var(--header-height));
box-shadow: inset 0 0 0.2rem 0.1rem rgba(172, 127, 252, 0.2);
background-color: transparent;
transition: ease 0.25s;
}
div#search-top-box > form#search-top-box-form > input#search-top-box-input:hover,
div#search-top-box > form#search-top-box-form > input#search-top-box-input:focus {
color: rgb(0, 0, 0);
background-color: rgb(245, 245, 245);
}
div#search-top-box > form#search-top-box-form > input.button.btn[type="submit"],
div#search-top-box > form#search-top-box-form > input.button.btn[type="submit"]:hover,
div#search-top-box > form#search-top-box-form > input.button.btn[type="submit"]:focus {
margin: 0;
color: rgb(0, 0, 0);
border: none;
border-radius: 0 calc(0.25 * var(--header-height)) calc(0.25 * var(--header-height)) 0;
box-shadow: none;
padding: calc(0.075 * var(--header-height)) calc(0.125 * var(--header-height));
height: calc(0.4 * var(--header-height));
font-size: calc(0.1875 * var(--header-height));
background-image: none;
background-color: transparent;
transition: ease 0.25s;
}
div#search-top-box > form#search-top-box-form > input.button.btn[type="submit"]:hover,
div#search-top-box > form#search-top-box-form > input.button.btn[type="submit"]:focus {
background-color: rgb(245, 245, 245);
}
div#top-bar {
position: absolute;
top: 0;
left: 0;
width: auto;
max-width: unset;
height: var(--header-height);
margin-left: calc(6 * var(--header-height));
margin-right: calc(0.25 * var(--header-height));
}
div#top-bar div > ul {
float: none;
display: flex;
}
div#top-bar div > ul > li {
background-image: linear-gradient(to bottom, transparent 0, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 60%, transparent 100%);
background-size: var(--header-height) 0;
background-position: center center;
background-repeat: no-repeat;
transition: ease 0.1s;
-webkit-transition: ease 0.1s;
}
div#top-bar div > ul > li.sfhover,
div#top-bar div > ul > li:hover {
background-size: var(--header-height) var(--header-height);
}
div#top-bar div > ul > li > a {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
border: none;
line-height: calc(0.203125 * var(--header-height));
max-height: unset;
width: var(--header-height);
height: var(--header-height);
font-size: calc(0.1875 * var(--header-height));
font-family: "Noto Sans SC";
font-weight: 700;
text-shadow: 0.1rem 0.1rem 0 rgba(172, 127, 252, 0.4);
transition: ease 0.1s;
-webkit-transition: ease 0.1s;
}
div#top-bar div > ul > li.sfhover > a,
div#top-bar div > ul > li:hover > a,
div#top-bar div > ul > li.sfhover > a:hover,
div#top-bar div > ul > li:hover > a:hover {
color: rgb(172, 127, 252);
border: none;
background: transparent;
text-shadow: 0.1rem 0.1rem 0 rgba(172, 127, 252, 0.2);
}
div#top-bar div > ul > li > ul {
padding: 0.75rem;
border: none;
background-color: rgb(255, 255, 255);
border-radius: 0.75rem;
box-shadow: 0 0 0.2rem 0.1rem rgba(172, 127, 252, 0.2);
}
div#top-bar div > ul > li.sfhover > ul > li > a,
div#top-bar div > ul > li:hover > ul > li > a,
div#top-bar div > ul > li.sfhover > ul > li > a:hover,
div#top-bar div > ul > li:hover > ul > li > a:hover {
padding: 0.25rem;
border: none;
color: rgb(172, 127, 252);
background-color: transparent;
transition: ease 0.125s;
}
div#top-bar div > ul > li.sfhover > ul > li > a:hover,
div#top-bar div > ul > li:hover > ul > li > a:hover {
background-color: rgb(245, 245, 245);
text-shadow: 0.1rem 0.1rem 0 rgba(172, 127, 252, 0.2);
}
div#content-wrap {
margin: 0;
padding-top: 5rem;
}
/* SIDE BAR */
@media (min-width: 768px) {
div#content-wrap {
display: flex;
max-width: unset;
justify-content: space-between;
}
div#main-content {
margin: 0;
width: calc(100% - 2 * var(--sidebar-width));
max-width: 50rem;
box-sizing: border-box;
}
div#page-content {
min-width: unset;
}
div#side-bar {
position: fixed;
left: 0;
bottom: 0;
top: calc(1.75 * var(--header-height));
height: calc(100vh - 1.25 * var(--header-height));
width: var(--sidebar-width);
max-width: var(--max-sidebar-width);
overflow-y: scroll;
overflow-x: hidden;
transform: rotateY(180deg);
}
/* div#side-bar::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(0.25 * var(--header-height));
background-image: linear-gradient(to bottom, #FFF, transparent);
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
z-index: 2;
} */
div#content-wrap::before,
div#content-wrap::after {
content: "";
display: block;
min-width: var(--sidebar-width);
flex-shrink: 1;
}
div#side-bar > * {
transform: rotateY(180deg);
}
}
@media (max-width: 1039px) and (min-width: 768px) {
div#content-wrap::before,
div#side-bar {
width: var(--narrow-sidebar-width);
}
div#main-content {
width: calc(100% - var(--narrow-sidebar-width));
}
div#content-wrap::after {
display: none;
}
}
div#side-bar div.side-block {
position: relative;
margin: 1rem 0.75rem;
border: solid 1px transparent;
border-radius: 0.75rem;
box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4);
background-color: rgb(255, 255, 255) !important;
}
div#side-bar div.side-block::before,
div#side-bar div.side-block::after {
content: "";
display: block;
position: absolute;
top: calc(-0.1875 * var(--header-height));
right: 0;
width: calc(1.2 * var(--header-height));
max-width: 50%;
height: calc(0.375 * var(--header-height));
background-image: url("https://ah-sandbox.wikidot.com/local--files/theme:yasuharasuzu/asagao-block-border.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: calc(1.2 * var(--header-height)) auto;
}
div#side-bar div.side-block::after {
left: 0;
transform: rotateY(180deg);
}
div#side-bar div.side-block div.heading,
div#side-bar div.side-block div.collapsible-block-unfolded-link a.collapsible-block-link {
display: block;
padding: 0;
margin: 0;
font-size: 0.8rem;
color: rgb(159, 207, 138);
text-align: center;
border-bottom: solid 1px rgb(159, 207, 138);
font-family: "Noto Sans SC", sans-serif;
font-weight: 900;
}
div#side-bar div.side-block div.collapsible-block-unfolded-link {
border: none;
}
div#side-bar div.collapsible-block-folded {
background-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Awanderers/sh_expand.png");
}
div#side-bar div.side-block div.menu-item > img.image {
filter: hue-rotate(140deg) brightness(200%);
-webkit-filter: hue-rotate(140deg) brightness(200%);
}
div#footer,
div#license-area.license-area {
right: 0;
margin-left: auto;
text-align: right;
max-width: 300px;
color: rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
border: solid 1px rgba(172, 127, 252, 0.4);
box-sizing: border-box;
opacity: 0.5;
transition: ease 0.25s;
}
div#footer:hover,
div#license-area.license-area:hover {
opacity: 1;
}
div#footer {
border-top-left-radius: 0.75rem;
border-right: none;
border-bottom: none;
}
div#footer a {
color: rgb(172, 127, 252) !important;
}
div#license-area.license-area {
text-align: center;
border-top: none;
border-right: none;
border-bottom: none;
}
/* MOBILE FIX */
@media (max-width: 1039px) and (min-width: 768px) {
div#login-status {
max-width: calc(0.25 * var(--header-height));
background-image: url("https://ah-sandbox.wikidot.com/local--files/theme:yasuharasuzu/user_icon.svg");
background-size: auto 100%;
background-position: left center;
background-repeat: no-repeat;
overflow: hidden;
}
div#search-top-box {
max-width: calc(0.4 * var(--header-height));
background-image: url("https://ah-sandbox.wikidot.com/local--files/theme:yasuharasuzu/search_icon.svg");
background-size: auto 100%;
background-position: left center;
background-repeat: no-repeat;
}
div#login-status *,
div#search-top-box * {
opacity: 0;
}
}
@media (max-width: 575px) {
div#login-status {
max-width: calc(0.25 * var(--header-height));
background-image: url("https://ah-sandbox.wikidot.com/local--files/theme:yasuharasuzu/user_icon.svg");
background-size: auto 100%;
background-position: left center;
background-repeat: no-repeat;
overflow: hidden;
}
div#search-top-box {
max-width: calc(0.4 * var(--header-height));
background-image: url("https://ah-sandbox.wikidot.com/local--files/theme:yasuharasuzu/search_icon.svg");
background-size: auto 100%;
background-position: left center;
background-repeat: no-repeat;
}
div#login-status *,
div#search-top-box * {
opacity: 0;
}
}
@media (max-width: 959px) {
:root {
--header-height: var(--narrow-header-height);
}
}
@media (max-width: 767px) {
:root {
--header-height: var(--mobile-header-height);
}
div#header h1 a {
display: none;
}
div#top-bar {
margin-left: calc(2 * var(--header-height));
}
div#side-bar,
div#side-bar:target {
background-color: #FFF;
border: none;
}
div#side-bar div.side-block {
margin: 0.75rem 0.5rem;
}
div#side-bar:target .close-menu {
background-color: rgba(172, 127, 252, 0.1);
}
div#top-bar div.open-menu a {
left: 0;
top: 0;
color: #FFF;
border: none;
background-color: transparent;
text-shadow: 0.1rem 0.1rem 0 rgba(172, 127, 252, 0.2);
text-align: center;
line-height: var(--header-height);
width: var(--header-height);
height: var(--header-height);
}
div#top-bar div.open-menu a:hover {
box-shadow: none;
}
}
@media (max-width: 383px) {
:root {
--header-height: var(--narrow-mobile-header-height);
}
}
div#page-title {
display: none;
}
div#page-title,
div.meta-title {
color: rgb(172, 127, 252);
text-align: center;
border-bottom: solid 1px rgb(159, 207, 138);
text-shadow: 1px 1px 1px rgb(172, 127, 252);
font-family: "Noto Serif SC", serif;
font-weight: 900;
}
h1 {
font-family: "Noto Serif SC", serif;
color: rgb(159, 207, 138);
}
h2,
h3,
h4,
h5,
h6 {
font-family: "Noto Sans SC", sans-serif;
}
/* RATE MODULE */
div.page-rate-widget-box, div#page-content div.creditRate div.rate-box-with-credit-button div.page-rate-widget-box {
display: inline-flex;
background-color: transparent;
border: solid 1px #FFF;
height: 1.5rem;
border-radius: 0.75rem;
box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4);
margin-left: 0;
margin-right: 0;
overflow: hidden;
}
div.page-rate-widget-box span.rate-points {
color: #000 !important;
line-height: 1.5rem;
background-color: transparent !important;
border-radius: 0;
border: none;
}
div.page-rate-widget-box span.rateup.btn,
div.page-rate-widget-box span.ratedown.btn,
div.page-rate-widget-box span.cancel {
height: 1.5rem;
line-height: 1.5rem;
border: none;
background-color: transparent;
border-radius: 0;
transition: ease 0.25s;
}
div.page-rate-widget-box span.rateup.btn:hover,
div.page-rate-widget-box span.ratedown.btn:hover,
div.page-rate-widget-box span.cancel:hover {
background-color: rgb(245, 245, 245);
}
div.page-rate-widget-box span.rateup.btn a,
div.page-rate-widget-box span.ratedown.btn a,
div.page-rate-widget-box span.cancel a {
display: block;
height: 100%;
border: none;
background-color: transparent;
border-radius: 0;
color: #666;
}
div.page-rate-widget-box .rateup.btn a:hover,
div.page-rate-widget-box .ratedown.btn a:hover,
div.page-rate-widget-box .cancel a:hover {
border: none;
background-color: transparent;
border-radius: 0;
color: #000;
}
div#page-content div.rate-box-with-credit-button {
border-radius: 0;
border: none;
background-color: transparent;
box-shadow: none;
}
div#page-content div.creditRate {
margin-left: 0;
margin-right: 0;
}
div#page-content div.rate-box-with-credit-button {
display: inline-flex;
}
div#page-content div.rate-box-with-credit-button div.creditButton p a {
display: block;
margin: 0;
margin-left: 5px;
width: 20px;
height: 1.5rem;
line-height: 1.5rem;
font-size: 12px;
text-align: center;
color: #666;
background-color: transparent;
border: solid 1px #FFF;
border-radius: 0.75rem;
box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4);
position: static;
transition: ease 0.25s;
}
div#page-content div.rate-box-with-credit-button div.creditButton p a:hover {
color: #000;
background-color: rgb(245, 245, 245);
}
/* YUI TABS */
div#page-content div.yui-navset.yui-navset-top {
border-radius: 0.75rem;
box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4);
color: rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
overflow: hidden;
}
div#page-content div.yui-navset.yui-navset-top a:hover,
div#page-content div.yui-navset.yui-navset-top a:focus {
text-decoration: none;
}
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav {
border: none;
display: flex;
flex-wrap: wrap;
}
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li {
margin: 0;
padding: 0;
height: 1.5rem;
border: none;
flex-grow: 1;
max-width: 100%;
}
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li > a {
margin: 0;
padding: 0 0.8rem;
border: none;
width: 100%;
height: 100%;
max-width: 100%;
text-align: center;
overflow: hidden;
font-family: var(--title-font);
color: rgb(255, 255, 255);
background-image: none;
background-color: rgba(172, 127, 252, 0.87);
box-sizing: border-box;
transition: ease 0.25s;
}
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li > a:focus,
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li > a:hover {
color: rgb(255, 255, 255);
background-color: rgba(172, 127, 252, 0.75);
}
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li.selected > a,
div#page-content div.tui-navset.yui-navset-top > ul.yui-nav > li.selected > a:focus,
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li.selected > a:hover {
color: rgb(0, 0, 0);
background-color: rgb(245, 245, 245);
background-image: none;
}
div.yui-navset.yui-navset-top > ul.yui-nav > li > a > em {
display: block;
padding: 0;
margin: 0;
height: 100%;
line-height: 1.5rem;
border: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
div.yui-navset.yui-navset-top > div.yui-content {
padding: 0 1rem;
background-color: transparent;
border: none;
border-top: solid 1px rgb(159, 255, 138);
}
div.yui-navset.yui-navset-top > div.yui-content > div {
padding: 1px;
margin: -1px;
}
/* BUTTONS */
a.button.btn,
div.owindow a.btn,
div.options input.btn,
div.options input.btn.btn-default,
div.options input.btn.btn-primary,
div.options input.btn.btn-sm,
div.options input.btn.btn-small,
div.options a.btn,
div.options a.btn.btn-default,
div.options a.btn.btn-primary,
div.options a.btn.btn-sm,
div.options a.btn.btn-small,
div.buttons input.btn,
div.buttons input.btn.btn-default,
div.buttons input.btn.btn-primary,
div.buttons input.btn.btn-sm,
div.buttons input.btn.btn-small,
div.buttons a.btn,
div.buttons a.btn.btn-default,
div.buttons a.btn.btn-primary,
div.buttons a.btn.btn-sm,
div.buttons a.btn.btn-small,
div.button-bar input.btn,
div.button-bar a.btn,
div.button-bar a,
div.page-options-bottom input.btn,
div.page-options-bottom a.btn {
display: inline-block;
font-weight: bold;
color: rgb(0, 0, 0);
border-color: transparent;
border-radius: 0.75rem;
background-color: rgb(255, 255, 255);
box-shadow: 0 0 0.25rem rgba(172, 127, 252, 0.4);
padding: 0.2rem 0.5rem;
transition: ease 0.25s;
}
a.button.btn:hover,
div.owindow a.btn:hover,
div.options input.btn:hover,
div.options a.btn:hover,
div.buttons input.btn:hover,
div.buttons a.btn:hover,
div.button-bar input.btn:hover,
div.button-bar a.btn:hover,
div.button-bar a:hover,
div.page-options-bottom input.btn:hover,
div.page-options-bottom a.btn:hover,
a.button.btn:focus,
div.owindow a.btn:focus,
div.options input.btn:focus,
div.options a.btn:focus,
div.buttons input.btn:focus,
div.buttons a.btn:focus,
div.button-bar input.btn:focus,
div.button-bar a.btn:focus,
div.button-bar a:focus,
div.page-options-bottom input.btn:focus,
div.page-options-bottom a.btn:focus {
display: inline-block;
text-decoration: none;
border-color: transparent;
background-color: rgba(159, 255, 138, 0.5);
box-shadow: 0 0 0.25rem rgba(159, 207, 138, 0.4);
color: rgb(0, 0, 0);
}
div.page-options-bottom {
display: flex;
flex-wrap: wrap;
text-align: center;
}
div.page-options-bottom a.btn {
flex-grow: 1;
}
@media (max-width: 767px) {
div.owindow div a.btn-primary {
width: unset;
float: none;
display: block !important;
text-align: center;
margin: 0.2rem;
}
div.content.modal-body div[style="float:right"] {
float: none !important;
clear: both;
text-align: right !important;
}
}
hr {
margin-left: 0;
margin-right: 0;
background-color: rgba(172, 127, 252);
}
/* BLOCKS */
div.asagao-title img {
opacity: 0;
}
div.asagao-title {
mask-image: var(--title-mask);
-webkit-mask-image: var(--title-mask);
background-color: rgb(255, 255, 255);
background-image: linear-gradient(45deg, rgba(172, 127, 252, 0.6), rgba(172, 127, 252, 0.8));
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
}
div.owindow {
background-color: rgb(255, 255, 255);
border: solid 1px transparent;
border-radius: 0.75rem;
box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4);
overflow: hidden;
}
blockquote,
div.blockquote {
margin: 1rem 0;
background-color: rgb(255, 255, 255);
border: solid 1px transparent;
border-radius: 0.75rem;
box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4);
}
div.blockquote.green-shadow {
box-shadow: 0 0 0.5rem rgba(159, 207, 138, 0.4);
}
div.blockquote.grey-bg {
background-color: rgb(235, 235, 235);
box-shadow: none;
}
div.blockquote.styled {
position: relative;
}
div.blockquote.styled::before,
div.blockquote.styled::after {
content: "";
display: block;
position: absolute;
top: calc(-0.1875 * var(--header-height));
right: 0;
width: calc(1.2 * var(--header-height));
max-width: 50%;
height: calc(0.375 * var(--header-height));
background-image: url("https://ah-sandbox.wikidot.com/local--files/theme:yasuharasuzu/asagao-block-border.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: calc(1.2 * var(--header-height)) auto;
}
div.blockquote.styled::after {
left: 0;
transform: rotateY(180deg);
}
div.column-2,
div.column-3,
div.column-4 {
margin: 1em 0;
column-count: 2;
column-rule: solid 1px rgba(159, 207, 138);
}
div.column-3 {
column-count: 3;
}
div.column-4 {
column-count: 4;
}
div.column-2 p:nth-child(1),
div.column-3 p:nth-child(1),
div.column-4 p:nth-child(1) {
margin-top: 0;
}
div.column-2 p:nth-last-child(1),
div.column-3 p:nth-last-child(1),
div.column-4 p:nth-last-child(1) {
margin-bottom: 0;
}
@media (max-width: 767px) {
div.screen {
column-count: unset;
}
}
div.scp-image-block {
border: none;
border-radius: 0.75rem;
box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4);
overflow: hidden;
}
div.scp-image-block.block-right {
margin-right: 0;
}
div.scp-image-block.block-left {
margin-left: 0;
}
div.scp-image-block div.scp-image-caption {
border: none;
background-color: rgb(245, 245, 245);
}
table.wiki-content-table {
border-radius: 0.75rem;
box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4);
overflow: hidden;
border-collapse: separate;
}
table.wiki-content-table tr:nth-child(1),
table.wiki-content-table tr:nth-child(1) :nth-child(1) {
border-top-left-radius: 0.75rem;
}
table.wiki-content-table tr:nth-child(1),
table.wiki-content-table tr:nth-child(1) :nth-last-child(1) {
border-top-right-radius: 0.75rem;
}
table.wiki-content-table tr:nth-last-child(1),
table.wiki-content-table tr:nth-last-child(1) :nth-child(1) {
border-bottom-left-radius: 0.75rem;
}
table.wiki-content-table tr:nth-last-child(1),
table.wiki-content-table tr:nth-last-child(1) :nth-last-child(1) {
border-bottom-right-radius: 0.75rem;
}
table.wiki-content-table th {
border: solid 1px rgb(245, 245, 245);
background-color: rgb(245, 245, 245);
}
table.wiki-content-table td {
border: solid 1px rgb(245, 245, 245);
}
div.code {
margin: 1rem 0;
border-style: solid;
border-radius: 0.75rem;
}
div.author {
display: flex;
width: 100%;
justify-content: flex-end;
align-items: center;
}
div.author div.author-title {
display: block;
margin: 0 1rem;
padding: 0.5rem;
background-color: rgba(159, 255, 138, 0.4);
border: solid 1px transparent;
border-radius: 0.75rem;
}
div.author p {
margin: 0;
}
/* HOVERTIP */
.hovertip .content .footnote .f-heading, .hovertip .content .footnote .f-footer {
display: none !important;
}
.hovertip {
color: rgb(0, 0, 0) !important;
background-color: rgb(255, 255, 255) !important;
border: solid 1px transparent !important;
border-radius: 0.5rem;
box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.3);
}