Styling for the login page.

Styling for the login page.

.centered-form {
    .center-h(400px);
    .text-center;

    [type="text"] {
        .bkg-pos(98% 50%) !important;
        .block;
        .radius(6px, 2px solid @tangoGrey);
        .size(400px - 36px, 48px);
        color: darken(@tangoGrey, 20%);
        font: 24px/48px sans-serif;
        margin: 16px 0;
        outline: none;
        padding: 0 16px;

        .placeholder(1, {
            color: lighten(@tangoGrey, 10%)
        });

        &:focus {
            border-color: @tangoBlue;
            box-shadow: 0 0 0 2px lighten(@tangoBlue, 25%);
            color: darken(@tangoBlue, 20%);

            .placeholder(1, {
                color: lighten(@tangoBlue, 10%)
            });
        }
    }

    [type="submit"] {
        .noumena-button(2px, 48px, @tangoBlue, 0px);
        font: 24px/32px sans-serif;
        margin: 0;
        width: 400px;
    }
}

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


let the holes breathe a bit

let the holes breathe a bit

@import 'lib';

#subscribe,
#sorter,
#sorter ul {
    line-height: 18px;
}

#sorter {
    margin-bottom: 1em;
    ul {
        padding: 0;
        list-style: none;
    }
    h3, > ul, form {
        color: @note-gray;
        float: left;
        margin: 0;
    }
    h3, ul {
        font-size: 11px;
    }
    li {
        margin: 0;
        &.selected a {
            color: @orange;
            font-weight: bold;
            pointer-events: none;
            text-decoration: none;
        }
    }
    > ul > li {
        float: left;
        position: relative;
        > a {
            border-right: 1px solid @light-gray;
            padding: 0 6px;
        }
        &:last-child:not(.extras) a {
            border-right: none;
        }
    }
}

.html-rtl #sorter {
    h3, ul, form {
        float: right;
    }
    > ul > li {
        float: right;
        > a {
            border: none;
            border-left: 1px solid @light-gray;
        }
        &:last-child:not(.extras) a {
            border-left: none;
        }
    }
}

.no-results {
    font-size: 24px;
    font-weight: bold;
    opacity: .5;
    padding: 20px;
    text-align: center;
}

.listing {
    p {
        margin: 5px 0;
    }
    ol {
        list-style: none;
        padding: 0;
    }
    .icon {
        max-height: 64px;
        max-width: 64px;
    }
    .items {
        border: 1px solid @light-gray;
    }
    .item {
        .gradient-two-color(#f7f7f7, @faint-gray);
        border-bottom: 1px solid @light-gray;
        border-top: 1px solid @white;
        min-height: 64px;
        padding: 10px 120px 10px 95px;
        position: relative;
        &:last-child {
            border-bottom: 0;
        }
        h3 a {
            display: block;
        }
        .vitals {
            font-size: 11px;
            span {
                display: inline-block;
                + .vital, + .rating {
                    &:before {
                        color: @note-gray;
                        content: "\00B7";
                    }
                }
            }
        }
        .downloads,
        .price {
            color: @green;
        }
        .price {
            background: fadeOut(@green, 40%);
            color: fadeOut(@white, 5%);
            height: 16px;
            font-weight: bold;
            margin: 0 2px 0 8px;
            padding: 0 4px 0 3px;
            position: relative;
            &:after {
                border: 8px solid transparent;
                border-right-color: fadeOut(@green, 40%);
                content: "\00b0";  /* degree sign */
                color: fadeOut(@white, 60%);
                font-size: 8px;
                line-height: 3px;
                margin: 0 4px 0 -16px;
                position: absolute;
                text-indent: 5px;
                top: 0;
                left: 0;
                height: 0;
                width: 0;
            }
        }
        .actions, img {
            position: absolute;
            top: 10px;
        }
        .actions {
            right: 10px;
            margin-bottom: 10px;
            .install {
                display: inline-block;
                line-height: 32px;
                width: 100px;
            }
        }
        img {
            left: 10px;
            margin-right: 10px;
        }
    }
}

.html-rtl .listing {
    .price {
        margin: 0 0 0 8px;
        &:after {
            text-indent: -8px;
        }
    }
}

#search-results {
    .width(7);
}
#search-facets {
    .width(3);
}

.selected > a {
    color: @orange;
}

#search-facets {
    ul {
        list-style: none;
        margin: 0;
    }
    h2, h3, p {
        font-size: 15px;
    }
    h3, p {
        color: @medium-gray;
    }
    h2, .facets {
        margin-bottom: 8px;
    }
    h2 {
        line-height: 50px;
        margin-bottom: 16px;
        min-height: 29px;
        padding: 0;
        text-transform: inherit;
    }
    h3 {
        font-size: 14px;
        margin-bottom: 4px;
    }
    p {
        font-size: 14px;
        padding: 0 11px;
        text-align: center;
        b {
            font-weight: none;
        }
    }
    li {
        border: 0;
        a {
            line-height: 16px;
            margin-top: 2px;
            padding: 0;
        }
        ul {
            padding-left: 12px;
        }
    }
    .facets {
        .border-radius(5px);
        background: rgba(255, 255, 255, 0.4);
        border-color: #D7D9E8;
        padding: 0;
        width: 100%;
        .facet {
            border-top: 1px dotted #D7D9E8;
            position: relative;
            padding: 10px;
            &:after {
                color: @light-gray;
                content: "\0BB";
                font: normal 17px/14px @open-stack;
                position: absolute;
                right: 10px;
                top: 10px;
            }
            &:first-child {
                border-top: none;
                .border-radius(5px 5px 0 0);
            }
            &:last-child {
                .border-radius(0 0 5px 5px);
            }
            &.active, &:hover {
                background: rgb(255, 255, 255, 0.6);
            }
            &:hover {
                cursor: pointer;
                &:after {
                    color: @medium-gray;
                }
                li a {
                    pointer-events: none;
                }
            }
            > ul {
                max-height: 250px;
                > li.selected:first-child a {
                    color: @link;
                }
            }
            li {
                a {
                    display: none;
                    &:hover {
                        background: inherit;
                        text-decoration: underline;
                    }
                }
                &.selected {
                    > a {
                        font-weight: bold;
                        color: @orange;
                        display: block;
                        &:hover {
                            text-decoration: none;
                        }
                    }
                }
            }
            &.active {
                &:after {
                    .transform(rotate(90deg));
                }
                li a {
                    display: block;
                }
                &:hover li a {
                    pointer-events: auto;
                }
                ul + ul {
                    margin-top: 1em;
                }
            }
        }
    }
}
.html-rtl {
    #search-facets {
        li ul {
            padding: 0 12px 0 0;
        }
        .facets .facet {
            &:after {
                right: auto;
                left: 10px;
            }
            &.active:after {
                .transform(rotate(-90deg));
            }
        }
    }
}

@media (max-width: @7col) {
    #search-results, #search-facets {
        float: none;
    }
    #search-results {
        .width(7);
    }
    #search-facets {
        padding-right: 0;
        .width(7);
    }
}

@media (max-width: @4col) {
    .listing {
        .item {
            padding-left: 60px;
            .actions {
                margin: 10px 0 0;
                position: static;
            }
            .vitals .vital {
                + .vital, + .rating {
                    &:before {
                        display: none;
                    }
                }
            }
        }
        .icon {
            max-height: 32px;
            max-width: 32px;
        }
    }
    #search-results {
        .width(4);
    }
    #search-facets {
        .width(4);
    }
}

@media (max-width: @3col) {
    #search-results {
        .width(3);
    }
    #search-facets {
        .width(3);
    }
}

@import 'lib';

#subscribe,
#sorter,
#sorter ul {
    line-height: 18px;
}

#sorter {
    margin-bottom: 1em;
    ul {
        padding: 0;
        list-style: none;
    }
    h3, > ul, form {
        color: @note-gray;
        float: left;
        margin: 0;
    }
    h3, ul {
        font-size: 11px;
    }
    li {
        margin: 0;
        &.selected a {
            color: @orange;
            font-weight: bold;
            pointer-events: none;
            text-decoration: none;
        }
    }
    > ul > li {
        float: left;
        position: relative;
        > a {
            border-right: 1px solid @light-gray;
            padding: 0 6px;
        }
        &:last-child:not(.extras) a {
            border-right: none;
        }
    }
}

.html-rtl #sorter {
    h3, ul, form {
        float: right;
    }
    > ul > li {
        float: right;
        > a {
            border: none;
            border-left: 1px solid @light-gray;
        }
        &:last-child:not(.extras) a {
            border-left: none;
        }
    }
}

.no-results {
    font-size: 24px;
    font-weight: bold;
    opacity: .5;
    padding: 20px;
    text-align: center;
}

.listing {
    p {
        margin: 5px 0;
    }
    ol {
        list-style: none;
        padding: 0;
    }
    .icon {
        max-height: 64px;
        max-width: 64px;
    }
    .items {
        border: 1px solid @light-gray;
    }
    .item {
        .gradient-two-color(#f7f7f7, @faint-gray);
        border-bottom: 1px solid @light-gray;
        border-top: 1px solid @white;
        min-height: 64px;
        padding: 10px 120px 10px 95px;
        position: relative;
        &:last-child {
            border-bottom: 0;
        }
        h3 a {
            display: block;
        }
        .vitals {
            font-size: 11px;
            span {
                display: inline-block;
                + .vital, + .rating {
                    &:before {
                        color: @note-gray;
                        content: "\00B7";
                    }
                }
            }
        }
        .downloads,
        .price {
            color: @green;
        }
        .price {
            background: fadeOut(@green, 40%);
            color: fadeOut(@white, 5%);
            height: 16px;
            font-weight: bold;
            margin: 0 2px 0 8px;
            padding: 0 4px 0 2px;
            position: relative;
            &:after {
                border: 8px solid transparent;
                border-right-color: fadeOut(@green, 40%);
                content: "\00b0";  /* degree sign */
                color: fadeOut(@white, 60%);
                font-size: 8px;
                line-height: 3px;
                margin: 0 4px 0 -16px;
                position: absolute;
                text-indent: 5px;
                top: 0;
                left: 0;
                height: 0;
                width: 0;
            }
        }
        .actions, img {
            position: absolute;
            top: 10px;
        }
        .actions {
            right: 10px;
            margin-bottom: 10px;
            .install {
                display: inline-block;
                line-height: 32px;
                width: 100px;
            }
        }
        img {
            left: 10px;
            margin-right: 10px;
        }
    }
}

.html-rtl .listing {
    .price {
        margin: 0 0 0 8px;
        padding: 0 4px 0 2px;
        &:after {
            text-indent: -8px;
        }
    }
}

#search-results {
    .width(7);
}
#search-facets {
    .width(3);
}

.selected > a {
    color: @orange;
}

#search-facets {
    ul {
        list-style: none;
        margin: 0;
    }
    h2, h3, p {
        font-size: 15px;
    }
    h3, p {
        color: @medium-gray;
    }
    h2, .facets {
        margin-bottom: 8px;
    }
    h2 {
        line-height: 50px;
        margin-bottom: 16px;
        min-height: 29px;
        padding: 0;
        text-transform: inherit;
    }
    h3 {
        font-size: 14px;
        margin-bottom: 4px;
    }
    p {
        font-size: 14px;
        padding: 0 11px;
        text-align: center;
        b {
            font-weight: none;
        }
    }
    li {
        border: 0;
        a {
            line-height: 16px;
            margin-top: 2px;
            padding: 0;
        }
        ul {
            padding-left: 12px;
        }
    }
    .facets {
        .border-radius(5px);
        background: rgba(255, 255, 255, 0.4);
        border-color: #D7D9E8;
        padding: 0;
        width: 100%;
        .facet {
            border-top: 1px dotted #D7D9E8;
            position: relative;
            padding: 10px;
            &:after {
                color: @light-gray;
                content: "\0BB";
                font: normal 17px/14px @open-stack;
                position: absolute;
                right: 10px;
                top: 10px;
            }
            &:first-child {
                border-top: none;
                .border-radius(5px 5px 0 0);
            }
            &:last-child {
                .border-radius(0 0 5px 5px);
            }
            &.active, &:hover {
                background: rgb(255, 255, 255, 0.6);
            }
            &:hover {
                cursor: pointer;
                &:after {
                    color: @medium-gray;
                }
                li a {
                    pointer-events: none;
                }
            }
            > ul {
                max-height: 250px;
                > li.selected:first-child a {
                    color: @link;
                }
            }
            li {
                a {
                    display: none;
                    &:hover {
                        background: inherit;
                        text-decoration: underline;
                    }
                }
                &.selected {
                    > a {
                        font-weight: bold;
                        color: @orange;
                        display: block;
                        &:hover {
                            text-decoration: none;
                        }
                    }
                }
            }
            &.active {
                &:after {
                    .transform(rotate(90deg));
                }
                li a {
                    display: block;
                }
                &:hover li a {
                    pointer-events: auto;
                }
                ul + ul {
                    margin-top: 1em;
                }
            }
        }
    }
}
.html-rtl {
    #search-facets {
        li ul {
            padding: 0 12px 0 0;
        }
        .facets .facet {
            &:after {
                right: auto;
                left: 10px;
            }
            &.active:after {
                .transform(rotate(-90deg));
            }
        }
    }
}

@media (max-width: @7col) {
    #search-results, #search-facets {
        float: none;
    }
    #search-results {
        .width(7);
    }
    #search-facets {
        padding-right: 0;
        .width(7);
    }
}

@media (max-width: @4col) {
    .listing {
        .item {
            padding-left: 60px;
            .actions {
                margin: 10px 0 0;
                position: static;
            }
            .vitals .vital {
                + .vital, + .rating {
                    &:before {
                        display: none;
                    }
                }
            }
        }
        .icon {
            max-height: 32px;
            max-width: 32px;
        }
    }
    #search-results {
        .width(4);
    }
    #search-facets {
        .width(4);
    }
}

@media (max-width: @3col) {
    #search-results {
        .width(3);
    }
    #search-facets {
        .width(3);
    }
}


Add the same background

Add the same background

The line hight is the display issue on chrome. match the backgrounds
to hide half rows.

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/aha-app/bigquery-log-viewer.git/'


add Less code example

add Less code example

// source: https://github.com/less/less-docs/blob/master/styles/components/sidebar.less

//
// Side navigation
// --------------------------------------------------
// Scrollspy and affixed-enhanced navigation,
// to highlight sections and secondary
// sections of docs content.

// Variables
@sidenav-link-color:       #36556E;

// Hide the sidenav on smaller screens
.sidebar {
  display: none;
}

// By default it's not affixed in
// mobile views, so undo that
.sidebar.affix {
  position: static;
}

/* First level of nav */
.sidenav {
  margin-top: 6px;
  margin-bottom: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  background-color: @gray-lightest;
  border-radius: 5px;
}

/* All levels of nav */
.sidebar .nav > li > a {
  display: block;
  color: @sidenav-link-color;
  padding: 5px 20px;
}
.sidebar .nav > li > a:hover,
.sidebar .nav > li > a:focus {
  text-decoration: none;
  background-color: #e8ebee;
  border-right: 1px solid #d8dde2;
}
.sidebar .nav > .active > a,
.sidebar .nav > .active:hover > a,
.sidebar .nav > .active:focus > a {
  font-weight: bold;
  color: @navbar-inverse-bg;
  background-color: transparent;
  border-right: 1px solid @navbar-inverse-bg;
}

// Nav: second (nested) level (shown on .active)
.sidebar .nav .nav {
  display: none; // Hide by default, show when > 768px
  margin-bottom: 8px;

  > li > a {
    padding: 3px 30px;
    font-size: 90%;
  }
}

// Icons
.sidebar .glyphicon {
  font-size: 12px;
  margin-left: 10px
}

// Show and affix the side nav when space allows it
@media (min-width: 992px) {
  // Show the sidenav on larger screens
  .sidebar {
    display: block;
    padding-top: 65px;
  }
  .sidebar .nav > .active > ul {
    display: block;
  }
  // Widen the fixed sidebar
  .sidebar.affix,
  .sidebar.affix-bottom {
    width: 213px;
  }
  .sidebar.affix {
    position: fixed; // Undo the static from mobile first approach
    top: 15px;
    bottom: 0;
    overflow: auto;
  }
  .sidebar.affix-bottom {
    position: absolute; // Undo the static from mobile first approach
  }
  .sidebar.affix .sidenav,
  .sidebar.affix-bottom .sidenav {
    margin-top: 10px;
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {

  // Widen the fixed sidebar again
  .sidebar.affix-bottom,
  .sidebar.affix {
    width: 263px;
  }
}

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


update table filter menu style

update table filter menu style

@import "../mixins/index";

@table-prefix-cls: ~"@{css-prefix}table";
@table-border-color: #e9e9e9;
@table-head-background-color: #f4f4f4;

.@{table-prefix-cls} {
  font-size: @font-size-base;
  color: @text-color;

  &-body {
    transition: opacity 0.3s ease;
  }

  table {
    width: 100%;
    max-width: 100%;
    border-collapse: separate;
    text-align: left;
    border-radius: @border-radius-base;
    overflow: hidden;
  }

  th {
    background: @table-head-background-color;
    font-weight: bold;
    transition: background .3s ease;

    .anticon-filter {
      margin-left: 4px;
      .iconfont-size-under-12px(10px);
      cursor: pointer;
      color: #aaa;
      transition: all 0.3s ease;
      &:hover {
        color: #666;
      }
    }

    .@{table-prefix-cls}-filter-selected.anticon-filter {
      color: @primary-color;
    }
  }

  td {
    border-bottom: 1px solid @table-border-color;
  }

  tr {
    transition: all .3s ease;
    &:hover {
      background: tint(@primary-color, 90%);
    }
  }

  thead tr:hover {
    background: none;
  }

  tr.@{table-prefix-cls}-row-selected {
    background: #fafafa;
  }

  th.@{table-prefix-cls}-column-sort {
    background: #eaeaea;
  }

  th,
  td {
    padding: 16px 8px;
  }

  th.@{table-prefix-cls}-selection-column,
  td.@{table-prefix-cls}-selection-column {
    text-align: center;
    width: 60px;
  }

  &-loading {
    position: relative;
    .@{table-prefix-cls}-body {
      background: #fff;
      opacity: 0.5;
    }
    .@{table-prefix-cls}-spin-holder {
      height: 20px;
      line-height: 20px;
      left: 50%;
      top: 50%;
      margin-left: -30px;
      position: absolute;
    }
    .@{table-prefix-cls}-with-pagination {
      margin-top: -20px;
    }
    .@{table-prefix-cls}-without-pagination {
      margin-top: 10px;
    }
  }

  &-middle {
    th,
    td {
      padding: 10px 8px;
    }
  }

  &-small {
    table {
      border: 1px solid #e9e9e9;
      padding: 0 8px;
    }

    th {
      padding: 10px 8px;
      background: #fff;
      border-bottom: 1px solid #e9e9e9;
    }

    td {
      padding: 6px 8px;
    }
    .ant-table-row:last-child td {
      border-bottom: 0;
    }
  }

  &-column-sorter {
    margin-left: 4px;
    display: inline-block;
    width: 12px;
    height: 14px;
    vertical-align: middle;
    text-align: center;
    &-up,
    &-down {
      line-height: 4px;
      height: 6px;
      display: block;
      width: 12px;
      cursor: pointer;
      &:hover .anticon {
        color: #666;
      }
      &.on {
        .anticon-caret-up,
        .anticon-caret-down {
          color: @primary-color;
        }
      }
    }
    .anticon-caret-up,
    .anticon-caret-down {
      .iconfont-size-under-12px(6px);
      line-height: 6px;
      height: 6px;
      color: #aaa;
      &:before {
        -moz-transform-origin: 53% 50%; /* fix firefox position */
      }
    }
  }

  &.@{table-prefix-cls}-bordered {
    table {
      border: 1px solid #e9e9e9;
    }

    th {
      border-bottom: 1px solid #e9e9e9;
    }

    tr:last-child {
      th,
      td {
        border-bottom: 0;
      }
    }

    th,
    td {
      border-right: 1px solid #e9e9e9;
      &:last-child {
        border-right: 0;
      }
    }
  }

  &-empty {
    position: relative;
    margin-bottom: 16px;
  }

  &-empty &-body {
    height: 150px;
  }

  &-placeholder {
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 12px;
    color: #999;
    border-bottom: 1px solid #e9e9e9;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    .anticon {
      margin-right: 4px;
    }
  }
}

.@{table-prefix-cls}-pagination {
  margin: 16px 0;
  float: right;
}

.@{table-prefix-cls}-filter-dropdown {
  min-width: 96px;
  margin-left: -8px;
  background: #fff;
  border-radius: @border-radius-base;
  border: 1px solid @border-color-base;
  box-shadow: @box-shadow-base;

  .ant-dropdown-menu {
    border: 0;
    box-shadow: none;
    border-radius: @border-radius-base @border-radius-base 0 0;

    &-sub {
      border-radius: @border-radius-base;
      border: 1px solid @border-color-base;
      box-shadow: @box-shadow-base;
    }

    .ant-dropdown-submenu-contain-selected {
      .ant-dropdown-menu-submenu-title:after {
        color: @primary-color;
        font-weight: bold;
        text-shadow: 0 0 2px tint(@primary-color, 80%);
      }
    }
  }

  .ant-dropdown-menu-item {
    overflow: hidden;
  }

  > .ant-dropdown-menu > .ant-dropdown-menu-item:last-child,
  > .ant-dropdown-menu > .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
    border-radius: 0;
  }

  &-btns {
    overflow: hidden;
    padding: 7px 15px;
    border-top: 1px solid @border-color-split;
  }

  &-link {
    color: @link-color;
    &:hover {
      color: @link-hover-color;
    }
    &:active {
      color: @link-active-color;
    }
    &.confirm {
      float: left;
    }
    &.clear {
      float: right;
    }
  }
}

.@{table-prefix-cls} {
  &-row {
    &-expand-icon {
      cursor: pointer;
      display: inline-block;
      width: 18px;
      height: 18px;
      text-align: center;
      line-height: 15px;
      border: 1px solid #e9e9e9;
      user-select: none;
      background: #fff;
      &-cell {
        width: 18px;
      }
    }

    &-expanded:after {
      content: '-';
    }

    &-collapsed:after {
      content: '+';
    }

    &-spaced {
      visibility: hidden;
      &:after {
        content: '.';
      }
    }
  }
  tr&-expanded-row {
    &,
    &:hover {
      background: #fbfbfb;
    }
  }

  .@{table-prefix-cls}-row-indent + .@{table-prefix-cls}-row-expand-icon {
    margin-right: 5px;
  }
}

@import "../mixins/index";

@table-prefix-cls: ~"@{css-prefix}table";
@table-border-color: #e9e9e9;
@table-head-background-color: #f4f4f4;

.@{table-prefix-cls} {
  font-size: @font-size-base;
  color: @text-color;

  &-body {
    transition: opacity 0.3s ease;
  }

  table {
    width: 100%;
    max-width: 100%;
    border-collapse: separate;
    text-align: left;
    border-radius: @border-radius-base;
    overflow: hidden;
  }

  th {
    background: @table-head-background-color;
    font-weight: bold;
    transition: background .3s ease;

    .anticon-filter {
      margin-left: 4px;
      .iconfont-size-under-12px(10px);
      cursor: pointer;
      color: #aaa;
      transition: all 0.3s ease;
      &:hover {
        color: #666;
      }
    }

    .@{table-prefix-cls}-filter-selected.anticon-filter {
      color: @primary-color;
    }
  }

  td {
    border-bottom: 1px solid @table-border-color;
  }

  tr {
    transition: all .3s ease;
    &:hover {
      background: tint(@primary-color, 90%);
    }
  }

  thead tr:hover {
    background: none;
  }

  tr.@{table-prefix-cls}-row-selected {
    background: #fafafa;
  }

  th.@{table-prefix-cls}-column-sort {
    background: #eaeaea;
  }

  th,
  td {
    padding: 16px 8px;
  }

  th.@{table-prefix-cls}-selection-column,
  td.@{table-prefix-cls}-selection-column {
    text-align: center;
    width: 60px;
  }

  &-loading {
    position: relative;
    .@{table-prefix-cls}-body {
      background: #fff;
      opacity: 0.5;
    }
    .@{table-prefix-cls}-spin-holder {
      height: 20px;
      line-height: 20px;
      left: 50%;
      top: 50%;
      margin-left: -30px;
      position: absolute;
    }
    .@{table-prefix-cls}-with-pagination {
      margin-top: -20px;
    }
    .@{table-prefix-cls}-without-pagination {
      margin-top: 10px;
    }
  }

  &-middle {
    th,
    td {
      padding: 10px 8px;
    }
  }

  &-small {
    table {
      border: 1px solid #e9e9e9;
      padding: 0 8px;
    }

    th {
      padding: 10px 8px;
      background: #fff;
      border-bottom: 1px solid #e9e9e9;
    }

    td {
      padding: 6px 8px;
    }
    .ant-table-row:last-child td {
      border-bottom: 0;
    }
  }

  &-column-sorter {
    margin-left: 4px;
    display: inline-block;
    width: 12px;
    height: 14px;
    vertical-align: middle;
    text-align: center;
    &-up,
    &-down {
      line-height: 4px;
      height: 6px;
      display: block;
      width: 12px;
      cursor: pointer;
      &:hover .anticon {
        color: #666;
      }
      &.on {
        .anticon-caret-up,
        .anticon-caret-down {
          color: @primary-color;
        }
      }
    }
    .anticon-caret-up,
    .anticon-caret-down {
      .iconfont-size-under-12px(6px);
      line-height: 6px;
      height: 6px;
      color: #aaa;
      &:before {
        -moz-transform-origin: 53% 50%; /* fix firefox position */
      }
    }
  }

  &.@{table-prefix-cls}-bordered {
    table {
      border: 1px solid #e9e9e9;
    }

    th {
      border-bottom: 1px solid #e9e9e9;
    }

    tr:last-child {
      th,
      td {
        border-bottom: 0;
      }
    }

    th,
    td {
      border-right: 1px solid #e9e9e9;
      &:last-child {
        border-right: 0;
      }
    }
  }

  &-empty {
    position: relative;
    margin-bottom: 16px;
  }

  &-empty &-body {
    height: 150px;
  }

  &-placeholder {
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 12px;
    color: #999;
    border-bottom: 1px solid #e9e9e9;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    .anticon {
      margin-right: 4px;
    }
  }
}

.@{table-prefix-cls}-pagination {
  margin: 16px 0;
  float: right;
}

.@{table-prefix-cls}-filter-dropdown {
  min-width: 96px;
  margin-left: -8px;
  background: #fff;
  border-radius: @border-radius-base;
  border: 1px solid @border-color-base;
  box-shadow: @box-shadow-base;

  .ant-dropdown-menu {
    max-height: 220px;
    border: 0;
    box-shadow: none;
    border-radius: @border-radius-base @border-radius-base 0 0;

    &-sub {
      border-radius: @border-radius-base;
      border: 1px solid @border-color-base;
      box-shadow: @box-shadow-base;
    }

    .ant-dropdown-submenu-contain-selected {
      .ant-dropdown-menu-submenu-title:after {
        color: @primary-color;
        font-weight: bold;
      }
    }
  }

  .ant-dropdown-menu-item {
    overflow: hidden;
  }

  > .ant-dropdown-menu > .ant-dropdown-menu-item:last-child,
  > .ant-dropdown-menu > .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
    border-radius: 0;
  }

  &-btns {
    overflow: hidden;
    padding: 7px 15px;
    border-top: 1px solid @border-color-split;
  }

  &-link {
    color: @link-color;
    &:hover {
      color: @link-hover-color;
    }
    &:active {
      color: @link-active-color;
    }
    &.confirm {
      float: left;
    }
    &.clear {
      float: right;
    }
  }
}

.@{table-prefix-cls} {
  &-row {
    &-expand-icon {
      cursor: pointer;
      display: inline-block;
      width: 18px;
      height: 18px;
      text-align: center;
      line-height: 15px;
      border: 1px solid #e9e9e9;
      user-select: none;
      background: #fff;
      &-cell {
        width: 18px;
      }
    }

    &-expanded:after {
      content: '-';
    }

    &-collapsed:after {
      content: '+';
    }

    &-spaced {
      visibility: hidden;
      &:after {
        content: '.';
      }
    }
  }
  tr&-expanded-row {
    &,
    &:hover {
      background: #fbfbfb;
    }
  }

  .@{table-prefix-cls}-row-indent + .@{table-prefix-cls}-row-expand-icon {
    margin-right: 5px;
  }
}


remove abbr border-bottom styling. fixes #16574.

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

// Headings
// -------------------------

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: @headings-font-family;
  font-weight: @headings-font-weight;
  line-height: @headings-line-height;
  color: @headings-color;

  small,
  .small {
    font-weight: normal;
    line-height: 1;
    color: @headings-small-color;
  }
}

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: @line-height-computed;
  margin-bottom: (@line-height-computed / 2);

  small,
  .small {
    font-size: 65%;
  }
}
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: (@line-height-computed / 2);
  margin-bottom: (@line-height-computed / 2);

  small,
  .small {
    font-size: 75%;
  }
}

h1, .h1 { font-size: @font-size-h1; }
h2, .h2 { font-size: @font-size-h2; }
h3, .h3 { font-size: @font-size-h3; }
h4, .h4 { font-size: @font-size-h4; }
h5, .h5 { font-size: @font-size-h5; }
h6, .h6 { font-size: @font-size-h6; }

// Body text
// -------------------------

p {
  margin: 0 0 (@line-height-computed / 2);
}

.lead {
  margin-bottom: @line-height-computed;
  font-size: floor((@font-size-base * 1.15));
  font-weight: 300;
  line-height: 1.4;

  @media (min-width: @screen-sm-min) {
    font-size: (@font-size-base * 1.5);
  }
}

// Emphasis & misc
// -------------------------

// Ex: (12px small font / 14px base font) * 100% = about 85%
small,
.small {
  font-size: floor((100% * @font-size-small / @font-size-base));
}

mark,
.mark {
  background-color: @state-warning-bg;
  padding: .2em;
}

// Alignment
.text-left           { text-align: left; }
.text-right          { text-align: right; }
.text-center         { text-align: center; }
.text-justify        { text-align: justify; }
.text-nowrap         { white-space: nowrap; }

// Transformation
.text-lowercase      { text-transform: lowercase; }
.text-uppercase      { text-transform: uppercase; }
.text-capitalize     { text-transform: capitalize; }

// Contextual colors
.text-muted {
  color: @text-muted;
}
.text-primary {
  .text-emphasis-variant(@brand-primary);
}
.text-success {
  .text-emphasis-variant(@state-success-text);
}
.text-info {
  .text-emphasis-variant(@state-info-text);
}
.text-warning {
  .text-emphasis-variant(@state-warning-text);
}
.text-danger {
  .text-emphasis-variant(@state-danger-text);
}

// Contextual backgrounds
// For now we'll leave these alongside the text classes until v4 when we can
// safely shift things around (per SemVer rules).
.bg-primary {
  // Given the contrast here, this is the only class to have its color inverted
  // automatically.
  color: #fff;
  .bg-variant(@brand-primary);
}
.bg-success {
  .bg-variant(@state-success-bg);
}
.bg-info {
  .bg-variant(@state-info-bg);
}
.bg-warning {
  .bg-variant(@state-warning-bg);
}
.bg-danger {
  .bg-variant(@state-danger-bg);
}

// Page header
// -------------------------

.page-header {
  padding-bottom: ((@line-height-computed / 2) - 1);
  margin: (@line-height-computed * 2) 0 @line-height-computed;
  border-bottom: 1px solid @page-header-border-color;
}

// Lists
// -------------------------

// Unordered and Ordered lists
ul,
ol {
  margin-top: 0;
  margin-bottom: (@line-height-computed / 2);
  ul,
  ol {
    margin-bottom: 0;
  }
}

// List options

// Unstyled keeps list items block level, just removes default browser padding and list-style
.list-unstyled {
  padding-left: 0;
  list-style: none;
}

// Inline turns list items into inline-block
.list-inline {
  .list-unstyled();
  margin-left: -5px;

  > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
  }
}

// Description Lists
dl {
  margin-top: 0; // Remove browser default
  margin-bottom: @line-height-computed;
}
dt,
dd {
  line-height: @line-height-base;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0; // Undo browser default
}

// Horizontal description lists
//
// Defaults to being stacked without any of the below styles applied, until the
// grid breakpoint is reached (default of ~768px).

.dl-horizontal {
  dd {
    &:extend(.clearfix all); // Clear the floated `dt` if an empty `dd` is present
  }

  @media (min-width: @dl-horizontal-breakpoint) {
    dt {
      float: left;
      width: (@dl-horizontal-offset - 20);
      clear: left;
      text-align: right;
      .text-overflow();
    }
    dd {
      margin-left: @dl-horizontal-offset;
    }
  }
}

// Misc
// -------------------------

.initialism {
  font-size: 90%;
  .text-uppercase();
}

// Blockquotes
blockquote {
  padding: (@line-height-computed / 2) @line-height-computed;
  margin: 0 0 @line-height-computed;
  font-size: @blockquote-font-size;
  border-left: 5px solid @blockquote-border-color;

  p,
  ul,
  ol {
    &:last-child {
      margin-bottom: 0;
    }
  }

  // Note: Deprecated small and .small as of v3.1.0
  // Context: https://github.com/twbs/bootstrap/issues/11660
  footer,
  small,
  .small {
    display: block;
    font-size: 80%; // back to default font-size
    line-height: @line-height-base;
    color: @blockquote-small-color;

    &:before {
      content: '\2014 \00A0'; // em dash, nbsp
    }
  }
}

// Opposite alignment of blockquote
//
// Heads up: `blockquote.pull-right` has been deprecated as of v3.1.0.
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid @blockquote-border-color;
  border-left: 0;
  text-align: right;

  // Account for citation
  footer,
  small,
  .small {
    &:before { content: ''; }
    &:after {
      content: '\00A0 \2014'; // nbsp, em dash
    }
  }
}

// Addresses
address {
  margin-bottom: @line-height-computed;
  font-style: normal;
  line-height: @line-height-base;
}

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

// Headings
// -------------------------

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: @headings-font-family;
  font-weight: @headings-font-weight;
  line-height: @headings-line-height;
  color: @headings-color;

  small,
  .small {
    font-weight: normal;
    line-height: 1;
    color: @headings-small-color;
  }
}

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: @line-height-computed;
  margin-bottom: (@line-height-computed / 2);

  small,
  .small {
    font-size: 65%;
  }
}
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: (@line-height-computed / 2);
  margin-bottom: (@line-height-computed / 2);

  small,
  .small {
    font-size: 75%;
  }
}

h1, .h1 { font-size: @font-size-h1; }
h2, .h2 { font-size: @font-size-h2; }
h3, .h3 { font-size: @font-size-h3; }
h4, .h4 { font-size: @font-size-h4; }
h5, .h5 { font-size: @font-size-h5; }
h6, .h6 { font-size: @font-size-h6; }

// Body text
// -------------------------

p {
  margin: 0 0 (@line-height-computed / 2);
}

.lead {
  margin-bottom: @line-height-computed;
  font-size: floor((@font-size-base * 1.15));
  font-weight: 300;
  line-height: 1.4;

  @media (min-width: @screen-sm-min) {
    font-size: (@font-size-base * 1.5);
  }
}

// Emphasis & misc
// -------------------------

// Ex: (12px small font / 14px base font) * 100% = about 85%
small,
.small {
  font-size: floor((100% * @font-size-small / @font-size-base));
}

mark,
.mark {
  background-color: @state-warning-bg;
  padding: .2em;
}

// Alignment
.text-left           { text-align: left; }
.text-right          { text-align: right; }
.text-center         { text-align: center; }
.text-justify        { text-align: justify; }
.text-nowrap         { white-space: nowrap; }

// Transformation
.text-lowercase      { text-transform: lowercase; }
.text-uppercase      { text-transform: uppercase; }
.text-capitalize     { text-transform: capitalize; }

// Contextual colors
.text-muted {
  color: @text-muted;
}
.text-primary {
  .text-emphasis-variant(@brand-primary);
}
.text-success {
  .text-emphasis-variant(@state-success-text);
}
.text-info {
  .text-emphasis-variant(@state-info-text);
}
.text-warning {
  .text-emphasis-variant(@state-warning-text);
}
.text-danger {
  .text-emphasis-variant(@state-danger-text);
}

// Contextual backgrounds
// For now we'll leave these alongside the text classes until v4 when we can
// safely shift things around (per SemVer rules).
.bg-primary {
  // Given the contrast here, this is the only class to have its color inverted
  // automatically.
  color: #fff;
  .bg-variant(@brand-primary);
}
.bg-success {
  .bg-variant(@state-success-bg);
}
.bg-info {
  .bg-variant(@state-info-bg);
}
.bg-warning {
  .bg-variant(@state-warning-bg);
}
.bg-danger {
  .bg-variant(@state-danger-bg);
}

// Page header
// -------------------------

.page-header {
  padding-bottom: ((@line-height-computed / 2) - 1);
  margin: (@line-height-computed * 2) 0 @line-height-computed;
  border-bottom: 1px solid @page-header-border-color;
}

// Lists
// -------------------------

// Unordered and Ordered lists
ul,
ol {
  margin-top: 0;
  margin-bottom: (@line-height-computed / 2);
  ul,
  ol {
    margin-bottom: 0;
  }
}

// List options

// Unstyled keeps list items block level, just removes default browser padding and list-style
.list-unstyled {
  padding-left: 0;
  list-style: none;
}

// Inline turns list items into inline-block
.list-inline {
  .list-unstyled();
  margin-left: -5px;

  > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
  }
}

// Description Lists
dl {
  margin-top: 0; // Remove browser default
  margin-bottom: @line-height-computed;
}
dt,
dd {
  line-height: @line-height-base;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0; // Undo browser default
}

// Horizontal description lists
//
// Defaults to being stacked without any of the below styles applied, until the
// grid breakpoint is reached (default of ~768px).

.dl-horizontal {
  dd {
    &:extend(.clearfix all); // Clear the floated `dt` if an empty `dd` is present
  }

  @media (min-width: @dl-horizontal-breakpoint) {
    dt {
      float: left;
      width: (@dl-horizontal-offset - 20);
      clear: left;
      text-align: right;
      .text-overflow();
    }
    dd {
      margin-left: @dl-horizontal-offset;
    }
  }
}

// Misc
// -------------------------

// Abbreviations and acronyms
abbr[title],
// Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted @abbr-border-color;
}
.initialism {
  font-size: 90%;
  .text-uppercase();
}

// Blockquotes
blockquote {
  padding: (@line-height-computed / 2) @line-height-computed;
  margin: 0 0 @line-height-computed;
  font-size: @blockquote-font-size;
  border-left: 5px solid @blockquote-border-color;

  p,
  ul,
  ol {
    &:last-child {
      margin-bottom: 0;
    }
  }

  // Note: Deprecated small and .small as of v3.1.0
  // Context: https://github.com/twbs/bootstrap/issues/11660
  footer,
  small,
  .small {
    display: block;
    font-size: 80%; // back to default font-size
    line-height: @line-height-base;
    color: @blockquote-small-color;

    &:before {
      content: '\2014 \00A0'; // em dash, nbsp
    }
  }
}

// Opposite alignment of blockquote
//
// Heads up: `blockquote.pull-right` has been deprecated as of v3.1.0.
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid @blockquote-border-color;
  border-left: 0;
  text-align: right;

  // Account for citation
  footer,
  small,
  .small {
    &:before { content: ''; }
    &:after {
      content: '\00A0 \2014'; // nbsp, em dash
    }
  }
}

// Addresses
address {
  margin-bottom: @line-height-computed;
  font-style: normal;
  line-height: @line-height-base;
}


Initial Commit

Initial Commit

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/nullrocket/nullbase-theme-service.git/'


imported the clients section

imported the clients section

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


Simplified preloader styles

Simplified preloader styles

/* === Preloader === */
.preloader {
    display: inline-block;
    width: 20px;
    height: 20px;
    .encoded-svg-background("<svg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><line id='l' x1='60' x2='60' y1='7' y2='27' stroke='#6c6c6c' stroke-width='11' stroke-linecap='round'/></defs><g><use xlink:href='#l' opacity='.27'/><use xlink:href='#l' opacity='.27' transform='rotate(30 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='#l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='#l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='#l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='#l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='#l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='#l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-animation: preloader-spin 1s steps(12, end) infinite;
    animation: preloader-spin 1s steps(12, end) infinite;
}

.preloader-white {
    .encoded-svg-background("<svg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><line id='l' x1='60' x2='60' y1='7' y2='27' stroke='#fff' stroke-width='11' stroke-linecap='round'/></defs><g><use xlink:href='#l' opacity='.27'/><use xlink:href='#l' opacity='.27' transform='rotate(30 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='#l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='#l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='#l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='#l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='#l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='#l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>");
}
@-webkit-keyframes preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}

/* === Preloader === */
.preloader {
    display: inline-block;
    width: 20px;
    height: 20px;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: preloader-spin 1s steps(12, end) infinite;
    animation: preloader-spin 1s steps(12, end) infinite;
}
.preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    .encoded-svg-background("<svg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><line id='l' x1='60' x2='60' y1='7' y2='27' stroke='#6c6c6c' stroke-width='11' stroke-linecap='round'/></defs><g><use xlink:href='#l' opacity='.27'/><use xlink:href='#l' opacity='.27' transform='rotate(30 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='#l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='#l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='#l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='#l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='#l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='#l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;

}
.preloader-white:after {
    .encoded-svg-background("<svg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><line id='l' x1='60' x2='60' y1='7' y2='27' stroke='#fff' stroke-width='11' stroke-linecap='round'/></defs><g><use xlink:href='#l' opacity='.27'/><use xlink:href='#l' opacity='.27' transform='rotate(30 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='#l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='#l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='#l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='#l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='#l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='#l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>");
}
@-webkit-keyframes preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}


OR-2110 add pointer to link in Toast

OR-2110 add pointer to link in Toast

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


Adds fonts configuration of theme

Adds fonts configuration of theme

//
// Variables
// --------------------------------------------------

@import "@{symfony-sonatra-bootstrap-bundle}/Resources/assetic/less/variables.less";

@font-family-sans-serif: 'Open Sans', sans-serif;


Fix margin top of sub form group

Fix margin top of sub form group

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


chore(left menu): border shadow like au-hub

.project-list-item {
  list-style-type: none;
  border: 3px solid #dfdfe1;
  project {
    display: block;
    padding: 5px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);

    .title {
      color: black;
      line-height: 50px;
      margin: 0;
    }

    &.selected:hover, &.selected {
      background-image: linear-gradient(-270deg,rgba(255,255,255,.5) 100%,rgba(255,255,255,0) 100%);

      .title {
        color: #EC2685;
      }
    }
  }
}

.main {
  .left {
    background-color: #ECECED;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 384px;
    overflow: hidden;
    box-shadow: 0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12);
    .projectList {
      .vGrid {
        .vGrid-header {
          .vgrid-header-input-search-icon{
            position:absolute;
            top:49px;
            left:5px;
          }
          .vgrid-header-input-bottom{
            padding: 15px 28px;
            outline: 0 !important;
          }
          overflow-y: hidden !important;
        }
        .vGrid-row {
          color: #777;
          font-size: 18px;
          letter-spacing: .4px;
          background-color: #ECECED !important;
        }
        .vGrid-row-selected {
          color: #EC2685;
          background-color: #f1f1f1 !important;
        }
        background-color: transparent !important;
        border: 0 !important;
      }
      position:absolute;
      bottom:0;
      top:0;
      left:0;
      right:0
    }

    .project-list-header {
      background-color: #dfdfe1;
      color: #70509D;
      max-height: 36px;
      font-size: 18px;
      line-height: 30px;
      min-height: 36px;
      text-align: center;
      font-weight: 400;
    }

    .vGrid-glyphicon-sort {
      right: 30px;
      top: 9px;
    }

    h1 {
      margin-top: 0;
      padding-top: 20px;
    }

    .top {
      padding-left: 15px;
      padding-right: 15px;
    }
  }

  .right {
    position: fixed;
    top: 0;
    left: 384px;
    right: 0;
    bottom: 0;
    padding-left: 20px;
    overflow: auto;

    .project-title, .relevant-checkbox {
      margin-left: 10px;
    }
  }
}

project-list {
  position:absolute;
  bottom: 0;
  top: 110px;
  bottom: 0;
  left: 0;
  right: 0;
}

task-bar {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: grey;
  height: 30px;

  .runningTasks {
    position: absolute;
    right: 0;
    p {
      color: white;
      padding: 0;
      margin: 0;
      line-height: 30px;
    }
  }
}

.task-manager-modal {
  width: 700px;
  height: 500px;

  ai-dialog-body {
    height: 445px;
  }

  .left-side {
    width: 255px;
    height: 352px;
    float: left;
    border-right: 1px solid gray;
  }

  .right-side {
    width: 400px;
    height: 53px;
    padding-left: 20px;
    float: left;
  }

  .task-detail {
    float: left;
    width: 417px;
    margin-left: 20px;
    padding-left: 10px;
    height: 300px;
  }

  .logs {
    background-color: black;
    height: 274px;
    padding-left: 5px;
    overflow: auto;
  }

  .task-list {
    width: 250px;

    .list-group {
      max-height: 300px;
      overflow: auto;
    }
  }

  .list-group-item {
    &.finished {
      background-color: #dbfdda;
    }
  }
}

.project-list-item {
  list-style-type: none;
  border: 3px solid #dfdfe1;
  project {
    display: block;
    padding: 5px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);

    .title {
      color: black;
      line-height: 50px;
      margin: 0;
    }

    &.selected:hover, &.selected {
      background-image: linear-gradient(-270deg,rgba(255,255,255,.5) 100%,rgba(255,255,255,0) 100%);

      .title {
        color: #EC2685;
      }
    }
  }
}

.main {
  .left {
    background-color: #ECECED;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 384px;
    overflow: hidden;
    .projectList {
      .vGrid {
        .vGrid-header {
          .vgrid-header-input-search-icon{
            position:absolute;
            top:49px;
            left:5px;
          }
          .vgrid-header-input-bottom{
            padding: 15px 28px;
            outline: 0 !important;
          }
          overflow-y: hidden !important;
        }
        .vGrid-row {
          color: #777;
          font-size: 18px;
          letter-spacing: .4px;
          background-color: #ECECED !important;
        }
        .vGrid-row-selected {
          color: #EC2685;
          background-color: #f1f1f1 !important;
        }
        background-color: transparent !important;
        border: 0 !important;
      }
      position:absolute;
      bottom:0;
      top:0;
      left:0;
      right:0
    }

    .project-list-header {
      background-color: #dfdfe1;
      color: #70509D;
      max-height: 36px;
      font-size: 18px;
      line-height: 30px;
      min-height: 36px;
      text-align: center;
      font-weight: 400;
    }

    .vGrid-glyphicon-sort {
      right: 30px;
      top: 9px;
    }

    h1 {
      margin-top: 0;
      padding-top: 20px;
    }

    .top {
      padding-left: 15px;
      padding-right: 15px;
    }
  }

  .right {
    position: fixed;
    top: 0;
    left: 384px;
    right: 0;
    bottom: 0;
    padding-left: 20px;
    overflow: auto;

    .project-title, .relevant-checkbox {
      margin-left: 10px;
    }
  }
}

project-list {
  position:absolute;
  bottom: 0;
  top: 110px;
  bottom: 0;
  left: 0;
  right: 0;
}

task-bar {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: grey;
  height: 30px;

  .runningTasks {
    position: absolute;
    right: 0;
    p {
      color: white;
      padding: 0;
      margin: 0;
      line-height: 30px;
    }
  }
}

.task-manager-modal {
  width: 700px;
  height: 500px;

  ai-dialog-body {
    height: 445px;
  }

  .left-side {
    width: 255px;
    height: 352px;
    float: left;
    border-right: 1px solid gray;
  }

  .right-side {
    width: 400px;
    height: 53px;
    padding-left: 20px;
    float: left;
  }

  .task-detail {
    float: left;
    width: 417px;
    margin-left: 20px;
    padding-left: 10px;
    height: 300px;
  }

  .logs {
    background-color: black;
    height: 274px;
    padding-left: 5px;
    overflow: auto;
  }

  .task-list {
    width: 250px;

    .list-group {
      max-height: 300px;
      overflow: auto;
    }
  }

  .list-group-item {
    &.finished {
      background-color: #dbfdda;
    }
  }
}


Drawing relations taking the margins of the service nodes into account.

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

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

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

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

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

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

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

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

.divider {
    padding: 5px;
}

svg {
    stroke-width: 0;
}

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

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

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

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

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

g.service {
    fill: none;
    stroke: none;

    text {
        text-anchor: middle;
    }

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

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

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

    .exposed-indicator {
        fill: #00F;

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

    .service-control-panel {
        visibility: hidden;

        &.active {
            visibility: visible;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .picker-expanded {
            display: none;

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

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

                    li {
                        padding: 1px;

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

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

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

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

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

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

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

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

.hidden {
    visibility: hidden;
}

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

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

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

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

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

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

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

table tr.highlighted {
   background: pink;
}

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

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

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

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

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

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

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

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

.divider {
    padding: 5px;
}

svg {
    stroke-width: 0;
}

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

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

    &.error {
        stroke: #cc3333;
    }

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

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

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

g.service {
    fill: none;
    stroke: none;

    text {
        text-anchor: middle;
    }

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

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

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

    .exposed-indicator {
        fill: #00F;

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

    .service-control-panel {
        visibility: hidden;

        &.active {
            visibility: visible;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .picker-expanded {
            display: none;

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

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

                    li {
                        padding: 1px;

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

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

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

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

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

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

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

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

.hidden {
    visibility: hidden;
}

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

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

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

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

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

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

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

table tr.highlighted {
   background: pink;
}


Changement couleur pagination

Changement couleur 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/Ragoupady/ahuefa.git/'


space fix

space fix

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/Eomerx/blank-less.git/'


make sure new widget dropdown are clickable in tab widget

  //////////////
 // Vic Menu //
//////////////

// Requirements
///////////////

/**
 * No vendors or defined variables are required for this bricks.
**/

// Resources
////////////

@import 'parameters/module';
@import 'parameters/theme';

// Style
////////

.vic-widget {
    position: relative;
    min-height: 20px;
}

.vic-widget-img {
    margin-bottom: 30px;
    text-align: center;
    overflow: hidden;
}

.vic-widget-text {
    margin-bottom: 30px;
}

body {
    &[role=admin] {
        .vic-hover-widget {
            display: inline-block;
        }
    }
}

.vic-hover-widget {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0;

    i {
        background-image: url(/bundles/victoirecore/images/edit-widget-icon.png);
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        width: 82px;
        left: 50%;
        margin-left: 82px * -0.5;
        height: 82px;
        top: 50%;
        margin-top: 82px * -0.5;
        display: inline-block;
    }

    &:hover {
        opacity: 1;
        background-color: fade(@white, 70%);
    }
}

.vic-darkZone {
    .vic-hover-widget {
        &:hover {
            background-color: fade(@black, 10%);
        }
    }
}

.vic-widget-tab {
    .vic-new-widget {
        z-index: 1;
    }
}


fixed overflow issue with menu

fixed overflow issue with menu

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


Signed-off-by: duxinlixiaoxue <1207931454@qq.com>

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/XUEJS/xue-project.git/'


首页搜索按钮颜色 更改

首页搜索按钮颜色 更改


Fixed column hight on tall monitors.

Fixed column hight on tall monitors.

@import 'constants.less';

@column-border-radius: 5px;
@activity-width: 500px;

.room-container {
  margin-left: 0;
  margin-right: 0;
}

.room-activity {
  & > h1 {
    border-bottom: solid 1px lighten(@color-grey-border, 10%);
    margin-top: 0;
    text-align: center;
    padding-bottom: 10px;
    font-size: 22px;
  }
}

.fixed-column {
  padding: 0;
  height: 850px;

  #previews {
    overflow: auto;
    max-height: 550px;
  }

  @height_iterations: 1000px;
  @height_difference: 150px;
  @min_height: @height_difference + 100px;
  .loopingClass (@index) when (@index > @min_height) {
    @media only screen and (min-width: 768px) and (max-height: @index) {
      height: @index - @height_difference;
      #previews {
        max-height: @index - @height_difference - 300px;
      }
    }
    .loopingClass(@index - 50px);
  }
  .loopingClass (0) {}
  .loopingClass (@height_iterations);

  @media only screen and (max-width: 768px) {
    min-height: 400px;
    #preview {
      max-height: 200px;
    }
  }

  .column-table {
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
    height: 100%;
    border: solid 1px @color-grey-border;
    border-radius: @column-border-radius;
    background-color: @color-grey-background;

    .column-table-row {
      @section-padding: 5px;
      display: table-row;

      .column-section {
        position: relative;
        padding: @section-padding;
        height: 100%;
        color: darken(@color-grey-background, 60%);
        border-top: solid 1px lighten(@color-grey-border, 5%);

        &, &:before, &:after {
          @box-sizing: content-box;
          -webkit-box-sizing: @box-sizing;
          -moz-box-sizing: @box-sizing;
          box-sizing: @box-sizing;
        }

        &:empty {
          display: none;
        }

        & > h1 {
          color: black;
          margin: -@section-padding;
          font-size: 17px;
          text-align: center;
          background-color: darken(@color-grey-background, 5%);
          padding: 8px;
          position: relative;

          .button {
            position: absolute;
            right: 6px;
            top: 6px;
            padding: 2px 8px;
            color: darken(@color-grey-background, 50%);

            &:hover {
              color: darken(@color-grey-background, 70%);
            }
          }
        }

        & > ul  {
          list-style: none;
          margin: -@section-padding;
          padding: 0;

          &:empty {
            display: none;
          }

          li {
            @padding: 5px;
            border-bottom: solid 1px @color-grey-border;
            padding: @padding;
            position: relative;
            word-break: break-word;
            margin: 0;

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

            .background {
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0;
              background-color: darken(@color-grey-background, 60%);;
              opacity: 0.1;
              z-index: 0;
            }

            .foreground {
              position: relative;
              background: none;
              z-index: 1;
            }

            .error-message {
              margin: auto -@padding;
              padding: @padding;
              color: red;

              &:empty {
                display: none;
              }
            }
          }
        }
      }

      &.stretch {
        height: 100%;

        .column-section {
          overflow-x: hidden;
          overflow-y: auto;

          & > ul {
            li:last-child {
              border-bottom-width: 1px;
            }
          }
        }
      }

      &:first-child {
        .column-section, h1 {
          border-top: none;
          border-top-left-radius: @column-border-radius;
          border-top-right-radius: @column-border-radius;
        }
      }

      &:last-child {
        .column-section, h1 {
          border-bottom-left-radius: @column-border-radius;
          border-bottom-right-radius: @column-border-radius;
        }
      }
    }
  }

  .drag-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,0.9);
    @shadow: inset 0 0 40px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: @shadow;
    box-shadow: @shadow;
    pointer-events: none;
    z-index: 20;
    border-radius: @column-border-radius;

    opacity: 0;
    @fadetime: .1s;
    transition: opacity @fadetime ease-in-out;
    -moz-transition: opacity @fadetime ease-in-out;
    -webkit-transition: opacity @fadetime ease-in-out;

    & > div {
      @height: 100px;
      @width: 200px;

      position: absolute;
      top: 50%;
      left: 50%;
      display: block;
      width: @width;
      height: @height;
      margin-top: -(@height/2);
      margin-left: -(@width/2);
      text-align: center;
      vertical-align: center;
      line-height: @height;
      font-size: 20px;
      font-weight: 200;
      color: darken(@color-grey-background, 80%);
      opacity: 0.8;
    }
  }

  &.dragging .drag-overlay {
    opacity: 1;
  }

  @media only screen and (max-width: 767px) {
    height: 400px;
    margin: 10px;
  }
}

#btn-upload {
  padding: 4px;
  width: 100%;
}

@import 'constants.less';

@column-border-radius: 5px;
@activity-width: 500px;

.room-container {
  margin-left: 0;
  margin-right: 0;
}

.room-activity {
  & > h1 {
    border-bottom: solid 1px lighten(@color-grey-border, 10%);
    margin-top: 0;
    text-align: center;
    padding-bottom: 10px;
    font-size: 22px;
  }
}

.fixed-column {
  padding: 0;

  #previews {
    overflow: auto;
    max-height: 200px;
  }

  @height_iterations: 1000px;
  @height_difference: 150px;
  @min_height: @height_difference + 100px;
  .loopingClass (@index) when (@index > @min_height) {
    @media only screen and (min-width: 768px) and (max-height: @index) {
      height: @index - @height_difference;
      #previews {
        max-height: @index - @height_difference - 300px;
      }
    }
    .loopingClass(@index - 50px);
  }
  .loopingClass (0) {}
  .loopingClass (@height_iterations);

  @media only screen and (max-width: 768px) {
    min-height: 400px;
  }

  .column-table {
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
    height: 100%;
    border: solid 1px @color-grey-border;
    border-radius: @column-border-radius;
    background-color: @color-grey-background;

    .column-table-row {
      @section-padding: 5px;
      display: table-row;

      .column-section {
        position: relative;
        padding: @section-padding;
        height: 100%;
        color: darken(@color-grey-background, 60%);
        border-top: solid 1px lighten(@color-grey-border, 5%);

        &, &:before, &:after {
          @box-sizing: content-box;
          -webkit-box-sizing: @box-sizing;
          -moz-box-sizing: @box-sizing;
          box-sizing: @box-sizing;
        }

        &:empty {
          display: none;
        }

        & > h1 {
          color: black;
          margin: -@section-padding;
          font-size: 17px;
          text-align: center;
          background-color: darken(@color-grey-background, 5%);
          padding: 8px;
          position: relative;

          .button {
            position: absolute;
            right: 6px;
            top: 6px;
            padding: 2px 8px;
            color: darken(@color-grey-background, 50%);

            &:hover {
              color: darken(@color-grey-background, 70%);
            }
          }
        }

        & > ul  {
          list-style: none;
          margin: -@section-padding;
          padding: 0;

          &:empty {
            display: none;
          }

          li {
            @padding: 5px;
            border-bottom: solid 1px @color-grey-border;
            padding: @padding;
            position: relative;
            word-break: break-word;
            margin: 0;

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

            .background {
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0;
              background-color: darken(@color-grey-background, 60%);;
              opacity: 0.1;
              z-index: 0;
            }

            .foreground {
              position: relative;
              background: none;
              z-index: 1;
            }

            .error-message {
              margin: auto -@padding;
              padding: @padding;
              color: red;

              &:empty {
                display: none;
              }
            }
          }
        }
      }

      &.stretch {
        height: 100%;

        .column-section {
          overflow-x: hidden;
          overflow-y: auto;

          & > ul {
            li:last-child {
              border-bottom-width: 1px;
            }
          }
        }
      }

      &:first-child {
        .column-section, h1 {
          border-top: none;
          border-top-left-radius: @column-border-radius;
          border-top-right-radius: @column-border-radius;
        }
      }

      &:last-child {
        .column-section, h1 {
          border-bottom-left-radius: @column-border-radius;
          border-bottom-right-radius: @column-border-radius;
        }
      }
    }
  }

  .drag-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,0.9);
    @shadow: inset 0 0 40px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: @shadow;
    box-shadow: @shadow;
    pointer-events: none;
    z-index: 20;
    border-radius: @column-border-radius;

    opacity: 0;
    @fadetime: .1s;
    transition: opacity @fadetime ease-in-out;
    -moz-transition: opacity @fadetime ease-in-out;
    -webkit-transition: opacity @fadetime ease-in-out;

    & > div {
      @height: 100px;
      @width: 200px;

      position: absolute;
      top: 50%;
      left: 50%;
      display: block;
      width: @width;
      height: @height;
      margin-top: -(@height/2);
      margin-left: -(@width/2);
      text-align: center;
      vertical-align: center;
      line-height: @height;
      font-size: 20px;
      font-weight: 200;
      color: darken(@color-grey-background, 80%);
      opacity: 0.8;
    }
  }

  &.dragging .drag-overlay {
    opacity: 1;
  }

  @media only screen and (max-width: 767px) {
    height: 400px;
    margin: 10px;
  }
}

#btn-upload {
  padding: 4px;
  width: 100%;
}


Debug for colors

Debug for colors

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/BrightMahi/aacBuyerNew.git/'


Theme basics Basic config for seed unit models & power types

/*
 * FontAwesome ThemeBundle Mixins:
 *   - Import the mixins from the bootstrap core
 *   - Define the mixins from the ThemeBundle
 *   - Import the mixins from the including bundle with @include_path
 */
@import "../../../../../../vendor/fortawesome/font-awesome/less/mixins";
// define mixins for the ThemeBundle
// finally import the mixins from the including bundle
@import "@{include_path}/font-awesome_mixins";

error: pathspec 'src/Aurealis/ThemeBundle/Resources/private/less/font-awesome_mixins.less' did not match any file(s) known to git


Checkbox to label padding = 12px

Checkbox to label padding = 12px

@import (reference) '../common.less';

.wrapper {
    display: inline-block;
}

.wrapper > label {
    display: flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}

.wrapper > input
{
    display:none;
}

:global(.rtl) .wrapper > label {
    flex-direction: row-reverse;
}

.checkbox {
    position: relative;
    width: 17px;
    height: 17px;
    border: 1px solid @B10;
    border-radius: 4px;
    box-sizing:border-box;
}

.checkbox>.inner {
    display:flex;
    align-items:center;
    justify-content:center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 15px;
    height: 15px;
    color: @D80;
}

.checkbox>.inner>svg {
    width:9px;
    height:9px;
}

.checkbox>.inner>svg>path {
    fill:#fff;
}

:global(.ltr) .children {
    padding-left:12px;
}

:global(.rtl) .children {
    padding-right:12px;
}

/* Checked State */

.wrapper.checked .checkbox {
    background-color: @B10;
}

.wrapper.checked .checkbox >.inner {
    opacity: 1;
}

/* Unchecked State */

.wrapper.unchecked .checkbox {
    background-color: @D80;
}

.wrapper.unchecked .checkbox > .inner {
    opacity: 0;
}

.wrapper.unchecked:hover .checkbox, .wrapper.unchecked.hover .checkbox {
    background-color: @B40;
}

.wrapper.unchecked:active .checkbox, .wrapper.unchecked.active .checkbox {
    background-color: @B20;
}

.wrapper.unchecked:active .checkbox>.inner, .wrapper.unchecked.active .checkbox>.inner {
    opacity: 1;
}

/* Dsiabled State */

.wrapper.disabled .checkbox, .wrapper.disabled:hover .checkbox, .wrapper.disabled.hover .checkbox,
.wrapper.disabled.active .checkbox, .wrapper.disabled:active .checkbox {
    border-color: @GR20;
    background-color: @GR30;
}

.wrapper.disabled.checked .checkbox, .wrapper.disabled.checked:hover .checkbox, .wrapper.disabled.checked.hover .checkbox,
.wrapper.disabled.checked.active .checkbox, .wrapper.disabled.checked:active .checkbox {
    background-color: @GR20;
}

@import (reference) '../common.less';

.wrapper {
    display: inline-block;
}

.wrapper > label {
    display: flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}

.wrapper > input
{
    display:none;
}

:global(.rtl) .wrapper > label {
    flex-direction: row-reverse;
}

.checkbox {
    position: relative;
    width: 17px;
    height: 17px;
    border: 1px solid @B10;
    border-radius: 4px;
    box-sizing:border-box;
}

.checkbox>.inner {
    display:flex;
    align-items:center;
    justify-content:center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 15px;
    height: 15px;
    color: @D80;
}

.checkbox>.inner>svg {
    width:9px;
    height:9px;
}

.checkbox>.inner>svg>path {
    fill:#fff;
}

:global(.ltr) .children {
    padding-left:5px;
}

:global(.rtl) .children {
    padding-right:5px;
}

/* Checked State */

.wrapper.checked .checkbox {
    background-color: @B10;
}

.wrapper.checked .checkbox >.inner {
    opacity: 1;
}

/* Unchecked State */

.wrapper.unchecked .checkbox {
    background-color: @D80;
}

.wrapper.unchecked .checkbox > .inner {
    opacity: 0;
}

.wrapper.unchecked:hover .checkbox, .wrapper.unchecked.hover .checkbox {
    background-color: @B40;
}

.wrapper.unchecked:active .checkbox, .wrapper.unchecked.active .checkbox {
    background-color: @B20;
}

.wrapper.unchecked:active .checkbox>.inner, .wrapper.unchecked.active .checkbox>.inner {
    opacity: 1;
}

/* Dsiabled State */

.wrapper.disabled .checkbox, .wrapper.disabled:hover .checkbox, .wrapper.disabled.hover .checkbox,
.wrapper.disabled.active .checkbox, .wrapper.disabled:active .checkbox {
    border-color: @GR20;
    background-color: @GR30;
}

.wrapper.disabled.checked .checkbox, .wrapper.disabled.checked:hover .checkbox, .wrapper.disabled.checked.hover .checkbox,
.wrapper.disabled.checked.active .checkbox, .wrapper.disabled.checked:active .checkbox {
    background-color: @GR20;
}


dropdown z index

dropdown z index

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/Thinkful/ui.git/'


fix: remove outline in material tab

fix: remove outline in material tab

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/scarletsky/aniquo-web.git/'