Revert "Fauxton: Fix scrollbar from sidebar on collapsed state in Chrome"

This reverts commit 99665a15ac3a1e56259eb7445b9b2e505ac361fc.

This caused the sidebar not to scroll if the window is not height
enough

/*  Licensed under the Apache License, Version 2.0 (the "License"); you may not
 *  use this file except in compliance with the License. You may obtain a copy of
 *  the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 *  WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 *  License for the specific language governing permissions and limitations under
 *  the License.
 */

/*!
 *
 * Fauxton less style files
 *
 */
@import "bootstrap/variables.less";
@import "variables.less";
@import "bootstrap/bootstrap.less";
@import "bootstrap/mixins.less";
@import "prettyprint.less";
@import "icons.less";

/**
 * HTML-wide overrides
 **/

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

body {
  font-size: 16px;
  line-height:1.3;
  padding-bottom: 0px;
  color: #333;
  padding-top: 90px;
  background-color: @sidebarBG;
}

h2,h3,h4 {font-weight: 600;}

a {
  .transition(all .25s linear);
}

a,
a:visited,
a:active {
  color: @linkColor;
}

a:hover {
  color: @red;
}

input[type=text],
input[type=password] {
  .border-radius(0);
  padding: 12px;
  border: 1px solid #ccc;
  height: auto;
  font-size: 16px;
  margin-top: 0;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1em 0;
}

/* bootstrap overrides */
.page-header {
  border-bottom: 1px solid #E3E3E3;
  margin-bottom: 10px;
  h3 {
    text-transform: capitalize;
    margin-bottom: 0;
  }
}

.nav-tabs > li {
  margin-right: 2px;
  > a {
    cursor: pointer;
    color: #333;
    border-color: #eeeeee #eeeeee #dddddd;
    text-decoration: none;
    background-color: #eeeeee;
    border-radius: 0;
    border-left: none;
    border-right: none;
    &:hover,
    &:focus {
      background-color: @linkRed;
      border-top: 1px solid @red;
      color: white;
    }
  }
}

.well {
  select {
    margin: 0;
  }
  .controls-group {
    &:first-child,
    &:last-child {
      margin-top: 24px;
    }
    margin-bottom: 8px;
  }
  .controls-row {
    margin-bottom: 8px;
  }
  .row-fluid {
    margin: 0;
  }
  .row-fluid .row-fluid:last-child .well-item {
    border: none;
  }
  .well-item {
    color: #666;
    font-size: 12px;
    border-bottom: 1px solid #e5e5e5;
    padding: 8px 4px;
    strong {
        font-size: 16px;
    }
  }
}

/*TABLE STYLES*/
table.table {
  table-layout: fixed;
}
table tr td{
  word-wrap: break-word;
  &.select {
    width: 20px;
  }
}
thead {
  border-bottom: 2px solid @redButton;
}
tbody {
  padding-top: 10px;
}
.table-condensed td {
  padding: 18px 5px;
}
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th
{
  background-color: #F7F7F7;
}

/*form elements and buttons*/
.btn-group {
  > .btn + .dropdown-toggle,
  > .btn:first-child,
  > .btn:last-child,
  > .dropdown-toggle {
    .border-radius(0);
    background-image: none;
    text-shadow: none;
  }
}

.btn {
  .box-shadow(none);
  .border-radius(@baseBorderRadius);
  background-image: none;
  text-shadow: none;
  background-repeat: no-repeat;
  padding: 10px;
  margin-top: 0px;
  .icon {
    margin-right: 0.2em;
  }
  &.btn-small {
    padding: 5px 10px;
    .icon {
      margin-right: 0;
      font-size: inherit;
    }
  }
  &.btn-mini {
    padding: 3px 8px;
    .icon {
      margin-right: 0;
      font-size: inherit;
    }
  }
}
.btn-primary {
  background: @redButton;
}

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

.form-actions {
  background: none;
  border: none;
}

.input-append,
.input-prepend {
  .add-on {
    font-size: 18px;
    padding: 14px 5px 30px;
  }
  .btn .icon {
    font-size: 21.5px;
    margin-right: 0;
  }
}

.row-fluid .input-append [class*="span"],
.input-prepend input[class*="span"] {
  width: auto;
}

.form-inline {
  input[type=password],
  input[type=text] {
    width: auto;
  }
}
.checkbox {
  label {
    display: inline-block;
    padding-left:25px;
  }
}

label {
  margin-right: 15px;
  padding-left:0;
  display: block;
  cursor: pointer;
  position: relative;
  font-size: 14px;
  &.inline {
    display: inline-block;
  }
}
.help-block {
  font-size: 12px;
}

a.help-link:hover {
  text-decoration: none;
}

input[type=text].error {
  border: red 1px solid;
}

/**
 * Fauxton-specific Bootstrap additions
 **/
table.databases {
  clear: both;
}
.nav-tabs > li > a .fonticon:before {
  margin-right: 6px;
  font-size: 16px;
}

/* application specific stuff */
#main > footer {
  .box-shadow(-7px 0 15px -6px #000);
  border-left: 1px solid #999;
  position: fixed;
  bottom: 0;
  font-size: 10px;
  margin-left: @navWidth;
  padding: 5px 10px;
  background-color: #F2F2F2;
  width: 100%;
  .closeMenu & {
    margin-left: @collapsedNavWidth;
  }
}

/* ajax loader */
.loader {
  background: url('../img/loader.gif') center center no-repeat;
  min-height:  100px;
}
#app-container.loader{
  min-height: 400px;
  > *{
    display: none;
  }
}

#global-notifications {
  position: fixed;
  top: 0px;
  display: block;
  z-index: 100000;
  left: @navWidth;
  .closeMenu & {
    left: @collapsedNavWidth;
  }
  width: 100%;
}

#app-container{
  padding: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  > .row-fluid {
    height: 100%;
  }
}

/* Fixed side navigation */
#primary-navbar {
  height: 100%;
  position: fixed;
  width: @navWidth;
  top: 0;
  bottom: 0;
  background-color: @primaryNav;
  overflow-y: scroll;
  .js-version {
    color: #fff;
    font-size: 10px;
    padding-left: 10px;
  }
  .closeMenu & {
    .js-version {
      display: none;
    }
  }
  #footer-links{
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  #user-create-admin{
    font-size: 12px
  }
  .navbar {
     .burger{
        .transition(all @transitionSpeed @transitionEaseType);
        padding: 22px 0 0 18px;
        position: fixed;
        top: 0;
        background-color: @primaryNav;
        width: @navWidth;
        div{
          .transition(all @transitionSpeed @transitionEaseType);
          height: 4px;
          width: 24px;
          .border-radius(2);
          background-color: @navBG;
          margin: 2px 0px;
        }
        &:hover div{
          background-color: @orange;
        }
      }
      .bottom-container {
	     height: 110px;
	     position: fixed;
	     bottom: 0;
	     width: 220px;
	     background: #3a2c2b;
       .brand {
         .box-sizing(content-box);
         .hide-text;
         .customTransition(left, 1s, 0.805, 0.005, 0.165, 0.985);
         margin: 10px 0 0 0;
         width: 200px;
         height: 40px;
         padding: 10px;
         float: none;
         background: #3a2c2b;
         .icon {
           .box-sizing(content-box);
           background: url(../img/couchdb-site.png) no-repeat 0 0;
           display: block;
           height: 100%;
           width: 100%;
         }
         .closeMenu & {
           .icon {
              background: url(../img/minilogo.png) no-repeat 0 0;
            }
            width: 45px;
          }
       }
       #footer-nav-links {
	     li {
		   a {
		     font-size: 12px;
		     color: @red;
		     padding: 12px;
		     text-shadow: none;
		   }
		   &.active, &:hover{
             a {
               text-decoration: underline;
             }
           }
		 }
       }
    }
    nav {
      margin-top: 64px;
      .nav{
        margin: 0;
        li{
          .transition(all @transitionSpeed @transitionEaseType);
          padding: 0;
          font-size: 16px;
          letter-spacing: 1px;
          line-height: 23px;
          width: @navWidth;
          font-weight: normal;
          font-family: helvetica;
          .box-sizing(border-box);
          background-color: @navBG;
          border-bottom:  1px solid @primaryNav;
          min-height: 48px;
          &.active, &:hover{
            a{
              .box-shadow(none);
            }
            background-color: @red;
          }
          &:hover .fonticon:before{
            color: @white;
          }
          &.active .fonticon:before,
          &:hover .fonticon:before,
          {
            text-shadow: @boxShadow;
            color: @NavIconActive;
          }
          a{
            padding: 12px 25px 12px 60px;
            background-color: transparent;
            color: #fff;
            text-shadow: @textShadowOff;
            &.closeMenu{
              color: transparent;
            }
            .fonticon {
              position: relative;
              &:before {
                position: absolute;
                top: -5px;
                left: -41px;
                font-size: 24px;
                color: @NavIcon;
                text-shadow: @boxShadowOff;
              }
            }
            .closeMenu &{
              color: transparent;
            }
          }
        }
      }
      ul#footer-nav-links{
        li{
          background-color: @primaryNav;
          border-top: 1px solid @red;
          border-bottom: none;
          font-size: 12px;
          padding: 12px;
          min-height: 44px;
          &.active, &:hover{
            background-color: @linkRed;
            border-top: 1px solid @red;
            a{
              color: white;
            }
          }
          a{
            color: @red;
          }
        }

      }
      ul#bottom-nav-links{
        margin-top: 0;
        padding-bottom: 70px;
        li{
          min-height: 55px;
          background-color: @bottomNav;
          &.active{
            background-color:@linkRed;
          }
          &:hover{
            background-color: @navBGHover;
          }
          a{
            &.fonticon {
              position: relative;
              &:before {
                top: -5px;
                left: -40px;
                font-size: 22px;
              }
            }
          }
        }
      }
    }
  }
}

#dashboard {
  .box-shadow(-6px 0 rgba(0, 0, 0, 0.1));
  border-left: 1px solid #999;
  position: absolute;
  left: @navWidth;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  background-color: @sidebarBG;
  min-width: 600px;
  height: 100%;
  .closeMenu &{
    left: @collapsedNavWidth;
  }
  &.one-pane{
    min-width: 800px;
    margin-top: 0;
    overflow-x: hidden;
  }
}

/*dashboard content can be in multiple templates*/

#dashboard-content{
  &.row-fluid,
  &.window-resizeable{
    /*remove gutter without rewriting variable*/
    margin-left: 0px;
  }
  padding: 20px;
  .with-sidebar &{
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    width: auto;
    .box-shadow(-6px 0 rgba(0, 0, 0, 0.1));
    padding: 0px;
    bottom: 0px;
    top: 60px;
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
    left: @sidebarWidth+@navWidth;
    right: 0;
    .box-sizing(border-box);
    .closeMenu & {
      left: @sidebarWidth+@collapsedNavWidth;
    }
  }
  > div.inner {
    display: block;
  }
}

.with-sidebar.content-area {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

// .closeMenu .with-sidebar.content-area {
//   left: 0;
// }
/*tools*/

.row-fluid.content-area{
  background-color: @background;
}

.fixed-header{
  background-color: @breadcrumbBG;
  position: fixed;
  top: 0;
  right: 0;
  left: @navWidth;
  .closeMenu & {
    left: @collapsedNavWidth;
  }
  border-bottom: 5px solid @breadcrumbBorder;
  .box-shadow(0 4px 6px -2px #808080);
  z-index: 100;
  .one-pane & {
    position: relative;
    border: none;
    .box-shadow(none);
    left: auto;
  }
}

#breadcrumbs {
   .breadcrumb {
    margin: 15px 20px;
    margin-bottom: 0;
    background-color: transparent;
    padding: 0;
    li {
      .divider {
        font-size: 12px;
        color: @breadcrumbArrow;
      }
      &:first-child {
        font-size: 30px;
      }
      color: @breadcrumbText;
      font-size: 18px;
      text-shadow: none;
      &.active{
        color: #333;
      }
      a{
        color: @breadcrumbText;
      }
    }
   }
}

/*SIDEBAR TEMPLATE STYLES*/
.topmenu-defaults {
  height: 70px;
  padding: 12px 10px 0;
  .box-sizing(border-box);
}

.dashboard-upper-menu{
  right: 0;
  left: @sidebarWidth+@navWidth;
  position: fixed;
  z-index: 11;
  display: block;
  .topmenu-defaults;
  background-color: #CBCBCB;
  .closeMenu & {
    left: @sidebarWidth+@collapsedNavWidth;
  }
}

#dashboard-lower-content{
  padding: 20px;
  background-color: #F1F1F1;
}

#dashboard-upper-content{
  .tab-content {
    padding-top: 70px;
  }
  .well{
    padding: 20px;
    .border-radius(0);
    .box-shadow(none);
  }
}

.sidenav {
  padding: 0;
  header {
    width: @sidebarWidth;
    border-bottom: 1px solid #d3d7db;
  }
  .nav-list{
    .divider {
      border: none;
    }
    > li > a:hover,
    > li > a:focus{
      background-color: @darkRed;
      color: #fff;
    }
    li.active > a {
      color: @darkRed;
    }
    > li > a{
      color: @linkRed;
      padding: 10px 13px 10px 24px;
      border-bottom: 1px solid #d3d7db;
      span{
        margin-right: 8px;
        width: 14px;
        display: inline-block;
        text-align: center;
      }
    }
    a{
      display: block;
      padding: 10px 5px 5px 15px;
      color: @subListGray;
      .divider {
        background: none;
        color: #ccc;
        padding: 0 2px;
      }
    }
    .nav-header{
      padding: 0px;
      text-shadow: none;
      color: #333333;
      & > span:hover {
        color: @red;
      }
    }
  }
}

#sidebar-content {
  position: absolute;
  top: 60px;
  width: @sidebarWidth;
  left: 0;
  background-color: @secondarySidebar;
  > div.inner {
    display: block;
  }
}

/*ONE PANEL TEMPLATE ONLY STYLES  AKA _all_dbs */

.result-tools{
  border-bottom: 1px solid #999999;
  padding: 5px 0;
  border-bottom: 1px solid #999999;
  padding: 10px 0;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

#db-views-tabs-nav{
  position: fixed;
  z-index: 12;
  margin-top: 19px;
  margin-bottom: 0;
  /*background-color: #f4f4f4;*/
  padding: 0 20px;
}

.db-views-smaller {
  max-width: 500px;
}

/** table row selector thing **/
.select{
  > a{
    display: block;
    padding: 5px 15px 5px 5px;
    border: 1px solid #989898;
    position: relative;
    background-color: #FFFFFF;
    color: #666666;
    &:after {
      content: '';
      width: 0;
      height: 0;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 7px solid #989898;
      position: absolute;
      right: 9px;
      top: 12px;
    }
    &:before{
      content: '';
      border-left:  1px solid #989898;
      height: 30px;
      position: absolute;
      right: 30px;
      top: 0;
    }
  }
}

.custom-inputs{

  input[type=radio],
  input[type=checkbox] {
    display: none;
  }

  .checkbox label:before {
    border-radius: 3px;
  }

  .controls > .radio:first-child, .controls > .checkbox:first-child {
    padding-top: 15px;
  }

  .radio.inline, .checkbox.inline {
    display: inline-block;
    padding-top: 15px;
    margin-bottom: 12px;
    vertical-align: middle;
  }

  input[type=checkbox]:checked + label:before {
    /*content: "\2713"; */
    content: "\00d7";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 16px;
    background-color: @red;
    color: white;
    text-align: center;
    line-height: 15px;
  }

  label:before {
    content: "";
    display: inline-block;

    width: 16px;
    height: 16px;

    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #aaa;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
  }

  .radio label:before {
    border-radius: 8px;
  }

  input[type=radio]:checked + label:before {
    content: "\2022";
    color: #f3f3f3;
    font-size: 30px;
    text-align: center;
    line-height: 18px;
  }

  label.drop-down{
    &:before{
    display: none;
    }
  }
}

form.view-query-update, form.view-query-save {
  max-width: 100%;
}

/*documents and databases */
.view.show{
  color: @fontGrey;
}

div.spinner {
  position: absolute;
  left: 50%;
  top: 50%;
}

#api-navbar{
  position: relative;
  padding-right: 5px;
}

.api-url-btn {
  margin-top: 5px;
  margin-bottom: 5px;
  .icon {
    font-size: 11px;
  }
}

.api-navbar {
  .border-radius(5px);
  position: absolute;
  right: 5px;
  background-color: #333;
  padding: 5px 20px;
  .input-append.input-prepend {
    margin-bottom: 0px;
    .copying {
      background-color: #999;
      transition: background-color 5ms linear;
    }
    .add-on {
      background: none;
      padding: 0px;
      margin: 10px 0;
      border: none;
      display: block;
      text-align: left;
      color: #fff;
      text-shadow: none;
      height: auto;
    }
    .input-xxlarge {
      .border-radius(5px 0 0 5px);
      border: none;
      padding: 9px;
      -moz-transition: background-color 100ms linear;
      -webkit-transition: background-color 100ms linear;
      transition: background-color 100ms linear;
    }
    .btn{
      background-color: @red;
      color: #333;
      margin-left: -1px;
      padding: 10px 10px 8px;
      border: none;
      .border-radius(5px);
      &:hover{
        background-color: #cbcbcb;
      }
    }
    .copy-url {
      .border-radius(0 5px 5px 0);
    }
    .copying {
      background-color: #999;
    }
    .zeroclipboard-is-hover {
      background-color: #cbcbcb;
    }
    .icon {
      vertical-align: bottom;
      font-size: 17.5px;
    }
  }
}
.api-navbar:before {
  content: '';
  position: absolute;
  top: -25px;
  right: 30px;
  border-color: transparent transparent #333 transparent;
  border-style: solid;
  border-width: 15px;
  width: 0;
  height: 0;
}

.js-filter-form {
  .help-block {
    padding: 5px 0 5px 0;
  }
  .icon {
    font-size: 16px;
  }
}

.js-filter {
  ul {
    margin-left: 0px;
  }
  li {
    list-style-type: none;
  }
}

div.add-dropdown {
  position: absolute;
  top: 2px;
  right: 0px;
  .dropdown-menu{
    left: -110px;
    padding-bottom: 0;
    width: 148px;
    min-width: 0;
    top: 38px;
    .box-shadow(@boxShadow);
      &.arrow:before{
        right: 4px;
      }
      a {
        background-color: #202326;
        color: rgba(255, 255, 255, 0.8);
        &:hover{
          background-color: @red;
          color: white;
        }
      }
    li a {
      padding: 10px 15px 10px 12px;
    }
  }
  .dropdown-toggle{
    border-top: none !important;
    text-decoration: none;
  }
  > a {
    border-bottom: none;
    text-decoration: none;
    font-size: 16px;
  }
}

/*  Licensed under the Apache License, Version 2.0 (the "License"); you may not
 *  use this file except in compliance with the License. You may obtain a copy of
 *  the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 *  WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 *  License for the specific language governing permissions and limitations under
 *  the License.
 */

/*!
 *
 * Fauxton less style files
 *
 */
@import "bootstrap/variables.less";
@import "variables.less";
@import "bootstrap/bootstrap.less";
@import "bootstrap/mixins.less";
@import "prettyprint.less";
@import "icons.less";

/**
 * HTML-wide overrides
 **/

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

body {
  font-size: 16px;
  line-height:1.3;
  padding-bottom: 0px;
  color: #333;
  padding-top: 90px;
  background-color: @sidebarBG;
}

h2,h3,h4 {font-weight: 600;}

a {
  .transition(all .25s linear);
}

a,
a:visited,
a:active {
  color: @linkColor;
}

a:hover {
  color: @red;
}

input[type=text],
input[type=password] {
  .border-radius(0);
  padding: 12px;
  border: 1px solid #ccc;
  height: auto;
  font-size: 16px;
  margin-top: 0;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1em 0;
}

/* bootstrap overrides */
.page-header {
  border-bottom: 1px solid #E3E3E3;
  margin-bottom: 10px;
  h3 {
    text-transform: capitalize;
    margin-bottom: 0;
  }
}

.nav-tabs > li {
  margin-right: 2px;
  > a {
    cursor: pointer;
    color: #333;
    border-color: #eeeeee #eeeeee #dddddd;
    text-decoration: none;
    background-color: #eeeeee;
    border-radius: 0;
    border-left: none;
    border-right: none;
    &:hover,
    &:focus {
      background-color: @linkRed;
      border-top: 1px solid @red;
      color: white;
    }
  }
}

.well {
  select {
    margin: 0;
  }
  .controls-group {
    &:first-child,
    &:last-child {
      margin-top: 24px;
    }
    margin-bottom: 8px;
  }
  .controls-row {
    margin-bottom: 8px;
  }
  .row-fluid {
    margin: 0;
  }
  .row-fluid .row-fluid:last-child .well-item {
    border: none;
  }
  .well-item {
    color: #666;
    font-size: 12px;
    border-bottom: 1px solid #e5e5e5;
    padding: 8px 4px;
    strong {
        font-size: 16px;
    }
  }
}

/*TABLE STYLES*/
table.table {
  table-layout: fixed;
}
table tr td{
  word-wrap: break-word;
  &.select {
    width: 20px;
  }
}
thead {
  border-bottom: 2px solid @redButton;
}
tbody {
  padding-top: 10px;
}
.table-condensed td {
  padding: 18px 5px;
}
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th
{
  background-color: #F7F7F7;
}

/*form elements and buttons*/
.btn-group {
  > .btn + .dropdown-toggle,
  > .btn:first-child,
  > .btn:last-child,
  > .dropdown-toggle {
    .border-radius(0);
    background-image: none;
    text-shadow: none;
  }
}

.btn {
  .box-shadow(none);
  .border-radius(@baseBorderRadius);
  background-image: none;
  text-shadow: none;
  background-repeat: no-repeat;
  padding: 10px;
  margin-top: 0px;
  .icon {
    margin-right: 0.2em;
  }
  &.btn-small {
    padding: 5px 10px;
    .icon {
      margin-right: 0;
      font-size: inherit;
    }
  }
  &.btn-mini {
    padding: 3px 8px;
    .icon {
      margin-right: 0;
      font-size: inherit;
    }
  }
}
.btn-primary {
  background: @redButton;
}

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

.form-actions {
  background: none;
  border: none;
}

.input-append,
.input-prepend {
  .add-on {
    font-size: 18px;
    padding: 14px 5px 30px;
  }
  .btn .icon {
    font-size: 21.5px;
    margin-right: 0;
  }
}

.row-fluid .input-append [class*="span"],
.input-prepend input[class*="span"] {
  width: auto;
}

.form-inline {
  input[type=password],
  input[type=text] {
    width: auto;
  }
}
.checkbox {
  label {
    display: inline-block;
    padding-left:25px;
  }
}

label {
  margin-right: 15px;
  padding-left:0;
  display: block;
  cursor: pointer;
  position: relative;
  font-size: 14px;
  &.inline {
    display: inline-block;
  }
}
.help-block {
  font-size: 12px;
}

a.help-link:hover {
  text-decoration: none;
}

input[type=text].error {
  border: red 1px solid;
}

/**
 * Fauxton-specific Bootstrap additions
 **/
table.databases {
  clear: both;
}
.nav-tabs > li > a .fonticon:before {
  margin-right: 6px;
  font-size: 16px;
}

/* application specific stuff */
#main > footer {
  .box-shadow(-7px 0 15px -6px #000);
  border-left: 1px solid #999;
  position: fixed;
  bottom: 0;
  font-size: 10px;
  margin-left: @navWidth;
  padding: 5px 10px;
  background-color: #F2F2F2;
  width: 100%;
  .closeMenu & {
    margin-left: @collapsedNavWidth;
  }
}

/* ajax loader */
.loader {
  background: url('../img/loader.gif') center center no-repeat;
  min-height:  100px;
}
#app-container.loader{
  min-height: 400px;
  > *{
    display: none;
  }
}

#global-notifications {
  position: fixed;
  top: 0px;
  display: block;
  z-index: 100000;
  left: @navWidth;
  .closeMenu & {
    left: @collapsedNavWidth;
  }
  width: 100%;
}

#app-container{
  padding: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  > .row-fluid {
    height: 100%;
  }
}

/* Fixed side navigation */
#primary-navbar {
  /* hack for the scrollbar that shines through from the sidebar */
  -webkit-transform: translate3d(0, 0, 0);
  height: 100%;
  position: fixed;
  width: @navWidth;
  top: 0;
  bottom: 0;
  background-color: @primaryNav;
  overflow-y: scroll;
  .js-version {
    color: #fff;
    font-size: 10px;
    padding-left: 10px;
  }
  .closeMenu & {
    .js-version {
      display: none;
    }
  }
  #footer-links{
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  #user-create-admin{
    font-size: 12px
  }
  .navbar {
     .burger{
        .transition(all @transitionSpeed @transitionEaseType);
        padding: 22px 0 0 18px;
        position: fixed;
        top: 0;
        background-color: @primaryNav;
        width: @navWidth;
        div{
          .transition(all @transitionSpeed @transitionEaseType);
          height: 4px;
          width: 24px;
          .border-radius(2);
          background-color: @navBG;
          margin: 2px 0px;
        }
        &:hover div{
          background-color: @orange;
        }
      }
      .bottom-container {
	     height: 110px;
	     position: fixed;
	     bottom: 0;
	     width: 220px;
	     background: #3a2c2b;
       .brand {
         .box-sizing(content-box);
         .hide-text;
         .customTransition(left, 1s, 0.805, 0.005, 0.165, 0.985);
         margin: 10px 0 0 0;
         width: 200px;
         height: 40px;
         padding: 10px;
         float: none;
         background: #3a2c2b;
         .icon {
           .box-sizing(content-box);
           background: url(../img/couchdb-site.png) no-repeat 0 0;
           display: block;
           height: 100%;
           width: 100%;
         }
         .closeMenu & {
           .icon {
              background: url(../img/minilogo.png) no-repeat 0 0;
            }
            width: 45px;
          }
       }
       #footer-nav-links {
	     li {
		   a {
		     font-size: 12px;
		     color: @red;
		     padding: 12px;
		     text-shadow: none;
		   }
		   &.active, &:hover{
             a {
               text-decoration: underline;
             }
           }
		 }
       }
    }
    nav {
      margin-top: 64px;
      .nav{
        margin: 0;
        li{
          .transition(all @transitionSpeed @transitionEaseType);
          padding: 0;
          font-size: 16px;
          letter-spacing: 1px;
          line-height: 23px;
          width: @navWidth;
          font-weight: normal;
          font-family: helvetica;
          .box-sizing(border-box);
          background-color: @navBG;
          border-bottom:  1px solid @primaryNav;
          min-height: 48px;
          &.active, &:hover{
            a{
              .box-shadow(none);
            }
            background-color: @red;
          }
          &:hover .fonticon:before{
            color: @white;
          }
          &.active .fonticon:before,
          &:hover .fonticon:before,
          {
            text-shadow: @boxShadow;
            color: @NavIconActive;
          }
          a{
            padding: 12px 25px 12px 60px;
            background-color: transparent;
            color: #fff;
            text-shadow: @textShadowOff;
            &.closeMenu{
              color: transparent;
            }
            .fonticon {
              position: relative;
              &:before {
                position: absolute;
                top: -5px;
                left: -41px;
                font-size: 24px;
                color: @NavIcon;
                text-shadow: @boxShadowOff;
              }
            }
            .closeMenu &{
              color: transparent;
            }
          }
        }
      }
      ul#footer-nav-links{
        li{
          background-color: @primaryNav;
          border-top: 1px solid @red;
          border-bottom: none;
          font-size: 12px;
          padding: 12px;
          min-height: 44px;
          &.active, &:hover{
            background-color: @linkRed;
            border-top: 1px solid @red;
            a{
              color: white;
            }
          }
          a{
            color: @red;
          }
        }

      }
      ul#bottom-nav-links{
        margin-top: 0;
        padding-bottom: 70px;
        li{
          min-height: 55px;
          background-color: @bottomNav;
          &.active{
            background-color:@linkRed;
          }
          &:hover{
            background-color: @navBGHover;
          }
          a{
            &.fonticon {
              position: relative;
              &:before {
                top: -5px;
                left: -40px;
                font-size: 22px;
              }
            }
          }
        }
      }
    }
  }
}

#dashboard {
  .box-shadow(-6px 0 rgba(0, 0, 0, 0.1));
  border-left: 1px solid #999;
  position: absolute;
  left: @navWidth;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  background-color: @sidebarBG;
  min-width: 600px;
  height: 100%;
  .closeMenu &{
    left: @collapsedNavWidth;
  }
  &.one-pane{
    min-width: 800px;
    margin-top: 0;
    overflow-x: hidden;
  }
}

/*dashboard content can be in multiple templates*/

#dashboard-content{
  &.row-fluid,
  &.window-resizeable{
    /*remove gutter without rewriting variable*/
    margin-left: 0px;
  }
  padding: 20px;
  .with-sidebar &{
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    width: auto;
    .box-shadow(-6px 0 rgba(0, 0, 0, 0.1));
    padding: 0px;
    bottom: 0px;
    top: 60px;
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
    left: @sidebarWidth+@navWidth;
    right: 0;
    .box-sizing(border-box);
    .closeMenu & {
      left: @sidebarWidth+@collapsedNavWidth;
    }
  }
  > div.inner {
    display: block;
  }
}

.with-sidebar.content-area {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

// .closeMenu .with-sidebar.content-area {
//   left: 0;
// }
/*tools*/

.row-fluid.content-area{
  background-color: @background;
}

.fixed-header{
  background-color: @breadcrumbBG;
  position: fixed;
  top: 0;
  right: 0;
  left: @navWidth;
  .closeMenu & {
    left: @collapsedNavWidth;
  }
  border-bottom: 5px solid @breadcrumbBorder;
  .box-shadow(0 4px 6px -2px #808080);
  z-index: 100;
  .one-pane & {
    position: relative;
    border: none;
    .box-shadow(none);
    left: auto;
  }
}

#breadcrumbs {
   .breadcrumb {
    margin: 15px 20px;
    margin-bottom: 0;
    background-color: transparent;
    padding: 0;
    li {
      .divider {
        font-size: 12px;
        color: @breadcrumbArrow;
      }
      &:first-child {
        font-size: 30px;
      }
      color: @breadcrumbText;
      font-size: 18px;
      text-shadow: none;
      &.active{
        color: #333;
      }
      a{
        color: @breadcrumbText;
      }
    }
   }
}

/*SIDEBAR TEMPLATE STYLES*/
.topmenu-defaults {
  height: 70px;
  padding: 12px 10px 0;
  .box-sizing(border-box);
}

.dashboard-upper-menu{
  right: 0;
  left: @sidebarWidth+@navWidth;
  position: fixed;
  z-index: 11;
  display: block;
  .topmenu-defaults;
  background-color: #CBCBCB;
  .closeMenu & {
    left: @sidebarWidth+@collapsedNavWidth;
  }
}

#dashboard-lower-content{
  padding: 20px;
  background-color: #F1F1F1;
}

#dashboard-upper-content{
  .tab-content {
    padding-top: 70px;
  }
  .well{
    padding: 20px;
    .border-radius(0);
    .box-shadow(none);
  }
}

.sidenav {
  padding: 0;
  header {
    width: @sidebarWidth;
    border-bottom: 1px solid #d3d7db;
  }
  .nav-list{
    .divider {
      border: none;
    }
    > li > a:hover,
    > li > a:focus{
      background-color: @darkRed;
      color: #fff;
    }
    li.active > a {
      color: @darkRed;
    }
    > li > a{
      color: @linkRed;
      padding: 10px 13px 10px 24px;
      border-bottom: 1px solid #d3d7db;
      span{
        margin-right: 8px;
        width: 14px;
        display: inline-block;
        text-align: center;
      }
    }
    a{
      display: block;
      padding: 10px 5px 5px 15px;
      color: @subListGray;
      .divider {
        background: none;
        color: #ccc;
        padding: 0 2px;
      }
    }
    .nav-header{
      padding: 0px;
      text-shadow: none;
      color: #333333;
      & > span:hover {
        color: @red;
      }
    }
  }
}

#sidebar-content {
  position: absolute;
  top: 60px;
  width: @sidebarWidth;
  left: 0;
  background-color: @secondarySidebar;
  > div.inner {
    display: block;
  }
}

/*ONE PANEL TEMPLATE ONLY STYLES  AKA _all_dbs */

.result-tools{
  border-bottom: 1px solid #999999;
  padding: 5px 0;
  border-bottom: 1px solid #999999;
  padding: 10px 0;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

#db-views-tabs-nav{
  position: fixed;
  z-index: 12;
  margin-top: 19px;
  margin-bottom: 0;
  /*background-color: #f4f4f4;*/
  padding: 0 20px;
}

.db-views-smaller {
  max-width: 500px;
}

/** table row selector thing **/
.select{
  > a{
    display: block;
    padding: 5px 15px 5px 5px;
    border: 1px solid #989898;
    position: relative;
    background-color: #FFFFFF;
    color: #666666;
    &:after {
      content: '';
      width: 0;
      height: 0;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 7px solid #989898;
      position: absolute;
      right: 9px;
      top: 12px;
    }
    &:before{
      content: '';
      border-left:  1px solid #989898;
      height: 30px;
      position: absolute;
      right: 30px;
      top: 0;
    }
  }
}

.custom-inputs{

  input[type=radio],
  input[type=checkbox] {
    display: none;
  }

  .checkbox label:before {
    border-radius: 3px;
  }

  .controls > .radio:first-child, .controls > .checkbox:first-child {
    padding-top: 15px;
  }

  .radio.inline, .checkbox.inline {
    display: inline-block;
    padding-top: 15px;
    margin-bottom: 12px;
    vertical-align: middle;
  }

  input[type=checkbox]:checked + label:before {
    /*content: "\2713"; */
    content: "\00d7";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 16px;
    background-color: @red;
    color: white;
    text-align: center;
    line-height: 15px;
  }

  label:before {
    content: "";
    display: inline-block;

    width: 16px;
    height: 16px;

    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #aaa;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
  }

  .radio label:before {
    border-radius: 8px;
  }

  input[type=radio]:checked + label:before {
    content: "\2022";
    color: #f3f3f3;
    font-size: 30px;
    text-align: center;
    line-height: 18px;
  }

  label.drop-down{
    &:before{
    display: none;
    }
  }
}

form.view-query-update, form.view-query-save {
  max-width: 100%;
}

/*documents and databases */
.view.show{
  color: @fontGrey;
}

div.spinner {
  position: absolute;
  left: 50%;
  top: 50%;
}

#api-navbar{
  position: relative;
  padding-right: 5px;
}

.api-url-btn {
  margin-top: 5px;
  margin-bottom: 5px;
  .icon {
    font-size: 11px;
  }
}

.api-navbar {
  .border-radius(5px);
  position: absolute;
  right: 5px;
  background-color: #333;
  padding: 5px 20px;
  .input-append.input-prepend {
    margin-bottom: 0px;
    .copying {
      background-color: #999;
      transition: background-color 5ms linear;
    }
    .add-on {
      background: none;
      padding: 0px;
      margin: 10px 0;
      border: none;
      display: block;
      text-align: left;
      color: #fff;
      text-shadow: none;
      height: auto;
    }
    .input-xxlarge {
      .border-radius(5px 0 0 5px);
      border: none;
      padding: 9px;
      -moz-transition: background-color 100ms linear;
      -webkit-transition: background-color 100ms linear;
      transition: background-color 100ms linear;
    }
    .btn{
      background-color: @red;
      color: #333;
      margin-left: -1px;
      padding: 10px 10px 8px;
      border: none;
      .border-radius(5px);
      &:hover{
        background-color: #cbcbcb;
      }
    }
    .copy-url {
      .border-radius(0 5px 5px 0);
    }
    .copying {
      background-color: #999;
    }
    .zeroclipboard-is-hover {
      background-color: #cbcbcb;
    }
    .icon {
      vertical-align: bottom;
      font-size: 17.5px;
    }
  }
}
.api-navbar:before {
  content: '';
  position: absolute;
  top: -25px;
  right: 30px;
  border-color: transparent transparent #333 transparent;
  border-style: solid;
  border-width: 15px;
  width: 0;
  height: 0;
}

.js-filter-form {
  .help-block {
    padding: 5px 0 5px 0;
  }
  .icon {
    font-size: 16px;
  }
}

.js-filter {
  ul {
    margin-left: 0px;
  }
  li {
    list-style-type: none;
  }
}

div.add-dropdown {
  position: absolute;
  top: 2px;
  right: 0px;
  .dropdown-menu{
    left: -110px;
    padding-bottom: 0;
    width: 148px;
    min-width: 0;
    top: 38px;
    .box-shadow(@boxShadow);
      &.arrow:before{
        right: 4px;
      }
      a {
        background-color: #202326;
        color: rgba(255, 255, 255, 0.8);
        &:hover{
          background-color: @red;
          color: white;
        }
      }
    li a {
      padding: 10px 15px 10px 12px;
    }
  }
  .dropdown-toggle{
    border-top: none !important;
    text-decoration: none;
  }
  > a {
    border-bottom: none;
    text-decoration: none;
    font-size: 16px;
  }
}


code-output less-css moved to crnx-base

code-output less-css moved to crnx-base

.code-output {
	margin: 1em 0;
	.code {
		pre {
			border: solid 1px #000;
		}
		p {
			border: solid 1px #444;
			color: #444;
			padding: 0.5em;
		}
	}
	details {
		display: block;
		margin: 1em 0;
	}
	input[type="number"] {
		width: 3em;
	}
}

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


Small style optimization

Small style optimization

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


Slightly larger main text

Slightly larger main text

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/adamtuechler/node-web-mmhotel.git/'


add normalization

add normalization

added normalization

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/vimalmenon/code-easy.net.git/'


fix less build

fix less build

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


Make the gutter element 100% height

Make the gutter element 100% height

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

/* Brackets / CodeMirror Code Formatting */

.CodeMirror pre {
    padding: 0 @code-padding;
}

.CodeMirror-scroll {
    background-color: @background-color-3;
}

.CodeMirror {
    .code-font();
}

.platform-mac .CodeMirror {
    .code-font-mac();
}

.platform-win .CodeMirror {
    .code-font-win();
}

@code-padding: 15px;

.CodeMirror-activeline-background {
    background: transparent;
}
.CodeMirror-focused .CodeMirror-activeline-background {
    background: @activeline-bgcolor;
}
.CodeMirror-focused .CodeMirror-activeline {
    & > div, .CodeMirror-gutter-elt {
        height: 100%;
    }
    .CodeMirror-gutter-elt {
        background: @activeline-bgcolor;
    }
}

.cm-s-default {
    span.cm-keyword {color: @accent-keyword;}
    span.cm-atom {color: @accent-atom;}
    span.cm-number {color: @accent-number;}
    span.cm-def {color: @accent-def;}
    span.cm-variable {color: @accent-variable;}
    span.cm-variable-2 {color: @accent-variable-2;}
    span.cm-variable-3 {color: @accent-variable-3;}
    span.cm-property {color: @accent-property;}
    span.cm-operator {color: @accent-operator;}
    span.cm-comment {color: @accent-comment;}
    span.cm-string {color: @accent-string;}
    span.cm-string-2 {color: @accent-string-2;}
    span.cm-meta {color: @accent-meta;}
    span.cm-error {color: @accent-error;}
    span.cm-qualifier {color: @accent-qualifier;}
    span.cm-builtin {color: @accent-builtin;}
    span.cm-bracket {color: @accent-bracket;}
    span.cm-tag {color: @accent-tag;}
    span.cm-attribute {color: @accent-attribute;}
    span.cm-header {color: @accent-header;}
    span.cm-quote {color: @accent-quote;}
    span.cm-hr {color: @accent-hr;}
    span.cm-link {color: @accent-link;}
    span.cm-rangeinfo {color: @accent-rangeinfo;}
    span.cm-minus {color: @accent-minus;}
    span.cm-plus {color: @accent-plus;}

    span.CodeMirror-matchingbracket {color: @accent-bracket !important; background-color: @background-color-2;}
    span.CodeMirror-nonmatchingbracket {color: @accent-bracket !important;}

    .CodeMirror-cursor {
        .code-cursor();

        /* Ensure the cursor shows up in front of code spans with a background color
         * (e.g. matchingbracket).
         */
        z-index: 3;
    }

    .CodeMirror-lines {
        padding: @code-padding 0;

        /* This is necessary for issue #2780. The logic for closing dropdowns depends on "click" events. Now
         * that each line has a separate div element, there is a good chance that mouseDown and mouseUp events
         * occur on different elements, which means a click event will not be sent. By disabling pointer events here,
         * we are guaranteed that the mouse event will be captured by our parent div, and click events will
         * be dispatched.
         */
        pointer-events: none;
    }

    .CodeMirror-linewidget {
        /* Re-enable pointer events for line widget. Pointer events are disabled for "CodeMirror-lines", which is the
         * parent of line widgets, so they need to be explicitly re-enabled here in order for selection to work. */
        pointer-events: auto;
    }

    .CodeMirror-gutters {
        background-color: @background-color-3;
        border-right: none;
    }
    .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
        background-color: #ebebeb;
    }
    .platform-mac & {
        .CodeMirror-scrollbar-filler {
            background-image: url(images/scrollbar-mac-corner.png);
        }
        .CodeMirror-gutter-filler {
            background-image: url(images/scrollbar-mac-bg.png);
        }
    }
    .CodeMirror-linenumber {
        color: @accent-comment;
        min-width: 2.5em;
        /*font-size: 0.9em;*/  /* restore after SourceCodePro font fix? */
        padding: 0 3px 0 10px;  /* left padding for project panel selection triangle */
    }
    &.CodeMirror-focused .CodeMirror-selected {
        background: @selection-color-focused;
    }
}

/*
    CodeMirror's use of descendant selectors for certain styling causes problems when editors are
    nested because, for items in the inner editor, the left-hand clause in the selector will now
    match either the actual containing CodeMirror instance *OR* the outer "host" CodeMirror instance.

    TODO (issue #324): We'll still have problems if editors can be nested more than one level deep,
    or if any other descendant-selector-driven CM styles can differ between inner & outer editors
    (potential problem areas include line wrap and coloring theme: basically, anything in codemirror.css
    that uses a descandant selector where the CSS class name to the left of the space is something
    other than a vanilla .CodeMirror)
 */
.CodeMirror {
    .CodeMirror {
        background: transparent;
    }

    .CodeMirror span.CodeMirror-matchingbracket {
        /* Ensure visibility against gray inline editor background */
        background-color: @background-color-1;
    }

    .CodeMirror .CodeMirror-cursor {
        visibility: hidden;
    }
    .CodeMirror.CodeMirror-focused .CodeMirror-cursor {
        visibility: visible;
    }

    .CodeMirror.cm-s-default .CodeMirror-selected {
        background: @selection-color-unfocused;
    }
    .CodeMirror.cm-s-default.CodeMirror-focused .CodeMirror-selected {
        background: @selection-color-focused;
    }
    .CodeMirror .CodeMirror-gutters {
        background: transparent;
        border-right: none;
    }

    .CodeMirror-scroll {
        outline: none;
    }

    .CodeMirror-sizer {
        cursor: text;
    }

    .CodeMirror .CodeMirror-vscrollbar, .CodeMirror .CodeMirror-hscrollbar {
        cursor: default;
    }

    .CodeMirror .CodeMirror-activeline-background {
        background: transparent;
    }
    .CodeMirror .CodeMirror-activeline .CodeMirror-gutter-elt {
        background: transparent;
    }

    .CodeMirror-focused .CodeMirror-activeline-background {
        background: darken(@activeline-bgcolor, @bc-color-step-size / 2);
    }
    .CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt {
        background: darken(@activeline-bgcolor, @bc-color-step-size / 2);
    }
}

/*
 * Temporarily override bold and italic syntax highlighting until
 * SourceCodePro supports them in a fixed pitch
 */
span.cm-em {
    font-style: normal;
}
span.cm-header, span.cm-strong {
    font-weight: normal;
}
span.cm-emstrong {
    font-style: normal;
    font-weight: normal;
}

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

/* Brackets / CodeMirror Code Formatting */

.CodeMirror pre {
    padding: 0 @code-padding;
}

.CodeMirror-scroll {
    background-color: @background-color-3;
}

.CodeMirror {
    .code-font();
}

.platform-mac .CodeMirror {
    .code-font-mac();
}

.platform-win .CodeMirror {
    .code-font-win();
}

@code-padding: 15px;

.CodeMirror-activeline-background {
    background: transparent;
}
.CodeMirror-focused .CodeMirror-activeline-background {
    background: @activeline-bgcolor;
}
.CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt {
	background: @activeline-bgcolor;
}

.cm-s-default {
    span.cm-keyword {color: @accent-keyword;}
    span.cm-atom {color: @accent-atom;}
    span.cm-number {color: @accent-number;}
    span.cm-def {color: @accent-def;}
    span.cm-variable {color: @accent-variable;}
    span.cm-variable-2 {color: @accent-variable-2;}
    span.cm-variable-3 {color: @accent-variable-3;}
    span.cm-property {color: @accent-property;}
    span.cm-operator {color: @accent-operator;}
    span.cm-comment {color: @accent-comment;}
    span.cm-string {color: @accent-string;}
    span.cm-string-2 {color: @accent-string-2;}
    span.cm-meta {color: @accent-meta;}
    span.cm-error {color: @accent-error;}
    span.cm-qualifier {color: @accent-qualifier;}
    span.cm-builtin {color: @accent-builtin;}
    span.cm-bracket {color: @accent-bracket;}
    span.cm-tag {color: @accent-tag;}
    span.cm-attribute {color: @accent-attribute;}
    span.cm-header {color: @accent-header;}
    span.cm-quote {color: @accent-quote;}
    span.cm-hr {color: @accent-hr;}
    span.cm-link {color: @accent-link;}
    span.cm-rangeinfo {color: @accent-rangeinfo;}
    span.cm-minus {color: @accent-minus;}
    span.cm-plus {color: @accent-plus;}

    span.CodeMirror-matchingbracket {color: @accent-bracket !important; background-color: @background-color-2;}
    span.CodeMirror-nonmatchingbracket {color: @accent-bracket !important;}

    .CodeMirror-cursor {
        .code-cursor();

        /* Ensure the cursor shows up in front of code spans with a background color
         * (e.g. matchingbracket).
         */
        z-index: 3;
    }

    .CodeMirror-lines {
        padding: @code-padding 0;

        /* This is necessary for issue #2780. The logic for closing dropdowns depends on "click" events. Now
         * that each line has a separate div element, there is a good chance that mouseDown and mouseUp events
         * occur on different elements, which means a click event will not be sent. By disabling pointer events here,
         * we are guaranteed that the mouse event will be captured by our parent div, and click events will
         * be dispatched.
         */
        pointer-events: none;
    }

    .CodeMirror-linewidget {
        /* Re-enable pointer events for line widget. Pointer events are disabled for "CodeMirror-lines", which is the
         * parent of line widgets, so they need to be explicitly re-enabled here in order for selection to work. */
        pointer-events: auto;
    }

    .CodeMirror-gutters {
        background-color: @background-color-3;
        border-right: none;
    }
    .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
        background-color: #ebebeb;
    }
    .platform-mac & {
        .CodeMirror-scrollbar-filler {
            background-image: url(images/scrollbar-mac-corner.png);
        }
        .CodeMirror-gutter-filler {
            background-image: url(images/scrollbar-mac-bg.png);
        }
    }
    .CodeMirror-linenumber {
        color: @accent-comment;
        min-width: 2.5em;
        /*font-size: 0.9em;*/  /* restore after SourceCodePro font fix? */
        padding: 0 3px 0 10px;  /* left padding for project panel selection triangle */
    }
    &.CodeMirror-focused .CodeMirror-selected {
        background: @selection-color-focused;
    }
}

/*
    CodeMirror's use of descendant selectors for certain styling causes problems when editors are
    nested because, for items in the inner editor, the left-hand clause in the selector will now
    match either the actual containing CodeMirror instance *OR* the outer "host" CodeMirror instance.

    TODO (issue #324): We'll still have problems if editors can be nested more than one level deep,
    or if any other descendant-selector-driven CM styles can differ between inner & outer editors
    (potential problem areas include line wrap and coloring theme: basically, anything in codemirror.css
    that uses a descandant selector where the CSS class name to the left of the space is something
    other than a vanilla .CodeMirror)
 */
.CodeMirror {
    .CodeMirror {
        background: transparent;
    }

    .CodeMirror span.CodeMirror-matchingbracket {
        /* Ensure visibility against gray inline editor background */
        background-color: @background-color-1;
    }

    .CodeMirror .CodeMirror-cursor {
        visibility: hidden;
    }
    .CodeMirror.CodeMirror-focused .CodeMirror-cursor {
        visibility: visible;
    }

    .CodeMirror.cm-s-default .CodeMirror-selected {
        background: @selection-color-unfocused;
    }
    .CodeMirror.cm-s-default.CodeMirror-focused .CodeMirror-selected {
        background: @selection-color-focused;
    }
    .CodeMirror .CodeMirror-gutters {
        background: transparent;
        border-right: none;
    }

    .CodeMirror-scroll {
        outline: none;
    }

    .CodeMirror-sizer {
        cursor: text;
    }

    .CodeMirror .CodeMirror-vscrollbar, .CodeMirror .CodeMirror-hscrollbar {
        cursor: default;
    }

    .CodeMirror .CodeMirror-activeline-background {
        background: transparent;
    }
    .CodeMirror .CodeMirror-activeline .CodeMirror-gutter-elt {
        background: transparent;
    }

    .CodeMirror-focused .CodeMirror-activeline-background {
        background: darken(@activeline-bgcolor, @bc-color-step-size / 2);
    }
    .CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt {
        background: darken(@activeline-bgcolor, @bc-color-step-size / 2);
    }
}

/*
 * Temporarily override bold and italic syntax highlighting until
 * SourceCodePro supports them in a fixed pitch
 */
span.cm-em {
    font-style: normal;
}
span.cm-header, span.cm-strong {
    font-weight: normal;
}
span.cm-emstrong {
    font-style: normal;
    font-weight: normal;
}


Added importance to make sure cursor is visible when it is on the left side of a matching bracket/parenthesis

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

/* Brackets / CodeMirror Code Formatting */

.CodeMirror pre {
    padding: 0 @code-padding 0 2px;
}

.show-line-padding .CodeMirror pre {
    padding-left: @code-padding;
}

.CodeMirror-scroll {
    background-color: @background-color-3;
}

.CodeMirror {
    .code-font();
}

.platform-mac .CodeMirror {
    .code-font-mac();
}

.platform-win .CodeMirror {
    .code-font-win();
}

@code-padding: 8px;

.CodeMirror-activeline-background {
    background: transparent;
}

.CodeMirror-focused .CodeMirror-activeline-background {
    background: @activeline-bgcolor;
}

.show-line-padding .CodeMirror-focused .CodeMirror-activeline-background {
    box-shadow: inset @code-padding 0 0 0 @activeline-number-bgcolor;
}

.CodeMirror-focused .CodeMirror-activeline {
    & > div, .CodeMirror-gutter-elt {
        height: 100%;
    }
    .CodeMirror-gutter-elt {
        background: @activeline-number-bgcolor;
        color: @bc-black;
    }
    .inline-widget .CodeMirror-gutter-elt {
        color: @accent-comment;
    }
}

.CodeMirror-focused .cm-matchhighlight {
    border-bottom: 2px solid #78B2F2;
}

span.cm-keyword {color: @accent-keyword;}
span.cm-atom {color: @accent-atom;}
span.cm-number {color: @accent-number;}
span.cm-def {color: @accent-def;}
span.cm-variable {color: @accent-variable;}
span.cm-variable-2 {color: @accent-variable-2;}
span.cm-variable-3 {color: @accent-variable-3;}
span.cm-property {color: @accent-property;}
span.cm-operator {color: @accent-operator;}
span.cm-comment {color: @accent-comment;}
span.cm-string {color: @accent-string;}
span.cm-string-2 {color: @accent-string-2;}
span.cm-meta {color: @accent-meta;}
span.cm-error {color: @accent-error;}
span.cm-qualifier {color: @accent-qualifier;}
span.cm-builtin {color: @accent-builtin;}
span.cm-bracket {color: @accent-bracket;}
span.cm-tag {color: @accent-tag;}
span.cm-attribute {color: @accent-attribute;}
span.cm-header {color: @accent-header;}
span.cm-quote {color: @accent-quote;}
span.cm-hr {color: @accent-hr;}
span.cm-link {color: @accent-link;}
span.cm-rangeinfo {color: @accent-rangeinfo;}
span.cm-minus {color: @accent-minus;}
span.cm-plus {color: @accent-plus;}

span.CodeMirror-matchingbracket {
    color: @accent-bracket !important;
    background-color: @matching-bracket;
}

span.CodeMirror-nonmatchingbracket {
    color: @accent-bracket !important;
}

.CodeMirror-cursors {
    .CodeMirror-cursor {
        .code-cursor();
    }

    /* Ensure the cursor shows up in front of code spans with a background color
     * (e.g. matchingbracket).
     */
    z-index: 3 !important;
}

.CodeMirror-lines {
    padding: @code-padding 0;

    /* This is necessary for issue #2780. The logic for closing dropdowns depends on "click" events. Now
     * that each line has a separate div element, there is a good chance that mouseDown and mouseUp events
     * occur on different elements, which means a click event will not be sent. By disabling pointer events here,
     * we are guaranteed that the mouse event will be captured by our parent div, and click events will
     * be dispatched.
     */
    pointer-events: none;
}

.CodeMirror-linewidget {
    /* Re-enable pointer events for line widget. Pointer events are disabled for "CodeMirror-lines", which is the
     * parent of line widgets, so they need to be explicitly re-enabled here in order for selection to work. */
    pointer-events: auto;
}

.CodeMirror-gutters {
    background-color: @background-color-3;
    border-right: none;
}

.platform-mac & {
    .CodeMirror-scrollbar-filler {
        background-image: url(images/scrollbar-mac-corner.png);
    }
    .CodeMirror-gutter-filler {
        background-image: url(images/scrollbar-mac-bg.png);
    }
}
.platform-win & {
    .CodeMirror-scrollbar-filler,
    .CodeMirror-gutter-filler {
        background-color: @win-scrollbar-track;
        height: 12px !important;
    }
    .CodeMirror-scrollbar-filler {
        width: 12px !important;
    }
}
.platform-linux & {
    .CodeMirror-scrollbar-filler,
    .CodeMirror-gutter-filler {
        background-color: @background-color-3;
        height: 12px !important;
    }
    .CodeMirror-scrollbar-filler {
        width: 12px !important;
    }
}

.CodeMirror-linenumber {
    color: @accent-comment;
    /*font-size: 0.9em;*/  /* restore after SourceCodePro font fix? */
    border-left: solid 10px transparent;
    border-right: solid @code-padding transparent;
    padding: 0px;
}

.CodeMirror-focused .CodeMirror-selected {
    background: @selection-color-focused;
}

/*
    CodeMirror's use of descendant selectors for certain styling causes problems when editors are
    nested because, for items in the inner editor, the left-hand clause in the selector will now
    match either the actual containing CodeMirror instance *OR* the outer "host" CodeMirror instance.

    TODO (issue #324): We'll still have problems if editors can be nested more than one level deep,
    or if any other descendant-selector-driven CM styles can differ between inner & outer editors
    (potential problem areas include line wrap and coloring theme: basically, anything in codemirror.css
    that uses a descandant selector where the CSS class name to the left of the space is something
    other than a vanilla .CodeMirror)
 */
.CodeMirror {
    div.CodeMirror-overwrite div.CodeMirror-cursor {
        border-left: none !important;
        border-bottom: 1px solid black !important;
        width: 1.2ex;
    }

    .CodeMirror {
        background: transparent;
    }

    .CodeMirror span.CodeMirror-matchingbracket {
        /* Ensure visibility against gray inline editor background */
        background-color: @matching-bracket;
        color: @accent-bracket !important;
    }

    .CodeMirror .CodeMirror-cursors {
        visibility: hidden;
    }
    .CodeMirror.CodeMirror-focused .CodeMirror-cursors {
        visibility: visible;
    }

    .CodeMirror .CodeMirror-selected {
        background: @selection-color-unfocused;
    }
    .CodeMirror.CodeMirror-focused .CodeMirror-selected {
        background: @selection-color-focused;
    }
    .CodeMirror .CodeMirror-gutters {
        background: transparent;
        border-right: none;
    }

    .CodeMirror-scroll {
        outline: none;
    }

    .CodeMirror-sizer {
        cursor: text;
    }

    .CodeMirror .CodeMirror-vscrollbar, .CodeMirror .CodeMirror-hscrollbar {
        cursor: default;
    }

    .CodeMirror .CodeMirror-activeline-background {
        background: transparent;
    }

    .show-line-padding & .CodeMirror .CodeMirror-activeline-background {
        box-shadow: none;
    }

    .CodeMirror .CodeMirror-activeline .CodeMirror-gutter-elt {
        background: transparent;
        color: @accent-comment;
    }

    .CodeMirror-focused .CodeMirror-activeline-background {
        background: @activeline-bgcolor;
    }

    .show-line-padding & .CodeMirror-focused .CodeMirror-activeline-background {
        box-shadow: inset @code-padding 0 0 0 @tc-gray-panel-top-bar;
    }

    .CodeMirror-focused .CodeMirror-activeline {
        .CodeMirror-gutter-elt {
            background: @tc-gray-panel-top-bar;
            color: @bc-black;
        }
    }

    .CodeMirror-matchingtag { background: @matching-bracket; }
}

/*
 * Temporarily override bold and italic syntax highlighting until
 * SourceCodePro supports them in a fixed pitch
 */
span.cm-em {
    font-style: normal;
}
span.cm-header, span.cm-strong {
    font-weight: normal;
}
span.cm-emstrong {
    font-style: normal;
    font-weight: normal;
}

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

/* Brackets / CodeMirror Code Formatting */

.CodeMirror pre {
    padding: 0 @code-padding 0 2px;
}

.show-line-padding .CodeMirror pre {
    padding-left: @code-padding;
}

.CodeMirror-scroll {
    background-color: @background-color-3;
}

.CodeMirror {
    .code-font();
}

.platform-mac .CodeMirror {
    .code-font-mac();
}

.platform-win .CodeMirror {
    .code-font-win();
}

@code-padding: 8px;

.CodeMirror-activeline-background {
    background: transparent;
}

.CodeMirror-focused .CodeMirror-activeline-background {
    background: @activeline-bgcolor;
}

.show-line-padding .CodeMirror-focused .CodeMirror-activeline-background {
    box-shadow: inset @code-padding 0 0 0 @activeline-number-bgcolor;
}

.CodeMirror-focused .CodeMirror-activeline {
    & > div, .CodeMirror-gutter-elt {
        height: 100%;
    }
    .CodeMirror-gutter-elt {
        background: @activeline-number-bgcolor;
        color: @bc-black;
    }
    .inline-widget .CodeMirror-gutter-elt {
        color: @accent-comment;
    }
}

.CodeMirror-focused .cm-matchhighlight {
    border-bottom: 2px solid #78B2F2;
}

span.cm-keyword {color: @accent-keyword;}
span.cm-atom {color: @accent-atom;}
span.cm-number {color: @accent-number;}
span.cm-def {color: @accent-def;}
span.cm-variable {color: @accent-variable;}
span.cm-variable-2 {color: @accent-variable-2;}
span.cm-variable-3 {color: @accent-variable-3;}
span.cm-property {color: @accent-property;}
span.cm-operator {color: @accent-operator;}
span.cm-comment {color: @accent-comment;}
span.cm-string {color: @accent-string;}
span.cm-string-2 {color: @accent-string-2;}
span.cm-meta {color: @accent-meta;}
span.cm-error {color: @accent-error;}
span.cm-qualifier {color: @accent-qualifier;}
span.cm-builtin {color: @accent-builtin;}
span.cm-bracket {color: @accent-bracket;}
span.cm-tag {color: @accent-tag;}
span.cm-attribute {color: @accent-attribute;}
span.cm-header {color: @accent-header;}
span.cm-quote {color: @accent-quote;}
span.cm-hr {color: @accent-hr;}
span.cm-link {color: @accent-link;}
span.cm-rangeinfo {color: @accent-rangeinfo;}
span.cm-minus {color: @accent-minus;}
span.cm-plus {color: @accent-plus;}

span.CodeMirror-matchingbracket {
    color: @accent-bracket !important;
    background-color: @matching-bracket;
}

span.CodeMirror-nonmatchingbracket {
    color: @accent-bracket !important;
}

.CodeMirror-cursors {
    .CodeMirror-cursor {
        .code-cursor();
    }

    /* Ensure the cursor shows up in front of code spans with a background color
     * (e.g. matchingbracket).
     */
    z-index: 3;
}

.CodeMirror-lines {
    padding: @code-padding 0;

    /* This is necessary for issue #2780. The logic for closing dropdowns depends on "click" events. Now
     * that each line has a separate div element, there is a good chance that mouseDown and mouseUp events
     * occur on different elements, which means a click event will not be sent. By disabling pointer events here,
     * we are guaranteed that the mouse event will be captured by our parent div, and click events will
     * be dispatched.
     */
    pointer-events: none;
}

.CodeMirror-linewidget {
    /* Re-enable pointer events for line widget. Pointer events are disabled for "CodeMirror-lines", which is the
     * parent of line widgets, so they need to be explicitly re-enabled here in order for selection to work. */
    pointer-events: auto;
}

.CodeMirror-gutters {
    background-color: @background-color-3;
    border-right: none;
}

.platform-mac & {
    .CodeMirror-scrollbar-filler {
        background-image: url(images/scrollbar-mac-corner.png);
    }
    .CodeMirror-gutter-filler {
        background-image: url(images/scrollbar-mac-bg.png);
    }
}
.platform-win & {
    .CodeMirror-scrollbar-filler,
    .CodeMirror-gutter-filler {
        background-color: @win-scrollbar-track;
        height: 12px !important;
    }
    .CodeMirror-scrollbar-filler {
        width: 12px !important;
    }
}
.platform-linux & {
    .CodeMirror-scrollbar-filler,
    .CodeMirror-gutter-filler {
        background-color: @background-color-3;
        height: 12px !important;
    }
    .CodeMirror-scrollbar-filler {
        width: 12px !important;
    }
}

.CodeMirror-linenumber {
    color: @accent-comment;
    /*font-size: 0.9em;*/  /* restore after SourceCodePro font fix? */
    border-left: solid 10px transparent;
    border-right: solid @code-padding transparent;
    padding: 0px;
}

.CodeMirror-focused .CodeMirror-selected {
    background: @selection-color-focused;
}

/*
    CodeMirror's use of descendant selectors for certain styling causes problems when editors are
    nested because, for items in the inner editor, the left-hand clause in the selector will now
    match either the actual containing CodeMirror instance *OR* the outer "host" CodeMirror instance.

    TODO (issue #324): We'll still have problems if editors can be nested more than one level deep,
    or if any other descendant-selector-driven CM styles can differ between inner & outer editors
    (potential problem areas include line wrap and coloring theme: basically, anything in codemirror.css
    that uses a descandant selector where the CSS class name to the left of the space is something
    other than a vanilla .CodeMirror)
 */
.CodeMirror {
    div.CodeMirror-overwrite div.CodeMirror-cursor {
        border-left: none !important;
        border-bottom: 1px solid black !important;
        width: 1.2ex;
    }

    .CodeMirror {
        background: transparent;
    }

    .CodeMirror span.CodeMirror-matchingbracket {
        /* Ensure visibility against gray inline editor background */
        background-color: @matching-bracket;
        color: @accent-bracket !important;
    }

    .CodeMirror .CodeMirror-cursors {
        visibility: hidden;
    }
    .CodeMirror.CodeMirror-focused .CodeMirror-cursors {
        visibility: visible;
    }

    .CodeMirror .CodeMirror-selected {
        background: @selection-color-unfocused;
    }
    .CodeMirror.CodeMirror-focused .CodeMirror-selected {
        background: @selection-color-focused;
    }
    .CodeMirror .CodeMirror-gutters {
        background: transparent;
        border-right: none;
    }

    .CodeMirror-scroll {
        outline: none;
    }

    .CodeMirror-sizer {
        cursor: text;
    }

    .CodeMirror .CodeMirror-vscrollbar, .CodeMirror .CodeMirror-hscrollbar {
        cursor: default;
    }

    .CodeMirror .CodeMirror-activeline-background {
        background: transparent;
    }

    .show-line-padding & .CodeMirror .CodeMirror-activeline-background {
        box-shadow: none;
    }

    .CodeMirror .CodeMirror-activeline .CodeMirror-gutter-elt {
        background: transparent;
        color: @accent-comment;
    }

    .CodeMirror-focused .CodeMirror-activeline-background {
        background: @activeline-bgcolor;
    }

    .show-line-padding & .CodeMirror-focused .CodeMirror-activeline-background {
        box-shadow: inset @code-padding 0 0 0 @tc-gray-panel-top-bar;
    }

    .CodeMirror-focused .CodeMirror-activeline {
        .CodeMirror-gutter-elt {
            background: @tc-gray-panel-top-bar;
            color: @bc-black;
        }
    }

    .CodeMirror-matchingtag { background: @matching-bracket; }
}

/*
 * Temporarily override bold and italic syntax highlighting until
 * SourceCodePro supports them in a fixed pitch
 */
span.cm-em {
    font-style: normal;
}
span.cm-header, span.cm-strong {
    font-weight: normal;
}
span.cm-emstrong {
    font-style: normal;
    font-weight: normal;
}


fix for active toggle-handles style

fix for active toggle-handles style

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


styling of messages inbox pagination

styling of messages inbox pagination

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


Delete list.less

Delete list.less

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


Adding test fixture for less

Adding test fixture for less

.redClass { background: 'red';}
#redId  {
background: 'red';}

error: pathspec 'tests/fixtures/foo.less' did not match any file(s) known to git


Button animations

Button animations

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/kulaeff/muscle.git/'


Slight changes

Slight 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/Helorank/Styles.git/'


Create mixins.less

Create mixins.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/598918/cmb-note.git/'


small fix on

small fix on

button.ColVis_Button {
    margin-bottom: 20px;
}

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/DellGDC/dell-ui-components.git/'


OR-1094 Use pointer for selection

OR-1094 Use pointer for selection

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


CAL-71 fix ugly css style for radio button


UP-4654:  Make the new 'hamburger' options menu float over the portlet to which it applies, reducing vertical real estate

/**
 * Licensed to Jasig under one or more contributor license
 * agreements. See the NOTICE file distributed with this work
 * for additional information regarding copyright ownership.
 * Jasig licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file
 * except in compliance with the License. You may obtain a
 * copy of the License at:
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on
 * an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied. See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

// No-chrome portlet setting
.no-chrome {
    .up-portlet-content-wrapper {
        border: none;
        background: none;
    }

    .hover-toolbar {
        position: relative;  /* required to use z-index */
        z-index: 1000;
        text-align: right;

        .portlet-controls {
            position: absolute;  /* Place on top */
            width: 100%;         /* Hamburger on the right */

            .grab-handle {
                display: inline-block;
                position: relative;
                top: 3px;
                font-size: 18px;
                margin-left: 3px;
            }
            .portlet-options-menu > a {
                color: @grayscale10;
                opacity: 0.8;
            }
        }
    }
}

/**
 * Licensed to Jasig under one or more contributor license
 * agreements. See the NOTICE file distributed with this work
 * for additional information regarding copyright ownership.
 * Jasig licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file
 * except in compliance with the License. You may obtain a
 * copy of the License at:
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on
 * an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied. See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

// No-chrome portlet setting
.no-chrome {
    .up-portlet-content-wrapper {
        border: none;
        background: none;
    }

    .hover-toolbar {
        position: relative;  // required to use z-index
        z-index: 1000;
        text-align: right;

        .portlet-controls {
            .grab-handle {
                display: inline-block;
                position: relative;
                top: 3px;
                font-size: 18px;
                margin-left: 3px;
            }
            .portlet-options-menu > a {
                color: @grayscale10;
                opacity: 0.8;
            }
        }
    }
}


Style for Markdown Preview Enhanced

Style for Markdown Preview Enhanced

/* Please visit the URL below for more information: */
/*   https://shd101wyy.github.io/markdown-preview-enhanced/#/customize-css */

.markdown-preview.markdown-preview {
  // modify your style here
  // eg: background-color: blue;
  font-family: "JetBrains Mono NL","游教科書体 横用";
}

error: pathspec 'home/.mume/style.less' did not match any file(s) known to git


Bump up discussion list title size again

// ------------------------------------
// Sidebar

@media @desktop, @desktop-hd {
  .index-nav {
    & .new-discussion {
      display: block;
      margin-bottom: 20px;
    }
  }
}

// ------------------------------------
// Results

.index-toolbar {
  margin-bottom: 15px;
}
.index-toolbar-view {
  display: inline-block;

  & .control-show {
    margin-right: 10px;
  }
}
.index-toolbar-action {
  float: right;
}
.index-results .loading-indicator {
  height: 46px;
}

@media @phone, @tablet {
  .offset-content {
    margin-top: 15px;
  }
}

@media @desktop, @desktop-hd {
  .offset-content {
    margin-top: 30px;
    margin-left: 225px;
  }
}

// ------------------------------------
// Discussions Pane

@media @phone {
  .index-area.paned {
    display: none;
  }
}

@media @tablet, @desktop, @desktop-hd {
  .index-area {
    left: -@index-pane-width;
    width: 100%;

    &.paned {
      position: fixed;
      z-index: @zindex-pane;
      overflow: auto;
      top: @header-height;
      bottom: 0;
      width: @index-pane-width;
      background: @fl-body-bg;
      padding-bottom: 40px;
      border-top: 1px solid @fl-body-control-bg;
      .box-shadow(2px 2px 6px -2px @fl-shadow-color);
      .transition(left 0.2s);

      .pane-showing & {
        left: 0;
      }
      & .container {
        width: auto;
        margin: 0;
        padding: 0 !important;
      }
      & .index-results {
        margin: 0;
      }
      & .hero, & .index-nav, & .index-toolbar {
        display: none;
      }
      & .discussions-list > li {
        margin: 0;
        padding-left: 57px + 15px;
        padding-right: 65px + 15px;
        &.active {
          background: @fl-body-control-bg;
        }
      }
      & .discussion-summary {
        & .title {
          font-size: 14px;
        }
        & .count strong {
          font-size: 18px;
        }
      }
    }
  }
}

@media @desktop-hd {
  .index-area.paned {
    .pane-pinned & {
      left: 0;
      z-index: @zindex-composer - 1;
      .transition(none);
    }
  }
  // When the pane is pinned, move the other page content inwards
  .global-content, .global-footer {
    .has-pane.pane-pinned & {
      margin-left: @index-pane-width;
      & .container {
        max-width: 100%;
        padding: 0 30px;
      }
    }
  }
  .global-header .container {
    .has-pane.pane-pinned & {
      width: 100%;
    }
  }
}

// ------------------------------------
// Discussions List

.discussions-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
}

@media @phone {
  .discussions-list > li {
    padding-right: 45px;

    & .contextual-controls {
      display: none;
    }
  }
}

@media @tablet, @desktop, @desktop-hd {
  .discussions-list {
    & > li {
      margin-right: -25px;
      padding-right: 65px + 25px;
    }
  }
}

.discussion-summary {
  position: relative;

  &, & .main {
    color: @fl-body-muted-color;
    text-decoration: none;
  }
  & .contextual-controls {
    visibility: hidden;
    position: absolute;
    right: 0;
    top: 13px;
  }
  &:hover .contextual-controls, & .contextual-controls.open {
    visibility: visible;
  }
  & .author {
    float: left;
    margin-top: 17px;
  }
  & .tooltip .tooltip-inner {
    max-width: none;
  }
  & .badges {
    float: left;
    margin-top: 13px;
    text-align: right;
    white-space: nowrap;
    pointer-events: none;

    & .badge {
      margin-left: -15px;
      position: relative;
      pointer-events: auto;
    }
  }
  & .main {
    display: inline-block;
    width: 100%;
    padding: 15px 0;
  }
  &:hover .title {
    text-decoration: underline;
  }
  & .title {
    margin: 0 0 7px;
    line-height: 1.3;
    color: @fl-secondary-color;
  }
  &.unread .title {
    color: @fl-body-heading-color;
    font-weight: bold;
  }
  & .info {
    list-style-type: none;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;

    & > li {
      display: inline;
    }
  }
  & .username {
    font-weight: bold;
  }
  & .count {
    float: right;
    margin-top: 13px;
    text-decoration: none;

    .unread& {
      cursor: pointer;
    }
  }
}
.load-more {
  text-align: center;
  margin-top: 10px;
}

@media @phone {
  .discussion-summary {
    padding-left: 45px;
    padding-right: 45px;

    & .author {
      margin-left: -45px;
    }
    & .badges {
      margin-left: -45px;
      width: 38px;

      & .badge {
        .badge-size(20px);
        margin-left: -13px;
      }
    }
    & .avatar {
      .avatar-size(32px);
    }
    & .main {
      margin-right: -45px;
    }
    & .title {
      font-size: 14px;
    }
    & .count {
      margin-right: -45px;
      background: @fl-body-control-bg;
      color: @fl-body-control-color;
      border-radius: @border-radius-base;
      font-size: 12px;
      padding: 1px 6px;

      .unread& {
        background: @fl-body-primary-color;
        color: #fff;
        font-weight: bold;
      }

      & .label {
        display: none;
      }
    }
  }
}

@media @tablet, @desktop, @desktop-hd {
  .discussion-summary {
    padding-left: 57px;
    padding-right: 65px;

    & .author {
      margin-left: -57px;
    }
    & .badges {
      margin-left: -57px;
      width: 48px;
    }
    & .avatar {
      .avatar-size(40px);
    }
    & .main {
      margin-right: -65px;
    }
    & .title {
      font-size: 16px;
    }
    & .count {
      margin-right: -65px;
      width: 60px;
      text-align: center;
      text-transform: uppercase;
      color: @fl-body-muted-color;
      font-size: 20px;
      font-weight: 300;

      & .label {
        font-size: 11px;
        display: block;
        font-weight: normal;
      }
      .unread& {
        color: @fl-body-heading-color;
        font-weight: bold;
      }
    }
  }
}

// ------------------------------------
// Sidebar

@media @desktop, @desktop-hd {
  .index-nav {
    & .new-discussion {
      display: block;
      margin-bottom: 20px;
    }
  }
}

// ------------------------------------
// Results

.index-toolbar {
  margin-bottom: 15px;
}
.index-toolbar-view {
  display: inline-block;

  & .control-show {
    margin-right: 10px;
  }
}
.index-toolbar-action {
  float: right;
}
.index-results .loading-indicator {
  height: 46px;
}

@media @phone, @tablet {
  .offset-content {
    margin-top: 15px;
  }
}

@media @desktop, @desktop-hd {
  .offset-content {
    margin-top: 30px;
    margin-left: 225px;
  }
}

// ------------------------------------
// Discussions Pane

@media @phone {
  .index-area.paned {
    display: none;
  }
}

@media @tablet, @desktop, @desktop-hd {
  .index-area {
    left: -@index-pane-width;
    width: 100%;

    &.paned {
      position: fixed;
      z-index: @zindex-pane;
      overflow: auto;
      top: @header-height;
      bottom: 0;
      width: @index-pane-width;
      background: @fl-body-bg;
      padding-bottom: 200px;
      border-top: 1px solid @fl-body-control-bg;
      .box-shadow(2px 2px 6px -2px @fl-shadow-color);
      .transition(left 0.2s);

      .pane-showing & {
        left: 0;
      }
      & .container {
        width: auto;
        margin: 0;
        padding: 0 !important;
      }
      & .index-results {
        margin: 0;
      }
      & .hero, & .index-nav, & .index-toolbar {
        display: none;
      }
      & .discussions-list > li {
        margin: 0;
        padding-left: 57px + 15px;
        padding-right: 65px + 15px;
        &.active {
          background: @fl-body-control-bg;
        }
      }
      & .discussion-summary {
        & .title {
          font-size: 14px;
        }
        & .count strong {
          font-size: 18px;
        }
      }
    }
  }
}

@media @desktop-hd {
  .index-area.paned {
    .pane-pinned & {
      left: 0;
      z-index: @zindex-composer - 1;
      .transition(none);
    }
  }
  // When the pane is pinned, move the other page content inwards
  .global-content, .global-footer {
    .has-pane.pane-pinned & {
      margin-left: @index-pane-width;
      & .container {
        max-width: 100%;
        padding: 0 30px;
      }
    }
  }
  .global-header .container {
    .has-pane.pane-pinned & {
      width: 100%;
    }
  }
}

// ------------------------------------
// Discussions List

.discussions-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
}

@media @phone {
  .discussions-list > li {
    padding-right: 45px;

    & .contextual-controls {
      display: none;
    }
  }
}

@media @tablet, @desktop, @desktop-hd {
  .discussions-list {
    & > li {
      margin-right: -25px;
      padding-right: 65px + 25px;
    }
  }
}

.discussion-summary {
  position: relative;

  &, & .main {
    color: @fl-body-muted-color;
    text-decoration: none;
  }
  & .contextual-controls {
    visibility: hidden;
    position: absolute;
    right: 0;
    top: 13px;
  }
  &:hover .contextual-controls, & .contextual-controls.open {
    visibility: visible;
  }
  & .author {
    float: left;
    margin-top: 17px;
  }
  & .tooltip .tooltip-inner {
    max-width: none;
  }
  & .badges {
    float: left;
    margin-top: 13px;
    text-align: right;
    white-space: nowrap;
    pointer-events: none;

    & .badge {
      margin-left: -15px;
      position: relative;
      pointer-events: auto;
    }
  }
  & .main {
    display: inline-block;
    width: 100%;
    padding: 15px 0;
  }
  &:hover .title {
    text-decoration: underline;
  }
  & .title {
    margin: 0 0 7px;
    line-height: 1.3;
    color: @fl-secondary-color;
  }
  &.unread .title {
    color: @fl-body-heading-color;
    font-weight: bold;
  }
  & .info {
    list-style-type: none;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;

    & > li {
      display: inline;
    }
  }
  & .username {
    font-weight: bold;
  }
  & .count {
    float: right;
    margin-top: 13px;
    text-decoration: none;

    .unread& {
      cursor: pointer;
    }
  }
}
.load-more {
  text-align: center;
  margin-top: 10px;
}

@media @phone {
  .discussion-summary {
    padding-left: 45px;
    padding-right: 45px;

    & .author {
      margin-left: -45px;
    }
    & .badges {
      margin-left: -45px;
      width: 38px;

      & .badge {
        .badge-size(20px);
        margin-left: -13px;
      }
    }
    & .avatar {
      .avatar-size(32px);
    }
    & .main {
      margin-right: -45px;
    }
    & .title {
      font-size: 14px;
    }
    & .count {
      margin-right: -45px;
      background: @fl-body-control-bg;
      color: @fl-body-control-color;
      border-radius: @border-radius-base;
      font-size: 12px;
      padding: 1px 6px;

      .unread& {
        background: @fl-body-primary-color;
        color: #fff;
        font-weight: bold;
      }

      & .label {
        display: none;
      }
    }
  }
}

@media @tablet, @desktop, @desktop-hd {
  .discussion-summary {
    padding-left: 57px;
    padding-right: 65px;

    & .author {
      margin-left: -57px;
    }
    & .badges {
      margin-left: -57px;
      width: 48px;
    }
    & .avatar {
      .avatar-size(40px);
    }
    & .main {
      margin-right: -65px;
    }
    & .title {
      font-size: 15px;
    }
    & .count {
      margin-right: -65px;
      width: 60px;
      text-align: center;
      text-transform: uppercase;
      color: @fl-body-muted-color;
      font-size: 20px;
      font-weight: 300;

      & .label {
        font-size: 11px;
        display: block;
        font-weight: normal;
      }
      .unread& {
        color: @fl-body-heading-color;
        font-weight: bold;
      }
    }
  }
}


added missing hooks

added missing hooks

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


Added btn-xs to .locationButtons a, and added a margin between them.

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


Add simple Less fixture

Add simple Less fixture

.qwe              {
	display:    block;
}

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


Tidy up

Tidy up

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


new font size and img max height responsive design


Carousel style

Carousel style


ADJUST LIST ITEM SPACING

ADJUST LIST ITEM SPACING

Some of the unordered lists were looking a little funky.

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/real-pants/Real-Pants.git/'