SlideShow.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. /* dojox.image.SlideShow */
  2. .slideShowWrapper {
  3. position:relative;
  4. background:#fff;
  5. padding:8px;
  6. border:1px solid #333;
  7. padding-bottom:20px;
  8. overflow:hidden;
  9. -moz-border-radius:3pt;
  10. -webkit-border-radius:4pt;
  11. -webkit-drop-shadow:#ccc 4pt;
  12. }
  13. .slideShowNav {
  14. position:absolute;
  15. bottom:-18px;
  16. left:0px;
  17. padding:0px 3px 2px 0px;
  18. background-color:#fff;
  19. width:100%;
  20. }
  21. .slideShowNavWrapper { float:right; }
  22. .slideShowTitle {
  23. float:left;
  24. color:#333;
  25. font-size:10pt;
  26. }
  27. .slideShowTitle .slideShowCounterText {
  28. font-size:6pt; color:#666;
  29. }
  30. .slideShowHidden {
  31. position:absolute;
  32. display: none;
  33. height: 1px;
  34. width: 1px;
  35. }
  36. .slideShowImageWrapper {
  37. position:relative;
  38. text-align: center;
  39. margin-top: -42px;
  40. float: left;
  41. width: 100%;
  42. }
  43. .slideShowImageWrapper img {
  44. border: 0px none;
  45. }
  46. .slideShowNotifier {
  47. background-color: red;
  48. width: 100px;
  49. height: 5px;
  50. font-size: 1%;/*IE hack to get around the Empty-Div bug*/
  51. }
  52. .slideShowSlideShow {
  53. position:absolute;
  54. top:30px;
  55. padding: 0 5px;
  56. border: 0px;
  57. text-decoration: none;
  58. color: #2e6ab1;
  59. }
  60. .slideShowLoading { background-color: #fad66a; }
  61. .slideShowLoaded { background-color: transparent; }
  62. /*
  63. .sprite-arrowbottom { background-position: 0 -30px; }
  64. .sprite-arrowtop { background-position: 0 -430px; }
  65. */
  66. .slideShowCtrlPrev {
  67. background-position: -96px 0px;
  68. float: left;
  69. }
  70. .slideShowCtrlNext {
  71. background-position: -144px 0px;
  72. float: right;
  73. }
  74. .slideShowCtrlPlay {
  75. background-position: -190px 0px;
  76. position: absolute;
  77. }
  78. .slideShowPaused .slideShowCtrlPlay {
  79. background-position: -236px 0px;
  80. position: absolute;
  81. }
  82. .slideShowCtrl span.slideShowCtrlHide {
  83. background-image: url("../../../dojo/resources/blank.gif");
  84. cursor: auto;
  85. }
  86. .slideShowCtrl {
  87. height: 50px;
  88. width: 100%;
  89. position: relative;
  90. z-index:999;
  91. float: left;
  92. }
  93. .slideShowCtrl span {
  94. width: 50px;
  95. height: 100%;
  96. background-image: url("images/buttons.png");
  97. cursor: pointer;
  98. }
  99. .dj_ie .slideShowCtrl span {
  100. background-image: url("images/buttons.gif");
  101. }
  102. .dj_ie6 .slideShowPager li.currentpage,
  103. .dj_ie6 .pagination li.disablepage{
  104. /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
  105. margin-right: 5px;
  106. padding-right: 0;
  107. }