mirror of
https://github.com/VickScarlet/lifeRestart.git
synced 2026-03-24 13:33:26 +08:00
稍微改了下样式（x
This commit is contained in:
RomEYer-AwELF
神戸小鳥
115
view/dark.css
115
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; } }
|
||||
opacity: 1; } }
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 0 !important
|
||||
}
|
||||
107
view/style.css
107
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
|
||||
}
|
||||
Reference in New Issue
Block a user