Stackedit/public/res/themes/school.less
2013-10-06 21:26:11 +01:00

98 lines
2.3 KiB
Plaintext

@import "../styles/main.less";
@board-color: #385E50;
@board-border-color: #B9AA9F;
@blue-ink: #284F72;
@black-ink: #444;
@red-ink: #B56E85;
@green-ink: #6c9c7f;
@navbar-default-bg: darken(@board-color, 2%);
@bg-navbar-hover: lighten(@board-color, 4%);
@primary-color: @blue-ink;
@primary-color-light: lighten(@primary-color, 13%);
@primary-color-lighter: lighten(@primary-color, 20%);
@primary-color-lightest: lighten(@primary-color, 35%);
@primary-bg: lighten(@board-border-color, 16%);
@primary-bg-light: lighten(@board-border-color, 20%);
@primary-bg-lighter: lighten(@board-border-color, 24%);
@btn-success-color: #eee;
@btn-success-bg: @transparent;
@title-base-size: 18px;
@panel-button-color: #666;
@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;
}
.navbar {
#gradient.vertical(@board-color; darken(@board-color, 2%));
}
.ui-layout-resizer-north .resizer-decorator {
position: absolute;
width: 100%;
height: 7px;
background-color: @board-border-color;
.box-shadow(0 -1px 15px rgba(0,0,0,.3));
z-index: 10;
display: block !important;
}
.extension-preview-buttons {
//margin-top: 4px;
}
.ui-layout-resizer-east {
z-index: 1 !important;
}
.ace-tm {
.ace_content {
background-image: url("../img/school-line.png");
background-repeat: repeat;
}
.ace_marker-layer .ace_active-line {
background-color: fade(@blue-ink, 5%);
}
.ace_print-margin {
background-color: fade(@red-ink, 50%);
}
.ace_markup.ace_heading {
color: @black-ink;
}
.ace_blockquote {
color: @red-ink;
}
.ace_code {
color: @green-ink;
}
.ace_code_block {
color: @green-ink;
}
}
h1, h2, h3, h4, h5, h6 {
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);
}