@import "admin/general";
@import "compass";
@import "notes";



body{

	

	#login,.login{
		@include border-radius(7px);
		@include box-shadow(0px 0px 5px rgba(0,0,0,0.5));
		background:white;
		padding:2em;
		width:400px;
		margin:auto;
	}

	#app_index{

	

	


	#left{
		background:rgba(0,0,0,0.9);
		position:fixed;
		top:0px;
		left:0px;
		height:500px;
		right:0px;
		z-index:2;
		@include transition(all 1s);
		
		&.hide{

			margin-top:-470px;
			.header{
		
			
				@include transition(all 0.5s);
		
				&:hover{
		
				bottom:-10px;
		
		
				}
			}
		
		}
		
		.header{
		cursor:pointer;
		background:rgba(0,0,0,0.8);
		color:rgba(250,250,250,0.9);
		position:absolute;
		bottom:0px;
		left:0px;
		right:0px;
		font-size:15px;
		text-align:center;
		padding:5px;
		padding-bottom:10px;
		
		
		}
	}
	
	#topic_show{
		
		padding-top:40px;
		
		background:rgba(250,250,250,0.9);
		
	}

	}
	
	
	
	textarea.markdown{
		display:block;
		width:97%;
		margin:1% auto;
		
		min-height:400px;
	
	}
	
}

#add_topic{
	
	display:block;
	color:rgba(250,250,250,0.9);
	text-decoration:none;
	margin-left:5px;
	margin-top:2px;
	padding:5px 10px;
	float:right;
	
	

}

#topics{
	margin-top:5px;

	clear:both;
	padding:1em;
	
	@include column-count(3);
	
	a{
	
		display:block;
		padding:6px 10px;
		color:rgba(250,250,250,0.9);
		text-decoration:none;
		margin-left:5px;
		margin-top:2px;
		
		&.active, &:hover{
			background:rgba(250,250,250,0.9);
			color:rgba(0,0,0,0.7);
			
		
		}
	
	}


	

}


#topic_show{
	padding:10px;

	.topic_links{
		float:right;
	
	}

	h1{
		margin-top:0px;
		margin-bottom:0.2em;
		padding-bottom:0px;
	
	}


}