UPDATE: v4skin | kajona-overrides-pe.less -> disabled the min-height for pe-button toolbars, breaking some layouts

@fa-font-path:              "../fonts/fontawesome/font";
@peColorHover:              #9a9a9a;
@peColorHoverBackground:    rgba(154, 154, 154, 0.2);
@peColorBackgroundInactive: #ccc;
@wysiwygOutlineColor:       #afafaf;
@wysiwygOutlineColorHover:  #7b7b7b;
@green:                     #6CB121;
@btn-primary-bg:            @gray-darker;
@gray-darker:               #bfbfbf;

@peButtonToolbarBackground: #5E696D;
@peButtonToolbarBackgroundHover: @green; // #02BAF2;
@peGreenTransparent: rgba(108, 177, 33, 0.48); // #02BAF2;

@border-radius-base:        0px;
@border-radius-small:       0px;
@border-radius-large:       0px;

@peFontFamily:              "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

/* P O R T A L E D I T O R   T O O L B A R */
.peGlobalToolbar {

    z-index: 4001;
    font-family: @peFontFamily;
    color: #fff !important;
    font-size: 12px;
    position: fixed;
    top: 0;
    right: -200px;
    width: 230px;
    height: 100%;
    display: block !important;
	line-height: 17px;
    background-color: @peButtonToolbarBackground !important;
    overflow-y: auto;

    background-image: url(../img/pusteblume.png);
    background-repeat: no-repeat;
    background-position: 0 bottom;

    padding: 5px;
    transition: 0.5s ease-in-out;

    &.peGlobalToolbarOpen {
        right: 0;
        transition: 0.5s ease-in-out;
    }

    .peToolbarHeader {
        font-size: 20px;

        i {
            cursor: pointer;
        }
    }

    .peGlobalToolbarInfo {
        margin-left: 25px;

        hr {
            border: 0;
            border-bottom: 1px solid #fff;
            margin: 0;
        }

        .peGlobalToolbarInfoRow {

            padding: 5px 0 5px 0;

            .peGlobalToolarbarInfoIcon {
                float: left;
                font-size: 15px;
            }

            .peGlobalToolbarInfoText {
                margin-left: 24px;
            }

            &.peGlobalToolbarActionRow {
                padding: 0;

                .peGlobalToolbarInfoText {
                    margin-left: 22px;
                }

            }

        }
        .peGlobalToolbarInfoLink {
            &:hover {
                background-color: @peButtonToolbarBackgroundHover;
            }

        }
    }
}

/* P O R T A L E D I T O R   C O N T A I N E R */
.peAddButton, .peElementWrapper, [data-systemid] {

    //temporary removed since breaking the layout by adding empty spaces
    //min-height: 10px;

    &:hover {

        //padding-top: 5px; //@jaky: wie kann man das besser machen? es geht darum, dass sich die toolbars von elementen nicht überlagern, z.B. bei der Liste von Faqs

        display: block !important;
        //outline: 1px solid @peColorHover !important;
        //background: @peColorHoverBackground !important;
        outline: 5px solid @peGreenTransparent !important;

        *[data-kajona-editable] {
            outline: 1px dotted @wysiwygOutlineColor;
        }

        &[data-element='block'] {
            outline: 2px solid @wysiwygOutlineColor;
        }

    }

    &.peInactiveElement {
        background-color: @peColorBackgroundInactive;
        .opacity(0.5);
    }

    .peActionToolbar {
        position: absolute;
        display: none;
        z-index: 4000;
        .opacity(1) !important;

        .peActionToolbarActionContainer {
            line-height: 15px;

            background-color: @peButtonToolbarBackground;
            a {
                color: #fff;
                display: inline-block;
                width: 25px;
                text-align: center;
                padding: 5px;
                font-size: 13px;
                font-weight:normal;
                cursor: pointer;
                text-decoration: none;

                i {
                    font-size: 16px;
                }

                &.moveHandle {
                    cursor: move;
                }

                &:hover {
                    text-decoration: none;
                    background-color: @peButtonToolbarBackgroundHover;
                }
            }
        }

        .peActionToolbarCaretBottom {
            width: 0;
            height: 0;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 7px solid @peButtonToolbarBackground;
        }

        .peActionToolbarCaretTop {
            width: 0;
            height: 0;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-bottom: 7px solid @peButtonToolbarBackground;
        }

        &.caretRight {
            .peActionToolbarCaretBottom {
                float: right;
            }
        }
    }

    &:hover {
         > .peActionToolbar {
            display: block;
        }
    }

}

.peAddButton {
    .peActionToolbar {
        .peActionToolbarActionContainer {
            a {
                width: auto;
                display: block;
                text-align: left;
                font-family: @peFontFamily;
            }
        }
    }
}

/* MOVE / DRAG N DROP */

.peElementMovePlaceholder {
    border: 3px dotted @wysiwygOutlineColor;
    .box-sizing(border-box);
}

.pePlaceholderWrapperDropTarget {
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 8px, rgba(0,0,0,.05) 8px, rgba(0,0,0,.05) 16px);
    min-height: 50px;
}

.peNewButton {
    margin-bottom: 2px !important;
    display: block !important;
    border: none !important;
    width: 22px !important;
    height: 22px !important;
    font-size: 22px !important;
    cursor: pointer;
    color: @btn-primary-bg;
}

.peContextMenu {
    margin: 0 10px 0;
    background-color: #fff !important;
    border-radius: 0;
    ul {
        padding: 0;
        list-style: none;
        margin: 0;
        border: 1px solid black;
        background-color: #fff !important;
        a {
            display: block;
            color: #000;
            text-decoration: none;
            padding: 4px;

            &:hover {
                background-color: #cccccc !important;
            }
        }
    }
}

/* WYSIWYG Inline Editor */
body *[data-kajona-editable] {
    &:hover,
    &:focus {
        outline: 1px dotted @wysiwygOutlineColorHover;
    }

    &.peFailed {

        @keyframes shake {
            from, to {
                transform: translate3d(0, 0, 0);
            }

            10%, 30%, 50%, 70%, 90% {
                transform: translate3d(-10px, 0, 0);
            }

            20%, 40%, 60%, 80% {
                transform: translate3d(10px, 0, 0);
            }
        }
        animation: shake 2s ease-in-out;
    }
}

.peProgressIndicator {

    position: absolute;
    width: 1px;
    height: 1px;

    &.peSaving {
        &:after,
        &:before {
            position: absolute;
            right: -20px;
            top: 0;
            transition: all 1s;
            font-family: fontawesome;
        }

        &:after {
            animation: fa-spin 2s infinite linear;
            font-size: @font-size-base + 10;
            content: @fa-var-spinner;
            color: @green;
        }

        &:before {
            padding: 8px 5px;
            font-size: @font-size-base - 2;
            content: @fa-var-check;
            color: grey;
        }
    }

    &.peSaved {
        &:before {
            color: @green;
        }
        &:after {
            opacity: 0;
        }
    }

    &.peFailed {
        &:after,
        &:before {
            color: red;
        }
        &:before {
            font-size: @font-size-base;
            padding: 8px 6px;
            content: @fa-var-exclamation-circle;
        }
        &:after {
            opacity: 0;
        }

        @keyframes shake {
            from, to {
                transform: translate3d(0, 0, 0);
            }

            10%, 30%, 50%, 70%, 90% {
                transform: translate3d(-10px, 0, 0);
            }

            20%, 40%, 60%, 80% {
                transform: translate3d(10px, 0, 0);
            }
        }
        animation: shake 2s ease-in-out;
    }
}

.peLoadingContainer {
    padding: 20px;
    text-align: center;
    overflow: hidden;

    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;

    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;

    &:before {
        font-size: @font-size-base + 10;
        content: @fa-var-spinner;
        color: @green;
        font-family: fontawesome;
    }
}

#peGlobalToolbarPageJump {
    width: 160px;
    background-color: lighten(@peButtonToolbarBackground, 20%);
    border: 1px solid #fff;
    color: #fff;
}

.peGlobalAutocompleteSuggest {
    z-index: 5000;

    background-color: @peButtonToolbarBackground !important;
    .ui-menu-item {
        background-color: @peButtonToolbarBackground !important;
        color: #fff;
        font-size: 12px;

        a {
            color: #fff;
        }
    }

    .ui-state-focus {
        background-color: @peButtonToolbarBackgroundHover;
        background-image: none;
        border-radius: 0;
    }

    .ui-corner-all, &.ui-corner-all {
        border-radius: 0;
    }

    &.ui-widget-content {
        background: none;
        border: 1px solid #fff;
    }
}

.loadingContainerBackground {
    position: absolute;
    left: 50%;
    top: 25%;
    z-index: -1;
}

/* DIALOGS / MODALS / BACKDROPS */
.kajona-pe-wrap {
    .modal {
        text-align: left;

        iframe {
            border: none;
        }

        .modal-header {
            border: none;
            padding: 15px 15px 0 15px;
            h3 {
                margin: 0;
            }
        }

        .modal-footer {
            padding: 0 15px 15px 15px;
            border-top: none;
        }

        .modal-body {
            max-height: none;
        }

        .btn-primary {
            color: #fff;
        }
    }
}

/* TOOLTIPS */
.qtip {
    border-radius: 0 !important;
    box-shadow: 0  2px 10px rgba(0,0,0,.2) !important;

    .qtip-content {
        font-family: @font-family-base !important;
        padding: 4px !important;
        line-height: 120%;
        color: #FFFFFF !important;
        font-size: @font-size-base - 3 !important;
    }
}

@fa-font-path:              "../fonts/fontawesome/font";
@peColorHover:              #9a9a9a;
@peColorHoverBackground:    rgba(154, 154, 154, 0.2);
@peColorBackgroundInactive: #ccc;
@wysiwygOutlineColor:       #afafaf;
@wysiwygOutlineColorHover:  #7b7b7b;
@green:                     #6CB121;
@btn-primary-bg:            @gray-darker;
@gray-darker:               #bfbfbf;

@peButtonToolbarBackground: #5E696D;
@peButtonToolbarBackgroundHover: @green; // #02BAF2;
@peGreenTransparent: rgba(108, 177, 33, 0.48); // #02BAF2;

@border-radius-base:        0px;
@border-radius-small:       0px;
@border-radius-large:       0px;

@peFontFamily:              "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

/* P O R T A L E D I T O R   T O O L B A R */
.peGlobalToolbar {

    z-index: 4001;
    font-family: @peFontFamily;
    color: #fff !important;
    font-size: 12px;
    position: fixed;
    top: 0;
    right: -200px;
    width: 230px;
    height: 100%;
    display: block !important;
	line-height: 17px;
    background-color: @peButtonToolbarBackground !important;
    overflow-y: auto;

    background-image: url(../img/pusteblume.png);
    background-repeat: no-repeat;
    background-position: 0 bottom;

    padding: 5px;
    transition: 0.5s ease-in-out;

    &.peGlobalToolbarOpen {
        right: 0;
        transition: 0.5s ease-in-out;
    }

    .peToolbarHeader {
        font-size: 20px;

        i {
            cursor: pointer;
        }
    }

    .peGlobalToolbarInfo {
        margin-left: 25px;

        hr {
            border: 0;
            border-bottom: 1px solid #fff;
            margin: 0;
        }

        .peGlobalToolbarInfoRow {

            padding: 5px 0 5px 0;

            .peGlobalToolarbarInfoIcon {
                float: left;
                font-size: 15px;
            }

            .peGlobalToolbarInfoText {
                margin-left: 24px;
            }

            &.peGlobalToolbarActionRow {
                padding: 0;

                .peGlobalToolbarInfoText {
                    margin-left: 22px;
                }

            }

        }
        .peGlobalToolbarInfoLink {
            &:hover {
                background-color: @peButtonToolbarBackgroundHover;
            }

        }
    }
}

/* P O R T A L E D I T O R   C O N T A I N E R */
.peAddButton, .peElementWrapper, [data-systemid] {

    min-height: 10px;

    &:hover {

        //padding-top: 5px; //@jaky: wie kann man das besser machen? es geht darum, dass sich die toolbars von elementen nicht überlagern, z.B. bei der Liste von Faqs

        display: block !important;
        //outline: 1px solid @peColorHover !important;
        //background: @peColorHoverBackground !important;
        outline: 5px solid @peGreenTransparent !important;

        *[data-kajona-editable] {
            outline: 1px dotted @wysiwygOutlineColor;
        }

        &[data-element='block'] {
            outline: 2px solid @wysiwygOutlineColor;
        }

    }

    &.peInactiveElement {
        background-color: @peColorBackgroundInactive;
        .opacity(0.5);
    }

    .peActionToolbar {
        position: absolute;
        display: none;
        z-index: 4000;
        .opacity(1) !important;

        .peActionToolbarActionContainer {
            line-height: 15px;

            background-color: @peButtonToolbarBackground;
            a {
                color: #fff;
                display: inline-block;
                width: 25px;
                text-align: center;
                padding: 5px;
                font-size: 13px;
                font-weight:normal;
                cursor: pointer;
                text-decoration: none;

                i {
                    font-size: 16px;
                }

                &.moveHandle {
                    cursor: move;
                }

                &:hover {
                    text-decoration: none;
                    background-color: @peButtonToolbarBackgroundHover;
                }
            }
        }

        .peActionToolbarCaretBottom {
            width: 0;
            height: 0;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 7px solid @peButtonToolbarBackground;
        }

        .peActionToolbarCaretTop {
            width: 0;
            height: 0;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-bottom: 7px solid @peButtonToolbarBackground;
        }

        &.caretRight {
            .peActionToolbarCaretBottom {
                float: right;
            }
        }
    }

    &:hover {
         > .peActionToolbar {
            display: block;
        }
    }

}

.peAddButton {
    .peActionToolbar {
        .peActionToolbarActionContainer {
            a {
                width: auto;
                display: block;
                text-align: left;
                font-family: @peFontFamily;
            }
        }
    }
}

/* MOVE / DRAG N DROP */

.peElementMovePlaceholder {
    border: 3px dotted @wysiwygOutlineColor;
    .box-sizing(border-box);
}

.pePlaceholderWrapperDropTarget {
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 8px, rgba(0,0,0,.05) 8px, rgba(0,0,0,.05) 16px);
    min-height: 50px;
}

.peNewButton {
    margin-bottom: 2px !important;
    display: block !important;
    border: none !important;
    width: 22px !important;
    height: 22px !important;
    font-size: 22px !important;
    cursor: pointer;
    color: @btn-primary-bg;
}

.peContextMenu {
    margin: 0 10px 0;
    background-color: #fff !important;
    border-radius: 0;
    ul {
        padding: 0;
        list-style: none;
        margin: 0;
        border: 1px solid black;
        background-color: #fff !important;
        a {
            display: block;
            color: #000;
            text-decoration: none;
            padding: 4px;

            &:hover {
                background-color: #cccccc !important;
            }
        }
    }
}

/* WYSIWYG Inline Editor */
body *[data-kajona-editable] {
    &:hover,
    &:focus {
        outline: 1px dotted @wysiwygOutlineColorHover;
    }

    &.peFailed {

        @keyframes shake {
            from, to {
                transform: translate3d(0, 0, 0);
            }

            10%, 30%, 50%, 70%, 90% {
                transform: translate3d(-10px, 0, 0);
            }

            20%, 40%, 60%, 80% {
                transform: translate3d(10px, 0, 0);
            }
        }
        animation: shake 2s ease-in-out;
    }
}

.peProgressIndicator {

    position: absolute;
    width: 1px;
    height: 1px;

    &.peSaving {
        &:after,
        &:before {
            position: absolute;
            right: -20px;
            top: 0;
            transition: all 1s;
            font-family: fontawesome;
        }

        &:after {
            animation: fa-spin 2s infinite linear;
            font-size: @font-size-base + 10;
            content: @fa-var-spinner;
            color: @green;
        }

        &:before {
            padding: 8px 5px;
            font-size: @font-size-base - 2;
            content: @fa-var-check;
            color: grey;
        }
    }

    &.peSaved {
        &:before {
            color: @green;
        }
        &:after {
            opacity: 0;
        }
    }

    &.peFailed {
        &:after,
        &:before {
            color: red;
        }
        &:before {
            font-size: @font-size-base;
            padding: 8px 6px;
            content: @fa-var-exclamation-circle;
        }
        &:after {
            opacity: 0;
        }

        @keyframes shake {
            from, to {
                transform: translate3d(0, 0, 0);
            }

            10%, 30%, 50%, 70%, 90% {
                transform: translate3d(-10px, 0, 0);
            }

            20%, 40%, 60%, 80% {
                transform: translate3d(10px, 0, 0);
            }
        }
        animation: shake 2s ease-in-out;
    }
}

.peLoadingContainer {
    padding: 20px;
    text-align: center;
    overflow: hidden;

    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;

    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;

    &:before {
        font-size: @font-size-base + 10;
        content: @fa-var-spinner;
        color: @green;
        font-family: fontawesome;
    }
}

#peGlobalToolbarPageJump {
    width: 160px;
    background-color: lighten(@peButtonToolbarBackground, 20%);
    border: 1px solid #fff;
    color: #fff;
}

.peGlobalAutocompleteSuggest {
    z-index: 5000;

    background-color: @peButtonToolbarBackground !important;
    .ui-menu-item {
        background-color: @peButtonToolbarBackground !important;
        color: #fff;
        font-size: 12px;

        a {
            color: #fff;
        }
    }

    .ui-state-focus {
        background-color: @peButtonToolbarBackgroundHover;
        background-image: none;
        border-radius: 0;
    }

    .ui-corner-all, &.ui-corner-all {
        border-radius: 0;
    }

    &.ui-widget-content {
        background: none;
        border: 1px solid #fff;
    }
}

.loadingContainerBackground {
    position: absolute;
    left: 50%;
    top: 25%;
    z-index: -1;
}

/* DIALOGS / MODALS / BACKDROPS */
.kajona-pe-wrap {
    .modal {
        text-align: left;

        iframe {
            border: none;
        }

        .modal-header {
            border: none;
            padding: 15px 15px 0 15px;
            h3 {
                margin: 0;
            }
        }

        .modal-footer {
            padding: 0 15px 15px 15px;
            border-top: none;
        }

        .modal-body {
            max-height: none;
        }

        .btn-primary {
            color: #fff;
        }
    }
}

/* TOOLTIPS */
.qtip {
    border-radius: 0 !important;
    box-shadow: 0  2px 10px rgba(0,0,0,.2) !important;

    .qtip-content {
        font-family: @font-family-base !important;
        padding: 4px !important;
        line-height: 120%;
        color: #FFFFFF !important;
        font-size: @font-size-base - 3 !important;
    }
}


adding LESS for the carousel

adding LESS for the carousel

.ink-carousel {
    position: relative;
    overflow: hidden;

    ul {
        position: relative;

        -webkit-transition: left 0.5s, top 0.5s;
           -moz-transition: left 0.5s, top 0.5s;
             -o-transition: left 0.5s, top 0.5s;
                transition: left 0.5s, top 0.5s;
    }

    li {
        display: inline-block;
        margin: 0;
        vertical-align: top;
    }

    .hider {
        position: absolute;
        right: 0;
        bottom: 0;
        background-color: #FFF;
    }
}

.ink-navigation {
    .dotted {
        a {
            text-decoration: none !important;
            opacity: 0.33;
        }
        .active {
            a {
                opacity: 1;
            }
        }
    }
}

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


A upgrade: Semantic UI - 2.4.2 -> Fomantic UI - 2.8.6 (5). Signed-off-by:Ivan Tcholakov <ivantcholakov@gmail.com>

A upgrade: Semantic UI - 2.4.2 -> Fomantic UI - 2.8.6 (5).
Signed-off-by:Ivan Tcholakov <faaf204472419e4f568def747ebee20fdde6b902@gmail.com>

/*!
 * # Fomantic-UI - Calendar
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

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

@type    : 'module';
@element : 'calendar';

@import (multiple) '../../theme.config';

/*******************************
            Popup
*******************************/

.ui.calendar .ui.popup {
  max-width: none;
  padding: 0;
  border: none;
  user-select: none;
}

/*******************************
            Calendar
*******************************/

.ui.calendar .calendar:focus {
  outline: 0;
}

/*******************************
            Grid
*******************************/

.ui.calendar .ui.popup .ui.grid {
  display: block;
  white-space: nowrap;
}

.ui.calendar .ui.popup .ui.grid > .column {
  width: auto;
}

/*******************************
            Table
*******************************/

.ui.calendar .ui.table.year,
.ui.calendar .ui.table.month,
.ui.calendar .ui.table.minute {
  min-width: 15em;
}

.ui.calendar .ui.table.day {
  min-width: 18em;
}

.ui.calendar .ui.table.day.andweek {
  min-width: 22em;
}

.ui.calendar .ui.table.hour {
  min-width: 20em;
}

.ui.calendar .ui.table tr th,
.ui.calendar .ui.table tr td {
  padding: 0.5em;
  white-space: nowrap;
}

.ui.calendar .ui.table tr th {
  border-left: none;
}

.ui.calendar .ui.table tr th i.icon {
  margin: 0;
}

.ui.calendar .ui.table tr:first-child th {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}

.ui.calendar .ui.table.day tr:first-child th {
  border: none;
}

.ui.calendar .ui.table.day tr:nth-child(2) th {
  padding-top: 0.2em;
  padding-bottom: 0.3em;
}

.ui.calendar .ui.table tr td {
  padding-left: 0.1em;
  padding-right: 0.1em;
}

.ui.calendar .ui.table tr .link {
  cursor: pointer;
}

.ui.calendar .ui.table tr .prev.link {
  width: 14.28571429%;
  position: absolute;
  left: 0;
}

.ui.calendar .ui.table tr .next.link {
  width: 14.28571429%;
  position: absolute;
  right: 0;
}

.ui.ui.calendar .ui.table tr .disabled {
  pointer-events: auto;
  cursor: default;
  color: @disabledTextColor;
}

.ui.calendar .ui.table tr .adjacent:not(.disabled) {
  color: @adjacentTextColor;
  background: @adjacentBackground;
}

/*--------------
     States
---------------*/

.ui.calendar .ui.table tr td.today {
  font-weight: @todayFontWeight;
}

.ui.calendar .ui.table tr td.range {
  background: @rangeBackground;
  color: @rangeTextColor;
  box-shadow: @rangeBoxShadow;
}

.ui.calendar:not(.disabled) .calendar:focus .ui.table tbody tr td.focus,
.ui.calendar:not(.disabled) .calendar.active .ui.table tbody tr td.focus {
  box-shadow: @focusBoxShadow;
}

& when (@variationCalendarInverted) {
  .ui.inverted.calendar .ui.table.inverted tr td.range {
    background: @rangeInvertedBackground;
    color: @rangeInvertedTextColor;
    box-shadow: @rangeInvertedBoxShadow;
  }

  .ui.inverted.calendar:not(.disabled) .calendar:focus .ui.table.inverted tbody tr td.focus,
  .ui.inverted.calendar:not(.disabled) .calendar.active .ui.table.inverted tbody tr td.focus {
    box-shadow: @focusInvertedBoxShadow;
  }
  .ui.inverted.calendar .ui.inverted.table tr .disabled {
    color: @invertedDisabledTextColor;
  }

  .ui.inverted.calendar .ui.inverted.table tr .adjacent:not(.disabled) {
    color: @adjacentInvertedTextColor;
    background: @adjacentInvertedBackground;
  }
}

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

& when (@variationCalendarDisabled) {
  /*--------------------
          Disabled
  ---------------------*/

  .ui.disabled.calendar {
    opacity: @disabledOpacity;
  }

  .ui.disabled.calendar > .input,
  .ui.disabled.calendar .ui.table tr .link {
    pointer-events: none;
  }
}

.loadUIOverrides();

error: pathspec 'public/assets/less/lib/semantic/definitions/modules/calendar.less' did not match any file(s) known to git


Fix alignment on granting trust form.

Fix alignment on granting trust form.

#t-register form, #t-login form {
  margin-top: 25px;
  margin-bottom: 25px;

  #login_username,
  #login_password {
    width: 300px;
  }
  #register_username,
  #register_password,
  #register_password2,
  #register_masterkey {
    width: 280px;
  }

  .strength {
    margin: 38px 0 0 0;

    &.weak {
      color: red;
    }
    &.medium {
      color: #ff8200;
    }
    &.strong {
      color: #2aa825;
    }
  }

  .text-status {
    margin: -20px 0 0 0;
  }
  .text-error {
    color: #b94a48;
    margin: -20px 0 0 0;
  }

  .horiz {
    > div {
      float: left;
      margin-right: 20px;
    }

    &:after {
      .virtualel;
      clear: both;
    }
  }

  .btn {
    margin: 12px 12px 12px 0;
    float: left;
  }

  .storageinfo strong {
    color: #000;
  }

  .storageinfo a {
    font-size: 0.7em;
  }

  .storeChange {
    display: block;
  }

  .submitsection {
    .makeRow();
    button {
      .makeColumn(3);
    }
    p {
      .makeColumn(6);
      font-size: 20px;
      float: left;
      padding-left: 10px;
      padding-top: 10px;
      margin: 0;
    }
  }

  .throw {
    clear: both;
  }
}

#t-register {
  .mode-form {
    margin: 0 50px;

    h1 {
      margin-left: -50px;
      margin-right: -50px;
    }
  }

  .mode-welcome {
    display: block;
    margin: 0 30px;

    h1 {
      margin: 0 30px;
    }

    .important {
      font: 16px 'OpenSansLight';
    }

    .credentials {
      display: inline-block;
      background-color: #F5F5F5;
      margin: 0 @pmSingleMargin;
      padding: 10px 30px;
      font-size: 12px;

      .value {
        font-size: 18px;
      }
      span {
        margin: 0 10px 0 0;

        span {
          margin: 0 10px;
        }
      }
      a {
        margin: 0 0 0 5px;
      }
    }

    .secret {
      margin: 0 30px;
      padding: 0 30px;
      border-radius: 10px;
      border: 1px solid #f2f2f2;

      .key {
        margin: 0 5px;
        font-size: 25px;
      }
    }

    .action {
      margin-top: 20px;

      a.btn {
        display: inline-block;
        margin: 0 20px 0 0;
      }
      span {
        display: inline-block;
        width: 600px;
      }
    }
  }

  .storeinfo {
    margin: 15px 0 0 0;
  }

  .hint {
    color: #666;
  }

  .hint.important {
    color: red;
  }
}

#t-login form .submitsection p {
  font-size: 13px;
}

#t-login {
  .normal-login {
    margin: 0 50px;

    h1 {
      margin-left: -50px;
      margin-right: -50px;
    }

    .inputs {
      float: left;
      width: 350px;
    }
    .reminder {
      float: left;
      width: 350px;
      margin: 30px 0 0 0;
      border: 1px solid #c3c3c3;
      border-radius: 5px;
      box-shadow: 4px 4px 6px #b5b5b5;

      .title {
        padding: 8px 15px 8px 20px;
        border-bottom: 1px solid #c3c3c3;
        font-size: 14px;
      }
      .content {
        padding: 0 20px;
        font-size: 12px;

        p{
          margin: 8px 0;
        }
      }
      .close {
        color: #ccc;
      }
    }
    .text-status {
      clear: both;

      .backend {
        font-size: 12px;
        span {
          color: red;
        }
      }
    }
    .submitsection {
      display: inline-block;
      width: 100%;
      padding: 0 0 0 20px;
      margin: 20px 0 0 -40px;
      background-position: left center;

      .fetch {
        font-size: 12px;
      }
      .storageinfo {
        margin: 10px 0 0 0;

        span a {
          margin: 0 0 0 10px;
        }
      }
    }
  }

  .action-login {
    overflow: hidden;

    h1 {
      text-align: left;
    }

    .info {
      width: 380px;
      min-height: 400px;
      padding-bottom: 30px;
      float: left;
      border-right: 1px solid #ccc;
      font-family: 'OpenSansLight';

      .literal {
        margin: 5px 0 40px;
        font-size: 20px;
      }

      .label {
        font-size: 18px;
        color: #000;
      }

      .amount,
      .address {
        margin-left: -@pmSingleMargin;
        background-color: #f4f4f4;
        margin-bottom: 30px;
      }

      .amount {
        padding: 30px 25px 25px @pmSingleMargin;
        .number {
          font-size: 50px;
        }
        .currency {
          padding: 0 0 0 5px;
          font-size: 20px;
        }
      }

      .address {
        padding: 25px 25px 25px @pmSingleMargin;
        font: 18px 'OpenSansRegular';
        color: #838383;
      }
    }
    form {
      margin: 0;
      width: 400px;
      float: right;
    }
  }
}

#t-balance {
  #welcome {
    font: 18px 'OpenSansLight';
    margin: 30px 0 0 30px;

    .account_id {
      font: 30px "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin-top: 0;
    }
    .title {
      font: 18px 'OpenSansBold';
    }

    .actions {
      margin: 0 0 50px;

      a,span {
        display: inline-block;
        width: 190px;
        height: 270px;
        background-image: url(../../img/sprite_j.png);
        margin: 0 50px 0 0;
      }
      .bitcoin {
        background-position: -2px -263px;
      }
      .receive {
        background-position: -2px -535px;
      }
      .nexus {
        background-position: -2px -807px;
      }
    }
  }

  h3 {
    margin-top: 15px;
  }

  table.events {
    .date {
      width: 25%;
    }
    .desc {
      width: 75%;
    }
    .note {
      display: block;
      line-height: 12px;
      font-size: 12px;
      margin: 0 0 10px;
    }

    tbody {
      &.passive {
        opacity: 0.5;
      }

      td{
        cursor: pointer;
      }
    }

    tr {
      &:hover {
        opacity: 0.9;
      }
    }

    tr.trusted, tr.received {
      background-color: #e4efd9;
    }

    tr.trusting {
      background-color: #D9EDF7;
    }

    tr.sent {
      background-color: #ECDFDE;
    }

    tr.offernew {
      background-color: #FCF8E3;
    }

    tr.offerfunded {
      background-color: #FCF8E3;
    }

    tr.offerpartiallyfunded {
      background-color: #FCF8E3;
    }

    tr.offercancel {
      background-color: #F2DEDE;
    }

    tr td {
      padding-top: 5px;
      padding-bottom: 5px;
      line-height: 40px;
    }

    tr .btn.add {
      display: none;
      margin: -3px 0 0 10px;
      line-height: normal;
    }

    tr:hover .btn.add {
      display: inline-block;
    }

    .effects {
      margin: 0;
      padding: 0;
      font-size: 12px;
      line-height: 15px;

      li {
        list-style-type: none;
      }
    }

    .spinner {
      float: right;
      margin: 30px 20px 0 0;

      .spinnerInner {
        left: 0 !important;
        top: 0 !important;
      }
    }

    .pagination ul {
      float: right;
      padding: 0;
    }
  }
}

html.t-balance header nav ul > li.active#nav-wallet > a:after {
  border-bottom-color: #fff;
}

#t-trust {
  .value {
    width: 150px;
  }
  .currency-field {
    width: 210px;
  }
  #trust_counterparty {
    width: 392px;
  }

  table {
    position: relative;
    table-layout: fixed;

    th, td {
      .box-sizing(content-box);
    }
    .account {
      width: 35%;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .currency {
      width: 10%;
    }
    .trust {
      width: 32%;
    }
    .action {
      text-align: center;
    }
    td.trust {
      padding: 0;

      rp-trust-line {
        margin: 0 -50px;
      }
    }
  }

  form {
    .amount {
      .clearfix;
      > * {
        display: block;
        float: left;
      }
    }
  }

  .mode-confirm {
    .amount_feedback, .dest_feedback {
      font-size: 26px;
      margin: 0;
      padding-top: 20px;
      padding-bottom: 20px;
      background-color: #f4f4f4;

      .extra {
        font-size: 18px;
        color: #999;
        margin-top: 0.5em;
      }
    }

    .amount_feedback {
      font: 34px 'OpenSansLight';

      .currency {
        font-size: 20px;
      }
    }

    .submitsection {
      .makeRow();
      button.back {
        .makeColumn(1.5);
        padding-left: 5px;
      }
      button.submit {
        .makeColumn(3);
      }
    }
  }

  .mode-granted {
    h2 {
      .border-radius(10px, 0, 0, 0);
    }
    .pending h2 {
      background-color: #fdfdfd;
    }
    .address {
      font-size: 25px;
      font: 34px 'OpenSansLight';
      margin: 0 0 30px;
    }
    p {
      margin: 20px 0 40px;
      font-size: 16px;
    }
    .actionLink {
      margin-top: 20px;
      margin-bottom: 20px;
      font-size: 16px;
    }
  }

  .actions {
    padding: 0;
    margin: 60px 0 0 0;
  }
}

#t-contacts {
  table {
    .table-striped;

    input.name {
      .input-xlarge;
    }

    input.address {
      .input-xxlarge;
    }

    tr {
      position: relative;

      th, td, input.inline {
        .box-sizing(content-box);
      }

      > .name {
        width: 27%;
      }
      > .account {
        width: 50%;

        input.inline {
          width: 280px;
        }

        label {
          margin: 20px 0 10px 0;
        }
      }
      > .command {
        width: 23%;
        text-align: right;

        .btn {
          margin-left: 10px;

          &:first-child {
            margin-left: 0;
          }
        }
        .send {
          padding-left: 35px;
          padding-right: 35px;
        }
      }

    // For the row-add animation to show up, the cells' background must be
    // transparent.
      &.rp-animate {
        td, th {
          background-color: transparent !important;
        }
      }
    }

    td input.inline {
      width: 90%;
      margin: 0 15px 0 -11px;
      font-size: 14px;
    }

    .editing {
      td {
        vertical-align: top;
      }
    }

    .command, .action {
    }

    .action {
      text-align: center;
    }

    .btn:disabled {
      background-color: #eeeeee !important;
    }

    .btn.save, .btn.edit, .btn.delete {
      -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
      box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);

      height: 30px;
    }

    .btn.edit {
      background: url(../../img/sprite_j.png) -2px -13px;
      display: none;
    }
    .btn.editing {
      background: #e4e4e4 url(../../img/sprite_j.png) -2px -13px;
      -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
      box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);

      height: 30px;
    }
    .btn.save {
      background: url(../../img/sprite_j.png) -163px -12px;
      margin: 0 5px 0 0;
    }
    .btn.delete {
      background: url(../../img/sprite_j.png) -131px -12px;
    }

    tr:hover .btn.edit {
      display: inline;
    }
  }
}

#t-balance {
  .total {
    margin-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #f2f2f2;

    .swatch {
      float: left;
      width: 10px;
      height: 35px;
      background-color: #BDE4C0;
      margin-right: 8px;
    }
    .balance {
      float: left;
      font: 36px 'OpenSansLight';
      line-height: 35px;
    }

    .config {
      float: left;
      padding: 3px 0 0 25px;
      margin: 0;
    }

    .clearfix();
  }

  .currency-summary {
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 10px;

    .balancebox {
      width: 240px;
      float: left;
      margin: 0 10px 0 0;
      overflow: hidden;
    }

    .label {
      margin-top: 15px;
      font: 20px 'OpenSansRegular';
      color: #333;
      padding: 2px 5px;
    }

    .balance {
      text-align: center;
      font: 36px 'OpenSansLight';
      border: 1px solid #eee;
      border-top: 0;
      color: #666;
      padding: 20px;
    }

    &.positive .label {
      background-color: #72CE9B;
    }
  }
}

#t-options {
  background: #000;
  .socketPort {
    margin: 0 0 25px 10px;
    width: 60px;
  }
}

#t-history {
  ul li.all > a.active,
  ul li.all > a:hover,
  ul li.all > a:after {
    background-color: #ddd;
  }

  ul li.received > a.active,
  ul li.received > a:hover,
  ul li.received > a:after,
  tr.received td {
    background-color: #e4efd9;
  }

  ul li.sent > a.active,
  ul li.sent > a:hover,
  ul li.sent > a:after,
  tr.sent td {
    background-color: #ecdfde;
  }

  ul li.other > a.active,
  ul li.other > a:hover,
  ul li.other > a:after,
  tr.other td {
    background-color: #fbf8e4;
  }

  table {
    tbody td {
      cursor: pointer;
    }

    tr:hover {
      &.received td{
        background-color: #e8f3dd;
      }
      &.sent td{
        background-color: #f0e3e2;
      }
    }
  }

  table tr .add {
    display: none;
  }
  table tr:hover .add {
    display: inline-block;
  }

  table .sent td,
  table .received td {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 40px;

    .btn {
      margin: -3px 0 0 10px;
      line-height: normal;
    }
  }

  table th {
    padding-top: 10px;
  }

  table .date {
    width: 20%;
  }

  table .counterparty {
    width: 44%;
  }

  table .amount {
    width: 14%;
    text-align: right;
  }

  table .balance {
    width: 22%;
    text-align: right;
  }
}

#t-send {
  .value {
    width: 150px;
    margin-bottom: 35px;
  }
  #send_amount_currency {
    width: 210px;
  }
  #send_destination {
    width: 392px;
  }
  #send_nickname {
    .input-xlarge;
  }

  .mode-form {
    input {
      margin-bottom: 35px;
    }
    .errorGroup {
      top: -30px;
    }

    .submitsection {
      margin-bottom: 30px;
    }

    .send_alternatives {
      margin-bottom: 35px;
      th {
        text-align: left;
        p {
          margin-top: 0;
          margin-bottom: 5px;
        }
      }
      td {
        position: relative;
        input {
          margin: 0;
        }

        .input-append {
          margin-bottom: 0;
        }

        &.currency {
          width: 30%;

          button {
            width: 100%;
            padding: 10px 0 10px 15px;
            text-align: left;
          }
        }
      }
      th, td {
        padding-right: 20px;
      }
    }

    .currency_sets {
      .label {
        margin: 10px 0;
        font-size: 18px;
        color: #656565;
      }
      ul {
        display: inline-block;
        width: 100%;
        list-style-type: none;
        margin: 0;
        padding: 20px;
        border: 1px solid #d9d9d9;
        .rounded(10px);

        font-family: 'OpenSansLight';
      }
      li {
        float: left;
        min-width: 270px;
        height: 120px;
        text-align: center;
        position: relative;
        border-right: 1px solid #ccc;

        &:nth-of-type(n+4) {
          margin: 25px 0;

          &:after {
            .virtualel;
            position: absolute;
            top: -25px;
            left: 0;
            width: 100%;
            height: 1px;
            border-top: 1px solid #ccc;
          }
        }

        &:nth-child(3n+3) {
          border-right: none;
        }
      }
      .amnt {
        font-size: 30px;
        padding: 0 8px 0 0;
      }
      .currency {
        font-size: 20px;
        padding-right: 12px;
        color: #ccc;
      }
      .rate {
        margin: 5px 0 0 0;
        font-size: 12px;
        color: #ccc;
      }
      .btn-success {
        width: 230px;
      }
    }
  }

  .mode-status {
    .address {
      font-size: 25px;
      font: 34px 'OpenSansLight';
      margin: 0 0 30px;
    }
    p {
      margin: 0 0 40px;
      font-size: 16px;
    }
    .actionLink {
      margin-top: 20px;
      margin-bottom: 20px;
      font-size: 16px;
    }
  }

  .mode-confirm {
    .amount_feedback, .dest_feedback, .sendmax_feedback {
      font-size: 26px;
      margin: 0;
      padding-left: @pmSingleMargin;
      padding-right: @pmSingleMargin;
      background-color: #f4f4f4;

      .extra {
        font-size: 18px;
        color: #999;
        margin-top: 0.5em;
      }
      .dt {
        font-size: 15px;
        margin-top: 1em;
      }
    }

    .dest_feedback {
      padding-top: 20px;
      padding-bottom: 20px;
    }

    .amount_feedback, .sendmax_feedback {
      font: 34px 'OpenSansLight';
      padding-top: 10px;
      padding-bottom: 10px;

      .currency {
        font-size: 20px;
      }
    }

    .submitsection {
      .makeRow();
      button.back {
        .makeColumn(1.5);
        padding-left: 5px;
      }
      button.submit {
        .makeColumn(3);
      }
    }
  }

  .actions {
    margin: 60px 0 0 0;
  }
}

.save-address-form {
  form {
    max-height: 0;
    overflow: hidden;
    .transition-duration(0.6s);
    margin: 0;

    &.show {
      max-height: 300px;
    }

    input {
      width: 300px;
    }

    .btn {
      width: 150px;
      margin: 0 20px 0 0;
    }

    hr {
      margin: 15px 0 0 0;
    }
  }
}

#t-receive {
  .address {
    font-family: 'OpenSansRegular';
    margin: 0;
    padding: 20px @pmSingleMargin;
    span {
      font-size: 30px;
      background-color: transparent;
      width: @gridRowWidth - @pmSingleMargin * 2;
      line-height: 1.2;
    }
  }
  .qr {
    margin-bottom: 20px;
  }
  .btn {
    .input-medium;
  }
}

#t-security {
  padding: 15px;

  .notices {
    list-style-type: none;
    margin: 10px 0 0 0;
  }
  .important {
    font-size: 20px;
    line-height: 25px;
  }
  .title {
    display: inline-block;
    width: 100%;
    margin: 20px 0 0;

    .icon {
      display: inline-block;
      background: url(../../img/sprite_j.png);
      width: 40px;
      height: 40px;
      float: left;
    }
    .icon.wallet {
      background-position:  -80px 0;
    }
    .icon.money {
      background-position:  -34px 0;
    }
    .name {
      margin: 0 20px 0 10px;
      line-height: 40px;
      float: left;
    }
    .more {
      line-height: 40px;
      float: left;
    }
  }
  .description {
    margin: 5px 0 5px 68px;
    font-size: 13px;
  }
  .infoBox {
    width: 680px;
    margin: auto;
    border-radius: 5px;
    border: 1px solid #bebebe;
    padding: 20px;
    margin-top: 5px;
    margin-bottom: 5px;

    .part {
      margin: 0 50px 0 0;
    }
  }
  .show-keys {
    margin: 20px 0 0 40px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .value {
    font-size: 20px;
    margin: 0 10px;
  }
}

#t-trade {
  ul.inline {
    padding: 0;
    margin: 0;

    .label {
      color: #7A7A7A;
    }
    .value {
      font-weight: bold;
    }

    li {
      display: inline-block;
      font-size: 12px;

      .icon {
        margin: 0 0 0 3px;
      }
      .up {
        color: green;
      }
      .down {
        color: red;
      }
    }

    &.issuers {
      .label {
        width: 120px;
      }
      .value {
        margin-right: 30px;
      }
    }

    &.market li {
      width: 170px;
    }
  }

  .settings {
    .clearfix;
    background-color: #FAFAFA;
    .border-radius(10px, 0, 0, 0);
    padding-top: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #CCCCCC;

    .currency-config {
      float: left;
      padding-top: 0;
      margin-right: 30px;

      .currency {
        width: 130px;
      }

      input {
        margin-bottom: 0;
      }
    }
  }

  form.issuer {
    .clearfix;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;

    input {
      width: 400px;
    }
  }

  .message {
    padding: 20px 0 0 40px;
    line-height: 25px;
    font-size: 16px;
    font-family: 'OpenSansRegular';
  }

  .ticker {
    background-color: #EEE;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #CCCCCC;
    margin: 0 0 30px;
  }

  .order-type {
    .clearfix;
    margin-bottom: -1px;

    .btn-group {
      margin-right: 30px;
    }

    p.literal {
      margin: 0;
      line-height: 48px;
    }

    &.open {
      .btn-group > .btn:first-child {
        .border-radius(0, 0, 0, 4px);
      }
      .btn-group > .btn:last-child {
        .border-radius(4px, 0, 0, 0 );
      }
    }
  }

  .trade-widget {
    > form, > div, > group {
      background-color: #f9f9f9;
      border-top: 1px solid #999;
      border-bottom: 1px solid #999;
    }
  }

  .mode-form {
    padding-top: 30px;

  // Cool animation that our users will never get to see. :’(
  /*
      max-height: 0;
      opacity: 0;
      overflow: hidden;
      .transition-duration(0.5s);

      &.visible {
        opacity: 1;
        max-height: 220px;
      }
  */

    .order-values {
      .clearfix;
      clear: both;
      .value-field {
        width: 222px;
        min-height: 102px;
        float: left;

        input {
          width: 150px;
        }
        .add-on {
          width: 50px;
          padding-left: 0;
          padding-right: 0;
          text-align: center;
        }
      }
      .sign {
        width: 30px;
        text-align: center;
        margin: 40px 0 0 0;
        float: left;
      }
      .error {
        margin-bottom: 0;
        height: 0;
        overflow: visible;
      }
    }
    .message {
      clear: both;
      color: green;
      position: relative;
      top: -20px;
      height: 0;
      overflow: visible;
    }
    .submitsection {
      clear: both;
      margin: 10px 0 35px 0;
    }
  }

  .mode-confirm {
    text-align: center;

    .amount_feedback {
      font-size: 20px;
    }

    .dest_feedback {
      font-size: 20px;
    }

    .submitsection {
      button {
        margin: 0 5px;
      }
    }
  }

  .mode-done {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  ul li.my {
    > a.active,  > a:hover,> a:after {
      background-color: #e4efd9;
    }
  }

  ul li.orderbook {
    > a.active,  > a:hover,> a:after {
      background-color: #ecdfde;
    }
  }

  table.open-orders {
    margin: 0 0 30px;
    th, td {
      padding-right: 10px;
    }
    th.action {
      color: #fff;
    }
    td.type {
      width: 13%;
    }
    td.pair {

    }
    td.price {
      width: 18%;
    }
    td.amount {
      width: 18%;
    }
    td.action {
      width: 14%;
      text-align: right;
      padding-top: 0;
      padding-bottom: 0;
    }

    th.price, th.amount {
      text-align: right;
    }

    .issuer {
      color: #9b9b9b;
    }

    tr.cancelled {
      opacity: 0.3;

      .action {
        background-image: url(../../img/throbber.gif);
        background-repeat: no-repeat;
        background-position: 90% 50%;
      }
      .action button {
        display: none;
      }
    }
  }

  .orderbook {
    .clearfix;

    .title {
      display: block;
      font: 16px 'OpenSansBold';
      padding: 0 0 5px 0;
    }

    & > div {
      float: left;
      width: 370px;
    }

    table {
      border: 1px solid #ededed;

      th {
        text-align: right;
        line-height: 1.2;
        height: 35px;
        .currency {
          color: #aaa;
          font-size: 0.9em;
        }
      }

      th, td{
        padding: 15px 10px;
      }
    }

    .bids {
      margin: 0 10px 0 0;
    }
  }
}

html.t-trade header nav ul > li.active#nav-advanced > a:after {
  border-bottom-color: #fafafa;
}

#t-register form, #t-login form {
  margin-top: 25px;
  margin-bottom: 25px;

  #login_username,
  #login_password {
    width: 300px;
  }
  #register_username,
  #register_password,
  #register_password2,
  #register_masterkey {
    width: 280px;
  }

  .strength {
    margin: 38px 0 0 0;

    &.weak {
      color: red;
    }
    &.medium {
      color: #ff8200;
    }
    &.strong {
      color: #2aa825;
    }
  }

  .text-status {
    margin: -20px 0 0 0;
  }
  .text-error {
    color: #b94a48;
    margin: -20px 0 0 0;
  }

  .horiz {
    > div {
      float: left;
      margin-right: 20px;
    }

    &:after {
      .virtualel;
      clear: both;
    }
  }

  .btn {
    margin: 12px 12px 12px 0;
    float: left;
  }

  .storageinfo strong {
    color: #000;
  }

  .storageinfo a {
    font-size: 0.7em;
  }

  .storeChange {
    display: block;
  }

  .submitsection {
    .makeRow();
    button {
      .makeColumn(3);
    }
    p {
      .makeColumn(6);
      font-size: 20px;
      float: left;
      padding-left: 10px;
      padding-top: 10px;
      margin: 0;
    }
  }

  .throw {
    clear: both;
  }
}

#t-register {
  .mode-form {
    margin: 0 50px;

    h1 {
      margin-left: -50px;
      margin-right: -50px;
    }
  }

  .mode-welcome {
    display: block;
    margin: 0 30px;

    h1 {
      margin: 0 30px;
    }

    .important {
      font: 16px 'OpenSansLight';
    }

    .credentials {
      display: inline-block;
      background-color: #F5F5F5;
      margin: 0 @pmSingleMargin;
      padding: 10px 30px;
      font-size: 12px;

      .value {
        font-size: 18px;
      }
      span {
        margin: 0 10px 0 0;

        span {
          margin: 0 10px;
        }
      }
      a {
        margin: 0 0 0 5px;
      }
    }

    .secret {
      margin: 0 30px;
      padding: 0 30px;
      border-radius: 10px;
      border: 1px solid #f2f2f2;

      .key {
        margin: 0 5px;
        font-size: 25px;
      }
    }

    .action {
      margin-top: 20px;

      a.btn {
        display: inline-block;
        margin: 0 20px 0 0;
      }
      span {
        display: inline-block;
        width: 600px;
      }
    }
  }

  .storeinfo {
    margin: 15px 0 0 0;
  }

  .hint {
    color: #666;
  }

  .hint.important {
    color: red;
  }
}

#t-login form .submitsection p {
  font-size: 13px;
}

#t-login {
  .normal-login {
    margin: 0 50px;

    h1 {
      margin-left: -50px;
      margin-right: -50px;
    }

    .inputs {
      float: left;
      width: 350px;
    }
    .reminder {
      float: left;
      width: 350px;
      margin: 30px 0 0 0;
      border: 1px solid #c3c3c3;
      border-radius: 5px;
      box-shadow: 4px 4px 6px #b5b5b5;

      .title {
        padding: 8px 15px 8px 20px;
        border-bottom: 1px solid #c3c3c3;
        font-size: 14px;
      }
      .content {
        padding: 0 20px;
        font-size: 12px;

        p{
          margin: 8px 0;
        }
      }
      .close {
        color: #ccc;
      }
    }
    .text-status {
      clear: both;

      .backend {
        font-size: 12px;
        span {
          color: red;
        }
      }
    }
    .submitsection {
      display: inline-block;
      width: 100%;
      padding: 0 0 0 20px;
      margin: 20px 0 0 -40px;
      background-position: left center;

      .fetch {
        font-size: 12px;
      }
      .storageinfo {
        margin: 10px 0 0 0;

        span a {
          margin: 0 0 0 10px;
        }
      }
    }
  }

  .action-login {
    overflow: hidden;

    h1 {
      text-align: left;
    }

    .info {
      width: 380px;
      min-height: 400px;
      padding-bottom: 30px;
      float: left;
      border-right: 1px solid #ccc;
      font-family: 'OpenSansLight';

      .literal {
        margin: 5px 0 40px;
        font-size: 20px;
      }

      .label {
        font-size: 18px;
        color: #000;
      }

      .amount,
      .address {
        margin-left: -@pmSingleMargin;
        background-color: #f4f4f4;
        margin-bottom: 30px;
      }

      .amount {
        padding: 30px 25px 25px @pmSingleMargin;
        .number {
          font-size: 50px;
        }
        .currency {
          padding: 0 0 0 5px;
          font-size: 20px;
        }
      }

      .address {
        padding: 25px 25px 25px @pmSingleMargin;
        font: 18px 'OpenSansRegular';
        color: #838383;
      }
    }
    form {
      margin: 0;
      width: 400px;
      float: right;
    }
  }
}

#t-balance {
  #welcome {
    font: 18px 'OpenSansLight';
    margin: 30px 0 0 30px;

    .account_id {
      font: 30px "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin-top: 0;
    }
    .title {
      font: 18px 'OpenSansBold';
    }

    .actions {
      margin: 0 0 50px;

      a,span {
        display: inline-block;
        width: 190px;
        height: 270px;
        background-image: url(../../img/sprite_j.png);
        margin: 0 50px 0 0;
      }
      .bitcoin {
        background-position: -2px -263px;
      }
      .receive {
        background-position: -2px -535px;
      }
      .nexus {
        background-position: -2px -807px;
      }
    }
  }

  h3 {
    margin-top: 15px;
  }

  table.events {
    .date {
      width: 25%;
    }
    .desc {
      width: 75%;
    }
    .note {
      display: block;
      line-height: 12px;
      font-size: 12px;
      margin: 0 0 10px;
    }

    tbody {
      &.passive {
        opacity: 0.5;
      }

      td{
        cursor: pointer;
      }
    }

    tr {
      &:hover {
        opacity: 0.9;
      }
    }

    tr.trusted, tr.received {
      background-color: #e4efd9;
    }

    tr.trusting {
      background-color: #D9EDF7;
    }

    tr.sent {
      background-color: #ECDFDE;
    }

    tr.offernew {
      background-color: #FCF8E3;
    }

    tr.offerfunded {
      background-color: #FCF8E3;
    }

    tr.offerpartiallyfunded {
      background-color: #FCF8E3;
    }

    tr.offercancel {
      background-color: #F2DEDE;
    }

    tr td {
      padding-top: 5px;
      padding-bottom: 5px;
      line-height: 40px;
    }

    tr .btn.add {
      display: none;
      margin: -3px 0 0 10px;
      line-height: normal;
    }

    tr:hover .btn.add {
      display: inline-block;
    }

    .effects {
      margin: 0;
      padding: 0;
      font-size: 12px;
      line-height: 15px;

      li {
        list-style-type: none;
      }
    }

    .spinner {
      float: right;
      margin: 30px 20px 0 0;

      .spinnerInner {
        left: 0 !important;
        top: 0 !important;
      }
    }

    .pagination ul {
      float: right;
      padding: 0;
    }
  }
}

html.t-balance header nav ul > li.active#nav-wallet > a:after {
  border-bottom-color: #fff;
}

#t-trust {
  .value {
    width: 150px;
  }
  .currency-field {
    width: 210px;
  }
  #trust_counterparty {
    width: 392px;
  }

  table {
    position: relative;
    table-layout: fixed;

    th, td {
      .box-sizing(content-box);
    }
    .account {
      width: 35%;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .currency {
      width: 10%;
    }
    .trust {
      width: 32%;
    }
    .action {
      text-align: center;
    }
    td.trust {
      padding: 0;

      rp-trust-line {
        margin: 0 -50px;
      }
    }
  }

  form {
    .error {
      margin-top: 0;
    }
  }

  .mode-confirm {
    .amount_feedback, .dest_feedback {
      font-size: 26px;
      margin: 0;
      padding-top: 20px;
      padding-bottom: 20px;
      background-color: #f4f4f4;

      .extra {
        font-size: 18px;
        color: #999;
        margin-top: 0.5em;
      }
    }

    .amount_feedback {
      font: 34px 'OpenSansLight';

      .currency {
        font-size: 20px;
      }
    }

    .submitsection {
      .makeRow();
      button.back {
        .makeColumn(1.5);
        padding-left: 5px;
      }
      button.submit {
        .makeColumn(3);
      }
    }
  }

  .mode-granted {
    h2 {
      .border-radius(10px, 0, 0, 0);
    }
    .pending h2 {
      background-color: #fdfdfd;
    }
    .address {
      font-size: 25px;
      font: 34px 'OpenSansLight';
      margin: 0 0 30px;
    }
    p {
      margin: 20px 0 40px;
      font-size: 16px;
    }
    .actionLink {
      margin-top: 20px;
      margin-bottom: 20px;
      font-size: 16px;
    }
  }

  .actions {
    padding: 0;
    margin: 60px 0 0 0;
  }
}

#t-contacts {
  table {
    .table-striped;

    input.name {
      .input-xlarge;
    }

    input.address {
      .input-xxlarge;
    }

    tr {
      position: relative;

      th, td, input.inline {
        .box-sizing(content-box);
      }

      > .name {
        width: 27%;
      }
      > .account {
        width: 50%;

        input.inline {
          width: 280px;
        }

        label {
          margin: 20px 0 10px 0;
        }
      }
      > .command {
        width: 23%;
        text-align: right;

        .btn {
          margin-left: 10px;

          &:first-child {
            margin-left: 0;
          }
        }
        .send {
          padding-left: 35px;
          padding-right: 35px;
        }
      }

    // For the row-add animation to show up, the cells' background must be
    // transparent.
      &.rp-animate {
        td, th {
          background-color: transparent !important;
        }
      }
    }

    td input.inline {
      width: 90%;
      margin: 0 15px 0 -11px;
      font-size: 14px;
    }

    .editing {
      td {
        vertical-align: top;
      }
    }

    .command, .action {
    }

    .action {
      text-align: center;
    }

    .btn:disabled {
      background-color: #eeeeee !important;
    }

    .btn.save, .btn.edit, .btn.delete {
      -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
      box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);

      height: 30px;
    }

    .btn.edit {
      background: url(../../img/sprite_j.png) -2px -13px;
      display: none;
    }
    .btn.editing {
      background: #e4e4e4 url(../../img/sprite_j.png) -2px -13px;
      -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
      box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);

      height: 30px;
    }
    .btn.save {
      background: url(../../img/sprite_j.png) -163px -12px;
      margin: 0 5px 0 0;
    }
    .btn.delete {
      background: url(../../img/sprite_j.png) -131px -12px;
    }

    tr:hover .btn.edit {
      display: inline;
    }
  }
}

#t-balance {
  .total {
    margin-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #f2f2f2;

    .swatch {
      float: left;
      width: 10px;
      height: 35px;
      background-color: #BDE4C0;
      margin-right: 8px;
    }
    .balance {
      float: left;
      font: 36px 'OpenSansLight';
      line-height: 35px;
    }

    .config {
      float: left;
      padding: 3px 0 0 25px;
      margin: 0;
    }

    .clearfix();
  }

  .currency-summary {
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 10px;

    .balancebox {
      width: 240px;
      float: left;
      margin: 0 10px 0 0;
      overflow: hidden;
    }

    .label {
      margin-top: 15px;
      font: 20px 'OpenSansRegular';
      color: #333;
      padding: 2px 5px;
    }

    .balance {
      text-align: center;
      font: 36px 'OpenSansLight';
      border: 1px solid #eee;
      border-top: 0;
      color: #666;
      padding: 20px;
    }

    &.positive .label {
      background-color: #72CE9B;
    }
  }
}

#t-options {
  background: #000;
  .socketPort {
    margin: 0 0 25px 10px;
    width: 60px;
  }
}

#t-history {
  ul li.all > a.active,
  ul li.all > a:hover,
  ul li.all > a:after {
    background-color: #ddd;
  }

  ul li.received > a.active,
  ul li.received > a:hover,
  ul li.received > a:after,
  tr.received td {
    background-color: #e4efd9;
  }

  ul li.sent > a.active,
  ul li.sent > a:hover,
  ul li.sent > a:after,
  tr.sent td {
    background-color: #ecdfde;
  }

  ul li.other > a.active,
  ul li.other > a:hover,
  ul li.other > a:after,
  tr.other td {
    background-color: #fbf8e4;
  }

  table {
    tbody td {
      cursor: pointer;
    }

    tr:hover {
      &.received td{
        background-color: #e8f3dd;
      }
      &.sent td{
        background-color: #f0e3e2;
      }
    }
  }

  table tr .add {
    display: none;
  }
  table tr:hover .add {
    display: inline-block;
  }

  table .sent td,
  table .received td {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 40px;

    .btn {
      margin: -3px 0 0 10px;
      line-height: normal;
    }
  }

  table th {
    padding-top: 10px;
  }

  table .date {
    width: 20%;
  }

  table .counterparty {
    width: 44%;
  }

  table .amount {
    width: 14%;
    text-align: right;
  }

  table .balance {
    width: 22%;
    text-align: right;
  }
}

#t-send {
  .value {
    width: 150px;
    margin-bottom: 35px;
  }
  #send_amount_currency {
    width: 210px;
  }
  #send_destination {
    width: 392px;
  }
  #send_nickname {
    .input-xlarge;
  }

  .mode-form {
    input {
      margin-bottom: 35px;
    }
    .errorGroup {
      top: -30px;
    }

    .submitsection {
      margin-bottom: 30px;
    }

    .send_alternatives {
      margin-bottom: 35px;
      th {
        text-align: left;
        p {
          margin-top: 0;
          margin-bottom: 5px;
        }
      }
      td {
        position: relative;
        input {
          margin: 0;
        }

        .input-append {
          margin-bottom: 0;
        }

        &.currency {
          width: 30%;

          button {
            width: 100%;
            padding: 10px 0 10px 15px;
            text-align: left;
          }
        }
      }
      th, td {
        padding-right: 20px;
      }
    }

    .currency_sets {
      .label {
        margin: 10px 0;
        font-size: 18px;
        color: #656565;
      }
      ul {
        display: inline-block;
        width: 100%;
        list-style-type: none;
        margin: 0;
        padding: 20px;
        border: 1px solid #d9d9d9;
        .rounded(10px);

        font-family: 'OpenSansLight';
      }
      li {
        float: left;
        min-width: 270px;
        height: 120px;
        text-align: center;
        position: relative;
        border-right: 1px solid #ccc;

        &:nth-of-type(n+4) {
          margin: 25px 0;

          &:after {
            .virtualel;
            position: absolute;
            top: -25px;
            left: 0;
            width: 100%;
            height: 1px;
            border-top: 1px solid #ccc;
          }
        }

        &:nth-child(3n+3) {
          border-right: none;
        }
      }
      .amnt {
        font-size: 30px;
        padding: 0 8px 0 0;
      }
      .currency {
        font-size: 20px;
        padding-right: 12px;
        color: #ccc;
      }
      .rate {
        margin: 5px 0 0 0;
        font-size: 12px;
        color: #ccc;
      }
      .btn-success {
        width: 230px;
      }
    }
  }

  .mode-status {
    .address {
      font-size: 25px;
      font: 34px 'OpenSansLight';
      margin: 0 0 30px;
    }
    p {
      margin: 0 0 40px;
      font-size: 16px;
    }
    .actionLink {
      margin-top: 20px;
      margin-bottom: 20px;
      font-size: 16px;
    }
  }

  .mode-confirm {
    .amount_feedback, .dest_feedback, .sendmax_feedback {
      font-size: 26px;
      margin: 0;
      padding-left: @pmSingleMargin;
      padding-right: @pmSingleMargin;
      background-color: #f4f4f4;

      .extra {
        font-size: 18px;
        color: #999;
        margin-top: 0.5em;
      }
      .dt {
        font-size: 15px;
        margin-top: 1em;
      }
    }

    .dest_feedback {
      padding-top: 20px;
      padding-bottom: 20px;
    }

    .amount_feedback, .sendmax_feedback {
      font: 34px 'OpenSansLight';
      padding-top: 10px;
      padding-bottom: 10px;

      .currency {
        font-size: 20px;
      }
    }

    .submitsection {
      .makeRow();
      button.back {
        .makeColumn(1.5);
        padding-left: 5px;
      }
      button.submit {
        .makeColumn(3);
      }
    }
  }

  .actions {
    margin: 60px 0 0 0;
  }
}

.save-address-form {
  form {
    max-height: 0;
    overflow: hidden;
    .transition-duration(0.6s);
    margin: 0;

    &.show {
      max-height: 300px;
    }

    input {
      width: 300px;
    }

    .btn {
      width: 150px;
      margin: 0 20px 0 0;
    }

    hr {
      margin: 15px 0 0 0;
    }
  }
}

#t-receive {
  .address {
    font-family: 'OpenSansRegular';
    margin: 0;
    padding: 20px @pmSingleMargin;
    span {
      font-size: 30px;
      background-color: transparent;
      width: @gridRowWidth - @pmSingleMargin * 2;
      line-height: 1.2;
    }
  }
  .qr {
    margin-bottom: 20px;
  }
  .btn {
    .input-medium;
  }
}

#t-security {
  padding: 15px;

  .notices {
    list-style-type: none;
    margin: 10px 0 0 0;
  }
  .important {
    font-size: 20px;
    line-height: 25px;
  }
  .title {
    display: inline-block;
    width: 100%;
    margin: 20px 0 0;

    .icon {
      display: inline-block;
      background: url(../../img/sprite_j.png);
      width: 40px;
      height: 40px;
      float: left;
    }
    .icon.wallet {
      background-position:  -80px 0;
    }
    .icon.money {
      background-position:  -34px 0;
    }
    .name {
      margin: 0 20px 0 10px;
      line-height: 40px;
      float: left;
    }
    .more {
      line-height: 40px;
      float: left;
    }
  }
  .description {
    margin: 5px 0 5px 68px;
    font-size: 13px;
  }
  .infoBox {
    width: 680px;
    margin: auto;
    border-radius: 5px;
    border: 1px solid #bebebe;
    padding: 20px;
    margin-top: 5px;
    margin-bottom: 5px;

    .part {
      margin: 0 50px 0 0;
    }
  }
  .show-keys {
    margin: 20px 0 0 40px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .value {
    font-size: 20px;
    margin: 0 10px;
  }
}

#t-trade {
  ul.inline {
    padding: 0;
    margin: 0;

    .label {
      color: #7A7A7A;
    }
    .value {
      font-weight: bold;
    }

    li {
      display: inline-block;
      font-size: 12px;

      .icon {
        margin: 0 0 0 3px;
      }
      .up {
        color: green;
      }
      .down {
        color: red;
      }
    }

    &.issuers {
      .label {
        width: 120px;
      }
      .value {
        margin-right: 30px;
      }
    }

    &.market li {
      width: 170px;
    }
  }

  .settings {
    .clearfix;
    background-color: #FAFAFA;
    .border-radius(10px, 0, 0, 0);
    padding-top: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #CCCCCC;

    .currency-config {
      float: left;
      padding-top: 0;
      margin-right: 30px;

      .currency {
        width: 130px;
      }

      input {
        margin-bottom: 0;
      }
    }
  }

  form.issuer {
    .clearfix;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;

    input {
      width: 400px;
    }
  }

  .message {
    padding: 20px 0 0 40px;
    line-height: 25px;
    font-size: 16px;
    font-family: 'OpenSansRegular';
  }

  .ticker {
    background-color: #EEE;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #CCCCCC;
    margin: 0 0 30px;
  }

  .order-type {
    .clearfix;
    margin-bottom: -1px;

    .btn-group {
      margin-right: 30px;
    }

    p.literal {
      margin: 0;
      line-height: 48px;
    }

    &.open {
      .btn-group > .btn:first-child {
        .border-radius(0, 0, 0, 4px);
      }
      .btn-group > .btn:last-child {
        .border-radius(4px, 0, 0, 0 );
      }
    }
  }

  .trade-widget {
    > form, > div, > group {
      background-color: #f9f9f9;
      border-top: 1px solid #999;
      border-bottom: 1px solid #999;
    }
  }

  .mode-form {
    padding-top: 30px;

  // Cool animation that our users will never get to see. :’(
  /*
      max-height: 0;
      opacity: 0;
      overflow: hidden;
      .transition-duration(0.5s);

      &.visible {
        opacity: 1;
        max-height: 220px;
      }
  */

    .order-values {
      .clearfix;
      clear: both;
      .value-field {
        width: 222px;
        min-height: 102px;
        float: left;

        input {
          width: 150px;
        }
        .add-on {
          width: 50px;
          padding-left: 0;
          padding-right: 0;
          text-align: center;
        }
      }
      .sign {
        width: 30px;
        text-align: center;
        margin: 40px 0 0 0;
        float: left;
      }
      .error {
        margin-bottom: 0;
        height: 0;
        overflow: visible;
      }
    }
    .message {
      clear: both;
      color: green;
      position: relative;
      top: -20px;
      height: 0;
      overflow: visible;
    }
    .submitsection {
      clear: both;
      margin: 10px 0 35px 0;
    }
  }

  .mode-confirm {
    text-align: center;

    .amount_feedback {
      font-size: 20px;
    }

    .dest_feedback {
      font-size: 20px;
    }

    .submitsection {
      button {
        margin: 0 5px;
      }
    }
  }

  .mode-done {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  ul li.my {
    > a.active,  > a:hover,> a:after {
      background-color: #e4efd9;
    }
  }

  ul li.orderbook {
    > a.active,  > a:hover,> a:after {
      background-color: #ecdfde;
    }
  }

  table.open-orders {
    margin: 0 0 30px;
    th, td {
      padding-right: 10px;
    }
    th.action {
      color: #fff;
    }
    td.type {
      width: 13%;
    }
    td.pair {

    }
    td.price {
      width: 18%;
    }
    td.amount {
      width: 18%;
    }
    td.action {
      width: 14%;
      text-align: right;
      padding-top: 0;
      padding-bottom: 0;
    }

    th.price, th.amount {
      text-align: right;
    }

    .issuer {
      color: #9b9b9b;
    }

    tr.cancelled {
      opacity: 0.3;

      .action {
        background-image: url(../../img/throbber.gif);
        background-repeat: no-repeat;
        background-position: 90% 50%;
      }
      .action button {
        display: none;
      }
    }
  }

  .orderbook {
    .clearfix;

    .title {
      display: block;
      font: 16px 'OpenSansBold';
      padding: 0 0 5px 0;
    }

    & > div {
      float: left;
      width: 370px;
    }

    table {
      border: 1px solid #ededed;

      th {
        text-align: right;
        line-height: 1.2;
        height: 35px;
        .currency {
          color: #aaa;
          font-size: 0.9em;
        }
      }

      th, td{
        padding: 15px 10px;
      }
    }

    .bids {
      margin: 0 10px 0 0;
    }
  }
}

html.t-trade header nav ul > li.active#nav-advanced > a:after {
  border-bottom-color: #fafafa;
}


Padding adjustment for buttons

Padding adjustment for buttons

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/ZyMoEntertainment/Zymo.io.git/'


Removed z-index 0

Removed z-index 0

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


Padded variation of `section__action` included for wider sections

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/putterschool/styleguide.git/'


change default hover color

change default hover color

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


re-style

re-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/cschuller/yak-js.git/'


icon.less to CM (global icon styles)

icon.less to CM (global icon styles)

[class^="icon-"]:before, [class*=" icon-"]:before {
	font-size: @iconSize;
	-webkit-font-smoothing: antialiased;
}

.clickable:before {
	vertical-align: top;
	font-size: @iconSizeClickable;
}

error: pathspec 'layout/default/css/icon.less' did not match any file(s) known to git


fix(Dropdown): update border radius for pagination

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


Now with more compact filter box

Now with more compact filter box

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


Delete list.less

Delete list.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/JimiPedros/JimiPedros.github.io.git/'


Make cart item's image bigger

Make cart item's image bigger

Modifies current styles to float each item cart's image to the left.

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


Loading state for cart's quantity controls


[JENKINS-35178] Fix close button in Safari (#2378)

* [JENKINS-35178] Fix close button in Safari

* [JENKINS-35178] Removed units

* [JENKINS-35178] Back to the original button design

/*
 * Tab bar specific rules.
 */

.jenkins-config-widgets {
  position: relative;
  border:1px solid @solid-border;
  border-bottom:none;
  background:@light-backgrond;
  min-height:2.5em;
  .border-radius-top(@radius);
  z-index:5;

  nav:before, nav:after {
    display: none;
  }

  :hover .noTabs{
    color:#bbb;
  }
  .noTabs:hover,
  .showTabs:hover {
    opacity: 0.8;
    background:#bbb;
    color:@light-backgrond;
    text-shadow:none
  }

  @find-container-width: 200px;
  .find-container {
    margin:0;
    display:none;
  }

  .showTabs,
  .noTabs {
    position: absolute;
    border-radius: @radius;
    right: 5px;
    top: 5px;
    cursor: pointer;
    color: @solid-border;
    text-shadow: @brightest 0 1px 2px;
    font-size: 0.85em;
    padding: 3px 7px;
    display:none;
  }

  .form-config.tabBarFrame {
    position: relative;
    border-bottom: solid 1px @solid-border;

    .config-section-activators {
      margin: 0;
      padding: 5px 0 0;
      display: block;
      list-style: none;
    }

    .tabBar {
      .tab {
        border: solid 1px transparent;
        color: #999;
        padding: 7px 10px;
        .border-radius-top(5px);
        cursor: pointer;
        margin: 1px 0 0 10px;
        text-decoration: none;
      }
      .tab:hover {
        background:#bbb; color:@brightest;
      }
      .tab.active {
        background: @bright;
        color: #000;
        font-weight: bold;
        z-index: 2;
        border:1px solid @solid-border;
        border-bottom:1px solid @bright
      }
    }

  }

  .form-config.tabBarFrame.mouse-over {
    .noTabs {
      display: inline;
    }
    .noTabs:hover {
      opacity: 0.8;
    }
  }

}
#jenkins{
  .jenkins-config {
    border:1px solid @solid-border;
    padding:10px;
    border-top:none;
    background:@bright;
    .border-radius-bottom(@radius);

    .showTabs{
      display:block;
      text-align:right;

    }

    table.config-table {
      .section-header-row {
        background: none;
        border-color: transparent
      }
      .section-header {
        margin-top: 10px;
      }
    }

    table {
      border-collapse:collapse;

      .bottom-sticker-edge {
        display:none;
      }
      .bottom-sticker-inner{
        padding: 20px 10px 25px 20px;
        border-top-right-radius: 10px;
        border: 1px solid @line-green;
        background: @pale-green-trans;
      }

      .bottom-sticker,
      #bottom-sticker{
        width: auto;
        margin-left: -10px;
        overflow: hidden;
        padding-bottom: 10px;
        margin: 30px 30px -25px -15px;
        z-index:9;

        .cover{
          position:absolute;
          top:0;
          bottom:0;
          left:0;
          right:0;
          z-index:2;
        }
        .yui-button.primary{
          button{
            background:@middle-blue;
            border-color:@dark-blue;
          }
        }
        .yui-button.yui-button-disabled{
          button{
            background:@light-backgrond;
            border-color:@solid-border;
            color:@solid-border;
          }
        }

        .yui-button{
          margin-right:10px;

          button{
            padding:5px 20px;
            background:@pale-blue;
            border-color:@line-blue;
          }
        }
      }

      .section-header{
        margin: 30px 0px 5px -10px;
        font-size: 1.5em;
        padding: 10px 15px;
        border: none;
        border-top: 1px solid #ddd;
      }
      .attach-previous {
        margin-left:3px;
      }
      .validation-error-area td{
        padding:0 5px;
      }

      .stapler-class-bag td {
        padding: 0px;
      }

      td.setting-name{
        line-height:29px;
      }
      td.setting-main{
        input[type='radio'],
        input[type='checkbox']{
          position:relative;
          top:.33em;
        }
      }
      td{
        padding:5px;

        textarea.setting-input {
          display:block;
        }

        .yui-button button,
        input[type='email'].setting-input,
        input[type='password'].setting-input,
        input[type='text'].setting-input{
          height:@input-line-height;
          line-height:@input-line-height;
          padding:0 5px;
          .border-radius(@radius);
        }
        .yui-button button{
          padding:0 10px;
          box-sizing:content-box;
        }

        .yui-button button.hetero-list-add{
          padding-right:25px;
        }

        select:not([multiple]){
          height:@input-line-height;
          line-height:@input-line-height;
        }
        select{
          border-radius:0;
          background:@brightest;
        }
        .help{
          background:@medium-translucent;
        }
        p,
        .help,
        .setting-description {
          font-size:1em;
          line-height:1.4;
        }
      }
      td[colspan="4"]:empty{
        display:none
      }
      td.setting-help{
        vertical-align:top;
        padding:5px 10px 5px 5px
      }
      td.setting-leftspace:after {
        content:' ';
        display:block;
        width:13px;
        height:1px;
      }
      .repeated-chunk,
      tr[nameref^="rowSetStart"],
      tr[nameref^="cb"],
      tr[nameref^="radio-block"] {
        background:@shade-hint;
        border-left:5px solid @shade
      }
      .hetero-list-container,
      .repeated-container,
      tr.optional-block-start,
      tr.radio-block-start {
        border-left:5px solid @shade;
        background:none;
      }
      tr.help-area {
        background:none !important;

        td {
          padding:0 5px
        }
      }
      .CodeMirror {
        background:@brightest;

      }
      .CodeMirror-scroll {
          border:1px solid @solid-border !important;
      }
      .repeated-container > .repeated-chunk {padding-top:15px;}
      .repeated-chunk.hover{
        border-color:@line-blue;
        box-shadow:0 2px 10px @shade, inset 0 200px 200px -200px @brightest;
        position:relative;
        z-index:2
      }
      .repeated-chunk.dragging{
        position:static;
      }
      .repeated-chunk{
        border:1px solid @shade;
        margin:2px;
        position:relative;
      }
      .repeatable-delete {
        position: absolute;
        top: -4px;
        right: 40px;
        height: 20px;
        width: 30px;

        button {
          text-align: center;
          text-indent: -9999px;
          width: 30px !important;
          height: 18px !important;
          padding: 0 !important;
          margin: 0 !important;
          .border-radius-top(0) !important;
          background-color: @danger;
          color: @light-backgrond;
          border: 1px solid @danger-line;
          line-height: 12px !important;
          display: inline-block;
          font-size: 8px;
        }

        button:focus,
        button:hover {
          background-color: @danger-dark;
          border-color: @danger-dark-line;
          color: @brightest;
        }

        button:before {
          content: 'X';
          font-weight: bold;
          position: absolute;
          display: block;
          left: 0;
          top: 2;
          width: 30px;
          height: 16px;
          text-align: center;
          font-size: 12px;
          text-indent: 0;
        }

      }
    }

    span.highlight {
      background-color: #ffff00;
    }
  }
}
#ygddfdiv {
  background:@light-backgrond;
  border:1px solid @line-blue !important;
  opacity:.5;
}

.yui-skin-sam .yuimenu {
  z-index: 9999 !important
}

.yui-skin-sam .yui-button-disabled {
  opacity: .75
}

/*
 * Tab bar specific rules.
 */

.jenkins-config-widgets {
  position: relative;
  border:1px solid @solid-border;
  border-bottom:none;
  background:@light-backgrond;
  min-height:2.5em;
  .border-radius-top(@radius);
  z-index:5;

  nav:before, nav:after {
    display: none;
  }

  :hover .noTabs{
    color:#bbb;
  }
  .noTabs:hover,
  .showTabs:hover {
    opacity: 0.8;
    background:#bbb;
    color:@light-backgrond;
    text-shadow:none
  }

  @find-container-width: 200px;
  .find-container {
    margin:0;
    display:none;
  }

  .showTabs,
  .noTabs {
    position: absolute;
    border-radius: @radius;
    right: 5px;
    top: 5px;
    cursor: pointer;
    color: @solid-border;
    text-shadow: @brightest 0 1px 2px;
    font-size: 0.85em;
    padding: 3px 7px;
    display:none;
  }

  .form-config.tabBarFrame {
    position: relative;
    border-bottom: solid 1px @solid-border;

    .config-section-activators {
      margin: 0;
      padding: 5px 0 0;
      display: block;
      list-style: none;
    }

    .tabBar {
      .tab {
        border: solid 1px transparent;
        color: #999;
        padding: 7px 10px;
        .border-radius-top(5px);
        cursor: pointer;
        margin: 1px 0 0 10px;
        text-decoration: none;
      }
      .tab:hover {
        background:#bbb; color:@brightest;
      }
      .tab.active {
        background: @bright;
        color: #000;
        font-weight: bold;
        z-index: 2;
        border:1px solid @solid-border;
        border-bottom:1px solid @bright
      }
    }

  }

  .form-config.tabBarFrame.mouse-over {
    .noTabs {
      display: inline;
    }
    .noTabs:hover {
      opacity: 0.8;
    }
  }

}
#jenkins{
  .jenkins-config {
    border:1px solid @solid-border;
    padding:10px;
    border-top:none;
    background:@bright;
    .border-radius-bottom(@radius);

    .showTabs{
      display:block;
      text-align:right;

    }

    table.config-table {
      .section-header-row {
        background: none;
        border-color: transparent
      }
      .section-header {
        margin-top: 10px;
      }
    }

    table {
      border-collapse:collapse;

      .bottom-sticker-edge {
        display:none;
      }
      .bottom-sticker-inner{
        padding: 20px 10px 25px 20px;
        border-top-right-radius: 10px;
        border: 1px solid @line-green;
        background: @pale-green-trans;
      }

      .bottom-sticker,
      #bottom-sticker{
        width: auto;
        margin-left: -10px;
        overflow: hidden;
        padding-bottom: 10px;
        margin: 30px 30px -25px -15px;
        z-index:9;

        .cover{
          position:absolute;
          top:0;
          bottom:0;
          left:0;
          right:0;
          z-index:2;
        }
        .yui-button.primary{
          button{
            background:@middle-blue;
            border-color:@dark-blue;
          }
        }
        .yui-button.yui-button-disabled{
          button{
            background:@light-backgrond;
            border-color:@solid-border;
            color:@solid-border;
          }
        }

        .yui-button{
          margin-right:10px;

          button{
            padding:5px 20px;
            background:@pale-blue;
            border-color:@line-blue;
          }
        }
      }

      .section-header{
        margin: 30px 0px 5px -10px;
        font-size: 1.5em;
        padding: 10px 15px;
        border: none;
        border-top: 1px solid #ddd;
      }
      .attach-previous {
        margin-left:3px;
      }
      .validation-error-area td{
        padding:0 5px;
      }

      .stapler-class-bag td {
        padding: 0px;
      }

      td.setting-name{
        line-height:29px;
      }
      td.setting-main{
        input[type='radio'],
        input[type='checkbox']{
          position:relative;
          top:.33em;
        }
      }
      td{
        padding:5px;

        textarea.setting-input {
          display:block;
        }

        .yui-button button,
        input[type='email'].setting-input,
        input[type='password'].setting-input,
        input[type='text'].setting-input{
          height:@input-line-height;
          line-height:@input-line-height;
          padding:0 5px;
          .border-radius(@radius);
        }
        .yui-button button{
          padding:0 10px;
          box-sizing:content-box;
        }

        .yui-button button.hetero-list-add{
          padding-right:25px;
        }

        select:not([multiple]){
          height:@input-line-height;
          line-height:@input-line-height;
        }
        select{
          border-radius:0;
          background:@brightest;
        }
        .help{
          background:@medium-translucent;
        }
        p,
        .help,
        .setting-description {
          font-size:1em;
          line-height:1.4;
        }
      }
      td[colspan="4"]:empty{
        display:none
      }
      td.setting-help{
        vertical-align:top;
        padding:5px 10px 5px 5px
      }
      td.setting-leftspace:after {
        content:' ';
        display:block;
        width:13px;
        height:1px;
      }
      .repeated-chunk,
      tr[nameref^="rowSetStart"],
      tr[nameref^="cb"],
      tr[nameref^="radio-block"] {
        background:@shade-hint;
        border-left:5px solid @shade
      }
      .hetero-list-container,
      .repeated-container,
      tr.optional-block-start,
      tr.radio-block-start {
        border-left:5px solid @shade;
        background:none;
      }
      tr.help-area {
        background:none !important;

        td {
          padding:0 5px
        }
      }
      .CodeMirror {
        background:@brightest;

      }
      .CodeMirror-scroll {
          border:1px solid @solid-border !important;
      }
      .repeated-container > .repeated-chunk {padding-top:15px;}
      .repeated-chunk.hover{
        border-color:@line-blue;
        box-shadow:0 2px 10px @shade, inset 0 200px 200px -200px @brightest;
        position:relative;
        z-index:2
      }
      .repeated-chunk.dragging{
        position:static;
      }
      .repeated-chunk{
        border:1px solid @shade;
        margin:2px;
        position:relative;
      }
      .repeatable-delete {
        position:absolute;
        top:-2px;
        right:35px;
        height:18px;
        width:32px;
        .border-radius-bottom(3px);
        overflow:hidden;

        button{
          padding:0;
          margin:0;
          text-indent:999em;
          background-color: @danger;
          color: @light-backgrond;
          border: 1px solid @danger-line;
        }
        button:focus,
        button:hover{
          background-color: @danger-dark;
          border-color:@danger-dark-line;
          color:@brightest;
        }
        button:before{
          content: 'X';
          font-weight: bold;
          text-indent: 0;
          display: block;
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          text-align: center;
          font-size: 12px;
          line-height: 18px;
        }

      }
    }

    span.highlight {
      background-color: #ffff00;
    }
  }
}
#ygddfdiv {
  background:@light-backgrond;
  border:1px solid @line-blue !important;
  opacity:.5;
}

.yui-skin-sam .yuimenu {
  z-index: 9999 !important
}

.yui-skin-sam .yui-button-disabled {
  opacity: .75
}


[合伙人]修改个人中心合伙人安卓样式错乱

[合伙人]修改个人中心合伙人安卓样式错乱

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


INBOX-22 fix fullscreen composer on desktop

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


margin for section

margin for section

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


adding code color css

adding code color css

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/pradeepmurugesan/incubator-freemarker-docgen.git/'