フラグメント: Bedrock

:root {
/* ------- 変数 ------- */
    --header-title: var(--title);
    --title: "SCP財団";
    --header-subtitle: var(--subtitle);
    --subtitle: "確保 、収容、保護";
}
/*ローカライズ*/
#side-bar .side-block[style*="#a7dba2"] { background: rgb(var(--side-bar-resources-background-color)) }
 
.rate-box-with-credit-button > .page-rate-widget-box { display: contents }
 
div.page-rate-widget-box, div.rate-box-with-credit-button {  background: rgb(var(--rate-module-background-color)) }
 
#u-credit-view:target,
#u-credit-otherwise:target {
    display: flex;
}
 
.rate-box-with-credit-button {
    height: unset;
}
.creditButton {
    font-size: 1em;
}
.rate-box-with-credit-button .creditButton {
    background: transparent;
    border: none;
    box-shadow: none;
    margin-left: 0;
}
.modalbox .modalbox-title {
    border-radius: unset;
}
 
div.rate-box-with-credit-button .creditButton > a {
    display: block;
    position: relative;
    width: 100%; height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    color: transparent!important;
    background-color: transparent;
    box-sizing: border-box;
    transition: all 0.095s linear;
}
div.rate-box-with-credit-button .creditButton > a::before,
div.rate-box-with-credit-button .creditButton > a::after {
    content: "";
    display: block;
    background-color: rgb(var(--basalt-main-text-color));
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: background-color 0.095s linear;
}
div.rate-box-with-credit-button .creditButton > p > a::before {
    background-color: rgb(var(--rate-module-info-background-color));
}
div.rate-box-with-credit-button .creditButton > a::after {
    background-color: rgb(var(--rate-module-info-icon-color));
}
div.rate-box-with-credit-button .creditButton > a::after {
    -webkit-mask-size: 40%;
    mask-size: 40%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
div.rate-box-with-credit-button .creditButton > a::after {
    -webkit-mask-image: var(--vote-info-mask);
    mask-image: var(--vote-info-mask);
    -webkit-mask-size: 27.5%;
    mask-size: 27.5%;
}
div.rate-box-with-credit-button .creditButton > a:is(:hover, :focus)::before { background-color: rgb(var(--basalt-focus-color)); }
 
:is(#u-credit-view, div#u-credit-otherwise) .modalbox {
    height: unset;
    max-height: 60svh;
}
.creditBottomRate, .modalbox-ratemodule {
    position: unset;
}