自訂評分模版：著作信息評分佔比條版式

Base

@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
 
.credit-rate-with-sentiment-bar .rateBox {
    box-shadow: none;
    position: relative;
    z-index:2;
}
.credit-rate-with-sentiment-bar .rateBox .rate-box-with-credit-button {
    transition: all 1s;
}
.credit-rate-with-sentiment-bar .rateBox .rate-box-with-credit-button .page-rate-widget-box .rate-points {
    transition: all 1s;
}
.credit-rate-with-sentiment-bar:hover .rateBox .rate-box-with-credit-button .page-rate-widget-box .rate-points {
    border-radius: 0;
}
 
.credit-rate-with-sentiment-bar {
    transition: all 1s;
    float:right;
    cursor: pointer;
}
 
.credit-rate-with-sentiment-bar:hover {
    transition: all 1s;
}
 
.credit-rate-with-sentiment-bar .sentiment-bar {
    display:inline-block;
    position: relative;
    z-index: 1;
    opacity:0;
    width:0;
    margin-right: 1px;
    transition: all 2s;
    white-space: nowrap;
}
 
.credit-rate-with-sentiment-bar .sentiment-bar .neutralbar {
    left: 0;
    top: -1px;
}
.credit-rate-with-sentiment-bar .sentiment-bar .downbar-base {
    border-radius: 0;
}
.credit-rate-with-sentiment-bar .sentiment-bar .downbar-text {
    transition: all 0.3s !important;
}
 
.credit-rate-with-sentiment-bar .sentiment-bar .alldown .upbar {
    border-radius: 0;
    padding: 0;
}
 
.credit-rate-with-sentiment-bar:hover .sentiment-bar {
    display:inline-block;
    opacity:1;
    width: 150px;
    transition: all 1s;
}
.credit-rate-with-sentiment-bar:hover .sentiment-bar .neutralbar {
    opacity:1;
    width: 150px;
    transition: all 1s;
}

For Sigma-9:

.credit-rate-with-sentiment-bar {
    height:18px !important;
}
.credit-rate-with-sentiment-bar:hover .rateBox .rate-box-with-credit-button {
    border-radius: 0 5px 5px 0;
}
.credit-rate-with-sentiment-bar .sentiment-bar {
    height:16px !important;
    border-radius: 5px 0 0 5px;
}
.credit-rate-with-sentiment-bar .sentiment-bar .neutralbar {
    border-radius: 5px 0 0 5px;
    border: solid 1px #633;
    background-color: #633 !important;
    color: #fff !important;
    box-shadow: 1px 1px 3px rgba(0,0,0,.5);
    height:16px !important;
}
.credit-rate-with-sentiment-bar .sentiment-bar .downbar-base {
    height:16px !important;
}
.credit-rate-with-sentiment-bar .sentiment-bar .upbar {
    border-radius: 5px 0 0 5px;
    height:16px !important;
}
 
.credit-rate-with-sentiment-bar .sentiment-bar .zerovote .neutralbar {
    height: 1.5px !important;
    padding: 8px;
}
.credit-rate-with-sentiment-bar .sentiment-bar .alldown .downbar-base {
    border-radius: 5px 0 0 5px !important;
}

For Black Highlighter:

.credit-rate-with-sentiment-bar,
.credit-rate-with-sentiment-bar .sentiment-bar,
.credit-rate-with-sentiment-bar .sentiment-bar .upbar,
.credit-rate-with-sentiment-bar .sentiment-bar .downbar-base {
    border-radius: 0;
    height: var(--rating-module-height);
}
.credit-rate-with-sentiment-bar .sentiment-bar {
    bottom: 6px;
    font-size: calc(var(--base-font-size)*0.93333*0.8);
}
.credit-rate-with-sentiment-bar:hover .rateBox .rate-box-with-credit-button,
.credit-rate-with-sentiment-bar .sentiment-bar .alldown .downbar-base {
    border-radius: 0;
}
.credit-rate-with-sentiment-bar .sentiment-bar .neutralbar {
    --box-shadow: rgba(var(--swatch-menubg-black-color),0.15);
    border-radius: 0;
    border: solid 1px #a0a0a0;
    background-color: rgba(0,0,0,0);
    color: rgb(var(--rating-module-text-color)) !important;
    box-shadow: .0625rem .0625rem 0 var(--box-shadow);
    height: var(--rating-module-height);
}