dojox
Version:
Dojo eXtensions, a rollup of many useful sub-projects and varying states of maturity – from very stable and robust, to alpha and experimental. See individual projects contain README files for details.
79 lines (77 loc) • 1.55 kB
text/less
/* 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;
.tap-highlight-color(rgba(255, 255, 255, 0));
}
.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 {
.box-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));
vertical-align: bottom;
}
.mblCarouselItemBlank {
display: none;
}
.mblCarouselSlotSelected .mblCarouselItemImage {
opacity: 0.6;
.box-shadow(none);
}