dojox/mobile/themes/iphone/ipad-compat.css

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.

/* mbl.widget.Heading */
.dj_tablet .mblHeading {
	background-image: url(compat/ipad-heading-bg.png);
}
.dj_gecko.dj_tablet .mblHeading {
	background-image: -moz-linear-gradient(top, #f3f4f6 0%, #a7abb8 100%);
}

/* dojox.mobile.ToolBarButton */
.dj_ie.dj_tablet .mblToolBarButtonHasLeftArrow .mblToolBarButtonLeftArrow {
	background-image: url(compat/ipad-arrow-button-head.png);
}
.dj_ie.dj_tablet .mblToolBarButtonHasRightArrow .mblToolBarButtonRightArrow {
	background-image: url(compat/ipad-arrow-button-right-head.png);
}
.dj_ie.dj_tablet .mblToolBarButtonBody {
	background-image: url(compat/ipad-arrow-button-bg.png);
}
.dj_ie.dj_tablet .mblToolBarButtonSelected .mblToolBarButtonLeftArrow {
	background-image: url(compat/ipad-arrow-button-head-sel.png);
}
.dj_ie.dj_tablet .mblToolBarButtonSelected .mblToolBarButtonRightArrow {
	background-image: url(compat/ipad-arrow-button-right-head-sel.png);
}
.dj_ie.dj_tablet .mblToolBarButtonSelected .mblToolBarButtonBody {
	background-image: url(compat/ipad-arrow-button-sel-bg.png);
}

/* dojox.mobile.TabBar */
.dj_tablet .mblTabBarSegmentedControl,
.dj_tablet .mblTabBarStandardTab,
.dj_tablet .mblTabBarSegmentedControl .mblTabBarButton {
	background-image: url(compat/ipad-heading-bg.png);
}
.dj_tablet .mblTabBarSegmentedControl .mblTabBarButtonSelected {
	background-image: url(compat/ipad-arrow-button-bg.png);
}
.dj_tablet .mblTabBarStandardTab .mblTabBarButtonSelected {
	background-color: #f3f4f6;
	background-image: none;
}
.dj_gecko.dj_tablet .mblTabBarSegmentedControl,
.dj_gecko.dj_tablet .mblTabBarStandardTab,
.dj_gecko.dj_tablet .mblTabBarSegmentedControl .mblTabBarButton {
	background-image: -moz-linear-gradient(top, #f3f4f6 0%, #a7abb8 100%);
}
.dj_gecko.dj_tablet .mblTabBarSegmentedControl .mblTabBarButtonSelected {
	background-image: -moz-linear-gradient(top, #b1b5bb 0%, #6a727d 100%);
}
.dj_gecko.dj_tablet .mblTabBarStandardTab .mblTabBarButton {
	background-image: -moz-linear-gradient(top, #f0f0f2 0%, #959da0 100%);
}
.dj_gecko.dj_tablet .mblTabBarStandardTab .mblTabBarButtonSelected {
	background-image: -moz-linear-gradient(top, #f3f4f6 0%, #f2f3f7 100%);
}


/* Default Button Colors */
.dj_tablet .mblColorDefault {
	background-color: #8b919a;
}
.dj_gecko.dj_tablet .mblColorDefault {
	background-image: -moz-linear-gradient(top, #b1b5bb 0%, #6a727d 100%);
}

.dj_gecko.dj_tablet .mblColorDefault45 {
	background-image: -moz-linear-gradient(top left, #b1b5bb 0%, #6a727d 100%);
}
.dj_tablet .mblColorDefaultSel {
	background-color: #515761;
}
.dj_gecko.dj_tablet .mblColorDefaultSel {
	background-image: -moz-linear-gradient(top, #7a7e85 0%, #303845 100%);
}

.dj_gecko.dj_tablet .mblColorDefaultSel45 {
	background-image: -moz-linear-gradient(top left, #7a7e85 0%, #303845 100%);
}