blog/_src/assets/less/forms.less

/////////////////////////////////////
// FORMS CSS FOR KREMALICIOUS.COM
/////////////////////////////////////

// Make all forms have space below them
form {
	margin: 0 0 @line-height-computed;
}

label {
	display: block;
	color: rgba(46, 79, 92, .7);
	margin-bottom: 0;
	// Indicate that 'label' will shift focus to the associated form element
	cursor: pointer;
}

select,
textarea,
.input-text,
.input-search {
	font-size: @font-size-base;
	line-height: @line-height-computed;
	font-family: @font-family-base;
	color: @text-color;
	font-weight: 700;
	display: inline-block;
	padding: .5em;
	background: #fff;
	background: rgba(255,255,255,.3);
	border: 0;
	width: 100%;
	.transition();
	-webkit-appearance: none;
	
	&:hover {
	    background: rgba(255,255,255,.5)
	}
    
	&:focus {
		background: rgba(255,255,255,.7);
		outline: 0;
		outline: thin dotted \9; /* IE6-9 */
	}
	
	// placeholder
	.placeholder(rgba(46, 79, 92, .3));
}