Carousel.less 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  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; /* workaround for android problem */
  42. }
  43. .mblCarouselTitle {
  44. margin: 2px 0px 2px 4px;
  45. }
  46. .mblCarouselHeaderBar .mblPageIndicator {
  47. float: right;
  48. width: auto;
  49. padding: 0px 20px;
  50. }
  51. .mblCarouselHeaderBar .mblPageIndicatorContainer {
  52. margin-left: 0px;
  53. margin-right: 0px;
  54. }
  55. .mblCarouselPages {
  56. position: relative;
  57. text-align: center;
  58. }