v1.0.4

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


CRM-2385: Flash message notifications on email synchronization + on the top menu

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/trustify/oroplatform.git/'


Big screen item names are bigger.

Big screen item names are bigger.

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/simonpfry/AuctionHouse.git/'


更新 planetarySystem.less

更新 planetarySystem.less

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


Updated navbar

Updated navbar

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


removed menu.less and added line.less

removed menu.less and added line.less

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


Bugfix: Fixed typo in search.less

Bugfix: Fixed typo in search.less

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


fix(style): table align overrides by default user agent styles

fatal: unable to access 'https://github.com/sszuflita/almace-scaffolding.git/': The requested URL returned error: 403


Fiddle with styling to accomodate longer text in nav row

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


Working - blocks

fatal: remote error: upload-pack: not our ref 736b34d5acea866d0ac392ed1b985665185ac88b
fatal: the remote end hung up unexpectedly


Change the @alt-font from volkhorn to volkhov

In _head.html we're loading volkhov.js from edgefonts, but in
variables.less it was referencing volkorn. I don't see volkorn
loaded anywhere, so I'm assuming it's a typo.

// Typography
// --------------------------------------------------

@base-font: 'source-sans-pro', sans-serif;
@heading-font: @base-font;
@caption-font: @base-font;
@code-font: 'source-code-pro', monospace;
@alt-font: 'volkhov', serif;

@doc-font-size: 16;
@doc-line-height: 24;

// set-up the body font-size / line-height
body {
	margin-top: 0px + @doc-line-height;
	font-size: 0px + @doc-font-size;
}

// Colors
// --------------------------------------------------

@body-color      		: #ebebeb;
@text-color      		: #222;
@base-color 	 		: #343434;
@comp-color 	 		: spin(@base-color, 180);
@border-color    		: @base-color;
@white           		: #fff;
@black           		: #000;
@accent-color    		: @black;
@link-color 		    : #222;

// Typography
// --------------------------------------------------

@base-font: 'source-sans-pro', sans-serif;
@heading-font: @base-font;
@caption-font: @base-font;
@code-font: 'source-code-pro', monospace;
@alt-font: 'volkorn', serif;

@doc-font-size: 16;
@doc-line-height: 24;

// set-up the body font-size / line-height
body {
	margin-top: 0px + @doc-line-height;
	font-size: 0px + @doc-font-size;
}

// Colors
// --------------------------------------------------

@body-color      		: #ebebeb;
@text-color      		: #222;
@base-color 	 		: #343434;
@comp-color 	 		: spin(@base-color, 180);
@border-color    		: @base-color;
@white           		: #fff;
@black           		: #000;
@accent-color    		: @black;
@link-color 		    : #222;


Create stacked.less

Create stacked.less

// Stacked Icons
// -------------------------

.@{fa-css-prefix}-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.@{fa-css-prefix}-stack-1x { line-height: inherit; }
.@{fa-css-prefix}-stack-2x { font-size: 2em; }
.@{fa-css-prefix}-inverse { color: @fa-inverse; }

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


Removes gap above settings

Removes gap above settings

Removes the extra top padding responsible for the gap between the modal header and its contents.


add some spacing

add some spacing

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/bmesuere/uni-test.git/'


fix margin in AddMoreProperty menu

fix margin in AddMoreProperty menu

fatal: remote error: upload-pack: not our ref ea429475e08fcfb3275b85336ffbeaf67c2f3bb4
fatal: the remote end hung up unexpectedly


used mixins when needed

used mixins when needed


aggiunto file less

aggiunto file less

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


Hide the fancy from IE users

Hide the fancy from IE users

fatal: unable to access 'https://github.com/nanaya/osu-web.git/': The requested URL returned error: 403


Fix colour for load more link

Fix colour for load more link

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/Xyloo/osu-web.git/'


Fix lint

Fix lint

/* Processed with LESS from lib/views/stylesheet.less */
@font-family: 'Ubuntu', 'Helvetica Neue', Helvetica, Arial, sans-serif;

/* Define common colors. */
@label-color: #292929;
@text-entry-color: #6d6e70;
@charm-panel-configure-title-color: #eee7d5;
@charm-panel-configure-name-color: #8f8f88;
@charm-panel-deploy-button-color: #dd4814;
@charm-panel-cancel-button-color: #b8b8b8;
@charm-panel-separator-color: #aeaeae;
@charm-panel-background-color: #eeeeee;

body {
    margin-top: 87px;
    background-color: #302b28;
    font-family: @font-family;
}

#viewport-wrapper {
    position: relative;
    width: 85%;
    margin: 0 auto;
    padding: 0 12px;
    min-width: 960px;
}

#vp-left-border {
    position: absolute;
    top: 0;
    left: 0;
    background: url(/juju-ui/assets/images/left_shadow.png) repeat-y;
    margin-left: -12px;
    width: 12px;
}

#vp-right-border {
    position: absolute;
    top: 0;
    right: 0;
    background: url(/juju-ui/assets/images/right_shadow.png) repeat-y;
    margin-right: -12px;
    width: 12px;
}

.view-container {
  overflow: auto;
  padding: 10px;
}

.navbar {
    margin-top: -87px;
    margin-bottom: 0;
    height: 87px;
    min-width: 800px;
    background: url(/juju-ui/assets/images/top_bar.png) repeat-x;
    padding: 0;
    position: relative;
    color: #2d2d2d!important;
    .brand {
        margin: 12px 26px 6px 10px;
        padding: 0;
    }
    > div {
        padding: 0;
        .nav-container {
            display: inline-block;
            height: 44px;
            margin: 2px 0 0 0;
            padding: 20px 0 4px;
            &#charm-search-trigger-container {
                width: 292px;
                white-space: nowrap;
            }
            .nav-section {
                border-left: 1px solid lightgray;
                display: inline-block;
                padding: 4px 10px;
                #charm-search-trigger {
                    cursor: pointer;
                }
                .btn {
                    margin: 0 5px;
                }
                input {
                    width: 128px;
                    background: url(/juju-ui/assets/images/searchbox_icon.png) no-repeat 2px 1px whiteSmoke;
                    margin: 0 10px;
                    padding: 3px 3px 3px 26px;
                    font-style: italic;
                    font-family: @font-family;
                    font-size: 0.9em;
                    &:focus {
                        background: white;
                        padding: 3px;
                        width: 151px;
                        font-style: normal;
                        font-size: 1em;
                    }
                }

            }
        }
        span:first-child .nav-section {
            border-left: none;
            padding: 0 6px;
        }
        &#nav-alerts-charms {
            float: right;
            .nav-container:first-child .nav-section {
                position: relative;
            }
        }
        &#nav-brand-env .nav-container {
            float: left;
            .provider-type {
                font-size: 0.7em;
            }
        }
    }
}

#content {
    position: relative;
    background-color: #fff;
    width: 100%;
}

#main {

}

#overview {

}

.divider {
    padding: 5px;
}

svg {
    stroke-width: 0;
}

.crosshatch-background {
    background: url(/juju-ui/assets/images/pattern_tile.png) repeat;
}

#canvas {
    position: relative;
}

.environment-menu {
    @border_radius: 20px;
    @background_color: #282421;

    display: none;
    background-color: @background_color;
    color: #fdf6e3;

    border-radius: @border_radius;
    -moz-border-radius: @border_radius;
    -webkit-border-radius: @border_radius;

    box-shadow: -2px 4px 4px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -2px 4px 4px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: -2px 4px 4px 0 rgba(0, 0, 0, 0.5);

    top: 0;
    left: 0;
    position: absolute;

    &.active {
        display: block;
    }

    .triangle {
        position: absolute;
        top: 62px;
        width: 12px;
        line-height: 21px;
        background-repeat: no-repeat;
    }
    &.left .triangle {
        right: -12px;
        background-image: url(/juju-ui/assets/images/icons/icon_shadow_triangle_right.png);
    }
    &.right .triangle {
        left: -12px;
        background-image: url(/juju-ui/assets/images/icons/icon_shadow_triangle.png);
    }

    .menu-title {
        margin: 10px;
    }

    .cancel {
        margin: 10px;
        float: right;
    }

    ul {
        margin: 10px;
        list-style-type: none;
        li {
            background-position: 5px center;
            background-repeat: no-repeat;
            border-bottom: 1px #5f594f solid;
            cursor: pointer;
            line-height: 32px;
            padding: 5px 5px 5px 5px;
            border-radius: @border_radius;
            -moz-border-radius: @border_radius;
            -webkit-border-radius: @border_radius;

            &.view-service {
                background-image: url(/juju-ui/assets/images/icons/icon_noshadow_view.png);
            }
            &.add-relation {
                background-image: url(/juju-ui/assets/images/icons/icon_noshadow_relation.png);
            }
            &.add-remove-units {
                background-image: url(/juju-ui/assets/images/icons/icon_noshadow_relation.png);
                color: gray;
                cursor: default;
                &:hover {
                    background-color: inherit;
                }
            }
            &.destroy-service {
                background-image: url(/juju-ui/assets/images/icons/icon_noshadow_destroy.png);
            }

            &:last-child {
                border-bottom: none;
            }
            &:hover {
                background-color: lighten(@background_color, 10%);
            }
        }

    }

    &#service-menu ul li {
        padding-left: 42px;
    }

}

charms.thumbnails.li { height:4em; }
.subordinate-rel-group {
    display: none;
    &.active {
        display: inline;
    }
}
.relation {
    stroke: #333333;
    stroke-width: 3px;
    &.error {
        stroke: #cc3333;
    }

    &.pending-relation {
        stroke: #faaf40;

        &.dragging {
            stroke: #fa6a40
        }
    }

    &.unused {
        visibility: hidden;
    }

    &.subordinate-relation {
        stroke: #3333cc;
    }
}
.rel-label {
    rect {
        stroke-width: 1px;
        stroke: #2c2c2c;
        fill: #eee;
    }

    tspan {
        text-anchor: middle;
        dominant-baseline: middle;
    }
}
.state-error { stroke: #FF0000; }
.state-started { stroke: #000000;}
.state-pending { stroke: #6597E8;}
div.state-error {
    @error-color: #c01c20;
    background-color: @error-color;
    color: #FFFFFF;
    &:hover {
        background-color: lighten(@error-color, 10%);
    }
}
div.state-started {
    @started-color: #d8d8d8;
    background-color: @started-color;
    &:hover {
        background-color: lighten(@started-color, 10%);
    }
}
div.state-pending {
    @pending-color: #fcd305;
    background-color: @pending-color;
    &:hover {
        background-color: lighten(@pending-color, 20%);
    }
}

.unit (@min_height: 20px, @border_radius:3px) {
    padding: 5px;
    -webkit-border-radius: @border_radius;
    -moz-border-radius: @border_radius;
    border-radius: @border_radius;
    margin-bottom: 0px;
    min-height: @min_height;
    cursor: pointer;
    .agent-state {
        display: none;
    }
}

ul#unit-large div.unit {
    .unit(40px);
}

ul#unit-medium div.unit {
    .unit;
}

ul#unit-small {
    margin-left: 0px;
    > li {
        margin-bottom: 5px;
        margin-left: 5px;
        > div.unit {
            .unit;
            width: 1.7em;
            text-align: center;
        }
    }
}

ul#unit-tiny {
    margin-left: 0px;
    > li {
        margin-bottom: 3px;
        margin-left: 3px;
        > div.unit {
            .unit(0px, 1px);
        }
    }
}

circle.mouse-down-indicator {
    stroke: #040404;
    stroke-width: 2px;
    fill: none;
}
g.service {
    fill: none;
    stroke: none;

    text {
        text-anchor: middle;
    }

    .charm-label {
        font-family: @font-family;
        font-style: italic;
        fill: #4c4c4c;
    }
    .name {
        font-family: @font-family;
        fill: #4c4c4c;
    }

   .unit-count {
        stroke-width: 0;
        text-anchor: middle;
        dominant-baseline: central;
        fill: rgba(0,0,0,0);
        font-family: @font-family;

        &.show-count {
            fill: rgba(0,0,0,1);}
        &.hide-count {
            fill: rgba(0,0,0,0);}
    }

    .sub-rel-count {
        text-anchor: middle;
        dominant_baseline: central;
        fill: #4f4f4f;
        font-family: @font-family;
        font-size: 1.2em;
    }

    .exposed-indicator {
        fill: #00F;

        &.off {
            visibility: hidden;
        }
        &.on {
            visibility: visible;
        }
    }

    .service-control-panel {
        visibility: hidden;

        &.active {
            visibility: visible;
        }

        image {
            cursor: pointer;
        }
    }
}
g.service-status {
    path {
        stroke-width: 0;
        fill: #fff;

        &.status-pending {
            fill: #fcd305;}
        &.status-good {
            fill: #b7b7b7;}
        &.status-error {
            fill: #c01c20;}
    }
}

g.unit {
    stroke-width: 0; font-weight: bold;
    font-family: @font-family; font-size: 1.2em; fill: #1626cf;

    .address {
    fill: #ffffff; font-size: 0.8em;}
    .unit-border {
    stroke-width: 2px; fill: #a0a0a0;}
}

/*
 * Notification system
 */
.notice {
    border-top: 1px solid #D0D0D0;
    padding: 1em 4px;
    margin: 1em 0 0 2px;
    cursor: pointer;

    .seen {
        background-color: rgba(222, 222, 222, 0.33);
    }

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

    small {
        margin-left: 1em;
        font-size: 0.7em;
        color: #d0d0d0;
    }

    .header {
        background-color: #c0c0c0;
        font-size: 0.9em;
        margin: 0;
        padding: 0;
    }

    .error {
        background-color: rgba(255, 0, 0, 0.1);
    }
}

#service-footer {
    text-align: center;
    .footer-right {
        float: right;
    }
    .footer-left {
        float: left;
    }
    input {
        width: 3em;
        margin-bottom: 0;
    }
}

/*
 * Overview Module
 */
#overview {
    margin: 0;
    padding: 0;
    width: 100%;
}
#overview-tasks {
    background: url(/juju-ui/assets/images/bottom_bar.png) repeat-x;
    height: 50px;
    position: relative;
    color: #2d2d2d!important;

    .controls {
        position: absolute;
        top: 1px;
        left: 11px;
    }
    .destroy-control {
        position: absolute;
        top: 1px;
        right: 11px;
    }
}

.picker {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    height: 24px;
    &.graph-list-picker {
        width: 116px;
        .picker-body {
            width: 91px;
        }

        .picker-expanded {
            display: none;

            &.active {
                z-index: 100;
                display: block;
            }
            .picker-edge {
                display: block;
                top: auto;
                bottom: -10px;
                margin-left: -3px;
            }
            .picker-edge-right {
                left: auto;
                right: 0;
                margin-left: 0;
                margin-right: -3px;
            }
            .picker-list {
                position: absolute;
                bottom: -12px;
                left: 4px;
                height: 100%;
                background: url(/juju-ui/assets/images/view_1px.png) repeat-x;
                list-style-type: none;
                padding: 0;
                margin: 0;
                height: 54px;
                width: 108px;

                ul {
                    list-style-type: none;
                    padding: 0;
                    padding-top: 5px;
                    margin: 0;

                    li {
                        padding: 1px;

                        .activetick {
                            width: 12px;
                            height: 14px;
                            float: right;
                            background: url(/juju-ui/assets/images/selected_tick.png)
                                no-repeat
                                bottom left;
                        }
                    }
                }
            }
        }
    }
    &.zoom-picker {
        width: 56px;
        .picker-body {
            width: 36px;
        }
        /*#zoom-btn-up {
            position: absolute;
            top: 8px;
            right: 0px;
            opacity: 0;
            &.active {
                opacity: 1;
            }
        }
        #zoom-btn-down {
            position: absolute;
            bottom: -8px;
            right: 0px;
            opacity: 0;
            &.active {
                opacity: 1;
            }
        }*/
    }

    .picker-edge {
        position: absolute;
        top: 8px;
        left: 0;
    }
    .picker-body {
        position: absolute;
        top: 8px;
        left: 4px;
        background: url(/juju-ui/assets/images/picker_1px.png) repeat-x;
        height: 20px;
        padding: 3px 0 0 3px;
    }
    .picker-button {
        position: absolute;
        top: 8px;
        right: 0;
    }
    &.inactive {
        .picker-edge {
            display: none;
        }
        .picker-body {
            display: none;
        }
        .picker-button {
            display: none;
        }
    }
}

#unit-status {
    .running {
        color: green;
    }
    .pending {
        color: yellow;
    }
    .error {
        color: red;
    }
}

#relations {
    #unit-status;
    form {
        margin: 0;
    }
}

.yui3-panel {
    background: white;
    padding: 1.6em;
    border: solid black 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: none;
    font-weight: normal;
    .yui3-widget-bd {
        margin-bottom: 1em;
    }
    .yui3-widget-buttons {
        float: right;
        .btn-danger {
            margin-right: 1em;
        }
    }
}

.yui3-widget-mask {
    background: black;
    opacity: 0.4;
}

.controls {
    .read-only {
        padding-top: 5px;
    }
}

.unit-button-palette {
    float: right;
}

.hidden {
    visibility: hidden;
}

#service-relations {
    .btn {
        float: right;
    }
}

#juju-search-charm-panel {
    display: block;
    padding-left: 0px;
    padding-right: 0px;
    z-index: 999;
    float: none;

    .charm-panel-configure .btn {
        float: right;
    }

    .button-colors(@color) {
        @gradient-start: lighten(@color, 5%);
        @gradient-end: darken(@color, 5%);
        background-image: -ms-linear-gradient(top, @gradient-start, @gradient-end);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@gradient-start), to(@gradient-end));
        background-image: -webkit-linear-gradient(top, @gradient-start, @gradient-end);
        background-image: -o-linear-gradient(top, @gradient-start, @gradient-end);
        background-image: -moz-linear-gradient(top, @gradient-start, @gradient-end);
        background-image: linear-gradient(top, @gradient-start, @gradient-end);
        background-repeat: repeat-x;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    }
    .btn.deploy {
        margin-top: 5px;
        margin-left: 5px;
        vertical-align: middle;
        background-position: 0 0;     /* Needed to defeat bootstrap btn:hover 0 -15px*/
        .button-colors(@charm-panel-deploy-button-color);
        &, &:hover, &:active, &.active, &.disabled, &[disabled] {
          background-color: @charm-panel-deploy-button-color;
        }
    }
    .charm-description btn.deploy {
       float: right;
    }
    .btn.cancel {
        margin-top: 5px;
        background-repeat: no-repeat;
        background-color: transparent;
        vertical-align: middle;
        background-position: 0 0;     /* Needed to defeat bootstrap btn:hover 0 -15px*/
        background-image: url(/juju-ui/assets/images/cancel-button.png);
        .button-colors(@charm-panel-cancel-button-color);
        &, &:hover, &:active, &.active, &.disabled, &[disabled] {
          background-color: @charm-panel-cancel-button-color;
        }
    }
    .charm-panel-configure-buttons {
      border-bottom: 1px solid @charm-panel-separator-color;
      height: 52px;
      padding-left: 8px;
      .btn {
          margin-top: 12px;
      }
    }
    .search-charm-inner {
        width: 100%;
        height: 500px;
    }
    @popover-height: 607px;
    .popover-content {
        padding: 0px;
        height: @popover-height;
    }
    .charm-nav-back {
        background-color: black;
        text-transform: uppercase;
        color: white;
        font-weight: bold;
        cursor: pointer;
    }
    .charm-panel {
        h3 {
            text-transform: capitalize;
            color: blue;
            font-weight: bold;
            margin-top: 1ex;
            margin-bottom: 1ex;
        }
        h4 {
            border-bottom: 1px solid @label-color;
            cursor: pointer;
            margin-top: 1ex;
            margin-bottom: 1ex;
            i {
                float: right;
            }
        }
        h5 {
            margin-top: 1ex;
            &:first-child {
                margin-top: 0;
            }
        }
        height: 432px;
        overflow-y: auto;
        overflow-x: hidden;
        .collapsible {
            overflow: hidden;
        }
        &.charm-description {
            padding: 1ex 1em;
            .charm-section {
                .commitmessage {
                    padding-top: 0.8ex;
                    padding-left: 1em;
                    font-style: italic;
                    white-space: pre-wrap;
                }
            }
        }
        &.config-variant {
            padding: 1ex 1em;
            background-color: @charm-panel-background-color;
            font-size: 14px;
            .control-group {
                width: auto;
                margin-bottom: 0;
                margin-top: 1ex;
                padding-bottom: 0;
                clear: both;
            }
            .control-description {
                display: none;
            }
            .control-label {
                width: auto;
                margin-bottom: 1ex;
                float: left;
                color: @label-color;
                font-size: 14px;
            }
            .controls {
                margin-left: auto;
                margin-right: 0;
            }
            .config-field {
                font-size: 16px;
                color: text-entry-color;
            }
            .config-file-upload {
                position: relative;
                width: 252px;
                height: 25px;
            }
            .config-file-upload-widget {
                position: absolute;
                top: 0;
                left: 0;
                visibility: hidden;
                z-index: 0;
            }
            .config-file-upload-overlay {
                background: url(/juju-ui/assets/images/getfile_button.png) no-repeat;
                position: absolute;
                top: 0;
                left: 0;
                padding-left: 5px;
                padding-top: 2px;
                height: 25px;
                width: 149px;
                z-index: 2;
                &:active {
                  background: url(/juju-ui/assets/images/getfile_button-pressed.png) no-repeat;
                }
            }
            #config-file-name {
                position: absolute;
                top: 27px;
                left: 5px;
                width: auto;
                z-index: 2;
            }
            .controls.boolean {
                input {
                    margin-left: 1ex;
                    margin-top: 0.7ex;
                }
            }
            .btn {
                 margin-top: 5px;
            }
        }
    }
    .search-result-div {
        height: @popover-height;
        overflow-y:auto;
        overflow-x:hidden;
        .series-charms {
            border-top: 4px solid #D0D0D0;
            margin-top: 8px;
            margin-bottom: 4px;
            &:first-child {
                border: none;
                margin-top: 0;
            }
            h3 {
                font-weight: bold;
                text-transform: uppercase;
                font-size: 11px;
            }
            .charm-entry {
                border-top: 1px solid #D0D0D0;
                padding: 0.5em 4px;
                padding-bottom: 4px;
                margin: 0.2em 0 0 2px;
                &:first-child {
                    border: none;
                    padding-top: 0;
                }
                .charm-summary {
                    margin-bottom: 4px;
                }
                a.charm-detail {
                    font-weight: bold;
                }
                .btn {
                    float: right;
                    opacity: 0;
                }
            }
        }
    }
}

table tr.highlighted {
   background: pink;
}

#destroy-service {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.service-view {
    .juju-service-info-container-bottom-menu {
        background: url(/juju-ui/assets/images/bottom_bar.png) repeat-x;
        height: 50px;
        position: relative;
        color: #2d2d2d!important;

        .destroy-control {
            position: absolute;
            top: 1px;
            left: 10px;

            a {
                color: #2D2D2D!important;
            }

            a:link, a:visited, a:active, a:hover {
                text-decoration: none
            }
        }
    }

    .filter-control {
        position: absolute;
        left: 120px;
        top: 10px;

        span:first-child {
            padding-right: 5px;
        }
    }

    .service-header-partial {
      .name {
          padding-top: 38px;
          padding-left: 46px;
          height: 73px;

          div:nth-child(1) {
              font-style: normal;
              height: 28px;
              font-size: 24px;
              color: #292929;
          }

          div:nth-child(2) {
              font-style: italic;
              font-size: 16px;
              color: #6a737b;
          }
        }

        .menu-items {
            height: 26px;
            padding-top: 2px;
            padding-left: 38px;
            background: url(/juju-ui/assets/images/tab_div.png) repeat;

            .item {
                a {
                     font-size: 12px;
                     padding-left: 10px;
                     padding-right: 10px;
                     color: #292929;
                }
                a:link, a:visited, a:active, a:hover {
                     text-decoration: none
                }

                .link-active {
                    color: #dd4814 !important;
                }
                .active {
                     margin-top: 3px;
                     height: 4px;
                     background: url(/juju-ui/assets/images/tab_marker.png)
                       repeat;
                }
            }
        }
    }

    .service-common-controls {
        position: absolute;
        right: 10px;
        top: 10px;

        .control-unit-count {
            position: absolute;
            right: 120px;
            top: 0px;
            width: 305px;

            img {
                padding-top: 0px;
            }

            div {
                padding-left: 5px;
            }

            div:first-child {
                padding-top: 4px;
            }
        }

        .control-expose {
            position: absolute;
            right: 0px;
            top: 4px;
            width: 120px;

            div {
                padding-left: 5px;
            }

            .on {
                font-size: 12px; fill: #ffffff;
                position: absolute;
                right: 20px;
                top: 3px;
            }

            .off {
                font-size: 12px; fill: #292929;
                position: absolute;
                right: 40px;
                top: 3px;
            }
          }
    }
}

div.inline {
  float: left;
}

#tooltip {
    text-align: left;
    background-color: white;
    border: solid 1px black;
    padding: 0.2em 0.5em 0.3em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    min-width: 20px;
    max-width: 400px;
}

.charm-panel-configure {
  background-image: url(/juju-ui/assets/images/configure-cog.png);
  background-repeat: no-repeat;
  background-position: 230px 42px;
  border-top: 2px solid #dd4814;
  background-color: #2F2A27;
  height: 93px;
  padding-left: 8px;
  .title {
    font-weight: lighter;
    font-size: 22px;
    color: @charm-panel-configure-title-color;
    margin-top: 35px;
  }
  .name {
    font-size: 12px;
    color: @charm-panel-configure-name-color;
    margin-top: 5px;
  }
}


fix bug 752892 - Updating the text color of disabled buttons

@import 'lib';

a.arrow, .img.arrow {
    position: relative;
    &:after {
        .arrow;
        content: "";
        display: block;
        opacity: .7;
        position: absolute;
        top: 15px;
        right: 10px;
        height: 18px;
        width: 18px;
    }
    &:hover, &:active {
        &:after {
            opacity: 1;
        }
    }
}

.button, button {

    border: 0;
    color: white;
    display: inline-block;
    font: 600 16px/31px @open-stack;
    height: 32px;
    background-color: #267cc2;
    padding: 0 24px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.25);
    white-space: nowrap;
    .border-radius(.5em);
    .box-shadow(0px 2px 1px fadeOut(#000,80%),
                inset 0px -1px 0px fadeOut(#000, 80%),
                inset 0px 1px 0px 0px fadeOut(#fff, 80%));
    .gradient-two-color(#42a5e1, #267cc2);
    .transition-property(~'-moz-box-shadow, -webkit-box-shadow, box-shadow, line-height');
    .transition-duration(~'.2s, .2s, .2s, .2s');

    &.product, &.theme-install, &.fat {
        height: 48px;
        padding: 0 32px;
        line-height: 47px;
        &:hover {
            line-height: 43px;
        }
        &:active, &.purchasing, &.installing {
            line-height: 49px;
        }
    }

    &.delete, &.manage, &.cancel, &.product.error {
        .gradient-two-color(#e45d56, #de4332);
    }

    &.product.error {
        color: #fff;
    }

    &:hover {

        .box-shadow(0px 4px 1px fadeOut(#000,80%),
                    inset 0px -3px 0px fadeOut(#000, 80%));
        line-height: 28px;
        text-decoration: none;

    }

    &:active {

        .box-shadow(inset 0px 2px 0px 0px fadeOut(#000,80%),
                    inset 0px 12px 24px 6px fadeOut(#000,80%),
                    inset 0px 0px 2px 2px fadeOut(#000,80%));
        .transition-duration(~'.1s, .1s, .1s, .1s');
        line-height: 34px;

    }

    &[disabled], &.disabled,
    &.purchasing, &.purchased,
    &.installing, &.installed {

        color: #919497;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
        pointer-events: none;
        background-color: @light-gray;
        .gradient-two-color(#ddd, @light-gray);

    }

    &.installed, &.purchased {

        pointer-events: auto;

    }

    &.good {
        .gradient-two-color(darken(#A2E456, 20%), darken(#86DE32, 20%));
    }

    &.arrow {
        padding-right: 34px;
        &:after {
            .arrow-big;
            content: "";
            display: inline-block;
            height: 19px;
            opacity: .7;
            position: relative;
            width: 18px;
            top: 3px;
            left: 14px;
        }
    }
}

@media (max-width: @4col) {
    .button, button {
        .border-radius(4px);
        &.fat {
            .border-box;
            display: block;
            width: 100%;
        }
    }
}

@import 'lib';

a.arrow, .img.arrow {
    position: relative;
    &:after {
        .arrow;
        content: "";
        display: block;
        opacity: .7;
        position: absolute;
        top: 15px;
        right: 10px;
        height: 18px;
        width: 18px;
    }
    &:hover, &:active {
        &:after {
            opacity: 1;
        }
    }
}

.button, button {

    border: 0;
    color: white;
    display: inline-block;
    font: 600 16px/31px @open-stack;
    height: 32px;
    background-color: #267cc2;
    padding: 0 24px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.25);
    white-space: nowrap;
    .border-radius(.5em);
    .box-shadow(0px 2px 1px fadeOut(#000,80%),
                inset 0px -1px 0px fadeOut(#000, 80%),
                inset 0px 1px 0px 0px fadeOut(#fff, 80%));
    .gradient-two-color(#42a5e1, #267cc2);
    .transition-property(~'-moz-box-shadow, -webkit-box-shadow, box-shadow, line-height');
    .transition-duration(~'.2s, .2s, .2s, .2s');

    &.product, &.theme-install, &.fat {
        height: 48px;
        padding: 0 32px;
        line-height: 47px;
        &:hover {
            line-height: 43px;
        }
        &:active, &.purchasing, &.installing {
            line-height: 49px;
        }
    }

    &.delete, &.manage, &.cancel, &.product.error {
        .gradient-two-color(#e45d56, #de4332);
    }

    &:hover {

        .box-shadow(0px 4px 1px fadeOut(#000,80%),
                    inset 0px -3px 0px fadeOut(#000, 80%));
        line-height: 28px;
        text-decoration: none;

    }

    &:active {

        .box-shadow(inset 0px 2px 0px 0px fadeOut(#000,80%),
                    inset 0px 12px 24px 6px fadeOut(#000,80%),
                    inset 0px 0px 2px 2px fadeOut(#000,80%));
        .transition-duration(~'.1s, .1s, .1s, .1s');
        line-height: 34px;

    }

    &[disabled], &.disabled,
    &.purchasing, &.purchased,
    &.installing, &.installed {

        color: #919497;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
        pointer-events: none;
        background-color: @light-gray;
        .gradient-two-color(#ddd, @light-gray);

    }

    &.installed, &.purchased {

        pointer-events: auto;

    }

    &.good {
        .gradient-two-color(darken(#A2E456, 20%), darken(#86DE32, 20%));
    }

    &.arrow {
        padding-right: 34px;
        &:after {
            .arrow-big;
            content: "";
            display: inline-block;
            height: 19px;
            opacity: .7;
            position: relative;
            width: 18px;
            top: 3px;
            left: 14px;
        }
    }
}

@media (max-width: @4col) {
    .button, button {
        .border-radius(4px);
        &.fat {
            .border-box;
            display: block;
            width: 100%;
        }
    }
}


Added important tag to transition to prevent being overwritten in vanilla theme.

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/JenisonLtd/adapt-elasticMenu.git/'


workInWork

workInWork

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/sereg/mebel.git/'


checkpoint

checkpoint

/* Processed with LESS from lib/views/stylesheet.less */
body {
    margin-top: 87px;
    background-color: #302b28;
}

#viewport-wrapper {
    position: relative;
    width: 85%;
    margin: 0 auto;
    padding: 0 12px;
    min-width: 960px;
}

#vp-left-border {
    position: absolute;
    top: 0;
    left: 0;
    background: url(/assets/images/left_shadow.png) repeat-y;
    margin-left: -12px;
    width: 12px;
}

#vp-right-border {
    position: absolute;
    top: 0;
    right: 0;
    background: url(/assets/images/right_shadow.png) repeat-y;
    margin-right: -12px;
    width: 12px;
}

.navbar {
    margin-top: -87px;
    margin-bottom: 0;
    height: 87px;
    min-width: 800px;
    background: url(/assets/images/top_bar.png) repeat-x;
    padding: 0;
    position: relative;
    color: #2d2d2d!important;

    .brand {
        padding: 0;
        position: absolute;
        display: block;
        top: 12px;
        left: 30px;
    }
    .nav-environment {
        position: absolute;
        top: 5px;
        left: 128px;
        padding: 12px;
    }
    .nav-alerts-charms {
        position: absolute;
        top: 5px;
        right: 21px;
        padding: 12px;
    }
}

#content {
    position: relative;
    background-color: #fff;
    width: 100%;
}

#main {
    padding: 0 20px !important;
}

.divider {
    padding: 5px;
}

svg {
    stroke-width: 0;
}

.crosshatch-background {
    background: url(/assets/images/pattern_tile.png) repeat;
    margin: 0 -20px 0 -20px;
}

charms.thumbnails.li { height:4em; }
.relation {
    stroke: #333333;
    stroke-width: 3px;

    &.error {
        stroke: #cc3333;
    }

    &.pending-relation {
        stroke-width: 2px;
        stroke-dasharray: 2, 2;
    }

    &.unused {
        visibility: hidden;
    }
}
.rel-label {
    rect {
        stroke-width: 1px;
        stroke: #2c2c2c;
        fill: #eee;
    }

    tspan {
        text-anchor: middle;
        dominant-baseline: middle;
    }
}
.state-error { stroke: #FF0000; }
.state-started { stroke: #000000;}
.state-pending { stroke: #6597E8;}

g.service {
    fill: #f5f5f5; stroke: black;

    .charm-label { font-size: 0.7em;
        fill: #333333;}
    .name { font-weight: bold;
        font-family: "Ubuntu";
        font-size: 1.6em; fill: #333333;}
    .service-border {
        stroke-width: 2px;

        &.selectable-service {
            stroke: #008;
            stroke-width: 3px;
        }
        &.hover {
            stroke: #55f;
        }
    }
    .unit-count {
        stroke-width: 0;
        text-anchor: middle;
        dominant-baseline: central;
        fill: rgba(0,0,0,0);
        font-family: "Ubuntu";
        font-size: 2.5em;

        &.show-count {
            fill: rgba(0,0,0,1);}
        &.hide-count {
            fill: rgba(0,0,0,0);}
    }

    .exposed-indicator {
        fill: #00F;

        &.off {
            visibility: hidden;
        }
        &.on {
            visibility: visible;
        }
    }

    .service-control-panel {
        visibility: hidden;

        &.active {
            visibility: visible;
        }

        image {
            cursor: pointer;
        }
    }
}
g.service-status {
    path {
        stroke-width: 0;

        &.status-pending {
            fill: #fcd305;}
        &.status-good {
            fill: #b7b7b7;}
        &.status-error {
            fill: #c01c20;}
    }
}

g.unit {
    stroke-width: 0; font-weight: bold;
    font-family: "Ubuntu"; font-size: 1.2em; fill: #1626cf;

    .address {
    fill: #ffffff; font-size: 0.8em;}
    .unit-border {
    stroke-width: 2px; fill: #a0a0a0;}
}

/*
 * Notification system
 */
.notice {
    border-top: 1px solid #D0D0D0;
    padding: 1em 4px;
    margin: 1em 0 0 2px;
    cursor: pointer;

    .seen {
        background-color: rgba(222, 222, 222, 0.33);
    }

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

    small {
        margin-left: 1em;
        font-size: 0.7em;
        color: #d0d0d0;
    }

    .header {
        background-color: #c0c0c0;
        font-size: 0.9em;
        margin: 0;
        padding: 0;
    }

    .error {
        background-color: rgba(255, 0, 0, 0.1);
    }
}

#service-footer {
    text-align: center;
    .footer-right {
        float: right;
    }
    .footer-left {
        float: left;
    }
    input {
        width: 3em;
        margin-bottom: 0;
    }
}

/*
 * Overview Module
 */
#overview-tasks {
    background: url(/assets/images/bottom_bar.png) repeat-x;
    margin: 0 -20px 0 -20px;
    height: 50px;
    position: relative;
    color: #2d2d2d!important;

    .controls {
        position: absolute;
        top: 1px;
        left: 11px;
    }
    .destroy-control {
        position: absolute;
        top: 1px;
        right: 11px;
    }
}

.picker {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    height: 24px;
    &.graph-list-picker {
        width: 100px;
        .picker-body {
            width: 78px;
        }
    }
    &.zoom-picker {
        width: 60px;
        .picker-body {
            width: 40px;
        }
    }

    .picker-edge {
        position: absolute;
        top: 8px;
        left: 0;
    }
    .picker-body {
        position: absolute;
        top: 8px;
        left: 4px;
        background: url(/assets/images/picker_1px.png) repeat-x;
        height: 20px;
        padding: 4px 0 0 4px;
    }
    .picker-button {
        position: absolute;
        top: 8px;
        right: 0;
    }
}

#unit-status {
    .running {
        color: green;
    }
    .pending {
        color: yellow;
    }
    .error {
        color: red;
    }
}

.yui3-panel {
    background: white;
    padding: 1.6em;
    border: solid black 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: none;
    font-weight: normal;
    .yui3-widget-bd {
        margin-bottom: 1em;
    }
    .yui3-widget-buttons {
        float: right;
        .btn-danger {
            margin-right: 1em;
        }
    }
}

.yui3-widget-mask {
    background: black;
    opacity: 0.4;
}

.controls {
    .read-only {
        padding-top: 5px;
    }
}

.unit-button-palette {
    float: right;
}

.hidden {
    visibility: hidden;
}

#service-relations {
    .btn {
        float: right;
    }
    .highlighted {
       background: pink;
    }
}

#charm-search-trigger {
    cursor: pointer;
}

#juju-search-charm-panel {
    display: block;
    padding-left: 0px;
    padding-right: 0px;

    .search-charm-inner {
        width: 394px;
        height: 500px;
    }
    .popover-content {
        padding: 0px;
        height: 462px;
    }
    .charm-list-selector {
        position: absolute;
        top: 25px;
        right: 15px;
    }
    .charms-search-field-div {
        padding: 5px;
        margin-bottom: 0px;
        background-color: #1a1a1a;
        .charms-search-field {
            margin: 0px;
            width: 230px;
        }
    }
    .search-result-div {
        height: 424px;
        overflow:auto;
        overflow-x:hidden;
    }

    .charm-entry {
        border-top: 1px solid #D0D0D0;
        padding: 1em 4px;
        padding-bottom: 4px;
        margin: 1em 0 0 2px;

        .charm-summary {
            margin-bottom: 10px;
        }

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

/* Processed with LESS from lib/views/stylesheet.less */
body {
    margin-top: 87px;
    background-color: #302b28;
}

#viewport-wrapper {
    position: relative;
    width: 85%;
    margin: 0 auto;
    padding: 0 12px;
    min-width: 960px;
}

#vp-left-border {
    position: absolute;
    top: 0;
    left: 0;
    background: url(/assets/images/left_shadow.png) repeat-y;
    margin-left: -12px;
    width: 12px;
}

#vp-right-border {
    position: absolute;
    top: 0;
    right: 0;
    background: url(/assets/images/right_shadow.png) repeat-y;
    margin-right: -12px;
    width: 12px;
}

.navbar {
    margin-top: -87px;
    margin-bottom: 0;
    height: 87px;
    min-width: 800px;
    background: url(/assets/images/top_bar.png) repeat-x;
    padding: 0;
    position: relative;
    color: #2d2d2d!important;

    .brand {
        padding: 0;
        position: absolute;
        display: block;
        top: 12px;
        left: 30px;
    }
    .nav-environment {
        position: absolute;
        top: 5px;
        left: 128px;
        padding: 12px;
    }
    .nav-alerts-charms {
        position: absolute;
        top: 5px;
        right: 21px;
        padding: 12px;
    }
}

#content {
    position: relative;
    background-color: #fff;
    width: 100%;
}

#main {
    padding: 0 20px !important;
}

.divider {
    padding: 5px;
}

svg {
    stroke-width: 0;
}

.crosshatch-background {
    background: url(/assets/images/pattern_tile.png) repeat;
    margin: 0 -20px 0 -20px;
}

charms.thumbnails.li { height:4em; }
.relation {
    stroke: #333333;
    stroke-width: 3px;

    &.error {
        stroke: #cc3333;
    }

    &.pending-relation {
        stroke-width: 2px;
        stroke-dasharray: 2, 2;
    }

    &.unused {
        visibility: hidden;
    }
}
.rel-label {
    rect {
        stroke-width: 1px;
        stroke: #2c2c2c;
        fill: #eee;
    }

    tspan {
        text-anchor: middle;
        dominant-baseline: middle;
    }
}
.state-error { stroke: #FF0000; }
.state-started { stroke: #000000;}
.state-pending { stroke: #6597E8;}

g.service {
    fill: #f5f5f5; stroke: black;

    .charm-label { font-size: 0.7em;
        fill: #333333;}
    .name { font-weight: bold;
        font-family: "Ubuntu";
        font-size: 1.6em; fill: #333333;}
    .service-border {
        stroke-width: 2px;

        &.selectable-service {
            stroke: #008;
            stroke-width: 3px;
        }
        &.hover {
            stroke: #55f;
        }
    }
    .unit-count {
        stroke-width: 0;
        text-anchor: middle;
        dominant-baseline: central;
        fill: rgba(0,0,0,0);
        font-family: "Ubuntu";
        font-size: 2.5em;

        &.show-count {
            fill: rgba(0,0,0,1);}
        &.hide-count {
            fill: rgba(0,0,0,0);}
    }

    .exposed-indicator {
        fill: #00F;

        &.off {
            visibility: hidden;
        }
        &.on {
            visibility: visible;
        }
    }

    .service-control-panel {
        visibility: hidden;

        &.active {
            visibility: visible;
        }

        image {
            cursor: pointer;
        }
    }
}
g.service-status {
    path {
        stroke-width: 0;

        &.status-pending {
            fill: #fcd305;}
        &.status-good {
            fill: #b7b7b7;}
        &.status-error {
            fill: #c01c20;}
    }
}

g.unit {
    stroke-width: 0; font-weight: bold;
    font-family: "Ubuntu"; font-size: 1.2em; fill: #1626cf;

    .address {
    fill: #ffffff; font-size: 0.8em;}
    .unit-border {
    stroke-width: 2px; fill: #a0a0a0;}
}

/*
 * Notification system
 */
.notice {
    border-top: 1px solid #D0D0D0;
    padding: 1em 4px;
    margin: 1em 0 0 2px;
    cursor: pointer;

    .seen {
        background-color: rgba(222, 222, 222, 0.33);
    }

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

    small {
        margin-left: 1em;
        font-size: 0.7em;
        color: #d0d0d0;
    }

    .header {
        background-color: #c0c0c0;
        font-size: 0.9em;
        margin: 0;
        padding: 0;
    }

    .error {
        background-color: rgba(255, 0, 0, 0.1);
    }
}

#service-footer {
    text-align: center;
    .footer-right {
        float: right;
    }
    .footer-left {
        float: left;
    }
    input {
        width: 3em;
        margin-bottom: 0;
    }
}

/*
 * Overview Module
 */
#overview-tasks {
    background: url(/assets/images/bottom_bar.png) repeat-x;
    margin: 0 -20px 0 -20px;
    height: 50px;
    position: relative;
    color: #2d2d2d!important;

    .controls {
        position: absolute;
        top: 1px;
        left: 11px;
    }
    .destroy-control {
        position: absolute;
        top: 1px;
        right: 11px;
    }
}

.picker {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    height: 24px;
    &.graph-list-picker {
        width: 100px;
        .picker-body {
            width: 78px;
        }
    }
    &.zoom-picker {
        width: 60px;
        .picker-body {
            width: 40px;
        }
    }

    .picker-edge {
        position: absolute;
        top: 8px;
        left: 0;
    }
    .picker-body {
        position: absolute;
        top: 8px;
        left: 4px;
        background: url(/assets/images/picker_1px.png) repeat-x;
        height: 20px;
        padding: 4px 0 0 4px;
    }
    .picker-button {
        position: absolute;
        top: 8px;
        right: 0;
    }
}

#unit-status {
    .running {
        color: green;
    }
    .pending {
        color: yellow;
    }
    .error {
        color: red;
    }
}

.yui3-panel {
    background: white;
    padding: 1.6em;
    border: solid black 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: none;
    font-weight: normal;
    .yui3-widget-bd {
        margin-bottom: 1em;
    }
    .yui3-widget-buttons {
        float: right;
        .btn-danger {
            margin-right: 1em;
        }
    }
}

.yui3-widget-mask {
    background: black;
    opacity: 0.4;
}

.controls {
    .read-only {
        padding-top: 5px;
    }
}

.unit-button-palette {
    float: right;
}

.hidden {
    visibility: hidden;
}

#service-relations {
    .btn {
        float: right;
    }
    .highlighted {
       background: pink;
    }
}

#juju-search-charm-panel {
    display: block;
    padding-left: 0px;
    padding-right: 0px;

    .search-charm-inner {
        width: 394px;
        height: 500px;
    }
    .popover-content {
        padding: 0px;
        height: 462px;
    }
    .charm-list-selector {
        position: absolute;
        top: 25px;
        right: 15px;
    }
    .charms-search-field-div {
        padding: 5px;
        margin-bottom: 0px;
        background-color: #1a1a1a;
        .charms-search-field {
            margin: 0px;
            width: 230px;
        }
    }
    .search-result-div {
        height: 424px;
        overflow:auto;
        overflow-x:hidden;
    }

    .charm-entry {
        border-top: 1px solid #D0D0D0;
        padding: 1em 4px;
        padding-bottom: 4px;
        margin: 1em 0 0 2px;

        .charm-summary {
            margin-bottom: 10px;
        }

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


Fixes whitespace.

Fixes whitespace.

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


Added dash-display.less

Added dash-display.less

@import 'dash.less';
/** insert:widgets **/

/*
 A custom theme that should size better for tv monitors
 */

html {
    font-size: 13px;
}

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

#dashboard {
    .ct-label {
        font-size: .7rem !important;
    }

    .average-build-duration {
        margin-bottom: 0 !important;
    }

    #header {
        line-height: 65px;
        font-size: 40px;
    }

    .dash-row {
        @line-height: 2.75rem;
        line-height: @line-height !important;

        td {
            line-height: @line-height !important;
        }
    }

    .widget {
        //    padding: 1.5rem 2.5rem 2.5rem 2.5rem;
        padding-top: 2rem;

        .widget {
            padding: 0;

            .widget-heading {
                margin-bottom: .5rem;
            }
        }
    }
}

error: pathspec 'UI/src/components/themes/dash-display.less' did not match any file(s) known to git


Less margin

Less margin

fatal: unable to access 'https://github.com/AkibaTech/files-field_type.git/': The requested URL returned error: 403


Delete screen-reader.less

Delete screen-reader.less

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