"
Team:Shenzhen BGIC 0101/front style
From 2013.igem.org
body { background:#191919; font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif; font-size:12px; color:#333; line-height:18px; }
- portfolio {
position:fixed; top:50%; left:50%; z-index:1; width:1000px; height:800px; margin:-400px 0 0 -500px; }
- background {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:2;
background:url(
) no-repeat center;
opacity: 0.5;
}
- portfolio .gallery,
- portfolio .gallery .inside {
position:absolute; top:10px; left:0; }
- portfolio .gallery {
width:100%; height:100%; overflow:hidden; }
- portfolio .gallery .inside {
z-index:1; }
- portfolio .arrows a {
position:absolute;
z-index:3;
width:32px;
height:32px;
background-image:url(
);
background-repeat:no-repeat;
outline:none;
text-indent:-9999px;
}
- portfolio .arrows .prev,
- portfolio .arrows .up {
display:none; }
- portfolio .arrows .up,
- portfolio .arrows .down {
left:50%; margin-left:-16px; }
- portfolio .arrows .prev,
- portfolio .arrows .next {
top:300px; }
- portfolio .arrows .up {
background-position:0 -64px; top:20px; }
- portfolio .arrows .down {
background-position:0 -96px; bottom:120px; }
- portfolio .arrows .prev {
background-position:0 -32px; left:30px; }
- portfolio .arrows .next {
background-position:0 0;
right:30px; }
- portfolio .arrows .up:hover {
background-position:-32px -64px; }
- portfolio .arrows .down:hover {
background-position:-32px -96px; }
- portfolio .arrows .next:hover {
background-position:-32px 0; }
- portfolio .arrows .prev:hover {
background-position:-32px -32px; }
- portfolio .item {
position:absolute; top:0; width:1200px; height:800px; }
- portfolio .item div {
position:absolute; left:0; width:100%; height:100%; }
- portfolio .item div img {
position:absolute; top:0; left:50%; margin-left:-500px;
}
- portfolio .paths {
position:absolute; bottom:100px; left:50%; margin-left:-30px; z-index:4; }
- portfolio .paths div {
position:absolute; top:0; }
- portfolio .paths a {
background:#333; display:block; position:absolute; left:0; outline:none; }
- portfolio .paths a:hover,
- portfolio .paths .active {
background:#fff; }
/* heading */
h1{
font-size:35px;
text-shadow:1px 1px 2px #38f;
position:relative;
z-index:1000;
color:#3f8;
font-weight:normal;
padding:10px;
margin-top:10px;
background:#000;
float:left;
}
