評価モジュールとしてダメな評価モジュール

[[module rate]]
[[module css]]
.page-rate-widget-box{
background-color: #633 !important;
display:inline-block;
height:16px;
border:solid #633 1px;
padding:0;
}
.page-rate-widget-box .rate-points {
display:inline-block;
font-size:12px;
height:16px;
background-color: transparent !important;
border:none !important;
position:relative;
top:-2px;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown,
.page-rate-widget-box .cancel  {
    display:inline-block;
    height:calc(100% - 1px);
    font-size:12px;
    border:none !important;
position:relative;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown{
width:1.5em;
}
 
.page-rate-widget-box .cancel {
background-color:transparent !important;
position:relative;
top:-2px;
}
.page-rate-widget-box .rate-points > .number{
color:#FFFFFF;
font-size:12px;
}
span.rateup > a{
 position:absolute;
display:inline-block;
top:0;
z-index:3;
background-color:transparent;
    animation-name: upmove;
animation-duration: 3s;
 animation-timing-function: liner;
animation-iteration-count: infinite;
}
 
span.ratedown > a{
position:absolute;
left:0;
top:0;
z-index:3;
background-color:transparent;
display:inline-block;
    animation-name: downmove;
animation-duration: 3s;
 animation-timing-function: liner;
animation-iteration-count: infinite;
}
 
@keyframes upmove {
    0% {
        left:0;
    }
50%{
 left:1.5em;
}
    100% {
        left:0em;
    }
}
 
@keyframes downmove {
    0% {
        left:0;
    }
50%{
 left:-1.5em;
}
    100% {
        left:0em;
    }
}
[[/module]]