@import url(https://github.backroomswiki.cn/Super_Liminal/css/super-liminal.css);
:root {
--ag-bg: 248, 249, 250;
--ag-text: 33, 37, 41;
--ag-white: 255, 255, 255;
--ag-light: 222, 226, 230;
--ag-gray: 173, 181, 189;
--ag-dark: 108, 117, 125;
--ag-black: 52, 58, 64;
--accent-color: 108, 122, 137;
--accent-color-dark: 73, 84, 96;
--background-color: var(--ag-bg);
--text-color: var(--ag-text);
--light-color-1: var(--ag-bg);
--light-color-2: var(--ag-white);
--dark-color-1: var(--ag-light);
--dark-color-2: var(--ag-gray);
--dark-color-3: var(--ag-dark);
--dark-color-4: var(--ag-black);
--warning-color: 180, 80, 80;
--accept-color: 80, 160, 100;
--neutral-color: var(--ag-gray);
--link-color: var(--accent-color);
--hover-link-color: var(--accent-color-dark);
--visited-link-color: var(--ag-dark);
--newpage-color: var(--warning-color);
--selected-background-color: var(--accent-color);
--selected-text-color: var(--ag-white);
--header-title-font-size: 2.8rem;
--header-subtitle: "Atomic 47";
--header-background-bottom: var(--ag-black);
--header-background-top: var(--accent-color-dark);
--header-extra-background-image: radial-gradient(circle, rgba(var(--ag-white)) 0%, transparent 0);
--header-text-shadow-color: 0, 0, 0, 0;
--general-button-background-color: var(--accent-color);
--general-button-text-color: var(--ag-white);
--general-hover-button-background-color: var(--accent-color-dark);
--general-hover-button-text-color: var(--ag-white);
--topbar-drop-border-width: 1px;
--account-drop-border-width: 1px;
--imageblock-border-width: 1px;
--tabview-border-width: 1px;
--table-border-width: 1px;
--blockquote-border-width: 2px;
--sidebar-title-shadow-color: 0, 0, 0, 0;
--note-background-color: 226, 232, 240;
--note-text-color: var(--ag-text);
--note-border-color: var(--accent-color), 0.5;
--rating-rateup-color: var(--ag-black);
--rating-ratedown-color: var(--ag-gray);
--rating-cancel-color: var(--ag-light);
--dark-gray-monochrome: var(--ag-black);
--light-pale-gray-monochrome: var(--ag-bg);
--very-light-gray-monochrome: var(--ag-light);
--alt-accent: var(--accent-color);
}
.yui-navset .yui-nav li,
.yui-navset .yui-nav li.selected {
background-color: rgba(var(--tabview-button-background-color)) !important;
background-image: linear-gradient(135deg, rgba(var(--tabview-hover-button-background-color)) 50%, transparent 50%) !important;
background-size: 300% 300% !important;
background-position: 100% 100% !important;
transition: background-position 0.25s ease-out !important;
}
.yui-navset .yui-nav li a,
.yui-navset .yui-nav li.selected a {
transition: color 0.2s ease-out !important;
}
.yui-navset .yui-nav a:is(:hover, :active, :focus, :focus-within),
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
background: none !important;
}
.yui-navset .yui-nav li:not(.selected):is(:hover, :active, :focus, :focus-within) {
background-position: 0% 0% !important;
background-image: linear-gradient(135deg, rgba(var(--tabview-hover-button-background-color)) 50%, transparent 50%) !important;
background-color: rgba(var(--tabview-button-background-color)) !important;
}
.yui-navset .yui-nav li:is(:hover, :active, :focus, :focus-within) a {
color: rgba(var(--tabview-hover-button-text-color)) !important;
}
.yui-navset .yui-nav li.selected {
background-image: none !important;
background-color: rgba(var(--tabview-selected-button-background-color)) !important;
}
.yui-navset .yui-nav li.selected a,
.yui-navset .yui-nav li.selected a:is(:hover, :active, :focus, :focus-within) {
color: rgba(var(--tabview-selected-button-text-color)) !important;
}
#page-title, .meta-title {
display: flex;
align-items: center;
border-bottom: none;
}
#page-title::before, .meta-title::before { margin-right: 1rem; }
#page-title::after, .meta-title::after { margin-left: 1rem; }
#page-title::before, .meta-title::before, #page-title::after, .meta-title::after {
content: "";
flex-grow: 1;
height: 2px;
background-color: rgba(var(--page-title-border-color));
}
.meta-title.left { align-items: left; }
.meta-title.right { align-items: right; }
.meta-title.left::before { content: none; }
.meta-title.right::after { content: none; }
.sidenote {
float: right;
max-width: 50%;
min-width: 10rem;
margin: 0.2rem 0 0.8rem 1rem;
padding: 0 1rem 1rem;
background-color: rgba(var(--ag-light), 0.3);
border: 1px solid rgb(var(--ag-gray));
font-size: 0.9em;
color: rgb(var(--ag-text));
line-height: 1.5;
clear: right;
}
.sidenote.left { float: left; margin: 0.2rem 1rem 0.8rem 0;}
.sidenote-title {
display: block;
margin-bottom: 0.5rem;
padding-bottom: 0.5rem;
font-family: var(--title-font);
font-weight: bold;
font-size: 1.1em;
color: rgb(var(--accent-color-dark));
border-bottom: 1px solid rgba(var(--ag-dark), 0.3);
}
@media (max-width: 767px) {
.sidenote {
float: none;
max-width: 100%;
margin: 1rem 0;
}
}
.sidenote + br {
display: none;
}
.page-tags {
position: relative;
margin: 0;
padding: 0;
padding-left: 8px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
font-size: var(--content-font-size);
clear: both;
text-align: left;
}
.page-tags::before {
content: var(--page-tag-title);
font-weight: 700;
font-size: 0.75rem;
background: rgba(var(--page-tag-border-color));
color: rgba(var(--page-tag-title-color));
padding: 0.3em 1em;
width: fit-content;
display: flex;
align-items: center;
justify-content: center;
clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
margin-left: -8px;
}
.page-tags::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: rgba(var(--page-tag-border-color));
z-index: 1;
pointer-events: none;
}
.page-tags span {
display: contents;
}
.page-tags span a {
background: rgba(var(--page-tag-background-color));
color: rgba(var(--page-tag-text-color));
padding: 0.3em 1em;
text-decoration: none;
transition: background var(--general-transition-time-fast);
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
margin: 0 0 0 -8px;
}
.page-tags span a:hover {
filter: brightness(1.1);
}
.dbhr {
margin: 1rem 0;
height: 0.4rem;
border-top: rgba(var(--hr-color)) solid 0.15rem;
border-bottom: rgba(var(--hr-color)) solid 0.15rem;
}
.keycap.press {
text-align: center;
margin: 1rem auto;
width: fit-content;
}
.keycap.press:active {
box-shadow: 0 0 0 0.05em rgb(var(--dark-color-3), 0.5);
transform: translate(0, 0.125rem);
}
.keycap.press p:first-child {
margin-top: 0;
}
.keycap.press p:last-child {
margin-bottom: 0;
}
#page-content a:not(.newpage, [href*="javascript:;"], div.page-rate-widget-box a, div.creditButton p a, div.creditButtonStandalone p a, .pager a, .rede-iets-wrapper a),
a.collapsible-block-link:not(.newpage) {
box-shadow: none;
background: linear-gradient(to right, rgba(var(--hover-link-color)), rgba(var(--hover-link-color)));;
background-repeat: no-repeat;
background-position: left center;
background-size: 0% 100%;
padding: 0.1rem 0.25rem;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
transition:
background-size 0.5s cubic-bezier(0.4, 0.0, 0.2, 1),
color 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
}
#page-content a:not(.newpage, [href*="javascript:;"], div.page-rate-widget-box a, div.creditButton p a, div.creditButtonStandalone p a, .pager a, .rede-iets-wrapper a):is(:hover, :focus),
a.collapsible-block-link:not(.newpage):is(:hover, :focus) {
background-size: 100% 100%;
color: rgba(var(--darkblock-text-color));
text-decoration: none;
transition:
background-size 0.2s cubic-bezier(0.4, 0.0, 0.2, 1),
color 0.2s cubic-bezier(0.4, 0.0, 0.2, 1);
}
.footer-wikiwalk-nav a:first-child {
background-position: right center !important;
}