Difference between revisions of "Team:XMU-China/css/home"
| Line 115: | Line 115: | ||
left:14%; | left:14%; | ||
color:#1c5a5a; | color:#1c5a5a; | ||
| + | padding:2rem 0rem; | ||
} | } | ||
| Line 129: | Line 130: | ||
.project img{ | .project img{ | ||
position: relative; | position: relative; | ||
| − | |||
width: 150px; | width: 150px; | ||
float: left; | float: left; | ||
Revision as of 03:03, 4 September 2019
/*.igem_2019_team_mobile_bar{
display:none;
}*/ .igem_2019_team_menu{
display:none;
}
html{
position: center; overflow-x:hidden;
} body{
margin: 0 auto;
}
a{
text-decoration: none;
}
p{
color:#1c5a5a;
}
.bg_main{
background-image:url("/Users/zhaishiyi/Downloads/home_bg.png");
background-color: #FFFFFF;
background-position:50% 0%;
background-size: 100% ;
position: absolute;
background-repeat: no-repeat;
margin:0 auto;
width:1300px;
height: 100%;
}
.igem_top_bar {
height: 57px; width: 100%; margin:20px -55px; background:rgb(255, 255, 255); position: fixed; top: 0%; margin-bottom: 5px; display:block !important; z-index: 111; box-shadow: 0px 3px 6px #888888;
}
.igem_top_bar img {
position:fixed; height: 50px; margin-left: 10px; float: left;
}
.nav ul li{
float:right; margin:0 10px; list-style-type:none; display:inline; position:relative;
} .nav ul li a{
color:#3e4548; font-family:Arial; display:block; padding:10px 18px;
} .nav li a:hover{
color:#FFFFFF; background-color: #1c5a5a;
} .nav ul li span{
display:block;
} .nav ul li ul{
background:rgb(255, 255, 255); position: relative; display: none;
} .nav ul li ul li{
float:none; text-align: center;
} .nav ul li:hover ul{
display: block;
}
@font-face{
font-family: myfont;
src:url('https://static.igem.org/mediawiki/2019/8/89/T--XMU-China--321Perfect.ttf');
}
.main_top{
position: relative; padding-top: 20vw; padding-bottom: 40vw;
} .main .main_top div{
position: relative; left:14%; font-family: myfont; color:#1c5a5a; font-size: 45px;
}
.main .main_top p{
position: relative; left:14%; color:#1c5a5a; padding:2rem 0rem;
}
.center{
padding-top: 0;
}
- home_bg>mask{
display:block; width:100%; position:absolute; z-index:1;
}
.project img{
position: relative; width: 150px; float: left; left:8%; cursor: pointer; transition: all 0.6s;
}
.project img:hover{
transform: scale(1.4);
}
.project div{
position: relative; left:10%; font-family: myfont; color:#1c5a5a; font-size: 30px;
}
.project p{
position: relative; left:10%; color:#1c5a5a; line-height: 170%;
}
.modeling img{
position: relative; height: 180px; width: 150px; left:72%; cursor: pointer; transition: all 0.6s;
}
.modeling img:hover{
transform: scale(1.4);
}
.modeling div{
position: relative; left:72%; font-family: myfont; color:#1c5a5a; font-size: 30px;
} .modeling p{
position: relative; left:72%; color:#1c5a5a; line-height: 170%;
}
.software img{
position: relative; height: 180px; width: 150px; left:9%; cursor: pointer; transition: all 0.6s;
}
.software img:hover{
transform: scale(1.4);
}
.software div{
position: relative; left:9%; font-family: myfont; color:#1c5a5a; font-size: 30px;
} .software p{
position: relative; left:9%; color:#1c5a5a; line-height: 170%;
}
.humen_practices div{
position: relative; left:67%; font-family: myfont; color:#1c5a5a; font-size: 30px;
} .humen_practices p{
position: relative; left:67%; color:#1c5a5a; line-height: 170%;
} .humen_practices img{
position: relative; height: 150px; width: 150px; left:67%; cursor: pointer; transition: all 0.6s;
}
.humen_practices img:hover{
transform: scale(1.4);
}
.team{
padding-top: 10%;
} .team img{
position: relative; height: 150px; width: 170px; float:left; left:10%; cursor: pointer; transition: all 0.6s;
}
.team img:hover{
transform: scale(1.4);
}
.team div{
position: relative; left:15%; font-family: myfont; color:#1c5a5a; font-size: 30px;
} .team p{
position: relative; left:15%; color:#1c5a5a; line-height: 170%;
}
.footer{
padding-top: 10%; margin:0 ;
} .footer_top{
float:left; width: 65%;
} .footer_top .footer_top_pic1{
width: 137px; height: 153px; position: relative; padding-left: 35%;
}
.footer_top .footer_top_pic2{
width: 153px; height: 153px; position: relative; padding-left: 15%;
}
.contact_us ul li{
display: inline;
}
.contact_us ul li img{
height: 3%; position: relative; float: left;
}
.footer_bottom{
padding-top: 30px; padding-bottom: 20px; text-align: center;
}