/* dojox.mobile.Carousel */ .mblCarousel { overflow: hidden; height: 300px; } .mblCarouselSlot { position: relative; float: left; text-align: left; box-sizing: border-box; } .mblCarouselSlotSelected { } .mblCarouselHeaderBar { background-color: #3a3a3b; color: #b1b1b1; font: bold 16px arial,helvetica,clean,sans-serif; padding: 1px; } .mblCarouselBtnContainer { float: right; } .mblCarouselBtn { height: 18px; width: 46px; font: bold 14px arial,helvetica,clean,sans-serif; color: gray; padding-top: 0px; margin: 0px 2px; border-width: 1px; /* workaround for android problem */ } .mblCarouselTitle { margin: 2px 0px 2px 4px; } .mblCarouselHeaderBar .mblPageIndicator { float: right; width: auto; padding: 0px 20px; } .mblCarouselHeaderBar .mblPageIndicatorContainer { margin-left: 0px; margin-right: 0px; } .mblCarouselPages { position: relative; text-align: center; } /* dojox.mobile._CarouselItem */ .mblCarouselItem { text-align: center; } .mblCarouselItemHeaderText { color: white; font: 14px arial,helvetica,clean,sans-serif; text-align: center; margin-top: 8px; margin-bottom: 5px; } .mblCarouselItemFooterText { color: white; font: 14px arial,helvetica,clean,sans-serif; text-align: center; margin-top: 5px; margin-bottom: 8px; } .mblCarouselItemImage { -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); vertical-align: bottom; } .mblCarouselItemBlank { display: none; } .mblCarouselSlotSelected .mblCarouselItemImage { opacity: 0.6; -webkit-box-shadow: none; }