You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
68 lines
1.1 KiB
Plaintext
68 lines
1.1 KiB
Plaintext
3 months ago
|
@color: #1370fb;
|
||
|
|
|
||
|
|
.dv-scroll-ranking-board {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
color: #fff;
|
||
|
|
overflow: hidden;
|
||
|
|
|
||
|
|
.row-item {
|
||
|
|
transition: all 0.3s;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
justify-content: center;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ranking-info {
|
||
|
|
display: flex;
|
||
|
|
width: 100%;
|
||
|
|
font-size: 13px;
|
||
|
|
|
||
|
|
.rank {
|
||
|
|
width: 40px;
|
||
|
|
color: @color;
|
||
|
|
}
|
||
|
|
|
||
|
|
.info-name {
|
||
|
|
flex: 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.ranking-column {
|
||
|
|
border-bottom: 2px solid fade(@color, 50);
|
||
|
|
margin-top: 5px;
|
||
|
|
|
||
|
|
.inside-column {
|
||
|
|
position: relative;
|
||
|
|
height: 6px;
|
||
|
|
background-color: @color;
|
||
|
|
margin-bottom: 2px;
|
||
|
|
border-radius: 1px;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.shine {
|
||
|
|
position: absolute;
|
||
|
|
left: 0%;
|
||
|
|
top: 2px;
|
||
|
|
height: 2px;
|
||
|
|
width: 50px;
|
||
|
|
transform: translateX(-100%);
|
||
|
|
background: radial-gradient(rgb(40, 248, 255) 5%, transparent 80%);
|
||
|
|
animation: shine 3s ease-in-out infinite alternate;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes shine {
|
||
|
|
80% {
|
||
|
|
left: 0%;
|
||
|
|
transform: translateX(-100%);
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
left: 100%;
|
||
|
|
transform: translateX(0%);
|
||
|
|
}
|
||
|
|
}
|