html,body{
	height:100%;
	font-family: Lato,Helvetica Neue,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif,Arial;
}

h1,h2,h3,h4,h5,*{
	// really thin
	font-weight: 200;
}

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

a{
	text-decoration: none;
	color: $c-main-light;
	transition: color 0.3s ease-out;
	&:hover,&:focus,.active > &{
		outline: none;
		// border:none;
		color:inherit;
	}
}
// ------------------ initial load animation  ------
body{
	transition: opacity 0.5s;
}
.hide{
	opacity: 0;
	visibility: hidden;
}

// doc styles here:
#ua-doc-side-nav{
	width:300px;
	height: 100%;
	// overflow-y:scroll;
	// overflow-x:hidden;
	border-right: $border;
	padding-left: 2em;
	h2{font-size: 2em;margin-bottom: 0.2em;}
	.ua-side-nav-list{
		font-size: 1.2em;
		li{
			transition: font-size 0.2s ease-out;
			padding: 0.1em 0;
			&:hover,&.active{
				font-size:1.5em;
			}
		}
	}
	.ua-side-nav-title{
		cursor: pointer;
	}
}

#ua-doc-main{
	position: relative;
	height:100%;
	visibility: visible;
	opacity: 1;
	transition: opacity 0.3s ease, visibility 0s; 
	&.hidding{
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s ease, visibility 0s 0.4s;
	}
	&>div{
		padding: 1em 1.5em;
		overflow-y: auto;
		width:100%;
		height:100%;
	}
}