Team:Shenzhen BGIC ATCG/css/front.css

From 2013.igem.org

Revision as of 17:01, 23 September 2013 by BGI K2 (Talk | contribs)

html { background:#ccc ; min-height: 100%; margin: 0; font-size: 100%; }

.front {

 position: absolute;  
 height: 800px;
 top: 50%;
 left: 50%;
 width:800px;
 margin-left: -400px;
 padding:0;
 background: url(Front.png) no-repeat;

}

.front_navi {

 position: relative;
 list-style: none; 
 margin: 0; 
 padding: 0;

}

.front_navi li {

 position: relative;
 float: left;

}

.front_navia li {

 width: 118px;
 padding-top: 40px;
 padding-right:6px;

}

.front_navib li {

 width: 112px;
 padding-top: 227px;
 padding-right:5px;

}

.front_navi li a {

 position: relative; 
 display: block; 
 height: 60px;
 background: url(Navi.png) no-repeat; text-decoration: none !important;

}

.js .front_navi li a:hover {

 top: 0;

}

.front_navia li.a1 {

 padding-left: 157px;

} .front_navib li.b1 {

 padding-left: 167px;

} .front_navia li.a1 a {

 background-position: 0 0;

}

.front_navia li.a1 a:hover {

 background-position: 0 -65px;

}

.front_navia li.a2 a {

 background-position: -123px 0;

}

.front_navia li.a2 a:hover {

 background-position: -123px -65px;

} .front_navia li.a3 a {

 background-position: -246px 0;

}

.front_navia li.a3 a:hover {

 background-position: -246px -65px;

}

.front_navia li.a4 a {

 background-position: -369px 0;

}

.front_navia li.a4 a:hover {

 background-position: -369px -65px;

} .front_navib li.b1 a {

 background-position: 0 -130px;

}

.front_navib li.b1 a:hover {

 background-position: 0 -195px;

}

.front_navib li.b2 a {

 background-position: -117px -130px;

}

.front_navib li.b2 a:hover {

 background-position: -117px -195px;

} .front_navib li.b3 a {

 background-position: -234px -130px;

}

.front_navib li.b3 a:hover {

 background-position: -234px -195px;

}

.front_navib li.b4 a {

 background-position: -351px -130px;

}

.front_navib li.b4 a:hover {

 background-position: -351px -195px;

} .eye_wrapper { left: 0px; top:0px; } .eye_wrapper .head { z-index:1px } .eye-left { position:absolute; top:488px; left:412px; } .eye-right { position:absolute; top:488px; left:530px; }