Fix classes

Fix classes

/*==========================
Framework7 Layouts Themes
==========================*/
.layout-dark {
    @pageBg: #222426;
    @barsBg: #131313;
    @barsBorder: #333;
    @barsText: #fff;
    @tabBarText: #fff;
    @text: #ddd;
    @lightText: #bbb;
    @strongText: #fff;
    @activeLink: #29292f;
    @blockBg: #1c1d1f;
    @blockBorder: #393939;
    @blockStrongBg: #1c1d1f;
    @dividerBg: #1a1a1a;
    @itemAfterText: @lightText;
    @searchbarBg: #333;
    @searchbarBorder: #333;
    @swipeoutButton: #444;
    @checkboxBorder: @blockBorder;
    .navbar, .navbar& {
        border-bottom-color: @barsBorder;
        background-color: @barsBg;
        color:@barsText;
    }
    .toolbar, .toolbar& {
        border-top-color: @barsBorder;
        background-color: @barsBg;
        color:@barsText;
    }
    // Picker
    .popover .picker-modal, .picker-modal.picker-modal-inline {
        .picker-center-highlight {
            border-color: @barsBorder;
        }
        .picker-item.picker-selected {
            color:#fff;
        }
    }
    .popover .picker-modal {
        .toolbar {
            border-bottom-color: @barsBorder;
        }
    }
    // Photo Browser
    .photo-browser, .photo-browser&, .view[data-page="photo-browser-slides"], .view[data-page="photo-browser-slides"]& {
        .navbar, .toolbar {
            background: rgba(red(@barsBg), green(@barsBg), blue(@barsBg), 0.95);
        }
    }
    .tabbar a:not(.active) {
        color:@tabBarText;
    }
    .page, .login-screen-content, .page&, .panel, .panel& {
        background-color: @pageBg;
        color:@text;
    }
    .content-block-title {
        color:@strongText;
    }
    .content-block, .content-block& {
        color:@lightText;
    }
    .content-block-inner {
        background: @blockStrongBg;
        color:@text;
        border-color: @blockBorder;
    }
    .list-block, .list-block& {
        ul {
            background: @blockBg;
            border-color: @blockBorder;
        }
        &.inset ul{
            background: @blockStrongBg;
        }
        &.notifications > ul {
            background: none;
        }
    }
    .popover, .popover& {
        background: rgba(0,0,0,0.8);
        .popover-angle:after {
            background: rgba(0,0,0,0.8);
        }
        .list-block ul {
            background: none;
        }

    }
    .actions-popover .list-block ul {
        border-color: @blockBorder;
    }
    .actions-popover .actions-popover-label {
        border-bottom-color: @blockBorder;
    }
    li.sorting {
        background-color: @activeLink;
    }
    .swipeout-actions-left a, .swipeout-actions-right a {
        background-color: @swipeoutButton;
    }
    .item-inner, .list-block ul ul li:last-child .item-inner {
        border-color: @blockBorder;
    }
    .item-after {
        color:@itemAfterText;
    }
    .item-link, label.label-checkbox, label.label-radio {
        html:not(.watch-active-state) &:active, &.active-state {
            background-color: @activeLink;
        }
    }
    .item-link.list-button {
        border-bottom-color: @blockBorder;
    }
    .list-block-label {
        color:@lightText;
    }
    .item-divider, .list-group-title {
        background: @dividerBg;
        color:@lightText;
        border-top-color: @blockBorder;
    }

    // Searchbar
    .searchbar {
        background: @searchbarBg;
        border-bottom-color: @searchbarBorder;
    }

    // Forms
    .list-block, .list-block& {
        input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="datetime-local"], input[type="number"], select, textarea {
            color:@strongText;
        }
    }
    .label-switch .checkbox {
        background-color: @checkboxBorder;
        &:before {
            background-color: @blockBg;
        }
    }
    .range-slider input[type="range"]:after {
        background: @blockBg;
    }

}

/* === White layout === */
.layout-white {
    @pageBg: #fff;
    @barsBg: #fff;
    @barsBorder: #ddd;
    @barsText: #000;
    @tabBarText: #777;
    @text: #000;
    @lightText: #777;
    @strongText: #777;
    @activeLink: #eee;
    @blockBg: @pageBg;
    @blockBorder: #ddd;
    @blockStrongBg: #fafafa;
    @dividerBg: #f7f7f7;
    @itemAfterText: #8e8e93;
    @searchbarBg: #c9c9ce;
    @searchbarBorder: #b4b4b4;
    @swipeoutButton: #c7c7cc;
    @checkboxBorder: #e5e5e5;
    .navbar, .navbar& {
        border-bottom-color: @barsBorder;
        background-color: @barsBg;
        color:@barsText;
    }
    .toolbar, .toolbar& {
        border-top-color: @barsBorder;
        background-color: @barsBg;
        color:@barsText;
    }
    // Picker
    .popover .picker-modal, .picker-modal.picker-modal-inline {
        .picker-center-highlight {
            border-color: @barsBorder;
        }
    }
    .popover .picker-modal {
        .toolbar {
            border-bottom-color: @barsBorder;
        }
    }
    // Photo Browser
    .photo-browser, .photo-browser&, .view[data-page="photo-browser-slides"], .view[data-page="photo-browser-slides"]& {
        .navbar, .toolbar {
            background: rgba(red(@barsBg), green(@barsBg), blue(@barsBg), 0.95);
        }
    }
    .tabbar a:not(.active) {
        color:@tabBarText;
    }
    .page, .login-screen-content, .page&, .panel, .panel& {
        background-color: @pageBg;
        color: @text;
    }
    .content-block-title {
        color:@strongText;
    }
    .content-block, .content-block& {
        color:@lightText;
    }
    .content-block-inner {
        background: @blockStrongBg;
        color:@text;
        border-color: @blockBorder;
    }
    .list-block, .list-block& {
        ul {
            background: @blockBg;
            border-color: @blockBorder;
        }
        &.inset ul{
            background: @blockStrongBg;
        }
        &.notifications > ul {
            background: none;
        }
    }
    .popover-inner > .list-block ul {
        background: none;
    }
    li.sorting {
        background-color: @activeLink;
    }
    .swipeout-actions-left a, .swipeout-actions-right a {
        background-color: @swipeoutButton;
    }
    .item-inner, .list-block ul ul li:last-child .item-inner {
        border-color: @blockBorder;
    }
    .item-after {
        color:@itemAfterText;
    }
    .item-link, label.label-checkbox, label.label-radio {
        html:not(.watch-active-state) &:active, &.active-state {
            background-color: @activeLink;
        }
    }
    .item-link.list-button {
        border-bottom-color: @blockBorder;
    }
    .list-block-label {
        color:@lightText;
    }
    .item-divider, .list-group-title {
        background: @dividerBg;
        color:@lightText;
        border-top-color: @blockBorder;
    }

    // Searchbar
    .searchbar {
        background: @searchbarBg;
        border-bottom-color: @searchbarBorder;
    }

    // Forms
    .list-block, .list-block& {
        input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="datetime-local"], input[type="number"], select, textarea {
            color:@strongText;
        }
    }
    .label-switch .checkbox {
        background-color: @checkboxBorder;
        &:before {
            background-color: @blockBg;
        }
    }
    .range-slider input[type="range"]:after {
        background: @blockBg;
    }
}

/*==========================
Framework7 Layouts Themes
==========================*/
.layout-dark {
    @pageBg: #222426;
    @barsBg: #131313;
    @barsBorder: #333;
    @barsText: #fff;
    @tabBarText: #fff;
    @text: #ddd;
    @lightText: #bbb;
    @strongText: #fff;
    @activeLink: #29292f;
    @blockBg: #1c1d1f;
    @blockBorder: #393939;
    @blockStrongBg: #1c1d1f;
    @dividerBg: #1a1a1a;
    @itemAfterText: @lightText;
    @searchbarBg: #333;
    @searchbarBorder: #333;
    @swipeoutButton: #444;
    @checkboxBorder: @blockBorder;
    .navbar, .navbar& {
        border-bottom-color: @barsBorder;
        background-color: @barsBg;
        color:@barsText;
    }
    .toolbar, .toolbar& {
        border-top-color: @barsBorder;
        background-color: @barsBg;
        color:@barsText;
    }
    // Picker
    .popover .picker, .picker.picker-inline {
        .picker-center-highlight {
            border-color: @barsBorder;
        }
        .picker-item.picker-selected {
            color:#fff;
        }
    }
    .popover .picker {
        .pickerbar {
            border-bottom-color: @barsBorder;
        }
    }
    // Photo Browser
    .photo-browser, .photo-browser&, .view[data-page="photo-browser-slides"], .view[data-page="photo-browser-slides"]& {
        .navbar, .toolbar {
            background: rgba(red(@barsBg), green(@barsBg), blue(@barsBg), 0.95);
        }
    }
    .tabbar a:not(.active) {
        color:@tabBarText;
    }
    .page, .login-screen-content, .page&, .panel, .panel& {
        background-color: @pageBg;
        color:@text;
    }
    .content-block-title {
        color:@strongText;
    }
    .content-block, .content-block& {
        color:@lightText;
    }
    .content-block-inner {
        background: @blockStrongBg;
        color:@text;
        border-color: @blockBorder;
    }
    .list-block, .list-block& {
        ul {
            background: @blockBg;
            border-color: @blockBorder;
        }
        &.inset ul{
            background: @blockStrongBg;
        }
        &.notifications > ul {
            background: none;
        }
    }
    .popover, .popover& {
        background: rgba(0,0,0,0.8);
        .popover-angle:after {
            background: rgba(0,0,0,0.8);
        }
        .list-block ul {
            background: none;
        }

    }
    .actions-popover .list-block ul {
        border-color: @blockBorder;
    }
    .actions-popover .actions-popover-label {
        border-bottom-color: @blockBorder;
    }
    li.sorting {
        background-color: @activeLink;
    }
    .swipeout-actions-left a, .swipeout-actions-right a {
        background-color: @swipeoutButton;
    }
    .item-inner, .list-block ul ul li:last-child .item-inner {
        border-color: @blockBorder;
    }
    .item-after {
        color:@itemAfterText;
    }
    .item-link, label.label-checkbox, label.label-radio {
        html:not(.watch-active-state) &:active, &.active-state {
            background-color: @activeLink;
        }
    }
    .item-link.list-button {
        border-bottom-color: @blockBorder;
    }
    .list-block-label {
        color:@lightText;
    }
    .item-divider, .list-group-title {
        background: @dividerBg;
        color:@lightText;
        border-top-color: @blockBorder;
    }

    // Searchbar
    .searchbar {
        background: @searchbarBg;
        border-bottom-color: @searchbarBorder;
    }

    // Forms
    .list-block, .list-block& {
        input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="datetime-local"], input[type="number"], select, textarea {
            color:@strongText;
        }
    }
    .label-switch .checkbox {
        background-color: @checkboxBorder;
        &:before {
            background-color: @blockBg;
        }
    }
    .range-slider input[type="range"]:after {
        background: @blockBg;
    }

}

/* === White layout === */
.layout-white {
    @pageBg: #fff;
    @barsBg: #fff;
    @barsBorder: #ddd;
    @barsText: #000;
    @tabBarText: #777;
    @text: #000;
    @lightText: #777;
    @strongText: #777;
    @activeLink: #eee;
    @blockBg: @pageBg;
    @blockBorder: #ddd;
    @blockStrongBg: #fafafa;
    @dividerBg: #f7f7f7;
    @itemAfterText: #8e8e93;
    @searchbarBg: #c9c9ce;
    @searchbarBorder: #b4b4b4;
    @swipeoutButton: #c7c7cc;
    @checkboxBorder: #e5e5e5;
    .navbar, .navbar& {
        border-bottom-color: @barsBorder;
        background-color: @barsBg;
        color:@barsText;
    }
    .toolbar, .toolbar& {
        border-top-color: @barsBorder;
        background-color: @barsBg;
        color:@barsText;
    }
    // Picker
    .popover .picker, .picker.picker-inline {
        .picker-center-highlight {
            border-color: @barsBorder;
        }
    }
    .popover .picker {
        .pickerbar {
            border-bottom-color: @barsBorder;
        }
    }
    // Photo Browser
    .photo-browser, .photo-browser&, .view[data-page="photo-browser-slides"], .view[data-page="photo-browser-slides"]& {
        .navbar, .toolbar {
            background: rgba(red(@barsBg), green(@barsBg), blue(@barsBg), 0.95);
        }
    }
    .tabbar a:not(.active) {
        color:@tabBarText;
    }
    .page, .login-screen-content, .page&, .panel, .panel& {
        background-color: @pageBg;
        color: @text;
    }
    .content-block-title {
        color:@strongText;
    }
    .content-block, .content-block& {
        color:@lightText;
    }
    .content-block-inner {
        background: @blockStrongBg;
        color:@text;
        border-color: @blockBorder;
    }
    .list-block, .list-block& {
        ul {
            background: @blockBg;
            border-color: @blockBorder;
        }
        &.inset ul{
            background: @blockStrongBg;
        }
        &.notifications > ul {
            background: none;
        }
    }
    .popover-inner > .list-block ul {
        background: none;
    }
    li.sorting {
        background-color: @activeLink;
    }
    .swipeout-actions-left a, .swipeout-actions-right a {
        background-color: @swipeoutButton;
    }
    .item-inner, .list-block ul ul li:last-child .item-inner {
        border-color: @blockBorder;
    }
    .item-after {
        color:@itemAfterText;
    }
    .item-link, label.label-checkbox, label.label-radio {
        html:not(.watch-active-state) &:active, &.active-state {
            background-color: @activeLink;
        }
    }
    .item-link.list-button {
        border-bottom-color: @blockBorder;
    }
    .list-block-label {
        color:@lightText;
    }
    .item-divider, .list-group-title {
        background: @dividerBg;
        color:@lightText;
        border-top-color: @blockBorder;
    }

    // Searchbar
    .searchbar {
        background: @searchbarBg;
        border-bottom-color: @searchbarBorder;
    }

    // Forms
    .list-block, .list-block& {
        input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="datetime-local"], input[type="number"], select, textarea {
            color:@strongText;
        }
    }
    .label-switch .checkbox {
        background-color: @checkboxBorder;
        &:before {
            background-color: @blockBg;
        }
    }
    .range-slider input[type="range"]:after {
        background: @blockBg;
    }
}


Fix zindex of fab content mask with zindex content greater than 0

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/sonatra/sonatra-theme-gluon.git/'


Fixed code styling.

Fixed code styling.

fatal: unable to access 'https://github.com/bac/juju-gui.git/': The requested URL returned error: 403


setup visibility helpers

setup visibility helpers

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/amazingBastard/sva-accreditation.git/'


Fix bug where separate landing page vars file was pointing images to the wrong destination

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/hevnly/asset-bazaar.git/'


CSS file for docs categories

CSS file for docs categories

error: pathspec 'css/outer/docs/categories.less' did not match any file(s) known to git


Color files based on extension.

Color files based on extension.

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/demhydraz/til.git/'


Set editor highlight colour to accent colour

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/matthewlucock/really-black-ui.git/'


Center cover background

Center cover background

@import (reference) "../styles/custom.less";

.UserHeader {
  background-color: #f3f4f6;
  background-size: cover;
  background-position: center;
  position: relative;

  &__more {
    font-size: 36px !important;
    color: @purple;

    &:hover {
      cursor: pointer;
      color: darken(@purple, 15%);
    }
  }
}

.UserHeader__container {
  display: flex;
  margin: 0 auto;
  max-width: 990px;
  padding: 30px 0;
}

@media screen and (max-width: 990px) {
  .UserHeader__container {
    padding: 30px 16px;
  }
}

.UserHeader__user {
  display: flex;
  flex-direction: column;
  margin: 0 20px;
}

.UserHeader__row {
  display: flex;
}

.UserHeader__handle {
  position: relative;
  top: -8px;
  color: #99aab5;
}

.UserHeader__rank {
  margin-top: -4px;

  & > i {
    font-size: 18px !important;
    vertical-align: -1px;
  }
}

.UserHeader__user__username {
  margin-right: -8px;
  font-weight: 700;
  font-size: 32px;
  color: #353535;

  .ant-tag {
    margin-left: 8px;
    vertical-align: 4px;
  }
}

.UserHeader__user__button {
  position: relative;
  top: 12px;
  margin: 0 10px;
}

@import (reference) "../styles/custom.less";

.UserHeader {
  background-color: #f3f4f6;
  background-size: cover;
  position: relative;

  &__more {
    font-size: 36px !important;
    color: @purple;

    &:hover {
      cursor: pointer;
      color: darken(@purple, 15%);
    }
  }
}

.UserHeader__container {
  display: flex;
  margin: 0 auto;
  max-width: 990px;
  padding: 30px 0;
}

@media screen and (max-width: 990px) {
  .UserHeader__container {
    padding: 30px 16px;
  }
}

.UserHeader__user {
  display: flex;
  flex-direction: column;
  margin: 0 20px;
}

.UserHeader__row {
  display: flex;
}

.UserHeader__handle {
  position: relative;
  top: -8px;
  color: #99aab5;
}

.UserHeader__rank {
  margin-top: -4px;

  & > i {
    font-size: 18px !important;
    vertical-align: -1px;
  }
}

.UserHeader__user__username {
  margin-right: -8px;
  font-weight: 700;
  font-size: 32px;
  color: #353535;

  .ant-tag {
    margin-left: 8px;
    vertical-align: 4px;
  }
}

.UserHeader__user__button {
  position: relative;
  top: 12px;
  margin: 0 10px;
}


Update panel style

Update panel style


just fixed some comment

just fixed some comment

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/'


Fixes #891 (#892)

Fixes #891 (#892)

// Copyright (c) 2012 - present Adobe Systems Incorporated. All rights reserved.
//
// Permission is hereby granted, free of charge, to any person obtaining a
// copy of this software and associated documentation files (the "Software"),
// to deal in the Software without restriction, including without limitation
// the rights to use, copy, modify, merge, publish, distribute, sublicense,
// and/or sell copies of the Software, and to permit persons to whom the
// Software is furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
// DEALINGS IN THE SOFTWARE.

/* Bramble Font - https://www.google.com/fonts/specimen/Inconsolata */
@import url(https://fonts.googleapis.com/css?family=Inconsolata);

/* Brackets Fonts */

/* Alternative weights */

@font-weight-semibold: 500;
@font-weight-light: 200;

/* SourceSansPro Regular */
@font-face {
    font-family: 'SourceSansPro';
    src: url('fonts/SourceSansPro/SourceSansPro-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

/* SourceSansPro Light */
@font-face {
    font-family: 'SourceSansPro';
    src: url('fonts/SourceSansPro/SourceSansPro-Light.ttf');
    font-weight: @font-weight-light;
    font-style: normal;
}

/* SourceSansPro Semibold */
@font-face {
    font-family: 'SourceSansPro';
    src: url('fonts/SourceSansPro/SourceSansPro-Semibold.ttf');
    font-weight: @font-weight-semibold;
    font-style: normal;
}

/* SourceSansPro Italic */
@font-face {
    font-family: 'SourceSansPro';
    src: url('fonts/SourceSansPro/SourceSansPro-It.ttf');
    font-weight: normal;
    font-style: italic;
}

/* SourceCodePro Regular */
@font-face {
    font-family: 'SourceCodePro';
    src: url('fonts/SourceCodePro/SourceCodePro-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

/* SourceCodePro Medium */
@font-face {
    font-family: 'SourceCodePro-Medium';
    src: url('fonts/SourceCodePro/SourceCodePro-Medium.ttf');
    font-weight: normal;
    font-style: normal;
}

/* Font Stacks */

@sansFontFamily: Helvetica, Arial, "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

@sourceFontFamily: "Menlo Regular", Consolas, Inconsolata, "Vera Sans", "Lucida Console", "Courier New", Courier, monospace, fixed;
@sourceFontFamily-Medium: "Menlo Regular", Consolas, Inconsolata, "Vera Sans", "Lucida Console", "Courier New", Courier, monospace, fixed;

// Copyright (c) 2012 - present Adobe Systems Incorporated. All rights reserved.
//
// Permission is hereby granted, free of charge, to any person obtaining a
// copy of this software and associated documentation files (the "Software"),
// to deal in the Software without restriction, including without limitation
// the rights to use, copy, modify, merge, publish, distribute, sublicense,
// and/or sell copies of the Software, and to permit persons to whom the
// Software is furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
// DEALINGS IN THE SOFTWARE.

/* Bramble Font - https://www.google.com/fonts/specimen/Inconsolata */
@import url(https://fonts.googleapis.com/css?family=Inconsolata);

/* Brackets Fonts */

/* Alternative weights */

@font-weight-semibold: 500;
@font-weight-light: 200;

/* SourceSansPro Regular */
@font-face {
    font-family: 'SourceSansPro';
    src: url('fonts/SourceSansPro/SourceSansPro-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

/* SourceSansPro Light */
@font-face {
    font-family: 'SourceSansPro';
    src: url('fonts/SourceSansPro/SourceSansPro-Light.ttf');
    font-weight: @font-weight-light;
    font-style: normal;
}

/* SourceSansPro Semibold */
@font-face {
    font-family: 'SourceSansPro';
    src: url('fonts/SourceSansPro/SourceSansPro-Semibold.ttf');
    font-weight: @font-weight-semibold;
    font-style: normal;
}

/* SourceSansPro Italic */
@font-face {
    font-family: 'SourceSansPro';
    src: url('fonts/SourceSansPro/SourceSansPro-It.ttf');
    font-weight: normal;
    font-style: italic;
}

/* SourceCodePro Regular */
@font-face {
    font-family: 'SourceCodePro';
    src: url('fonts/SourceCodePro/SourceCodePro-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

/* SourceCodePro Medium */
@font-face {
    font-family: 'SourceCodePro-Medium';
    src: url('fonts/SourceCodePro/SourceCodePro-Medium.ttf');
    font-weight: normal;
    font-style: normal;
}

/* Font Stacks */

@sansFontFamily: Helvetica, Arial, "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

@sourceFontFamily: "Menlo Regular", Consolas, Inconsolata, "Vera Sans", "Lucida Console", Courier, monospace, fixed;
@sourceFontFamily-Medium: "Menlo Regular", Consolas, Inconsolata, "Vera Sans", "Lucida Console", Courier, monospace, fixed;


fix notification and username

fix notification and username

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


Create bigbang.less

Create bigbang.less

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


Fixed box size

Fixed box size

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/topics-im/topics.git/'


Delete responsive.less

Delete responsive.less

// Small Screen
// ----------------------------------------------------------------------------/
@media screen and (max-width: unit((@screen-small-max-width / @root-font-size), em)) {
    .@{medium-prefix}down-hide,
    .@{small-prefix}hide,
    .@{medium-prefix}show,
    .@{large-prefix}show {
        display: none;
    }
}

// Medium Screen
// ----------------------------------------------------------------------------/
@media screen and (min-width: unit((@screen-medium-min-width / @root-font-size), em)) and (max-width: unit(((@screen-medium-max-width ) / @root-font-size), em)) {
    .@{medium-prefix}up-hide,
    .@{medium-prefix}down-hide,
    .@{medium-prefix}hide,
    .@{small-prefix}show,
    .@{large-prefix}show {
        display: none;
    }
}

// Large Screen
// ----------------------------------------------------------------------------/
@media screen and (min-width: unit((@screen-large-min-width / @root-font-size), em)) {
    .@{medium-prefix}up-hide,
    .@{large-prefix}hide,
    .@{small-prefix}show,
    .@{medium-prefix}show {
        display: none;
    }
}


New font repo in mozilla.org fix bug 826407

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


Fix cursor style of font icons

Fix cursor style of font icons


bug 932108 - Tabzilla formatting issues

bug 932108 - Tabzilla formatting issues

Repositioned the `Search` placeholder by adjusting the line-height. It was affected by css from the body.

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


fix Layout.Content scrolling style issue (#5480)

@import "../../style/themes/default";
@import "../../style/mixins/index";

@layout-prefix-cls: ~"@{ant-prefix}-layout";

.@{layout-prefix-cls} {
  display: flex;
  flex-direction: column;
  flex: auto;
  overflow: auto;
  background: @layout-body-background;

  &&-has-sider {
    flex-direction: row;
  }

  &-header,
  &-footer {
    flex: 0 0 auto;
  }

  &-header {
    background: @layout-header-background;
    padding: @layout-header-padding;
    height: @layout-header-height;
    line-height: @layout-header-height;
  }

  &-footer {
    padding: @layout-footer-padding;
    color: @text-color;
    font-size: @font-size-base;
  }

  &-content {
    flex: auto;
    overflow: auto;
  }

  &-sider {
    transition: all .3s @ease-out;
    position: relative;
    background: @layout-sider-background;

    &-has-trigger {
      padding-bottom: @layout-trigger-height;
    }

    &-right {
      order: 1;
    }

    &-trigger {
      position: absolute;
      text-align: center;
      width: 100%;
      bottom: 0;
      cursor: pointer;
      height: @layout-trigger-height;
      line-height: @layout-trigger-height;
      background: tint(@heading-color, 20%);
      color: #fff;
    }

    &-zero-width {
      & > * {
        overflow: hidden;
      }

      &-trigger {
        position: absolute;
        top: @layout-header-height;
        right: -@layout-zero-trigger-width;
        text-align: center;
        width: @layout-zero-trigger-width;
        height: @layout-zero-trigger-height;
        line-height: @layout-zero-trigger-height;
        background: @layout-sider-background;
        color: #fff;
        font-size: @layout-zero-trigger-width / 2;
        border-radius: 0 @border-radius-base @border-radius-base 0;
        cursor: pointer;
        transition: background .3s ease;

        &:hover {
          background: tint(@layout-sider-background, 10%);
        }
      }
    }
  }
}

@import "../../style/themes/default";
@import "../../style/mixins/index";

@layout-prefix-cls: ~"@{ant-prefix}-layout";

.@{layout-prefix-cls} {
  display: flex;
  flex-direction: column;
  flex: auto;
  overflow: auto;
  background: @layout-body-background;

  &&-has-sider {
    flex-direction: row;
  }

  &-header,
  &-footer {
    flex: 0 0 auto;
  }

  &-header {
    background: @layout-header-background;
    padding: @layout-header-padding;
    height: @layout-header-height;
    line-height: @layout-header-height;
  }

  &-footer {
    padding: @layout-footer-padding;
    color: @text-color;
    font-size: @font-size-base;
  }

  &-content {
    flex: auto;
  }

  &-sider {
    transition: all .3s @ease-out;
    position: relative;
    background: @layout-sider-background;

    &-has-trigger {
      padding-bottom: @layout-trigger-height;
    }

    &-right {
      order: 1;
    }

    &-trigger {
      position: absolute;
      text-align: center;
      width: 100%;
      bottom: 0;
      cursor: pointer;
      height: @layout-trigger-height;
      line-height: @layout-trigger-height;
      background: tint(@heading-color, 20%);
      color: #fff;
    }

    &-zero-width {
      & > * {
        overflow: hidden;
      }

      &-trigger {
        position: absolute;
        top: @layout-header-height;
        right: -@layout-zero-trigger-width;
        text-align: center;
        width: @layout-zero-trigger-width;
        height: @layout-zero-trigger-height;
        line-height: @layout-zero-trigger-height;
        background: @layout-sider-background;
        color: #fff;
        font-size: @layout-zero-trigger-width / 2;
        border-radius: 0 @border-radius-base @border-radius-base 0;
        cursor: pointer;
        transition: background .3s ease;

        &:hover {
          background: tint(@layout-sider-background, 10%);
        }
      }
    }
  }
}


YBZSAAS-445 bug ssc-grid 列宽以及title的问题

YBZSAAS-445 bug ssc-grid 列宽以及title的问题

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/yyssc/ssc30-admin.git/'


make text spans static

make text spans static

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/liekki/nodebb-plugin-raidstats.git/'


add justify-items

add justify-items

/*################################*\
    xmeter  |  __fallback.justify-items.less
\*################################*/

// Defines how item contents are aligned along the inline/main/row-axis.
// https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items
// https://www.w3.org/TR/css-align-3/
//
// ^param
// : @justify - how items are justified
// ^author
// : Chris Harvey
// ^updated
// : 2017-03-20
.justify-items(@justify: auto) {
  -webkit-justify-items: @justify;
      -ms-justify-items: @justify;
          justify-items: @justify;
}

error: pathspec 'src/__fallback.justify-items.less' did not match any file(s) known to git


add .img-inline style

add .img-inline style

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/sunqb/bootstrap.git/'


fix typo broder -> border

fix typo broder -> border

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/Livefyre/livefyre-bootstrap.git/'


Make chrome transition animation smoothly

@input-number-prefix-cls: ant-input-number;

@import "../mixins/iconfont";
@import "../mixins/input";

.@{input-number-prefix-cls} {
  .input();
  margin: 0;
  padding: 0;
  line-height: 28px;
  font-size: 12px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #D9D9D9;
  border-radius: @border-radius-base;
  overflow: hidden;

  &-handler {
    text-align: center;
    line-height: 0;
    height: 14px;
    overflow: hidden;
    color: #999;
    position: relative;
    transition: all 0.1s linear;
    &:hover {
      background: #fefefe;
    }
    &:hover &-up-inner,
    &:hover &-down-inner {
      color: tint(@primary-color, 20%);
    }
  }

  &-handler-up-inner, &-handler-down-inner {
    .iconfont-mixin();
    line-height: 12px;
    user-select: none;
    position: absolute;
    width: 12px;
    height: 12px;
    transition: all 0.1s linear;
    .iconfont-size-under-12px(7px);
    right: 4px;
    color: #999;
  }

  &:hover {
    .hover();
  }

  &-focused {
    .active();
  }

  &-disabled {
    .disabled();
  }

  &-input-wrap {
    overflow: hidden;
    height: 28px;
  }

  &-input {
    width: 100%;
    text-align: left;
    outline: 0;
    -moz-appearance: textfield;
    line-height: 28px;
    height: 28px;
    transition: all 0.3s linear;
    color: #666;
    border: 0;
    border-radius: @border-radius-base;
    padding: 0 7px;

    &[disabled] {
      .disabled();
    }
  }

  &-lg {
    padding: 0;
    .@{input-number-prefix-cls}-handler-wrap {
      height: 32px;
    }
    .@{input-number-prefix-cls}-input-wrap {
      height: 32px;
    }
    .@{input-number-prefix-cls}-handler {
      height: 16px;
    }

    input {
      height: 32px;
      line-height: 32px;
      font-size: 14px;
    }

    .@{input-number-prefix-cls}-handler-up-inner {
      top: 2px;
    }
    .@{input-number-prefix-cls}-handler-down-inner {
      bottom: 2px;
    }
    .@{input-number-prefix-cls}-handler-up:hover {
      height: 18px;
    }
  }

  &-sm {
    padding: 0;
    .@{input-number-prefix-cls}-handler-wrap {
      height: 22px;
    }
    .@{input-number-prefix-cls}-input-wrap {
      height: 22px;
      overflow: hidden;
      position: relative;
    }
    .@{input-number-prefix-cls}-handler {
      height: 11px;
    }

    input {
      height: 22px;
      line-height: 22px;
      position: absolute;
      top: 0;
    }
    .@{input-number-prefix-cls}-handler-up-inner {
      top: -1px;
    }
    .@{input-number-prefix-cls}-handler-down-inner {
      bottom: -1px;
    }
    .@{input-number-prefix-cls}-handler-up:hover {
      height: 13px;
    }
    .@{input-number-prefix-cls}-handler-down:hover .@{input-number-prefix-cls}-handler-down-inner {
      bottom: 4px;
    }
  }

  &-handler-wrap {
    float: right;
    border-left: 1px solid #D9D9D9;
    width: 22px;
    height: 28px;
    position: relative;
    opacity: 0;
  }

  &:hover &-handler-wrap {
    opacity: 1;
  }

  &-handler-up {
    cursor: pointer;
    &-inner {
      top: 1px;
      .ie-rotate(2);
      &:before {
        text-align: center;
        content: "\e600";
        transform: rotate(180deg);
        -webkit-transform-origin: 47.5% 51%; /* fix chrome position */
      }
    }
    &:hover {
      height: 16px;
    }
    &:hover &-inner {
      margin-top: 2px;
    }
  }

  &-handler-down {
    border-top: 1px solid #D9D9D9;
    top: -1px;
    cursor: pointer;
    &-inner {
      &:before {
        text-align: center;
        content: "\e600";
      }
    }
    &:hover {
      height: 16px;
      margin-top: -2px;
    }
  }

  .handler-disabled() {
    opacity: 0.72;
    color: #ccc !important;
    cursor: default;
    &:hover {
      color: #ccc;
      cursor: default;
    }
  }

  &-handler-down-disabled, &-handler-up-disabled, &-disabled {
    .@{input-number-prefix-cls}-handler-down-inner,
    .@{input-number-prefix-cls}-handler-up-inner {
      .handler-disabled();
    }
  }

  &-disabled {
    .@{input-number-prefix-cls}-input {
      opacity: 0.72;
      cursor: not-allowed;
      background-color: #f3f3f3;
    }
    .@{input-number-prefix-cls}-handler-wrap {
      display: none;
    }
    .@{input-number-prefix-cls}-handler {
      .handler-disabled();
    }
  }
}

@input-number-prefix-cls: ant-input-number;

@import "../mixins/iconfont";
@import "../mixins/input";

.@{input-number-prefix-cls} {
  .input();
  margin: 0;
  padding: 0;
  line-height: 28px;
  font-size: 12px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #D9D9D9;
  border-radius: @border-radius-base;
  overflow: hidden;

  &-handler {
    text-align: center;
    line-height: 0;
    height: 14px;
    overflow: hidden;
    color: #999;
    transition: all 0.2s linear;
    position: relative;
    &:hover {
      background: #fefefe;
    }
    &:hover &-up-inner,
    &:hover &-down-inner {
      color: tint(@primary-color, 20%);
    }
  }

  &-handler-up-inner, &-handler-down-inner {
    .iconfont-mixin();
    line-height: 12px;
    user-select: none;
    position: absolute;
    width: 12px;
    height: 12px;
    transition: all 0.2s linear;
    .iconfont-size-under-12px(7px);
    right: 4px;
    color: #999;
  }

  &:hover {
    .hover();
  }

  &-focused {
    .active();
  }

  &-disabled {
    .disabled();
  }

  &-input-wrap {
    overflow: hidden;
    height: 28px;
  }

  &-input {
    width: 100%;
    text-align: left;
    outline: 0;
    -moz-appearance: textfield;
    line-height: 28px;
    height: 28px;
    transition: all 0.3s linear;
    color: #666;
    border: 0;
    border-radius: @border-radius-base;
    padding: 0 7px;

    &[disabled] {
      .disabled();
    }
  }

  &-lg {
    padding: 0;
    .@{input-number-prefix-cls}-handler-wrap {
      height: 32px;
    }
    .@{input-number-prefix-cls}-input-wrap {
      height: 32px;
    }
    .@{input-number-prefix-cls}-handler {
      height: 16px;
    }

    input {
      height: 32px;
      line-height: 32px;
      font-size: 14px;
    }

    .@{input-number-prefix-cls}-handler-up-inner {
      top: 2px;
    }
    .@{input-number-prefix-cls}-handler-down-inner {
      bottom: 2px;
    }
    .@{input-number-prefix-cls}-handler-up:hover {
      height: 18px;
    }
  }

  &-sm {
    padding: 0;
    .@{input-number-prefix-cls}-handler-wrap {
      height: 22px;
    }
    .@{input-number-prefix-cls}-input-wrap {
      height: 22px;
      overflow: hidden;
      position: relative;
    }
    .@{input-number-prefix-cls}-handler {
      height: 11px;
    }

    input {
      height: 22px;
      line-height: 22px;
      position: absolute;
      top: 0;
    }
    .@{input-number-prefix-cls}-handler-up-inner {
      top: -1px;
    }
    .@{input-number-prefix-cls}-handler-down-inner {
      bottom: -1px;
    }
    .@{input-number-prefix-cls}-handler-up:hover {
      height: 13px;
    }
    .@{input-number-prefix-cls}-handler-down:hover .@{input-number-prefix-cls}-handler-down-inner {
      bottom: 4px;
    }
  }

  &-handler-wrap {
    float: right;
    border-left: 1px solid #D9D9D9;
    width: 22px;
    height: 28px;
    position: relative;
    opacity: 0;
    transition: opacity 0.2s linear;
  }

  &:hover &-handler-wrap {
    opacity: 1;
  }

  &-handler-up {
    cursor: pointer;
    &-inner {
      top: 1px;
      transition: all 0.2s linear;
      .ie-rotate(2);
      &:before {
        text-align: center;
        content: "\e600";
        transform: rotate(180deg);
        -webkit-transform-origin: 47.5% 51%; /* fix chrome position */
      }
    }
    &:hover {
      height: 16px;
    }
    &:hover &-inner {
      margin-top: 2px;
    }
  }

  &-handler-down {
    border-top: 1px solid #D9D9D9;
    top: -1px;
    cursor: pointer;
    &-inner {
      &:before {
        text-align: center;
        content: "\e600";
      }
    }
    &:hover {
      height: 16px;
      margin-top: -2px;
    }
  }

  .handler-disabled() {
    opacity: 0.72;
    color: #ccc !important;
    cursor: default;
    &:hover {
      color: #ccc;
      cursor: default;
    }
  }

  &-handler-down-disabled, &-handler-up-disabled, &-disabled {
    .@{input-number-prefix-cls}-handler-down-inner,
    .@{input-number-prefix-cls}-handler-up-inner {
      .handler-disabled();
    }
  }

  &-disabled {
    .@{input-number-prefix-cls}-input {
      opacity: 0.72;
      cursor: not-allowed;
      background-color: #f3f3f3;
    }
    .@{input-number-prefix-cls}-handler-wrap {
      display: none;
    }
    .@{input-number-prefix-cls}-handler {
      .handler-disabled();
    }
  }
}


Style Body hr

Style Body hr

@import (reference) "../../styles/modules/variables.less";
@import (reference) "../../styles/fonts.less";

.Body {
  font-family: @font-text;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1.6em;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: none;
  margin: 4px 0;

  // Heading

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

  h1 {
    margin: 2.5rem 0 0.3rem;
    font-size: 160%;
  }

  h2 {
    margin: 2.5rem 0 0.3rem;
    font-size: 140%;
  }

  h3 {
    margin: 2rem 0 0.3rem;
    font-size: 120%;
  }

  h4 {
    margin: 1.5rem 0 0.2rem;
    font-size: 110%;
  }

  h5 {
    margin: 1rem 0 0.2rem;
    font-size: 100%;
  }

  h6 {
    margin: 1rem 0 0.2rem;
    font-size: 90%;
  }

  // Paragraph

  p {
    font-size: 100%;
    line-height: 150%;

    &:not(:last-child) {
      margin: 0 0 0.5rem 0;
    }
  }

  // List

  ol {
    list-style-type: decimal;
  }

  ul {
    list-style-type: disc;
  }

  ol,
  ul {
    margin-left: 20px;

    li {
      list-style-position: outside;
      margin: 8px 0;
    }
  }

  // Quote and code

  blockquote {
    padding-left: 1rem;
    margin: 0.4rem 0;
    border-left: 1px solid rgba(0, 0, 0, 0.6);
    color: rgba(0, 0, 0, 0.6);
  }

  :not(pre) > code {
    padding: 2px 4px;
    color: #c7254e;
    background-color: #f9f2f4;
  }

  pre {
    overflow-y: auto;
    padding: 10px 20px;
    margin-bottom: 14px;
    line-height: 1em;
    background-color: #f7f7f9;

    code {
      font-size: 16px;
    }
  }

  // Table

  table {
    width: 100%;
    display: table;

    tr > th {
      text-align: left;
      background-color: #f2f2f2;
    }

    tr > th,
    td {
      padding: 4px 12px;
      word-wrap: break-word;
      vertical-align: middle;
    }

    tr:nth-child(even) {
      td {
        background-color: #f2f2f2;
      }
    }
  }

  // Position

  div.pull-left {
    float: left;
    padding-right: 1rem;
    max-width: 50%;
  }

  div.pull-right {
    float: right;
    padding-left: 1rem;
    max-width: 50%;
  }

  div.text-justify {
    text-align: justify;
  }

  div.text-right {
    text-align: right;
  }

  div.text-center {
    text-align: center;
  }

  div.text-rtl {
    direction: rtl;
  }

  // Images

  img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: none;
    display: inline-block;
    vertical-align: middle;
  }

  hr {
    clear: both;
    margin: 20px auto;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e9e7e7;
  }

  &:after {
    content: "";
    display: table;
    clear: both;
  }

  &--full {
    margin: 0;
    font-size: 18px;

    @media @small {
      font-size: 21px;
    }

    p:not(:last-child) {
      margin: 0 0 1.5rem 0;
    }
  }
}

@import (reference) "../../styles/modules/variables.less";
@import (reference) "../../styles/fonts.less";

.Body {
  font-family: @font-text;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1.6em;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: none;
  margin: 4px 0;

  // Heading

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

  h1 {
    margin: 2.5rem 0 0.3rem;
    font-size: 160%;
  }

  h2 {
    margin: 2.5rem 0 0.3rem;
    font-size: 140%;
  }

  h3 {
    margin: 2rem 0 0.3rem;
    font-size: 120%;
  }

  h4 {
    margin: 1.5rem 0 0.2rem;
    font-size: 110%;
  }

  h5 {
    margin: 1rem 0 0.2rem;
    font-size: 100%;
  }

  h6 {
    margin: 1rem 0 0.2rem;
    font-size: 90%;
  }

  // Paragraph

  p {
    font-size: 100%;
    line-height: 150%;

    &:not(:last-child) {
      margin: 0 0 0.5rem 0;
    }
  }

  // List

  ol {
    list-style-type: decimal;
  }

  ul {
    list-style-type: disc;
  }

  ol,
  ul {
    margin-left: 20px;

    li {
      list-style-position: outside;
      margin: 8px 0;
    }
  }

  // Quote and code

  blockquote {
    padding-left: 1rem;
    margin: 0.4rem 0;
    border-left: 1px solid rgba(0, 0, 0, 0.6);
    color: rgba(0, 0, 0, 0.6);
  }

  :not(pre) > code {
    padding: 2px 4px;
    color: #c7254e;
    background-color: #f9f2f4;
  }

  pre {
    overflow-y: auto;
    padding: 10px 20px;
    margin-bottom: 14px;
    line-height: 1em;
    background-color: #f7f7f9;

    code {
      font-size: 16px;
    }
  }

  // Table

  table {
    width: 100%;
    display: table;

    tr > th {
      text-align: left;
      background-color: #f2f2f2;
    }

    tr > th,
    td {
      padding: 4px 12px;
      word-wrap: break-word;
      vertical-align: middle;
    }

    tr:nth-child(even) {
      td {
        background-color: #f2f2f2;
      }
    }
  }

  // Position

  div.pull-left {
    float: left;
    padding-right: 1rem;
    max-width: 50%;
  }

  div.pull-right {
    float: right;
    padding-left: 1rem;
    max-width: 50%;
  }

  div.text-justify {
    text-align: justify;
  }

  div.text-right {
    text-align: right;
  }

  div.text-center {
    text-align: center;
  }

  div.text-rtl {
    direction: rtl;
  }

  // Images

  img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: none;
    display: inline-block;
    vertical-align: middle;
  }

  hr {
    clear: both;
  }

  &:after {
    content: "";
    display: table;
    clear: both;
  }

  &--full {
    margin: 0;
    font-size: 18px;

    @media @small {
      font-size: 21px;
    }

    p:not(:last-child) {
      margin: 0 0 1.5rem 0;
    }
  }
}


don't show fixed header on mobile or small devices

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


change

change

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/SilentComics/silentcomics.github.io.git/'


Fix cursor on project settings menu

Fix cursor on project settings menu

#hq-sidebar {
  min-height: 1000px;
}

.col-hq-sidebar {
  background-color: darken(@cc-bg, 2);
  padding: 0;
  padding-bottom: 20px;
}

.nav-hq-sidebar {
  font-size: 13px;
  line-height: 18px;

  &.nav > li {
    a {
      padding: 3px 20px;
      .transition(background 1s);
    }
    > a:hover {
      background-color: #dbdbdb;
    }
  }
  &.nav li.active {
    > a, > a:link, > a:visited, > a:hover {
      background-color: @brand-primary;
      color: #ffffff;
    }
  }
  &.nav > li li a {
    padding-left: 30px;
  }
  li.divider {
    height: 1px;
    margin: 8px 10px;
    overflow: hidden;
    background-color: white;
    border-top: 1px solid @cc-neutral-hi;
  }
  .nav-input {
    padding: 3px 20px;
  }
}

.page-actions-toolbar {
  padding: 0px 15px;
}

#reportConfig .page-actions-toolbar {
  padding: 14px 6px;
}

.nav-main-icon {
  font-size: 1.7em;
  line-height: 0.7em;
}

.text-hq-nav-header {
  margin-bottom: 6px;
}

// Bootstrap's default is to use a pointer cursor for the whole nav, which causes elements
// like menu section headers to look clickable. Items that are actually clickable are typically
// links that already have the pointer cursor.
.nav {
  cursor: default;
}

.nav > li > a {
  color: @cc-brand-low;
}

.report-nav{
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
}

#hq-sidebar {
  min-height: 1000px;
}

.col-hq-sidebar {
  background-color: darken(@cc-bg, 2);
  padding: 0;
  padding-bottom: 20px;
}

.nav-hq-sidebar {
  font-size: 13px;
  line-height: 18px;

  &.nav > li {
    a {
      padding: 3px 20px;
      .transition(background 1s);
    }
    > a:hover {
      background-color: #dbdbdb;
    }
  }
  &.nav li.active {
    > a, > a:link, > a:visited, > a:hover {
      background-color: @brand-primary;
      color: #ffffff;
    }
  }
  &.nav > li li a {
    padding-left: 30px;
  }
  li.divider {
    height: 1px;
    margin: 8px 10px;
    overflow: hidden;
    background-color: white;
    border-top: 1px solid @cc-neutral-hi;
  }
  .nav-input {
    padding: 3px 20px;
  }
}

.page-actions-toolbar {
  padding: 0px 15px;
}

#reportConfig .page-actions-toolbar {
  padding: 14px 6px;
}

.nav-main-icon {
  font-size: 1.7em;
  line-height: 0.7em;
}

.text-hq-nav-header {
  margin-bottom: 6px;
}

.nav > li > a {
  color: @cc-brand-low;
}

.report-nav{
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
}


added white-space: nowrap, to avoid text wrap


higher margin utility specificity

higher margin utility specificity

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/'


aaa

aaa

aaa

@import "~base.less";

.content {
    height: 260px;
}

.route-container {
    position: relative;
    margin-bottom: 20px;
}

.header {
    margin-bottom: 10px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 8px;
    border-left: 8px solid @dark-red;
    box-shadow: 0 0 3px @dark-gray;
    padding-left: 20px;
    font-family: "Microsoft YaHei";
    font-size: 24px;
}

.days {
    width: 30px;
    height: 30px;
    float: left;
    padding: 2px;
    border-radius: 6px;
    background-color: @dark-red;
    color: @white;
    text-align: center;
    font-family: "Microsoft YaHei";

    .up {
        display: block;
        line-height: 15px;
        font-weight: bold;
        font-size: 15px;
    }
    .down {
        display: block;
        line-height: 7px;
        font-weight: bold;
        font-size: 7px;
    }
}

.name {
    margin-left: 5px;
    margin-bottom: 10px;
    line-height: 30px;
    font-size: 24px;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    display: inline-block;
}

.title{
    margin-bottom: 5px;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    color: @dark-gray;
}

.route{
    margin-bottom: 10px;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    color: @dark-blue;
    display: inline-block;
}

.desc {
    margin-bottom: 10px;
    height: 80px;
    font-size: 16px;
    font-weight: 300;
    font-family: "Microsoft YaHei";
    color: @black;
}

.detail {
    line-height: 20px;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: @red;
}

.price {
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 20px;
    font-size: 20px;
    color: @dark-red;
}

.teaminfo{
  font-size:20px;
  text-align: center;
  margin-bottom: 20px;
  border-bottom: 3px solid @light-gray;

  h1{
    text-align: left;
    font-size: 1.8em!important;
    margin-bottom: 30px;
  }

  th{
    text-align: center;
  }

  td{
    line-height: 40px;
  }

  .left{
    text-align: left;
  }

  .able {
    width: 50%;
    background-color: @dark-red;
    background-image: none;
    border: none;
    border-radius: 5px;
    text-shadow: none;
    color: @white;
  }

  .enable {
    width: 50%;
    cursor: ;
    background-color: @red;
    background-image: none;
    border: none;
    border-radius: 5px;
    text-shadow: none;
    color: @white;
  }
}

error: pathspec 'src/routes/css/application.less' did not match any file(s) known to git


collapsed navs should not have padding

collapsed navs should not have padding

@import "vendor/bootstrap/bootstrap.less";
@import "navlist.less";

.gallery-row {
  padding: (@grid-gutter-width / 2) 0;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

.alignleft {
  .pull-left;
}

.alignright {
  .pull-right;
}

figure.alignnone {
  margin-left: 0;
  margin-right: 0;
}

body {
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  &.top-navbar {
    &.admin-bar {
      padding-top: 53px;
      .topnavbar {
        &.navbar-fixed-top {
          padding-top: 32px;
        }
      }
    }
  }
  .navbar.navbar-static-top {
    margin-bottom: 0;
  }
  &.bottom-navbar {
    padding-bottom: @navbar-height;
  }
}

// responsive hacks for the navbar
@media screen and (min-width: @screen-sm) {
  body {
    &.top-navbar {
      padding-top: @navbar-height;
    }
    &.bottom-navbar {
      padding-bottom: @navbar-height;
    }
  }
}

// get rid of the pull-left class in wp-admin avatar image
#wpadminbar .pull-left { float: none !important; }

// styling the bottom left corner button
#shoestrap_icon {
  position: fixed;
  top: 20%;
  right: 0;
  z-index: 9999;
  a {
    width: 30px;
    height: 30px;
    line-height: 20px;
    display: block;
    background: @brand-primary;
    color: @body-bg;
    font-size: 20px;
    text-decoration: none;
    padding: 3px 5px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    -webkit-border-radius: 4px 0 0px 4px;
    border-radius: 4px 0px 0px 4px;
    &:hover {
      background: @brand-primary;
    }
  }
}

// Styling the (+) button on the navbar
a.toggle-nav {
  position: relative;
  top: 14px;
  width: 30px;
  height: 30px;
  display:block;
  opacity:0.6;
  z-index:1;
  float: left;
  font-size: 20px;
  color: @navbar-default-link-color;
  text-decoration: none;
  text-align: center;
  -webkit-transition:all 500ms ease-in-out;
  -moz-transition:all 500ms ease-in-out;
  -o-transition:all 500ms ease-in-out;
  -ms-transition:all 500ms ease-in-out;
  &.open {
    opacity:1;
    top: 18px;
  }
}

// Megadrop styles
#megaDrop {
  display: none;
  padding: 20px 10px;
}

// Adding bootstrap btn styles to wordpress's .button elements
.button {
  .btn;
  .btn-default;
}

// make sure that images do don exceed the maximum width of their parent element
.thumbnail {
  max-width: 100%;
  height: auto;
}

// Styles for the social sharing buttons that are generated from the sharrre script
#social-sharing{
  .clearfix;
  .shareme {
    .box{
      .btn;
      .btn-sm;
      display:inline-block;
      position:relative;
      float:left;
      clear:both;
      overflow:hidden;
      -webkit-transition:all 0.3s linear;
      -moz-transition:all 0.3s linear;
      -o-transition:all 0.3s linear;
      transition:all 0.3s linear;
    }
    .left{
      display:block;
      white-space:nowrap;
      -webkit-transition:all 0.2s linear;
      -moz-transition:all 0.2s linear;
      -o-transition:all 0.2s linear;
      transition:all 0.2s linear;
    }
    .middle{
      position:absolute;
      top:0px;
      right:40px;
      width:0px;
      white-space:nowrap;
      text-align:left;
      overflow:hidden;
      -webkit-transition:width 0.3s linear;
      -moz-transition:width 0.3s linear;
      -o-transition:width 0.3s linear;
      transition:width 0.3s linear;
      a{
        padding: 3px 0;
        display: inline-block;
        width: 30px;
        height: 100%;
        text-align:center;
        float:left;
        &:hover{
          text-decoration:none;
        }
      }
    }
    .right{
      position:absolute;
      right:0px;
      top:0px;
      height:100%;
      width: 3em;
      text-align:center;
      line-height:22px;
    }
  }
}

//Styling social inline links in navbar
#navbar_social_bar a:hover, #footer_social_bar a:active {
  text-decoration: none;
}

// Styling the '.label-tag' tag
.label {
  &.label-tag {
    background: @gray-lighter;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
    a {
      color: @text-color;
      -webkit-transition:all 0.3s linear;
      -moz-transition:all 0.3s linear;
      -o-transition:all 0.3s linear;
      transition:all 0.3s linear;
      &:hover {
        text-decoration: none;
      }
    }
    &:hover {
      background: @gray;
      a {
        color: @body-bg;
      }
    }
  }
}

//
@media (min-width: @screen-sm) {
  .meta-row {
    height: 1.7em;
    overflow: hidden;
   &:hover {
      overflow: visible;
    }
    .tags-container {
      background: @body-bg;
      position: absolute;
      line-height: 1.7em;
      z-index: 99;
    }
    i.icon {
      color: @brand-info;
      &.icon-comment {
        color: @brand-warning;
      }
    }
  }
}

.jumbotron {
  border-radius: 0px;

}

// #boxed-container {
//   .jumbotron {
//     .border-bottom-radius(@border-radius-large)
//   }
// }

.navbar {
  a.toggle-nav {
    margin-top: (((@navbar-height - (2 * @line-height-computed)) / 2) - 3);
  }
  #searchform {
    // margin-top: (((@navbar-height - (2 * @line-height-computed)) / 2));
    border: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .dropdown-menu {
    padding: 0;
    background: @navbar-default-bg;
    li.active a,
    li:hover a{
      background: @navbar-default-link-active-bg;
      color: @navbar-default-link-active-color;
    }
  }

  &.style1 {
    li:first-child > a {
      //padding-bottom: (((@navbar-height - @line-height-computed) / 2) - 3);
    }

    .open > a,
    .open > a:hover,
    .open > a:focus,
    a:hover,
    a:focus {
      &:first-child {
        background: @navbar-default-bg;
        border-bottom: 5px solid @brand-primary;
        padding-bottom: 10px;
      }

    }

    .active > a,
    .active > a:hover,
    .active > a:focus {
      background: @navbar-default-bg;
      border-bottom: 5px solid @brand-primary;
    }
    .dropdown-menu {
      border-top: 5px;
      margin-top: -5px;
      padding-top: 0;
      padding-bottom: 0;
      right: auto !important;
      border-top: 1px solid @brand-primary;
      a,
      a:hover,
      a:focus {
        background: block;
        color: @brand-primary;
        border-bottom: 0;
        border-top: 1px solid @brand-primary;
        padding-bottom: 0px;
      }
    }
    .navbar-nav > li > a {
        padding-bottom: 10px;
    }
  }
  &.style2 {
    li > a {
      padding-top: (((@navbar-height - @line-height-computed) / 2));
    }
    .active > a,
    .active > a:hover,
    .active > a:focus {
      background: @navbar-default-bg;
      border-top: 3px solid @brand-primary;
      padding-top: (((@navbar-height - @line-height-computed) / 2) - 3);
    }
    li ul li > a {
      border-top: none !important;
      padding-top: 0 !important;
    }
    .dropdown-menu {
      .active > a,
      .active > a:hover,
      .active > a:focus {
        color: @brand-primary;
      }
    }
  }
  &.style3 {
    border-top: 5px solid @brand-primary;
    .active > a,
    .active > a:hover,
    .active > a:focus {
      border-top: 5px solid @brand-warning;
      margin-top: -5px;
    }
    .dropdown-menu {
      .active > a,
      .active > a:hover,
      .active > a:focus {
      border-top: 2px solid @brand-warning !important;
      }
    }
  }
  &.style4 {
    border-top: 5px solid @brand-primary;
    li > a {
    }
    .active > a,
    .active > a:hover,
    .active > a:focus {
      background: @brand-primary;
      color: @body-bg;
    }
  }
  &.style5 {
    .active > a,
    .active > a:hover,
    .active > a:focus {
      background: @body-bg;
      color: @link-color;
    }
  }
  &.style6 {
    border-bottom: 5px solid @brand-primary;
    li > a {
    }
    .active > a,
    .active > a:hover,
    .active > a:focus {
      border-bottom: 5px solid @brand-warning;
      margin-bottom: -5px;
    }
    .dropdown-menu {
      .active > a,
      .active > a:hover,
      .active > a:focus {
        border-bottom: 2px solid @brand-warning !important;
      }
    }
  }
  &.metro {
    .active > a,
    .active > a:hover,
    .active > a:focus {
      background: @brand-danger;
    }
    li.open {
      a.dropdown-toggle {
        background: @brand-primary;
      }
    }
    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus {
      background: @brand-primary;
    }
  }
}

.navbar a.navbar-brand {
  max-width: inherit !important;

  &.logo {
    height: @navbar-height;
    padding: @padding-base-vertical;
    img {
      max-height: 100%;
      width: auto;
      max-width: inherit !important;
    }
  }
  &.text {
    padding: ((@navbar-height - @line-height-computed) / 2) 15px;
    max-width: 100%;
  }
}

@media (max-width: @container-tablet) {
  .dropdown-menu {
    position: inherit;
    float: none;
    top: auto;
  }
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-radius: @border-radius-base;
}

.btn-group.social-share {
  .social-link {
    display: none;
  }
  &:hover {
    .social-share-main {
      border-bottom-right-radius: 0px !important;
      border-top-right-radius: 0px !important;
    }
    a {
      display: block;
      width: auto;
      padding: @padding-base-vertical @padding-base-horizontal;
    }
    a:hover {
      // ??
    }
  }
}

h1, .h1 {
  font-family: @heading-h1-face;
  font-weight: @heading-h1-weight;
  font-style: @heading-h1-style;
  color: @heading-h1-color;
}

h2, .h2 {
  font-family: @heading-h2-face;
  font-weight: @heading-h2-weight;
  font-style: @heading-h2-style;
  color: @heading-h2-color;
}

h3, .h3 {
  font-family: @heading-h3-face;
  font-weight: @heading-h3-weight;
  font-style: @heading-h3-style;
  color: @heading-h3-color;
}

h4, .h4 {
  font-family: @heading-h4-face;
  font-weight: @heading-h4-weight;
  font-style: @heading-h4-style;
  color: @heading-h4-color;
}

h5, .h5 {
  font-family: @heading-h5-face;
  font-weight: @heading-h5-weight;
  font-style: @heading-h5-style;
  color: @heading-h5-color;
}

h6, .h6 {
  font-family: @heading-h6-face;
  font-weight: @heading-h6-weight;
  font-style: @heading-h6-style;
  color: @heading-h6-color;
}

.header-wrapper {
  padding: @grid-gutter-width (@grid-gutter-width / 2);
}

@media screen and (min-width: (@container-desktop + @grid-gutter-width)) {
  .main-float-right main.main {
    float: right;
  }
}

.boxed-style .boxed-container {
  margin-top: @navbar-margin-top;
}

img {
  max-width: 100%;
  height: auto;
}

.tags-container {
  ul.post-categories {
    margin-left: 0;
    padding-left: 0;
    .clearfix;
    li {
      list-style: none;
      list-style-type: none;
      margin-left: 0;
      padding-left: 0;
      float: left;
      margin-bottom: 0.2em;
      margin-right: 0.2em;
    }
  }
  a {
    .label;
    .label-tag;
  }
}

table {
  .table;
}

iframe.twitter-tweet.twitter-tweet-rendered {
  width: 100%;
}

.breadcrumb {
  overflow: hidden;
}

.contact-form {
  .pushbutton-wide {
    .btn;
    .btn-primary;
  }
}

// Sub menus
// ---------------------------
.dropdown-submenu {
  position: relative;
}
// Default dropdowns
li.dropdown ul.dropdown-menu li.dropdown > .dropdown-menu {
  top: 0;
  left: 100%;
}
li.dropdown ul.dropdown-menu li.dropdown:hover > .dropdown-menu {
  display: block;
}

// Left aligned submenus
li.dropdown ul.dropdown-menu li.dropdown.pull-left {
  float: none;
}

.widget_search {
  form#searchform {
    position: relative;
    input.form-control {
      padding-right: ((@padding-base-horizontal * 2) + @font-size-base);
    }
    button#searchsubmit {
      position: absolute;
      top: 0;
      right: 0;
      .border-left-radius(0px);
    }
  }
}

.navbar {
  font-family:  @navbar-font-family;
  font-size:    @navbar-font-size;
  font-style:   @navbar-font-style;
  font-weight:  @navbar-font-weight;
  li > a {
    color:        @navbar-default-link-color !important;
  }
  a.navbar-brand {
    font-family:  @brand-font-family;
    font-size:    @brand-font-size;
    font-style:   @brand-font-style;
    font-weight:  @brand-font-weight;
    color:        @brand-font-color;
  }
  .nav.nav-pills {
    li a {
      padding: @navbar-padding-vertical @navbar-padding-horizontal;
    }
  }
}

//Styling selects in widgets
.widget select {
  width: 100%;
  color: @link-color;
  background-color: @body-bg;
  height: 110%;
  font-size: 110%;
}

//
// Jumbotron
// --------------------------------------------------

.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  line-height: (@line-height-base * 1.5);
  font-weight:  @jumbotron-font-weight;
  font-style:   @jumbotron-font-style;
  font-family:  @jumbotron-font-family;
  background-color: @jumbotron-bg;
  h1, h2, h3, h4, h5, h6 {
    font-weight:  @jumbotron-headers-font-weight;
    font-style:   @jumbotron-headers-font-style;
    font-family:  @jumbotron-headers-font-family;
  }
  p {
    line-height: 1.4;
  }

  @media screen and (min-width: @screen-tablet) {
    padding: 50px 60px;
    border-radius: @border-radius-large; // Only round corners at higher resolutions
    h1 {
      font-size: (@font-size-base * 4.5);
    }
  }
}

//Having topnavbar always on top of secondary
.topnavbar {
  z-index: @zindex-navbar;
  &.navbar-fixed-top {
    z-index: @zindex-navbar-fixed;
  }
}
.secondary {
  z-index: 1;
}

.widget {
  &.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.nav-pills > li > a {
  border-radius: @border-radius-base;
}

.container .jumbotron {
  .border-top-radius(0px);
}

.page-header {
  padding-top: ((@line-height-computed / 2) - 1);
}

@media (min-width: @screen-sm) {
  .container > .navbar-header,
  .container > .navbar-collapse {
    margin-left: (@grid-gutter-width / 2);
  }

  .wrap.main-section .content {
    padding-left: (@grid-gutter-width / 2);
    padding-right: (@grid-gutter-width / 2);
  }
}

.boxed-container {
  .container > .navbar-header,
  .container > .navbar-collapse {
    margin-right: (@grid-gutter-width / 2);
    margin-left: 0;
  }
}

@media (max-width: @screen-sm) {
  .navbar .pull-right {
    float: none !important;
  }
}

.wrap.main-section .content .bg {
  padding-top: (@grid-gutter-width / 2);
}

html {
  overflow-x: hidden;
}

ul.comment {
  padding-left: 0;
}

.banner-navbar-static-left-mixin {
  position: fixed;
  overflow-y: auto;
  height: 100%;
  padding: 0;
  border-radius : 0px;
  top:0;

  .nav-main.navbar-collapse {
    padding: 0;

    ul.nav.navbar-nav,
    .pull-right {
      float: none !important;

      > li {
        width: 100%;
      }
    }
  }

  form#searchform {
    padding: (@grid-gutter-width / 2);
  }

  .logo {
    max-width: 100% !important;
    height: auto;
  }
}

.static-menu-main-mixin {
  &.col-static-1  { padding-left: 91.66%; }
  &.col-static-2  { padding-left: 83.33%; }
  &.col-static-3  { padding-left: 75%;    }
  &.col-static-4  { padding-left: 66.66%; }
  &.col-static-5  { padding-left: 58.33%; }
  &.col-static-6  { padding-left: 50%;    }
  &.col-static-7  { padding-left: 41.66%; }
  &.col-static-8  { padding-left: 33.33%; }
  &.col-static-9  { padding-left: 25%;    }
  &.col-static-10 { padding-left: 16.66%; }
  &.col-static-11 { padding-left: 8.332%; }
}

@media (min-width: @screen-xs) {
  header.xs {
    &.banner.navbar.static-left {
      .banner-navbar-static-left-mixin;
    }
  }
  header.sm.banner.navbar.static-left,
  header.md.banner.navbar.static-left,
  header.lg.banner.navbar.static-left {
    padding-left: 0;
    padding-right: 0;
  }
  section.xs {
    &.static-menu-main {
      .static-menu-main-mixin;
    }
  }
}

@media (min-width: @screen-sm) {
  header.sm {
    &.banner.navbar.static-left {
      .banner-navbar-static-left-mixin;
    }
  }
  header.md.banner.navbar.static-left,
  header.lg.banner.navbar.static-left {
    padding-left: 0;
    padding-right: 0;
  }
  section.sm {
    &.static-menu-main {
      .static-menu-main-mixin;
    }
  }
}

@media (min-width: @screen-md) {
  header.md {
    &.banner.navbar.static-left {
      .banner-navbar-static-left-mixin;
    }
  }
  header.lg.banner.navbar.static-left {
    padding-left: 0;
    padding-right: 0;
  }
  section.md {
    &.static-menu-main {
      .static-menu-main-mixin;
    }
  }
}

@media (min-width: @screen-lg) {
  header.lg {
    &.banner.navbar.static-left {
      .banner-navbar-static-left-mixin;
    }
  }
  section.lg {
    &.static-menu-main {
      .static-menu-main-mixin;
    }
  }
}

@import "vendor/bootstrap/bootstrap.less";
@import "navlist.less";

.gallery-row {
  padding: (@grid-gutter-width / 2) 0;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

.alignleft {
  .pull-left;
}

.alignright {
  .pull-right;
}

figure.alignnone {
  margin-left: 0;
  margin-right: 0;
}

body {
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  &.top-navbar {
    &.admin-bar {
      padding-top: 53px;
      .topnavbar {
        &.navbar-fixed-top {
          padding-top: 32px;
        }
      }
    }
  }
  .navbar.navbar-static-top {
    margin-bottom: 0;
  }
  &.bottom-navbar {
    padding-bottom: @navbar-height;
  }
}

// responsive hacks for the navbar
@media screen and (min-width: @screen-sm) {
  body {
    &.top-navbar {
      padding-top: @navbar-height;
    }
    &.bottom-navbar {
      padding-bottom: @navbar-height;
    }
  }
}

// get rid of the pull-left class in wp-admin avatar image
#wpadminbar .pull-left { float: none !important; }

// styling the bottom left corner button
#shoestrap_icon {
  position: fixed;
  top: 20%;
  right: 0;
  z-index: 9999;
  a {
    width: 30px;
    height: 30px;
    line-height: 20px;
    display: block;
    background: @brand-primary;
    color: @body-bg;
    font-size: 20px;
    text-decoration: none;
    padding: 3px 5px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    -webkit-border-radius: 4px 0 0px 4px;
    border-radius: 4px 0px 0px 4px;
    &:hover {
      background: @brand-primary;
    }
  }
}

// Styling the (+) button on the navbar
a.toggle-nav {
  position: relative;
  top: 14px;
  width: 30px;
  height: 30px;
  display:block;
  opacity:0.6;
  z-index:1;
  float: left;
  font-size: 20px;
  color: @navbar-default-link-color;
  text-decoration: none;
  text-align: center;
  -webkit-transition:all 500ms ease-in-out;
  -moz-transition:all 500ms ease-in-out;
  -o-transition:all 500ms ease-in-out;
  -ms-transition:all 500ms ease-in-out;
  &.open {
    opacity:1;
    top: 18px;
  }
}

// Megadrop styles
#megaDrop {
  display: none;
  padding: 20px 10px;
}

// Adding bootstrap btn styles to wordpress's .button elements
.button {
  .btn;
  .btn-default;
}

// make sure that images do don exceed the maximum width of their parent element
.thumbnail {
  max-width: 100%;
  height: auto;
}

// Styles for the social sharing buttons that are generated from the sharrre script
#social-sharing{
  .clearfix;
  .shareme {
    .box{
      .btn;
      .btn-sm;
      display:inline-block;
      position:relative;
      float:left;
      clear:both;
      overflow:hidden;
      -webkit-transition:all 0.3s linear;
      -moz-transition:all 0.3s linear;
      -o-transition:all 0.3s linear;
      transition:all 0.3s linear;
    }
    .left{
      display:block;
      white-space:nowrap;
      -webkit-transition:all 0.2s linear;
      -moz-transition:all 0.2s linear;
      -o-transition:all 0.2s linear;
      transition:all 0.2s linear;
    }
    .middle{
      position:absolute;
      top:0px;
      right:40px;
      width:0px;
      white-space:nowrap;
      text-align:left;
      overflow:hidden;
      -webkit-transition:width 0.3s linear;
      -moz-transition:width 0.3s linear;
      -o-transition:width 0.3s linear;
      transition:width 0.3s linear;
      a{
        padding: 3px 0;
        display: inline-block;
        width: 30px;
        height: 100%;
        text-align:center;
        float:left;
        &:hover{
          text-decoration:none;
        }
      }
    }
    .right{
      position:absolute;
      right:0px;
      top:0px;
      height:100%;
      width: 3em;
      text-align:center;
      line-height:22px;
    }
  }
}

//Styling social inline links in navbar
#navbar_social_bar a:hover, #footer_social_bar a:active {
  text-decoration: none;
}

// Styling the '.label-tag' tag
.label {
  &.label-tag {
    background: @gray-lighter;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
    a {
      color: @text-color;
      -webkit-transition:all 0.3s linear;
      -moz-transition:all 0.3s linear;
      -o-transition:all 0.3s linear;
      transition:all 0.3s linear;
      &:hover {
        text-decoration: none;
      }
    }
    &:hover {
      background: @gray;
      a {
        color: @body-bg;
      }
    }
  }
}

//
@media (min-width: @screen-sm) {
  .meta-row {
    height: 1.7em;
    overflow: hidden;
   &:hover {
      overflow: visible;
    }
    .tags-container {
      background: @body-bg;
      position: absolute;
      line-height: 1.7em;
      z-index: 99;
    }
    i.icon {
      color: @brand-info;
      &.icon-comment {
        color: @brand-warning;
      }
    }
  }
}

.jumbotron {
  border-radius: 0px;

}

// #boxed-container {
//   .jumbotron {
//     .border-bottom-radius(@border-radius-large)
//   }
// }

.navbar {
  a.toggle-nav {
    margin-top: (((@navbar-height - (2 * @line-height-computed)) / 2) - 3);
  }
  #searchform {
    // margin-top: (((@navbar-height - (2 * @line-height-computed)) / 2));
    border: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .dropdown-menu {
    padding: 0;
    background: @navbar-default-bg;
    li.active a,
    li:hover a{
      background: @navbar-default-link-active-bg;
      color: @navbar-default-link-active-color;
    }
  }

  &.style1 {
    li:first-child > a {
      //padding-bottom: (((@navbar-height - @line-height-computed) / 2) - 3);
    }

    .open > a,
    .open > a:hover,
    .open > a:focus,
    a:hover,
    a:focus {
      &:first-child {
        background: @navbar-default-bg;
        border-bottom: 5px solid @brand-primary;
        padding-bottom: 10px;
      }

    }

    .active > a,
    .active > a:hover,
    .active > a:focus {
      background: @navbar-default-bg;
      border-bottom: 5px solid @brand-primary;
    }
    .dropdown-menu {
      border-top: 5px;
      margin-top: -5px;
      padding-top: 0;
      padding-bottom: 0;
      right: auto !important;
      border-top: 1px solid @brand-primary;
      a,
      a:hover,
      a:focus {
        background: block;
        color: @brand-primary;
        border-bottom: 0;
        border-top: 1px solid @brand-primary;
        padding-bottom: 0px;
      }
    }
    .navbar-nav > li > a {
        padding-bottom: 10px;
    }
  }
  &.style2 {
    li > a {
      padding-top: (((@navbar-height - @line-height-computed) / 2));
    }
    .active > a,
    .active > a:hover,
    .active > a:focus {
      background: @navbar-default-bg;
      border-top: 3px solid @brand-primary;
      padding-top: (((@navbar-height - @line-height-computed) / 2) - 3);
    }
    li ul li > a {
      border-top: none !important;
      padding-top: 0 !important;
    }
    .dropdown-menu {
      .active > a,
      .active > a:hover,
      .active > a:focus {
        color: @brand-primary;
      }
    }
  }
  &.style3 {
    border-top: 5px solid @brand-primary;
    .active > a,
    .active > a:hover,
    .active > a:focus {
      border-top: 5px solid @brand-warning;
      margin-top: -5px;
    }
    .dropdown-menu {
      .active > a,
      .active > a:hover,
      .active > a:focus {
      border-top: 2px solid @brand-warning !important;
      }
    }
  }
  &.style4 {
    border-top: 5px solid @brand-primary;
    li > a {
    }
    .active > a,
    .active > a:hover,
    .active > a:focus {
      background: @brand-primary;
      color: @body-bg;
    }
  }
  &.style5 {
    .active > a,
    .active > a:hover,
    .active > a:focus {
      background: @body-bg;
      color: @link-color;
    }
  }
  &.style6 {
    border-bottom: 5px solid @brand-primary;
    li > a {
    }
    .active > a,
    .active > a:hover,
    .active > a:focus {
      border-bottom: 5px solid @brand-warning;
      margin-bottom: -5px;
    }
    .dropdown-menu {
      .active > a,
      .active > a:hover,
      .active > a:focus {
        border-bottom: 2px solid @brand-warning !important;
      }
    }
  }
  &.metro {
    .active > a,
    .active > a:hover,
    .active > a:focus {
      background: @brand-danger;
    }
    li.open {
      a.dropdown-toggle {
        background: @brand-primary;
      }
    }
    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus {
      background: @brand-primary;
    }
  }
}

.navbar a.navbar-brand {
  max-width: inherit !important;

  &.logo {
    height: @navbar-height;
    padding: @padding-base-vertical;
    img {
      max-height: 100%;
      width: auto;
      max-width: inherit !important;
    }
  }
  &.text {
    padding: ((@navbar-height - @line-height-computed) / 2) 15px;
    max-width: 100%;
  }
}

@media (max-width: @container-tablet) {
  .dropdown-menu {
    position: inherit;
    float: none;
    top: auto;
  }
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-radius: @border-radius-base;
}

.btn-group.social-share {
  .social-link {
    display: none;
  }
  &:hover {
    .social-share-main {
      border-bottom-right-radius: 0px !important;
      border-top-right-radius: 0px !important;
    }
    a {
      display: block;
      width: auto;
      padding: @padding-base-vertical @padding-base-horizontal;
    }
    a:hover {
      // ??
    }
  }
}

h1, .h1 {
  font-family: @heading-h1-face;
  font-weight: @heading-h1-weight;
  font-style: @heading-h1-style;
  color: @heading-h1-color;
}

h2, .h2 {
  font-family: @heading-h2-face;
  font-weight: @heading-h2-weight;
  font-style: @heading-h2-style;
  color: @heading-h2-color;
}

h3, .h3 {
  font-family: @heading-h3-face;
  font-weight: @heading-h3-weight;
  font-style: @heading-h3-style;
  color: @heading-h3-color;
}

h4, .h4 {
  font-family: @heading-h4-face;
  font-weight: @heading-h4-weight;
  font-style: @heading-h4-style;
  color: @heading-h4-color;
}

h5, .h5 {
  font-family: @heading-h5-face;
  font-weight: @heading-h5-weight;
  font-style: @heading-h5-style;
  color: @heading-h5-color;
}

h6, .h6 {
  font-family: @heading-h6-face;
  font-weight: @heading-h6-weight;
  font-style: @heading-h6-style;
  color: @heading-h6-color;
}

.header-wrapper {
  padding: @grid-gutter-width (@grid-gutter-width / 2);
}

@media screen and (min-width: (@container-desktop + @grid-gutter-width)) {
  .main-float-right main.main {
    float: right;
  }
}

.boxed-style .boxed-container {
  margin-top: @navbar-margin-top;
}

img {
  max-width: 100%;
  height: auto;
}

.tags-container {
  ul.post-categories {
    margin-left: 0;
    padding-left: 0;
    .clearfix;
    li {
      list-style: none;
      list-style-type: none;
      margin-left: 0;
      padding-left: 0;
      float: left;
      margin-bottom: 0.2em;
      margin-right: 0.2em;
    }
  }
  a {
    .label;
    .label-tag;
  }
}

table {
  .table;
}

iframe.twitter-tweet.twitter-tweet-rendered {
  width: 100%;
}

.breadcrumb {
  overflow: hidden;
}

.contact-form {
  .pushbutton-wide {
    .btn;
    .btn-primary;
  }
}

// Sub menus
// ---------------------------
.dropdown-submenu {
  position: relative;
}
// Default dropdowns
li.dropdown ul.dropdown-menu li.dropdown > .dropdown-menu {
  top: 0;
  left: 100%;
}
li.dropdown ul.dropdown-menu li.dropdown:hover > .dropdown-menu {
  display: block;
}

// Left aligned submenus
li.dropdown ul.dropdown-menu li.dropdown.pull-left {
  float: none;
}

.widget_search {
  form#searchform {
    position: relative;
    input.form-control {
      padding-right: ((@padding-base-horizontal * 2) + @font-size-base);
    }
    button#searchsubmit {
      position: absolute;
      top: 0;
      right: 0;
      .border-left-radius(0px);
    }
  }
}

.navbar {
  font-family:  @navbar-font-family;
  font-size:    @navbar-font-size;
  font-style:   @navbar-font-style;
  font-weight:  @navbar-font-weight;
  li > a {
    color:        @navbar-default-link-color !important;
  }
  a.navbar-brand {
    font-family:  @brand-font-family;
    font-size:    @brand-font-size;
    font-style:   @brand-font-style;
    font-weight:  @brand-font-weight;
    color:        @brand-font-color;
  }
  .nav.nav-pills {
    li a {
      padding: @navbar-padding-vertical @navbar-padding-horizontal;
    }
  }
}

//Styling selects in widgets
.widget select {
  width: 100%;
  color: @link-color;
  background-color: @body-bg;
  height: 110%;
  font-size: 110%;
}

//
// Jumbotron
// --------------------------------------------------

.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  line-height: (@line-height-base * 1.5);
  font-weight:  @jumbotron-font-weight;
  font-style:   @jumbotron-font-style;
  font-family:  @jumbotron-font-family;
  background-color: @jumbotron-bg;
  h1, h2, h3, h4, h5, h6 {
    font-weight:  @jumbotron-headers-font-weight;
    font-style:   @jumbotron-headers-font-style;
    font-family:  @jumbotron-headers-font-family;
  }
  p {
    line-height: 1.4;
  }

  @media screen and (min-width: @screen-tablet) {
    padding: 50px 60px;
    border-radius: @border-radius-large; // Only round corners at higher resolutions
    h1 {
      font-size: (@font-size-base * 4.5);
    }
  }
}

//Having topnavbar always on top of secondary
.topnavbar {
  z-index: @zindex-navbar;
  &.navbar-fixed-top {
    z-index: @zindex-navbar-fixed;
  }
}
.secondary {
  z-index: 1;
}

.widget {
  &.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.nav-pills > li > a {
  border-radius: @border-radius-base;
}

.container .jumbotron {
  .border-top-radius(0px);
}

.page-header {
  padding-top: ((@line-height-computed / 2) - 1);
}

@media (min-width: @screen-sm) {
  .container > .navbar-header,
  .container > .navbar-collapse {
    margin-left: (@grid-gutter-width / 2);
  }

  .wrap.main-section .content {
    padding-left: (@grid-gutter-width / 2);
    padding-right: (@grid-gutter-width / 2);
  }
}

.boxed-container {
  .container > .navbar-header,
  .container > .navbar-collapse {
    margin-right: (@grid-gutter-width / 2);
    margin-left: 0;
  }
}

@media (max-width: @screen-sm) {
  .navbar .pull-right {
    float: none !important;
  }
}

.wrap.main-section .content .bg {
  padding-top: (@grid-gutter-width / 2);
}

html {
  overflow-x: hidden;
}

ul.comment {
  padding-left: 0;
}

.banner-navbar-static-left-mixin {
  position: fixed;
  overflow-y: auto;
  height: 100%;
  padding: 0;
  border-radius : 0px;
  top:0;

  .nav-main.navbar-collapse {
    padding: 0;

    ul.nav.navbar-nav,
    .pull-right {
      float: none !important;

      > li {
        width: 100%;
      }
    }
  }

  form#searchform {
    padding: (@grid-gutter-width / 2);
  }

  .logo {
    max-width: 100% !important;
    height: auto;
  }
}

.static-menu-main-mixin {
  &.col-static-1  { padding-left: 91.66%; }
  &.col-static-2  { padding-left: 83.33%; }
  &.col-static-3  { padding-left: 75%;    }
  &.col-static-4  { padding-left: 66.66%; }
  &.col-static-5  { padding-left: 58.33%; }
  &.col-static-6  { padding-left: 50%;    }
  &.col-static-7  { padding-left: 41.66%; }
  &.col-static-8  { padding-left: 33.33%; }
  &.col-static-9  { padding-left: 25%;    }
  &.col-static-10 { padding-left: 16.66%; }
  &.col-static-11 { padding-left: 8.332%; }
}

@media (min-width: @screen-xs) {
  header.xs {
    &.banner.navbar.static-left {
      .banner-navbar-static-left-mixin;
    }
  }
  section.xs {
    &.static-menu-main {
      .static-menu-main-mixin;
    }
  }
}

@media (min-width: @screen-sm) {
  header.sm {
    &.banner.navbar.static-left {
      .banner-navbar-static-left-mixin;
    }
  }
  section.sm {
    &.static-menu-main {
      .static-menu-main-mixin;
    }
  }
}

@media (min-width: @screen-md) {
  header.md {
    &.banner.navbar.static-left {
      .banner-navbar-static-left-mixin;
    }
  }
  header.sm.banner.navbar.static-left {
    padding-left: 0;
    padding-right: 0;
  }
  section.md {
    &.static-menu-main {
      .static-menu-main-mixin;
    }
  }
}

@media (min-width: @screen-lg) {
  header.lg {
    &.banner.navbar.static-left {
      .banner-navbar-static-left-mixin;
    }
  }
  header.sm.banner.navbar.static-left,
  header.md.banner.navbar.static-left {
    padding-left: 0;
    padding-right: 0;
  }
  section.lg {
    &.static-menu-main {
      .static-menu-main-mixin;
    }
  }
}


gh-1156 fix css flow issue in firefox

gh-1156 fix css flow issue in firefox

.wizard {

	.clearfix;

	border: 1px solid @navbarBorder;
	border-radius: @baseBorderRadius;
	box-shadow: 0 1px 4px rgba(0,0,0,.065);
	background-color: @tableBackgroundAccent;
	position: relative;
	min-height: 48px;
	overflow: hidden;

	> .steps {
		list-style: none outside none;
		padding: 0;
		margin: 0;
		width: 4000px;

		&.previous-disabled {
			li {
				&.complete {
					cursor: default;

					&:hover {
						background: #f3f4f5;
						color: @successText;
						cursor: default;

						.chevron:before {
							border-left-color: #f3f4f5;
						}
					}
				}
			}
		}

		li {
			float: left;
			margin: 0;
			padding: 0 20px 0 30px;
			height: 46px;
			line-height: 46px;
			position: relative;
			background: #ededed;
			color: @grayLight;
			font-size: 16px;
			cursor: not-allowed;

			.chevron {
				border: 24px solid transparent;
				border-left: 14px solid @navbarBorder;
				border-right: 0;
				display: block;
				position: absolute;
				right: -14px;
				top: 0;
				z-index: 1;
			}

			.chevron:before {
				border: 24px solid transparent;
				border-left: 14px solid #ededed;
				border-right: 0;
				content: "";
				display: block;
				position: absolute;
				right: 1px;
				top: -24px;
			}

			&.complete {
				background: #f3f4f5;
				color: @successText;

				&:hover {
					background: #e7eff8;
					cursor: pointer;

					.chevron:before {
						border-left: 14px solid #e7eff8;
					}
				}

				.chevron:before {
					border-left: 14px solid #f3f4f5;
				}
			}

			&.active {
				background: #f1f6fc;
				color: @infoText;
				cursor: default;

				.chevron:before {
					border-left: 14px solid #f1f6fc;
				}

				.badge {
					background-color: @infoText;
				}
			}

			.badge {
				margin-right: 8px;
			}

			.badge-success {
				background-color: @successText;
			}
		}

		li:first-child {
			border-radius: 4px 0 0 4px;
			padding-left: 20px;
		}
	}

	&.rtl {
		direction: rtl;

		>.steps {
			right: 0;
			left: auto;
			float: right;

			&.previous-disabled {
				li {
					&.complete {
						&:hover {
							.chevron:before {
								border-right-color: #f3f4f5;
							}
						}
					}
				}
			}

			li {
				float: right;

				.chevron {
					right: auto;
					left: -14px;
					border-right: 14px solid #d4d4d4;
					border-left: 0;

					&:before {
						right: auto;
						left: 1px;
						border-right: 14px solid #ededed;
						border-left: 0;
					}
				}

				&.active {
					.chevron {
						&:before {
							border-right: 14px solid #f1f6fc;
						}
					}
				}

				&.complete {
					.chevron {
						&:before {
							border-right: 14px solid #f3f4f5;
						}
					}

					&:hover {
						.chevron {
							&:before {
								border-right: 14px solid #e7eff8;
								border-left: none;
							}
						}
					}
				}

				.badge {
					margin-left: 8px;
				}
			}
		}

		>.actions {
			right: auto;
			left: 0;
			float: left;

			.btn-prev {
				span {
					margin-left: 5px;
					margin-right: 0;
				}
			}

			.btn-next {
				span {
					margin-left: 0;
					margin-right: 5px;
				}
			}
		}
	}

	> .actions {
		z-index: 1000;
		position: absolute;
		right: 0;
		line-height: 46px;
		float: right;
		padding-left: 15px;
		padding-right: 15px;
		vertical-align: middle;
		background-color: #e5e5e5;
		border-left: 1px solid @navbarBorder;

		a {
			line-height: 45px;
			font-size: 12px;
			margin-right: 8px;
		}

		.btn-prev {
			&[disabled] {
				cursor: not-allowed;
			}

			span {
				margin-right: 5px;
			}
		}

		.btn-next {
			&[disabled] {
				cursor: not-allowed;
			}

			span {
				margin-left: 5px;
			}
		}
	}

	.step-content {
		border-top: 1px solid #D4D4D4;
		padding: 10px;
		float: left;
		width: 100%;

		.step-pane {
			display: none;
		}

		> .active {
			display: block;

			.btn-group {
				.active {
					display: inline-block;
				}
			}
		}
	}

	// when complete
	&.complete {
		>.actions {
			.btn-next {
				.glyphicon {
					display: none;
				}
			}
		}
	}
}

.wizard {

	.clearfix;

	border: 1px solid @navbarBorder;
	border-radius: @baseBorderRadius;
	box-shadow: 0 1px 4px rgba(0,0,0,.065);
	background-color: @tableBackgroundAccent;
	position: relative;
	min-height: 48px;
	overflow: hidden;

	> .steps {
		list-style: none outside none;
		padding: 0;
		margin: 0;
		width: 4000px;

		&.previous-disabled {
			li {
				&.complete {
					cursor: default;

					&:hover {
						background: #f3f4f5;
						color: @successText;
						cursor: default;

						.chevron:before {
							border-left-color: #f3f4f5;
						}
					}
				}
			}
		}

		li {
			float: left;
			margin: 0;
			padding: 0 20px 0 30px;
			height: 46px;
			line-height: 46px;
			position: relative;
			background: #ededed;
			color: @grayLight;
			font-size: 16px;
			cursor: not-allowed;

			.chevron {
				border: 24px solid transparent;
				border-left: 14px solid @navbarBorder;
				border-right: 0;
				display: block;
				position: absolute;
				right: -14px;
				top: 0;
				z-index: 1;
			}

			.chevron:before {
				border: 24px solid transparent;
				border-left: 14px solid #ededed;
				border-right: 0;
				content: "";
				display: block;
				position: absolute;
				right: 1px;
				top: -24px;
			}

			&.complete {
				background: #f3f4f5;
				color: @successText;

				&:hover {
					background: #e7eff8;
					cursor: pointer;

					.chevron:before {
						border-left: 14px solid #e7eff8;
					}
				}

				.chevron:before {
					border-left: 14px solid #f3f4f5;
				}
			}

			&.active {
				background: #f1f6fc;
				color: @infoText;
				cursor: default;

				.chevron:before {
					border-left: 14px solid #f1f6fc;
				}

				.badge {
					background-color: @infoText;
				}
			}

			.badge {
				margin-right: 8px;
			}

			.badge-success {
				background-color: @successText;
			}
		}

		li:first-child {
			border-radius: 4px 0 0 4px;
			padding-left: 20px;
		}
	}

	&.rtl {
		direction: rtl;

		>.steps {
			right: 0;
			left: auto;

			&.previous-disabled {
				li {
					&.complete {
						&:hover {
							.chevron:before {
								border-right-color: #f3f4f5;
							}
						}
					}
				}
			}

			li {
				float: right;

				.chevron {
					right: auto;
					left: -14px;
					border-right: 14px solid #d4d4d4;
					border-left: 0;

					&:before {
						right: auto;
						left: 1px;
						border-right: 14px solid #ededed;
						border-left: 0;
					}
				}

				&.active {
					.chevron {
						&:before {
							border-right: 14px solid #f1f6fc;
						}
					}
				}

				&.complete {
					.chevron {
						&:before {
							border-right: 14px solid #f3f4f5;
						}
					}

					&:hover {
						.chevron {
							&:before {
								border-right: 14px solid #e7eff8;
								border-left: none;
							}
						}
					}
				}

				.badge {
					margin-left: 8px;
				}
			}
		}

		>.actions {
			right: auto;
			left: 0;
			float: left;

			.btn-prev {
				span {
					margin-left: 5px;
					margin-right: 0;
				}
			}

			.btn-next {
				span {
					margin-left: 0;
					margin-right: 5px;
				}
			}
		}
	}

	> .actions {
		z-index: 1000;
		position: absolute;
		right: 0;
		line-height: 46px;
		float: right;
		padding-left: 15px;
		padding-right: 15px;
		vertical-align: middle;
		background-color: #e5e5e5;
		border-left: 1px solid @navbarBorder;

		a {
			line-height: 45px;
			font-size: 12px;
			margin-right: 8px;
		}

		.btn-prev {
			&[disabled] {
				cursor: not-allowed;
			}

			span {
				margin-right: 5px;
			}
		}

		.btn-next {
			&[disabled] {
				cursor: not-allowed;
			}

			span {
				margin-left: 5px;
			}
		}
	}

	.step-content {
		border-top: 1px solid #D4D4D4;
		padding: 10px;
		float: left;
		width: 100%;

		.step-pane {
			display: none;
		}

		> .active {
			display: block;

			.btn-group {
				.active {
					display: inline-block;
				}
			}
		}
	}

	// when complete
	&.complete {
		>.actions {
			.btn-next {
				.glyphicon {
					display: none;
				}
			}
		}
	}
}


Add initial syntax-variables.less with git colors

@import "variables";

@syntax-color-added: @blue;
@syntax-color-modified: @yellow;
@syntax-color-removed: @red;

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