@import "reset.less";
@import "element.less";


// view背景颜色
@backgroundColor: #141414;

// 高亮颜色
@highlightColor: #cc0000;

// title text color
@titleColor: #fff;

// 内容段落文字颜色
@contentColor: rgba(255, 255, 255, 0.8);

// info text color
@infoColor: rgba(255, 255, 255, 0.6);

// 次要信息文字颜色
@infoColorWeak: rgba(255, 255, 255, 0.4);


// a color
@linkColor: #fff;

// a:hover color
@linkActiveColor: rgba(255, 255, 255, 0.2);

// border color
@lineColor: rgba(255, 255, 255, 0.1);

// border color for retina
@lineColorRetina: rgba(255, 255, 255, 0.1);

// 播放按钮背景颜色
@playButtonBackgroundColor: rgba(187, 2, 2, 0.7);
@playButtonBackgroundColorActived: rgba(187, 2, 2, 0.5);

@panelBackgroundColor: rgba(204, 0, 0, 0.8);


body {
	-webkit-overflow-scrolling: touch;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    font-size: 0.95em;
    background-color: transparent;
}

ul {margin: 0; padding: 0;}
li {list-style: none;}

// 清除浮动
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}

a {
	color: @linkColor;
	text-decoration: none;
	// 移除超链接的高亮状态
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}


.touch-link:active {
	width: 100%;
	background: @linkActiveColor;
}

.table {display: table; width: 100%;}
.cell {display: table-cell;}

// 所有条目加载完成显示的圆点
.allItemsLoaded {
	margin: 10px auto;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: @linkActiveColor;
	clear: left;
}

.loading-bottom {
	clear: left;
	text-align: center;

	.x-loading {
		margin: 10px auto;
	}
	
	.x-loading-spinner {
		font-size: 150%;
	}
}