Undo this bootstrap modification. It makes things harder to read.

// Core variables and mixins separate from frontend variables and mixins
@import "dashboard/variables.less"; // Modify this for custom colors, font-sizes, etc
@import "dashboard/mixins.less";

// Components: Icons / Fonts
@import "font-awesome/font-awesome.less"; // Replaced sprites with font-awesome
@import "font-awesome/font-awesome-ie7.less";
@import url("//fonts.googleapis.com/css?family=Open+Sans:700,300");

// FONT FOR THE DASHBOARD
// -----------------------------

// TYPES CHANGES
// -----------
h1, h2, h3, h4, h5, h6 {
  margin-bottom:@baseLineHeight / 2;
  margin-top:0;
  font-weight:normal;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 18px;
}

h3 {
  font-size: 20px;
}

h3.app-ico:before {
    display: none;
}

body {
  font-family: @dashFontFamily;
  font-size: @baseFontSize;
}

label, input, button, select, textarea {
  font-size: @baseFontSize;
}

// BUTTONS
// -----------
.btn {
  font-weight:normal;
}

.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn {
  font-size:@baseFontSize;
  font-family:inherit;
}

.btn-primary {
  .buttonBackground(#0083C9, #005096);
}

.btn-primary,
.btn-danger {
  font-weight:bold;
}

td .btn-toolbar {
  margin:0;
}

// FORM CHANGES
// -----------
.form-stacked {
  .control-group {
    margin-bottom:@baseLineHeight / 2;
  }
  textarea {
    max-height:200px;
  }
}

.form-inline {
  select {
    min-width:200px;
  }
}

.form-inline {
  margin-bottom: 0;
  .help-block:first-child, .error-block:first-child {
    display:none;
  }
  label {
    margin-right: 5px;
  }
  .control-group {
    margin-right:10px;
  }
}

/* align text with label baseline */
.controls > .dummy-control {
    display: inline-block;
    padding-top: 5px;
}

.form-stacked {
  .error-block {
    display:block;
    color:#b94a48;
  }
}

.fields-full {
  input[type=text],
  textarea {
    width:100%;
  }
}

form.flat {
  margin:0;
}

.well,
.tabbable.dashboard .tab-content {
  .form-actions {
    margin-bottom:0;
    position:relative;
    bottom:-19px;
    left:-19px;
    width:100%;
    padding: 19px;
    border-top-color: #ccc;
  }
}

.tabbable.dashboard .tab-content {
  .form-actions {
    bottom:-50px;
    left:-29px;
    padding-left: 29px;
    padding-right: 29px;
  }
}

.well form {
  .form-actions {
    bottom:-39px;
  }
}

.create-page {
  .form-stacked {
    input[type=text],
    input[type=number],
    input[type=email],
    input[type=url],
    textarea {
      width:95%;
    }
  }
  .form-stacked {
    .form-inline {
      input[type=text],
      input[type=number],
      input[type=email],
      input[type=url],
      textarea {
        width:auto;
      }
    }
  }
  label {
    font-weight:bold;
  }
}

.wysihtml5-sandbox {
    border:1px solid #ccc!important;
}

/* ADDITIONAL ERRORS */
.errorlist {
  margin:0 0 0 20px;
  padding:0 0 10px 0;
  color:#B94A48;
  li {
    padding:0 0 5px 0;
    list-style:none;
  }
}

.form-inline {
  .help-block, .error-block {
    display:inline-block;
    margin:0 20px 0 10px;
    li {
      list-style:none;
      color:#B94A48;
    }
  }
  input[type=number],
  input[type=email],
  input[type=url],
  input[type=text] {
    width: 140px;
  }
}

// TABLE CHANGES
// -----------
.table-bordered,
.table-bordered th,
.table-bordered td  {
}

.table {
  background-color: @white;
}

.table thead tr th.asc i:before {
  content: "\f077";
}

.table thead tr th.desc i:before {
  content: "\f078";
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #efefef;
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #FFF49F;
}

// OSCAR DASHBOARD UNIQUE STYLES
// -----------
body {
  background: url("../img/ui/dashboard/bg_subtle_dots.png") repeat scroll 0 0 #fff;
}

.container-fluid.dashboard {
  margin: 0 auto;
/*  max-width: 1170px;*/
  position: relative;
  padding: 0 20px;
}
.dashboard > .content {
  margin-top: @baseLineHeight;
}
.fancypages .dashboard > .content {
}
.navbar-accounts {
  .navbar-inner {
    padding-left:  20px;
    padding-right: 20px;
    min-height: 50px;
    font-size: @baseFontSize;
    #gradient > .vertical(#373737, #242424);
    border: none;
    .brand {
      background: url("../img/ui/dashboard/logo_oscar.png") no-repeat scroll 0 0 transparent;
      text-indent: -9999px;
      display: block;
      width: 60px;
      height: 38px;
      padding: 0;
      margin-left: 0;
      margin-top: 5px;
    }
    .nav {
      top: 5px;
    }
    .nav > li > a {
      color: #C1C1C1;
    }
  }
}
.navbar .nav > li span {
    display:block;
    padding:10px;
}
.navbar-inverse {
  color: #DCDCDC;
}
.subnav-fixed {
  position: fixed;
  right: 0;
  left: 0;
  z-index: @zindexFixedNavbar;
  top: 50px;
  .box-shadow(0 1px 5px rgba(0,0,0,.1));
  border-bottom:1px solid #D5D5D5;
}
.navbar-primary {
  .navbar-inner {
    #gradient > .vertical(#353535, #373737);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
    border-top: 1px solid #5B5B5B;
    *position:relative;
    *z-index:10;
  }
}
.navbar-primary {
  .nav {
    &.nav-pills .open .dropdown-toggle {
      border-color: #444;
      border-right-color: #222;
    }
    > li {
      > a {
        margin: 0;
        border-left: 1px solid #444;
        border-right: 1px solid @grayDarker;
        .border-radius(0);
        color: #DCDCDC;
        font-size: @baseFontSize;
        padding: 15px;
        .caret {
          border-top-color: #DCDCDC;
          border-bottom-color: #DCDCDC;
          margin-top: 4px;
        }
      }
      .dropdown-menu {
        .border-radius(0);
      }
    }
  }
  .nav > .active > a,
  .nav > .active > a:hover,
  .nav > li > a:hover,
  .nav-pills .open .dropdown-toggle {
    color: #B2DEF2;
    background-color: #373737;
    border-right-color: @grayDarker;
    .box-shadow(inset 0 3px 5px rgba(0,0,0,.05));
    #gradient > .vertical(#1F1F1F, #373737);
    &:before {
      color: #B2DEF2;
    }
  }
}

.navbar-primary .nav {
  > li i {
    color: #dcdcdc;
    padding-right: @baseFontSize;
  }
}

.navbar-primary .nav > li > a:hover .caret {
  border-top-color: #B2DEF2;
  border-bottom-color: #B2DEF2;
}

.breadcrumb {
  margin-top:20px;
}

button {
  background-color:transparent;
}

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

caption,
.table-header {
  .clearfix();
  .icon-large {
    &:before {
      font-size: 18px;
    }
  }
  h2,h3 {
    font-weight: bold;
    font-size: 14px;
    line-height: normal;
    margin:0;
    > i {
      padding-right: 10px;
    }
  }
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 0;
  border: 1px solid #ccc;
  border-bottom: none;
  #gradient > .vertical(#F8F8F8, #e5e5e5);
  color: #242424;
  padding: 6px 10px;
  .border-radius(3px 3px 0 0);
  text-align: left;
  // line-height: 28px;
  .btn-toolbar {
    margin-top:0;
    margin-bottom:0;
  }
  > i {
    padding-right: 10px;
  }
}

.content-block {
  border: 1px solid #ccc;
  margin-bottom: 20px;
  padding: 15px;
  background: @white;
  .order-graph-details {
    label {
      cursor: default;
      background-color: #F8F8F8;
      border: 1px solid #ccc;
      .clearfix();
      display:block;
      margin-bottom: 15px;
      padding: 12px;
      color: #878787;
      font-size: @baseFontSize;
      span {
        display: inline-block;
        font-weight: bold;
        width: 30%;
        font-size: 16px;
        color: #242424;
      }
      i {
        color: #0D84AE;
        margin-right: 5px;
        font-size: 18px;
      }
    }
  }
}

.search-adv {
  margin:0;
  position:relative;
  ul, li, li > label, > label, input[type=text] {
    display:inline-block;
  }
  > input[type=text] {
    width:80px;
  }
  ul {
    margin:0;
  }
}

.no-float {
  float:none;
}

.control-group.pull-left.no-float {
  > label {
    width: 140px;
  }
  .controls {
    margin-left: 160px;
  }
}

.pull-left.btn {
  margin-left:20px;
}

.pull-left.no-float.btn {
  margin-left:160px;
}

.controls {
  ul {
    margin-left:0px;
    list-style:none;
  }
}

.alert-message.block-message.file_upload p {
  margin-right:10px;
}

.tabs.product_managment {
  margin-bottom:0px;
  li.active a {
    background-color:#efefef;
  }
}

.tabbable.dashboard {
  margin-bottom:@baseLineHeight;
  .navbar, .nav-tabs {
    margin-bottom:0;
  }
  .tab-content {
    display:block;
    width:auto;
    border:1px #E1E1E1 solid;
    border-top-width:0;
    padding:30px;
  }
}

// WELLS
// -----
.well,
.alert,
.table-bordered {
  .border-radius(0);
}
.well {
  .clearfix();
  box-shadow: none;
  background-color: #efefef;
}
.well-success {
  background-color: @successBackground;
  border-color: @successBorder;
}
.well-danger {
  background-color: @errorBackground;
  border-color: @errorBorder;
}
.well-info {
  background-color: @infoBackground;
  border-color: @infoBorder;
}
.well-blank {
  background-color: @white;
  border-color: rgba(0,0,0,.1);
}
.create-page .well,
.promotions .well-info {
    background-color: @white;
}

@import 'page/alerts.less';

// TABS
// ----
.nav-tabs {
    /* pull up tab-content well to tabs so there's no gap between them */
    margin-bottom: -1px;
}

// DASHBOARD GRAPH
// ----------------
#order_graph {
    position: relative;
    margin-bottom: 5em;
    width: 99%;
    height: @graphHeight;
}
.bar-caption {
  position: relative;
  text-align: center;
  top: 0;
  h1 {
    font-size: 18px;
    color: #242424;
    font-weight: bold;
    text-transform: uppercase;
  }
}
.bar-y-axis{
    position: absolute;
    top: 16px;
    width: 5em;
    margin: 0;
    padding: 0;
    float: left;
    display: inline;
}
.bar-y-axis li{
    list-style:none;
    height: @graphSegmentsHeight;
    float: right;
    color: #868686;
}
.bar-chart, .bar-chart dt, .bar-chart dd{
    margin:0;
    padding:0;
}
.bar-chart{
    position: absolute;
    top: 0;
    left: 0;

    width: 98%;
    height: @barHeight;
}
.bar-chart dd{
    position: relative;
    float: left;
    width: @barWidth;
    height: @graphHeight;
    margin-top: 22px;
}
.bar-chart dd em{
    position: absolute;
    bottom: -2em;
    right: 0;
    font-style: inherit;
    color: #868686;
}
.bar-chart span{
    position: absolute;
    display: block;
    width: 30%;
    bottom: 0;
    right: 0;
    z-index: 1;
    color: @gray;
    text-align: center;
    text-decoration: none;
}
.bar-chart span p {
    position: relative;
    top: 1em;
    display: none;
    padding: 3px;
    color: @grayDark;
    z-index: 2;
    background-color: @white;
    font-weight: bold;
    .border-radius(3px);
}
.bar-chart span {
    height: 50%;
    #gradient > .vertical(#0e91bf, #0b759b);
}

// ORDER SUMMARY
// ----------------
.order-summary {
  .horiz_col();
    background:#efefef;
    li {
      width: @fifth;
      text-align:center;
    }
    div {
      border-left:1px solid #dcdcdc;
      padding:20px 10px;
      min-height:85px;
    }
    strong {
      display:block;
      margin-top:20px;
    }
    li {
      width: 16%;
    }
    li:first-child div {
      border-left:none;
    }
}

// PRODUCT UPDATE
// ----------------
.orders_search {
  position:absolute;
  top:40px;
  width:100%;
  left:-20px;
  padding:0 20px;
  background:#cfe1e3;
  .clearfix();
  .control-group:first-child {
    margin-top:20px;
  }
  .btn {
    margin-bottom:20px;
  }
}
.orders_search.collapse {
  display:none;
}
.orders_search.in.collapse {
  display:block;
}
.category-select {
  display:block;
  margin:0;
  a {
    color:@grayDarker;
    text-decoration:none;
    padding:3px 10px;
    display:block;
    &:hover {
      background:darken(@grayLighter, 5%);
    }
  }
  a.app-ico {
    color:@linkColor;
  }
  ul {
    margin:0;
    a {
      padding-left:18px;
    }
    ul a {
      padding-left:33px;
      ul a { padding-left:48px; }
    }
  }
  li {
    display:block;
  }
}
.category-select > li ul {
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -o-transition: all .2s linear;
  -ms-transition: all .2s linear;
  transition: all .2s linear;
  overflow: hidden;
}
.ico_expand + ul {
  height:0px;
}
#product_category {
  select {
    width:350px;
  }
}
.upload-image {
  .clearfix();
  margin:0;
  z-index: 1;
  position: relative;
  li {
   display:block;
   width: 200px;
   margin:0 1% 2%;
   float: left;
   text-align:center;
   > div {
     padding: 4px;
     background: #ccc;
     margin-bottom: 10px;
     + label,
     + label + input {
       display: none;
     }
   }
 }
  div {
    background:#fff;
    position: relative;
    width: 200px;
    height: 200px;
    z-index: 200;
  }
  img {
   position: absolute;
   margin:auto;
     top: 0;
     max-height:200px;
     max-width:200px;
     width: auto;
     height: auto;
     left: 0;
 }
  .image-input {
    z-index: 800;
  }
  .image-input button {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    .border-radius(0);
  }
  .input-field {
   position: relative;
   z-index: 1000;
   opacity: 0;
 }
  .input-field input {
    border-width: 0;
    direction: ltr;
    cursor: pointer;
    width: 200px;
    height: 200px;
 }
}

// SIDE NAV CREATE PAGES
// ----------------
div[data-spy="affix"] {
  width:266px;
}
div[data-spy="affix"].affix {
  top:@baseLineHeight;
}
.bs-docs-sidenav {
  padding: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
     -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
          box-shadow: 0 1px 4px rgba(0,0,0,.065);
}
.bs-docs-sidenav > li > a,
.bs-docs-sidenav > li > span {
  display: block;
  margin: 0;
  padding: 8px 14px;
  border: 1px solid #e5e5e5;
  border-top-width:0;
  color:@linkColor;
  &:hover {
   background:#f1faff;
  }
  i.icon-info-sign {
    color:#ea0001;
    font-size:16px;
  }
}
.bs-docs-sidenav > li > span {
  color:#333;
}
.bs-docs-sidenav > .active > a,
.bs-docs-sidenav > .active > span {
  font-weight:bold;
  position: relative;
  color:@linkColor;
  background:#f1faff;
  z-index: 2;
  padding: 9px 15px;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
  &:hover {
    background:#f1faff;
    color:@linkColor;
  }
  &:after {
    border-bottom: 10px solid transparent;
    border-left: 10px solid #f1faff;
    border-top: 10px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    right: -9px;
    top: 9px;
  }
  &:before {
    border-bottom: 11px solid transparent;
    border-left: 11px solid #ccc;
    border-top: 11px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    right: -10px;
    top: 8px;
  }
}
.fixed-actions {
  margin-bottom:100px;
  .fixed-actions-group {
    margin:0;
    z-index:2;
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
  }
  .form-actions {
    margin:0;
    background:#2a2a2a;
  }
}
.well-stacked {
  .well {
    margin-bottom:0;
    border-top-width:0;
    &:first-child {
      border-top-width:1px;
    }
  }
}

// PLUGINS
// -----

/* Changes for wysihtml5 */
textarea.wysiwyg, form.wysiwyg textarea {
	width: 500px;
	height: 400px;
}
// MODALS
// -----
.modal {
  > form {
    margin-bottom:0;
  }
}
// WYSIHTML5
// ---------

.wysihtml5-toolbar {
  .clearfix();
}

textarea.plain {
	font-family: monospace;
}

// RESPONSIVE
// ---------
@media (max-width: 1300px) {
  div[data-spy="affix"] {
    width:200px;
  }
  .navbar-primary .nav {
    > li a:before {
      display:none;
    }
  }
  table .btn {
    padding: 3px 9px;
    font-size: @baseFontSize - 2px;
    line-height: @baseLineHeight - 2px;
  }
}
@media (max-width: 979px) {
  .affix {
    position:static;
  }
  div[data-spy="affix"] {
    width:100%;
    margin-bottom:@baseLineHeight;
  }
  .navbar-primary .nav > li > a {
    border:0;
    .border-radius(4px);
  }
  .navbar-primary .nav > li > a:hover {
    background:#222;
  }
}

// Override for Bootstrap 2.3.1/2.3.2
// Fix disappearing menu in mobile Android Chrome
// https://github.com/twbs/bootstrap/issues/11145
@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: none;
  }
}

// Core variables and mixins separate from frontend variables and mixins
@import "dashboard/variables.less"; // Modify this for custom colors, font-sizes, etc
@import "dashboard/mixins.less";

// Components: Icons / Fonts
@import "font-awesome/font-awesome.less"; // Replaced sprites with font-awesome
@import "font-awesome/font-awesome-ie7.less";
@import url("//fonts.googleapis.com/css?family=Open+Sans:700,300");

// FONT FOR THE DASHBOARD
// -----------------------------

// TYPES CHANGES
// -----------
h1, h2, h3, h4, h5, h6 {
  margin-bottom:@baseLineHeight / 2;
  margin-top:0;
  font-weight:normal;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 18px;
}

h3 {
  font-size: 20px;
}

h3.app-ico:before {
    display: none;
}

body {
  font-family: @dashFontFamily;
  font-size: @baseFontSize;
}

label, input, button, select, textarea {
  font-size: @baseFontSize;
}

// BUTTONS
// -----------
.btn {
  font-weight:normal;
}

.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn {
  font-size:@baseFontSize;
  font-family:inherit;
}

.btn-primary {
  .buttonBackground(#0083C9, #005096);
}

.btn-primary,
.btn-danger {
  font-weight:bold;
}

td .btn-toolbar {
  margin:0;
}

// FORM CHANGES
// -----------
.form-stacked {
  .control-label {
    text-align: left;
  }
  .control-group {
    margin-bottom:@baseLineHeight / 2;
  }
  textarea {
    max-height:200px;
  }
}

.form-inline {
  select {
    min-width:200px;
  }
}

.form-inline {
  margin-bottom: 0;
  .help-block:first-child, .error-block:first-child {
    display:none;
  }
  label {
    margin-right: 5px;
  }
  .control-group {
    margin-right:10px;
  }
}

/* align text with label baseline */
.controls > .dummy-control {
    display: inline-block;
    padding-top: 5px;
}

.form-stacked {
  .error-block {
    display:block;
    color:#b94a48;
  }
}

.fields-full {
  input[type=text],
  textarea {
    width:100%;
  }
}

form.flat {
  margin:0;
}

.well,
.tabbable.dashboard .tab-content {
  .form-actions {
    margin-bottom:0;
    position:relative;
    bottom:-19px;
    left:-19px;
    width:100%;
    padding: 19px;
    border-top-color: #ccc;
  }
}

.tabbable.dashboard .tab-content {
  .form-actions {
    bottom:-50px;
    left:-29px;
    padding-left: 29px;
    padding-right: 29px;
  }
}

.well form {
  .form-actions {
    bottom:-39px;
  }
}

.create-page {
  .form-stacked {
    input[type=text],
    input[type=number],
    input[type=email],
    input[type=url],
    textarea {
      width:95%;
    }
  }
  .form-stacked {
    .form-inline {
      input[type=text],
      input[type=number],
      input[type=email],
      input[type=url],
      textarea {
        width:auto;
      }
    }
  }
  label {
    font-weight:bold;
  }
}

.wysihtml5-sandbox {
    border:1px solid #ccc!important;
}

/* ADDITIONAL ERRORS */
.errorlist {
  margin:0 0 0 20px;
  padding:0 0 10px 0;
  color:#B94A48;
  li {
    padding:0 0 5px 0;
    list-style:none;
  }
}

.form-inline {
  .help-block, .error-block {
    display:inline-block;
    margin:0 20px 0 10px;
    li {
      list-style:none;
      color:#B94A48;
    }
  }
  input[type=number],
  input[type=email],
  input[type=url],
  input[type=text] {
    width: 140px;
  }
}

// TABLE CHANGES
// -----------
.table-bordered,
.table-bordered th,
.table-bordered td  {
}

.table {
  background-color: @white;
}

.table thead tr th.asc i:before {
  content: "\f077";
}

.table thead tr th.desc i:before {
  content: "\f078";
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #efefef;
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #FFF49F;
}

// OSCAR DASHBOARD UNIQUE STYLES
// -----------
body {
  background: url("../img/ui/dashboard/bg_subtle_dots.png") repeat scroll 0 0 #fff;
}

.container-fluid.dashboard {
  margin: 0 auto;
/*  max-width: 1170px;*/
  position: relative;
  padding: 0 20px;
}
.dashboard > .content {
  margin-top: @baseLineHeight;
}
.fancypages .dashboard > .content {
}
.navbar-accounts {
  .navbar-inner {
    padding-left:  20px;
    padding-right: 20px;
    min-height: 50px;
    font-size: @baseFontSize;
    #gradient > .vertical(#373737, #242424);
    border: none;
    .brand {
      background: url("../img/ui/dashboard/logo_oscar.png") no-repeat scroll 0 0 transparent;
      text-indent: -9999px;
      display: block;
      width: 60px;
      height: 38px;
      padding: 0;
      margin-left: 0;
      margin-top: 5px;
    }
    .nav {
      top: 5px;
    }
    .nav > li > a {
      color: #C1C1C1;
    }
  }
}
.navbar .nav > li span {
    display:block;
    padding:10px;
}
.navbar-inverse {
  color: #DCDCDC;
}
.subnav-fixed {
  position: fixed;
  right: 0;
  left: 0;
  z-index: @zindexFixedNavbar;
  top: 50px;
  .box-shadow(0 1px 5px rgba(0,0,0,.1));
  border-bottom:1px solid #D5D5D5;
}
.navbar-primary {
  .navbar-inner {
    #gradient > .vertical(#353535, #373737);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
    border-top: 1px solid #5B5B5B;
    *position:relative;
    *z-index:10;
  }
}
.navbar-primary {
  .nav {
    &.nav-pills .open .dropdown-toggle {
      border-color: #444;
      border-right-color: #222;
    }
    > li {
      > a {
        margin: 0;
        border-left: 1px solid #444;
        border-right: 1px solid @grayDarker;
        .border-radius(0);
        color: #DCDCDC;
        font-size: @baseFontSize;
        padding: 15px;
        .caret {
          border-top-color: #DCDCDC;
          border-bottom-color: #DCDCDC;
          margin-top: 4px;
        }
      }
      .dropdown-menu {
        .border-radius(0);
      }
    }
  }
  .nav > .active > a,
  .nav > .active > a:hover,
  .nav > li > a:hover,
  .nav-pills .open .dropdown-toggle {
    color: #B2DEF2;
    background-color: #373737;
    border-right-color: @grayDarker;
    .box-shadow(inset 0 3px 5px rgba(0,0,0,.05));
    #gradient > .vertical(#1F1F1F, #373737);
    &:before {
      color: #B2DEF2;
    }
  }
}

.navbar-primary .nav {
  > li i {
    color: #dcdcdc;
    padding-right: @baseFontSize;
  }
}

.navbar-primary .nav > li > a:hover .caret {
  border-top-color: #B2DEF2;
  border-bottom-color: #B2DEF2;
}

.breadcrumb {
  margin-top:20px;
}

button {
  background-color:transparent;
}

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

caption,
.table-header {
  .clearfix();
  .icon-large {
    &:before {
      font-size: 18px;
    }
  }
  h2,h3 {
    font-weight: bold;
    font-size: 14px;
    line-height: normal;
    margin:0;
    > i {
      padding-right: 10px;
    }
  }
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 0;
  border: 1px solid #ccc;
  border-bottom: none;
  #gradient > .vertical(#F8F8F8, #e5e5e5);
  color: #242424;
  padding: 6px 10px;
  .border-radius(3px 3px 0 0);
  text-align: left;
  // line-height: 28px;
  .btn-toolbar {
    margin-top:0;
    margin-bottom:0;
  }
  > i {
    padding-right: 10px;
  }
}

.content-block {
  border: 1px solid #ccc;
  margin-bottom: 20px;
  padding: 15px;
  background: @white;
  .order-graph-details {
    label {
      cursor: default;
      background-color: #F8F8F8;
      border: 1px solid #ccc;
      .clearfix();
      display:block;
      margin-bottom: 15px;
      padding: 12px;
      color: #878787;
      font-size: @baseFontSize;
      span {
        display: inline-block;
        font-weight: bold;
        width: 30%;
        font-size: 16px;
        color: #242424;
      }
      i {
        color: #0D84AE;
        margin-right: 5px;
        font-size: 18px;
      }
    }
  }
}

.search-adv {
  margin:0;
  position:relative;
  ul, li, li > label, > label, input[type=text] {
    display:inline-block;
  }
  > input[type=text] {
    width:80px;
  }
  ul {
    margin:0;
  }
}

.no-float {
  float:none;
}

.control-group.pull-left.no-float {
  > label {
    width: 140px;
  }
  .controls {
    margin-left: 160px;
  }
}

.pull-left.btn {
  margin-left:20px;
}

.pull-left.no-float.btn {
  margin-left:160px;
}

.controls {
  ul {
    margin-left:0px;
    list-style:none;
  }
}

.alert-message.block-message.file_upload p {
  margin-right:10px;
}

.tabs.product_managment {
  margin-bottom:0px;
  li.active a {
    background-color:#efefef;
  }
}

.tabbable.dashboard {
  margin-bottom:@baseLineHeight;
  .navbar, .nav-tabs {
    margin-bottom:0;
  }
  .tab-content {
    display:block;
    width:auto;
    border:1px #E1E1E1 solid;
    border-top-width:0;
    padding:30px;
  }
}

// WELLS
// -----
.well,
.alert,
.table-bordered {
  .border-radius(0);
}
.well {
  .clearfix();
  box-shadow: none;
  background-color: #efefef;
}
.well-success {
  background-color: @successBackground;
  border-color: @successBorder;
}
.well-danger {
  background-color: @errorBackground;
  border-color: @errorBorder;
}
.well-info {
  background-color: @infoBackground;
  border-color: @infoBorder;
}
.well-blank {
  background-color: @white;
  border-color: rgba(0,0,0,.1);
}
.create-page .well,
.promotions .well-info {
    background-color: @white;
}

@import 'page/alerts.less';

// TABS
// ----
.nav-tabs {
    /* pull up tab-content well to tabs so there's no gap between them */
    margin-bottom: -1px;
}

// DASHBOARD GRAPH
// ----------------
#order_graph {
    position: relative;
    margin-bottom: 5em;
    width: 99%;
    height: @graphHeight;
}
.bar-caption {
  position: relative;
  text-align: center;
  top: 0;
  h1 {
    font-size: 18px;
    color: #242424;
    font-weight: bold;
    text-transform: uppercase;
  }
}
.bar-y-axis{
    position: absolute;
    top: 16px;
    width: 5em;
    margin: 0;
    padding: 0;
    float: left;
    display: inline;
}
.bar-y-axis li{
    list-style:none;
    height: @graphSegmentsHeight;
    float: right;
    color: #868686;
}
.bar-chart, .bar-chart dt, .bar-chart dd{
    margin:0;
    padding:0;
}
.bar-chart{
    position: absolute;
    top: 0;
    left: 0;

    width: 98%;
    height: @barHeight;
}
.bar-chart dd{
    position: relative;
    float: left;
    width: @barWidth;
    height: @graphHeight;
    margin-top: 22px;
}
.bar-chart dd em{
    position: absolute;
    bottom: -2em;
    right: 0;
    font-style: inherit;
    color: #868686;
}
.bar-chart span{
    position: absolute;
    display: block;
    width: 30%;
    bottom: 0;
    right: 0;
    z-index: 1;
    color: @gray;
    text-align: center;
    text-decoration: none;
}
.bar-chart span p {
    position: relative;
    top: 1em;
    display: none;
    padding: 3px;
    color: @grayDark;
    z-index: 2;
    background-color: @white;
    font-weight: bold;
    .border-radius(3px);
}
.bar-chart span {
    height: 50%;
    #gradient > .vertical(#0e91bf, #0b759b);
}

// ORDER SUMMARY
// ----------------
.order-summary {
  .horiz_col();
    background:#efefef;
    li {
      width: @fifth;
      text-align:center;
    }
    div {
      border-left:1px solid #dcdcdc;
      padding:20px 10px;
      min-height:85px;
    }
    strong {
      display:block;
      margin-top:20px;
    }
    li {
      width: 16%;
    }
    li:first-child div {
      border-left:none;
    }
}

// PRODUCT UPDATE
// ----------------
.orders_search {
  position:absolute;
  top:40px;
  width:100%;
  left:-20px;
  padding:0 20px;
  background:#cfe1e3;
  .clearfix();
  .control-group:first-child {
    margin-top:20px;
  }
  .btn {
    margin-bottom:20px;
  }
}
.orders_search.collapse {
  display:none;
}
.orders_search.in.collapse {
  display:block;
}
.category-select {
  display:block;
  margin:0;
  a {
    color:@grayDarker;
    text-decoration:none;
    padding:3px 10px;
    display:block;
    &:hover {
      background:darken(@grayLighter, 5%);
    }
  }
  a.app-ico {
    color:@linkColor;
  }
  ul {
    margin:0;
    a {
      padding-left:18px;
    }
    ul a {
      padding-left:33px;
      ul a { padding-left:48px; }
    }
  }
  li {
    display:block;
  }
}
.category-select > li ul {
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -o-transition: all .2s linear;
  -ms-transition: all .2s linear;
  transition: all .2s linear;
  overflow: hidden;
}
.ico_expand + ul {
  height:0px;
}
#product_category {
  select {
    width:350px;
  }
}
.upload-image {
  .clearfix();
  margin:0;
  z-index: 1;
  position: relative;
  li {
   display:block;
   width: 200px;
   margin:0 1% 2%;
   float: left;
   text-align:center;
   > div {
     padding: 4px;
     background: #ccc;
     margin-bottom: 10px;
     + label,
     + label + input {
       display: none;
     }
   }
 }
  div {
    background:#fff;
    position: relative;
    width: 200px;
    height: 200px;
    z-index: 200;
  }
  img {
   position: absolute;
   margin:auto;
     top: 0;
     max-height:200px;
     max-width:200px;
     width: auto;
     height: auto;
     left: 0;
 }
  .image-input {
    z-index: 800;
  }
  .image-input button {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    .border-radius(0);
  }
  .input-field {
   position: relative;
   z-index: 1000;
   opacity: 0;
 }
  .input-field input {
    border-width: 0;
    direction: ltr;
    cursor: pointer;
    width: 200px;
    height: 200px;
 }
}

// SIDE NAV CREATE PAGES
// ----------------
div[data-spy="affix"] {
  width:266px;
}
div[data-spy="affix"].affix {
  top:@baseLineHeight;
}
.bs-docs-sidenav {
  padding: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
     -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
          box-shadow: 0 1px 4px rgba(0,0,0,.065);
}
.bs-docs-sidenav > li > a,
.bs-docs-sidenav > li > span {
  display: block;
  margin: 0;
  padding: 8px 14px;
  border: 1px solid #e5e5e5;
  border-top-width:0;
  color:@linkColor;
  &:hover {
   background:#f1faff;
  }
  i.icon-info-sign {
    color:#ea0001;
    font-size:16px;
  }
}
.bs-docs-sidenav > li > span {
  color:#333;
}
.bs-docs-sidenav > .active > a,
.bs-docs-sidenav > .active > span {
  font-weight:bold;
  position: relative;
  color:@linkColor;
  background:#f1faff;
  z-index: 2;
  padding: 9px 15px;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
  &:hover {
    background:#f1faff;
    color:@linkColor;
  }
  &:after {
    border-bottom: 10px solid transparent;
    border-left: 10px solid #f1faff;
    border-top: 10px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    right: -9px;
    top: 9px;
  }
  &:before {
    border-bottom: 11px solid transparent;
    border-left: 11px solid #ccc;
    border-top: 11px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    right: -10px;
    top: 8px;
  }
}
.fixed-actions {
  margin-bottom:100px;
  .fixed-actions-group {
    margin:0;
    z-index:2;
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
  }
  .form-actions {
    margin:0;
    background:#2a2a2a;
  }
}
.well-stacked {
  .well {
    margin-bottom:0;
    border-top-width:0;
    &:first-child {
      border-top-width:1px;
    }
  }
}

// PLUGINS
// -----

/* Changes for wysihtml5 */
textarea.wysiwyg, form.wysiwyg textarea {
	width: 500px;
	height: 400px;
}
// MODALS
// -----
.modal {
  > form {
    margin-bottom:0;
  }
}
// WYSIHTML5
// ---------

.wysihtml5-toolbar {
  .clearfix();
}

textarea.plain {
	font-family: monospace;
}

// RESPONSIVE
// ---------
@media (max-width: 1300px) {
  div[data-spy="affix"] {
    width:200px;
  }
  .navbar-primary .nav {
    > li a:before {
      display:none;
    }
  }
  table .btn {
    padding: 3px 9px;
    font-size: @baseFontSize - 2px;
    line-height: @baseLineHeight - 2px;
  }
}
@media (max-width: 979px) {
  .affix {
    position:static;
  }
  div[data-spy="affix"] {
    width:100%;
    margin-bottom:@baseLineHeight;
  }
  .navbar-primary .nav > li > a {
    border:0;
    .border-radius(4px);
  }
  .navbar-primary .nav > li > a:hover {
    background:#222;
  }
}

// Override for Bootstrap 2.3.1/2.3.2
// Fix disappearing menu in mobile Android Chrome
// https://github.com/twbs/bootstrap/issues/11145
@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: none;
  }
}


add a bit of padding top top of question tree

@import "lib/main";

.fd-question-properties,
.fd-xpath-editor {
  display: none;
}

.fd-default-panel {
  border-top: 1px solid @navbarBackground;

  .well {
    width: 80%;
    margin: @gridGutterWidth*2 auto;
  }
}

.fd-panel-toolbar {
  min-height: 46px;
  margin-bottom: 5px;
  border-bottom: 1px solid @navbarBackground;
}

.fd-panel-toolbar.fd-props-toolbar {
  padding: 0 @gridGutterWidth;
}

.fd-question-tree {
  margin-top: 2px;
}


make sortable more robust

make sortable more robust

// Name:            Sortable
// Description:     Component to create sortable grids and lists
//
// Component:       `uk-sortable`
//
// Sub-objects:     `uk-sortable-drag`
//                  `uk-sortable-placeholder`
//                  `uk-sortable-handle`
//
// Modifiers:       `uk-sortable-empty`
//
// States:          `uk-drag`
//
// ========================================================================

// Variables
// ========================================================================

@sortable-dragged-z-index:                      @global-z-index + 50;

@sortable-placeholder-opacity:                  0;

@sortable-empty-height:                         50px;

/* ========================================================================
   Component: Sortable
 ========================================================================== */

.uk-sortable {
    position: relative;
    .hook-sortable;
}

/*
 * Deactivate browser touch actions in IE11
 */

.uk-sortable > * { touch-action: none; }

/*
 * Deactivate pointer-events on SVGs in Safari
 */

.uk-sortable svg { pointer-events: none; }

/*
 * Remove margin from the last-child
 */

.uk-sortable > :last-child { margin-bottom: 0; }

/* Drag
 ========================================================================== */

.uk-sortable-drag {
    position: absolute !important;
    z-index: @sortable-dragged-z-index !important;
    pointer-events: none;
    .hook-sortable-drag;
}

/* Placeholder
 ========================================================================== */

.uk-sortable-placeholder {
    opacity: @sortable-placeholder-opacity;
    .hook-sortable-placeholder;
}

/* Empty modifier
 ========================================================================== */

.uk-sortable-empty {
    min-height: @sortable-empty-height;
    .hook-sortable-empty;
}

/* Handle
 ========================================================================== */

/* Hover */
.uk-sortable-handle:hover { cursor: move; }

// Hooks
// ========================================================================

.hook-sortable-misc;

.hook-sortable() {}
.hook-sortable-drag() {}
.hook-sortable-placeholder() {}
.hook-sortable-empty() {}
.hook-sortable-misc() {}


Made the deselect button look better in the selected options


Fix scrolling cursor

Fix scrolling cursor

#home {
  font-size: @font-size-large;
  margin-top: -@navbar-height;

  .jumbotron {
    background-color: @brand-primary;

    padding-top: 0;
    padding-bottom: 4em;

    //background-image: url(/images/hero-unit.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;

    h1 {
      color: white;
      //text-shadow: 0 2px 3px rgba(0,0,0,.4);
      font-size: @font-size-h1 * 2;
      font-weight: 100;
      margin-top: 0;
    }

    p {
      color: white;
    }

    a, a:hover {
      color: white !important;
    }

    .btn-primary {
      font-size: @font-size-h3;
      font-weight: 100;
      border-color: white;
      background-color: transparent;

      &:hover {
        background-color: white;
        color: @brand-primary !important;
      }
    }

    a.scrolldown {
      color: white;
      border-bottom: none;
      background: rgba(22,25,29,0.6);
      display: block;
      width: 5rem;
      height: 5rem;
      position: absolute;
      bottom: 2rem;
      left: 50%;
      margin-left: -2.5rem;
      border-radius: 50%;
      -webkit-transition: .25s;
      transition: .25s;
      //cursor: s-resize;
      text-align: center;

      &:hover {
        text-decoration: none;
      }
    }
  }

  h2 {
    font-weight: 300;
    margin-top: -@navbar-height;
    padding-top: @navbar-height;
  }

  section {

    border-bottom: 2px solid lighten(@concrete, 30%);
    padding-top: 6em;
    padding-bottom: 6em;

    >.container > .row {

      h2 {
        color: @brand-primary;
      }

      p {
        color: @concrete;
        font-weight: 100;

        .btn-default {
          border: 2px solid @brand-primary;
          font-size: @font-size-large;
          color: @brand-primary;
          &:hover {
            color: white;
            background-color: @brand-primary;
          }
        }
      }

      >div.picto {
        text-align: center;
        img {
          height: 350px;
          width: auto;
        }
      }

    }
  }

  .quote {
    p {
      font-size: @font-size-h2;
      font-weight: 100;

      a.btn-lg {
        font-size: @font-size-h2;
        font-weight: 100;
      }
    }
  }

  blockquote {
    quotes: "\201C""\201D""\2018""\2019";
    border-left: none;
    margin: 0;
    padding: 0;
  }

  blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
  }

  blockquote:after {
    color: #ccc;
    content: close-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-left: 0.25em;
    vertical-align: -0.4em;
  }

  blockquote p {
    display: inline;
  }

  .users {
    a {
      height: 100px; /* equals max image height */
      width: 260px;
      text-align: center;
      display: block;
      -webkit-filter: grayscale(1);
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      filter: gray;
      filter: grayscale(100%);
      filter: url(/images/desaturate.svg#greyscale);

      &:hover {
        text-decoration: none !important;
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        filter: grayscale(0);
        filter: none;
        -webkit-transition: 300ms;
        -moz-transition: 300ms;
        transition: 300ms;
      }

      .helper {
        display: inline-block;
        height: 100%;
        vertical-align: middle;
      }

      img {
        vertical-align: middle;
        max-height: 100px; /* equals max image height */
        max-width: 255px;
        //https://bugs.webkit.org/show_bug.cgi?id=93471
        -webkit-transform: translateZ(0);
      }
    }
  }
}

#home {
  font-size: @font-size-large;
  margin-top: -@navbar-height;

  .jumbotron {
    background-color: @brand-primary;

    padding-top: 0;
    padding-bottom: 4em;

    //background-image: url(/images/hero-unit.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;

    h1 {
      color: white;
      //text-shadow: 0 2px 3px rgba(0,0,0,.4);
      font-size: @font-size-h1 * 2;
      font-weight: 100;
      margin-top: 0;
    }

    p {
      color: white;
    }

    a, a:hover {
      color: white !important;
    }

    .btn-primary {
      font-size: @font-size-h3;
      font-weight: 100;
      border-color: white;
      background-color: transparent;

      &:hover {
        background-color: white;
        color: @brand-primary !important;
      }
    }

    a.scrolldown {
      color: white;
      border-bottom: none;
      background: rgba(22,25,29,0.6);
      display: block;
      width: 5rem;
      height: 5rem;
      position: absolute;
      bottom: 2rem;
      left: 50%;
      margin-left: -2.5rem;
      border-radius: 50%;
      -webkit-transition: .25s;
      transition: .25s;
      cursor: s-resize;
      text-align: center;

      &:hover {
        text-decoration: none;
      }
    }
  }

  h2 {
    font-weight: 300;
    margin-top: -@navbar-height;
    padding-top: @navbar-height;
  }

  section {

    border-bottom: 2px solid lighten(@concrete, 30%);
    padding-top: 6em;
    padding-bottom: 6em;

    >.container > .row {

      h2 {
        color: @brand-primary;
      }

      p {
        color: @concrete;
        font-weight: 100;

        .btn-default {
          border: 2px solid @brand-primary;
          font-size: @font-size-large;
          color: @brand-primary;
          &:hover {
            color: white;
            background-color: @brand-primary;
          }
        }
      }

      >div.picto {
        text-align: center;
        img {
          height: 350px;
          width: auto;
        }
      }

    }
  }

  .quote {
    p {
      font-size: @font-size-h2;
      font-weight: 100;

      a.btn-lg {
        font-size: @font-size-h2;
        font-weight: 100;
      }
    }
  }

  blockquote {
    quotes: "\201C""\201D""\2018""\2019";
    border-left: none;
    margin: 0;
    padding: 0;
  }

  blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
  }

  blockquote:after {
    color: #ccc;
    content: close-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-left: 0.25em;
    vertical-align: -0.4em;
  }

  blockquote p {
    display: inline;
  }

  .users {
    a {
      height: 100px; /* equals max image height */
      width: 260px;
      text-align: center;
      display: block;
      -webkit-filter: grayscale(1);
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      filter: gray;
      filter: grayscale(100%);
      filter: url(/images/desaturate.svg#greyscale);

      &:hover {
        text-decoration: none !important;
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        filter: grayscale(0);
        filter: none;
        -webkit-transition: 300ms;
        -moz-transition: 300ms;
        transition: 300ms;
      }

      .helper {
        display: inline-block;
        height: 100%;
        vertical-align: middle;
      }

      img {
        vertical-align: middle;
        max-height: 100px; /* equals max image height */
        max-width: 255px;
        //https://bugs.webkit.org/show_bug.cgi?id=93471
        -webkit-transform: translateZ(0);
      }
    }
  }
}


Web Content Accessibility Guidelines (WCAG) 2.0

Web Content Accessibility Guidelines (WCAG) 2.0 기준에 맞게 텍스트 색상이 지정되도록
개선.......

@charset "UTF-8";
.text-contrast(@bg_color; @bright_color:#fff; @dark_color:#000; @i:0) when (@i >= 10) and ( ( (luma(@bg_color) + 0.05) / (luma(@dark_color) + 0.05) ) =< ( ( luma(@bright_color) + 0.05) / ( luma(@bg_color) + 0.05) )) {
	color: @bright_color;
}
.text-contrast(@bg_color; @bright_color:#fff; @dark_color:#000; @i:0) when (@i >= 10) and ( ( (luma(@bg_color) + 0.05) / (luma(@dark_color) + 0.05) ) > ( ( luma(@bright_color) + 0.05) / ( luma(@bg_color) + 0.05) )) {
	color: @dark_color;
}
.text-contrast(@bg_color; @bright_color:#fff; @dark_color:#000; @i:0) when (@i < 10) and ( ( (luma(@bg_color) + 0.05) / (luma(@dark_color) + 0.05) ) =< ( ( luma(@bright_color) + 0.05) / ( luma(@bg_color) + 0.05) )) and ( ( ( luma(@bright_color) + 0.05) / ( luma(@bg_color) + 0.05) ) > 4.5 ) {
	color: @bright_color;
}
.text-contrast(@bg_color; @bright_color:#fff; @dark_color:#000; @i:0) when (@i < 10) and ( ( (luma(@bg_color) + 0.05) / (luma(@dark_color) + 0.05) ) =< ( ( luma(@bright_color) + 0.05) / ( luma(@bg_color) + 0.05) ) ) and ( ( ( luma(@bright_color) + 0.05) / ( luma(@bg_color) + 0.05) ) =< 4.5)  {
	.text-contrast(@bg_color; lighten(@bright_color, 5%); @dark_color; @i + 1);
}
.text-contrast(@bg_color; @bright_color:#fff; @dark_color:#000; @i:0) when (@i < 10) and ( ( (luma(@bg_color) + 0.05) / (luma(@dark_color) + 0.05) ) > ( ( luma(@bright_color) + 0.05) / ( luma(@bg_color) + 0.05) )) and ( ( (luma(@bg_color) + 0.05) / (luma(@dark_color) + 0.05) ) > 4.5) {
	color: @dark_color;
}
.text-contrast(@bg_color; @bright_color:#fff; @dark_color:#000; @i:0) when (@i < 10) and (( (luma(@bg_color) + 0.05) / (luma(@dark_color) + 0.05) ) > ( ( luma(@bright_color) + 0.05) / ( luma(@bg_color) + 0.05) )) and ( ( (luma(@bg_color) + 0.05) / (luma(@dark_color) + 0.05) ) =< 4.5 ) {
	.text-contrast(@bg_color; @bright_color; darken(@dark_color, 5%); @i + 1);
}

.bg-contrast(@text_color; @bright_color:#fff; @dark_color:#000; @i:0) when (@i >= 10) and ( ( (luma(@bg_color) + 0.05) / (luma(@dark_color) + 0.05) ) =< ( ( luma(@bright_color) + 0.05) / ( luma(@bg_color) + 0.05) )) {
	background: @bright_color;
}
.bg-contrast(@text_color; @bright_color:#fff; @dark_color:#000; @i:0) when (@i >= 10) and ( ( (luma(@bg_color) + 0.05) / (luma(@dark_color) + 0.05) ) > ( ( luma(@bright_color) + 0.05) / ( luma(@bg_color) + 0.05) )) {
	background: @dark_color;
}

.bg-contrast(@text_color; @bright_color:#fff; @dark_color:#000; @i:0) when (@i < 10) and ( ( (luma(@text_color) + 0.05) / (luma(@dark_color) + 0.05) ) =< ( ( luma(@bright_color) + 0.05) / ( luma(@text_color) + 0.05) )) and ( ( ( luma(@bright_color) + 0.05) / ( luma(@text_color) + 0.05) ) > 3 ) {
	background: @bright_color;
}
.bg-contrast(@text_color; @bright_color:#fff; @dark_color:#000; @i:0) when (@i < 10) and ( ( (luma(@text_color) + 0.05) / (luma(@dark_color) + 0.05) ) =< ( ( luma(@bright_color) + 0.05) / ( luma(@text_color) + 0.05) ) ) and ( ( ( luma(@bright_color) + 0.05) / ( luma(@text_color) + 0.05) ) =< 3)  {
	.bg-contrast(@text_color; lighten(@bright_color,5%); @dark_color; @i + 1);
}
.bg-contrast(@text_color; @bright_color:#fff; @dark_color:#000; @i:0) when (@i < 10) and ( ( (luma(@text_color) + 0.05) / (luma(@dark_color) + 0.05) ) > ( ( luma(@bright_color) + 0.05) / ( luma(@text_color) + 0.05) )) and ( ( (luma(@text_color) + 0.05) / (luma(@dark_color) + 0.05) ) > 3) {
	background: @dark_color;
}
.bg-contrast(@text_color; @bright_color:#fff; @dark_color:#000; @i:0) when (@i < 10) and (( (luma(@text_color) + 0.05) / (luma(@dark_color) + 0.05) ) > ( ( luma(@bright_color) + 0.05) / ( luma(@text_color) + 0.05) )) and ( ( (luma(@text_color) + 0.05) / (luma(@dark_color) + 0.05) ) =< 3 ) {
	.bg-contrast(@text_color; @bright_color; darken(@dark_color, 5%); @i + 1);
}

@color: rgb(@red, @green, @blue);

script, style
{
	display:none!important;
}
.rx_simple_member
{
	font-family: "맑은 고딕", "Apple SD Gothic Neo","나눔고딕",NanumGothic,'Nanum Gothic',Arial,Helvetica,sans-serif;
	font-size: 14px;
	margin: 8px 0px;
	padding: 0 15px;
}

.rx_simple_member a
{
	color: @color;
	text-decoration: none;
}
/* Horizontal Align */
.rx_simple_member .pos-right
{
	position:absolute;
	right:0
}
/* message */
.rx_member-notice, .rx_member-notice.info
{

	background: lighten(@color, 43%);
	.text-contrast(lighten(@color, 43%));
	padding: 15px;
	margin:0;
	margin-top:0;
	text-align: justify;
}
.rx_member-notice.error
{
	background: #fff3e0;
	.text-contrast(#fff3e0);
}
.rx_member-notice.update
{
	background: #e8f5e9;
	.text-contrast(#e8f5e9);
}
.rx_member-notice>*
{
	padding: 0;
	margin:0;
}
/* member forms */
.rx_simple_member .signin
{
	max-width:400px;
	margin:30px auto;
	box-sizing:border-box
}
.rx_simple_member .sw-body
{
	box-sizing:border-box;
	background:#ffffff;
	margin: 0 0 20px;
	border: 1px solid #e0e0e0;
}
.rx_simple_member .sw-body>*
{
	padding: 20px;
	margin:0;
	border: 0;
}
.rx_simple_member .sw-body h1
{
	margin:0;
	border-bottom: 1px solid #e0e0e0;
}
.rx_simple_member form div.control-group>*, .rx_simple_member .sw-body dl>*
{
	display:block;
	position:relative;
	box-sizing: border-box;
	width:100%;
	min-height:25px;
	margin:0px;
	margin-top: 10px;
}
.rx_simple_member form div.control-group>*:first-child
{
	margin-top: 0;
}
.rx_simple_member form div.control-group>input, .rx_simple_member form div.control-group>select
{
	border: 1px solid #bdbdbd;
	border-radius: 0;
	font-size:14px;
	line-height: 18px;
	margin-top: 0;
	padding:8px 8px 6px;
	-webkit-appearance: none;
}
.rx_simple_member .sw-body dl>*
{
	list-style:none;
	border-bottom: 1px solid #e0e0e0;
}
.rx_simple_member .sw-body dl dt, .rx_simple_member form>div.control-group>label
{
	font-weight: bold;
	border:0;
}
.rx_simple_member form
{
	overflow: hidden;
	width:100%;
	white-space: normal;
	box-sizing: border-box;
}
.rx_simple_member form div.control-group>input[type="submit"], .rx_simple_member .sw-footer>a, .rx_simple_member .sw-anchor-buttons a
{
	display:block;
	.bg-contrast(#fff, lighten(@color,10%),darken(@color,10%));
	text-weight: bold;
	border: medium none;
	color: #fff;
	padding: 10px;
	vertical-align: bottom;
}
.rx_simple_member form div.control-group>input[type="submit"], .rx_simple_member .sw-footer{
	margin: 20px 0;
}

/* 상단 탭 스타일 */
.rx_simple_member div.rx_simple_tab{
	overflow: hidden;
	background: #ffffff;
	width:100%;
	height: 52px;
	white-space: nowrap;
	border: 1px solid #e0e0e0;
	margin-bottom:5px;
	box-sizing: border-box;
}
.rx_simple_member ul.rx_simple_tab{
	list-style: outside none none;
	margin: 0;
	display: block;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding: 6px 0px 100px;
	text-decoration: none;

}
.rx_simple_member ul.rx_simple_tab>li {
	display:inline-block;
	height: 40px;
	line-height: 18px;
	position: relative;
}
.rx_simple_member ul.rx_simple_tab>li a {
	display:inline-block;
	color: #000;
	font-weight: 400;
	letter-spacing: -1px;
	line-height: 40px;
	text-decoration: none;
}
.rx_simple_member ul.rx_simple_tab>li a:hover, .rx_simple_member ul.rx_simple_tab>li a:focus, .rx_simple_member ul.rx_simple_tab>li.active a {
	.text-contrast(#ffffff, darken(@color,20%), lighten(@color,20%));
	font-weight: 700;
}
.rx_simple_member ul.rx_simple_tab>li a span {
	border-left: 1px solid #e0e0e0;
	padding: 0 15px;
}
.rx_simple_member ul.rx_simple_tab>li:first-child a span {
	border-left: 0 none;
}
.rx_simple_member .sw-footer.sw-anchor-buttons {
	text-align:right;
}
.rx_simple_member .sw-footer.sw-anchor-buttons>a {
	display:inline-block;
}

/* 글 목록 스타일 */
.rx_simple_member .rx_sw_list .cont_a {
	color: #222;
	display: block;
	letter-spacing: -1px;
	line-height: 18px;
	margin: 0;
	overflow: hidden;
	padding: 0.667em 70px 0.733em 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-decoration: none;
}
.rx_simple_member .rx_sw_list .cont_a.no_delete {
	padding-right: 15px;
}
.rx_simple_member .rx_sw_list .cont_a:hover, .rx_simple_member .rx_sw_list .cont_a:focus {
	.text-contrast(#ffffff, darken(@color,20%), lighten(@color,20%));
}
.rx_simple_member .content_basic{
	position:relative;
	display:inline-block;
	max-width:100%;
	vertical-align: middle;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.rx_simple_member .content_subinfo
{
	color: #9e9e9e;
	font-size: 12px;
	margin: 0 3px 0 7px;
	overflow:hidden;
}
.rx_simple_member ul.rx_sw_list {
	list-style: outside none none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #e0e0e0;
}

.rx_simple_member .rx_sw_list li {
	position:relative;
	border-top: 1px solid #e0e0e0;
	overflow: hidden;
	padding:0;
}
.rx_simple_member .rx_sw_list .content_delete{
	position:absolute;
	top:1px;
	right:0;
}
.rx_simple_member .rx_sw_list .content_delete button{
	background: @color;
	font-size: 14px;
	border:0;
	.text-contrast(@color);
	padding: 10px;
	vertical-align: bottom;
}
.rx_simple_member .pagination ul, .rx_simple_member .pagination ul li
{
	display:inline-block;
	list-style: outside none none;
	padding: 0;
	margin: 0;
	border:0;
}
.rx_simple_member .pagination ul
{
	display:block;
	text-align:center;
}
.rx_simple_member .pagination ul li>a, .rx_simple_member .sw-footer>a
{
	display: inline-block;
	background: #fff;
	font-size: 14px;
	border: 1px solid #e0e0e0;
	color: #000;
	padding: 10px;
	min-width:25px;
	text-decoration: none;
	text-align: center;
}
.rx_simple_member .sw-footer>a
{
	display: block;
}
.rx_simple_member .pagination ul li.active>a
{
	.bg-contrast(#000, lighten(@color, 15%), darken(@color, 15%));
	text-weight:bold;
	color:#000;
}

/* button hover */
.rx_simple_member form div.control-group>input[type="submit"]:hover, .rx_simple_member .sw-footer>a:hover, .rx_simple_member .sw-anchor-buttons a:hover, .rx_simple_member .pagination ul li>a:hover, .rx_simple_member .rx_sw_list .content_delete button:hover,
.rx_simple_member form div.control-group>input[type="submit"]:focus, .rx_simple_member .sw-footer>a:focus, .rx_simple_member .sw-anchor-buttons a:focus, .rx_simple_member .pagination ul li>a:focus, .rx_simple_member .rx_sw_list .content_delete button:focus

{
	.bg-contrast(#fff, lighten(@color, 13%), darken(@color, 13%));
	color:#fff;
}

@charset "UTF-8";

@color: rgb(@red, @green, @blue);

script, style
{
	display:none!important;
}
.rx_simple_member
{
	font-family: "맑은 고딕", "Apple SD Gothic Neo","나눔고딕",NanumGothic,'Nanum Gothic',Arial,Helvetica,sans-serif;
	font-size: 14px;
	margin: 8px 0px;
	padding: 0 15px;
}

.rx_simple_member a
{
	color: @color;
	text-decoration: none;
}
/* Horizontal Align */
.rx_simple_member .pos-right
{
	position:absolute;
	right:0
}
/* message */
.rx_member-notice, .rx_member-notice.info
{
	background: lighten(@color, 43%);
	color: contrast(lighten(@color, 43%));
	padding: 15px;
	margin:0;
	margin-top:0;
	text-align: justify;
}
.rx_member-notice.error
{
	background: #fff3e0;
	color: contrast(#fff3e0);
}
.rx_member-notice.update
{
	background: #e8f5e9;
	color: contrast(#e8f5e9);
}
.rx_member-notice>*
{
	padding: 0;
	margin:0;
}
/* member forms */
.rx_simple_member .signin
{
	max-width:400px;
	margin:30px auto;
	box-sizing:border-box
}
.rx_simple_member .sw-body
{
	box-sizing:border-box;
	background-color:#ffffff;
	margin: 0 0 20px;
	border: 1px solid #e0e0e0;
}
.rx_simple_member .sw-body>*
{
	padding: 20px;
	margin:0;
	border: 0;
}
.rx_simple_member .sw-body h1
{
	margin:0;
	border-bottom: 1px solid #e0e0e0;
}
.rx_simple_member form div.control-group>*, .rx_simple_member .sw-body dl>*
{
	display:block;
	position:relative;
	box-sizing: border-box;
	width:100%;
	min-height:25px;
	margin:0px;
	margin-top: 10px;
}
.rx_simple_member form div.control-group>*:first-child
{
	margin-top: 0;
}
.rx_simple_member form div.control-group>input, .rx_simple_member form div.control-group>select
{
	border: 1px solid #bdbdbd;
	border-radius: 0;
	font-size:14px;
	line-height: 18px;
	margin-top: 0;
	padding:8px 8px 6px;
	-webkit-appearance: none;
}
.rx_simple_member .sw-body dl>*
{
	list-style:none;
	border-bottom: 1px solid #e0e0e0;
}
.rx_simple_member .sw-body dl dt, .rx_simple_member form>div.control-group>label
{
	font-weight: bold;
	border:0;
}
.rx_simple_member form
{
	overflow: hidden;
	width:100%;
	white-space: normal;
	box-sizing: border-box;
}
.rx_simple_member form div.control-group>input[type="submit"], .rx_simple_member .sw-footer>a, .rx_simple_member .sw-anchor-buttons a
{
	display:block;
	background: @color;
	border: medium none;
	color: contrast(@color);
	padding: 10px;
	vertical-align: bottom;
}
.rx_simple_member form div.control-group>input[type="submit"], .rx_simple_member .sw-footer{
	margin: 20px 0;
}

/* 상단 탭 스타일 */
.rx_simple_member div.rx_simple_tab{
	overflow: hidden;
	background: #ffffff;
	width:100%;
	height: 52px;
	white-space: nowrap;
	border: 1px solid #e0e0e0;
	margin-bottom:5px;
	box-sizing: border-box;
}
.rx_simple_member ul.rx_simple_tab{
	list-style: outside none none;
	margin: 0;
	display: block;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding: 6px 0px 100px;
	text-decoration: none;

}
.rx_simple_member ul.rx_simple_tab>li {
	display:inline-block;
	height: 40px;
	line-height: 18px;
	position: relative;
}
.rx_simple_member ul.rx_simple_tab>li a {
	display:inline-block;
	color: #000;
	font-weight: 400;
	letter-spacing: -1px;
	line-height: 40px;
	text-decoration: none;
}
.rx_simple_member ul.rx_simple_tab>li a:hover, .rx_simple_member ul.rx_simple_tab>li a:focus, .rx_simple_member ul.rx_simple_tab>li.active a {
	color: contrast(#ffffff, darken(@color,20%), lighten(@color,20%));
	font-weight: 700;
}
.rx_simple_member ul.rx_simple_tab>li a span {
	border-left: 1px solid #e0e0e0;
	padding: 0 15px;
}
.rx_simple_member ul.rx_simple_tab>li:first-child a span {
	border-left: 0 none;
}
.rx_simple_member .sw-footer.sw-anchor-buttons {
	text-align:right;
}
.rx_simple_member .sw-footer.sw-anchor-buttons>a {
	display:inline-block;
}

/* 글 목록 스타일 */
.rx_simple_member .rx_sw_list .cont_a {
	color: #222;
	display: block;
	letter-spacing: -1px;
	line-height: 18px;
	margin: 0;
	overflow: hidden;
	padding: 0.667em 70px 0.733em 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-decoration: none;
}
.rx_simple_member .rx_sw_list .cont_a.no_delete {
	padding-right: 15px;
}
.rx_simple_member .rx_sw_list .cont_a:hover, .rx_simple_member .rx_sw_list .cont_a:focus {
	color: contrast(#ffffff, darken(@color,20%), lighten(@color,20%));
}
.rx_simple_member .content_basic{
	position:relative;
	display:inline-block;
	max-width:100%;
	vertical-align: middle;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.rx_simple_member .content_subinfo
{
	color: #9e9e9e;
	font-size: 12px;
	margin: 0 3px 0 7px;
	overflow:hidden;
}
.rx_simple_member ul.rx_sw_list {
	list-style: outside none none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #e0e0e0;
}

.rx_simple_member .rx_sw_list li {
	position:relative;
	border-top: 1px solid #e0e0e0;
	overflow: hidden;
	padding:0;
}
.rx_simple_member .rx_sw_list .content_delete{
	position:absolute;
	top:1px;
	right:0;
}
.rx_simple_member .rx_sw_list .content_delete button{
	background: @color;
	font-size: 14px;
	border:0;
	color: contrast(@color);
	padding: 10px;
	vertical-align: bottom;
}
.rx_simple_member .pagination ul, .rx_simple_member .pagination ul li
{
	display:inline-block;
	list-style: outside none none;
	padding: 0;
	margin: 0;
	border:0;
}
.rx_simple_member .pagination ul
{
	display:block;
	text-align:center;
}
.rx_simple_member .pagination ul li>a, .rx_simple_member .sw-footer>a
{
	display: inline-block;
	background: #fff;
	font-size: 14px;
	border: 1px solid #e0e0e0;
	color: #000;
	padding: 10px;
	min-width:25px;
	text-decoration: none;
	text-align: center;
}
.rx_simple_member .sw-footer>a
{
	display: block;
}
.rx_simple_member .pagination ul li.active>a
{
	background: @color;
	color: contrast(@color);
}

/* button hover */
.rx_simple_member form div.control-group>input[type="submit"]:hover, .rx_simple_member .sw-footer>a:hover, .rx_simple_member .sw-anchor-buttons a:hover, .rx_simple_member .pagination ul li>a:hover, .rx_simple_member .rx_sw_list .content_delete button:hover,
.rx_simple_member form div.control-group>input[type="submit"]:focus, .rx_simple_member .sw-footer>a:focus, .rx_simple_member .sw-anchor-buttons a:focus, .rx_simple_member .pagination ul li>a:focus, .rx_simple_member .rx_sw_list .content_delete button:focus

{
	background: lighten(@color, 10%);
	color: contrast(lighten(@color, 10%));
}


Add more icon only status-bar tiles

Add more icon only status-bar tiles

@status-bar-height: @ui-tab-height; // same as tabs
@status-bar-padding: @ui-padding;

.status-bar {
  font-size: @ui-size;
  height: @status-bar-height;
  line-height: @status-bar-height;
  background-color: @level-3-color;

  .flexbox-repaint-hack {
    padding: 0; // override default
  }

  // underlines should only be used for external links
  a:hover,
  a:focus {
    text-decoration: none;
    cursor: default;
  }

  .inline-block {
    margin: 0; // override default
    padding: 0 @status-bar-padding/2;
    vertical-align: top;

    &:hover {
      background-color: @level-3-color-hover;
    }
    &:active {
      background-color: @level-3-color-active;
    }

    // reset on child inline-block
    .inline-block {
      margin: 0;
      padding: 0;
    }
  }

  .status-bar-right {
    .inline-block {
      margin-left: 0; // override default
    }
  }
  .icon {
    vertical-align: middle;
  }
  .icon::before {
    font-size: 1.33333em; // should be 16px with a default of 12px
  	width: auto; // use natural width
    line-height: 1;
    height: 1em; // same as line-height
    margin-right: .25em;
    top: auto;
  }
}

// Package overrides -------------------------------

.status-bar.status-bar {

  // Read-only -> Remove hover effect
  .is-read-only, // <- use this class in packages
  status-bar-launch-mode,
  busy-signal {
    &:hover,
    &:active,
    .inline-block:hover,
    .inline-block:active {
      background-color: transparent;
    }
  }

  // Remove underline
  .package-updates-status-view,
  .github-ChangedFilesCount {
    &:hover,
    &:focus {
      text-decoration: none;
      cursor: default;
    }
  }

  // Remove margin for icon without text
  status-bar-launch-mode::before, // Launch mode
  .about-release-notes::before, // New release squirrel
  .PortalStatusBarIndicator .icon::before, // Teletype
  .icon.is-icon-only::before {
    margin-right: 0;
  }
  .github-PushPull-label.is-push:empty { // GitHub package when nothing to push
    margin-right: -.25em;
  }
}

@status-bar-height: @ui-tab-height; // same as tabs
@status-bar-padding: @ui-padding;

.status-bar {
  font-size: @ui-size;
  height: @status-bar-height;
  line-height: @status-bar-height;
  background-color: @level-3-color;

  .flexbox-repaint-hack {
    padding: 0; // override default
  }

  // underlines should only be used for external links
  a:hover,
  a:focus {
    text-decoration: none;
    cursor: default;
  }

  .inline-block {
    margin: 0; // override default
    padding: 0 @status-bar-padding/2;
    vertical-align: top;

    &:hover {
      background-color: @level-3-color-hover;
    }
    &:active {
      background-color: @level-3-color-active;
    }

    // reset on child inline-block
    .inline-block {
      margin: 0;
      padding: 0;
    }
  }

  .status-bar-right {
    .inline-block {
      margin-left: 0; // override default
    }
  }

  .icon {
   vertical-align: middle;
 }
 .icon::before {
   font-size: 1.33333em; // should be 16px with a default of 12px
   width: auto; // use natural width
   line-height: 1;
   height: 1em;
   margin-right: .25em;
   top: auto;
 }

  // Dev mode
  .icon-color-mode.text-error::before {
    content: "\f0dd";
    color:@ui-site-color-2;
  }
}

// Package overrides -------------------------------

.status-bar.status-bar {
  // Read-only -> Remove hover effect
  .is-read-only, // <- use this class in packages
  status-bar-launch-mode,
  busy-signal {
    &:hover,
    &:active,
    .inline-block:hover,
    .inline-block:active {
      background-color: transparent;
    }
  }

  // Remove underline
  .package-updates-status-view,
  .github-ChangedFilesCount {
    &:hover,
    &:focus {
      text-decoration: none;
      cursor: default;
    }
  }
}


Fix blob files view height

Fix blob files view height

// Theme
@import "variables.less";

@diff-offset-light:  #d6adeb;
@diff-offset-dark:   #9933cc;
@diff-added-light:   #c5e26d;
@diff-added-dark:    #669900;
@diff-removed-light: #ff9494;
@diff-removed-dark:  #cc0000;
@separator-line:     @list-group-border;

.no-select() {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

html, body {
    height: 100%;
    width: 100%;
}

body {
    display: flex;
    align-items: stretch;
    margin: 0;
    font: 10pt sans-serif;
}

#sidebar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 100%;
    width: 14em;
    background-color: @gray-dark;

    #sidebar-logo {
        display: block;
        margin: 8px auto 8px auto;
        height: 2em;
        text-align: center;
    }

    .branch-current {
        font-weight: bold;
    }

    #sidebar-content {
        flex: 1;
        width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        cursor: default;
        border-top: 1px solid darken(@gray-dark, 10%);
        color: @gray-lighter;

        > :first-child {
            border-top: 1px solid darken(@separator-line, 50%);
        }

        h4:before {
            vertical-align: middle;
            margin: @padding-base-horizontal;
        }

        h4 {
            vertical-align: baseline;
            margin: 0.5em 0 0 0;
        }

        > section {
            h4 {
                font-size: 125%;
                cursor: pointer;
                padding: @padding-large-vertical 0;
            }
        }

        #sidebar-workspace h4:before {
            content: url(/img/computer.svg);
        }

        #sidebar-remote h4:before {
            content: url(/img/daemon.svg);
        }

        #sidebar-branches h4:before {
            content: url(/img/branch.svg);
        }

        #sidebar-tags h4:before {
            content: url(/img/tag.svg);
        }

        ul {
            margin: 0;
            padding: 0;
        }

        li:before {
            content: "\2022";
            margin: @padding-base-horizontal;
        }

        li {
            cursor: pointer;
            padding: @padding-base-vertical 0 @padding-base-vertical 1em;
        }

        .active {
            background-color: @brand-primary;
        }
    }

    .modal-dialog {

        .list-group-item {
            border: 0;
        }
    }
}

#main-view {
    flex: 1;
    height: 100%;

    .jumbotron {
        height: 100%;
        margin: 0;

        h1 {
            font-size: 36pt;
            margin-top: 0;
        }
    }
}

#history-view {
    display: flex;
    align-items: stretch;
    height: 100%;
    width: 100%;
}

#log-view {
    height: 100%;
    width: 100%;
    overflow-y: auto;
    cursor: default;
    margin-bottom: 0;
    border-right: 1px @separator-line solid;

    .log-entry:first-child {
        border-top-width: 0;
    }

    .log-entry {
        padding: @padding-small-vertical @padding-small-horizontal;

        header {
            display: flex;
            align-items: baseline;

            h6 {
                font-weight: bold;
                margin-top: 0;

                a {
                    color: inherit;
                }
            }

            .badge {
                font-family: @font-family-monospace;
            }

            .log-entry-date {
                margin-left: auto;
            }
        }
    }

    .log-entry-more {
        padding: @padding-large-vertical @padding-large-horizontal;

        a {
            display: block;
            width: 100%;
            text-align: center;
        }
    }
}

#commit-view {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;

    #commit-view-header {
        border: solid @list-group-border;
        border-width: 0 0 1px 0;
    }

    #commit-view-content {
        display: flex;
        flex: 1;
        flex-direction: column;
        width: 100%;
    }
}

.diff-view-container {
    display: flex;
    flex: 1;
    flex-direction: column;
    border: 0;
    margin: 0;

    .panel-heading {
        margin: 0;
        padding: @padding-small-vertical @padding-large-horizontal;
        display: flex;

        .btn-group {
            display: flex;
            align-items: baseline;

            span {
                padding-left: @padding-xs-horizontal;
            }
        }
    }

    .panel-body {
        display: flex;
        flex: 1;
        padding: 0;

        &:before {
            display: block;
        }

        .diff-view {
            flex: 1;
            overflow: auto;

            &:nth-child(2) {
                border: solid @separator-line;
                border-width: 0 0 0 1px;
            }

            .diff-view-lines {
                width: 100%;
                display: table;

                .diff-view-line {
                    margin: 0;
                    padding: 0 0.3em 0 0.3em;
                    background-color: white;
                    border: 0;
                }

                .diff-line-header {
                    font-weight: bold;
                    background-color: @gray-lighter;
                }

                .diff-line-phantom {
                    background-color: @gray-lighter;
                }

                .diff-line-header.diff-line-add {
                    background-color: @gray-lighter;
                    color: @diff-added-dark;
                }

                .diff-line-header.diff-line-del {
                    background-color: @gray-lighter;
                    color: @diff-removed-dark;
                }

                .diff-line-header.diff-line-offset {
                    background-color: @gray-lighter;
                    color: @diff-offset-dark;
                }

                .diff-line-add {
                    background-color: @diff-added-light;
                }

                .diff-line-del {
                    background-color: @diff-removed-light;
                }

                .diff-line-offset {
                    background-color: @diff-offset-light;
                }
            }
        }
    }
}

#tree-view {
    width: 100%;
    height: 100%;
    flex: 1;
    flex-direction: column;
    display: flex;

    .breadcrumb {
        padding: @padding-large-vertical @padding-large-horizontal;
        margin-bottom: 0;
        border-bottom: 1px @separator-line solid;
    }

    #tree-view-tree-content {
        width: 100%;
        height: 100%;
        overflow: auto;
        flex: 1;
    }

    #tree-view-blob-content {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        flex: 1;

        iframe {
            flex: 1;
            width: 100%;
            height: 100%;
            border: 0;
        }
    }

    .list-group-item {
        display: flex;
        cursor: pointer;
        border: 0;
        padding: @padding-small-vertical @padding-small-horizontal;
    }

    .list-group-item > :first-child {
        flex: 1;
    }

    .list-group-item > :last-child {
        width: 2em;
    }

    .tree-item-tree:before {
        content: url(/img/folder.svg);
        vertical-align: middle;
        margin: 0.3em;
    }

    .tree-item-blob:before {
        content: url(/img/file.svg);
        vertical-align: middle;
        margin: 0.3em;
    }

    .tree-item-symlink {
        font-style: italic;
    }
}

#workspace-view {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 100%;
    width: 100%;

    #workspace-diff-view {
        display: flex;
        flex: 2;
        overflow: auto;
    }

    #workspace-editor {
        .no-select();

        flex: 1;
        display: flex;
        align-items: stretch;
        border: solid @separator-line;
        border-width: 1px 0 0 0;
        cursor: default;

        #working-copy-view, #staging-area-view {
            flex: 2;

            .file-list-container {
                flex: 1;
                overflow: auto;

                .list-group {
                    display: table;
                    margin: 0;
                    width: 100%;

                    .list-group-item:first-child {
                        border-top: 0;
                    }

                    .list-group-item {
                        padding: @padding-small-vertical @padding-small-horizontal;
                        border-left: 0;
                        border-right: 0;
                        white-space: nowrap;
                    }
                }
            }
        }

        #commit-message-view {
            flex: 3;

            textarea {
                flex: 1;
                resize: none;
                margin: 0;
                border: 0;
                outline: none;
                padding: 0.3em;
            }
        }

        .panel {
            display: flex;
            flex-direction: column;
            margin: 0;
            border-width: 0 1px 0 0;
            border-style: solid;
            border-color: @separator-line;

            .panel-heading {
                padding: @padding-small-vertical @padding-small-horizontal;
                display: flex;
                align-items: center;

                h5 {
                    flex: 1;
                    margin: 0;
                }
            }
        }

        .panel:last-child {
            border-width: 0;
        }
    }
}

// Theme
@import "variables.less";

@diff-offset-light:  #d6adeb;
@diff-offset-dark:   #9933cc;
@diff-added-light:   #c5e26d;
@diff-added-dark:    #669900;
@diff-removed-light: #ff9494;
@diff-removed-dark:  #cc0000;
@separator-line:     @list-group-border;

.no-select() {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

html, body {
    height: 100%;
    width: 100%;
}

body {
    display: flex;
    align-items: stretch;
    margin: 0;
    font: 10pt sans-serif;
}

#sidebar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 100%;
    width: 14em;
    background-color: @gray-dark;

    #sidebar-logo {
        display: block;
        margin: 8px auto 8px auto;
        height: 2em;
        text-align: center;
    }

    .branch-current {
        font-weight: bold;
    }

    #sidebar-content {
        flex: 1;
        width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        cursor: default;
        border-top: 1px solid darken(@gray-dark, 10%);
        color: @gray-lighter;

        > :first-child {
            border-top: 1px solid darken(@separator-line, 50%);
        }

        h4:before {
            vertical-align: middle;
            margin: @padding-base-horizontal;
        }

        h4 {
            vertical-align: baseline;
            margin: 0.5em 0 0 0;
        }

        > section {
            h4 {
                font-size: 125%;
                cursor: pointer;
                padding: @padding-large-vertical 0;
            }
        }

        #sidebar-workspace h4:before {
            content: url(/img/computer.svg);
        }

        #sidebar-remote h4:before {
            content: url(/img/daemon.svg);
        }

        #sidebar-branches h4:before {
            content: url(/img/branch.svg);
        }

        #sidebar-tags h4:before {
            content: url(/img/tag.svg);
        }

        ul {
            margin: 0;
            padding: 0;
        }

        li:before {
            content: "\2022";
            margin: @padding-base-horizontal;
        }

        li {
            cursor: pointer;
            padding: @padding-base-vertical 0 @padding-base-vertical 1em;
        }

        .active {
            background-color: @brand-primary;
        }
    }

    .modal-dialog {

        .list-group-item {
            border: 0;
        }
    }
}

#main-view {
    flex: 1;
    height: 100%;

    .jumbotron {
        height: 100%;
        margin: 0;

        h1 {
            font-size: 36pt;
            margin-top: 0;
        }
    }
}

#history-view {
    display: flex;
    align-items: stretch;
    height: 100%;
    width: 100%;
}

#log-view {
    height: 100%;
    width: 100%;
    overflow-y: auto;
    cursor: default;
    margin-bottom: 0;
    border-right: 1px @separator-line solid;

    .log-entry:first-child {
        border-top-width: 0;
    }

    .log-entry {
        padding: @padding-small-vertical @padding-small-horizontal;

        header {
            display: flex;
            align-items: baseline;

            h6 {
                font-weight: bold;
                margin-top: 0;

                a {
                    color: inherit;
                }
            }

            .badge {
                font-family: @font-family-monospace;
            }

            .log-entry-date {
                margin-left: auto;
            }
        }
    }

    .log-entry-more {
        padding: @padding-large-vertical @padding-large-horizontal;

        a {
            display: block;
            width: 100%;
            text-align: center;
        }
    }
}

#commit-view {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;

    #commit-view-header {
        border: solid @list-group-border;
        border-width: 0 0 1px 0;
    }

    #commit-view-content {
        display: flex;
        flex: 1;
        flex-direction: column;
        width: 100%;
    }
}

.diff-view-container {
    display: flex;
    flex: 1;
    flex-direction: column;
    border: 0;
    margin: 0;

    .panel-heading {
        margin: 0;
        padding: @padding-small-vertical @padding-large-horizontal;
        display: flex;

        .btn-group {
            display: flex;
            align-items: baseline;

            span {
                padding-left: @padding-xs-horizontal;
            }
        }
    }

    .panel-body {
        display: flex;
        flex: 1;
        padding: 0;

        &:before {
            display: block;
        }

        .diff-view {
            flex: 1;
            overflow: auto;

            &:nth-child(2) {
                border: solid @separator-line;
                border-width: 0 0 0 1px;
            }

            .diff-view-lines {
                width: 100%;
                display: table;

                .diff-view-line {
                    margin: 0;
                    padding: 0 0.3em 0 0.3em;
                    background-color: white;
                    border: 0;
                }

                .diff-line-header {
                    font-weight: bold;
                    background-color: @gray-lighter;
                }

                .diff-line-phantom {
                    background-color: @gray-lighter;
                }

                .diff-line-header.diff-line-add {
                    background-color: @gray-lighter;
                    color: @diff-added-dark;
                }

                .diff-line-header.diff-line-del {
                    background-color: @gray-lighter;
                    color: @diff-removed-dark;
                }

                .diff-line-header.diff-line-offset {
                    background-color: @gray-lighter;
                    color: @diff-offset-dark;
                }

                .diff-line-add {
                    background-color: @diff-added-light;
                }

                .diff-line-del {
                    background-color: @diff-removed-light;
                }

                .diff-line-offset {
                    background-color: @diff-offset-light;
                }
            }
        }
    }
}

#tree-view {
    width: 100%;
    height: 100%;
    flex: 1;
    flex-direction: column;
    display: flex;

    .breadcrumb {
        padding: @padding-large-vertical @padding-large-horizontal;
        margin-bottom: 0;
        border-bottom: 1px @separator-line solid;
    }

    #tree-view-tree-content {
        width: 100%;
        height: 100%;
        overflow: auto;
        flex: 1;
    }

    #tree-view-blob-content {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;

        iframe {
            flex: 1;
            width: 100%;
            height: 100%;
            border: 0;
        }
    }

    .list-group-item {
        display: flex;
        cursor: pointer;
        border: 0;
        padding: @padding-small-vertical @padding-small-horizontal;
    }

    .list-group-item > :first-child {
        flex: 1;
    }

    .list-group-item > :last-child {
        width: 2em;
    }

    .tree-item-tree:before {
        content: url(/img/folder.svg);
        vertical-align: middle;
        margin: 0.3em;
    }

    .tree-item-blob:before {
        content: url(/img/file.svg);
        vertical-align: middle;
        margin: 0.3em;
    }

    .tree-item-symlink {
        font-style: italic;
    }
}

#workspace-view {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 100%;
    width: 100%;

    #workspace-diff-view {
        display: flex;
        flex: 2;
        overflow: auto;
    }

    #workspace-editor {
        .no-select();

        flex: 1;
        display: flex;
        align-items: stretch;
        border: solid @separator-line;
        border-width: 1px 0 0 0;
        cursor: default;

        #working-copy-view, #staging-area-view {
            flex: 2;

            .file-list-container {
                flex: 1;
                overflow: auto;

                .list-group {
                    display: table;
                    margin: 0;
                    width: 100%;

                    .list-group-item:first-child {
                        border-top: 0;
                    }

                    .list-group-item {
                        padding: @padding-small-vertical @padding-small-horizontal;
                        border-left: 0;
                        border-right: 0;
                        white-space: nowrap;
                    }
                }
            }
        }

        #commit-message-view {
            flex: 3;

            textarea {
                flex: 1;
                resize: none;
                margin: 0;
                border: 0;
                outline: none;
                padding: 0.3em;
            }
        }

        .panel {
            display: flex;
            flex-direction: column;
            margin: 0;
            border-width: 0 1px 0 0;
            border-style: solid;
            border-color: @separator-line;

            .panel-heading {
                padding: @padding-small-vertical @padding-small-horizontal;
                display: flex;
                align-items: center;

                h5 {
                    flex: 1;
                    margin: 0;
                }
            }
        }

        .panel:last-child {
            border-width: 0;
        }
    }
}


[INTERNAL] sap.m.Title: returned font-size to old parameter

This reverts commit 86225741a596a68ba04dbbb48bf5afa743d1a917.

Change-Id: I11b34b9acf716d9f5964aa1c582d71ec70406de6

/* ============================ */
/* CSS for control sap.m/Title  */
/* Base theme                   */
/* ============================ */

.sapMTitle {
	position: relative;
	display: inline-block;
	margin: 0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	font-weight: @sapUiFontHeaderWeight;
	color: @sapUiGroupTitleTextColor;
	font-family: @sapUiFontHeaderFamily;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: text;
	text-shadow: @sapUiShadowText;
}

.sapMTitle.sapMTitleWrap {
	white-space: pre-line;
	word-wrap: break-word;
}

.sapMTitle.sapMTitleNoWrap {
	white-space: nowrap;
}

.sapMTitleMaxWidth {
	max-width: 100%;
}

/* Level Styling */

/* Level Auto*/

.sapMTitleStyleAuto {
	font-size: @sapMFontHeader5Size;
}

.sapMTB-Transparent-CTX > .sapMTitleTB.sapMTitleStyleAuto {
	font-size: @sapMFontHeader4Size;
}

/* Level H1 */

.sapMTitleStyleH1 {
	font-size: @sapMFontHeader1Size;
}

/* Level H2 */

.sapMTitleStyleH2 {
	font-size: @sapMFontHeader2Size;
}

/* Level H3 */

.sapMTitleStyleH3 {
	font-size: @sapMFontHeader3Size;
}

/* Level H4 */

.sapMTitleStyleH4 {
	font-size: @sapMFontHeader4Size;
}

/* Level H5 */

.sapMTitleStyleH5 {
	font-size: @sapMFontHeader5Size;
}

/* Level H6 */

.sapMTitleStyleH6 {
	font-size: @sapMFontHeader6Size;
}

.sapMIBar-CTX .sapMTitle {
	color: @sapUiPageHeaderTextColor;
	text-shadow: @sapUiShadowText;
}

.sapMTB-Transparent-CTX .sapMTitle {
	text-shadow: none;
}

.sapMIBar-CTX.sapMFooter-CTX .sapMTitle {
	color: @sapUiPageFooterTextColor;
	text-shadow: @sapUiShadowText;
}

/* DynamicPageTitle Heading-CTX */
.sapFDynamicPageTitleHeading-CTX > .sapMTitle {
	margin-top: 0;
}

/* Link in Title */
.sapMTitle .sapMLnk {
	font-size: inherit;
	vertical-align: middle;
}

/* ============================ */
/* CSS for control sap.m/Title  */
/* Base theme                   */
/* ============================ */

.sapMTitle {
	position: relative;
	display: inline-block;
	margin: 0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	font-weight: @sapUiFontHeaderWeight;
	color: @sapUiGroupTitleTextColor;
	font-family: @sapUiFontHeaderFamily;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: text;
	text-shadow: @sapUiShadowText;
}

.sapMTitle.sapMTitleWrap {
	white-space: pre-line;
	word-wrap: break-word;
}

.sapMTitle.sapMTitleNoWrap {
	white-space: nowrap;
}

.sapMTitleMaxWidth {
	max-width: 100%;
}

/* Level Styling */

/* Level Auto*/

.sapMTitleStyleAuto {
	font-size: @sapUiGroupTitleFontSize;
}

.sapMTB-Transparent-CTX > .sapMTitleTB.sapMTitleStyleAuto {
	font-size: @sapUiGroupTitleFontSize;
}

/* Level H1 */

.sapMTitleStyleH1 {
	font-size: @sapMFontHeader1Size;
}

/* Level H2 */

.sapMTitleStyleH2 {
	font-size: @sapMFontHeader2Size;
}

/* Level H3 */

.sapMTitleStyleH3 {
	font-size: @sapMFontHeader3Size;
}

/* Level H4 */

.sapMTitleStyleH4 {
	font-size: @sapMFontHeader4Size;
}

/* Level H5 */

.sapMTitleStyleH5 {
	font-size: @sapMFontHeader5Size;
}

/* Level H6 */

.sapMTitleStyleH6 {
	font-size: @sapMFontHeader6Size;
}

.sapMIBar-CTX .sapMTitle {
	color: @sapUiPageHeaderTextColor;
	text-shadow: @sapUiShadowText;
}

.sapMTB-Transparent-CTX .sapMTitle {
	text-shadow: none;
}

.sapMIBar-CTX.sapMFooter-CTX .sapMTitle {
	color: @sapUiPageFooterTextColor;
	text-shadow: @sapUiShadowText;
}

/* DynamicPageTitle Heading-CTX */
.sapFDynamicPageTitleHeading-CTX > .sapMTitle {
	margin-top: 0;
}

/* Link in Title */
.sapMTitle .sapMLnk {
	font-size: inherit;
	vertical-align: middle;
}


Fix "transparent" being actually "black-transparent" in Safari

/*
 * Panels
 */

// Base class
.panel {
  margin-bottom: 20px;
  background-color: @panel-bg;
  border: 1px solid @panel-border;
  border-radius: @panel-border-radius;
  .box-shadow(0 1px 1px rgba(0,0,0,.05));

  h3 {
    font-size: @font-size-large;
    line-height: @line-height-large;
  }

  // Optional heading
  .panel-heading {
    display: block;
    background-color: @panel-heading-bg;
    margin: 0 0 10px 0;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 22px;
    line-height: 24px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid @panel-border;
    border-radius: 0;
    padding: 10px 0;
    font-weight: normal;
  }

  // Optional footer
  /*
  .panel-footer {
    margin: 15px -15px -15px;
    padding: 10px 15px;
    border: 1px solid @panel-bg;
    background-color: @panel-footer-bg;
    border-bottom-left-radius:  (@panel-border-radius - 1);
    border-bottom-right-radius: (@panel-border-radius - 1);
  }
  */
  &.panel-disabled {
    opacity: 0.4;
  }
  &.panel-loading {
    &, * {
      color: lighten(@gray-lighter, 2%) !important;
    }
  }

  // Use this to wrap long texts into shorter box with "show more" link at the bottom
  .panel-more-wrap {
    position: relative;
    .panel-more-excerpt {
      //position: absolute;
    }
    .panel-more-fade {
      position: absolute;
      bottom: 0;
      display: block;
      width: 100%;
      text-align: center;
      cursor: pointer;
      padding: 120px 0 5px 0;
      font-weight: bold;

      // Vertical gradient, from top to bottom
      #gradient.vertical(rgba(red(@panel-bg), green(@panel-bg), blue(@panel-bg), 0); rgba(red(@panel-bg), green(@panel-bg), blue(@panel-bg), 0.96); 0%; 80%);
      &:hover {
        .transition(color 0.4s);
        color: lighten(@text-color, 40%);
      }
    }
  }

}

/*
 * Panels
 */

// Base class
.panel {
  margin-bottom: 20px;
  background-color: @panel-bg;
  border: 1px solid @panel-border;
  border-radius: @panel-border-radius;
  .box-shadow(0 1px 1px rgba(0,0,0,.05));

  h3 {
    font-size: @font-size-large;
    line-height: @line-height-large;
  }

  // Optional heading
  .panel-heading {
    display: block;
    background-color: @panel-heading-bg;
    margin: 0 0 10px 0;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 22px;
    line-height: 24px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid @panel-border;
    border-radius: 0;
    padding: 10px 0;
    font-weight: normal;
  }

  // Optional footer
  /*
  .panel-footer {
    margin: 15px -15px -15px;
    padding: 10px 15px;
    border: 1px solid @panel-bg;
    background-color: @panel-footer-bg;
    border-bottom-left-radius:  (@panel-border-radius - 1);
    border-bottom-right-radius: (@panel-border-radius - 1);
  }
  */
  &.panel-disabled {
    opacity: 0.4;
  }
  &.panel-loading {
    &, * {
      color: lighten(@gray-lighter, 2%) !important;
    }
  }

  // Use this to wrap long texts into shorter box with "show more" link at the bottom
  .panel-more-wrap {
    position: relative;
    .panel-more-excerpt {
      //position: absolute;
    }
    .panel-more-fade {
      position: absolute;
      bottom: 0;
      display: block;
      width: 100%;
      text-align: center;
      cursor: pointer;
      padding: 120px 0 5px 0;
      font-weight: bold;

      // Vertical gradient, from top to bottom
      #gradient.vertical(transparent; rgba(red(@panel-bg), green(@panel-bg), blue(@panel-bg), 0.96); 0%; 80%);
      &:hover {
        .transition(color 0.4s);
        color: lighten(@text-color, 40%);
      }
    }
  }

}