Pager.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. .pagerContainer {
  2. position: relative;
  3. height: 100%;
  4. width: 100%;
  5. overflow: hidden;
  6. /* FIXME: need basline styles for tundra, soria, and nihilo */
  7. border:1px solid #ccc;
  8. -moz-border-radius:6pt;
  9. -webkit-border-radius:7pt;
  10. }
  11. /* Horizontal classes */
  12. .horizontalPagerPager {
  13. position: absolute;
  14. height: 12px;
  15. width: 100%;
  16. padding-top: 4px;
  17. padding-bottom: 4px;
  18. }
  19. .horizontalPagerStatus {
  20. position: absolute;
  21. height: 10px;
  22. padding-top: 5px;
  23. padding-bottom: 5px;
  24. width: 100%;
  25. }
  26. .horizontalPagerView {
  27. position: absolute;
  28. height: 100%;
  29. width: 100%;
  30. overflow: hidden;
  31. }
  32. .horizontalPagerIcon {
  33. cursor: pointer;
  34. }
  35. /* Vertical classes */
  36. .verticalPagerPager {
  37. position: absolute;
  38. width: 12px;
  39. height: 100%;
  40. padding-left: 4px;
  41. padding-right: 4px;
  42. }
  43. .verticalPagerStatus {
  44. position: absolute;
  45. width: 10px;
  46. padding-left: 5px;
  47. padding-right: 5px;
  48. height: 100%;
  49. }
  50. .verticalPagerView {
  51. position: absolute;
  52. height: 100%;
  53. width: 100%;
  54. overflow: hidden;
  55. }
  56. .verticalPagerIcon {
  57. cursor: pointer;
  58. }
  59. /* Misc. */
  60. .pagerIconContainer {
  61. position: absolute;
  62. }
  63. .pagerIconContainer img {
  64. cursor: pointer;
  65. }
  66. /* Items */
  67. .pagerItems {
  68. list-style: none;
  69. padding: 0;
  70. margin: 0;
  71. }
  72. .pagerItem {
  73. overflow: hidden;
  74. padding: 0;
  75. margin: 0;
  76. }