Added focus state for dark inline color editor.

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

.color-editor {
    font-size: 12px;
    min-width: 450px;
    height: 190px;
    padding: 16px 16px 14px 46px;
}
.color-editor:focus {
    outline: none;
}
.color-editor aside {
    display: inline-block;
    position: relative;
    height: 100%;
    overflow: visible;
    margin-left: 6px;
    vertical-align: top;
}
.color-editor aside header {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
.color-editor aside header .large-swatches {
    border-radius: 3px;
    background-image: url("../img/color_thumb_back.png");
    background-size: 8px;
    height: 35px;
    width: 88px;
    margin-right: 9px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.color-editor aside header .large-swatch {
    width: 50%;
    height: 100%;
    position: absolute;
    box-shadow: inset 0 1px 0 rgba(0,0,0,0.2);
}
.color-editor aside header .current-color {
    border-radius: 3px 0px 0px 3px;
    left: 0;
    top: 0;
}
.color-editor aside header .original-color {
    border-radius: 0px 3px 3px 0px;
    right: 0;
    top: 0;
}
.color-editor aside ul.swatches {
    list-style: none;
}
.color-editor aside ul.swatches li {
    height: 18px;
    margin-bottom: 2px;
    padding: 0 1px 1px 2px;
}
.color-editor aside ul.swatches li:focus {
    outline: none;
    box-shadow: 0 0 0 1px #94ceff;
    border-radius: 2px;
}
.color-editor aside ul.swatches li .swatch-bg {
    background-image: url("../img/color_thumb_back.png");
    background-size: 8px;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    position: relative;
    top: 2px;
    display: inline-block;
}
.color-editor aside ul.swatches li .swatch-bg .swatch {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    box-shadow: 0 -1px 0 rgba(0,0,0,0.2), 0 1px 0 #fff;
    top: 0;
}
.color-editor aside ul.swatches li .value {
    left: -3px;
    position: relative;
    top: -1px;
}
.color-editor section {
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.color-editor section .sliders {
    position: relative;
    clear: both;
}
.color-editor section .gradient-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
}
.color-editor section .color-selection-field {
    width: 181px;
    height: 156px;
    margin-right: 13px;
    display: block;
    border-radius: 4px;
    position: relative;
    float: left;
}
.color-editor section .color-selection-field .saturation-gradient {
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, from(#fff), to(rgba(255,255,255,0)));
}
.color-editor section .color-selection-field .luminosity-gradient {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
}
.color-editor section .color-selection-field .selector-base {
    width: 12px;
    height: 12px;
    background-color: #fff;
    position: absolute;
    margin-bottom: -8px;
    margin-left: -5px;
}
.color-editor section .color-selection-field .selector-base:focus {
    outline: none;
    box-shadow: 0 0 0 5px #94ceff;
    border-radius: 10px;
}
.color-editor section .color-selection-field .selector {
    width: 19px;
    height: 19px;
    position: absolute;
    left: -4px;
    top: -4px;
    background-image: url("../img/grabber_color-well.png");
}
.color-editor section .slider {
    border-radius: 3px;
    border-bottom: 1px solid #fff;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
    width: 12px;
    height: 156px;
    margin-right: 13px;
    background-color: #ccc;
    display: block;
    box-shadow: 0 1px 0 #fff, inset 0 1px 0 rgba(0,0,0,0.2);
    float: left;
    position: relative;
}
.color-editor section .slider .selector-base {
    width: 14px;
    height: 6px;
    background-color: transparent;
    position: absolute;
    margin: -1px -6px -4px -1px;
}
.color-editor section .slider .selector-base:focus {
    outline: none;
    box-shadow: 0 0 0 5px #94ceff;
    border-radius: 1px;
}
.color-editor section .slider .selector {
    width: 20px;
    height: 12px;
    left: -3px;
    top: -3px;
    position: absolute;
    background-image: url("../img/grabber_color-slider.png");
}
.color-editor section .slider.opacity-slider {
    background-image: url("../img/color_thumb_back.png");
    background-size: 8px;
    margin-right: 0px;
}
.color-editor section .hue-slider {
    background-image: -webkit-linear-gradient(top, #f00, #f0f, #00f, #0ff, #0f0, #ff0, #f00);
}
.color-editor section footer {
    font-size: 100%;
    clear: both;
    line-height: normal;
    padding-top: 10px;
}
.color-editor section footer .color-value {
    width: 118px;
    height: 23px;
    margin-right: 5px;
    border-color: #b2b5b5;
    box-sizing: border-box;
    display: inline-block;
    color: #222;
}
.color-editor section footer input {
    display: inline-block;
    height: 23px;
    padding: 0 0 0 4px;
    border: 1px solid #b2b5b5;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
    background: #fff;
    font-family: "SourceSansPro";
    font-size: 12px;
    color: #454545;
    border-radius: 3px;
    margin: 0;
    vertical-align: middle;
}
.color-editor section footer input:focus {
    background: #fff;
    outline: none;
    box-shadow: 0 0 0 1px #94ceff;
    border: 1px solid #2893ef;
    z-index: 911;
}
@media all and (-webkit-min-device-pixel-ratio : 2), (min-device-pixel-ratio : 2) {
    .color-editor aside header .large-swatches {
        background-image: url("../img/color_thumb_back@2x.png");
    }
    .color-editor aside ul.swatches li .swatch-bg {
        background-image: url("../img/color_thumb_back@2x.png");
    }
    .color-editor section .color-selection-field .selector {
        background-image: url("../img/grabber_color-well@2x.png");
        background-size: 100% 100%;
    }
    .color-editor section .slider .selector {
        background-image: url("../img/grabber_color-slider@2x.png");
        background-size: 200% 100%;
    }
    .color-editor section .slider.opacity-slider {
        background-image: url("../img/color_thumb_back@2x.png");
    }
}
.color-editor ul, .color-editor li {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: middle;
    background: transparent;
    -webkit-font-smoothing: antialiased;
}
.color-editor ul.button-bar {
    list-style: none;
    border-radius: 3px;
    display: inline-block;
    font-size: 12px;
    margin-left: -3px;
}
.color-editor .button-bar li {
    display: inline-block;
    margin-left: -4px;
}
.color-editor .button-bar a {
    text-decoration: none;
    color: #454545;
    cursor: default;
    display: block;
    padding: 2px 4px 4px;
    height: 15px;
    font-size: 12px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.76);
    background-color: #e5e9e9;
    border: 1px solid #b2b5b5;
    border-right: 1px solid transparent;
    margin-left: -3px;

    box-shadow: inset 0 1px 0 #f3f3f3;
}

.color-editor .button-bar a:focus, .color-editor .button-bar li.selected a:focus{
    outline: none;
    position: relative;
    border: 1px solid #2893ef;
    border-right: 1px solid #2893ef !important; /* we need this !important, sorry! */
    box-shadow: 0 0 0 1px #94ceff;
    z-index: 999;
}
.color-editor .button-bar li:first-child {
    margin-left: 0;
}
.color-editor .button-bar li:first-child a {
    margin-left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.color-editor .button-bar li:last-child a {
    border-right: 1px solid #b2b5b5;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.color-editor .button-bar li.selected a {
    background-color: #e0f0fa;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
    background-image: none;
    color: #0083e8;
}
.color-editor .button-bar li.disabled a {
    cursor: default;
    opacity: 0.3;
}

.color-editor .platform-mac .CodeMirror {
    font-family: "SourceSansPro" !important;
}

// Dark UI theme

@dark-bc-bg-highlight: #1671db;
@dark-bc-highlight: rgba(255, 255, 255, 0.06);
@dark-bc-text: #ddd;
@dark-bc-text-alt: #fff;
@dark-bc-highlight-hard: rgba(255, 255, 255, 0.1);
@dark-bc-btn-bg: #3f3f3f;
@dark-bc-btn-border: #202020;
@dark-bc-btn-border-focused: #2893ef;
@dark-bc-btn-border-focused-glow: transparent;
@dark-bc-shadow: rgba(0, 0, 0, 0.24);
@dark-bc-shadow-small: rgba(0, 0, 0, 0.06);
@dark-bc-shadow-medium: rgba(0, 0, 0, 0.12);
@dark-bc-input-bg: #555;

@dark-swatch-bg: url("../img/color_thumb_back_dark.png");
@dark-swatch-bg-2x: url("../img/color_thumb_back_dark@2x.png");

.dark {
    .color-editor aside header .large-swatches,
    .color-editor aside ul.swatches li .swatch-bg,
    .color-editor section .slider.opacity-slider {
        background-image: @dark-swatch-bg;
    }

    .color-editor ul.swatches li .value {
        color: @dark-bc-text;
    }

    .color-editor section .gradient-overlay {
        box-shadow: 0 1px 0 @dark-bc-highlight, inset 0 1px 0 @dark-bc-shadow-medium;
    }

    .color-editor aside ul.swatches li .swatch-bg .swatch {
        box-shadow: 0 -1px 1px @dark-bc-shadow-small;
    }

    .color-editor aside ul.swatches li:focus {
        outline: 1px solid @dark-bc-btn-border-focused;
        box-shadow: 0 0 0 1px @dark-bc-btn-border-focused-glow;
    }

    .color-editor section .color-selection-field .selector-base {
        color: @dark-bc-input-bg;
    }

    .color-editor section .color-selection-field .selector-base:focus {
        box-shadow: 0 0 0 5px @dark-bc-btn-border-focused;
    }

    .color-editor section .slider {
        border-bottom: 1px solid @dark-bc-highlight-hard;
        box-shadow: 0 -1px 0 @dark-bc-shadow-small;
        background-color: @dark-bc-highlight-hard;
        box-shadow: 0 1px 0 @dark-bc-highlight-hard, inset 0 1px 0 @dark-bc-shadow;
    }

    .color-editor section .slider .selector-base:focus {
        box-shadow: 0 0 0 5px @dark-bc-btn-border-focused;
    }

    .color-editor section footer .color-value {
        border-color: @dark-bc-btn-border;
        color: @dark-bc-text;
    }

    .color-editor section footer input {
        border: 1px solid @dark-bc-btn-border;
        box-shadow: inset 0 1px 0 @dark-bc-shadow-small;
        background: @dark-bc-input-bg;
        color: @dark-bc-text;
    }

    .color-editor section footer input:focus {
        background: @dark-bc-input-bg;
        box-shadow: 0 0 0 1px @dark-bc-btn-border-focused-glow;
        border: 1px solid @dark-bc-btn-border-focused;
    }

    .color-editor .button-bar a {
        color: @dark-bc-text;
        text-shadow: 0 1px 0 @dark-bc-highlight;
        background-color: @dark-bc-btn-bg;
        border: 1px solid @dark-bc-btn-border;
        border-right: 1px solid transparent;
        box-shadow: inset 0 1px 0 @dark-bc-highlight;
    }

    .color-editor .button-bar a:focus, .color-editor .button-bar li.selected a:focus {
        border: 1px solid @dark-bc-btn-border-focused;
        border-right: 1px solid @dark-bc-btn-border-focused !important; /* we need this !important, sorry! */
        box-shadow: 0 0 0 1px @dark-bc-btn-border-focused-glow;
    }

    .color-editor .button-bar li:last-child a {
        border-right: 1px solid @dark-bc-btn-border;
    }

    .color-editor .button-bar li.selected a {
        background-color: @dark-bc-bg-highlight;
        box-shadow: inset 0 1px 0 @dark-bc-shadow-small;
        color: @dark-bc-text-alt;
    }
}

@media all and (-webkit-min-device-pixel-ratio : 2), (min-device-pixel-ratio : 2) {
    .dark {
        .color-editor aside header .large-swatches {
            background-image: @dark-swatch-bg-2x;
        }

        .color-editor aside ul.swatches li .swatch-bg {
            background-image: @dark-swatch-bg-2x;
        }

        .color-editor section .slider.opacity-slider {
            background-image: @dark-swatch-bg-2x;
        }
    }
}

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

.color-editor {
    font-size: 12px;
    min-width: 450px;
    height: 190px;
    padding: 16px 16px 14px 46px;
}
.color-editor:focus {
    outline: none;
}
.color-editor aside {
    display: inline-block;
    position: relative;
    height: 100%;
    overflow: visible;
    margin-left: 6px;
    vertical-align: top;
}
.color-editor aside header {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
.color-editor aside header .large-swatches {
    border-radius: 3px;
    background-image: url("../img/color_thumb_back.png");
    background-size: 8px;
    height: 35px;
    width: 88px;
    margin-right: 9px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.color-editor aside header .large-swatch {
    width: 50%;
    height: 100%;
    position: absolute;
    box-shadow: inset 0 1px 0 rgba(0,0,0,0.2);
}
.color-editor aside header .current-color {
    border-radius: 3px 0px 0px 3px;
    left: 0;
    top: 0;
}
.color-editor aside header .original-color {
    border-radius: 0px 3px 3px 0px;
    right: 0;
    top: 0;
}
.color-editor aside ul.swatches {
    list-style: none;
}
.color-editor aside ul.swatches li {
    height: 18px;
    margin-bottom: 2px;
    padding: 0 1px 1px 2px;
}
.color-editor aside ul.swatches li:focus {
    outline: none;
    box-shadow: 0 0 0 1px #94ceff;
    border-radius: 2px;
}
.color-editor aside ul.swatches li .swatch-bg {
    background-image: url("../img/color_thumb_back.png");
    background-size: 8px;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    position: relative;
    top: 2px;
    display: inline-block;
}
.color-editor aside ul.swatches li .swatch-bg .swatch {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    box-shadow: 0 -1px 0 rgba(0,0,0,0.2), 0 1px 0 #fff;
    top: 0;
}
.color-editor aside ul.swatches li .value {
    left: -3px;
    position: relative;
    top: -1px;
}
.color-editor section {
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.color-editor section .sliders {
    position: relative;
    clear: both;
}
.color-editor section .gradient-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
}
.color-editor section .color-selection-field {
    width: 181px;
    height: 156px;
    margin-right: 13px;
    display: block;
    border-radius: 4px;
    position: relative;
    float: left;
}
.color-editor section .color-selection-field .saturation-gradient {
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, from(#fff), to(rgba(255,255,255,0)));
}
.color-editor section .color-selection-field .luminosity-gradient {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
}
.color-editor section .color-selection-field .selector-base {
    width: 12px;
    height: 12px;
    background-color: #fff;
    position: absolute;
    margin-bottom: -8px;
    margin-left: -5px;
}
.color-editor section .color-selection-field .selector-base:focus {
    outline: none;
    box-shadow: 0 0 0 5px #94ceff;
    border-radius: 10px;
}
.color-editor section .color-selection-field .selector {
    width: 19px;
    height: 19px;
    position: absolute;
    left: -4px;
    top: -4px;
    background-image: url("../img/grabber_color-well.png");
}
.color-editor section .slider {
    border-radius: 3px;
    border-bottom: 1px solid #fff;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
    width: 12px;
    height: 156px;
    margin-right: 13px;
    background-color: #ccc;
    display: block;
    box-shadow: 0 1px 0 #fff, inset 0 1px 0 rgba(0,0,0,0.2);
    float: left;
    position: relative;
}
.color-editor section .slider .selector-base {
    width: 14px;
    height: 6px;
    background-color: transparent;
    position: absolute;
    margin: -1px -6px -4px -1px;
}
.color-editor section .slider .selector-base:focus {
    outline: none;
    box-shadow: 0 0 0 5px #94ceff;
    border-radius: 1px;
}
.color-editor section .slider .selector {
    width: 20px;
    height: 12px;
    left: -3px;
    top: -3px;
    position: absolute;
    background-image: url("../img/grabber_color-slider.png");
}
.color-editor section .slider.opacity-slider {
    background-image: url("../img/color_thumb_back.png");
    background-size: 8px;
    margin-right: 0px;
}
.color-editor section .hue-slider {
    background-image: -webkit-linear-gradient(top, #f00, #f0f, #00f, #0ff, #0f0, #ff0, #f00);
}
.color-editor section footer {
    font-size: 100%;
    clear: both;
    line-height: normal;
    padding-top: 10px;
}
.color-editor section footer .color-value {
    width: 118px;
    height: 23px;
    margin-right: 5px;
    border-color: #b2b5b5;
    box-sizing: border-box;
    display: inline-block;
    color: #222;
}
.color-editor section footer input {
    display: inline-block;
    height: 23px;
    padding: 0 0 0 4px;
    border: 1px solid #b2b5b5;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
    background: #fff;
    font-family: "SourceSansPro";
    font-size: 12px;
    color: #454545;
    border-radius: 3px;
    margin: 0;
    vertical-align: middle;
}
.color-editor section footer input:focus {
    background: #fff;
    outline: none;
    box-shadow: 0 0 0 1px #94ceff;
    border: 1px solid #2893ef;
    z-index: 911;
}
@media all and (-webkit-min-device-pixel-ratio : 2), (min-device-pixel-ratio : 2) {
    .color-editor aside header .large-swatches {
        background-image: url("../img/color_thumb_back@2x.png");
    }
    .color-editor aside ul.swatches li .swatch-bg {
        background-image: url("../img/color_thumb_back@2x.png");
    }
    .color-editor section .color-selection-field .selector {
        background-image: url("../img/grabber_color-well@2x.png");
        background-size: 100% 100%;
    }
    .color-editor section .slider .selector {
        background-image: url("../img/grabber_color-slider@2x.png");
        background-size: 200% 100%;
    }
    .color-editor section .slider.opacity-slider {
        background-image: url("../img/color_thumb_back@2x.png");
    }
}
.color-editor ul, .color-editor li {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: middle;
    background: transparent;
    -webkit-font-smoothing: antialiased;
}
.color-editor ul.button-bar {
    list-style: none;
    border-radius: 3px;
    display: inline-block;
    font-size: 12px;
    margin-left: -3px;
}
.color-editor .button-bar li {
    display: inline-block;
    margin-left: -4px;
}
.color-editor .button-bar a {
    text-decoration: none;
    color: #454545;
    cursor: default;
    display: block;
    padding: 2px 4px 4px;
    height: 15px;
    font-size: 12px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.76);
    background-color: #e5e9e9;
    border: 1px solid #b2b5b5;
    border-right: 1px solid transparent;
    margin-left: -3px;

    box-shadow: inset 0 1px 0 #f3f3f3;
}

.color-editor .button-bar a:focus, .color-editor .button-bar li.selected a:focus{
    outline: none;
    position: relative;
    border: 1px solid #2893ef;
    border-right: 1px solid #2893ef !important; /* we need this !important, sorry! */
    box-shadow: 0 0 0 1px #94ceff;
    z-index: 999;
}
.color-editor .button-bar li:first-child {
    margin-left: 0;
}
.color-editor .button-bar li:first-child a {
    margin-left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.color-editor .button-bar li:last-child a {
    border-right: 1px solid #b2b5b5;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.color-editor .button-bar li.selected a {
    background-color: #e0f0fa;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
    background-image: none;
    color: #0083e8;
}
.color-editor .button-bar li.disabled a {
    cursor: default;
    opacity: 0.3;
}

.color-editor .platform-mac .CodeMirror {
    font-family: "SourceSansPro" !important;
}

// Dark UI theme

@dark-bc-bg-highlight: #1671db;
@dark-bc-highlight: rgba(255, 255, 255, 0.06);
@dark-bc-text: #ddd;
@dark-bc-text-alt: #fff;
@dark-bc-highlight-hard: rgba(255, 255, 255, 0.1);
@dark-bc-btn-bg: #3f3f3f;
@dark-bc-btn-border: #202020;
@dark-bc-btn-border-focused: #2893ef;
@dark-bc-btn-border-focused-glow: transparent;
@dark-bc-shadow: rgba(0, 0, 0, 0.24);
@dark-bc-shadow-small: rgba(0, 0, 0, 0.06);
@dark-bc-shadow-medium: rgba(0, 0, 0, 0.12);
@dark-bc-input-bg: #555;

@dark-swatch-bg: url("../img/color_thumb_back_dark.png");
@dark-swatch-bg-2x: url("../img/color_thumb_back_dark@2x.png");

.dark {
    .color-editor aside header .large-swatches,
    .color-editor aside ul.swatches li .swatch-bg,
    .color-editor section .slider.opacity-slider {
        background-image: @dark-swatch-bg;
    }

    .color-editor ul.swatches li .value {
        color: @dark-bc-text;
    }

    .color-editor section .gradient-overlay {
        box-shadow: 0 1px 0 @dark-bc-highlight, inset 0 1px 0 @dark-bc-shadow-medium;
    }

    .color-editor aside ul.swatches li .swatch-bg .swatch {
        box-shadow: 0 -1px 1px @dark-bc-shadow-small;
    }

    .color-editor aside ul.swatches li:focus {
        outline: 1px solid @dark-bc-btn-border-focused;
        box-shadow: 0 0 0 1px @dark-bc-btn-border-focused-glow;
    }

    .color-editor section .color-selection-field .selector-base {
        color: @dark-bc-input-bg;
    }

    .color-editor section .color-selection-field .selector-base:focus {
        box-shadow: 0 0 0 5px @dark-bc-btn-border-focused-glow;
    }

    .color-editor section .slider {
        border-bottom: 1px solid @dark-bc-highlight-hard;
        box-shadow: 0 -1px 0 @dark-bc-shadow-small;
        background-color: @dark-bc-highlight-hard;
        box-shadow: 0 1px 0 @dark-bc-highlight-hard, inset 0 1px 0 @dark-bc-shadow;
    }

    .color-editor section .slider .selector-base:focus {
        box-shadow: 0 0 0 5px @dark-bc-btn-border-focused-glow;
    }

    .color-editor section footer .color-value {
        border-color: @dark-bc-btn-border;
        color: @dark-bc-text;
    }

    .color-editor section footer input {
        border: 1px solid @dark-bc-btn-border;
        box-shadow: inset 0 1px 0 @dark-bc-shadow-small;
        background: @dark-bc-input-bg;
        color: @dark-bc-text;
    }

    .color-editor section footer input:focus {
        background: @dark-bc-input-bg;
        box-shadow: 0 0 0 1px @dark-bc-btn-border-focused-glow;
        border: 1px solid @dark-bc-btn-border-focused;
    }

    .color-editor .button-bar a {
        color: @dark-bc-text;
        text-shadow: 0 1px 0 @dark-bc-highlight;
        background-color: @dark-bc-btn-bg;
        border: 1px solid @dark-bc-btn-border;
        border-right: 1px solid transparent;
        box-shadow: inset 0 1px 0 @dark-bc-highlight;
    }

    .color-editor .button-bar a:focus, .color-editor .button-bar li.selected a:focus {
        border: 1px solid @dark-bc-btn-border-focused;
        border-right: 1px solid @dark-bc-btn-border-focused !important; /* we need this !important, sorry! */
        box-shadow: 0 0 0 1px @dark-bc-btn-border-focused-glow;
    }

    .color-editor .button-bar li:last-child a {
        border-right: 1px solid @dark-bc-btn-border;
    }

    .color-editor .button-bar li.selected a {
        background-color: @dark-bc-bg-highlight;
        box-shadow: inset 0 1px 0 @dark-bc-shadow-small;
        color: @dark-bc-text-alt;
    }
}

@media all and (-webkit-min-device-pixel-ratio : 2), (min-device-pixel-ratio : 2) {
    .dark {
        .color-editor aside header .large-swatches {
            background-image: @dark-swatch-bg-2x;
        }

        .color-editor aside ul.swatches li .swatch-bg {
            background-image: @dark-swatch-bg-2x;
        }

        .color-editor section .slider.opacity-slider {
            background-image: @dark-swatch-bg-2x;
        }
    }
}


AMBARI-13136. Add custom styles. (yusaku)

/**
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

// Colors that look better on the selected background
@text-on-background: #FFFFFF;
@green-on-background: #6FD00F;
@grey-on-background: #BDBDBD;

// Background color
body {
  background: linear-gradient(#41A5AD, #13396b);
  background-attachment: fixed;
}

// Color of text located directly on background
.background-text {
  color: @text-on-background;
  &.muted {
    color: @grey-on-background;
  }
  &.text-success {
    color: @green-on-background;
  }
}

// Text color for not-active nav tab
.nav-tabs > li > a {
  color: @text-on-background;
}

// Text color for hovered nav tab
.nav-tabs > li:hover > a {
  color: #000000;
}

// Text and caret color for quick links dropdown (not active)
li.dropdown #quick-links-dropdown-btn {
  color: @text-on-background;
  .caret {
    border-bottom-color: @text-on-background;
    border-top-color: @text-on-background;
  }
}

// Text and caret color for active or hovered quick links dropdown
li.dropdown:hover #quick-links-dropdown-btn, li.dropdown.open #quick-links-dropdown-btn {
  color: #000000;
  .caret {
    border-bottom-color: #000000;
    border-top-color: #000000;
  }
}

// Styles for title block for alert definition and host details pages
.host-details-header, .alert-definition-details-header {
  background-color: #E6F1F6;
  border-radius: 4px;
  padding: 10px;
  border-color: #D2D9DD;
  border-width: 1px;
  box-sizing: border-box;
}

.host-details-header {
  margin: 0 10px;
}

// Health status green color for custom background
.alert-definition-enable {
  color: @green-on-background;
}

// Health status grey color for custom background
.alert-definition-disable {
  color: @grey-on-background;
}

error: pathspec 'ambari-common/src/main/python/pluggable_stack_definition/resources/SAPHD/custom_ui.less' did not match any file(s) known to git


Update static/vendors/bootstrap/less/component-animations.less

Signed-off-by: Bernard Ojengwa <fccb4cc00c1ba7e51bf5c2b5f77130b9fe8d917e@gmail.com>

//
// Component animations
// --------------------------------------------------

// Heads up!
//
// We don't use the `.opacity()` mixin here since it causes a bug with text
// fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552.

.fade {
  opacity: 0;
  .transition(opacity .15s linear);
  &.in {
    opacity: 1;
  }
}

.collapse {
  display: none;

  &.in      { display: block; }
  tr&.in    { display: table-row; }
  tbody&.in { display: table-row-group; }
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  .transition-property(~"height, visibility");
  .transition-duration(.35s);
  .transition-timing-function(ease);
}

error: pathspec 'static/vendors/bootstrap/less/component-animations.less' did not match any file(s) known to git


do not let reviews wrap weirdly (bug 797993)

@import 'lib';

// On page load this gets transformed by JS into a star picker.
select[name=rating] {
    display: none;
}

section.replies .review.reply {
    display: block;
}

#reviews-info {
    margin-top: 20px;
    position: relative;
}

// Detail page.
#reviews {
    position: relative;
    ul {
        margin: 0;
        padding: 0;
    }
    #submit-review {
        position: absolute;
        margin: 10px 0;
    }
    .not-rated + p a {
        padding: 5px 20px 5px 0;
    }
}

.review {
    .transition(~'.3s all');
    list-style-type: none;
    padding: 10px 16px;
    position: relative;
    &.reply {
        background: url(../../img/mkt/icons/reply.png) 10px 15px no-repeat;
        display: none;
        padding-left: 35px;
    }
    &.deleting {
        background: fade(@red, 40%);
    }
    &.deleted {
        border: 0;
        height: 0;
        overflow: hidden;
        padding: 0;
        + .review {
            border-top: 0;
        }
    }
    .byline, .timestamp {
        font-size: 12px;
    }
    .byline {
        color: @medium-gray;
        font-weight: 600;
        b {
            color: @gray;
        }
        strong {
            color: #444;
        }
    }
    .timestamp {
        color: @note-gray;
        float: right;
        &:hover {
            color: @gray;
        }
    }
    .body {
        margin: 5px 0 15px;
    }
    .view-reply {
        font-size: 12px;
        font-weight: 600;
        padding: 5px 10px;
    }
    ul {
        float: left;
        list-style: none;
    }
    li {
        display: inline-block;
        &.hidden {
            display: none;
        }
        &:not(.hidden) + li:before,
        + li.hidden + li:before {
            color: @note-gray;
            content: "\00a0\2022\00a0\00a0";
        }
    }
}

// This applies to "app details" pages only.
.reviews {
    border-top: 1px solid rgba(255,255,255,.5);
    border-bottom: 1px solid rgba(3,16,26,.13);
    .not-rated {
        color: lighten(@text, 5%);
        font-size: 14px;
        font-weight: 600;
        margin: 0;
    }
    #reviews {
        margin: 15px;
    }
}

#reviews-detail {
    padding: 15px;
    ul {
        margin: 0;
        padding: 0;
        .review {
            padding: 0;
        }
    }
}

// This applies to "reviews list" pages only.
// TODO: make proper review tiles. This is an interim solution.
.reviews-listing {
    #add-review {
        margin: 30px 16px;
    }
    .button.fat {
        line-height: 35px;
        height: 35px;
        &:hover {
            line-height: 35px;
        }
    }
    .review {
        border-top: 1px solid #bcc0c2;
        border-bottom: 1px solid #bcc0c2;
        &:nth-of-type(2n) {
            border-top: 1px solid #eceff0;
            border-bottom: 0;
        }
    }
}

#review-list .review:nth-of-type(2n + 1) {
    background-color: darken(@bg, 5%);
    + .replies .review {
        background-color: darken(@bg, 5%);
    }
}

/*
// TODO: Expose later sometime (`rating_header` function)
header.product {
    margin-bottom: 15px;
    position: relative;
    .visual {
        margin-right: 15px;
        height: 64px;
        width: 64px;
        + div {
            float: left;
            max-width: 905px;
        }
    }
    h1 {
        color: @navy-gray;
        font-size: 22px;
        font-weight: 400;
        line-height: 1.2;
        &.multi {
            font-size: 22px;
            small, span {
                .ellipsis;
                display: block;
                margin-bottom: -8px;
                padding-bottom: 6px;
            }
            small {
                color: lighten(@navy-gray, 10%);
                display: block;
                font-size: 14px;
                font-weight: 600;
            }
        }
    }
    p {
        font-size: 14px;
        line-height: 1;
        margin: 5px 0;
    }
}
*/

#submit-review {
    padding: 0 15px;
    header.product .simple-field,
    &.friendly header .errorlist {
        margin: 5px 0 0;
    }
    h2 {
        font-size: 18px;
        font-weight: 400;
    }
    .req,
    label[for=id_rating] {
        display: none;
    }
}

.stars {
    background: url(../../img/mkt/stars/sprite-medium.png) no-repeat;
    display: inline-block;
    height: 15px;
    margin-right: 4px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 64px;
    &.stars-4 { background-position: -13px 0; }
    &.stars-3 { background-position: -26px 0; }
    &.stars-2 { background-position: -39px 0; }
    &.stars-1 { background-position: -52px 0; }
    &.stars-0 { background-position: -65px 0; }
    &.ratingwidget {
        background: url(../../img/mkt/stars/32.png) repeat-x;
        background-repeat: repeat-x 5px 0;
        height: 32px;
        width: 200px;
        // Yeah, maybe I should just set a class in JS. I thought I was being clever.
        &.stars-1 label[data-stars="1"], &.stars-2 label[data-stars="1"], &.stars-2 label[data-stars="2"],
        &.stars-3 label[data-stars="1"], &.stars-3 label[data-stars="2"], &.stars-3 label[data-stars="3"],
        &.stars-4 label[data-stars="1"], &.stars-4 label[data-stars="2"], &.stars-4 label[data-stars="3"], &.stars-4 label[data-stars="4"],
        &.stars-5 label[data-stars="1"], &.stars-5 label[data-stars="2"], &.stars-5 label[data-stars="3"], &.stars-5 label[data-stars="4"], &.stars-5 label[data-stars="5"] {
            background: url(../../img/mkt/stars/32.png) 100% 100%;
        }
        label {
            height: 32px;
            width: 40px;
        }
    }
}

.html-rtl .stars {
    margin: 0 0 0 4px;
}

.creatured .stars,
.featured .stars {
    background-image: url(../../img/mkt/stars/sprite-tiny.png);
    height: 9px;
    width: 45px;
    &.stars-4 { background-position: -9px 0; }
    &.stars-3 { background-position: -18px 0; }
    &.stars-2 { background-position: -27px 0; }
    &.stars-1 { background-position: -36px 0; }
    &.stars-0 { background-position: -45px 0; }
}

.featured .rating .cnt {
    display: none;
}

.no-rating strong {
    font-size: 12px;
    font-weight: 700;
}

.average-rating {
    span {
        color: @text;
        vertical-align: bottom;
        &:first-child {
            line-height: 18px;
            padding-right: 6px;
        }
    }
}

.full #add-first-review {
    margin-top: 15px;
}

.split {
    + .split {
        margin-top: 15px;
    }
}

@media (min-width: @7col) {
    .split {
        float: left;
        padding: 0 5px 15px 0;
        width: 50%;
        + .split {
            margin-top: 0;
            padding: 0 0 15px 5px;
        }
    }
}

.simple-field.rating {
    .border-radius(4px);
    .box-shadow(inset 0 1px 4px rgba(0,0,0,.25),
                inset 0 1px 0 fade(@white, 80%),
                0 1px 0 fade(@white, 80%));
    background: rgba(200,200,200,.2);
    margin-bottom: 15px;
    padding: 20px 10px;
    .ratingwidget {
        margin: 0 auto;
    }
    .errorlist {
        margin-top: 10px;
        text-align: center;
    }
}

.ratingwidget {
    display: block;
    float: none;
    width: 65px;
    input {
        display: none;
    }
    label {
        cursor: pointer;
        display: block;
        float: left;
        margin: 0;
        text-indent: -9999px;
        width: 13px;
    }
}

/*
// TODO: Expose maybe later.
.grouped-ratings {
    .border-radius(4px);
    background: rgb(226,230,233);
    border: 1px solid @bg-gray;
    color: @medium-gray;
    display: none;
    padding: 17px 15px;
    position: relative;
    top: -5px;
    width: 100%;
    z-index: 0;
    // The arrow.
    &:before {
        .transform(~'rotate(45deg)');
        background: rgb(226,230,233);
        border: 1px solid @bg-gray;
        border-width: 1px 0 0 1px;
        content: "";
        height: 12px;
        position: absolute;
        top: -8px;
        left: 116px;
        right: 22px;
        width: 12px;
        z-index: 0;
    }
    .rating-bar {
        height: 22px;
        float: left;
        overflow: visible;
        width: 96px;
        // OMFG.
        &:before {
            .box-shadow(0 3px 6px @dark-gray);
            content: "";
            display: block;
            height: 22px;
            position: absolute;
            top: 0;
            left: 71px;  // old stars: 96px
            width: 2px;
            z-index: 0;
        }
        &:after {
            content: "";
            background: rgb(226,230,233);
            height: 36px;
            position: absolute;
            top: -5px;
            left: 64px;  // old stars: 89px
            width: 9px;
            z-index: 1;
        }
        .bar {
            background: rgb(205,210,214);
            border-top: rgb(183,188,192) 1px solid;
            border-bottom: rgb(234,238,239) 1px solid;
            display: block;
            height: 4px;
            position: relative;
            margin: 10px 10px 0 3px;
            &:before {
                background: @barely-gray;
                content: "";
                display: block;
                height: 22px;
                position: absolute;
                top: -11px;
                left: -2px;
                width: 1px;
            }
        }
    }
    li {
        position: relative;
        &:first-child,
        &:last-child {
            .rating-bar:before {
                .box-shadow(0 3px 6px @medium-gray);
            }
            .bar:before {
                height: 26px;
            }
        }
        &:first-child .bar:before {
            top: -10px;
        }
    }
    .num-ratings {
        color: lighten(@navy-gray, 10%);
        font-size: 11px;
        line-height: 8px;
        position: absolute;
        top: -2px;
        right: -5px;
        width: 1px;
        word-wrap: normal;
    }
    .stars {
        float: left;
        margin: 7px 8px 0 0;  // old stars: 4px 8px 0 0
    }
}
*/

.items-profile {
    padding: 0;

    .review {
        background: @white;
    }
    .review:first-child {
        border-top: 1px solid @light-gray;
    }

    .review-inner {
        padding: 0 10px 0 95px;
    }
    h3 {
        font-size: 18px;
    }
    .icon-profile {
        position: absolute;
        left: 10px;
        max-height: 64px;
        max-width: 64px;
    }
    .byline {
        display: none;
    }
    .body {
        margin: 5px 0;
    }
    .timestamp {
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .actions {
        position: absolute;
        bottom: 15px;
        right: 10px;
    }
}

.submit-review {
    float: left;
}
p.support-link {
    float: right;
    font-size: 13px;
    margin-top: 48px;
}

@import 'lib';

// On page load this gets transformed by JS into a star picker.
select[name=rating] {
    display: none;
}

section.replies .review.reply {
    display: block;
}

#reviews-info {
    margin-top: 20px;
    position: relative;
}

// Detail page.
#reviews {
    position: relative;
    ul {
        margin: 0;
        padding: 0;
    }
    #submit-review {
        position: absolute;
        margin: 10px 0;
    }
    .not-rated + p a {
        padding: 5px 20px 5px 0;
    }
}

.review {
    .transition(~'.3s all');
    list-style-type: none;
    padding: 10px 16px;
    position: relative;
    &.reply {
        background: url(../../img/mkt/icons/reply.png) 10px 15px no-repeat;
        display: none;
        padding-left: 35px;
    }
    &.deleting {
        background: fade(@red, 40%);
    }
    &.deleted {
        border: 0;
        height: 0;
        overflow: hidden;
        padding: 0;
        + .review {
            border-top: 0;
        }
    }
    .byline, .timestamp {
        font-size: 12px;
    }
    .byline {
        color: @medium-gray;
        font-weight: 600;
        b {
            color: @gray;
        }
        strong {
            color: #444;
        }
    }
    .timestamp {
        color: @note-gray;
        float: right;
        &:hover {
            color: @gray;
        }
    }
    .body {
        margin: 5px 0 15px;
    }
    .view-reply {
        font-size: 12px;
        font-weight: 600;
        padding: 5px 10px;
    }
    ul {
        float: left;
        list-style: none;
    }
    li {
        display: inline-block;
        &.hidden {
            display: none;
        }
        &:not(.hidden) + li:before,
        + li.hidden + li:before {
            color: @note-gray;
            content: "\00a0\2022\00a0\00a0";
        }
    }
}

// This applies to "app details" pages only.
.reviews {
    border-top: 1px solid rgba(255,255,255,.5);
    border-bottom: 1px solid rgba(3,16,26,.13);
    .not-rated {
        color: lighten(@text, 5%);
        font-size: 14px;
        font-weight: 600;
        margin: 0;
    }
    #reviews {
        margin: 15px;
    }
}

#reviews-detail {
    padding: 15px;
    ul {
        margin: 0;
        padding: 0;
        .review {
            padding: 0;
        }
    }
}

// This applies to "reviews list" pages only.
// TODO: make proper review tiles. This is an interim solution.
.reviews-listing {
    #add-review {
        margin: 30px 16px;
    }
    .button.fat {
        line-height: 35px;
        height: 35px;
        &:hover {
            line-height: 35px;
        }
    }
    .review {
        border-top: 1px solid #bcc0c2;
        border-bottom: 1px solid #bcc0c2;
        &:nth-of-type(2n) {
            border-top: 1px solid #eceff0;
            border-bottom: 0;
        }
    }
}

#review-list .review:nth-of-type(2n + 1) {
    background-color: darken(@bg, 5%);
    + .replies .review {
        background-color: darken(@bg, 5%);
    }
}

/*
// TODO: Expose later sometime (`rating_header` function)
header.product {
    margin-bottom: 15px;
    position: relative;
    .visual {
        margin-right: 15px;
        height: 64px;
        width: 64px;
        + div {
            float: left;
            max-width: 905px;
        }
    }
    h1 {
        color: @navy-gray;
        font-size: 22px;
        font-weight: 400;
        line-height: 1.2;
        &.multi {
            font-size: 22px;
            small, span {
                .ellipsis;
                display: block;
                margin-bottom: -8px;
                padding-bottom: 6px;
            }
            small {
                color: lighten(@navy-gray, 10%);
                display: block;
                font-size: 14px;
                font-weight: 600;
            }
        }
    }
    p {
        font-size: 14px;
        line-height: 1;
        margin: 5px 0;
    }
}
*/

#submit-review {
    padding: 0 15px;
    header.product .simple-field,
    &.friendly header .errorlist {
        margin: 5px 0 0;
    }
    h2 {
        font-size: 18px;
        font-weight: 400;
    }
    .req,
    label[for=id_rating] {
        display: none;
    }
}

.stars {
    background: url(../../img/mkt/stars/sprite-medium.png) no-repeat;
    display: inline-block;
    height: 15px;
    margin-right: 4px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 64px;
    &.stars-4 { background-position: -13px 0; }
    &.stars-3 { background-position: -26px 0; }
    &.stars-2 { background-position: -39px 0; }
    &.stars-1 { background-position: -52px 0; }
    &.stars-0 { background-position: -65px 0; }
    &.ratingwidget {
        background: url(../../img/mkt/stars/32.png) repeat-x;
        background-repeat: repeat-x 5px 0;
        height: 32px;
        width: 200px;
        // Yeah, maybe I should just set a class in JS. I thought I was being clever.
        &.stars-1 label[data-stars="1"], &.stars-2 label[data-stars="1"], &.stars-2 label[data-stars="2"],
        &.stars-3 label[data-stars="1"], &.stars-3 label[data-stars="2"], &.stars-3 label[data-stars="3"],
        &.stars-4 label[data-stars="1"], &.stars-4 label[data-stars="2"], &.stars-4 label[data-stars="3"], &.stars-4 label[data-stars="4"],
        &.stars-5 label[data-stars="1"], &.stars-5 label[data-stars="2"], &.stars-5 label[data-stars="3"], &.stars-5 label[data-stars="4"], &.stars-5 label[data-stars="5"] {
            background: url(../../img/mkt/stars/32.png) 100% 100%;
        }
        label {
            height: 32px;
            width: 40px;
        }
    }
}

.html-rtl .stars {
    margin: 0 0 0 4px;
}

.creatured .stars,
.featured .stars {
    background-image: url(../../img/mkt/stars/sprite-tiny.png);
    height: 9px;
    width: 45px;
    &.stars-4 { background-position: -9px 0; }
    &.stars-3 { background-position: -18px 0; }
    &.stars-2 { background-position: -27px 0; }
    &.stars-1 { background-position: -36px 0; }
    &.stars-0 { background-position: -45px 0; }
}

.featured .rating .cnt {
    display: none;
}

.no-rating strong {
    font-size: 12px;
    font-weight: 700;
}

.average-rating {
    span {
        color: @text;
        vertical-align: bottom;
        &:first-child {
            line-height: 18px;
            padding-right: 6px;
        }
    }
}

.full #add-first-review {
    margin-top: 15px;
}

.split {
    float: left;
    padding: 0 5px 15px 0;
    width: 50%;
    + .split {
        padding: 0 0 15px 5px;
    }
}

.simple-field.rating {
    .border-radius(4px);
    .box-shadow(inset 0 1px 4px rgba(0,0,0,.25),
                inset 0 1px 0 fade(@white, 80%),
                0 1px 0 fade(@white, 80%));
    background: rgba(200,200,200,.2);
    margin-bottom: 15px;
    padding: 20px 10px;
    .ratingwidget {
        margin: 0 auto;
    }
    .errorlist {
        margin-top: 10px;
        text-align: center;
    }
}

.ratingwidget {
    display: block;
    float: none;
    width: 65px;
    input {
        display: none;
    }
    label {
        cursor: pointer;
        display: block;
        float: left;
        margin: 0;
        text-indent: -9999px;
        width: 13px;
    }
}

/*
// TODO: Expose maybe later.
.grouped-ratings {
    .border-radius(4px);
    background: rgb(226,230,233);
    border: 1px solid @bg-gray;
    color: @medium-gray;
    display: none;
    padding: 17px 15px;
    position: relative;
    top: -5px;
    width: 100%;
    z-index: 0;
    // The arrow.
    &:before {
        .transform(~'rotate(45deg)');
        background: rgb(226,230,233);
        border: 1px solid @bg-gray;
        border-width: 1px 0 0 1px;
        content: "";
        height: 12px;
        position: absolute;
        top: -8px;
        left: 116px;
        right: 22px;
        width: 12px;
        z-index: 0;
    }
    .rating-bar {
        height: 22px;
        float: left;
        overflow: visible;
        width: 96px;
        // OMFG.
        &:before {
            .box-shadow(0 3px 6px @dark-gray);
            content: "";
            display: block;
            height: 22px;
            position: absolute;
            top: 0;
            left: 71px;  // old stars: 96px
            width: 2px;
            z-index: 0;
        }
        &:after {
            content: "";
            background: rgb(226,230,233);
            height: 36px;
            position: absolute;
            top: -5px;
            left: 64px;  // old stars: 89px
            width: 9px;
            z-index: 1;
        }
        .bar {
            background: rgb(205,210,214);
            border-top: rgb(183,188,192) 1px solid;
            border-bottom: rgb(234,238,239) 1px solid;
            display: block;
            height: 4px;
            position: relative;
            margin: 10px 10px 0 3px;
            &:before {
                background: @barely-gray;
                content: "";
                display: block;
                height: 22px;
                position: absolute;
                top: -11px;
                left: -2px;
                width: 1px;
            }
        }
    }
    li {
        position: relative;
        &:first-child,
        &:last-child {
            .rating-bar:before {
                .box-shadow(0 3px 6px @medium-gray);
            }
            .bar:before {
                height: 26px;
            }
        }
        &:first-child .bar:before {
            top: -10px;
        }
    }
    .num-ratings {
        color: lighten(@navy-gray, 10%);
        font-size: 11px;
        line-height: 8px;
        position: absolute;
        top: -2px;
        right: -5px;
        width: 1px;
        word-wrap: normal;
    }
    .stars {
        float: left;
        margin: 7px 8px 0 0;  // old stars: 4px 8px 0 0
    }
}
*/

.items-profile {
    padding: 0;

    .review {
        background: @white;
    }
    .review:first-child {
        border-top: 1px solid @light-gray;
    }

    .review-inner {
        padding: 0 10px 0 95px;
    }
    h3 {
        font-size: 18px;
    }
    .icon-profile {
        position: absolute;
        left: 10px;
        max-height: 64px;
        max-width: 64px;
    }
    .byline {
        display: none;
    }
    .body {
        margin: 5px 0;
    }
    .timestamp {
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .actions {
        position: absolute;
        bottom: 15px;
        right: 10px;
    }
}

.submit-review {
    float: left;
}
p.support-link {
    float: right;
    font-size: 13px;
    margin-top: 48px;
}


begun -moz prefix coverage

begun -moz prefix coverage

fatal: unable to access 'https://github.com/wooga/Pocket-Island.git/': The requested URL returned error: 403


Custom styles for dashboard

Custom styles for dashboard

.bottom {
  position: absolute;
  bottom: 4px;
  width: 100%;
}
.logo-footer {
  background-image: url("../img/logo.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 180px;
  height: 32px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.sidebar-collapse .logo-footer {
  width: 45px;
}

.box-border {
  border-right: 1px solid #eee;
  border-bottom: 0 solid transparent;
  background-color: #f7f7f7;
}

.user-menu.user-panel>.info p{
  color: darkgray;
}
.user-menu {
  width: 230px;
}
.user-menu .image {
  max-width: 35px;
}
.user-panel {
  overflow: visible;
}

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


Add bottom space for the last post-content section in a blog post

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/fadeit/fadeitdk.git/'


changes to the caret and more... padding adjustments

///*
// * Tabs component theme overrides
// *------------------------------------------------------------------------------------------
// */

@media (min-width: 520px) and (max-width: @screen-xs-max) {
    .nav-tabs {
        display: block;
        width: 107%;
        margin-left: -15px;
        margin-right: -15px;
        > li {
            background: @white;
            width: 105%;
            border: 1px solid @nav-tabs-border-color;
            margin-bottom: -1px;
            margin-left: -1px;
            height: auto;
            padding-right: 4%;

            &:first-child {
                margin-left: -1px;
                border-top: 1px solid @nav-tabs-border-color;
            }
            &:last-child {
                margin-left: -1px;
                border-bottom: 1px solid @nav-tabs-border-color;
            }
            &:hover {
                background: @dell-highlight-blue;
                color: @dell-blue;
            }
            &.active {
                background: @white;
                border-bottom-color: transparent;
                overflow: hidden;
                > a,
                > a:hover,
                > a:focus {
                    border-color: transparent;
                    width: 100%;
                    margin-left: -1px;
                    margin-bottom: -1px !important;
                    border-top: none;
                    padding: 10px 15px;
                    color: @dell-blue;

                }
                a:hover {
                    background: @dell-highlight-blue;
                }
                &:last-child {
                    margin-left: -1px;
                    margin-bottom: 0;
                }
            }
            > a {
                text-align: left !important;
                border: none;
                background: none;
                &:hover,
                &:focus {
                    border-color: transparent;
                    background: none;
                    color: @dell-blue;
                }
            }
        }

        &.nav-justified {
            width: 107%;
            margin-left: -15px;
            margin-right: -15px;
            > li {
                a {
                    border: none;
                    width: 100%;
                    margin-left: -1px;
                }
                a,
                a:hover {
                    margin-bottom: -1px;
                    border-top: none !important;
                    margin-left: -1px;
                }

                &.active > a {
                    border: none;
                    margin-left: -1px;
                    padding: 10px 15px;
                    width: 100%;

                    &:hover,
                    &:focus {
                        border: none;
                        width: 100%;
                        margin-left: -1px;
                        padding: 10px 15px;
                    }
                }

                &:first-child {
                    margin-left: -1px;
                    border-top: 1px solid @nav-tabs-border-color;
                }
                &:last-child {
                    margin-left: -1px;
                    border-bottom: 1px solid @nav-tabs-border-color;
                }
            }
        }

        &.nav-centered {
            width: 107%;
            margin-left: -15px;
            margin-right: -15px;
            > li {
                a {
                    border: none;
                    width: 100%;
                    margin-left: -1px;
                }
                a,
                a:hover {
                    margin-bottom: -1px;
                    border-top: none !important;
                    margin-left: -1px;
                }

                &.active > a {
                    border: none;
                    margin-left: -1px;
                    padding: 10px 15px;
                    width: 100%;

                    &:hover,
                    &:focus {
                        border: none;
                        width: 100%;
                        margin-left: -1px;
                        padding: 10px 15px;
                    }
                }

                &:first-child {
                    margin-left: -1px;
                    border-top: 1px solid @nav-tabs-border-color;
                }
                &:last-child {
                    margin-left: -1px;
                    border-bottom: 1px solid @nav-tabs-border-color;
                }
            }
        }
    }
}

@media (min-width: 100px) and (max-width: 520px) {
    .nav-tabs {
        display: block;
        width: 112%;
        margin-left: -15px;
        margin-right: -15px;

        > li {
            background: @white;
            width: 103%;
            border: 1px solid @nav-tabs-border-color;
            margin-bottom: -1px;
            margin-left: -1px;
            height: auto;
            padding-right: 5%;
            &:first-child {
                margin-left: -1px;
                border-top: 1px solid @nav-tabs-border-color;
            }
            &:last-child {
                margin-left: -1px;
                border-bottom: 1px solid @nav-tabs-border-color;
            }
            &:hover {
                background: @dell-highlight-blue;
                color: @dell-blue;
            }
            &.active {
                background: @white;
                border-bottom-color: transparent;
                overflow: hidden;
                > a,
                > a:hover,
                > a:focus {
                    border-color: transparent;
                    width: 100%;
                    margin-left: -1px;
                    margin-bottom: -1px !important;
                    border-top: none;
                    padding: 10px 15px;
                    color: @dell-blue;
                }
                a:hover {
                    background: @dell-highlight-blue;
                }
                &:last-child {
                    margin-left: -1px;
                    margin-bottom: 0;
                }
            }
            > a {
                text-align: left !important;
                border: none;
                background: none;
                &:hover,
                &:focus {
                    border-color: transparent;
                    background: none;
                    color: @dell-blue;
                }
            }
        }

        &.nav-justified {
            width: 112%;
            margin-left: -15px;
            margin-right: -15px;
            > li {
                a {
                    border: none;
                    width: 100%;
                    margin-left: -1px;
                }
                a,
                a:hover {
                    margin-bottom: -1px;
                    border-top: none !important;
                    margin-left: -1px;
                }

                &.active > a {
                    border: none;
                    margin-left: -1px;
                    padding: 10px 15px;
                    width: 100%;

                    &:hover,
                    &:focus {
                        border: none;
                        width: 100%;
                        margin-left: -1px;
                        padding: 10px 15px;
                    }
                }
                &:first-child {
                    margin-left: -1px;
                    border-top: 1px solid @nav-tabs-border-color;
                }
                &:last-child {
                    margin-left: -1px;
                    border-bottom: 1px solid @nav-tabs-border-color;
                }
            }
        }

        &.nav-centered {
            width: 112%;
            margin-left: -15px;
            margin-right: -15px;
            > li {
                a {
                    border: none;
                    width: 100%;
                    margin-left: -1px;
                }
                a,
                a:hover {
                    margin-bottom: -1px;
                    border-top: none !important;
                    margin-left: -1px;
                }

                &.active > a {
                    border: none;
                    margin-left: -1px;
                    padding: 10px 15px;
                    width: 100%;

                    &:hover,
                    &:focus {
                        border: none;
                        width: 100%;
                        margin-left: -1px;
                        padding: 10px 15px;
                    }
                }
                &:first-child {
                    margin-left: -1px;
                    border-top: 1px solid @nav-tabs-border-color;
                }
                &:last-child {
                    margin-left: -1px;
                    border-bottom: 1px solid @nav-tabs-border-color;
                }
            }
        }
    }
}

.nav-tabs h4 {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
}

.nav-center-rule {
    border-bottom: 1px solid #ccc;
    top: -11px;
    position: relative;
    z-index: -1;
}
.nav-center-container {
    width:80%;
    margin-left:auto;
    margin-right:auto;
}

.tab-image {
    width: 100px;
    margin-top: 15px;
}

@media (max-width: @screen-md-max) {
    .tab-image {
        width: 80px;
        margin-top: 15px;
    }
}

@media (max-width: @screen-xs-max) {
    .nav-center-rule {
        border-bottom: none;
        bottom:0;
        position: relative;
    }
    .nav-center-container {
        width:100%;
        margin-left:auto;
        margin-right:auto;
    }

    .nav-tabs h4 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .vertical-align {
        position: relative
    }

    .vertical-align-element {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
    }
    .vertical-align-element-carat {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        right: 2%;
    }

    .tab-image {
        width: 90px;
        margin-right: 20px;
        margin-top: 0;
        float: left !important;
        padding-bottom: 50px;

    }

    .block-of-text {
        min-height: 120px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .nav div.vertical-align {
        padding-right: 25px !important;
    }

}

    /*
     * Tab Off Canvas
     * --------------------------------------------------
     */
    @media screen and (max-width: 767px) {
        .row-offcanvas {
            position: relative;
            -webkit-transition: all .25s ease-out;
            -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
        }

        .row-offcanvas-right {
            right: 0;
        }

        .row-offcanvas-left {
            left: 0;
        }

        .row-offcanvas-right
        .sidebar-offcanvas {
            //        right: -50%; /* 6 columns */
            right: 108%;
            position: fixed;
            top: 0;
            width: 102%;
            left: -100%;
            -webkit-transition: all .25s ease-out;
            -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
        }

        .row-offcanvas-left
        .sidebar-offcanvas {
            left: -50%; /* 6 columns */
        }

        .row-offcanvas-right .tab-content {
            position: fixed;
            top: 0;
            left: 100%;
            width: 102%;
            background: @body-bg;
            height: 3000px;
            // animation goes here
            -webkit-transition: all .25s ease-out;
            -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
            &.active {
                left: 0;
            }
        }

        .row-offcanvas-right .tab-content {
            position: fixed;
            top: 0;
            right: 100%;
            width: 102%;
            background: @body-bg;
            height: 3000px;
            // animation goes here
            -webkit-transition: all .25s ease-out;
            -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
            &.active {
                right: 0;
            }
        }

        .row-offcanvas-left.active {
            left: 50%; /* 6 columns */
        }
        .tab-content .row {
            margin-left: 15px;
            margin-right: 15px;
        }
        .offcanvas-back-btn {
            &.well {
                height: 45px;
                padding: 5px 20px 10px 30px;
            }
            &:before, {
                color: @dell-blue;
                font-family:    'icon-ui';
                content: none !important;
                position: absolute;
                left: 30px;
                padding-top: 7px;
            }
            > .btn-link {
                text-decoration: none;
            }
            .btn {
                padding: 6px 0 !important;
            }
            [class^=icon] {
                top: 2px;
                position: relative;
            }
        }
    }

///*
// * Tabs component theme overrides
// *------------------------------------------------------------------------------------------
// */

@media (min-width: 520px) and (max-width: @screen-xs-max) {
    .nav-tabs {
        display: block;
        width: 107%;
        margin-left: -15px;
        margin-right: -15px;
        > li {
            background: @white;
            width: 105%;
            border: 1px solid @nav-tabs-border-color;
            margin-bottom: -1px;
            margin-left: -1px;
            height: auto;
            padding-right: 4%;

            &:first-child {
                margin-left: -1px;
                border-top: 1px solid @nav-tabs-border-color;
            }
            &:last-child {
                margin-left: -1px;
                border-bottom: 1px solid @nav-tabs-border-color;
            }
            &:hover {
                background: @dell-highlight-blue;
                color: @dell-blue;
            }
            &.active {
                background: @white;
                border-bottom-color: transparent;
                overflow: hidden;
                > a,
                > a:hover,
                > a:focus {
                    border-color: transparent;
                    width: 100%;
                    margin-left: -1px;
                    margin-bottom: -1px !important;
                    border-top: none;
                    padding: 10px 15px;
                    color: @dell-blue;

                }
                a:hover {
                    background: @dell-highlight-blue;
                }
                &:last-child {
                    margin-left: -1px;
                    margin-bottom: 0;
                }
            }
            > a {
                text-align: left !important;
                border: none;
                background: none;
                &:hover,
                &:focus {
                    border-color: transparent;
                    background: none;
                    color: @dell-blue;
                }
            }
        }

        &.nav-justified {
            width: 107%;
            margin-left: -15px;
            margin-right: -15px;
            > li {
                a {
                    border: none;
                    width: 100%;
                    margin-left: -1px;
                }
                a,
                a:hover {
                    margin-bottom: -1px;
                    border-top: none !important;
                    margin-left: -1px;
                }

                &.active > a {
                    border: none;
                    margin-left: -1px;
                    padding: 10px 15px;
                    width: 100%;

                    &:hover,
                    &:focus {
                        border: none;
                        width: 100%;
                        margin-left: -1px;
                        padding: 10px 15px;
                    }
                }

                &:first-child {
                    margin-left: -1px;
                    border-top: 1px solid @nav-tabs-border-color;
                }
                &:last-child {
                    margin-left: -1px;
                    border-bottom: 1px solid @nav-tabs-border-color;
                }
            }
        }

        &.nav-centered {
            width: 107%;
            margin-left: -15px;
            margin-right: -15px;
            > li {
                a {
                    border: none;
                    width: 100%;
                    margin-left: -1px;
                }
                a,
                a:hover {
                    margin-bottom: -1px;
                    border-top: none !important;
                    margin-left: -1px;
                }

                &.active > a {
                    border: none;
                    margin-left: -1px;
                    padding: 10px 15px;
                    width: 100%;

                    &:hover,
                    &:focus {
                        border: none;
                        width: 100%;
                        margin-left: -1px;
                        padding: 10px 15px;
                    }
                }

                &:first-child {
                    margin-left: -1px;
                    border-top: 1px solid @nav-tabs-border-color;
                }
                &:last-child {
                    margin-left: -1px;
                    border-bottom: 1px solid @nav-tabs-border-color;
                }
            }
        }
    }
}

@media (min-width: 100px) and (max-width: 520px) {
    .nav-tabs {
        display: block;
        width: 112%;
        margin-left: -15px;
        margin-right: -15px;

        > li {
            background: @white;
            width: 103%;
            border: 1px solid @nav-tabs-border-color;
            margin-bottom: -1px;
            margin-left: -1px;
            height: auto;
            padding-right: 5%;
            &:first-child {
                margin-left: -1px;
                border-top: 1px solid @nav-tabs-border-color;
            }
            &:last-child {
                margin-left: -1px;
                border-bottom: 1px solid @nav-tabs-border-color;
            }
            &:hover {
                background: @dell-highlight-blue;
                color: @dell-blue;
            }
            &.active {
                background: @white;
                border-bottom-color: transparent;
                overflow: hidden;
                > a,
                > a:hover,
                > a:focus {
                    border-color: transparent;
                    width: 100%;
                    margin-left: -1px;
                    margin-bottom: -1px !important;
                    border-top: none;
                    padding: 10px 15px;
                    color: @dell-blue;
                }
                a:hover {
                    background: @dell-highlight-blue;
                }
                &:last-child {
                    margin-left: -1px;
                    margin-bottom: 0;
                }
            }
            > a {
                text-align: left !important;
                border: none;
                background: none;
                &:hover,
                &:focus {
                    border-color: transparent;
                    background: none;
                    color: @dell-blue;
                }
            }
        }

        &.nav-justified {
            width: 112%;
            margin-left: -15px;
            margin-right: -15px;
            > li {
                a {
                    border: none;
                    width: 100%;
                    margin-left: -1px;
                }
                a,
                a:hover {
                    margin-bottom: -1px;
                    border-top: none !important;
                    margin-left: -1px;
                }

                &.active > a {
                    border: none;
                    margin-left: -1px;
                    padding: 10px 15px;
                    width: 100%;

                    &:hover,
                    &:focus {
                        border: none;
                        width: 100%;
                        margin-left: -1px;
                        padding: 10px 15px;
                    }
                }
                &:first-child {
                    margin-left: -1px;
                    border-top: 1px solid @nav-tabs-border-color;
                }
                &:last-child {
                    margin-left: -1px;
                    border-bottom: 1px solid @nav-tabs-border-color;
                }
            }
        }

        &.nav-centered {
            width: 112%;
            margin-left: -15px;
            margin-right: -15px;
            > li {
                a {
                    border: none;
                    width: 100%;
                    margin-left: -1px;
                }
                a,
                a:hover {
                    margin-bottom: -1px;
                    border-top: none !important;
                    margin-left: -1px;
                }

                &.active > a {
                    border: none;
                    margin-left: -1px;
                    padding: 10px 15px;
                    width: 100%;

                    &:hover,
                    &:focus {
                        border: none;
                        width: 100%;
                        margin-left: -1px;
                        padding: 10px 15px;
                    }
                }
                &:first-child {
                    margin-left: -1px;
                    border-top: 1px solid @nav-tabs-border-color;
                }
                &:last-child {
                    margin-left: -1px;
                    border-bottom: 1px solid @nav-tabs-border-color;
                }
            }
        }
    }
}

.nav-tabs h4 {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
}

.nav-center-rule {
    border-bottom: 1px solid #ccc;
    top: -11px;
    position: relative;
    z-index: -1;
}
.nav-center-container {
    width:80%;
    margin-left:auto;
    margin-right:auto;
}

.tab-image {
    width: 100px;
    margin-top: 15px;
}

@media (max-width: @screen-md-max) {
    .tab-image {
        width: 80px;
        margin-top: 15px;
    }
}

@media (max-width: @screen-xs-max) {
    .nav-center-rule {
        border-bottom: none;
        bottom:0;
        position: relative;
    }
    .nav-center-container {
        width:100%;
        margin-left:auto;
        margin-right:auto;
    }

    .nav-tabs h4 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .vertical-align {
        position: relative
    }

    .vertical-align-element {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
    }
    .vertical-align-element-carat {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        right: 2%;
    }

    .tab-image {
        width: 90px;
        margin-right: 20px;
        margin-top: 0;
        float: left !important;
    }

    .block-of-text {
        min-height: 120px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .nav div.vertical-align {
        padding-right: 40px !important;
    }

}

    /*
     * Tab Off Canvas
     * --------------------------------------------------
     */
    @media screen and (max-width: 767px) {
        .row-offcanvas {
            position: relative;
            -webkit-transition: all .25s ease-out;
            -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
        }

        .row-offcanvas-right {
            right: 0;
        }

        .row-offcanvas-left {
            left: 0;
        }

        .row-offcanvas-right
        .sidebar-offcanvas {
            //        right: -50%; /* 6 columns */
            right: 108%;
            position: fixed;
            top: 0;
            width: 102%;
            left: -100%;
            -webkit-transition: all .25s ease-out;
            -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
        }

        .row-offcanvas-left
        .sidebar-offcanvas {
            left: -50%; /* 6 columns */
        }

        .row-offcanvas-right .tab-content {
            position: fixed;
            top: 0;
            left: 100%;
            width: 102%;
            background: @body-bg;
            height: 3000px;
            // animation goes here
            -webkit-transition: all .25s ease-out;
            -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
            &.active {
                left: 0;
            }
        }

        .row-offcanvas-right .tab-content {
            position: fixed;
            top: 0;
            right: 100%;
            width: 102%;
            background: @body-bg;
            height: 3000px;
            // animation goes here
            -webkit-transition: all .25s ease-out;
            -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
            &.active {
                right: 0;
            }
        }

        .row-offcanvas-left.active {
            left: 50%; /* 6 columns */
        }
        .tab-content .row {
            margin-left: 15px;
            margin-right: 15px;
        }
        .offcanvas-back-btn {
            &.well {
                height: 45px;
                padding: 5px 20px 10px 30px;
            }
            &:before, {
                color: @dell-blue;
                font-family:    'icon-ui';
                content: none !important;
                position: absolute;
                left: 30px;
                padding-top: 7px;
            }
            > .btn-link {
                text-decoration: none;
            }
            .btn {
                padding: 6px 0 !important;
            }
            [class^=icon] {
                top: 2px;
                position: relative;
            }
        }
    }


Update comment

Update comment


sublime Git test

sublime Git test

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/personafour/Corby.git/'


Menubar: Fix activity menu icon opacity in IE11

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


Delete magnific-popup.less

Delete magnific-popup.less

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


卖家中心样式

卖家中心样式

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/psychokiller666/heishi.git/'


Update static/vendors/bootstrap/less/input-groups.less

Signed-off-by: Bernard Ojengwa <fccb4cc00c1ba7e51bf5c2b5f77130b9fe8d917e@gmail.com>

//
// Input groups
// --------------------------------------------------

// Base styles
// -------------------------
.input-group {
  position: relative; // For dropdowns
  display: table;
  border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table

  // Undo padding and float of grid classes
  &[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0;
  }

  .form-control {
    // Ensure that the input is always above the *appended* addon button for
    // proper border colors.
    position: relative;
    z-index: 2;

    // IE9 fubars the placeholder attribute in text inputs and the arrows on
    // select elements in input groups. To fix it, we float the input. Details:
    // https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855
    float: left;

    width: 100%;
    margin-bottom: 0;
  }
}

// Sizing options
//
// Remix the default form control sizing classes into new ones for easier
// manipulation.

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  .input-lg();
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  .input-sm();
}

// Display as table-cell
// -------------------------
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;

  &:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
}
// Addon and addon wrapper for buttons
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; // Match the inputs
}

// Text input groups
// -------------------------
.input-group-addon {
  padding: @padding-base-vertical @padding-base-horizontal;
  font-size: @font-size-base;
  font-weight: normal;
  line-height: 1;
  color: @input-color;
  text-align: center;
  background-color: @input-group-addon-bg;
  border: 1px solid @input-group-addon-border-color;
  border-radius: @border-radius-base;

  // Sizing
  &.input-sm {
    padding: @padding-small-vertical @padding-small-horizontal;
    font-size: @font-size-small;
    border-radius: @border-radius-small;
  }
  &.input-lg {
    padding: @padding-large-vertical @padding-large-horizontal;
    font-size: @font-size-large;
    border-radius: @border-radius-large;
  }

  // Nuke default margins from checkboxes and radios to vertically center within.
  input[type="radio"],
  input[type="checkbox"] {
    margin-top: 0;
  }
}

// Reset rounded corners
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  .border-right-radius(0);
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  .border-left-radius(0);
}
.input-group-addon:last-child {
  border-left: 0;
}

// Button input groups
// -------------------------
.input-group-btn {
  position: relative;
  // Jankily prevent input button groups from wrapping with `white-space` and
  // `font-size` in combination with `inline-block` on buttons.
  font-size: 0;
  white-space: nowrap;

  // Negative margin for spacing, position for bringing hovered/focused/actived
  // element above the siblings.
  > .btn {
    position: relative;
    + .btn {
      margin-left: -1px;
    }
    // Bring the "active" button to the front
    &:hover,
    &:focus,
    &:active {
      z-index: 2;
    }
  }

  // Negative margin to only have a 1px border between the two
  &:first-child {
    > .btn,
    > .btn-group {
      margin-right: -1px;
    }
  }
  &:last-child {
    > .btn,
    > .btn-group {
      margin-left: -1px;
    }
  }
}

error: pathspec 'static/vendors/bootstrap/less/input-groups.less' did not match any file(s) known to git


added loading mixin and warning bg

added loading mixin and warning bg


[FIX] web_kanban: column title hidden and config button

Use 'display: none' instead of 'visible: hidden' for the config button in
columns' header so that the columns' title can take full width if that button
is hidden.

Bonus: if the config dropdown is open, the button remains visible.

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


Set color of labels

Set color of labels

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/durandj/ynot-django.git/'


feat(addIconPage): eslint correction

feat(addIconPage): eslint correction

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


Update bootstrap-fontawesome.less

Update bootstrap-fontawesome.less

/*!
 * Bootstrap v2.2.1 (Replaced default icons with font awesome)
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

// CSS Reset
@import "../../twbs/less/reset.less";

// Core variables and mixins
@import "../../twbs/less/variables.less"; // Modify this for custom colors, font-sizes, etc
@import "../../twbs/less/mixins.less";

// Grid system and page structure
@import "../../twbs/less/scaffolding.less";
@import "../../twbs/less/grid.less";
@import "../../twbs/less/layouts.less";

// Base CSS
@import "../../twbs/less/type.less";
@import "../../twbs/less/code.less";
@import "../../twbs/less/forms.less";
@import "../../twbs/less/tables.less";

// Components: common
@import "font-awesome/font-awesome.less";
@import "../../twbs/less/dropdowns.less";
@import "../../twbs/less/wells.less";
@import "../../twbs/less/component-animations.less";
@import "../../twbs/less/close.less";

// Components: Buttons & Alerts
@import "../../twbs/less/buttons.less";
@import "../../twbs/less/button-groups.less";
@import "../../twbs/less/alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less

// Components: Nav
@import "../../twbs/less/navs.less";
@import "../../twbs/less/navbar.less";
@import "../../twbs/less/breadcrumbs.less";
@import "../../twbs/less/pagination.less";
@import "../../twbs/less/pager.less";

// Components: Popovers
@import "../../twbs/less/modals.less";
@import "../../twbs/less/tooltip.less";
@import "../../twbs/less/popovers.less";

// Components: Misc
@import "../../twbs/less/thumbnails.less";
@import "../../twbs/less/media.less";
@import "../../twbs/less/labels-badges.less";
@import "../../twbs/less/progress-bars.less";
@import "../../twbs/less/accordion.less";
@import "../../twbs/less/carousel.less";
@import "../../twbs/less/hero-unit.less";

// Utility classes
@import "../../twbs/less/utilities.less"; // Has to be last to override when necessary

/*!
 * Bootstrap v2.2.1 (Replaced default icons with font awesome)
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

// CSS Reset
@import "../../bootstrap/less/reset.less";

// Core variables and mixins
@import "../../bootstrap/less/variables.less"; // Modify this for custom colors, font-sizes, etc
@import "../../bootstrap/less/mixins.less";

// Grid system and page structure
@import "../../bootstrap/less/scaffolding.less";
@import "../../bootstrap/less/grid.less";
@import "../../bootstrap/less/layouts.less";

// Base CSS
@import "../../bootstrap/less/type.less";
@import "../../bootstrap/less/code.less";
@import "../../bootstrap/less/forms.less";
@import "../../bootstrap/less/tables.less";

// Components: common
@import "font-awesome/font-awesome.less";
@import "../../bootstrap/less/dropdowns.less";
@import "../../bootstrap/less/wells.less";
@import "../../bootstrap/less/component-animations.less";
@import "../../bootstrap/less/close.less";

// Components: Buttons & Alerts
@import "../../bootstrap/less/buttons.less";
@import "../../bootstrap/less/button-groups.less";
@import "../../bootstrap/less/alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less

// Components: Nav
@import "../../bootstrap/less/navs.less";
@import "../../bootstrap/less/navbar.less";
@import "../../bootstrap/less/breadcrumbs.less";
@import "../../bootstrap/less/pagination.less";
@import "../../bootstrap/less/pager.less";

// Components: Popovers
@import "../../bootstrap/less/modals.less";
@import "../../bootstrap/less/tooltip.less";
@import "../../bootstrap/less/popovers.less";

// Components: Misc
@import "../../bootstrap/less/thumbnails.less";
@import "../../bootstrap/less/media.less";
@import "../../bootstrap/less/labels-badges.less";
@import "../../bootstrap/less/progress-bars.less";
@import "../../bootstrap/less/accordion.less";
@import "../../bootstrap/less/carousel.less";
@import "../../bootstrap/less/hero-unit.less";

// Utility classes
@import "../../bootstrap/less/utilities.less"; // Has to be last to override when necessary


Adjusts the vibrant left border on the mobile menu

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


Create footer.less

Create footer.less

footer defaults for angstrom

fatal: unable to access 'https://github.com/angstrom-science/Angstrom.git/': The requested URL returned error: 403


TM-53: Lighter placeholder text

TM-53: Lighter placeholder text

@toolstrip-background-color: rgb(240,240,240);
@toolstrip-foreground-color: rgb(51,51,51);
@toolstrip-dark-background-color: darken(@toolstrip-background-color, 20%);
@toolstrip-input-background-color: lighten(@toolstrip-background-color, 20%);
@toolstrip-slider-background-color: darken(@toolstrip-background-color, 20%);
@toolstrip-input-foreground-color: @toolstrip-foreground-color;
@toolstrip-input-placeholder-foreground-color: lighten(@toolstrip-foreground-color, 20%);
@toolstrip-button-selected-background-color: rgb(219,219,219);
@toolstrip-thumb-background-color: @toolstrip-foreground-color;
@toolstrip-button-horizontal-padding: 0.5em;

@tinymce-mobile-mask-menu-zindex: 1;

@mask-button-foreground-color: white;
@mask-button-background-color: @tinymce-blue;

@quick-animation-time: .05s;

@android-background-color: rgba(255, 255, 255, 1.0);

@editor-mask-background-color: #333;
@editor-mask-foreground-color: #eee;

@mask-button-font-size-small: 0.8em;
@mask-button-font-size-large: 1.0em;

@mask-button-size: 4em;

@tinymce-blue: #4682B4;

@tablets: ~"only screen and (min-device-width:700px)";

@toolstrip-background-color: rgb(240,240,240);
@toolstrip-foreground-color: rgb(51,51,51);
@toolstrip-dark-background-color: darken(@toolstrip-background-color, 20%);
@toolstrip-input-background-color: lighten(@toolstrip-background-color, 20%);
@toolstrip-slider-background-color: darken(@toolstrip-background-color, 20%);
@toolstrip-input-foreground-color: @toolstrip-foreground-color;
@toolstrip-input-placeholder-foreground-color: darken(@toolstrip-input-foreground-color, 10%);
@toolstrip-button-selected-background-color: rgb(219,219,219);
@toolstrip-thumb-background-color: @toolstrip-foreground-color;
@toolstrip-button-horizontal-padding: 0.5em;

@tinymce-mobile-mask-menu-zindex: 1;

@mask-button-foreground-color: white;
@mask-button-background-color: @tinymce-blue;

@quick-animation-time: .05s;

@android-background-color: rgba(255, 255, 255, 1.0);

@editor-mask-background-color: #333;
@editor-mask-foreground-color: #eee;

@mask-button-font-size-small: 0.8em;
@mask-button-font-size-large: 1.0em;

@mask-button-size: 4em;

@tinymce-blue: #4682B4;

@tablets: ~"only screen and (min-device-width:700px)";


Changed bg to RED

Changed bg to RED

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/anchour/portland-vineyard.git/'