Difference between revisions of "Team:XMU-China/css/home"
| Line 79: | Line 79: | ||
background:rgb(255, 255, 255); | background:rgb(255, 255, 255); | ||
position: relative; | position: relative; | ||
| − | |||
| − | |||
} | } | ||
.nav ul li ul li{ | .nav ul li ul li{ | ||
| Line 124: | Line 122: | ||
.project img{ | .project img{ | ||
position: relative; | position: relative; | ||
| − | width: | + | width: 10rem; |
float: left; | float: left; | ||
left:8%; | left:8%; | ||
| Line 152: | Line 150: | ||
.modeling img{ | .modeling img{ | ||
position: relative; | position: relative; | ||
| − | + | width: 10rem; | |
| − | width: | + | |
left:72%; | left:72%; | ||
cursor: pointer; | cursor: pointer; | ||
| Line 179: | Line 176: | ||
.software img{ | .software img{ | ||
position: relative; | position: relative; | ||
| − | + | width: 10rem; | |
| − | width: | + | |
left:9%; | left:9%; | ||
cursor: pointer; | cursor: pointer; | ||
| Line 219: | Line 215: | ||
.humen_practices img{ | .humen_practices img{ | ||
position: relative; | position: relative; | ||
| − | + | width: 10rem; | |
| − | width: | + | |
left:67%; | left:67%; | ||
cursor: pointer; | cursor: pointer; | ||
| Line 235: | Line 230: | ||
.team img{ | .team img{ | ||
position: relative; | position: relative; | ||
| − | + | width: 10rem; | |
| − | width: | + | |
float:left; | float:left; | ||
left:10%; | left:10%; | ||
Revision as of 06:17, 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 !important;
}
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;
} .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;
}
.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:-26.5%; font-family: myfont; color:#1c5a5a; font-size: 30px;
}
.project p{
position: relative; left:10%; color:#1c5a5a; line-height: 170%;
}
.modeling img{
position: relative; width: 10rem; 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; width: 10rem; 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; width: 10rem; left:67%; 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;
} .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;
}