"
Team:Shenzhen BGIC ATCG/css/front.css
From 2013.igem.org
(Created page with " html { background:#ccc ; min-height: 100%; margin: 0; font-size: 100%; } .front { position: absolute; height: 800px; top: 50%; left: 50%; margin-top: -400px; widt...") |
|||
| (12 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
| - | |||
html { background:#ccc ; min-height: 100%; margin: 0; font-size: 100%; } | html { background:#ccc ; min-height: 100%; margin: 0; font-size: 100%; } | ||
| Line 7: | Line 6: | ||
top: 50%; | top: 50%; | ||
left: 50%; | left: 50%; | ||
| - | |||
width:800px; | width:800px; | ||
margin-left: -400px; | margin-left: -400px; | ||
| Line 34: | Line 32: | ||
.front_navib li { | .front_navib li { | ||
width: 112px; | width: 112px; | ||
| - | padding-top: | + | padding-top: 227px; |
padding-right:5px; | padding-right:5px; | ||
| Line 115: | Line 113: | ||
.front_navib li.b4 a:hover { | .front_navib li.b4 a:hover { | ||
background-position: -351px -195px; | background-position: -351px -195px; | ||
| + | } | ||
| + | .eye_wrapper { | ||
| + | left: 0px; | ||
| + | top:0px; | ||
| + | } | ||
| + | .eye_wrapper .head { | ||
| + | z-index:1px | ||
| + | } | ||
| + | .eye-left { | ||
| + | position:absolute; | ||
| + | top:518px; | ||
| + | left:412px; | ||
| + | } | ||
| + | .eye-right { | ||
| + | position:absolute; | ||
| + | top:518px; | ||
| + | left:530px; | ||
} | } | ||
Latest revision as of 17:05, 23 September 2013
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() 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() 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:518px; left:412px; } .eye-right { position:absolute; top:518px; left:530px; }
