PaiGram/resources/genshin/daily_note/daily_note.css

122 lines
1.9 KiB
CSS
Raw Normal View History

@font-face {
2022-06-27 17:13:37 +00:00
font-family: "tttgbnumber";
src: url("../../fonts/tttgbnumber.ttf");
font-weight: normal;
font-style: normal;
}
2022-06-27 17:13:37 +00:00
* {
2022-06-27 17:13:37 +00:00
margin: 0;
padding: 0;
box-sizing: border-box;
user-select: none;
}
2022-06-27 17:13:37 +00:00
body {
2022-06-27 17:13:37 +00:00
font-size: 16px;
font-family: "tttgbnumber", system-ui;
transform: scale(1.5);
transform-origin: 0 0;
color: #1e1f20;
}
2022-06-27 17:13:37 +00:00
.container {
2022-06-27 17:13:37 +00:00
width: 400px;
height: 365px;
background: #f0eae3;
padding: 8px 16px;
}
2022-06-27 17:13:37 +00:00
.title {
2022-06-27 17:13:37 +00:00
display: flex;
position: relative;
margin-bottom: 9px;
color: #504c49;
}
2022-06-27 17:13:37 +00:00
.title .id {
2022-06-27 17:13:37 +00:00
flex: 1;
line-height: 18px;
padding-left: 10px;
}
2022-06-27 17:13:37 +00:00
.title .id:before {
2022-06-27 17:13:37 +00:00
content: " ";
position: absolute;
width: 5px;
height: 24px;
border-radius: 1px;
left: 0px;
top: -3px;
background: #d3bc8d;
}
.title .day {
2022-06-27 17:13:37 +00:00
line-height: 18px;
}
2022-06-27 17:13:37 +00:00
.item {
2022-06-27 17:13:37 +00:00
border: 1px solid #dfd8d1;
display: flex;
height: 49px;
margin-top: 5px;
}
2022-06-27 17:13:37 +00:00
.item .main {
2022-06-27 17:13:37 +00:00
display: flex;
flex: 1;
background-color: #f5f1eb;
position: relative;
/* font-weight: bold; */
}
2022-06-27 17:13:37 +00:00
.item .main .bg {
2022-06-27 17:13:37 +00:00
width: 100px;
height: 100%;
position: absolute;
left: 0;
background-size: 100% auto;
background-image: url(./items/bg.png);
}
.item .main .icon {
2022-06-27 17:13:37 +00:00
width: 25px;
height: 25px;
margin: 11px 8px 0 8px;
}
2022-06-27 17:13:37 +00:00
.item .main .info {
2022-06-27 17:13:37 +00:00
padding-top: 7px;
}
2022-06-27 17:13:37 +00:00
.item .main .info .name {
2022-06-27 17:13:37 +00:00
font-size: 14px;
/* color: #5f5f5d; */
line-height: 1;
margin-bottom: 7px;
}
2022-06-27 17:13:37 +00:00
.item .main .info .time {
2022-06-27 17:13:37 +00:00
font-size: 12px;
/* font-weight: 400; */
color: #5f5f5d;
line-height: 1;
}
2022-06-27 17:13:37 +00:00
.item .right {
2022-06-27 17:13:37 +00:00
display: flex;
align-items: center;
justify-content: center;
width: 96px;
height: 100%;
background-color: #ece3d8;
font-size: 16px;
color: #504c49;
line-height: 55px;
}
.item .right .red {
color: #f24e4c;
}