/*
 * 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: 52 * @unit_base;

		// Transition
		-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: 52 * @unit_base;
		height: 52 * @unit_base;
	}

	&> div.page_n_margin_44 { .LESSpagecontrolIconMargin(22, 22); }
	// NOTE: Reduces 2 picels for each margin, to show properly with Tizen emulator.
	&> div.page_n_margin_35 { .LESSpagecontrolIconMargin(17, 16; }
	&> div.page_n_margin_26 { .LESSpagecontrolIconMargin(12, 12); }
	&> div.page_n_margin_19 { .LESSpagecontrolIconMargin(9, 8); }


	&> div.page_n_dot {
		.LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_001.png');
	}
	&> div.page_n_1 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_1.png'); }
	&> div.page_n_2 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_2.png'); }
	&> div.page_n_3 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_3.png'); }
	&> div.page_n_4 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_4.png'); }
	&> div.page_n_5 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_5.png'); }
	&> div.page_n_6 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_6.png'); }
	&> div.page_n_7 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_7.png'); }
	&> div.page_n_8 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_8.png'); }
	&> div.page_n_9 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_9.png'); }
	&> div.page_n_10 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_10.png'); }

}