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.
122 lines (121 loc) • 2.82 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;
font-family: "Segoe WP", "Segoe UI", "HelveticaNeue", "Helvetica-Neue", "Helvetica", "BBAlpha Sans", "sans-serif";
}
.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;
border-radius: 1px;
-webkit-transform: scale(0.7, 1.05) rotate(45deg);
transform: scale(0.7, 1.05) rotate(45deg);
border: 1px solid #9b9b9b;
border-right-color: #767676;
border-bottom-color: #767676;
}
.mblToolBarButtonHasLeftArrow .mblToolBarButtonArrow {
left: -1px;
}
.mblToolBarButtonHasRightArrow .mblToolBarButtonArrow {
right: -1px;
}
.mblToolBarButtonBody {
display: inline-block;
position: relative;
overflow: hidden;
border-radius: 0;
border: none;
}
.mblToolBarButton .mblToolBarButtonBody {
width: 100%;
}
.mblToolBarButtonBody table {
margin: 0 auto;
}
.mblToolBarButtonHasLeftArrow .mblToolBarButtonBody {
border-left-width: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.mblToolBarButtonHasRightArrow .mblToolBarButtonBody {
border-right-width: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 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;
}
.mblToolBarButton {
border: 2px solid #ffffff;
}
.mblToolBarButtonHasLeftArrow,
.mblToolBarButtonHasRightArrow {
width: 27px;
height: 27px;
border-radius: 20px;
border: 2px solid #ffffff;
padding: 0px;
margin: 0px;
margin-top: 8px;
margin-bottom: 8px;
background-image: url("images/dark/back.png");
background-position: 50% 50%;
background-size: 27px 27px;
background-repeat: no-repeat;
}
.mblToolBarButtonHasLeftArrow *,
.mblToolBarButtonHasRightArrow * {
display: none;
}
.mblToolBarButtonHasLeftArrow:active,
.mblToolBarButtonHasRightArrow:active {
background-color: Highlight;
}
.mblToolBarButtonHasRightArrow {
transform: rotate(180deg);
}