2024-01-23 13:56:59 +00:00
|
|
|
:root {
|
|
|
|
--white: rgb(246 248 249);
|
|
|
|
--bg-color: rgb(233 229 220);
|
|
|
|
--h-color: rgb(203 189 162);
|
|
|
|
--red: rgb(255 86 33/ 80%);
|
|
|
|
--pink: rgb(215 57 203/80%);
|
|
|
|
--purple: rgb(159 68 211/80%);
|
|
|
|
--blue: rgb(98 168 233/ 80%);
|
|
|
|
--cyan: rgb(4 150 255/80%);
|
|
|
|
--green: rgb(67 185 124/ 80%);
|
|
|
|
--grey: rgb(189 191 190);
|
|
|
|
}
|
|
|
|
|
2023-05-12 12:45:38 +00:00
|
|
|
/* 上半 */
|
2023-04-29 16:15:21 +00:00
|
|
|
.container {
|
2024-01-23 13:56:59 +00:00
|
|
|
width: 1000px !important;
|
|
|
|
max-width: 1000px !important;
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
|
|
|
|
2023-05-12 12:45:38 +00:00
|
|
|
.header {
|
|
|
|
background: #e0dad3 url(../gacha_log/img/starrail.png) no-repeat right;
|
|
|
|
box-shadow: 0 0 8px #72a2ae79;
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
|
|
|
|
2023-05-12 12:45:38 +00:00
|
|
|
.frame {
|
|
|
|
border-color: #cdbea8;
|
|
|
|
color: #8a4d30;
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
|
|
|
|
2023-05-12 12:45:38 +00:00
|
|
|
.text-shadow {
|
|
|
|
text-shadow: 0 0.08em 0.1em #00000023;
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
|
|
|
|
2023-05-12 12:45:38 +00:00
|
|
|
/* 下半 */
|
2023-04-29 16:15:21 +00:00
|
|
|
.content {
|
2023-05-12 12:45:38 +00:00
|
|
|
box-shadow: 0 0 8px #72a2ae79;
|
|
|
|
font-size: 21px;
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
|
|
|
|
2023-05-12 12:45:38 +00:00
|
|
|
.table thead {
|
|
|
|
background-color: #e0dad3;
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
2023-05-12 12:45:38 +00:00
|
|
|
.table tr {
|
|
|
|
border-color: #00000021;
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
2023-05-12 12:45:38 +00:00
|
|
|
.table tr:nth-child(even) {
|
|
|
|
background-color: #f2f2f2;
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
|
|
|
|
2023-05-12 12:45:38 +00:00
|
|
|
.role img {
|
|
|
|
transform: scale(1.05);
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
2023-05-12 12:45:38 +00:00
|
|
|
.weapon img {
|
|
|
|
transform: scale(1.1);
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
|
|
|
|
2023-05-12 12:45:38 +00:00
|
|
|
/* 计数+菱形图案 */
|
|
|
|
.weapon img,
|
|
|
|
.color {
|
|
|
|
position: relative;
|
|
|
|
z-index: 0;
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
2023-05-12 12:45:38 +00:00
|
|
|
.role.bg,
|
|
|
|
.weapon.bg {
|
|
|
|
position: absolute;
|
|
|
|
z-index: -1;
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
2023-05-12 12:45:38 +00:00
|
|
|
.role.bg {
|
|
|
|
top: 5px;
|
|
|
|
left: 17px;
|
|
|
|
width: 22px;
|
|
|
|
height: 22px;
|
|
|
|
transform: rotateZ(45deg);
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
2023-05-12 12:45:38 +00:00
|
|
|
.weapon.bg {
|
|
|
|
top: 0;
|
|
|
|
left: -8px;
|
|
|
|
transform: skewX(-11deg);
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
2023-05-12 12:45:38 +00:00
|
|
|
.frame-border {
|
|
|
|
border-color: #f7e2ad2b;
|
|
|
|
width: 62px;
|
|
|
|
height: 27px;
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
|
|
|
|
2023-05-12 12:45:38 +00:00
|
|
|
.color .number {
|
|
|
|
color: white;
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
2023-05-12 12:45:38 +00:00
|
|
|
.green .bg {
|
|
|
|
background-color: #3c7d7f;
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
2023-05-12 12:45:38 +00:00
|
|
|
.cyan .bg {
|
|
|
|
background-color: #4898c7;
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
2023-05-12 12:45:38 +00:00
|
|
|
.blue .bg {
|
|
|
|
background-color: #4576b4;
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
2023-05-12 12:45:38 +00:00
|
|
|
.purple .bg {
|
|
|
|
background-color: #955ec9;
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
2023-05-12 12:45:38 +00:00
|
|
|
.pink .bg {
|
|
|
|
background-color: #c24e9a;
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
2023-05-12 12:45:38 +00:00
|
|
|
.red .bg {
|
|
|
|
background-color: #c24e4e;
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
|
|
|
|
2023-05-12 12:45:38 +00:00
|
|
|
/* 武器、角色背景 */
|
2023-04-29 16:15:21 +00:00
|
|
|
.weapon-1-star {
|
2023-05-12 12:45:38 +00:00
|
|
|
background-color: #cfcfcf;
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
|
|
|
.weapon-2-star {
|
2023-05-12 12:45:38 +00:00
|
|
|
background-color: #c0edee;
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
|
|
|
.weapon-3-star {
|
2023-05-12 12:45:38 +00:00
|
|
|
background-color: #bedcff;
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
2023-05-12 12:45:38 +00:00
|
|
|
.weapon-4-star, .nongold {
|
|
|
|
background-color: #d3c8fa;
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
2023-05-12 12:45:38 +00:00
|
|
|
.weapon-5-star, .gold {
|
|
|
|
background-color: #f9e7bb;
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.notice {
|
2023-05-12 12:45:38 +00:00
|
|
|
background-image: linear-gradient(135deg, #9452a5 10%, #fff5c3 100%);
|
2023-04-29 16:15:21 +00:00
|
|
|
}
|
2024-01-23 13:56:59 +00:00
|
|
|
|
|
|
|
.talent {
|
|
|
|
background-size: contain, 1.6em;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: center center;
|
|
|
|
text-shadow: 1px 1px 2px rgb(0 0 0 /20%);
|
|
|
|
z-index: -1 !important;
|
|
|
|
border-right-width: 0 !important;
|
|
|
|
border-left-width: 0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.talent-level-first {
|
|
|
|
background-color: rgb(189, 191, 190) !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.talent-level-1 {
|
|
|
|
background-color: rgb(189, 191, 190);
|
|
|
|
}
|
|
|
|
|
|
|
|
.talent-level-2 {
|
|
|
|
background-color: var(--green);
|
|
|
|
}
|
|
|
|
|
|
|
|
.talent-level-3 {
|
|
|
|
background-color: var(--blue);
|
|
|
|
}
|
|
|
|
|
|
|
|
.talent-level-4 {
|
|
|
|
background-color: rgb(190, 160, 250);
|
|
|
|
}
|
|
|
|
|
|
|
|
.talent-level-max {
|
|
|
|
background-image: linear-gradient(90deg, rgba(251, 129, 124, 0.8) 0%, rgba(255, 93, 85, 0.65) 50%, rgba(251, 129, 124, 0.8) 100%), url("../../img/241.png") !important;
|
|
|
|
}
|