#1509 remove media query from ios scroll to support landscape ipad

/*
 * # Semantic - Sidebar
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
            Theme
*******************************/

@type    : 'module';
@element : 'sidebar';

@import '../../theme.config';

/*******************************
            Sidebar
*******************************/

/* Sidebar Menu */
.ui.sidebar {
  position: fixed;
  top: 0;
  left: 0;

  backface-visibility: hidden;
  transition: none;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  -webkit-overflow-scrolling: touch;

  height: 100% !important;
  border-radius: 0em !important;
  margin: 0em !important;
  overflow-y: auto !important;
  z-index: @topLayer;
}

/* GPU Layers for Child Elements */
.ui.sidebar > * {
  backface-visibility: hidden;
  transform: rotateZ(0deg);
}

/*--------------
   Direction
---------------*/

.ui.left.sidebar {
  right: auto;
  left: 0px;
  transform: translate3d(-100%, 0, 0);
}

.ui.right.sidebar {
  right: 0px !important;
  left: auto !important;
  transform: translate3d(100%, 0%, 0);
}

.ui.top.sidebar,
.ui.bottom.sidebar {
  width: 100% !important;
  height: auto !important;
  overflow-y: visible !important;
}

.ui.top.sidebar {
  top: 0px !important;
  bottom: auto !important;
  transform: translate3d(0, -100%, 0);
}

.ui.bottom.sidebar {
  top: auto !important;
  bottom: 0px !important;
  transform: translate3d(0, 100%, 0);
}

/*--------------
     Body
---------------*/

.pushable {
  height: 100%;
  overflow-x: hidden;
  background: @canvasBackground !important;
}

/*--------------
     Fixed
---------------*/

.pushable > .fixed {
  position: fixed;
  backface-visibility: hidden;

  transition: transform @duration @easing;
  will-change: transform;
  z-index: @fixedLayer;
}

/*--------------
     Page
---------------*/

.pushable > .pusher {
  position: relative;
  backface-visibility: hidden;
  min-height: 100%;

  transition: transform @duration @easing;
  background: @pageBackground;
  z-index: @middleLayer;
}

/*--------------
     Dimmer
---------------*/

.pushable > .pusher:after {
  position: fixed;
  top: 0px;
  right: 0px;
  content: '';
  background-color: @dimmerColor;
  width: 0px;
  height: 0px;
  overflow: hidden;
  opacity: 0;
  transition:
    transform @duration,
    opacity @duration
  ;
  will-change: opacity;
  z-index: @dimmerLayer;
}

/*--------------
    Coupling
---------------*/

.ui.sidebar.menu .item {
  border-radius: 0em !important;
}

/*******************************
            States
*******************************/

/*--------------
     Dimmed
---------------*/

.pushable > .pusher.dimmed:after {
  width: 100% !important;
  height: 100% !important;
  opacity: 1 !important;
}

/*--------------
     Animating
---------------*/

.ui.animating.sidebar {
  visibility: visible;
}

/*--------------
     Visible
---------------*/

.ui.visible.sidebar {
  visibility: visible;
}

.ui.left.visible.sidebar,
.ui.right.visible.sidebar {
  box-shadow: @horizontalBoxShadow;
}

.ui.top.visible.sidebar,
.ui.bottom.visible.sidebar {
  box-shadow: @verticalBoxShadow;
}

/*--------------
       iOS
---------------*/

/*
  iOS incorrectly sizes document when content
  is presented outside of view with 2Dtranslate
*/
html.ios {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

/*******************************
          Variations
*******************************/

/*--------------
     Width
---------------*/

/* Left / Right */
.ui[class*="very thin"].left.sidebar,
.ui[class*="very thin"].right.sidebar {
  width: @sidebarVeryThinWidth;
}
.ui.thin.left.sidebar,
.ui.thin.right.sidebar {
  width: @sidebarThinWidth;
}
.ui.left.sidebar,
.ui.right.sidebar {
  width: @sidebarWidth;
}
.ui.wide.left.sidebar,
.ui.wide.right.sidebar {
  width: @sidebarWideWidth;
}
.ui[class*="very wide"].left.sidebar,
.ui[class*="very wide"].right.sidebar {
  width: @sidebarVeryWideWidth;
}

/*******************************
          Animations
*******************************/

/*--------------
    Overlay
---------------*/

/* Set-up */
.ui.overlay.sidebar {
  z-index: @topLayer;
}

/* Animation */
.animating.ui.overlay.sidebar,
.ui.visible.overlay.sidebar {
  transition: transform @duration @easing;
}

/*--- Left ---*/

/* Set-up */
.ui.left.overlay.sidebar {
  transform: translate3d(-100%, 0%, 0);
}
.ui.right.overlay.sidebar {
  transform: translate3d(100%, 0%, 0);
}
.ui.top.overlay.sidebar {
  transform: translate3d(0%, -100%, 0);
}
.ui.bottom.overlay.sidebar {
  transform: translate3d(0%, 100%, 0);
}

/* End */
.ui.visible.left.overlay.sidebar {
  transform: translate3d(0%, 0%, 0);
}
.ui.visible.right.overlay.sidebar {
  transform: translate3d(0%, 0%, 0);
}
.ui.visible.top.overlay.sidebar {
  transform: translate3d(0%, 0%, 0);
}
.ui.visible.bottom.overlay.sidebar {
  transform: translate3d(0%, 0%, 0);
}

.ui.visible.overlay.sidebar ~ .fixed,
.ui.visible.overlay.sidebar ~ .pusher {
  transform: none !important;
}

/*--------------
      Push
---------------*/

/* Initial */
.ui.push.sidebar {
  transition: transform @duration @easing;
  z-index: @topLayer;
}

.ui.left.push.sidebar {
  transform: translate3d(-100%, 0, 0);
}
.ui.right.push.sidebar {
  transform: translate3d(100%, 0, 0);
}
.ui.top.push.sidebar {
  transform: translate3d(0%, -100%, 0);
}
.ui.bottom.push.sidebar {
  transform: translate3d(0%, 100%, 0);
}

/* End */
.ui.visible.push.sidebar {
  transform: translate3d(0%, 0, 0);
}

/*--------------
    Uncover
---------------*/

/* Initial */
.ui.uncover.sidebar {
  transform: translate3d(0, 0, 0);
  z-index: @bottomLayer;
}

/* End */
.ui.visible.uncover.sidebar {
  transform: translate3d(0, 0, 0);
  transition: transform @duration @easing;
}

/*--------------
   Slide Along
---------------*/

/* Initial */
.ui.slide.along.sidebar {
  z-index: @bottomLayer;
}
.ui.left.slide.along.sidebar {
  transform: translate3d(-50%, 0, 0);
}
.ui.right.slide.along.sidebar {
  transform: translate3d(50%, 0, 0);
}
.ui.top.slide.along.sidebar {
  transform: translate3d(0, -50%, 0);
}
.ui.bottom.slide.along.sidebar {
  transform: translate3d(0%, 50%, 0);
}

.ui.animating.slide.along.sidebar {
  transition: transform @duration @easing;
}

/* End */
.ui.visible.slide.along.sidebar {
  transform: translate3d(0%, 0, 0);
}

/*--------------
   Slide Out
---------------*/

/* Initial */
.ui.slide.out.sidebar {
  z-index: @bottomLayer;
}
.ui.left.slide.out.sidebar {
  transform: translate3d(50%, 0, 0);
}
.ui.right.slide.out.sidebar {
  transform: translate3d(-50%, 0, 0);
}
.ui.top.slide.out.sidebar {
  transform: translate3d(0%, 50%, 0);
}
.ui.bottom.slide.out.sidebar {
  transform: translate3d(0%, -50%, 0);
}

/* Animation */
.ui.animating.slide.out.sidebar {
  transition: transform @duration @easing;
}

/* End */
.ui.visible.slide.out.sidebar {
  transform: translate3d(0%, 0, 0);
}

/*--------------
   Scale Down
---------------*/

/* Initial */
.ui.scale.down.sidebar {
  transition: transform @duration @easing;
  z-index: @topLayer;
}

.ui.left.scale.down.sidebar {
  transform: translate3d(-100%, 0, 0);
}
.ui.right.scale.down.sidebar {
  transform: translate3d(100%, 0, 0);
}
.ui.top.scale.down.sidebar {
  transform: translate3d(0%, -100%, 0);
}
.ui.bottom.scale.down.sidebar {
  transform: translate3d(0%, 100%, 0);
}

.ui.scale.down.left.sidebar ~ .pusher {
  transform-origin: 75% 50%;
}
.ui.scale.down.right.sidebar ~ .pusher {
  transform-origin: 25% 50%;
}
.ui.scale.down.top.sidebar ~ .pusher {
  transform-origin: 50% 75%;
}
.ui.scale.down.bottom.sidebar ~ .pusher {
  transform-origin: 50% 25%;
}

/* Animation */
.ui.animating.scale.down > .visible.ui.sidebar {
  transition: transform @duration @easing;
}
.ui.visible.scale.down.sidebar ~ .pusher,
.ui.animating.scale.down.sidebar ~ .pusher {
  display: block !important;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* End */
.ui.visible.scale.down.sidebar {
  transform: translate3d(0, 0, 0);
}
.ui.visible.scale.down.sidebar ~ .pusher {
  transform: scale(0.75);
}

/*
 * # Semantic - Sidebar
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
            Theme
*******************************/

@type    : 'module';
@element : 'sidebar';

@import '../../theme.config';

/*******************************
            Sidebar
*******************************/

/* Sidebar Menu */
.ui.sidebar {
  position: fixed;
  top: 0;
  left: 0;

  backface-visibility: hidden;
  transition: none;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  -webkit-overflow-scrolling: touch;

  height: 100% !important;
  border-radius: 0em !important;
  margin: 0em !important;
  overflow-y: auto !important;
  z-index: @topLayer;
}

/* GPU Layers for Child Elements */
.ui.sidebar > * {
  backface-visibility: hidden;
  transform: rotateZ(0deg);
}

/*--------------
   Direction
---------------*/

.ui.left.sidebar {
  right: auto;
  left: 0px;
  transform: translate3d(-100%, 0, 0);
}

.ui.right.sidebar {
  right: 0px !important;
  left: auto !important;
  transform: translate3d(100%, 0%, 0);
}

.ui.top.sidebar,
.ui.bottom.sidebar {
  width: 100% !important;
  height: auto !important;
  overflow-y: visible !important;
}

.ui.top.sidebar {
  top: 0px !important;
  bottom: auto !important;
  transform: translate3d(0, -100%, 0);
}

.ui.bottom.sidebar {
  top: auto !important;
  bottom: 0px !important;
  transform: translate3d(0, 100%, 0);
}

/*--------------
     Body
---------------*/

.pushable {
  height: 100%;
  overflow-x: hidden;
  background: @canvasBackground !important;
}

/*--------------
     Fixed
---------------*/

.pushable > .fixed {
  position: fixed;
  backface-visibility: hidden;

  transition: transform @duration @easing;
  will-change: transform;
  z-index: @fixedLayer;
}

/*--------------
     Page
---------------*/

.pushable > .pusher {
  position: relative;
  backface-visibility: hidden;
  min-height: 100%;

  transition: transform @duration @easing;
  background: @pageBackground;
  z-index: @middleLayer;
}

/*--------------
     Dimmer
---------------*/

.pushable > .pusher:after {
  position: fixed;
  top: 0px;
  right: 0px;
  content: '';
  background-color: @dimmerColor;
  width: 0px;
  height: 0px;
  overflow: hidden;
  opacity: 0;
  transition:
    transform @duration,
    opacity @duration
  ;
  will-change: opacity;
  z-index: @dimmerLayer;
}

/*--------------
    Coupling
---------------*/

.ui.sidebar.menu .item {
  border-radius: 0em !important;
}

/*******************************
            States
*******************************/

/*--------------
     Dimmed
---------------*/

.pushable > .pusher.dimmed:after {
  width: 100% !important;
  height: 100% !important;
  opacity: 1 !important;
}

/*--------------
     Animating
---------------*/

.ui.animating.sidebar {
  visibility: visible;
}

/*--------------
     Visible
---------------*/

.ui.visible.sidebar {
  visibility: visible;
}

.ui.left.visible.sidebar,
.ui.right.visible.sidebar {
  box-shadow: @horizontalBoxShadow;
}

.ui.top.visible.sidebar,
.ui.bottom.visible.sidebar {
  box-shadow: @verticalBoxShadow;
}

/*--------------
       iOS
---------------*/

/*
  iOS incorrectly sizes document when content
  is presented outside of view with 2Dtranslate
*/
@media only screen and (max-width: @computerBreakpoint) {
  html.ios {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
}

/*******************************
          Variations
*******************************/

/*--------------
     Width
---------------*/

/* Left / Right */
.ui[class*="very thin"].left.sidebar,
.ui[class*="very thin"].right.sidebar {
  width: @sidebarVeryThinWidth;
}
.ui.thin.left.sidebar,
.ui.thin.right.sidebar {
  width: @sidebarThinWidth;
}
.ui.left.sidebar,
.ui.right.sidebar {
  width: @sidebarWidth;
}
.ui.wide.left.sidebar,
.ui.wide.right.sidebar {
  width: @sidebarWideWidth;
}
.ui[class*="very wide"].left.sidebar,
.ui[class*="very wide"].right.sidebar {
  width: @sidebarVeryWideWidth;
}

/*******************************
          Animations
*******************************/

/*--------------
    Overlay
---------------*/

/* Set-up */
.ui.overlay.sidebar {
  z-index: @topLayer;
}

/* Animation */
.animating.ui.overlay.sidebar,
.ui.visible.overlay.sidebar {
  transition: transform @duration @easing;
}

/*--- Left ---*/

/* Set-up */
.ui.left.overlay.sidebar {
  transform: translate3d(-100%, 0%, 0);
}
.ui.right.overlay.sidebar {
  transform: translate3d(100%, 0%, 0);
}
.ui.top.overlay.sidebar {
  transform: translate3d(0%, -100%, 0);
}
.ui.bottom.overlay.sidebar {
  transform: translate3d(0%, 100%, 0);
}

/* End */
.ui.visible.left.overlay.sidebar {
  transform: translate3d(0%, 0%, 0);
}
.ui.visible.right.overlay.sidebar {
  transform: translate3d(0%, 0%, 0);
}
.ui.visible.top.overlay.sidebar {
  transform: translate3d(0%, 0%, 0);
}
.ui.visible.bottom.overlay.sidebar {
  transform: translate3d(0%, 0%, 0);
}

.ui.visible.overlay.sidebar ~ .fixed,
.ui.visible.overlay.sidebar ~ .pusher {
  transform: none !important;
}

/*--------------
      Push
---------------*/

/* Initial */
.ui.push.sidebar {
  transition: transform @duration @easing;
  z-index: @topLayer;
}

.ui.left.push.sidebar {
  transform: translate3d(-100%, 0, 0);
}
.ui.right.push.sidebar {
  transform: translate3d(100%, 0, 0);
}
.ui.top.push.sidebar {
  transform: translate3d(0%, -100%, 0);
}
.ui.bottom.push.sidebar {
  transform: translate3d(0%, 100%, 0);
}

/* End */
.ui.visible.push.sidebar {
  transform: translate3d(0%, 0, 0);
}

/*--------------
    Uncover
---------------*/

/* Initial */
.ui.uncover.sidebar {
  transform: translate3d(0, 0, 0);
  z-index: @bottomLayer;
}

/* End */
.ui.visible.uncover.sidebar {
  transform: translate3d(0, 0, 0);
  transition: transform @duration @easing;
}

/*--------------
   Slide Along
---------------*/

/* Initial */
.ui.slide.along.sidebar {
  z-index: @bottomLayer;
}
.ui.left.slide.along.sidebar {
  transform: translate3d(-50%, 0, 0);
}
.ui.right.slide.along.sidebar {
  transform: translate3d(50%, 0, 0);
}
.ui.top.slide.along.sidebar {
  transform: translate3d(0, -50%, 0);
}
.ui.bottom.slide.along.sidebar {
  transform: translate3d(0%, 50%, 0);
}

.ui.animating.slide.along.sidebar {
  transition: transform @duration @easing;
}

/* End */
.ui.visible.slide.along.sidebar {
  transform: translate3d(0%, 0, 0);
}

/*--------------
   Slide Out
---------------*/

/* Initial */
.ui.slide.out.sidebar {
  z-index: @bottomLayer;
}
.ui.left.slide.out.sidebar {
  transform: translate3d(50%, 0, 0);
}
.ui.right.slide.out.sidebar {
  transform: translate3d(-50%, 0, 0);
}
.ui.top.slide.out.sidebar {
  transform: translate3d(0%, 50%, 0);
}
.ui.bottom.slide.out.sidebar {
  transform: translate3d(0%, -50%, 0);
}

/* Animation */
.ui.animating.slide.out.sidebar {
  transition: transform @duration @easing;
}

/* End */
.ui.visible.slide.out.sidebar {
  transform: translate3d(0%, 0, 0);
}

/*--------------
   Scale Down
---------------*/

/* Initial */
.ui.scale.down.sidebar {
  transition: transform @duration @easing;
  z-index: @topLayer;
}

.ui.left.scale.down.sidebar {
  transform: translate3d(-100%, 0, 0);
}
.ui.right.scale.down.sidebar {
  transform: translate3d(100%, 0, 0);
}
.ui.top.scale.down.sidebar {
  transform: translate3d(0%, -100%, 0);
}
.ui.bottom.scale.down.sidebar {
  transform: translate3d(0%, 100%, 0);
}

.ui.scale.down.left.sidebar ~ .pusher {
  transform-origin: 75% 50%;
}
.ui.scale.down.right.sidebar ~ .pusher {
  transform-origin: 25% 50%;
}
.ui.scale.down.top.sidebar ~ .pusher {
  transform-origin: 50% 75%;
}
.ui.scale.down.bottom.sidebar ~ .pusher {
  transform-origin: 50% 25%;
}

/* Animation */
.ui.animating.scale.down > .visible.ui.sidebar {
  transition: transform @duration @easing;
}
.ui.visible.scale.down.sidebar ~ .pusher,
.ui.animating.scale.down.sidebar ~ .pusher {
  display: block !important;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* End */
.ui.visible.scale.down.sidebar {
  transform: translate3d(0, 0, 0);
}
.ui.visible.scale.down.sidebar ~ .pusher {
  transform: scale(0.75);
}


Added: object browser styles

Added: object browser styles

.object-browser {
    ul,
    ul li {
        list-style-type: none;
        list-style-image: none;
        margin: 0;
        padding: 0;
    }

    .property-title,
    .property-value {
        float: left;
        width: 50%;

        font-size: 12px;
        border-bottom: 1px solid #DDDDDD;

        padding-top: 5px;
        padding-bottom: 5px;
    }

    .property-title {
        background: #F8F8F8;
        border-right: 1px solid #DDDDDD;
    }

    .property-value {
        padding-left: 15px;
        padding-right: 15px;
    }
}

error: pathspec 'src/CrystalQuartz.Application.Client/app/dialogs/job-details/object-browser.less' did not match any file(s) known to git


INBOX-208 Use square avatar in composer

INBOX-208 Use square avatar in composer

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/heroandtn3/openpaas-esn.git/'


Search box text overflows as ellipsis (bug 1196711)

@import 'lib';

.amo-header {
    font-family: @head-sans;
    margin-bottom: 25px;

    /* Log in link loader */
    a.loading-submit:before {
        background-image: url("../../img/zamboni/loading-white.gif");
        content: "";
        display: block;
        height: 16px;
        left: -20px;
        margin-right: 10px;
        margin-top: -8px;
        position: absolute;
        top: 50%;
        width: 16px;
    }
}

#masthead {
    padding-top: 45px;
    max-width: 600px;
}

#masthead h1 {
    font: normal 40px/40px MetaBlack;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin-bottom: 7px;
}

#aux-nav {
    float: right;
}
.html-rtl #aux-nav {
    float: left;
}

.site-title img {
    float: left;
    margin-right: 10px;
}
.html-rtl .site-title img {
    float: right;
    margin: 0 0 0 12px;
}

.site-title {
    margin-bottom: 7px;

    a {
        color: #333;
        text-decoration: none;

        small {
            color: #333;
            display: block;
            font-size: 0.6em;
            line-height: 0.5em;
        }
    }
    a:hover, a:focus {
        color: #043b84;
        text-shadow: 0 0 40px #fff,
                     0 0 20px #fff,
                     0 0 10px #fff;
    }
    &.prominent a, strong {
        color: #D64203;

        &:hover {
            text-shadow: 0 0 #fff; // Color = stupid minifier hack
        }
    }
}

/** site navigation */

.menu-nav {
    font-size: 12px;
    margin-left: 64px;
    z-index: 50;

    &.no-img {
        margin-left: 0;
    }
    li.slim:hover {
        &:after {
            display: none;
        }
        > a {
            .border-radius(3px);
        }
    }
    > ul {
        > li {
            float: left;
            position: relative;

            > a {
                position: relative;
                font-weight: bold;
                z-index: 60;
                border-style: solid;
                .border-radius(3px 3px 0 0);
                border-color: transparent;
                border-width: 1px 1px 0;
            }
            &:hover {
                > a {
                    background: #fff;
                    border-color: @shadow-blue @shadow-blue #fff;
                    .box-shadow(0 0 4px rgba(0, 0, 0, 0.4));
                }
                > ul,
                > div {
                    display: block;
                }
                &:after {
                    content: "";
                    width: 200px;
                    z-index: 62;
                    height: 5px;
                    background: #fff;
                    position: absolute;
                    top: 18px;
                    left: 1px;
                }
            }
            > ul,
            > div {
                display: none;
                position: absolute;
                z-index: 59;
            }
            > ul {
                width: 190px;
                top: 17px;
                z-index: 59;
                padding: 8px;
                background: #fff;
                border: 1px solid @shadow-blue;
                .border-radius(0 3px 3px);
                .box-shadow(0 0 4px rgba(0, 0, 0, 0.4), 0 -2px 0 @inset-blue inset);
                a {
                    text-decoration: none;
                    display: block;
                    padding: 6px 8px;
                    word-wrap: break-word;

                    &:hover {
                        background: #ebf4fe;
                    }
                }
                &.two-col {
                    .columns(2, 8px);
                    width: 340px;
                }
            }
        }
        em a:hover {
            background: #e1edfb;
        }
    }
    hr {
        border: 0;
        margin: 6px 8px;
        border-top: 1px dotted #ccc;
    }
    em {
        background: #F4F8FC;
        display: block;
        font-weight: bold;
    }
}

.html-rtl {
    .menu-nav {
        margin-left: 0;
        margin-right: 64px;
    }
    .menu-nav > ul > li {
        border-left: 0 !important;
        border-right: 1px solid #9FA7AF;
        float: right;
        left: auto;
        right: -9px;

        &:hover:after {
            left: auto;
            right: 1px;
        }
    }
}

#site-nav {
    > ul {
        > li {
            border-left: 1px solid #9FA7AF;
            left: -9px;

            &:first-child {
                border: 0;
            }
            > a {
                padding: 4px 8px;
                line-height: 12px;
                text-transform: uppercase;
            }
        }
    }
    #themes {
        ul.two-col {
            height: 216px;
            padding-bottom: 39px;

            + div {
                top: 250px;
            }
        }
    }
    a.complete-themes {
        background-color: #f5f5f5;
        border-top: 1px solid #ddd;
        color: #666;
        display: block;
        line-height: 28px;
        margin: 0 1px 1px 1px;
        padding: 0 8px;
        text-align: center;
        width: 190px;

        b {
            color: @link;
        }
        &:hover {
            background-color: #eee;
            color: #333;
            text-decoration: none;

            b {
                color: darken(@link, 10%);
            }
        }
    }
    .two-col + div a.complete-themes {
        width: 340px;
    }
}

#aux-nav {
    > ul {
        > li:not(:first-child):before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: -1px;
            width: 1px;
            height: 32px;
            background: linear-gradient(#9FA7AF, transparent);
            background-size: 1px 100%;
        }
        > li {
            margin-left: 1px;

            > a {
                display: block;
                line-height: 32px;
                height: 32px;
                padding: 0 1em;
                .border-radius(0);
                &:after {
                    display: inline-block;
                    vertical-align: middle;
                    top: 12px;
                    left: 4px;
                    margin: 0 0 0 4px;
                    content: "\00a0";
                    width: 0;
                    height: 0;
                    border: 4px solid transparent;
                    border-style: solid;
                    border-top-color: #666;
                }
            }
            &:hover {
                z-index: 63;

                &:after {
                    left: auto;
                    right: 1px;
                }
            }
            &:after {
                top: 32px;
            }
            > ul {
                top: 31px;
                right: 0;
            }
            &.nomenu {
                a {
                    display: inline-block;

                    &:after {
                        display: none;
                    }
                }
                &:hover {
                    a {
                        background: transparent;
                        .box-shadow(0 0 inset);
                        border-color: transparent;
                    }
                    &:after {
                        display: none;
                    }
                }
            }
            &.logout, &.login {
                &:before {
                    background: 0;
                }
                a {
                    font-weight: normal;
                }
                &.legacy {
                    a {
                        padding-left: .5em;
                    }
                    a:first-child {
                        padding-right: .5em;
                    }
                }
            }
        }
    }
    .other-apps {
        a {
            padding-left: 24px;
            background-repeat: no-repeat;
            background-position: left 4px;
            background-image: url(../../img/app-icons/16/sprite.png)
        }
    }
    .thunderbird a {
        background-position: left -28px;
    }
    .sunbird a {
        background-position: left -92px;
    }
    .seamonkey a {
        background-position: left -60px;
    }
    .android a {
        background-position: left -124px;
    }
}
.html-rtl {
    #aux-nav > ul > li {
        &:hover:after {
            left: 1px;
            right: auto;
        }
        &.legacy {
            a {
                padding: 0 .5em 0 1em;
            }
            a:first-child {
                padding: 0 1em 0 .5em;
            }
        }
        > a:after {
            margin: 0 4px 0 0;
            right: 4px;
            left: auto;
        }
        > ul {
            left: 0;
            right: auto;
        }
    }
}

/** search box */

.header-search {
    position: absolute;
    top: 63px;
    right: 0;
    .gradient-two-color(#2E89CA, #1B5898, #1B5898);
    .border-radius(5px);
    .box-shadow(0 -2px 0 rgba(0, 0, 0, 0.5) inset, 0 2px 0 rgba(0, 0, 0, 0.1));
    padding: 5px 7px 7px;
    width: 280px;
    #search-q,
    .search-button {
        height: 30px;
    }
}
.html-rtl .header-search {
    left: 0;
    right: auto;
}

button.search-button {
    background: #84C63C url(../../img/icons/go-arrow.png) center no-repeat;
    background-image: url(../../img/icons/go-arrow.png),
                      linear-gradient(#84C63C, #489615);
    background-image: url(../../img/icons/go-arrow.png),
                      -webkit-linear-gradient(#84C63C, #489615);
    border: 0;
    float: right;
    cursor: pointer;
    width: 36px;
    .border-radius(6px);
    .box-shadow(0 1px rgba(0, 0, 0, 0.1), 0 -2px rgba(0, 0, 0, 0.1) inset);
}
.html-rtl button.search-button {
    float: left;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
}

.header-search input {
    .border-box();
    background: url(../../img/icons/search.png) no-repeat 8px 50% #fff;
    border: 0;
    .border-radius(4px);
    .box-shadow(0 0 2px rgba(0, 0, 0, 0.4) inset);
    float: left;
    font: 14px @head-sans;
    text-overflow: ellipsis;
    padding: 6px 6px 6px 32px;
    .width-calc(~'100% - 42px', 238px);
}
.html-rtl .header-search input {
    background-position: 96% 50%;
    float: right;
    padding: 6px 32px 6px 6px;
}

.site-tip, .site-balloon {
    border: 2px solid #e3873b;
    .border-radius(10px);
    display: none;
    font: 14px/16px Arial, sans-serif;
    position: relative;
    margin-top: 22px;
    h3, p {
        display: inline;
    }
    p a {
        font-weight: bold;
    }
}

.site-tip {
    background-color: fadeout(#fff, 50%);
    border-color: #c9ddf2;
    color: #666;
    padding: 10px 45px 10px 15px;
}

.site-balloon {
    background-color: #fcefb7;
    color: #333;
    padding: 15px 45px 15px 15px;

    h3, strong {
        font-weight: bold;
    }
    &:before, &:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        border-left: 18px solid #E3873B;
        border-top: 18px solid transparent;
    }
    &:before {
        left: 34px;
        top: -18px;
    }
    &:after {
        left: 36px;
        top: -13px;
        border-left-color: #FCEFB7;
    }
    p a {
        color: #c40000;
    }
}

#site-notice {
    display: block;
}

.site-balloon, .site-tip, #lightbox, .is-impala .modal {
    .close {
        position: absolute;
        overflow: hidden;
        right: 1em;
        top: 1em;
        width: 25px;
        height: 25px;
        margin: 0;
        .border-radius(4px);
        background: url(../../img/impala/banner-close.png) no-repeat 0 0;
        text-indent: -1000em;
        cursor: pointer;
        &:hover {
            background-color: #c40000;
            background-position: -25px 0;
        }
    }
    .cancel {
        position: static;
        background: none;
        text-indent: 0;

        &:hover {
            background-color: transparent;
        }
    }
}
.site-balloon .close,
.site-tip .close {
    margin: auto;
    top: 0;
    bottom: 0;
}

.html-rtl {
    .site-balloon, .site-tip, #lightbox, &.is-impala .modal {
        padding: 15px 15px 15px 45px;

        &:before, &:after {
            border-color: transparent;
            border-right: 18px solid #E3873B;
            border-top: 18px solid transparent;
            left: auto;
        }
        &:before {
            right: 34px;
            top: -18px;
        }
        &:after {
            right: 36px;
            top: -13px;
            border-right-color: #FCEFB7;
        }
        .close {
            right: auto;
            left: 15px;
        }
    }
}

/* All Manner of Banner */
.firstvisit #site-welcome {
    display: block;
}
#mobile-banner {
    font-size: 1.3em;
}
@media (max-width: 500px) {
    #mobile-banner {
        display: inline-block;
    }
}
.badbrowser {
    #site-welcome, #mobile-banner {
        display: none !important;
    }
}
.developer-hub .site-balloon,
.developer-hub .site-tip {
    display: none !important;
}

@import 'lib';

.amo-header {
    font-family: @head-sans;
    margin-bottom: 25px;

    /* Log in link loader */
    a.loading-submit:before {
        background-image: url("../../img/zamboni/loading-white.gif");
        content: "";
        display: block;
        height: 16px;
        left: -20px;
        margin-right: 10px;
        margin-top: -8px;
        position: absolute;
        top: 50%;
        width: 16px;
    }
}

#masthead {
    padding-top: 45px;
    max-width: 600px;
}

#masthead h1 {
    font: normal 40px/40px MetaBlack;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin-bottom: 7px;
}

#aux-nav {
    float: right;
}
.html-rtl #aux-nav {
    float: left;
}

.site-title img {
    float: left;
    margin-right: 10px;
}
.html-rtl .site-title img {
    float: right;
    margin: 0 0 0 12px;
}

.site-title {
    margin-bottom: 7px;

    a {
        color: #333;
        text-decoration: none;

        small {
            color: #333;
            display: block;
            font-size: 0.6em;
            line-height: 0.5em;
        }
    }
    a:hover, a:focus {
        color: #043b84;
        text-shadow: 0 0 40px #fff,
                     0 0 20px #fff,
                     0 0 10px #fff;
    }
    &.prominent a, strong {
        color: #D64203;

        &:hover {
            text-shadow: 0 0 #fff; // Color = stupid minifier hack
        }
    }
}

/** site navigation */

.menu-nav {
    font-size: 12px;
    margin-left: 64px;
    z-index: 50;

    &.no-img {
        margin-left: 0;
    }
    li.slim:hover {
        &:after {
            display: none;
        }
        > a {
            .border-radius(3px);
        }
    }
    > ul {
        > li {
            float: left;
            position: relative;

            > a {
                position: relative;
                font-weight: bold;
                z-index: 60;
                border-style: solid;
                .border-radius(3px 3px 0 0);
                border-color: transparent;
                border-width: 1px 1px 0;
            }
            &:hover {
                > a {
                    background: #fff;
                    border-color: @shadow-blue @shadow-blue #fff;
                    .box-shadow(0 0 4px rgba(0, 0, 0, 0.4));
                }
                > ul,
                > div {
                    display: block;
                }
                &:after {
                    content: "";
                    width: 200px;
                    z-index: 62;
                    height: 5px;
                    background: #fff;
                    position: absolute;
                    top: 18px;
                    left: 1px;
                }
            }
            > ul,
            > div {
                display: none;
                position: absolute;
                z-index: 59;
            }
            > ul {
                width: 190px;
                top: 17px;
                z-index: 59;
                padding: 8px;
                background: #fff;
                border: 1px solid @shadow-blue;
                .border-radius(0 3px 3px);
                .box-shadow(0 0 4px rgba(0, 0, 0, 0.4), 0 -2px 0 @inset-blue inset);
                a {
                    text-decoration: none;
                    display: block;
                    padding: 6px 8px;
                    word-wrap: break-word;

                    &:hover {
                        background: #ebf4fe;
                    }
                }
                &.two-col {
                    .columns(2, 8px);
                    width: 340px;
                }
            }
        }
        em a:hover {
            background: #e1edfb;
        }
    }
    hr {
        border: 0;
        margin: 6px 8px;
        border-top: 1px dotted #ccc;
    }
    em {
        background: #F4F8FC;
        display: block;
        font-weight: bold;
    }
}

.html-rtl {
    .menu-nav {
        margin-left: 0;
        margin-right: 64px;
    }
    .menu-nav > ul > li {
        border-left: 0 !important;
        border-right: 1px solid #9FA7AF;
        float: right;
        left: auto;
        right: -9px;

        &:hover:after {
            left: auto;
            right: 1px;
        }
    }
}

#site-nav {
    > ul {
        > li {
            border-left: 1px solid #9FA7AF;
            left: -9px;

            &:first-child {
                border: 0;
            }
            > a {
                padding: 4px 8px;
                line-height: 12px;
                text-transform: uppercase;
            }
        }
    }
    #themes {
        ul.two-col {
            height: 216px;
            padding-bottom: 39px;

            + div {
                top: 250px;
            }
        }
    }
    a.complete-themes {
        background-color: #f5f5f5;
        border-top: 1px solid #ddd;
        color: #666;
        display: block;
        line-height: 28px;
        margin: 0 1px 1px 1px;
        padding: 0 8px;
        text-align: center;
        width: 190px;

        b {
            color: @link;
        }
        &:hover {
            background-color: #eee;
            color: #333;
            text-decoration: none;

            b {
                color: darken(@link, 10%);
            }
        }
    }
    .two-col + div a.complete-themes {
        width: 340px;
    }
}

#aux-nav {
    > ul {
        > li:not(:first-child):before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: -1px;
            width: 1px;
            height: 32px;
            background: linear-gradient(#9FA7AF, transparent);
            background-size: 1px 100%;
        }
        > li {
            margin-left: 1px;

            > a {
                display: block;
                line-height: 32px;
                height: 32px;
                padding: 0 1em;
                .border-radius(0);
                &:after {
                    display: inline-block;
                    vertical-align: middle;
                    top: 12px;
                    left: 4px;
                    margin: 0 0 0 4px;
                    content: "\00a0";
                    width: 0;
                    height: 0;
                    border: 4px solid transparent;
                    border-style: solid;
                    border-top-color: #666;
                }
            }
            &:hover {
                z-index: 63;

                &:after {
                    left: auto;
                    right: 1px;
                }
            }
            &:after {
                top: 32px;
            }
            > ul {
                top: 31px;
                right: 0;
            }
            &.nomenu {
                a {
                    display: inline-block;

                    &:after {
                        display: none;
                    }
                }
                &:hover {
                    a {
                        background: transparent;
                        .box-shadow(0 0 inset);
                        border-color: transparent;
                    }
                    &:after {
                        display: none;
                    }
                }
            }
            &.logout, &.login {
                &:before {
                    background: 0;
                }
                a {
                    font-weight: normal;
                }
                &.legacy {
                    a {
                        padding-left: .5em;
                    }
                    a:first-child {
                        padding-right: .5em;
                    }
                }
            }
        }
    }
    .other-apps {
        a {
            padding-left: 24px;
            background-repeat: no-repeat;
            background-position: left 4px;
            background-image: url(../../img/app-icons/16/sprite.png)
        }
    }
    .thunderbird a {
        background-position: left -28px;
    }
    .sunbird a {
        background-position: left -92px;
    }
    .seamonkey a {
        background-position: left -60px;
    }
    .android a {
        background-position: left -124px;
    }
}
.html-rtl {
    #aux-nav > ul > li {
        &:hover:after {
            left: 1px;
            right: auto;
        }
        &.legacy {
            a {
                padding: 0 .5em 0 1em;
            }
            a:first-child {
                padding: 0 1em 0 .5em;
            }
        }
        > a:after {
            margin: 0 4px 0 0;
            right: 4px;
            left: auto;
        }
        > ul {
            left: 0;
            right: auto;
        }
    }
}

/** search box */

.header-search {
    position: absolute;
    top: 63px;
    right: 0;
    .gradient-two-color(#2E89CA, #1B5898, #1B5898);
    .border-radius(5px);
    .box-shadow(0 -2px 0 rgba(0, 0, 0, 0.5) inset, 0 2px 0 rgba(0, 0, 0, 0.1));
    padding: 5px 7px 7px;
    width: 280px;
    #search-q,
    .search-button {
        height: 30px;
    }
}
.html-rtl .header-search {
    left: 0;
    right: auto;
}

button.search-button {
    background: #84C63C url(../../img/icons/go-arrow.png) center no-repeat;
    background-image: url(../../img/icons/go-arrow.png),
                      linear-gradient(#84C63C, #489615);
    background-image: url(../../img/icons/go-arrow.png),
                      -webkit-linear-gradient(#84C63C, #489615);
    border: 0;
    float: right;
    cursor: pointer;
    width: 36px;
    .border-radius(6px);
    .box-shadow(0 1px rgba(0, 0, 0, 0.1), 0 -2px rgba(0, 0, 0, 0.1) inset);
}
.html-rtl button.search-button {
    float: left;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
}

.header-search input {
    .border-box();
    background: url(../../img/icons/search.png) no-repeat 8px 50% #fff;
    border: 0;
    .border-radius(4px);
    .box-shadow(0 0 2px rgba(0, 0, 0, 0.4) inset);
    float: left;
    font: 14px @head-sans;
    padding: 6px 6px 6px 32px;
    .width-calc(~'100% - 42px', 238px);
}
.html-rtl .header-search input {
    background-position: 96% 50%;
    float: right;
    padding: 6px 32px 6px 6px;
}

.site-tip, .site-balloon {
    border: 2px solid #e3873b;
    .border-radius(10px);
    display: none;
    font: 14px/16px Arial, sans-serif;
    position: relative;
    margin-top: 22px;
    h3, p {
        display: inline;
    }
    p a {
        font-weight: bold;
    }
}

.site-tip {
    background-color: fadeout(#fff, 50%);
    border-color: #c9ddf2;
    color: #666;
    padding: 10px 45px 10px 15px;
}

.site-balloon {
    background-color: #fcefb7;
    color: #333;
    padding: 15px 45px 15px 15px;

    h3, strong {
        font-weight: bold;
    }
    &:before, &:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        border-left: 18px solid #E3873B;
        border-top: 18px solid transparent;
    }
    &:before {
        left: 34px;
        top: -18px;
    }
    &:after {
        left: 36px;
        top: -13px;
        border-left-color: #FCEFB7;
    }
    p a {
        color: #c40000;
    }
}

#site-notice {
    display: block;
}

.site-balloon, .site-tip, #lightbox, .is-impala .modal {
    .close {
        position: absolute;
        overflow: hidden;
        right: 1em;
        top: 1em;
        width: 25px;
        height: 25px;
        margin: 0;
        .border-radius(4px);
        background: url(../../img/impala/banner-close.png) no-repeat 0 0;
        text-indent: -1000em;
        cursor: pointer;
        &:hover {
            background-color: #c40000;
            background-position: -25px 0;
        }
    }
    .cancel {
        position: static;
        background: none;
        text-indent: 0;

        &:hover {
            background-color: transparent;
        }
    }
}
.site-balloon .close,
.site-tip .close {
    margin: auto;
    top: 0;
    bottom: 0;
}

.html-rtl {
    .site-balloon, .site-tip, #lightbox, &.is-impala .modal {
        padding: 15px 15px 15px 45px;

        &:before, &:after {
            border-color: transparent;
            border-right: 18px solid #E3873B;
            border-top: 18px solid transparent;
            left: auto;
        }
        &:before {
            right: 34px;
            top: -18px;
        }
        &:after {
            right: 36px;
            top: -13px;
            border-right-color: #FCEFB7;
        }
        .close {
            right: auto;
            left: 15px;
        }
    }
}

/* All Manner of Banner */
.firstvisit #site-welcome {
    display: block;
}
#mobile-banner {
    font-size: 1.3em;
}
@media (max-width: 500px) {
    #mobile-banner {
        display: inline-block;
    }
}
.badbrowser {
    #site-welcome, #mobile-banner {
        display: none !important;
    }
}
.developer-hub .site-balloon,
.developer-hub .site-tip {
    display: none !important;
}


add cf theme colors for form checkboxes

add cf theme colors for form checkboxes

error: pathspec 'src/cf-themes-overrides.less' did not match any file(s) known to git


Bugfix: Changed margin-top to padding-top for SearcheFieldRibbon.

Margin was not showing on BIBL view.

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/Det-Kongelige-Bibliotek/rex.git/'


update ruby icon

update ruby icon

@import "icon-colors";
@import "icon-font";

// - - - - - - - - - - - - - - -
// ICONS BASED ON FILE EXTENSION
// - - - - - - - - - - - - - - -

// PROJECT / REPO
.name.icon.icon-repo {

  // TEXT
  font-weight: bold;
  padding: 0px 0px 0px 5px;
  position: relative;
  display: inline-block;
  top: -1px;

  // ICON
  &:before {
    color: #29A8DE;
    content: '\e601';
    display: inline-block;
    font-family: icomoon;
    font-size: 20px;
    left: -5px;
    position: relative;
    top: 5px;
  }

}

// OPEN/CLOSE SLECTOR OF FOLDERS
.header.list-item:before {
  color: @color-default;
}

// DIRECTORY ICONS
.name.icon.icon-file-directory {

  // TEXT
  background: none;
  border: none;
  color: @color-default;
  display: inline-block;
  font-weight: bold;
  padding: 0px 0px 0px 2px;
  position: relative;
  top: -1px;

  // ICON
  &:before {
    color: @color-default;
    content: '\e613';
    display: inline-block;
    font-family: icomoon;
    font-size: 13px;
    left: -2px;
    position: relative;
    top: 1px;
  }
}

// DEFAULT / FALLBACK ICON
.name.icon {
  position: relative;
  display: inline-block;
  top: -2px;
  padding: 0;

  &:before {
    font-family: icomoon;
    content: '\e612';
    font-size: 18px;
    display: inline-block;
    position: relative;
    top: 4px;
    left: -4px;
    color: @color-default;
  }

}

// CSS
.name.icon[data-name*=".css"] {

  position: relative;
  display: inline-block;
  top: -4px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e614';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-css;
  }

}

// HANDLEBARS
.name.icon[data-name*=".hbs"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60f';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-handlebars;
  }
}

// HIDDEN FILES - .GITIGNORE, CONFIG, DS_STORE
.name.icon[data-name*=".gitignore"], .name.icon[data-name*=".config"], .name.icon[data-name*=".DS_Store"],{
  position: relative;
  display: inline-block;
  top:-5px;
  padding: 0;
  color: @color-hidden;

  &:before {
    font-family: icomoon;
    content: '\e615';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-hidden;
  }
}

// HTML
.name.icon[data-name*=".html"], .name.icon[data-name*=".htm"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60e';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-html;
  }
}

// IMAGES
.name.icon[data-name*=".ai"],
.name.icon[data-name*=".gif"],
.name.icon[data-name*=".jpeg"],
.name.icon[data-name*=".jpg"],
.name.icon[data-name*=".png"],
.name.icon[data-name*=".psd"],
.name.icon[data-name*=".svg"],
.name.icon[data-name*=".svgx"] {

  position: relative;
  display: inline-block;
  top: -2px;
  padding: 0;

  &:before {
    font-family: icomoon;
    content: '\e60d';
    font-size: 18px;
    position: relative;
    top: 5px;
    left: -2px;
    color: @color-img;
  }
}

// JADE
.name.icon[data-name*=".jade"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60e';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-jade;
  }
}

// JAVASCRIPT
.name.icon[data-name*=".js"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60c';
    font-size: 22px;
    position: relative;
    top: 7px;
    left: -5px;
    color: @color-js;
  }
}

// COFFEESCRIPT
.name.icon[data-name*=".coffee"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e61b';
    font-size: 22px;
    position: relative;
    top: 8px;
    left: -2px;
    color: @color-coffee;
  }
}

// JSON
.name.icon[data-name*=".json"],
.name.icon[data-name*=".cson"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60b';
    font-size: 22px;
    position: relative;
    top: 7px;
    left: -5px;
    color: @color-json;
  }
}

// LESS
.name.icon[data-name*=".less"] {

  position: relative;
  display: inline-block;
  top: -4px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e614';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-less;
  }

}

// MARKDOWN
.name.icon[data-name*=".md"] {

  position: relative;
  display: inline-block;
  top: -4px;
  padding: 0;

  &:before {
    font-family: icomoon;
    content: '\e609';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-md;
  }
}

// MUSTACHE
.name.icon[data-name*=".mustache"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60f';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-mustache;
  }
}

// PHP
.name.icon[data-name*=".php"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e608';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-php;
  }
}

// PYTHON
.name.icon[data-name*=".py"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e606';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-python;
  }
}

// RUBY
.name.icon[data-name*=".rb"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e605';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-ruby;
  }
}

// SASS
.name.icon[data-name*=".scss"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e603';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-sass;
  }
}

// STYLUS
.name.icon[data-name*=".styl"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e600';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-styl;
  }
}

// - - - - - - - - - - - - - - - - -
//  ICONS BASED ON NAME VS EXTENSION
// - - - - - - - - - - - - - - - - -

// BOWER
.name.icon[data-name*="BOWER.json"],
.name.icon[data-name*="Bower.json"],
.name.icon[data-name*="bower.json"],
.name.icon[data-name*="BOWER.cson"],
.name.icon[data-name*="Bower.cson"],
.name.icon[data-name*="bower.cson"] {

  display: inline-block;
  padding: 0;
  position: relative;
  top: -6px;

  &.icon-file-text:before {
    color: @color-bower;
    content: '\e61a';
    font-family: icomoon;
    font-size: 22px;
    left: -5px;
    position: relative;
    top: 6px;
  }
}

// GRUNT
.name.icon[data-name*="GRUNTFILE.js"],
.name.icon[data-name*="Gruntfile.js"],
.name.icon[data-name*="gruntfile.js"],
.name.icon[data-name*="GRUNTFILE.coffee"],
.name.icon[data-name*="Gruntfile.coffee"],
.name.icon[data-name*="gruntfile.coffee"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e611';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-grunt;
  }
}

// GULP
.name.icon[data-name*="GULPFILE.js"],
.name.icon[data-name*="Gulpfile.js"],
.name.icon[data-name*="gulpfile.js"],
.name.icon[data-name*="GULPFILE.coffee"],
.name.icon[data-name*="Gulpfile.coffee"],
.name.icon[data-name*="gulpfile.coffee"] {

  position: relative;
  display: inline-block;
  top: -5px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e610';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-gulp;
  }
}

// LICENSE
.name.icon[data-name*="LICENSE"],
.name.icon[data-name*="License"],
.name.icon[data-name*="license"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    color: @color-license;
    content: '\e60a';
    font-family: icomoon;
    font-size: 22px;
    left: -5px;
    position: relative;
    top: 6px;
  }
}

// NPM
.name.icon[data-name*="npm-debug.log"],
.name.icon[data-name*=".npmignore"] {

  display: inline-block;
  padding: 0;
  position: relative;
  top: -6px;

  &.icon-file-text:before {
    color: @color-npm;
    content: '\e616';
    font-family: icomoon;
    font-size: 22px;
    left: -5px;
    position: relative;
    top: 6px;
  }
}

// PROCFILE
.name.icon[data-name*="PROCFILE"],
.name.icon[data-name*="Procfile"],
.name.icon[data-name*="procfile"] {

  position: relative;
  display: inline-block;
  top: -4px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e607';
    font-size: 20px;
    position: relative;
    top: 5px;
    left: -3px;
    color: @color-procfile;
  }
}

// XML
.name.icon[data-name*=".xml"] {

  display: inline-block;
  padding: 0;
  position: relative;
  top: -6px;

  &.icon-file-text:before {
    color: @color-xml;
    content: '\e619';
    font-family: icomoon;
    font-size: 22px;
    left: -5px;
    position: relative;
    top: 6px;
  }
}

// - - - - - - -
// STATUS COLORS
// - - - - - - -

// STATUS: ADDED
.directory.entry.list-nested-item.status-added {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-added;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-added;

    // ICON
    &:before {
      color: @color-status-added;
    }
  }

}

  .file.entry.list-item.status-added {

    .name.icon {

      // TEXT
      color: @color-status-added;

      // ICON
      &:before {
        color: @color-status-added !important;
      }

      &.icon-file-text:before {
        color: @color-status-added;
      }
    }
  }

// STATUS: MODIFIED
.directory.entry.list-nested-item.status-modified {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-modified;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-modified;

    // ICON
    &:before {
      color: @color-status-modified;
    }
  }

}

  .file.entry.list-item.status-modified {
    .name.icon {

      // TEXT
      color: @color-status-modified;

      // ICON
      &:before {
        color: @color-status-modified;
      }
    }
  }

// STATUS: IGNORED
.directory.entry.list-nested-item.status-ignored {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-ignored;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-ignored;

    // ICON
    &:before {
      color: @color-status-ignored;
    }
  }

}

  .file.entry.list-item.status-ignored {
    .name.icon {

      // TEXT
      color: @color-status-ignored;

      // ICON
      &:before {
        color: @color-status-ignored;
      }
    }
  }

// STATUS: REMOVED
.directory.entry.list-nested-item.status-removed {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-removed;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-removed;

    // ICON
    &:before {
      color: @color-status-removed;
    }
  }

}

  // FILE
  .file.entry.list-item.status-removed {
    .name.icon {

      // TEXT
      color: @color-status-removed;

      // ICON
      &:before {
        color: @color-status-removed;
      }
    }
  }

// STATUS: RENAMED
.directory.entry.list-nested-item.status-renamed {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-renamed;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-renamed;

    // ICON
    &:before {
      color: @color-status-renamed;
    }
  }

}

  // FILE
  .file.entry.list-item.status-renamed {
    .name.icon {

      // TEXT
      color: @color-status-renamed;

      // ICON
      &:before {
        color: @color-status-renamed;
      }
    }
  }

@import "icon-colors";
@import "icon-font";

// - - - - - - - - - - - - - - -
// ICONS BASED ON FILE EXTENSION
// - - - - - - - - - - - - - - -

// PROJECT / REPO
.name.icon.icon-repo {

  // TEXT
  font-weight: bold;
  padding: 0px 0px 0px 5px;
  position: relative;
  display: inline-block;
  top: -1px;

  // ICON
  &:before {
    color: #29A8DE;
    content: '\e601';
    display: inline-block;
    font-family: icomoon;
    font-size: 20px;
    left: -5px;
    position: relative;
    top: 5px;
  }

}

// OPEN/CLOSE SLECTOR OF FOLDERS
.header.list-item:before {
  color: @color-default;
}

// DIRECTORY ICONS
.name.icon.icon-file-directory {

  // TEXT
  background: none;
  border: none;
  color: @color-default;
  display: inline-block;
  font-weight: bold;
  padding: 0px 0px 0px 2px;
  position: relative;
  top: -1px;

  // ICON
  &:before {
    color: @color-default;
    content: '\e613';
    display: inline-block;
    font-family: icomoon;
    font-size: 13px;
    left: -2px;
    position: relative;
    top: 1px;
  }
}

// DEFAULT / FALLBACK ICON
.name.icon {
  position: relative;
  display: inline-block;
  top: -2px;
  padding: 0;

  &:before {
    font-family: icomoon;
    content: '\e612';
    font-size: 18px;
    display: inline-block;
    position: relative;
    top: 4px;
    left: -4px;
    color: @color-default;
  }

}

// CSS
.name.icon[data-name*=".css"] {

  position: relative;
  display: inline-block;
  top: -4px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e614';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-css;
  }

}

// HANDLEBARS
.name.icon[data-name*=".hbs"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60f';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-handlebars;
  }
}

// HIDDEN FILES - .GITIGNORE, CONFIG, DS_STORE
.name.icon[data-name*=".gitignore"], .name.icon[data-name*=".config"], .name.icon[data-name*=".DS_Store"],{
  position: relative;
  display: inline-block;
  top:-5px;
  padding: 0;
  color: @color-hidden;

  &:before {
    font-family: icomoon;
    content: '\e615';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-hidden;
  }
}

// HTML
.name.icon[data-name*=".html"], .name.icon[data-name*=".htm"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60e';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-html;
  }
}

// IMAGES
.name.icon[data-name*=".ai"],
.name.icon[data-name*=".gif"],
.name.icon[data-name*=".jpeg"],
.name.icon[data-name*=".jpg"],
.name.icon[data-name*=".png"],
.name.icon[data-name*=".psd"],
.name.icon[data-name*=".svg"],
.name.icon[data-name*=".svgx"] {

  position: relative;
  display: inline-block;
  top: -2px;
  padding: 0;

  &:before {
    font-family: icomoon;
    content: '\e60d';
    font-size: 18px;
    position: relative;
    top: 5px;
    left: -2px;
    color: @color-img;
  }
}

// JADE
.name.icon[data-name*=".jade"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60e';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-jade;
  }
}

// JAVASCRIPT
.name.icon[data-name*=".js"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60c';
    font-size: 22px;
    position: relative;
    top: 7px;
    left: -5px;
    color: @color-js;
  }
}

// COFFEESCRIPT
.name.icon[data-name*=".coffee"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e61b';
    font-size: 22px;
    position: relative;
    top: 8px;
    left: -2px;
    color: @color-coffee;
  }
}

// JSON
.name.icon[data-name*=".json"],
.name.icon[data-name*=".cson"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60b';
    font-size: 22px;
    position: relative;
    top: 7px;
    left: -5px;
    color: @color-json;
  }
}

// LESS
.name.icon[data-name*=".less"] {

  position: relative;
  display: inline-block;
  top: -4px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e614';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-less;
  }

}

// MARKDOWN
.name.icon[data-name*=".md"] {

  position: relative;
  display: inline-block;
  top: -4px;
  padding: 0;

  &:before {
    font-family: icomoon;
    content: '\e609';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-md;
  }
}

// MUSTACHE
.name.icon[data-name*=".mustache"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60f';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-mustache;
  }
}

// PHP
.name.icon[data-name*=".php"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e608';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-php;
  }
}

// PYTHON
.name.icon[data-name*=".py"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e606';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-python;
  }
}

// RUBY
.name.icon[data-name*=".rb"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e604';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-ruby;
  }
}

// SASS
.name.icon[data-name*=".scss"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e603';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-sass;
  }
}

// STYLUS
.name.icon[data-name*=".styl"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e600';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-styl;
  }
}

// - - - - - - - - - - - - - - - - -
//  ICONS BASED ON NAME VS EXTENSION
// - - - - - - - - - - - - - - - - -

// BOWER
.name.icon[data-name*="BOWER.json"],
.name.icon[data-name*="Bower.json"],
.name.icon[data-name*="bower.json"],
.name.icon[data-name*="BOWER.cson"],
.name.icon[data-name*="Bower.cson"],
.name.icon[data-name*="bower.cson"] {

  display: inline-block;
  padding: 0;
  position: relative;
  top: -6px;

  &.icon-file-text:before {
    color: @color-bower;
    content: '\e61a';
    font-family: icomoon;
    font-size: 22px;
    left: -5px;
    position: relative;
    top: 6px;
  }
}

// GRUNT
.name.icon[data-name*="GRUNTFILE.js"],
.name.icon[data-name*="Gruntfile.js"],
.name.icon[data-name*="gruntfile.js"],
.name.icon[data-name*="GRUNTFILE.coffee"],
.name.icon[data-name*="Gruntfile.coffee"],
.name.icon[data-name*="gruntfile.coffee"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e611';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-grunt;
  }
}

// GULP
.name.icon[data-name*="GULPFILE.js"],
.name.icon[data-name*="Gulpfile.js"],
.name.icon[data-name*="gulpfile.js"],
.name.icon[data-name*="GULPFILE.coffee"],
.name.icon[data-name*="Gulpfile.coffee"],
.name.icon[data-name*="gulpfile.coffee"] {

  position: relative;
  display: inline-block;
  top: -5px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e610';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-gulp;
  }
}

// LICENSE
.name.icon[data-name*="LICENSE"],
.name.icon[data-name*="License"],
.name.icon[data-name*="license"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    color: @color-license;
    content: '\e60a';
    font-family: icomoon;
    font-size: 22px;
    left: -5px;
    position: relative;
    top: 6px;
  }
}

// NPM
.name.icon[data-name*="npm-debug.log"],
.name.icon[data-name*=".npmignore"] {

  display: inline-block;
  padding: 0;
  position: relative;
  top: -6px;

  &.icon-file-text:before {
    color: @color-npm;
    content: '\e616';
    font-family: icomoon;
    font-size: 22px;
    left: -5px;
    position: relative;
    top: 6px;
  }
}

// PROCFILE
.name.icon[data-name*="PROCFILE"],
.name.icon[data-name*="Procfile"],
.name.icon[data-name*="procfile"] {

  position: relative;
  display: inline-block;
  top: -4px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e607';
    font-size: 20px;
    position: relative;
    top: 5px;
    left: -3px;
    color: @color-procfile;
  }
}

// XML
.name.icon[data-name*=".xml"] {

  display: inline-block;
  padding: 0;
  position: relative;
  top: -6px;

  &.icon-file-text:before {
    color: @color-xml;
    content: '\e619';
    font-family: icomoon;
    font-size: 22px;
    left: -5px;
    position: relative;
    top: 6px;
  }
}

// - - - - - - -
// STATUS COLORS
// - - - - - - -

// STATUS: ADDED
.directory.entry.list-nested-item.status-added {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-added;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-added;

    // ICON
    &:before {
      color: @color-status-added;
    }
  }

}

  .file.entry.list-item.status-added {

    .name.icon {

      // TEXT
      color: @color-status-added;

      // ICON
      &:before {
        color: @color-status-added !important;
      }

      &.icon-file-text:before {
        color: @color-status-added;
      }
    }
  }

// STATUS: MODIFIED
.directory.entry.list-nested-item.status-modified {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-modified;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-modified;

    // ICON
    &:before {
      color: @color-status-modified;
    }
  }

}

  .file.entry.list-item.status-modified {
    .name.icon {

      // TEXT
      color: @color-status-modified;

      // ICON
      &:before {
        color: @color-status-modified;
      }
    }
  }

// STATUS: IGNORED
.directory.entry.list-nested-item.status-ignored {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-ignored;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-ignored;

    // ICON
    &:before {
      color: @color-status-ignored;
    }
  }

}

  .file.entry.list-item.status-ignored {
    .name.icon {

      // TEXT
      color: @color-status-ignored;

      // ICON
      &:before {
        color: @color-status-ignored;
      }
    }
  }

// STATUS: REMOVED
.directory.entry.list-nested-item.status-removed {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-removed;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-removed;

    // ICON
    &:before {
      color: @color-status-removed;
    }
  }

}

  // FILE
  .file.entry.list-item.status-removed {
    .name.icon {

      // TEXT
      color: @color-status-removed;

      // ICON
      &:before {
        color: @color-status-removed;
      }
    }
  }

// STATUS: RENAMED
.directory.entry.list-nested-item.status-renamed {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-renamed;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-renamed;

    // ICON
    &:before {
      color: @color-status-renamed;
    }
  }

}

  // FILE
  .file.entry.list-item.status-renamed {
    .name.icon {

      // TEXT
      color: @color-status-renamed;

      // ICON
      &:before {
        color: @color-status-renamed;
      }
    }
  }


Update action link colors to use theme variables

.message {
	.actionLinks {
		padding: 0;
		margin-top: 4px;
		text-align: center;
		li {
			cursor: pointer;
			position: relative;
			padding-right: 2px;
			color: @primary-background-color;

			list-style: none;
			display: inline;

			&:hover {
				color: @link-font-color;
			}
		}

		li:after { content: " \25CF"; }
		li:last-child:after { content: none; }
	}
}

.message {
	.actionLinks {
		padding: 0;
		margin-top: 4px;
		text-align: center;
		li {
			cursor: pointer;
			position: relative;
			padding-right: 2px;
			color: #036;

			list-style: none;
			display: inline;

			&:hover {
				color: #369;
			}
		}

		li:after { content: " \25CF"; }
		li:last-child:after { content: none; }
	}
}


remove extra top-margin on the year

remove extra top-margin on the year

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/crdx/crdx.org.git/'


Create theme.less

Create theme.less

/*
 * xWeb (v1.0) by EvolSoft
 * Developer: EvolSoft (Flavius12)
 * Website: http://www.evolsoft.tk
 * Date: 18/05/2015 06:57 PM (UTC)
 * Copyright & License: (C) 2015 EvolSoft
 * Licensed under MIT (https://github.com/EvolSoft/xWeb/blob/master/LICENSE)
 */

//**** xWeb Metro Theme (Default) ****//
@import "variables.less";

body{
	font-family: Verdana !important;
}

* {
	font-family: Verdana;
	border-radius: 0 !important;
	box-shadow: none !important;
}

//Alerts

.alert.alert-info {
	color: @white;
	background: @info;
	border: 1px solid darken(@info, 10%);
}

.alert.alert-success {
	color: @white;
	background: @success;
	border: 1px solid darken(@success, 10%);
}

.alert.alert-warning {
	color: @white;
	background: @warning;
	border: 1px solid darken(@warning, 10%);
}

.alert.alert-error {
	color: @white;
	background: @error;
	border: 1px solid darken(@error, 10%);
}

.alert .close {
	top: -14px;
	right: -11px;
}

.alert.alert-info a, .alert.alert-info a:hover, .alert.alert-info .close, .alert.alert-info .close:hover, .alert.alert-warning a, .alert.alert-warning a:hover, .alert.alert-warning .close, .alert.alert-warning .close:hover, .alert.alert-success a, .alert.alert-success a:hover, .alert.alert-success .close, .alert.alert-success .close:hover, .alert.alert-error a, .alert.alert-error a:hover, .alert.alert-error .close, .alert.alert-error .close:hover {
	color: @white;
}

//Breadcrumbs

.breadcrumb {
	padding: 10px 15px 11px 15px;
	font-family: Verdana;
	font-size: 15px;
}

.breadcrumb > li + li:before {
	content: "\f054";
}

//Buttons

.button {
	font-family: Verdana !important;
	text-shadow: none !important;
	border: 1px solid @button-border !important;
	box-shadow: none !important;
	background: @button !important;
}

.button:hover {
	border: 1px solid darken(@button-border, 10%) !important;
	background: @button-hover;
}
.button:active {
	border: 1px solid darken(@button-border, 10%) !important;
	background: @button-active;
}

.button.button-primary {
    border: 1px solid @button-primary !important;
	background: @button-primary !important;
}

.button.button-primary:hover {
    border: 1px solid @button-primary-hover !important;
	background: @button-primary-hover !important;
}

.button.button-primary:active {
	background: @button-primary-active !important;
}

.button.button-success {
    border: 1px solid @button-success !important;
	background: @button-success !important;
}

.button.button-success:hover {
    border: 1px solid @button-success-hover !important;
	background: @button-success-hover !important;
}

.button.button-success:active {
	background: @button-success-active !important;
}

.button.button-warning {
    border: 1px solid @button-warning !important;
	background: @button-warning !important;
}

.button.button-warning:hover {
    border: 1px solid @button-warning-hover !important;
	background: @button-warning-hover !important;
}

.button.button-warning:active {
	background: @button-warning-active !important;
}

.button.button-error {
    border: 1px solid @button-error !important;
	background: @button-error !important;
}

.button.button-error:hover {
    border: 1px solid @button-error-hover !important;
	background: @button-error-hover !important;
}

.button.button-error:active {
	background: @button-error-active !important;
}

.button.button-info {
    border: 1px solid @button-info !important;
	background: @button-info !important;
}

.button.button-info:hover {
    border: 1px solid @button-info-hover !important;
	background: @button-info-hover !important;
}

.button.button-info:active {
	background: @button-info-active !important;
}

//Panels

.panel .panel-header {
	padding: 10px 15px;
	border-bottom: none;
}
.panel .panel-title {
	font-size: 17px;
}

//Inputs

.input {
	font-family: Verdana !important;
}

//Menus

.menu {
	padding: 0;
	min-width: 185px;
}

.menu > li > a {
	padding: 9px 15px;
}

//Navbar

.navbar {
	background: #1A4FFF;
	min-height: 55px;
	border: none !important;
}

.navbar .navbar-title, .navbar .navbar-title:hover {
	line-height: 18px;
	padding: 18px 15px;
	color: @white;
}
.navbar .navbar-links > li > a, .navbar .navbar-links > li > a:hover, .navbar .navbar-links > li > a:focus {
	line-height: 19px;
	font-size: 15px;
	padding: 17px 14px;
	color: @white;
}
.navbar .navbar-links > li.active > a {
	background: #004DDD;
	color: @white;
}
.navbar .navbar-links .menu-group.open {
	background: #004DDD;
	color: @white;
}
@media (max-width: 749px){
	.navbar .navbar-links:nth-of-type(1){
		border-top: 1px solid #002BBC;
	}
	.navbar .navbar-links:nth-of-type(1) > li:first-child {
		border-top: 1px solid #678aff;
	}
	.navbar .navbar-links .menu {
		background: #1A4FFF;
	}
	.navbar .navbar-links .menu > li > a {
		color: @white;
	}
	.navbar .navbar-links .menu > li > a:hover {
		background: #1A4FFF;
		color: @white;
	}
	.navbar .navbar-links .menu > li.active > a {
		background: #004DDD;
		color: @white;
	}
	.navbar .navbar-links .menu hr {
		border-color: #678aff;
	}
}
.navbar.navbar-static {
	border-bottom: none;
}
.navbar .navbar-toggle {
	line-height: 18px;
	padding: 16px;
   color: @white;
}
.navbar .navbar-toggle:hover {
   color: @white;
}

//Progress bars

.progress {
	border: 1px solid @button-border;
	border-radius: 0;
}

.progress > .progress-bar {
	height: 100%;
	text-shadow: none !important;
	border: none !important;
	background: @progress-bar;
}
.progress > .progress-bar-success {
	background: @progress-bar-success;
}
.progress > .progress-bar-warning {
	background: @progress-bar-warning;
}
.progress > .progress-bar-error {
	background: @progress-bar-error;
}

.progress > .progress-bar-info {
	background: @progress-bar-info;
}

//Sliders

.slider {
	border: 1px solid @button-border;
	border-radius: 0;
}

.slider > .slider-progress {
	border: none !important;
	background: @slider-progress;
}

//Switches

input.switch + label:before {
	box-shadow: none;
	border: 1px solid @button-border;
	border-radius: 0;
}

input.switch + label:after {
	width: 49%; //50% - 1% of border
	border-radius: 0;
	background: @button;
	border: 1px solid @button-border;
	box-shadow: none;
}

input.switch + label:hover:after {
	border-radius: 0;
	background: @button-hover;
	border: 1px solid @button-border;
	box-shadow: none;
}

input.switch:checked + label:before {
	background: @button-primary;
	border: none;
	box-shadow: none;
}

//TextAreas

.textarea {
	font-family: Verdana;
}

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


make canvas not blurry

make canvas not blurry

canvas {
  image-rendering: optimizeSpeed;             /* Older versions of FF          */
  image-rendering: -moz-crisp-edges;          /* FF 6.0+                       */
  image-rendering: -webkit-optimize-contrast; /* Safari                        */
  image-rendering: -o-crisp-edges;            /* OS X & Windows Opera (12.02+) */
  image-rendering: pixelated;                 /* Awesome future-browsers       */
  -ms-interpolation-mode: nearest-neighbor;   /* IE                            */
}

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


Move scrollbar from html to  body

Move scrollbar from html to  body

@import './custom.less';

@font-face {
  font-family: Whitney;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Whitney.woff') format('woff')
}

@font-face {
  font-family: Whitney;
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/WhitneyMedium.woff') format('woff')
}

@font-face {
  font-family: Whitney;
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/WhitneyBold.woff') format('woff')
}

body {
  overflow-y: scroll;
}

.white-bg {
  background: @white;
}

.content {
  margin-top: 56px;
}

.shifted {
  margin-top: 21px;
}

.text-icon {
  font-size: 18px !important;
  margin-right: 4px;
  vertical-align: -1px;
}

.ant-layout {
  overflow: hidden;
}

.ant-tooltip-content {
  font-weight: 500;
}

.ant-popover-title {
  color: #9d9d9d;
  line-height: 36px;
  height: 36px;
}

@import './custom.less';

@font-face {
  font-family: Whitney;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Whitney.woff') format('woff')
}

@font-face {
  font-family: Whitney;
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/WhitneyMedium.woff') format('woff')
}

@font-face {
  font-family: Whitney;
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/WhitneyBold.woff') format('woff')
}

html {
  overflow-y: scroll;
}

.white-bg {
  background: @white;
}

.content {
  margin-top: 56px;
}

.shifted {
  margin-top: 21px;
}

.text-icon {
  font-size: 18px !important;
  margin-right: 4px;
  vertical-align: -1px;
}

.ant-layout {
  overflow: hidden;
}

.ant-tooltip-content {
  font-weight: 500;
}

.ant-popover-title {
  color: #9d9d9d;
  line-height: 36px;
  height: 36px;
}


middle

middle

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


add arquivo navs.less

add arquivo navs.less

.nav-tabs {
	margin-bottom: @line-height-computed;
	font-family: 'Questrial';
}

error: pathspec 'themes/default/static/css/less/components/navs.less' did not match any file(s) known to git


bump up control panel font and fix section borders

/* ==========================================================================
   "Rate checker" custom styles
   ========================================================================== */

.rate-checker {
    .webfont-regular();

    .page-intro {
      border-bottom: 1px solid @gray-20;
    }
}

.rc-illu-inner {
  padding: 1em 4.5em 0 4.5em;
}

/*
    layout
    --------------------------- */

.calculator {
  .grid_column( 4 );
  .grid_push( 8 );
}

.rc-results {
  .grid_column( 8 );
  .grid_pull( 4 );
}

@media (max-width: 720px) {
  .calculator,
  .rc-results {
    .grid_column( 12 );
    .grid_push( 0 );
  }
}

/*
    Sidebar with all the user input
    --------------------------- */

.calculator {
   background: @gray-5;
   .webfont-regular();

    p {
      margin: 0;
    }

    label {
      .webfont-medium();
      margin-bottom: 4px;
      text-transform: none;
    }

    .help {
        font-size: .9em;
    }

    section {
      margin: 0 15px;
      padding: 30px 0;
      border-top: 1px solid @gray-20;
    }

    section:first-child,
    section:nth-child(2) {
      border-top: none;
    }

    section:first-child {
      padding: 30px 0 0 0;
    }

    .calc-footer {
      padding: 15px 0; // the bottom <section> has less padding
    }

    input[type='number'] {
        -moz-appearance:textfield;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

    .form-sub {
      font-size: 0.714285714em;
      .webfont-regular();
      color: @darkgray;
    }

    #arm-warning {
      border-top: 0;
      padding-top: 0;
      margin-top: -10px;
    }
}

.calc-loan-details {
  .upper {
    margin-bottom: 15px;
  }
}

.loan-amt-total {

  padding-top: 10px;

  span {
    display: block;
    .webfont-medium();
    margin-top: 10px;
  }
}

.county {

  padding-top: 10px;

}

.downpayment-warning {
  font-size: 0.875em;
  padding-top: 10px;
}

.timestamp-message {
  font-size: 0.875em;
  text-align: right;
  margin-right: 1.25em; //align it nicely with the chart
}

/*
    Range slider for credit score
    --------------------------- */

.credit-score {
  position: relative;

  .labels {
    line-height: 0;
    margin: 15px 0 8px;
    font-size: .625em;
  }

  .max {
    float: right;
  }
}

.range {
  margin-bottom: 1.5em;
}

.range-text {
  position: absolute;
  display: block;
  margin-left: -10px;
  white-space: nowrap;
  font-size: .875em;
}

.rangeslider {
  background: transparent url(../img/slider-bg.png) scroll no-repeat center center;
  background-size: 100%;
  display: block;
  height: 20px;
  width: 100%;
  position: relative;
}

.rangeslider__fill {
  background: #00ff00;
  position: absolute;
  top: 0;
}

.rangeslider__handle {
  display: inline-block;
  width: 22px;
  height: 21px;
  position: absolute;
  background: transparent url(../img/slider-handle.png) no-repeat 0 0;
  background-size: 100%;
  border: 0;

  &.warning {
    background: transparent url(../img/slider-handle.png) no-repeat 0 100%;
    width: 22px;
    height: 21px;
    background-size: 100%;
  }
}

@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  .rangeslider__handle {
    width: 22px;
    height: 21px;
    background: transparent url(../img/slider-handle@2x.png) no-repeat 0 0;
    background-size: 100%;
    border: 0;

    &.warning {
      background: transparent url(../img/slider-handle@2x.png) no-repeat 0 100%;
      width: 22px;
      height: 21px;
      background-size: 100%;
    }
  }
}

#slider-range {
  text-align: center;
}

/*
    Main section with output
    --------------------------- */

.rate-checker-heading {
  font-size: 1.375em;
  margin-top: 40px;
}

.result {

}

/*
    Middle section with chart
    --------------------------- */

// this is shameful, but this is needed to force highcharts to display overflowing tooltips
.highcharts-container {
  overflow: visible !important;
}

.chart {

  margin: 20px 20px 20px 0;
  padding-top: 40px;
  border-top: 1px solid @gray-20;
  border-bottom: 1px solid @gray-20;

  &.geolocating {
    background: transparent url(http://www.consumerfinance.gov/hmda/static/img/icon_spinner.gif) scroll no-repeat center center;
    #chart {
      opacity: 0;
    }
  }

  figure {
    .reset;
  }

}

.data-label {
  text-align: center;
  background-color: #fff;
}

.chart-caption {
  font-size: 0.75em;
  padding: 0 1em 1em 1em;
}

.caption-title {
  .webfont-demi();
  text-transform: uppercase;
  color: @gray-80;
  letter-spacing: 1px;
}

.rc-data-link {
  text-align: right;
  .webfont-medium();

  a {
    border-bottom-width: 1px;
  }
}

@media (max-width: 720px) {
  .rc-data-link {
    display: none;
  }
}

.highcharts-tooltip > span {
  z-index: 9999;
  background-color: #fff;
  color: @darkgray;
  border: 2px solid @green-midtone;
  padding: 4px 10px 4px 8px;
  margin: 0 2px;
}

.chart-tooltip {
  z-index: 9999;
  .lenders {
    .webfont-demi();
    display: inline-block;
    font-size: 3em;
    width: 20%;
  }
  .text {
    display: inline-block;
    width: 80%;
  }
}

@keyframes fadein {
    from { opacity: .3; }
    to { opacity: 1; }
}

/*
    "Compare interest rate costs"
    --------------------------- */
.compare {

  .webfont-regular();

  margin-top: 30px;

    label {
        .visuallyhidden;
    }
    select {
        display: block;
    }
}

.new-cost {
  .webfont-demi();
  font-size: 1.375em;
}

.interest-cost-primary,
.interest-cost-secondary {
  padding: 0 10px 10px 10px;
  min-height: 70px;

  h5 {
    font-size: .625em;
    text-transform: none;
    .webfont-regular();
    margin: 10px 0;
    letter-spacing: 0;
  }
}

.rate-compare-container {
  .grid_column( 6 );
  position: relative;
  margin-bottom: 10px;
}

.interest-cost-secondary {
  background: @gray-5;
  border-top: 2px solid #FFCE8D;
  top: 110px;
  width: 100%;

  .new-cost {
    font-size: 1.75em;
  }

}

.dollar-input,
.percent-input {
  position: relative;

  input {
    width: 100%;
    padding-left: 15px;
    border: solid 1px #d0d0ce;
  }

  .unit {
    position: absolute;
    display: block;
    left: 5px;
    top: 0.2em;
    z-index: 9;
    color: @gray;
  }
}

.down-payment {
  border-width: 0;
  .dollar-input {
    width: 65%;
    display: inline-block;
  }
  .percent-input {
    width: 32%;
    display: inline-block;
  }

  input {
    border: solid 1px #d0d0ce;
  }
}

@media (max-width: 1000px) {
  .down-payment {
    margin-top: 20px;
  }
}

.interest-summary {
  margin: 1em 0 1.5em 0;

  p:last-child {
    margin: 0;
  }
}

.arm-info-comparison {
  .webfont-regular();
  padding: 1em 0;
  font-size: 0.75em;
  display: block;
  position: absolute;
  width: 200%;

  p {
    margin: 0;
  }
}
@media (max-width: 720px) {
  .interest-cost-secondary {
    position: static;
  }

}

@media (max-width: 1000px) {
  .flex-input {
    .grid_column(12);
  }

  .new-cost {
    font-size: 1em;
  }

  .interest-cost-secondary .new-cost {
      font-size: 1.25em;
    }
}

/*
    "Next steps"
    --------------------------- */

.next-steps {
  margin-top: 5em;
  margin-bottom: 3.625em;

  .tabs {
    margin-top: 2em;
  }

  > p {
    margin-bottom: 55px;
  }
}

.next-steps-list {
  .reset;
}

.next-steps-heading {
  font-size: 1.125em;
  .webfont-regular();
  margin-bottom: 1em;
}

.next-steps-list {
  padding-left: 30px; // match the negative outdent of the numbering
  margin: 0;
  counter-reset: li;
  list-style: none;
  position: relative;

  li {
    display: inline-block;
    position: relative;
  }

}

.next-steps-list > li:before {
  content: counter(li);
  counter-increment: li;
  background: @green-midtone;
  color: @black;
  font-size: 12px;
  .webfont-demi();
  position: absolute;
  text-align: center;
  left: -30px;
  top: 1px;
  height: 20px;
  width: 20px;
  line-height: 20px;
  border-radius: 20px;
}

/*
    about
    --------------------------- */

    .about {
      border-top: 1px solid @gray-20;
      margin-top: 6em;
    }

    .feedback {
      background: @gray-10;
      padding: 24px 15px 80px 15px;
    }

/*
    Alerts and warnings
    --------------------------- */

.chart {
  .warning {
    position: relative;;

    .highcharts-container {
      opacity: .3;
    }
  }
}

.result-alert {
  border: 1px solid @redorange-50;
}

.chart-alert {
  position: absolute;
  top: 30%;
  background: #fff;
  padding: 1em 2em 1em 3em;
  .webfont-regular();

  .point-right {
    font-size: 1.5em;
  }
}

.credit-alert {
  font-size: 0.75em;
  padding: .714em .714em .714em 2.142em;
  background: @gray-10;
  color: @darkgray;
  margin: 2.5em 0 1em 0;
}

.form-sub.warning {
  margin-top: -20px;
  padding-top: 0;
  border-top: 0;
}

.warning-text {
  padding-left: 1.2em;
}

.warning-text:before {
  .cf-icon;
  content: "\e103";
  color:  @gold;
  text-indent: -1.2em;
  margin-right: .2em;
}

/* ==========================================================================
   "Rate checker" custom styles
   ========================================================================== */

.rate-checker {
    .webfont-regular();

    .page-intro {
      border-bottom: 1px solid @gray-20;
    }
}

.rc-illu-inner {
  padding: 1em 4.5em 0 4.5em;
}

/*
    layout
    --------------------------- */

.calculator {
  .grid_column( 4 );
  .grid_push( 8 );
}

.rc-results {
  .grid_column( 8 );
  .grid_pull( 4 );
}

@media (max-width: 720px) {
  .calculator,
  .rc-results {
    .grid_column( 12 );
    .grid_push( 0 );
  }
}

/*
    Sidebar with all the user input
    --------------------------- */

.calculator {
   background: @gray-5;
   .webfont-regular();

    p {
      margin: 0;
    }

    label {
      .webfont-medium();
      font-size: 0.875em;
      margin-bottom: 4px;
      text-transform: none;
    }

    .help {
        font-size: .9em;
    }

    section {
      margin: 0 15px;
      padding: 30px 0;
      border-top: 1px solid @gray-20;
    }

    section:first-child,
    section:nth-child(2n) {
      border-top: none;
    }

    section:first-child {
      padding: 30px 0 0 0;
    }

    .calc-footer {
      padding: 15px 0; // the bottom <section> has less padding
    }

    input[type='number'] {
        -moz-appearance:textfield;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

    .form-sub {
      font-size: 0.714285714em;
      .webfont-regular();
      color: @darkgray;
    }

    #arm-warning {
      border-top: 0;
      padding-top: 0;
      margin-top: -10px;
    }
}

.calc-loan-details {
  .upper {
    margin-bottom: 15px;
  }
}

.loan-amt-total {

  padding-top: 10px;

  span {
    display: block;
    .webfont-medium();
    margin-top: 10px;
  }
}

.county {

  padding-top: 10px;

}

.downpayment-warning {
  font-size: 0.875em;
  padding-top: 10px;
}

.timestamp-message {
  font-size: 0.875em;
  text-align: right;
  margin-right: 1.25em; //align it nicely with the chart
}

/*
    Range slider for credit score
    --------------------------- */

.credit-score {
  position: relative;

  .labels {
    line-height: 0;
    margin: 15px 0 8px;
    font-size: .625em;
  }

  .max {
    float: right;
  }
}

.range {
  margin-bottom: 1.5em;
}

.range-text {
  position: absolute;
  display: block;
  margin-left: -10px;
  white-space: nowrap;
  font-size: .875em;
}

.rangeslider {
  background: transparent url(../img/slider-bg.png) scroll no-repeat center center;
  background-size: 100%;
  display: block;
  height: 20px;
  width: 100%;
  position: relative;
}

.rangeslider__fill {
  background: #00ff00;
  position: absolute;
  top: 0;
}

.rangeslider__handle {
  display: inline-block;
  width: 22px;
  height: 21px;
  position: absolute;
  background: transparent url(../img/slider-handle.png) no-repeat 0 0;
  background-size: 100%;
  border: 0;

  &.warning {
    background: transparent url(../img/slider-handle.png) no-repeat 0 100%;
    width: 22px;
    height: 21px;
    background-size: 100%;
  }
}

@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  .rangeslider__handle {
    width: 22px;
    height: 21px;
    background: transparent url(../img/slider-handle@2x.png) no-repeat 0 0;
    background-size: 100%;
    border: 0;

    &.warning {
      background: transparent url(../img/slider-handle@2x.png) no-repeat 0 100%;
      width: 22px;
      height: 21px;
      background-size: 100%;
    }
  }
}

#slider-range {
  text-align: center;
}

/*
    Main section with output
    --------------------------- */

.rate-checker-heading {
  font-size: 1.375em;
  margin-top: 40px;
}

.result {

}

/*
    Middle section with chart
    --------------------------- */

// this is shameful, but this is needed to force highcharts to display overflowing tooltips
.highcharts-container {
  overflow: visible !important;
}

.chart {

  margin: 20px 20px 20px 0;
  padding-top: 40px;
  border-top: 1px solid @gray-20;
  border-bottom: 1px solid @gray-20;

  &.geolocating {
    background: transparent url(http://www.consumerfinance.gov/hmda/static/img/icon_spinner.gif) scroll no-repeat center center;
    #chart {
      opacity: 0;
    }
  }

  figure {
    .reset;
  }

}

.data-label {
  text-align: center;
  background-color: #fff;
}

.chart-caption {
  font-size: 0.75em;
  padding: 0 1em 1em 1em;
}

.caption-title {
  .webfont-demi();
  text-transform: uppercase;
  color: @gray-80;
  letter-spacing: 1px;
}

.rc-data-link {
  text-align: right;
  .webfont-medium();

  a {
    border-bottom-width: 1px;
  }
}

@media (max-width: 720px) {
  .rc-data-link {
    display: none;
  }
}

.highcharts-tooltip > span {
  z-index: 9999;
  background-color: #fff;
  color: @darkgray;
  border: 2px solid @green-midtone;
  padding: 4px 10px 4px 8px;
  margin: 0 2px;
}

.chart-tooltip {
  z-index: 9999;
  .lenders {
    .webfont-demi();
    display: inline-block;
    font-size: 3em;
    width: 20%;
  }
  .text {
    display: inline-block;
    width: 80%;
  }
}

@keyframes fadein {
    from { opacity: .3; }
    to { opacity: 1; }
}

/*
    "Compare interest rate costs"
    --------------------------- */
.compare {

  .webfont-regular();

  margin-top: 30px;

    label {
        .visuallyhidden;
    }
    select {
        display: block;
    }
}

.new-cost {
  .webfont-demi();
  font-size: 1.375em;
}

.interest-cost-primary,
.interest-cost-secondary {
  padding: 0 10px 10px 10px;
  min-height: 70px;

  h5 {
    font-size: .625em;
    text-transform: none;
    .webfont-regular();
    margin: 10px 0;
    letter-spacing: 0;
  }
}

.rate-compare-container {
  .grid_column( 6 );
  position: relative;
  margin-bottom: 10px;
}

.interest-cost-secondary {
  background: @gray-5;
  border-top: 2px solid #FFCE8D;
  top: 110px;
  width: 100%;

  .new-cost {
    font-size: 1.75em;
  }

}

.dollar-input,
.percent-input {
  position: relative;

  input {
    width: 100%;
    padding-left: 15px;
    border: solid 1px #d0d0ce;
  }

  .unit {
    position: absolute;
    display: block;
    left: 5px;
    top: 0.2em;
    z-index: 9;
    color: @gray;
  }
}

.down-payment {
  border-width: 0;
  .dollar-input {
    width: 65%;
    display: inline-block;
  }
  .percent-input {
    width: 32%;
    display: inline-block;
  }

  input {
    border: solid 1px #d0d0ce;
  }
}

@media (max-width: 1000px) {
  .down-payment {
    margin-top: 20px;
  }
}

.interest-summary {
  margin: 1em 0 1.5em 0;

  p:last-child {
    margin: 0;
  }
}

.arm-info-comparison {
  .webfont-regular();
  padding: 1em 0;
  font-size: 0.75em;
  display: block;
  position: absolute;
  width: 200%;

  p {
    margin: 0;
  }
}
@media (max-width: 720px) {
  .interest-cost-secondary {
    position: static;
  }

}

@media (max-width: 1000px) {
  .flex-input {
    .grid_column(12);
  }

  .new-cost {
    font-size: 1em;
  }

  .interest-cost-secondary .new-cost {
      font-size: 1.25em;
    }
}

/*
    "Next steps"
    --------------------------- */

.next-steps {
  margin-top: 5em;
  margin-bottom: 3.625em;

  .tabs {
    margin-top: 2em;
  }

  > p {
    margin-bottom: 55px;
  }
}

.next-steps-list {
  .reset;
}

.next-steps-heading {
  font-size: 1.125em;
  .webfont-regular();
  margin-bottom: 1em;
}

.next-steps-list {
  padding-left: 30px; // match the negative outdent of the numbering
  margin: 0;
  counter-reset: li;
  list-style: none;
  position: relative;

  li {
    display: inline-block;
    position: relative;
  }

}

.next-steps-list > li:before {
  content: counter(li);
  counter-increment: li;
  background: @green-midtone;
  color: @black;
  font-size: 12px;
  .webfont-demi();
  position: absolute;
  text-align: center;
  left: -30px;
  top: 1px;
  height: 20px;
  width: 20px;
  line-height: 20px;
  border-radius: 20px;
}

/*
    about
    --------------------------- */

    .about {
      border-top: 1px solid @gray-20;
      margin-top: 6em;
    }

    .feedback {
      background: @gray-10;
      padding: 24px 15px 80px 15px;
    }

/*
    Alerts and warnings
    --------------------------- */

.chart {
  .warning {
    position: relative;;

    .highcharts-container {
      opacity: .3;
    }
  }
}

.result-alert {
  border: 1px solid @redorange-50;
}

.chart-alert {
  position: absolute;
  top: 30%;
  background: #fff;
  padding: 1em 2em 1em 3em;
  .webfont-regular();

  .point-right {
    font-size: 1.5em;
  }
}

.credit-alert {
  font-size: 0.75em;
  padding: .714em .714em .714em 2.142em;
  background: @gray-10;
  color: @darkgray;
  margin: 2.5em 0 1em 0;
}

.form-sub.warning {
  margin-top: -20px;
  padding-top: 0;
  border-top: 0;
}

.warning-text {
  padding-left: 1.2em;
}

.warning-text:before {
  .cf-icon;
  content: "\e103";
  color:  @gold;
  text-indent: -1.2em;
  margin-right: .2em;
}


move css to admin.css.less

move css to admin.css.less

@cloud: #ecf0f1;
@blue: #2c3e50;

nav {
  margin-top: 10px;
  margin-bottom: -30px;
  font-size: 1.3em;
  width: 100%;

  ul {
    list-style: none;
    display: inline-block;

    &.right {
      float: right;
    }

    li {
      display: inline-block;
      padding-right: 15px;
    }

    li:not(:last-child):after {
      content: '|';
      padding-left: 15px;
    }
  }
}

h1 {
  clear: both;
}

.notice, .alert {
  width: 40%;
  margin: auto;
  position: fixed;
  top: 0;
  left: 30%;
  text-align: center;
  font-size: 1.4em;
  line-height: 1.4em;
}

.alert {
  background-color: #c0392b;
}

.notice {
  background-color: #27ae60;
}

a {
  color: @cloud;
}

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


added untraked file

added untraked file

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/pixelass/more-or-less.git/'