dojox/mobile/themes/common/ToolBarButton-compat.less

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.

/* dojox.mobile.ToolBarButton */
.dj_gecko {
	.mblToolBarButtonArrow {
		-moz-transform: scale(0.77, 1.05) rotate(45deg);
	}
	.mblHeading {
		.mblToolBarButtonHasLeftArrow .mblToolBarButtonArrow {
			.mblToolBarButtonHasLeftArrowInHeading-compat-gecko;
		}
		.mblToolBarButtonHasRightArrow .mblToolBarButtonArrow {
			.mblToolBarButtonHasRightArrowInHeading-compat-gecko;
		}
		.mblToolBarButtonBody {
			.mblToolBarButtonBodyInHeading-compat-gecko;
		}
	}
}
.dj_ff3 {
	.mblToolBarButtonArrow {
		-moz-border-radius: 1px;
	}
	.mblToolBarButtonBody {
		-moz-border-radius: @mbl-tool-bar-button-body-border-radius;
	}
	.mblToolBarButtonHasLeftArrow .mblToolBarButtonBody {
		-moz-border-radius-topleft: 0;
		-moz-border-radius-bottomleft: 0;
	}
	.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);
	}
	.mblToolBarButtonSelected .mblToolBarButtonLeftArrow {
		background-image: url(compat/arrow-button-head-sel.png);
	}

	.mblToolBarButtonRightArrow {
		top: 0;
		right: -3px;
		width: 13px;
		height: 31px;
		border-style: none;
		border-radius: 0;
		background-image: url(compat/arrow-button-right-head.png);
	}
	.mblToolBarButtonSelected .mblToolBarButtonRightArrow {
		background-image: url(compat/arrow-button-right-head-sel.png);
	}
	
	.mblToolBarButtonBody {
		background-image: url(compat/arrow-button-bg.png);
		background-position: left bottom;
	}
	.mblToolBarButtonBodySelected {
		background-image: url(compat/arrow-button-bg-sel.png);
	}
	.mblToolBarButtonBody table {
		margin: 0;
	}
	.mblToolBarButtonHasLeftArrow .mblToolBarButtonBody {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.mblToolBarButtonHasRightArrow .mblToolBarButtonBody {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
}
.dj_ie6 {
	.mblToolBarButton .mblToolBarButtonBody {
	    background-position: left top;
	}
}