Pagination CSS style

Page

1. <DivClass = "pagination">
2. <Ul>
3. <LiClass = "disablepage">Previous Page</LI>
4. <LiClass = "currentpage">1</LI>
5. <Li> <Href = "#">2</A> </LI>
6. <Li> <Href = "#">3</A> </LI>
7. <Li> <Href = "#">4</A> </LI>
8. <Li> <Href = "#">5</A> </LI>
9. <Li> <Href = "#">6</A> </LI>
10. <Li> <Href = "#">7</A> </LI>
11. <Li> <Href = "#">8</A> </LI>
12. <Li> <Href = "#">9</A>...</LI>
13. <Li> <Href = "#">15</A> </LI>
14. <Li> <Href = "#">16</A> </LI>
15. <LiClass = "nextpage"> <Href = "#">Next Page</A> </LI>
16. </Ul>
17. </Div>

CSS

1. . Pagination {
2. Padding: 2px;
3. }
5. . Pagination ul {
6. Margin: 0;
7. Padding: 0;
8. Text-align: Left;/* set to "right" to right align pagination interface */
9. Font-size: 12px;
10. }
12. . Pagination Li {
13. List-style-type: none;
14. Display: inline;
15. Padding-bottom: 1px;
16. }
18. . Pagination A,. pagination A: visited {
19. Padding: 0 5px;
20. Border: 1px solid #9aafe5;
21. Text-Decoration: none;
22. Color: #2e6ab1;
23. }
25. . Pagination A: hover,. pagination A: active {
26. Border: 1px solid #2b66a5;
27. Color: #000;
28. Background-color: lightyellow;
29. }
31. . Pagination Li. currentpage {
32. Font-weight: bold;
33. Padding: 0 5px;
34. Border: 1px solid Navy;
35. Background-color: #2e6ab1;
36. Color: # FFF;
37. }
39. . Pagination Li. disablepage {
40. Padding: 0 5px;
41. Border: 1px solid #929292;
42. Color: #929292;
43. }
45. . Pagination Li. nextpage {
46. Font-weight: bold;
47. }
49. * Html. pagination Li. currentpage, * html. pagination Li. disablepage {/* IE 6 and below. Adjust non linked Lis slightly to account for bugs */
50. Margin-Right: 5px;
51. Padding-Right: 0;
52. }