add achievement

This commit is contained in:
Vick Scarlet
2021-09-10 11:24:24 +08:00
parent e06139d5c0
commit d2f3392722
22 changed files with 16365 additions and 495 deletions

View File

@@ -135,7 +135,7 @@ body {
.sponsor,
#specialthanks,
#rank {
#achievement {
position: fixed;
top: 4rem;
right: 1rem;
@@ -217,6 +217,42 @@ body {
text-align: center;
}
.title {
font-size: 1.5rem;
font-weight: 700;
padding: 1rem;
}
ul#total,
#achievements {
list-style-type: none;
display: grid;
justify-items: center;
grid-template-columns: 50% 50%;
grid-auto-columns: max-content;
justify-content: center;
}
ul#total li,
#achievements li {
position: relative;
display: inline-grid;
margin: 0.5rem;
width: 12rem;
height: 6rem;
align-items: center;
}
ul#total li .achievementtitle,
#achievements li .achievementtitle{
font-weight: 700;
font-size: 1.2rem;
}
#achievements {
overflow: scroll;
}
#themeToggleBtn {
padding: 0 0.7rem;
width: 6.5rem;
@@ -525,26 +561,42 @@ i {
animation-iteration-count: 1;
}
.achvg0,
.grade0b {
background-color: #ededed;
border: #c5c5c5 2px solid !important;
}
.achvg1,
.grade1b {
background-color: #7ea5ec;
border: #c5c5c5 2px solid !important;
}
.achvg2,
.grade2b {
background-color: #e2a7ff;
border: #c5c5c5 2px solid !important;
}
.achvg3,
.grade3b {
background-color: #ffa07a;
border: #c5c5c5 2px solid !important;
}
.mask::before {
display: block;
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.5;
}
@media (min-width:1080px) {
.grade0b:hover {
background-color: #868686;