orbit-basic/public/demo/pagination.html

48 lines
830 B
HTML
Raw Normal View History

2010-01-08 08:05:58 +00:00
<link rel="stylesheet" href="../stylesheets/easy.css" media="screen" />
<style>
/* COPY START HERE */
ol.pagination{
margin:1em 0;
padding:0;
}
ol.pagination li{
margin:0 .5em 0 0;
padding:0;
float:left;
list-style:none;
}
ol.pagination li a, ol.pagination li span{
float:left;
border:1px solid #ccc;
line-height:1.5em;
padding:0 .5em;
background:#fff;
}
ol.pagination li a:hover{background:#f1f1f1;}
ol.pagination li span{background:#ccc;color:#fff;}
/* COPY END HERE */
</style>
<div id="container">
<div class="main">
<!-- COPY START HERE -->
<ol class="pagination fixed">
<li><a href="#">1</a></li>
<li><span>2</span></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
</ol>
<!-- COPY END HERE -->
</div>
</div>