div class nav-panel div class prev larr Ctrl href img src img nav prev

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
<div class="nav-panel">
<div class="prev">
&larr; + Ctrl
<a href="#"><img src="img/nav/prev.png" alt="Previous" /></a>
</div>
<div class="next">
<a href="#"><img src="img/nav/next.png" alt="Loading" /></a>
Ctrl + &rarr;
</div>
<span class="loading"><em>Loading...</em></span>
</div>
/* --------------- nav. panel --------------- */
.nav-panel { position: absolute; top: 0; left:50%; margin-left: -150px;
width: 300px; z-index: 10; padding: 0 10px; line-height: 50px;
border: 1px solid #000; background-color: #FFF; color: #CBCBCB; font-size: 85%; text-align: center; }
.nav-panel span { padding: 0 24px; line-height: 50px; background: #FFF url(img/h2.gif) repeat-x left center; }
.nav-panel em { padding: 0 8px; font-style: normal; font-weight: bold; background-color: #FFF; }
.nav-panel img { vertical-align: middle; padding: 0 3px; _height: 36px; _padding: 7px 3px; }
.nav-panel .prev { float: left; }
.nav-panel .next { float: right; }