Posted By

sebikovacs on 07/13/10


Tagged

css navigation


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

joacoleo


Page navigation


 / Published in: CSS
 

  1. /*page nav*/
  2. .pageNav {width: 553px;height: 31px;margin:0 0 0 0;padding:0 0 0 0;clear:both;}
  3. .pageNav b{font-size: 11px;font-weight: bold;padding:0 0 0 0;margin:0 0 0 0;}
  4. .pageNav .numere {margin: 0 0 0 0;height: 22px;}
  5. .numere a {
  6. width: 25px;
  7. height: 20px;
  8. background: #EBEBEB;
  9. border: 1px solid #D5D5D5;
  10. font-weight: bold;
  11. color: #000000;
  12. line-height: 20px;
  13. text-align: center;
  14. margin-right: 5px;
  15. }
  16. .numere span {float: left;padding:4px 5px 0 0;}
  17. .numere a.selected, .numere a.selected:hover {background: #74B330;border: 1px solid #5C8E26;color: #FFFFFF;}
  18. .numere a:hover{background:#D9D9D9;border: 1px solid #C2C2C2;}
  19. .numere a.prima {background-position:0 0;}
  20. .numere a.inapoi {background-position: -21px -1px;}
  21. .numere a.inainte {background-position: -172px -1px;}
  22. .numere a.ultima {background-position: -201px -1px;}
  23.  
  24. .numere a.prima:hover {background-position:0 0;}
  25. .numere a.inapoi:hover {background-position:0 0;}
  26. .numere a.inainte:hover {background-position:0 0;}
  27. .numere a.ultima:hover {background-position:0 0;}

Report this snippet  

You need to login to post a comment.