nathan_lp

Part 2

Feb 26th, 2013
4,778
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2. .image_carousel {
  3. padding: 7px 7px;
  4. position: relative;
  5. background-color: #499286;
  6. width: 897px;
  7. height: 214px;
  8. }
  9. .image_carousel img {
  10. border: 1px solid #ccc;
  11. background-color: white;
  12. padding: 0px;
  13. margin: 0 1px;
  14. display: block;
  15. float: left;
  16. }
  17. a.prev, a.next {
  18. background: url(http://media.lpgenerator.ru/images/10285/miscellaneoussprite1_1.png) no-repeat transparent;
  19. width: 45px;
  20. height: 50px;
  21. display: block;
  22. position: absolute;
  23. top: 85px;
  24. }
  25. a.prev { left: -38px;
  26. background-position: 0 0; }
  27. a.prev:hover { background-position: 0 -50px; }
  28. a.prev.disabled { background-position: 0 -100px !important; }
  29. a.next { right: -38px;
  30. background-position: -50px 0; }
  31. a.next:hover { background-position: -50px -50px; }
  32. a.next.disabled { background-position: -50px -100px !important; }
  33. a.prev.disabled, a.next.disabled {
  34. cursor: default;
  35. }
  36.  
  37. a.prev span, a.next span {
  38. display: none;
  39. }
  40. .pagination {
  41. text-align: center;
  42. position: relative;
  43. top:10px;
  44. }
  45. .pagination a {
  46. background: url(http://media.lpgenerator.ru/images/10285/miscellaneoussprite1_1.png) 0 -300px no-repeat transparent;
  47. width: 15px;
  48. height: 16px;
  49. margin: 0 5px 0 0;
  50. display: inline-block;
  51. }
  52. .pagination a.selected {
  53. background-position: -25px -300px;
  54. cursor: default;
  55. }
  56. .pagination a span {
  57. display: none;
  58. }
  59. .clearfix {
  60. float: none;
  61. clear: both;
  62. }
  63. </style>
RAW Paste Data