USTC-Software/team/css
From 2013.igem.org
(Difference between revisions)
Line 12: | Line 12: | ||
#content .team_pic a.smooth{ | #content .team_pic a.smooth{ | ||
display:block; | display:block; | ||
+ | height:455px; | ||
+ | float:left; | ||
} | } | ||
- | #content .team_pic | + | #content .team_pic .jing{ |
width:128px; | width:128px; | ||
height:455px; | height:455px; | ||
float:left; | float:left; | ||
} | } | ||
- | #content .team_pic | + | #content .team_pic .jing:hover{ |
background:url(https://static.igem.org/mediawiki/2013/3/3f/USTC_Software_Jing.png); | background:url(https://static.igem.org/mediawiki/2013/3/3f/USTC_Software_Jing.png); | ||
} | } |
Revision as of 19:26, 21 September 2013
- content{
width:1000px; margin:10px auto;
}
- content .team_pic{
width:1000px; height:455px; margin-top:40px; margin-left:-10px; background:url();
}
- content .team_pic a.smooth{
display:block; height:455px; float:left;
}
- content .team_pic .jing{
width:128px; height:455px; float:left;
}
- content .team_pic .jing:hover{
background:url();
}
- content .team_pic .hua{
width:125px; height:455px; margin-left:-33px; float:left;
}
- content .team_pic .hua:hover{
background:url();
}
- content .team_pic .yu{
width:128px; height:455px; float:left; margin-left:-20px;
}
- content .team_pic .yu:hover{
background:url();
}
- content .team_pic .kun{
width:110px; height:455px; float:left; margin-left:-12px;
}
- content .team_pic .kun:hover{
background:url();
}
- content .team_pic .yang{
width:120px; height:455px; float:left; margin-left:-10px;
}
- content .team_pic .yang:hover{
background:url() no-repeat;
}
- content .team_pic .sen{
width:110px; height:455px; float:left; margin-left:-11px; margin-top:10px;
}
- content .team_pic .sen:hover{
background:url();
}
- content .team_pic .nan{
width:110px; height:455px; float:left; margin-left:-7px; margin-top:10px;
}
- content .team_pic .nan:hover{
background:url();
}
- content .team_pic .shuai{
width:120px; height:455px; float:left; margin-left:-25px; margin-top:10px;
}
- content .team_pic .shuai:hover{
background:url();
}
- content .team_pic .pei{
width:100px; height:455px; float:left; margin-left:-42px;
}
- content .team_pic .pei:hover{
background:url();
}
- content .team_pic .hao{
width:120px; height:455px; float:left; margin:-455px auto auto 45px;
}
- content .team_pic .hao:hover{
background:url();
}
- content .members{
width:1010px; height:580px; border:1px solid #f3f3f3; margin-top:0px; margin-left:-20px; background:url() repeat-x;
}
- content .box{
height:70px;
}
- content .members .pic{
width:230px; height:340px; margin:18px auto auto 30px; float:left;
}
- content .members .words{
width:580px; height:500px; margin:60px auto 10px 370px; font-family:Arial, Helvetica, sans-serif;
}
- content .members .words p{
font-size:19px; margin-top:10px; color:#383838;
}
- to_top{
float:right;
}
- to_top a img{
position:fixed; margin-top:450px; width:125px; height:128px; transition: 1s; -moz-transition: 1s; -webkit-transition: 1s; -o-transition:1s; -ms-transition: 1s;
}
- to_top a img:hover{
transform:scale(1.1); -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -webkit-transform:scale(1.1);
}
- content .members .one{
width:400px; height:600px; float:left; margin-left:3px;
}
- content .members .two{
width:400px; height:600px; float:left; margin-left:100px;
}
- content .members .one .pic1{
width:230px; height:340px; margin:18px auto auto 30px; float:left;
}
- content .members .two .pic2{
width:230px; height:240px; margin:18px auto auto 130px; float:left;
}
- content .members .one .des{
width:300px; height:100px; float:left; margin:90px auto auto 50px; font-size:22px;
}
- content .members .two .des{
width:300px; height:100px; float:left; margin:50px auto auto 50px; font-size:22px;
}