mirror of
https://github.com/PaiGramTeam/PamGram.git
synced 2024-11-24 15:19:20 +00:00
153 lines
20 KiB
CSS
153 lines
20 KiB
CSS
@font-face {
|
|
font-family: "tttgbnumber";
|
|
src: url("../../fonts/tttgbnumber.ttf");
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
user-select: none;
|
|
}
|
|
|
|
body {
|
|
transform: scale(1);
|
|
transform-origin: 0 0;
|
|
font-family: "tttgbnumber", system-ui;
|
|
color: #28384d;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.container {
|
|
width: 580px;
|
|
height: 610px;
|
|
background-image: url(background/bg.webp);
|
|
background-size: 100% 100%;
|
|
overflow: hidden;
|
|
padding: 20px 50px;
|
|
}
|
|
|
|
.title-box {
|
|
display: flex;
|
|
position: relative;
|
|
margin-bottom: 20px;
|
|
}
|
|
.title-box .info {
|
|
font-size: 28px;
|
|
padding: 10px 0;
|
|
}
|
|
.title-box .genshin_logo {
|
|
position: absolute;
|
|
top: 2px;
|
|
right: 0px;
|
|
width: 97px;
|
|
}
|
|
.info .month {
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
}
|
|
.title-box:after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
height: 2px;
|
|
top: 84px;
|
|
left: 0;
|
|
width: 470px;
|
|
background: url(data:image/png;base64,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)
|
|
no-repeat 50% / cover;
|
|
}
|
|
.data-box {
|
|
display: flex;
|
|
margin-bottom: 10px;
|
|
}
|
|
.data-box .head {
|
|
margin-bottom: 6px;
|
|
font-weight: 700;
|
|
font-size: 24px;
|
|
}
|
|
.month .primogems {
|
|
background: url(data:image/png;base64,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) no-repeat;
|
|
background-size: auto 100%;
|
|
width: 265px;
|
|
height: 60px;
|
|
line-height: 60px;
|
|
display: flex;
|
|
align-items: center;
|
|
margin-left: -10px;
|
|
}
|
|
.primogems .icon-xq {
|
|
width: 40px;
|
|
height: 40px;
|
|
margin-left: 10px;
|
|
background: url(data:image/png;base64,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) no-repeat 50% / cover;;
|
|
}
|
|
.primogems .icon-ticket {
|
|
width: 40px;
|
|
height: 40px;
|
|
margin-left: 10px;
|
|
background: url(data:image/png;base64,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) no-repeat 50% / cover;;
|
|
}
|
|
.primogems .text {
|
|
margin-left: 18px;
|
|
white-space:nowrap;
|
|
}
|
|
.day {
|
|
margin-left: 10px;
|
|
}
|
|
.day .primogems {
|
|
background: url(data:image/png;base64,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) no-repeat;
|
|
background-size: auto 100%;
|
|
width: 260px;
|
|
height: 60px;
|
|
line-height: 60px;
|
|
display: flex;
|
|
align-items: center;
|
|
margin-left: -15px;
|
|
}
|
|
.chart-box .chart-info {
|
|
display: flex;
|
|
}
|
|
.chart-box .head {
|
|
margin-bottom: 20px;
|
|
font-weight: 700;
|
|
font-size: 24px;
|
|
}
|
|
#chartContainer {
|
|
width: 240px;
|
|
height: 240px;
|
|
background: url(background/chart.png) no-repeat 50% / cover;
|
|
margin-left: -5px;
|
|
}
|
|
.tooltip {
|
|
margin-left: 20px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
.tooltip li {
|
|
list-style: none;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
.tooltip li i {
|
|
width: 10px;
|
|
height: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
.tooltip li .action {
|
|
width: 125px;
|
|
}
|
|
.tooltip li em {
|
|
font-size: 20px;
|
|
color: #28384d;
|
|
font-style: normal;
|
|
width: 50px;
|
|
}
|
|
.tooltip li .num {
|
|
width: 10px;
|
|
}
|