Carousel.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. /* dojox.mobile.Carousel */
  2. .mblCarousel {
  3. overflow: hidden;
  4. }
  5. .mblCarouselBox {
  6. position: relative;
  7. float: left;
  8. }
  9. .mblCarouselImg {
  10. -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  11. vertical-align: bottom;
  12. }
  13. .mblCarouselImgSelected {
  14. border: 1px dashed #C0C0C0;
  15. -webkit-box-shadow: none;
  16. }
  17. .mblCarouselImgHeaderText {
  18. color: white;
  19. font: 14px arial, helvetica, clean, sans-serif;
  20. }
  21. .mblCarouselImgFooterText {
  22. color: white;
  23. font: 14px arial, helvetica, clean, sans-serif;
  24. }
  25. .mblCarouselHeaderBar {
  26. background-color: #3A3A3B;
  27. color: #B1B1B1;
  28. font: bold 16px arial, helvetica, clean, sans-serif;
  29. padding: 1px;
  30. }
  31. .mblCarouselBtnContainer {
  32. float: right;
  33. }
  34. .mblCarouselBtn {
  35. height: 18px;
  36. width: 46px;
  37. font: bold 14px arial, helvetica, clean, sans-serif;
  38. color: gray;
  39. padding-top: 0px;
  40. margin: 0px 2px;
  41. border-width: 1px;
  42. /* workaround for android problem */
  43. }
  44. .mblCarouselTitle {
  45. margin: 2px 0px 2px 4px;
  46. }
  47. .mblCarouselHeaderBar .mblPageIndicator {
  48. float: right;
  49. width: auto;
  50. padding: 0px 20px;
  51. }
  52. .mblCarouselHeaderBar .mblPageIndicatorContainer {
  53. margin-left: 0px;
  54. margin-right: 0px;
  55. }
  56. .mblCarouselPages {
  57. position: relative;
  58. text-align: center;
  59. }