3 // -----------------------------------------------------
6 // --------------------------------------------------
8 @import url('http://fonts.googleapis.com/css?family=Josefin+Slab:400,700');
10 h1, h2, h3, h4, h5, h6, .navbar .brand, legend, .btn,
11 .navbar .nav > li > a,
13 font-family: 'Josefin Slab', serif;
17 h3 { font-size: 20px; }
18 h4 { font-size: 16px; }
19 h5 { font-size: 14px; }
22 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
25 h1, h2, h3, h4, h5, h6 {
29 h1 > small, h2 > small, h3 > small, h4 > small, h5 > small, h6 > small, .muted {
34 // --------------------------------------------------
37 background-color: #AEAD8E;
38 #gradient > .vertical-three-colors (#90A38F, #AEAD8E, 60%, #90A38F);
39 background-size: 100% 1400px;
40 background-repeat: repeat-y !important;
44 border-left: 2px solid @linkColor;
47 border-right: 2px solid @linkColor;
56 color: lighten(@blueDark, 10%);
57 background-color: @linkColor;
61 // --------------------------------------------------
64 background-image: none;
70 padding: 18px 20px 12px;
74 .navbar .nav > li > a, {
76 padding: 22px 10px 11px;
84 .navbar .nav .active > a,
85 .navbar .nav .active > a:hover {
93 .navbar-search .search-query {
94 border-color: transparent;
95 padding: 6px 9px 2px 9px;
98 .navbar .nav > .dropdown.open > a {
102 .navbar .nav > .dropdown.open > .dropdown-menu {
103 background-color: @linkColor;
105 border-color: transparent;
108 .navbar .nav > .dropdown.open > .dropdown-menu a:hover {
109 background-color: darken(#90A38F, 10%);
113 .dropdown-menu .divider {
114 background-color: transparent;
115 border-bottom: 1px solid #AEAD8E;
127 background-color: @green;
128 background-image: none;
129 border-color: transparent;
130 .box-shadow(0 1px 5px rgba(0,0,0,.1));
133 div.subnav .nav > li > a {
135 border-color: transparent;
136 background-color: transparent;
139 div.subnav .nav > li.active > a,
140 div.subnav .nav > li > a:hover,
141 div.subnav .nav > li.active > a:hover,
142 div.subnav .dropdown.open .dropdown-toggle {
143 background-color: transparent;
144 border-color: transparent;
148 div.subnav .dropdown.open > .dropdown-menu {
149 background-color: @linkColor;
151 border-color: transparent;
154 div.subnav .dropdown.open > .dropdown-menu a:hover {
155 background-color: darken(#90A38F, 10%);
159 .navbar .btn-navbar {
163 .navbar .nav-collapse.collapse .nav li > a {
168 background-color: @blue;
172 .navbar .navbar-form, .navbar .navbar-search {
173 border-color: transparent;
177 div.subnav .nav > li + li > a {
178 border-color: transparent;
183 // --------------------------------------------------
186 border: 2px solid @linkColor;
190 .table-striped tbody tr:nth-child(odd) th {
191 background-color: darken(#90A38F, 10%);
196 background-color: #C3C7AE;
199 .table-striped tbody tr:nth-child(odd) td {
200 background-color: darken(#C3C7AE, 5%);
203 .table tbody tr:hover td {
204 background-color: darken(#C3C7AE, 10%);
208 // --------------------------------------------------
211 .buttonBackground(lighten(@blueDark, 5%), @blueDark);
214 border-color: transparent;
227 .buttonBackground(lighten(@blue, 10%), lighten(@blue, 5%));
229 // Warning appears are orange
231 .buttonBackground(@orange, darken(@orange, 5%));
233 // Danger and error appear as red
235 .buttonBackground(lighten(@red, 5%), @red);
237 // Success appears as green
239 .buttonBackground(#62c462, #51a351);
241 // Info appears as a neutral blue
243 .buttonBackground(#5bc0de, #2f96b4);
245 // Inverse appears as dark gray
247 .buttonBackground(@yellow, darken(@yellow, 5%));
250 .btn-group .dropdown-toggle {
255 // --------------------------------------------------
257 .breadcrumb, .pagination > ul {
258 background-color: darken(#90A38F, 10%);
259 background-image: none;
260 border-color: transparent;
284 border-color: transparent;
288 background-color: #748C73;
292 .pagination .active a {
294 background-color: #A2CDB5;
297 .pagination .disabled a,
298 .pagination .disabled a:hover {
302 .nav-list > li > a, .nav-list .nav-header {
306 .nav-list .active > a, .nav-list .active > a:hover {
307 background-color: #A2CDB5;
311 .nav-list li > a:hover {
312 background-color: transparent;
316 border-color: transparent;
320 .nav-pills > li > a {
321 background-color: #748C73;
324 background-color: #748C73;
325 border-color: transparent;
329 .nav-tabs > .active > a,
330 .nav-tabs > .active > a:hover,
331 .nav-pills .active > a,
332 .nav-pills .active > a:hover {
333 background-color: #A2CDB5;
334 border-color: transparent;
338 .nav-tabs.nav-stacked > li > a {
339 border-color: transparent;
342 border-color: transparent;
346 .nav-tabs .open .dropdown-toggle,
347 .nav-pills .open .dropdown-toggle {
348 background-color: #748C73;
349 border-color: transparent;
353 .nav-tabs .active.open .dropdown-toggle,
354 .nav-pills .active.open .dropdown-toggle {
355 background-color: #A2CDB5;
358 .nav-tabs .dropdown-menu,
359 .nav-pills .dropdown-menu {
360 background-color: @linkColor;
362 border-color: transparent;
365 background-color: #A2CDB5;
374 .tabbable > .nav-tabs,
375 .tabbable > .nav-tabs > li > a,
376 .tabbable > .nav-tabs > li > a:hover,
377 .tabbable > .nav-tabs > li.active > a,
378 .tabbable > .nav-tabs > li.active > a:hover {
379 border-color: transparent;
384 background-color: #748C73;
387 background-color: transparent;
388 background-color: #748C73;
393 // --------------------------------------------------
399 label, .help-block, input[type="file"] {
403 input, textarea, select {
412 border-bottom: 2px solid @white;
416 background-color: transparent;
422 // --------------------------------------------------
436 background-color: darken(#90A38F, 10%);
437 background-image: none;
441 background-image: none;
442 background-color: #A2CDB5;
447 background-color: darken(#90A38F, 10%);
463 border-bottom: 2px solid @linkColor;
467 border-bottom: 2px solid @linkColor;
472 border-top: 2px solid @linkColor;