sinvo/lifeRestart
1
0
Fork 0
mirror of https://github.com/VickScarlet/lifeRestart.git synced 2026-03-25 08:34:16 +08:00
Code Issues Projects Releases Wiki Activity

稍微改了下样式（x

Browse Source
This commit is contained in:
RomEYer-AwELF
2021-09-04 19:07:52 +08:00
committed by 神戸小鳥
parent 313dc29a9a
commit f105be1882
2 changed files with 154 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
view/dark.css
View File

@@ -48,6 +48,10 @@ html {
font-family: PingFangSC, 'Noto Sans CJK SC', 'MS Yahei'; font-family: PingFangSC, 'Noto Sans CJK SC', 'MS Yahei';
} }
body {
user-select: none;
}
#main { #main {
align-content: center; align-content: center;
width: 100%; width: 100%;
@@ -71,7 +75,7 @@ html {
position: fixed; position: fixed;
top: 65%; top: 65%;
left: 50%; left: 50%;
padding: 0.8rem 1rem; padding: 0.5rem 1.5rem;
border: 1px #EEEEEE solid; border: 1px #EEEEEE solid;
border-radius: 0.2rem; border-radius: 0.2rem;
background-color:#393E46; background-color:#393E46;
@@ -83,6 +87,12 @@ html {
color: #EEEEEE; color: #EEEEEE;
} }
.mainbtn:hover {
background: rgb(255, 120, 120);
color: #fff;
transition: all .4s ease 0s;
}
.iconfont { .iconfont {
font-family: "iconfont" !important; font-family: "iconfont" !important;
font-style: normal; font-style: normal;
@@ -159,34 +169,6 @@ html {
color: #EEEEEE; 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, .grade1b,
.grade2b, .grade2b,
.grade3b { .grade3b {
@@ -194,16 +176,74 @@ html {
box-sizing: border-box; box-sizing: border-box;
} }
.selected { .grade0b {
background-color: gray; background-color: rgb(70, 70, 70);
color: #EEEEEE; 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 { .propinitial {
top: 6rem; top: 5rem;
bottom: 14rem; bottom: 14rem;
} }
.propbtn:hover{
color: #5c5c5c;
transition: all .2s ease 0s;
}
.propinitial > li { .propinitial > li {
position: relative; position: relative;
display: inline-block; display: inline-block;
@@ -236,8 +276,9 @@ html {
} }
.lifeTrajectory { .lifeTrajectory {
border: 1px #EEEEEE solid; border: 1px #9b9b9b solid;
background-color: #393E46; background-color: #393E46;
border-radius: 10px;
} }
.judge > li, .judge > li,
@@ -486,3 +527,7 @@ i {
transform: scale3d(0.5, 0.5, 0.5); } transform: scale3d(0.5, 0.5, 0.5); }
50% { 50% {
opacity: 1; } } opacity: 1; } }
::-webkit-scrollbar {
width: 0 !important
}

107
view/style.css
View File

@@ -47,6 +47,10 @@ html {
font-family: PingFangSC, 'Noto Sans CJK SC', 'MS Yahei'; font-family: PingFangSC, 'Noto Sans CJK SC', 'MS Yahei';
} }
body {
user-select: none;
}
#main { #main {
align-content: center; align-content: center;
width: 100%; width: 100%;
@@ -69,7 +73,7 @@ html {
position: fixed; position: fixed;
top: 65%; top: 65%;
left: 50%; left: 50%;
padding: 0.8rem 1rem; padding: 0.5rem 1.5rem;
border: 1px #ccc solid; border: 1px #ccc solid;
border-radius: 0.2rem; border-radius: 0.2rem;
background-color:white; background-color:white;
@@ -80,6 +84,12 @@ html {
z-index:2; z-index:2;
} }
.mainbtn:hover {
background: rgb(255, 120, 120);
color: #fff;
transition: all .4s ease 0s;
}
.iconfont { .iconfont {
font-family: "iconfont" !important; font-family: "iconfont" !important;
font-style: normal; font-style: normal;
@@ -154,34 +164,6 @@ html {
cursor: pointer; 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, .grade1b,
.grade2b, .grade2b,
.grade3b { .grade3b {
@@ -189,13 +171,62 @@ html {
box-sizing: border-box; box-sizing: border-box;
} }
.selected { .grade0b {
background-color: gray; background-color: rgb(237, 237, 237);
color: white; 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 { .propinitial {
top: 6rem; top: 5rem;
bottom: 14rem; bottom: 14rem;
} }
@@ -227,8 +258,14 @@ html {
user-select: none; user-select: none;
} }
.propbtn:hover{
color: #5c5c5c;
transition: all .2s ease 0s;
}
.lifeTrajectory { .lifeTrajectory {
border: 1px lightblue solid; border: 1px lightblue solid;
border-radius: 10px;
background-color: aliceblue; background-color: aliceblue;
} }
@@ -478,3 +515,7 @@ i {
transform: scale3d(0.5, 0.5, 0.5); } transform: scale3d(0.5, 0.5, 0.5); }
50% { 50% {
opacity: 1; } } opacity: 1; } }
::-webkit-scrollbar {
width: 0 !important
}