@import "compass";

.fancybox-overlay{
	z-index: 99999;
}

#wolf-theme-options-form{

	.updated, .error{
		margin-top: 15px;
	}

	.content{
		padding: 10px;
	}

	.wolf-options-panel{
		
		.section-title{
			padding: 0.3em 0 0.75em;
			//border-bottom: 4px solid rgba(0,0,0,0.05);

			h3{
				margin-bottom: 0.5em;
				font-size: 1.2rem;
				color: #000000;
			}
		}

		.description{
			font-weight: 400;
		}
	}

	table.form-table{

		// border-bottom: 4px solid rgba(0,0,0,0.05);

		tr {
			
			//border-bottom: 1px solid rgba(0,0,0,0.05);

			th.titledesc{

				//padding-left: 2em;
				min-width: 400px;
			}

			td.forminp{
				.option-textarea textarea{
					width: 100%;
					max-width: 450px;
					height:200px;
				}

				.option-input, select{
					width: 100%;
					max-width: 250px;
				}

				.input-prepend .add-on, .input-append .add-on{
					position: relative;
					top:-1px;
					margin-left: -34px;
					display: inline-block;
					width: auto;
					height: 19px;
					min-width: 16px;
					padding: 3px 5px;
					font-weight: normal;
					line-height: 18px;
					text-align: center;
					@include text-shadow(0 1px 0 white);
					background-color: lighten(#EEE, 3%);
					border: 1px solid #ddd;	
					@include border-radius(3px 0 0 3px);
				}

				.input-append .add-on{
					margin-left: -30px;
					@include border-radius(0 3px 3px 0);

				}

				.input-prepend input{
					@include border-radius(0 3px 3px 0);
					margin-left:-3px;
					border-left:none!important
				}

				.input-append input, {
					@include border-radius(3px 0 0 3px);
					margin-left:-3px;
					border-right:none!important
				}
			}
		}

	}
}

.thickbox img {max-width:100%; height:auto}

#wolf-framework-messages {
	width:100%;
	margin: 15px 0
}

.wolf-options-img-preview{
	border:1px solid #ccc;
	max-width: 150px;
}

.wolf-options-actions{
	margin-top: 2em;
	
	.wolf-theme-options-save{
		//font-weight: 700;
		//height: auto;
		//padding:0.8em 1.5em 0.8em;
		//font-size: 18px;
		//line-height: 1;
	}
}

#wolf-options-footer{

	zoom: 1;
	&:before, &:after { content: ""; display: table; }
	&:after { clear: both; }

	margin-top: 30px;
	padding: 0 15px;

	#theme-version{
		float: left;
	}
	#reset{
		float: right;
	}
}

/*-----------------------------------------------------------------------------------*/
/*  Admin notice
/*-----------------------------------------------------------------------------------*/

span.wolf-close-admin-notice{
	font-weight: bold;
	display:inline;
	float: right;
	cursor:pointer;
	font-size: 18px;
	line-height: 15px;
}

span.wolf-dismiss-admin-notice{
	font-weight: normal;
	display:inline;
	float: right;
	cursor:pointer;
	font-size: 11px;
	line-height: 14px;
	margin-right:15px;
}


.wolf-box{
	padding-bottom: 1em;
	margin-bottom: 1em;
}

.wolf-custom-count{
	margin-top: 0!important;
	margin-left: 7px!important;
}

@mixin alert($color : #EDFDD3){
	max-width: 640px;
	width: 100%;
	padding:0;
	position: relative;
	text-shadow:none!important;
	line-height: 1.5;
	font-size: 14px;
	padding:1em;
	margin: 0.5em 0 2em;
	color : darken($color, 80%);
	border: 1px solid darken($color, 45%)!important;
	background-color: $color;
	

	a, a:hover, strong, span{
		color : darken($color, 80%)!important;
	}
}

/* Theme details */
#wolf-theme-details{
	
}

/* changelog */
#wolf-changelog{
	
	#wolf-changelog-warning{
		@include alert(#FFD3D3);
	}

	#wolf-changelog-info{
		@include alert(#BEEFFF);
	}
}


/* Tipsy */
.tipsy { padding: 5px; font-size: 12px; position: absolute; z-index: 100000; font-family:arial; text-shadow:none!important}
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 350px; text-align: left; }
.tipsy-inner { @include border-radius(3px) }
.tipsy-arrow { position: absolute; background: url('../img/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }


* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


.wolf-help-img img{
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	position: relative;
	top:-1px;
	width: 16px;
	height: 16px;
	cursor: help;
}

#wolf-plugin-feed .item-desc p:nth-child(2){
	display: none;
}


@media screen and (max-width: 782px){
	
	#wolf-theme-options-form table.form-table tr th.titledesc{
		padding-left: 0;
		min-width: 200px;
	}

}