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 // -----------------------------------------------------
279 // --------------------------------------------------
283 input[type="password"],
284 input[type="datetime"],
285 input[type="datetime-local"],
290 input[type="number"],
293 input[type="search"],
298 border: 2px solid #dce4ec;
300 .border-radius(@inputBorderRadius);
302 .placeholder(#acb6c0);
305 border-color: #1abc9c;
315 .border-radius(@inputBorderRadius 0 0 @inputBorderRadius);
325 .border-radius(@inputBorderRadius 0 0 @inputBorderRadius);
327 + .btn-group .btn:last-child {
328 .border-radius(0 @inputBorderRadius @inputBorderRadius 0);
334 .btn-group:last-child > .dropdown-toggle {
335 .border-radius(0 @inputBorderRadius @inputBorderRadius 0);
339 .input-prepend.input-append {
346 .border-radius(0 @inputBorderRadius @inputBorderRadius 0);
352 .border-radius(@inputBorderRadius 0 0 @inputBorderRadius);
357 .border-radius(0 @inputBorderRadius @inputBorderRadius 0);
370 .control-group.error,
371 .control-group.error input:focus,
372 .control-group.error textarea:focus {
373 border-color: #e74c3c;
377 .control-group.success,
378 .control-group.success input:focus,
379 .control-group.success textarea:focus {
380 border-color: #2ecc71;
384 .control-group.warning,
385 .control-group.warning input:focus,
386 .control-group.warning textarea:focus {
387 border-color: #f1c40f;
392 .control-group.info input:focus,
393 .control-group.info textarea:focus {
394 border-color: #3498db;
402 background-color: #eaeded;
403 border-color: transparent;
412 .input-append .add-on,
413 .input-prepend .add-on {
425 .border-radius(@baseBorderRadius);
426 background-color: darken(@grayLighter, 5%);
430 // --------------------------------------------------
433 // ALERTS, LABELS, BADGES
434 // --------------------------------------------------
437 background-color: @orange;
441 h1, h2, h3, h4, h5, h6 {
446 background-color: @red;
450 background-color: @green;
454 background-color: @blue;
465 .border-radius(@borderRadiusLarge);
471 // --------------------------------------------------
481 background: @grayLighter;
487 background-color: @blueDark;
488 background-image: none;
497 #gradient > .striped(@blueDark);
501 &-success.progress-striped .bar,
503 background-color: @green;
507 &-warning.progress-striped .bar,
509 background-color: @yellow;
513 &-danger.progress-striped .bar,
515 background-color: @red;
519 &-info.progress-striped .bar,
521 background-color: @blue;
536 border-bottom: 2px solid @dropdownDividerBottom;
543 background-color: @navbarBackground;
549 background-color: @grayLighter;
560 // --------------------------------------------------
562 @media (max-width: 767px) {
566 .nav > li:first-child > a,
568 border-color: transparent;
571 background-color: darken(@grayLighter, 10%);
575 .nav > li:last-child > a {
576 border-radius: 0 0 4px 4px;
581 @media (max-width: 979px) {
585 .nav-collapse .nav > li > a {
589 background-color: @green;