less fix for markdeep: prevent double bootstrap declarations

/*
*= require_self
*= require rundeck1
*/
  @import "markdeep";
  @import "nav-links";

  @popover-wide-max-width: 500px;

  @base-item-padding-vertical: 8px;
  @base-item-padding-horizontal: 10px;
  @list-group-item-padding-vertical: @base-item-padding-vertical;
  @list-group-item-padding-horizontal: @base-item-padding-horizontal;

  body {
    //   padding-bottom: ((32px + @navbar-margin-bottom));
  }
  @brand-light: lighten(@brand-primary, 30%);
  a{
    text-decoration: underline;
    .nav li &,
    .pager li &,
    .dropdown-menu li &,
    &.navbar-brand,
    &.btn,
    &.list-group-item,
    .summary-count,
    &.close
    {
      text-decoration: none;
    }
  }
  /* brand navbar */
  .navbar-default
  .navbar-brand{
    font-family: 'Futura';
    text-transform: uppercase;
    background-color: #000000;
    &:hover, &:focus{
      color: red;
      background-color: #000000;
    }
  }

  /*
  text placeholders/labels that fit into nav and nav-pills
  */

  .nav {
    > li {
      > span.nav-text {
        position: relative;
        display: block;
        padding: @nav-link-padding;
      }
    }
  }

  .nav-pills {
    > li {
      // Links rendered as pills
      > span.nav-text {
        border-radius: 5px;
      }
    }
  }

    /* Reset the container */
  .container {
    max-width: none !important;
    width: auto;
  }
  .footer {
    margin-top: @navbar-margin-bottom;
    font-size: @font-size-small;
    color: @gray-light;
    position: relative;
    clear: both;
    padding: 10px 20px;
  }
  .auto-caret-open{
    .glyphicon();
    .glyphicon-chevron-down();
  }
  .auto-caret{
    .glyphicon();
    .glyphicon-chevron-right();
  }
  .auto-caret-container{
    .auto-caret, .auto-caret-left {
      .glyphicon();
      .glyphicon-chevron-down();
    }
  }
  .active{
    > .auto-caret, > .auto-caret-left {
      .glyphicon();
      .glyphicon-chevron-down();
    }
    > * > .auto-caret, > * > .auto-caret-left {
      .glyphicon();
      .glyphicon-chevron-down();
    }
  }
  .auto-caret-left{
    .glyphicon();
    .glyphicon-chevron-left();
  }
  /* use glyphicon folder icons */
  .expandComponentHolder  > div > span.expandComponentControl.jobgroupexpand span.foldertoggle{
    width: 16px;
    height: 14px;
    display: inline-block;
      .glyphicon();
      .glyphicon-folder-close();
  }
  .expandComponentHolder.expanded  > div > span.expandComponentControl.jobgroupexpand span.foldertoggle{
    width: 16px;
    /*padding-bottom:14px;*/
    height: 14px;
    display: inline-block;
      .glyphicon();
      .glyphicon-folder-open();
  }
  .glyphicon-td{
    position: inherit;
    top: auto;
    display: table-cell;
  }
  .table.table-embed{
    margin-bottom: 0;
  }
  table.execoutput tr.contextRow td.expandicon.opened {
    .auto-caret-open();
    .glyphicon-td();
  }

  table.execoutput tr.contextRow td.expandicon.closed {
    .auto-caret();
    .glyphicon-td();
  }

  table.execoutput tr.contextRow.console td.expandicon.opened {
    .auto-caret-open();
    .glyphicon-td();
  }

  table.execoutput tr.contextRow.console td.expandicon.closed {
    .auto-caret();
    .glyphicon-td();
  }

  //state display
  .nowrunning{
    color: darken(@brand-info, 10%);
    font-weight: bold;
    font-style: italic;
  }
  .execstate{

    &[data-execstate=RETRY] {
      color: @brand-info;
    }
    &[data-execstate=NODE_MIXED], &[data-execstate=TIMEDOUT], &[data-execstate=FAILED-WITH-RETRY] {
      color: orange;
    }
    &[data-execstate=ABORTED]{
      color: @gray;
    }
    &[data-execstate=SUCCEEDED] {
      color: @gray-dark;
    }

    &[data-execstate=NODE_PARTIAL_SUCCEEDED] {
      color: @gray-dark;
    }

    &[data-execstate=RUNNING], .execstate[data-execstate=RUNNING_HANDLER] {
      color: darken(@brand-info, 10%);
    }
    &[data-execstate=RUNNING_HANDLER] {
      border-bottom: 2px dotted orange;
    }

    &[data-execstate=FAILED] {
      color: red;
    }
    &[data-execstate=WAITING], &[data-execstate=NOT_STARTED] {
      color: @gray-darker;
    }
    &[data-execstate=PASS] {
      color: @gray;
    }
    &.isnode[data-execstate]{
      color:inherit;
    }

    &.step{
      &[data-execstate=SUCCEEDED] {
        .glyphicon();
        .glyphicon-check();
      }

      &[data-execstate=RUNNING], &[data-execstate=RUNNING_HANDLER], &[data-execstate=WAITING] {
        .glyphicon();
        .glyphicon-unchecked();
      }

      &[data-execstate=FAILED] {
        .glyphicon();
        .glyphicon-remove-circle();
      }
      &[data-execstate='FAILED-WITH-RETRY'] {
        .glyphicon();
        .glyphicon-repeat();
      }
    }
  }
  .execstate.execstatedisplay{
      &[data-execstate=RUNNING]:after, &[data-execstate=RUNNING_HANDLER]:after {
        content: 'Running';
      }

      &[data-execstate=NODE_MIXED]:after {
        content: 'Mixed';
      }

      &[data-execstate=SUCCEEDED]:after {
        content: 'OK';
      }

      &[data-execstate=NODE_PARTIAL_SUCCEEDED]:after {
        content: 'Partial';
      }

      &[data-execstate=FAILED]:after {
        content: 'Failed';
      }

      &[data-execstate=FAILED-WITH-RETRY]:after {
        content: 'Failed';
      }

      &[data-execstate=ABORTED]:after {
        content: 'Killed';
      }
      &[data-execstate=TIMEDOUT]:after {
        content: 'Timed Out';
      }

      &[data-execstate=WAITING]:after {
        content: 'Waiting';
      }
      &[data-execstate=WAITING][data-next=true]:after {
        content: 'Next Up';
      }

      &[data-execstate=NOT_STARTED]:after {
        content: 'Not Started';
      }
      &.overall{
        &[data-execstate=SUCCEEDED]:after {
          content: 'Succeeded';
          color: @brand-success;
        }
      }
  }

  .wfstepstate, .wfnodestate {
    .subctx{
      .text-muted();
    }
    .stepctx {
      width: 2em;
      display: inline-block;
    }
    .stepnodes {
      margin-left: 10px;
    }

    .nodestatesummary {
      display: none;
    }
    &.collapsed {
      .nodestates {
        display: none;
      }
      .nodestatesummary{
        display: block;
      }
    }
  }
  .wfnodestate{
    border: 1px solid transparent;
    .border-bottom-radius(@border-radius-base);
    .border-top-radius(@border-radius-base);
    .border-right-radius(@border-radius-base);
    .border-left-radius(@border-radius-base);
    .wfnodeoutput{
      max-height: 500px;
      overflow: auto;
      table.execouput{
//        width: auto IMPORTANT!;
      }
    }
    .wfnodeoverall .nodectx{
    }
    &.open{
      border: 1px solid @legend-border-color;
    }
    + .wfnodestate{
      margin-top: @padding-base-vertical;
    }
    .nodename{
      .text-overflow();
    }
    .wfnodestep{
      border: 1px solid transparent;
      .border-bottom-radius(@border-radius-base);
      .border-top-radius(@border-radius-base);
      .border-right-radius(@border-radius-base);
      .border-left-radius(@border-radius-base);
      margin: 4px 0;
      .closed {
        display: none;
      }
    }
    .wfnodestep.open{
      border: 1px solid darken(@legend-border-color,10%);
      .closed {
        display: block;
      }
    }
  }

  .executionshow{
    .runoutput{
      display: none;
    }
    &.affix{
      .runoutput{
        display: block;
      }
    }
  }

  .rdicon.job{
    .glyphicon();
    .glyphicon-book();
    vertical-align: baseline;
  }
  /* use glyphicon for remote option url loading status indicator */
  .remote .remotestatus{
    .glyphicon();
    &.ok{
      color: @brand-success;
      .glyphicon-ok-sign();
    }
    &.error{
      color: @brand-warning;
      .glyphicon-warning-sign();
    }
  }

  .remote .remoteoptionfield:hover{
    background-color: lighten(@brand-info,30%);
    .remotestatus {
      .glyphicon();
      color: @gray;
      .glyphicon-refresh();
    }
  }

  /*
  * job header padding
  */
  .jobInfoSection{
    margin-bottom: 5px;
  }
  .argstring-scrollable {
    max-height: 100px;
    overflow: auto;
  }

  /**
  embed a pager in a column
  */
  .pager{
    &.pager-embed{
      margin-top: 2px;
      margin-bottom: 2px;
    }
    &.pager-right{
      text-align: right;
    }
    &.pager-left{
      text-align: left;
    }
    //alternate sized pager
    &.pager-sm {
      li {
        > a,
        > span {
          padding: 1px 3px;
          border-radius: 3px;
          background:none;
          color: @pagination-bg;
          border: none;
        }
        > a:hover,
        > a:focus {
          border-radius: 3px;
          background: @pagination-bg;
          color: white;
        }
      }
      .disabled {
        > a,
        > a:hover,
        > a:focus,
        > span {
          color: @gray;
          background:none;
          cursor: not-allowed;
        }
      }
    }

  }
  .pagination{

    .disabled {
      &>a,
      &>a:hover,
      &>a:focus,
      &>span {
        background-color: @gray-light;
      }
    }
    &.pagination-embed{
      margin:0;
    }
  }

  // Text button
.textbtn {

  &:hover,
  &:focus,
  &:active,
  &.active
  {
    cursor: pointer;
    text-decoration: underline;
  }
  .nav > li > a&{
    cursor: pointer;
    text-decoration: underline;
  }
}

  .textbtn-on-hover {
    color: @gray;
  }
.textbtn-variant( @color ; @background-color ; @background-higlight) {
    color: @gray;
    background-color: @background-color ;
  &.textbtn-saturated{
    color: @color;
  }
  &.action{
    text-decoration: underline;
  }

  &:hover,
  &:focus,
  &:active,
  &.active,
  &.textbtn-on-hover:hover,
  &.textbtn-on-hover:focus,
  &.textbtn-on-hover:active,
  &.textbtn-on-hover.active
   {
    color: darken(@color, 8%);
    background-color: @background-higlight;
    cursor: pointer;
    text-decoration: underline;
  }

  &:active,
  &.active,
  .open .dropdown-toggle& {
    background-image: none;
  }

  &.disabled,
  &[disabled],
  fieldset[disabled] & {
    color: @gray-light;
    background-color: @background-color;
    &,
    &:hover,
    &:focus,
    &:active,
    &.active {
      color: @gray-light;
      background-color: @background-color;
      cursor: default;
      text-decoration: none;
    }
  }
  &.textbtn-plain{
    text-decoration:none;
  }
  &.query.textbtn {
    border: 1px solid darken(@color, 12%);
    display: inline-block;
    text-decoration: none;
  }
  &.textbtn-on-hover{
    .textbtn-on-hover();
  }

}
.textbtn-default {
  .textbtn-variant(lighten(@brand-primary, 30%),transparent,lighten(@brand-primary, 70%));
}
.textbtn-secondary {
  .textbtn-variant(desaturate(@link-color, 100%),transparent,lighten(desaturate(@link-color, 100%), 50%));
}
.textbtn-muted {
  .textbtn-variant(@text-muted,transparent,lighten(@text-muted, 20%));
}

.textbtn-primary {
  .textbtn-variant(@brand-primary,transparent,lighten(@brand-primary, 50%));
}
// Warning appears as orange
.textbtn-warning {
  .textbtn-variant(@brand-warning,transparent,lighten(@brand-warning, 50%));
}
// Danger and error appear as red
.textbtn-danger {
  .textbtn-variant(@brand-danger,transparent,lighten(@brand-danger, 50%));
}
// Success appears as green
.textbtn-success {
  .textbtn-variant(@brand-success,transparent,lighten(@brand-success, 50%));
}
// Info appears as blue-green
.textbtn-info {
  .textbtn-variant(@brand-info,transparent,lighten(@brand-info, 40%));
}

//represent textual query

    /* query output showing */
  span.query, a.query {

    &.textbtn{
      padding: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      margin-right: 5px;
      border: 1px solid #ddd;
    }

    & span.querykey{
      color: #555;
    }
    &  span.queryvalue.date {
      font-weight: bold;
    }
    & span.querykey {
      color: #555;
    }
    & span.queryvalue {
      color: blue;
    }
    &.textbtn:hover span.queryvalue {
      color: blue;
    }
    & span.querykey.exclude {
      color: #555;
      text-decoration: line-through;
    }
    & span.querykey.include {
//      color: blue;
    }
  }

//div or other block that has a bound action

.action:hover {
  background: @table-bg-hover;
  cursor: pointer;
}
.action.active{
  background: @table-bg-active;
}

.progress {
  height: @line-height-computed;
  .progress-bar {
    line-height: @line-height-computed;
  }
}
.runstatus .progress, .progress.progress-embed{
  margin-bottom: 0;
}
.progress-bar{
  white-space: nowrap;
  padding-left: @border-radius-base;
  border-right: 1px solid darken(@progress-bar-color,20%);
}

.well .progress{
  background-color: darken(@progress-bg,10%);
}
.progress.indefinite{
  .progress-bar{
    width:100% !important;
  }
}
.spacing{
  margin-top: @padding-base-vertical;
}

.spacing-sm {
  margin-top: @padding-small-vertical;
}

.spacing-lg {
  margin-top: @padding-large-vertical;
}
.row{
  &.row-space {
    margin-top: @padding-base-vertical;
  }
  &.row-space-sm {
    margin-top: @padding-small-vertical;
  }
  &.row-space-lg {
    margin-top: @padding-large-vertical;
  }
}
section{
  &.section-space{
    margin-top: @padding-base-vertical;
  }
  &.section-space-sm {
    margin-top: @padding-small-vertical;
  }
  &.section-space-lg {
    margin-top: @padding-large-vertical;
  }
  & + &.section-separator {
    border-top: 1px solid @legend-border-color;
  }
  &.section-separator-solo {
    border-top: 1px solid @legend-border-color;
    border-bottom: 1px solid @legend-border-color;
  }
}

//alternate well without background
.well{
  &.well-nobg{
    background: none;
    border-width: 0;
  }
  &.inline{
    margin:0;
  }
}

//inset a box by the normal column gutter
.col-inset{
  padding-left: (@grid-gutter-width / 2);
}
//border around a column
.col-box {
  border: 1px solid @table-border-color;
}

// clock icon in scheduled job view is gray if job will not fire
.scheduletime{
  > .glyphicon:first-child {
    color:@brand-success;
  }
  &.disabled .glyphicon, &.disabled .detail{
    color:@text-muted;
  }
  &.willnotrun .glyphicon, &.willnotrun .detail{
    color:@brand-warning;
  }
}

//tags for nodes

  .nodetags .tag{
    background-color: @gray-lighter;
  }
  span.tag, a.tag {
  }

  span.tag.active, a.tag.active {
    color: @label-color;
    border: 1px solid @brand-primary;
    background: @label-primary-bg;
  }

  //nodes table
  table.nodesTable th{
    .text-muted();
  }
  table.nodesTable tbody.subattrs td,table.nodesTable tr.subattrs td{
    background-color: @table-bg-accent;
  }

  //content with padding like nav-tabs links
  ul.nav.nav-tabs > li{
    .tabs-sibling {
      float: left;
      position: relative;
      display: block;
      border: 1px solid transparent;
      margin-right: 5px;
      margin-left: 3px;
      padding: 10px 15px;
      label{
        margin-bottom: 0;
      }
      &.tabs-sibling-compact{
        padding:0;
        &.form-inline .input-group .form-control{
          width: 400px;
        }
      }
    }
  }

  //execution status text

  .exec-status{
    &.other, &[data-execstate=OTHER] {
      color: @brand-warning;

      &.icon {
        .glyphicon();
        .glyphicon-asterisk();
      }
    }
    &.fail, &[data-execstate=FAILED] {
      color: @brand-danger;

      &.icon {
        .glyphicon();
        .glyphicon-minus-sign();
      }
    }

    &.running, &[data-execstate=RUNNING] {
      color: @brand-info;

      &.icon {
        .glyphicon();
        .glyphicon-play-circle();
      }
    }

    &.succeed, &[data-execstate=SUCCEEDED] {
      color: @brand-success;

      &.icon {
        .glyphicon();
        .glyphicon-ok-circle();
      }
    }
    &.aborted, &[data-execstate=ABORTED] {
      color: @gray-light;

      &.icon {
        .glyphicon();
        .glyphicon-remove-circle();
      }
    }
    &.timedout, &[data-execstate=TIMEDOUT] {
      color: @brand-warning;

      &.icon {
        .glyphicon();
        .glyphicon-time();
      }
    }
    &.failedretry, &[data-execstate=FAILED-WITH-RETRY] {
      color: @brand-warning;

      &.icon {
        .glyphicon();
        .glyphicon-repeat();
      }
    }
  }
  .exec-status-text.custom-status{
    font-style: italic;
  }
.exec-status-text.custom-status:before{
  content: '“';
}
.exec-status-text.custom-status:after{
  content: '”';
}

  //link color variants
  a {
    &.secondary {
      color: lighten(@link-color, 20%);
      &:hover, &.active {
        color: @link-hover-color;
      }
    }

    //link color for secondary links
    &.primary {
      color: darken(@link-color, 15%);
      &:hover,&.active{
        color: @link-hover-color;
      }
    }
  }

  tr.alternateRow {
    background-color: @table-bg-accent;
    &.selected {
      border: 1px solid #999;
    }
  }

  .tab-content{
    .panel.panel-tab-content,
    .panel.panel-tab-content > .panel-heading,
    .panel.panel-tab-content > .table + .panel-body,
    .list-group.list-group-tab-content .list-group-item:first-child {
      border-top: 0;
      .border-top-radius(0);
    }
  }
  .nav.nav-tabs + .panel.panel-tab-content, .nav.nav-tabs + .panel.panel-tab-content > .table + .panel-body , .nav.nav-tabs + .panel.panel-tab-content > .table  {
      border-top: 0;
      .border-top-radius(0);
  }
  .modal-content{
    .panel.panel-modal-content{
      margin-bottom:0;
    }
  }

  //padding between sequential buttons in a form group
  .form-group .panel-footer, .panel-footer .buttons, .panel-footer.buttons{
    .btn + .btn  {
      margin-left: 5px;
    }
    .btn.pull-right{
      margin-left: 5px;
    }
  }

  //resize control-label to match the input-sm vertical padding
  .form-horizontal .control-label.input-sm{
    padding: @padding-small-vertical @padding-small-horizontal;
  }
  .form-control-static{
    display: inline-block;
    vertical-align: middle;
  }

  //style text like a form label
  .text-form-label {
    margin-bottom: 5px;
    font-weight: bold;
  }

  //embed a form-inline within another form
  .form-horizontal,.form {
    .form-inline .form-group{
      margin-left: 0;
      margin-right: 0;
    }
  }

  /**
   * Nodes page
   */

  //run output in nodes page has horizontal border
  .nodes_run_content{
    margin-top: 10px;
    & .inlineexecution{
      &.panel-body{
        padding:0;
      }
    }
  }

  /** class matchednodes.embed used when showing an embedded list of matched nodes
  */

  .matchednodes.embed{
    .node_entry {
      display: inline-block;
      white-space: nowrap;
      padding: 1px;
      margin: 1px 2px;
      border: 1px solid #aaa;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
    }
    &.embed_clean{
      .node_entry{
        border:0;
        padding: 1px 2px;
        margin: 1px 1px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
      }
    }
    div.info.note {
      margin-bottom: 10px;
    }
  }
  .outputcontrols{
    border-bottom: 1px solid @nav-tabs-border-color;
  }

  .btn-group .btn.force-last-child{
    .border-right-radius(@border-radius-base) !important;
  }
  .btn-group .btn.btn-sm.force-last-child,
  .btn-group .btn.btn-xs.force-last-child{
    .border-right-radius(@border-radius-small) !important;
  }
  .btn-group .btn.btn-lg.force-last-child{
    .border-right-radius(@border-radius-large) !important;
  }

  //affix for execution show page
  .executionshow {
    &.affix {

      top: 0;
      right:0;
      width: 100%;
      background: white;
      z-index: 1;
      .container-fixed();
      padding-top:@navbar-margin-bottom;
      padding-bottom:10px;
      border-bottom: 1px solid @list-group-border;
      &.panel-heading-affix{
        background-color: @panel-default-heading-bg;
        width:auto;
        margin: 0 15px;//normal col padding
        padding: @base-item-padding-vertical @base-item-padding-horizontal;
      }
    }
  }
  .affix .affixed-hidden{
    display: none;
  }
  .affixed-shown{
    display: none;
    .affix &{
      display: block;
    }
    .affix &.affixed-shown-inline{
      display: inline;
    }
  }

  //////////////////////////
  // execution output table view

  table.execoutput {
    border-collapse: separate;
    .stepnum.short:before {
      content: "•";
    }
    td.node {
      color: @brand-light;
      text-align: right;
      width: 6em;
      max-width: 20em;
      padding: 0 3px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    td.info {
      font-family: courier, mono;
    }
    tr.contextRow.expandable.closed {
      background: @table-border-color;
    }
    tr.contextRow.expandable.opened {
      background: @gray-lighter;
    }
    tr.contextRow.down {
      td {
        border-top: 1px solid #dddddd;
        border-bottom: 0;
      }
    }
    tr.contextRow.closed {
      .stepident {
        display: inline;
      }
    }
    td.node.empty {
      color: #eee;
    }
    tr.node-new td{
      border-top: 2px solid white;
    }
    td.node{
    }
    td.repeat {
//      visibility: hidden;
    }
    tr.contextRow.expandable.closed:hover {
      background: #e3edfa;
    }
    tr.contextRow {
      color: @brand-light;
      td.icon {
        padding: 1px 3px;
      }
      td {
        padding: 5px;
        vertical-align: middle;
      }
      td.rowexpicon {
        width: 16px;
        margin: 0;
        padding: 4px;
        vertical-align: middle;
      }
      span.contextInfo {
        color: #555;
      }
      span.node {
        font-weight: bold;
      }
    }
    td {
      border: 1px solid @table-border-color;
      vertical-align: baseline;
      padding: 0;
      border: 0;
      vertical-align: baseline;
    }
    td.node.empty:before {
      content: 'console';
    }
    tr.contextRow.console {
      background: #fff;
      td {
        color: #555;
      }
    }
    .ctxcounter {
      margin-left: 10px;
      font-family: monospace;
    }
    td.data.datahtml {
//      font-family: verdana, arial, helvetica, sans-serif;
      a {
        text-decoration: underline;
        color: blue;
      }
      code {
        font-family: "Lucida Console", courier, monospace;
      }
    }
    tr.alternateRow {
      td.info.time {
        color: #808080;
      }
      td.data {
        background: #f0f0f0;
      }
    }
    tr.contextRow.up {
      td {
        border-top: 0;
      }
    }
    td.stepnum {
      padding: 0 0.5em;
      width: 5em;
      white-space: nowrap;
    }
    td.info.time {
      color: @brand-light;
      white-space: nowrap;
      width: 6em;
    }
    th {
      background: none;
      border: none;
    }
    td.datahtml {
      white-space: normal;
      p {
        margin: 0;
      }
      p+p {
        margin: 1em 0 0 0;
      }
    }
    td.data {
      border-left: 1px solid white;
      white-space: pre-wrap;
      font-family: "Lucida Console", courier, monospace;
      padding: 1px 3px;
      color: black;
    }
    td.time{
      padding: 0 3px;
      background-color: @gray-lighter;
    }
    td.node,td.stepnum{
      padding: 0 3px;
      background-color: @gray-lighter;
    }

    td.data.log_verbose, td.data.log_debug {
      color: @brand-light;
    }

    span.node:after, td.node:after {

    }

    table.execoutput.collapse_node {
      td.node {
        display: none;
      }
    }

    td.data.log_warn, td.data.log_error {
      color: #800;
    }

    table.execoutput.collapse_stepnum {
      td.stepnum {
        display: none;
      }
    }

    table.execoutput.collapse_time td.time, table.execoutput.collapse_time td.info {
      display: none;
    }

    .ctxcounter.SEVERE, .ctxcounter.ERROR {
      color: red;
    }
    &.collapse_time td.time, &.collapse_time td.info {
      display: none;
    }

    &.collapse_node td.node {
      display: none;
    }

    &.collapse_stepnum td.stepnum {
      display: none;
    }
  }
  .log_line{
    white-space: pre-wrap;
    font-family: "Lucida Console", courier, monospace;
    color: black;
    &.level_verbose, &.level_debug {
      color: @brand-light;
    }
    &.level_warn, &.level_error {
      color: #800;
    }
  }

  .stepident, .stepnum {
//    color: @brand-light;
  }

  //history rows with default action link
  tr.link:hover a._defaultAction{
    color: @link-hover-color;
    text-decoration: underline;
  }
  tr.activity_row.highlight td{
    background: @table-bg-accent;
  }

  //workflow editor, option editor, autohilite:
  span.autohilite:hover {
    background: lighten(@brand-info, 40%);
  }

  span.autoedit {
    padding: 3px;
    cursor: pointer;
  }

  span.autoedit:hover {
    padding: 2px;
    border: 1px dotted @brand-info;
  }
  /**
   * single step or option edit box
   */
  .wfitemEditForm, .optEditForm{
    border: 2px solid @legend-border-color;
    .border-bottom-radius(@border-radius-base);
    .border-top-radius(@border-radius-base);
    padding: @base-item-padding-vertical @base-item-padding-horizontal;
    &.container{
      background: white;
    }
  }

//option values in code sections
.optvalue{
  color: @text-muted;
}
.optkey{
  color: @brand-primary;
}

//emphasis within text-muted
  .text-muted{
    &.text-em strong{
      color: @brand-primary;
      font-weight: normal;
    }
  }
  .text-header{
    text-transform: uppercase;
  }
  .text-small{
    font-size: @font-size-small;
  }
  .table-footer{
    background: @panel-footer-bg;
  }

  //node detail

  /** node detail */
.nodedetail {
   & tr td.key {
    width: 200px;
    vertical-align: top;
     &.namespace{
       padding-right: 20px;
     }
   }
  & .key{
    text-align: right;
    font-weight: bold;
    color: #555;
  }
  & tr .value {
    vertical-align: top;
    max-width: 800px;
  }
  &.detailpopup{
    max-height: 500px;
    max-width: 600px;
    overflow-y: auto;
  }
  &.embed{
    & tr .value {
      max-width: 400px;
    }
  }
}
.node_entry{
  .nodeident, .nodedesc, .nodetags, .username, .hostname{
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
  }
  .nodetags{
    max-width: 20em;
  }
}

  .node_entry.server .nodedesc:before {
    color: #f66;
    content: " server ";
    padding-left: 18px;
  }
  .nodedetail.server .nodedesc:before {
    color: #f66;
    content: " server " "\2022" " ";
    padding-left: 18px;
  }
  .text-parenthetical:before{
    content: '(';
  }
  .text-parenthetical:after{
    content: ')';
  }

  //search icons
  .hover-action-holder {
    .hover-action{
      visibility: hidden;
    }
    &:hover  .hover-action {
      visibility: visible;
    }
  }

//override padding for list-group-item

.list-group-item {
  padding: @list-group-item-padding-vertical @list-group-item-padding-horizontal;
}

.form-group {
  margin-bottom: @base-item-padding-vertical;
}

.panel-heading , .panel-footer {
  padding: @base-item-padding-vertical @base-item-padding-horizontal;
}

input.placeholder{
  color: gray;
}

//events list
.table.events-table{
  table-layout: fixed;
  td.eventargs{
    width: 40%;
    overflow:auto;
    text-overflow: ellipsis;
  }
  td.eventicon{
    width: 24px;
  }
  td.eventtitle{
    width: 20%;
  }
  td.eventtitle.adhoc{
    width: 60%;
  }
  td.date{
    width: 20%;
  }
  td.user{
    width:10%;
  }
  td.nodecount{
    white-space:nowrap;
    text-align:right;
    width:5%;
  }
  &.events-table-embed{
    tr.adhoc{
      td.eventtitle{
        width: 60%;
      }
      td.eventargs{
        width:0%;
      }
    }
    td.user{
      //nodecount is not shown
      width: 15%;
    }
  }
}
.table.events-table td.eventtitle.adhoc {
  font-style: italic;
  color: #888;
}

//pre formatted regex syntax error for node filters

pre.filtererror{
  background-color: transparent;
  border: none;
  color: @brand-info;
  padding:0;
}

.overflowx{
  text-overflow: ellipsis;
  overflow-x: auto;
  .scroll{
    overflow-x: scroll;
  }
}
.overflowy{
  max-height: 300px;
  overflow-y:auto;
}

//rundeck icons

  .rdicon {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    &.icon-small {
      width: 16px;
      height: 16px;

      &.shell, &.command {
        background-image: url("icon-small-shell.png");
      }

      &.script {
        background-image: url("icon-small-script.png");
      }

      &.scriptfile {
        background-image: url("icon-small-scriptfile.png");
      }

      &.plugin {
        background-image: url("icon-small-plugin.png");
      }
      &.node {
        height: 10px;
        background-image: url("icon-small-Node.png");
      }

      &.node.node-runnable {
        background-image: url("icon-small-Node-run.png");
      }
    }
    &.icon {
      width: 32px;
      height: 32px;

      &.shell, &.command {
        background-image: url("icon-shell.png");
      }

      &.script {
        background-image: url("icon-script.png");
      }

      &.scriptfile {
        background-image: url("icon-scriptfile.png");
      }
    }
    &.icon-med {
      width: 24px;
      height: 24px;

      &.shell, &.command {
        background-image: url("icon-med-shell.png");
      }
      &.script {
        background-image: url("icon-med-script.png");
      }

      &.scriptfile {
        background-image: url("icon-med-scriptfile.png");
      }
    }

    &.app-logo.middle {
      vertical-align: middle;
    }

    //retina/@2x images
    @media
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (   min--moz-device-pixel-ratio: 2),
    only screen and (     -o-min-device-pixel-ratio: 2/1),
    only screen and (        min-device-pixel-ratio: 2),
    only screen and (                min-resolution: 192dpi),
    only screen and (                min-resolution: 2dppx) {

      &.icon-small {
        background-size: 16px 16px;

        &.node {
          background-size: 16px 10px;
          background-image: url("icon-small-Node@2x.png");
        }

        &.node.node-runnable {
          background-image: url("icon-small-Node-run@2x.png");
        }

        &.shell, &.command {
          background-image: url("icon-small-shell@2x.png");
        }

        &.script {
          background-image: url("icon-small-script@2x.png");
        }

        &.scriptfile {
          background-image: url("icon-small-scriptfile@2x.png");
        }

        &.plugin {
          background-image: url("icon-small-plugin@2x.png");
        }
      }

      &.icon {
        background-size: 32px 32px;

        &.shell, &.command {
          background-image: url("icon-shell@2x.png");
        }

        &.script {
          background-image: url("icon-script@2x.png");
        }

        &.scriptfile {
          background-image: url("icon-scriptfile@2x.png");
        }

      }

      &.icon-med {
        background-size: 24px 24px;

        &.shell, &.command {
          background-image: url("icon-med-shell@2x.png");
        }

        &.script {
          background-image: url("icon-med-script@2x.png");
        }

        &.scriptfile {
          background-image: url("icon-med-scriptfile@2x.png");
        }

      }

    }

  }

  //help tooltip
  .helptooltip{

    position: absolute;
    background: white;
    max-width: 500px;
    width: 500px;
  }

  //updates for bootswatch

  .btn.active {
    .box-shadow(none);
  }

//version identity
.rundeck-version-identity,.rundeck-server-uuid{
  text-wrap: none;
  white-space: nowrap;
  .version-icon{
    .badge();
    background-color: #eee;
    font-weight: normal;
  }
}
.rundeck-version-block{
  display: inline-block;
  padding: @padding-base-horizontal @padding-base-vertical;
  .border-bottom-radius(@border-radius-base);
  .border-top-radius(@border-radius-base);
}
.rundeck-version-name{
  &:before{
    content:' "';
  }
  &:after{
    content:'" ';
  }
}

/////
//navbar-text variations
.navbar-default {
  .navbar-text {
    &.navbar-text-warning {
      .text-warning();
    }
  }
}

//popover variation
.popover{
  &.popover-wide{
    max-width: @popover-wide-max-width;
  }
}

//badge variation

.badge-variant(@background-color; @color ){
  color: @color;
  background-color: @background-color ;
}

.badge-default {
  .badge-variant(lighten(@brand-primary, 30%),@badge-color);
}
.badge-secondary {
  .badge-variant(desaturate(@link-color, 100%),@badge-color);
}
.badge-muted {
  .badge-variant(@text-muted,@badge-color);
}

.badge-primary {
  .badge-variant(@brand-primary,@badge-color);
}
// Warning appears as orange
.badge-warning {
  .badge-variant(@brand-warning,@badge-color);
}
// Danger and error appear as red
.badge-danger {
  .badge-variant(@brand-danger,@badge-color);
}
// Success appears as green
.badge-success {
  .badge-variant(@brand-success,@badge-color);
}
// Info appears as blue-green
.badge-info {
  .badge-variant(@brand-info,@badge-color);
}

//alert in jumbotron style
.alert-welcome{
  .alert-variant(@jumbotron-bg; @jumbotron-bg; @text-color);
}

//link variant
.link-bare{
  text-decoration: none;
}

//pseudo table layout
.grid {
  display: table;
  width: 100%;
  .grid-row {
    display: table-row;
    .grid-cell {
      padding: @table-cell-padding;
      display: table-cell;
      &.grid-front{
        width: 30px;
      }
      &.grid-rest{
        width: 100%;
      }
    }
  }
}

//links with text-color style

a {
  &.text-primary:hover,
  &.text-success:hover,
  &.text-danger:hover,
  &.text-warning:hover,
  &.text-info:hover {
    color: @link-hover-color;
  }
}

/*
*= require_self
*= require rundeck1
*= require markdeep
*/
  @import "bootswatch";
  @import "nav-links";

  @popover-wide-max-width: 500px;

  @base-item-padding-vertical: 8px;
  @base-item-padding-horizontal: 10px;
  @list-group-item-padding-vertical: @base-item-padding-vertical;
  @list-group-item-padding-horizontal: @base-item-padding-horizontal;

  body {
    //   padding-bottom: ((32px + @navbar-margin-bottom));
  }
  @brand-light: lighten(@brand-primary, 30%);
  a{
    text-decoration: underline;
    .nav li &,
    .pager li &,
    .dropdown-menu li &,
    &.navbar-brand,
    &.btn,
    &.list-group-item,
    .summary-count,
    &.close
    {
      text-decoration: none;
    }
  }
  /* brand navbar */
  .navbar-default
  .navbar-brand{
    font-family: 'Futura';
    text-transform: uppercase;
    background-color: #000000;
    &:hover, &:focus{
      color: red;
      background-color: #000000;
    }
  }

  /*
  text placeholders/labels that fit into nav and nav-pills
  */

  .nav {
    > li {
      > span.nav-text {
        position: relative;
        display: block;
        padding: @nav-link-padding;
      }
    }
  }

  .nav-pills {
    > li {
      // Links rendered as pills
      > span.nav-text {
        border-radius: 5px;
      }
    }
  }

    /* Reset the container */
  .container {
    max-width: none !important;
    width: auto;
  }
  .footer {
    margin-top: @navbar-margin-bottom;
    font-size: @font-size-small;
    color: @gray-light;
    position: relative;
    clear: both;
    padding: 10px 20px;
  }
  .auto-caret-open{
    .glyphicon();
    .glyphicon-chevron-down();
  }
  .auto-caret{
    .glyphicon();
    .glyphicon-chevron-right();
  }
  .auto-caret-container{
    .auto-caret, .auto-caret-left {
      .glyphicon();
      .glyphicon-chevron-down();
    }
  }
  .active{
    > .auto-caret, > .auto-caret-left {
      .glyphicon();
      .glyphicon-chevron-down();
    }
    > * > .auto-caret, > * > .auto-caret-left {
      .glyphicon();
      .glyphicon-chevron-down();
    }
  }
  .auto-caret-left{
    .glyphicon();
    .glyphicon-chevron-left();
  }
  /* use glyphicon folder icons */
  .expandComponentHolder  > div > span.expandComponentControl.jobgroupexpand span.foldertoggle{
    width: 16px;
    height: 14px;
    display: inline-block;
      .glyphicon();
      .glyphicon-folder-close();
  }
  .expandComponentHolder.expanded  > div > span.expandComponentControl.jobgroupexpand span.foldertoggle{
    width: 16px;
    /*padding-bottom:14px;*/
    height: 14px;
    display: inline-block;
      .glyphicon();
      .glyphicon-folder-open();
  }
  .glyphicon-td{
    position: inherit;
    top: auto;
    display: table-cell;
  }
  .table.table-embed{
    margin-bottom: 0;
  }
  table.execoutput tr.contextRow td.expandicon.opened {
    .auto-caret-open();
    .glyphicon-td();
  }

  table.execoutput tr.contextRow td.expandicon.closed {
    .auto-caret();
    .glyphicon-td();
  }

  table.execoutput tr.contextRow.console td.expandicon.opened {
    .auto-caret-open();
    .glyphicon-td();
  }

  table.execoutput tr.contextRow.console td.expandicon.closed {
    .auto-caret();
    .glyphicon-td();
  }

  //state display
  .nowrunning{
    color: darken(@brand-info, 10%);
    font-weight: bold;
    font-style: italic;
  }
  .execstate{

    &[data-execstate=RETRY] {
      color: @brand-info;
    }
    &[data-execstate=NODE_MIXED], &[data-execstate=TIMEDOUT], &[data-execstate=FAILED-WITH-RETRY] {
      color: orange;
    }
    &[data-execstate=ABORTED]{
      color: @gray;
    }
    &[data-execstate=SUCCEEDED] {
      color: @gray-dark;
    }

    &[data-execstate=NODE_PARTIAL_SUCCEEDED] {
      color: @gray-dark;
    }

    &[data-execstate=RUNNING], .execstate[data-execstate=RUNNING_HANDLER] {
      color: darken(@brand-info, 10%);
    }
    &[data-execstate=RUNNING_HANDLER] {
      border-bottom: 2px dotted orange;
    }

    &[data-execstate=FAILED] {
      color: red;
    }
    &[data-execstate=WAITING], &[data-execstate=NOT_STARTED] {
      color: @gray-darker;
    }
    &[data-execstate=PASS] {
      color: @gray;
    }
    &.isnode[data-execstate]{
      color:inherit;
    }

    &.step{
      &[data-execstate=SUCCEEDED] {
        .glyphicon();
        .glyphicon-check();
      }

      &[data-execstate=RUNNING], &[data-execstate=RUNNING_HANDLER], &[data-execstate=WAITING] {
        .glyphicon();
        .glyphicon-unchecked();
      }

      &[data-execstate=FAILED] {
        .glyphicon();
        .glyphicon-remove-circle();
      }
      &[data-execstate='FAILED-WITH-RETRY'] {
        .glyphicon();
        .glyphicon-repeat();
      }
    }
  }
  .execstate.execstatedisplay{
      &[data-execstate=RUNNING]:after, &[data-execstate=RUNNING_HANDLER]:after {
        content: 'Running';
      }

      &[data-execstate=NODE_MIXED]:after {
        content: 'Mixed';
      }

      &[data-execstate=SUCCEEDED]:after {
        content: 'OK';
      }

      &[data-execstate=NODE_PARTIAL_SUCCEEDED]:after {
        content: 'Partial';
      }

      &[data-execstate=FAILED]:after {
        content: 'Failed';
      }

      &[data-execstate=FAILED-WITH-RETRY]:after {
        content: 'Failed';
      }

      &[data-execstate=ABORTED]:after {
        content: 'Killed';
      }
      &[data-execstate=TIMEDOUT]:after {
        content: 'Timed Out';
      }

      &[data-execstate=WAITING]:after {
        content: 'Waiting';
      }
      &[data-execstate=WAITING][data-next=true]:after {
        content: 'Next Up';
      }

      &[data-execstate=NOT_STARTED]:after {
        content: 'Not Started';
      }
      &.overall{
        &[data-execstate=SUCCEEDED]:after {
          content: 'Succeeded';
          color: @brand-success;
        }
      }
  }

  .wfstepstate, .wfnodestate {
    .subctx{
      .text-muted();
    }
    .stepctx {
      width: 2em;
      display: inline-block;
    }
    .stepnodes {
      margin-left: 10px;
    }

    .nodestatesummary {
      display: none;
    }
    &.collapsed {
      .nodestates {
        display: none;
      }
      .nodestatesummary{
        display: block;
      }
    }
  }
  .wfnodestate{
    border: 1px solid transparent;
    .border-bottom-radius(@border-radius-base);
    .border-top-radius(@border-radius-base);
    .border-right-radius(@border-radius-base);
    .border-left-radius(@border-radius-base);
    .wfnodeoutput{
      max-height: 500px;
      overflow: auto;
      table.execouput{
//        width: auto IMPORTANT!;
      }
    }
    .wfnodeoverall .nodectx{
    }
    &.open{
      border: 1px solid @legend-border-color;
    }
    + .wfnodestate{
      margin-top: @padding-base-vertical;
    }
    .nodename{
      .text-overflow();
    }
    .wfnodestep{
      border: 1px solid transparent;
      .border-bottom-radius(@border-radius-base);
      .border-top-radius(@border-radius-base);
      .border-right-radius(@border-radius-base);
      .border-left-radius(@border-radius-base);
      margin: 4px 0;
      .closed {
        display: none;
      }
    }
    .wfnodestep.open{
      border: 1px solid darken(@legend-border-color,10%);
      .closed {
        display: block;
      }
    }
  }

  .executionshow{
    .runoutput{
      display: none;
    }
    &.affix{
      .runoutput{
        display: block;
      }
    }
  }

  .rdicon.job{
    .glyphicon();
    .glyphicon-book();
    vertical-align: baseline;
  }
  /* use glyphicon for remote option url loading status indicator */
  .remote .remotestatus{
    .glyphicon();
    &.ok{
      color: @brand-success;
      .glyphicon-ok-sign();
    }
    &.error{
      color: @brand-warning;
      .glyphicon-warning-sign();
    }
  }

  .remote .remoteoptionfield:hover{
    background-color: lighten(@brand-info,30%);
    .remotestatus {
      .glyphicon();
      color: @gray;
      .glyphicon-refresh();
    }
  }

  /*
  * job header padding
  */
  .jobInfoSection{
    margin-bottom: 5px;
  }
  .argstring-scrollable {
    max-height: 100px;
    overflow: auto;
  }

  /**
  embed a pager in a column
  */
  .pager{
    &.pager-embed{
      margin-top: 2px;
      margin-bottom: 2px;
    }
    &.pager-right{
      text-align: right;
    }
    &.pager-left{
      text-align: left;
    }
    //alternate sized pager
    &.pager-sm {
      li {
        > a,
        > span {
          padding: 1px 3px;
          border-radius: 3px;
          background:none;
          color: @pagination-bg;
          border: none;
        }
        > a:hover,
        > a:focus {
          border-radius: 3px;
          background: @pagination-bg;
          color: white;
        }
      }
      .disabled {
        > a,
        > a:hover,
        > a:focus,
        > span {
          color: @gray;
          background:none;
          cursor: not-allowed;
        }
      }
    }

  }
  .pagination{

    .disabled {
      &>a,
      &>a:hover,
      &>a:focus,
      &>span {
        background-color: @gray-light;
      }
    }
    &.pagination-embed{
      margin:0;
    }
  }

  // Text button
.textbtn {

  &:hover,
  &:focus,
  &:active,
  &.active
  {
    cursor: pointer;
    text-decoration: underline;
  }
  .nav > li > a&{
    cursor: pointer;
    text-decoration: underline;
  }
}

  .textbtn-on-hover {
    color: @gray;
  }
.textbtn-variant( @color ; @background-color ; @background-higlight) {
    color: @gray;
    background-color: @background-color ;
  &.textbtn-saturated{
    color: @color;
  }
  &.action{
    text-decoration: underline;
  }

  &:hover,
  &:focus,
  &:active,
  &.active,
  &.textbtn-on-hover:hover,
  &.textbtn-on-hover:focus,
  &.textbtn-on-hover:active,
  &.textbtn-on-hover.active
   {
    color: darken(@color, 8%);
    background-color: @background-higlight;
    cursor: pointer;
    text-decoration: underline;
  }

  &:active,
  &.active,
  .open .dropdown-toggle& {
    background-image: none;
  }

  &.disabled,
  &[disabled],
  fieldset[disabled] & {
    color: @gray-light;
    background-color: @background-color;
    &,
    &:hover,
    &:focus,
    &:active,
    &.active {
      color: @gray-light;
      background-color: @background-color;
      cursor: default;
      text-decoration: none;
    }
  }
  &.textbtn-plain{
    text-decoration:none;
  }
  &.query.textbtn {
    border: 1px solid darken(@color, 12%);
    display: inline-block;
    text-decoration: none;
  }
  &.textbtn-on-hover{
    .textbtn-on-hover();
  }

}
.textbtn-default {
  .textbtn-variant(lighten(@brand-primary, 30%),transparent,lighten(@brand-primary, 70%));
}
.textbtn-secondary {
  .textbtn-variant(desaturate(@link-color, 100%),transparent,lighten(desaturate(@link-color, 100%), 50%));
}
.textbtn-muted {
  .textbtn-variant(@text-muted,transparent,lighten(@text-muted, 20%));
}

.textbtn-primary {
  .textbtn-variant(@brand-primary,transparent,lighten(@brand-primary, 50%));
}
// Warning appears as orange
.textbtn-warning {
  .textbtn-variant(@brand-warning,transparent,lighten(@brand-warning, 50%));
}
// Danger and error appear as red
.textbtn-danger {
  .textbtn-variant(@brand-danger,transparent,lighten(@brand-danger, 50%));
}
// Success appears as green
.textbtn-success {
  .textbtn-variant(@brand-success,transparent,lighten(@brand-success, 50%));
}
// Info appears as blue-green
.textbtn-info {
  .textbtn-variant(@brand-info,transparent,lighten(@brand-info, 40%));
}

//represent textual query

    /* query output showing */
  span.query, a.query {

    &.textbtn{
      padding: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      margin-right: 5px;
      border: 1px solid #ddd;
    }

    & span.querykey{
      color: #555;
    }
    &  span.queryvalue.date {
      font-weight: bold;
    }
    & span.querykey {
      color: #555;
    }
    & span.queryvalue {
      color: blue;
    }
    &.textbtn:hover span.queryvalue {
      color: blue;
    }
    & span.querykey.exclude {
      color: #555;
      text-decoration: line-through;
    }
    & span.querykey.include {
//      color: blue;
    }
  }

//div or other block that has a bound action

.action:hover {
  background: @table-bg-hover;
  cursor: pointer;
}
.action.active{
  background: @table-bg-active;
}

.progress {
  height: @line-height-computed;
  .progress-bar {
    line-height: @line-height-computed;
  }
}
.runstatus .progress, .progress.progress-embed{
  margin-bottom: 0;
}
.progress-bar{
  white-space: nowrap;
  padding-left: @border-radius-base;
  border-right: 1px solid darken(@progress-bar-color,20%);
}

.well .progress{
  background-color: darken(@progress-bg,10%);
}
.progress.indefinite{
  .progress-bar{
    width:100% !important;
  }
}
.spacing{
  margin-top: @padding-base-vertical;
}

.spacing-sm {
  margin-top: @padding-small-vertical;
}

.spacing-lg {
  margin-top: @padding-large-vertical;
}
.row{
  &.row-space {
    margin-top: @padding-base-vertical;
  }
  &.row-space-sm {
    margin-top: @padding-small-vertical;
  }
  &.row-space-lg {
    margin-top: @padding-large-vertical;
  }
}
section{
  &.section-space{
    margin-top: @padding-base-vertical;
  }
  &.section-space-sm {
    margin-top: @padding-small-vertical;
  }
  &.section-space-lg {
    margin-top: @padding-large-vertical;
  }
  & + &.section-separator {
    border-top: 1px solid @legend-border-color;
  }
  &.section-separator-solo {
    border-top: 1px solid @legend-border-color;
    border-bottom: 1px solid @legend-border-color;
  }
}

//alternate well without background
.well{
  &.well-nobg{
    background: none;
    border-width: 0;
  }
  &.inline{
    margin:0;
  }
}

//inset a box by the normal column gutter
.col-inset{
  padding-left: (@grid-gutter-width / 2);
}
//border around a column
.col-box {
  border: 1px solid @table-border-color;
}

// clock icon in scheduled job view is gray if job will not fire
.scheduletime{
  > .glyphicon:first-child {
    color:@brand-success;
  }
  &.disabled .glyphicon, &.disabled .detail{
    color:@text-muted;
  }
  &.willnotrun .glyphicon, &.willnotrun .detail{
    color:@brand-warning;
  }
}

//tags for nodes

  .nodetags .tag{
    background-color: @gray-lighter;
  }
  span.tag, a.tag {
  }

  span.tag.active, a.tag.active {
    color: @label-color;
    border: 1px solid @brand-primary;
    background: @label-primary-bg;
  }

  //nodes table
  table.nodesTable th{
    .text-muted();
  }
  table.nodesTable tbody.subattrs td,table.nodesTable tr.subattrs td{
    background-color: @table-bg-accent;
  }

  //content with padding like nav-tabs links
  ul.nav.nav-tabs > li{
    .tabs-sibling {
      float: left;
      position: relative;
      display: block;
      border: 1px solid transparent;
      margin-right: 5px;
      margin-left: 3px;
      padding: 10px 15px;
      label{
        margin-bottom: 0;
      }
      &.tabs-sibling-compact{
        padding:0;
        &.form-inline .input-group .form-control{
          width: 400px;
        }
      }
    }
  }

  //execution status text

  .exec-status{
    &.other, &[data-execstate=OTHER] {
      color: @brand-warning;

      &.icon {
        .glyphicon();
        .glyphicon-asterisk();
      }
    }
    &.fail, &[data-execstate=FAILED] {
      color: @brand-danger;

      &.icon {
        .glyphicon();
        .glyphicon-minus-sign();
      }
    }

    &.running, &[data-execstate=RUNNING] {
      color: @brand-info;

      &.icon {
        .glyphicon();
        .glyphicon-play-circle();
      }
    }

    &.succeed, &[data-execstate=SUCCEEDED] {
      color: @brand-success;

      &.icon {
        .glyphicon();
        .glyphicon-ok-circle();
      }
    }
    &.aborted, &[data-execstate=ABORTED] {
      color: @gray-light;

      &.icon {
        .glyphicon();
        .glyphicon-remove-circle();
      }
    }
    &.timedout, &[data-execstate=TIMEDOUT] {
      color: @brand-warning;

      &.icon {
        .glyphicon();
        .glyphicon-time();
      }
    }
    &.failedretry, &[data-execstate=FAILED-WITH-RETRY] {
      color: @brand-warning;

      &.icon {
        .glyphicon();
        .glyphicon-repeat();
      }
    }
  }
  .exec-status-text.custom-status{
    font-style: italic;
  }
.exec-status-text.custom-status:before{
  content: '“';
}
.exec-status-text.custom-status:after{
  content: '”';
}

  //link color variants
  a {
    &.secondary {
      color: lighten(@link-color, 20%);
      &:hover, &.active {
        color: @link-hover-color;
      }
    }

    //link color for secondary links
    &.primary {
      color: darken(@link-color, 15%);
      &:hover,&.active{
        color: @link-hover-color;
      }
    }
  }

  tr.alternateRow {
    background-color: @table-bg-accent;
    &.selected {
      border: 1px solid #999;
    }
  }

  .tab-content{
    .panel.panel-tab-content,
    .panel.panel-tab-content > .panel-heading,
    .panel.panel-tab-content > .table + .panel-body,
    .list-group.list-group-tab-content .list-group-item:first-child {
      border-top: 0;
      .border-top-radius(0);
    }
  }
  .nav.nav-tabs + .panel.panel-tab-content, .nav.nav-tabs + .panel.panel-tab-content > .table + .panel-body , .nav.nav-tabs + .panel.panel-tab-content > .table  {
      border-top: 0;
      .border-top-radius(0);
  }
  .modal-content{
    .panel.panel-modal-content{
      margin-bottom:0;
    }
  }

  //padding between sequential buttons in a form group
  .form-group .panel-footer, .panel-footer .buttons, .panel-footer.buttons{
    .btn + .btn  {
      margin-left: 5px;
    }
    .btn.pull-right{
      margin-left: 5px;
    }
  }

  //resize control-label to match the input-sm vertical padding
  .form-horizontal .control-label.input-sm{
    padding: @padding-small-vertical @padding-small-horizontal;
  }
  .form-control-static{
    display: inline-block;
    vertical-align: middle;
  }

  //style text like a form label
  .text-form-label {
    margin-bottom: 5px;
    font-weight: bold;
  }

  //embed a form-inline within another form
  .form-horizontal,.form {
    .form-inline .form-group{
      margin-left: 0;
      margin-right: 0;
    }
  }

  /**
   * Nodes page
   */

  //run output in nodes page has horizontal border
  .nodes_run_content{
    margin-top: 10px;
    & .inlineexecution{
      &.panel-body{
        padding:0;
      }
    }
  }

  /** class matchednodes.embed used when showing an embedded list of matched nodes
  */

  .matchednodes.embed{
    .node_entry {
      display: inline-block;
      white-space: nowrap;
      padding: 1px;
      margin: 1px 2px;
      border: 1px solid #aaa;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
    }
    &.embed_clean{
      .node_entry{
        border:0;
        padding: 1px 2px;
        margin: 1px 1px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
      }
    }
    div.info.note {
      margin-bottom: 10px;
    }
  }
  .outputcontrols{
    border-bottom: 1px solid @nav-tabs-border-color;
  }

  .btn-group .btn.force-last-child{
    .border-right-radius(@border-radius-base) !important;
  }
  .btn-group .btn.btn-sm.force-last-child,
  .btn-group .btn.btn-xs.force-last-child{
    .border-right-radius(@border-radius-small) !important;
  }
  .btn-group .btn.btn-lg.force-last-child{
    .border-right-radius(@border-radius-large) !important;
  }

  //affix for execution show page
  .executionshow {
    &.affix {

      top: 0;
      right:0;
      width: 100%;
      background: white;
      z-index: 1;
      .container-fixed();
      padding-top:@navbar-margin-bottom;
      padding-bottom:10px;
      border-bottom: 1px solid @list-group-border;
      &.panel-heading-affix{
        background-color: @panel-default-heading-bg;
        width:auto;
        margin: 0 15px;//normal col padding
        padding: @base-item-padding-vertical @base-item-padding-horizontal;
      }
    }
  }
  .affix .affixed-hidden{
    display: none;
  }
  .affixed-shown{
    display: none;
    .affix &{
      display: block;
    }
    .affix &.affixed-shown-inline{
      display: inline;
    }
  }

  //////////////////////////
  // execution output table view

  table.execoutput {
    border-collapse: separate;
    .stepnum.short:before {
      content: "•";
    }
    td.node {
      color: @brand-light;
      text-align: right;
      width: 6em;
      max-width: 20em;
      padding: 0 3px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    td.info {
      font-family: courier, mono;
    }
    tr.contextRow.expandable.closed {
      background: @table-border-color;
    }
    tr.contextRow.expandable.opened {
      background: @gray-lighter;
    }
    tr.contextRow.down {
      td {
        border-top: 1px solid #dddddd;
        border-bottom: 0;
      }
    }
    tr.contextRow.closed {
      .stepident {
        display: inline;
      }
    }
    td.node.empty {
      color: #eee;
    }
    tr.node-new td{
      border-top: 2px solid white;
    }
    td.node{
    }
    td.repeat {
//      visibility: hidden;
    }
    tr.contextRow.expandable.closed:hover {
      background: #e3edfa;
    }
    tr.contextRow {
      color: @brand-light;
      td.icon {
        padding: 1px 3px;
      }
      td {
        padding: 5px;
        vertical-align: middle;
      }
      td.rowexpicon {
        width: 16px;
        margin: 0;
        padding: 4px;
        vertical-align: middle;
      }
      span.contextInfo {
        color: #555;
      }
      span.node {
        font-weight: bold;
      }
    }
    td {
      border: 1px solid @table-border-color;
      vertical-align: baseline;
      padding: 0;
      border: 0;
      vertical-align: baseline;
    }
    td.node.empty:before {
      content: 'console';
    }
    tr.contextRow.console {
      background: #fff;
      td {
        color: #555;
      }
    }
    .ctxcounter {
      margin-left: 10px;
      font-family: monospace;
    }
    td.data.datahtml {
//      font-family: verdana, arial, helvetica, sans-serif;
      a {
        text-decoration: underline;
        color: blue;
      }
      code {
        font-family: "Lucida Console", courier, monospace;
      }
    }
    tr.alternateRow {
      td.info.time {
        color: #808080;
      }
      td.data {
        background: #f0f0f0;
      }
    }
    tr.contextRow.up {
      td {
        border-top: 0;
      }
    }
    td.stepnum {
      padding: 0 0.5em;
      width: 5em;
      white-space: nowrap;
    }
    td.info.time {
      color: @brand-light;
      white-space: nowrap;
      width: 6em;
    }
    th {
      background: none;
      border: none;
    }
    td.datahtml {
      white-space: normal;
      p {
        margin: 0;
      }
      p+p {
        margin: 1em 0 0 0;
      }
    }
    td.data {
      border-left: 1px solid white;
      white-space: pre-wrap;
      font-family: "Lucida Console", courier, monospace;
      padding: 1px 3px;
      color: black;
    }
    td.time{
      padding: 0 3px;
      background-color: @gray-lighter;
    }
    td.node,td.stepnum{
      padding: 0 3px;
      background-color: @gray-lighter;
    }

    td.data.log_verbose, td.data.log_debug {
      color: @brand-light;
    }

    span.node:after, td.node:after {

    }

    table.execoutput.collapse_node {
      td.node {
        display: none;
      }
    }

    td.data.log_warn, td.data.log_error {
      color: #800;
    }

    table.execoutput.collapse_stepnum {
      td.stepnum {
        display: none;
      }
    }

    table.execoutput.collapse_time td.time, table.execoutput.collapse_time td.info {
      display: none;
    }

    .ctxcounter.SEVERE, .ctxcounter.ERROR {
      color: red;
    }
    &.collapse_time td.time, &.collapse_time td.info {
      display: none;
    }

    &.collapse_node td.node {
      display: none;
    }

    &.collapse_stepnum td.stepnum {
      display: none;
    }
  }
  .log_line{
    white-space: pre-wrap;
    font-family: "Lucida Console", courier, monospace;
    color: black;
    &.level_verbose, &.level_debug {
      color: @brand-light;
    }
    &.level_warn, &.level_error {
      color: #800;
    }
  }

  .stepident, .stepnum {
//    color: @brand-light;
  }

  //history rows with default action link
  tr.link:hover a._defaultAction{
    color: @link-hover-color;
    text-decoration: underline;
  }
  tr.activity_row.highlight td{
    background: @table-bg-accent;
  }

  //workflow editor, option editor, autohilite:
  span.autohilite:hover {
    background: lighten(@brand-info, 40%);
  }

  span.autoedit {
    padding: 3px;
    cursor: pointer;
  }

  span.autoedit:hover {
    padding: 2px;
    border: 1px dotted @brand-info;
  }
  /**
   * single step or option edit box
   */
  .wfitemEditForm, .optEditForm{
    border: 2px solid @legend-border-color;
    .border-bottom-radius(@border-radius-base);
    .border-top-radius(@border-radius-base);
    padding: @base-item-padding-vertical @base-item-padding-horizontal;
    &.container{
      background: white;
    }
  }

//option values in code sections
.optvalue{
  color: @text-muted;
}
.optkey{
  color: @brand-primary;
}

//emphasis within text-muted
  .text-muted{
    &.text-em strong{
      color: @brand-primary;
      font-weight: normal;
    }
  }
  .text-header{
    text-transform: uppercase;
  }
  .text-small{
    font-size: @font-size-small;
  }
  .table-footer{
    background: @panel-footer-bg;
  }

  //node detail

  /** node detail */
.nodedetail {
   & tr td.key {
    width: 200px;
    vertical-align: top;
     &.namespace{
       padding-right: 20px;
     }
   }
  & .key{
    text-align: right;
    font-weight: bold;
    color: #555;
  }
  & tr .value {
    vertical-align: top;
    max-width: 800px;
  }
  &.detailpopup{
    max-height: 500px;
    max-width: 600px;
    overflow-y: auto;
  }
  &.embed{
    & tr .value {
      max-width: 400px;
    }
  }
}
.node_entry{
  .nodeident, .nodedesc, .nodetags, .username, .hostname{
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
  }
  .nodetags{
    max-width: 20em;
  }
}

  .node_entry.server .nodedesc:before {
    color: #f66;
    content: " server ";
    padding-left: 18px;
  }
  .nodedetail.server .nodedesc:before {
    color: #f66;
    content: " server " "\2022" " ";
    padding-left: 18px;
  }
  .text-parenthetical:before{
    content: '(';
  }
  .text-parenthetical:after{
    content: ')';
  }

  //search icons
  .hover-action-holder {
    .hover-action{
      visibility: hidden;
    }
    &:hover  .hover-action {
      visibility: visible;
    }
  }

//override padding for list-group-item

.list-group-item {
  padding: @list-group-item-padding-vertical @list-group-item-padding-horizontal;
}

.form-group {
  margin-bottom: @base-item-padding-vertical;
}

.panel-heading , .panel-footer {
  padding: @base-item-padding-vertical @base-item-padding-horizontal;
}

input.placeholder{
  color: gray;
}

//events list
.table.events-table{
  table-layout: fixed;
  td.eventargs{
    width: 40%;
    overflow:auto;
    text-overflow: ellipsis;
  }
  td.eventicon{
    width: 24px;
  }
  td.eventtitle{
    width: 20%;
  }
  td.eventtitle.adhoc{
    width: 60%;
  }
  td.date{
    width: 20%;
  }
  td.user{
    width:10%;
  }
  td.nodecount{
    white-space:nowrap;
    text-align:right;
    width:5%;
  }
  &.events-table-embed{
    tr.adhoc{
      td.eventtitle{
        width: 60%;
      }
      td.eventargs{
        width:0%;
      }
    }
    td.user{
      //nodecount is not shown
      width: 15%;
    }
  }
}
.table.events-table td.eventtitle.adhoc {
  font-style: italic;
  color: #888;
}

//pre formatted regex syntax error for node filters

pre.filtererror{
  background-color: transparent;
  border: none;
  color: @brand-info;
  padding:0;
}

.overflowx{
  text-overflow: ellipsis;
  overflow-x: auto;
  .scroll{
    overflow-x: scroll;
  }
}
.overflowy{
  max-height: 300px;
  overflow-y:auto;
}

//rundeck icons

  .rdicon {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    &.icon-small {
      width: 16px;
      height: 16px;

      &.shell, &.command {
        background-image: url("icon-small-shell.png");
      }

      &.script {
        background-image: url("icon-small-script.png");
      }

      &.scriptfile {
        background-image: url("icon-small-scriptfile.png");
      }

      &.plugin {
        background-image: url("icon-small-plugin.png");
      }
      &.node {
        height: 10px;
        background-image: url("icon-small-Node.png");
      }

      &.node.node-runnable {
        background-image: url("icon-small-Node-run.png");
      }
    }
    &.icon {
      width: 32px;
      height: 32px;

      &.shell, &.command {
        background-image: url("icon-shell.png");
      }

      &.script {
        background-image: url("icon-script.png");
      }

      &.scriptfile {
        background-image: url("icon-scriptfile.png");
      }
    }
    &.icon-med {
      width: 24px;
      height: 24px;

      &.shell, &.command {
        background-image: url("icon-med-shell.png");
      }
      &.script {
        background-image: url("icon-med-script.png");
      }

      &.scriptfile {
        background-image: url("icon-med-scriptfile.png");
      }
    }

    &.app-logo.middle {
      vertical-align: middle;
    }

    //retina/@2x images
    @media
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (   min--moz-device-pixel-ratio: 2),
    only screen and (     -o-min-device-pixel-ratio: 2/1),
    only screen and (        min-device-pixel-ratio: 2),
    only screen and (                min-resolution: 192dpi),
    only screen and (                min-resolution: 2dppx) {

      &.icon-small {
        background-size: 16px 16px;

        &.node {
          background-size: 16px 10px;
          background-image: url("icon-small-Node@2x.png");
        }

        &.node.node-runnable {
          background-image: url("icon-small-Node-run@2x.png");
        }

        &.shell, &.command {
          background-image: url("icon-small-shell@2x.png");
        }

        &.script {
          background-image: url("icon-small-script@2x.png");
        }

        &.scriptfile {
          background-image: url("icon-small-scriptfile@2x.png");
        }

        &.plugin {
          background-image: url("icon-small-plugin@2x.png");
        }
      }

      &.icon {
        background-size: 32px 32px;

        &.shell, &.command {
          background-image: url("icon-shell@2x.png");
        }

        &.script {
          background-image: url("icon-script@2x.png");
        }

        &.scriptfile {
          background-image: url("icon-scriptfile@2x.png");
        }

      }

      &.icon-med {
        background-size: 24px 24px;

        &.shell, &.command {
          background-image: url("icon-med-shell@2x.png");
        }

        &.script {
          background-image: url("icon-med-script@2x.png");
        }

        &.scriptfile {
          background-image: url("icon-med-scriptfile@2x.png");
        }

      }

    }

  }

  //help tooltip
  .helptooltip{

    position: absolute;
    background: white;
    max-width: 500px;
    width: 500px;
  }

  //updates for bootswatch

  .btn.active {
    .box-shadow(none);
  }

//version identity
.rundeck-version-identity,.rundeck-server-uuid{
  text-wrap: none;
  white-space: nowrap;
  .version-icon{
    .badge();
    background-color: #eee;
    font-weight: normal;
  }
}
.rundeck-version-block{
  display: inline-block;
  padding: @padding-base-horizontal @padding-base-vertical;
  .border-bottom-radius(@border-radius-base);
  .border-top-radius(@border-radius-base);
}
.rundeck-version-name{
  &:before{
    content:' "';
  }
  &:after{
    content:'" ';
  }
}

/////
//navbar-text variations
.navbar-default {
  .navbar-text {
    &.navbar-text-warning {
      .text-warning();
    }
  }
}

//popover variation
.popover{
  &.popover-wide{
    max-width: @popover-wide-max-width;
  }
}

//badge variation

.badge-variant(@background-color; @color ){
  color: @color;
  background-color: @background-color ;
}

.badge-default {
  .badge-variant(lighten(@brand-primary, 30%),@badge-color);
}
.badge-secondary {
  .badge-variant(desaturate(@link-color, 100%),@badge-color);
}
.badge-muted {
  .badge-variant(@text-muted,@badge-color);
}

.badge-primary {
  .badge-variant(@brand-primary,@badge-color);
}
// Warning appears as orange
.badge-warning {
  .badge-variant(@brand-warning,@badge-color);
}
// Danger and error appear as red
.badge-danger {
  .badge-variant(@brand-danger,@badge-color);
}
// Success appears as green
.badge-success {
  .badge-variant(@brand-success,@badge-color);
}
// Info appears as blue-green
.badge-info {
  .badge-variant(@brand-info,@badge-color);
}

//alert in jumbotron style
.alert-welcome{
  .alert-variant(@jumbotron-bg; @jumbotron-bg; @text-color);
}

//link variant
.link-bare{
  text-decoration: none;
}

//pseudo table layout
.grid {
  display: table;
  width: 100%;
  .grid-row {
    display: table-row;
    .grid-cell {
      padding: @table-cell-padding;
      display: table-cell;
      &.grid-front{
        width: 30px;
      }
      &.grid-rest{
        width: 100%;
      }
    }
  }
}

//links with text-color style

a {
  &.text-primary:hover,
  &.text-success:hover,
  &.text-danger:hover,
  &.text-warning:hover,
  &.text-info:hover {
    color: @link-hover-color;
  }
}


Fix code display (esp. smaller viewports), digital signange initial styles

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


Adding File public/freelancer/font-awesome-4.1.0/less/rotated-flipped.less

fatal: unable to access 'https://github.com/asm-products/AssemblyCoins.git/': The requested URL returned error: 403


Reindent layout.less

Reindent layout.less

Replace tabs with spaces

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/rohanorton/wharfchambers.git/'


better handling in navbar margins

better handling in navbar margins

considering searchform & toggle-nav

fatal: unable to access 'https://github.com/cadr-sa/shoestrap-3.git/': The requested URL returned error: 403


Create hide-text.less

Create hide-text.less

// CSS image replacement
//
// Heads up! v3 launched with with only `.hide-text()`, but per our pattern for
// mixins being reused as classes with the same name, this doesn't hold up. As
// of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`.
//
// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757

// Deprecated as of v3.0.1 (will be removed in v4)
.hide-text() {
  font: ~"0/0" a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

// New mixin to use as of v3.0.1
.text-hide() {
  .hide-text();
}

error: pathspec 'static/app/components/bootstrap/css/less/mixins/hide-text.less' did not match any file(s) known to git


Create 07-forms.less

Create 07-forms.less

/* donne envie de cliquer sur un bouton */
label,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  cursor: pointer;
}

/* évite un resize qui déborde */
textarea {
  resize: vertical;
}

label,
button,
input,
select {
  vertical-align: middle;
}

/* à adapter selon le design voulu */
input,
select,
textarea {
  border: 1px solid #000;
  border-radius: 5px;
  padding: .5em;
  width: @input-defaut-size;
  /** fix typo inputs **/
  font-family: inherit;
  font-size: 1em;
}

/* pour les textes des champs */
.label {
  display: inline-block;
}

/* à adapter selon le design voulu */
.button {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 1px #ddd;
  box-shadow: 1px 1px 1px #ddd;
  color: #000;
}

/*
 * évite dimensionnement des radios, checkboxes et images
 * et un affichage différent sous IE
 */
input[type="radio"],
input[type="checkbox"],
input[type="image"] {
  background-color: transparent;
  border: 0;
  width: auto;
}

/* pour annuler la taille des inputs ou autres */
.auto {
  width: auto;
}

/* messages d'erreur ou de confirmation */
.alert,
.alert input,
.alert textarea,
.alert select {
  color: @color-alert;
  font-weight: bold;
}
/* .redborder sert à débugger uniquement */
.alert input,
.alert textarea,
.alert select,
.redborder {
  border: 1px solid @color-alert;
}
.alert img {
  border: 0;
}
/*.ok {

}*/

/*
 * peut être complété par les attributs HTML5 required
 * exemple avec une couleur, penser à ne pas uniquement transmettre l'info ainsi
 */
/*select:required:invalid,
input:required:invalid,
input:focus:invalid,
textarea:required:invalid,
textarea:focus:invalid {
  background: #fef6f6;
  -moz-box-shadow: none;
}

input:focus:required:valid,
textarea:focus:required:valid,
select:focus:required:valid {
  background: #efe;
  -moz-box-shadow: none;
}*/

error: pathspec 'less/rocssti-fr/07-forms.less' did not match any file(s) known to git


Readded accidentally deleted LESS thread

/* Thread */

  .crypto-color-gray   { color: @grayMid; }
  .crypto-color-red    { color: #be1e2d; }
  .crypto-color-orange { color: #f7931d; }
  .crypto-color-blue   { color: #1b75bb; }
  .crypto-color-green  { color: #006738; }

/* Thread Title */

  #thread-title {
    width: 100%;
    text-align: center;
    padding: 10px 0 5px 0;
    background: @grayLight;
    border-bottom: 1px solid @gray;
  }

  #thread-title h1 {
    margin: 0px;
    padding: 0px;
    font-size: 24px;
    font-weight: bold;
  }

  #thread-title ul {
    display: inline-block;
    margin: 0 auto;
  }

  #thread-title ul li {
    margin-right: 15px;
  }

  #thread-title ul a {
    color: @gray;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
  }

  #thread-title ul a:hover {
    color: @grayDark;
  }

/* Thread Items */

  #thread-messages {
    width: 100%;
    overflow-y: auto;
  }

  .thread-snippet {
    border-bottom: 1px solid @gray;
  }

  .thread-snippet:hover {
    background: @grayLight;
    cursor: pointer;
  }

  .thread-snippet:hover .feedback-expand {
    display: block;
  }

  .thread-message {
    border-bottom: 1px solid @gray;
  }

  .thread-line-subject {

  }

  .thread-item-metadata {
    width: 100%;
    display: table;
    margin: 0px;
    padding: 0px;
  }

  .thread-item-from {
    min-width: 175px;
    max-width: 200px;
    display: table-cell;
    padding-top: 15px;
    padding-left: 15px;
  }

  .thread-item-from a.avatar {
    float: left;
    margin-right: 10px;
  }

  .thread-item-from a.avatar img {
    width: 45px;
  }

  .thread-item-from a.name {
    display: block;
    margin-top: 0px;
    margin-bottom: 8px;
    color: @grayDark;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
  }

  .thread-item-from span.icon {
    float: left;
    margin-right: 10px;
    font-size: 14px;
    cursor: pointer;
  }

  .icon-circle-info { color: @grayMid; }

  .thread-item-details {
    width: 200px;
    display: table-cell;
    vertical-align: top;
    text-align: right;
    padding-top: 15px;
    padding-right: 15px;
  }

  .thread-item-details span.datetime {
    display: block;
    margin-bottom: 5px;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    color: @gray;
    line-height: 14px;
  }

  .thread-item-details span.datetime.message {
    color: @grayDark;
  }

  .feedback-expand {
    display: none;
    color: @gray;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
  }

  .thread-item-metadata-details {
    display: none;
    margin-bottom: 25px;
    border-bottom: 1px solid @grayMid;
  }

  .thread-item-metadata-details ul {
    margin: 10px 0px 15px 20px;
  }

  .thread-item-metadata-details ul li {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
  }

  .thread-item-metadata-contact {
	  color: @grayDark;
	  display: table;
  }

  .thread-item-metadata-contact a {
    font-size: 14px;
    line-height: 14px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 5px;
  }

	.thread-item-metadata-contact a:hover {
    color: @red;
  }

	.thread-item-metadata-contact a img {
     width: 21px;
     height: 21px;
     padding-right: 5px;
  }

  .thread-item-crypto {
    width: 95%;
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 0px;
  }

  .thread-item-crypto-info       {  }
  .thread-item-crypto-info .icon { font-size: 14px; }
  .thread-item-crypto-info .text { font-size: 12px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; }

  .thread-item-crypto-line {
    width: 80%;
    position: relative;
    top: 14px;
    left: 10px;
    opacity: 0;
    transition: opacity .35s ease-in-out;
    -moz-transition: opacity .35s ease-in-out;
    -webkit-transition: opacity .35s ease-in-out;
  }

  .thread-item-crypto-info:hover + .thread-item-crypto-line { opacity: 1;  }

  .pgp-encryption-none       { color: @grayMid; }
  .pgp-encryption-none .thread-item-crypto-line { border-bottom: 2px solid @grayMid; }
  .pgp-encryption-decrypted  { color: @green; }
  .pgp-encryption-decrypted .thread-item-crypto-line { border-bottom: 2px solid @green; }
  .pgp-encryption-missingkey { color: @red; }
  .pgp-encryption-missingkey .thread-item-crypto-line { border-bottom: 2px solid @red; }
  .pgp-encryption-error      { color: @red; }
  .pgp-encryption-error .thread-item-crypto-line { border-bottom: 2px solid @red; }

  .font-style-item-text() {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    white-space: pre-wrap;
  }

  .thread-item-text {
    max-width: 90%;
    margin-left: 20px;
    margin-right: 15px;
    margin-bottom: 10px;
    .font-style-item-text();
    color: @black;
  }

  .thread-item-text a {
    color: @black;
    font-weight: bold;
  }

  .thread-item-quote {
    max-width: 90%;
  	margin-left: 20px;
  	margin-bottom: 15px;
    .font-style-item-text();
    color: lighten(@black, 30%);
   }

	.thread-item-quote-show {
	  display: inline-block;
    padding: 2px 5px;
  	border: 1px solid @grayMid;
  	color: @grayDark;
  	cursor: pointer;
  	font-size: 18px;
  	line-height: 14px;
	}

  .thread-item-quote-show:hover {
    background: @grayLight;
  }

	.thread-item-quote-text {
  	display: none;
	}

/* Thread Message Attachments */

	.thread-message-attachments {
  	margin-left: 20px;
  	margin-bottom: 20px;
	}

  .thread-message-attachments li {
  	text-align: center;
  	float: left;
  }

	.thread-message-attachments a {
  	font-size: 14px;
  	line-height: 14px;
	}

	.thread-message-attachments a img {
	  display: block;
	  width: 225px;
	  padding: 5px;
	  border: 1px solid @grayMid;
	}

  .thread-message-attachments a small {
    display: block;
    font-size: 12px;
    font-weight: normal;
  }

/* Thread People */

  #thread-people {
    display: none;
  }

error: pathspec 'static/default/less/app-web/thread.less' did not match any file(s) known to git


Alphabetize property order

Alphabetize property order

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


Delete rotated-flipped.less

Delete rotated-flipped.less

error: pathspec 'lesson' did not match any file(s) known to git
error: pathspec '4/font-awesome/less/rotated-flipped.less' did not match any file(s) known to git


Bump up transition time

Bump up transition time

fatal: unable to access 'https://github.com/ktrainchoochoo/pentagon-landscaping.git/': The requested URL returned error: 403


Delete mixins.less

Delete 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/Etc-Entertainment/etc-entertainment.github.io.git/'


Add animation when showing deleted post content

// ------------------------------------
// Hero

.discussion-hero {
  & .badges {
    margin-right: 5px;
  }
}
.discussion-title {
  display: inline;
  vertical-align: middle;
}

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

.discussion-nav {
  & > ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }
}

@media @tablet, @desktop, @desktop-hd {
  .discussion-nav {
    float: right;

    &, & > ul {
      width: 150px;
    }
    & > ul {
      position: fixed;
      margin-top: 30px;

      & > li {
        margin-bottom: 10px;
      }
    }
    & .btn-group, & .btn {
      width: 100%;
    }
    & .btn-group:not(.item-count-1) {
      & .btn {
        width: 77%;
      }
      & .dropdown-toggle {
        width: 22%;
      }
    }
  }
}

// ------------------------------------
// Stream

.discussion-posts {
  margin-top: 40px;

  & .item {
    margin-bottom: 40px;
  }
}
.gap {
  padding: 30px 0;
  text-align: center;
  color: #aaa;
  cursor: pointer;
  border: 2px dashed @fl-body-bg;
  background: #f2f2f2;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
  position: relative;
  .transition(padding 0.2s);

  &:hover, &.loading, &.active {
    padding: 50px 0;

    &.up:before, &.down:after {
      opacity: 1;
    }
  }
  &.loading {
    .transition(none);
  }
  &:before, &:after {
    font-family: 'FontAwesome';
    display: block;
    opacity: 0;
    transition: opacity 0.2s;
    height: 15px;
    color: #aaa;
  }
  &.up:before {
    content: '\f077';
    margin-top: -25px;
    margin-bottom: 10px;
  }
  &.down:after {
    content: '\f078';
    margin-bottom: -25px;
    margin-top: 10px;
  }
  &:only-child {
    background: none;
    border: 0;
    color: @fl-primary-color;
    &:before, &:after {
      display: none;
    }
  }
}

@media @phone {
  .gap {
    margin-left: -15px;
    margin-right: -15px;
    border-left: 0;
    border-right: 0;
  }
}

@media @tablet, @desktop, @desktop-hd {
  .discussion-posts {
    margin-right: 200px;
  }
}

// ------------------------------------
// Posts

.post {
  padding-bottom: 1px;
  transition: 0.2s box-shadow;
  position: relative;

  & .contextual-controls {
    float: right;
    margin-left: 10px;
  }
}
.item.highlight .post {
  border: 8px solid rgba(255, 255, 0, 0.2);
  border-radius: 8px;
  padding: 15px;
  margin: -23px;
}
.post-header {
  margin-bottom: 10px;
  color: @fl-body-muted-color;

  &, & a {
    color: @fl-body-muted-color;
  }
  & > ul {
    list-style-type: none;
    padding: 0;
    margin: 0;

    & > li {
      display: inline;
      margin-right: 10px;
    }
  }
  & .post-user {
    margin: 0;
    display: inline;
    font-weight: normal;
    position: relative;

    & h3 {
      display: inline;
    }
    & h3, & h3 a {
      color: @fl-body-heading-color;
      font-weight: bold;
      font-size: 15px;
    }

    & .badges {
      text-align: right;
      white-space: nowrap;

      & .badge {
        margin-left: -15px;
        position: relative;
      }
    }

    & .user-card {
      position: absolute;
      top: 100%;
      z-index: @zindex-popover;
      .transition(~"opacity 0.2s, margin-top 0.2s");

      &.in {
        margin-top: 5px;
      }
    }
  }
}
.post-body {
  font-size: 14px;
  line-height: 1.6em;
}
.post.is-hidden {
  & .post-user h3, & .post-user h3 a, & .post-header, & .post-header > ul > li > a {
    color: @fl-body-muted-more-color;
  }
  & .post-body, & .post-footer, & h3 .avatar {
    position: absolute;
    overflow: hidden;
    height: 0;
    opacity: 0;
    margin-top: -5px;
    .transition(~"margin-top 0.2s, opacity 0.2s");
  }
  &.reveal-content {
    & .post-body, & .post-footer, & h3 .avatar {
      position: static;
      height: auto;
      opacity: 0.5;
      margin-top: 0;
    }
  }
  & .post-header .btn-more {
    background: #eee;
    color: @fl-body-muted-more-color;
  }
}
.post-meta {
  width: 400px;
  padding: 10px;
  color: @fl-body-muted-color;

  & .number {
    color: @fl-body-color;
    font-weight: bold;
  }
  & .time {
    margin-left: 5px;
  }
  & .permalink {
    margin-top: 10px;
  }
  & a.permalink {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.post-icon {
  float: left;
}
.post-activity {
  &, & a {
    color: @fl-body-muted-color;
  }
  & a {
    font-weight: bold;
  }
}
.post-activity-info {
  font-size: 15px;
  margin-bottom: 5px;
}
.post-renamed {
  & .old-title, & .new-title {
    font-weight: normal;
    font-style: italic;
  }
}

.post-footer, .post-actions {
  & > ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  &, & a {
    color: @fl-body-muted-color;
  }
}
.post-footer {
  & > ul {
    & > li {
      margin-bottom: 5px;
    }
  }
  & .fa {
    font-size: 14px;
    margin-right: 5px;
  }
}
.post-actions {
  margin-top: 10px;
  opacity: 0;
  .transition(opacity 0.2s);

  & > ul {
    & > li {
      margin-right: 10px;
      display: inline-block;
    }
  }
  .post:hover & {
    opacity: 1;
  }
}

@media @phone {
  .post-header {
    & .avatar {
      .avatar-size(32px);
      vertical-align: middle;
      margin-right: 5px;
    }
  }
  .post-user {
    position: relative;

    & .badges {
      position: absolute;
      top: -7px;
      left: 5px;
      width: 32px;

      & .badge {
        .badge-size(20px);
        margin-left: -13px;
      }
    }
  }
  .post-activity {
    padding-left: 30px;
  }
  .post-icon {
    font-size: 18px;
    margin-left: -30px;
    margin-top: 2px;
  }
}

@media @tablet, @desktop, @desktop-hd {
  .post {
    padding-left: 90px;

    & .contextual-controls {
      visibility: hidden;
    }
    &:hover .contextual-controls, & .contextual-controls.open {
      visibility: visible;
    }
  }
  .item.highlight .post {
    padding-left: 90px + 15px;
  }
  .post-header {
    & .avatar {
      margin-left: -90px;
      float: left;
      .avatar-size(64px);
    }
  }
  .post-user {
    & .badges {
      float: left;
      margin-left: -85px;
      margin-top: -3px;
      width: 64px;
    }
  }
  .post-icon {
    text-align: right;
    margin-left: -90px;
    width: 64px;
    font-size: 22px;
  }
}

// ------------------------------------
// Scrubber

.scrubber {
  & a {
    margin-left: -5px;
    color: @fl-body-muted-color;
    & .fa {
      font-size: 14px;
      margin-right: 2px;
    }
    &:hover, &:focus {
      text-decoration: none;
      color: @link-hover-color;
    }
  }
}
.scrubber-scrollbar {
  margin: 8px 0 8px 3px;
  height: 300px;
  min-height: 50px; // JavaScript sets a max-height
  position: relative;
}
.scrubber-before, .scrubber-after {
  border-left: 1px solid @fl-body-secondary-color;
}
.scrubber-slider {
  position: relative;
  width: 100%;
  padding: 5px 0;
}
.scrubber-handle {
  height: 100%;
  width: 5px;
  background: @fl-body-primary-color;
  border-radius: 4px;
  float: left;
  margin-left: -2px;
  transition: background 0.2s;
  .disabled & {
    background: @fl-body-secondary-color;
  }
}
.scrubber-info {
  height: (2em * @line-height-base);
  margin-top: (-1em * @line-height-base);
  position: absolute;
  top: 50%;
  width: 100%;
  left: 15px;
  & strong {
    display: block;
  }
  & .description {
    color: @fl-body-muted-color;
  }
}
.scrubber-highlights {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  list-style-type: none;
  pointer-events: none;
}
.scrubber-highlights li {
  position: absolute;
  right: -6px;
  background: #fc0;
  height: 8px;
  width: 13px;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  opacity: 0.99;
}

@media @phone {
  .stream-scrubber {
    & .dropdown-toggle {
      font-size: 14px;
    }
    & .dropdown-menu {
      padding: 30px;
      font-size: 14px;
    }
  }
  .scrubber-scrollbar {
    height: 40vh !important;
    max-height: none !important;
  }
}

@media @tablet, @desktop, @desktop-hd {
  .stream-scrubber {
    margin: 30px 0 0 0;

    .expand-dropdown();
  }
}

// ------------------------------------
// Hero

.discussion-hero {
  & .badges {
    margin-right: 5px;
  }
}
.discussion-title {
  display: inline;
  vertical-align: middle;
}

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

.discussion-nav {
  & > ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }
}

@media @tablet, @desktop, @desktop-hd {
  .discussion-nav {
    float: right;

    &, & > ul {
      width: 150px;
    }
    & > ul {
      position: fixed;
      margin-top: 30px;

      & > li {
        margin-bottom: 10px;
      }
    }
    & .btn-group, & .btn {
      width: 100%;
    }
    & .btn-group:not(.item-count-1) {
      & .btn {
        width: 77%;
      }
      & .dropdown-toggle {
        width: 22%;
      }
    }
  }
}

// ------------------------------------
// Stream

.discussion-posts {
  margin-top: 40px;

  & .item {
    margin-bottom: 40px;
  }
}
.gap {
  padding: 30px 0;
  text-align: center;
  color: #aaa;
  cursor: pointer;
  border: 2px dashed @fl-body-bg;
  background: #f2f2f2;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
  position: relative;
  .transition(padding 0.2s);

  &:hover, &.loading, &.active {
    padding: 50px 0;

    &.up:before, &.down:after {
      opacity: 1;
    }
  }
  &.loading {
    .transition(none);
  }
  &:before, &:after {
    font-family: 'FontAwesome';
    display: block;
    opacity: 0;
    transition: opacity 0.2s;
    height: 15px;
    color: #aaa;
  }
  &.up:before {
    content: '\f077';
    margin-top: -25px;
    margin-bottom: 10px;
  }
  &.down:after {
    content: '\f078';
    margin-bottom: -25px;
    margin-top: 10px;
  }
  &:only-child {
    background: none;
    border: 0;
    color: @fl-primary-color;
    &:before, &:after {
      display: none;
    }
  }
}

@media @phone {
  .gap {
    margin-left: -15px;
    margin-right: -15px;
    border-left: 0;
    border-right: 0;
  }
}

@media @tablet, @desktop, @desktop-hd {
  .discussion-posts {
    margin-right: 200px;
  }
}

// ------------------------------------
// Posts

.post {
  padding-bottom: 1px;
  transition: 0.2s box-shadow;

  & .contextual-controls {
    float: right;
    margin-left: 10px;
  }
}
.item.highlight .post {
  border: 8px solid rgba(255, 255, 0, 0.2);
  border-radius: 8px;
  padding: 15px;
  margin: -23px;
}
.post-header {
  margin-bottom: 10px;
  color: @fl-body-muted-color;

  &, & a {
    color: @fl-body-muted-color;
  }
  & > ul {
    list-style-type: none;
    padding: 0;
    margin: 0;

    & > li {
      display: inline;
      margin-right: 10px;
    }
  }
  & .post-user {
    margin: 0;
    display: inline;
    font-weight: normal;
    position: relative;

    & h3 {
      display: inline;
    }
    & h3, & h3 a {
      color: @fl-body-heading-color;
      font-weight: bold;
      font-size: 15px;
    }

    & .badges {
      text-align: right;
      white-space: nowrap;

      & .badge {
        margin-left: -15px;
        position: relative;
      }
    }

    & .user-card {
      position: absolute;
      top: 100%;
      z-index: @zindex-popover;
      .transition(~"opacity 0.2s, margin-top 0.2s");

      &.in {
        margin-top: 5px;
      }
    }
  }
}
.post-body {
  font-size: 14px;
  line-height: 1.6em;
}
.post.is-hidden {
  & .post-user, & .post-header > ul, & .post-header > ul a:not(.btn) {
    color: @fl-body-muted-more-color;
  }
  &:not(.reveal-content) {
    & .post-body, & .post-footer, & .avatar {
      display: none;
    }
  }
  &.reveal-content {
    & .post-body, & .post-footer, & .avatar {
      opacity: 0.5;
    }
  }
  & .btn-more {
    background: #eee;
    color: @fl-body-muted-more-color;
  }
}
.post-meta {
  width: 400px;
  padding: 10px;
  color: @fl-body-muted-color;

  & .number {
    color: @fl-body-color;
    font-weight: bold;
  }
  & .time {
    margin-left: 5px;
  }
  & .permalink {
    margin-top: 10px;
  }
  & a.permalink {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.post-icon {
  float: left;
}
.post-activity {
  &, & a {
    color: @fl-body-muted-color;
  }
  & a {
    font-weight: bold;
  }
}
.post-activity-info {
  font-size: 15px;
  margin-bottom: 5px;
}
.post-renamed {
  & .old-title, & .new-title {
    font-weight: normal;
    font-style: italic;
  }
}

.post-footer, .post-actions {
  & > ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  &, & a {
    color: @fl-body-muted-color;
  }
}
.post-footer {
  & > ul {
    & > li {
      margin-bottom: 5px;
    }
  }
  & .fa {
    font-size: 14px;
    margin-right: 5px;
  }
}
.post-actions {
  margin-top: 10px;
  opacity: 0;
  .transition(opacity 0.2s);

  & > ul {
    & > li {
      margin-right: 10px;
      display: inline-block;
    }
  }
  .post:hover & {
    opacity: 1;
  }
}

@media @phone {
  .post-header {
    & .avatar {
      .avatar-size(32px);
      vertical-align: middle;
      margin-right: 5px;
    }
  }
  .post-user {
    position: relative;

    & .badges {
      position: absolute;
      top: -7px;
      left: 5px;
      width: 32px;

      & .badge {
        .badge-size(20px);
        margin-left: -13px;
      }
    }
  }
  .post-activity {
    padding-left: 30px;
  }
  .post-icon {
    font-size: 18px;
    margin-left: -30px;
    margin-top: 2px;
  }
}

@media @tablet, @desktop, @desktop-hd {
  .post {
    padding-left: 90px;

    & .contextual-controls {
      visibility: hidden;
    }
    &:hover .contextual-controls, & .contextual-controls.open {
      visibility: visible;
    }
  }
  .item.highlight .post {
    padding-left: 90px + 15px;
  }
  .post-header {
    & .avatar {
      margin-left: -90px;
      float: left;
      .avatar-size(64px);
    }
  }
  .post-user {
    & .badges {
      float: left;
      margin-left: -85px;
      margin-top: -3px;
      width: 64px;
    }
  }
  .post-icon {
    text-align: right;
    margin-left: -90px;
    width: 64px;
    font-size: 22px;
  }
}

// ------------------------------------
// Scrubber

.scrubber {
  & a {
    margin-left: -5px;
    color: @fl-body-muted-color;
    & .fa {
      font-size: 14px;
      margin-right: 2px;
    }
    &:hover, &:focus {
      text-decoration: none;
      color: @link-hover-color;
    }
  }
}
.scrubber-scrollbar {
  margin: 8px 0 8px 3px;
  height: 300px;
  min-height: 50px; // JavaScript sets a max-height
  position: relative;
}
.scrubber-before, .scrubber-after {
  border-left: 1px solid @fl-body-secondary-color;
}
.scrubber-slider {
  position: relative;
  width: 100%;
  padding: 5px 0;
}
.scrubber-handle {
  height: 100%;
  width: 5px;
  background: @fl-body-primary-color;
  border-radius: 4px;
  float: left;
  margin-left: -2px;
  transition: background 0.2s;
  .disabled & {
    background: @fl-body-secondary-color;
  }
}
.scrubber-info {
  height: (2em * @line-height-base);
  margin-top: (-1em * @line-height-base);
  position: absolute;
  top: 50%;
  width: 100%;
  left: 15px;
  & strong {
    display: block;
  }
  & .description {
    color: @fl-body-muted-color;
  }
}
.scrubber-highlights {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  list-style-type: none;
  pointer-events: none;
}
.scrubber-highlights li {
  position: absolute;
  right: -6px;
  background: #fc0;
  height: 8px;
  width: 13px;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  opacity: 0.99;
}

@media @phone {
  .stream-scrubber {
    & .dropdown-toggle {
      font-size: 14px;
    }
    & .dropdown-menu {
      padding: 30px;
      font-size: 14px;
    }
  }
  .scrubber-scrollbar {
    height: 40vh !important;
    max-height: none !important;
  }
}

@media @tablet, @desktop, @desktop-hd {
  .stream-scrubber {
    margin: 30px 0 0 0;

    .expand-dropdown();
  }
}


Remove redundant code

Remove redundant code

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


Fix date alignment

Fix date alignment

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

.news-post-preview {
  @top: news-post-preview;
  margin-bottom: 5px;

  &--collapsed {
    margin-bottom: 0px;
  }

  &__body {
    display: flex;
    background: #222;
    .default-box-shadow();
    .@{top}--collapsed & {
      box-shadow: none;
    }
  }

  &__image {
    width: 100%;
    height: 130px;
    background-size: cover;
    background-position: 50%;
    display: block;
    background-color: grey;
    .@{top}--collapsed & {
      display: none;
    }
  }

  &__post-date {
    flex: 0 0 60px;
    border-right: 1px solid grey;
    margin: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    color: @pink-light;
    padding-right: 10px;
    overflow: hidden;

    .@{top}--collapsed & {
      flex-direction: row;
      justify-content: flex-end;
      align-items: baseline;
      margin: 0px 10px;
      padding: 5px 10px;
    }
  }

  &__date {
    font-size: @font-size--title-small-3;
    font-weight: 800;
    .@{top}--collapsed & {
      font-size: @font-size--title-small;
      font-weight: bold;
    }
  }

  &__month-year {
    font-size: @font-size--small-2;
    .@{top}--collapsed & {
      font-size: @font-size--title-small;
    }
  }

  &__post-right {
    margin-right: @font-size--small;
    .@{top}--collapsed & {
      display: flex;
      align-items: center;
    }
  }

  &__post-title {
    display: block;
    color: white;
    font-size: @font-size--title-small;
    margin: 5px 0px 10px 0px;
    font-style: normal;

    .@{top}--collapsed & {
      margin: 0px;
    }
  }

  &__post-content {
    font-size: @font-size--normal;
    font-weight: 100;
    p {
      color: white;
    }
    .@{top}--collapsed & {
      display: none;
    }
  }
}

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

.news-post-preview {
  @top: news-post-preview;
  margin-bottom: 5px;

  &--collapsed {
    margin-bottom: 0px;
  }

  &__body {
    display: flex;
    background: #222;
    .default-box-shadow();
    .@{top}--collapsed & {
      box-shadow: none;
    }
  }

  &__image {
    width: 100%;
    height: 130px;
    background-size: cover;
    background-position: 50%;
    display: block;
    background-color: grey;
    .@{top}--collapsed & {
      display: none;
    }
  }

  &__post-date {
    flex: 0 0 60px;
    border-right: 1px solid grey;
    margin: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    color: @pink-light;
    padding-right: 10px;
    overflow: hidden;

    .@{top}--collapsed & {
      flex-direction: row;
      justify-content: flex-end;
      margin: 0px 10px;
      padding: 5px 10px;
    }
  }

  &__date {
    font-size: @font-size--title-small-3;
    font-weight: 800;
    .@{top}--collapsed & {
      font-size: @font-size--title-small;
      font-weight: bold;
    }
  }

  &__month-year {
    font-size: @font-size--small-2;
    .@{top}--collapsed & {
      font-size: @font-size--title-small;
    }
  }

  &__post-right {
    margin-right: @font-size--small;
    .@{top}--collapsed & {
      display: flex;
      align-items: center;
    }
  }

  &__post-title {
    display: block;
    color: white;
    font-size: @font-size--title-small;
    margin: 5px 0px 10px 0px;
    font-style: normal;

    .@{top}--collapsed & {
      margin: 0px;
    }
  }

  &__post-content {
    font-size: @font-size--normal;
    font-weight: 100;
    p {
      color: white;
    }
    .@{top}--collapsed & {
      display: none;
    }
  }
}


some things on iframes

some things on iframes

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/MatTheCat/clean.git/'