3 // -----------------------------------------------------
7 // -----------------------------------------------------
9 @import url('//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700');
12 // -----------------------------------------------------
15 // -----------------------------------------------------
21 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
22 .transition(color ease-in-out .2s);
25 color: @navbarLinkColorHover;
26 .transition(color ease-in-out .2s);
31 padding: 11px 10px 8px;
32 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
33 .transition(color ease-in-out .2s);
36 .transition(color ease-in-out .2s);
41 padding: 11px 10px 8px;
45 .navbar-search .search-query,
46 .navbar-search .search-query:hover {
50 .placeholder(@grayLight);
51 .box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
55 .box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
63 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
71 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
74 .nav li.dropdown.open > .dropdown-toggle .caret,
75 .nav li.dropdown:hover > .dropdown-toggle .caret,
76 .nav li.dropdown.open:hover > .dropdown-toggle .caret {
77 border-top-color: @white;
80 .navbar-search .search-query,
81 .navbar-search .search-query:hover {
85 .placeholder(@grayLighter);
90 @media (max-width: @navbarCollapseWidth) {
92 .navbar .nav-collapse {
95 background-color: @linkColor;
106 .navbar-inverse .nav-collapse {
112 background-color: @linkColor !important;
126 color: @navbarLinkColor;
127 .transition(color ease-in-out .2s);
130 border-left-color: @grayLight;
131 color: @navbarLinkColorHover;
132 .transition(color ease-in-out .2s);
136 .nav > li.active > a {
145 .nav > li.dropdown > .dropdown-toggle {
146 background-color: transparent;
149 .nav > li.dropdown.open > .dropdown-toggle {
151 border-left: 1px solid whiteSmoke;
152 border-right: 1px solid #E5E5E5;
161 top: @navbarHeight + 1;
166 // -----------------------------------------------------
169 .nav > li > a:focus {
170 background-color: rgba(0, 0, 0, 0.05);
173 .nav > li.dropdown > .dropdown-toggle,
174 .nav > li.dropdown.active > .dropdown-toggle,
175 .nav > li.dropdown.open > .dropdown-toggle,
176 .nav > li.dropdown.open.active > .dropdown-toggle {
179 border-top: 4px solid @textColor;
180 border-top-color: @textColor;
185 border-top: 4px solid @linkColorHover;
186 border-top-color: @linkColorHover;
191 background-color: @dropdownDividerTop;
192 border-bottom-color: @dropdownDividerBottom;
196 // -----------------------------------------------------
199 // -----------------------------------------------------
203 tbody tr.success > td,
212 // -----------------------------------------------------
214 .control-group.warning {
215 .formFieldState(#E29235, #E29235, @warningBackground);
218 .control-group.error {
219 .formFieldState(#C00, #C00, @errorBackground);
222 .control-group.success {
223 .formFieldState(#2BA949, #2BA949, @successBackground);
227 // -----------------------------------------------------
229 // ALERTS, LABELS, BADGES
230 // -----------------------------------------------------
234 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
236 h1, h2, h3, h4, h5, h6 {
239 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
246 background-color: @red;
250 background-color: @orange;
254 background-color: @green;
258 background-color: @blue;
263 // -----------------------------------------------------
266 // .box-shadow(inset 1px 1px 0 rgba(0,0,0,.1));
270 // .box-shadow(inset 1px 1px 0 rgba(0,0,0,.1));
271 border: 1px solid rgba(0,0,0,.1);
275 // -----------------------------------------------------