Credit Mod For Basalt Update

クレジット

タイトル: SCP-XXXX-JP - タイトル
著者: ©︎user
作成年: 20XX

[[module CSS]]
@import url("http://1119s.wdfiles.com/local--code/credit-mod-for-basalt-update/1");
[[/module]]

+ code

div.page-rate-widget-box .rateup,
div.page-rate-widget-box .ratedown,
div.page-rate-widget-box .cancel,
.rate-box-with-credit-button .creditButton,
.rate-box-with-credit-button .creditButton a {
    font-size: calc(var(--true-font-size) * 1.08);
    -webkit-user-select: none;
    user-select: none;
}
.creditRate .rate-box-with-credit-button {
    background-color: rgb(var(--rate-module-background-color)) !important;
}
.creditRate .rate-box-with-credit-button .page-rate-widget-box {
    display: contents;
}
div.page-rate-widget-box {
    align-items: center;
}
div.page-rate-widget-box .cancel {
    padding: 0;
}
div.page-rate-widget-box span.btn > a {
    font-size: 1px;
}
.creditRate .rate-box-with-credit-button .creditButton {
    background-color: transparent;
    border: none 0;
    border-radius: 0;
    box-shadow: none;
    margin-left: 0;
}
.rate-box-with-credit-button .creditButton a {
    width: var(--rate-module-button-size);
    height: var(--rate-module-button-size);
}
.rate-box-with-credit-button .creditButton a::before {
    content: "";
    display: block;
    background-color: rgb(var(--basalt-main-text-color));
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-mask-image: var(--vote-info-mask);
    mask-image: var(--vote-info-mask);
    -webkit-mask-size: 27.5%;
    mask-size: 27.5%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
.rate-box-with-credit-button .creditButton a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    width: 100%;
    height: 0;
    border-bottom: solid 0.05em rgb(var(--general-border-color));
    background-color: rgb(var(--general-border-color));
    z-index: -1;
    transition: all var(--button-hover-transition);
}
.rate-box-with-credit-button .creditButton a:hover::after {
    height: 100%;
}
:is(#u-credit-view,#u-credit-otherwise) .modalcontainer {
    display: flex;
    max-width: 100%;
    height: 100%;
}
:is(#u-credit-view,#u-credit-otherwise) .modalcontainer .modalbox {
    width: 400px;
    height: 300px;
}
.modalcontainer .modalbox .modalbox-title {
    border-radius: 0;
}
.modalbox .credit-license {
    height: 0;
}
.modalbox .credit-license a.cc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: rgb(var(--basalt-main-text-color));
}
#page-content :is(#u-credit-view,#u-credit-otherwise) .optionalbadge img {
    top: -20px;
}