@import "../styles/main.less";

@navbar-default-bg: #315A4B;
@bg-navbar-hover: lighten(@navbar-default-bg, 8%);
@primary-color: #174d80;
@primary-color-light: lighten(@primary-color, 13%);
@primary-color-lighter: lighten(@primary-color, 20%);
@primary-color-lightest: lighten(@primary-color, 35%);
@primary-bg: darken(@primary-bg-light, 4%);
@primary-bg-light: #E2DEDE;
@primary-bg-lighter: lighten(@primary-bg-light, 4%);
@btn-success-color: #eee;
@title-base-size: 18px;
@resizer-bg: #B1A19A;
@panel-button-color: mix(#444, @resizer-bg, 50%);


@font-face {
    font-family: 'cursive_standardregular';
    src: url('../font/cursive_standard-webfont.eot');
    src: url('../font/cursive_standard-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/cursive_standard-webfont.woff') format('woff'),
         url('../font/cursive_standard-webfont.ttf') format('truetype'),
         url('../font/cursive_standard-webfont.svg#cursive_standardregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.ui-layout-resizer-north {
	background-color: @resizer-bg;
}

.extension-preview-buttons {
	margin-top: 12px;
}

.ace-tm {
	.ace_content {
	    background-image: url("../img/school-line.png");
		background-repeat: repeat;
		background-color: transparent;
	}
	.ace_marker-layer .ace_active-line {
		background-color: fade(#a2bace, 20%);	
	}
	.ace_print-margin {
		background-color: fade(#b56e80, 50%);
	}
	
	.ace_markup.ace_heading {
		color: #444;
		font-weight: bold;
	}
	
	.ace_markup.ace_list {
		color: @primary-color-lightest;
	}
	
	.ace_strong {
		font-weight: bold;
	}
	
	.ace_emphasis {
		color: @primary-color;
		font-style: italic;
	}
	
	.ace_blockquote {
		color: #b56e80;
		font-style: italic;
	}
	
	.ace_code {
		font-family: Menlo, Consolas, "Courier New", monospace;
		color: #66a26d;
		background-color: fade(@secondary-bg, 10%);
	}
	
	.ace_code_block {
		font-family: Menlo, Consolas, "Courier New", monospace;
		color: #66a26d;
	}
	
	.ace_description {
		color: @primary-color-lighter;
	}
}

.wmd-title {
	font-family: 'cursive_standardregular';
}

.file-title-navbar {
	font-family: 'cursive_standardregular';
	line-height: 34px;
}

.navbar .working-indicator.show {
	.img-retina('../img/loader-school.gif', '../img/loader-school2x.gif', 50px, 17px);
}