From f105be1882bb098e56cf400685d8fb8193a80564 Mon Sep 17 00:00:00 2001 From: RomEYer-AwELF Date: Sat, 4 Sep 2021 19:07:52 +0800 Subject: [PATCH] =?UTF-8?q?=E7=A8=8D=E5=BE=AE=E6=94=B9=E4=BA=86=E4=B8=8B?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F=EF=BC=88x?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- view/dark.css | 115 ++++++++++++++++++++++++++++++++++--------------- view/style.css | 107 +++++++++++++++++++++++++++++++-------------- 2 files changed, 154 insertions(+), 68 deletions(-) diff --git a/view/dark.css b/view/dark.css index 3d4ee6d..3725300 100644 --- a/view/dark.css +++ b/view/dark.css @@ -48,6 +48,10 @@ html { font-family: PingFangSC, 'Noto Sans CJK SC', 'MS Yahei'; } +body { + user-select: none; +} + #main { align-content: center; width: 100%; @@ -71,7 +75,7 @@ html { position: fixed; top: 65%; left: 50%; - padding: 0.8rem 1rem; + padding: 0.5rem 1.5rem; border: 1px #EEEEEE solid; border-radius: 0.2rem; background-color:#393E46; @@ -83,6 +87,12 @@ html { color: #EEEEEE; } +.mainbtn:hover { + background: rgb(255, 120, 120); + color: #fff; + transition: all .4s ease 0s; +} + .iconfont { font-family: "iconfont" !important; font-style: normal; @@ -159,34 +169,6 @@ html { color: #EEEEEE; } -.selectlist > li::before { - position: absolute; - display: inline-block; - left: 0; - top: 0; - border-radius: 0.2rem 0 0 0.2rem; - margin: -1px; - padding: 1px; - height: 100%; - width: 1.5rem; - content: "　"; -} - -.grade1, -.grade1b::before { - background-color: rgb(116, 191, 255) !important; -} - -.grade2, -.grade2b::before { - background-color: rgb(226, 167, 255) !important; -} - -.grade3, -.grade3b::before { - background-color: lightsalmon !important; -} - .grade1b, .grade2b, .grade3b { @@ -194,16 +176,74 @@ html { box-sizing: border-box; } -.selected { - background-color: gray; - color: #EEEEEE; +.grade0b { + background-color: rgb(70, 70, 70); + border: #f8f8f8 2px solid !important; +} +.grade1b { + background-color: rgb(116, 191, 255); + border: #f8f8f8 2px solid !important; +} +.grade2b { + background-color: rgb(226, 167, 255); + border: #f8f8f8 2px solid !important; +} +.grade3b { + background-color: #ffa07a; + border: #f8f8f8 2px solid !important; +} + +.grade0b:hover { + background-color: rgb(202, 202, 202); + color: #3b3b3b; + transition: all .4s ease 0s; +} +.grade1b:hover { + background-color: rgb(159, 207, 248); + color: #3b3b3b; + transition: all .4s ease 0s; +} +.grade2b:hover { + background-color: rgb(240, 212, 255); + color: #3b3b3b; + transition: all .4s ease 0s; +} +.grade3b:hover { + background-color: #f7a989; + color: #3b3b3b; + transition: all .4s ease 0s; +} + +.grade0b.selected { + background-color: rgb(202, 202, 202) !important; + color: #3b3b3b; +} + +.grade1b.selected { + background-color: rgb(198, 229, 255) !important; + color: #3b3b3b; +} + +.grade2b.selected { + background-color: rgb(240, 212, 255) !important; + color: #3b3b3b; +} + +.grade3b.selected { + background-color: #f1bfac !important; + color: #3b3b3b; } .propinitial { - top: 6rem; + top: 5rem; bottom: 14rem; } +.propbtn:hover{ + color: #5c5c5c; + transition: all .2s ease 0s; +} + .propinitial > li { position: relative; display: inline-block; @@ -236,8 +276,9 @@ html { } .lifeTrajectory { - border: 1px #EEEEEE solid; + border: 1px #9b9b9b solid; background-color: #393E46; + border-radius: 10px; } .judge > li, @@ -485,4 +526,8 @@ i { opacity: 1; transform: scale3d(0.5, 0.5, 0.5); } 50% { - opacity: 1; } } \ No newline at end of file + opacity: 1; } } + +::-webkit-scrollbar { + width: 0 !important +} \ No newline at end of file diff --git a/view/style.css b/view/style.css index 117a708..91242e4 100644 --- a/view/style.css +++ b/view/style.css @@ -47,6 +47,10 @@ html { font-family: PingFangSC, 'Noto Sans CJK SC', 'MS Yahei'; } +body { + user-select: none; +} + #main { align-content: center; width: 100%; @@ -69,7 +73,7 @@ html { position: fixed; top: 65%; left: 50%; - padding: 0.8rem 1rem; + padding: 0.5rem 1.5rem; border: 1px #ccc solid; border-radius: 0.2rem; background-color:white; @@ -80,6 +84,12 @@ html { z-index:2; } +.mainbtn:hover { + background: rgb(255, 120, 120); + color: #fff; + transition: all .4s ease 0s; +} + .iconfont { font-family: "iconfont" !important; font-style: normal; @@ -154,34 +164,6 @@ html { cursor: pointer; } -.selectlist > li::before { - position: absolute; - display: inline-block; - left: 0; - top: 0; - border-radius: 0.2rem 0 0 0.2rem; - margin: -1px; - padding: 1px; - height: 100%; - width: 1.5rem; - content: "　"; -} - -.grade1, -.grade1b::before { - background-color: rgb(116, 191, 255) !important; -} - -.grade2, -.grade2b::before { - background-color: rgb(226, 167, 255) !important; -} - -.grade3, -.grade3b::before { - background-color: lightsalmon !important; -} - .grade1b, .grade2b, .grade3b { @@ -189,13 +171,62 @@ html { box-sizing: border-box; } -.selected { - background-color: gray; - color: white; +.grade0b { + background-color: rgb(237, 237, 237); + border: #c5c5c5 2px solid !important; +} +.grade1b { + background-color: rgb(116, 191, 255); + border: #c5c5c5 2px solid !important; +} +.grade2b { + background-color: rgb(226, 167, 255); + border: #c5c5c5 2px solid !important; +} +.grade3b { + background-color: #ffa07a; + border: #c5c5c5 2px solid !important; +} + +.grade0b:hover { + background-color: rgb(160, 160, 160); + transition: all .4s ease 0s; +} +.grade1b:hover { + background-color: rgb(159, 207, 248); + transition: all .4s ease 0s; +} +.grade2b:hover { + background-color: rgb(240, 212, 255); + transition: all .4s ease 0s; +} +.grade3b:hover { + background-color: #f7a989; + transition: all .4s ease 0s; +} + +.grade0b.selected { + background-color: rgb(160, 160, 160); + color: #3b3b3b; +} + +.grade1b.selected { + background-color: rgb(159, 207, 248); + color: #3b3b3b; +} + +.grade2b.selected { + background-color: rgb(240, 212, 255); + color: #3b3b3b; +} + +.grade3b.selected { + background-color: #f7a989; + color: #3b3b3b; } .propinitial { - top: 6rem; + top: 5rem; bottom: 14rem; } @@ -227,8 +258,14 @@ html { user-select: none; } +.propbtn:hover{ + color: #5c5c5c; + transition: all .2s ease 0s; +} + .lifeTrajectory { border: 1px lightblue solid; + border-radius: 10px; background-color: aliceblue; } @@ -478,3 +515,7 @@ i { transform: scale3d(0.5, 0.5, 0.5); } 50% { opacity: 1; } } + +::-webkit-scrollbar { + width: 0 !important +} \ No newline at end of file