Yunzai-Plugin/ZZZ-Plugin
1
0
Fork 0
mirror of https://github.com/ZZZure/ZZZ-Plugin.git synced 2025-12-17 13:47:44 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refresh面板

Browse source
This commit is contained in:
ZyeAlex 2024-07-18 00:50:01 +08:00
parent 47e28f78ba
commit ea566684b5
12 changed files with 417 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

129
resources/panel/refresh.css Normal file
View file

@ -0,0 +1,129 @@
.container {
background-image: url("./images/bg1.jpg");
background-size: cover;
}
.panel > .icon {
display: flex;
justify-content: center;
margin-bottom: 0.5em;
padding-top: 0.5em;
}
.panel > .icon .img {
width: 2em;
height: 2em;
background-image: url(./images/refresh_title.png);
background-size: 100% 100%;
}
.panel > .info {
color: white;
font-size: 1em;
font-weight: normal;
margin-bottom: 1em;
display: flex;
justify-content: center;
}
.panel > .list {
border: 0.1em solid rgb(87, 80, 102);
background-color: rgba(0, 0, 0, 0.5);
margin: 0 1.5em 1.5em;
border-radius: 0.5em;
min-height: 3em;
min-width: 5em;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
padding: 0.4em 0.6em 0.5em;
}
.panel > .list .item {
display: flex;
flex-direction: column;
justify-content: center;
width: 20%;
align-items: center;
padding: 0.2em 0em;
}
.panel > .list .item .icon {
background-image: url("./images/@~8B@XO~)U1BIPPR}NN9CI7.png");
background-size: contain;
margin-bottom: 0.2em;
position: relative;
}
.panel > .list .item .icon img.streng {
width: 3.5em;
height: 3.5em;
border-radius: 50%;
padding: 0.25em 0.25em 0.3em 0.25em;
}
.panel > .list .item .icon .level {
position: absolute;
right: 1.25em;
bottom: -0.1em;
border-radius: 50%;
color: white;
width: 1em;
height: 1em;
display: flex;
justify-content: center;
align-items: center;
padding: 0.05em;
background-color: rgb(117, 117, 117);
}
.panel > .list .item .icon .level span {
font-size: 0.7em;
}
.panel > .list .item .icon .level.r1 {
background-color: rgb(58, 116, 43);
}
.panel > .list .item .icon .level.r2 {
background-color: rgb(61, 132, 214);
}
.panel > .list .item .icon .level.r3 {
background-color: rgb(223, 118, 118);
}
.panel > .list .item .icon .level.r4 {
background-color: rgb(51, 54, 161);
}
.panel > .list .item .icon .level.r5 {
background-color: rgb(102, 127, 19);
}
.panel > .list .item .icon .level.r6 {
background-color: rgb(218, 48, 32);
}
.panel > .list .item .name {
height: 1.4em;
width: 5.4em;
overflow: visible;
background-image: url("./images/refresh_char_bg.png");
background-size: 100% 100%;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
color: white;
padding: 0 0.7em;
}
.panel > .list .item .name .img {
width: 1em;
height: 1em;
display: inline-block;
margin-right: 0.05em;
background-size: 100% 100%;
transform: translateY(0.03em);
}
.panel > .list .item .name .img.S, .panel > .list .item .name .img.s {
background-image: url(./images/SRANK.png);
}
.panel > .list .item .name .img.A, .panel > .list .item .name .img.a {
background-image: url(./images/ARANK.png);
}
.panel > .list .item .name .img.B, .panel > .list .item .name .img.b {
background-image: url(./images/BRANK.png);
}
.panel > .list .item .name span {
font-size: 0.7em;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}/*# sourceMappingURL=refresh.css.map */