Fix mobile styling

Fix mobile styling

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

.osu-page-header {
  @_top: 'osu-page-header';

  background-size: cover;

  padding: (@spacing * 2);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;

  @media @desktop {
    padding-left: @padding-big;
    padding-right: @padding-big;

    &--artist {
      padding-left: 40px;
    }

    &--contests {
      padding-left: 40px;
    }
  }

  &--home-user {
    color: @grey-f;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    padding: 0 @spacing;
    min-height: 150px;

    @media @desktop {
      padding: 0 (@spacing * 5 - @spacing);
    }

    &::before {
      .full-size();
      background-image: linear-gradient(to bottom, fade(@grey-0, 0%), fade(@grey-0, 75%));
    }
  }

  &--tournaments {
    .at2x-simple("/images/headers/tournament.jpg");
  }

  &--mp-history {
    .at2x-simple("/images/headers/mp-history.jpg");
    background-position: center;
    height: 125px;
  }

  &--contests {
    .at2x-simple("/images/headers/contest.jpg");
    background-position: center center;
    justify-content: flex-start;
    // font-weight: 100;
    color: white;
    height: 200px;

    &__subtitle {
      font-size: @font-size--new-header-subtitle;
      margin-bottom: 10px;
      margin-top: 40px;
      @media @mobile {
        margin-top: 65px;
      }
    }

    &__title {
      font-size: @font-size--new-header-title;
      margin-top: -5px;
    }
  }

  &--slack {
    .at2x-simple("/images/headers/slack.jpg");
    background-position: center;
    height: 200px;
  }

  &--live {
    .at2x-simple("/images/headers/live-top.png");
    height: 165px;
  }

  &__box {
    margin: 0 @spacing;
    flex: 1 0 auto;
    padding: (@spacing * 2) 0;

    &--status {
      display: flex;
      background-color: fade(@grey-0, 50%);
    }
  }

  &__detail {
    font-size: @font-size--normal;
    .default-text-shadow();
    padding: 0;
    margin: 0;
  }

  &__status {
    padding: 0 @spacing;
  }

  &__status-label {
    font-size: @font-size--small;
    font-weight: 400;
  }

  &__status-text {
    color: @yellow;
    font-size: @font-size--title-small-2;
  }

  &__title {
    font-size: @font-size--header-title;
    margin: 0 0 @spacing;
    .default-text-shadow();
    color: #fff;

    font-style: italic;

    &--slightly-small {
      font-size: @font-size--new-header-title;
    }

    &--small {
      font-size: @font-size--header-subtitle;
    }

    &--smaller {
      font-size: @font-size--header-description;
    }

    .@{_top}--mp-history & {
      font-style: italic;
    }
  }

  &__title-box {
    position: absolute;
    bottom: @spacing;

    .@{_top}--mp-history & {
      @media @desktop {
        left: 150px;
        bottom: @spacing * 3;
      }

      @media @mobile {
        position: relative;
        padding: 0 20px;
      }
    }
  }
}

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

.osu-page-header {
  @_top: 'osu-page-header';

  background-size: cover;

  padding: (@spacing * 2);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;

  @media @desktop {
    padding-left: @padding-big;
    padding-right: @padding-big;

    &--artist {
      padding-left: 40px;
    }

    &--contests {
      padding-left: 40px;
    }
  }

  &--home-user {
    height: 150px;
    color: @grey-f;
    flex-direction: row;
    align-items: flex-end;
    padding: 0 @spacing;

    @media @desktop {
      padding: 0 (@spacing * 5 - @spacing);
    }

    &::before {
      .full-size();
      background-image: linear-gradient(to bottom, fade(@grey-0, 0%), fade(@grey-0, 75%));
    }
  }

  &--tournaments {
    .at2x-simple("/images/headers/tournament.jpg");
  }

  &--mp-history {
    .at2x-simple("/images/headers/mp-history.jpg");
    background-position: center;
    height: 125px;
  }

  &--contests {
    .at2x-simple("/images/headers/contest.jpg");
    background-position: center center;
    justify-content: flex-start;
    // font-weight: 100;
    color: white;
    height: 200px;

    &__subtitle {
      font-size: @font-size--new-header-subtitle;
      margin-bottom: 10px;
      margin-top: 40px;
      @media @mobile {
        margin-top: 65px;
      }
    }

    &__title {
      font-size: @font-size--new-header-title;
      margin-top: -5px;
    }
  }

  &--slack {
    .at2x-simple("/images/headers/slack.jpg");
    background-position: center;
    height: 200px;
  }

  &--live {
    .at2x-simple("/images/headers/live-top.png");
    height: 165px;
  }

  &__box {
    margin: 0 @spacing;
    flex: 1;
    padding: (@spacing * 2) 0;

    &--status {
      display: flex;
      background-color: fade(@grey-0, 50%);
    }
  }

  &__detail {
    font-size: @font-size--normal;
    .default-text-shadow();
    padding: 0;
    margin: 0;
  }

  &__status {
    padding: 0 @spacing;
  }

  &__status-label {
    font-size: @font-size--small;
    font-weight: 400;
  }

  &__status-text {
    color: @yellow;
    font-size: @font-size--title-small-2;
  }

  &__title {
    font-size: @font-size--header-title;
    margin: 0 0 @spacing;
    .default-text-shadow();
    color: #fff;

    font-style: italic;

    &--slightly-small {
      font-size: @font-size--new-header-title;
    }

    &--small {
      font-size: @font-size--header-subtitle;
    }

    &--smaller {
      font-size: @font-size--header-description;
    }

    .@{_top}--mp-history & {
      font-style: italic;
    }
  }

  &__title-box {
    position: absolute;
    bottom: @spacing;

    .@{_top}--mp-history & {
      @media @desktop {
        left: 150px;
        bottom: @spacing * 3;
      }

      @media @mobile {
        position: relative;
        padding: 0 20px;
      }
    }
  }
}


Delete font-awesome.less

Delete font-awesome.less

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


hide the edit button when the chat is not active

fatal: unable to access 'https://github.com/vaporry/meteor-dapp-whisper-chat-client.git/': The requested URL returned error: 403


Fix vertical align in safari

Fix vertical align in safari

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


added a border to the book cover

added a border to the book cover

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


Create 17-ie-fixes.less

Create 17-ie-fixes.less

/*
 * based on conditional classes on HTML element
 *
 * to be used only if there are not to many fixes &
 * small impact on webperfs for other browsers
 *
 */

/* less than IE 9 */
.oldies .nooldies {
  display: none;
}

.ie6 .noie6 {
  display: none;
}
.ie7 .noie7 {
  display: none;
}
.ie8 .noie8 {
  display: none;
}
.ie9 .noie9 {
  display: none;
}

.ie7 .col,
.ie7 .col-noalign,
.ie6 .col,
.ie6 .col-noalign {
  float: left;
}
.ie7 .row,
.ie6 .row {
  overflow: auto;
}

[dir="rtl"] {
  & .ie7 .col  when (@rtl_option) {
    /* RTL */
    float: right;
  }
  & .ie7 .col-noalign  when (@rtl_option) {
    /* RTL */
    float: right;
  }
  & .ie6 .col  when (@rtl_option) {
    /* RTL */
    float: right;
  }
  & .ie6 .col-noalign  when (@rtl_option) {
    /* RTL */
    float: right;
  }
}

error: pathspec 'less/rocssti-en/17-ie-fixes.less' did not match any file(s) known to git


More dark theme tweaks.

More dark theme tweaks.

// Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
//
// Permission is hereby granted, free of charge, to any person obtaining a
// copy of this software and associated documentation files (the "Software"),
// to deal in the Software without restriction, including without limitation
// the rights to use, copy, modify, merge, publish, distribute, sublicense,
// and/or sell copies of the Software, and to permit persons to whom the
// Software is furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
// DEALINGS IN THE SOFTWARE.

// Style definitions are from
// https://github.com/chriskempson/tomorrow-theme/tree/master/Brackets

// Brackets-specific default font and color definitions
@import url("brackets_colors.less");

// Default theme -- all UI styling comes from variables in a theme
// Themes can rely on variables defined above
@import url("brackets_theme_default.less");

// Include Codemirror styling overrides so that we can overrides proper values
// for the theme.  If you need to customize the tree, you also include jsTree.less
// and even brackets_scrollbars.less
@import url("brackets_codemirror_override.less");

/*
 * Brackets Default Theme
 *
 * Defines all the variables that one can configure in a theme. This should
 * contain all variables / mixins for UI styling that we want to be able to
 * change in a theme.
 *
 * Throughout the rest of the LESS files we should _only_ use color
 * variable names that are on the LHS of the list below. So, if we
 * need a new color for some UI element, we should add a variable
 * in this file.
 */

/* Overall Colors */
@background: #1d1f21;
@current-line: #000;
@foreground: #c5c8c6;
@comment: #767676;
@orange: #d89333;
@blue: #6c9ef8;
@purple: #b77fdb;
@green: #85a300;
@red: #dc322f;
@aqua: #8abeb7;
@violet: #6c71c4;
@yellow: #f0c674;
@pink: #d85896;

/*
 * Background colors are ordered from least "intense" to most "intense"
 * So, if the background is light, then @background-color-3 should be
 * lightest, -2 should be darker, and -1 should be darker still.
 *
 * The opposite is true for a dark background -- background-color-3 should be
 * the darkest, -2 should be lighter, and -1 should be lighter still.
 */
@background-color-1: lighten(@background, @bc-color-step-size*2);
@background-color-2: lighten(@background, @bc-color-step-size);
@background-color-3: @background;

/*
 * @content-color-stronger should be should be further away from the
 * background color than @content-color (i.e. more contrasty).
 *
 * @content-color-weaker should be closer to the background color
 * than @content-color (i.e. less contrasty).
 */
@content-color: @foreground;
@content-color-stronger: lighten(@foreground, @bc-color-step-size);
@content-color-weaker: darken(@foreground, @bc-color-step-size);

/* Code Styling */

/* code accent colors */
@accent-keyword: @blue;
@accent-atom: @orange;
@accent-number: @green;
@accent-def: @purple;
@accent-variable: @foreground;
@accent-variable-2: @foreground;
@accent-variable-3: @foreground;
@accent-property: @purple;
@accent-operator: @foreground;
@accent-comment: @comment;
@accent-string: @orange;
@accent-string-2: @orange;
@accent-meta: @foreground;
@accent-error: @red;
@accent-qualifier: @blue;
@accent-builtin: @blue;
@accent-bracket: @foreground;
@accent-tag: @blue;
@accent-attribute: @green;
@accent-header: @pink;
@accent-quote: @blue;
@accent-hr: @orange;
@accent-link: @purple;
@accent-rangeinfo: @violet;
@accent-minus: @red;
@accent-plus: @green;

/* inline editor colors */
@inline-background-color-1: lighten(@background, @bc-color-step-size);
@inline-background-color-2: lighten(@background, @bc-color-step-size*2);
@inline-background-color-3: rgba(0,0,0,0);

@inline-color-1: darken(@foreground, @bc-color-step-size*2);
@inline-color-2: darken(@foreground, @bc-color-step-size);
@inline-color-3: @background;

/* Selection colors */
@selection-color-focused: #133c53;
@selection-color-unfocused: #424242;

@activeline-bgcolor: rgb(49, 49, 49);
@activeline-number-bgcolor: rgb(0, 0, 0);
@matching-bracket: rgba(100, 189, 138, 0.43);

/* Status Bar Colors */
@status-bar-background-color: #1C1C1E;
@status-bar-border: rgba(255, 255, 255, 0.08);
@status-bar-text-color: #a1a1a1;
@status-bar-quiet-text-color: #666;

/* Extra CSS */

.code-cursor() {
    // to make a block cursor, use something like this:
    // background-color: fadeout(@blue, 50%);
    // border: none !important;

    // to make an I-cursor, use something like this:
    border-left: 1px solid @content-color !important;
}

.CodeMirror .CodeMirror-gutters {
    // gutter border:
    // border-right: 1px solid rgba(255, 255, 255, 0.03);
}

.CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt {
    color: @comment;
}

#status-bar {
    background: @status-bar-background-color;
    border-top: 1px solid @status-bar-border;
    color:@status-bar-text-color;
}

#status-info {
    color: @status-bar-text-color;
}

#status-file {
    color: @status-bar-quiet-text-color;
}

#status-indicators {
    background: @status-bar-background-color;
    color: @status-bar-text-color;

    > div {
        border-left: 1px solid @status-bar-border;
    }
}

// Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
//
// Permission is hereby granted, free of charge, to any person obtaining a
// copy of this software and associated documentation files (the "Software"),
// to deal in the Software without restriction, including without limitation
// the rights to use, copy, modify, merge, publish, distribute, sublicense,
// and/or sell copies of the Software, and to permit persons to whom the
// Software is furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
// DEALINGS IN THE SOFTWARE.

// Style definitions are from
// https://github.com/chriskempson/tomorrow-theme/tree/master/Brackets

// Brackets-specific default font and color definitions
@import url("brackets_colors.less");

// Default theme -- all UI styling comes from variables in a theme
// Themes can rely on variables defined above
@import url("brackets_theme_default.less");

// Include Codemirror styling overrides so that we can overrides proper values
// for the theme.  If you need to customize the tree, you also include jsTree.less
// and even brackets_scrollbars.less
@import url("brackets_codemirror_override.less");

/*
 * Brackets Default Theme
 *
 * Defines all the variables that one can configure in a theme. This should
 * contain all variables / mixins for UI styling that we want to be able to
 * change in a theme.
 *
 * Throughout the rest of the LESS files we should _only_ use color
 * variable names that are on the LHS of the list below. So, if we
 * need a new color for some UI element, we should add a variable
 * in this file.
 */

/* Overall Colors */
@background: #1d1f21;
@current-line: #000;
@foreground: #c5c8c6;
@comment: #969896;
@orange: #ce8a33;
@blue: #6c9ef8;
@purple: #a97ad0;
@green: #85a300;
@red: #dc322f;
@aqua: #8abeb7;
@violet: #6c71c4;
@yellow: #f0c674;
@pink: #d85896;

/*
 * Background colors are ordered from least "intense" to most "intense"
 * So, if the background is light, then @background-color-3 should be
 * lightest, -2 should be darker, and -1 should be darker still.
 *
 * The opposite is true for a dark background -- background-color-3 should be
 * the darkest, -2 should be lighter, and -1 should be lighter still.
 */
@background-color-1: lighten(@background, @bc-color-step-size*2);
@background-color-2: lighten(@background, @bc-color-step-size);
@background-color-3: @background;

/*
 * @content-color-stronger should be should be further away from the
 * background color than @content-color (i.e. more contrasty).
 *
 * @content-color-weaker should be closer to the background color
 * than @content-color (i.e. less contrasty).
 */
@content-color: @foreground;
@content-color-stronger: lighten(@foreground, @bc-color-step-size);
@content-color-weaker: darken(@foreground, @bc-color-step-size);

/* Code Styling */

/* code accent colors */
@accent-keyword: @blue;
@accent-atom: @orange;
@accent-number: @green;
@accent-def: @purple;
@accent-variable: @foreground;
@accent-variable-2: @foreground;
@accent-variable-3: @foreground;
@accent-property: @purple;
@accent-operator: @foreground;
@accent-comment: @comment;
@accent-string: @orange;
@accent-string-2: @orange;
@accent-meta: @foreground;
@accent-error: @red;
@accent-qualifier: @blue;
@accent-builtin: @blue;
@accent-bracket: @foreground;
@accent-tag: @blue;
@accent-attribute: @green;
@accent-header: @pink;
@accent-quote: @blue;
@accent-hr: @orange;
@accent-link: @purple;
@accent-rangeinfo: @violet;
@accent-minus: @red;
@accent-plus: @green;

/* inline editor colors */
@inline-background-color-1: lighten(@background, @bc-color-step-size);
@inline-background-color-2: lighten(@background, @bc-color-step-size*2);
@inline-background-color-3: rgba(0,0,0,0);

@inline-color-1: darken(@foreground, @bc-color-step-size*2);
@inline-color-2: darken(@foreground, @bc-color-step-size);
@inline-color-3: @background;

/* Selection colors */
@selection-color-focused: #585858;
@selection-color-unfocused: #424242;

@activeline-bgcolor: rgb(49, 49, 49);
@activeline-number-bgcolor: rgb(0, 0, 0);
@matching-bracket: rgba(100, 189, 138, 0.43);

/* Status Bar Colors */
@status-bar-background-color: #1C1C1E;
@status-bar-border: rgba(255, 255, 255, 0.08);
@status-bar-text-color: #a1a1a1;
@status-bar-quiet-text-color: #666;

/* Extra CSS */

.code-cursor() {
    // to make a block cursor, use something like this:
    // background-color: fadeout(@blue, 50%);
    // border: none !important;

    // to make an I-cursor, use something like this:
    border-left: 1px solid @content-color !important;
}

.CodeMirror .CodeMirror-gutters {
    // gutter border:
    // border-right: 1px solid rgba(255, 255, 255, 0.03);
}

.CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt {
    color: @comment;
}

#status-bar {
    background: @status-bar-background-color;
    border-top: 1px solid @status-bar-border;
    color:@status-bar-text-color;
}

#status-info {
    color: @status-bar-text-color;
}

#status-file {
    color: @status-bar-quiet-text-color;
}

#status-indicators {
    background: @status-bar-background-color;
    color: @status-bar-text-color;

    > div {
        border-left: 1px solid @status-bar-border;
    }
}


added to import item-user

added to import item-user


fix sunburst settings layout

fix sunburst settings layout

fatal: unable to access 'https://github.com/bmesuere/uni-test.git/': The requested URL returned error: 403


fix hidden labels in full screen mode. #188

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


Adjust buttons

Adjust buttons

.button {
  position: relative;
  margin: @margin-button;
  &__background {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    use {
      stroke: @second;
      fill: none;
      transition: fill 300ms, stroke 300ms;
    }
  }
  &__link{
    position: relative;
    display: block;
    z-index: 5;
    color: @second;
    text-align: center;
    padding: @padding-button;
    transition: color 300ms;
  }
  &:hover {
    .button__background {
      use {
        fill: @second;
      }

    }
    .button__link {
      color: @blank;
    }

  }
}

error: pathspec 'wp-content/themes/template/src/styles/components/button.less' did not match any file(s) known to git


code cleaning

code cleaning

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/pixelass/more-or-less.git/'


fix font weight on span element in labels

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/cudim/pages-theme.git/'


Fix username

Fix username

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


[库房小姐姐的福利]

[库房小姐姐的福利]

(cherry picked from commit aba1f33)

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


Add (inactive) dark styles for team graph

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


styles for dashboard search form

styles for dashboard search form

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


Create common.less

Create common.less

/* Copyright (c) QetriX.com. Licensed under MIT License, see /LICENSE.txt file.
 * 15.11.28 | QetriX Base CSS file
 * CSS Reset is based on normalize.css v3.0.3 | MIT License | git.io/normalize
 */

@page-bg: #f3f3f3;
@link-fg: #69c;
@text-fg: #333;
@head-height: 150px;

/*
444444 = Text
6699cc = QetriX Blue
808080 = (Gray) Gray text, map borders
d3d3d3 = (LightGray) Shadows
ecedec = Background, Map Bg

nice red: color: #fB444B;

table bg even: f8f8f8, but hover
table hover bg: #f8fcff - #e7f1ff
table hover border: #c0d6ec;

Blue: 6699cc > c0d6ec > e7f1ff > f8fcff
Gray: 444444 > 808080 > afafaf > d3d3d3 > ecedec
*/

/* region CSS Reset */
* {
	box-sizing: border-box;
}

@-ms-viewport {
	width: device-width;
}

html, body {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	background: @page-bg;
	color: @text-fg;
	font-family: sans-serif;
	margin: 0;
	min-height: 100%;
	padding: 0;
	width: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden], template {
	display: none;
}

a {
	background-color: transparent;
}

a:active, a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b, strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 0;
	line-height:0;
	margin:0;
	padding:0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button, select {
	text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled], html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td, th {
	padding: 0;
}

ul, ol {
	padding-left: 24px;
}
/* endregion */

/* region General */
body {
	font-size: 16px;
	text-align: center;
}

::selection {
	background: #69c;
	color: #fff;
}

::-moz-selection {
	background: #69c;
	color: #fff;
}

a {
	color: @link-fg;
	text-decoration: underline;
}

a:hover, a:active, a:focus {
	color: @text-fg;
	text-decoration: underline;
}

h1 a, h1 span {
	font-size: 0;
	line-height: 0;
	position: absolute;
	z-index: 99;
}

h2 {
	clear: both;
	color: #933;
	float: left;
	font-size: 2em;
	font-weight: normal;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	width: 100%;
}

h3 {
	clear: both;
	color: @link-fg;
	float: left;
	font-size: 1.3em;
	font-weight: normal;
	margin: 20px 10px 10px 0;
	width: 100%;
}

h4 {
	clear: both;
	float: left;
	font-weight: normal;
	margin: 12px 0 6px 0;
	width: 100%;
}

input, textarea, select {
	border-radius: 3px;
	border: 1px solid #ccc;
	font-family: tahoma, sans-serif;
	padding: 3px 5px;
	font-size: inherit;
}

input:hover, textarea:hover, select:hover {
	border-color: #999;
}

input[type=text], textarea {
	padding: 4px 0 4px 4px;
}

input[type=text]:focus, input[type=text]:active, textarea:focus, textarea:active {
	border-color: #69c;
}

input[type=submit]:active {
	background: #ccc;
}

.btn {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #f5f5f5;
	/*background-image: linear-gradient(to bottom, #fff, #e6e6e6);
	background-repeat: repeat-x;*/
	border-color: #ccc #ccc #b3b3b3;
	border-image: none;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	color: #333;
	cursor: pointer;
	display: inline-block;
	font-size: inherit;
	margin-bottom: 0;
	padding: 4px 8px;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: bottom;
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
	background-color: #e6e6e6;
	color: #333;
}

.btn:active, .btn.active {
}

.btn:first-child {
}

.btn:hover, .btn:focus {
	background-position: 0 -15px;
	color: #333;
	text-decoration: none;
	//transition: background-position 0.1s linear 0s;
}

.btn:focus {
	outline: thin dotted #333;
	outline-offset: -2px;
}

.btn.active, .btn:active {
	background-image: none;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	outline: 0 none;
}

.btn.disabled, .btn[disabled] {
	background-image: none;
	box-shadow: none;
	cursor: default;
	opacity: 0.65;
}

/* endregion */

.page {
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	clear: both;
	color: @text-fg;
	cursor: default;
	margin: 10px auto;
	min-height: 100%;
	overflow: hidden;
	text-align: left;
	width: 950px;
}

td, th {
	padding: 6px 12px;
}

.tableview > div {
	clear: both;
}

table.rowaction td {
	cursor: pointer;
}

/* region Table of Contents (TOC) */
#toc li {
	list-style: none;
}

#toc ol ol {
	margin-left: 17px;
}

#toc ol > li:first-child {
	counter-reset: item;
}

/* Reset counter */
#toc ol > li {
	counter-increment: item;
}

/* Increment counter */
#toc ol > li:before {
	content: counters(item, ".") ". ";
}

/* endregion */

/* region LightBox */
#mw {
	background: rgba(0, 0, 0, .6);
	opacity: 0;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	transition: .1s opacity;
	left: -100%;
}

#mw.vis {
	left: 0;
	opacity: 1;
}

#mwc {
	background: rgba(255, 255, 255, .4) url(img/loading.gif) center center no-repeat;
	border-radius: 7px;
	border: 1px solid black;
	box-shadow: 0 0 10px rgba(0, 0, 0, .4);
	height: 100px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 100px;
}

#mwc .imglbl {
	background: rgba(0, 0, 0, .6);
	bottom: 0;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.4em;
	opacity: 0;
	padding: 12px 0;
	position: absolute;
	text-align: center;
	text-shadow: 0 0 5px #000;
	transition: .3s all;
	width: 100%;
}

#mwc img {
	max-width: 100%;
	max-height: 100%;
}

#mwc:hover .imglbl {
	opacity: 1;
}

/* endregion */

/* region AutoComplete */
#ac {
	background: #fff;
	border: 1px solid #999;
	display: none;
	position: absolute;
	text-align: left;
}

#ac ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#ac li a {
	padding: 3px 6px;
	text-decoration: none;
	float: left;
	clear: both;
	width: 100%;
}

#ac li a:hover {
	background: #69c;
	color: #fff;
}

/* endregion */

#page_image {
	height: 200px;
	border-radius: 6px;
	margin-bottom: 10px;
	clear: both;
	background-position: center top;
}

.spoiler {
	height: 1.3em;
	overflow: hidden;
	border: 1px solid;
}

#ex.page {
	background: #ffc;
	color: #900;
	font-size: 90%;
	font-weight: bold;
	padding: 0 20px 20px 20px;
}

#ex.page h2 {
	clear: both;
	width: 100%;
}

#ex.page h3 {
	background: #900;
	border-radius: 5px;
	clear: both;
	color: #ffc;
	margin: 12px 0 0 0;
	padding: 6px 12px;
	width: 100%;
}

#ex.page td {
	font-weight: normal;
	padding: 2px 12px;
}

#ex.page tr:hover td {
	background: #eeb;
}

/** form */
.qform label {
	padding-top:5px;
}

.qform .qfr {
	margin-bottom:6px;
	clear: both;
}
.qform input[readonly] {
	background: #f3f3f3;
}

/** debug */

.xdebug-var-dump {
	text-align: left;
	width: 750px;
}

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


Update css/style.less

Update css/style.less

Fix text display

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/wsxiaoys/wsxiaoys.github.com.git/'


increase down payment padding on mobile

increase down payment padding on mobile

/* ==========================================================================
   "Rate checker" custom styles
   ========================================================================== */

.rate-checker {
    .webfont-regular();
}

/*
    layout
    --------------------------- */

.calculator {
  .column( 4 );
  .push(8);
}

.rc-results {
  .column( 8 );
  .pull(4);
}

@media (max-width: 720px) {
  .calculator,
  .rc-results {
    .column( 12 );
    .push( 0 );
  }
}

/*
    Sidebar with all the user input
    --------------------------- */

.calculator {
   background: @gray-5;
   .webfont-regular();

    p {
      margin: 0;
    }

    label {
      .webfont-medium();
      font-size: 0.875em;
      margin-bottom: 4px;
      text-transform: none;
    }

    .help {
        font-size: .9em;
    }

    section {
      margin: 0 15px;
      padding: 30px 0;
      border-top: 1px solid @gray-20;
    }

    .calc-footer {
      padding: 15px 0; // the bottom <section> has less padding
    }

    section:first-child {
      border-top: none;
    }
    input[type='number'] {
        -moz-appearance:textfield;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

    .form-sub {
      font-size: 0.714285714em;
      .webfont-regular();
      color: @darkgray;
    }

    #arm-warning {
      border-top: 0;
      padding-top: 0;
      margin-top: -10px;
    }
}

.calc-loan-details {
  .upper {
    margin-bottom: 15px;
  }
}

.loan-amt-total {

  padding-top: 20px;

  label {
    display: inline;
  }

  span {
    display: block;
    .webfont-medium();
    margin-top: 10px;
  }
}

/*
    Range slider for credit score
    --------------------------- */

.credit-score {
  position: relative;

  .labels {
    line-height: 0;
    margin: 15px 0 8px;
    font-size: .625em;
  }

  .max {
    float: right;
  }
}

.range {
  margin-bottom: 1.5em;
}

.range-text {
  position: absolute;
  display: block;
  margin-left: -10px;
  white-space: nowrap;
  font-size: .875em;
}

.rangeslider {
  background: transparent url(../img/slider-bg.png) scroll no-repeat center center;
  background-size: 100%;
  display: block;
  height: 20px;
  width: 100%;
  position: relative;
}

.rangeslider__fill {
  background: #00ff00;
  position: absolute;
  top: 0;
}

.rangeslider__handle {
  display: inline-block;
  width: 22px;
  height: 21px;
  position: absolute;
  background: transparent url(../img/slider-handle.png) no-repeat 0 0;
  background-size: 100%;
  border: 0;

  &.warning {
    background: transparent url(../img/slider-handle.png) no-repeat 0 100%;
    width: 22px;
    height: 21px;
    background-size: 100%;
  }
}

@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  .rangeslider__handle {
    width: 22px;
    height: 21px;
    background: transparent url(../img/slider-handle@2x.png) no-repeat 0 0;
    background-size: 100%;
    border: 0;

    &.warning {
      background: transparent url(../img/slider-handle@2x.png) no-repeat 0 100%;
      width: 22px;
      height: 21px;
      background-size: 100%;
    }
  }
}

#slider-range {
  text-align: center;
}

/*
    Main section with output
    --------------------------- */

.rate-checker-heading {
  font-size: 1.375em;
  margin-top: 40px;
}

.result {

}

/*
    Middle section with chart
    --------------------------- */

.chart {

  margin: 20px 20px 20px 0;
  padding-top: 40px;
  border-top: 1px solid @gray-20;
  border-bottom: 1px solid @gray-20;

  &.geolocating {
    background: transparent url(http://www.consumerfinance.gov/hmda/static/img/icon_spinner.gif) scroll no-repeat center center;
    #chart {
      opacity: 0;
    }
  }

  figure {
    .reset;
  }

}

.data-label {
  text-align: center;
  background-color: #fff;
}

.chart-caption {
  font-size: 0.75em;
  //margin-top: -6px; // accomodate for extra space added by highcharts
  padding: 0 1em 1em 1em;
}

.caption-title {
  .webfont-demi();
  text-transform: uppercase;
  color: @gray-80;
  letter-spacing: 1px;
}

.rc-data-link {
  text-align: right;
  .webfont-medium();

  a {
    border-bottom-width: 1px;
  }
}

@media (max-width: 720px) {
  .rc-data-link {
    display: none;
  }
}

.highcharts-tooltip > span {
  z-index: 9999;
  background-color: #fff;
  color: @darkgray;
  border: 2px solid @gold-50;
  padding: 4px 10px 4px 8px;
  margin: 0 2px;
}

.chart-tooltip {
  .lenders {
    .webfont-demi();
    display: inline-block;
    font-size: 3em;
    width: 20%;
  }
  .text {
    display: inline-block;
    width: 80%;
  }
}

@keyframes fadein {
    from { opacity: .3; }
    to { opacity: 1; }
}

/*
    "Compare interest rate costs"
    --------------------------- */
.compare {

  .webfont-regular();

  margin-top: 30px;

    label {
        .visuallyhidden;
    }
    select {
        display: block;
    }
}

.rate-compare {
  margin-bottom: 10px;
}

.new-cost {
  .webfont-demi();
  font-size: 1.375em;
}

.interest-cost-primary,
.interest-cost-secondary {
  padding: 0 10px 10px 10px;

  h5 {
    font-size: .625em;
    text-transform: none;
    .webfont-regular();
    margin: 10px 0;
    letter-spacing: 0;
  }
}

.rate-compare {
  position: relative;
}

.interest-cost-secondary {
  background: @gray-5;
  border-top: 2px solid #FFCE8D;
  position: absolute; // absolutely positioning these for the ARM alert
  top: 110px;
  width: 100%;

  .new-cost {
    font-size: 1.75em;
  }

}

.dollar-input,
.percent-input {
  position: relative;

  input {
    padding-left: 15px;
    border: solid 1px #d0d0ce;
  }

  .unit {
    position: absolute;
    display: block;
    left: 5px;
    top: 0.2em;
    z-index: 9;
    color: @gray;
  }
}

.percent-input {
  input {
    padding-left: 15%;
  }
  .unit {
    left: auto;
    right: 25%;
  }
}

.down-payment {
  border-width: 0;
  .dollar-input {
    width: 65%;
    display: inline-block;
  }
  .percent-input {
    width: 32%;
    display: inline-block;
  }

  input {
    border: solid 1px #d0d0ce;
  }
}

@media (max-width: 720px) {
  .down-payment {
    margin-top: 20px;
  }
}

.interest-summary {
  margin-bottom: 1.5em;

  p:last-child {
    margin: 0;
  }
}

.arm-info-comparison {
  .webfont-regular();
  padding: 2em 0;
  font-size: 0.75em;
  display: block;
  position: absolute;
  width: 200%;

  p {
    margin: 0;
  }
}
@media (max-width: 720px) {
  .interest-cost-secondary {
    position: static;
  }

}

@media (max-width: 1000px) {
  .flex-input {
    .column(12);
  }

  .new-cost {
    font-size: 1em;
  }

  .interest-cost-secondary .new-cost {
      font-size: 1.25em;
    }
}

@media (min-width: 1000px) {
  .interest-summary {
    margin-top: -4.5em;
  }
}

/*
    "Next steps"
    --------------------------- */

.next-steps {
  margin-top: 5em;
  margin-bottom: 3.625em;

  .tabs {
    margin-top: 2em;
  }

  > p {
    margin-bottom: 55px;
  }
}

.next-steps-list {
  .reset;
}

.next-steps-heading {
  font-size: 1.125em;
  .webfont-regular();
  margin-bottom: 1em;
}

.next-steps-list {
  padding-left: 30px; // match the negative outdent of the numbering
  margin: 0;
  counter-reset: li;
  list-style: none;
  position: relative;

  li {
    display: inline-block;
    position: relative;
  }

}

.next-steps-list > li:before {
  content: counter(li);
  counter-increment: li;
  background: @green-midtone;
  color: @black;
  font-size: 12px;
  .webfont-demi();
  position: absolute;
  text-align: center;
  left: -30px;
  top: 1px;
  height: 20px;
  width: 20px;
  line-height: 20px;
  border-radius: 20px;
}

/*
    about
    --------------------------- */

    .about {
      border-top: 1px solid @gray-20;
      margin-top: 6em;
    }

    .feedback {
      background: @gray-10;
      padding: 24px 15px 80px 15px;
    }

/*
    Alerts and warnings
    --------------------------- */

.chart {
  .warning {
    position: relative;;

    .highcharts-container {
      opacity: .3;
    }
  }
}

.result-alert {
  border: 1px solid @redorange-50;
}

.chart-alert {
  position: absolute;
  top: 30%;
  background: #fff;
  padding: 1em 2em 1em 3em;
  .webfont-regular();

  .point-right {
    font-size: 1.5em;
  }
}

.credit-alert {
  font-size: 0.75em;
  padding: .714em .714em .714em 2.142em;
  background: @gray-10;
  color: @darkgray;
  margin: 2.5em 0 1em 0;
}

.arm-warning-text {
  padding-left: 1.2em;
}

.arm-warning-text:before {
  .cf-icon;
  content: "\e103";
  color:  @gold;
  text-indent: -1.2em;
  margin-right: .2em;
}

/* ==========================================================================
   "Rate checker" custom styles
   ========================================================================== */

.rate-checker {
    .webfont-regular();
}

/*
    layout
    --------------------------- */

.calculator {
  .column( 4 );
  .push(8);
}

.rc-results {
  .column( 8 );
  .pull(4);
}

@media (max-width: 720px) {
  .calculator,
  .rc-results {
    .column( 12 );
    .push( 0 );
  }
}

/*
    Sidebar with all the user input
    --------------------------- */

.calculator {
   background: @gray-5;
   .webfont-regular();

    p {
      margin: 0;
    }

    label {
      .webfont-medium();
      font-size: 0.875em;
      margin-bottom: 4px;
      text-transform: none;
    }

    .help {
        font-size: .9em;
    }

    section {
      margin: 0 15px;
      padding: 30px 0;
      border-top: 1px solid @gray-20;
    }

    .calc-footer {
      padding: 15px 0; // the bottom <section> has less padding
    }

    section:first-child {
      border-top: none;
    }
    input[type='number'] {
        -moz-appearance:textfield;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

    .form-sub {
      font-size: 0.714285714em;
      .webfont-regular();
      color: @darkgray;
    }

    #arm-warning {
      border-top: 0;
      padding-top: 0;
      margin-top: -10px;
    }
}

.calc-loan-details {
  .upper {
    margin-bottom: 15px;
  }
}

.loan-amt-total {

  padding-top: 20px;

  label {
    display: inline;
  }

  span {
    display: block;
    .webfont-medium();
    margin-top: 10px;
  }
}

/*
    Range slider for credit score
    --------------------------- */

.credit-score {
  position: relative;

  .labels {
    line-height: 0;
    margin: 15px 0 8px;
    font-size: .625em;
  }

  .max {
    float: right;
  }
}

.range {
  margin-bottom: 1.5em;
}

.range-text {
  position: absolute;
  display: block;
  margin-left: -10px;
  white-space: nowrap;
  font-size: .875em;
}

.rangeslider {
  background: transparent url(../img/slider-bg.png) scroll no-repeat center center;
  background-size: 100%;
  display: block;
  height: 20px;
  width: 100%;
  position: relative;
}

.rangeslider__fill {
  background: #00ff00;
  position: absolute;
  top: 0;
}

.rangeslider__handle {
  display: inline-block;
  width: 22px;
  height: 21px;
  position: absolute;
  background: transparent url(../img/slider-handle.png) no-repeat 0 0;
  background-size: 100%;
  border: 0;

  &.warning {
    background: transparent url(../img/slider-handle.png) no-repeat 0 100%;
    width: 22px;
    height: 21px;
    background-size: 100%;
  }
}

@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  .rangeslider__handle {
    width: 22px;
    height: 21px;
    background: transparent url(../img/slider-handle@2x.png) no-repeat 0 0;
    background-size: 100%;
    border: 0;

    &.warning {
      background: transparent url(../img/slider-handle@2x.png) no-repeat 0 100%;
      width: 22px;
      height: 21px;
      background-size: 100%;
    }
  }
}

#slider-range {
  text-align: center;
}

/*
    Main section with output
    --------------------------- */

.rate-checker-heading {
  font-size: 1.375em;
  margin-top: 40px;
}

.result {

}

/*
    Middle section with chart
    --------------------------- */

.chart {

  margin: 20px 20px 20px 0;
  padding-top: 40px;
  border-top: 1px solid @gray-20;
  border-bottom: 1px solid @gray-20;

  &.geolocating {
    background: transparent url(http://www.consumerfinance.gov/hmda/static/img/icon_spinner.gif) scroll no-repeat center center;
    #chart {
      opacity: 0;
    }
  }

  figure {
    .reset;
  }

}

.data-label {
  text-align: center;
  background-color: #fff;
}

.chart-caption {
  font-size: 0.75em;
  //margin-top: -6px; // accomodate for extra space added by highcharts
  padding: 0 1em 1em 1em;
}

.caption-title {
  .webfont-demi();
  text-transform: uppercase;
  color: @gray-80;
  letter-spacing: 1px;
}

.rc-data-link {
  text-align: right;
  .webfont-medium();

  a {
    border-bottom-width: 1px;
  }
}

@media (max-width: 720px) {
  .rc-data-link {
    display: none;
  }
}

.highcharts-tooltip > span {
  z-index: 9999;
  background-color: #fff;
  color: @darkgray;
  border: 2px solid @gold-50;
  padding: 4px 10px 4px 8px;
  margin: 0 2px;
}

.chart-tooltip {
  .lenders {
    .webfont-demi();
    display: inline-block;
    font-size: 3em;
    width: 20%;
  }
  .text {
    display: inline-block;
    width: 80%;
  }
}

@keyframes fadein {
    from { opacity: .3; }
    to { opacity: 1; }
}

/*
    "Compare interest rate costs"
    --------------------------- */
.compare {

  .webfont-regular();

  margin-top: 30px;

    label {
        .visuallyhidden;
    }
    select {
        display: block;
    }
}

.rate-compare {
  margin-bottom: 10px;
}

.new-cost {
  .webfont-demi();
  font-size: 1.375em;
}

.interest-cost-primary,
.interest-cost-secondary {
  padding: 0 10px 10px 10px;

  h5 {
    font-size: .625em;
    text-transform: none;
    .webfont-regular();
    margin: 10px 0;
    letter-spacing: 0;
  }
}

.rate-compare {
  position: relative;
}

.interest-cost-secondary {
  background: @gray-5;
  border-top: 2px solid #FFCE8D;
  position: absolute; // absolutely positioning these for the ARM alert
  top: 110px;
  width: 100%;

  .new-cost {
    font-size: 1.75em;
  }

}

.dollar-input,
.percent-input {
  position: relative;

  input {
    padding-left: 15px;
    border: solid 1px #d0d0ce;
  }

  .unit {
    position: absolute;
    display: block;
    left: 5px;
    top: 0.2em;
    z-index: 9;
    color: @gray;
  }
}

.percent-input {
  input {
    padding-left: 15%;
  }
  .unit {
    left: auto;
    right: 25%;
  }
}

.down-payment {
  border-width: 0;
  .dollar-input {
    width: 65%;
    display: inline-block;
  }
  .percent-input {
    width: 32%;
    display: inline-block;
  }

  input {
    border: solid 1px #d0d0ce;
  }
}

.interest-summary {
  margin-bottom: 1.5em;

  p:last-child {
    margin: 0;
  }
}

.arm-info-comparison {
  .webfont-regular();
  padding: 2em 0;
  font-size: 0.75em;
  display: block;
  position: absolute;
  width: 200%;

  p {
    margin: 0;
  }
}
@media (max-width: 720px) {
  .interest-cost-secondary {
    position: static;
  }

}

@media (max-width: 1000px) {
  .flex-input {
    .column(12);
  }

  .new-cost {
    font-size: 1em;
  }

  .interest-cost-secondary .new-cost {
      font-size: 1.25em;
    }
}

@media (min-width: 1000px) {
  .interest-summary {
    margin-top: -4.5em;
  }
}

/*
    "Next steps"
    --------------------------- */

.next-steps {
  margin-top: 5em;
  margin-bottom: 3.625em;

  .tabs {
    margin-top: 2em;
  }

  > p {
    margin-bottom: 55px;
  }
}

.next-steps-list {
  .reset;
}

.next-steps-heading {
  font-size: 1.125em;
  .webfont-regular();
  margin-bottom: 1em;
}

.next-steps-list {
  padding-left: 30px; // match the negative outdent of the numbering
  margin: 0;
  counter-reset: li;
  list-style: none;
  position: relative;

  li {
    display: inline-block;
    position: relative;
  }

}

.next-steps-list > li:before {
  content: counter(li);
  counter-increment: li;
  background: @green-midtone;
  color: @black;
  font-size: 12px;
  .webfont-demi();
  position: absolute;
  text-align: center;
  left: -30px;
  top: 1px;
  height: 20px;
  width: 20px;
  line-height: 20px;
  border-radius: 20px;
}

/*
    about
    --------------------------- */

    .about {
      border-top: 1px solid @gray-20;
      margin-top: 6em;
    }

    .feedback {
      background: @gray-10;
      padding: 24px 15px 80px 15px;
    }

/*
    Alerts and warnings
    --------------------------- */

.chart {
  .warning {
    position: relative;;

    .highcharts-container {
      opacity: .3;
    }
  }
}

.result-alert {
  border: 1px solid @redorange-50;
}

.chart-alert {
  position: absolute;
  top: 30%;
  background: #fff;
  padding: 1em 2em 1em 3em;
  .webfont-regular();

  .point-right {
    font-size: 1.5em;
  }
}

.credit-alert {
  font-size: 0.75em;
  padding: .714em .714em .714em 2.142em;
  background: @gray-10;
  color: @darkgray;
  margin: 2.5em 0 1em 0;
}

.arm-warning-text {
  padding-left: 1.2em;
}

.arm-warning-text:before {
  .cf-icon;
  content: "\e103";
  color:  @gold;
  text-indent: -1.2em;
  margin-right: .2em;
}


refactor(v4skin): within a dialog, the status-indicator is only visible in case it is active, otherwise hidden

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/artemeon/core.git/'


User dialog box is above the crop elements.

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/datjwu/rb-screenshot.git/'


Added more position classes to utility component

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


Code optimization

Code optimization

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


chore: forgot to version mixins.less

chore: forgot to version mixins.less

.extrude-stroke-text(@width:2px,@lightColor,@shadowColor){
  text-shadow: @width  @width 0 @shadowColor,
    -@width -@width 0 @lightColor,
    @width -@width 0 @shadowColor,
  -@width  @width 0 @lightColor;
}
.inset-stroke-text(@width:2px,@lightColor,@shadowColor){
  text-shadow:-@width -@width 0 @lightColor,
  @width  @width 0 @shadowColor,
  -@width  @width 0 @lightColor,
    @width -@width 0 @shadowColor;
}
.stroke-text(@width:2px,@color){
  .extrude-stroke-text(@width,@color,@color);
}

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


Comment out old modules code

Comment out old modules code

@import './common.less';

@import './colors.less';
@import './fonts.less';
@import './modules/grid';
// @import 'modules/base';
// @import 'modules/headings';
// @import 'modules/form';
// @import 'modules/buttons';
// @import 'modules/user';

@import './common.less';

@import './colors.less';
@import './fonts.less';
@import './modules/grid';
@import 'modules/base';
@import 'modules/headings';
@import 'modules/form';
@import 'modules/buttons';
@import 'modules/user';


fix(button): spacing adjustments

fix(button): spacing adjustments

fix(button): spacing adjustments

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


Create theme.less

Create theme.less

// Lumen 3.3.5
// Bootswatch
// -----------------------------------------------------

@web-font-path: "https://fonts.googleapis.com/css?family=Ubuntu:100,400,700,400italic|Didact+Gothic:300,400,700,400italic|Inconsolata";

.web-font(@path) {
  @import url("@{path}");
}
.web-font(@web-font-path);

.shadow (@width: 4px) {
  border-width: 0 1px @width 1px;
}

// Navbar =====================================================================

.navbar  {
  .shadow();
}

// Buttons ====================================================================

.btn {
  padding: (@padding-base-vertical + 2) @padding-base-horizontal @padding-base-vertical;
  .shadow();
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;

  &:hover {
    margin-top: 1px;
    border-bottom-width: 3px;
  }

  &:active {
    margin-top: 2px;
    border-bottom-width: 2px;
    .box-shadow(none);
  }

  &-lg,
  &-group-lg > .btn {
    padding: (@padding-large-vertical + 2) @padding-large-horizontal @padding-large-vertical;
    line-height: 15px;
  }

  &-sm,
  &-group-sm > .btn {
    padding: (@padding-small-vertical + 2) @padding-small-horizontal @padding-small-vertical;
  }

  &-xs,
  &-group-xs > .btn {
    padding: (@padding-xs-vertical + 2) @padding-xs-horizontal @padding-xs-vertical;
  }

  &-default:hover,
  &-default:focus,
  &-group.open .dropdown-toggle.btn-default {
    background-color: @btn-default-bg;
    border-color: @btn-default-border;
  }

  &-primary:hover,
  &-primary:focus,
  &-group.open .dropdown-toggle.btn-primary {
    background-color: @btn-primary-bg;
    border-color: @btn-primary-border;
  }

  &-success:hover,
  &-success:focus,
  &-group.open .dropdown-toggle.btn-success {
    background-color: @btn-success-bg;
    border-color: @btn-success-border;
  }

  &-info:hover,
  &-info:focus,
  &-group.open .dropdown-toggle.btn-info {
    background-color: @btn-info-bg;
    border-color: @btn-info-border;
  }

  &-warning:hover,
  &-warning:focus,
  &-group.open .dropdown-toggle.btn-warning {
    background-color: @btn-warning-bg;
    border-color: @btn-warning-border;
  }

  &-danger:hover,
  &-danger:focus,
  &-group.open .dropdown-toggle.btn-danger {
    background-color: @btn-danger-bg;
    border-color: @btn-danger-border;
  }

  &-group.open .dropdown-toggle {
    .box-shadow(none);
  }
}

.navbar-btn {
  &:hover {
    margin-top: 8px
  }

  &:active {
    margin-top: 9px
  }

  &.btn-sm {
    &:hover {
      margin-top: 11px
    }

    &:active {
      margin-top: 12px
    }
  }

  &.btn-xs {
    &:hover {
      margin-top: 15px
    }

    &:active {
      margin-top: 16px
    }
  }
}

.btn-group-vertical {
  .btn + .btn {
    &:hover {
      border-top-width: 1px;
    }

    &:active {
      border-top-width: 2px;
    }
  }
}

// Typography =================================================================

.text-primary,
.text-primary:hover {
  color: @brand-primary;
}

.text-success,
.text-success:hover {
  color: @brand-success;
}

.text-danger,
.text-danger:hover {
  color: @brand-danger;
}

.text-warning,
.text-warning:hover {
  color: @brand-warning;
}

.text-info,
.text-info:hover {
  color: @brand-info;
}

// Tables =====================================================================

table,
.table {

  a:not(.btn) {
    text-decoration: underline;
  }

  .dropdown-menu a {
    text-decoration: none;
  }

  .success,
  .warning,
  .danger,
  .info {
    color: #fff;

    a:not(.btn) {
      color: #fff;
    }
  }

  > thead > tr > th,
  > tbody > tr > th,
  > tfoot > tr > th,
  > thead > tr > td,
  > tbody > tr > td,
  > tfoot > tr > td {
    border-color: transparent;
  }
}

// Forms ======================================================================

.form-control {
  .box-shadow(inset 0 2px 0 rgba(0, 0, 0, 0.075));
}

label {
  font-weight: normal;
}

.has-warning {
  .help-block,
  .control-label,
  .radio,
  .checkbox,
  .radio-inline,
  .checkbox-inline,
  &.radio label,
  &.checkbox label,
  &.radio-inline label,
  &.checkbox-inline label,
  .form-control-feedback {
    color: @brand-warning;
  }

  .form-control,
  .form-control:focus {
    border: 1px solid @brand-warning;
    .box-shadow(inset 0 2px 0 rgba(0, 0, 0, 0.075));
  }

  .input-group-addon {
    border: 1px solid @brand-warning;
  }
}

.has-error {
  .help-block,
  .control-label,
  .radio,
  .checkbox,
  .radio-inline,
  .checkbox-inline,
  &.radio label,
  &.checkbox label,
  &.radio-inline label,
  &.checkbox-inline label,
  .form-control-feedback {
    color: @brand-danger;
  }

  .form-control,
  .form-control:focus {
    border: 1px solid @brand-danger;
    .box-shadow(inset 0 2px 0 rgba(0, 0, 0, 0.075));
  }

  .input-group-addon {
    border: 1px solid @brand-danger;
  }
}

.has-success {
  .help-block,
  .control-label,
  .radio,
  .checkbox,
  .radio-inline,
  .checkbox-inline,
  &.radio label,
  &.checkbox label,
  &.radio-inline label,
  &.checkbox-inline label,
  .form-control-feedback {
    color: @brand-success;
  }

  .form-control,
  .form-control:focus {
    border: 1px solid @brand-success;
    .box-shadow(inset 0 2px 0 rgba(0, 0, 0, 0.075));
  }

  .input-group-addon {
    border: 1px solid @brand-success;
  }
}

// Navs =======================================================================

.nav {
  .open > a,
  .open > a:hover,
  .open > a:focus {
    border-color: transparent;
  }
}

.nav-tabs {

  > li > a {
    margin-top: 6px;
    border-color: @navbar-default-border;
    color: @gray-dark;
    .transition(all 0.2s ease-in-out);
  }

  > li > a:hover,
  > li > a:focus,
  > li.active > a,
  > li.active > a:hover,
  > li.active > a:focus,
  .open > a,
  .open > a:hover,
  .open > a:focus {
    padding-bottom: (@padding-large-vertical + 3);
    margin-top: 0;
  }

  .open > a,
  .open > a:hover,
  .open > a:focus {
    border-color: @navbar-default-border;
  }

  > li.disabled > a:hover,
  > li.disabled > a:focus {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 6px;
  }

  &.nav-justified > li {
    vertical-align: bottom;
  }
}

.dropdown-menu {
  margin-top: 0;
  .shadow();
  border-top-width: 1px;
  .box-shadow(none);
}

.breadcrumb {
  border-color: darken(@breadcrumb-bg, 5%);
  border-style: solid;
  .shadow();
}

.pagination,
.pager {

  > li > a,
  > li > span {
    position: relative;
    top: 0;
    .shadow();
    color: @pagination-color;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;

    &:hover {
      top: 1px;
      border-bottom-width: 3px;
    }

    &:active {
      top: 2px;
      border-bottom-width: 2px;
    }
  }

  > .disabled > a,
  > .disabled > span {

    &:hover {
      top: 0;
      .shadow();
    }

    &:active {
      top: 0;
      .shadow();
    }
  }
}

.pager {

  > li > a,
  > li > span,
  > .disabled > a,
  > .disabled > span {

    &,
    &:hover,
    &:active {
      border-left-width: 2px;
      border-right-width: 2px;
    }
  }
}

// Indicators =================================================================

.close {
  color: #fff;
  text-decoration: none;
  opacity: 0.4;

  &:hover,
  &:focus {
    color: #fff;
    opacity: 1;
  }
}

.alert {
  .shadow();

  .alert-link {
    font-weight: normal;
    color: #fff;
    text-decoration: underline;
  }
}

.label {
  font-weight: normal;
}

// Progress bars ==============================================================

.progress {
  border: 1px solid @navbar-default-border;
  .box-shadow(inset 0 2px 0 rgba(0, 0, 0, 0.1));

  &-bar {
    .box-shadow(inset 0 -4px 0 rgba(0, 0, 0, 0.15));
  }
}

// Containers =================================================================

.well {
  border: 1px solid @navbar-default-border;
  .box-shadow(inset 0 2px 0 rgba(0, 0, 0, 0.05));
}

a.list-group-item {

  &.active,
  &.active:hover,
  &.active:focus {
    border-color: @list-group-border;
  }

  &-success {
    &.active {
      background-color: @state-success-bg;
    }

    &.active:hover,
    &.active:focus {
      background-color: darken(@state-success-bg, 5%);
    }
  }

  &-warning {
    &.active {
      background-color: @state-warning-bg;
    }

    &.active:hover,
    &.active:focus {
      background-color: darken(@state-warning-bg, 5%);
    }
  }

  &-danger {
    &.active {
      background-color: @state-danger-bg;
    }

    &.active:hover,
    &.active:focus {
      background-color: darken(@state-danger-bg, 5%);
    }
  }
}

.jumbotron {
  border: 1px solid @navbar-default-border;
  .box-shadow(inset 0 2px 0 rgba(0, 0, 0, 0.05));
}

.panel {
  border: 1px solid @navbar-default-border;
  .shadow();

  &-default {
    .close {
      color: @text-color;
    }
  }
}

.modal {
  .close {
    color: @text-color;
  }
}

.popover {
  color: @text-color;
}

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


temporaly fix epg scroll

temporaly fix epg scroll

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/kukhariev/tv-player.git/'


update documentation page

update documentation page

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


added .copyright class, plus many changes

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


FixedFont: modify fixed font same code browser

// Variables.less
// -----------------------------------------------------

// GLOBAL VALUES
// --------------------------------------------------

// Path
@base-image-path:   "../images";
@base-webfont-path: "../images/webfont";

// Typography
@base-font-family:"Helvetica Neue", "Helvetica", "Arial", "나눔바른고딕", "NanumBarunGothic", "NanumBarunGothicOTF", "나눔고딕","나눔고딕", "NanumGothic", "NanumGothicOTF",  sans-serif;
@fixed-font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;

@base-font-size  : 13px;
@base-line-height: 18px;
@base-text-color : @gray-33;
@base-width      : 95%; /*960px;*/

// Color
@white  : #FFF;
@black  : #000;
@orange : #F36C22;
@purple : #8d008d;
@blue   : #5DBBE0;
@blue2  : #51AACC;
@darkgray: #878787;
@green: #007fca;

@gray-d4: #D4D4D4;
@gray-ec: #ECECEC;
@gray-f7: #F7F7F7;
@gray-ea: #EAEAEA;
@gray-87: #878787;
@gray-11: #111;
@gray-33: #333;
@gray-99: #999;
@gray-66: #666;
@gray-cc: #CCC;
@gray-52: #5D5D5D;
@gray-f2: #F2F2F2;
@gray-d9: #D9D9D9;

// new color scheme

@yobi-cyan : #6C8DAC;
@yobi-cyan-dark :#4A7EAF;
@yobi-cyan-light : #f2f4f5;
@yobi-green : #24A05F;
@yobi-green-dark : #179157;
@yobi-blue : #3A7EE5;
@yobi-blue-dark :#206EE5;
@yobi-purple : #9B59B6;
@yobi-purple-dark :#8E44AD;
@yobi-yello : #F1C40F;
@yobi-yello-dark : #F39C12;
@yobi-orange : #FF7332;
@yobi-orange-dark : #E95E01;
@yobi-red : #C93426;
@yobi-red-dark : #B13427;
@yobi-white :#FFF;
@yobi-white-dark :#F2F2F2;
@yobi-gray :#95A5A6;
@yobi-gray-dark :#7F8C8D;
@yobi-disabled : #d5dbdb;
@yobi-inverse : #383838;
@yobi-inverse-dark : #222222;
@yobi-inverse-light : #3e3e3e;

@yobi-primary : @yobi-orange;
@yobi-link : #51aacc;
@yobi-background : @yobi-white;
@yobi-background-gnv : #383838;

@yobi-btn-default : @yobi-white;
@yobi-btn-default-hover : @yobi-white;
@yobi-btn-primary : @yobi-primary;
@yobi-btn-primary-hover : @yobi-orange-dark;
@yobi-btn-success : @yobi-green;
@yobi-btn-success-hover : @yobi-green-dark;
@yobi-btn-info : @yobi-blue;
@yobi-btn-info-hover : @yobi-blue-dark;
@yobi-btn-inverse : @yobi-inverse;
@yobi-btn-inverse-hover : @yobi-inverse-dark;
@yobi-btn-danger : @yobi-red;
@yobi-btn-danger-hover : @yobi-red-dark;
@yobi-btn-warning : @yobi-yello;
@yobi-btn-warning-hover : #f5d313;
@yobi-btn-disabled : @yobi-white-dark;
@yobi-btn-disabled-hover : #cacfd2;

// State color
@state-open: #b6da54;
@state-closed: #fd6956;
@state-rejected: #fd8658;
@state-warning: #fcc666;
@state-changed: #65c9df;
@state-merged: #65c9df;

@primary         : @orange;
@secondary       : @blue2;
@link-color      : @primary;
@link-hover-color: @primary;

@search-bar-bg-color: #fff;
@search-bar-border-color:#aaabac;
@search-input-color:#898989;

@gnb-logo-bg-color:@orange;
@gnb-bg-color     :#f3f4f6;
@gnb-border-bottom:1px solid #c7c9ca;

@gnb-link-color          : #111;
@gnb-link-hover-color    : @orange;
@gnb-link-active-color   : @orange;

@gnb-action-color: @white;
@gnb-action-signout-color: #868D96;
@gnb-action-separate-border-color: @gray-cc;

@submenu-selected-color: #337581;

@activity-separate-border-color: #E7E7E7;

// Variables.less
// -----------------------------------------------------

// GLOBAL VALUES
// --------------------------------------------------

// Path
@base-image-path:   "../images";
@base-webfont-path: "../images/webfont";

// Typography
@base-font-family:"Helvetica Neue", "Helvetica", "Arial", "나눔바른고딕", "NanumBarunGothic", "NanumBarunGothicOTF", "나눔고딕","나눔고딕", "NanumGothic", "NanumGothicOTF",  sans-serif;
@fixed-font-family: menlo, monaco, Consolas, Courier, monospace;

@base-font-size  : 13px;
@base-line-height: 18px;
@base-text-color : @gray-33;
@base-width      : 95%; /*960px;*/

// Color
@white  : #FFF;
@black  : #000;
@orange : #F36C22;
@purple : #8d008d;
@blue   : #5DBBE0;
@blue2  : #51AACC;
@darkgray: #878787;
@green: #007fca;

@gray-d4: #D4D4D4;
@gray-ec: #ECECEC;
@gray-f7: #F7F7F7;
@gray-ea: #EAEAEA;
@gray-87: #878787;
@gray-11: #111;
@gray-33: #333;
@gray-99: #999;
@gray-66: #666;
@gray-cc: #CCC;
@gray-52: #5D5D5D;
@gray-f2: #F2F2F2;
@gray-d9: #D9D9D9;

// new color scheme

@yobi-cyan : #6C8DAC;
@yobi-cyan-dark :#4A7EAF;
@yobi-cyan-light : #f2f4f5;
@yobi-green : #24A05F;
@yobi-green-dark : #179157;
@yobi-blue : #3A7EE5;
@yobi-blue-dark :#206EE5;
@yobi-purple : #9B59B6;
@yobi-purple-dark :#8E44AD;
@yobi-yello : #F1C40F;
@yobi-yello-dark : #F39C12;
@yobi-orange : #FF7332;
@yobi-orange-dark : #E95E01;
@yobi-red : #C93426;
@yobi-red-dark : #B13427;
@yobi-white :#FFF;
@yobi-white-dark :#F2F2F2;
@yobi-gray :#95A5A6;
@yobi-gray-dark :#7F8C8D;
@yobi-disabled : #d5dbdb;
@yobi-inverse : #383838;
@yobi-inverse-dark : #222222;
@yobi-inverse-light : #3e3e3e;

@yobi-primary : @yobi-orange;
@yobi-link : #51aacc;
@yobi-background : @yobi-white;
@yobi-background-gnv : #383838;

@yobi-btn-default : @yobi-white;
@yobi-btn-default-hover : @yobi-white;
@yobi-btn-primary : @yobi-primary;
@yobi-btn-primary-hover : @yobi-orange-dark;
@yobi-btn-success : @yobi-green;
@yobi-btn-success-hover : @yobi-green-dark;
@yobi-btn-info : @yobi-blue;
@yobi-btn-info-hover : @yobi-blue-dark;
@yobi-btn-inverse : @yobi-inverse;
@yobi-btn-inverse-hover : @yobi-inverse-dark;
@yobi-btn-danger : @yobi-red;
@yobi-btn-danger-hover : @yobi-red-dark;
@yobi-btn-warning : @yobi-yello;
@yobi-btn-warning-hover : #f5d313;
@yobi-btn-disabled : @yobi-white-dark;
@yobi-btn-disabled-hover : #cacfd2;

// State color
@state-open: #b6da54;
@state-closed: #fd6956;
@state-rejected: #fd8658;
@state-warning: #fcc666;
@state-changed: #65c9df;
@state-merged: #65c9df;

@primary         : @orange;
@secondary       : @blue2;
@link-color      : @primary;
@link-hover-color: @primary;

@search-bar-bg-color: #fff;
@search-bar-border-color:#aaabac;
@search-input-color:#898989;

@gnb-logo-bg-color:@orange;
@gnb-bg-color     :#f3f4f6;
@gnb-border-bottom:1px solid #c7c9ca;

@gnb-link-color          : #111;
@gnb-link-hover-color    : @orange;
@gnb-link-active-color   : @orange;

@gnb-action-color: @white;
@gnb-action-signout-color: #868D96;
@gnb-action-separate-border-color: @gray-cc;

@submenu-selected-color: #337581;

@activity-separate-border-color: #E7E7E7;


#93 - Minor fixes and improvements.

#93 - Minor fixes and improvements.

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/camperjz/una.git/'


Pristine fields should not show the placeholder text in red.

@formFieldBottomMargin: 25px;

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  padding: 10px;
  margin-bottom: @formFieldBottomMargin;
  font-size: 16px;

  &:focus {
    border-color: #999;
    .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 10px rgba(0,0,0,.2)");
  }
}

.input-append .add-on, .input-prepend .add-on {
  padding: 10px;
}

select {
  height: 33px;
  padding: 4px;
  font-size: 16px;
}

form {
  .error,
  err {
    color: #DC4D38;
    font-size: 13px;
    margin: -20px 0 10px;
    height: 23px;
  }

  .success {
    color: green;
    font-size: 13px;
    margin: -30px 0 10px;
    height: 23px;
  }

  .amount input, .amount select {
    vertical-align: bottom;
  }

  .amount .value {
    margin-right: 10px;
  }

  .amount .currency {
    width: auto;
  }

  .helperInput {
    margin: -20px 0 15px 0;

    input {
      display: inline;
      margin: 0 5px 0 0;
    }
    label {
      display: inline;
      font-size: 12px;
    }
  }
}

// Undo default Bootstrap invalid style for Angular-managed forms
input.ng-invalid:focus:required:invalid,
textarea.ng-invalid:focus:required:invalid,
select.ng-invalid:focus:required:invalid {
  color: #999;
  border-color: #999;
  .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 10px rgba(0,0,0,.2)");
}

// Only mark field invalid that have been edited
input.ng-invalid.ng-dirty {
  border-color: darken(#ee5f5b, 10%);

  &:focus {
    @shadow: 0 0 6px lighten(#ee5f5b, 20%);
    .box-shadow(@shadow);
  }
}

// De-emphasize submit button if form invalid
//
// This is better than just disabling the button because this way we can handle
// a click on the button. If the user tries to submit, we can detect this and
// then show them *why* the form is not yet valid.
form.ng-invalid .btn-success {
  background: #ccc;
  border-color: #ccc;
}

button.submit {
  width: 220px;
}

@formFieldBottomMargin: 25px;

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  padding: 10px;
  margin-bottom: @formFieldBottomMargin;
  font-size: 16px;

  &:focus {
    border-color: #999;
    .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 10px rgba(0,0,0,.2)");
  }
}

.input-append .add-on, .input-prepend .add-on {
  padding: 10px;
}

select {
  height: 33px;
  padding: 4px;
  font-size: 16px;
}

form {
  .error,
  err {
    color: #DC4D38;
    font-size: 13px;
    margin: -20px 0 10px;
    height: 23px;
  }

  .success {
    color: green;
    font-size: 13px;
    margin: -30px 0 10px;
    height: 23px;
  }

  .amount input, .amount select {
    vertical-align: bottom;
  }

  .amount .value {
    margin-right: 10px;
  }

  .amount .currency {
    width: auto;
  }

  .helperInput {
    margin: -20px 0 15px 0;

    input {
      display: inline;
      margin: 0 5px 0 0;
    }
    label {
      display: inline;
      font-size: 12px;
    }
  }
}

// Undo default Bootstrap invalid style for Angular-managed forms
input.ng-invalid:focus:required:invalid,
textarea.ng-invalid:focus:required:invalid,
select.ng-invalid:focus:required:invalid {
  border-color: #999;
  .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 10px rgba(0,0,0,.2)");
}

// Only mark field invalid that have been edited
input.ng-invalid.ng-dirty {
  border-color: darken(#ee5f5b, 10%);

  &:focus {
    @shadow: 0 0 6px lighten(#ee5f5b, 20%);
    .box-shadow(@shadow);
  }
}

// De-emphasize submit button if form invalid
//
// This is better than just disabling the button because this way we can handle
// a click on the button. If the user tries to submit, we can detect this and
// then show them *why* the form is not yet valid.
form.ng-invalid .btn-success {
  background: #ccc;
  border-color: #ccc;
}

button.submit {
  width: 220px;
}


new style for welcome, wrap and error

new style for welcome, wrap and error


Fa configuration hotfix

Fa configuration hotfix

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/wUFr/LUI.git/'


Delete mixins.less

Delete mixins.less

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


Store package style sheets in the styles/ directory instead of stylesheets/ in the color-picker package

@import "styles/atom";
@import "styles/buttons";
@import "styles/editor";
@import "styles/git";
@import "styles/lists";
@import "styles/messages";
@import "styles/nav";
@import "styles/overlays";
@import "styles/panels";
@import "styles/panes";
@import "styles/progress";
@import "styles/sites";
@import "styles/tabs";
@import "styles/text";
@import "styles/tooltips";
@import "styles/tree-view";
@import "styles/utilities";
@import "styles/settings";

.icons(@icons) when (@icons = true) {
  @import "styles/icons";
}
/**
 * Set below to false to not import Seti-UI icons.
 * Requries View -> Reload after changing value.
 * Mainly to use with file-icons package.
*/
.icons(true);

@import "stylesheets/atom";
@import "stylesheets/buttons";
@import "stylesheets/editor";
@import "stylesheets/git";
@import "stylesheets/lists";
@import "stylesheets/messages";
@import "stylesheets/nav";
@import "stylesheets/overlays";
@import "stylesheets/panels";
@import "stylesheets/panes";
@import "stylesheets/progress";
@import "stylesheets/sites";
@import "stylesheets/tabs";
@import "stylesheets/text";
@import "stylesheets/tooltips";
@import "stylesheets/tree-view";
@import "stylesheets/utilities";
@import "stylesheets/settings";

.icons(@icons) when (@icons = true) {
  @import "stylesheets/icons";
}
/**
 * Set below to false to not import Seti-UI icons.
 * Requries View -> Reload after changing value.
 * Mainly to use with file-icons package.
*/
.icons(true);


日历增加rangePicker文件，样式代码修改

日历增加rangePicker文件，样式代码修改

.datepicker{
    position: relative;
    display: inline-block;
}

.datepicker-popup{
    position: absolute;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    margin-top: 2px;
    z-index: 1000;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
}
.datepicker-inner{
    width: 218px;

}
.datepicker-body{
    padding: 10px 10px;
}
.datepicker-ctrl p,
.datepicker-ctrl span,
.datepicker-body span{
    display: inline-block;
    width: 28px;
    line-height: 28px;
    height: 28px;
    border-radius: 4px;
}
.datepicker-ctrl p {
    width: 65%;
}
.datepicker-ctrl span {
  position: absolute;
}
.datepicker-body span {
  text-align: center;
}
.datepicker-monthRange span{
  width: 48px;
  height: 50px;
  line-height: 45px;
}
.datepicker-item-disable {
  background-color: white!important;
  cursor: not-allowed!important;
}
.decadeRange span:first-child,
.decadeRange span:last-child,
.datepicker-item-disable,
.datepicker-item-gray{
    color: #999;
}

.datepicker-dateRange-item-active:hover,
.datepicker-dateRange-item-active {
    background: rgb(50, 118, 177)!important;
    color: white!important;
}
.datepicker-monthRange {
  margin-top: 10px
}
.datepicker-monthRange span,
.datepicker-ctrl span,
.datepicker-ctrl p,
.datepicker-dateRange span {
  cursor: pointer;
}
.datepicker-monthRange span:hover,
.datepicker-ctrl p:hover,
.datepicker-ctrl i:hover,
.datepicker-dateRange span:hover,
.datepicker-dateRange-item-hover {
    background-color : #eeeeee;
}

.datepicker-weekRange span{
    font-weight: bold;
}
.datepicker-label{
    background-color: #f8f8f8;
    font-weight: 700;
    padding: 7px 0;
    text-align: center;
}
.datepicker-ctrl{
    position: relative;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
}
.month-btn{
  font-weight: bold;
  -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.datepicker-preBtn{
    left: 2px;
}
.datepicker-nextBtn{
    right: 2px;
}

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


Update static/vendors/font-awesome/less/mixins.less

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

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


created grid stylesheet - adding flexgrid rules

@import 'variables';

// grid styles

.grid {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.cell {
  flex: 1;
}

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


Signed-off-by: Ge-yuan-jun <daydaygyj@gmail.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/'


openshift-buttons.less

openshift-buttons.less

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


fix nav in card style for theme

fix nav in card style for theme

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


Update static/vendors/bootstrap/less/scaffolding.less

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


Add smaller text classes

Add smaller text classes

@import "ui-mixins";
@import "ui-colors";

.selected {
  .text(highlighted);
  > .highlight, &.highlight {
    background-color: #333;
  }
}

.highlighted { .text(highlighted); }

.subtle { .text(subtle); }

.smaller {
	font-size: 0.9em;
}
.small {
	font-size: 0.8em;
}


Tweaking of colors

Tweaking of 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/Quinten/supernapietheme.git/'


add box-sizing reset

add box-sizing reset

html {
  .box-sizing(border-box);
}

*, *:before, *:after {
  .box-sizing(inherit);
}

error: pathspec 'library/Denkmal/layout/default/css/02-reset-custom.less' did not match any file(s) known to git


Reduced standard tag max-width restrictions.

fatal: unable to access 'https://github.com/team-aries/just.git/': The requested URL returned error: 403


Force css center of Tweet embed iframes.

Twitter has inline styles on their iframe embed margin which left
align by default. This forces the embeds to be centered.

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