138 lines
2.1 KiB
CSS
Vendored
138 lines
2.1 KiB
CSS
Vendored
html{
|
|
overflow-x: hidden;
|
|
}
|
|
body{
|
|
font-family: "微软雅黑 Light"
|
|
}
|
|
.button{
|
|
box-shadow: 0 -2px 0 rgba(0,0,0,0.2) inset;
|
|
border: none;
|
|
border-radius: 3px;
|
|
}
|
|
.top-bar{
|
|
box-shadow: rgba(0,0,0,0.1) 0 1px 2px;
|
|
}
|
|
.top-bar .menu{
|
|
background: none;
|
|
}
|
|
.top-bar .menu a{
|
|
color: black;
|
|
}
|
|
.top-bar .menu a:hover{
|
|
color: white;
|
|
}
|
|
.top-bar .menu a:active{
|
|
color: grey;
|
|
}
|
|
.top-bar .menu .button{
|
|
color: white!IMPORTANT;
|
|
}
|
|
.top-bar, .top-bar-left, .top-bar-right{
|
|
position: relative;
|
|
z-index: 10000;
|
|
}
|
|
.top-bar-back{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.top-bar-filter{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 100;
|
|
background-color: rgba(255,255,255,0.4);
|
|
}
|
|
.top-bar-bg{
|
|
background-image: url('/img/banner.jpg');
|
|
background-size: 100%;
|
|
background-repeat: no-repeat;
|
|
position: absolute;
|
|
height: 130%;
|
|
top: -5px;
|
|
left: -5px;
|
|
width: 105%;
|
|
-webkit-filter: blur(5px);
|
|
-ms-filter: blur(5px);
|
|
filter: blur(5px);
|
|
z-index: 50;
|
|
}
|
|
.banner{
|
|
background-image: url('/img/banner.jpg');
|
|
background-size: 100%;
|
|
background-repeat: no-repeat;
|
|
position: absolute;
|
|
top: -5px;
|
|
left: -5px;
|
|
width: 105%;
|
|
max-width: 150%;
|
|
height: 100%;
|
|
}
|
|
.banner-content{
|
|
margin: 69px auto 10px;
|
|
}
|
|
.banner-logo{
|
|
width: 100px;
|
|
height: 100px;
|
|
max-width: 100px;
|
|
}
|
|
#top-bar-quick-access{
|
|
position: relative;
|
|
top: 30px;
|
|
}
|
|
.show{
|
|
position:relative;
|
|
top:250px;
|
|
width:500px;
|
|
height:300px;
|
|
margin: 0 auto;
|
|
background-color:#E8E8E8;
|
|
}
|
|
.show1{
|
|
position:absolute;
|
|
top:15%;
|
|
left:15%;
|
|
width:70%;
|
|
height:25%;
|
|
}
|
|
.show2{
|
|
position:absolute;
|
|
top:40%;
|
|
left:15%;
|
|
width:70%;
|
|
height:25%;
|
|
}
|
|
.show3{
|
|
position:absolute;
|
|
top:55%;
|
|
left:15%;
|
|
width:70%;
|
|
height:25%;
|
|
}
|
|
.show3a{
|
|
position:absolute;
|
|
top:25%;
|
|
height:70%;
|
|
width:50%;
|
|
float:left;
|
|
}
|
|
.show3b{
|
|
position:absolute;
|
|
top:25%;
|
|
height:70%;
|
|
width:50%;
|
|
right:0;
|
|
}
|
|
.show4{
|
|
position:absolute;
|
|
top:75%;
|
|
left:15%;
|
|
width:70%;
|
|
height:25%;
|
|
}
|