Team:Shenzhen BGIC 0101/front style

From 2013.igem.org

Revision as of 08:35, 25 October 2013 by Czh (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

body { background:#191919; font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif; font-size:12px; color:#333; line-height:18px; }

  1. portfolio {

position:fixed; top:50%; left:50%; z-index:1; width:1000px; height:800px; margin:-400px 0 0 -500px; }

  1. background {

position:fixed; top:0; left:0; width:100%; height:100%; z-index:2; background:url(Bg_1.png) no-repeat center;

       opacity: 0.5;

}

  1. portfolio .gallery,
  2. portfolio .gallery .inside {

position:absolute; top:10px; left:0; }

  1. portfolio .gallery {

width:100%; height:100%; overflow:hidden; }

  1. portfolio .gallery .inside {

z-index:1; }

  1. portfolio .arrows a {

position:absolute; z-index:3; width:32px; height:32px; background-image:url(Front_Arrows.png); background-repeat:no-repeat; outline:none; text-indent:-9999px; }

  1. portfolio .arrows .prev,
  2. portfolio .arrows .up {

display:none; }

  1. portfolio .arrows .up,
  2. portfolio .arrows .down {

left:50%; margin-left:-16px; }

  1. portfolio .arrows .prev,
  2. portfolio .arrows .next {

top:300px; }

  1. portfolio .arrows .up {

background-position:0 -64px; top:20px; }

  1. portfolio .arrows .down {

background-position:0 -96px; bottom:120px; }

  1. portfolio .arrows .prev {

background-position:0 -32px; left:30px; }

  1. portfolio .arrows .next {

background-position:0 0;

right:30px; }

  1. portfolio .arrows .up:hover {

background-position:-32px -64px; }

  1. portfolio .arrows .down:hover {

background-position:-32px -96px; }

  1. portfolio .arrows .next:hover {

background-position:-32px 0; }

  1. portfolio .arrows .prev:hover {

background-position:-32px -32px; }


  1. portfolio .item {

position:absolute; top:0; width:1200px; height:800px; }

  1. portfolio .item div {

position:absolute; left:0; width:100%; height:100%; }

  1. portfolio .item div img {

position:absolute; top:0; left:50%; margin-left:-500px;

}

  1. portfolio .paths {

position:absolute; bottom:100px; left:50%; margin-left:-30px; z-index:4; }

  1. portfolio .paths div {

position:absolute; top:0; }

  1. portfolio .paths a {

background:#333; display:block; position:absolute; left:0; outline:none; }

  1. portfolio .paths a:hover,
  2. 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; }