1 // Flatness by Jenil (www.jgog.in)
3 // -----------------------------------------------------
7 // --------------------------------------------------
9 @import url("http://fonts.googleapis.com/css?family=Lato:400,700,900,400italic");
47 // --------------------------------------------------
55 // --------------------------------------------------
64 color: @linkColorHover;
77 .nav > .active > a:hover,
78 .nav > .active > a:focus {
82 .navbar-search .search-query {
89 background-image: none;
95 .navbar-search .search-query {
96 border-color: transparent;
111 border-color: transparent;
112 background-image: none;
113 background-color: @grayLighter;
121 border-color: transparent;
127 .nav > .active > a:hover {
128 border-color: transparent;
129 background-color: darken(@grayLighter, 10%);
136 // --------------------------------------------------
148 border-bottom: 2px solid @dropdownDividerBottom;
154 .open .dropdown-toggle {
155 background-color: @blueDark;
166 background-color: @green;
167 border-color: transparent;
171 background-color: lighten(@green, 10%);
176 & > .active > a:hover {
177 background-color: @orange;
182 & > .disabled > a:hover {
183 background-color: lighten(@green, 10%);
193 background-color: @green;
198 background-color: lighten(@green, 10%);
205 .disabled > span:hover {
206 background-color: lighten(@green, 10%);
219 // --------------------------------------------------
224 background-image: none;
226 text-decoration: none;
229 -webkit-transition: 0.25s;
230 -moz-transition: 0.25s;
236 -webkit-transition: 0.25s;
237 -moz-transition: 0.25s;
244 color: rgba(255, 255, 255, 0.75);
253 padding: @paddingLarge;
257 padding: @paddingSmall;
261 padding: @paddingMini;
266 // -----------------------------------------------------
271 // --------------------------------------------------
275 input[type="password"],
276 input[type="datetime"],
277 input[type="datetime-local"],
282 input[type="number"],
285 input[type="search"],
290 border: 2px solid #dce4ec;
294 .placeholder(#acb6c0);
297 border-color: #1abc9c;
304 .control-group.error,
305 .control-group.error input:focus,
306 .control-group.error textarea:focus {
307 border-color: #e74c3c;
311 .control-group.success,
312 .control-group.success input:focus,
313 .control-group.success textarea:focus {
314 border-color: #2ecc71;
318 .control-group.warning,
319 .control-group.warning input:focus,
320 .control-group.warning textarea:focus {
321 border-color: #f1c40f;
326 .control-group.info input:focus,
327 .control-group.info textarea:focus {
328 border-color: #3498db;
336 background-color: #eaeded;
337 border-color: transparent;
346 .input-append .add-on,
347 .input-prepend .add-on {
359 .border-radius(@baseBorderRadius);
360 background-color: darken(@grayLighter, 5%);
364 // --------------------------------------------------
367 // ALERTS, LABELS, BADGES
368 // --------------------------------------------------
371 background-color: @orange;
375 h1, h2, h3, h4, h5, h6 {
380 background-color: @red;
384 background-color: @green;
388 background-color: @blue;
399 .border-radius(@borderRadiusLarge);
405 // --------------------------------------------------
415 background: @grayLighter;
421 background: @textColor;
426 background-color: @green;
430 background-color: @orange;
434 background-color: @green;
438 background-color: @blue;
453 border-bottom: 2px solid @dropdownDividerBottom;
460 background-color: @navbarBackground;
466 background-color: @grayLighter;
467 border-top: 2px solid @dropdownDividerTop;
477 // --------------------------------------------------
479 @media (max-width: 767px) {
483 .nav > li:first-child > a,
485 border-color: transparent;
488 background-color: darken(@grayLighter, 10%);
492 .nav > li:last-child > a {
493 border-radius: 0 0 4px 4px;
498 @media (max-width: 979px) {
502 .nav-collapse .nav > li > a {
506 background-color: @green;