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.
64 lines (63 loc) • 1.76 kB
CSS
/* dojox.mobile.ToolBarButton */
.dj_gecko .mblToolBarButtonArrow {
-moz-transform: scale(0.77, 1.05) rotate(45deg);
}
.dj_ff3 .mblToolBarButtonArrow {
-moz-border-radius: 1px;
}
.dj_ff3 .mblToolBarButtonBody {
-moz-border-radius: 0;
}
.dj_ff3 .mblToolBarButtonHasLeftArrow .mblToolBarButtonBody {
-moz-border-radius-topleft: 0;
-moz-border-radius-bottomleft: 0;
}
.dj_ff3 .mblToolBarButtonHasRightArrow .mblToolBarButtonBody {
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
}
.dj_ie .mblToolBarButtonLeftArrow {
top: 0;
left: -2px;
width: 13px;
height: 31px;
border-style: none;
border-radius: 0;
background-image: url(compat/arrow-button-head.png);
}
.dj_ie .mblToolBarButtonSelected .mblToolBarButtonLeftArrow {
background-image: url(compat/arrow-button-head-sel.png);
}
.dj_ie .mblToolBarButtonRightArrow {
top: 0;
right: -3px;
width: 13px;
height: 31px;
border-style: none;
border-radius: 0;
background-image: url(compat/arrow-button-right-head.png);
}
.dj_ie .mblToolBarButtonSelected .mblToolBarButtonRightArrow {
background-image: url(compat/arrow-button-right-head-sel.png);
}
.dj_ie .mblToolBarButtonBody {
background-image: url(compat/arrow-button-bg.png);
background-position: left bottom;
}
.dj_ie .mblToolBarButtonBodySelected {
background-image: url(compat/arrow-button-bg-sel.png);
}
.dj_ie .mblToolBarButtonBody table {
margin: 0;
}
.dj_ie .mblToolBarButtonHasLeftArrow .mblToolBarButtonBody {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.dj_ie .mblToolBarButtonHasRightArrow .mblToolBarButtonBody {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.dj_ie6 .mblToolBarButton .mblToolBarButtonBody {
background-position: left top;
}