Bunchofratemodules

#main-content .page-rate-widget-box {
    align-items: unset;
}
.page-rate-widget-box > .rate-points {
    background-color: var(--ratePointsBg)!important;
    border: var(--ratePointsBorder);
}
.page-rate-widget-box > .rateup,
.page-rate-widget-box > .ratedown {
    background-color: var(--rateBoxBg);
    border-top: var(--rateBoxBorder);
    border-bottom: var(--rateBoxBorder);
}
.page-rate-widget-box > .rateup a,
.page-rate-widget-box > .ratedown a {
    background: var(--rateLinkBg);
    color: var(--rateLinkColor);
}
.page-rate-widget-box > .rateup a:hover,
.page-rate-widget-box > .ratedown a:hover {
    background: var(--rateLinkHoverBg);
    color: var(--rateLinkHoverColor);
}
 
.page-rate-widget-box > .cancel {
    background-color: var(--rateCancelBg);
    border: var(--rateCancelBorder);
}
#main-content .page-rate-widget-box > .cancel a {
    color: var(--rateCancelColor);
}
#main-content .page-rate-widget-box > .cancel a:hover {
    background: var(--rateCancelHoverBg);
    color: var(--rateCancelHoverColor);
}
 
#main-content .rate-box-with-credit-button {
    align-items: unset;
    height: unset;
}
#main-content .rate-box-with-credit-button .creditButton {
    background-color: var(--rateCreditBg);
    border: var(--rateCreditBorder);
    height: unset;
}
.rate-box-with-credit-button .creditButton a {
    color: var(--rateCreditColor);
}
.rate-box-with-credit-button .creditButton a:hover {
    color: var(--rateCreditHoverColor);
}

---

---

クレジット

タイトル: SCP-XXXX-JP - メタタイトル
著者: ©︎7bot7
作成年: 2020

.r1 {
    --baseColor: 187, 119, 170;
    --accentColor: 250, 250, 250;
}
.r1 .page-rate-widget-box {
    background: rgba(var(--accentColor), .9);
    border-radius: 0;
    padding: .2em;
}
.r1 .page-rate-widget-box .rate-points {
    --ratePointsBorder: none;
    --ratePointsBg: none;
    border-radius: 0;
    color: rgba(var(--baseColor), .9);
    font-weight: bold;
    text-shadow: 1px 2px 3px rgba(0,0,0,.25);
}
.r1 .page-rate-widget-box .rateup,
.r1 .page-rate-widget-box .ratedown {
    --rateBoxBg: none;
    --rateBoxBorder: none;
}
.r1 .page-rate-widget-box .rateup a,
.r1 .page-rate-widget-box .ratedown a {
    --rateLinkBg: none;
    --rateLinkColor: rgba(var(--baseColor), .9);
    text-shadow: 1px 2px 3px rgba(0,0,0,.25);
    transition: all .2s;
}
.r1 .page-rate-widget-box .rateup a:hover,
.r1 .page-rate-widget-box .ratedown a:hover {
    --rateLinkHoverBg: none;
    --rateLinkHoverColor: rgba(var(--baseColor), .9);
    text-shadow: 0 0 0 transparent;
}
 
.r1 .page-rate-widget-box .cancel {
    --rateCancelBg: none;
    --rateCancelBorder: none;
    border-radius: 0;
}
.r1 .page-rate-widget-box .cancel a {
    --rateCancelColor: rgba(var(--baseColor), .9);
    text-shadow: 1px 2px 3px rgba(0,0,0,.25);
    transition: all .2s;
}
.r1 .page-rate-widget-box .cancel a:hover {
    --rateCancelHoverBg: none;
    --rateCancelHoverColor: rgba(var(--baseColor), .9);
    text-shadow: 0 0 0 transparent;
}
 
.r1 .rate-box-with-credit-button .creditButton {
    --rateCreditBg: rgba(var(--accentColor), .9);
    --rateCreditBorder: none;
    border-radius: 0;
}
.r1 .rate-box-with-credit-button .creditButton a {
    --rateCreditColor: rgba(var(--baseColor), .9);
    text-shadow: 1px 2px 3px rgba(0,0,0,.25);
    transition: all .2s;
}
.r1 .rate-box-with-credit-button .creditButton a:hover {
    --rateCreditHoverColor: rgba(var(--baseColor), .9);
    text-shadow: 0 0 0 transparent;
}
 
.r1 .modalbox .modalbox-title {
    background: rgba(var(--accentColor), 1);
    border-radius: 0;
    box-shadow: 0px 1px 2px rgba(0,0,0,.5);
    color: rgba(var(--baseColor));
    font-weight: bold;
    text-shadow: 1px 2px 3px rgba(0,0,0,.25);
}