@import "../default-skin.less";
@import "../../global/mixin.less";

.c_page {
	position:relative; z-index:201; background:@bg; line-height:1+2*@gap; color:@fg-light-5; text-align:center;
	&:after { content:""; display:block; height:0; clear:both;}
	.more {
		float:left; cursor:default; width:1+2*@gap; height:1+2*@gap; text-align:center;
	}
	.turn {
		float:right; height:1+2*@gap;
		.last,
		.first { float:left; width:1+2*@gap; height:1+2*@gap; cursor:pointer;} // 不加 height 会导致 XHTML 模式下 hover 效果不佳
		.next,
		.prev { float:left; white-space:nowrap; padding:0 @gap; cursor:pointer;}
		.next { border:0 none;}
		.page { float:left; padding:0 @gap;}
		.state,
		.stat { float:left; white-space:nowrap; padding:0 @gap; cursor:pointer;  border-left:1px solid @fg-light-8;}
	}
	.option {
		position:absolute; top:-(1+2*@gap)-2*@gap; padding:@gap 0; background:@bg; box-shadow:0 0.25em 0.25em rgba(0,0,0,0.1);
		.goto { float:left; padding:0 @gap; line-height:1+2*@gap;}
		.goto .label { float:left;}
		.goto input { float:left; margin-left:0.71*@gap; width:5em; margin-right:-1px;}
		.goto button { float:left;}
		.state,
		.stat { cursor:pointer; float:left; padding:0 @gap; border-left:1px solid @fg-light-8; border-right:1px solid @fg-light-8;}
		.per { float:left; padding:0 @gap;}
		.per .label { float:left;}
		.per .value { float:left; margin-left:0.71*@gap;}
		.per .value .e_select { float:left; text-align:left; width:7.14em;}
	}
	.num {
		display:inline-block;
		div { display:inline-block; vertical-align:top; padding:0 @gap; cursor:pointer;}
		ul { display:inline-block; vertical-align:top; font-family:simsun, 'Courier New', Courier, monospace;}
		li { display:inline-block; cursor:pointer; min-width:1+2*@gap; padding:0 0.5*@gap; box-sizing:border-box; margin:0 -0.25em; font-family:"microsoft yahei", simhei, verdana; vertical-align:top;}
		.on { color:@primary;}
		.ellipsis { cursor:auto;}
	}
}



// 边框
.c_page-border {
	border:1px solid @fg-light-8-5;
}



// 简版
.c_page-lite {
	.more { display:none;}
	.turn {
		display:table; float:none; table-layout:fixed; width:100%; vertical-align:top;
		.stat,
		.last,
		.first { display:none;}
		.page,
		.next,
		.prev { display:table-cell; float:none;}
		.prev { border-left:0 none;}
	}
	> .e_left { display:none;} // 统计信息
}