PaiGramTeam/PaiGram
3
0
Fork 0
mirror of https://github.com/PaiGramTeam/PaiGram.git synced 2024-11-22 15:36:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

格式代码 daily_note.css

Browse Source
This commit is contained in:
洛水居室 2022-06-28 01:13:37 +08:00
parent 53d33b462e
commit ce69716987
No known key found for this signature in database
GPG Key ID: C9DE87DA724B88FC
1 changed files with 88 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

159
resources/genshin/daily_note/daily_note.css
View File

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