forked from mico/idle_moloch
61 lines
1.0 KiB
CSS
61 lines
1.0 KiB
CSS
.bossInfo {
|
|
position: absolute;
|
|
z-index: 10;
|
|
top: 350px;
|
|
right: 28px;
|
|
background: var(--bg-color);
|
|
border-image: url("/background/frame_small.png") 11 fill / auto space;
|
|
padding: 18px 22px;
|
|
box-sizing: border-box;
|
|
& > p {
|
|
text-align: center;
|
|
margin: 0.2rem 0;
|
|
& > .reward {
|
|
color: var(--hover-color);
|
|
}
|
|
& > .maxed {
|
|
display: inline-block;
|
|
color: var(--accent-color);
|
|
opacity: 1;
|
|
animation: excited 0.5s infinite linear;
|
|
}
|
|
& > .boss0 {
|
|
color: #a44016;
|
|
}
|
|
& > .boss1 {
|
|
color: #99554d;
|
|
}
|
|
& > .boss2 {
|
|
color: #9b215e;
|
|
}
|
|
& > .boss3 {
|
|
color: #c6282e;
|
|
}
|
|
& > .boss4 {
|
|
color: #d06b53;
|
|
}
|
|
& > .boss5 {
|
|
color: #8f968f;
|
|
}
|
|
& > .boss6 {
|
|
color: #ebb638;
|
|
}
|
|
}
|
|
& small {
|
|
opacity: 0.7;
|
|
}
|
|
}
|
|
|
|
@keyframes excited {
|
|
0%,
|
|
100% {
|
|
transform: scale(1, 1) skew(0deg, 0deg);
|
|
}
|
|
10% {
|
|
transform: scale(1.2, 1.2) skew(0.5deg, -0.5deg);
|
|
}
|
|
90% {
|
|
transform: scale(1.02, 1.03) skew(0deg, -1deg);
|
|
}
|
|
}
|