Fixed review bugs.

Fixed review bugs.

.charm {
    .changelog li,
    .changelog p,
    .charm-details {
        background: inherit;
        border: none;

        a:hover {
            text-decoration: underline;
        }

    }
    .section-title,
    .section-title a {
        .type5;
    }
    .section-title {
        margin: 40px 0 20px;
        padding: 0;
        background: transparent;
        border: none;

        a:hover {
            background: transparent;
        }
    }
    .header {
        .block-icon {
            display: inline-block;
            float: left;
        }
        .charm-icon,
        img.icon {
            width: 120px;
            height: 120px;
        }
        .charm-icon {
            background: transparent
                    url(/juju-ui/assets/images/charm_160.png)
                    left top no-repeat;
            background-size: 120px 120px;
        }
        .add-reviewed {
            position: absolute;
            bottom: 30px;
            right: 30px;

            a.add {
                // Using a variable here because LESS strips commas in mixin args.
                @box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3);
                .create-box-shadow(@box-shadow);
                .create-border-radius(@bws-corner);
                display: block;
                height: 40px;
                margin-top: 17px;
                padding: 0 30px;
                background-color: @charm-panel-orange;
                color: #fff;
                line-height: 40px;
            }
        }
        .charm-details {
            display: inline-block;
            margin-left: 20px;

            h2 {
                .type4;
                margin: 20px 0 15px 0;
            }
        }
    }
    .providers li a {
        color: @bws-text;
        text-decoration: underline;
    }
    .providers {
        overflow: auto;
        padding: 0 0 10px 0;
        border-bottom: 1px solid @bws-border;

        i {
            margin-right: 15px;
        }
        ul {
            float: left;
            width: 50%;
        }
        li {
            margin-bottom: 10px;
        }
    }
    .changelog {
        .remaining {
            margin-top: 10px;
        }
        h4,
        li,
        .maintainer {
            margin-bottom: 10px;
        }
        p {
            margin: 0;
        }
        .date {
            margin-right: 3pt;
        }
    }
    .intro {
        margin-top: 9px;
        margin-bottom: 26px;
    }
    #bws-features,
    #bws-summary,
    #bws-readme {
        padding-top: 10px;
    }
    #bws-readme {
        ul {
            list-style-type: disc;
            padding-left: 2em;
        }
    }
    #bws-related-charms {
        .interfaces-heading,
        .interface,
        .related {
            .border-box;
            padding: 0 20px;
        }
        h4,
        h3 {
            margin: 0;
            padding: 0;
            border: none;
        }
        .interfaces-heading {
            padding-top: 0;
            padding-bottom: 15px;
            border-bottom: 1px solid @bws-border;
        }
        .interface-list {
            .interface-row {
                border-bottom: 1px solid @bws-border;

                .interface {
                    padding-top: 10px;
                    padding-bottom: 10px;
                    font-size: 10.5pt;
                }
                .yui3-token {
                    width: 100%;

                    .title {
                        max-width: 150px;
                    }
                }
                &:last-child {
                    border: none;
                }
            }
        }
    }
    #bws-configuration {
        dt {
            margin: 20px 0 15px 0;

            dfn,
            em {
                .type9;
                font-style: normal;
            }
            dfn {
                margin-right: 3px;
                font-weight: 400;
            }
            em {
                font-weight: 300;
            }

        }
        dd {
            margin-left: 1em;
            div {
                margin-bottom: 20px;
            }
        }
    }
    #bws-features {
        li {
            margin-bottom: 4px;
            padding-left: 25px;

            &.checked {
                background: transparent
                    url(/juju-ui/assets/images/quality_tick_icon.png)
                    left center no-repeat;
            }
        }
    }
    #bws-code {
        select {
            margin: 6px 0 23px 0;
        }
        pre.prettyprint {
            border: none;

            ol {
                list-style-position: inside;
                margin-left: 0;

                li {
                    padding-left: 20px;
                    list-style-type: decimal;

                    span:first-child {
                        margin-left: 10px;
                    }
                }
                li.L1,
                li.L3,
                li.L5,
                li.L7,
                li.L9 {
                    background-color: transparent;
                }
            }
        }
    }
    #sharing {
        float: right;
        padding: 17px 70px 16px 16px;

        a {
            padding-right: 5px;
        }
    }
}

#bws-fullscreen .charm {
    background-color: #fff;
    background-image: none;

    .header {
        .type13;
        position: relative;
        z-index: 10;
        float: left;
        width: @bws-sidebar-width;
        padding: 0;
        background-color: #fff;
        border: none;

        h1 {
            .type2;
            margin: -3px 0 5px 0;
        }
        ul {
            margin: 0;
            list-style: none;

            li {
                line-height: 1.55;

                a {
                    color: @bws-text;
                    text-decoration: underline;
                }
            }
        }

        .block-icon,
        .charm-details {
            display: block;
            float: none;
        }
        .block-icon {
            margin: 20px;
        }
        .charm-details {
            margin-left: 0;
            padding: 0 20px;
        }
        .add-reviewed {
            position: relative;
            right: auto;
            bottom: auto;
            margin: 30px -20px 20px -20px;
            padding: 0 20px 20px 20px;
            border-bottom: 1px solid @bws-border;

            a.add {
                display: inline-block;
            }
        }
        .breadcrumbs {
            position: absolute;
            top: -50px;
            left: 290px;
            width: 400px;
            overflow: hidden;

            i {
                margin-right: 7px;
            }
            span {
                color: @bws-text;
                text-decoration: underline;
            }
        }
    }
    .tabs {
        margin-left: @bws-sidebar-width;
        border-left: 1px solid @bws-border;
    }
    .related-charms {
        .section-title {
            padding-bottom: 20px;
            border-bottom: 1px solid @bws-border;
        }
        .yui3-charmcontainer {
            padding-bottom: 10px;
        }
        .yui3-token {
            width: 50%;
            padding: 0 10px;

            .yui3-token-content a {
                padding: 20px 10px;
                border-bottom: 1px solid @bws-border;
            }
            &:nth-child(odd) {
                border-right: 1px solid @bws-border;
            }
            &:last-child,
            &:nth-last-child(2) {
                .yui3-token-content a {
                    border-bottom: none;
                }
            }
        }
    }
    #bws-summary {
        padding-top: 30px;
    }
}

.charm {
    .changelog li,
    .changelog p,
    .charm-details {
        background: inherit;
        border: none;

        a:hover {
            text-decoration: underline;
        }

    }
    .section-title,
    .section-title a {
        .type5;
    }
    .section-title {
        margin: 40px 0 20px;
        padding: 0;
        background: transparent;
        border: none;

        a:hover {
            background: transparent;
        }
    }
    .header {
        .block-icon {
            display: inline-block;
            float: left;
        }
        .charm-icon,
        img.icon {
            width: 120px;
            height: 120px;
        }
        .charm-icon {
            background: transparent
                    url(/juju-ui/assets/images/charm_160.png)
                    left top no-repeat;
            background-size: 120px 120px;
        }
        .add-reviewed {
            position: absolute;
            bottom: 30px;
            right: 30px;

            a.add {
                // Using a variable here because LESS strips commas in mixin args.
                @box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3);
                .create-box-shadow(@box-shadow);
                .create-border-radius(@bws-corner);
                display: block;
                height: 40px;
                margin-top: 17px;
                padding: 0 30px;
                background-color: @charm-panel-orange;
                color: #fff;
                line-height: 40px;
            }
        }
        .charm-details {
            display: inline-block;
            margin-left: 20px;
        }
    }
    .providers li a {
        color: @bws-text;
        text-decoration: underline;
    }
    .providers {
        overflow: auto;
        padding: 0 0 10px 0;
        border-bottom: 1px solid @bws-border;

        i {
            margin-right: 15px;
        }
        ul {
            float: left;
            width: 50%;
        }
        li {
            margin-bottom: 10px;
        }
    }
    .changelog {
        .remaining {
            margin-top: 10px;
        }
        h4,
        li,
        .maintainer {
            margin-bottom: 10px;
        }
        p {
            margin: 0;
        }
        .date {
            margin-right: 3pt;
        }
    }
    .intro {
        margin-top: 9px;
        margin-bottom: 26px;
    }
    #bws-features,
    #bws-summary,
    #bws-readme {
        padding-top: 10px;
    }
    #bws-readme {
        ul {
            list-style-type: disc;
            padding-left: 2em;
        }
    }
    #bws-related-charms {
        .interfaces-heading,
        .interface,
        .related {
            .border-box;
            padding: 0 20px;
        }
        h4,
        h3 {
            margin: 0;
            padding: 0;
            border: none;
        }
        .interfaces-heading {
            padding-top: 0;
            padding-bottom: 15px;
            border-bottom: 1px solid @bws-border;
        }
        .interface-list {
            .interface-row {
                border-bottom: 1px solid @bws-border;

                .interface {
                    padding-top: 10px;
                    padding-bottom: 10px;
                    font-size: 10.5pt;
                }
                .yui3-token {
                    width: 100%;

                    .title {
                        max-width: 150px;
                    }
                }
                &:last-child {
                    border: none;
                }
            }
        }
    }
    #bws-configuration {
        dt {
            margin: 20px 0 15px 0;

            dfn,
            em {
                .type9;
                font-style: normal;
            }
            dfn {
                margin-right: 3px;
                font-weight: 400;
            }
            em {
                font-weight: 300;
            }

        }
        dd {
            margin-left: 1em;
            div {
                margin-bottom: 20px;
            }
        }
    }
    #bws-features {
        li {
            margin-bottom: 4px;
            padding-left: 25px;

            &.checked {
                background: transparent
                    url(/juju-ui/assets/images/quality_tick_icon.png)
                    left center no-repeat;
            }
        }
    }
    #bws-code {
        select {
            margin: 6px 0 23px 0;
        }
        pre.prettyprint {
            border: none;

            ol {
                list-style-position: inside;
                margin-left: 0;

                li {
                    padding-left: 20px;
                    list-style-type: decimal;

                    span:first-child {
                        margin-left: 10px;
                    }
                }
                li.L1,
                li.L3,
                li.L5,
                li.L7,
                li.L9 {
                    background-color: transparent;
                }
            }
        }
    }
    #sharing {
        float: right;
        padding: 17px 70px 16px 16px;

        a {
            padding-right: 5px;
        }
    }
}

#bws-fullscreen .charm {
    background-color: #fff;
    background-image: none;

    .header {
        .type13;
        z-index: 10;
        float: left;
        width: @bws-sidebar-width;
        padding: 0;
        background-color: #fff;
        border: none;

        h1 {
            .type2;
            margin: -3px 0 5px 0;
        }
        ul {
            margin: 0;
            list-style: none;

            li {
                line-height: 1.55;

                a {
                    color: @bws-text;
                    text-decoration: underline;
                }
            }
        }

        .block-icon,
        .charm-details {
            display: block;
            float: none;
        }
        .block-icon {
            margin: 20px;
        }
        .charm-details {
            margin-left: 0;
            padding: 0 20px;
        }
        .add-reviewed {
            position: relative;
            right: auto;
            bottom: auto;
            margin: 30px -20px 20px -20px;
            padding: 0 20px 20px 20px;
            border-bottom: 1px solid @bws-border;

            a.add {
                display: inline-block;
            }
        }
        .breadcrumbs {
            position: absolute;
            top: -50px;
            left: 290px;
            width: 400px;
            overflow: hidden;

            i {
                margin-right: 7px;
            }
            span {
                color: @bws-text;
                text-decoration: underline;
            }
        }
    }
    .tabs {
        margin-left: @bws-sidebar-width;
        border-left: 1px solid @bws-border;
    }
    .related-charms {
        .section-title {
            padding-bottom: 20px;
            border-bottom: 1px solid @bws-border;
        }
        .yui3-charmcontainer {
            padding-bottom: 10px;
        }
        .yui3-token {
            width: 50%;
            padding: 0 10px;

            .yui3-token-content a {
                padding: 20px 10px;
                border-bottom: 1px solid @bws-border;
            }
            &:nth-child(odd) {
                border-right: 1px solid @bws-border;
            }
            &:last-child,
            &:nth-last-child(2) {
                .yui3-token-content a {
                    border-bottom: none;
                }
            }
        }
    }
    #bws-summary {
        padding-top: 30px;
    }
}


fix broken device icons styles in Reviewer Tools when Firefox OS was added (bug 811619)

@import 'lib';

.device-list {
    margin-top: 10px;
    h4, ul {
        display: inline-block;
        line-height: 20px;
        vertical-align: top;
    }
    ul {
        color: @medium-gray;
        margin: 0;
        padding: 0;
    }
    li {
        display: inline-block;
        height: 23px;
        position: relative;
        text-indent: -99999px;
        width: 26px;
        background: url(../../img/mkt/icons/device_icons.png) no-repeat 0 0;
        &.android-mobile, &.firefoxos {
            &.unavailable {
                background-position: 0 -23px;
            }
        }
        &.android-tablet {
            background-position: 0 -46px;
            &.unavailable {
                background-position: 0 -69px;
            }
        }
        &.desktop {
            background-position: 0 -92px;
            &.unavailable {
                background-position: 0 -115px;
            }
        }
    }
}

.listing .device-list {
    text-align: center;
    h4, ul {
        display: block;
    }
    h4 {
        color: @gray;
        font-size: 11px;
        font-weight: normal;
    }
    ul {
        color: @medium-gray;
        font-size: 11px;
        margin: 0;
        padding: 0;
    }
}
.html-rtl .device-list {
    li {
        margin: 0 5px 0 0;
    }
}

@import 'lib';

.device-list {
    margin-top: 10px;
    h4, ul {
        display: inline-block;
        line-height: 20px;
        vertical-align: top;
    }
    ul {
        color: @medium-gray;
        margin: 0;
        padding: 0;
    }
    li {
        display: inline-block;
        height: 23px;
        position: relative;
        text-indent: -99999px;
        width: 26px;
        background: url(../../img/mkt/icons/device_icons.png) no-repeat 0 0;
        &.mobile.unavailable {
            background-position: 0 -23px;
        }
        &.tablet {
            background-position: 0 -46px;
            &.unavailable {
                background-position: 0 -69px;
            }
        }
        &.desktop {
            background-position: 0 -92px;
            &.unavailable {
                background-position: 0 -115px;
            }
        }
    }
}

.listing .device-list {
    text-align: center;
    h4, ul {
        display: block;
    }
    h4 {
        color: @gray;
        font-size: 11px;
        font-weight: normal;
    }
    ul {
        color: @medium-gray;
        font-size: 11px;
        margin: 0;
        padding: 0;
    }
}
.html-rtl .device-list {
    li {
        margin: 0 5px 0 0;
    }
}


do not centre Marketplace header on mobile

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


added align-right and align-left classes

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


actually remove chart less file from index

/**
 *    Copyright 2015-2017 ppy Pty. Ltd.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
 *    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *    See the GNU Affero General Public License for more details.
 *
 *    You should have received a copy of the GNU Affero General Public License
 *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

@import "bem/account-edit";
@import "bem/account-edit-entry";
@import "bem/artist";
@import "bem/avatar";
@import "bem/avatar-ribbon";
@import "bem/badge-achievement";
@import "bem/badge-rank";
@import "bem/badges";
@import "bem/bar";
@import "bem/bbcode-size-select";
@import "bem/bbcode-spoilerbox";
@import "bem/beatmap-basic-stats";
@import "bem/beatmap-discussion";
@import "bem/beatmap-discussion-expand";
@import "bem/beatmap-discussion-message-type";
@import "bem/beatmap-discussion-new";
@import "bem/beatmap-discussion-nomination";
@import "bem/beatmap-discussion-post";
@import "bem/beatmap-discussion-system-post";
@import "bem/beatmap-discussion-timestamp";
@import "bem/beatmap-discussion-vote";
@import "bem/beatmap-discussions";
@import "bem/beatmap-discussions-chart";
@import "bem/beatmap-discussions-header-bottom";
@import "bem/beatmap-discussions-header-top";
@import "bem/beatmap-icon";
@import "bem/beatmap-list";
@import "bem/beatmap-list-item";
@import "bem/beatmap-score-big";
@import "bem/beatmap-score-top";
@import "bem/beatmap-scoreboard-top";
@import "bem/beatmap-stats-table";
@import "bem/beatmap-success-rate";
@import "bem/beatmapset-beatmap-picker";
@import "bem/beatmapset-header";
@import "bem/beatmapset-info";
@import "bem/beatmapset-mapping";
@import "bem/beatmapset-panel";
@import "bem/beatmapset-row";
@import "bem/beatmapset-score";
@import "bem/beatmapset-scoreboard";
@import "bem/beatmapset-stats";
@import "bem/beatmapsets";
@import "bem/beatmapsets-search";
@import "bem/beatmapsets-search-filter";
@import "bem/beatmapsets-show-more";
@import "bem/beatmapsets-sorting";
@import "bem/bg";
@import "bem/blackout";
@import "bem/btn-circle";
@import "bem/btn-home";
@import "bem/btn-osu-big";
@import "bem/btn-osu-lite";
@import "bem/changelog";
@import "bem/changelog-change";
@import "bem/changelog-header";
@import "bem/changelog-stream";
@import "bem/chart";
@import "bem/contest";
@import "bem/contest-art-entry";
@import "bem/contest-art-list";
@import "bem/contest-list";
@import "bem/contest-list-item";
@import "bem/contest-list-legend";
@import "bem/contest-userentry";
@import "bem/contest-userentry-list";
@import "bem/contest-voting-list";
@import "bem/countdown-timer";
@import "bem/counter-box";
@import "bem/detail-row";
@import "bem/fake-bold";
@import "bem/fancy-graph";
@import "bem/fancy-search";
@import "bem/fileupload";
@import "bem/fixed-bar";
@import "bem/flag-country";
@import "bem/footer";
@import "bem/form";
@import "bem/forum-category-header";
@import "bem/forum-cover-admin-item";
@import "bem/forum-header-breadcrumb-small";
@import "bem/forum-pippi";
@import "bem/forum-poll";
@import "bem/forum-poll-row";
@import "bem/forum-post";
@import "bem/forum-post-actions";
@import "bem/forum-post-content";
@import "bem/forum-topic-entry";
@import "bem/forum-topic-header";
@import "bem/forum-topic-headernav";
@import "bem/forum-topic-nav";
@import "bem/forum-topic-reply";
@import "bem/forum-topics";
@import "bem/gallery-previews";
@import "bem/gallery-thumbnails";
@import "bem/header-search-box";
@import "bem/icon-fancy";
@import "bem/icon-stack";
@import "bem/kudosu-box";
@import "bem/kudosu-entries";
@import "bem/label-toggle";
@import "bem/landing-footer-bottom";
@import "bem/landing-footer-social";
@import "bem/landing-graph";
@import "bem/landing-hero";
@import "bem/landing-middle-buttons";
@import "bem/landing-nav";
@import "bem/landing-sitemap";
@import "bem/link";
@import "bem/livestream-featured";
@import "bem/livestream-item";
@import "bem/livestream-page";
@import "bem/loading-overlay";
@import "bem/logo";
@import "bem/logo-menu";
@import "bem/medals-group";
@import "bem/mod";
@import "bem/mods";
@import "bem/mp-history-content";
@import "bem/mp-history-event";
@import "bem/mp-history-events";
@import "bem/mp-history-game";
@import "bem/mp-history-player-score";
@import "bem/nav-popup";
@import "bem/nav-popup-box";
@import "bem/navbar-mobile";
@import "bem/news-post-preview";
@import "bem/notification-icon";
@import "bem/osu-checkbox";
@import "bem/osu-layout";
@import "bem/osu-nav";
@import "bem/osu-page";
@import "bem/osu-page-header";
@import "bem/osu-page-header-v2";
@import "bem/page-contents";
@import "bem/page-extra";
@import "bem/page-extra-tabs";
@import "bem/page-mode";
@import "bem/page-mode-link";
@import "bem/page-tabs";
@import "bem/page-title";
@import "bem/product-box";
@import "bem/profile-achievements";
@import "bem/profile-badge";
@import "bem/profile-cover-change-popup";
@import "bem/profile-cover-uploader";
@import "bem/profile-extra-entries";
@import "bem/profile-extra-user-page";
@import "bem/profile-extra-user-page-editor";
@import "bem/profile-header";
@import "bem/profile-header-extra";
@import "bem/profile-info";
@import "bem/profile-stats";
@import "bem/proportional-container";
@import "bem/quick-info";
@import "bem/rankinginfo-small";
@import "bem/simple-form";
@import "bem/spinner";
@import "bem/stacked-bar-chart";
@import "bem/status-chart";
@import "bem/status-charts";
@import "bem/status-header";
@import "bem/status-incident";
@import "bem/status-incidents";
@import "bem/status-info";
@import "bem/status-map";
@import "bem/status-recent";
@import "bem/stg-block";
@import "bem/stg-header";
@import "bem/stg-perk";
@import "bem/stg-quote";
@import "bem/store-cart-footer";
@import "bem/store-header";
@import "bem/store-logo";
@import "bem/store-logo-text";
@import "bem/store-notification-requested-alert";
@import "bem/tooltip-achievement";
@import "bem/tooltip-default";
@import "bem/tracklist";
@import "bem/turbolinks-progress-bar";
@import "bem/user-home";
@import "bem/user-home-beatmapset";
@import "bem/user-name";
@import "bem/user-profile-header";
@import "bem/user-roles";
@import "bem/user-verification";
@import "bem/user-verification-popup";
@import "bem/userinfo-small";
@import "bem/warning-box";
@import "bem/wiki-content";
@import "bem/wiki-language-list";
@import "bem/wiki-page";
@import "bem/wiki-toc";
@import "bem/wiki-toc-list";

/**
 * Below are custom Block-Element-Modifier LESS-includes
 * that are based on external-plugins such as boostrap.
 */

@import "bem/bootstrap/modal-body";
@import "bem/bootstrap/modal-content";
@import "bem/bootstrap/modal-dialog";
@import "bem/bootstrap/modal-header";

/**
 *    Copyright 2015-2017 ppy Pty. Ltd.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
 *    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *    See the GNU Affero General Public License for more details.
 *
 *    You should have received a copy of the GNU Affero General Public License
 *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

@import "bem/account-edit";
@import "bem/account-edit-entry";
@import "bem/artist";
@import "bem/avatar";
@import "bem/avatar-ribbon";
@import "bem/badge-achievement";
@import "bem/badge-rank";
@import "bem/badges";
@import "bem/bar";
@import "bem/bbcode-size-select";
@import "bem/bbcode-spoilerbox";
@import "bem/beatmap-basic-stats";
@import "bem/beatmap-discussion";
@import "bem/beatmap-discussion-expand";
@import "bem/beatmap-discussion-message-type";
@import "bem/beatmap-discussion-new";
@import "bem/beatmap-discussion-nomination";
@import "bem/beatmap-discussion-post";
@import "bem/beatmap-discussion-system-post";
@import "bem/beatmap-discussion-timestamp";
@import "bem/beatmap-discussion-vote";
@import "bem/beatmap-discussions";
@import "bem/beatmap-discussions-chart";
@import "bem/beatmap-discussions-header-bottom";
@import "bem/beatmap-discussions-header-top";
@import "bem/beatmap-icon";
@import "bem/beatmap-list";
@import "bem/beatmap-list-item";
@import "bem/beatmap-score-big";
@import "bem/beatmap-score-top";
@import "bem/beatmap-scoreboard-top";
@import "bem/beatmap-stats-table";
@import "bem/beatmap-success-rate";
@import "bem/beatmapset-beatmap-picker";
@import "bem/beatmapset-header";
@import "bem/beatmapset-info";
@import "bem/beatmapset-mapping";
@import "bem/beatmapset-panel";
@import "bem/beatmapset-row";
@import "bem/beatmapset-score";
@import "bem/beatmapset-scoreboard";
@import "bem/beatmapset-stats";
@import "bem/beatmapsets";
@import "bem/beatmapsets-search";
@import "bem/beatmapsets-search-filter";
@import "bem/beatmapsets-show-more";
@import "bem/beatmapsets-sorting";
@import "bem/bg";
@import "bem/blackout";
@import "bem/btn-circle";
@import "bem/btn-home";
@import "bem/btn-osu-big";
@import "bem/btn-osu-lite";
@import "bem/changelog";
@import "bem/changelog-change";
@import "bem/changelog-chart";
@import "bem/changelog-header";
@import "bem/changelog-stream";
@import "bem/chart";
@import "bem/contest";
@import "bem/contest-art-entry";
@import "bem/contest-art-list";
@import "bem/contest-list";
@import "bem/contest-list-item";
@import "bem/contest-list-legend";
@import "bem/contest-userentry";
@import "bem/contest-userentry-list";
@import "bem/contest-voting-list";
@import "bem/countdown-timer";
@import "bem/counter-box";
@import "bem/detail-row";
@import "bem/fake-bold";
@import "bem/fancy-graph";
@import "bem/fancy-search";
@import "bem/fileupload";
@import "bem/fixed-bar";
@import "bem/flag-country";
@import "bem/footer";
@import "bem/form";
@import "bem/forum-category-header";
@import "bem/forum-cover-admin-item";
@import "bem/forum-header-breadcrumb-small";
@import "bem/forum-pippi";
@import "bem/forum-poll";
@import "bem/forum-poll-row";
@import "bem/forum-post";
@import "bem/forum-post-actions";
@import "bem/forum-post-content";
@import "bem/forum-topic-entry";
@import "bem/forum-topic-header";
@import "bem/forum-topic-headernav";
@import "bem/forum-topic-nav";
@import "bem/forum-topic-reply";
@import "bem/forum-topics";
@import "bem/gallery-previews";
@import "bem/gallery-thumbnails";
@import "bem/header-search-box";
@import "bem/icon-fancy";
@import "bem/icon-stack";
@import "bem/kudosu-box";
@import "bem/kudosu-entries";
@import "bem/label-toggle";
@import "bem/landing-footer-bottom";
@import "bem/landing-footer-social";
@import "bem/landing-graph";
@import "bem/landing-hero";
@import "bem/landing-middle-buttons";
@import "bem/landing-nav";
@import "bem/landing-sitemap";
@import "bem/link";
@import "bem/livestream-featured";
@import "bem/livestream-item";
@import "bem/livestream-page";
@import "bem/loading-overlay";
@import "bem/logo";
@import "bem/logo-menu";
@import "bem/medals-group";
@import "bem/mod";
@import "bem/mods";
@import "bem/mp-history-content";
@import "bem/mp-history-event";
@import "bem/mp-history-events";
@import "bem/mp-history-game";
@import "bem/mp-history-player-score";
@import "bem/nav-popup";
@import "bem/nav-popup-box";
@import "bem/navbar-mobile";
@import "bem/news-post-preview";
@import "bem/notification-icon";
@import "bem/osu-checkbox";
@import "bem/osu-layout";
@import "bem/osu-nav";
@import "bem/osu-page";
@import "bem/osu-page-header";
@import "bem/osu-page-header-v2";
@import "bem/page-contents";
@import "bem/page-extra";
@import "bem/page-extra-tabs";
@import "bem/page-mode";
@import "bem/page-mode-link";
@import "bem/page-tabs";
@import "bem/page-title";
@import "bem/product-box";
@import "bem/profile-achievements";
@import "bem/profile-badge";
@import "bem/profile-cover-change-popup";
@import "bem/profile-cover-uploader";
@import "bem/profile-extra-entries";
@import "bem/profile-extra-user-page";
@import "bem/profile-extra-user-page-editor";
@import "bem/profile-header";
@import "bem/profile-header-extra";
@import "bem/profile-info";
@import "bem/profile-stats";
@import "bem/proportional-container";
@import "bem/quick-info";
@import "bem/rankinginfo-small";
@import "bem/simple-form";
@import "bem/spinner";
@import "bem/stacked-bar-chart";
@import "bem/status-chart";
@import "bem/status-charts";
@import "bem/status-header";
@import "bem/status-incident";
@import "bem/status-incidents";
@import "bem/status-info";
@import "bem/status-map";
@import "bem/status-recent";
@import "bem/stg-block";
@import "bem/stg-header";
@import "bem/stg-perk";
@import "bem/stg-quote";
@import "bem/store-cart-footer";
@import "bem/store-header";
@import "bem/store-logo";
@import "bem/store-logo-text";
@import "bem/store-notification-requested-alert";
@import "bem/tooltip-achievement";
@import "bem/tooltip-default";
@import "bem/tracklist";
@import "bem/turbolinks-progress-bar";
@import "bem/user-home";
@import "bem/user-home-beatmapset";
@import "bem/user-name";
@import "bem/user-profile-header";
@import "bem/user-roles";
@import "bem/user-verification";
@import "bem/user-verification-popup";
@import "bem/userinfo-small";
@import "bem/warning-box";
@import "bem/wiki-content";
@import "bem/wiki-language-list";
@import "bem/wiki-page";
@import "bem/wiki-toc";
@import "bem/wiki-toc-list";

/**
 * Below are custom Block-Element-Modifier LESS-includes
 * that are based on external-plugins such as boostrap.
 */

@import "bem/bootstrap/modal-body";
@import "bem/bootstrap/modal-content";
@import "bem/bootstrap/modal-dialog";
@import "bem/bootstrap/modal-header";


Add LESS file

Add LESS file

@import (reference) "./colortheme-all.less";
@import (reference) "./password-input.less";
@import (reference) "./forms.less";
@import (reference) "./tools.less";

#cp-loading {
    @font-face {
      font-family: 'Open Sans';
      src: url('/bower_components/open-sans-fontface/fonts/Regular/OpenSans-Regular.eot');
      src: url('/bower_components/open-sans-fontface/fonts/Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
           url('/bower_components/open-sans-fontface/fonts/Regular/OpenSans-Regular.woff') format('woff'),
           url('/bower_components/open-sans-fontface/fonts/Regular/OpenSans-Regular.ttf') format('truetype'),
           url('/bower_components/open-sans-fontface/fonts/Regular/OpenSans-Regular.svg#OpenSansRegular') format('svg');
      font-weight: normal;
      font-style: normal;
    }

    .password_main();
    .forms_main();
    visibility: visible;
    position: fixed;
    z-index: 10000000;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: @cp_loading-bg;
    color: @cp_loading-fg;
    font-size: 1.3em;
    line-height: 120%;
    opacity: 1;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    font: 20px 'Open Sans', 'Helvetica Neue', sans-serif !important;
    &.cp-loading-transparent {
        background-color: fade(@cp_loading-bg, 70%);
    }
    &.cp-loading-hidden {
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.75s, visibility 0s 0.75s;
    }
    .cp-loading-logo {
        height: 300px;
        width: 300px;
        margin-top: 50px;
        flex: 0 1 auto;
        min-height: 0;
        text-align: center;
    }
    .cp-loading-logo img {
        max-width: 100%;
        max-height: 100%;
    }
    .cp-loading-container {
        width: 700px;
        max-width: 90vw;
        height: 236px;
        max-height: calc(100vh - 20px);
        margin: 50px;
        flex-shrink: 0;
        display: flex;
        flex-flow: column;
        align-items: center;
    }
    .cp-loading-cryptofist {
        margin-left: auto;
        margin-right: auto;
        max-width: 90vw;
        max-height: 300px;
        width: auto;
        height: auto;
        margin-bottom: 2em;
    }

    @media screen and (max-width: 500px) {
        font-size: 16px !important;
        .cp-loading-container {
            height: 206px;
        }
    }
    @media screen and (max-height: 700px) {
        font-size: 16px !important;
        .cp-loading-container {
            height: 206px;
        }
    }
    @media screen and (max-height: 500px) {
        .cp-loading-logo {
            display: none;
        }
    }
    #cp-loading-message {
        background: @cp_loading-msg-bg;
        padding: 20px;
        width: 100%;
        color: @cp_loading-fg;
        text-align: left;
        display: none;
    }

    #cp-loading-password-prompt {
        p.cp-password-error {
            color: @cp_loading-error-fg;
            background: @cp_loading-error-bg;
            padding: 5px;
            margin-bottom: 15px;
        }
        .cp-password-form {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            .cp-password-container {
                flex-shrink: 1;
                min-width: 0;
            }
            .cp-password-reveal{
                padding: 0px 24px;
            }
        }
        .cp-password-input {
            font-size:16px;
        }
        .tools_placeholder-color();
    }

    p.cp-password-info {
        text-align: left;
        margin-bottom: 15px;
    }

    .cp-loading-spinner-container {
        position: relative;
        height: 80px;
        margin-bottom: 50px;
    }
    .cp-loading-progress {
        width: 100%;
        text-align: center;
        p {
            margin: 5px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        .cp-loading-progress-list {
            text-align: left;
            display: inline-block;
            margin-bottom: 50px;
            max-width: 100%;
            ul {
                list-style: none;
                padding-left: 0;
                margin: 0;
            }
            li {
                padding: 0px 5px;
                .tools_unselectable();
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                i {
                    width: 22px;
                }
                span{
                    margin-left: 10px;
                    &.percent {
                        position: absolute;
                    }
                }
            }
        }

        .cp-loading-progress-bar {
            height: 24px;
            background: @cp_loading-progress-bg;
            border: 1px solid @cp_loading-progress-bar-bg;
        }
        .cp-loading-progress-bar-value {
            height: 100%;
            background: @cp_loading-progress-bar-bg;
        }

    }

    @keyframes spin {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(1800deg);
        }
    }

    .cp-spinner {
        display: inline-block;
        box-sizing: border-box;
        width: 80px;
        height: 80px;
        border: 11px solid @cp_loading-spinner;
        border-radius: 50%;
        border-top-color: transparent;
        animation: spin infinite 3s;
        animation-timing-function: cubic-bezier(.6,0.15,0.4,0.85);
    }

}

error: pathspec 'customize.dist/src/less2/include/loading.less' did not match any file(s) known to git


removed the color modifiers

removed the color modifiers


port over legacy website footer for now

port over legacy website footer for now

fatal: unable to access 'https://github.com/hevnly/asset-bazaar.git/': The requested URL returned error: 403


add TODO for tooltip theme

add TODO for tooltip theme

fatal: unable to access 'https://github.com/Livefyre/livefyre-bootstrap.git/': The requested URL returned error: 403


Update static/vendors/bootstrap/less/popovers.less

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

//
// Popovers
// --------------------------------------------------

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: @zindex-popover;
  display: none;
  max-width: @popover-max-width;
  padding: 1px;
  // Reset font and text properties given new insertion method
  font-family: @font-family-base;
  font-size: @font-size-base;
  font-weight: normal;
  line-height: @line-height-base;
  text-align: left;
  background-color: @popover-bg;
  background-clip: padding-box;
  border: 1px solid @popover-fallback-border-color;
  border: 1px solid @popover-border-color;
  border-radius: @border-radius-large;
  .box-shadow(0 5px 10px rgba(0,0,0,.2));

  // Overrides for proper insertion
  white-space: normal;

  // Offset the popover to account for the popover arrow
  &.top     { margin-top: -@popover-arrow-width; }
  &.right   { margin-left: @popover-arrow-width; }
  &.bottom  { margin-top: @popover-arrow-width; }
  &.left    { margin-left: -@popover-arrow-width; }
}

.popover-title {
  margin: 0; // reset heading margin
  padding: 8px 14px;
  font-size: @font-size-base;
  background-color: @popover-title-bg;
  border-bottom: 1px solid darken(@popover-title-bg, 5%);
  border-radius: (@border-radius-large - 1) (@border-radius-large - 1) 0 0;
}

.popover-content {
  padding: 9px 14px;
}

// Arrows
//
// .arrow is outer, .arrow:after is inner

.popover > .arrow {
  &,
  &:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
  }
}
.popover > .arrow {
  border-width: @popover-arrow-outer-width;
}
.popover > .arrow:after {
  border-width: @popover-arrow-width;
  content: "";
}

.popover {
  &.top > .arrow {
    left: 50%;
    margin-left: -@popover-arrow-outer-width;
    border-bottom-width: 0;
    border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback
    border-top-color: @popover-arrow-outer-color;
    bottom: -@popover-arrow-outer-width;
    &:after {
      content: " ";
      bottom: 1px;
      margin-left: -@popover-arrow-width;
      border-bottom-width: 0;
      border-top-color: @popover-arrow-color;
    }
  }
  &.right > .arrow {
    top: 50%;
    left: -@popover-arrow-outer-width;
    margin-top: -@popover-arrow-outer-width;
    border-left-width: 0;
    border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback
    border-right-color: @popover-arrow-outer-color;
    &:after {
      content: " ";
      left: 1px;
      bottom: -@popover-arrow-width;
      border-left-width: 0;
      border-right-color: @popover-arrow-color;
    }
  }
  &.bottom > .arrow {
    left: 50%;
    margin-left: -@popover-arrow-outer-width;
    border-top-width: 0;
    border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback
    border-bottom-color: @popover-arrow-outer-color;
    top: -@popover-arrow-outer-width;
    &:after {
      content: " ";
      top: 1px;
      margin-left: -@popover-arrow-width;
      border-top-width: 0;
      border-bottom-color: @popover-arrow-color;
    }
  }

  &.left > .arrow {
    top: 50%;
    right: -@popover-arrow-outer-width;
    margin-top: -@popover-arrow-outer-width;
    border-right-width: 0;
    border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback
    border-left-color: @popover-arrow-outer-color;
    &:after {
      content: " ";
      right: 1px;
      border-right-width: 0;
      border-left-color: @popover-arrow-color;
      bottom: -@popover-arrow-width;
    }
  }
}

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


Style for navbar

Style for navbar

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/Digipalvelutehdas/APIKA.git/'


[admin] basic styles for labels

[admin] basic styles for labels

.result-grid {
  clear: both;

  .table-grid {
    .table;
  }

  .table-grid .label {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 0.8em;
    margin-left: 10px;
  }

  .table-grid thead th {
    font-size: 12px;
    text-transform: uppercase;
  }

  td small {
    font-size: 0.8em;
  }

  .table-options {
    position: relative;
    margin-bottom: 20px;
  }

  .filter-options, .sort-options {
    display: inline-block;
    margin-right: 5px;
  }

  .filter-options .dropdown-toggle {
    color: inherit;
  }

  .sorted-by, .filter-options {
    margin-left: 5px;
    padding: 0 10px;
    background: #f9f9f9;
    font-weight: 600;
    color: inherit;
    display: inline-block;

    &:hover {
      color: inherit;
    }

    .icon-arrow-down {
      margin-left: 5px;
    }
  }

  .result-grid-search {
    .pull-right;
    .form-inline;

    .input-search {
      padding: 3px 8px 3px;
      font-size: 14px;
      vertical-align: middle;
    }

    .btn,
    .btn-primary,
    .btn-default {
      border: 0;
      margin-left: -10px;
      position: relative;
    }
    .btn-sm {
      padding: 5px 10px;
    }
  }
}

.result-grid {
  clear: both;

  .table-grid {
    .table;
  }

  .table-grid thead th {
    font-size: 12px;
    text-transform: uppercase;
  }

  td small {
    font-size: 0.8em;
  }

  .table-options {
    position: relative;
    margin-bottom: 20px;
  }

  .filter-options, .sort-options {
    display: inline-block;
    margin-right: 5px;
  }

  .filter-options .dropdown-toggle {
    color: inherit;
  }

  .sorted-by, .filter-options {
    margin-left: 5px;
    padding: 0 10px;
    background: #f9f9f9;
    font-weight: 600;
    color: inherit;
    display: inline-block;

    &:hover {
      color: inherit;
    }

    .icon-arrow-down {
      margin-left: 5px;
    }
  }

  .result-grid-search {
    .pull-right;
    .form-inline;

    .input-search {
      padding: 3px 8px 3px;
      font-size: 14px;
      vertical-align: middle;
    }

    .btn,
    .btn-primary,
    .btn-default {
      border: 0;
      margin-left: -10px;
      position: relative;
    }
    .btn-sm {
      padding: 5px 10px;
    }
  }
}


[admin] decrease font size on labels

[admin] decrease font size on labels

.result-grid {
  clear: both;

  .table-grid {
    .table;
  }

  .table-grid .label {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 0.5em;
    margin-left: 10px;
  }

  .table-grid thead th {
    font-size: 12px;
    text-transform: uppercase;
  }

  td small {
    font-size: 0.8em;
  }

  .table-options {
    position: relative;
    margin-bottom: 20px;
  }

  .filter-options, .sort-options {
    display: inline-block;
    margin-right: 5px;
  }

  .filter-options .dropdown-toggle {
    color: inherit;
  }

  .sorted-by, .filter-options {
    margin-left: 5px;
    padding: 0 10px;
    background: #f9f9f9;
    font-weight: 600;
    color: inherit;
    display: inline-block;

    &:hover {
      color: inherit;
    }

    .icon-arrow-down {
      margin-left: 5px;
    }
  }

  .result-grid-search {
    .pull-right;
    .form-inline;

    .input-search {
      padding: 3px 8px 3px;
      font-size: 14px;
      vertical-align: middle;
    }

    .btn,
    .btn-primary,
    .btn-default {
      border: 0;
      margin-left: -10px;
      position: relative;
    }
    .btn-sm {
      padding: 5px 10px;
    }
  }
}

.result-grid {
  clear: both;

  .table-grid {
    .table;
  }

  .table-grid .label {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 0.8em;
    margin-left: 10px;
  }

  .table-grid thead th {
    font-size: 12px;
    text-transform: uppercase;
  }

  td small {
    font-size: 0.8em;
  }

  .table-options {
    position: relative;
    margin-bottom: 20px;
  }

  .filter-options, .sort-options {
    display: inline-block;
    margin-right: 5px;
  }

  .filter-options .dropdown-toggle {
    color: inherit;
  }

  .sorted-by, .filter-options {
    margin-left: 5px;
    padding: 0 10px;
    background: #f9f9f9;
    font-weight: 600;
    color: inherit;
    display: inline-block;

    &:hover {
      color: inherit;
    }

    .icon-arrow-down {
      margin-left: 5px;
    }
  }

  .result-grid-search {
    .pull-right;
    .form-inline;

    .input-search {
      padding: 3px 8px 3px;
      font-size: 14px;
      vertical-align: middle;
    }

    .btn,
    .btn-primary,
    .btn-default {
      border: 0;
      margin-left: -10px;
      position: relative;
    }
    .btn-sm {
      padding: 5px 10px;
    }
  }
}


Added input-with-btn.less

Added input-with-btn.less

//
// Input with button
//

.m-input-with-btn {

    .respond-to-min( 480px, {
        .grid_nested-col-group();
    });

    &_input {
        margin-bottom: unit( 15px / @base-font-size-px, em );
        .respond-to-min( 480px, {
            .grid_column(9);
            border-right-width: 0;
        });
        .respond-to-min( 960px, {
            .grid_column(10);
            border-right-width: 0;
        });

        input {
            box-sizing: border-box;
            width: 100%;
        }
    }

    &_btn {
        margin-bottom: unit( 15px / @base-font-size-px, em );

        .respond-to-min( 480px, {
            .grid_column(3);
        });
        .respond-to-min( 960px, {
            .grid_column(2);
        });

        .btn {
            box-sizing: border-box;
            width: 100%;
        }

        .btn__super {
            padding-left: unit( 15px / @super-btn-font-size, em );
            padding-right: unit( 15px / @super-btn-font-size, em );
        }
    }

}

error: pathspec 'src/cf-forms/src/molecules/input-with-btn.less' did not match any file(s) known to git


remove min height from details panel

remove min height from details panel

/*
 * Copyright 2014 Netflix, Inc.
 *
 * Licensed 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.
 */

@import "app/bower_components/bootstrap/less/mixins.less";
@import "app/bower_components/bootstrap/less/variables.less";
@import "app/styles/colors.less";

/* Space out content a bit */
body {
  font-family: 'Source Sans Pro', sans-serif;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
  background-color: #f8f8f8;
  padding-top: 40px;
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
  padding-left: 15px;
  padding-right: 15px;
}

.container {
  @media(min-width: 1400px) {
    width: 1370px;
    .details-panel {
      width: 310px;
    }
  }
}

/* Custom page header */
.header {
  border-bottom: 1px solid #e5e5e5;
}

/* Make the masthead heading the same height as the navigation */
.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
  padding-bottom: 19px;
}

/* Custom page footer */
.footer {
  padding-top: 19px;
  color: #777;
  border-top: 1px solid @mid_grey;
}

.no-padding {
  padding: 0;
}

.inactive-sort-key {
  .glyphicon {
    opacity: 0.5;
  }
}

.secondary-panel {
  .nav, .nav-content {
    min-height: 600px;
  }
  .nav {
    padding: 0 0 0 10px;
    background-color: #f1f1f1;
    border: 1px solid @mid_light_grey;
    border-radius: 5px;

    .list-group-item {
      &.active {
        font-weight: 700;
      }
    }

    .sub-nav {
      .sub-nav-item {
        margin-left: 10px;
        border-bottom: 1px solid #c4c4c4;
        .sublabel {
          display: block;
          opacity: 0.9;
          text-transform: uppercase;
          font-size: 70%;
        }

        &:last-child {
          border-bottom-width: 0;
        }

        &:first-child {
          padding-top: 0;
        }
      }
    }

    .sub-nav-item, .show-all {
      &.show-all-link {
        font-weight: 600;
        text-transform: uppercase;
      }
      padding: 10px 0;
      a {
        display: block;
        padding: 5px 10px;
        color: #6a6a6a;
        border-bottom: 1px solid #d9d9d9;
        &:hover, &:focus, &.active {
          text-decoration: none;
          border-radius: 5px 0 0 5px;
          background-color: @mid_grey;
          color: @light_grey;
        }
      }
    }
  }
  .nav-content {

    .header {
      padding: 20px 15px 0 0;
      h3 {
        display: inline-block;
        margin-right: 20px;
      }
      .actions {
        display: inline-block;
      }
    }
    .sort-filter {
      .form-inline, .form-horizontal {
        border-bottom: 1px solid #e5e5e5;
        padding: 10px;
        label {
          font-weight: normal;
          margin-bottom: 0;
        }
        .checkbox {
          min-height: 20px;
          padding-top: 0;
        }
      }
      .form-inline {
        @media(min-width: 768px) {
          label {
            margin-left: 10px;
          }
          input, select {
            margin-left: 10px;
          }
        }
      }
    }
    .content {
      padding: 10px 25px;
    }
  }
}

.secondary-panel, .details-panel {
  .close-button {
    float: right;
    margin-top: -15px;
    margin-right: -10px;
    a {
      padding: 0;
      font-size: 125%;
      color: #a4a4a4;
    }
  }
}

.glyphicon-up-triangle {
  &:before {
    content: "\25B2";
  }
}

.glyphicon-down-triangle {
  &:before {
    content: "\25BC";
  }
}

dl {
  word-break: break-word;
}

.details-panel {
  position: fixed;
  top: 150px;
  bottom: 10px;
  overflow-y: scroll;
  width: 240px;

  @media (max-width:768px) {
    top: 130px;
    margin-left: -25px;
    width: 95%;
  }

  @media(min-width: 768px) and (max-width: 992px) {
    top: 190px;
    width: 210px;
  }

  @media(min-width: 992px) {
    width: 220px;
  }
  @media(min-width: 1200px) {
    width: 240px;
  }

  border: 1px solid #aaaaaa;
  border-radius: 5px;
  background-color: #ffffff;
  padding: 0;
  margin-left: 20px;

  .header {
    padding: 20px 15px 0 15px;
    .header-text {
      padding: 15px 0;
      display: table;
      .glyphicon {
        display: table-cell;
        vertical-align: middle;
        top: 50%;
        color: @healthy_green;
        font-size: 300%;
        &.unhealthy {
          color: @unhealthy_red;
        }
        padding-right: 10px;
      }
      h3 {
        vertical-align: middle;
        display: table-cell;
        padding: 0;
        font-weight: 600;
        line-height: 1;
        font-size: 20px;
      }
    }
    .actions {
      button {
        width: 100%;
      }
    }
  }

  .content {
    .content-section {
      h4 {
        text-transform: uppercase;
        font-size: 110%;
        font-weight: 600;
        .glyphicon {
          font-size: 70%;
          opacity: 0.7;
          margin-right: 4px;
        }
      }
      .content-body {
        padding-left: 17px;
        ul {
          list-style-type: none;
          padding-left: 0;
        }
      }
      padding: 0 15px 0 10px;
      border-bottom: 1px solid #c4c4c4;

      &:last-child {
        border-bottom-width: 0;
      }

      &:first-child {
        padding-top: 0;
      }
    }
  }
}

.dl-horizontal {
  &.dl-narrow {
    dt {
      width: 80px;
    }
    dd {
      margin-left: 100px;
    }
  }
}

body > .container {
  margin-top: 20px;
}

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

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}

.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}

/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}

.marketing p + h4 {
  margin-top: 28px;
}

.no-highlight{
  color: black;

  &:hover, &:focus {
    text-decoration: none;
    color: black;
  }
}

.nav-tabs a {
  color: #000;
}

.nav-tabs li {
  cursor: pointer;
}

.nav-tabs a:hover
{
  color: #666;
}

.navbar-inverse {
  background-color: #5b5b5b;
  border: none;

  .navbar-brand {
    color: #fff;
    text-shadow: 0px 1px 1px #333;
    font-weight: 200;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    height: 100%;
  }

  .navbar-nav > li > a {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    color: #fff;
    font-weight: 200;
  }

  .navbar-nav>.active>a,
  .navbar-nav>.active>a:focus,
  .navbar-nav>.active>a:hover
  {
    background-color: transparent;
    font-weight: 200;
    border-top-color: #ffffff;
  }
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  border-top: 4px solid transparent;
  background-color: #666666;
  color: #fff;
}

.sm-label, .sm-label-left {
  line-height: 30px;
  font-weight: bold;
  text-align: right;

  &.table-offset {
    margin-top: 31px;
  }

  .help-text {
    font-size: 90%;
    font-weight: normal;
    color: #777777;
    line-height: normal;
    margin-bottom: 0;
  }
}

.sm-label-left {
  text-align: left;
}

.form-inline {
  .form-control {
    &.inline-number {
      width: 60px;
    }
  }
  .with-space-before {
    margin-left: 4px;
  }
}

.modal-content {
  overflow-x: hidden;
}

.modal-pages {
  width:1200px;
  .modal-page {
    position: relative;
    width: 600px;
    float:left;
  }
}

.page-flow-panel {
  overflow-x: hidden;
}

.panel-footer {
  .pager {
    margin-bottom: 0;
    margin-top: 0;
  }
}

.forward {
  .modal-page {
    &.ng-leave, &.ng-enter {
      left: 0;
      .transition(left .25s ease-in);
    }
    &.ng-leave.ng-leave-active, &.ng-enter.ng-enter-active {
      left: -600px;
    }
  }
}

.back {
  .modal-page {
    &.ng-leave, &.ng-enter {
      left: -600px;
      .transition(left .25s ease-in);
    }
    &.ng-leave.ng-leave-active, &.ng-enter.ng-enter-active {
      left: 0;
    }
  }
}

.full-width {
  display: block;
  width: 100%;
}

.action-button {
  padding: 0;
}

.add-new {
  border: 1px dashed #a5a5a5;
  color: #a5a5a5;
  padding: 8px;
  margin: 4px;
  cursor: pointer;
  margin-bottom: 20px;
  background-color: transparent;

  &:hover, &:focus, &:active {
    border-color: #000;
    color: #000;
  }
}

.notification-center {
  position: fixed;
  top: @navbar-height;
  right: 0;
  width: 400px;
  padding: 10px;
  z-index: @zindex-navbar-fixed;

  .alert {
    position: relative;
    opacity: .95;
    right: 0;
    box-shadow: 0px 0px 8px 2px #BBBBBB;
    border-radius: 8px;
    &.ng-enter.ng-enter-active, &.ng-leave {
      opacity: .95;
      right: 0;
      transition: all .15s ease-in;
    }
    &.ng-leave.ng-leave-active, &.ng-enter {
        opacity: 0;
        right: -400px;
        transition: all .15s ease-in;
    }
  }
}

tfoot .add-new {
  margin-bottom: 0;
}

.form-control {
  &.ng-invalid {
    &.ng-dirty {
      border-color: @state-danger-text;
      .box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075)); // Redeclare so transitions work
      &:focus {
        border-color: darken(@state-danger-text, 10%);
        @shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten(@state-danger-text, 20%);
        .box-shadow(@shadow);
      }
    }
  }
}

.table {
  &.packed {
    margin-bottom: 0;
  }
}

.config-table {
  td {
    background-color: #ffffff;
  }
  thead th, tfoot td {
    background-color: transparent
  }
}

.build-stage {
  font-size: 90%;
}

.form-group {
  margin-bottom: 5px;
}

.row {
  &.config-description {
    margin-bottom: 30px;
  }
}

.flat-list {
  li {
    list-style-type: none;
    label {
      font-weight: normal;
    }
  }
  ul {
    padding-left: 0;
    margin-bottom: 0;
  }
}

.advanced-settings {
  &.ng-enter {
    transition: 0.2s all ease-in;
    opacity: 0;
    max-height: 0;
    &.ng-enter-active, .ng-leave {
      opacity: 1;
      max-height: 1000px;
    }
    &.ng-leave-active {
      opacity: 0;
      max-height: 0;
    }
  }
}

server-error-flag {
  .server-error-flag {
    color: @state-danger-text;
    text-shadow: 0 0 2px #ffffff, 0 0 4px #ffffff, 0 0 6px #ffffff;
    margin-left: 6px;

  }
  .tooltip-inner {
    .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);
    box-shadow: 0px 0px 8px 2px #BBBBBB;
  }
  .tooltip {
    font-weight: normal;
    white-space: normal;
    width: 200px;
    &.top {
      .tooltip-arrow {
        border-top-color: @alert-danger-border;
      }
    }
  }
}

.error-message {
  text-align: left;
  display: block;
  font-weight: bold;
  color: @state-danger-text;
}

.application-list {
  a {
    color: @link-color;
  }
}

.spinner {
  width: 14px;
  height: 14px;
  top: 8px;
  left: 5px;
  position: relative;
  display: inline-block;
}

.loading {
  text-align: center;
  padding-top: 160px;
  background: url('/images/loading-large.gif') center 20px no-repeat;
}

.notifications {
  margin-right: 10px;

  div {
    display: inline;
  }

  .unread {

    display: inline-block;
    width: 15px;

    div {
      width: 1.3em;
      display: inline;
      background-color: #a6a6a6;
      border-radius: 3px;
      color: white;
      padding-left: .5em;
      padding-right: .5em;
    }
  }

  ul {
    background-color: #5b5b5b;
    color: #999;
    padding: 5px;
    min-width: 400px;

    li span {
      margin-right: 10px;

      span {
        margin-right: 10px;
      }

      span.glyphicon {
        font-size: .8em;
        margin-right: 5px;
        cursor: pointer;
      }

    }
  }

  .progress {
    height: 5px;
    margin: 0px;
    border: none;
    border-radius: 0px;
  }
}

.notifications.open {
  .dropdown-toggle {
    background-color: #999 !important;
  }
}

.dropdown {
  .dropdown-header {
    margin-top: 15px;

    &:first-child {
      margin-top: 0;
    }
  }
}

.task {
  .progress {
    border-radius: 0px;
    .progress-bar {
      box-shadow: none !important;
      span {
        border-right: 1px solid #aaa;
        border-top: 1px solid #aaa;
        height: 100%;
        width: 100%;
        display: inline-block;
        overflow-x: hidden;
      }
    }
  }
  .progress-status {
    height: 30px;
    border-right: none;
    border-bottom: none;
    border-top: none;
    border-left: 1px solid #aaa;
    margin-bottom: 0px;
    background: none;
    .progress-bar.progress-bar-non-terminal {
      background-color: #ccc;
      background: linear-gradient(#ccc, darken(#ccc, 10%));
    }
    .progress-bar.progress-bar-success {
      background-color: @healthy_green;
      background: linear-gradient(@healthy_green, @healthy_green_border);
    }
    .progress-bar.progress-bar-errored {
      background-color: @unhealthy_red;
      background: linear-gradient(@unhealthy_red, @unhealthy_red_border);
    }
  }
  .progress-labels {
    border-right: none;
    border-bottom: none;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    margin-bottom: 0px;
    .progress-bar {
      background-color: rgb(248,248,248);
      color: #aaa;
      text-align: left;
      overflow-x: hidden;
    }
  }
}

.task-row {
  border-left: 3px solid #ccc;
  margin-bottom: 20px;
  color: #aaa;
  cursor: pointer;
  strong {
    color: #5b5b5b;
  }
  ul {
    font-size: 0.8em;
    padding: 0px;
    li {
      list-style-type: none;
    }
  }
}

.details-row {
  width: 99%;
  table {
    color: #5b5b5b;
    th, td {
      padding-left: 0px !important;
    }
  }
}

.padding {
  padding: 10px;
}

.account-label {
  margin-left: 5px;
}

.account-label-prod {
  color: #ffffff;
  background-color: @unhealthy_red;
}

.transition-overlay {
  z-index: 2;
  background-color: #ffffff;
  opacity:.7;
  position:fixed;
  width:100%;
  height:100%
}

.panel {
  border: 1px solid #c4c4c4;
  border-radius: 3px;
  background-color: #f1f1f1;
  .summary {
    font-size: 110%;
    padding: 10px;
  }
  .details {
    border-top: 1px solid #c4c4c4;
    background-color: #ffffff;
  }
}

.global-search {
  margin-top: 12px;
}

.collapsible-section {
  a.section-heading {
    padding-left: 0;
    color: #000000;
    &:hover, &:focus {
      text-decoration: none;
    }
  }
  h4 {
    .glyphicon {
      font-size: 70%;
      opacity: 0.7;
      margin-right: 4px;
    }
    font-weight: 600;
    text-transform: uppercase;
    font-size: 115%;
  }
  .content-body {
    &.ng-enter, &.ng-leave {
      transition: opacity 0.15s ease-in;
    }
    &.ng-enter, &.ng-leave.ng-leave-active {
      opacity: 0;
    }
    &.ng-leave, &.ng-enter.ng-enter-active {
      opacity: 1;
    }
    padding-left: 17px;
    ul {
      list-style-type: none;
      padding-left: 0;
    }
  }
  padding: 0 15px 0 10px;
  border-bottom: 1px solid #c4c4c4;

  &:last-child {
    border-bottom-width: 0;
  }

  &:first-child {
    padding-top: 0;
  }
}

/*
 * Copyright 2014 Netflix, Inc.
 *
 * Licensed 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.
 */

@import "app/bower_components/bootstrap/less/mixins.less";
@import "app/bower_components/bootstrap/less/variables.less";
@import "app/styles/colors.less";

/* Space out content a bit */
body {
  font-family: 'Source Sans Pro', sans-serif;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
  background-color: #f8f8f8;
  padding-top: 40px;
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
  padding-left: 15px;
  padding-right: 15px;
}

/* Custom page header */
.header {
  border-bottom: 1px solid #e5e5e5;
}

/* Make the masthead heading the same height as the navigation */
.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
  padding-bottom: 19px;
}

/* Custom page footer */
.footer {
  padding-top: 19px;
  color: #777;
  border-top: 1px solid @mid_grey;
}

.no-padding {
  padding: 0;
}

.inactive-sort-key {
  .glyphicon {
    opacity: 0.5;
  }
}

.secondary-panel {
  .nav, .nav-content {
    min-height: 600px;
  }
  .nav {
    padding: 0 0 0 10px;
    background-color: #f1f1f1;
    border: 1px solid @mid_light_grey;
    border-radius: 5px;

    .list-group-item {
      &.active {
        font-weight: 700;
      }
    }

    .sub-nav {
      .sub-nav-item {
        margin-left: 10px;
        border-bottom: 1px solid #c4c4c4;
        .sublabel {
          display: block;
          opacity: 0.9;
          text-transform: uppercase;
          font-size: 70%;
        }

        &:last-child {
          border-bottom-width: 0;
        }

        &:first-child {
          padding-top: 0;
        }
      }
    }

    .sub-nav-item, .show-all {
      &.show-all-link {
        font-weight: 600;
        text-transform: uppercase;
      }
      padding: 10px 0;
      a {
        display: block;
        padding: 5px 10px;
        color: #6a6a6a;
        border-bottom: 1px solid #d9d9d9;
        &:hover, &:focus, &.active {
          text-decoration: none;
          border-radius: 5px 0 0 5px;
          background-color: @mid_grey;
          color: @light_grey;
        }
      }
    }
  }
  .nav-content {

    .header {
      padding: 20px 15px 0 0;
      h3 {
        display: inline-block;
        margin-right: 20px;
      }
      .actions {
        display: inline-block;
      }
    }
    .sort-filter {
      .form-inline, .form-horizontal {
        border-bottom: 1px solid #e5e5e5;
        padding: 10px;
        label {
          font-weight: normal;
          margin-bottom: 0;
        }
        .checkbox {
          min-height: 20px;
          padding-top: 0;
        }
      }
      .form-inline {
        @media(min-width: 768px) {
          label {
            margin-left: 10px;
          }
          input, select {
            margin-left: 10px;
          }
        }
      }
    }
    .content {
      padding: 10px 25px;
    }
  }
}

.secondary-panel, .details-panel {
  .close-button {
    float: right;
    margin-top: -15px;
    margin-right: -10px;
    a {
      padding: 0;
      font-size: 125%;
      color: #a4a4a4;
    }
  }
}

.glyphicon-up-triangle {
  &:before {
    content: "\25B2";
  }
}

.glyphicon-down-triangle {
  &:before {
    content: "\25BC";
  }
}

dl {
  word-break: break-word;
}

.details-panel {
  position: fixed;
  top: 150px;
  bottom: 10px;
  overflow-y: scroll;
  width: 240px;

  @media (max-width:768px) {
    top: 130px;
    margin-left: -25px;
    width: 100%;
  }

  @media(min-width: 768px) and (max-width: 1000px) {
    top: 190px;
    width: 210px;
  }

  border: 1px solid #aaaaaa;
  border-radius: 5px;
  background-color: #ffffff;
  min-height: 500px;
  padding: 0;
  margin-left: 20px;

  .header {
    padding: 20px 15px 0 15px;
    .header-text {
      padding: 15px 0;
      display: table;
      .glyphicon {
        display: table-cell;
        vertical-align: middle;
        top: 50%;
        color: @healthy_green;
        font-size: 300%;
        &.unhealthy {
          color: @unhealthy_red;
        }
        padding-right: 10px;
      }
      h3 {
        vertical-align: middle;
        display: table-cell;
        padding: 0;
        font-weight: 600;
        line-height: 1;
        font-size: 20px;
      }
    }
    .actions {
      button {
        width: 100%;
      }
    }
  }

  .content {
    .content-section {
      h4 {
        text-transform: uppercase;
        font-size: 110%;
        font-weight: 600;
        .glyphicon {
          font-size: 70%;
          opacity: 0.7;
          margin-right: 4px;
        }
      }
      .content-body {
        padding-left: 17px;
        ul {
          list-style-type: none;
          padding-left: 0;
        }
      }
      padding: 0 15px 0 10px;
      border-bottom: 1px solid #c4c4c4;

      &:last-child {
        border-bottom-width: 0;
      }

      &:first-child {
        padding-top: 0;
      }
    }
  }
}

.dl-horizontal {
  &.dl-narrow {
    dt {
      width: 80px;
    }
    dd {
      margin-left: 100px;
    }
  }
}

body > .container {
  margin-top: 20px;
}

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

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}

.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}

/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}

.marketing p + h4 {
  margin-top: 28px;
}

.no-highlight{
  color: black;

  &:hover, &:focus {
    text-decoration: none;
    color: black;
  }
}

.nav-tabs a {
  color: #000;
}

.nav-tabs li {
  cursor: pointer;
}

.nav-tabs a:hover
{
  color: #666;
}

.navbar-inverse {
  background-color: #5b5b5b;
  border: none;

  .navbar-brand {
    color: #fff;
    text-shadow: 0px 1px 1px #333;
    font-weight: 200;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    height: 100%;
  }

  .navbar-nav > li > a {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    color: #fff;
    font-weight: 200;
  }

  .navbar-nav>.active>a,
  .navbar-nav>.active>a:focus,
  .navbar-nav>.active>a:hover
  {
    background-color: transparent;
    font-weight: 200;
    border-top-color: #ffffff;
  }
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  border-top: 4px solid transparent;
  background-color: #666666;
  color: #fff;
}

.sm-label, .sm-label-left {
  line-height: 30px;
  font-weight: bold;
  text-align: right;

  &.table-offset {
    margin-top: 31px;
  }

  .help-text {
    font-size: 90%;
    font-weight: normal;
    color: #777777;
    line-height: normal;
    margin-bottom: 0;
  }
}

.sm-label-left {
  text-align: left;
}

.form-inline {
  .form-control {
    &.inline-number {
      width: 60px;
    }
  }
  .with-space-before {
    margin-left: 4px;
  }
}

.modal-content {
  overflow-x: hidden;
}

.modal-pages {
  width:1200px;
  .modal-page {
    position: relative;
    width: 600px;
    float:left;
  }
}

.page-flow-panel {
  overflow-x: hidden;
}

.panel-footer {
  .pager {
    margin-bottom: 0;
    margin-top: 0;
  }
}

.forward {
  .modal-page {
    &.ng-leave, &.ng-enter {
      left: 0;
      .transition(left .25s ease-in);
    }
    &.ng-leave.ng-leave-active, &.ng-enter.ng-enter-active {
      left: -600px;
    }
  }
}

.back {
  .modal-page {
    &.ng-leave, &.ng-enter {
      left: -600px;
      .transition(left .25s ease-in);
    }
    &.ng-leave.ng-leave-active, &.ng-enter.ng-enter-active {
      left: 0;
    }
  }
}

.full-width {
  display: block;
  width: 100%;
}

.action-button {
  padding: 0;
}

.add-new {
  border: 1px dashed #a5a5a5;
  color: #a5a5a5;
  padding: 8px;
  margin: 4px;
  cursor: pointer;
  margin-bottom: 20px;
  background-color: transparent;

  &:hover, &:focus, &:active {
    border-color: #000;
    color: #000;
  }
}

.notification-center {
  position: fixed;
  top: @navbar-height;
  right: 0;
  width: 400px;
  padding: 10px;
  z-index: @zindex-navbar-fixed;

  .alert {
    position: relative;
    opacity: .95;
    right: 0;
    box-shadow: 0px 0px 8px 2px #BBBBBB;
    border-radius: 8px;
    &.ng-enter.ng-enter-active, &.ng-leave {
      opacity: .95;
      right: 0;
      transition: all .15s ease-in;
    }
    &.ng-leave.ng-leave-active, &.ng-enter {
        opacity: 0;
        right: -400px;
        transition: all .15s ease-in;
    }
  }
}

tfoot .add-new {
  margin-bottom: 0;
}

.form-control {
  &.ng-invalid {
    &.ng-dirty {
      border-color: @state-danger-text;
      .box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075)); // Redeclare so transitions work
      &:focus {
        border-color: darken(@state-danger-text, 10%);
        @shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten(@state-danger-text, 20%);
        .box-shadow(@shadow);
      }
    }
  }
}

.table {
  &.packed {
    margin-bottom: 0;
  }
}

.config-table {
  td {
    background-color: #ffffff;
  }
  thead th, tfoot td {
    background-color: transparent
  }
}

.build-stage {
  font-size: 90%;
}

.form-group {
  margin-bottom: 5px;
}

.row {
  &.config-description {
    margin-bottom: 30px;
  }
}

.flat-list {
  li {
    list-style-type: none;
    label {
      font-weight: normal;
    }
  }
  ul {
    padding-left: 0;
    margin-bottom: 0;
  }
}

.advanced-settings {
  &.ng-enter {
    transition: 0.2s all ease-in;
    opacity: 0;
    max-height: 0;
    &.ng-enter-active, .ng-leave {
      opacity: 1;
      max-height: 1000px;
    }
    &.ng-leave-active {
      opacity: 0;
      max-height: 0;
    }
  }
}

server-error-flag {
  .server-error-flag {
    color: @state-danger-text;
    text-shadow: 0 0 2px #ffffff, 0 0 4px #ffffff, 0 0 6px #ffffff;
    margin-left: 6px;

  }
  .tooltip-inner {
    .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);
    box-shadow: 0px 0px 8px 2px #BBBBBB;
  }
  .tooltip {
    font-weight: normal;
    white-space: normal;
    width: 200px;
    &.top {
      .tooltip-arrow {
        border-top-color: @alert-danger-border;
      }
    }
  }
}

.error-message {
  text-align: left;
  display: block;
  font-weight: bold;
  color: @state-danger-text;
}

.application-list {
  a {
    color: @link-color;
  }
}

.spinner {
  width: 14px;
  height: 14px;
  top: 8px;
  left: 5px;
  position: relative;
  display: inline-block;
}

.loading {
  text-align: center;
  padding-top: 160px;
  background: url('/images/loading-large.gif') center 20px no-repeat;
}

.notifications {
  margin-right: 10px;

  div {
    display: inline;
  }

  .unread {

    display: inline-block;
    width: 15px;

    div {
      width: 1.3em;
      display: inline;
      background-color: #a6a6a6;
      border-radius: 3px;
      color: white;
      padding-left: .5em;
      padding-right: .5em;
    }
  }

  ul {
    background-color: #5b5b5b;
    color: #999;
    padding: 5px;
    min-width: 400px;

    li span {
      margin-right: 10px;

      span {
        margin-right: 10px;
      }

      span.glyphicon {
        font-size: .8em;
        margin-right: 5px;
        cursor: pointer;
      }

    }
  }

  .progress {
    height: 5px;
    margin: 0px;
    border: none;
    border-radius: 0px;
  }
}

.notifications.open {
  .dropdown-toggle {
    background-color: #999 !important;
  }
}

.dropdown {
  .dropdown-header {
    margin-top: 15px;

    &:first-child {
      margin-top: 0;
    }
  }
}

.task {
  .progress {
    border-radius: 0px;
    .progress-bar {
      box-shadow: none !important;
      span {
        border-right: 1px solid #aaa;
        border-top: 1px solid #aaa;
        height: 100%;
        width: 100%;
        display: inline-block;
        overflow-x: hidden;
      }
    }
  }
  .progress-status {
    height: 30px;
    border-right: none;
    border-bottom: none;
    border-top: none;
    border-left: 1px solid #aaa;
    margin-bottom: 0px;
    background: none;
    .progress-bar.progress-bar-non-terminal {
      background-color: #ccc;
      background: linear-gradient(#ccc, darken(#ccc, 10%));
    }
    .progress-bar.progress-bar-success {
      background-color: @healthy_green;
      background: linear-gradient(@healthy_green, @healthy_green_border);
    }
    .progress-bar.progress-bar-errored {
      background-color: @unhealthy_red;
      background: linear-gradient(@unhealthy_red, @unhealthy_red_border);
    }
  }
  .progress-labels {
    border-right: none;
    border-bottom: none;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    margin-bottom: 0px;
    .progress-bar {
      background-color: rgb(248,248,248);
      color: #aaa;
      text-align: left;
      overflow-x: hidden;
    }
  }
}

.task-row {
  border-left: 3px solid #ccc;
  margin-bottom: 20px;
  color: #aaa;
  cursor: pointer;
  strong {
    color: #5b5b5b;
  }
  ul {
    font-size: 0.8em;
    padding: 0px;
    li {
      list-style-type: none;
    }
  }
}

.details-row {
  width: 99%;
  table {
    color: #5b5b5b;
    th, td {
      padding-left: 0px !important;
    }
  }
}

.padding {
  padding: 10px;
}

.account-label {
  margin-left: 5px;
}

.account-label-prod {
  color: #ffffff;
  background-color: @unhealthy_red;
}

.transition-overlay {
  z-index: 2;
  background-color: #ffffff;
  opacity:.7;
  position:fixed;
  width:100%;
  height:100%
}

.panel {
  border: 1px solid #c4c4c4;
  border-radius: 3px;
  background-color: #f1f1f1;
  .summary {
    font-size: 110%;
    padding: 10px;
  }
  .details {
    border-top: 1px solid #c4c4c4;
    background-color: #ffffff;
  }
}

.global-search {
  margin-top: 12px;
}

.collapsible-section {
  a.section-heading {
    padding-left: 0;
    color: #000000;
    &:hover, &:focus {
      text-decoration: none;
    }
  }
  h4 {
    .glyphicon {
      font-size: 70%;
      opacity: 0.7;
      margin-right: 4px;
    }
    font-weight: 600;
    text-transform: uppercase;
    font-size: 115%;
  }
  .content-body {
    &.ng-enter, &.ng-leave {
      transition: opacity 0.15s ease-in;
    }
    &.ng-enter, &.ng-leave.ng-leave-active {
      opacity: 0;
    }
    &.ng-leave, &.ng-enter.ng-enter-active {
      opacity: 1;
    }
    padding-left: 17px;
    ul {
      list-style-type: none;
      padding-left: 0;
    }
  }
  padding: 0 15px 0 10px;
  border-bottom: 1px solid #c4c4c4;

  &:last-child {
    border-bottom-width: 0;
  }

  &:first-child {
    padding-top: 0;
  }
}


styles for demo of TopicPicker

styles for demo of TopicPicker

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


Removed quick open dropdown border. #5029 is no longer an issue.

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


light and dark popover styles

light and dark popover styles

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


modified menu a bit

modified menu a bit

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


Category Banner Height

Category Banner Height

- Updated category banner height to match the landing banner

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


fixed inverse hook-light

fixed inverse hook-light

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


BAP-10769: UI upload form looks incorrect

@import "oroui/css/less/mixins";

.oro_attachment_file{
  border: none;
  padding: 5px 5px 0 5px;
  width: 295px;
  line-height: 20px;
  margin-top: 5px;
  margin-bottom: 0;
  .removeFile{
    margin: 0;
  }
  .filename{
    display:inline-block;
    width: 260px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
  }
  .delete{
    float: right;
    line-height: 20px;
    margin-top: -4px;
    &:after {
      display:inline-block;
      font:14px/1em 'FontAwesome';
      color:#ddd;
      content: "\f014";
      text-indent:0;
    }
    &:hover:after {
      color:#888;
    }
  }
}
.attachment-file {
  div.uploader {
    border: none;
    float: none;
    input {
      cursor: pointer;
      width: 345px;
    }
    input:hover ~ span.action {
      color: @linkColorHover;
    }
    span.action {
      border: none;
      background: none;
      color: @linkColor;
      cursor: pointer;
    }
    .active  span.action {
      background: none;
    }
    span.filename {
      width: 85px;
    }
    .focus {
      border: none;
      box-shadow: none;
    }
  }
  div.uploader.focus {
    border: none;
    box-shadow: none;
    span.action {
      color: @linkColor;
    }
  }
}

.oro_attachment_file{
  border: none;
  padding: 5px 5px 0 5px;
  width: 295px;
  line-height: 20px;
  margin-top: 5px;
  margin-bottom: 0;
  .removeFile{
    margin: 0;
  }
  .filename{
    display:inline-block;
    width: 260px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
  }
  .delete{
    float: right;
    line-height: 20px;
    margin-top: -4px;
    &:after {
      display:inline-block;
      font:14px/1em 'FontAwesome';
      color:#ddd;
      content: "\f014";
      text-indent:0;
    }
    &:hover:after {
      color:#888;
    }
  }
}
.attachment-file {
  div.uploader {
    border: none;
    float: none;
    input {
      cursor: pointer;
      width: 345px;
    }
    input:hover ~ span.action {
      color: #006acc;
    }
    span.action {
      border: none;
      background: none;
      color: #08c;
      cursor: pointer;
    }
    .active  span.action {
      background: none;
    }
    span.filename {
      width: 85px;
    }
    .focus {
      border: none;
      box-shadow: none;
    }
  }
  div.uploader.focus {
    border: none;
    box-shadow: none;
    span.action {
      color: #006acc;
    }
  }
}


CAL-232 increase height bottom bar and bigger button

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


Slight change to the forward slash for breadcrumbs

fatal: unable to access 'https://github.com/himanshuawasthi/dell-ui-components.git/': The requested URL returned error: 403


Fix weird bug that broke fonts package

Fix weird bug that broke fonts package

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


Fix white space in FAB

Fix white space in FAB

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


Introduce variables.less

Introduce variables.less

fatal: unable to access 'https://github.com/frontale-festival/frontale-festival.github.io.git/': The requested URL returned error: 403


Fixing the loading button because @cvan didn't want to

@import 'lib';

/* Long titles othwerwise break our layout everywhere. */
* {
    word-wrap: break-word;
}

.js-hidden, .hidden {
    display: none;
}

span.emaillink {
    direction: rtl;
    unicode-bidi: bidi-override;
    .i {
        display: none;
    }
}

a {
    text-decoration: none;
    color: @link;
    &:hover {
        text-decoration: underline;
    }
}

body {
    color: @text;
    overflow-x: hidden;
    background-color: @pale-bg;
    background-image: url(../../img/mkt/grain.png);
}

.balloon {
    .border-box;
    .border-radius(0 0 5px 5px);
    .transition(.2s top ease-out);
    border: 2px solid #e3873b;
    border-top-width: 0;
    background-color: #fcefb7;
    line-height: 24px;
    padding: 0;
    position: fixed;
    top: -29px;
    width: 200px;
    z-index: 1001;
    margin-left: -100px;
    text-align: center;
    &.active {
        top: 0;
    }
}

.notification-box {
    .box-shadow(0 -1px 0 #ddd inset, 0 1px 0 rgba(0,0,0,.1));
    border: 1px solid #CCD6E3;
    padding: 15px;
    background: #E3EDFA;
    form {
        line-height: 28px;
        button {
            float: right;
        }
    }
    ol, ul {
        &:last-child {
            margin-bottom: 0;
        }
    }
    p {
        margin: .5em 0 0;
    }
    b {
        color: #333;
    }
    h1 {
        color: maroon;
        font-size: 14px;
    }
    h2 {
        color: #458;
        font-size: 12px;
        font-weight: bold;
        margin: 0;
    }
    &.error {
        background: #FEE3E5;
        border-color: #E0C9D6;
        h2 {
            color: #B14949;
        }
    }
    &.warning {
        background: #fd9;
        border: 1px solid darken(#fd9, 60%);
    }
    &.full {
        .border-box;
        a {
            font-weight: bold;
        }
    }
}

#site-header, #page {
    > section {
        .width(14);
        margin-left: auto;
        margin-right: auto;
        .border-box;
        &:after {
            content: '';
            display: block;
            clear: both;
        }
        &.full {
            width: 100%;
            > div {
                .width(14);
                margin-left: auto;
                margin-right: auto;
            }
        }
    }
}

#page {
    .box-shadow(0 1px 3px fadeOut(#000, 80%));
    background-color: @bg;
    position: relative;
    > section:only-child {
        margin-top: 24px;
    }
}

// 10 columns (portrait tablet)
@media (max-width: @10col) {
    #site-header, #page {
        > section, > section.full > div {
            .width(10);
        }
    }
    #site-header > section {
        .width(10);
    }
}

// 4 columns (landscape smartphone)
@media (max-width: @4col) {
    #site-header, #page {
        > section, > section.full > div {
            .width(4);
        }
    }
    #site-header section {
        .width(4);
    }
}

// 3 columns (portrait smartphone)
@media (max-width: @3col) {
    #site-header, #page {
        > section, > section.full > div {
            .width(3);
        }
    }
    #site-header {
        margin-bottom: 20px;
        > section {
            .width(3);
        }
    }
}

.row {
    clear: both;
}

.col {
    float: left;
    margin-left: @gutter * @px;
    &:first-child {
        margin-left: 0;
    }
}

.html-rtl .col {
    float: right;
    margin-right: @gutter * @px;
    margin-left: auto;
    &:first-child {
        margin-right: 0;
    }
}

@media (max-width: @7col) {
    .col {
        float: none;
        margin: 0 auto;
    }
    // Account for the wrapped stuff in the header.
    #page {
        margin-top: 60px;
    }
}

@media (max-width: @4col) {
    #page {
        margin-top: 90px;
    }
}

@media (max-width: @3col) {
    #page {
        margin-top: 95px;
    }
}

// TODO potch: Belongs with the "collapsible" widget.
.more {
    display: none;
    &.expand {
        display: block;
    }
}

#site-footer {
    background-color: @pale-bg;
    .grain;
    padding: 16px;
    text-align: center;
}

.hidden {
    display: none;
}

@import 'lib';

/* Long titles othwerwise break our layout everywhere. */
* {
    word-wrap: break-word;
}

.js-hidden, .hidden {
    display: none;
}

span.emaillink {
    direction: rtl;
    unicode-bidi: bidi-override;
    .i {
        display: none;
    }
}

a {
    text-decoration: none;
    color: @link;
    &:hover {
        text-decoration: underline;
    }
}

body {
    color: @text;
    overflow-x: hidden;
    background-color: @pale-bg;
    background-image: url(../../img/mkt/grain.png);
}

.balloon {
    .border-box;
    .border-radius(0 0 5px 5px);
    .transition(.2s top ease-out);
    border: 2px solid #e3873b;
    border-top-width: 0;
    background-color: #fcefb7;
    height: 27px;
    line-height: 24px;
    padding: 0 2.5%;
    position: fixed;
    top: -29px;
    left: 43%;
    &.active {
        top: 0;
    }
}

.notification-box {
    .box-shadow(0 -1px 0 #ddd inset, 0 1px 0 rgba(0,0,0,.1));
    border: 1px solid #CCD6E3;
    padding: 15px;
    background: #E3EDFA;
    form {
        line-height: 28px;
        button {
            float: right;
        }
    }
    ol, ul {
        &:last-child {
            margin-bottom: 0;
        }
    }
    p {
        margin: .5em 0 0;
    }
    b {
        color: #333;
    }
    h1 {
        color: maroon;
        font-size: 14px;
    }
    h2 {
        color: #458;
        font-size: 12px;
        font-weight: bold;
        margin: 0;
    }
    &.error {
        background: #FEE3E5;
        border-color: #E0C9D6;
        h2 {
            color: #B14949;
        }
    }
    &.warning {
        background: #fd9;
        border: 1px solid darken(#fd9, 60%);
    }
    &.full {
        .border-box;
        a {
            font-weight: bold;
        }
    }
}

#site-header, #page {
    > section {
        .width(14);
        margin-left: auto;
        margin-right: auto;
        .border-box;
        &:after {
            content: '';
            display: block;
            clear: both;
        }
        &.full {
            width: 100%;
            > div {
                .width(14);
                margin-left: auto;
                margin-right: auto;
            }
        }
    }
}

#page {
    .box-shadow(0 1px 3px fadeOut(#000, 80%));
    background-color: @bg;
    position: relative;
    > section:only-child {
        margin-top: 24px;
    }
}

// 10 columns (portrait tablet)
@media (max-width: @10col) {
    #site-header, #page {
        > section, > section.full > div {
            .width(10);
        }
    }
    #site-header > section {
        .width(10);
    }
}

// 4 columns (landscape smartphone)
@media (max-width: @4col) {
    #site-header, #page {
        > section, > section.full > div {
            .width(4);
        }
    }
    #site-header section {
        .width(4);
    }
}

// 3 columns (portrait smartphone)
@media (max-width: @3col) {
    #site-header, #page {
        > section, > section.full > div {
            .width(3);
        }
    }
    #site-header {
        margin-bottom: 20px;
        > section {
            .width(3);
        }
    }
}

.row {
    clear: both;
}

.col {
    float: left;
    margin-left: @gutter * @px;
    &:first-child {
        margin-left: 0;
    }
}

.html-rtl .col {
    float: right;
    margin-right: @gutter * @px;
    margin-left: auto;
    &:first-child {
        margin-right: 0;
    }
}

@media (max-width: @7col) {
    .col {
        float: none;
        margin: 0 auto;
    }
    // Account for the wrapped stuff in the header.
    #page {
        margin-top: 60px;
    }
}

@media (max-width: @4col) {
    #page {
        margin-top: 90px;
    }
}

@media (max-width: @3col) {
    #page {
        margin-top: 95px;
    }
}

// TODO potch: Belongs with the "collapsible" widget.
.more {
    display: none;
    &.expand {
        display: block;
    }
}

#site-footer {
    background-color: @pale-bg;
    .grain;
    padding: 16px;
    text-align: center;
}

.hidden {
    display: none;
}


changed things :D

changed things :D

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/TobiasFranek/paul.fleischmann.git/'


Make sure hevnly symbol is only larger when other icons are larger

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


Add a little bit of spacing around sidebar links

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/Tomcat-Engineering/docs.influxdata.com.git/'


Table [ADD] Added the table element

Table [ADD] Added the table element

.lui.table {
	display: table;
	table-layout: fixed;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	text-align: left;
	margin: 1em 0;
	background-color: @bg;

    > .thead .tr, > .tbody .tr,
    > thead tr, > tbody tr {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    > .thead > .tr > .th, > .tbody > .tr > .td,
    > thead > tr > th, > tbody > tr > td {
        display: table-cell;
        float: none;
        text-align: left;
        vertical-align: top;
        padding: @padding;
        border-top: @border;
    }

    // thead
    // ====
	> .thead, > thead {
		display: table-header-group;
		padding: @padding;
		border: @border;
		border-bottom: none;
    }
    > .thead > .tr > .th, > thead > tr > th {
        font-weight: 600;
        padding-top: 1em;
        padding-bottom: 1em;
        vertical-align: middle;
    }

    // tbody
    // ====
	> .tbody, > tbody {
		display: table-row-group;
		border: @border;
		border-top: none;
		background-color: @bg;
	}

	&.center-align {
        text-align: center;
	}
	&.left-align {
		text-align: left;
	}
	&.right-align {
    	text-align: right;
	}
	&.justified-align {
		text-align: justify;
	}

    // Zebra table
    // ====
	&.zebra {
		> tbody > tr, .tbody > .tr {
			border: none;
			&:nth-child(odd) {
				background-color: @zebra-bg;
			}
		}
	}

    // Verticaly aligned
    // ====
	&.v-aligned {
		vertical-align: middle;

		> tbody > tr > td,
        > .tbody > .tr > .td,
        > thead > tr > th,
        > .thead > .tr > .th {
			vertical-align: middle;
			float: none;
		}
	}
}

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