76 lines
1.8 KiB
Plaintext
76 lines
1.8 KiB
Plaintext
|
.header_container {
|
||
|
|
|
||
|
|
header {
|
||
|
|
width: 100%;
|
||
|
|
height: 70px;
|
||
|
|
background-size: 100% 100%;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
font-size: 40px;
|
||
|
|
color: #fff;
|
||
|
|
text-align: center;
|
||
|
|
padding-top: 10px;
|
||
|
|
font-weight: bold;
|
||
|
|
position: absolute;
|
||
|
|
|
||
|
|
.back {
|
||
|
|
position: absolute;
|
||
|
|
top: 10px;
|
||
|
|
left: 10px;
|
||
|
|
cursor: pointer;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
.title {
|
||
|
|
background-image: linear-gradient(to bottom, #5bb4f7, #ffffff);
|
||
|
|
-webkit-background-clip: text;
|
||
|
|
background-clip: text;
|
||
|
|
-webkit-text-fill-color: transparent;
|
||
|
|
font-size: 34px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.guang {
|
||
|
|
background-size: 100% 100%;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
width: 707px;
|
||
|
|
height: 85px;
|
||
|
|
position: absolute;
|
||
|
|
top: 25px;
|
||
|
|
left: 50%;
|
||
|
|
animation: headerContainerScale 2s infinite;
|
||
|
|
|
||
|
|
@keyframes headerContainerScale {
|
||
|
|
0% {
|
||
|
|
transform: translateX(-50%) scale(1);
|
||
|
|
}
|
||
|
|
|
||
|
|
50% {
|
||
|
|
transform: translateX(-50%) scale(0.5);
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
transform: translateX(-50%) scale(1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.time{
|
||
|
|
position: absolute;
|
||
|
|
right: 20px;
|
||
|
|
top: 20px;
|
||
|
|
font-size: 14px;
|
||
|
|
border-style: solid;
|
||
|
|
border-width: 1px;
|
||
|
|
border-color: rgba(12,108,177,0.2);
|
||
|
|
background-image: -moz-linear-gradient( 90deg, rgb(14,26,90) 0%, rgb(16,26,74) 100%);
|
||
|
|
background-image: -webkit-linear-gradient( 90deg, rgb(14,26,90) 0%, rgb(16,26,74) 100%);
|
||
|
|
background-image: -ms-linear-gradient( 90deg, rgb(14,26,90) 0%, rgb(16,26,74) 100%);
|
||
|
|
box-shadow: inset 0px 3px 7px 0px rgba(21, 50, 102, 0.35);
|
||
|
|
font-weight: normal;
|
||
|
|
padding: 5px 10px;
|
||
|
|
border-radius: 20px;
|
||
|
|
color: #ffffff;
|
||
|
|
z-index: 9999;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|