/*
 * pagrcontrol stylesheet
 * by Youmin Ha <youmin.ha@samsung.com>
 */

@import "config.less";

div.pagecontrol {
	text-align: center;

	.LESSpagecontrolIconCommonProperties(@imgUrl) {
		background-image: url(@imgUrl);
		background-size: 10 * @unit_base 9 * @unit_base;

		// Transition
		-ms-transition: background 0.5s ease;
		-webkit-transition: background 0.5s ease;
		-moz-transition:  background 0.5s ease;
		-o-transition: background 0.5s ease;
		transition: background 0.5s ease;
	}
	.LESSpagecontrolIconMargin(@l, @r) {
		margin-left: @l * @unit_base;
		margin-right: @r * @unit_base;
	}

	&> div.page_n {
		display: inline-block;
		border: 0;
		width: 10 * @unit_base;
		height: 9 * @unit_base;
	}

	&> div.page_n_margin_42 { .LESSpagecontrolIconMargin(11, 11); }

	&> div.page_n_unselected {
		.LESSpagecontrolIconCommonProperties('images/00_page_indicator_02.png');
	}
	&> div.page_n_selected {
		.LESSpagecontrolIconCommonProperties('images/00_page_indicator_01.png');
	}
}