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;
103 .navbar-search .search-query {
104 border-color: transparent;
119 border-color: transparent;
120 background-image: none;
121 background-color: @grayLighter;
129 border-color: transparent;
135 .nav > .active > a:hover {
136 border-color: transparent;
137 background-color: darken(@grayLighter, 10%);
144 // --------------------------------------------------
156 border-bottom: 2px solid @dropdownDividerBottom;
162 .open .dropdown-toggle {
163 background-color: @blueDark;
174 background-color: @green;
175 border-color: transparent;
179 background-color: lighten(@green, 10%);
184 & > .active > a:hover {
185 background-color: @paginationActiveBackground;
190 & > .disabled > a:hover {
191 background-color: lighten(@green, 10%);
201 background-color: @green;
206 background-color: lighten(@green, 10%);
213 .disabled > span:hover {
214 background-color: lighten(@green, 10%);
227 // --------------------------------------------------
232 background-image: none;
234 text-decoration: none;
237 -webkit-transition: 0.25s;
238 -moz-transition: 0.25s;
244 -webkit-transition: 0.25s;
245 -moz-transition: 0.25s;
252 color: rgba(255, 255, 255, 0.75);
261 padding: @paddingLarge;
265 padding: @paddingSmall;
269 padding: @paddingMini;
274 // -----------------------------------------------------
286 // --------------------------------------------------
290 input[type="password"],
291 input[type="datetime"],
292 input[type="datetime-local"],
297 input[type="number"],
300 input[type="search"],
305 border: 2px solid #dce4ec;
307 .border-radius(@inputBorderRadius);
309 .placeholder(#acb6c0);
312 border-color: #1abc9c;
322 .border-radius(@inputBorderRadius 0 0 @inputBorderRadius);
332 .border-radius(@inputBorderRadius 0 0 @inputBorderRadius);
334 + .btn-group .btn:last-child {
335 .border-radius(0 @inputBorderRadius @inputBorderRadius 0);
341 .btn-group:last-child > .dropdown-toggle {
342 .border-radius(0 @inputBorderRadius @inputBorderRadius 0);
354 .border-radius(0 @inputBorderRadius @inputBorderRadius 0);
360 .border-radius(@inputBorderRadius 0 0 @inputBorderRadius);
365 .border-radius(0 @inputBorderRadius @inputBorderRadius 0);
379 .control-group.error,
380 .control-group.error input:focus,
381 .control-group.error textarea:focus {
382 border-color: #e74c3c;
386 .control-group.success,
387 .control-group.success input:focus,
388 .control-group.success textarea:focus {
389 border-color: #2ecc71;
393 .control-group.warning,
394 .control-group.warning input:focus,
395 .control-group.warning textarea:focus {
396 border-color: #f1c40f;
401 .control-group.info input:focus,
402 .control-group.info textarea:focus {
403 border-color: #3498db;
411 background-color: #eaeded;
412 border-color: transparent;
428 .border-radius(@baseBorderRadius);
429 background-color: darken(@grayLighter, 5%);
433 // --------------------------------------------------
436 // ALERTS, LABELS, BADGES
437 // --------------------------------------------------
440 background-color: @orange;
444 h1, h2, h3, h4, h5, h6 {
449 background-color: @red;
453 background-color: @green;
457 background-color: @blue;
468 .border-radius(@borderRadiusLarge);
474 // --------------------------------------------------
484 background: @grayLighter;
490 background-color: @blueDark;
491 background-image: none;
500 #gradient > .striped(@blueDark);
504 &-success.progress-striped .bar,
506 background-color: @green;
510 &-warning.progress-striped .bar,
512 background-color: @yellow;
516 &-danger.progress-striped .bar,
518 background-color: @red;
522 &-info.progress-striped .bar,
524 background-color: @blue;
539 border-bottom: 2px solid @dropdownDividerBottom;
546 background-color: @navbarBackground;
552 background-color: @grayLighter;
563 // --------------------------------------------------
565 @media (max-width: 767px) {
569 .nav > li:first-child > a,
571 border-color: transparent;
574 background-color: darken(@grayLighter, 10%);
578 .nav > li:last-child > a {
579 border-radius: 0 0 4px 4px;
592 @media (max-width: 979px) {
596 .nav-collapse .nav > li > a {
600 background-color: @green;