/*
 * SHORTENER
 *
 * Jerome Meyer
 *
 * http://www.arobase62.fr
 *
 */
 

// Vars
@bgImg: url(../img/bg.jpg) ;
@bgImg2: url(../img/upBg.png) ;
@bgColor: rgba(204, 204, 204, 1) ;
@black-opacity: rgba(0, 0, 0, 0.2) ;
@black: black ;
@lightGray: lightgray ;
@linkColor: rgba(128, 0, 0, 1) ;
@red: red ;



body {

	margin: 0 ;
	padding: 0 ;
	background: @bgColor @bgImg ;
	
	a {
		color: @linkColor ;
		text-decoration: none ;
		
		&:hover {
			text-decoration: underline ;
		}
	}

	#stats {
		display: none ;
		position: absolute ;
		width: 250px ;
		height: 25px ;
		background: white ;
		border: 1px black solid ;
	}
	
	#bgBackground {
	
		height: 400px ;
		background: transparent @bgImg2 repeat-x left top ;
		
		#content {
		
			width: 800px ;
			text-align: center ;
		
			#header {
			
				#title {
					color: @lightGray ;
					margin-top: 30px ;
					font-family: 'Josefin Sans', sans-serif ;
					font-size: 56px ;
					text-shadow: 5px 3px 5px @black ;
					cursor: pointer ;
				}
					
				#likes {
					margin-top: 20px ;
					margin-bottom: 40px ;
					margin-left: 20% ;
					text-align: center ;
					
					div {
						float: left ;
						width: 120px ;
						text-align: center ;
					}
				}
			}
			
			#main {
			
				clear: left ;
				margin-top: 70px ;
				padding: 10px ;
				height: 240px ;
				border: 1px solid @black ;
				background: @black-opacity ;
				color: @lightGray ;
				
				form {
				
					div {
					
						clear: both ;
						margin-bottom: 15px ;
				
						label {
							float: left ;
							font-family: 'Josefin Sans', sans-serif ;
							font-size: 24px ;
							margin-bottom: 15px ;
							padding-top: 2px ;
						}
						
						input[type=text] {
							width: 600px ;
							height: 28px ;
							float: right ;
							margin-bottom: 15px ;
							font-family: 'Ubuntu', sans-serif ;
							font-size: 20px ;
						}
						
						#shortener_send {
							height: 40px ;
							width: 200px ;
							margin-top: 20px ;
							border: 1px solid @black-opacity ;
						}
						
					}
				
				}
				
			}
			
			#footer {
				margin-top: 15px ;
				text-align: center ;
				border: 1px @black solid ;
				background-color: rgba(0, 0, 0, 0.1) ;
				padding: 15px ;
				margin-bottom: 30px ;
			
				#description {
					margin-left: 100px ;
					font-family: 'Ubuntu' ;
					font-size: 13px ;
					width: 600px ;
					text-align: justify ;
					
					p { padding-top: 5px ; }
					
					#code {
						font-family: 'Courier New' ;
						font-size: 12px ;
						background: white ;
						border: 1px solid @black ;
						padding: 10px ;
						min-width: 600px ;
						max-width: 600px ;
					}
				}
			}
			
		}
		
	}
	
}