Line 42: | Line 42: | ||
.bg_main{ | .bg_main{ | ||
background-image:url("/Users/zhaishiyi/Downloads/home_bg.png"); | background-image:url("/Users/zhaishiyi/Downloads/home_bg.png"); | ||
− | |||
background-position:50% 0%; | background-position:50% 0%; | ||
background-size: 100% ; | background-size: 100% ; |
Revision as of 14:06, 6 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 !important;
}
.igem_2019_team_content .igem_2019_team_column_wrapper a {
color: #3e4548; font-weight: normal !important;
}
p{
color:#1c5a5a; font-weight:normal;
} .igem_2019_team_content .igem_2019_team_column_wrapper p {
font-weight:normal;
} .igem_2019_team_content .igem_2019_team_column_wrapper ul, .igem_2019_team_content .igem_2019_team_column_wrapper ol {
padding:0px 0px !important;
}
.bg_main{
background-image:url("/Users/zhaishiyi/Downloads/home_bg.png"); 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; text-align: center;
} .nav ul li a{
color:#3e4548; font-family:Arial; display:block; padding-top:10px; padding-bottom:20px padding-left:18px; padding-right:18px;
} .nav ul li a:hover{
color: #FFFFFF !important; background-color: #1c5a5a !important;
} .nav ul li span{
display:block;
} .nav ul li ul{
background:rgb(255, 255, 255); position: relative; display:none; padding-left:0; margin-left:0; line-height: 0em !important;
} .nav ul li ul li{
float:none; text-align: center; padding-left:0; padding-right:0;
} .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;
}
.project img{
position: relative; width: 10rem; 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; text-align: left;
}
.project p{
position: relative; left:10%; color:#1c5a5a; line-height: 170%; font-weight:normal;
}
.modeling img{
position: relative; width: 10rem; left:32%; 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; text-align: left;
} .modeling p{
position: relative; left:72%; color:#1c5a5a; line-height: 170%; font-weight:normal;
}
.software img{
position: relative; width: 10rem; left:-30%; 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; text-align: left;
} .software p{
position: relative; left:9%; color:#1c5a5a; line-height: 170%; font-weight:normal;
}
.humen_practices div{
position: relative; left:67%; font-family: myfont; color:#1c5a5a; font-size: 30px; text-align: left;
} .humen_practices p{
position: relative; left:67%; color:#1c5a5a; line-height: 170%; font-weight:normal;
} .humen_practices img{
position: relative; width: 10rem; left:30%; cursor: pointer; transition: all 0.6s;
}
.humen_practices img:hover{
transform: scale(1.4);
}
.team{
padding-top: 10%;
} .team img{
position: relative; width: 10rem; 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; text-align: left;
} .team p{
position: relative; left:15%; color:#1c5a5a; line-height: 170%; font-weight:normal;
}
.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;
}