adding text-overflow: ellipsis; to things that need it (bug 668671)

@import 'lib';

#promos {
    display: none;
    height: 268px;
    max-height: 268px;
    margin-bottom: 30px;
    padding: 0;
    width: 100%;
    position: relative;
    div {
        overflow: hidden;
    }

    p {
        margin: 0 0 15px;
        font-size: 13px;
    }

    h2, h3 {
        font-style: normal;
        font-family: "Lucida Grande","Lucida Sans",Helvetica,Arial,sans-serif;
    }

    .control {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 60px;
        color: #ccc;
        text-indent: -1000em;
        opacity: 0;
        z-index: 1;
        -moz-transition-property: background-color, color, opacity;
        -moz-transition-duration: .2s;
    }
    &:hover .control {
        opacity: 1;
    }
    .prev { left: -30px; }
    .next { right: -30px; }
    .control:after {
        background: #fff;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 38px;
        height: 38px;
        border: 2px solid #ccc;
        font-family: Georgia;
        margin: auto;
        font-size: 44px;
        line-height: 30px;
        text-indent: 0;
        text-align: center;
        .border-radius(20px);
        .box-shadow(0 -2px 0 rgba(204, 223, 243, 0.6) inset);
        -moz-transition-property: border-color, color, box-shadow, left, right;
        -moz-transition-duration: .2s;
    }
    .control:hover:after {
        border-color: #D16B00;
        color: #D16B00;
    }
    .prev:after {
        content: '\00ab';
        left: 10px;
    }
    .next:after {
        content: '\00bb';
        right: 10px;
    }

    .feature {
        height: 251px;
        padding: 10px 10%;
        position: relative;
        overflow: hidden;
        box-shadow: none;
    }

    /* @group Rock Your Firefox (RYFF) */
    .ryff h3,
    .promo h2 {
        font-size: 36px;
        font-weight: bold;
        line-height: 1.1em;
    }

    .ryff {
        position: relative;
        overflow: hidden;
        padding: 20px 10% 10px 270px;
        background: url(../../img/zamboni/discovery_pane/promos/ryff-bg.png) 0 0 no-repeat;
        color: #333;
        h2 {
            white-space: nowrap;
        }
        h3 {
            margin-bottom: 10px;
            a {
                color: #7e100a;
                text-decoration: none;
            }
            white-space: wrap;
        }
        img {
            width: 40%;
            float: right;
            margin: 0 0 .5em 10px;
        }
    }
    /* @end */

    /* @Collection *********/
    .collection {
        h2 {
            max-width: 650px;
            margin: 10px auto;
        }

        &.promo h2 {
            margin: 0;
            max-width: auto;
            a {
                color: inherit;
                text-decoration: none;
            }
        }
        .more {
            text-align: center;
        }
    }

    .promo hgroup,
    #monthly .wrap,
    #go-mobile .wrap {
        margin: 0 auto;
        max-width: 650px;
        width: 100%;
    }

    .promo {
        h2, h3 {
            margin-bottom: 0;
        }
        h2 {
            text-shadow: 0 1px 0 rgba(255,255,255,0.5);
            white-space: nowrap;
        }
        hgroup {
               margin: 10px auto 20px;
        }
    }

    #starter .more,
    #st-patricks .more,
    #fx4-collection .more {
        display: none;
    }

    /* @group Starter Pack */
    #starter.feature {
        background: none;
        background-image:
            url(../../img/zamboni/discovery_pane/promos/starter-bg-left.png),
            url(../../img/zamboni/discovery_pane/promos/starter-bg.png),
            url(../../img/zamboni/discovery_pane/promos/starter-bg-right.png);
        background-position: -5% bottom, center top, 105% top;
        background-repeat: no-repeat, repeat-x, no-repeat;
    }

    #starter.feature hgroup:after {
        background: url(../../img/zamboni/discovery_pane/promos/starter-bg-right.png) 100% 0 no-repeat;
        display: block;
        content: "";
        position: absolute;
        height: 100%;
        top: 0;
        right: 0;
        width: 153px;
    }

    #starter h2 {
        color: #075f7a;
    }
    /* @end */

    /* @group St. Patrick's Day Personas */
    #st-patricks {
        background: url(../../img/zamboni/discovery_pane/promos/st-patricks-bg.png) 50% 0 no-repeat;
        h2 {
            color: #296215;
        }
    }
    /* @end */

    /* @group Monthly Pick */
    #monthly {
        background: url(../../img/zamboni/discovery_pane/promos/monthly-bg.png) 50% 0 no-repeat;
        .wrap > div {
            overflow: hidden;
            position: relative;
            max-height: 120px;
            padding: 20px;
            > div {
                > div {
                    float: left;
                    width: 50%;
                }
                > p {
                    padding-right: 20px;
                }
            }
        }
        h2 {
            color: #8b0101;
        }
        h3 {
            margin-bottom: 10px;
            font-size: 14px;
        }
        p.install-button {
            margin-bottom: 0;
        }
        img {
            display: block;
            float: right;
            max-width: 50%;
            max-height: 120px;
        }
    }
    /* @end */

    /* @group Go Mobile */
    #go-mobile {
        background: url(../../img/zamboni/discovery_pane/promos/go-mobile-bg.png) left top no-repeat;
        h2 {
            color: #485c65;
            width: 300px;
        }
        .wrap {
            width: 384px;
            margin: 0;
        }
        p {
            margin: 0;
        }
        .wrap > div {
            padding: 20px;
        }
        p.install-button {
            margin-bottom: 0;
        }
    }
    /* @end */

    /* @group Firefox 4 Collection */
    #fx4-collection {
        background: url(../../img/zamboni/discovery_pane/promos/fx4-collection-bg.png) 50% 0 no-repeat;
        h2 {
            color: #2c5c89;
        }
    }
    /* @end */

    #featured-addons {
        padding: 10px 9%;
    }

    /* @Addon @boxes *********/
    .addons ul,
    ul.addons {
        width: 100%;
        max-width: 650px;
        margin: 0 auto 1em;
    }

    .addons li {
        float: left;
        width: 30%;
        position: relative;
        margin-right: 5%;
        margin-bottom: 5%;
    }

    .html-rtl .addons li {
        float: right;
    }

    .addons li:nth-child(3n),
    .html-rtl .addons li:nth-child(3n + 1) {
        margin-right: 0;
    }
    .html-rtl .addons li:nth-child(3n) {
        margin-right: 5%;
    }

    .addons li > a,
    #monthly > div,
    #go-mobile > div {
        .gradient-two-color(#fff, #ecf1f7);
        border: 1px solid #b7c3d7;
        .border-radius(6px);
        .box-shadow(0 -2px 0 rgba(58,78,103,0.08) inset, 0 2px 0 rgba(190,210,230,0.5);
    }

    .addons li > a {
        display: block;
        position: relative;
        text-align: center;
        height: 120px;
        width: 84%;
        padding: 10px 8%;
        -moz-transition-property: border-color, box-shadow;
        -moz-transition-duration: 0.5s;
        -moz-transition-timing-function: ease-out;
    }

    .addons li > a:hover,
    .addons li > a:focus,
    .addons li > a:active {
        border-color: rgba(165,175,185,1);
        box-shadow: inset 0 -2px 0 rgba(58,78,103,0.1), 0 2px 0 rgba(190,210,230,0.85);
        -moz-transition-property: border-color, box-shadow;
        -moz-transition-duration: 0.1s;
        -moz-transition-timing-function: ease-out;
        text-decoration: none;
    }

    .addons h3 {
        font-size: 14px;
        line-height: 1.1;
        max-height: 1.1em;
        font-weight: bold;
        font-family: inherit;
        margin: .25em 0;
        white-space: nowrap;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .addons li > a:hover h3,
    .addons li > a:focus h3,
    .addons li > a:active h3 {
        text-decoration: underline;
    }

    .addons p.desc {
        overflow: hidden;
        max-height: 5.4em;
        font-size: 11px;
        text-align: left;
        color: #373d48;
        text-overflow: ellipsis;
        margin: 0;
        a {
            color: #373d48;
            &:hover {
                text-decoration: none;
            }
        }
    }

    .html-rtl .addons p.desc {
        text-align: right;
    }

    .addons img {
        display: block;
        margin: 0 auto;
        max-width: 50px;
    }

    .promo:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
    }
}

@import 'lib';

#promos {
    display: none;
    height: 268px;
    max-height: 268px;
    margin-bottom: 30px;
    padding: 0;
    width: 100%;
    position: relative;
    div {
        overflow: hidden;
    }

    p {
        margin: 0 0 15px;
        font-size: 13px;
    }

    h2, h3 {
        font-style: normal;
        font-family: "Lucida Grande","Lucida Sans",Helvetica,Arial,sans-serif;
    }

    .control {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 60px;
        color: #ccc;
        text-indent: -1000em;
        opacity: 0;
        z-index: 1;
        -moz-transition-property: background-color, color, opacity;
        -moz-transition-duration: .2s;
    }
    &:hover .control {
        opacity: 1;
    }
    .prev { left: -30px; }
    .next { right: -30px; }
    .control:after {
        background: #fff;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 38px;
        height: 38px;
        border: 2px solid #ccc;
        font-family: Georgia;
        margin: auto;
        font-size: 44px;
        line-height: 30px;
        text-indent: 0;
        text-align: center;
        .border-radius(20px);
        .box-shadow(0 -2px 0 rgba(204, 223, 243, 0.6) inset);
        -moz-transition-property: border-color, color, box-shadow, left, right;
        -moz-transition-duration: .2s;
    }
    .control:hover:after {
        border-color: #D16B00;
        color: #D16B00;
    }
    .prev:after {
        content: '\00ab';
        left: 10px;
    }
    .next:after {
        content: '\00bb';
        right: 10px;
    }

    .feature {
        height: 251px;
        padding: 10px 10%;
        position: relative;
        overflow: hidden;
        box-shadow: none;
    }

    /* @group Rock Your Firefox (RYFF) */
    .ryff h3,
    .promo h2 {
        font-size: 36px;
        font-weight: bold;
        line-height: 1.1em;
    }

    .ryff {
        position: relative;
        overflow: hidden;
        padding: 20px 10% 10px 270px;
        background: url(../../img/zamboni/discovery_pane/promos/ryff-bg.png) 0 0 no-repeat;
        color: #333;
        h2 {
            white-space: nowrap;
        }
        h3 {
            margin-bottom: 10px;
            a {
                color: #7e100a;
                text-decoration: none;
            }
            white-space: wrap;
        }
        img {
            width: 40%;
            float: right;
            margin: 0 0 .5em 10px;
        }
    }
    /* @end */

    /* @Collection *********/
    .collection {
        h2 {
            max-width: 650px;
            margin: 10px auto;
        }

        &.promo h2 {
            margin: 0;
            max-width: auto;
            a {
                color: inherit;
                text-decoration: none;
            }
        }
        .more {
            text-align: center;
        }
    }

    .promo hgroup,
    #monthly .wrap,
    #go-mobile .wrap {
        margin: 0 auto;
        max-width: 650px;
        width: 100%;
    }

    .promo {
        h2, h3 {
            margin-bottom: 0;
        }
        h2 {
            text-shadow: 0 1px 0 rgba(255,255,255,0.5);
            white-space: nowrap;
        }
        hgroup {
               margin: 10px auto 20px;
        }
    }

    #starter .more,
    #st-patricks .more,
    #fx4-collection .more {
        display: none;
    }

    /* @group Starter Pack */
    #starter.feature {
        background: none;
        background-image:
            url(../../img/zamboni/discovery_pane/promos/starter-bg-left.png),
            url(../../img/zamboni/discovery_pane/promos/starter-bg.png),
            url(../../img/zamboni/discovery_pane/promos/starter-bg-right.png);
        background-position: -5% bottom, center top, 105% top;
        background-repeat: no-repeat, repeat-x, no-repeat;
    }

    #starter.feature hgroup:after {
        background: url(../../img/zamboni/discovery_pane/promos/starter-bg-right.png) 100% 0 no-repeat;
        display: block;
        content: "";
        position: absolute;
        height: 100%;
        top: 0;
        right: 0;
        width: 153px;
    }

    #starter h2 {
        color: #075f7a;
    }
    /* @end */

    /* @group St. Patrick's Day Personas */
    #st-patricks {
        background: url(../../img/zamboni/discovery_pane/promos/st-patricks-bg.png) 50% 0 no-repeat;
        h2 {
            color: #296215;
        }
    }
    /* @end */

    /* @group Monthly Pick */
    #monthly {
        background: url(../../img/zamboni/discovery_pane/promos/monthly-bg.png) 50% 0 no-repeat;
        .wrap > div {
            overflow: hidden;
            position: relative;
            max-height: 120px;
            padding: 20px;
            > div {
                > div {
                    float: left;
                    width: 50%;
                }
                > p {
                    padding-right: 20px;
                }
            }
        }
        h2 {
            color: #8b0101;
        }
        h3 {
            margin-bottom: 10px;
            font-size: 14px;
        }
        p.install-button {
            margin-bottom: 0;
        }
        img {
            display: block;
            float: right;
            max-width: 50%;
            max-height: 120px;
        }
    }
    /* @end */

    /* @group Go Mobile */
    #go-mobile {
        background: url(../../img/zamboni/discovery_pane/promos/go-mobile-bg.png) left top no-repeat;
        h2 {
            color: #485c65;
            width: 300px;
        }
        .wrap {
            width: 384px;
            margin: 0;
        }
        p {
            margin: 0;
        }
        .wrap > div {
            padding: 20px;
        }
        p.install-button {
            margin-bottom: 0;
        }
    }
    /* @end */

    /* @group Firefox 4 Collection */
    #fx4-collection {
        background: url(../../img/zamboni/discovery_pane/promos/fx4-collection-bg.png) 50% 0 no-repeat;
        h2 {
            color: #2c5c89;
        }
    }
    /* @end */

    #featured-addons {
        padding: 10px 9%;
    }

    /* @Addon @boxes *********/
    .addons ul,
    ul.addons {
        width: 100%;
        max-width: 650px;
        margin: 0 auto 1em;
    }

    .addons li {
        float: left;
        width: 30%;
        position: relative;
        margin-right: 5%;
        margin-bottom: 5%;
    }

    .html-rtl .addons li {
        float: right;
    }

    .addons li:nth-child(3n),
    .html-rtl .addons li:nth-child(3n + 1) {
        margin-right: 0;
    }
    .html-rtl .addons li:nth-child(3n) {
        margin-right: 5%;
    }

    .addons li > a,
    #monthly > div,
    #go-mobile > div {
        .gradient-two-color(#fff, #ecf1f7);
        border: 1px solid #b7c3d7;
        .border-radius(6px);
        .box-shadow(0 -2px 0 rgba(58,78,103,0.08) inset, 0 2px 0 rgba(190,210,230,0.5);
    }

    .addons li > a {
        display: block;
        position: relative;
        text-align: center;
        height: 120px;
        width: 84%;
        padding: 10px 8%;
        -moz-transition-property: border-color, box-shadow;
        -moz-transition-duration: 0.5s;
        -moz-transition-timing-function: ease-out;
    }

    .addons li > a:hover,
    .addons li > a:focus,
    .addons li > a:active {
        border-color: rgba(165,175,185,1);
        box-shadow: inset 0 -2px 0 rgba(58,78,103,0.1), 0 2px 0 rgba(190,210,230,0.85);
        -moz-transition-property: border-color, box-shadow;
        -moz-transition-duration: 0.1s;
        -moz-transition-timing-function: ease-out;
        text-decoration: none;
    }

    .addons h3 {
        font-size: 14px;
        line-height: 1.1;
        max-height: 1.1em;
        font-weight: bold;
        font-family: inherit;
        margin: .25em 0;
        white-space: nowrap;
        text-align: center;
        overflow: hidden;
    }

    .addons li > a:hover h3,
    .addons li > a:focus h3,
    .addons li > a:active h3 {
        text-decoration: underline;
    }

    .addons p.desc {
        overflow: hidden;
        max-height: 5.6em;
        font-size: 11px;
        text-align: left;
        color: #373d48;
        margin: 0;
        a {
            color: #373d48;
            &:hover {
                text-decoration: none;
            }
        }
    }

    .html-rtl .addons p.desc {
        text-align: right;
    }

    .addons img {
        display: block;
        margin: 0 auto;
        max-width: 50px;
    }

    .promo:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
    }
}


fix wrapping for device list in Revieewer Tools (bug 813270)

@import '../devreg/lib';

#breadcrumbs {
    margin-bottom: 15px;
}

h2, h3 {
    margin: 10px 0 0;
}

#page p + h2 {
    margin-top: 10px;
}

th {
    font-weight: bold;
}

dt {
    float: left;
    min-width: 20%;
}

dd {
    margin-bottom: 0;
    &:after {
        content: " ";
        clear: both;
        display: block;
        height: 0;
        visibility: hidden;
    }
    a {
        margin: -5px;
        padding: 5px;
    }
    &.warn {
        color: @red;
        font-weight: bold;
    }
}

/* Review Page */

header {
    .addon {
        min-height: 38px;
        padding-left: 50px;
        position: relative;
    }
    .icon {
        min-height: 32px;
        min-width: 32px;
        padding: 4px;
        position: absolute;
        left: 0;
        background: @white;
        .border-radius(2px);
        .box-shadow(0 1px 2px #000);
    }
    .author {
        margin: 0 0 20px;
    }
    #actions {
        float: right;
        margin-top: 15px;
        li {
            margin-left: 10px;
        }
    }
}

.html-rtl header {
    .icon {
        margin-left: 5px;
    }
    h1 {
        float: right;
    }
    #actions {
        float: left;
    }
}

#addon {
    float: left;
    width: 75%;
    #summary p, .userinput {
        color: @medium-gray;
        line-height: 15px;
    }
    em.no-results {
        display: block;
        font-style: italic;
        font-size: 13px;
        font-weight: normal;
        padding: 0;
    }
}

.html-rtl #addon {
    float: right;
}

#scroll_sidebar_parent {
    float: right;
    position: relative;
    width: 16%;
    strong {
        display: block;
        margin-top: 10px;
    }
    li {
        margin-top: 5px;
    }
}

#aux-nav a {
    color: @medium-gray;
}

.site-title {
    display: block;
    font: bold 48px/1.2 @open-stack;
    margin: 0 0 7px;
    text-shadow: 0 1px 1px fadeOut(#fff, 25%);
    text-transform: uppercase;
    a {
        color: darken(@red, 10%);
        display: block;
        text-decoration: none;
        width: 100%;
        small {
            color: @medium-gray;
            display: block;
            font-size: 12px;
            padding: 0 2px;
        }
        &:hover {
            color: darken(@red, 20%);
            small {
                color: @dark-gray;
            }
        }
    }
}

@media (min-width: @tablet-min) {
    .site-title a {
        padding-left: 250px;
        position: relative;
        left: -250px;
    }
}

#site-header {
    background: @taupe;
    .menu-nav {
        padding: 0;
    }
}

#masthead {
    padding: 24px 0 0;
}

.menu-nav {
    margin: 0;
}

@media (max-width: 860px) {
    #site-header {
        h1, .menu-nav {
            padding: 0 2%;
        }
    }
}

.site-title {
    padding-top: 27px;
    max-width: 530px;
    a {
        font-size: 40px;
    }
}

/* sprites for data grid icons */

.sprite-reviewer {
    float: left;
    margin-right: 4px;
    background: url(../../img/mkt/icons/mkt-reviewer-icons.png) no-repeat;
    width: 16px;
    height: 16px;
    position: relative;
    top: 4px;
    text-decoration: none;
}
.sprite-reviewer-editor {
    background-position: 0 0;
}
.sprite-reviewer-notes {
    background-position: -16px 0;
}
.sprite-reviewer-packaged-app {
    background-position: 0 -16px;
}
.sprite-reviewer-locked {
    background-position: -16px -16px;
}
.sprite-reviewer-premium {
    background-position: -32px 0;
}
.sprite-reviewer-info {
    background-position: -32px -16px;
}
.sprite-reviewer-blocked {
    background-position: 0 -32px;
}

.sort-icon {
    background: url(../../img/developers/editor-sprite.png) no-repeat top left;
}
.ed-sprite-sort-asc {
    background-position: right -321px;
}
.ed-sprite-sort-both {
    background-position: right -378px;
}
.ed-sprite-sort-desc {
    background-position: right -435px;
}
/* data grids on queue pages */
.data-grid-top {
    border-bottom: 1px solid #A5BFCE;
}
.data-grid-bottom {
    border-top: 1px solid #A5BFCE;
}
.data-grid-content {
    padding: 5px;
}
.data-grid-content:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.data-grid-content ol.pagination {
    margin: 0;
}
.queue-outer {
    .border-radius(5px);
    border: 4px solid #E0EFFD;
    margin-bottom: 2em;
}
.queue-inner {
    .border-radius(3px);
    background-color: @white;
    border: 1px solid #2E5186;
}
.queue-inner a em {
    font-size: 0.8em;
    opacity: 0.6;
}
.queue-outer .no-results {
    margin: 0;
    padding: 6em 1em;
    font-size: 1.1em;
}

@media (min-width: @tablet-min) {
    .data-grid {
        thead th {
            &:nth-child(3) {
                min-width: 7em;
            }
            &:nth-child(4) {
                min-width: 8em;
            }
            &:nth-child(5) {
                min-width: 90px;
            }
            &:nth-child(6) {
                min-width: 7em;
            }
            &:nth-child(7) {
                min-width: 7em;
            }
            &:nth-child(8) {
                min-width: 10em;
            }
        }
        tr {
            th, td {
                padding: 7px 10px;
            }
        }
        th {
            line-height: 1.3;
        }
        .addon-row a {
            max-width: 600px;
        }
    }
}

.device-list {
    width: 115px;
}

table.data-grid {
    margin-bottom: 0;
    width: 100%;
    thead th {
        background: @faded-blue;
        &:first-child {
            width: 0;
        }
        a {
            &:active, &:hover, &:visited {
                color: #36b;
            }
        }
        &.ordered {
            .gradient-two-color(@faded-blue, @border-blue);
            a {
                color: #137;
                &:active, &:hover, &:visited {
                    color: #039;
                }
            }
        }
    }
    tr {
        td {
            border-top: 1px dotted @border-gray;
        }
        a {
            display: block;
        }
        &:nth-child(odd) {
            background-color: #FAFAFA;
        }
        &:nth-child(even) {
            background-color: @white;
        }
    }
    .addon-locked {
        width: 16px;
        height: 16px;
        position: relative;
        top: 4px;
    }
    .locked .addon-locked {
        background: url(../../img/mkt/icons/mkt-reviewer-icons.png) no-repeat top left;
        background-position: -16px -16px;
    }
    ul {
        margin: 0;
    }
    time {
        color: @medium-gray;
        font-size: 11px;
        line-height: 12px;
    }
}

/* Version notes */
#popup-notes .version-notes {
    overflow: auto;
    max-height: 200px;
    margin-bottom: 1em;
}
.addon-version-notes {
    position: relative;
}
table.data-grid .addon-version-notes a {
    text-decoration: none;
}

.island {
    position: relative;
    z-index: 1;
}

/* editors/queue tabs */
@media (min-width: @tablet-min) {
    .tabnav {
        margin: 0 10px;
    }
    .tabnav li {
        display: inline;
        position: relative;
        top: 13px;
        margin: 0 5px;
        z-index: 0;
        &:after {
            /* Cover the bottom part of the box-shadow. */
            background: @white;
            content: "";
            display: block;
            float: left;
            height: 15px;
            margin-bottom: -15px;
            position: relative;
            top: 1px;
            width: 100%;
        }
        &.selected {
            z-index: 2;
        }
    }
}
.html-rtl .tabnav {
    text-align: right;
}
.tabnav a {
    .border-radius(5px 5px 0 0);
    background-color: @taupe;
    border: 1px solid transparent;
    border-bottom: 0;
    font-weight: bold;
    color: @medium-gray;
    display: inline-block;
    padding: 10px 15px 20px;
    text-decoration: none;
}
.tabnav li.selected {
    a {
        .box-shadow(0 -2px 0 fadeOut(@taupe, 80%) inset,
                    0 0 1px rgba(0, 0, 0, 0.1));
        background-color: @white;
        border-color: @taupe;
        color: @dark-gray;
    }
}
.tabnav a:hover {
//    background-color: rgba(0,0,0,.15);
    color: @dark-gray;
}

/* Home */
#editors_main .listing .results-inner {
    padding: 0;
}

#editors_main .listing time {
    color: #aaa;
    font-style: italic;
}

#editors_main .listing .row {
    padding: 0.5em;
    margin: 0 5px;
    border-bottom: 1px dotted #ADD0DC;
}

#editors_main .listing .row:last-child {
    border-bottom-width: 0px;
}

.listing .listing-header {
    text-align: center;
    font-weight: bold;
}

.editor-stats-title,
.editor-stats-table {
    width: 50%;
    float: left;
}

#editors-stats-charts .editor-stats-title,
#editors-stats-charts .editor-stats-table {
    width: 100%;
    float: none;
}

.editor-stats-title span,
.editor-stats-title a {
    font-weight: bold;
    padding-left: 7px;
}

.editor-stats-table > div {
    padding: 0 10px 5px;
    margin: 5px 0 0;
    border-left: 1px dotted #ADD0DC;
}

.editor-stats-table:first-child > div {
    border-left-width: 0px;
}

.editor-stats-table table {
    width: 100%;
    margin: 0;
}

.editor-stats-table td, .editor-stats-table th {
    padding: 0;
    border-top: 1px solid #F0F7FE;
}

.editor-stats-table table tr:first-child td {
    border-top-width: 0px;
}

.editor-stats-table .int {
    text-align: right;
    color: #37A632;
    font-weight: bold;
}

.editor-stats-table .date {
    text-align: right;
    color: #999;
    font-style: italic;
}

.listing-header {
    line-height: 1.8em;
}

.daily-message {
    display: none;
    position: relative;
}

.daily-message div {
    padding: 15px;
}

.daily-message .close {
    background-color: @border-gray;
    .border-radius(15px);
    color: @white;
    font-weight: bold;
    height: 15px;
    line-height: 12px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 5px;
    width: 15px;
    text-decoration: none;
    display: none;
}

.daily-message .close:hover {
    background-color: @light-gray;
    text-decoration: none;
}

.daily-message p {
    margin: 0;
}

.daily-message h2 {
    font-size: 1em;
    font-weight: bold;
    margin-top: 0;
}

.featured-inner-padded {
    padding: 15px;
}

table.data-grid tr.comments td {
    border-top: none;
    background: #def;
}

.waiting_old, .waiting_med, .waiting_new {
    height: 20px;
    .box-shadow(0px 2px rgba(0, 0, 0, 0.1) inset);
    float: left;
    -moz-transition: 0.3s background-color;
}

.waiting_old:hover, .waiting_med:hover, .waiting_new:hover {
    -moz-transition: 0.1s background-color;
}

.waiting_old {
    background-color: #FFD3D3;
}
.waiting_old:hover {
    background-color: #FCBCBC;
}

.waiting_med {
    background-color: #FFFFB4;
}
.waiting_med:hover {
    background-color: #F5F484;
}
.waiting_new {
    background-color: #B8E6B8;
}
.waiting_new:hover {
    background-color: #9DE19C;
}

div.editor-waiting {
    border: 1px solid @note-gray;
    .border-radius(5px);
    overflow: hidden;
}

div.editor-stats-dark {
    background-color: #F3F3F3;
    border-top: 1px dotted @medium-gray;
    display: block;
    padding: 5px 10px 10px;
}

div.editor-stats-table > div.editor-stats-dark {
    border-left: 1px solid #DDDDDD;
}

/* Moderated reviews css */

#reviews-flagged {
    .review-flagged {
        border-top: 1px dotted @medium-gray;
        line-height: 20px;
        margin: 0 0 1em 1em;
        padding: 1em;
        ul {
            margin-bottom: 0;
        }
    }
    &:first-child {
        border-top: 0;
    }
    .reviews-flagged-reasons {
        background-color: lighten(@red, 50%);
        .border-radius(10px);
        clear: both;
        margin: 0;
        padding: 0 10px;
        li {
            border-top: 1px dotted @light-gray;
            padding: 10px 0;
            &:first-child {
                border-top: 0;
            }
        }
    }
    h3 {
        margin: 0;
    }
    p {
        margin-bottom: 1.5em;
    }
    .review-flagged-actions {
        border-left: 1px dashed @medium-gray;
        float: right;
        margin-left: 10px;
        padding-left: 10px;
        width: 200px;
        label {
            font-weight: normal;
        }
    }
    form {
        margin: 0;
    }
    div.review-saved {
        margin-bottom: 0;
        padding: 10px;
        text-align: right;
    }
    label[for$=action_0] {
        color: @green;
    }
    label[for$=action_2] {
        color: @maroon;
    }
    .stars {
        float: left;
    }
    span.light {
        color: @note-gray;
    }
}
.html-rtl #reviews-flagged {
    .stars {
        float: right;
    }
}

/* data grid search form */
#log-filter form {
    margin: 0;
}
.log-filter-outside {
    float: right;
}
.log-filter-outside label {
    font-weight: normal;
}
.log-filter-outside input::-webkit-input-placeholder {
   color: #BBB;
}

.log-filter-outside input:-moz-placeholder {
   color: #BBB;
}

.log-filter-outside div.date_range {
    padding: 0.5em 0 0;
}

.queue-outer #queue-search table {
    margin: 0;
    padding: 0;
}
.queue-outer #queue-search,
.date_range {
    padding: 1em;
}
#advanced-search {
    display: none;
    margin-top: 1em;
}
#advanced-search .column1 {
    float: left;
    width: 375px;
}
#advanced-search .column1 label {
    display: block;
    float: left;
    width: 13em;
}
#advanced-search .form-elem {
    margin-bottom: 0.5em;
}
#advanced-search .column2,
#advanced-search .column3 {
    float: left;
    width: 250px;
}
#advanced-search .column2 label,
#advanced-search .column3 label {
    display: block;
}
#advanced-search .form-row {
    clear: both;
    padding-bottom: 1em;
}
#advanced-search .column3:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#id_text_query {
    width: 25em;
    height: 1.5em;
}

/* Add-on Review Log */
#log-listing tr th:nth-child(1) {
    width: 20%;
}
#log-listing tr th:nth-child(2) {
    width: 40%;
}
#log-listing tr th:nth-child(3) {
    width: 25%;
}
#log-listing tr th:nth-child(4) {
    width: 15%;
}
#log-listing .hide {
    display: none;
}

#scroll_sidebar {
    position: absolute;
    top: 0;
}
#scroll_sidebar.sticky {
    position: fixed;
    top: 10px;
}

#history {
    .border-radius(5px);
    padding: 0;
    width: 100%;
    #review-files-header {
        padding: 0 15px;
    }
    h3 span {
        color: @medium-gray;
        padding: 0 5px;
    }
    table {
        line-height: 1.3;
        width: 100%;
    }
    .log-comments {
        color: @medium-gray;
        margin: 10px 0 0;
        ul {
            list-style: disc inside;
            margin: 5px 0;
        }
    }
}

#review-files {
    width: 100%;
    .listing-header > th {
        background: @faded-blue;
        padding: 5px 15px;
    }
    .listing-header,
    .listing-body {
         border-top: 1px solid #A5BFCE;
    }
}
#review-files td {
    .border-radius(0 0 5px 5px);
    background-color: #FAFAFA;
    padding: 15px;
}
#review-files-header h3 span {
    font-size: 0.7em;
}
#review-files-header h3 a.on {
    color: #333;
    font-weight: bold;
}
#review-files-header #review-files-paginate {
    float: right;
    margin-top: 2em;
}
#review-files-paginate ol {
    float: right;
    margin: 0;
    padding-left: 10px;
    text-align: right;
    top: -20px;
    width: auto;
}
#review-files table.activity th {
  width: 25%;
  padding-right: 1em;
}
#review-files table.activity tr {
    border-top: 1px dotted #ccc;
    td {
        padding: 15px 0;
    }
    &:first-child td {
        padding-top: 0;
    }
    &:last-child td {
        padding-bottom: 0;
    }
}
#review-files table.activity tr:first-child {
    border-top: 0 none;
}
#review-files .listing-header span.light {
    font-weight: normal;
    color: #999;
}
#review-files tr.listing-header:first-child {
}
#review-files tr.listing-header:hover {
    cursor: pointer;
    .gradient-two-color(@white, #CCE6FF);
}
#review-files tr.listing-header:active {
    cursor: pointer;
    .gradient-two-color(#e0effd, @white);
}
#review-files .files div:first-child {
    padding-top: 0;
}
#review-files .files li,
#review-files .files > div {
    padding-top: 5px;
    line-height: 1.3em;
}
#review-files .files ul {
    margin: 0 0 5px 15px;
}
#review-files .no-activity {
    color: #777;
    font-style: italic;
    text-align: center;
}
#review-files .install {
    padding: 0;
}

#review-actions-form {
    background: @white;
    display: none;
    padding: 10px;
    textarea, input[type=text], select {
        border: 1px solid #AFBDD3;
    }
    textarea {
        height: 200px;
    }
    .review-actions-desc {
        text-align: center;
    }
    label {
        display: inline-block;
        margin: 5px 0;
    }
    .review-actions-tested label {
        margin: 5px 10px 5px 25px;
    }
    .review-actions-device-override {
        ul {
            margin-top: 5px;
            li {
                display: inline-block;
                margin-right: 15px;
            }
        }
    }
}

.review-actions {
    .border-radius(5px);
    .box-shadow(0 -2px 0 @faded-blue inset,
                0 0 1px rgba(0, 0, 0, 0.1));
    border: 1px solid @border-blue;
    margin-top: 15px;
}

.review-actions #review-actions-form {
    display: none;
}

.review-actions .action_nav ul {
    margin: 0;
    display: table;
    width: 100%;
}

.review-actions .action_nav li {
    .gradient-two-color(@white, #e0effd);
    display: table-cell;
    text-align: center;
}

.review-actions .action_nav li:active {
    .gradient-two-color(#e0effd, @white);
}

.review-actions .action_nav li input {
    display: none;
}

.review-actions .action_nav li label {
    display: block;
    padding: 10px 5px;
}

.review-actions .action_nav li {
    text-shadow: 1px 1px 0 @white;
    border-top: 1px solid #2E5186;
    border-bottom: 1px solid #2E5186;
    border-right: 1px solid #A5BFCE;
}

.review-actions .action_nav li:first-child {
    border-left: 1px solid #2E5186;
    .border-radius(5px 0 0 5px);
}

.review-actions .action_nav li:last-child {
    border-right: 1px solid #2E5186;
    .border-radius(0 5px 5px 0);
}

.review-actions.on .action_nav ul li.on-tab {
    background: #fff;
    border-bottom: none;
}

.review-actions.on #review-actions-form {
    border: 1px solid #2E5186;
    border-top-width: 0;
    .border-radius(0 0 5px 5px);
}

.review-actions.on .action_nav li:first-child {
    .border-radius(5px 0 0);
}

.review-actions.on .action_nav li:last-child {
    .border-radius(0 5px 0 0);
}

.review-actions.on .action_nav li {
    border-bottom: 1px solid #A5BFCE;
}

/* Hide "files" for now. */
.review-actions-files {
    display: none !important;
}

#review-actions-files-warning {
    color: #B47100;
}

.review-actions-canned {
    margin-top: 10px;
    text-align: right;
}

.review-actions-canned #id_canned_response optgroup[label=""] {
    display: none;
}

.review-actions-canned select {
    padding: 0;
}

.review-actions-section {
    border-top: 1px dotted #ccc;
    margin-top: 1em;
    padding-top: 1em;
}

.review-actions-save {
    text-align: right;
}

.review-actions-section label {
    font-weight: normal;
}

.history-comment {
    white-space: pre-wrap;
}

.history-comment, .history-comment-version {
    padding: 10px;
    overflow: auto;
}

.history-comment-byline {
    padding: 0 10px;
    font-style: italic;
}

.review-paging {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 2em;
    padding-bottom: 1em;
    text-align: center;
}

#editor-motd textarea {
    height: 5em;
    margin-bottom: 0.5em;
}

#editor-motd .buttons {
    text-align: right;
}

.currently_viewing_warning {
    display: none;
}

.scroll_sidebar_parent .currently_viewing_warning {
    margin-top: 0;
    border: medium none;
    border-radius: 8px;
}

div.currently_viewing_warning {
    background-color: #FFE4E4;
    margin: 1em 0;
    border: 1px dashed #FE7272;
    padding: 10px;
}

div.currently_viewing_warning strong {
    display: block;
}

span.currently_viewing_warning {
    color: red;
    padding-right: 15px;
}

.concealed {
    font-size: 15px;
    font-weight: bold;
    padding: 4px 10px 7px;
    &:hover {
        .gradient-two-color(#ccc, #bbb);
        color: @dark-gray;
    }
}

@media (min-width: @tablet-min) {
    #actions li {
        max-width: 264px;
        min-width: 192px;
        margin-bottom: 20px;
    }
}

#actions {
    .button.product {
        position: relative;
        width: 100%;
        z-index: 1;
    }
    .button {
        display: block;
    }
    .faked-purchase,
    .approval {
        .border-radius(0 0 5px 5px);
        display: block;
        margin-top: -5px;
        padding: 15px 15px 10px;
        position: relative;
        z-index: 0;
    }
    .no-apps {
        text-align: center;
        margin-top: 10px;
        line-height: 20px;
        display: none;
        a {
            background: url(../../img/mkt/icons/nightly.png) 5px 0 no-repeat;
            padding: 0 5px 0 30px;
            display: inline-block;
        }
    }
    .faked-purchase {
        .border-radius(0 0 5px 5px);
        background: fadeOut(@red, 90%);
        font-size: 12px;
        text-align: center;
        b {
            color: @maroon;
            display: block;
            text-transform: uppercase;
        }
    }
}

#reviewers-score-bar {
    ul li {
        float: left;
        width: 32%;
        margin: 0 0.5%;
    }
    h3 {
        margin-top: 0;
    }
    tr.you-are-here {
        font-weight: bold;
    }
    td.number {
        text-align: right;
    }
}

.html-rtl #reviewers-score-bar {
    ul li {
        float: right;
    }
    td.number {
        text-align: left;
    }
}

#view-manifest {
    &:hover, b {
        color: #036;
    }
    b {
        &:before {
            content: "(";
        }
        &:after {
            content: ")";
        }
    }
}

#manifest-headers,
#manifest-contents {
    color: @dark-gray;
    clear: both;
    font: 12px/14px @mono-stack;
    list-style: none;
    margin: 15px 0;
    overflow-x: auto;
    white-space: pre;
}

#manifest-headers {
    background-color: @faint-gray;
    border: @dark-gray 2px solid;
    padding: 5px 10px;
}

#manifest-contents {
    background-color: #def;
    border: darken(#def, 75%) 2px solid;
    // Using counters so we can style the line numbers.
    counter-reset: item;
    li {
        counter-increment: item;
        padding: 5px 10px;
        &:before {
            background-color: @faint-gray;
            display: inline-block;
            color: @note-gray;
            content: counter(item);
            margin: -5px 10px -5px -10px;
            padding: 5px;
            text-align: right;
            width: 3ex;
        }
        &:nth-child(2n + 1) {
            background: lighten(#def, 4%);
        }
    }
}

@media (max-width: @landscape-max) {
    html, body {
        background: @bg-gray @grain-src;
    }
    #breadcrumbs,
    #actions + strong,
    #actions + strong + ul,
    #helpfulLinks,
    #footer {
        display: none;
    }
    #site-header h1 {

            .border-box;
        border-top: 1px solid @light-gray;
        margin: 0;
        max-width: 100%;
        padding: 0;
        a {
            border-top: 1px solid @faint-gray;
            font-size: 14px;
            line-height: 16px;
            font-weight: 600;
            padding: 10px;
        }
        small {
            display: inline-block;
            font-size: 14px;
            font-weight: 200;
            padding: 0;
            &:after {
                color: #bbb;
                content: "\00a0\00a0/\00a0";
                display: inline-block;
                font-size: 14px;
                vertical-align: top;
            }
        }
    }
    #site-header {
        .menu-nav, .upper-header {
            padding: 0;
        }
    }
    #aux-nav {
        background: @border-gray;
        float: none;
        font-size: 11px;
        max-width: 100%;
        > ul > li {
            border-right: 1px solid darken(@border-gray, 10%);
        }
    }
    #site-nav {
        border: 1px solid #bbb;
    }
    #site-nav .menu-nav > ul {
        > li {
            margin: 0;
            &:first-child > a {
                padding-left: 10px;
            }
            &:last-child {
                border-right: 1px dotted @light-gray;
            }
            > a {
                font-size: 11px;
                font-weight: 400;
                padding: 10px;
            }
        }
    }
    .menu-nav > ul > li > ul a {
        padding: 16px 8px;
    }
    #wrap {
        padding: 10px 0 0;
    }
    .tabnav {
        li {
            display: none;
            &.selected {
                display: block;
            }
        }
        a {
            .border-box;
            font-size: 12px;
            padding: 10px;
            pointer-events: none;
            width: 100%;
            &:active {
                background-color: lighten(@taupe, 5%);
                color: @note-gray;
            }
        }
        + .island {
            .border-radius(0);
            padding: 0;
        }
    }
    .data-grid {
        tr {
            th, td {
                border: 1px solid @faint-gray;
                line-height: 12px;
                font-size: 11px;
                padding: 4px 2px;
                text-align: center;
            }
            // Don't add borders around table cell for locked icon.
            th:nth-child(1),
            td:nth-child(1) {
                border-right: 0;
            }
            th:nth-child(2),
            td:nth-child(2) {
                border-left: 0;
            }
        }
        thead th {
            &:nth-child(2) {
                max-width: 300px;
            }
            &:nth-child(6) {
                min-width: 55px;
            }
            &:nth-child(7) {
                min-width: 45px;
            }
        }
        th {
            font-weight: 400;
            vertical-align: middle;
        }
        .addon-row a {
            display: block;
            font-size: 12px;
            line-height: 14px;
            margin: -15px -30px;
            padding: 15px 30px;
            text-align: left;
        }
        .desktop-only {
            opacity: .25;
        }
    }
    .device-list {
        margin: 0;
    }
    #page h1 {
        font-size: 18px;
        line-height: 20px;
        margin: 10px 0 15px;
    }
    #scroll_sidebar_parent,
    #addon {
        float: none;
        width: 100%;
    }
    #scroll_sidebar_parent,
    #scroll_sidebar {
        position: inherit;
    }
    #scroll_sidebar {
        margin-bottom: 15px;
    }
    #actions {
        li {
            .border-box;
            float: left;
            margin: 0;
            width: 33.33%;
            + li {
                padding-left: 5px;
            }
        }
        .app-install .button {
            font-weight: 600;
        }
        .button {
            height: inherit;
            font-weight: 100;
            padding: 8px;
            &.product {
                top: -2px;
            }
        }
    }
    dt {
        min-width: 30%;
    }
}

@media (max-width: @mobile-max) {
    .device-list {
        ul {
            width: 100%;
        }
        li {
            display: block;
            margin: -5px auto 0;
            + li {
                margin-top: 3px;
            }
            &:first-child + li {
                margin-top: 6px;
            }
        }
    }
    dt {
        float: none;
        margin: 0 0 3px;
        width: 100%;
    }
    dd {
        margin-bottom: 15px;
    }
    #actions li {
        width: 50%;
        &.app-install {
            float: none;
            margin-bottom: 10px;
            width: 100%;
            .button {
                display: block;
            }
        }
        + li {
            padding-left: 0;
            + li {
                padding-left: 5px;
            }
        }
    }
    .tabnav + .island {
        .border-box;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }
}

@import '../devreg/lib';

#breadcrumbs {
    margin-bottom: 15px;
}

h2, h3 {
    margin: 10px 0 0;
}

#page p + h2 {
    margin-top: 10px;
}

th {
    font-weight: bold;
}

dt {
    float: left;
    min-width: 20%;
}

dd {
    margin-bottom: 0;
    &:after {
        content: " ";
        clear: both;
        display: block;
        height: 0;
        visibility: hidden;
    }
    a {
        margin: -5px;
        padding: 5px;
    }
    &.warn {
        color: @red;
        font-weight: bold;
    }
}

/* Review Page */

header {
    .addon {
        min-height: 38px;
        padding-left: 50px;
        position: relative;
    }
    .icon {
        min-height: 32px;
        min-width: 32px;
        padding: 4px;
        position: absolute;
        left: 0;
        background: @white;
        .border-radius(2px);
        .box-shadow(0 1px 2px #000);
    }
    .author {
        margin: 0 0 20px;
    }
    #actions {
        float: right;
        margin-top: 15px;
        li {
            margin-left: 10px;
        }
    }
}

.html-rtl header {
    .icon {
        margin-left: 5px;
    }
    h1 {
        float: right;
    }
    #actions {
        float: left;
    }
}

#addon {
    float: left;
    width: 75%;
    #summary p, .userinput {
        color: @medium-gray;
        line-height: 15px;
    }
    em.no-results {
        display: block;
        font-style: italic;
        font-size: 13px;
        font-weight: normal;
        padding: 0;
    }
}

.html-rtl #addon {
    float: right;
}

#scroll_sidebar_parent {
    float: right;
    position: relative;
    width: 16%;
    strong {
        display: block;
        margin-top: 10px;
    }
    li {
        margin-top: 5px;
    }
}

#aux-nav a {
    color: @medium-gray;
}

.site-title {
    display: block;
    font: bold 48px/1.2 @open-stack;
    margin: 0 0 7px;
    text-shadow: 0 1px 1px fadeOut(#fff, 25%);
    text-transform: uppercase;
    a {
        color: darken(@red, 10%);
        display: block;
        text-decoration: none;
        width: 100%;
        small {
            color: @medium-gray;
            display: block;
            font-size: 12px;
            padding: 0 2px;
        }
        &:hover {
            color: darken(@red, 20%);
            small {
                color: @dark-gray;
            }
        }
    }
}

@media (min-width: @tablet-min) {
    .site-title a {
        padding-left: 250px;
        position: relative;
        left: -250px;
    }
}

#site-header {
    background: @taupe;
    .menu-nav {
        padding: 0;
    }
}

#masthead {
    padding: 24px 0 0;
}

.menu-nav {
    margin: 0;
}

@media (max-width: 860px) {
    #site-header {
        h1, .menu-nav {
            padding: 0 2%;
        }
    }
}

.site-title {
    padding-top: 27px;
    max-width: 530px;
    a {
        font-size: 40px;
    }
}

/* sprites for data grid icons */

.sprite-reviewer {
    float: left;
    margin-right: 4px;
    background: url(../../img/mkt/icons/mkt-reviewer-icons.png) no-repeat;
    width: 16px;
    height: 16px;
    position: relative;
    top: 4px;
    text-decoration: none;
}
.sprite-reviewer-editor {
    background-position: 0 0;
}
.sprite-reviewer-notes {
    background-position: -16px 0;
}
.sprite-reviewer-packaged-app {
    background-position: 0 -16px;
}
.sprite-reviewer-locked {
    background-position: -16px -16px;
}
.sprite-reviewer-premium {
    background-position: -32px 0;
}
.sprite-reviewer-info {
    background-position: -32px -16px;
}
.sprite-reviewer-blocked {
    background-position: 0 -32px;
}

.sort-icon {
    background: url(../../img/developers/editor-sprite.png) no-repeat top left;
}
.ed-sprite-sort-asc {
    background-position: right -321px;
}
.ed-sprite-sort-both {
    background-position: right -378px;
}
.ed-sprite-sort-desc {
    background-position: right -435px;
}
/* data grids on queue pages */
.data-grid-top {
    border-bottom: 1px solid #A5BFCE;
}
.data-grid-bottom {
    border-top: 1px solid #A5BFCE;
}
.data-grid-content {
    padding: 5px;
}
.data-grid-content:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.data-grid-content ol.pagination {
    margin: 0;
}
.queue-outer {
    .border-radius(5px);
    border: 4px solid #E0EFFD;
    margin-bottom: 2em;
}
.queue-inner {
    .border-radius(3px);
    background-color: @white;
    border: 1px solid #2E5186;
}
.queue-inner a em {
    font-size: 0.8em;
    opacity: 0.6;
}
.queue-outer .no-results {
    margin: 0;
    padding: 6em 1em;
    font-size: 1.1em;
}

@media (min-width: @tablet-min) {
    .data-grid {
        thead th {
            &:nth-child(3) {
                min-width: 7em;
            }
            &:nth-child(4) {
                min-width: 8em;
            }
            &:nth-child(5) {
                min-width: 90px;
            }
            &:nth-child(6) {
                min-width: 7em;
            }
            &:nth-child(7) {
                min-width: 7em;
            }
            &:nth-child(8) {
                min-width: 10em;
            }
        }
        tr {
            th, td {
                padding: 7px 10px;
            }
        }
        th {
            line-height: 1.3;
        }
        .addon-row a {
            max-width: 600px;
        }
    }
}

table.data-grid {
    margin-bottom: 0;
    width: 100%;
    thead th {
        background: @faded-blue;
        &:first-child {
            width: 0;
        }
        a {
            &:active, &:hover, &:visited {
                color: #36b;
            }
        }
        &.ordered {
            .gradient-two-color(@faded-blue, @border-blue);
            a {
                color: #137;
                &:active, &:hover, &:visited {
                    color: #039;
                }
            }
        }
    }
    tr {
        td {
            border-top: 1px dotted @border-gray;
        }
        a {
            display: block;
        }
        &:nth-child(odd) {
            background-color: #FAFAFA;
        }
        &:nth-child(even) {
            background-color: @white;
        }
    }
    .addon-locked {
        width: 16px;
        height: 16px;
        position: relative;
        top: 4px;
    }
    .locked .addon-locked {
        background: url(../../img/mkt/icons/mkt-reviewer-icons.png) no-repeat top left;
        background-position: -16px -16px;
    }
    ul {
        margin: 0;
    }
    time {
        color: @medium-gray;
        font-size: 11px;
        line-height: 12px;
    }
}

/* Version notes */
#popup-notes .version-notes {
    overflow: auto;
    max-height: 200px;
    margin-bottom: 1em;
}
.addon-version-notes {
    position: relative;
}
table.data-grid .addon-version-notes a {
    text-decoration: none;
}

.island {
    position: relative;
    z-index: 1;
}

/* editors/queue tabs */
@media (min-width: @tablet-min) {
    .tabnav {
        margin: 0 10px;
    }
    .tabnav li {
        display: inline;
        position: relative;
        top: 13px;
        margin: 0 5px;
        z-index: 0;
        &:after {
            /* Cover the bottom part of the box-shadow. */
            background: @white;
            content: "";
            display: block;
            float: left;
            height: 15px;
            margin-bottom: -15px;
            position: relative;
            top: 1px;
            width: 100%;
        }
        &.selected {
            z-index: 2;
        }
    }
}
.html-rtl .tabnav {
    text-align: right;
}
.tabnav a {
    .border-radius(5px 5px 0 0);
    background-color: @taupe;
    border: 1px solid transparent;
    border-bottom: 0;
    font-weight: bold;
    color: @medium-gray;
    display: inline-block;
    padding: 10px 15px 20px;
    text-decoration: none;
}
.tabnav li.selected {
    a {
        .box-shadow(0 -2px 0 fadeOut(@taupe, 80%) inset,
                    0 0 1px rgba(0, 0, 0, 0.1));
        background-color: @white;
        border-color: @taupe;
        color: @dark-gray;
    }
}
.tabnav a:hover {
//    background-color: rgba(0,0,0,.15);
    color: @dark-gray;
}

/* Home */
#editors_main .listing .results-inner {
    padding: 0;
}

#editors_main .listing time {
    color: #aaa;
    font-style: italic;
}

#editors_main .listing .row {
    padding: 0.5em;
    margin: 0 5px;
    border-bottom: 1px dotted #ADD0DC;
}

#editors_main .listing .row:last-child {
    border-bottom-width: 0px;
}

.listing .listing-header {
    text-align: center;
    font-weight: bold;
}

.editor-stats-title,
.editor-stats-table {
    width: 50%;
    float: left;
}

#editors-stats-charts .editor-stats-title,
#editors-stats-charts .editor-stats-table {
    width: 100%;
    float: none;
}

.editor-stats-title span,
.editor-stats-title a {
    font-weight: bold;
    padding-left: 7px;
}

.editor-stats-table > div {
    padding: 0 10px 5px;
    margin: 5px 0 0;
    border-left: 1px dotted #ADD0DC;
}

.editor-stats-table:first-child > div {
    border-left-width: 0px;
}

.editor-stats-table table {
    width: 100%;
    margin: 0;
}

.editor-stats-table td, .editor-stats-table th {
    padding: 0;
    border-top: 1px solid #F0F7FE;
}

.editor-stats-table table tr:first-child td {
    border-top-width: 0px;
}

.editor-stats-table .int {
    text-align: right;
    color: #37A632;
    font-weight: bold;
}

.editor-stats-table .date {
    text-align: right;
    color: #999;
    font-style: italic;
}

.listing-header {
    line-height: 1.8em;
}

.daily-message {
    display: none;
    position: relative;
}

.daily-message div {
    padding: 15px;
}

.daily-message .close {
    background-color: @border-gray;
    .border-radius(15px);
    color: @white;
    font-weight: bold;
    height: 15px;
    line-height: 12px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 5px;
    width: 15px;
    text-decoration: none;
    display: none;
}

.daily-message .close:hover {
    background-color: @light-gray;
    text-decoration: none;
}

.daily-message p {
    margin: 0;
}

.daily-message h2 {
    font-size: 1em;
    font-weight: bold;
    margin-top: 0;
}

.featured-inner-padded {
    padding: 15px;
}

table.data-grid tr.comments td {
    border-top: none;
    background: #def;
}

.waiting_old, .waiting_med, .waiting_new {
    height: 20px;
    .box-shadow(0px 2px rgba(0, 0, 0, 0.1) inset);
    float: left;
    -moz-transition: 0.3s background-color;
}

.waiting_old:hover, .waiting_med:hover, .waiting_new:hover {
    -moz-transition: 0.1s background-color;
}

.waiting_old {
    background-color: #FFD3D3;
}
.waiting_old:hover {
    background-color: #FCBCBC;
}

.waiting_med {
    background-color: #FFFFB4;
}
.waiting_med:hover {
    background-color: #F5F484;
}
.waiting_new {
    background-color: #B8E6B8;
}
.waiting_new:hover {
    background-color: #9DE19C;
}

div.editor-waiting {
    border: 1px solid @note-gray;
    .border-radius(5px);
    overflow: hidden;
}

div.editor-stats-dark {
    background-color: #F3F3F3;
    border-top: 1px dotted @medium-gray;
    display: block;
    padding: 5px 10px 10px;
}

div.editor-stats-table > div.editor-stats-dark {
    border-left: 1px solid #DDDDDD;
}

/* Moderated reviews css */

#reviews-flagged {
    .review-flagged {
        border-top: 1px dotted @medium-gray;
        line-height: 20px;
        margin: 0 0 1em 1em;
        padding: 1em;
        ul {
            margin-bottom: 0;
        }
    }
    &:first-child {
        border-top: 0;
    }
    .reviews-flagged-reasons {
        background-color: lighten(@red, 50%);
        .border-radius(10px);
        clear: both;
        margin: 0;
        padding: 0 10px;
        li {
            border-top: 1px dotted @light-gray;
            padding: 10px 0;
            &:first-child {
                border-top: 0;
            }
        }
    }
    h3 {
        margin: 0;
    }
    p {
        margin-bottom: 1.5em;
    }
    .review-flagged-actions {
        border-left: 1px dashed @medium-gray;
        float: right;
        margin-left: 10px;
        padding-left: 10px;
        width: 200px;
        label {
            font-weight: normal;
        }
    }
    form {
        margin: 0;
    }
    div.review-saved {
        margin-bottom: 0;
        padding: 10px;
        text-align: right;
    }
    label[for$=action_0] {
        color: @green;
    }
    label[for$=action_2] {
        color: @maroon;
    }
    .stars {
        float: left;
    }
    span.light {
        color: @note-gray;
    }
}
.html-rtl #reviews-flagged {
    .stars {
        float: right;
    }
}

/* data grid search form */
#log-filter form {
    margin: 0;
}
.log-filter-outside {
    float: right;
}
.log-filter-outside label {
    font-weight: normal;
}
.log-filter-outside input::-webkit-input-placeholder {
   color: #BBB;
}

.log-filter-outside input:-moz-placeholder {
   color: #BBB;
}

.log-filter-outside div.date_range {
    padding: 0.5em 0 0;
}

.queue-outer #queue-search table {
    margin: 0;
    padding: 0;
}
.queue-outer #queue-search,
.date_range {
    padding: 1em;
}
#advanced-search {
    display: none;
    margin-top: 1em;
}
#advanced-search .column1 {
    float: left;
    width: 375px;
}
#advanced-search .column1 label {
    display: block;
    float: left;
    width: 13em;
}
#advanced-search .form-elem {
    margin-bottom: 0.5em;
}
#advanced-search .column2,
#advanced-search .column3 {
    float: left;
    width: 250px;
}
#advanced-search .column2 label,
#advanced-search .column3 label {
    display: block;
}
#advanced-search .form-row {
    clear: both;
    padding-bottom: 1em;
}
#advanced-search .column3:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#id_text_query {
    width: 25em;
    height: 1.5em;
}

/* Add-on Review Log */
#log-listing tr th:nth-child(1) {
    width: 20%;
}
#log-listing tr th:nth-child(2) {
    width: 40%;
}
#log-listing tr th:nth-child(3) {
    width: 25%;
}
#log-listing tr th:nth-child(4) {
    width: 15%;
}
#log-listing .hide {
    display: none;
}

#scroll_sidebar {
    position: absolute;
    top: 0;
}
#scroll_sidebar.sticky {
    position: fixed;
    top: 10px;
}

#history {
    .border-radius(5px);
    padding: 0;
    width: 100%;
    #review-files-header {
        padding: 0 15px;
    }
    h3 span {
        color: @medium-gray;
        padding: 0 5px;
    }
    table {
        line-height: 1.3;
        width: 100%;
    }
    .log-comments {
        color: @medium-gray;
        margin: 10px 0 0;
        ul {
            list-style: disc inside;
            margin: 5px 0;
        }
    }
}

#review-files {
    width: 100%;
    .listing-header > th {
        background: @faded-blue;
        padding: 5px 15px;
    }
    .listing-header,
    .listing-body {
         border-top: 1px solid #A5BFCE;
    }
}
#review-files td {
    .border-radius(0 0 5px 5px);
    background-color: #FAFAFA;
    padding: 15px;
}
#review-files-header h3 span {
    font-size: 0.7em;
}
#review-files-header h3 a.on {
    color: #333;
    font-weight: bold;
}
#review-files-header #review-files-paginate {
    float: right;
    margin-top: 2em;
}
#review-files-paginate ol {
    float: right;
    margin: 0;
    padding-left: 10px;
    text-align: right;
    top: -20px;
    width: auto;
}
#review-files table.activity th {
  width: 25%;
  padding-right: 1em;
}
#review-files table.activity tr {
    border-top: 1px dotted #ccc;
    td {
        padding: 15px 0;
    }
    &:first-child td {
        padding-top: 0;
    }
    &:last-child td {
        padding-bottom: 0;
    }
}
#review-files table.activity tr:first-child {
    border-top: 0 none;
}
#review-files .listing-header span.light {
    font-weight: normal;
    color: #999;
}
#review-files tr.listing-header:first-child {
}
#review-files tr.listing-header:hover {
    cursor: pointer;
    .gradient-two-color(@white, #CCE6FF);
}
#review-files tr.listing-header:active {
    cursor: pointer;
    .gradient-two-color(#e0effd, @white);
}
#review-files .files div:first-child {
    padding-top: 0;
}
#review-files .files li,
#review-files .files > div {
    padding-top: 5px;
    line-height: 1.3em;
}
#review-files .files ul {
    margin: 0 0 5px 15px;
}
#review-files .no-activity {
    color: #777;
    font-style: italic;
    text-align: center;
}
#review-files .install {
    padding: 0;
}

#review-actions-form {
    background: @white;
    display: none;
    padding: 10px;
    textarea, input[type=text], select {
        border: 1px solid #AFBDD3;
    }
    textarea {
        height: 200px;
    }
    .review-actions-desc {
        text-align: center;
    }
    label {
        display: inline-block;
        margin: 5px 0;
    }
    .review-actions-tested label {
        margin: 5px 10px 5px 25px;
    }
    .review-actions-device-override {
        ul {
            margin-top: 5px;
            li {
                display: inline-block;
                margin-right: 15px;
            }
        }
    }
}

.review-actions {
    .border-radius(5px);
    .box-shadow(0 -2px 0 @faded-blue inset,
                0 0 1px rgba(0, 0, 0, 0.1));
    border: 1px solid @border-blue;
    margin-top: 15px;
}

.review-actions #review-actions-form {
    display: none;
}

.review-actions .action_nav ul {
    margin: 0;
    display: table;
    width: 100%;
}

.review-actions .action_nav li {
    .gradient-two-color(@white, #e0effd);
    display: table-cell;
    text-align: center;
}

.review-actions .action_nav li:active {
    .gradient-two-color(#e0effd, @white);
}

.review-actions .action_nav li input {
    display: none;
}

.review-actions .action_nav li label {
    display: block;
    padding: 10px 5px;
}

.review-actions .action_nav li {
    text-shadow: 1px 1px 0 @white;
    border-top: 1px solid #2E5186;
    border-bottom: 1px solid #2E5186;
    border-right: 1px solid #A5BFCE;
}

.review-actions .action_nav li:first-child {
    border-left: 1px solid #2E5186;
    .border-radius(5px 0 0 5px);
}

.review-actions .action_nav li:last-child {
    border-right: 1px solid #2E5186;
    .border-radius(0 5px 5px 0);
}

.review-actions.on .action_nav ul li.on-tab {
    background: #fff;
    border-bottom: none;
}

.review-actions.on #review-actions-form {
    border: 1px solid #2E5186;
    border-top-width: 0;
    .border-radius(0 0 5px 5px);
}

.review-actions.on .action_nav li:first-child {
    .border-radius(5px 0 0);
}

.review-actions.on .action_nav li:last-child {
    .border-radius(0 5px 0 0);
}

.review-actions.on .action_nav li {
    border-bottom: 1px solid #A5BFCE;
}

/* Hide "files" for now. */
.review-actions-files {
    display: none !important;
}

#review-actions-files-warning {
    color: #B47100;
}

.review-actions-canned {
    margin-top: 10px;
    text-align: right;
}

.review-actions-canned #id_canned_response optgroup[label=""] {
    display: none;
}

.review-actions-canned select {
    padding: 0;
}

.review-actions-section {
    border-top: 1px dotted #ccc;
    margin-top: 1em;
    padding-top: 1em;
}

.review-actions-save {
    text-align: right;
}

.review-actions-section label {
    font-weight: normal;
}

.history-comment {
    white-space: pre-wrap;
}

.history-comment, .history-comment-version {
    padding: 10px;
    overflow: auto;
}

.history-comment-byline {
    padding: 0 10px;
    font-style: italic;
}

.review-paging {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 2em;
    padding-bottom: 1em;
    text-align: center;
}

#editor-motd textarea {
    height: 5em;
    margin-bottom: 0.5em;
}

#editor-motd .buttons {
    text-align: right;
}

.currently_viewing_warning {
    display: none;
}

.scroll_sidebar_parent .currently_viewing_warning {
    margin-top: 0;
    border: medium none;
    border-radius: 8px;
}

div.currently_viewing_warning {
    background-color: #FFE4E4;
    margin: 1em 0;
    border: 1px dashed #FE7272;
    padding: 10px;
}

div.currently_viewing_warning strong {
    display: block;
}

span.currently_viewing_warning {
    color: red;
    padding-right: 15px;
}

.concealed {
    font-size: 15px;
    font-weight: bold;
    padding: 4px 10px 7px;
    &:hover {
        .gradient-two-color(#ccc, #bbb);
        color: @dark-gray;
    }
}

@media (min-width: @tablet-min) {
    #actions li {
        max-width: 264px;
        min-width: 192px;
        margin-bottom: 20px;
    }
}

#actions {
    .button.product {
        position: relative;
        width: 100%;
        z-index: 1;
    }
    .button {
        display: block;
    }
    .faked-purchase,
    .approval {
        .border-radius(0 0 5px 5px);
        display: block;
        margin-top: -5px;
        padding: 15px 15px 10px;
        position: relative;
        z-index: 0;
    }
    .no-apps {
        text-align: center;
        margin-top: 10px;
        line-height: 20px;
        display: none;
        a {
            background: url(../../img/mkt/icons/nightly.png) 5px 0 no-repeat;
            padding: 0 5px 0 30px;
            display: inline-block;
        }
    }
    .faked-purchase {
        .border-radius(0 0 5px 5px);
        background: fadeOut(@red, 90%);
        font-size: 12px;
        text-align: center;
        b {
            color: @maroon;
            display: block;
            text-transform: uppercase;
        }
    }
}

#reviewers-score-bar {
    ul li {
        float: left;
        width: 32%;
        margin: 0 0.5%;
    }
    h3 {
        margin-top: 0;
    }
    tr.you-are-here {
        font-weight: bold;
    }
    td.number {
        text-align: right;
    }
}

.html-rtl #reviewers-score-bar {
    ul li {
        float: right;
    }
    td.number {
        text-align: left;
    }
}

#view-manifest {
    &:hover, b {
        color: #036;
    }
    b {
        &:before {
            content: "(";
        }
        &:after {
            content: ")";
        }
    }
}

#manifest-headers,
#manifest-contents {
    color: @dark-gray;
    clear: both;
    font: 12px/14px @mono-stack;
    list-style: none;
    margin: 15px 0;
    overflow-x: auto;
    white-space: pre;
}

#manifest-headers {
    background-color: @faint-gray;
    border: @dark-gray 2px solid;
    padding: 5px 10px;
}

#manifest-contents {
    background-color: #def;
    border: darken(#def, 75%) 2px solid;
    // Using counters so we can style the line numbers.
    counter-reset: item;
    li {
        counter-increment: item;
        padding: 5px 10px;
        &:before {
            background-color: @faint-gray;
            display: inline-block;
            color: @note-gray;
            content: counter(item);
            margin: -5px 10px -5px -10px;
            padding: 5px;
            text-align: right;
            width: 3ex;
        }
        &:nth-child(2n + 1) {
            background: lighten(#def, 4%);
        }
    }
}

@media (max-width: @landscape-max) {
    html, body {
        background: @bg-gray @grain-src;
    }
    #breadcrumbs,
    #actions + strong,
    #actions + strong + ul,
    #helpfulLinks,
    #footer {
        display: none;
    }
    #site-header h1 {

            .border-box;
        border-top: 1px solid @light-gray;
        margin: 0;
        max-width: 100%;
        padding: 0;
        a {
            border-top: 1px solid @faint-gray;
            font-size: 14px;
            line-height: 16px;
            font-weight: 600;
            padding: 10px;
        }
        small {
            display: inline-block;
            font-size: 14px;
            font-weight: 200;
            padding: 0;
            &:after {
                color: #bbb;
                content: "\00a0\00a0/\00a0";
                display: inline-block;
                font-size: 14px;
                vertical-align: top;
            }
        }
    }
    #site-header {
        .menu-nav, .upper-header {
            padding: 0;
        }
    }
    #aux-nav {
        background: @border-gray;
        float: none;
        font-size: 11px;
        max-width: 100%;
        > ul > li {
            border-right: 1px solid darken(@border-gray, 10%);
        }
    }
    #site-nav {
        border: 1px solid #bbb;
    }
    #site-nav .menu-nav > ul {
        > li {
            margin: 0;
            &:first-child > a {
                padding-left: 10px;
            }
            &:last-child {
                border-right: 1px dotted @light-gray;
            }
            > a {
                font-size: 11px;
                font-weight: 400;
                padding: 10px;
            }
        }
    }
    .menu-nav > ul > li > ul a {
        padding: 16px 8px;
    }
    #wrap {
        padding: 10px 0 0;
    }
    .tabnav {
        li {
            display: none;
            &.selected {
                display: block;
            }
        }
        a {
            .border-box;
            font-size: 12px;
            padding: 10px;
            pointer-events: none;
            width: 100%;
            &:active {
                background-color: lighten(@taupe, 5%);
                color: @note-gray;
            }
        }
        + .island {
            .border-radius(0);
            padding: 0;
        }
    }
    .data-grid {
        tr {
            th, td {
                border: 1px solid @faint-gray;
                line-height: 12px;
                font-size: 11px;
                padding: 4px 2px;
                text-align: center;
            }
            // Don't add borders around table cell for locked icon.
            th:nth-child(1),
            td:nth-child(1) {
                border-right: 0;
            }
            th:nth-child(2),
            td:nth-child(2) {
                border-left: 0;
            }
        }
        thead th {
            &:nth-child(2) {
                max-width: 300px;
            }
            &:nth-child(6) {
                min-width: 55px;
            }
            &:nth-child(7) {
                min-width: 45px;
            }
        }
        th {
            font-weight: 400;
            vertical-align: middle;
        }
        .addon-row a {
            display: block;
            font-size: 12px;
            line-height: 14px;
            margin: -15px -30px;
            padding: 15px 30px;
            text-align: left;
        }
        .desktop-only {
            opacity: .25;
        }
    }
    .device-list {
        margin: 0;
    }
    #page h1 {
        font-size: 18px;
        line-height: 20px;
        margin: 10px 0 15px;
    }
    #scroll_sidebar_parent,
    #addon {
        float: none;
        width: 100%;
    }
    #scroll_sidebar_parent,
    #scroll_sidebar {
        position: inherit;
    }
    #scroll_sidebar {
        margin-bottom: 15px;
    }
    #actions {
        li {
            .border-box;
            float: left;
            margin: 0;
            width: 33.33%;
            + li {
                padding-left: 5px;
            }
        }
        .app-install .button {
            font-weight: 600;
        }
        .button {
            height: inherit;
            font-weight: 100;
            padding: 8px;
            &.product {
                top: -2px;
            }
        }
    }
    dt {
        min-width: 30%;
    }
}

@media (max-width: @mobile-max) {
    .device-list {
        ul {
            width: 100%;
        }
        li {
            display: block;
            margin: -5px auto 0;
            + li {
                margin-top: 3px;
            }
            &:first-child + li {
                margin-top: 6px;
            }
        }
    }
    dt {
        float: none;
        margin: 0 0 3px;
        width: 100%;
    }
    dd {
        margin-bottom: 15px;
    }
    #actions li {
        width: 50%;
        &.app-install {
            float: none;
            margin-bottom: 10px;
            width: 100%;
            .button {
                display: block;
            }
        }
        + li {
            padding-left: 0;
            + li {
                padding-left: 5px;
            }
        }
    }
    .tabnav + .island {
        .border-box;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }
}


Removes sc column styles

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


Add variables.less

Add variables.less

@import '../../../bower_components/bootstrap/less/variables.less';

/*
 A list of variables that can be used by themes and widgets. All values default
 to bootstrap. Themes can then override the dash values to ensure
 widgets will use the proper theme color.
 */

@dash-image-path: "../assets/img/";

// applied to all pages
@dash-bg:                           @panel-default-heading-bg;
@dash-text:                         @panel-default-text;
@dash-text-inverse:                 @dash-bg;

// used for hr tags or widgets to split sections or rows
@dash-divider:                      @dash-text;
@dash-divider-light:                lighten(@dash-text, 20%);

// custom values can be overridden on the dashboard page
@dash-dashboard-bg:                 @dash-bg;
@dash-dashboard-text:               lighten(@dash-text, 20%);
@dash-dashboard-text-hover:         @dash-text; // on hover, should stand out more than normal text
@dash-dashboard-text-light:         @dash-text;

// styles for the brand header
@dash-header-bg:                    @panel-primary-heading-bg;
@dash-header-text:                  @panel-primary-text;
@dash-header-font-size:             2.5rem;

// dash secondary styles
@dash-btn-secondary-bg:             darken(@body-bg, 10%);
@dash-btn-secondary-border:         lighten(@btn-default-border, 20%);
@dash-btn-secondary-color:          lighten(@text-color, 20%);

// logo
@dash-header-logo-url: '@{dash-image-path}hygieia_b.png';
@dash-header-logo-width:            135px;
@dash-header-logo-height:           35px;
@dash-header-logo-left:             10px;
@dash-header-logo-top:              8px;

@dash-header-logo-inverse-url: '@{dash-image-path}hygieia_w.png';

// logo for smaller screens
@dash-header-icon-url: '@{dash-image-path}hygieia_b.png';
@dash-header-icon-width:            41px;
@dash-header-icon-height:           48px;
@dash-header-icon-left:             60px;
@dash-header-icon-top:              10px;

// values for modals
@dash-modal-bg:                     @dash-bg;
@dash-modal-heading-text:           @dash-dashboard-text;
@dash-modal-heading-border:         @dash-dashboard-text;
@dash-modal-divider:                @dash-dashboard-text;
@dash-modal-icon-text:              @dash-dashboard-text;

// values for detail views
@dash-detail-heading-text:			@dash-dashboard-text;
@dash-detail-heading-border:		@dash-dashboard-text;
@dash-detail-icon-text:				@dash-dashboard-text;
@dash-detail-divider:               @dash-dashboard-text;

// when widget is in alert state
@dash-widget-alert-bg:              @brand-danger;
@dash-widget-alert-text:            @panel-danger-text;
@dash-widget-alert-heading-border:  @panel-danger-text;

// widget settings
@dash-widget-border-radius:         .5rem;
@dash-widget-heading-border:        @dash-divider;
@dash-widget-sub-heading-border:    @dash-divider;
@dash-widget-heading-text:          @dash-dashboard-text;
@dash-widget-section-highlight:     @well-bg;

// widget when in configure state
@dash-state-config-bg:              @dash-widget-section-highlight;
@dash-state-config-bg-hover:        @dash-state-config-bg;
@dash-state-config-text:            @dash-dashboard-text;
@dash-state-config-text-hover:      @dash-state-config-text;

// dash-status colors
@dash-status-pass:                  @brand-success;
@dash-status-warn:                  @brand-warning;
@dash-status-fail:                  @brand-danger;
@dash-status-fail-border:           darken(@dash-status-fail, 30%);
@dash-status-fail-text:             contrast(@dash-status-fail);

@dash-status-alert-pass:            @dash-status-pass;
@dash-status-alert-warn:            @dash-status-warn;
@dash-status-alert-fail:            @dash-status-fail;

// values defined for all chartist charts
@dash-chart-alt-color:              contrast(@dash-bg);
@dash-chart-alt-fill:               rgba(red(@dash-chart-alt-color), green(@dash-chart-alt-color), blue(@dash-chart-alt-color), .75);
@dash-chart-area-opacity:           .5;
@dash-chart-line-width:             2px;
@dash-chart-point-size:             6px;
@dash-chart-text-color:             @dash-dashboard-text;
@dash-chart-bar-width:              14;
@dash-chart-grid:                   @dash-dashboard-text;
@dash-chart-horizontal-text-align:  center;
@dash-chart-halo-color:             transparent;
@dash-chart-halo-size:              3px;

@dash-text-standard-size:           1.1;
@dash-text-standard-line-height:    1.2;

@dash-btn-wide: @padding-base-horizontal * 2;
@dash-btn-wide-2x: @dash-btn-wide * 2;

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


reduced height

reduced height

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/Redmart/keystone.git/'


Create buttons.less

Create buttons.less

button,
input[type="button"],
[role="button"] {
	display:inline-block;
	vertical-align:middle;
	padding:(@gutter / 2) @gutter;
	margin:0;
	text-align:center;
	white-space:nowrap;
	cursor:pointer;
	background-image:none;
	background-color:@white;
	color:@black;
	border:0;
	touch-action:manipulation;
	.user-select(none);
	.border-radius(@border-radius);
	.shadow-extra-small();
	.transition(@transition-button);
}

button.large,
input[type="button"].large,
[role="button"].large {
	padding:(@gutter / 1.5) @gutter * 1.25;
	font-size:(@font-size * 1.5);
}

button.small,
input[type="button"].small,
[role="button"].small {
	padding:(@gutter / 3.25) @gutter * 0.75;
	font-size:(@font-size * 0.75);
}

button:hover,
input[type="button"]:hover,
[role="button"]:hover {
	.shadow-small();
}

button:active,
input[type="button"]:active,
[role="button"]:active,
[role="button"] input[type="radio"]:checked + label,
button:focus,
input[type="button"]:focus,
[role="button"]:focus {
	outline:0;
	.shadow-extra-small-inset();
}

button.primary,
input[type="button"].primary,
[role="button"].primary,
label[role="button"].active {
	background-color:@primary;
	color:@white;
}

button.primary:hover,
input[type="button"].primary:hover,
[role="button"].primary:hover,
button.primary:active,
input[type="button"].primary:active,
[role="button"].primary:active,
button.primary:focus,
input[type="button"].primary:focus,
[role="button"].primary:focus {
	background-color:darken(@primary,7.5%);
}

button.info,
input[type="button"].info,
[role="button"].info {
	background-color:@info;
	color:@white;
}

button.info:hover,
input[type="button"].info:hover,
[role="button"].info:hover,
button.info:active,
input[type="button"].info:active,
[role="button"].info:active,
button.info:focus,
input[type="button"].info:focus,
[role="button"].info:focus {
	background-color:darken(@info,7.5%);
}

button.success,
input[type="button"].success,
[role="button"].success {
	background-color:@success;
	color:@white;
}

button.success:hover,
input[type="button"].success:hover,
[role="button"].success:hover,
button.success:active,
input[type="button"].success:active,
[role="button"].success:active,
button.success:focus,
input[type="button"].success:focus,
[role="button"].success:focus {
	background-color:darken(@success,7.5%);
}

button.warning,
input[type="button"].warning,
[role="button"].warning {
	background-color:@warning;
	color:@black;
}

button.warning:hover,
input[type="button"].warning:hover,
[role="button"].warning:hover,
button.warning:active,
input[type="button"].warning:active,
[role="button"].warning:active,
button.warning:focus,
input[type="button"].warning:focus,
[role="button"].warning:focus {
	background-color:darken(@warning,7.5%);
}

button.danger,
input[type="button"].danger,
[role="button"].danger {
	background-color:@danger;
	color:@white;
}

button.danger:hover,
input[type="button"].danger:hover,
[role="button"].danger:hover,
button.danger:active,
input[type="button"].danger:active,
[role="button"].danger:active,
button.danger:focus,
input[type="button"].danger:focus,
[role="button"].danger:focus {
	background-color:darken(@danger,7.5%);
}

button.link,
input[type="button"].link,
[role="button"].link {
	background-color:transparent;
	color:@primary;
	.box-shadow(none);
}

button.link:hover,
input[type="button"].link:hover,
[role="button"].link:hover,
button.link:active,
input[type="button"].link:active,
[role="button"].link:active,
button.link:focus,
input[type="button"].link:focus,
[role="button"].link:focus {
	text-decoration:underline;
	.box-shadow(none);
}

[data-button-group] {
	display:inline-block;
	vertical-align:middle;
}

[data-button-group] > button,
[data-button-group] > input[type="button"],
[data-button-group] > [role="button"],
[data-button-group] [data-dropdown] {
	float:left;
}

[data-button-group] > button:first-of-type:not(:last-of-type),
[data-button-group] > button:first-child:not(:last-child),
[data-button-group] > input[type="button"]:first-of-type:not(:last-of-type),
[data-button-group] > input[type="button"]:first-child:not(:last-child),
[data-button-group] > [role="button"]:first-of-type:not(:last-of-type),
[data-button-group] > [role="button"]:first-child:not(:last-child),
[data-button-group] [data-button-group]:first-of-type:not(:last-of-type) > [role="button"],
[data-button-group] [data-button-group]:first-child:not(:last-child), > [role="button"],
[data-button-group] [data-button-group]:first-of-type:not(:last-of-type) > button,
[data-button-group] [data-button-group]:first-child:not(:last-child), > input[type="button"],
[data-button-group] [data-button-group]:first-of-type:not(:last-of-type) > input[type="button"],
[data-button-group] [data-button-group]:first-child:not(:last-child), > input[type="button"],
[data-button-group] [data-dropdown]:first-of-type:not(:last-of-type) > button,
[data-button-group] [data-dropdown]:first-child:not(:last-child) > button,
[data-button-group] [data-dropdown]:first-of-type:not(:last-of-type) > input[type="button"],
[data-button-group] [data-dropdown]:first-child:not(:last-child) > input[type="button"],
[data-button-group] [data-dropdown]:first-of-type:not(:last-of-type) > [role="button"],
[data-button-group] [data-dropdown]:first-child:not(:last-child)s > [role="button"] {
	.border-radius(@border-radius 0 0 @border-radius);
}

[data-button-group] > button:last-of-type:not(:first-of-type),
[data-button-group] > button:last-child:not(:first-child),
[data-button-group] > input[type="button"]:last-of-type:not(:first-of-type),
[data-button-group] > input[type="button"]:last-child:not(:first-child),
[data-button-group] > [role="button"]:last-of-type:not(:first-of-type),
[data-button-group] > [role="button"]:last-child:not(:first-child),
[data-button-group] [data-button-group]:last-of-type:not(:first-of-type) > [role="button"],
[data-button-group] [data-button-group]:last-child:not(:first-child) > [role="button"],
[data-button-group] [data-button-group]:last-of-type:not(:first-of-type) > button,
[data-button-group] [data-button-group]:last-child:not(:first-child) > button,
[data-button-group] [data-button-group]:last-of-type:not(:first-of-type) > input[type="button"],
[data-button-group] [data-button-group]:last-child:not(:first-child) > input[type="button"],
[data-button-group] [data-dropdown]:last-of-type:not(:first-of-type) > button,
[data-button-group] [data-dropdown]:last-child:not(:first-child) > button,
[data-button-group] [data-dropdown]:last-of-type:not(:first-of-type) > input[type="button"],
[data-button-group] [data-dropdown]:last-child:not(:first-child) > input[type="button"],
[data-button-group] [data-dropdown]:last-of-type:not(:first-of-type) > [role="button"],
[data-button-group] [data-dropdown]:last-child:not(:first-child) > [role="button"] {
	.border-radius(0 @border-radius @border-radius 0);
}

[data-button-group] > button:not(:first-of-type):not(:last-of-type),
[data-button-group] > button:not(:first-child):not(:last-child),
[data-button-group] > input[type="button"]:not(:first-of-type):not(:last-of-type),
[data-button-group] > input[type="button"]:not(:first-child):not(:last-child),
[data-button-group] > [role="button"]:not(:first-of-type):not(:last-of-type),
[data-button-group] > [role="button"]:not(:first-child):not(:last-child),
[data-button-group] [data-button-group]:not(:first-of-type):not(:last-of-type) > [role="button"],
[data-button-group] [data-button-group]:not(:first-child):not(:last-child) > [role="button"],
[data-button-group] [data-button-group]:not(:first-of-type):not(:last-of-type) > button,
[data-button-group] [data-button-group]:not(:first-child):not(:last-child) > button,
[data-button-group] [data-button-group]:not(:first-of-type):not(:last-of-type) > input[type="button"],
[data-button-group] [data-button-group]:not(:first-child):not(:last-child) > input[type="button"],
[data-button-group] [data-dropdown]:not(:first-child):not(:last-child) > button,
[data-button-group] [data-dropdown]:not(:first-child):not(:last-child) > input[type="button"],
[data-button-group] [data-dropdown]:not(:first-child):not(:last-child) > [role="button"] {
	.border-radius(0);
}

[data-button-group="justified"] {
	display:table;
	width:100%;
	border-collapse:separate;
}
[data-button-group="justified"] > button,
[data-button-group="justified"] > input[type="button"],
[data-button-group="justified"] > [role="button"],
[data-button-group="justified"] > [data-button-group] {
	display:table-cell;
	float:none!important;
}
[data-button-group="justified"] > [data-button-group] button {
	width: 100%;
}
[data-button-group="justified"] > [data-button-group] [data-dropdown] {
	left: auto;
}

label[role="button"] input[type="radio"],
label[role="button"] input[type="checkbox"]{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	cursor:pointer;
	.opacity(0.01);
}

label[role="button"] {
	display:block;
	cursor:pointer;
}

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


Hides forgot input checkbox

Hides forgot input checkbox

//
// Forms
// --------------------------------------------------

// Input
// --------------------------------------------------

.input-lg {
    border-radius: @input-border-radius-large;
}

.input-sm {
    border-radius: @input-border-radius-small;
}

.form-horizontal {
    .control-label,
    .radio,
    .checkbox,
    .radio-inline,
    .checkbox-inline {
        padding-bottom: (@padding-base-vertical + 1); // Default padding plus a border
    }
}

// Checkbox / Radio
// --------------------------------------------------

label {
    &.form-control-fa {
        display: inline-block;
        margin: 0 0 0 -20px;
        line-height: 2 - @line-height-base;

        &.radio-inline,
        &.checkbox-inline {
            + .form-control-fa.radio-inline,
            + .form-control-fa.checkbox-inline {
                margin-left: 0;
            }
        }

        > input[type="checkbox"],
        > input[type="radio"] {
            opacity: 0;
            position: relative;
            z-index: -1;

            + .form-control-fa-style {
                display: inline-block;
                margin: 0;
                width: 22px;
                height: 22px;
                background-color: @input-bg;
                border: 1px solid @input-border;
                border-radius: @input-border-radius;
                .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
                .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s");

                &:hover {
                    cursor: default;
                    border-color: @input-border-focus;
                }

                + span {
                    line-height: 22px;
                    margin-left: 10px;
                    vertical-align: top;
                }
            }

            &:checked  {
                + .form-control-fa-style {
                    font-size: 15px;
                    color: @input-checked-color;
                    background-color: @input-checked-bg;
                    border-color:  @input-checked-bg;

                    &:hover {
                        border-color: @input-checked-border-focus;
                    }

                    &:before {
                        content: "\f00c";
                        float: left;
                        padding: 0 3px;
                        margin-top: 3px;
                    }
                }
            }

            &:focus {
                + .form-control-fa-style {
                    .form-control-focus();
                    border-color: @input-border-focus;
                }
            }

            &:checked:focus {
                + .form-control-fa-style {
                    border-color: @input-checked-border-focus;
                }
            }
        }

        > input[type="radio"] {
            + .form-control-fa-style {
                border-radius: 11px;
            }
        }
    }
}

label.form-control-fa > input[type="checkbox"][disabled],
label.form-control-fa > input[type="radio"][disabled],
fieldset[disabled] label.form-control-fa > input[type="checkbox"],
fieldset[disabled] label.form-control-fa > input[type="radio"] {
    + .form-control-fa-style {
        cursor: not-allowed;
        background-color: @input-bg-disabled;
        border-color: @input-border;
        color: inherit;

        &:hover {
            border-color: @input-border;
        }

        &:before {
            opacity: 0.3;
        }
    }
}

.form-control-color(default);
.form-control-disabled-color(default);
.form-control-color(primary);
.form-control-disabled-color(primary);
.form-control-color(secondary);
.form-control-disabled-color(secondary);
.form-control-color(success);
.form-control-disabled-color(success);
.form-control-color(info);
.form-control-disabled-color(info);
.form-control-color(warning);
.form-control-disabled-color(warning);
.form-control-color(danger);
.form-control-disabled-color(danger);

// Input file
// --------------------------------------------------

.form-control {
    + .btn-file-input-text {
        float: right;
        margin-top: -@input-height-base;
    }

    + .bootstrap-filestyle {
        outline-color: @input-border-focus;
    }
}

.form-control.input-lg + .btn-file-input-text {
    float: right;
    margin-top: -@input-height-large;
    height: @input-height-large;
    .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @input-border-radius-large);
}

.form-control.input-sm + .btn-file-input-text {
    float: right;
    margin-top: -@input-height-small;
    height: @input-height-small;
    .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @input-border-radius-small);
}

//
// Forms
// --------------------------------------------------

// Input
// --------------------------------------------------

.input-lg {
    border-radius: @input-border-radius-large;
}

.input-sm {
    border-radius: @input-border-radius-small;
}

.form-horizontal {
    .control-label,
    .radio,
    .checkbox,
    .radio-inline,
    .checkbox-inline {
        padding-bottom: (@padding-base-vertical + 1); // Default padding plus a border
    }
}

// Checkbox / Radio
// --------------------------------------------------

label {
    &.form-control-fa {
        display: inline-block;
        margin: 0 0 0 -20px;
        line-height: 2 - @line-height-base;

        &.radio-inline,
        &.checkbox-inline {
            + .form-control-fa.radio-inline,
            + .form-control-fa.checkbox-inline {
                margin-left: 0;
            }
        }

        > input[type="checkbox"],
        > input[type="radio"] {
            opacity: 0.3;
            position: relative;
            z-index: -1;

            + .form-control-fa-style {
                display: inline-block;
                margin: 0;
                width: 22px;
                height: 22px;
                background-color: @input-bg;
                border: 1px solid @input-border;
                border-radius: @input-border-radius;
                .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
                .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s");

                &:hover {
                    cursor: default;
                    border-color: @input-border-focus;
                }

                + span {
                    line-height: 22px;
                    margin-left: 10px;
                    vertical-align: top;
                }
            }

            &:checked  {
                + .form-control-fa-style {
                    font-size: 15px;
                    color: @input-checked-color;
                    background-color: @input-checked-bg;
                    border-color:  @input-checked-bg;

                    &:hover {
                        border-color: @input-checked-border-focus;
                    }

                    &:before {
                        content: "\f00c";
                        float: left;
                        padding: 0 3px;
                        margin-top: 3px;
                    }
                }
            }

            &:focus {
                + .form-control-fa-style {
                    .form-control-focus();
                    border-color: @input-border-focus;
                }
            }

            &:checked:focus {
                + .form-control-fa-style {
                    border-color: @input-checked-border-focus;
                }
            }
        }

        > input[type="radio"] {
            + .form-control-fa-style {
                border-radius: 11px;
            }
        }
    }
}

label.form-control-fa > input[type="checkbox"][disabled],
label.form-control-fa > input[type="radio"][disabled],
fieldset[disabled] label.form-control-fa > input[type="checkbox"],
fieldset[disabled] label.form-control-fa > input[type="radio"] {
    + .form-control-fa-style {
        cursor: not-allowed;
        background-color: @input-bg-disabled;
        border-color: @input-border;
        color: inherit;

        &:hover {
            border-color: @input-border;
        }

        &:before {
            opacity: 0.3;
        }
    }
}

.form-control-color(default);
.form-control-disabled-color(default);
.form-control-color(primary);
.form-control-disabled-color(primary);
.form-control-color(secondary);
.form-control-disabled-color(secondary);
.form-control-color(success);
.form-control-disabled-color(success);
.form-control-color(info);
.form-control-disabled-color(info);
.form-control-color(warning);
.form-control-disabled-color(warning);
.form-control-color(danger);
.form-control-disabled-color(danger);

// Input file
// --------------------------------------------------

.form-control {
    + .btn-file-input-text {
        float: right;
        margin-top: -@input-height-base;
    }

    + .bootstrap-filestyle {
        outline-color: @input-border-focus;
    }
}

.form-control.input-lg + .btn-file-input-text {
    float: right;
    margin-top: -@input-height-large;
    height: @input-height-large;
    .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @input-border-radius-large);
}

.form-control.input-sm + .btn-file-input-text {
    float: right;
    margin-top: -@input-height-small;
    height: @input-height-small;
    .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @input-border-radius-small);
}


Add styles for frontend

Add styles for frontend

input[type=text].other {
  width: 95%;
}

error: pathspec 'client/styles/frontend/survey-form.import.less' did not match any file(s) known to git


Reduce bounciness of the arrow

Reduce bounciness of the arrow

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/metao1/chat.git/'


Update "style"

Update "style"

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