|
@@ -101,10 +101,10 @@ a {
|
|
|
}
|
|
}
|
|
|
.main {
|
|
.main {
|
|
|
padding: 15px;
|
|
padding: 15px;
|
|
|
- height: calc(100vh - 25px);
|
|
|
|
|
- background: url('../images3/back-big.png') no-repeat center bottom;
|
|
|
|
|
|
|
+ height: calc(100vh - 65px);
|
|
|
|
|
+ /* background: url('../images3/back-big.png') no-repeat center bottom; */
|
|
|
display: grid;
|
|
display: grid;
|
|
|
- grid-template-rows: 1fr 1.6fr 2fr;
|
|
|
|
|
|
|
+ grid-template-rows: 2fr 3fr 5fr;
|
|
|
gap: 10px;
|
|
gap: 10px;
|
|
|
padding-bottom: 65px;
|
|
padding-bottom: 65px;
|
|
|
}
|
|
}
|
|
@@ -121,11 +121,11 @@ a {
|
|
|
.panel-title {
|
|
.panel-title {
|
|
|
position: relative;
|
|
position: relative;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
- height: 50px;
|
|
|
|
|
- line-height: 50px;
|
|
|
|
|
|
|
+ height: 100px;
|
|
|
|
|
+ line-height: 100px;
|
|
|
}
|
|
}
|
|
|
.panel-title .text {
|
|
.panel-title .text {
|
|
|
- font-size: 20px;
|
|
|
|
|
|
|
+ font-size: 40px;
|
|
|
font-weight: 600;
|
|
font-weight: 600;
|
|
|
color: #05fbfe;
|
|
color: #05fbfe;
|
|
|
text-shadow: 0px 2px 10px rgba(10, 30, 52, 0.48);
|
|
text-shadow: 0px 2px 10px rgba(10, 30, 52, 0.48);
|
|
@@ -171,22 +171,22 @@ a {
|
|
|
background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
|
}
|
|
}
|
|
|
.top-lb {
|
|
.top-lb {
|
|
|
- height: calc(100% - 50px);
|
|
|
|
|
|
|
+ height: calc(100% - 100px);
|
|
|
padding: 0px 30px;
|
|
padding: 0px 30px;
|
|
|
display: grid;
|
|
display: grid;
|
|
|
grid-template-columns: repeat(11, 1fr);
|
|
grid-template-columns: repeat(11, 1fr);
|
|
|
gap: 10px;
|
|
gap: 10px;
|
|
|
}
|
|
}
|
|
|
.top-rb {
|
|
.top-rb {
|
|
|
- height: calc(100% - 50px);
|
|
|
|
|
|
|
+ height: calc(100% - 100px);
|
|
|
padding: 0px 30px;
|
|
padding: 0px 30px;
|
|
|
display: grid;
|
|
display: grid;
|
|
|
grid-template-columns: repeat(3, 1fr);
|
|
grid-template-columns: repeat(3, 1fr);
|
|
|
gap: 10px;
|
|
gap: 10px;
|
|
|
}
|
|
}
|
|
|
.topCard > div:first-child {
|
|
.topCard > div:first-child {
|
|
|
- width: 100px;
|
|
|
|
|
- height: 100px;
|
|
|
|
|
|
|
+ width: 120px;
|
|
|
|
|
+ height: 120px;
|
|
|
background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
|
}
|
|
}
|
|
|
/* .top-lb > .topCard:nth-child(odd) > div:first-child {
|
|
/* .top-lb > .topCard:nth-child(odd) > div:first-child {
|
|
@@ -208,16 +208,16 @@ a {
|
|
|
.top-lb > .topCard:nth-child(even) > div:first-child {
|
|
.top-lb > .topCard:nth-child(even) > div:first-child {
|
|
|
background: url('../images5/completedDot.png') no-repeat;
|
|
background: url('../images5/completedDot.png') no-repeat;
|
|
|
background-size: 100% auto;
|
|
background-size: 100% auto;
|
|
|
- background-position: 0 20%;
|
|
|
|
|
|
|
+ background-position: 0 35%;
|
|
|
}
|
|
}
|
|
|
.top-rb > .topCard:nth-child(even) > div:first-child {
|
|
.top-rb > .topCard:nth-child(even) > div:first-child {
|
|
|
background: url('../images5/completedDot.png') no-repeat;
|
|
background: url('../images5/completedDot.png') no-repeat;
|
|
|
background-size: 100% auto;
|
|
background-size: 100% auto;
|
|
|
- background-position: 0 20%;
|
|
|
|
|
|
|
+ background-position: 0 35%;
|
|
|
}
|
|
}
|
|
|
.topCard > span {
|
|
.topCard > span {
|
|
|
- height: calc(100% - 90px);
|
|
|
|
|
- margin-top: 5px;
|
|
|
|
|
|
|
+ /* height: calc(100% - 90px);
|
|
|
|
|
+ margin-top: 5px; */
|
|
|
}
|
|
}
|
|
|
.center-l {
|
|
.center-l {
|
|
|
display: grid;
|
|
display: grid;
|
|
@@ -234,19 +234,19 @@ a {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 10%;
|
|
height: 10%;
|
|
|
margin-top: 5%;
|
|
margin-top: 5%;
|
|
|
- font-size: 16px;
|
|
|
|
|
|
|
+ font-size: 25px;
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
|
}
|
|
}
|
|
|
.center-l-list{
|
|
.center-l-list{
|
|
|
height: 30%;
|
|
height: 30%;
|
|
|
margin: 10% 0;
|
|
margin: 10% 0;
|
|
|
- background: url('../images5/project.png') no-repeat;
|
|
|
|
|
- background-size: 100% 100%;
|
|
|
|
|
|
|
+ background: url('../images5/project.png') no-repeat center;
|
|
|
|
|
+ background-size: 100% auto;
|
|
|
}
|
|
}
|
|
|
.center-l-list2{
|
|
.center-l-list2{
|
|
|
height: 30%;
|
|
height: 30%;
|
|
|
background: url('../images5/pin.png') no-repeat;
|
|
background: url('../images5/pin.png') no-repeat;
|
|
|
- background-size: 100% 100%;
|
|
|
|
|
|
|
+ background-size: 100% auto;
|
|
|
}
|
|
}
|
|
|
.foot-b{
|
|
.foot-b{
|
|
|
display: grid;
|
|
display: grid;
|