wolegca.github.io/index.css
2019-09-15 15:16:17 +08:00

65 lines
994 B
CSS

.container{
max-width: 1440px;
/* height: 100%; */
margin:0 auto;
position: relative
}
.container:before{
content:'';
display: block;
position:fixed;
bottom:0px;
left:0px;
height:150%;
width:100%;
background: black url(bg.jpg) no-repeat center;
background-size: cover
}
.clearfix:after{
content:'';
display: block;
height:0px;
clear: both;
visibility: hidden
}
.sidebar-border{
position: absolute;
left:0px;
top:0px;
display: block;
width:250px;
/* height:100%; */
background-color: transparent;
padding-top:50px;
overflow-x:hidden;
/* border:1px solid white; */
padding-bottom: 10px;
padding-left: 10px
}
.sidebar{
position: relative;
display: block;
width:100%;
/* min-height:100%; */
background-color:rgba(255,255,255,.5);
border-radius: 15px;
padding:15px
}
.sidebar div:first-child{
font-size: 20px;
font-weight: bold
}
@media screen and (max-width:700px){
.sidebar-border{
position: relative;
width:100%;
height:auto;
padding:0px
}
}