Fix path to Brave icons

Fix path to Brave icons

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 * You can obtain one at http://mozilla.org/MPL/2.0/. */

/**
 * Navigation layers
 */

@import "variables.less";

.navigatorWrapper {
  display: flex;
  justify-content: space-between;
  -webkit-app-region: drag;
  align-items: center;
  padding: 0 70px;
  border-bottom: 1px solid #aaaaaa;
  height: 35px;

  transition: padding @transitionDuration ease-in-out;

  @media (max-width: @breakpointNarrowViewport) {
    padding: 0;
  }
}

.platform--darwin {
  .navigatorWrapper {
    padding-left: 70px;
  }
}

.urlbarForm {
  align-items: center;
  justify-content: center;
  height: 24px;
  padding: 0 10px;

  display: flex;
  flex-grow: 1;
  min-width: 0%; // allow the navigator to shrink
  position: relative;

  *:not(legend) {
    z-index: 1;
  }

  input:focus + legend:before {
    content: ' ';
    position: absolute;
    background: #fff;
    border: 2px solid @focusUrlbarOutline;
    border-radius: 4px;
    box-shadow: 0 0 1px @focusUrlbarOutline, inset 0 0 2px @focusUrlbarOutline;
    box-shadow: inset 0 1px 8px rgba(0, 137, 255, 0.5);
    color: #333;
    outline: none;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
  }

  #navigator:not(.titleMode) & {
    background: white;
    border-radius: @borderRadiusURL;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
    color: @chromeText;
  }
}

#navigator {
  display: flex;
  flex-grow: 1;
  min-width: 0%; // allow the navigator to shrink
  font-size: 20px;

  align-items: center;
  justify-content: center;
  max-width: 900px;
  box-sizing: border-box;
  padding: 0;
  position: relative;
  -webkit-user-select: none;

  @media (max-width: @breakpointNarrowViewport) {
    width: 100%;
    z-index: 99999;
  }

  &.titleMode {
    input {
      display: none;
    }
    #titleBar {
      display: inline-block;
      background:rgba(243, 243, 243, 0);
      color: @chromeText;
      font-size: 15px;
      max-width: 100%;
      overflow-x: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .endButtons {
      position: absolute;
      top: -2px;
    }

    .urlbarIcon {
      display: inline-block;
      opacity: 0.4;
      position: relative;
      left: 2px;
      min-width: 0;

      &[class*=" fa-"] {
        margin-right: 5px;
        margin-top: 3px;
        font-size: 14px;
        min-height: 12px;
        color: @chromeText;
        min-width: 14px;
      }
    }

    .bookmark-button {
      transform: scale(0.6);
      opacity: 0.6;
      text-align: left;

      &:not(.remove-bookmark-button) {
        display: none;
      }
    }
  }

  #titleBar {
    display: none;
    text-overflow: ellipsis;
  }

  .loadTime {
    color: @loadTimeColor;
    font-size: 12px;
    right: 10px;
    text-align: right;
    margin: 4px 0 0 0;
    top: 9px;
  }

  /* Disable selection of button text */
  > span {
     -webkit-user-select: none;
  }

  > * {
    -webkit-app-region: no-drag;
  }

  .inputbar-wrapper {
    background: white;
    display: flex;
    flex: 1 1 0;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
  }

  input {
    background: @navigationBarBackground;
    border: none;
    box-sizing: border-box;
    color: @chromeText;
    cursor: text;
    font-size: @defaultFontSize;
    font-weight: normal;
    margin: 3px 3px 0 3px;
    outline: none;
    text-overflow: ellipsis;
    flex-grow: 1;
    min-width: 0%; // allow the navigator to shrink

    &:hover {
      background: @chromeControlsBackground2;
    }

    &.private {
      background: @privateTabBackground;
      color: @chromeText;
    }
  }

  span.navbutton.remove-bookmark-button {
    color: @braveOrange;
    opacity: 1;
  }

  .urlbarIcon.fa-unlock-alt {
    margin-top: 4px;
    font-size: 16px;
    min-height: 10px;
    min-width: 16px;
  }

  .urlbarIcon.fa-lock {
    margin-top: 4px;
    font-size: 16px;
    min-height: 10px;
    min-width: 16px;
  }

  .urlbarIcon {
    color: @focusUrlbarOutline;
    left: 14px;
    margin-top: 1px;
    font-size: 13px;
    min-height: 10px;
    min-width: 16px;

    &.extendedValidation {
      color: green;
    }
  }
}

.topLevelEndButtons {
  margin-left: 4px;
  .braveMenu {
    background-image: -webkit-image-set(url(../app/extensions/brave/img/braveBtn.png) 1x,
                                        url(../app/extensions/brave/img/braveBtn2x.png) 2x,
                                        url(../app/extensions/brave/img/braveBtn3x.png) 3x);
    background-repeat: no-repeat;
    width: 23px;
    height: 27px;
    margin-top: 3px;
    margin-right: 8px;
  }
}

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 * You can obtain one at http://mozilla.org/MPL/2.0/. */

/**
 * Navigation layers
 */

@import "variables.less";

.navigatorWrapper {
  display: flex;
  justify-content: space-between;
  -webkit-app-region: drag;
  align-items: center;
  padding: 0 70px;
  border-bottom: 1px solid #aaaaaa;
  height: 35px;

  transition: padding @transitionDuration ease-in-out;

  @media (max-width: @breakpointNarrowViewport) {
    padding: 0;
  }
}

.platform--darwin {
  .navigatorWrapper {
    padding-left: 70px;
  }
}

.urlbarForm {
  align-items: center;
  justify-content: center;
  height: 24px;
  padding: 0 10px;

  display: flex;
  flex-grow: 1;
  min-width: 0%; // allow the navigator to shrink
  position: relative;

  *:not(legend) {
    z-index: 1;
  }

  input:focus + legend:before {
    content: ' ';
    position: absolute;
    background: #fff;
    border: 2px solid @focusUrlbarOutline;
    border-radius: 4px;
    box-shadow: 0 0 1px @focusUrlbarOutline, inset 0 0 2px @focusUrlbarOutline;
    box-shadow: inset 0 1px 8px rgba(0, 137, 255, 0.5);
    color: #333;
    outline: none;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
  }

  #navigator:not(.titleMode) & {
    background: white;
    border-radius: @borderRadiusURL;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
    color: @chromeText;
  }
}

#navigator {
  display: flex;
  flex-grow: 1;
  min-width: 0%; // allow the navigator to shrink
  font-size: 20px;

  align-items: center;
  justify-content: center;
  max-width: 900px;
  box-sizing: border-box;
  padding: 0;
  position: relative;
  -webkit-user-select: none;

  @media (max-width: @breakpointNarrowViewport) {
    width: 100%;
    z-index: 99999;
  }

  &.titleMode {
    input {
      display: none;
    }
    #titleBar {
      display: inline-block;
      background:rgba(243, 243, 243, 0);
      color: @chromeText;
      font-size: 15px;
      max-width: 100%;
      overflow-x: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .endButtons {
      position: absolute;
      top: -2px;
    }

    .urlbarIcon {
      display: inline-block;
      opacity: 0.4;
      position: relative;
      left: 2px;
      min-width: 0;

      &[class*=" fa-"] {
        margin-right: 5px;
        margin-top: 3px;
        font-size: 14px;
        min-height: 12px;
        color: @chromeText;
        min-width: 14px;
      }
    }

    .bookmark-button {
      transform: scale(0.6);
      opacity: 0.6;
      text-align: left;

      &:not(.remove-bookmark-button) {
        display: none;
      }
    }
  }

  #titleBar {
    display: none;
    text-overflow: ellipsis;
  }

  .loadTime {
    color: @loadTimeColor;
    font-size: 12px;
    right: 10px;
    text-align: right;
    margin: 4px 0 0 0;
    top: 9px;
  }

  /* Disable selection of button text */
  > span {
     -webkit-user-select: none;
  }

  > * {
    -webkit-app-region: no-drag;
  }

  .inputbar-wrapper {
    background: white;
    display: flex;
    flex: 1 1 0;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
  }

  input {
    background: @navigationBarBackground;
    border: none;
    box-sizing: border-box;
    color: @chromeText;
    cursor: text;
    font-size: @defaultFontSize;
    font-weight: normal;
    margin: 3px 3px 0 3px;
    outline: none;
    text-overflow: ellipsis;
    flex-grow: 1;
    min-width: 0%; // allow the navigator to shrink

    &:hover {
      background: @chromeControlsBackground2;
    }

    &.private {
      background: @privateTabBackground;
      color: @chromeText;
    }
  }

  span.navbutton.remove-bookmark-button {
    color: @braveOrange;
    opacity: 1;
  }

  .urlbarIcon.fa-unlock-alt {
    margin-top: 4px;
    font-size: 16px;
    min-height: 10px;
    min-width: 16px;
  }

  .urlbarIcon.fa-lock {
    margin-top: 4px;
    font-size: 16px;
    min-height: 10px;
    min-width: 16px;
  }

  .urlbarIcon {
    color: @focusUrlbarOutline;
    left: 14px;
    margin-top: 1px;
    font-size: 13px;
    min-height: 10px;
    min-width: 16px;

    &.extendedValidation {
      color: green;
    }
  }
}

.topLevelEndButtons {
  margin-left: 4px;
  .braveMenu {
    background-image: -webkit-image-set(url(../app/img/braveBtn.png) 1x, url(../app/img/braveBtn2x.png) 2x, url(../app/img/braveBtn3x.png) 3x);
    background-repeat: no-repeat;
    width: 23px;
    height: 27px;
    margin-top: 3px;
    margin-right: 8px;
  }
}


Re-align noscript icon in title mode

Re-align noscript icon in title mode

Fix #3931

Auditors: @bbondy

Test Plan:
1. go to https://www.bing.com/
2. disable scripts in brave panel
3. move mouse away from the URL bar so it goes into title mode. the noscript icon should be centered vertically.

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/jonathansampson/browser-laptop.git/'


Add styles for matches

Add styles for matches

@import "ui-variables";

// Highlight matched text
.symbols-view .list-group .character-match {
  color: @text-color-highlight;
  font-weight: bold;
}

error: pathspec 'styles/symbols-view.less' did not match any file(s) known to git


modified to have more info box

modified to have more info box

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


Introduce Photo Browser

Introduce Photo Browser

/* === Photo Browser === */
.photo-browser {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
    body > & {
        opacity: 0;
        display: none;
        .transform(translate3d(0,0,0));
        &.photo-browser-in {
            display: block;
            .animation(photoBrowserIn 400ms forwards);
        }
        &.photo-browser-out {
            display: block;
            .animation(photoBrowserOut 400ms forwards);
        }
        html.with-statusbar-overlay & {
            height: ~"-webkit-calc(100% - 20px)";
            height: ~"-moz-calc(100% - 20px)";
            height: ~"-ms-calc(100% - 20px)";
            height: ~"calc(100% - 20px)";
            top: 20px;
        }
    }
    .popup > &, body > & {
        .navbar, .toolbar {
            .transform(translate3d(0,0,0));
        }
    }

}
.photo-browser, .view[data-page="photo-browser-slides"] {
    .navbar, .toolbar {
        background: rgba(247,247,247,0.95);
        .transition(400ms);
    }
}
.view[data-page="photo-browser-slides"] .page[data-page="photo-browser-slides"]{
    .navbar, .toolbar {
        .transform(translate3d(0,0,0));
    }
}
.photo-browser-exposed {
    .navbar, .toolbar {
        opacity: 0;
        visibility: hidden;
        pointer-events:none;
    }
    .photo-browser-slider-container {
        background: #000;
    }
}
.photo-browser-slider-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff;
    .transition(400ms);
}
.photo-browser-slider-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    .flexbox();
}
.photo-browser-slide {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    .flexbox();
    .justify-content(center);
    .align-items(center);
    .flex-shrink(0);
    span {
        width: 100%;
        text-align: center;
        display: none;
    }
    img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        display: none;
    }
    &.slider-slide-active, &.slider-slide-next, &.slider-slide-prev {
        span {
            display: block;
        }
        img {
            display: inline;
        }
    }
}
@-webkit-keyframes photoBrowserIn {
    0% {
        -webkit-transform: translate3d(0,0,0) scale(0.5);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate3d(0,0,0) scale(1);
        opacity: 1;
    }
}
@keyframes photoBrowserIn {
    0% {
        transform: translate3d(0,0,0) scale(0.5);
        opacity: 0;
    }
    100% {
        transform: translate3d(0,0,0) scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes photoBrowserOut {
    0% {
        -webkit-transform: translate3d(0,0,0) scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0,0,0) scale(0.5);
        opacity: 0;
    }
}
@keyframes photoBrowserOut {
    0% {
        transform: translate3d(0,0,0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translate3d(0,0,0) scale(0.5);
        opacity: 0;
    }
}

error: pathspec 'src/less/photo-browser.less' did not match any file(s) known to git


changed the margin top and the font size


Styles for header search form

Styles for header 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/'


Improved theme selection styles

Improved theme selection styles

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


Fix “Fixed color of disabled button state”

This fixes up commit f618c6f81384616e74b327ff6d26b1a622e1d9cf

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/MenesesEvandro/WCF.git/'


Updated PatternFly

Updated PatternFly

/* Custom styles */

// include PatternFly
@import "../components/patternfly/less/patternfly";
@import "variables";

.aj-collapse {
  color: @link-color;
  padding-left: 12px;
  position: relative;
  &:after {
    border: 4px solid transparent;
    border-left-color: @link-color;
    border-right-width: 0;
    content: '';
    height: 0;
    left: 2px;
    opacity: .95;
    position: absolute;
    top: 30%;
    width: 0;
  }
  &:hover {
    color: @link-hover-color;
    &:after {
      border-left-color: @link-hover-color;
    }
  }
  &.open:after {
    border-bottom-width: 0;
    border-left-color: transparent;
    border-right-width: 4px;
    border-top-color: #08c;
    left: 0;
    top: 8px;
  }
  &.open:hover:after {
    border-top-color: @link-hover-color;
  }
}

body {
  font-size: @font-size-large;
  padding-top: 0 !important;
   &.home{
    background: url(/wp-content/uploads/2014/01/bg-banner.jpg) repeat-x 50% 69px;
  }
}

.breadcrumb {
  font-size: 11px;
  margin: 15px 0;
}

.clearfix img {
  height: auto;
  max-width: 100%;
}

#comments h3:first-child {
  margin-top: -5px;
}

#comment-form-elements {
  margin-bottom: 15px;
}

.commentlist {
  list-style: none;
  margin: 0;
  padding-left: 0;
  .avatar {
    &, & a {
    color: #777;
    }
    .name {
      margin-left: 2px;
    }
  }
  .children {
    list-style: none;
    margin-left: 30px;
    padding-left: 0;
  }
  .comment-text {
    margin: 7px 0 20px 30px;
    [class^="comment-"] + [class^="comment-"] {
      margin-left: 10px;
    }
  }
  [id^='comment-'] + #respond {
    margin-left: 30px;
  }
}

#content {
  position: relative;
}

.examples {
  margin: 20px 0;
}

h1 {
  font-weight: 300;
  font-size: 24px;
}

h2 {
  font-weight: 500;
  font-size: 18px;
}

h3 {
  font-size: 15px;
  font-weight: 600;
  line-height: 30px;
}

h4 {
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
}

h5, h6 {
  font-weight: 600;
}

h1, h2, h3 {
  line-height: 40px;
}

.icons {
  float: left;
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  width: 100%;
  .fa, .glyphicon, .pficon {
    font-size: 24px;
    margin-bottom: 15px;
    margin-top: 5px;
  }
  .icon-class {
    display: block;
    font-size: 11px;
    text-align: center;
    word-wrap: break-word;
  }
  li {
    border: 1px solid #eee;
    float: left;
    font-size: 12px;
    height: 150px;
    line-height: 1.4;
    margin: 0 -1px -1px 0;
    overflow: hidden;
    overflow-y: auto;
    padding: 10px;
    text-align: center;
    width: 25%;
    @media (max-width: 575px) {
      height: 200px;
    }
    @media (min-width: 992px) {
      height: 170px;
      width: 16.667%;
    }
  }
}

header {
  + .container {
    padding-top: 70px;
  }
  .navbar.navbar-default {
    background: #040404 !important;
    border-bottom: 0 !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-top: 1px solid #1688c0;
    margin-bottom: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important;
    .form-group {
      display: block;
    }
    .navbar-brand {
      background: url(../img/patternfly.svg) no-repeat 15px 50%;
      height: 40px;
      line-height: 0;
      margin-bottom: 15px;
      margin-top: 15px;
      text-indent: -9999px;
      width: 235px;
      .ie8 & {
        background-image: url(../img/patternfly.png);
      }
    }
    .navbar-collapse {
      border-top-color: transparent;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      max-height: auto;
      .navbar-nav {
        margin-bottom: 0;
        margin-top: 0;
      }
    }
    .navbar-form {
      border: 0;
      .box-shadow(none);
      margin-bottom: 4px;
      margin-top: 0;
      padding-bottom: 0;
      padding-top: 0;
      position: relative;
      &:before {
        color: #ddd;
        content: @fa-var-search;
        font: 14px/1 @icon-font-name-fa;
        position: absolute;
        left: 18px;
        top: 4px;
      }
      &:hover:before {
        color: #fff;
      }
      .btn {
        display: none;
      }
      .form-control {
        background: #333;
        background: rgba(255,255,255,.15);
        border: 0;
        color: #dbdada;
        display: block;
        height: 22px;
        padding-bottom: 1px;
        padding-left: 22px;
        padding-top: 1px;
        &:focus {
          .box-shadow(none);
          background: #545454;
          background: rgba(255,255,255,.3);
          color: #fff;
          .transition-duration(400ms);
          .transition-property(~'background, color');
        }
      }
    }
    .navbar-right {
      > li {
        > a {
          color: #eee;
          &:hover {
            color: #fff;
          }
        }
        &.current-menu-item, &.current-menu-ancestor {
          > a, &:hover > a {
            background: #1f1f1f !important;
            color: #fff !important;
          }
        }
        &:hover, &.open {
          background: #171717;
          > a {
            background: transparent;
            color: #fff;
          }
        }
      }
    }
    .navbar-toggle {
      background-color: #040404;
      border: none;
      margin-top: 19px;
      &:focus {
        outline: none;
      }
      &:hover .icon-bar {
        background-color: #fff;
      }
    }
  }
}

.home .banner {
  color: #dbdada;
  padding: 54px 500px 0 0;
  position: relative;
  .description {
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    margin: 0 0 30px;
    max-width: 430px;
    .pull-right {
      bottom: 0;
      position: absolute;
      right: 0;
      z-index: -1;
    }
  }
  h1 {
    color: #dbdada;
    font-size: 26px;
    font-weight: 100;
    margin: 0 0 20px;
  }
  + .row {
    > .col-md-4, > .col-md-8 {
      padding-top: 35px;
      h2 {
        font-size: 18px;
        line-height: 1;
        margin: 0 0 20px;
        text-transform: none;
      }
    }
    > .col-md-4 {
      padding-bottom: 35px;
    }
    > .col-md-8 {
      em {
        font-size: 18px;
        font-style: normal;
      }
    }
  }
  ul {
    list-style: none;
    margin: 0;
    padding: 0 0 40px;
    li {
      display: inline-block;
      .btn {
        .icon {
          background: rgba(0,0,0,.2);
          -moz-border-radius: 30px;
          -webkit-border-radius: 30px;
          border-radius: 30px;
          display: inline-block;
          height: 17px;
          margin: 0 0 -4px 4px;
          position: relative;
          width: 17px;
          &:after {
            content: '';
            border: 4px solid transparent;
            border-left-color: #fff;
            border-right-width: 0;
            height: 0;
            left: 7px;
            opacity: .85;
            position: absolute;
            top: 4px;
            width: 0;
          }
        }
        &:hover .icon{
          background: rgba(0,0,0,.3);
          &:after {
            opacity: 1;
          }
        }
      }
      + li {
        font-size: 12px;
        margin-left: 12px;
        a {
          color: #81DCFF;
          &:hover {
            color: #18BFFF;
          }
        }
      }
    }
  }
}

hr {
  border-top-color: #D5D5D5;
}

html #wpadminbar {
  z-index: 10000 !important;
}

.incsub_wiki {
  #btn_save {
    background-color: #eee;
    background-image: -webkit-linear-gradient(top,#fafafa 0,#ededed 100%);
    background-image: linear-gradient(to bottom,#fafafa 0,#ededed 100%);
    background-repeat: repeat-x;
    border: 1px solid #b7b7b7;
    border-radius: 1px;
    font-size: 11px;
    .box-shadow(0 2px 3px rgba(0,0,0,.1));
    color: #4d5258;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    line-height: 1.81818181;
    margin-bottom: 0;
    padding: 2px 6px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-user-select: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffededed', GradientType=0);
    + a {
      display: inline-block;
      font-size: 11px;
      position: relative;
      left: 4px;
      top: 1px;
    }
  }
  .incsub_wiki_bottom {
    margin-top: 10px;
  }
  .incsub_wiki_content {
    margin: 0;
  }
  .incsub_wiki_meta_box {
    margin-bottom: 10px;
  }
  .incsub_wiki_tabs {
    margin-bottom: 20px;
    .error404 & {
      border: 0;
    }
    li {
      border-width: 1px !important;
      display: inline-block !important;
      margin: 0 5px -1px 0 !important;
      padding: 0 !important;
    }
    ul.right {
      margin-right: 0 !important;
    }
  }
  .incsub_wiki_top {
    display: none;
  }
  input.incsub_wiki_title {
    border-color: #dedede;
    width: 100%;
  }
  .quicktags-toolbar, .wp_themeSkin tr.mceFirst td.mceToolbar {
    background-color: transparent;
  }
  .tmce-active .switch-tmce, .html-active .switch-html {
    background: transparent !important;
    border-bottom-color: #fff !important;
    color: #000 !important;
  }
  .wp-editor-container {
    border: 1px solid #dedede;
    margin-bottom: 10px;
  }
  .wp-switch-editor {
    border-bottom: 1px solid #dedede !important;
    color: #333;
    height: auto !important;
    &:hover {
      background: #ebebeb;
      color: #333;
    }
  }
  .wp_themeSkin {
    .mceButton {
      box-sizing: content-box;
    }
    table.mceLayout {
      margin-top: 0;
    }
  }
}

.indent {
  margin-left: 30px;
}

.login {
  background: #080808 url("@{img-path}/bg-login.jpg") repeat-x 50% 0 !important;
  background-size: auto !important;
  color: #fff;
  height: 100%;
  @media (min-width: @grid-float-breakpoint) {
    background-size: 100% auto !important;
  }
  form {
    background-color: #181818;
    background-color: rgba(255, 255, 255, 0.055);
    .box-shadow(none);
    padding: 30px 20px 60px 20px;
    margin: 25px 0 0;
    @media (min-width: @grid-float-breakpoint) {
      padding-left: 80px;
    }
    input[type=submit] {
      border-radius: @border-radius-base;
      .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-bg-img-start; @btn-primary-bg-img-stop; @btn-primary-border);
      &:active {
        .box-shadow(inset 0 2px 8px rgba(0,0,0,.2));
      }
      &:focus {
        outline: none;
      }
      &, &:hover {
        .box-shadow(0 2px 3px rgba(0,0,0,.1));
      }
    }
    input[type=checkbox] {
      margin: -3px 4px 0 0;
    }
    input[type=password], input[type=text] {
      background-color: @input-bg;
      background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
      .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
      border: 1px solid @input-border;
      border-radius: @input-border-radius;
      color: @input-color;
      display: block;
      font-size: @font-size-base;
      height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
      line-height: @line-height-base;
      padding: @padding-base-vertical @padding-base-horizontal;
      vertical-align: middle;
      .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s");
      @media (min-width: @grid-float-breakpoint) {
        width: 300px;
      }
      &:hover {
        border-color: #7BB2DD;
      }
    }
    label {
      color: #fff;
      font-size: @font-size-base + 1;
      font-weight: 400;
      width: 100%;
    }
    .forgetmenot label {
      font-size: @font-size-base;
    }
  }
  h1 {
    padding-top: 20px;
    @media (min-width: @grid-float-breakpoint) {
      margin-left: 80px;
    }
    a {
      background: url(../img/patternfly.svg) no-repeat;
      height: 40px;
      margin: 0 auto;
      width: 235px !important;
      @media (min-width: @grid-float-breakpoint) {
        margin-left: 0;
      }
    }
  }
  #login {
    padding: 0;
    width: auto;
    @media (min-width: @grid-float-breakpoint) {
      bottom: 13%;
      position: absolute;
      width: 100%;
    }
    #backtoblog {
      display: none;
    }
    form p {
      font-size: @font-size-base;
      font-weight: normal;
      &.submit {
        @media (min-width: @grid-float-breakpoint) {
          width: 300px;
        }
      }
    }
  }
  #login_error, .message {
    background: none;
    border-left: 0;
    .box-shadow(none);
    color: #FF3F3F;
    margin: 10px 20px -10px;
    padding: 0;
    @media (max-width: @grid-float-breakpoint-max) {
      text-align: center;
    }
    @media (min-width: @grid-float-breakpoint) {
      margin-left: 80px;
    }
  }
  .message {
    color: #ddd;
    + #login_error {
      margin-top: 20px;
    }
  }
  #nav {
    font-size: @font-size-base;
    margin: -50px 0 0 20px;
    padding: 0;
    @media (min-width: @grid-float-breakpoint) {
      margin-left: 80px;
    }
    a {
      color: @link-color;
      &:hover {
        color: @link-hover-color;
        text-decoration: underline;
      }
    }
  }
}

.meta {
  color: @gray-light;
  font-size: @font-size-small;
}

.page-header {
  border-bottom: 0;
  margin: 0;
  padding: 0;
}

.pf-example {
  font-size: @font-size-base;
  h3 {
    line-height: 1.1;
  }
}

pre.prettyprint {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
}

.reference-markup {
  margin-top: 20px;
}

#respond {
  margin: 0 0 15px 0;
  h3 {
    line-height: 1;
    margin: 0 0 10px;
  }
  textarea {
    margin-bottom: 10px;
    width: 100%;
  }
}

.section, .super-section {
  padding-top: 100px;
  position: relative;
  &:before {
    background: #f0f0f0;
    content: '';
    height: 1px;
    position: absolute;
    top: 50px;
    width: 100%;
  }
  > *:first-child {
    margin-top: 0;
  }
  h3 + p {
    margin-bottom: 20px;
    margin-top: -8px;
  }
  .pagination, .pager {
    margin: 0;
  }
}

.super-section:before {
  background: #dfdfdf;
}

.sidebar {
  .menu {
    background: #fff;
    line-height: 20px;
    padding: 17px 0 18px;
    margin: 25px 0 0;
    width: 212px;
    .page & {
      border-bottom: 1px solid #dfdfdf;
      border-top: 1px solid #dfdfdf;
    }
    &.affix-bottom {
      position: absolute;
    }
    .current-menu-item > a, .current-menu-item > a:hover {
      color: #333;
    }
    > li {
      display: none;
      &.active > .sub-menu.nav > .active .sub-menu {
        display: block !important;
      }
      &.current-menu-item, &.current-menu-ancestor {
        display: block;
        > a {
          font-weight: 600
        }
      }
      > .sub-menu {
        .active, .current-menu-item {
          position: relative;
          &:after {
            content: @fa-var-angle-left;
            font-family: @icon-font-name-fa;
            height: 0;
            position: absolute;
            left: 2px;
            top: 6px;
            width: 0;
          }
          > a {
            color: #333;
          }
        }
        > li  {
          > a {
            padding-left: 15px;
          }
          > .sub-menu {
            margin-bottom: 0;
            .active:after, .current-menu-item:after {
              left: 17px;
            }
            > li > a {
              padding-left: 30px;
            }
          }
        }
      }
    }
    li a {
      color: #666;
      display: block;
      margin: 0;
      padding: 5px 0;
      text-shadow: none;
      &:hover {
        background: none;
        color: #444;
        text-decoration: none;
        text-shadow: none;
      }
    }
  }
  ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
}

#sidebar2 .advanced_recent_posts_widget {
  .post-date {
    color: @gray-light;
    display: inline-block;
    float: right;
    font-size: @font-size-small;
    font-style: normal;
  }
  .post-entry {
    margin: 3px 0 0;
    padding: 0;
  }
  .post-title {
    font-size: @font-size-large;
    font-weight: 400;
  }
  ul li {
    border-bottom: 0;
    margin: 0 0 12px;
    padding: 0;
  }
}

strong {
  font-weight: 600;
}

th {
  font-weight: 600;
}

.updated {
  color: #999;
  font-size: 10px;
  margin-bottom: 20px;
  margin-top: -12px;
}

#widget-footer {
  color: #444;
  font-size: 10px;
  line-height: 15px;
  padding: 40px 0 18px;
  .home & {
    padding-top: 0;
  }
  hr {
    margin: 0 15px;
  }
  p {
    margin-bottom: 0;
  }
  .widget {
    padding-top: 30px;
    &#text-3 {
      padding-top: 0;
    }
    ul {
      list-style: none;
      margin: 0;
      padding: 0;
      li {
        float: left;
        + li {
          margin-left: 15px;
        }
      }
    }
  }
}

/* Responsive layouts */

@media (min-width: @grid-float-breakpoint) {
  .navbar.navbar-default {
    .navbar-collapse .navbar-form {
      margin-bottom: 24px;
      margin-top: 22px;
      padding-right: 0;
      &:before {
        top: 6px;
      }
      .form-control {
        background: transparent;
        color: transparent;
        display: inline-block;
        padding-right: 0;
        position: relative;
        width: 0;
        z-index: 30;
        &:focus {
          background: #545454;
          background: rgba(255,255,255,.25);
          color: #fff;
          .transition-duration(400ms);
          .transition-property(~'width, background, z-index');
          padding-right: 2px;
          width: 110px;
          z-index: auto;
        }
      }
    }
    .navbar-right {
      > li {
        > a {
          padding: 25px 8px 26px;
        }
        &.dropdown {
          > .dropdown-menu {
            border-top: 0;
            .current-menu-item, > .current-menu-parent {
              > a {
                &,
                &:hover,
                &:focus {
                  background-color: @dropdown-link-active-bg;
                  border-color: #0076b7;
                  color: @dropdown-link-focus-color;
                  .reset-filter();
                }
              }
            }
            li > a {
              &:hover {
                background-color: @dropdown-link-hover-bg ;
                border-color: #b3d3e7;
                }
              &:focus,
              &:active {
                background-color: @dropdown-link-focus-bg;
                border-color: #0076b7;
                color: @dropdown-link-focus-color;
                .reset-filter();
              }
            }
          }
        }
      }
      + .navbar-right {
        margin-right: 0;
      }
    }
  }
  .navbar-right > .dropdown > .dropdown-menu {
    right: auto;
    left: 0;
  }
}

@media (max-width: @grid-float-breakpoint-max) {
  body.home {
    background-position: 50% 46px;
  }
  header .navbar.navbar-default {
    .dropdown-submenu {
      > a {
        &:after {
          display: none;
        }
      }
      .dropdown-menu {
        display: block;
        > li > a {
          padding-left: 40px;
        }
      }
      &:hover > a {
        background: transparent;
        border-color: transparent;
      }
    }
    .navbar-right > li {
      &.current_page_ancestor.dropdown .dropdown-menu {
        background: #1f1f1f;
      }
      &.dropdown .dropdown-menu {
        padding-bottom: 0;
        padding-top: 0;
        .box-shadow(none);
        li {
          &.current-menu-item > a {
            background: #262626 !important;
            color: #fff !important;
          }
          > a {
            color: #eee !important;
            line-height: 20px;
            &:hover {
              border-color: transparent;
              color: #fff !important;
              text-shadow: none;
            }
          }
        }
      }
      > a {
        padding: 7px 15px;
      }
    }
  }
  .home .banner {
    padding: 44px 400px 0 0;
    .description {
      font-size: 15px;
      line-height: 23px;
      max-width: 300px;
      .pull-right {
        bottom: 1px;
        width: 400px;
      }
    }
    h1 {
      font-size: 20px;
    }
  }
  .sidebar .menu {
    width: 157px;
  }
}

@media (min-width: @screen-lg) {
  .home .banner {
    padding: 80px 600px 0 0;
    .description {
      max-width: 540px;
      .pull-right {
        width: auto;
      }
    }
  }
  .navbar.navbar-default {
    .navbar-right > li > a {
      padding-left: 15px;
      padding-right: 15px;
    }
    .navbar-collapse .navbar-form .form-control:focus {
      width: 180px;
    }
  }
  .sidebar .menu{
    width: 262px;
  }
}

@media (min-width: @screen-sm) {
  .home .banner + .row {
    > .col-md-4, > .col-md-8 {
      padding-bottom: 30px;
      padding-top: 50px
    }
    > .col-md-4 {
        padding-left: 35px;
        padding-right: 20px;
    }
    > .col-md-8 {
      border-right: 1px solid #d5d5d5;
      padding-right: 35px;
    }
  }
  #widget-footer .widget ul {
    float: right;
  }
}

@media (max-width: 600px) {
  header + .container {
    padding-top: 0;
  }
  .navbar-fixed-top {
    position: static;
  }
}

@media (max-width: @screen-xs-max) {
  body.home {
    background: none;
  }
  .home .banner {
    background: url(/wp-content/uploads/2014/01/bg-banner.jpg) no-repeat 50% -1px;
    background-size: auto 100%;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    h1 {
      font-size: 22px;
    }
    .description {
      font-size: 15px;
      line-height: 23px;
      max-width: none;
    }
    .pull-right {
      display: none;
    }
  }
  .sidebar .menu {
    &.affix, &.affix-bottom {
      position: static;
      width: auto;
    }
  }
  #widget-footer {
    .widget + .widget {
      float: none;
    }
  }
}

/* Custom styles */

// include PatternFly
@import "../components/patternfly/less/global";
@import "variables";

.aj-collapse {
  color: @link-color;
  padding-left: 12px;
  position: relative;
  &:after {
    border: 4px solid transparent;
    border-left-color: @link-color;
    border-right-width: 0;
    content: '';
    height: 0;
    left: 2px;
    opacity: .95;
    position: absolute;
    top: 30%;
    width: 0;
  }
  &:hover {
    color: @link-hover-color;
    &:after {
      border-left-color: @link-hover-color;
    }
  }
  &.open:after {
    border-bottom-width: 0;
    border-left-color: transparent;
    border-right-width: 4px;
    border-top-color: #08c;
    left: 0;
    top: 8px;
  }
  &.open:hover:after {
    border-top-color: @link-hover-color;
  }
}

body {
  font-size: @font-size-large;
  padding-top: 0 !important;
   &.home{
    background: url(/wp-content/uploads/2014/01/bg-banner.jpg) repeat-x 50% 69px;
  }
}

.breadcrumb {
  font-size: 11px;
  margin: 15px 0;
}

.clearfix img {
  height: auto;
  max-width: 100%;
}

#comments h3:first-child {
  margin-top: -5px;
}

#comment-form-elements {
  margin-bottom: 15px;
}

.commentlist {
  list-style: none;
  margin: 0;
  padding-left: 0;
  .avatar {
    &, & a {
    color: #777;
    }
    .name {
      margin-left: 2px;
    }
  }
  .children {
    list-style: none;
    margin-left: 30px;
    padding-left: 0;
  }
  .comment-text {
    margin: 7px 0 20px 30px;
    [class^="comment-"] + [class^="comment-"] {
      margin-left: 10px;
    }
  }
  [id^='comment-'] + #respond {
    margin-left: 30px;
  }
}

#content {
  position: relative;
}

.examples {
  margin: 20px 0;
}

h1 {
  font-weight: 300;
  font-size: 24px;
}

h2 {
  font-weight: 500;
  font-size: 18px;
}

h3 {
  font-size: 15px;
  font-weight: 600;
  line-height: 30px;
}

h4 {
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
}

h5, h6 {
  font-weight: 600;
}

h1, h2, h3 {
  line-height: 40px;
}

.icons {
  float: left;
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  width: 100%;
  .fa, .glyphicon, .pficon {
    font-size: 24px;
    margin-bottom: 15px;
    margin-top: 5px;
  }
  .icon-class {
    display: block;
    font-size: 11px;
    text-align: center;
    word-wrap: break-word;
  }
  li {
    border: 1px solid #eee;
    float: left;
    font-size: 12px;
    height: 150px;
    line-height: 1.4;
    margin: 0 -1px -1px 0;
    overflow: hidden;
    overflow-y: auto;
    padding: 10px;
    text-align: center;
    width: 25%;
    @media (max-width: 575px) {
      height: 200px;
    }
    @media (min-width: 992px) {
      height: 170px;
      width: 16.667%;
    }
  }
}

header {
  + .container {
    padding-top: 70px;
  }
  .navbar.navbar-default {
    background: #040404 !important;
    border-bottom: 0 !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-top: 1px solid #1688c0;
    margin-bottom: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important;
    .form-group {
      display: block;
    }
    .navbar-brand {
      background: url(../img/patternfly.svg) no-repeat 15px 50%;
      height: 40px;
      line-height: 0;
      margin-bottom: 15px;
      margin-top: 15px;
      text-indent: -9999px;
      width: 235px;
      .ie8 & {
        background-image: url(../img/patternfly.png);
      }
    }
    .navbar-collapse {
      border-top-color: transparent;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      max-height: auto;
      .navbar-nav {
        margin-bottom: 0;
        margin-top: 0;
      }
    }
    .navbar-form {
      border: 0;
      .box-shadow(none);
      margin-bottom: 4px;
      margin-top: 0;
      padding-bottom: 0;
      padding-top: 0;
      position: relative;
      &:before {
        color: #ddd;
        content: @fa-var-search;
        font: 14px/1 @icon-font-name-fa;
        position: absolute;
        left: 18px;
        top: 4px;
      }
      &:hover:before {
        color: #fff;
      }
      .btn {
        display: none;
      }
      .form-control {
        background: #333;
        background: rgba(255,255,255,.15);
        border: 0;
        color: #dbdada;
        display: block;
        height: 22px;
        padding-bottom: 1px;
        padding-left: 22px;
        padding-top: 1px;
        &:focus {
          .box-shadow(none);
          background: #545454;
          background: rgba(255,255,255,.3);
          color: #fff;
          .transition-duration(400ms);
          .transition-property(~'background, color');
        }
      }
    }
    .navbar-right {
      > li {
        > a {
          color: #eee;
          &:hover {
            color: #fff;
          }
        }
        &.current-menu-item, &.current-menu-ancestor {
          > a, &:hover > a {
            background: #1f1f1f !important;
            color: #fff !important;
          }
        }
        &:hover, &.open {
          background: #171717;
          > a {
            background: transparent;
            color: #fff;
          }
        }
      }
    }
    .navbar-toggle {
      background-color: #040404;
      border: none;
      margin-top: 19px;
      &:focus {
        outline: none;
      }
      &:hover .icon-bar {
        background-color: #fff;
      }
    }
  }
}

.home .banner {
  color: #dbdada;
  padding: 54px 500px 0 0;
  position: relative;
  .description {
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    margin: 0 0 30px;
    max-width: 430px;
    .pull-right {
      bottom: 0;
      position: absolute;
      right: 0;
      z-index: -1;
    }
  }
  h1 {
    color: #dbdada;
    font-size: 26px;
    font-weight: 100;
    margin: 0 0 20px;
  }
  + .row {
    > .col-md-4, > .col-md-8 {
      padding-top: 35px;
      h2 {
        font-size: 18px;
        line-height: 1;
        margin: 0 0 20px;
        text-transform: none;
      }
    }
    > .col-md-4 {
      padding-bottom: 35px;
    }
    > .col-md-8 {
      em {
        font-size: 18px;
        font-style: normal;
      }
    }
  }
  ul {
    list-style: none;
    margin: 0;
    padding: 0 0 40px;
    li {
      display: inline-block;
      .btn {
        .icon {
          background: rgba(0,0,0,.2);
          -moz-border-radius: 30px;
          -webkit-border-radius: 30px;
          border-radius: 30px;
          display: inline-block;
          height: 17px;
          margin: 0 0 -4px 4px;
          position: relative;
          width: 17px;
          &:after {
            content: '';
            border: 4px solid transparent;
            border-left-color: #fff;
            border-right-width: 0;
            height: 0;
            left: 7px;
            opacity: .85;
            position: absolute;
            top: 4px;
            width: 0;
          }
        }
        &:hover .icon{
          background: rgba(0,0,0,.3);
          &:after {
            opacity: 1;
          }
        }
      }
      + li {
        font-size: 12px;
        margin-left: 12px;
        a {
          color: #81DCFF;
          &:hover {
            color: #18BFFF;
          }
        }
      }
    }
  }
}

hr {
  border-top-color: #D5D5D5;
}

html #wpadminbar {
  z-index: 10000 !important;
}

.incsub_wiki {
  #btn_save {
    background-color: #eee;
    background-image: -webkit-linear-gradient(top,#fafafa 0,#ededed 100%);
    background-image: linear-gradient(to bottom,#fafafa 0,#ededed 100%);
    background-repeat: repeat-x;
    border: 1px solid #b7b7b7;
    border-radius: 1px;
    font-size: 11px;
    .box-shadow(0 2px 3px rgba(0,0,0,.1));
    color: #4d5258;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    line-height: 1.81818181;
    margin-bottom: 0;
    padding: 2px 6px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-user-select: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffededed', GradientType=0);
    + a {
      display: inline-block;
      font-size: 11px;
      position: relative;
      left: 4px;
      top: 1px;
    }
  }
  .incsub_wiki_bottom {
    margin-top: 10px;
  }
  .incsub_wiki_content {
    margin: 0;
  }
  .incsub_wiki_meta_box {
    margin-bottom: 10px;
  }
  .incsub_wiki_tabs {
    margin-bottom: 20px;
    .error404 & {
      border: 0;
    }
    li {
      border-width: 1px !important;
      display: inline-block !important;
      margin: 0 5px -1px 0 !important;
      padding: 0 !important;
    }
    ul.right {
      margin-right: 0 !important;
    }
  }
  .incsub_wiki_top {
    display: none;
  }
  input.incsub_wiki_title {
    border-color: #dedede;
    width: 100%;
  }
  .quicktags-toolbar, .wp_themeSkin tr.mceFirst td.mceToolbar {
    background-color: transparent;
  }
  .tmce-active .switch-tmce, .html-active .switch-html {
    background: transparent !important;
    border-bottom-color: #fff !important;
    color: #000 !important;
  }
  .wp-editor-container {
    border: 1px solid #dedede;
    margin-bottom: 10px;
  }
  .wp-switch-editor {
    border-bottom: 1px solid #dedede !important;
    color: #333;
    height: auto !important;
    &:hover {
      background: #ebebeb;
      color: #333;
    }
  }
  .wp_themeSkin {
    .mceButton {
      box-sizing: content-box;
    }
    table.mceLayout {
      margin-top: 0;
    }
  }
}

.indent {
  margin-left: 30px;
}

.login {
  background: #080808 url("@{img-path}/bg-login.jpg") repeat-x 50% 0 !important;
  background-size: auto !important;
  color: #fff;
  height: 100%;
  @media (min-width: @grid-float-breakpoint) {
    background-size: 100% auto !important;
  }
  form {
    background-color: #181818;
    background-color: rgba(255, 255, 255, 0.055);
    .box-shadow(none);
    padding: 30px 20px 60px 20px;
    margin: 25px 0 0;
    @media (min-width: @grid-float-breakpoint) {
      padding-left: 80px;
    }
    input[type=submit] {
      border-radius: @border-radius-base;
      .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-bg-img-start; @btn-primary-bg-img-stop; @btn-primary-border);
      &:active {
        .box-shadow(inset 0 2px 8px rgba(0,0,0,.2));
      }
      &:focus {
        outline: none;
      }
      &, &:hover {
        .box-shadow(0 2px 3px rgba(0,0,0,.1));
      }
    }
    input[type=checkbox] {
      margin: -3px 4px 0 0;
    }
    input[type=password], input[type=text] {
      background-color: @input-bg;
      background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
      .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
      border: 1px solid @input-border;
      border-radius: @input-border-radius;
      color: @input-color;
      display: block;
      font-size: @font-size-base;
      height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
      line-height: @line-height-base;
      padding: @padding-base-vertical @padding-base-horizontal;
      vertical-align: middle;
      .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s");
      @media (min-width: @grid-float-breakpoint) {
        width: 300px;
      }
      &:hover {
        border-color: #7BB2DD;
      }
    }
    label {
      color: #fff;
      font-size: @font-size-base + 1;
      font-weight: 400;
      width: 100%;
    }
    .forgetmenot label {
      font-size: @font-size-base;
    }
  }
  h1 {
    padding-top: 20px;
    @media (min-width: @grid-float-breakpoint) {
      margin-left: 80px;
    }
    a {
      background: url(../img/patternfly.svg) no-repeat;
      height: 40px;
      margin: 0 auto;
      width: 235px !important;
      @media (min-width: @grid-float-breakpoint) {
        margin-left: 0;
      }
    }
  }
  #login {
    padding: 0;
    width: auto;
    @media (min-width: @grid-float-breakpoint) {
      bottom: 13%;
      position: absolute;
      width: 100%;
    }
    #backtoblog {
      display: none;
    }
    form p {
      font-size: @font-size-base;
      font-weight: normal;
      &.submit {
        @media (min-width: @grid-float-breakpoint) {
          width: 300px;
        }
      }
    }
  }
  #login_error, .message {
    background: none;
    border-left: 0;
    .box-shadow(none);
    color: #FF3F3F;
    margin: 10px 20px -10px;
    padding: 0;
    @media (max-width: @grid-float-breakpoint-max) {
      text-align: center;
    }
    @media (min-width: @grid-float-breakpoint) {
      margin-left: 80px;
    }
  }
  .message {
    color: #ddd;
    + #login_error {
      margin-top: 20px;
    }
  }
  #nav {
    font-size: @font-size-base;
    margin: -50px 0 0 20px;
    padding: 0;
    @media (min-width: @grid-float-breakpoint) {
      margin-left: 80px;
    }
    a {
      color: @link-color;
      &:hover {
        color: @link-hover-color;
        text-decoration: underline;
      }
    }
  }
}

.meta {
  color: @gray-light;
  font-size: @font-size-small;
}

.page-header {
  border-bottom: 0;
  margin: 0;
  padding: 0;
}

.pf-example {
  font-size: @font-size-base;
  h3 {
    line-height: 1.1;
  }
}

pre.prettyprint {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
}

.reference-markup {
  margin-top: 20px;
}

#respond {
  margin: 0 0 15px 0;
  h3 {
    line-height: 1;
    margin: 0 0 10px;
  }
  textarea {
    margin-bottom: 10px;
    width: 100%;
  }
}

.section, .super-section {
  padding-top: 100px;
  position: relative;
  &:before {
    background: #f0f0f0;
    content: '';
    height: 1px;
    position: absolute;
    top: 50px;
    width: 100%;
  }
  > *:first-child {
    margin-top: 0;
  }
  h3 + p {
    margin-bottom: 20px;
    margin-top: -8px;
  }
  .pagination, .pager {
    margin: 0;
  }
}

.super-section:before {
  background: #dfdfdf;
}

.sidebar {
  .menu {
    background: #fff;
    line-height: 20px;
    padding: 17px 0 18px;
    margin: 25px 0 0;
    width: 212px;
    .page & {
      border-bottom: 1px solid #dfdfdf;
      border-top: 1px solid #dfdfdf;
    }
    &.affix-bottom {
      position: absolute;
    }
    .current-menu-item > a, .current-menu-item > a:hover {
      color: #333;
    }
    > li {
      display: none;
      &.active > .sub-menu.nav > .active .sub-menu {
        display: block !important;
      }
      &.current-menu-item, &.current-menu-ancestor {
        display: block;
        > a {
          font-weight: 600
        }
      }
      > .sub-menu {
        .active, .current-menu-item {
          position: relative;
          &:after {
            content: @fa-var-angle-left;
            font-family: @icon-font-name-fa;
            height: 0;
            position: absolute;
            left: 2px;
            top: 6px;
            width: 0;
          }
          > a {
            color: #333;
          }
        }
        > li  {
          > a {
            padding-left: 15px;
          }
          > .sub-menu {
            margin-bottom: 0;
            .active:after, .current-menu-item:after {
              left: 17px;
            }
            > li > a {
              padding-left: 30px;
            }
          }
        }
      }
    }
    li a {
      color: #666;
      display: block;
      margin: 0;
      padding: 5px 0;
      text-shadow: none;
      &:hover {
        background: none;
        color: #444;
        text-decoration: none;
        text-shadow: none;
      }
    }
  }
  ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
}

#sidebar2 .advanced_recent_posts_widget {
  .post-date {
    color: @gray-light;
    display: inline-block;
    float: right;
    font-size: @font-size-small;
    font-style: normal;
  }
  .post-entry {
    margin: 3px 0 0;
    padding: 0;
  }
  .post-title {
    font-size: @font-size-large;
    font-weight: 400;
  }
  ul li {
    border-bottom: 0;
    margin: 0 0 12px;
    padding: 0;
  }
}

strong {
  font-weight: 600;
}

th {
  font-weight: 600;
}

.updated {
  color: #999;
  font-size: 10px;
  margin-bottom: 20px;
  margin-top: -12px;
}

#widget-footer {
  color: #444;
  font-size: 10px;
  line-height: 15px;
  padding: 40px 0 18px;
  .home & {
    padding-top: 0;
  }
  hr {
    margin: 0 15px;
  }
  p {
    margin-bottom: 0;
  }
  .widget {
    padding-top: 30px;
    &#text-3 {
      padding-top: 0;
    }
    ul {
      list-style: none;
      margin: 0;
      padding: 0;
      li {
        float: left;
        + li {
          margin-left: 15px;
        }
      }
    }
  }
}

/* Responsive layouts */

@media (min-width: @grid-float-breakpoint) {
  .navbar.navbar-default {
    .navbar-collapse .navbar-form {
      margin-bottom: 24px;
      margin-top: 22px;
      padding-right: 0;
      &:before {
        top: 6px;
      }
      .form-control {
        background: transparent;
        color: transparent;
        display: inline-block;
        padding-right: 0;
        position: relative;
        width: 0;
        z-index: 30;
        &:focus {
          background: #545454;
          background: rgba(255,255,255,.25);
          color: #fff;
          .transition-duration(400ms);
          .transition-property(~'width, background, z-index');
          padding-right: 2px;
          width: 110px;
          z-index: auto;
        }
      }
    }
    .navbar-right {
      > li {
        > a {
          padding: 25px 8px 26px;
        }
        &.dropdown {
          > .dropdown-menu {
            border-top: 0;
            .current-menu-item, > .current-menu-parent {
              > a {
                &,
                &:hover,
                &:focus {
                  background-color: @dropdown-link-active-bg;
                  border-color: #0076b7;
                  color: @dropdown-link-focus-color;
                  .reset-filter();
                }
              }
            }
            li > a {
              &:hover {
                background-color: @dropdown-link-hover-bg ;
                border-color: #b3d3e7;
                }
              &:focus,
              &:active {
                background-color: @dropdown-link-focus-bg;
                border-color: #0076b7;
                color: @dropdown-link-focus-color;
                .reset-filter();
              }
            }
          }
        }
      }
      + .navbar-right {
        margin-right: 0;
      }
    }
  }
  .navbar-right > .dropdown > .dropdown-menu {
    right: auto;
    left: 0;
  }
}

@media (max-width: @grid-float-breakpoint-max) {
  body.home {
    background-position: 50% 46px;
  }
  header .navbar.navbar-default {
    .dropdown-submenu {
      > a {
        &:after {
          display: none;
        }
      }
      .dropdown-menu {
        display: block;
        > li > a {
          padding-left: 40px;
        }
      }
      &:hover > a {
        background: transparent;
        border-color: transparent;
      }
    }
    .navbar-right > li {
      &.current_page_ancestor.dropdown .dropdown-menu {
        background: #1f1f1f;
      }
      &.dropdown .dropdown-menu {
        padding-bottom: 0;
        padding-top: 0;
        .box-shadow(none);
        li {
          &.current-menu-item > a {
            background: #262626 !important;
            color: #fff !important;
          }
          > a {
            color: #eee !important;
            line-height: 20px;
            &:hover {
              border-color: transparent;
              color: #fff !important;
              text-shadow: none;
            }
          }
        }
      }
      > a {
        padding: 7px 15px;
      }
    }
  }
  .home .banner {
    padding: 44px 400px 0 0;
    .description {
      font-size: 15px;
      line-height: 23px;
      max-width: 300px;
      .pull-right {
        bottom: 1px;
        width: 400px;
      }
    }
    h1 {
      font-size: 20px;
    }
  }
  .sidebar .menu {
    width: 157px;
  }
}

@media (min-width: @screen-lg) {
  .home .banner {
    padding: 80px 600px 0 0;
    .description {
      max-width: 540px;
      .pull-right {
        width: auto;
      }
    }
  }
  .navbar.navbar-default {
    .navbar-right > li > a {
      padding-left: 15px;
      padding-right: 15px;
    }
    .navbar-collapse .navbar-form .form-control:focus {
      width: 180px;
    }
  }
  .sidebar .menu{
    width: 262px;
  }
}

@media (min-width: @screen-sm) {
  .home .banner + .row {
    > .col-md-4, > .col-md-8 {
      padding-bottom: 30px;
      padding-top: 50px
    }
    > .col-md-4 {
        padding-left: 35px;
        padding-right: 20px;
    }
    > .col-md-8 {
      border-right: 1px solid #d5d5d5;
      padding-right: 35px;
    }
  }
  #widget-footer .widget ul {
    float: right;
  }
}

@media (max-width: 600px) {
  header + .container {
    padding-top: 0;
  }
  .navbar-fixed-top {
    position: static;
  }
}

@media (max-width: @screen-xs-max) {
  body.home {
    background: none;
  }
  .home .banner {
    background: url(/wp-content/uploads/2014/01/bg-banner.jpg) no-repeat 50% -1px;
    background-size: auto 100%;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    h1 {
      font-size: 22px;
    }
    .description {
      font-size: 15px;
      line-height: 23px;
      max-width: none;
    }
    .pull-right {
      display: none;
    }
  }
  .sidebar .menu {
    &.affix, &.affix-bottom {
      position: static;
      width: auto;
    }
  }
  #widget-footer {
    .widget + .widget {
      float: none;
    }
  }
}


use preset font-size

use preset font-size

/**
 *    Copyright 2015-2017 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/>.
 */

.store-slider {
  &__bigtext { // stupid name
    font-size: @font-size--large;
    font-weight: 600;
  }

  &__callout {
    position: absolute;
    background-color: #333;
    color: #fff;
    font-size: @font-size--normal;
    text-align: center;
    border-radius: 10px;
    padding: 6px;
    width: @slider-callout--width;
    left: 5px;
    transform: translateX(-50%);
    bottom: calc(100% ~'+' @slider-callout--arrow-height + @slider-callout--arrow-gap);

    &:after, &:before {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      transform: scaleX(0.5);
    }

    &:after {
      border-top-color: #333;
      border-width: @slider-callout--arrow-height;
      margin-left: -@slider-callout--arrow-height;
    }
  }

  &__preset {
    background-color: #666;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    margin: 4px;
    height: 20px;
    width: 32px;
    line-height: 19px;
    text-align: center;
    border-radius: 10px;

    .store-supporter-tag--disabled & {
      background-color: #999;
      pointer-events: none;
      cursor: default;
    }

    &.js-slider-preset--active {
      background-color: @pink-darker;
      .store-supporter-tag--disabled & {
        background-color: #999;
      }
    }
  }

  &__subtext { // stupid name
    margin-top: 2px;
    color: #999;
  }

  .ui-slider {
    background-color: darkgray;
    .ui-slider-range {
      background-color: @pink-darker;
    }
  }
}

/**
 *    Copyright 2015-2017 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/>.
 */

.store-slider {
  &__bigtext { // stupid name
    font-size: 18px;
    font-weight: 600;
  }

  &__callout {
    position: absolute;
    background-color: #333;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border-radius: 10px;
    padding: 6px;
    width: @slider-callout--width;
    left: 5px;
    transform: translateX(-50%);
    bottom: calc(100% ~'+' @slider-callout--arrow-height + @slider-callout--arrow-gap);

    &:after, &:before {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      transform: scaleX(0.5);
    }

    &:after {
      border-top-color: #333;
      border-width: @slider-callout--arrow-height;
      margin-left: -@slider-callout--arrow-height;
    }
  }

  &__preset {
    background-color: #666;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    margin: 4px;
    height: 20px;
    width: 32px;
    line-height: 19px;
    text-align: center;
    border-radius: 10px;

    .store-supporter-tag--disabled & {
      background-color: #999;
      pointer-events: none;
      cursor: default;
    }

    &.js-slider-preset--active {
      background-color: @pink-darker;
      .store-supporter-tag--disabled & {
        background-color: #999;
      }
    }
  }

  &__subtext { // stupid name
    margin-top: 2px;
    color: #999;
  }

  .ui-slider {
    background-color: darkgray;
    .ui-slider-range {
      background-color: @pink-darker;
    }
  }
}


Update wiki-content.less

Update wiki-content.less

/**
 *    Copyright 2015-2017 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/>.
 */

.wiki-content {
  .content-font();
  color: inherit;
  padding: 10px 20px 0;
  font-size: @font-size--wiki;
  word-wrap: break-word;

  &__header {
    font-family: @font-family-sans-serif;
    font-weight: bold;
    font-style: normal;
    color: @pink-light;

    &:first-child {
      margin-top: 0;
    }

    &--2 {
      font-size: @font-size--header-wiki-2;
      margin: 50px -20px 10px;
      color: #fff;
    }

    &--3 {
      font-size: @font-size--header-wiki-3;
      margin: 30px -20px 10px;
    }

    &--4 {
      font-size: @font-size--header-wiki-4;
      margin: 30px -10px 10px;
      font-style: italic;
    }

    &--5 {
      font-size: @font-size--header-wiki-5;
      font-weight: normal;
      font-style: italic;
      margin-top: 20px;
    }

    &--6 {
      font-size: @font-size--header-wiki-6;
      font-weight: normal;
      font-style: italic;
      margin-top: 20px;
    }
  }

  &__image {
    max-width: 100%;
  }

  &__link {
    .link-yellow();
  }

  &__list {
    padding-left: 20px;
  }

  &__list-item {
    margin: 5px 0;

    &--deep {
      color: #ccc;
    }
  }

  &__paragraph {
    margin-bottom: 1em;
  }

  &__table {
    font-family: @font-family-sans-serif;
    margin-bottom: 20px;
  }

  &__table-data {
    border-top: 1px solid fade(@yellow, 50%);
    padding: 5px;

    &--header {
      border-top: none;
      border-bottom: 2px solid @yellow;
      font-weight: bold;
    }
  }

  code {
    padding: 1px 4px;
    border-radius: 4px;
    background-color: #222;
    color: #66ccff;
    border: 1px solid #111;
  }

  pre {
    background-color: #222;
    border: 0px #222;
    border-radius:0px;

    code {
      border: 0px;
    }
  }
}

/**
 *    Copyright 2015-2017 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/>.
 */

.wiki-content {
  .content-font();
  color: inherit;
  padding: 10px 20px 0;
  font-size: @font-size--wiki;
  word-wrap: break-word;

  &__header {
    font-family: @font-family-sans-serif;
    font-weight: bold;
    font-style: normal;
    color: @pink-light;

    &:first-child {
      margin-top: 0;
    }

    &--2 {
      font-size: @font-size--header-wiki-2;
      margin: 50px -20px 10px;
      color: #fff;
    }

    &--3 {
      font-size: @font-size--header-wiki-3;
      margin: 30px -20px 10px;
    }

    &--4 {
      font-size: @font-size--header-wiki-4;
      margin: 30px -10px 10px;
      font-style: italic;
    }

    &--5 {
      font-size: @font-size--header-wiki-5;
      font-weight: normal;
      font-style: italic;
      margin-top: 20px;
    }

    &--6 {
      font-size: @font-size--header-wiki-6;
      font-weight: normal;
      font-style: italic;
      margin-top: 20px;
    }
  }

  &__image {
    max-width: 100%;
  }

  &__link {
    .link-yellow();
  }

  &__list {
    padding-left: 20px;
  }

  &__list-item {
    margin: 5px 0;

    &--deep {
      color: #ccc;
    }
  }

  &__paragraph {
    margin-bottom: 1em;
  }

  &__table {
    font-family: @font-family-sans-serif;
    margin-bottom: 20px;
  }

  &__table-data {
    border-top: 1px solid fade(@yellow, 50%);
    padding: 5px;

    &--header {
      border-top: none;
      border-bottom: 2px solid @yellow;
      font-weight: bold;
    }
  }

  code {
    padding: 1px 4px;
    border-radius: 4px;
    background-color: #222222;
    color: #66ccff;
    border: 1px solid #111111;
  }

  pre {
    background-color: #222222;
    border: 0px #222222;
    border-radius:0px;

    code {
      border: 0px;
    }
  }
}


Revert "Remove ui-colors"

Revert "Remove ui-colors"

This reverts commit 45179d44be9d69923a0afaac5470b5399079b071.

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


#33 GUI: styling

#33 GUI: styling

@import 'main.less';

.ot-event {
  border-bottom: solid 1px @table-border-color;
  margin-bottom: 0.5em;
  .ot-event-value {
    font-style: italic;
  }
  .ot-event-signature {
    display: block;
    font-style: italic;
    color: @text-muted;
  }
}

error: pathspec 'ontrack-web/src/less/component-events.less' did not match any file(s) known to git


remove extra spacing where rule used to be

fatal: unable to access 'https://github.com/fassake/bdd-security.git/': The requested URL returned error: 403


fix submenu z-index

fix submenu z-index

@menu-prefix-cls: ~"@{css-prefix}menu";

// default theme
.@{menu-prefix-cls} {
  outline: none;
  margin-bottom: 0;
  padding-left: 0; // Override default ul/ol
  list-style: none;
  z-index: @zindex-dropdown;
  box-shadow: @box-shadow-base;
  color: @text-color;
  background: #fff;
  line-height: 46px;

  &-hidden {
    display: none;
  }

  &-item-group-list {
    margin: 0;
    padding: 0;
  }

  &-item-group-title {
    color: #999;
    font-size: 12px;
    line-height: 1.5;
    padding: 8px 16px;
  }

  &-item,
  &-submenu,
  &-submenu-title {
    cursor: pointer;
    transition: all 0.3s ease;
  }

  &-submenu &-sub {
    cursor: initial;
  }

  &-item > a {
    display: block;
    color: @text-color;
    &:hover {
      color: @text-color;
    }
  }

  &-item-active,
  &-submenu-active,
  &-submenu-title:hover {
    transform: translateZ(0);
    background-color: tint(@primary-color, 90%);
  }

  &-horizontal &-item,
  &-horizontal &-submenu {
    margin-top: -1px;
  }

  &-horizontal > &-item-active,
  &-horizontal > &-submenu &-submenu-title:hover {
    background-color: transparent;
    transform: translateZ(0);
  }

  &-item-selected {
    color: @primary-color;
    // fix chrome render bug
    transform: translateZ(0);
    > a,
    > a:hover {
      color: @primary-color;
    }
  }

  &-inline,
  &-vertical {
    border-right: 1px solid @border-color-split;
    .@{menu-prefix-cls}-item {
      border-right: 1px solid @border-color-split;
      margin-left: -1px;
      left: 1px;
      position: relative;
      z-index: 1;
    }
  }

  &-inline {
    .@{menu-prefix-cls}-selected,
    .@{menu-prefix-cls}-item-selected {
      border-right: 2px solid @primary-color;
      transform: translateZ(0);
    }
  }

  &-submenu-horizontal > & {
    top: 100%;
    left: 0;
    position: absolute;
    min-width: 100%;
    margin-top: 7px;
    z-index: @zindex-dropdown;
  }

  &-submenu-vertical > & {
    top: 0;
    left: 100%;
    position: absolute;
    min-width: 160px;
    margin-left: 4px;
    z-index: @zindex-dropdown;
  }

  &-item,
  &-submenu-title {
    margin: 0;
    position: relative;
    display: block;
    white-space: nowrap;

    // Disabled state sets text to gray and nukes hover/tab effects
    &.@{menu-prefix-cls}-item-disabled,
    &.@{menu-prefix-cls}-submenu-disabled {
      color: #999 !important;
      cursor: not-allowed;
      > a {
        color: #999 !important;
        pointer-events: none;
      }
    }
  }

  & > &-item-divider {
    height: 1px;
    margin: 1px 0;
    overflow: hidden;
    padding: 0;
    line-height: 0;
    background-color: #e5e5e5;
  }

  &-submenu {
    position: relative;

    > .@{menu-prefix-cls} {
      background-color: #fff;
      border-radius: 4px;
    }

    &-vertical > .@{menu-prefix-cls}-submenu-title:after {
      font-family: "anticon" !important;
      font-style: normal;
      vertical-align: baseline;
      text-align: center;
      text-transform: none;
      text-rendering: auto;
      position: absolute;
      transition: transform .3s ease;
      content: "\e603";
      right: 16px;
      .ie-rotate(3);
      transform: rotate(270deg) scale(0.75);
    }

    &-inline > .@{menu-prefix-cls}-submenu-title:after {
      font-family: "anticon" !important;
      font-style: normal;
      vertical-align: baseline;
      text-align: center;
      text-transform: none;
      text-rendering: auto;
      position: absolute;
      transition: transform .3s ease;
      content: "\e603";
      right: 16px;
      top: 0;
      .iconfont-size-under-12px(8px);
    }

    &-open {
      &.@{menu-prefix-cls}-submenu-inline > .@{menu-prefix-cls}-submenu-title:after {
        .ie-rotate(1);
        transform: rotate(180deg) scale(0.75);
      }
    }
  }

  &-item,
  &-submenu-title {
    .anticon {
      width: 14px;
      margin-right: 8px;
    }
  }

  &-horizontal {
    border: 0;
    border-bottom: 1px solid @border-color-split;
    box-shadow: none;
    z-index: 0;

    > .@{menu-prefix-cls}-item,
    > .@{menu-prefix-cls}-submenu {
      padding: 0 20px;
      position: relative;
      top: 1px;
      float: left;
      border-bottom: 2px solid transparent;
      z-index: 1;

      &-active,
      &-selected {
        border-bottom: 2px solid @primary-color;
        color: @primary-color;
        transform: translateZ(0);
      }

      > a {
        display: block;
        color: @text-color;
        &:hover {
          color: @primary-color;
        }
        &:before,
        &:after {
          position: absolute;
          background-color: transparent;
          width: 20px;
          height: 100%;
          content: '';
        }
        &:before {
          left: 0;
        }
      }
    }

    &:after {
      content: "\20";
      display: block;
      height: 0;
      clear: both;
    }
  }

  &-vertical,
  &-inline,
  &-item-group-list {
    & > .@{menu-prefix-cls}-item,
    & > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
      padding: 0px 16px 0 28px;
      font-size: 12px;
      line-height: 42px;
      height: 42px;
    }
  }

  &-vertical&-sub {
    padding: 0;
    transform-origin: 0 0;
    & > .@{menu-prefix-cls}-item,
    & > .@{menu-prefix-cls}-submenu {
      transform-origin: 0 0;
    }
  }

  &-root&-vertical,
  &-root&-inline {
    box-shadow: none;
  }

  &-sub&-inline {
    padding: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    & > .@{menu-prefix-cls}-item,
    & > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
      line-height: 42px;
      height: 42px;
      list-style-type: disc;
      list-style-position: inside;
    }

    & .@{menu-prefix-cls}-item-group-title {
      padding-left: 32px;
    }
  }
}

// dark theme
.@{menu-prefix-cls} {
  &-dark,
  &-dark &-sub {
    color: #999;
    background: #404040;
  }

  &-dark &-inline&-sub {
    background: #333;
  }

  &-dark&-horizontal {
    border-bottom-color: #404040;
  }

  &-dark&-horizontal > &-item,
  &-dark&-horizontal > &-submenu {
    border-color: #404040;
    border-bottom: 0;
    top: 0;
  }

  &-dark&-horizontal > &-item-active,
  &-dark&-horizontal > &-item-selected,
  &-dark&-horizontal > &-submenu:hover,
  &-dark&-horizontal > &-submenu &-submenu-title:hover {
    &,
    & > a {
      color: #fff;
      transform: translateZ(0);
    }
  }

  &-dark &-item > a {
    color: #999;
    &:hover {
      color: #fff;
    }
  }

  &-dark&-inline,
  &-dark&-vertical {
    border-right: 0;
  }

  &-dark&-inline &-item,
  &-dark&-vertical &-item {
    border-right: 0;
    margin-left: 0;
    left: 0;
  }

  &-dark&-inline &-item-selected {
    border-right: 0;
    background-color: @primary-color;
    color: #fff;
    transform: translateZ(0);
    > a,
    > a:hover {
      color: #fff;
    }
  }

  &-dark &-item-active,
  &-dark &-submenu-active,
  &-dark &-submenu-title:hover {
    background-color: transparent;
    color: @primary-color;
    transform: translateZ(0);
  }
}

@menu-prefix-cls: ~"@{css-prefix}menu";

// default theme
.@{menu-prefix-cls} {
  outline: none;
  margin-bottom: 0;
  padding-left: 0; // Override default ul/ol
  list-style: none;
  z-index: @zindex-dropdown;
  box-shadow: @box-shadow-base;
  color: @text-color;
  background: #fff;
  line-height: 46px;

  &-hidden {
    display: none;
  }

  &-item-group-list {
    margin: 0;
    padding: 0;
  }

  &-item-group-title {
    color: #999;
    font-size: 12px;
    line-height: 1.5;
    padding: 8px 16px;
  }

  &-item,
  &-submenu,
  &-submenu-title {
    cursor: pointer;
    transition: all 0.3s ease;
  }

  &-submenu &-sub {
    cursor: initial;
  }

  &-item > a {
    display: block;
    color: @text-color;
    &:hover {
      color: @text-color;
    }
  }

  &-item-active,
  &-submenu-active,
  &-submenu-title:hover {
    transform: translateZ(0);
    background-color: tint(@primary-color, 90%);
  }

  &-horizontal &-item,
  &-horizontal &-submenu {
    margin-top: -1px;
  }

  &-horizontal > &-item-active,
  &-horizontal > &-submenu &-submenu-title:hover {
    background-color: transparent;
    transform: translateZ(0);
  }

  &-item-selected {
    color: @primary-color;
    // fix chrome render bug
    transform: translateZ(0);
    > a,
    > a:hover {
      color: @primary-color;
    }
  }

  &-inline,
  &-vertical {
    border-right: 1px solid @border-color-split;
    .@{menu-prefix-cls}-item {
      border-right: 1px solid @border-color-split;
      margin-left: -1px;
      left: 1px;
      position: relative;
      z-index: 1;
    }
  }

  &-inline {
    .@{menu-prefix-cls}-selected,
    .@{menu-prefix-cls}-item-selected {
      border-right: 2px solid @primary-color;
      transform: translateZ(0);
    }
  }

  &-submenu-horizontal > & {
    top: 100%;
    left: 0;
    position: absolute;
    min-width: 100%;
    margin-top: 7px;
    z-index: @zindex-dropdown;
  }

  &-submenu-vertical > & {
    top: 0;
    left: 100%;
    position: absolute;
    min-width: 160px;
    margin-left: 4px;
    z-index: @zindex-dropdown;
  }

  &-item,
  &-submenu-title {
    margin: 0;
    position: relative;
    display: block;
    white-space: nowrap;

    // Disabled state sets text to gray and nukes hover/tab effects
    &.@{menu-prefix-cls}-item-disabled,
    &.@{menu-prefix-cls}-submenu-disabled {
      color: #999 !important;
      cursor: not-allowed;
      > a {
        color: #999 !important;
        pointer-events: none;
      }
    }
  }

  & > &-item-divider {
    height: 1px;
    margin: 1px 0;
    overflow: hidden;
    padding: 0;
    line-height: 0;
    background-color: #e5e5e5;
  }

  &-submenu {
    position: relative;
    z-index: 1;

    > .@{menu-prefix-cls} {
      background-color: #fff;
      border-radius: 4px;
    }

    &-vertical > .@{menu-prefix-cls}-submenu-title:after {
      font-family: "anticon" !important;
      font-style: normal;
      vertical-align: baseline;
      text-align: center;
      text-transform: none;
      text-rendering: auto;
      position: absolute;
      transition: transform .3s ease;
      content: "\e603";
      right: 16px;
      .ie-rotate(3);
      transform: rotate(270deg) scale(0.75);
    }

    &-inline > .@{menu-prefix-cls}-submenu-title:after {
      font-family: "anticon" !important;
      font-style: normal;
      vertical-align: baseline;
      text-align: center;
      text-transform: none;
      text-rendering: auto;
      position: absolute;
      transition: transform .3s ease;
      content: "\e603";
      right: 16px;
      top: 0;
      .iconfont-size-under-12px(8px);
    }

    &-open {
      &.@{menu-prefix-cls}-submenu-inline > .@{menu-prefix-cls}-submenu-title:after {
        .ie-rotate(1);
        transform: rotate(180deg) scale(0.75);
      }
    }
  }

  &-item,
  &-submenu-title {
    .anticon {
      width: 14px;
      margin-right: 8px;
    }
  }

  &-horizontal {
    border: 0;
    border-bottom: 1px solid @border-color-split;
    box-shadow: none;
    z-index: 0;

    > .@{menu-prefix-cls}-item,
    > .@{menu-prefix-cls}-submenu {
      padding: 0 20px;
      position: relative;
      top: 1px;
      float: left;
      border-bottom: 2px solid transparent;
      z-index: 1;

      &-active,
      &-selected {
        border-bottom: 2px solid @primary-color;
        color: @primary-color;
        transform: translateZ(0);
      }

      > a {
        display: block;
        color: @text-color;
        &:hover {
          color: @primary-color;
        }
        &:before,
        &:after {
          position: absolute;
          background-color: transparent;
          width: 20px;
          height: 100%;
          content: '';
        }
        &:before {
          left: 0;
        }
      }
    }

    &:after {
      content: "\20";
      display: block;
      height: 0;
      clear: both;
    }
  }

  &-vertical,
  &-inline,
  &-item-group-list {
    & > .@{menu-prefix-cls}-item,
    & > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
      padding: 0px 16px 0 28px;
      font-size: 12px;
      line-height: 42px;
      height: 42px;
    }
  }

  &-vertical&-sub {
    padding: 0;
    transform-origin: 0 0;
    & > .@{menu-prefix-cls}-item,
    & > .@{menu-prefix-cls}-submenu {
      transform-origin: 0 0;
    }
  }

  &-root&-vertical,
  &-root&-inline {
    box-shadow: none;
  }

  &-sub&-inline {
    padding: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    & > .@{menu-prefix-cls}-item,
    & > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
      line-height: 42px;
      height: 42px;
      list-style-type: disc;
      list-style-position: inside;
    }

    & .@{menu-prefix-cls}-item-group-title {
      padding-left: 32px;
    }
  }
}

// dark theme
.@{menu-prefix-cls} {
  &-dark,
  &-dark &-sub {
    color: #999;
    background: #404040;
  }

  &-dark &-inline&-sub {
    background: #333;
  }

  &-dark&-horizontal {
    border-bottom-color: #404040;
  }

  &-dark&-horizontal > &-item,
  &-dark&-horizontal > &-submenu {
    border-color: #404040;
    border-bottom: 0;
    top: 0;
  }

  &-dark&-horizontal > &-item-active,
  &-dark&-horizontal > &-item-selected,
  &-dark&-horizontal > &-submenu:hover,
  &-dark&-horizontal > &-submenu &-submenu-title:hover {
    &,
    & > a {
      color: #fff;
      transform: translateZ(0);
    }
  }

  &-dark &-item > a {
    color: #999;
    &:hover {
      color: #fff;
    }
  }

  &-dark&-inline,
  &-dark&-vertical {
    border-right: 0;
  }

  &-dark&-inline &-item,
  &-dark&-vertical &-item {
    border-right: 0;
    margin-left: 0;
    left: 0;
  }

  &-dark&-inline &-item-selected {
    border-right: 0;
    background-color: @primary-color;
    color: #fff;
    transform: translateZ(0);
    > a,
    > a:hover {
      color: #fff;
    }
  }

  &-dark &-item-active,
  &-dark &-submenu-active,
  &-dark &-submenu-title:hover {
    background-color: transparent;
    color: @primary-color;
    transform: translateZ(0);
  }
}


Change brand colour to be the right colour

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


update

update

change 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/vjtrost88/vjtrost88.github.io.git/'


Delete variables.less

Delete variables.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/sxu2583/Shihab-Portfolio.git/'


GHI-#33 Implement Elixir styles

GHI-#33 Implement Elixir styles

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
title      Language Elixir                                         +
project    nord-atom-syntax                                    +
repository https://github.com/arcticicestudio/nord-atom-syntax +
author     Arctic Ice Studio                                   +
email      development@arcticicestudio.com                     +
copyright  Copyright (C) 2016                                  +
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

[Language Packages]
  > language-elixir (https://atom.io/packages/language-elixir)

[References]
Elixir
  (http://elixir-lang.org)
*/
.source.elixir {
  .variable.other.readwrite {
    &.module {
      color: @syntax-color-annotation;
    }

    &.constant {
      color: @syntax-color-class;
    }
  }

  .punctuation.definition.variable {
    color: @syntax-color-annotation;
  }
}

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


* Less file for centreon style

* Less file for centreon style

@import "variables.less";

/* Variables for login panel */
@login-panel-radius: 0;
@login-panel-bgcolor: #fff;

/* Left bar */
@left-bar-width: 220px;

/* Login panel */
.login-box {
    margin-top: 200px;
}

.login-title {
    font-size: @font-size-h4;
}

.panel-login {
    margin-top: 30px;
    border-radius: @login-panel-radius;
}

.panel-login .panel-title {
    padding-bottom: 50px;
    border-bottom: 1px solid @panel-inner-border;
}

.panel-login input,
.panel-login span.input-group-addon {
    border-radius: 0;
}

.panel-login span.input-group-addon {
    background-color: @login-panel-bgcolor;
}

.panel-login .pane-footer {
    border: 0;
    background-color: @login-panel-bgcolor;
}

.panel-login .panel-footer .buttons {
    padding-top: 5px;
    height: 38px;
    border-top: 1px solid @panel-inner-border;
}

/* @TODO see if create variable */
.panel-login .btn-login {
    background-color: #3fb11e;
    border-color: #3d9623;
    color: #fff;
}

/* Topbar */
.topbar {
    margin-bottom: 0;
    position: relative;
}

/* Clock */
.time .clock {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
    display: block;
    color: @navbar-default-color;
    font-weight: bold;
}

.user .btn-group {
    padding: 3px 30px;
    padding-right: 0;
}

/* Buttons for theme */
.btn-light {
    color: #777;
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

.btn-dark {
    color: #999;
    background-color: #222;
    border-color: #080808;
}

.btn-dark:hover {
    color: #000;
}

/* Side left bar */
aside {
    display: block;
    width: @left-bar-width;
    overflow: hidden;
    background-color: @navbar-default-bg;
    border-color: @navbar-default-border;
}

#left-panel {
    position: absolute;
    left: 0;
    top: 51px;
    border-right-width: 1px;
    border-right-style: solid;
}

#left-panel .nav > li > a > span {
    margin-left: 5px;
}

#left-panel .nav > li > a {
    color: @navbar-default-link-color;
}

#left-panel .nav > li > a:hover {
    color: @navbar-default-link-hover-color;
}

.submenu {
    position: relative;
}

.submenu li {
    background-color: @nav-disabled-link-hover-color;
}

.submenu:before {
    content: "";
    display: block;
    width: 8px;
    left: 23px;
    top: 0;
    bottom: 0;
    border-left: 1px solid @navbar-default-color;
    position: absolute;
    z-index: 1;
}

.submenu li:before {
    content: "";
    display: block;
    width: 8px;
    left: 23px;
    top: 16px;
    border-top: 1px solid @navbar-default-color;
    position: absolute;
    z-index: 1;
}

.submenu li > a {
    padding: 8px 0;
    padding-left: 32px;
}

/* Menu environment */
.environment {
    font-size: 16px;
    height: 39px;
    line-height: 39px;
}

.environment span {
    display: block;
    height: 38px;
    padding: 0 10px;
    border-bottom: 1px solid @navbar-default-border;
}

.environment .fa-dashboard {
    font-size: 20px;
}

.environment .fa-chevron-right {
    font-size: 12px;
}

.environment .env-menu {
    padding-left: 10px;
    width: 100%;
}

#environment-menu {
    width: 100%;
    height: 150px;
    background-color: @navbar-default-bg;
    background-color: fadeout(@navbar-default-bg, 20%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}

#environment-menu li {
    color: #fff;
    width: 110px;
    height: 110px;
    margin: 20px 10px;
    border: 1px solid @gray-darker;
    cursor: pointer;
}

#environment-menu li.active {
    border: 1px solid @brand-primary;
}

#environment-menu li:first-child {
    margin-left: 20px;
}

#environment-menu li .icon {
    height: 80px;
    padding-left: 2px;
    margin-top: 10px;
    text-align: center;
}

#environment-menu li .icon i {
    font-size: 76px;
}

#environment-menu li .name {
    font-size: 14px;
    line-height: 18px;
    height: 18px;
    padding-left: 5px;
}

/* Content */
.content {
    display: block;
    margin: 0;
    margin-left: @left-bar-width;
    padding: 0;
}

/* Alert box */
.content .flash {
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

/* Bottombar */
.bottombar {
    margin-bottom: 0;
    min-height: 40px;
    height: 40px;
    overflow: hidden;
    transition: height 1s;
}

.bottombar a {
    color: @text-color;
    font: 14px;
}

.bottombar .footer {
    height: 40px;
}

.bottombar .footer div {
    color: @text-color;
    font: 14px;
}

.bottombar .footer div,
.bottombar .footer a {
    padding: 12px 15px;
    line-height: 16px;
}

.bottombar .footer-extended div:last-child {
    padding-bottom: 5px;
}

.bottombar .footer-extended ul {
    width: auto;
    min-width: 0;
    display: table;
}

.bottombar .footer-extended ul li + li:before {
    color: @text-color;
    font: 14px;
    content: "-";
    padding-right: 10px;
}

.bottombar .footer-extended .fa {
    font-size: 24px;
}

.bottombar .fa-twitter-square {
    color: #9ae4e8;
}

.bottombar .fa-google-plus-square {
    color: #d34836;
}

.bottombar .fa-facebook-square {
    color: #3b5998;
}

.content .first-content {
    margin-top: 10px;
}

/* Breadcrumb bar */
.breadcrumb-bar {
    font-size: 16px;
    height: 38px;
    background-color: @navbar-default-bg;
    border-bottom: 1px solid @navbar-default-border;
}

.breadcrumb {
    background-color: transparent;
}

/* Datatable */
.centreon_table {
    margin: 0 20px;
    padding-top: 20px;
    padding-bottom: 60px; /* For floating pagination */
}

.centreon_table table td {
    font-size: 12px;
}

.fakefield {
    display: none;
}

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