@charset "UTF-8";

/*====================================*\
*
* FORMANIZR <<<<<<<<<<<<<<<<<<<<<<<<<<<
*
* Author: Andre Firchow
* Website: http://firchow.net/
* Name: Formanizr Theme DARK
* Version: 0.2 beta
* Date: 03.03.2013
*
\*------------------------------------*/

/*====================================*\
	$IMPORTS
\*  ----------------------------------*/

@import "vars_theme-dark";
@import "compass";
@import "mixins";



/*====================================*\
	$COLORS
\*  ----------------------------------*/
.formanizr.fzr_theme-dark{

	color: $color_text;

	/****
	* selection
	*/
	::selection		 {background: $color_selection-background; color: $color_selection-text;}
	::-moz-selection {background: $color_selection-background; color: $color_selection-text;}

	/****
	* mostly inputs, textareas and selects
	*/
	input[type="text"],
	input[type="password"],
	input[type="file"],
	input[type="date"],
	input[type="datetime"],
	input[type="email"],
	input[type="number"],
	input[type="search"],
	input[type="tel"],
	input[type="time"],
	input[type="url"],
	input[type="range"],
	textarea,
	select{
		border-color: $color_input-border-top $color_input-border-right $color_input-border-bottom $color_input-border-left;
		background-color: $color_input-background;
		color: $color_input-text;
		@include box-shadow($color_input-shadow 0 1px 1px inset);
	}

		/****
		* focus
		*/
		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="file"]:focus,
		input[type="date"]:focus,
		input[type="datetime"]:focus,
		input[type="email"]:focus,
		input[type="number"]:focus,
		input[type="search"]:focus,
		input[type="tel"]:focus,
		input[type="time"]:focus,
		input[type="url"]:focus,
		input[type="range"]:focus,
		textarea:focus,
		select:focus{
			background-color: $color_input-background-focus;
			border-color: $color_input-border-focus;
			color: $color_input-focus;
			@include box-shadow($color_input-border-focus-glow 0 0 3px 2px);
		}
		
		/****
		* disabled
		*/
		input[disabled],
		textarea[disabled],
		select[disabled]{
			background: $color_input-background-disabled;
			color: $color_input-disabled;
		}

		/****
		* readonly
		*/
		input[readonly],
		textarea[readonly],
		select[readonly]{
			color: $color_input-disabled;
		}

	/****
	* button standard
	*/
	input[type="submit"],
	input[type="reset"],
	button,
	.fzr_button {
		background: $color_button-gradient-first;
		@include background-image(linear-gradient(top, $color_button-gradient-first, $color_button-gradient-second));
		@include box-shadow($color_button-box-shadow 0 1px 0 0 inset);
		border: 1px solid $color_input-border-top;
		border-color: $color_input-border-top $color_input-border-right $color_input-border-bottom $color_input-border-left;
		color: $color_button-text;
		text-shadow:1px 1px 0px $color_button-text-shadow;
	}

		/****
		* button hover status
		*/
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		button:hover,
		.fzr_button:hover {
			@include background-image(linear-gradient(bottom, $color_button-gradient-first, $color_button-gradient-second));
			color: $color_button-text-hover;
		}

	/****
	* button highlight
	*/
	input[type="submit"].fzr_highlight,
	input[type="reset"].fzr_highlight,
	button.fzr_highlight,
	.fzr_button.fzr_highlight {
		@include box-shadow($color_button-highlight-box-shadow 0 1px 0 0 inset);
		background: $color_button-highlight-gradient-first;
		@include background-image(linear-gradient(top, $color_button-highlight-gradient-first, $color_button-highlight-gradient-second));
		border: 1px solid $color_button-highlight-gradient-second;
		color: $color_button-highlight-text;
		text-shadow:1px 1px 0px $color_button-highlight-gradient-second;
	}

		/****
		* button highlight hover
		*/
		input[type="submit"].fzr_highlight:hover,
		input[type="reset"].fzr_highlight:hover,
		button.fzr_highlight:hover,
		.frz-button.fzr_highlight:hover {
			background: $color_button-highlight-gradient-second;
			@include background-image(linear-gradient(bottom, $color_button-highlight-gradient-first, $color_button-highlight-gradient-second));
		}

	/****
	* button disabled (all)
	*/
	input[type="submit"][disabled=disabled],
	input[type="reset"][disabled=disabled],
	button.disabled,
	.fzr_button.disabled,
	input[type="submit"].fzr_highlight[disabled=disabled],
	input[type="reset"].fzr_highlight[disabled=disabled],
	button.fzr_highlight.disabled,
	.fzr_button.fzr_highlight.disabled,
	input[type="submit"][disabled=disabled]:hover,
	input[type="reset"][disabled=disabled]:hover,
	button.disabled:hover,
	.fzr_button.disabled:hover,
	input[type="submit"].fzr_highlight[disabled=disabled]:hover,
	input[type="reset"].fzr_highlight[disabled=disabled]:hover,
	button.fzr_highlight.disabled:hover,
	.fzr_button.fzr_highlight.disabled:hover{
		background: $color_button-gradient-first;
		color: $color_button-text-disabled !important;
	}

		/****
		* button highlight disabled
		*/
		input[type="submit"].fzr_highlight[disabled=disabled],
		input[type="reset"].fzr_highlight[disabled=disabled],
		button.fzr_highlight.disabled,
		.fzr_button.fzr_highlight.disabled,
		input[type="submit"].fzr_highlight[disabled=disabled]:hover,
		input[type="reset"].fzr_highlight[disabled=disabled]:hover,
		button.fzr_highlight.disabled:hover,
		.fzr_button.fzr_highlight.disabled:hover{
			background: $color_button-highlight-bg-disabled;
			color: $color_button-highlight-text-disabled;
		}
		
	/****
	* labels and typo
	*/
	label {
		color: $color_label;
	}

		label .fzr_add-on,
		.fzr_hint {
			color: $color_hint;
		}

	.fzr_error-msg,
	.fzr_mandatory{
		color: $color_error !important;
	}

	/****
	* placeholder
	*/
	input::-webkit-input-placeholder{
		color: $color_input-placeholder;
	}
	input:-moz-placeholder{
		color: $color_input-placeholder;
	}
	input:-ms-input-placeholder{
		color: $color_input-placeholder;
	}


	/****
	* error
	*/
	input.fzr_error,
	select.fzr_error,
	textarea.fzr_error{
		border-color: $color_error !important;
	}


	/****
	* anchors
	*/
	a,
	a:visited{color: $color_anchor;}
	a:active,
	a:hover{color: $color_anchor-hover;}

	/****
	* headline
	*/
	.fzr_headline{
		color: $color_text;
	}

	/****
	* fieldset
	*/
	fieldset{
		border-color: $color_input-border-top;
		background-color: $color_fieldset-background;
		@include box-shadow($color_input-shadow 0 1px 1px inset);
	}

		legend{
			color: $color_legend;
			text-shadow: 1px 1px 1px $color_legend-shadow;
		}


	/****
	* icons
	*/
	.fzr_icon-time		{background-image: url(../img/formanizr/theme-dark/icons/time.png);}
	.fzr_icon-date		{background-image: url(../img/formanizr/theme-dark/icons/date.png);}
	.fzr_icon-search	{background-image: url(../img/formanizr/theme-dark/icons/search.png);}
	.fzr_icon-email		{background-image: url(../img/formanizr/theme-dark/icons/email.png);}
	.fzr_icon-url		{background-image: url(../img/formanizr/theme-dark/icons/url.png);}
	.fzr_icon-phone		{background-image: url(../img/formanizr/theme-dark/icons/phone.png);}
	.fzr_icon-number	{background-image: url(../img/formanizr/theme-dark/icons/number.png);}
	.fzr_icon-range		{background-image: url(../img/formanizr/theme-dark/icons/range.png);}
		
	/****
	* divider
	*/
	hr{
		background-color: $color_divider;
	}

}