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

.s_pad {
	.c_card .op ul li.active { background-color:@bg-dark-0-7;}
	.c_card-link.active,
	.c_card:not(.c_card-checked) .link.active {
		background-color:@bg-dark-0-7; cursor:pointer;
		.pic { opacity:0.6;}
	}



	// 垂直
	.c_card-v {
		.fn:not(.checked).active { background:rgba(0,0,0,20%);}
	}



	// 色彩
	.c_card-green {
		.fn:not(.checked).active,
		&.link.active,
		.link:not(.checked).active,
		.op ul li.active { background-color:@success-dark-1;}
		&-border { border:1px @success solid;}
	}
	.c_card-blue {
		.fn:not(.checked).active,
		&.link.active,
		.link:not(.checked).active,
		.op ul li.active { background-color:@primary-dark-1;}
		&-border { border:1px @primary solid;}
	}
	.c_card-orange {
		.fn:not(.checked).active,
		&.link.active,
		.link:not(.checked).active,
		.op ul li.active { background-color:@warning-dark-1;}
		&-border { border:1px @warning solid;}
	}
	.c_card-red {
		.fn:not(.checked).active,
		&.link.active,
		.link:not(.checked).active,
		.op ul li.active { background-color:@danger-dark-1;}
		&-border { border:1px @danger solid;}
	}
}