---
---
/*	################################################################

Author: Carlos Alvarez
URL: http://alvarez.is

Project Name: SOLID - Bootstrap 3 Theme
Version: 1.0
URL: http://alvarez.is

################################################################# */ 

$color_thu_purple: #82318E;
$color_light_grey: #888;
$color_grey: #555;
$color_primary: $color_thu_purple;
$color_primary_light: #d8aff6;
$color_primary_rgb: 92,48,125;
$color_secondary: #384452;
$color_link: #088acb;
$color_link_hover: #62bbe7;
$color_footer_heading: #ffffff;
$color_footer_content: #bfc9d3;
$color_navbar_bg: #d3d3d3;
$font_default: 'Lato', 'Heiti SC', 'Hiragino Sans GB', 'STHeiti', 'Source Han Sans CN', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', '微软雅黑', sans-serif;
$font_local: 'Heiti SC', 'Hiragino Sans GB', 'STHeiti', 'Source Han Sans CN', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', '微软雅黑', sans-serif;

@import 
	"Lato",
	"structure",
	"bootstrap-mod",
	"syntax-highlighting";

#thu-alert {
	padding-left: 50px;
	position: relative;
	.glyphicon {
		font-size: 30px;
		left: 10px;
		top: 20px;
		position: absolute;
	}
}

#headerwrap {
	padding-top: 40px;
	padding-bottom: 0px;

	h1 {
		color: $color_primary ;
		margin-bottom: 15px;
	}
	h3, h5 {
		color: $color_primary ;
		font-weight: 400;
		margin-top: 10px;
	}
	.img-responsive {
		margin: 0 auto;
	}
}

#mirrors {
	tbody {
		tr:hover {
			background-color: #e0f3fc;
		}
		tr.status-fail, tr.status-failed, tr.status-paused {
			background-color: #fff4e3;
		}
		tr.status-syncing {
			background-color: #e3fffd;
		}
		td {
			padding: 4px 8px;
			border-top: none; 
		}
		font-size: 12pt; 
		.label.label-new {
			padding: .1em .2em;
			vertical-align: 40%;
			text-shadow: 1px 1px #888;
			background-color: #3aa0e6;
		}
		.label.label-status {
			vertical-align: 20%;
		}
		.fa-question-circle {
			color: #234961;
		}
	}
	#news {
		li > a {
			color: $color_secondary;
		}
	}
}

#status-page {
	.thead {
		font-weight: bold;	
	}
	#mirror-list {
		.status-syncing {
			background-color: #e3fffd;
		}
		:hover {
			background-color: #e0f3fc;
		}
		.status-fail, .status-failed {
			background-color: #fff4e3;
		}
	}
}

#help-page {
	margin-top: 40px;
	margin-bottom: 40px;
}

#news-page {
	article {
		.meta {
			color: $color_grey;
		}
	}
}

/* Footer */
#footerwrap {
	color: $color_footer_content;
	margin-top: 100px;
	padding-top: 60px;
	padding-bottom: 60px;
	background: $color_secondary;
	p {
		color: $color_footer_content;
	}
	h4 {
		color: $color_footer_heading;
	}
	i, i:hover, a, a:hover {
		color: $color_footer_content;
	}
}

.spacing {
	margin-top: 40px;
	margin-bottom: 40px;
}

.clickable {
	cursor: pointer;
}
