Team:Shenzhen BGIC ATCG/css/front.css
From 2013.igem.org
(Difference between revisions)
(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...") |
|||
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; |
Revision as of 09:26, 13 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: 228px; 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;
}