From ce69716987991b306a0383151aa5e81be985e446 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=B4=9B=E6=B0=B4=E5=B1=85=E5=AE=A4?= Date: Tue, 28 Jun 2022 01:13:37 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A0=BC=E5=BC=8F=E4=BB=A3=E7=A0=81=20`daily?= =?UTF-8?q?=5Fnote.css`?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- resources/genshin/daily_note/daily_note.css | 159 +++++++++++--------- 1 file changed, 88 insertions(+), 71 deletions(-) diff --git a/resources/genshin/daily_note/daily_note.css b/resources/genshin/daily_note/daily_note.css index 7f916af6..e5fa0379 100644 --- a/resources/genshin/daily_note/daily_note.css +++ b/resources/genshin/daily_note/daily_note.css @@ -1,104 +1,121 @@ @font-face { - font-family: "tttgbnumber"; - src: url("../../fonts/tttgbnumber.ttf"); - font-weight: normal; - font-style: normal; + 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; + margin: 0; + padding: 0; + box-sizing: border-box; + user-select: none; } + body { - font-size: 16px; - font-family: "tttgbnumber", system-ui; - transform: scale(1.5); - transform-origin: 0 0; - color: #1e1f20; + font-size: 16px; + font-family: "tttgbnumber", system-ui; + transform: scale(1.5); + transform-origin: 0 0; + color: #1e1f20; } + .container { - width: 400px; - height: 365px; - background: #f0eae3; - padding: 8px 16px; + width: 400px; + height: 365px; + background: #f0eae3; + padding: 8px 16px; } + .title { - display: flex; - position: relative; - margin-bottom: 9px; - color: #504c49; + display: flex; + position: relative; + margin-bottom: 9px; + color: #504c49; } + .title .id { - flex: 1; - line-height: 18px; - padding-left: 10px; + flex: 1; + line-height: 18px; + padding-left: 10px; } + .title .id:before { - content: " "; - position: absolute; - width: 5px; - height: 24px; - border-radius: 1px; - left: 0px; - top: -3px; - background: #d3bc8d; + content: " "; + position: absolute; + width: 5px; + height: 24px; + border-radius: 1px; + left: 0px; + top: -3px; + background: #d3bc8d; } + .title .day { - line-height: 18px; + line-height: 18px; } + .item { - border: 1px solid #dfd8d1; - display: flex; - height: 49px; - margin-top: 5px; + border: 1px solid #dfd8d1; + display: flex; + height: 49px; + margin-top: 5px; } + .item .main { - display: flex; - flex: 1; - background-color: #f5f1eb; - position: relative; - /* font-weight: bold; */ + display: flex; + flex: 1; + background-color: #f5f1eb; + position: relative; + /* font-weight: bold; */ } + .item .main .bg { - width: 100px; - height: 100%; - position: absolute; - left: 0; - background-size: 100% auto; - background-image: url(./items/bg.png); + width: 100px; + height: 100%; + position: absolute; + left: 0; + background-size: 100% auto; + background-image: url(./items/bg.png); } + .item .main .icon { - width: 25px; - height: 25px; - margin: 11px 8px 0 8px; + width: 25px; + height: 25px; + margin: 11px 8px 0 8px; } + .item .main .info { - padding-top: 7px; + padding-top: 7px; } + .item .main .info .name { - font-size: 14px; - /* color: #5f5f5d; */ - line-height: 1; - margin-bottom: 7px; + font-size: 14px; + /* color: #5f5f5d; */ + line-height: 1; + margin-bottom: 7px; } + .item .main .info .time { - font-size: 12px; - /* font-weight: 400; */ - color: #5f5f5d; - line-height: 1; + font-size: 12px; + /* font-weight: 400; */ + color: #5f5f5d; + line-height: 1; } + .item .right { - display: flex; - align-items: center; - justify-content: center; - width: 96px; - height: 100%; - background-color: #ece3d8; - font-size: 16px; - color: #504c49; - line-height: 55px; + 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; + +.item .right .red { + color: #f24e4c; } +