Link to article: Strange Bedfellows, Bloody Sheets.
@import url('https://chinese-fonts-cdn.deno.dev/packages/syst/dist/SourceHanSerifCN/result.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Afacad+Flux&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap');
:root {
--title-font: 'Afacad Flux', 'Source Han Serif CN VF', serif;
--body-font: 'Titillium Web', 'Noto Sans SC', sans-serif;
--bg-img: url(http://starstrucked.wikidot.com/local--files/secure-shiv-nights/Reflection.png);
--blur-mode: block;
--bg-blur-filter: 0px;
--prologue: "War is father of everything, war is king of everything.";
--prologue-setting: visible;
--prologue-author: "";
--prologue-author-setting: hidden;
--introduction: "War is father of everything, war is king of everything.";
--introduction-setting: None;
--primary-color: 16, 5, 5;
--secondary-color: 236, 246, 253;
--link-color: 176,0,0;
--new-link-color: 225,0,0;
--display-mode: 25vh;
/* DONT TOUCH BELOW */
--background-gradient: linear-gradient(to bottom, rgb(var(--primary-color), 0.75) 20%, transparent);
#page-title
{
display: none !important;
}
}
body {
background: transparent;
color: rgb(var(--secondary-color));
font-family: var(--body-font);
font-weight: 200;
font-size: 0.925em;
}
body:not(#interwiki body)::before {
content: " ";
position: fixed;
display: block;
z-index: -2;
top: 0;
width: 100%;
height: 100vh;
background: var(--bg-img);
background-size: cover;
background-position: center;
}
a, a:visited, h1 {
color: rgb(var(--link-color));
}
#side-bar a:visited {
color: unset;
color: rgb(var(--link-color));
}
a.newpage {
color: rgb(var(--new-link-color));
}
hr {
background: rgb(var(--secondary-color), .15);
box-shadow: 0 0 10px rgb(0, 0, 0);
backdrop-filter: brightness(3) contrast(1.1);
-webkit-backdrop-filter: brightness(3) contrast(1.1);
}
strong {
font-weight: bold;
}
h1, h2, h3, h4, h5, h6, #page-title {
font-family: var(--title-font);
}
* {
scrollbar-width: thin;
scrollbar-color: rgb(var(--link-color)) rgb(var(--primary-color));
}
#avatar-hover-container {
display:none !important;
}
div#container-wrap {
background: none;
}
#header {
display: grid;
grid-template-columns: 3rem 1fr 3rem 3rem;
grid-template-areas:'open-menu top-bar search user';
justify-items: center;
align-items: center;
position: fixed;
z-index: 10;
max-width: 100%;
width: 100%;
margin: 0;
padding: 0;
background: transparent;
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
height: 3em;
grid-template-rows: 3em;
}
#top-bar .open-menu a {
grid-area:open-menu;
display: flex;
justify-content: center;
}
#top-bar {
grid-area:top-bar;
top: 1rem !important;
left: 0;
margin-left: 1rem;
align-items: stretch;
display: flex;
flex-direction: row;
justify-content: flex-start;
}
#search-top-box {
grid-area:search;
width: 100%;
display: flex;
justify-content: flex-end;
}
#login-status {
grid-area:user;
top: 2em;
display: flex;
justify-content: center;
}
#top-bar ul {
float: unset;
}
#top-bar ul {
flex: 1 0 100px;
}
#top-bar ul li ul {
flex-direction: column;
}
#top-bar ul li.sfhover a, #top-bar ul li:hover a {
background: transparent;
color: rgb(var(--link-color));
border-left: solid 1px transparent;
border-right: solid 1px transparent;
}
#top-bar ul li ul {
border: transparent;
box-shadow: none;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
}
#top-bar ul li a {
border-left: solid 1px transparent;
border-right: solid 1px transparent;
text-shadow: 0px 0px 5px black;
}
#top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a {
border-top: 1px solid rgba(var(--secondary-color), 0.33);
text-shadow: 0px 0px 5px black;
}
@media (max-width: 767px) {
.mobile-top-bar {
display: flex;
justify-content: flex-start;
max-width: 100%;
width: 100%;
flex-direction: row;
}
}
@media (max-width: 479px) {
.mobile-top-bar {
font-size: 67%;
}
}
#header h1 span, #header h2 span {
display:none;
}
#extrac-div-1 {
position: absolute;
top: calc(var(--display-mode) / 2);
left: 50%;
transform: translateX(-50%);
padding-left: 1em;
padding-right: 1em;
z-index: 2;
pointer-events: var(--introduction-setting);
width: 50%;
display: flex;
flex-direction: column;
}
#extrac-div-1::before {
line-height: 1.5em;
font-size: 1.5em;
font-family: var(--title-font);
font-weight: 400;
text-shadow: 0px 0px 5px black;
content: var(--prologue);
color: rgb(var(--secondary-color));
visibility: var(--prologue-setting);
display: block;
text-align: center;
transition: font-size 0.3s ease, background-size 0.3s ease;
}
#extrac-div-1:hover::before {
font-size: 1.25em;
content: var(--introduction);
background:
linear-gradient(rgb(var(--secondary-color)), rgb(var(--secondary-color))) left top,
linear-gradient(rgb(var(--secondary-color)), rgb(var(--secondary-color))) left top,
linear-gradient(rgb(var(--secondary-color)), rgb(var(--secondary-color))) right bottom,
linear-gradient(rgb(var(--secondary-color)), rgb(var(--secondary-color))) right bottom;
background-position:
left top, left top,
right bottom, right bottom;
background-repeat: no-repeat;
background-size:
1px 5px, 5px 1px,
1px 5px, 5px 1px;
}
#extrac-div-1::after {
line-height: 1.5em;
font-size: 1.25em;
font-family: var(--title-font);
text-shadow: 0px 0px 3px rgba(var(--primary-color));
content: var(--prologue-author);
color: rgb(var(--secondary-color));
visibility: var(--prologue-author-setting);
display: block;
text-align: right;
transition: font-size 0.3s ease, background-size 0.3s ease;
}
@media (min-width: 1px) and (max-width: 1000px) {
#extrac-div-1{
width: 80%;
}
#page-title {
font-size: 4em;
}
#top-bar {
top: 1rem !important;
}
#top-bar li {
margin-left: -0.6rem;
}
#top-bar li a {
padding: 1px 0.9em;
}
}
#page-title,
#action-area h1 {
margin: 0;
text-align: center;
}
#page-title {
margin-top: -0.35rem;
font-weight: bold;
font-size: 4.5em;
color: rgb(var(--secondary-color));
border-color: transparent;
display: var(--title-setting) !important;
flex-direction: column;
align-items: center;
position: relative;
}
#page-title::after {
content: var(--subtitle-content);
display: var(--subtitle-setting);
width: 100%;
height: 2rem;
margin-top: -1.5rem;
justify-content: center;
align-items: center;
font-size: 30%;
letter-spacing: 1px;
}
#breadcrumbs, .pseudocrumbs {
margin: 1em 0 -1em;
}
#content-wrap {
position: relative;
max-width: none;
margin: 0;
overflow: hidden;
top: var(--display-mode);
background: linear-gradient(to bottom, transparent, rgb(var(--primary-color), 0.75) 15vh, rgb(var(--primary-color), 0.75));
}
@media not all and (max-width: 767px) {
#main-content {
max-width: 57.5rem !important;
}
}
#content-wrap::after {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -2;
backdrop-filter: blur(var(--bg-blur-filter));
-webkit-backdrop-filter: blur(var(--bg-blur-filter));
display: var(--blur-mode);
}
#content-wrap::before {
content: " ";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background:
url('http://scpsandboxcn.wikidot.com/local--files/echoaphaniptera3/sn_bg_g.png') top center no-repeat;
background-size: cover;
mix-blend-mode: overlay;
animation: backgroundBounce 180s linear infinite;
pointer-events: none;
will-change: transform;
}
@keyframes backgroundBounce {
0%, 100% {
background-position: center bottom;
}
50% {
background-position: center top;
}
}
#license-area, #footer {
top: var(--display-mode);
position: relative;
color: rgb(var(--secondary-color));
}
#footer {
margin-top: 0px;
background: rgb(var(--primary-color), 0.75);
}
#license-area {
background: var(--background-gradient);
}
#side-bar a:visited:hover,
div.buttons input:hover,
input.button:hover,
button:hover,
a.button:hover,
a:hover {
text-decoration: none;
background-color: rgb(var(--link-color));
color: rgb(var(--primary-color));
border-radius: 5px;
text-shadow: none !important;
}
#top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover {
background: rgb(var(--link-color));
color: rgb(var(--primary-color));
}
#main-content .page-tags a {
text-transform: uppercase;
padding: 0 2px;
}
.license-area a,
.page-options-bottom a {
text-shadow: 0px 0px 5px rgba(var(--primary-color));
}
blockquote,
div.blockquote,
div#toc,
#lock-info,
.scp-image-block {
border: 0.1px dashed transparent;
border-radius: 5px;
position: relative;
background: transparent;
box-shadow: 0 0 10px rgb(0, 0, 0);
backdrop-filter: brightness(2) contrast(1.1);
-webkit-backdrop-filter: brightness(2) contrast(1.1);
text-shadow: 0px 0px 5px black;
}
blockquote blockquote {
backdrop-filter: brightness(1.25) contrast(1);
}
div.blockquote.porthole,
div#toc.porthole {
background: linear-gradient(rgba(var(--primary-color), 0.1), rgba(var(--primary-color), 0.1)), var(--bg-img);
background-size: cover;
background-attachment:fixed;
background-position: center;
box-shadow: none;
}
div.blockquote.porthole::before,
div#toc.porthole::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(var(--primary-color));
mix-blend-mode: overlay;
pointer-events: none;
opacity: 0.7;
text-shadow: none;
}
div.blockquote.dark,
div#toc.dark {
background: rgba(53, 0, 0, 0.5);
backdrop-filter: contrast(1.1);
-webkit-backdrop-filter: contrast(1.1);
}
.hovertip, .owindow, .preview-message {
position: fixed;
z-index: 100;
border: 2px solid transparent;
border-radius: 5px;
background-color: rgb(var(--primary-color), 0.5) !important;
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.preview-message {
opacity: 1;
bottom: 1em;
}
.owindow .title {
background-color: transparent;
text-align: center;
}
.owindow > :not(.button-bar, .title) > img {
background: transparent !important;
padding-right: 6px;
margin-right: 4px;
}
.owindow .button-bar a:hover {
background-color: rgb(var(--link-color));
color: rgb(var(--primary-color));
}
#lock-info, textarea, input.text, .owindow .button-bar a {
color: rgb(var(--secondary-color));
background-color: transparent;
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
}
.owindow .button-bar a {
border-color:transparent;
}
.odialog-shader {
background-color: #171619;
}
.scp-image-block img {
position: relative;
}
.scp-image-block .scp-image-caption {
background-color: transparent;
border-top: solid 1px transparent;
font-size: 90%;
font-weight: normal;
}
div.buttons input, input.button, button, file, a.button {
background-color: transparent;
border: 1px solid transparent;
color: rgb(var(--secondary-color));
font-size: 90%;
}
table.page-history td.optionstd a, .pager a {
border: 1px solid transparent;
}
.pager .current {
background-color: rgb(var(--link-color));
color: rgb(var(--primary-color));
border: 1px solid transparent;
border-radius: 5px;
}
.page-source {
border: 0.1px dashed transparent;
}
/* 评分栏 */
.rate-box-with-credit-button,
.page-rate-widget-box {
border-radius: 10px !important;
background-color: rgba(var(--secondary-color), .05) !important;
box-shadow: 0 0 10px rgb(0, 0, 0);
backdrop-filter: brightness(2) contrast(1.1) blur(2px);
-webkit-backdrop-filter: brightness(2) contrast(1.1) blur(2px);
padding-right: 0.45em;
}
.rate-box-with-credit-button {
border: none !important;
}
.rate-box-with-credit-button .page-rate-widget-box {
border-radius: 0;
background-color: transparent !important;
box-shadow: none;
backdrop-filter: unset;
-webkit-backdrop-filter: unset;
padding-right: 0;
}
.page-rate-widget-box .cancel, .page-rate-widget-box .ratedown, .page-rate-widget-box .rateup,
.page-rate-widget-box .rate-points {
background-color: transparent !important;
border: 1px transparent;
}
.page-rate-widget-box .cancel a, .page-rate-widget-box .ratedown a, .page-rate-widget-box .rateup a {
color: rgb(var(--secondary-color));
text-transform: none;
border-left: none;
}
.creditButton p a {
margin-left: 0 !important;
border-left: solid 1px transparent !important;
}
.creditButton p a:hover, .page-rate-widget-box .cancel a:hover, .page-rate-widget-box .ratedown a:hover, .page-rate-widget-box .rateup a:hover {
background: transparent;
color: rgb(var(--link-color)) !important;
border-left: none;
}
.modalbox {
border: 2px solid transparent !important;
border-radius: 5px;
background: rgb(var(--primary-color), 0.5) !important;
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;
}
.modalbox .credit p {
margin-right: 0.75em;
overflow-x: unset;
}
table.wiki-content-table th {
background-color: rgba aliceblue(var(--primary-color) 0.25);
}
.creditButtonStandalone p a {
background-color: rgba(var(--secondary-color), .05) !important;
box-shadow: 0 0 10px rgb(0, 0, 0);
backdrop-filter: brightness(2) contrast(1.1) blur(2px);
-webkit-backdrop-filter: brightness(2) contrast(1.1) blur(2px);
}
.creditButtonStandalone p a:hover {
color: var(--link-color);
}
/* TABS */
.yui-navset .yui-content,
.yui-content {
border: 1px solid transparent;
background-color: transparent;
}
.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
border-color: transparent !important;
display: flex;
flex-direction: row;
flex-wrap: wrap;
box-sizing: border-box;
text-align: center;
}
.yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected,
.yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li {
flex: 1 0 100px;
margin: 0;
}
.yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected {
margin: 0;
}
yui-navset .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset-bottom .yui-nav li a {
display: block;
}
.yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
background-color: unset;
background-image: none;
}
.yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
background: rgba(31, 31, 53, 0.5) !important;
border: solid transparent;
border-radius: 5px 5px 0px 0px;
backdrop-filter: contrast(1.1);
-webkit-backdrop-filter: contrast(1.1);
text-shadow: 0px 0px 5px black;
color: rbg(var(--secondary-color)) !important;
}
.yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em {
border: solid transparent;
}
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em {
border: unset;
background-color: rgba(var(--link-color));
border-radius: 5px 5px 0px 0px;
text-shadow:none;
}
.yui-navset .yui-content, .yui-content {
border-radius: 0px 0px 5px 5px;
box-shadow: 0 10px 10px -10px rgb(0, 0, 0);
background: rgba(31, 31, 53, 0.5);
backdrop-filter: contrast(1.1);
border: none;
margin-top: -0.55em;
border-top: 0.75rem solid rgba(var(--link-color));
}
.yui-navset .yui-nav .selected a em {
padding: 0.65em 0.75em;
}
/* 搜索栏/用户信息 */
div#search-top-box {
top: 8px;
width: 28px;
right: 0;
}
div#search-top-box form {
display: flex;
justify-content: flex-end;
}
div#search-top-box form input[type="text"],
div#search-top-box form input[type="text"]:hover {
background-color: rgba(var(--primary-color), 0.2) !IMPORTANT;
display: inline-block;
height: 1.1rem;
width: 8rem;
transition: width .25s;
outline: none;
filter: brightness(120%);
}
_::-webkit-full-page-media,
_:future,
:root div#search-top-box form input[type="text"] {
font-size: 16px
}
div#search-top-box form input[type="text"]:not(:focus),
div#search-top-box form input[type="text"]:not(:focus):not(:hover) {
background-color: var(--primary-color);
color: transparent;
cursor: pointer;
display: inline-block;
width: 28px;
height: 28px;
box-sizing: border-box;
border-radius: 5px;
box-shadow: none;
background-position: center;
background-size: 55%;
background-repeat: no-repeat;
background-image: 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");
top: initial;
right: initial;
position: relative;
}
div#search-top-box form input[type="submit"] {
display: none
}
#search-top-box-input {
border: solid 1px var(--background);
border-radius: 5px
}
#login-status {
top: 2px
display: flex;
flex-direction: column;
align-content: space-around;
font-size: 0
}
#login-status .printuser {
margin: 0;
background-color: none;
position: absolute;
top: 8px;
right: 0px;
width: 28px;
padding: 0;
}
#login-status .printuser img.small {
background: none !important;
margin: 0;
width: 28px;
height: 28px;
padding: 0;
border-radius: 5px;
box-shadow: 0 0 3px #3f3f3f;
}
#login-status [id] {
font-size: .72rem
}
#login-status>a[href="javascript:;"] {
font-size: 0;
font-weight: bold;
margin: 0;
text-align: center;
text-decoration: none;
background: none;
width: 21.8px;
position: absolute;
top: 20px;
height: 0;
right: 0;
border: none;
opacity: 0;
}
div#login-status a.login-status-create-account {
top: 8px;
opacity: 1;
}
#login-status>a[href="javascript:;"]:before {
display: inline-block;
font-family: FontAwesome;
font-size: 1.3rem;
margin: 4px 3px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
transform: translate(0, 0);
}
#header #login-status #account-topbutton + #account-options:focus, #header #login-status #account-topbutton + #account-options:focus-within, #header #login-status #account-topbutton + #account-options:hover, #header #login-status #account-topbutton + #account-options:active {
top: 3.5em;
}
#login-status #account-topbutton:before {
content: "\f013";
color: var(--base-color)
}
#login-status .login-status-sign-in {
right: 35px !important;
}
#login-status .login-status-sign-in:before {
content: "\f13e";
color: var(--base-color)
}
#login-status .login-status-create-account {
right: 11px !important;
margin: 0 0 .25rem;
}
div#login-status a.login-status-create-account {
right: 11px;
}
#login-status .login-status-create-account:before {
content: "\f067";
color: var(--base-color)
}
#login-status #my-account {
display: none
}
#login-status a strong {
position: absolute;
top: 0;
right: 2.25rem;
font-family: var(--bauhaus);
font-size: 1rem;
var(--lightColor)-space: nowrap
}
#login-status #account-topbutton:not(:focus):not(:focus-within):not(:hover):not(:active)+#account-options {
display: none !important
}
#header #login-status #account-topbutton+#account-options:focus,
#header #login-status #account-topbutton+#account-options:focus-within,
#header #login-status #account-topbutton+#account-options:hover,
#header #login-status #account-topbutton+#account-options:active {
display: block !important
}
#account-options ul {
display: flex;
flex-wrap: wrap;
justify-content: space-around
}
#account-options ul>li {
flex-grow: 1;
text-align: center;
width: 40%
}
#account-options ul>li a {
transition: all .25s ease-in-out
}
#account-options ul>li a:hover {
background-color: var(--base-color);
color: var(--background);
text-decoration: none
}
#login-status ul a {
color: #000
}
/* Sidebar组件 */
/* source: https://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */
#top-bar .open-menu a {
position: fixed;
top: 0.4em;
left: 0.5em;
z-index: 5;
font-family: 'Nanum Gothic', san-serif;
font-size: 30px;
font-weight: 700;
width: 30px;
height: 30px;
line-height: 0.9em;
text-align: center;
border: transparent;
background-color: transparent;
border-radius: 0em;
color: var(--lightColor);
pointer-events: auto;
}
@media not all and (max-width: 767px) {
#top-bar .mobile-top-bar {
display: block;
pointer-events: none;
}
#top-bar .mobile-top-bar li {
display: none;
}
#main-content {
max-width: 44.5rem;
margin: 0 auto;
padding: 0;
transition: max-width 0.2s ease-in-out;
}
#side-bar {
display: block;
position: fixed;
top: 3em;
left: -18rem;
width: 15.25rem;
height: 100%;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
z-index: 10;
padding: 1em 1em 0 1em;
background-color: transparent;
transition: left 0.4s ease-in-out;
}
#side-bar:target {
left: 0;
}
#side-bar:focus-within {
left: 0;
}
#side-bar:target .close-menu {
display: block;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
margin-left: 17rem;
opacity: 0;
z-index: -1;
visibility: visible;
}
#side-bar:not(:target) .close-menu { display: none; }
#top-bar .open-menu a:hover {
text-decoration: none;
}
}
@media (max-width: 767px) {
#side-bar {
background-color: rgba(34, 32, 46, 0.75);
}
}
#side-bar .side-block {
border: 0.1px dashed transparent;
border-radius: 5px;
position: relative;
background: rgb(var(--primary-color), 0.5) !important;
box-shadow: 0 0 10px rgb(0, 0, 0);
}
#side-bar .side-block {
border: 1.5px solid transparent;
border-radius: 5px;
margin-bottom: 15px;
}
#side-bar div.menu-item a {
font-weight: normal;
font-size: 95%;
}
#side-bar div.menu-item img {
display: none;
}
#side-bar .heading {
color: rgb(var(--secondary-color));
border-bottom: solid 1px rgb(var(--secondary-color));
font-size: 95%;
font-weight: bold;
font-family: var(--title-font);
text-align: center;
}
#side-bar .collapsible-block-folded {
background: none;
}
/*组件兼容*/
div.obj {
color: rgb(var(--primary-color)) !important;
background-color: rgb(var(--secondary-color)) !important;
}
div.class1 > div {
color: rgb(var(--secondary-color)) !important;
font-family: rift, 'Noto Sans SC', 'Noto Sans TC', sans-serif;
font-size: 2.90em;
line-height: 0.9em;
}
div.scale {
--woedbar-lvl1-color: rgba(var(--secondary-color,12, 12, 12),0.1) !important;
--woedbar-lvl2-color: rgba(var(--secondary-color,12, 12, 12),0.3) !important;
--woedbar-lvl3-color: rgba(var(--secondary-color,12, 12, 12),0.55) !important;
--woedbar-lvl4-color: rgba(var(--secondary-color,12, 12, 12),0.75) !important;
--woedbar-lvl5-color: rgba(var(--secondary-color,12, 12, 12),1) !important;
--woedbar-lvl6-color: rgba(var(--secondary-color,140, 25, 26),1) !important;
}
/* ACS适配,感谢平行 */
div.Shivering-ACS {
--swatch-menutxt-dark-color: var(--secondary-color);
}
div.Shivering-ACS.color {
--five-color: 220, 70, 141;
--four-color: 162, 78, 200;
--three-color: 105, 92, 196;
--two-color: 92, 147, 196;
--one-color: 92, 196, 171;
}
div.Shivering-ACS .danger-diamond a {
background: none;
}
div.Shivering-ACS .top-box .top-center-box {
height: 80%;
opacity: 0.65;
}
div.Shivering-ACS .anom-bar > .bottom-box {
box-shadow: none;
margin-top: -1.5rem !important;
}
div.Shivering-ACS .bottom-box > .diamond-part {
box-shadow: none;
}
div.Shivering-ACS .text-part > .main-class {
box-shadow: 0 0 10px rgb(0, 0, 0);
backdrop-filter: brightness(2) contrast(1.1);
-webkit-backdrop-filter: brightness(2) contrast(1.1);
border-radius: 5px;
}
div.Shivering-ACS .text-part > .main-class::before {
border: 0.25rem solid transparent !important;
}
div.Shivering-ACS .top-center-box > .bar-one,
div.Shivering-ACS .top-center-box > .bar-two,
div.Shivering-ACS .top-center-box > .bar-three,
div.Shivering-ACS .top-center-box > .bar-four,
div.Shivering-ACS .top-center-box > .bar-five {
box-shadow: 0 0 3px rgb(0, 0, 0);
border-radius: 0px 10px 0px 10px;
}
div.Shivering-ACS .text-part > .disrupt-class,
div.Shivering-ACS .text-part > .risk-class {
box-shadow: 0 0 5px rgb(0, 0, 0);
backdrop-filter: brightness(2) contrast(1.1);
-webkit-backdrop-filter: brightness(2) contrast(1.1);
border-radius: 5px;
}
div.Shivering-ACS .danger-diamond > .quadrants > div {
clip-path: polygon(25% 0%, 74% 0%, 97% 31%, 50% 95%, 3% 31%);
backdrop-filter: brightness(3);
}
div.Shivering-ACS .text-part .disrupt-class::before,
div.Shivering-ACS .text-part .risk-class::before {
background-color: rgb(255, 255, 255);
color: black;
}
div.Shivering-ACS .text-part .disrupt-class::after,
div.Shivering-ACS .text-part .risk-class::after {
border: 0.25rem solid rgb(255, 255, 255);
}
div.Shivering-ACS .danger-diamond > .arrows {
display: none;
}
div.Shivering-ACS .danger-diamond > .top-icon,
div.Shivering-ACS .danger-diamond > .right-icon,
div.Shivering-ACS .danger-diamond > .left-icon,
div.Shivering-ACS .danger-diamond > .bottom-icon {
border: 0.1875rem solid transparent !important;
}
div.Shivering-ACS .danger-diamond > .top-icon::before,
div.Shivering-ACS .danger-diamond > .left-icon::before,
div.Shivering-ACS .danger-diamond > .right-icon::before,
div.Shivering-ACS .danger-diamond > .bottom-icon::before {
background-color: transparent !important;
}
div.Shivering-ACS .danger-diamond > .top-quad,
div.Shivering-ACS .danger-diamond > .right-quad,
div.Shivering-ACS .danger-diamond > .left-quad,
div.Shivering-ACS .danger-diamond > .bottom-quad{
box-shadow: 0 0 5px rgb(0, 0, 0);
backdrop-filter: brightness(2) contrast(1.1);
-webkit-backdrop-filter: brightness(2) contrast(1.1);
}
div.Shivering-ACS .danger-diamond .top-quad::before,
div.Shivering-ACS .danger-diamond .right-quad::before,
div.Shivering-ACS .danger-diamond .left-quad::before,
div.Shivering-ACS .danger-diamond .bottom-quad::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: inherit;
z-index: 10;
}
.danke {
padding: 5px;
margin-bottom:10px;
font-family: monospace;
font-size: 1.1em;
}
.agent {
background-color:#002200;
border: 3px solid #55AA55;
color: #77CC77;
}
.site {
background-color:#222200;
border: 3px solid #AAAA55;
color: #DDDD77;
}
danke
agent
danke
agent
danke
agent