3 // -----------------------------------------------------
7 // -----------------------------------------------------
9 @import url('//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700');
11 .text-warning { color: @warningBackground; }
13 a.text-warning:focus { color: darken(@warningBackground, 10%); }
15 .text-error { color: @errorBackground; }
17 a.text-error:focus { color: darken(@errorBackground, 10%); }
19 .text-info { color: @infoBackground; }
21 a.text-info:focus { color: darken(@infoBackground, 10%); }
23 .text-success { color: @successBackground; }
25 a.text-success:focus { color: darken(@successBackground, 10%); }
28 // -----------------------------------------------------
31 // -----------------------------------------------------
37 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
38 .transition(color ease-in-out .2s);
41 color: @navbarLinkColorHover;
42 .transition(color ease-in-out .2s);
47 padding: 11px 10px 8px;
48 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
49 .transition(color ease-in-out .2s);
52 .transition(color ease-in-out .2s);
57 padding: 11px 10px 8px;
61 .navbar-search .search-query,
62 .navbar-search .search-query:hover {
66 .placeholder(@grayLight);
67 .box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
71 .box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
79 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
87 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
90 .nav li.dropdown.open > .dropdown-toggle .caret,
91 .nav li.dropdown:hover > .dropdown-toggle .caret,
92 .nav li.dropdown.open:hover > .dropdown-toggle .caret {
93 border-top-color: @white;
96 .navbar-search .search-query,
97 .navbar-search .search-query:hover {
101 .placeholder(@grayLighter);
106 @media (max-width: @navbarCollapseWidth) {
108 .navbar .nav-collapse {
111 background-color: @linkColor;
122 .navbar-inverse .nav-collapse {
125 color: @grayLight !important;
128 background-color: @linkColor !important;
142 color: @navbarLinkColor;
143 .transition(color ease-in-out .2s);
146 border-left-color: @grayLight;
147 color: @navbarLinkColorHover;
148 .transition(color ease-in-out .2s);
152 .nav > li.active > a {
161 .nav > li.dropdown > .dropdown-toggle {
162 background-color: transparent;
165 .nav > li.dropdown.open > .dropdown-toggle {
167 border-left: 1px solid whiteSmoke;
168 border-right: 1px solid #E5E5E5;
177 top: @navbarHeight + 1;
182 // -----------------------------------------------------
185 .nav > li > a:focus {
186 background-color: rgba(0, 0, 0, 0.05);
189 .nav > li.dropdown > .dropdown-toggle,
190 .nav > li.dropdown.active > .dropdown-toggle,
191 .nav > li.dropdown.open > .dropdown-toggle,
192 .nav > li.dropdown.open.active > .dropdown-toggle {
195 border-top: 4px solid @textColor;
196 border-top-color: @textColor;
201 border-top: 4px solid @linkColorHover;
202 border-top-color: @linkColorHover;
207 background-color: @dropdownDividerTop;
208 border-bottom-color: @dropdownDividerBottom;
212 // -----------------------------------------------------
215 // -----------------------------------------------------
219 tbody tr.success > td,
228 // -----------------------------------------------------
230 .control-group.warning {
231 .formFieldState(#E29235, #E29235, @warningBackground);
234 .control-group.error {
235 .formFieldState(#C00, #C00, @errorBackground);
238 .control-group.success {
239 .formFieldState(#2BA949, #2BA949, @successBackground);
242 .control-group.info {
243 .formFieldState(@blue, @blue, @infoBackground);
247 // -----------------------------------------------------
249 // ALERTS, LABELS, BADGES
250 // -----------------------------------------------------
254 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
256 h1, h2, h3, h4, h5, h6 {
259 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
264 text-decoration: underline;
271 background-color: @red;
275 background-color: @orange;
279 background-color: @green;
283 background-color: @blue;
288 // -----------------------------------------------------
291 // .box-shadow(inset 1px 1px 0 rgba(0,0,0,.1));
295 // .box-shadow(inset 1px 1px 0 rgba(0,0,0,.1));
296 border: 1px solid rgba(0,0,0,.1);
300 // -----------------------------------------------------