Fix Carousel fading in chrome

Fix Carousel fading in chrome

//
// Carousel
// --------------------------------------------------
.carousel-small {
    .carousel-inner .item {
        height: 300px;
        @media (min-width: @screen-md) {
          height: 400px;
        }
    }
}
.carousel-text {
    color: #FFFFFF;
    text-shadow: rgba(0,0,0,0.5) 0px 2px 5px;
}
.carousel-item-type-header {
    .carousel-text-inner {
        margin: 0 auto;
        @media (min-width: @screen-md) {
          width: 80%;
        }
        @media (min-width: @screen-lg-min) {
          width: 65%;
        }
    }
}
.carousel-item-type-textandimage {
    .carousel-image {
        display: none;
        img {
            margin: 0 auto;
            max-width: 100%;
            display: block;
            height: auto;
        }
        @media (min-width: @screen-sm) {
            display: table-cell;
        }
    }
}
.carousel-inner {
    z-index: 0;
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-top: 0;
    }
    .valign {
        margin: 0 auto;
        height: 100%;
        @media (min-width: @screen-sm) {
          width: @container-sm - @grid-gutter-width;
        }
        @media (min-width: @screen-md) {
          width: @container-md - @grid-gutter-width;
        }
        @media (min-width: @screen-lg-min) {
          width: @container-lg - @grid-gutter-width;
        }
    }
    > .item {
        overflow: hidden;
        height: 400px;
        color: #FFFFFF;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        opacity: 0;
        .transition(opacity .6s ease-in-out 0s);
        @media all and (transform-3d), (-webkit-transform-3d) {
            transition: opacity .6s ease-in-out 0s;
            backface-visibility: visible;
            perspective: none;
            &.next,
            &.next.left,
            &.prev,
            &.prev.right,
            &.active.right,
            &.active.left,
            &.active {
                transform: none;
            }
        }
        @media (min-width: @screen-md) {
          height: 600px;
        }
        @media (max-width: @screen-sm-max) {
            padding-left: @grid-gutter-width;
            padding-right: @grid-gutter-width;
        }
    }
    > .active {
        z-index: 1;
        opacity: 1;
    }
    > .next,
    > .prev {
        opacity: 1;
        z-index: 0;
    }
    > .next,
    > .prev,
    > .active.left,
    > .active.right {
        left: 0;
    }
    > .active.left,
    > .active.right {
        opacity: 0;
    }
}
.container {
    .carousel {
       margin-left: -(@grid-gutter-width / 2);
       margin-right: -(@grid-gutter-width / 2);
       @media (min-width: @screen-sm) {
           margin-left: 0;
           margin-right: 0;
       }
    }
    .carousel-inner {
        > .item {
            padding-left: @grid-gutter-width;
            padding-right: @grid-gutter-width;
        }
        .valign {
            width: 100%;

        }
    }
}
.carousel-control {
    @media (min-width: @screen-md) {
        width: 100px;
        &.left,
        &.right {
            filter: none;
            background-image: none;
        }
    }
}
.carousel-indicators,
.carousel-control {
    .transition(opacity .6s ease-in-out 0s);
    opacity: 0;
}
.carousel:hover {
    .carousel-indicators,
    .carousel-control {
        opacity: .5;
    }
}

//
// Carousel
// --------------------------------------------------
.carousel-small {
    .carousel-inner .item {
        height: 300px;
        @media (min-width: @screen-md) {
          height: 400px;
        }
    }
}
.carousel-text {
    color: #FFFFFF;
    text-shadow: rgba(0,0,0,0.5) 0px 2px 5px;
}
.carousel-item-type-header {
    .carousel-text-inner {
        margin: 0 auto;
        @media (min-width: @screen-md) {
          width: 80%;
        }
        @media (min-width: @screen-lg-min) {
          width: 65%;
        }
    }
}
.carousel-item-type-textandimage {
    .carousel-image {
        display: none;
        img {
            margin: 0 auto;
            max-width: 100%;
            display: block;
            height: auto;
        }
        @media (min-width: @screen-sm) {
            display: table-cell;
        }
    }
}
.carousel-inner {
    z-index: 0;
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-top: 0;
    }
    .valign {
        margin: 0 auto;
        height: 100%;
        @media (min-width: @screen-sm) {
          width: @container-sm - @grid-gutter-width;
        }
        @media (min-width: @screen-md) {
          width: @container-md - @grid-gutter-width;
        }
        @media (min-width: @screen-lg-min) {
          width: @container-lg - @grid-gutter-width;
        }
    }
    > .item {
        overflow: hidden;
        height: 400px;
        color: #FFFFFF;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        opacity: 0;
        .transition(opacity .6s ease-in-out 0s);
        @media (min-width: @screen-md) {
          height: 600px;
        }
        @media (max-width: @screen-sm-max) {
            padding-left: @grid-gutter-width;
            padding-right: @grid-gutter-width;
        }
    }
    > .active {
        z-index: 1;
        opacity: 1;
    }
    > .next,
    > .prev {
        opacity: 1;
        z-index: 0;
    }
    > .next,
    > .prev,
    > .active.left,
    > .active.right {
        left: 0;
    }
    > .active.left,
    > .active.right {
        opacity: 0;
    }
}
.container {
    .carousel {
       margin-left: -(@grid-gutter-width / 2);
       margin-right: -(@grid-gutter-width / 2);
       @media (min-width: @screen-sm) {
           margin-left: 0;
           margin-right: 0;
       }
    }
    .carousel-inner {
        > .item {
            padding-left: @grid-gutter-width;
            padding-right: @grid-gutter-width;
        }
        .valign {
            width: 100%;

        }
    }
}
.carousel-control {
    @media (min-width: @screen-md) {
        width: 100px;
        &.left,
        &.right {
            filter: none;
            background-image: none;
        }
    }
}
.carousel-indicators,
.carousel-control {
    .transition(opacity .6s ease-in-out 0s);
    opacity: 0;
}
.carousel:hover {
    .carousel-indicators,
    .carousel-control {
        opacity: .5;
    }
}


Update variables

Update variables

// Colors

@text-color: #444;
@text-color-subtle: #999;
@text-color-highlight: #000;
@text-color-selected: #fff;

@text-color-info: #5293d8;
@text-color-success: #1fe977;
@text-color-warning: #f78a46;
@text-color-error: #c00;

@background-color-info: #0098ff;
@background-color-success: #17ca65;
@background-color-warning: #ff4800;
@background-color-error: #c00;
@background-color-highlight: rgba(255, 255, 255, 0.4);

@app-background-color: #ccc;

@base-background-color: #f4f4f4;
@base-border-color: rgba(0, 0, 0, 0.25);

@input-background-color: #fff;
@input-border-color: @base-border-color;

@tool-panel-background-color: @base-background-color;
@tool-panel-border-color: @base-border-color;

@inset-panel-background-color: #fff;
@inset-panel-border-color: @base-border-color;

@panel-heading-background-color: #c3c3c3;
@panel-heading-border-color: transparent;

@overlay-background-color: #ececec;
@overlay-border-color: @base-border-color;

@button-background-color: @base-background-color;
@button-background-color-hover: lighten(@button-background-color, 5%);
@button-background-color-selected: #888;
@button-border-color: rgba(0, 0, 0, 0.15);

@tab-background-color: darken(@tab-background-color-active, 10%);
@tab-background-color-active: @base-background-color;
@tab-border-color: darken(@tab-background-color-active, 15%);

@ui-site-color-1: @background-color-success; // green
@ui-site-color-2: @background-color-info; // blue
@ui-site-color-3: @background-color-warning; // orange
@ui-site-color-4: #db2ff4; // purple
@ui-site-color-5: #f5e11d; // yellow

// Sizes

@font-size: 12px;

@disclosure-arrow-size: 12px;

@component-padding: 10px;
@component-icon-padding: 5px;
@component-icon-size: 16px;
@component-line-height: 25px;
@component-border-radius: 2px;

@tab-height: 30px;

// Colors

@text-color: #444;
@text-color-subtle: #999;
@text-color-highlight: #111;

@text-color-info: #5293d8;
@text-color-success: #1fe977;
@text-color-warning: #f78a46;
@text-color-error: #c00;

@background-color-info: #0098ff;
@background-color-success: #17ca65;
@background-color-warning: #ff4800;
@background-color-error: #c00;
@background-color-highlight: rgba(255, 255, 255, 0.4);

@app-background-color: #ccc;

@base-background-color: #f4f4f4;
@base-border-color: rgba(0, 0, 0, 0.25);

@input-background-color: #fff;
@input-border-color: @base-border-color;

@tool-panel-background-color: @base-background-color;
@tool-panel-border-color: @base-border-color;

@inset-panel-background-color: #fff;
@inset-panel-border-color: @base-border-color;

@panel-heading-background-color: #c3c3c3;
@panel-heading-border-color: transparent;

@overlay-background-color: #ececec;
@overlay-border-color: @base-border-color;

@button-background-color: #43484d;
@button-background-color-hover: lighten(@button-background-color, 5%);
@button-background-color-selected: #5c6064;
@button-border-color: @base-border-color;

@tab-background-color: darken(@tab-background-color-active, 10%);
@tab-background-color-active: @base-background-color;
@tab-border-color: darken(@tab-background-color-active, 15%);

@ui-site-color-1: @background-color-success; // green
@ui-site-color-2: @background-color-info; // blue
@ui-site-color-3: @background-color-warning; // orange
@ui-site-color-4: #db2ff4; // purple
@ui-site-color-5: #f5e11d; // yellow

// Sizes

@font-size: 12px;

@disclosure-arrow-size: 12px;

@component-padding: 10px;
@component-icon-padding: 5px;
@component-icon-size: 16px;
@component-line-height: 25px;
@component-border-radius: 2px;

@tab-height: 30px;


Fix .btn-file class in less as well

Fix .btn-file class in less as well

/*
    Component: Buttons
-------------------------
*/

.btn {
    font-weight: 500;
    .border-radius(@btn-border-radius);
    border: 1px solid transparent;
    -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.09);
    -moz-box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.09);
    box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.09);
    //Button color variations
    &.btn-default {
        background-color: #fafafa;
        color: #666;
        border-color: #ddd;
        border-bottom-color: #ddd;
        &:hover, &:active, &.hover {
            background-color: #f4f4f4!important;
        }
        &.btn-flat {
            border-bottom-color: darken(#e6e7e8, 5%);
        }
    }
    &.btn-primary {
        background-color: @light-blue;
        border-color: darken(@light-blue, 5%);
        &:hover, &:active, &.hover {
            background-color: darken(@light-blue, 5%);
        }
    }
    &.btn-success {
        background-color: @green;
        border-color: darken(@green, 5%);
        &:hover, &:active, &.hover {
            background-color: darken(@green, 5%);
        }
    }
    &.btn-info {
        background-color: @aqua;
        border-color: darken(@aqua, 5%);
        &:hover, &:active, &.hover {
            background-color: darken(@aqua, 5%);
        }
    }
    &.btn-danger {
        background-color: @red;
        border-color: darken(@red, 5%);
        &:hover, &:active, &.hover {
            background-color: darken(@red, 5%);
        }
    }
    &.btn-warning {
        background-color: @yellow;
        border-color: darken(@yellow, 5%);
        &:hover, &:active, &.hover {
            background-color: darken(@yellow, 5%);
        }
    }

    // Flat buttons
    &.btn-flat {
        .border-radius(0);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-width: 1px;
    }

    // Active state
    &:active {
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    }

    &:focus {
        outline: none;
    }

    // input file btn
    &.btn-file {
        position: relative;
        overflow: hidden;
        > input[type='file'] {
            position: absolute;
            top: 0;
            right: 0;
            min-width: 100%;
            min-height: 100%;
            font-size: 100px;
            text-align: right;
            filter: alpha(opacity=0);
            opacity: 0;
            outline: none;
            background: white;
            cursor: inherit;
            display: block;
        }
    }

    // Application buttons
    &.btn-app {
        position: relative;
        padding: 15px 5px;
        margin: 0 0 10px 10px;
        min-width: 80px;
        height: 60px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        .border-radius(0);
        text-align: center;
        color: #666;
        border: 1px solid #ddd;
        background-color: #fafafa;
        font-size: 12px;
        //Icons within the btn
        > .fa, > .glyphicon, > .ion {
            font-size: 20px;
            display: block;
        }

        &:hover {
            background: #f4f4f4;
            color: #444;
            border-color: #aaa;
        }

        &:active, &:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
            -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
            box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        }

        //The bandge
        > .badge {
            position: absolute;
            top: -3px;
            right: -10px;
            font-size: 10px;
            font-weight: 400;
        }
    }

    //Social buttons
    &.btn-social-old {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        opacity: 0.9;
        //Only font-awesome provides social icons
        padding: 0;
        > .fa {
            padding: 10px 0;
            width: 40px;
        }
        > .fa + span {
            border-left: 1px solid rgba(255, 255,255, 0.3);
        }
        span {
            padding: 10px;
        }

        &:hover {
            opacity: 1;
        }
    }

    &.btn-circle {
        width: 30px;
        height: 30px;
        line-height: 30px;
        padding: 0;
        .border-radius(50%);
    }

}

/*
    Component: Buttons
-------------------------
*/

.btn {
    font-weight: 500;
    .border-radius(@btn-border-radius);
    border: 1px solid transparent;
    -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.09);
    -moz-box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.09);
    box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.09);
    //Button color variations
    &.btn-default {
        background-color: #fafafa;
        color: #666;
        border-color: #ddd;
        border-bottom-color: #ddd;
        &:hover, &:active, &.hover {
            background-color: #f4f4f4!important;
        }
        &.btn-flat {
            border-bottom-color: darken(#e6e7e8, 5%);
        }
    }
    &.btn-primary {
        background-color: @light-blue;
        border-color: darken(@light-blue, 5%);
        &:hover, &:active, &.hover {
            background-color: darken(@light-blue, 5%);
        }
    }
    &.btn-success {
        background-color: @green;
        border-color: darken(@green, 5%);
        &:hover, &:active, &.hover {
            background-color: darken(@green, 5%);
        }
    }
    &.btn-info {
        background-color: @aqua;
        border-color: darken(@aqua, 5%);
        &:hover, &:active, &.hover {
            background-color: darken(@aqua, 5%);
        }
    }
    &.btn-danger {
        background-color: @red;
        border-color: darken(@red, 5%);
        &:hover, &:active, &.hover {
            background-color: darken(@red, 5%);
        }
    }
    &.btn-warning {
        background-color: @yellow;
        border-color: darken(@yellow, 5%);
        &:hover, &:active, &.hover {
            background-color: darken(@yellow, 5%);
        }
    }

    // Flat buttons
    &.btn-flat {
        .border-radius(0);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-width: 1px;
    }

    // Active state
    &:active {
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    }

    &:focus {
        outline: none;
    }

    // input file btn
    &.btn-file {
        position: relative;
        width: 120px;
        height: 35px;
        overflow: hidden;
        > input[type='file'] {
            display: block !important;
            width: 100% !important;
            height: 35px !important;
            opacity: 0 !important;
            position: absolute;
            top: -10px;
            cursor: pointer;
        }
    }

    // Application buttons
    &.btn-app {
        position: relative;
        padding: 15px 5px;
        margin: 0 0 10px 10px;
        min-width: 80px;
        height: 60px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        .border-radius(0);
        text-align: center;
        color: #666;
        border: 1px solid #ddd;
        background-color: #fafafa;
        font-size: 12px;
        //Icons within the btn
        > .fa, > .glyphicon, > .ion {
            font-size: 20px;
            display: block;
        }

        &:hover {
            background: #f4f4f4;
            color: #444;
            border-color: #aaa;
        }

        &:active, &:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
            -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
            box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        }

        //The bandge
        > .badge {
            position: absolute;
            top: -3px;
            right: -10px;
            font-size: 10px;
            font-weight: 400;
        }
    }

    //Social buttons
    &.btn-social-old {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        opacity: 0.9;
        //Only font-awesome provides social icons
        padding: 0;
        > .fa {
            padding: 10px 0;
            width: 40px;
        }
        > .fa + span {
            border-left: 1px solid rgba(255, 255,255, 0.3);
        }
        span {
            padding: 10px;
        }

        &:hover {
            opacity: 1;
        }
    }

    &.btn-circle {
        width: 30px;
        height: 30px;
        line-height: 30px;
        padding: 0;
        .border-radius(50%);
    }

}


add flex box functions

add flex box functions

// --------------------------------------------------
// Flexbox LESS mixins
// The spec: http://www.w3.org/TR/css3-flexbox
// --------------------------------------------------

// Flexbox display
// flex or inline-flex
.flex-display(@display: flex) {
	display: ~"-webkit-@{display}";
	display: ~"-moz-@{display}";
	display: ~"-ms-@{display}box"; // IE10 uses -ms-flexbox
	display: ~"-ms-@{display}"; // IE11
	display: @display;
}

// The 'flex' shorthand
// - applies to: flex items
// <positive-number>, initial, auto, or none
.flex(@columns: initial) {
  -webkit-flex: @columns;
     -moz-flex: @columns;
      -ms-flex: @columns;
          flex: @columns;
}

// Flex Flow Direction
// - applies to: flex containers
// row | row-reverse | column | column-reverse
.flex-direction(@direction: row) {
  -webkit-flex-direction: @direction;
     -moz-flex-direction: @direction;
      -ms-flex-direction: @direction;
          flex-direction: @direction;
}

// Flex Line Wrapping
// - applies to: flex containers
// nowrap | wrap | wrap-reverse
.flex-wrap(@wrap: nowrap) {
  -webkit-flex-wrap: @wrap;
     -moz-flex-wrap: @wrap;
      -ms-flex-wrap: @wrap;
          flex-wrap: @wrap;
}

// Flex Direction and Wrap
// - applies to: flex containers
// <flex-direction> || <flex-wrap>
.flex-flow(@flow) {
  -webkit-flex-flow: @flow;
     -moz-flex-flow: @flow;
      -ms-flex-flow: @flow;
          flex-flow: @flow;
}

// Display Order
// - applies to: flex items
// <integer>
.flex-order(@order: 0) {
  -webkit-order: @order;
     -moz-order: @order;
      -ms-order: @order;
          order: @order;
}

// Flex grow factor
// - applies to: flex items
// <number>
.flex-grow(@grow: 0) {
  -webkit-flex-grow: @grow;
     -moz-flex-grow: @grow;
      -ms-flex-grow: @grow;
          flex-grow: @grow;
}

// Flex shrink
// - applies to: flex item shrink factor
// <number>
.flex-shrink(@shrink: 1) {
  -webkit-flex-shrink: @shrink;
     -moz-flex-shrink: @shrink;
      -ms-flex-shrink: @shrink;
          flex-shrink: @shrink;
}

// Flex basis
// - the initial main size of the flex item
// - applies to: flex itemsnitial main size of the flex item
// <width>
.flex-basis(@width: auto) {
  -webkit-flex-basis: @width;
     -moz-flex-basis: @width;
      -ms-flex-basis: @width;
          flex-basis: @width;
}

// Axis Alignment
// - applies to: flex containers
// flex-start | flex-end | center | space-between | space-around
.justify-content(@justify: flex-start) {
  -webkit-justify-content: @justify;
     -moz-justify-content: @justify;
      -ms-justify-content: @justify;
          justify-content: @justify;
}

// Packing Flex Lines
// - applies to: multi-line flex containers
// flex-start | flex-end | center | space-between | space-around | stretch
.align-content(@align: stretch) {
  -webkit-align-content: @align;
     -moz-align-content: @align;
      -ms-align-content: @align;
          align-content: @align;
}

// Cross-axis Alignment
// - applies to: flex containers
// flex-start | flex-end | center | baseline | stretch
.align-items(@align: stretch) {
  -webkit-align-items: @align;
     -moz-align-items: @align;
      -ms-align-items: @align;
          align-items: @align;
}

// Cross-axis Alignment
// - applies to: flex items
// auto | flex-start | flex-end | center | baseline | stretch
.align-self(@align: auto) {
  -webkit-align-self: @align;
     -moz-align-self: @align;
      -ms-align-self: @align;
          align-self: @align;
}

error: pathspec 'style/flexbox.less' did not match any file(s) known to git


Tools Divider

Tools Divider

- Removed divider line in the tools title

fatal: unable to access 'https://github.com/mxabierto/mxabierto.org.git/': The requested URL returned error: 403


Don't change it for larger screens. Silly me.

/**
 * importer.less
 *
 * By default, new Sails projects are configured to compile this file
 * from LESS to CSS.  Unlike CSS files, LESS files are not compiled and
 * included automatically unless they are imported below.
 *
 * The LESS files imported below are compiled and included in the order
 * they are listed.  Mixins, variables, etc. should be imported first
 * so that they can be accessed by subsequent LESS stylesheets.
 *
 * (Just like the rest of the asset pipeline bundled in Sails, you can
 * always omit, customize, or replace this behavior with SASS, SCSS,
 * or any other Grunt tasks you like.)
 */

// For example:
//
// @import 'variables/colors.less';
// @import 'mixins/foo.less';
// @import 'mixins/bar.less';
// @import 'mixins/baz.less';
//
// @import 'styleguide.less';
// @import 'pages/login.less';
// @import 'pages/signup.less';
//
// etc.

a:visited:not(.icon) {
  color: #eb0032;
}

.navbar a, .navbar a:visited {
  color: #777777;
}

table h1, table h2, table h3 {
  margin-top: 1px;
  margin-bottom: 1px;
}

#wrapper{
  min-height:100vh;
  padding-bottom: 50px;
}

#footer{
  margin-top: -40px;
}

@import 'bootstrap/bootstrap';
@import 'flairs';
@import 'spinners';
@import 'fonts';

.container {
  .container-fixed();

  @media (min-width: @screen-sm-min) {
    width: @container-sm - 20;
    padding-left: 5px;
    padding-right: 5px;
  }
  @media (min-width: @screen-md-min) {
    width: @container-md;
  }
  @media (min-width: @screen-lg-min) {
    width: @container-lg;
  }
}

.navbar {
  border-radius: 0;
}

.brand-img{
  margin-top:-20px;
  max-width:100px;
}

.input-group-addon {
  padding: 0px 12px !important;
}

input[type="checkbox"]:not(.search-check) {
  -moz-appearance: none;
  margin: 0px;
  width: 20px;
  height: 20px;
}

table.table{
  table-layout: fixed;
  tbody > tr > td:last-child {
    width:100px;
    text-align: center;
  }
  tbody > tr > td:nth-last-child(2) {
    width:100px;
    text-align: center;
  }
}

.hidden{
  display: none;
}

.scrollable{
  height: 50vh;
  overflow-y: auto;
}

.scrollable .list-group-item {
  margin-left: 1px;
  margin-left: 1px;
}

.small-image{
  width:10vw;
}

tr[data-toggle='collapse']{
  cursor:pointer;
}

.usernameHeader{
  display: inline-block;
  margin-top: 10px;
}

.flairTop{
  margin-top: 10px;
  margin-bottom: 0px;
}

.flairBottom{
  margin-top:2px;
}

.flairs{
  display: inline-block;
}

td h3 {
  display: inline;
}

.flair-input-group{
  padding: 0 5px !important;
}

.invisible{
  color: rgba(0,0,0,0);
}

.search-results{
  padding: 0;
}

.scrolling-search-results{
  height: 50vh;
  overflow: auto;
}

.search-results{
  width: 700px;
  max-width: 50vw;
}

.checkbox-inline{
  margin-left: 0 !important;
}

/**
 * importer.less
 *
 * By default, new Sails projects are configured to compile this file
 * from LESS to CSS.  Unlike CSS files, LESS files are not compiled and
 * included automatically unless they are imported below.
 *
 * The LESS files imported below are compiled and included in the order
 * they are listed.  Mixins, variables, etc. should be imported first
 * so that they can be accessed by subsequent LESS stylesheets.
 *
 * (Just like the rest of the asset pipeline bundled in Sails, you can
 * always omit, customize, or replace this behavior with SASS, SCSS,
 * or any other Grunt tasks you like.)
 */

// For example:
//
// @import 'variables/colors.less';
// @import 'mixins/foo.less';
// @import 'mixins/bar.less';
// @import 'mixins/baz.less';
//
// @import 'styleguide.less';
// @import 'pages/login.less';
// @import 'pages/signup.less';
//
// etc.

a:visited:not(.icon) {
  color: #eb0032;
}

.navbar a, .navbar a:visited {
  color: #777777;
}

table h1, table h2, table h3 {
  margin-top: 1px;
  margin-bottom: 1px;
}

#wrapper{
  min-height:100vh;
  padding-bottom: 50px;
}

#footer{
  margin-top: -40px;
}

@import 'bootstrap/bootstrap';
@import 'flairs';
@import 'spinners';
@import 'fonts';

.container{
  @media (min-width: @screen-sm-min) {
    width: @container-sm - 20;
    padding-left: 5px;
    padding-right: 5px;
  }
}

.navbar {
  border-radius: 0;
}

.brand-img{
  margin-top:-20px;
  max-width:100px;
}

.input-group-addon {
  padding: 0px 12px !important;
}

input[type="checkbox"]:not(.search-check) {
  -moz-appearance: none;
  margin: 0px;
  width: 20px;
  height: 20px;
}

table.table{
  table-layout: fixed;
  tbody > tr > td:last-child {
    width:100px;
    text-align: center;
  }
  tbody > tr > td:nth-last-child(2) {
    width:100px;
    text-align: center;
  }
}

.hidden{
  display: none;
}

.scrollable{
  height: 50vh;
  overflow-y: auto;
}

.scrollable .list-group-item {
  margin-left: 1px;
  margin-left: 1px;
}

.small-image{
  width:10vw;
}

tr[data-toggle='collapse']{
  cursor:pointer;
}

.usernameHeader{
  display: inline-block;
  margin-top: 10px;
}

.flairTop{
  margin-top: 10px;
  margin-bottom: 0px;
}

.flairBottom{
  margin-top:2px;
}

.flairs{
  display: inline-block;
}

td h3 {
  display: inline;
}

.flair-input-group{
  padding: 0 5px !important;
}

.invisible{
  color: rgba(0,0,0,0);
}

.search-results{
  padding: 0;
}

.scrolling-search-results{
  height: 50vh;
  overflow: auto;
}

.search-results{
  width: 700px;
  max-width: 50vw;
}

.checkbox-inline{
  margin-left: 0 !important;
}


Trabajando en los componentes de formulario, cajas de texto y checkbox.

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/elasthink/xui.git/'


Make npm build run work.

Make npm build run work.

error: pathspec 'public/css/app.less' did not match any file(s) known to git


Add bigger padding to dropdown menu

Add bigger padding to dropdown menu

@import "../../styles/custom.less";

@base-spacing: 16px;

.Topnav {
  background-color: @white;
  border-bottom: 1px solid #e9e7e7;
  height: 56px;
  line-height: 56px;
  margin: 0 -@base-spacing;
}

.Topnav__container {
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  max-width: 990px;
}

.Topnav__brand {
  box-sizing: border-box;
  max-width: 190px;
  padding: 0 @base-spacing;
  flex: 2;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 1px;
  color: @purple;
  text-align: left;
}

.Topnav__input-container {
  padding: 0 @base-spacing;
  flex: 4;
  position: relative;
  height: 55px;
  max-width: 520px;

  &--logged-in {
    border-left: solid 1px #e9e7e7;
    border-right: solid 1px #e9e7e7;
  }

  & > input {
    height: 55px !important;
    border-radius: 0 !important;
    border: 0 !important;
    padding: 0 0 0 29px !important;

    &:hover,
    &:focus {
      box-shadow: none !important;
      border-color: #e9e7e7 !important;
    }
  }

  & > i {
    left: 16px;
    position: absolute;
    color: #c2ccd3;
    font-size: 20px;
  }
}

.Topnav__menu-container {
  padding: 0 @base-spacing;
  flex: 2;
  display: flex;
  justify-content: flex-end;

  &__menu {
    flex-shrink: 0;
    height: 55px !important;
    border: 0 !important;
    line-height: 55px !important;
    margin-left: @base-spacing;

    &:nth-child(1) {
      padding-right: 20px;
    }

    & > li {
      height: 55px !important;
      padding: 0 4px !important;

      & > a {
        color: @purple !important;
        font-weight: 600 !important;
      }
    }
  }
}

.Topnav__item__subitem {
  font-size: 14px !important;
  font-weight: bold !important;
  color: #99aab5 !important;
  height: 30px !important;
  line-height: 30px !important;

  &:hover {
    color: @purple !important;
  }
}

.Topnav__item-user {
  margin: 0 10px !important;
}

.Topnav__user {
  display: flex !important;
  align-items: center;

  &__username {
    margin-left: 8px;
    color: @purple;
  }
}

.Topnav__item--dropdown {
  border-bottom: none !important;

  & > ul {
    padding: 8px 0 !important;
    left: -36px !important;
  }

  & > div {
    padding: 0 2px !important;
  }
}

@import "../../styles/custom.less";

@base-spacing: 16px;

.Topnav {
  background-color: @white;
  border-bottom: 1px solid #e9e7e7;
  height: 56px;
  line-height: 56px;
  margin: 0 -@base-spacing;
}

.Topnav__container {
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  max-width: 990px;
}

.Topnav__brand {
  box-sizing: border-box;
  max-width: 190px;
  padding: 0 @base-spacing;
  flex: 2;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 1px;
  color: @purple;
  text-align: left;
}

.Topnav__input-container {
  padding: 0 @base-spacing;
  flex: 4;
  position: relative;
  height: 55px;
  max-width: 520px;

  &--logged-in {
    border-left: solid 1px #e9e7e7;
    border-right: solid 1px #e9e7e7;
  }

  & > input {
    height: 55px !important;
    border-radius: 0 !important;
    border: 0 !important;
    padding: 0 0 0 29px !important;

    &:hover,
    &:focus {
      box-shadow: none !important;
      border-color: #e9e7e7 !important;
    }
  }

  & > i {
    left: 16px;
    position: absolute;
    color: #c2ccd3;
    font-size: 20px;
  }
}

.Topnav__menu-container {
  padding: 0 @base-spacing;
  flex: 2;
  display: flex;
  justify-content: flex-end;

  &__menu {
    flex-shrink: 0;
    height: 55px !important;
    border: 0 !important;
    line-height: 55px !important;
    margin-left: @base-spacing;

    &:nth-child(1) {
      padding-right: 20px;
    }

    & > li {
      height: 55px !important;
      padding: 0 4px !important;

      & > a {
        color: @purple !important;
        font-weight: 600 !important;
      }
    }
  }
}

.Topnav__item__subitem {
  font-size: 14px !important;
  font-weight: bold !important;
  color: #99aab5 !important;
  height: 30px !important;
  line-height: 30px !important;

  &:hover {
    color: @purple !important;
  }
}

.Topnav__item-user {
  margin: 0 10px !important;
}

.Topnav__user {
  display: flex !important;
  align-items: center;

  &__username {
    margin-left: 8px;
    color: @purple;
  }
}

.Topnav__item--dropdown {
  border-bottom: none !important;

  & > ul {
    left: -36px !important;
  }

  & > div {
    padding: 0 2px !important;
  }
}


Add 'auto' reset on grid. Eg. xxl(auto)

Add 'auto' reset on grid. Eg. xxl(auto)

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/inflex-io/inflex.git/'


Adjust icon size for small buttons

Adjust icon size for small buttons

fatal: unable to access 'https://github.com/kandros/atom.git/': The requested URL returned error: 403


adding reorganize stylesheet but not implementing it yet

fatal: unable to access 'https://github.com/existanze/apostrophe-pages.git/': The requested URL returned error: 403


fix: google font http -> https

fix: google font http -> https

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/vyulabs/semaphore.git/'


fine tune placement of turtle TURTLE-18

fine tune placement of turtle TURTLE-18

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/geektravis/Turtle.git/'


Create agency.less

Create agency.less

@import "variables.less";
@import "mixins.less";

// Global Components

body {
    overflow-x: hidden;
    .body-font;
}

.text-muted {
    color: @gray-light;
}

.text-primary {
    color: @theme-primary;
}

p {
    font-size: 14px;
    line-height: 1.75;
}

p.large {
    font-size: 16px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: none;
}

a {
    color: @theme-primary;
}

a:hover,
a:focus,
a:active,
a.active {
    color: darken(@theme-primary, 10%);
}

h1, h2, h3, h4, h5, h6 {
    .heading-font;
    font-weight: 700;
}

.img-centered {
    margin: 0 auto;
}

.bg-light-gray {
    background-color: @gray-lighter;
}

.bg-darkest-gray {
    background-color: @gray-darker;
}

// Restyled Primary Buttons

.btn-primary {
    .button-variant(white; @theme-primary; @theme-primary);
    .heading-font;
    font-weight: 700;
}

.btn-xl {
    .button-variant(white; @theme-primary; @theme-primary);
    .heading-font;
    font-weight: 700;
    border-radius: 3px;
    font-size: 18px;
    padding: 20px 40px;
}

// Custom Navigation Bar

.navbar-custom {
    background-color: @gray-darker;
    border-color: transparent;
    .navbar-brand {
        color: @theme-primary;
        .script-font;
        &:hover,
        &:focus,
        &:active,
        &.active {
            color: darken(@theme-primary, 10%);
        }
    }
    .navbar-collapse {
        border-color: fade(white, 2%);
    }
    .navbar-toggle {
        background-color: @theme-primary;
        border-color: @theme-primary;
        .heading-font;
        color: white;
        font-size: 12px;
        &:hover,
        &:focus {
            background-color: @theme-primary;
        }
    }
    .nav {
        li {
            a {
                .heading-font;
                font-weight: 400;
                letter-spacing: 1px;
                color: white;
                &:hover,
                &:focus {
                    color: @theme-primary;
                    outline: none;
                }
            }
        }
    }
    .navbar-nav>.active>a {
        border-radius: 0;
        color: white;
        background-color: @theme-primary;
    }
    .navbar-nav>.active>a:hover,
    .navbar-nav>.active>a:focus {
        color: white;
        background-color: darken(@theme-primary, 10%);
    }
}

@media(min-width:768px) {
    .navbar-custom {
        background-color: transparent;
        padding: 25px 0;
        -webkit-transition: padding 0.3s;
        -moz-transition: padding 0.3s;
        transition: padding 0.3s;
        border: none;
        .navbar-brand {
            font-size: 2em;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
        }
        .navbar-nav>.active>a {
            border-radius: 3px;
        }
    }
}

// Navbar Change on Scroll

@media(min-width:768px) {
    .navbar-custom.affix {
        background-color: @gray-darker;
        padding: 10px 0;
        .navbar-brand {
            font-size: 1.5em;
        }
    }
}

header {
    background-image: url('../img/header-bg.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    .background-cover;
    text-align: center;
    color: white;
    .intro-text {
        padding-top: 100px;
        padding-bottom: 50px;
        .intro-lead-in {
            .serif-font;
            font-style: italic;
            font-size: 22px;
            line-height: 22px;
            margin-bottom: 25px;
        }
        .intro-heading {
            .heading-font;
            font-weight: 700;
            font-size: 50px;
            line-height: 50px;
            margin-bottom: 25px;
        }
    }
}

@media(min-width:768px) {
    header {
        .intro-text {
            padding-top: 300px;
            padding-bottom: 200px;
            .intro-lead-in {
                .serif-font;
                font-style: italic;
                font-size: 40px;
                line-height: 40px;
                margin-bottom: 25px;
            }
            .intro-heading {
                .heading-font;
                font-weight: 700;
                font-size: 75px;
                line-height: 75px;
                margin-bottom: 50px;
            }
        }
    }
}

// Global Section Styles

section {
    padding: 100px 0;
    h2.section-heading {
        font-size: 40px;
        margin-top: 0;
        margin-bottom: 15px;
    }
    h3.section-subheading {
        font-size: 16px;
        .serif-font;
        text-transform: none;
        font-style: italic;
        font-weight: 400;
        margin-bottom: 75px;
    }
}

@media(min-width:768px) {
    section {
        padding: 150px 0;
    }
}

// Services Section

.service-heading {
    margin: 15px 0;
    text-transform: none;
}

// Portfolio Section

#portfolio {
    .portfolio-item {
        margin: 0 0 15px;
        right: 0;
        .portfolio-link {
            display: block;
            position: relative;
            max-width: 400px;
            margin: 0 auto;
            .portfolio-hover {
                background: fade(@theme-primary, 90%);
                position: absolute;
                width: 100%;
                height: 100%;
                opacity: 0;
                transition: all ease 0.5s;
                -webkit-transition: all ease 0.5s;
                -moz-transition: all ease 0.5s;
                &:hover {
                    opacity: 1;
                }
                .portfolio-hover-content {
                    position: absolute;
                    width: 100%;
                    height: 20px;
                    font-size: 20px;
                    text-align: center;
                    top: 50%;
                    margin-top: -12px;
                    color: white;
                    i {
                        margin-top: -12px;
                    }
                    h3,
                    h4 {
                        margin: 0;
                    }
                }
            }
        }
        .portfolio-caption {
            max-width: 400px;
            margin: 0 auto;
            background-color: white;
            text-align: center;
            padding: 25px;
            h4 {
                text-transform: none;
                margin: 0;
            }
            p {
                .serif-font;
                font-style: italic;
                font-size: 16px;
                margin: 0;
            }
        }
    }
    * {
        z-index: 2;
    }
}

@media(min-width:767px) {
    #portfolio {
        .portfolio-item {
            margin: 0 0 30px;
        }
    }
}

// Timeline

.timeline {
    list-style: none;
    padding: 0;
    position: relative;
    &:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: "";
        width: 2px;
        background-color: #f1f1f1;
        left: 40px;
        margin-left: -1.5px;
    }
    > li {
        margin-bottom: 50px;
        position: relative;
        min-height: 50px;
        &:before,
        &:after {
            content: " ";
            display: table;
        }
        &:after {
            clear: both;
        }
        .timeline-panel {
            width: 100%;
            float: right;
            padding: 0 20px 0 100px;
            position: relative;
            text-align: left;
            &:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }
            &:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }
        }
        .timeline-image {
            left: 0;
            margin-left: 0;
            width: 80px;
            height: 80px;
            position: absolute;
            z-index: 100;
            background-color: @theme-primary;
            color: white;
            border-radius: 100%;
            border: 7px solid #f1f1f1;
            text-align: center;
            h4 {
                font-size: 10px;
                margin-top: 12px;
                line-height: 14px;
            }
        }
        &.timeline-inverted > .timeline-panel {
            float: right;
            text-align: left;
            padding: 0 20px 0 100px;
            &:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }
            &:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }
        }
        &:last-child {
            margin-bottom: 0;
        }
    }
    .timeline-heading {
        h4 {
            margin-top: 0;
            color: inherit;
            &.subheading {
                text-transform: none;
            }
        }
    }
    .timeline-body {
        > p,
        > ul {
            margin-bottom: 0;
        }
    }
}

@media(min-width:768px) {
    .timeline {
        &:before {
            left: 50%;
        }
        > li {
            margin-bottom: 100px;
            min-height: 100px;
            .timeline-panel {
                width: 41%;
                float: left;
                padding: 0 20px 20px 30px;
                text-align: right;
            }
            .timeline-image {
                width: 100px;
                height: 100px;
                left: 50%;
                margin-left: -50px;
                h4 {
                    font-size: 13px;
                    margin-top: 16px;
                    line-height: 18px;
                }
            }
            &.timeline-inverted > .timeline-panel {
                float: right;
                text-align: left;
                padding: 0 30px 20px 20px;
            }
        }
    }
}

@media(min-width:992px) {
    .timeline {
        > li {
            min-height: 150px;
            .timeline-panel {
                padding: 0 20px 20px;
            }
            .timeline-image {
                width: 150px;
                height: 150px;
                margin-left: -75px;
                h4 {
                    font-size: 18px;
                    margin-top: 30px;
                    line-height: 26px;
                }
            }
            &.timeline-inverted > .timeline-panel {
                padding: 0 20px 20px;
            }
        }
    }
}

@media(min-width:1200px) {
    .timeline {
        > li {
            min-height: 170px;
            .timeline-panel {
                padding: 0 20px 20px 100px;
            }
            .timeline-image {
                width: 170px;
                height: 170px;
                margin-left: -85px;
                h4 {
                    margin-top: 40px;
                }
            }
            &.timeline-inverted > .timeline-panel {
                padding: 0 100px 20px 20px;
            }
        }
    }
}

// Team Section

.team-member {
    text-align: center;
    margin-bottom: 50px;
    img {
        margin: 0 auto;
        border: 7px solid white;
    }
    h4 {
        margin-top: 25px;
        margin-bottom: 0;
        text-transform: none;
    }
    p {
        margin-top: 0;
    }
}

// Clients Aside

aside.clients {
    img {
        margin: 50px auto;
    }
}

// Contact Section

section#contact {
    background-color: @gray-darker;
    background-image: url('../img/map-image.png');
    background-position: center;
    background-repeat: no-repeat;
    .section-heading {
        color: white;
    }
    .form-group {
        margin-bottom: 25px;
        input,
        textarea {
            padding: 20px;
        }
        input.form-control {
            height: auto;
        }
        textarea.form-control {
            height: 236px;
        }
    }
    .form-control:focus {
        border-color: @theme-primary;
        box-shadow: none;
    }
    ::-webkit-input-placeholder {
       .heading-font;
       font-weight: 700;
       color: @gray-lighter;
    }
    :-moz-placeholder { /* Firefox 18- */
       .heading-font;
       font-weight: 700;
       color: @gray-lighter;
    }
    ::-moz-placeholder {  /* Firefox 19+ */
       .heading-font;
       font-weight: 700;
       color: @gray-lighter;
    }
    :-ms-input-placeholder {
       .heading-font;
       font-weight: 700;
       color: @gray-lighter;
    }
    .text-danger {
        color: @theme-danger;
    }
}

// Footer

footer {
    padding: 25px 0;
    text-align: center;
    span.copyright {
        line-height: 40px;
        .heading-font;
        text-transform: none;
    }
    ul.quicklinks {
        margin-bottom: 0;
        line-height: 40px;
        .heading-font;
        text-transform: none;
    }
}

// Social Buttons

ul.social-buttons {
    margin-bottom: 0;
    li {
        a {
            display: block;
            background-color: @gray-darker;
            height: 40px;
            width: 40px;
            border-radius: 100%;
            font-size: 20px;
            line-height: 40px;
            color: white;
            outline: none;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
            &:hover,
            &:focus,
            &:active {
                background-color: @theme-primary;
            }
        }
    }
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
    outline: none;
}

.portfolio-modal {
    .modal-dialog{
        margin: 0;
        height: 100%;
        width: auto;
    }
    .modal-content {
        border-radius: 0;
        background-clip: border-box;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        min-height: 100%;
        padding: 100px 0;
        text-align: center;
        h2 {
            margin-bottom: 15px;
            font-size: 3em;
        }
        p {
            margin-bottom: 30px;
        }
        p.item-intro {
            margin: 20px 0 30px;
            .serif-font;
            font-style: italic;
            font-size: 16px;
        }
        ul.list-inline {
            margin-bottom: 30px;
            margin-top: 0;
        }
        img {
            margin-bottom: 30px;
        }
    }
    .close-modal {
        position: absolute;
        width:75px;
        height:75px;
        background-color:transparent;
        top: 25px;
        right: 25px;
        cursor: pointer;
        &:hover {
            opacity: 0.3;
        }
        .lr {
            height:75px;
            width:1px;
            margin-left:35px;
            background-color:@gray-darker;
            transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            /* IE 9 */
            -webkit-transform: rotate(45deg);
            /* Safari and Chrome */
            z-index:1051;
            .rl {
                height:75px;
                width:1px;
                background-color:@gray-darker;
                transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                /* IE 9 */
                -webkit-transform: rotate(90deg);
                /* Safari and Chrome */
                z-index:1052;
            }
        }
    }
    .modal-backdrop {
        opacity: 0;
        display: none;
    }
}

// Highlight Color Customization

::-moz-selection {
    text-shadow: none;
    background: @theme-primary;
}

::selection {
    text-shadow: none;
    background: @theme-primary;
}

img::selection {
    background: transparent;
}

img::-moz-selection {
    background: transparent;
}

body {
    webkit-tap-highlight-color: @theme-primary;
}

error: pathspec 'less/agency.less' did not match any file(s) known to git


Delete stacked.less

Delete stacked.less

fatal: unable to access 'https://github.com/micklosm/ConstellationGallery-.git/': The requested URL returned error: 403


Added CSS for disabled / deleted threads

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/MenesesEvandro/WCF.git/'


Move status bar stylesheet into package directory

.status-bar {
  padding: 5px 10px;
  font-size: 11px;
  line-height: 14px;
  position: relative;
  -webkit-user-select: none;
  cursor: default;
  overflow: hidden;
}

.status-bar .git-branch {
  float: right;
}

.status-bar .cursor-position,
.status-bar .grammar-name {
  margin-left: 10px;
}

.status-bar .grammar-name {
  cursor: pointer;
  border: 1px solid transparent;
  padding: 1px 2px;
}

.status-bar .branch-label {
  vertical-align: baseline;
}

.status-bar .git-status.octicons {
  display: none;
  padding-left: 10px;
  margin-top:-2px;
}

.status-bar .octicons:before {
  font-family: 'Octicons Regular';
  font-size: 14px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.status-bar .branch-icon:before {
  content: "\f020";
}

.status-bar .modified-status-icon:before {
  content: "\f26d";
}

.status-bar .new-status-icon:before {
  content: "\f26b";
}

.status-bar .ignored-status-icon:before {
  content: "\f099";
  margin-right: 0px;
}

.status-bar .commits-behind-label:before {
  margin-top: -3px;
  margin-left: 3px;
  margin-right: 1px;
  content: "\f03f";
}

.status-bar .commits-ahead-label:before {
  margin-top: -3px;
  margin-left: 3px;
  margin-right: 1px;
  content: "\f03d";
}

error: pathspec 'stylesheets/status-bar.less' did not match any file(s) known to git


Added Responsive Styling Added main.less to compile CSS to main.css for reablility for development. Changed mappanel to display on right and resultspanel to display on the left for helping the user read instructions first. Changed styling of mappanel and resultspanel to take up 100% width on mobile devices and back to 60% and 40% on desktops and tablets. Changed nav to 7% height and mappanel and resultspanel to 92% height, leaving 1% of empty space at the bottom to prevent the short scrolling bug currently seen on lotlinker.com# So far tested in iOS 8+ and Android 5.1 and Chrome 43

.container-fluid {
    background-color: white;
}

.mappanel {
  width: 95%;
  margin-left: 2.5%;
  margin-right: 2.5%;
  height: 65VH;
  display: inline-block;
  position: relative;
}

.resultspanel {
  float: left;
  width: 100%;
  height: 95%;
  float: right;
  padding-top: 3px;
}

.intropanel{
  width: 95%;
  margin-left: 2.5%;
  margin-right: 2.5%;
}

.contentpanel {
  width: 100%;
}

.searchpanel {
  padding-top: 10px;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;

}

#custom-templates{
  width: 100%;
}

.twitter-typeahead{
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  vertical-align: middle;
}

.footerpanel {
  background-color:#666;
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: center;
  width: 100%;

}

.map {
    height:100%;
    width:100%;
    border: 1px solid #ccc;
    margin-left: -2px;
}

.results {

    background-color:0x000;
}

.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

html, body {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  height: 100%;
  max-width: 100%;
  margin:0px;
}

img.small-balloon {
  width: 10px;
}

img.logo {
  width: 100px;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}

img.firstlogo {
  padding-right: 1em;
}

p.footertext {
  font-size:10px;
  padding-top:0;
  margin-top:0;
  color:#fff;
}

p.fineprint {
  font-size:11px;
}

a.header {
  text-decoration: none;
}

ul.scrunched {
  margin-top:4px;
}

p.scrunched-bottom {
  margin-bottom:4px;
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
}

/* Custom page header */
.header {
  border-bottom: 1px solid #e5e5e5;
  /* Make the masthead heading the same height as the navigation */
}

.nav {
  margin:0;
  height: 4rem;
  max-width: 100%;
  background-color: yellow;
  border-bottom: 1px solid #e5e5e5;

  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;

  vertical-align: middle;
  align-items: center;
  padding: 0;
}

.nav li {
  position:relative;
  list-style:none;
  display:inline-block;
}

.nav ul {
  float: left;
  margin-top:0em;
  padding-top:0em;

}

/* Custom page footer */
.footer {
  color: #777;
  border-top: 1px solid #e5e5e5;
}

.container-narrow > hr {
  margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}

/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}

  div.results {
    margin-left:50px;
  }

  .result-text {
    font-size: 17px;
  }

  #progress {
    display: none;
    position: absolute;
    z-index: 1000;
    left: 400px;
    top: 300px;
    width: 200px;
    height: 20px;
    margin-top: -20px;
    margin-left: -100px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 4px;
    padding: 2px;
  }

  #progress-bar {
    width: 0;
    height: 100%;
    background-color: #76A6FC;
    border-radius: 4px;
  }

  .typeahead,
  .tt-query,
  .tt-hint {
    width: 100%;
    height: 3rem;
    font-size: 17px;
    line-height: 26px;
    border: 2px solid #ccc;
    -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
    outline: none;
    flex-grow: 1;
    }

    .typeahead {
      background-color: #fff;
    }

    .typeahead:focus {
      border: 2px solid #0097cf;
    }

    .tt-query {
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
         -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
              box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }

    .tt-hint {
      color: #999
    }

    .tt-dropdown-menu {
      width: 100%;
      margin-top: 12px;
      padding: 8px 0;
      max-height: 150px;
      overflow-y: auto;
      background-color: #fff;
      border: 1px solid #ccc;
      border: 1px solid rgba(0, 0, 0, 0.2);
      -webkit-border-radius: 8px;
         -moz-border-radius: 8px;
              border-radius: 8px;
      -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
         -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
              box-shadow: 0 5px 10px rgba(0,0,0,.2);
    }

    .tt-suggestion {
      padding: 3px 20px;
      font-size: 18px;
      line-height: 24px;
    }

    .tt-suggestion.tt-cursor {
      color: #fff;
      background-color: #0097cf;

    }

    .tt-suggestion p {
      margin: 0;
    }

  .beta-warning{
    text-align: right;
  }

/* Responsive: Portrait tablets and up */
/*Mid Sized Devices, Tablets*/
@media screen and (min-width: 45rem){

    .container {
        max-width: 100%;
    }

    .nav {
      height: 7%;
    }

    /* Remove the padding we set earlier */
    .header,
    .marketing,
    .footer {
      padding-left: 0;
      padding-right: 0;
    }

    /* Space out the masthead */
    .header {
       margin-bottom: 30px;
    }

    .mappanel {
      margin: 0%;
      width: 60%;
      height: 92%;
      display: inline-block;
      position: relative;
    }

    .resultspanel {
      width: 40%;
      margin: 0%;
      float: left;
      height: 92%;
      overflow-y: scroll;

    }

    .intropanel{
      width: 90%;
      margin-left: 5%;
      margin-right: 5%;
    }

    .footerpanel{
      bottom: 0;
    }
}

error: pathspec 'static/style/main.less' did not match any file(s) known to git


Fix GraphQL scrolling

Fix GraphQL scrolling

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/Atvaark/insomnia.git/'


cleanup text

cleanup text

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/aoimedia/uikit.git/'


added style mbottom15 for the vertical lists

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/dedalozzo/pit-bootstrap.git/'


Group-center: rename | add important

fatal: remote error: upload-pack: not our ref f123e6e72747e858b9af4a382dd9824077b759e2
fatal: the remote end hung up unexpectedly


fix(zIndex): Js imports of Zindex was producing empty css file (#418)

> 😂

@ZhenYongSeekAsia: Dude.... like seriously... the pain is real. XD

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/seekinternational/seek-asia-style-guide.git/'