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.
111 lines (110 loc) • 2.75 kB
CSS
/* dojox.mobile.ToolBarButton */
.mblToolBarButton {
display: inline-block;
position: relative;
cursor: pointer;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
margin: 6px;
padding: 0 10px;
height: 29px;
line-height: 29px;
text-align: center;
font-family: Helvetica;
font-size: 13px;
font-weight: bold;
vertical-align: middle;
}
.mblToolBarButtonHasIcon,
.mblToolBarButtonLightIcon {
padding: 0;
}
.mblHeading .mblToolBarButton {
float: left;
}
.mblHeading span.mblToolBarButtonLightIcon {
padding: 0;
}
.mblToolBarButtonHasLeftArrow {
padding-right: 0;
padding-left: 10px;
}
.mblToolBarButtonHasRightArrow {
padding-left: 0;
padding-right: 10px;
}
.mblToolBarButtonArrow {
position: absolute;
top: 5px;
width: 20px;
height: 19px;
-webkit-transform: scale(0.75, 1) rotate(45deg);
transform: scale(0.75, 1) rotate(45deg);
border: 1px solid #9cacc0;
border-top-left-radius: 1px;
border-bottom-right-radius: 1px;
}
.mblToolBarButtonHasLeftArrow .mblToolBarButtonArrow {
left: 1px;
}
.mblToolBarButtonHasRightArrow .mblToolBarButtonArrow {
right: 0px;
}
.mblHeading .mblToolBarButtonArrow {
border-width: 1px;
border-style: solid;
border-color: #405a7e #405a7e #3a4755 #3a4755;
}
.mblHeading .mblToolBarButtonHasLeftArrow .mblToolBarButtonArrow {
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.305);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.305);
}
.mblHeading .mblToolBarButtonHasRightArrow .mblToolBarButtonArrow {
-webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.305);
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.305);
}
.mblToolBarButtonBody {
display: inline-block;
position: relative;
overflow: hidden;
border-radius: 5px;
border: 1px outset #9cacc0;
}
.mblToolBarButton .mblToolBarButtonBody {
width: 100%;
}
.mblHeading .mblToolBarButtonBody {
border-width: 1px;
border-style: solid;
border-color: #2f3740 #405a7e #375073 #3a4755;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.305);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.305);
}
.mblToolBarButtonBody table {
margin: 0 auto;
}
.mblToolBarButtonHasLeftArrow .mblToolBarButtonBody {
border-left-width: 0;
}
.mblToolBarButtonHasRightArrow .mblToolBarButtonBody {
border-right-width: 0;
}
.mblToolBarButtonText .mblToolBarButtonIcon {
padding-left: 10px;
}
.mblToolBarButtonText .mblToolBarButtonLabel {
padding-right: 10px;
height: 29px;
}
.mblToolBarButtonHasLeftArrow .mblToolBarButtonIcon {
padding-left: 4px;
}
.mblToolBarButtonHasRightArrow .mblToolBarButtonLabel {
padding-right: 4px;
}
.mblToolBarButtonIcon > div {
height: 29px;
}
/* iOS 6 specific */
.dj_ios6.dj_phone .mblHeading .mblToolBarButtonBody {
border-color: #343a42 #425167 #2f4769 #415066;
}