"
Team:USTC-Software/css/team style
From 2012.igem.org
(Difference between revisions)
| Line 91: | Line 91: | ||
font-size:18px; | font-size:18px; | ||
font-family: 'Bubbler One', sans-serif; | font-family: 'Bubbler One', sans-serif; | ||
| - | |||
} | } | ||
Revision as of 06:12, 23 September 2012
/* styles for the thumbnail section */
- member_feature_wrapper{
width:100%;
background:url('https://static.igem.org/mediawiki/2012/d/de/USTC-Software-images-half-black.png');
margin:80px auto;
margin-left:auto;
margin-right:auto;
padding:5px auto;
}
- members{
width:980px; height:550px; position:relative; margin-top:50px; margin-bottom:100px; margin-left:auto; margin-right:auto;
}
- meet-team{
width:336px;
height:60px;
background:url('https://static.igem.org/mediawiki/2012/0/0b/USTC-Software-images-meet-team.png') no-repeat;
position:absolute;
top:-50px;
left:-100px;
}
.member{
border: 1px solid #999; width:150px; height:450px; position:absolute; margin:50px auto; cursor:pointer;
}
- member-kai{
top:10px; left:0px;
}
- member-kaifeng{
top:0px; left:100px;
}
- member-chao{
top:15px; left:200px;
}
- member-litong{
top:25px; left:300px;
}
- member-kaishuai{
top:-5px; left:400px;
}
- member-sen{
top:0; left:500px;
}
- member-qi{
top:10px; left:600px;
}
- member-wenjuan{
top:25px; left:700px;
}
- member-yunlong{
top:-5px; left:800px;
}
.member div.member-name{
height:60px;
width:150px;
background:url('https://static.igem.org/mediawiki/2012/2/2c/USTC-Software-images-member-name-bg.png') no-repeat;
position:absolute;
top:-45px;
z-index:1000;
opacity:0;
}
.member div.member-name h5{
display:block;
text-align:center;
color:white;
font-size:18px;
font-family: 'Bubbler One', sans-serif;
}
.member:hover div.member-name{
opacity:1;
}
- slogon{
width:580px;
height:125px;
background:url('https://static.igem.org/mediawiki/2012/d/db/USTC-Software-images-slogon.png');
position:absolute;
right:-120px;
bottom:-50px;
}
/* style for the detail section */
div.member_details{
width:100%;
height:550px;
position:fixed;
bottom:100px;
background:url('https://static.igem.org/mediawiki/2012/d/de/USTC-Software-images-half-black.png');
}
div.detail_close{
height:29px;
width:29px;
background:url('https://static.igem.org/mediawiki/2012/e/e4/USTC-Software-images-close.png') no-repeat;
background-position: 0px -30px;
z-index:9999;
position:absolute;
top:10px;
left:10px;
cursor:pointer;
}
div.detail_close:hover{
background-position: 0px 0px;
}
div.details_member_name{
position:absolute;
top:0px;
left:100px;
}
div.details_member_name h1{
color:white;
font-size:50px;
font-family:'Bubbler One', sans-serif;
}
div.member_photo{
height:450px; width:450px; position:absolute; bottom:0px; left:100px;
}
- photo_chao{
background:url('../images/photo_chao.png') no-repeat;
}
div.resume{
width:400px;
position:absolute;
top:150px;
left:650px;
}
div.resume p{
color:white;
font-size:18px;
font-family: 'Petit Formal Script', cursive;
}
div.resume p+p{
text-indent:2em;
}
