Description box adjustments

Description box adjustments

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

.beatmapset-info {
  @description-break-width: 1100px;

  display: flex;
  flex-direction: column;

  height: auto;

  @media @desktop {
    flex-direction: row;
  }

  @media (min-width: @description-break-width) {
    height: 175px;
  }

  &__details {
    display: flex;
    flex-direction: column;
    overflow-y: scroll;

    @media (min-width: @description-break-width) {
      flex-direction: row;
      width: auto;
      overflow-y: hidden;
    }

    width: 100%;
    height: 100%;

    align-self: flex-start;
    padding: 0 30px;
    padding-top: 30px;

    flex-grow: 1;
  }

  &__text {
    font-size: 12px;

    &--header {
      font-weight: 700;
      padding-bottom: @spacing * 0.2;
    }

    &--source {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    &--tag {
      padding-right: 3px;
      display: inline-block;
    }
  }

  &__description {
    margin-right: @spacing * 2;
    flex-grow: 1;

    padding-right: @spacing * 2;
    padding-bottom: @spacing * 0.5;

    @media (min-width: @description-break-width) {
      overflow-y: auto;
      padding-bottom: 0;
    }

    text-align: justify;
  }

  &__tags-source-box {
    width: 250px;
    min-width: 250px;

    padding-bottom: 30px;

    @media (min-width: @description-break-width) {
      overflow-y: hidden;
    }
  }

  &__text-box {
    padding-bottom: @spacing * 0.5;

    &--source {
      height: 35px;
    }

    &--tags {
      flex-grow: 1;
      overflow-y: hidden;
    }
  }

  &__success-rate {
    align-self: flex-start;

    height: 160px;
    width: 275px;
    min-width: 275px;

    background-color: @grey-e;

    margin-left: auto;
    margin-right: auto;

    margin-top: @spacing * 1.5;

    @media @desktop {
      margin-right: 40px;
    }

    @media (min-width: @description-break-width) {
      align-self: flex-end;
    }
  }
}

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

.beatmapset-info {
  @description-break-width: 1000px;

  display: flex;
  flex-direction: column;

  height: auto;

  @media @desktop {
    height: 175px;
    flex-direction: row;
  }

  &__details {
    display: flex;
    flex-direction: column;
    overflow-y: scroll;

    @media (min-width: @description-break-width) {
      flex-direction: row;
      width: auto;
    }

    width: 100%;
    height: 100%;

    align-self: flex-start;
    padding: 30px;

    flex-grow: 1;
  }

  &__text {
    font-size: 12px;

    &--header {
      font-weight: 700;
      padding-bottom: @spacing * 0.2;
    }

    &--source {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    &--tag {
      padding-right: 3px;
      display: inline-block;
    }
  }

  &__description {
    margin-right: @spacing * 2;
    flex-grow: 1;

    padding-right: @spacing * 2;
    padding-bottom: @spacing * 0.5;

    @media (min-width: @description-break-width) {
      overflow-y: auto;
      padding-bottom: 0;
    }

    text-align: justify;
  }

  &__tags-source-box {
    width: 250px;
    min-width: 250px;

    @media (min-width: @description-break-width) {
      overflow-y: hidden;
    }
  }

  &__text-box {
    padding-bottom: @spacing * 0.5;

    &--source {
      height: 35px;
    }

    &--tags {
      flex-grow: 1;
      overflow-y: hidden;
    }
  }

  &__success-rate {
    align-self: flex-end;

    height: 160px;
    width: 275px;
    min-width: 275px;

    background-color: @grey-e;

    margin-left: auto;
    margin-right: auto;

    @media @desktop {
      margin-right: 40px;
    }
  }
}


Fix animation duration and type

Fix animation duration and type

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/Xyloo/osu-web.git/'


Fix #65

Fix #65

.app {
  /* Fix http://phonegap-tips.com/articles/essential-phonegap-css-webkit-tap-highlight-color.html */
  .mdl-button {
      -webkit-tap-highlight-color:rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
      -webkit-tap-highlight-color:transparent;
      &.quick-add{
          position:fixed;
          bottom:32px;
          right:32px;
          z-index: 9999;
      }
  }
  .mdl-list{
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    .mdl-list__item{
      border-bottom: 1px solid #EEE;
      text-align: center;
      .mdl-list__item-primary-content{
        display: inline-block;
      }
      .mdl-list__item-secondary-action {
          margin-top: -28px;
      }
    }
  }

  .mdl-dialog {
    width: 360px;
    .mdl-list{
      .mdl-list__item:hover{
        background: #EEE;
      }
    }
  }

  .fiche-view{
    .info {
      background-color: #f44336;
      &.close{
        background-color: #ccc !important;
      }
      &.del{
        color: #EEE !important;
        background-color: #333 !important;
      }
      border-bottom: 1px solid #666;
      /* padding: 0 6px 24px !important; */
      h4{
        margin: 16px 0 12px;
      }
      p{
        margin: 0;
      }
    }
    .mdl-tabs {
      span#history_last_update {
          display: block;
          margin: -33px;
          font-size: 70%;
          text-transform: initial;
      }
    }
    .fiche-menu{
      float: right;
      margin: -24px 0;
      z-index: 1000;
      @media screen and (max-width:610px) {
        background: #717171;
        padding: 1px 0 2px 7px;
        border-radius: 5px;
        border: 0.5px solid #666;
      }
      .mdl-button {
          margin-right: 5px;
          &.owning-button{
            background-color: #009688 !important;
          }
          &.closing-button{
            background-color: #888 !important;
          }
          &.menu-button{
              float: right;
          }
      }
      &.collapsed {
        background: transparent;
        border: none;
        .mdl-button {
          &.menu-button{
            display: none;
          }
        }
        @media screen and (max-width:610px) {
          .mdl-button {
            display: none;
            &.menu-button{
              display: inherit;
            }
          }
        }
      }
    }
    .mdl-list{
      .add-button{
        background: #EEE;
        font-weight: bold;
      }
    }
  }

  #history-panel .mdl-list{
    .mdl-list__item{
      .mdl-list__item-primary-content {
        text-align: left;
      }
    }
  }

  a.fiche.patient{
      text-decoration: none;
      .mdl-card{
          min-height: 0px;
          width: 100%;
          .mdl-card__title {
              padding-bottom: 0;
              h4{
                  margin: 0;
              }
          }
          .birthdate{
              float: right;
          }
          .timestamp{
            float: right;
            position: absolute;
            top: 0px;
            right: 0px;
            color: #FFF;
            background: #CCC;
            padding: 0 4px;
            border-bottom-left-radius: 6px;
            font-size: 60%;
            &.old{
              color: red;
            }
          }
      }
  }
  /*
  .mdl-dialog{
    .mdl-dialog__actions{
      .mdl-button{
          &.close{
            float: left;
          }
      }
    }
  }
  */
  #_login {
      height: 100%;
      main.mdl-layout__content {
          /*
          position: absolute;
          left: 50%;
          top: 50%;
          margin: -262px -170px;
          /**/
      }
      #logo, .mdl-card {
          width: 340px;
          margin-bottom: 30px;
          margin-right: auto;
          margin-left: auto;
          margin-top: 7%;
      }

      #logo>h2, #logo>h3,.mdl-card__actions>a {
        float:right;
      }

      #logo>h3 {
        margin-top : -52px;
        font-size : 150%;
      }

      #logo>img {
        margin-left: -20px;
      }
  }

  .page-content#settings {
    button, .mdl-card {
        width: 100%;
        margin: 1rem;
    }
    .mdl-switch {
      height: auto;
    }
  }
}

.app {
  /* Fix http://phonegap-tips.com/articles/essential-phonegap-css-webkit-tap-highlight-color.html */
  .mdl-button {
      -webkit-tap-highlight-color:rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
      -webkit-tap-highlight-color:transparent;
      &.quick-add{
          position:fixed;
          bottom:32px;
          right:32px;
          z-index: 9999;
      }
  }

  .mdl-list{
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    .mdl-list__item{
      border-bottom: 1px solid #EEE;
      text-align: center;
      .mdl-list__item-primary-content{
        display: inline-block;
      }
      .mdl-list__item-secondary-action {
          margin-top: -28px;
      }
    }
  }

  .mdl-dialog {
    width: 360px;
    .mdl-list{
      .mdl-list__item:hover{
        background: #EEE;
      }
    }
  }

  .fiche-view{
    .info {
      background-color: #f44336;
      &.close{
        background-color: #ccc !important;
      }
      &.del{
        color: #EEE !important;
        background-color: #333 !important;
      }
      border-bottom: 1px solid #666;
      /* padding: 0 6px 24px !important; */
      h4{
        margin: 16px 0 12px;
      }
      p{
        margin: 0;
      }
    }
    .mdl-tabs {
      span#history_last_update {
          display: block;
          margin: -33px;
          font-size: 70%;
          text-transform: initial;
      }
    }
    .fiche-menu{
      float: right;
      margin: -24px 0;
      z-index: 1000;
      @media screen and (max-width:610px) {
        background: #717171;
        padding: 1px 0 2px 7px;
        border-radius: 5px;
        border: 0.5px solid #666;
      }
      .mdl-button {
          margin-right: 5px;
          &.owning-button{
            background-color: #009688 !important;
          }
          &.closing-button{
            background-color: #888 !important;
          }
          &.menu-button{
              float: right;
          }
      }
      &.collapsed {
        background: transparent;
        border: none;
        .mdl-button {
          &.menu-button{
            display: none;
          }
        }
        @media screen and (max-width:610px) {
          .mdl-button {
            display: none;
            &.menu-button{
              display: inherit;
            }
          }
        }
      }
    }
    .mdl-list{
      .add-button{
        background: #EEE;
        font-weight: bold;
      }
    }
  }

  #history-panel .mdl-list{
    .mdl-list__item{
      .mdl-list__item-primary-content {
        text-align: left;
      }
    }
  }

  a.fiche.patient{
      text-decoration: none;
      .mdl-card{
          min-height: 0px;
          width: 100%;
          .mdl-card__title {
              padding-bottom: 0;
              h4{
                  margin: 0;
              }
          }
          .birthdate{
              float: right;
          }
          .timestamp{
            float: right;
            position: absolute;
            top: 0px;
            right: 0px;
            color: #FFF;
            background: #CCC;
            padding: 0 4px;
            border-bottom-left-radius: 6px;
            font-size: 60%;
            &.old{
              color: red;
            }
          }
      }
  }
  /*
  .mdl-dialog{
    .mdl-dialog__actions{
      .mdl-button{
          &.close{
            float: left;
          }
      }
    }
  }
  */
  #_login {
      height: 100%;
      main.mdl-layout__content {
          /*
          position: absolute;
          left: 50%;
          top: 50%;
          margin: -262px -170px;
          /**/
      }
      #logo, .mdl-card {
          width: 340px;
          margin-bottom: 30px;
          margin-right: auto;
          margin-left: auto;
          margin-top: 7%;
      }

      #logo>h2, #logo>h3,.mdl-card__actions>a {
        float:right;
      }

      #logo>h3 {
        margin-top : -52px;
        font-size : 150%;
      }

      #logo>img {
        margin-left: -20px;
      }
  }

  .page-content#settings {
    button, .mdl-card {
        width: 100%;
        margin: 1rem;
    }
  }
}


variables are back

variables are back

@transitionSpeed : .2s; // Page transition speed (menu / app name UI etc.)
@overlayOpacity: .4; // Non-selected brick overlay

@blue: #409eda; //Main Blue
@buttonRadius: 4px; //Button Radius

.faint-button {
    color: white;
    text-decoration: none;
    border: solid 2px rgba(255,255,255,.4);
    border-bottom: solid 4px rgba(255,255,255,.4);
    border-radius: 5px;
    padding: 15px 20px;
    margin: 0 5px;
    text-align: center;
}

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


Fixes menu padding

Fixes menu padding

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/studiomotio/www1.git/'


修改Bootstrap加入对IE6的支持

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/smallsmallwolf/Zonda.git/'


Tweaking colours.

Tweaking colours.

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/JesseLeite/earthsung-by-jackson-syntax-atom.git/'


fix: css of DatePicker

fix: css of DatePicker

.calendarPanelHeader(@calendar-prefix-cls) {
  height: 34px;
  line-height: 34px;
  text-align: center;
  user-select: none;
  border-bottom: 1px solid @border-color-split;

  a:hover {
    color: @link-hover-color;
  }

  .@{calendar-prefix-cls}-century-select,
  .@{calendar-prefix-cls}-decade-select,
  .@{calendar-prefix-cls}-year-select,
  .@{calendar-prefix-cls}-month-select {
    padding: 0 2px;
    font-weight: bold;
    display: inline-block;
    color: #666;
    line-height: 34px;
  }

  .@{calendar-prefix-cls}-century-select-arrow,
  .@{calendar-prefix-cls}-decade-select-arrow,
  .@{calendar-prefix-cls}-year-select-arrow,
  .@{calendar-prefix-cls}-month-select-arrow {
    display: none;
  }

  .@{calendar-prefix-cls}-prev-century-btn,
  .@{calendar-prefix-cls}-next-century-btn,
  .@{calendar-prefix-cls}-prev-decade-btn,
  .@{calendar-prefix-cls}-next-decade-btn,
  .@{calendar-prefix-cls}-prev-month-btn,
  .@{calendar-prefix-cls}-next-month-btn,
  .@{calendar-prefix-cls}-prev-year-btn,
  .@{calendar-prefix-cls}-next-year-btn {
    position: absolute;
    top: 0;
    color: #999;
    font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
    padding: 0 5px;
    font-size: 16px;
    display: inline-block;
    line-height: 34px;
  }

  .@{calendar-prefix-cls}-prev-century-btn,
  .@{calendar-prefix-cls}-prev-decade-btn,
  .@{calendar-prefix-cls}-prev-year-btn {
    left: 7px;

    &:after {
      content: '«';
    }
  }

  .@{calendar-prefix-cls}-next-century-btn,
  .@{calendar-prefix-cls}-next-decade-btn,
  .@{calendar-prefix-cls}-next-year-btn {
    right: 7px;

    &:after {
      content: '»';
    }
  }

  .@{calendar-prefix-cls}-prev-month-btn {
    left: 29px;

    &:after {
      content: '‹';
    }
  }

  .@{calendar-prefix-cls}-next-month-btn {
    right: 29px;

    &:after {
      content: '›';
    }
  }
}

.@{calendar-prefix-cls} {
  position: relative;
  outline: none;
  width: 231px;
  border: 1px solid @border-color-base;
  list-style: none;
  font-size: @font-size-base;
  text-align: left;
  background-color: #fff;
  border-radius: @border-radius-base;
  box-shadow: @box-shadow-base;
  background-clip: padding-box;
  line-height: @line-height-base;

  &-input-wrap {
    height: 34px;
    padding: 6px;
    border-bottom: 1px solid @border-color-split;
  }

  &-input {
    border: 0;
    width: 100%;
    cursor: auto;
    outline: 0;
    height: 22px;
  }

  &-week-number {
    width: 286px;

    &-cell {
      text-align: center;
    }
  }

  &-header {
    .calendarPanelHeader(@calendar-prefix-cls);
  }

  &-body {
    padding: 4px 8px;
  }

  table {
    border-collapse: collapse;
    max-width: 100%;
    background-color: transparent;
    width: 100%;
  }

  table,
  th,
  td {
    border: 0;
  }

  &-calendar-table {
    border-spacing: 0;
    margin-bottom: 0;
  }

  &-column-header {
    line-height: 18px;
    width: 33px;
    padding: 6px 0;
    text-align: center;
    .@{calendar-prefix-cls}-column-header-inner {
      display: block;
      font-weight: normal;
    }
  }

  &-week-number-header {
    .@{calendar-prefix-cls}-column-header-inner {
      display: none;
    }
  }

  &-cell {
    padding: 4px 0;
  }

  &-date {
    display: block;
    margin: 0 auto;
    color: #666;
    border-radius: @border-radius-sm;
    width: 20px;
    height: 20px;
    line-height: 18px;
    border: 1px solid transparent;
    padding: 0;
    background: transparent;
    text-align: center;
    transition: background 0.3s ease;

    &-panel {
      position: relative;
    }

    &:hover {
      background: tint(@primary-color, 90%);
      cursor: pointer;
    }

    &:active {
      color: #fff;
      background: tint(@primary-color, 20%);
    }
  }

  &-today &-date {
    border-color: @primary-color;
    font-weight: bold;
    color: @primary-color;
  }

  &-last-month-cell &-date,
  &-next-month-btn-day &-date {
    color: #ccc;
  }

  &-selected-day &-date {
    background: @primary-color;
    color: #fff;
    border: 1px solid transparent;

    &:hover {
      background: @primary-color;
    }
  }

  &-disabled-cell &-date {
    cursor: not-allowed;
    color: #bcbcbc;
    background: #f3f3f3;
    border-radius: 0;
    width: auto;

    &:hover {
      background: #f3f3f3;
    }
  }

  &-disabled-cell-first-of-row &-date {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  &-disabled-cell-last-of-row &-date {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  &-footer {
    padding: 0 15px;
    height: 38px;
    line-height: 38px;
    border-top: 1px solid @border-color-split;
  }

  &-footer-btn {
    text-align: center;
    display: block;
    line-height: 38px;
  }

  &-footer > div {
    display: inline-block;
  }

  .@{calendar-prefix-cls}-today-btn,
  .@{calendar-prefix-cls}-clear-btn {
    display: inline-block;
    text-align: center;
    margin: 0 0 0 8px;
    &-disabled {
      color: #ccc;
      cursor: not-allowed;
    }
  }

  .@{calendar-prefix-cls}-clear-btn {
    display: none;
    position: absolute;
    right: 5px;
    text-indent: -76px;
    overflow: hidden;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    top: 7px;
    margin: 0;
  }

  .@{calendar-prefix-cls}-clear-btn:after {
    .iconfont-font("\e631");
    font-size: 12px;
    color: #ccc;
    display: inline-block;
    line-height: 1;
    width: 20px;
    text-indent: 43px;
    transition: color 0.3s ease;
  }

  .@{calendar-prefix-cls}-clear-btn:hover:after {
    color: #999;
  }

  .@{calendar-prefix-cls}-ok-btn {
    .btn;
    .btn-primary;
    .button-size(@btn-padding-sm; @font-size-base; @border-radius-sm);
    position: absolute;
    bottom: 8px;
    right: 9px;

    &-disabled {
      .button-color(@btn-disable-color; @btn-disable-bg; @btn-disable-border);
      cursor: not-allowed;
      &:hover {
        .button-color(@btn-disable-color; @btn-disable-bg; @btn-disable-border);
      }
    }
  }
}

.calendarPanelHeader(@calendar-prefix-cls) {
  height: 34px;
  line-height: 34px;
  text-align: center;
  user-select: none;
  border-bottom: 1px solid @border-color-split;

  a:hover {
    color: @link-hover-color;
  }

  .@{calendar-prefix-cls}-century-select,
  .@{calendar-prefix-cls}-decade-select,
  .@{calendar-prefix-cls}-year-select,
  .@{calendar-prefix-cls}-month-select {
    padding: 0 2px;
    font-weight: bold;
    display: inline-block;
    color: #666;
    line-height: 34px;
  }

  .@{calendar-prefix-cls}-century-select-arrow,
  .@{calendar-prefix-cls}-decade-select-arrow,
  .@{calendar-prefix-cls}-year-select-arrow,
  .@{calendar-prefix-cls}-month-select-arrow {
    display: none;
  }

  .@{calendar-prefix-cls}-prev-century-btn,
  .@{calendar-prefix-cls}-next-century-btn,
  .@{calendar-prefix-cls}-prev-decade-btn,
  .@{calendar-prefix-cls}-next-decade-btn,
  .@{calendar-prefix-cls}-prev-month-btn,
  .@{calendar-prefix-cls}-next-month-btn,
  .@{calendar-prefix-cls}-prev-year-btn,
  .@{calendar-prefix-cls}-next-year-btn {
    position: absolute;
    top: 0;
    color: #999;
    font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
    padding: 0 5px;
    font-size: 16px;
    display: inline-block;
    line-height: 34px;
  }

  .@{calendar-prefix-cls}-prev-century-btn,
  .@{calendar-prefix-cls}-prev-decade-btn,
  .@{calendar-prefix-cls}-prev-year-btn {
    left: 7px;
  }

  .@{calendar-prefix-cls}-next-century-btn,
  .@{calendar-prefix-cls}-next-decade-btn,
  .@{calendar-prefix-cls}-next-year-btn {
    right: 7px;
  }

  .@{calendar-prefix-cls}-prev-month-btn {
    left: 29px;
  }

  .@{calendar-prefix-cls}-next-month-btn {
    right: 29px;
  }
}

.@{calendar-prefix-cls} {
  position: relative;
  outline: none;
  width: 231px;
  border: 1px solid @border-color-base;
  list-style: none;
  font-size: @font-size-base;
  text-align: left;
  background-color: #fff;
  border-radius: @border-radius-base;
  box-shadow: @box-shadow-base;
  background-clip: padding-box;
  line-height: @line-height-base;

  &-input-wrap {
    height: 34px;
    padding: 6px;
    border-bottom: 1px solid @border-color-split;
  }

  &-input {
    border: 0;
    width: 100%;
    cursor: auto;
    outline: 0;
    height: 22px;
  }

  &-week-number {
    width: 286px;

    &-cell {
      text-align: center;
    }
  }

  &-header {
    .calendarPanelHeader(@calendar-prefix-cls);
  }

  &-body {
    padding: 4px 8px;
  }

  table {
    border-collapse: collapse;
    max-width: 100%;
    background-color: transparent;
    width: 100%;
  }

  table,
  th,
  td {
    border: 0;
  }

  &-calendar-table {
    border-spacing: 0;
    margin-bottom: 0;
  }

  &-column-header {
    line-height: 18px;
    width: 33px;
    padding: 6px 0;
    text-align: center;
    .@{calendar-prefix-cls}-column-header-inner {
      display: block;
      font-weight: normal;
    }
  }

  &-week-number-header {
    .@{calendar-prefix-cls}-column-header-inner {
      display: none;
    }
  }

  &-cell {
    padding: 4px 0;
  }

  &-date {
    display: block;
    margin: 0 auto;
    color: #666;
    border-radius: @border-radius-sm;
    width: 20px;
    height: 20px;
    line-height: 18px;
    border: 1px solid transparent;
    padding: 0;
    background: transparent;
    text-align: center;
    transition: background 0.3s ease;

    &-panel {
      position: relative;
    }

    &:hover {
      background: tint(@primary-color, 90%);
      cursor: pointer;
    }

    &:active {
      color: #fff;
      background: tint(@primary-color, 20%);
    }
  }

  &-today &-date {
    border-color: @primary-color;
    font-weight: bold;
    color: @primary-color;
  }

  &-last-month-cell &-date,
  &-next-month-btn-day &-date {
    color: #ccc;
  }

  &-selected-day &-date {
    background: @primary-color;
    color: #fff;
    border: 1px solid transparent;

    &:hover {
      background: @primary-color;
    }
  }

  &-disabled-cell &-date {
    cursor: not-allowed;
    color: #bcbcbc;
    background: #f3f3f3;
    border-radius: 0;
    width: auto;

    &:hover {
      background: #f3f3f3;
    }
  }

  &-disabled-cell-first-of-row &-date {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  &-disabled-cell-last-of-row &-date {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  &-footer {
    padding: 0 15px;
    height: 38px;
    line-height: 38px;
    border-top: 1px solid @border-color-split;
  }

  &-footer-btn {
    text-align: center;
    display: block;
    line-height: 38px;
  }

  &-footer > div {
    display: inline-block;
  }

  .@{calendar-prefix-cls}-today-btn,
  .@{calendar-prefix-cls}-clear-btn {
    display: inline-block;
    text-align: center;
    margin: 0 0 0 8px;
    &-disabled {
      color: #ccc;
      cursor: not-allowed;
    }
  }

  .@{calendar-prefix-cls}-clear-btn {
    display: none;
    position: absolute;
    right: 5px;
    text-indent: -76px;
    overflow: hidden;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    top: 7px;
    margin: 0;
  }

  .@{calendar-prefix-cls}-clear-btn:after {
    .iconfont-font("\e631");
    font-size: 12px;
    color: #ccc;
    display: inline-block;
    line-height: 1;
    width: 20px;
    text-indent: 43px;
    transition: color 0.3s ease;
  }

  .@{calendar-prefix-cls}-clear-btn:hover:after {
    color: #999;
  }

  .@{calendar-prefix-cls}-ok-btn {
    .btn;
    .btn-primary;
    .button-size(@btn-padding-sm; @font-size-base; @border-radius-sm);
    position: absolute;
    bottom: 8px;
    right: 9px;

    &-disabled {
      .button-color(@btn-disable-color; @btn-disable-bg; @btn-disable-border);
      cursor: not-allowed;
      &:hover {
        .button-color(@btn-disable-color; @btn-disable-bg; @btn-disable-border);
      }
    }
  }
}


Create importer.less

Create importer.less

//Globals
@import 'globals/mixins.less';
@import 'globals/variables.less';
@import 'globals/reset.less';

error: pathspec 'templates/assets/linker/styles/importer.less' did not match any file(s) known to git


add test less styles files

add test less styles files

fatal: unable to access 'https://github.com/anhhh11/angularjs-getting-started.git/': The requested URL returned error: 403


style for button

style for button

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


finish 2016.1.24 jobs

finish 2016.1.24 jobs

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/cruiser/yii_bootstrap.git/'


OR-2068 removing margin of main-content for old left menu

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


Updated copyright.

Updated copyright.

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

// This is the default theme and doesn't need to do anything!

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

// This is the default theme and doesn't need to do anything!


Rolled back FRBR floating.

Rolled back FRBR floating.

Looked stupid in books result list (but neat in articles).

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


Block comment heading: always uppercase

Block comment heading: always uppercase

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


Move to assets/lesss

Move to assets/lesss

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/mmistakes/made-mistakes.git/'


Fix BL-9021 Quiz Header Overflow

Fix BL-9021 Quiz Header Overflow

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


adjust segmented controls css

adjust segmented controls css

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


Added light grey background to modal header

Stupid Github app forgot to add the real file.

@import "bootstrap/variables";
@import "bootstrap/mixins";

.modal {
  outline: none;

  .modal-header{
    background: #f8f8f8;
    .custom-radius(4px,0,0,4px);
  }
}

error: pathspec 'core/app/assets/stylesheets/base/bootstrap_modal.css.less' did not match any file(s) known to git


Create table-row.less

Create table-row.less

// Tables

.table-row-variant(@state; @background) {
  // Exact selectors below required to override `.table-striped` and prevent
  // inheritance to nested tables.
  .table > thead > tr,
  .table > tbody > tr,
  .table > tfoot > tr {
    > td.@{state},
    > th.@{state},
    &.@{state} > td,
    &.@{state} > th {
      background-color: @background;
    }
  }

  // Hover states for `.table-hover`
  // Note: this is not available for cells or rows within `thead` or `tfoot`.
  .table-hover > tbody > tr {
    > td.@{state}:hover,
    > th.@{state}:hover,
    &.@{state}:hover > td,
    &:hover > .@{state},
    &.@{state}:hover > th {
      background-color: darken(@background, 5%);
    }
  }
}

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


Style guide style

Style guide style


Make the widget bar grow in height if widgets wrap

Use min-height so the widget bar grows larger if the widget thumbnails
do not fit on one row.

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/leonidas/qa-dashboard.git/'


Create normalize.less

Create normalize.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/Tach-Yon/Tap-Tap-Adventure.git/'


BAP-9430: Report builder filters does not contain aggregation columns

- fixed condition builder css

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/trustify/oroplatform.git/'


Factor out commonly used highlight color. Also fix the checkmark to be injected only before the actual menu item.

/* Brackets patterns (and overrides and re-definitions of Bootstrap patterns)
 *
 * This file should contain all _reusable_ UI elements / LESS definitions
 * That is, things that will either a.) be used for more than one element or
 * b.) exist in multiple versions of brackets (e.g. App, In-Browser, etc.)
 *
 * Note that if you want a UI element to be themeable, you should put the
 * themeable part in "brackets_theme_default" as variables/mixins.
 *
 */

.project-panel-background {
    background: rgb(73,77,77); /* Old browsers */
    background: -moz-linear-gradient(top,  rgb(73,77,77) 0%, rgb(59,63,65) 51%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(73,77,77)), color-stop(51%,rgb(59,63,65))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(73,77,77) 0%,rgb(59,63,65) 51%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(73,77,77) 0%,rgb(59,63,65) 51%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(73,77,77) 0%,rgb(59,63,65) 51%); /* IE10+ */
    background: linear-gradient(top,  rgb(73,77,77) 0%,rgb(59,63,65) 51%); /* W3C */
    filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='#494d4d', endColorstr='#3b3f41',GradientType=0 )";  /* IE6-9 */
}

.panel {
    .vbox;
    .box-flex(1);

    padding: 0;
    margin: 0;
    border-right: 1px solid #4e5153;

    .project-panel-background;
    color: #bbb;
    letter-spacing: .01em;
    text-shadow: 0px 1px 2px rgba(0,0,0,.5);
}

/* Toolbar-related styles */

/* Simple toolbar layout (project panel, find in files, etc.)
   We don't set this directly on .toolbar because it'd be a pain to override all the pieces
   if other code (e.g. #main-toolbar) wants to do a different layout */
.simpleToolbarLayout.toolbar {
    .hbox;
    .box-align(center);
    .title-wrapper {
        /* This is necessary because text-overflow: ellipsis doesn't work when it's set
           directly on a flexing box in Chrome currently. */
        .box-flex(1);
    }
    .buttons {
        .hbox;
        margin-left: 4px;
    }
}

/* Editor toolbar layout

   CSS hack based on this code: http://jsfiddle.net/cD657/3/ (via StackOverflow)
   This center-aligns the title across the full width of the toolbar (ignoring the width of the nav floated
   left and buttons floated right), yet still have the browser automatically wrap the floats onto a 2nd row
   if they collide with the title. But the centered content must be a block element with fixed width. Since
   the editor title (filename) varies in width, we rely on JS code to update the width whenever the string
   changes.

   Another wrinkle: wrapping to/from the two-line toolbar layout requires notifying the CodeMirror editor that
   its height changed. Currently, we assume this can ONLY happen in two cases:
    - the window resizes (handled by general listener in EditorManager)
    - title content changes (the same JS code that sets .title-wrapper's fixed width is expected to handle this)
*/
#main-toolbar.toolbar {
    text-align: center;
    .nav {
        float: left;
        text-align: left;
    }
    .title {
        float: none;
        display: inline;  // must be an inline for JS to measure text size
    }
    .title-wrapper {
        margin: 0 auto;
        display: block;  // must be a block for the fixed width applied by JS to be respected
        // width set in px is appled/updated by JavaScript in DocumentCommandHandlers
    }
    .buttons {
        float: right;
        text-align: left;
    }
}

/* Toolbar appearance - shared by all toolbars, independent of layout */

@toolbar-top-gap-px: 5px;

.toolbar {
    font-size: @label-font-size;
    padding: 4px 8px;
    background-color: @bc-white;
    color: @bc-black;

    position: relative; // starts a new stacking group so that the drop shadow shows up on top of the code editor
    .box-shadow(0 1px 1px 0 fadeout(@bc-black, 90%));

    .title-wrapper {
        // Title is taller than menu text, so reduce top padding to keep its baseline aligned
        padding: (@toolbar-top-gap-px - 3px) 0 3px 0;
    }
    .title {
        font-size: @title-font-size;
        line-height: normal;
        font-weight: @font-weight-light;

        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .buttons {
        margin: @toolbar-top-gap-px 0 0 4px;
    }
}

/* Menu-related styles */
.toolbar .nav {
    @menubar-top-padding: 8px;
    @menubar-bottom-padding: 6px;
    @menubar-h-padding: 9px;
    @item-highlight-color: #e0f0fa;

    // The 1px adjustments here are to account for the border around the top-level menu items.
    margin: (@toolbar-top-gap-px - @menubar-top-padding - 1) 0 (-@menubar-bottom-padding + 1) (-@menubar-h-padding + 4);

    // General item appearance
    a {
        color: @bc-black;
        text-shadow: none;
    }

    // Menubar item appearance
    .dropdown-toggle {
        padding: @menubar-top-padding @menubar-h-padding @menubar-bottom-padding;
        border: 1px solid rgba(0, 0, 0, 0); // transparent border just to hold the layout so it doesn't shift on hover
        color: fadeout(@bc-black, 25%);
        font-weight: @font-weight-light;
    }
    .dropdown-toggle:hover, .dropdown.open .dropdown-toggle {
        /* Note: we need several selectors for this in order to match the specificity of all the various Bootstrap
           color rules we need to override (and Bootstrap has several selectors because the colors really differ
           in their defaults). */
        color: @bc-black;
        background: @item-highlight-color;
        border-color: #dbeaf4;
    }

    // no triangle icon after menu items
    .dropdown-toggle:after {
        border: 0;
        margin: 0;
    }

    // Menu dropdown appearance
    .dropdown-menu {
        top: 34px; // Offset from top of menubar item

        background-color: @bc-white;
        border: 1px solid #c8c8c8;
        .border-radius(0 0 3px 3px);
        .box-shadow(0 6px 18px 0 rgba(0, 0, 0, .2));

        // Menu items
        li {
            a {
                font-size: @menu-item-font-size;
                line-height: 16px;

                padding: 1px 10px 1px 6px; // slightly less padding on left to account for checkmark
                color: @bc-black;
                text-shadow: none;
                white-space: nowrap;
                .box-shadow(none);

                &:hover {
                    color: @bc-black;
                    background: @item-highlight-color;
                }

                /* hidden checkmark for all list item content ensures consistent left spacing */
                &::before {
                    content: "✓\00a0"; /* non-breaking space */
                    visibility: hidden;
                }
                /* toggle checkmark visibility */
                &.selected::before {
                    visibility: visible;
                }
            }
        }
        .active a {
            color: @bc-black;
        }

        .divider {
            background-color: #eaeaea;
            border: 0;
        }
    }

    // Ensure a minimum amount of space to the left of the shortcut
    .menu-shortcut {
        margin-left: 15px;
    }
}

/* Dialog-related styles */

.modal-footer .btn.left {
    float: left;
}

.modal-body ul {
    /* Bootstrap's type.less defines a heavy margin-bottom on ul/ol that we don't want in dialogs
       since they have heavy padding instead. */
    margin-bottom: 0;
}

/* Brackets patterns (and overrides and re-definitions of Bootstrap patterns)
 *
 * This file should contain all _reusable_ UI elements / LESS definitions
 * That is, things that will either a.) be used for more than one element or
 * b.) exist in multiple versions of brackets (e.g. App, In-Browser, etc.)
 *
 * Note that if you want a UI element to be themeable, you should put the
 * themeable part in "brackets_theme_default" as variables/mixins.
 *
 */

.project-panel-background {
    background: rgb(73,77,77); /* Old browsers */
    background: -moz-linear-gradient(top,  rgb(73,77,77) 0%, rgb(59,63,65) 51%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(73,77,77)), color-stop(51%,rgb(59,63,65))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(73,77,77) 0%,rgb(59,63,65) 51%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(73,77,77) 0%,rgb(59,63,65) 51%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(73,77,77) 0%,rgb(59,63,65) 51%); /* IE10+ */
    background: linear-gradient(top,  rgb(73,77,77) 0%,rgb(59,63,65) 51%); /* W3C */
    filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='#494d4d', endColorstr='#3b3f41',GradientType=0 )";  /* IE6-9 */
}

.panel {
    .vbox;
    .box-flex(1);

    padding: 0;
    margin: 0;
    border-right: 1px solid #4e5153;

    .project-panel-background;
    color: #bbb;
    letter-spacing: .01em;
    text-shadow: 0px 1px 2px rgba(0,0,0,.5);
}

/* Toolbar-related styles */

/* Simple toolbar layout (project panel, find in files, etc.)
   We don't set this directly on .toolbar because it'd be a pain to override all the pieces
   if other code (e.g. #main-toolbar) wants to do a different layout */
.simpleToolbarLayout.toolbar {
    .hbox;
    .box-align(center);
    .title-wrapper {
        /* This is necessary because text-overflow: ellipsis doesn't work when it's set
           directly on a flexing box in Chrome currently. */
        .box-flex(1);
    }
    .buttons {
        .hbox;
        margin-left: 4px;
    }
}

/* Editor toolbar layout

   CSS hack based on this code: http://jsfiddle.net/cD657/3/ (via StackOverflow)
   This center-aligns the title across the full width of the toolbar (ignoring the width of the nav floated
   left and buttons floated right), yet still have the browser automatically wrap the floats onto a 2nd row
   if they collide with the title. But the centered content must be a block element with fixed width. Since
   the editor title (filename) varies in width, we rely on JS code to update the width whenever the string
   changes.

   Another wrinkle: wrapping to/from the two-line toolbar layout requires notifying the CodeMirror editor that
   its height changed. Currently, we assume this can ONLY happen in two cases:
    - the window resizes (handled by general listener in EditorManager)
    - title content changes (the same JS code that sets .title-wrapper's fixed width is expected to handle this)
*/
#main-toolbar.toolbar {
    text-align: center;
    .nav {
        float: left;
        text-align: left;
    }
    .title {
        float: none;
        display: inline;  // must be an inline for JS to measure text size
    }
    .title-wrapper {
        margin: 0 auto;
        display: block;  // must be a block for the fixed width applied by JS to be respected
        // width set in px is appled/updated by JavaScript in DocumentCommandHandlers
    }
    .buttons {
        float: right;
        text-align: left;
    }
}

/* Toolbar appearance - shared by all toolbars, independent of layout */

@toolbar-top-gap-px: 5px;

.toolbar {
    font-size: @label-font-size;
    padding: 4px 8px;
    background-color: @bc-white;
    color: @bc-black;

    position: relative; // starts a new stacking group so that the drop shadow shows up on top of the code editor
    .box-shadow(0 1px 1px 0 fadeout(@bc-black, 90%));

    .title-wrapper {
        // Title is taller than menu text, so reduce top padding to keep its baseline aligned
        padding: (@toolbar-top-gap-px - 3px) 0 3px 0;
    }
    .title {
        font-size: @title-font-size;
        line-height: normal;
        font-weight: @font-weight-light;

        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .buttons {
        margin: @toolbar-top-gap-px 0 0 4px;
    }
}

/* Menu-related styles */
.toolbar .nav {
    @menubar-top-padding: 8px;
    @menubar-bottom-padding: 6px;
    @menubar-h-padding: 9px;

    // The 1px adjustments here are to account for the border around the top-level menu items.
    margin: (@toolbar-top-gap-px - @menubar-top-padding - 1) 0 (-@menubar-bottom-padding + 1) (-@menubar-h-padding + 4);

    // General item appearance
    a {
        color: @bc-black;
        text-shadow: none;
    }

    // Menubar item appearance
    .dropdown-toggle {
        padding: @menubar-top-padding @menubar-h-padding @menubar-bottom-padding;
        border: 1px solid rgba(0, 0, 0, 0); // transparent border just to hold the layout so it doesn't shift on hover
        color: fadeout(@bc-black, 25%);
        font-weight: @font-weight-light;
    }
    .dropdown-toggle:hover, .dropdown.open .dropdown-toggle {
        /* Note: we need several selectors for this in order to match the specificity of all the various Bootstrap
           color rules we need to override (and Bootstrap has several selectors because the colors really differ
           in their defaults). */
        color: @bc-black;
        background: #e0f0fa;
        border-color: #dbeaf4;
    }

    // no triangle icon after menu items
    .dropdown-toggle:after {
        border: 0;
        margin: 0;
    }

    // Menu dropdown appearance
    .dropdown-menu {
        top: 34px; // Offset from top of menubar item

        background-color: @bc-white;
        border: 1px solid #c8c8c8;
        .border-radius(0 0 3px 3px);
        .box-shadow(0 6px 18px 0 rgba(0, 0, 0, .2));

        // Menu items
        li {
            a {
                font-size: @menu-item-font-size;
                line-height: 16px;

                padding: 1px 10px 1px 6px; // slightly less padding on left to account for checkmark
                color: @bc-black;
                text-shadow: none;
                white-space: nowrap;
                .box-shadow(none);

                &:hover {
                    color: @bc-black;
                    background: #e0f0fa;
                }
            }

            /* hidden checkmark for all list item content ensures consistent left spacing */
            :before {
                content: "✓\00a0"; /* non-breaking space */
                visibility: hidden;
            }
            /* toggle checkmark visibility */
            .selected:before {
                visibility: visible;
            }
        }
        .active a {
            color: @bc-black;
        }

        .divider {
            background-color: #eaeaea;
            border: 0;
        }
    }

    // Ensure a minimum amount of space to the left of the shortcut
    .menu-shortcut {
        margin-left: 15px;
    }
}

/* Dialog-related styles */

.modal-footer .btn.left {
    float: left;
}

.modal-body ul {
    /* Bootstrap's type.less defines a heavy margin-bottom on ul/ol that we don't want in dialogs
       since they have heavy padding instead. */
    margin-bottom: 0;
}


added the .auto subclass

added the .auto subclass

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


fix mobile menu spacing

fix mobile menu spacing

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/madoublet/triangulate.git/'


add the theme file derp

add the theme file derp

//
// Buttons
// --------------------------------------------------

// Button mixin for generating new styles
.btn-styles(@btn-color: #555) {
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  #gradient > .vertical(@start-color: @btn-color; @end-color: darken(@btn-color, 10%));
  border-color: darken(@btn-color, 12%);
  @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
  .box-shadow(@shadow);

  // Reset the shadow
  &:active,
  &.active {
    background-color: darken(@btn-color, 10%);
    border-color: darken(@btn-color, 12%);
    .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
  }
}

// Common styles
.btn {
  // Remove the gradient for the pressed/active state
  &:active,
  &.active {
    background-image: none;
  }
}

// Apply the mixin to the buttons
.btn-default { .btn-styles(@btn-default-bg); }
.btn-primary { .btn-styles(@btn-primary-bg); }
.btn-success { .btn-styles(@btn-success-bg); }
.btn-warning { .btn-styles(@btn-warning-bg); }
.btn-danger  { .btn-styles(@btn-danger-bg); }
.btn-info    { .btn-styles(@btn-info-bg); }

//
// Navbar
// --------------------------------------------------

// Basic navbar
.navbar {
  #gradient > .vertical(@start-color: lighten(@navbar-bg, 10%); @end-color: @navbar-bg;);
}

// Inverted navbar
.navbar-inverse {
  #gradient > .vertical(@start-color: lighten(@navbar-inverse-bg, 10%); @end-color: @navbar-inverse-bg;);
}

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


fix look

fix look

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/devlabmtl/base-app.git/'


fix(ui): break long frame titles (#10264)

* fix(ui): break long frame titles

* throw more rules at it

* bring back break-all for firefox

* try one last thing

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


Create grid.less

Create grid.less

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


fix(safari): Fix Safari icon on group details (#13074)

Display the Safari icon when browser is Safari or Mobile Safari

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


ref(ui): Widen breadcrumbs category by 12px to support event.transaction


Adjusting logo initial placement

Adjusting logo initial placement

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/readypress/mtheme-build.git/'


Css bug fix

Css bug fix

//Mixins, cuz they're handy
.box-shadow(@shadowsize: 5px, @color:rgba(0,0,0,.25), @left: 0px, @top: 1px) {
  	-moz-box-shadow: @left @top @shadowsize @color;
	-webkit-box-shadow: @left @top @shadowsize @color;
	box-shadow: @left @top @shadowsize @color;
}
.border-radius(@radius: 5px) {
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
  border-radius: @radius;
}
.kill-background-image() {
  background-image: none;
  -ms-filter: none;
  filter: none;
}
.kill-box-shadow() {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.sans-serif(@weight: normal, @size: 14px, @lineheight: 20px) {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: @size;
  font-weight: @weight;
  line-height: @lineheight;
}
.opacity(@opacity: 0.5) {
  -moz-opacity: @opacity;
  -khtml-opacity: @opacity;
  -webkit-opacity: @opacity;
  opacity: @opacity;
  @opperc: @opacity * 100;
  -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opperc})";
  filter: ~"alpha(opacity=@{opperc})";
}

@import "bootstrap.min.less";

/* ===========================================================================================
Base CSS
============================================================================================== */

//Fonts
.roboto-slab {
	&.light {
		font-family: 'Roboto Slab', serif;
		font-weight: 100;
	}
	&.book {
		font-family: 'Roboto Slab', serif;
		font-weight: 300;
	}
	&.regular {
		font-family: 'Roboto Slab', serif;
		font-weight: 400;
	}
	&.bold {
		font-family: 'Roboto Slab', serif;
		font-weight: 700;
	}
}

//Typography
h1, h2, h3, h4, h5, h6 {
	.roboto-slab.book;
}
a {

}
pre {
	padding: 0;
}

/* ===========================================================================================
Homepage
============================================================================================== */

.homepage-hero {
	padding-top: 50px !important;
	background-color: @light;
	.kill-box-shadow;
	.border-radius(0px);
	border: none;
	color: @dark;
	overflow: hidden;
	@media (max-width: 767px) {
		padding-top: 0px !important;
	}
	.text-center {
		.roboto-slab.bold;
		margin: 10px 0px;
	}
	h2 {
		margin: 20px 0px;
	}
	.homepage-image {
		.box-shadow(10px, rgba(0,0,0,0.20), 0px, 0px);
	}
}
.hero-buttons.container-fluid {
	padding: 20px 0px;
	background-color: @sidebar-hover;
	.btn-hero.btn {
		.roboto-slab.bold;
		padding: 20px 30px;
		.kill-background-image;
		.kill-box-shadow;
		.border-radius(0px);
		text-shadow:none;
		border: none;
		.opacity(0.80);
		margin: 0px 10px;
		text-transform: uppercase;
		border: 5px solid @dark;
		@media (max-width: 767px) {
			display: block;
			margin-bottom: 10px;
		}
		&:hover {
			.opacity(1.0);
		}
		&.btn-secondary {
			background-color: @sidebar-hover;
			color: @dark;
		}
		&.btn-primary {
			background-color: @dark;
			color: @sidebar-background;
		}
	}
}

.homepage-content.container-fluid {
	// color: white;
	// background-color: @text;
	background-color: white;
	padding: 40px 0px;
	.lead {
		.roboto-slab.regular;
	}
	ul, ol {
		padding: 20px 0px;
		margin: 0 0 10px 0px;
		li {
			list-style: none;
			padding-bottom: 5px;
			&:before {
				content: '';
				width: 0px;
				height: 0px;
				border: 3px solid transparent;
				border-left: 3px solid @light;
				float: left;
				display: block;
				margin: 6px;
			}
		}
	}

	@media (max-width: 767px) {
		padding: 40px 20px;
	}
}

.homepage-footer.container-fluid {
	background-color: @dark;
	.kill-box-shadow;
	.border-radius(0px);
	color: light;
	border: none;
	@media (max-width: 767px) {
		padding: 0 20px;
	}
	.footer-nav {
		margin: 40px 0px;
		li {
			list-style: none;
			a {
				.roboto-slab.bold;
				font-size: 16px;
				line-height: 32px;
				&:hover {
					color: @light;
					text-decoration: underline;
				}
			}
		}
	}
	.twitter {
		margin-top: 20px;
	}
	.twitter:first-child {
		margin-top: 40px;
	}
}

/* ===========================================================================================
Docs Body & Page Structure
============================================================================================== */

html, body {
	margin: 0;
    padding: 0;
    height: 100%;
    background-color: @light;
    color: @text;
}

//100% Height Columns
.container-fluid {
    margin: 0 auto;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    &.fluid-height {
    	height: 100%;
    }
}
.columns {
    height: 100%;
    .left-column,
    .right-column {
    	padding-top: 50px;
    	@media (max-width: 767px) {
    		width: 100% !important;
    		padding-top: 0px;
    		height: auto;
		}
    }
    .left-column {
		background-color: @sidebar-background;
		border-right: 1px solid @lines;
	}
	.right-column {
		&.span9 {
			width: 76.4866339334%;
			margin-left: 0px;
		}
		.content-page {
			padding: 20px;
			min-height: 100%;
			background-color: white;
		}
	}
}
.content-area, .article-tree {
    overflow:auto;
    height: 100%;
	padding: 0px;
}

//mobile friendly sub-nav
.responsive-collapse {
	padding: 10px 15px;
	display: none;
	background-color: @lines;
	border-bottom: 1px solid @lines;
	@media (max-width: 767px) {
		display: block;
	}
}
.sub-nav-collapse {
	@media (max-width: 480px) {
		//display: none;
	}
}

//CSS For Fluid Tables
@media only screen and (max-width: 800px) {

	/* Force table to not be like tables anymore */
	table,
	thead,
	tbody,
	th,
	td,
	tr {
		display: block;
		border: none;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr {
		margin-bottom: 10px;
		border-bottom: 2px solid #ccc;
		td, th {
			border: 1px solid #ccc;
			border-bottom:none;
		}
	}

	td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50% !important;
		white-space: normal;
		text-align:left;
	}

	td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}

	/*
	Label the data
	*/
	td:before { content: attr(data-title); }
}

/* ===========================================================================================
Componenets
============================================================================================== */
a {
	color: @light;
}

.btn {
	&.btn-sidebar {
		padding: 7px 10px;
		.kill-background-image;
		.kill-box-shadow;
		background-color: @sidebar-hover;
		border: none;
		.icon-bar {
			display: block;
			width: 18px;
			height: 2px;
			margin-top: 2px;
			margin-bottom: 3px;
			background-color: @dark;
			.kill-box-shadow;
		}
		&:hover {
			.kill-box-shadow;
			background-color: @dark;
			.icon-bar {
				background-color: @light;
				.kill-box-shadow;
			}
		}
	}
}
code {
	color: @light;
}

//Navbar
.navbar {
	.box-shadow();
	z-index: 1;
	margin-bottom: 0px;
	z-index: 200;
	.navbar-inner {
		.kill-background-image;
		background-color: @dark;
		border-bottom: none;
		padding: 6px 20px;
		.brand {
			color: @light;
			text-shadow:none;
			.roboto-slab.bold;
		}
		.navbar-text {
			color: @light;
			a {
				color: @light;
			}
		}
		@media (max-width: 767px) {
			padding: 6px 30px;
			.navbar-text {
				line-height: 16px;
				margin: 12px 6px;
				font-size: 12px;
			}
		}
	}
	@media (min-width: 768px) and (max-width: 979px) {
		&.navbar-fixed-top {
			position: fixed;
		}
	}
}

//Sidebar Nav List
.nav.nav-list {
	padding-left: 0px;
	padding-right: 0px;
	li {
		a {
			margin: 0px;
			padding: 6px 15px;
			.roboto-slab.regular;
			color: @dark;
			font-size: 15px;
			text-shadow:none;
			border-top: 1px solid @lines;
			&:hover {
				color: @dark;
				text-shadow:none;
				background-color: @sidebar-hover;
			}
		}
		&.active {
			a {
				background-color: @sidebar-hover;
			}
		}
		&.open {
			> ul {
				display: block;
			}
		}
		&:last-child {
			&.open {
				//border-bottom: none;
			}
		}
		ul {
			display: none;
			margin-left: 15px;
			li {
				a {
					.sans-serif(normal, 14px);
					margin: 0px;
					margin-left: -15px;
					padding: 3px 30px;
					border: none;
					color: @text;
					.opacity(0.70);
					&:hover {
						.opacity(1.0);
						background-color: transparent;
					}
				}
				&.active {
					a {
						color: @dark;
					}
				}
			}
		}
	}
}

.page-header {
	margin: 10px 0px;
	padding: 0px 20px;
	h1 {
		margin-top: 0px;
	}
}
pre {
	border: none;
	background-color: @light;
	.border-radius(0px);
	padding: 10px;
	margin-left: -20px;
	padding-left: 30px;
	margin-right: -20px;
	padding-right: 30px;
	code {
		background: transparent;
		border: none;
	}
}

//Content pages float view
.float-view {
	@media (min-width: 1150px) {
		.content-page {
			height: 100%;
			overflow:auto;
			padding: 0px !important;
			background-color: transparent !important;
			position: relative;

			article {
				width: 100%;
				min-height: 100%;
				overflow: auto;
				position: relative;
				z-index: 1;
				&:before {
					content: "";
					width: 50%;
					min-height: 100%;
					overflow: auto;
					background-color: white;
					display: block;
					margin: 0px;
					position: absolute;
					z-index: -1;
				}
			}
			table {
				float: left;
				clear: left;
				width: 47%;
				margin-left: 1.5%;
				margin-right: 1.5%;
				background-color: white;
				white-space: normal;
				pre, code {
					white-space: normal;
				}
			}
			.page-header {
				padding: 0px;
			}
			.page-header,
			p, ul, ol, h2, h3,h4, h5, h6 {
				float: left;
				clear: left;
				width: 47%;
				margin-left: 1.5%;
				margin-right: 1.5%;
				background-color: white;
				&:before {
					content: "";
					width: 100%;
					height: 10px;
					display: block;
					clear: both;
					//border-top: 1px solid @dark;
				}
			}
			ul,ol {
				li {
					margin-left: 30px;
				}
			}
			pre {
				float: left;
				clear: right;
				width: 47%;
				border: none;
				border-left: 10px solid white;
				margin: 0px 0px 10px 0px;
				padding: 0px 0px 0px 10px;
			}
		}
	}
}

//Tables
table {
	width: 100%;
	border-bottom: 1px solid @lines;
	margin-bottom: 10px;
	tr {
		th, td {
			padding: 8px;
			line-height: 20px;
			text-align: left;
			vertical-align: top;
			border-top: 1px solid @lines;
			border-left: 1px solid @lines;
			border-color: @lines !important;
			&:last-child {
				border-right: 1px solid @lines;
			}
		}
	}
}

//Footer
.footer {
	position: fixed;
	bottom:0;
	left: 0;
	padding: 15px;
}

//github ribbon
#github-ribbon {
	position: absolute;
	top: 50px;
	right: 0;
	z-index: 200;
}

.well {
	&.well-sidebar {
		.kill-box-shadow;
		background-color: transparent;
		.border-radius(0px);
		border: none;
		a {
			font-size: 13px;
			.roboto-slab.regular;
			color: @light;
			line-height: 28px;
		}
		.twitter {
			hr {
				border-bottom: none;
				margin-left: -20px;
				margin-right: -20px;
			}
		}
	}
}

/* ===========================================================================================
Code Highlighting
============================================================================================== */

pre code {
  display: block; padding: 0.5em;
}

pre code,
pre .subst,
pre .tag .title,
pre .lisp .title,
pre .clojure .built_in,
pre .nginx .title {
  color: @dark;
}

pre .string,
pre .title,
pre .constant,
pre .parent,
pre .tag .value,
pre .rules .value,
pre .rules .value .number,
pre .preprocessor,
pre .ruby .symbol,
pre .ruby .symbol .string,
pre .aggregate,
pre .template_tag,
pre .django .variable,
pre .smalltalk .class,
pre .addition,
pre .flow,
pre .stream,
pre .bash .variable,
pre .apache .tag,
pre .apache .cbracket,
pre .tex .command,
pre .tex .special,
pre .erlang_repl .function_or_atom,
pre .markdown .header {
  color: @syntax-string;
}

pre .comment,
pre .annotation,
pre .template_comment,
pre .diff .header,
pre .chunk,
pre .markdown .blockquote {
  color: @syntax-comment;
}

pre .number,
pre .date,
pre .regexp,
pre .literal,
pre .smalltalk .symbol,
pre .smalltalk .char,
pre .go .constant,
pre .change,
pre .markdown .bullet,
pre .markdown .link_url {
  color: @syntax-number;
}

pre .label,
pre .javadoc,
pre .ruby .string,
pre .decorator,
pre .filter .argument,
pre .localvars,
pre .array,
pre .attr_selector,
pre .important,
pre .pseudo,
pre .pi,
pre .doctype,
pre .deletion,
pre .envvar,
pre .shebang,
pre .apache .sqbracket,
pre .nginx .built_in,
pre .tex .formula,
pre .erlang_repl .reserved,
pre .prompt,
pre .markdown .link_label,
pre .vhdl .attribute,
pre .clojure .attribute,
pre .coffeescript .property {
  color: @syntax-label;
}

pre .keyword,
pre .id,
pre .phpdoc,
pre .title,
pre .built_in,
pre .aggregate,
pre .css .tag,
pre .javadoctag,
pre .phpdoc,
pre .yardoctag,
pre .smalltalk .class,
pre .winutils,
pre .bash .variable,
pre .apache .tag,
pre .go .typename,
pre .tex .command,
pre .markdown .strong,
pre .request,
pre .status {
  font-weight: bold;
}

pre .markdown .emphasis {
  font-style: italic;
}

pre .nginx .built_in {
  font-weight: normal;
}

pre .coffeescript .javascript,
pre .javascript .xml,
pre .tex .formula,
pre .xml .javascript,
pre .xml .vbscript,
pre .xml .css,
pre .xml .cdata {
  opacity: 0.5;
}

//Mixins, cuz they're handy
.box-shadow(@shadowsize: 5px, @color:rgba(0,0,0,.25), @left: 0px, @top: 1px) {
  	-moz-box-shadow: @left @top @shadowsize @color;
	-webkit-box-shadow: @left @top @shadowsize @color;
	box-shadow: @left @top @shadowsize @color;
}
.border-radius(@radius: 5px) {
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
  border-radius: @radius;
}
.kill-background-image() {
  background-image: none;
  -ms-filter: none;
  filter: none;
}
.kill-box-shadow() {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.sans-serif(@weight: normal, @size: 14px, @lineheight: 20px) {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: @size;
  font-weight: @weight;
  line-height: @lineheight;
}
.opacity(@opacity: 0.5) {
  -moz-opacity: @opacity;
  -khtml-opacity: @opacity;
  -webkit-opacity: @opacity;
  opacity: @opacity;
  @opperc: @opacity * 100;
  -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opperc})";
  filter: ~"alpha(opacity=@{opperc})";
}

@import "bootstrap.min.less";

/* ===========================================================================================
Base CSS
============================================================================================== */

//Fonts
.roboto-slab {
	&.light {
		font-family: 'Roboto Slab', serif;
		font-weight: 100;
	}
	&.book {
		font-family: 'Roboto Slab', serif;
		font-weight: 300;
	}
	&.regular {
		font-family: 'Roboto Slab', serif;
		font-weight: 400;
	}
	&.bold {
		font-family: 'Roboto Slab', serif;
		font-weight: 700;
	}
}

//Typography
h1, h2, h3, h4, h5, h6 {
	.roboto-slab.book;
}
a {

}
pre {
	padding: 0;
}

/* ===========================================================================================
Homepage
============================================================================================== */

.homepage-hero {
	padding-top: 50px !important;
	background-color: @light;
	.kill-box-shadow;
	.border-radius(0px);
	border: none;
	color: @dark;
	overflow: hidden;
	@media (max-width: 767px) {
		padding-top: 0px !important;
	}
	.text-center {
		.roboto-slab.bold;
		margin: 10px 0px;
	}
	h2 {
		margin: 20px 0px;
	}
	.homepage-image {
		.box-shadow(10px, rgba(0,0,0,0.20), 0px, 0px);
	}
}
.hero-buttons.container-fluid {
	padding: 20px 0px;
	background-color: @sidebar-hover;
	.btn-hero.btn {
		.roboto-slab.bold;
		padding: 20px 30px;
		.kill-background-image;
		.kill-box-shadow;
		.border-radius(0px);
		text-shadow:none;
		border: none;
		.opacity(0.80);
		margin: 0px 10px;
		text-transform: uppercase;
		border: 5px solid @dark;
		@media (max-width: 767px) {
			display: block;
			margin-bottom: 10px;
		}
		&:hover {
			.opacity(1.0);
		}
		&.btn-secondary {
			background-color: @sidebar-hover;
			color: @dark;
		}
		&.btn-primary {
			background-color: @dark;
			color: @sidebar-background;
		}
	}
}

.homepage-content.container-fluid {
	// color: white;
	// background-color: @text;
	background-color: white;
	padding: 40px 0px;
	.lead {
		.roboto-slab.regular;
	}
	ul, ol {
		padding: 20px 0px;
		margin: 0 0 10px 0px;
		li {
			list-style: none;
			padding-bottom: 5px;
			&:before {
				content: '';
				width: 0px;
				height: 0px;
				border: 3px solid transparent;
				border-left: 3px solid @light;
				float: left;
				display: block;
				margin: 6px;
			}
		}
	}

	@media (max-width: 767px) {
		padding: 40px 20px;
	}
}

.homepage-footer.container-fluid {
	background-color: @dark;
	.kill-box-shadow;
	.border-radius(0px);
	color: light;
	border: none;
	@media (max-width: 767px) {
		padding: 0 20px;
	}
	.footer-nav {
		margin: 40px 0px;
		li {
			list-style: none;
			a {
				.roboto-slab.bold;
				font-size: 16px;
				line-height: 32px;
				&:hover {
					color: @light;
					text-decoration: underline;
				}
			}
		}
	}
	.twitter {
		margin-top: 20px;
	}
	.twitter:first-child {
		margin-top: 40px;
	}
}

/* ===========================================================================================
Docs Body & Page Structure
============================================================================================== */

html, body {
	margin: 0;
    padding: 0;
    height: 100%;
    background-color: @light;
    color: @text;
}

//100% Height Columns
.container-fluid {
    margin: 0 auto;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    &.fluid-height {
    	height: 100%;
    }
}
.columns {
    height: 100%;
    .left-column,
    .right-column {
    	padding-top: 50px;
    	@media (max-width: 767px) {
    		width: 100% !important;
    		padding-top: 0px;
    		height: auto;
		}
    }
    .left-column {
		background-color: @sidebar-background;
		border-right: 1px solid @lines;
	}
	.right-column {
		&.span9 {
			width: 76.4866339334%;
			margin-left: 0px;
		}
		.content-page {
			padding: 20px;
			min-height: 100%;
			background-color: white;
		}
	}
}
.content-area, .article-tree {
    overflow:auto;
    height: 100%;
	padding: 0px;
}

//mobile friendly sub-nav
.responsive-collapse {
	padding: 10px 15px;
	display: none;
	background-color: @lines;
	border-bottom: 1px solid @lines;
	@media (max-width: 767px) {
		display: block;
	}
}
.sub-nav-collapse {
	@media (max-width: 480px) {
		//display: none;
	}
}

//CSS For Fluid Tables
@media only screen and (max-width: 800px) {

	/* Force table to not be like tables anymore */
	table,
	thead,
	tbody,
	th,
	td,
	tr {
		display: block;
		border: none;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr {
		margin-bottom: 10px;
		border-bottom: 2px solid #ccc;
		td, th {
			border: 1px solid #ccc;
			border-bottom:none;
		}
	}

	td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50% !important;
		white-space: normal;
		text-align:left;
	}

	td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}

	/*
	Label the data
	*/
	td:before { content: attr(data-title); }
}

/* ===========================================================================================
Componenets
============================================================================================== */
a {
	color: @light;
}

.btn {
	&.btn-sidebar {
		padding: 7px 10px;
		.kill-background-image;
		.kill-box-shadow;
		background-color: @sidebar-hover;
		border: none;
		.icon-bar {
			display: block;
			width: 18px;
			height: 2px;
			margin-top: 2px;
			margin-bottom: 3px;
			background-color: @dark;
			.kill-box-shadow;
		}
		&:hover {
			.kill-box-shadow;
			background-color: @dark;
			.icon-bar {
				background-color: @light;
				.kill-box-shadow;
			}
		}
	}
}
code {
	color: @light;
}

//Navbar
.navbar {
	.box-shadow();
	z-index: 1;
	margin-bottom: 0px;
	z-index: 200;
	.navbar-inner {
		.kill-background-image;
		background-color: @dark;
		border-bottom: none;
		padding: 6px 20px;
		.brand {
			color: @light;
			text-shadow:none;
			.roboto-slab.bold;
		}
		.navbar-text {
			color: @light;
			a {
				color: @light;
			}
		}
		@media (max-width: 767px) {
			padding: 6px 30px;
			.navbar-text {
				line-height: 16px;
				margin: 12px 6px;
				font-size: 12px;
			}
		}
	}
	@media (min-width: 768px) and (max-width: 979px) {
		&.navbar-fixed-top {
			position: fixed;
		}
	}
}

//Sidebar Nav List
.nav.nav-list {
	padding-left: 0px;
	padding-right: 0px;
	li {
		a {
			margin: 0px;
			padding: 6px 15px;
			.roboto-slab.regular;
			color: @dark;
			font-size: 15px;
			text-shadow:none;
			border-top: 1px solid @lines;
			&:hover {
				color: @dark;
				text-shadow:none;
				background-color: @sidebar-hover;
			}
		}
		&.active {
			a {
				background-color: @sidebar-hover;
			}
		}
		&.open {
			ul {
				display: block;
			}
		}
		&:last-child {
			&.open {
				//border-bottom: none;
			}
		}
		ul {
			display: none;
			margin-left: 15px;
			li {
				a {
					.sans-serif(normal, 14px);
					margin: 0px;
					margin-left: -15px;
					padding: 3px 30px;
					border: none;
					color: @text;
					.opacity(0.70);
					&:hover {
						.opacity(1.0);
						background-color: transparent;
					}
				}
				&.active {
					a {
						color: @dark;
					}
				}
			}
		}
	}
}

.page-header {
	margin: 10px 0px;
	padding: 0px 20px;
	h1 {
		margin-top: 0px;
	}
}
pre {
	border: none;
	background-color: @light;
	.border-radius(0px);
	padding: 10px;
	margin-left: -20px;
	padding-left: 30px;
	margin-right: -20px;
	padding-right: 30px;
	code {
		background: transparent;
		border: none;
	}
}

//Content pages float view
.float-view {
	@media (min-width: 1150px) {
		.content-page {
			height: 100%;
			overflow:auto;
			padding: 0px !important;
			background-color: transparent !important;
			position: relative;

			article {
				width: 100%;
				min-height: 100%;
				overflow: auto;
				position: relative;
				z-index: 1;
				&:before {
					content: "";
					width: 50%;
					min-height: 100%;
					overflow: auto;
					background-color: white;
					display: block;
					margin: 0px;
					position: absolute;
					z-index: -1;
				}
			}
			table {
				float: left;
				clear: left;
				width: 47%;
				margin-left: 1.5%;
				margin-right: 1.5%;
				background-color: white;
				white-space: normal;
				pre, code {
					white-space: normal;
				}
			}
			.page-header {
				padding: 0px;
			}
			.page-header,
			p, ul, ol, h2, h3,h4, h5, h6 {
				float: left;
				clear: left;
				width: 47%;
				margin-left: 1.5%;
				margin-right: 1.5%;
				background-color: white;
				&:before {
					content: "";
					width: 100%;
					height: 10px;
					display: block;
					clear: both;
					//border-top: 1px solid @dark;
				}
			}
			ul,ol {
				li {
					margin-left: 30px;
				}
			}
			pre {
				float: left;
				clear: right;
				width: 47%;
				border: none;
				border-left: 10px solid white;
				margin: 0px 0px 10px 0px;
				padding: 0px 0px 0px 10px;
			}
		}
	}
}

//Tables
table {
	width: 100%;
	border-bottom: 1px solid @lines;
	margin-bottom: 10px;
	tr {
		th, td {
			padding: 8px;
			line-height: 20px;
			text-align: left;
			vertical-align: top;
			border-top: 1px solid @lines;
			border-left: 1px solid @lines;
			border-color: @lines !important;
			&:last-child {
				border-right: 1px solid @lines;
			}
		}
	}
}

//Footer
.footer {
	position: fixed;
	bottom:0;
	left: 0;
	padding: 15px;
}

//github ribbon
#github-ribbon {
	position: absolute;
	top: 50px;
	right: 0;
	z-index: 200;
}

.well {
	&.well-sidebar {
		.kill-box-shadow;
		background-color: transparent;
		.border-radius(0px);
		border: none;
		a {
			font-size: 13px;
			.roboto-slab.regular;
			color: @light;
			line-height: 28px;
		}
		.twitter {
			hr {
				border-bottom: none;
				margin-left: -20px;
				margin-right: -20px;
			}
		}
	}
}

/* ===========================================================================================
Code Highlighting
============================================================================================== */

pre code {
  display: block; padding: 0.5em;
}

pre code,
pre .subst,
pre .tag .title,
pre .lisp .title,
pre .clojure .built_in,
pre .nginx .title {
  color: @dark;
}

pre .string,
pre .title,
pre .constant,
pre .parent,
pre .tag .value,
pre .rules .value,
pre .rules .value .number,
pre .preprocessor,
pre .ruby .symbol,
pre .ruby .symbol .string,
pre .aggregate,
pre .template_tag,
pre .django .variable,
pre .smalltalk .class,
pre .addition,
pre .flow,
pre .stream,
pre .bash .variable,
pre .apache .tag,
pre .apache .cbracket,
pre .tex .command,
pre .tex .special,
pre .erlang_repl .function_or_atom,
pre .markdown .header {
  color: @syntax-string;
}

pre .comment,
pre .annotation,
pre .template_comment,
pre .diff .header,
pre .chunk,
pre .markdown .blockquote {
  color: @syntax-comment;
}

pre .number,
pre .date,
pre .regexp,
pre .literal,
pre .smalltalk .symbol,
pre .smalltalk .char,
pre .go .constant,
pre .change,
pre .markdown .bullet,
pre .markdown .link_url {
  color: @syntax-number;
}

pre .label,
pre .javadoc,
pre .ruby .string,
pre .decorator,
pre .filter .argument,
pre .localvars,
pre .array,
pre .attr_selector,
pre .important,
pre .pseudo,
pre .pi,
pre .doctype,
pre .deletion,
pre .envvar,
pre .shebang,
pre .apache .sqbracket,
pre .nginx .built_in,
pre .tex .formula,
pre .erlang_repl .reserved,
pre .prompt,
pre .markdown .link_label,
pre .vhdl .attribute,
pre .clojure .attribute,
pre .coffeescript .property {
  color: @syntax-label;
}

pre .keyword,
pre .id,
pre .phpdoc,
pre .title,
pre .built_in,
pre .aggregate,
pre .css .tag,
pre .javadoctag,
pre .phpdoc,
pre .yardoctag,
pre .smalltalk .class,
pre .winutils,
pre .bash .variable,
pre .apache .tag,
pre .go .typename,
pre .tex .command,
pre .markdown .strong,
pre .request,
pre .status {
  font-weight: bold;
}

pre .markdown .emphasis {
  font-style: italic;
}

pre .nginx .built_in {
  font-weight: normal;
}

pre .coffeescript .javascript,
pre .javascript .xml,
pre .tex .formula,
pre .xml .javascript,
pre .xml .vbscript,
pre .xml .css,
pre .xml .cdata {
  opacity: 0.5;
}


Components: added 'forms'

Components: added 'forms'

.form {
	// reset
	input[type=text],
	input[type=password],
	input[type=file],
	input[type=email],
	input[type=number],
	input[type=date],
	input[type=datetime-local],
	select,
	textarea {
		box-sizing: border-box;
		font: inherit;
		padding: 0.25em 0.5em;
	}

	input[type=text],
	input[type=password],
	input[type=file],
	input[type=email],
	input[type=number],
	textarea {
		width: 100%;
	}

	textarea {
		resize: vertical;
	}
}

.form__label {
	font-weight: bold;
	margin-bottom: 0.125em;
}

.form__control-pair {
	margin-bottom: 0.75em;
}

.form__control__description {
	font-size: 87.5%;
	display: block;
	color: #666;
	margin-bottom: 0.25em;
	margin-top: 0.25em;
}

.form__errors,
.form__control__error {
	color: #de0000;
}

.form__control__error {
	font-size: 87.5%;
	margin-bottom: 0.25em;
	margin-top: 0.25em;
}

.form__group { // fieldset
	border: none;
	margin: 0 0 1em;
	padding: 0;
}

.form__group__label { // legend
	width: 100%;
	font-weight: bold;
	font-size: 112.5%;
	border-bottom: 1px solid #ddd;
	margin: 0 0 0.5em;
	padding: 0 0 0.5em;
}

.form__group__description {
	margin: 0 0 1em;
}

.form--hidden {
	display: none;
}

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


add basic button

add basic button

.m.button {
  border: 2px solid #fff;
  padding: 20px 10px 10px 10px;
  line-height: 2;
  box-sizing: border-box;
}

.m.button:hover {
  border-color: @primaryColor;
  color: @primaryColor;
  cursor: pointer;
}

.m.button:active {
  font-weight: bold;
  border-width: 4px;
}

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


oops didn't need to import modal.less

oops didn't need to import modal.less

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


Create 11-breakpoints-between-tablets-mobile.less

error: pathspec 'less/rocssti-fr/11-breakpoints-between-tablets-mobile.less' did not match any file(s) known to git