Fix #241: Set overflow-x on statuses to auto

@import 'vendor.less';
@import 'grid.less';
@import 'variables.less';
@import 'mixins.less';
@import 'magic.less';

@font-face {
  font-family: 'OpenSans';
  font-weight: normal;
  src: url('../fonts/OpenSans-Regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), /* Modern Browsers */
  url('../fonts/OpenSans-Regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/OpenSans-Regular-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'OpenSans';
  font-weight: bold;
  src: url('../fonts/OpenSans-Semibold-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'), /* Modern Browsers */
  url('../fonts/OpenSans-Semibold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/OpenSans-Semibold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'OpenSansLight';
  src: url('../fonts/OpenSans-Light-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/OpenSans-Light-webfont.woff') format('woff'), /* Modern Browsers */
  url('../fonts/OpenSans-Light-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/OpenSans-Light-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body,
html {
  background: @backgroundGrey url('../img/grain.png') 0 0 repeat;
  color: #333;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
}

a,
a:visited {
  color: #00a7e4;
  text-decoration: none;
  .transition-duration(0.3s);
  .transition-property(color);
}

a:hover {
  color: #00539f;
  text-decoration: underline;
}

dl {
  dd {
    margin: 0 0 16px 0;

    &:last-child {
      margin-bottom: 0;
    }
  }

  dt {
    font-weight: bold;
    margin-bottom: 2px;
  }
}

footer {
  background: #fff;
  bottom: 0;
  color: #999;
  font-size: 13px;
  height: 74px;
  left: 0;
  line-height: 140%;
  padding: 40px 0;
  position: absolute;
  right: 0;

  nav {
    font-family: @OpenSansLight;
    font-size: 16px;
    line-height: normal;

    > ul {
      float: right;
      list-style: none;
      margin: 0;
      padding: 0;

      > li {
        margin-bottom: 4px;
        text-align: right;

        &:last-of-type {
          margin-bottom: 0;
        }

        > a {
          &:after {
            content: ' \00BB';
          }
        }
      }
    }
  }
}

h1 {
  font-size: 48px;
}

h2 {
  font-family: @OpenSansLight;
  font-size: 22px;
  font-weight: normal;
}

h3 {
  border-bottom: 1px solid #f2f2f2;
  border-top: 1px solid #bebebe;
  color: #999;
  font-size: 13px;
  font-weight: normal;
  margin: 4px 0 24px 0;
  position: relative;
  text-shadow: 1px 1px 0 #f2f2f2;

  a,
  a:visited {
    background: @backgroundGrey url('../img/grain.png') 0 0 repeat;
    color: inherit;
    right: 60px;
    padding: 0 20px;
    position: absolute;
    top: -9px;
  }

  a:hover {
    color: #666;
    text-decoration: none;
  }
}

hr {
  border-bottom: 1px solid #f2f2f2;
  border-top: 1px solid #bebebe;
  display: block;
  height: 0;
}

header {
  background: @purple;
  font-family: @OpenSansLight;
  font-size: 17px;
  height: 50px;
  letter-spacing: -1px;
  margin-bottom: 30px;

  nav {
    > ul {
      border-left: 1px solid #281e41;
      border-right: 1px solid #3a2e54;
      float: right;
      list-style: none;
      margin: 0;
      padding: 0;
      position: relative;
      z-index: 10;

      > li {
        border-left: 1px solid #3a2e54;
        border-right: 1px solid #281e41;
        color: #fff;
        float: left;
        position: relative;

        > a,
        > a:visited {
          color: #fff;
          display: block;
          height: 50px;
          line-height: 46px;
          padding: 0 15px 0 20px;

          &.dropdown:after {
            background: url('../img/icons-sprite.png') -57px -183px no-repeat;
            content: '';
            float: right;
            height: 5px;
            margin: 22px 0 0 10px;
            width: 9px;
          }

          &#user-menu {
            img {
              border: 1px solid #fff;
              float: left;
              height: 22px;
              margin: 13px 0;
            }
          }
        }

        > a:hover {
          text-decoration: none;
        }

        > ul {
          background: #222;
          display: none;
          font-family: @OpenSans;
          font-size: 13px;
          letter-spacing: 0;
          list-style: none;
          margin: 0;
          min-width: 100%;
          padding: 0;
          position: absolute;
          right: 0;

          > li {
            text-align: right;
            white-space: nowrap;

            &:hover {
              background-color: #333;
            }

            > a,
            > a:visited {
              color: #aaa;
              display: block;
              padding: 5px 33px 8px 33px;
            }

            > a:hover {
              color: #fff;
              text-decoration: none;
            }
          }
        }

        &:hover {
          .gradient(#222, #333, #222);

          > a,
          > a:visited,
          > a:hover {
            color: #fff;
          }

          > ul {
            display: block;
          }
        }
      }
    }
  }

  .logo,
  .logo:visited,
  .logo:hover {
    background: url('../img/icons-sprite.png') -50px -37px no-repeat;
    color: #fff;
    display: block;
    font-size: 23px;
    font-weight: normal;
    height: 50px;
    line-height: 42px;
    margin: 0;
    padding: 0 0 0 34px;
    text-decoration: none;
    text-transform: lowercase;
  }
}

.rgba {
  header {
    nav {
      > ul {
        border-left-color: rgba(0, 0, 0, 0.35);
        border-right-color: rgba(255, 255, 255, 0.15);

        > li {
          border-left-color: rgba(255, 255, 255, 0.15);
          border-right-color: rgba(0, 0, 0, 0.35);
        }
      }
    }
  }
}

input[type='text'],
.fake-input {
  background: #fff;
  border: 1px solid #ccc;
  .box-shadow(0 0 0 2px #eee inset);
  cursor: text;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  padding: 10px;

  &.disabled {
    background: #f5f5f5;
    .box-shadow(0 0 0 2px #e5e5e5 inset);
    color:  #666;
  }
}

.box {
  background: #fff;
  .shadowed();
  margin-bottom: 40px;
  padding: 16px 0;

  &.content-box {
    padding-left: 20px;
    padding-right: 20px;

    h2 {
      margin-left: 0;
      margin-right: 0;
    }
  }

  h2 {
    border-bottom: 1px solid #ccc;
    color: #333;
    font-size: 18px;
    font-weight: normal;
    margin: 0 20px 16px 20px;
    padding: 0 0 16px 0;
  }
}

.btn,
.btn:visited {
  .gradient(#276195, #3C88CC, #276195);
  .border-radius(0.25em);
  .box-shadow(~"0 2px 0 0 rgba(0, 0, 0, 0.1), 0 -2px 0 0 rgba(0, 0, 0, 0.2) inset");
  color: #fff;
  font-family: @OpenSans;
  padding: 4px 10px;
  .transition(all 0.25s linear 0s);
  border: 0px;

  &.big {
    height: 40px;
    line-height: 38px;
    padding: 0 20px;
    font-size: 15px;
  }

  &:hover {
    .box-shadow(~"0 2px 0 0 rgba(0, 0, 0, 0.1), 0 -2px 0 0 rgba(0, 0, 0, 0.2) inset, 0 12px 24px 2px #3089D8 inset");
    color: #fff;
    text-decoration: none;
  }
}

.comments {
  line-height: 140%;
  list-style: none;
  margin: 30px 0 40px 0;
  padding: 0;

  li {
    border-bottom: 1px dotted #aaa;
    color: #555;
    margin-bottom: 20px;
    padding-bottom: 20px;

    &:last-of-type {
      border-bottom: 0;
    }

    .meta {
      color: #999;
      font-size: 12px;
      line-height: 22px;
      margin-top: 12px;
      padding-top: 6px;
      text-align: right;

      a {
        float: left;
        margin-right: 10px;
      }

      .gravatar {
        .border-radius(3px);
        height: 22px;
        width: 22px;
        vertical-align: middle;
      }
    }
  }
}

.error-message {
  background: url('../img/error-splash.png') top center no-repeat;
  font-size: 16px;
  margin: 40px 0 120px 0;
  padding: 230px 0 0 0;
  text-align: center;
}

.notice {
  background: rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.12);
  .box-shadow(0 0 0 3px rgba(0, 0, 0, 0.04) inset);
  color: #797979;
  display: block;
  margin-bottom: 40px;
  padding: 16px 20px;
  text-align: center;

  &.dismissable {
    cursor: pointer;
  }

  &.error {
    background: rgba(255, 0, 0, 0.08);
    border: 1px solid rgba(255, 0, 0, 0.12);
    .box-shadow(0 0 0 3px rgba(255, 0, 0, 0.04) inset);
    color: #c66;
  }

  &.success {
    background: rgba(0, 204, 0, 0.12);
    border: rgba(0, 102, 0, 0.32);
    .box-shadow(0 0 0 3px rgba(0, 153, 0, 0.06) inset);
    color:  #090;
  }

  &.warn {
    background: rgba(255, 204, 0, 0.16);
    border: 1px solid rgba(255, 153, 51, 0.3);
    .box-shadow(0 0 0 3px rgba(255, 153, 51, 0.08) inset);
    color: #b48232;
  }
}

.page {
  min-height: 100%;
  position: relative;
}

.pagination {
  margin: 0 0 40px 0;
  padding: 20px 0 0 0;
  position: relative;

  &:before {
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #bebebe;
    content: '';
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }

  &.prefix_4 {
    &:before {
      left: 320px;
    }
  }

  .next {
    float: left;
  }

  .prev {
    float: right;
  }
}

.status-block {
  margin-bottom: 20px;

  .bubble {
    background: #fff;
    .border-radius(6px);
    color: #666;
    min-height: 42px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 0;

    &:after {
      .linear-gradient-left(transparent, rgba(0, 0, 0, 0.02), 0, rgba(0, 0, 0, 0), 20%);
      background-color: #f8f8f8;
      .border-radius(0 6px 6px 0);
      bottom: 0;
      content: '';
      position: absolute;
      right: 0;
      top: 0;
      width: 150px;
      z-index: -1;
    }

    &:before {
      border-color: transparent #fff transparent transparent;
      border-width: 0px 14px 14px 0;
      border-style: solid;
      content: '';
      height: 0;
      left: -14px;
      position: absolute;
      top: 15px;
      width: 0;
    }

    > li {
      border-bottom: 1px dotted #ccc;
      padding: 12px 20px;

      &:last-of-type {
        border-bottom: 0;
      }

      .update {
        float: left;
        line-height: 140%;
        margin-right: 40px;
        width: 430px;
        overflow-x: auto;

        img {
          max-width: 430px;
        }

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

          &:last-child {
            margin-bottom: 0;
          }
        }

        .tag {
          background-color: #999;
          border-color: #999;
          .border-radius(3px);
          border-style: solid;
          border-width: 2px 0;
          color: #fff;
          padding: 0 2px;

          &.tag-blocked {
            background-color: #c00;
            border-color: #c00;
          }

          &.tag-mfbt {
            .animation(rainbow 5s infinite)
          }
        }
      }

      .update-meta {
        float: left;
        line-height: 140%;
        width: 110px;

        .comment-count,
        .comment-count:visited {
          color: #c0c0c0;
          display: block;
          margin-right: 70px;
          padding-left: 18px;
          position: relative;

          &:before {
            background: url('../img/icons-sprite.png') -56px -552px no-repeat;
            content: '';
            height: 12px;
            left: 0;
            opacity: 0.6;
            position: absolute;
            top: 3px;
            .transition-duration(0.3s);
            .transition-property('opacity');
            width: 12px;
          }
        }

        .comment-count:hover {
          color: #999;

          &:before {
            opacity: 1;
          }
        }

        .post-time,
        .post-time:visited {
          color: #c0c0c0;
          display: block;
          float: right;
        }

        .post-time:hover {
          color: #999;
        }

        .project-name,
        .project-name:visited {
          background: #36c;
          .border-radius(3px);
          clear: both;
          color: #36c;
          display: block;
          line-height: normal;
          margin-top: 4px;
          padding: 2px 6px;
          position: relative;
          text-align: center;
          z-index: 0;

          &:after {
            background-color: rgba(255, 255, 255, 0.8);
            .border-radius(2px);
            bottom: 1px;
            content: '';
            left: 1px;
            position: absolute;
            right: 1px;
            top: 1px;
            .transition-duration(0.5s);
            .transition-property('background-color');
            z-index: -1;
          }
        }

        .project-name:hover {
          text-decoration: none;

          &:after {
            background-color: rgba(255, 255, 255, 0.7);
          }
        }
      }
    }
  }

  .gravatar {
    .border-radius(6px);
    display: block;
    height: 60px;
    width: 60px;
  }

  .user-meta {
    color: #404040;
    font-family: @OpenSans;
    font-size: 14px;
    text-align: right;

    a,
    a:visited,
    a:hover {
      color: #404040;
      text-decoration: none;
    }

    h4 {
      font-size: 18px;
      font-weight: bold;
      line-height: 24px;
      margin: 8px 0 0 0;
    }
  }
}

#main-content {
  padding-bottom: 174px;
}

#main-notices {
  .notice {
    margin-bottom: 20px;

    &:last-of-type {
      margin-bottom: 40px;
    }
  }
}

#statusize {
  form {
    textarea[name=content] {
      border: 0;
      .border-radius(6px);
      .box-sizing(border-box);
      color: #666;
      display: block;
      float: right;
      font-family: Helvetica, Arial, sans-serif;
      height: 92px;
      margin-bottom: 20px;
      padding: 12px 20px;
      resize: none;
      width: 530px;

      &::-webkit-input-placeholder {
        color: #aaa;
      }

      &:-moz-placeholder {
        color: #aaa;
      }
    }
  }

  .middle:before {
    border-color: transparent transparent #fff transparent;
    border-width: 0 14px 14px 0;
    border-style: solid;
    content: '';
    height: 0;
    position: absolute;
    right: -14px;
    top: 15px;
    width: 0;
  }

  .omega {
    .gravatar {
      .border-radius(6px);
      height: 60px;
      margin-bottom: 5px;
      vertical-align: middle;
      width: 60px;
    }
    .btn {
      display: block;
      text-align: center;
      width: 60px;
    }
  }
}

.persona-button {
  &.github span:after{
    background: url('../img/GitHub-Mark-32px.png') 8px center no-repeat;
    background-size: 18px;
  }

  &:visited,
  &:hover {
    color: #fff;
  }
}

@import 'vendor.less';
@import 'grid.less';
@import 'variables.less';
@import 'mixins.less';
@import 'magic.less';

@font-face {
  font-family: 'OpenSans';
  font-weight: normal;
  src: url('../fonts/OpenSans-Regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), /* Modern Browsers */
  url('../fonts/OpenSans-Regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/OpenSans-Regular-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'OpenSans';
  font-weight: bold;
  src: url('../fonts/OpenSans-Semibold-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'), /* Modern Browsers */
  url('../fonts/OpenSans-Semibold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/OpenSans-Semibold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'OpenSansLight';
  src: url('../fonts/OpenSans-Light-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/OpenSans-Light-webfont.woff') format('woff'), /* Modern Browsers */
  url('../fonts/OpenSans-Light-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/OpenSans-Light-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body,
html {
  background: @backgroundGrey url('../img/grain.png') 0 0 repeat;
  color: #333;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
}

a,
a:visited {
  color: #00a7e4;
  text-decoration: none;
  .transition-duration(0.3s);
  .transition-property(color);
}

a:hover {
  color: #00539f;
  text-decoration: underline;
}

dl {
  dd {
    margin: 0 0 16px 0;

    &:last-child {
      margin-bottom: 0;
    }
  }

  dt {
    font-weight: bold;
    margin-bottom: 2px;
  }
}

footer {
  background: #fff;
  bottom: 0;
  color: #999;
  font-size: 13px;
  height: 74px;
  left: 0;
  line-height: 140%;
  padding: 40px 0;
  position: absolute;
  right: 0;

  nav {
    font-family: @OpenSansLight;
    font-size: 16px;
    line-height: normal;

    > ul {
      float: right;
      list-style: none;
      margin: 0;
      padding: 0;

      > li {
        margin-bottom: 4px;
        text-align: right;

        &:last-of-type {
          margin-bottom: 0;
        }

        > a {
          &:after {
            content: ' \00BB';
          }
        }
      }
    }
  }
}

h1 {
  font-size: 48px;
}

h2 {
  font-family: @OpenSansLight;
  font-size: 22px;
  font-weight: normal;
}

h3 {
  border-bottom: 1px solid #f2f2f2;
  border-top: 1px solid #bebebe;
  color: #999;
  font-size: 13px;
  font-weight: normal;
  margin: 4px 0 24px 0;
  position: relative;
  text-shadow: 1px 1px 0 #f2f2f2;

  a,
  a:visited {
    background: @backgroundGrey url('../img/grain.png') 0 0 repeat;
    color: inherit;
    right: 60px;
    padding: 0 20px;
    position: absolute;
    top: -9px;
  }

  a:hover {
    color: #666;
    text-decoration: none;
  }
}

hr {
  border-bottom: 1px solid #f2f2f2;
  border-top: 1px solid #bebebe;
  display: block;
  height: 0;
}

header {
  background: @purple;
  font-family: @OpenSansLight;
  font-size: 17px;
  height: 50px;
  letter-spacing: -1px;
  margin-bottom: 30px;

  nav {
    > ul {
      border-left: 1px solid #281e41;
      border-right: 1px solid #3a2e54;
      float: right;
      list-style: none;
      margin: 0;
      padding: 0;
      position: relative;
      z-index: 10;

      > li {
        border-left: 1px solid #3a2e54;
        border-right: 1px solid #281e41;
        color: #fff;
        float: left;
        position: relative;

        > a,
        > a:visited {
          color: #fff;
          display: block;
          height: 50px;
          line-height: 46px;
          padding: 0 15px 0 20px;

          &.dropdown:after {
            background: url('../img/icons-sprite.png') -57px -183px no-repeat;
            content: '';
            float: right;
            height: 5px;
            margin: 22px 0 0 10px;
            width: 9px;
          }

          &#user-menu {
            img {
              border: 1px solid #fff;
              float: left;
              height: 22px;
              margin: 13px 0;
            }
          }
        }

        > a:hover {
          text-decoration: none;
        }

        > ul {
          background: #222;
          display: none;
          font-family: @OpenSans;
          font-size: 13px;
          letter-spacing: 0;
          list-style: none;
          margin: 0;
          min-width: 100%;
          padding: 0;
          position: absolute;
          right: 0;

          > li {
            text-align: right;
            white-space: nowrap;

            &:hover {
              background-color: #333;
            }

            > a,
            > a:visited {
              color: #aaa;
              display: block;
              padding: 5px 33px 8px 33px;
            }

            > a:hover {
              color: #fff;
              text-decoration: none;
            }
          }
        }

        &:hover {
          .gradient(#222, #333, #222);

          > a,
          > a:visited,
          > a:hover {
            color: #fff;
          }

          > ul {
            display: block;
          }
        }
      }
    }
  }

  .logo,
  .logo:visited,
  .logo:hover {
    background: url('../img/icons-sprite.png') -50px -37px no-repeat;
    color: #fff;
    display: block;
    font-size: 23px;
    font-weight: normal;
    height: 50px;
    line-height: 42px;
    margin: 0;
    padding: 0 0 0 34px;
    text-decoration: none;
    text-transform: lowercase;
  }
}

.rgba {
  header {
    nav {
      > ul {
        border-left-color: rgba(0, 0, 0, 0.35);
        border-right-color: rgba(255, 255, 255, 0.15);

        > li {
          border-left-color: rgba(255, 255, 255, 0.15);
          border-right-color: rgba(0, 0, 0, 0.35);
        }
      }
    }
  }
}

input[type='text'],
.fake-input {
  background: #fff;
  border: 1px solid #ccc;
  .box-shadow(0 0 0 2px #eee inset);
  cursor: text;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  padding: 10px;

  &.disabled {
    background: #f5f5f5;
    .box-shadow(0 0 0 2px #e5e5e5 inset);
    color:  #666;
  }
}

.box {
  background: #fff;
  .shadowed();
  margin-bottom: 40px;
  padding: 16px 0;

  &.content-box {
    padding-left: 20px;
    padding-right: 20px;

    h2 {
      margin-left: 0;
      margin-right: 0;
    }
  }

  h2 {
    border-bottom: 1px solid #ccc;
    color: #333;
    font-size: 18px;
    font-weight: normal;
    margin: 0 20px 16px 20px;
    padding: 0 0 16px 0;
  }
}

.btn,
.btn:visited {
  .gradient(#276195, #3C88CC, #276195);
  .border-radius(0.25em);
  .box-shadow(~"0 2px 0 0 rgba(0, 0, 0, 0.1), 0 -2px 0 0 rgba(0, 0, 0, 0.2) inset");
  color: #fff;
  font-family: @OpenSans;
  padding: 4px 10px;
  .transition(all 0.25s linear 0s);
  border: 0px;

  &.big {
    height: 40px;
    line-height: 38px;
    padding: 0 20px;
    font-size: 15px;
  }

  &:hover {
    .box-shadow(~"0 2px 0 0 rgba(0, 0, 0, 0.1), 0 -2px 0 0 rgba(0, 0, 0, 0.2) inset, 0 12px 24px 2px #3089D8 inset");
    color: #fff;
    text-decoration: none;
  }
}

.comments {
  line-height: 140%;
  list-style: none;
  margin: 30px 0 40px 0;
  padding: 0;

  li {
    border-bottom: 1px dotted #aaa;
    color: #555;
    margin-bottom: 20px;
    padding-bottom: 20px;

    &:last-of-type {
      border-bottom: 0;
    }

    .meta {
      color: #999;
      font-size: 12px;
      line-height: 22px;
      margin-top: 12px;
      padding-top: 6px;
      text-align: right;

      a {
        float: left;
        margin-right: 10px;
      }

      .gravatar {
        .border-radius(3px);
        height: 22px;
        width: 22px;
        vertical-align: middle;
      }
    }
  }
}

.error-message {
  background: url('../img/error-splash.png') top center no-repeat;
  font-size: 16px;
  margin: 40px 0 120px 0;
  padding: 230px 0 0 0;
  text-align: center;
}

.notice {
  background: rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.12);
  .box-shadow(0 0 0 3px rgba(0, 0, 0, 0.04) inset);
  color: #797979;
  display: block;
  margin-bottom: 40px;
  padding: 16px 20px;
  text-align: center;

  &.dismissable {
    cursor: pointer;
  }

  &.error {
    background: rgba(255, 0, 0, 0.08);
    border: 1px solid rgba(255, 0, 0, 0.12);
    .box-shadow(0 0 0 3px rgba(255, 0, 0, 0.04) inset);
    color: #c66;
  }

  &.success {
    background: rgba(0, 204, 0, 0.12);
    border: rgba(0, 102, 0, 0.32);
    .box-shadow(0 0 0 3px rgba(0, 153, 0, 0.06) inset);
    color:  #090;
  }

  &.warn {
    background: rgba(255, 204, 0, 0.16);
    border: 1px solid rgba(255, 153, 51, 0.3);
    .box-shadow(0 0 0 3px rgba(255, 153, 51, 0.08) inset);
    color: #b48232;
  }
}

.page {
  min-height: 100%;
  position: relative;
}

.pagination {
  margin: 0 0 40px 0;
  padding: 20px 0 0 0;
  position: relative;

  &:before {
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #bebebe;
    content: '';
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }

  &.prefix_4 {
    &:before {
      left: 320px;
    }
  }

  .next {
    float: left;
  }

  .prev {
    float: right;
  }
}

.status-block {
  margin-bottom: 20px;

  .bubble {
    background: #fff;
    .border-radius(6px);
    color: #666;
    min-height: 42px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 0;

    &:after {
      .linear-gradient-left(transparent, rgba(0, 0, 0, 0.02), 0, rgba(0, 0, 0, 0), 20%);
      background-color: #f8f8f8;
      .border-radius(0 6px 6px 0);
      bottom: 0;
      content: '';
      position: absolute;
      right: 0;
      top: 0;
      width: 150px;
      z-index: -1;
    }

    &:before {
      border-color: transparent #fff transparent transparent;
      border-width: 0px 14px 14px 0;
      border-style: solid;
      content: '';
      height: 0;
      left: -14px;
      position: absolute;
      top: 15px;
      width: 0;
    }

    > li {
      border-bottom: 1px dotted #ccc;
      padding: 12px 20px;

      &:last-of-type {
        border-bottom: 0;
      }

      .update {
        float: left;
        line-height: 140%;
        margin-right: 40px;
        width: 430px;
        overflow-x: scroll;

        img {
          max-width: 430px;
        }

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

          &:last-child {
            margin-bottom: 0;
          }
        }

        .tag {
          background-color: #999;
          border-color: #999;
          .border-radius(3px);
          border-style: solid;
          border-width: 2px 0;
          color: #fff;
          padding: 0 2px;

          &.tag-blocked {
            background-color: #c00;
            border-color: #c00;
          }

          &.tag-mfbt {
            .animation(rainbow 5s infinite)
          }
        }
      }

      .update-meta {
        float: left;
        line-height: 140%;
        width: 110px;

        .comment-count,
        .comment-count:visited {
          color: #c0c0c0;
          display: block;
          margin-right: 70px;
          padding-left: 18px;
          position: relative;

          &:before {
            background: url('../img/icons-sprite.png') -56px -552px no-repeat;
            content: '';
            height: 12px;
            left: 0;
            opacity: 0.6;
            position: absolute;
            top: 3px;
            .transition-duration(0.3s);
            .transition-property('opacity');
            width: 12px;
          }
        }

        .comment-count:hover {
          color: #999;

          &:before {
            opacity: 1;
          }
        }

        .post-time,
        .post-time:visited {
          color: #c0c0c0;
          display: block;
          float: right;
        }

        .post-time:hover {
          color: #999;
        }

        .project-name,
        .project-name:visited {
          background: #36c;
          .border-radius(3px);
          clear: both;
          color: #36c;
          display: block;
          line-height: normal;
          margin-top: 4px;
          padding: 2px 6px;
          position: relative;
          text-align: center;
          z-index: 0;

          &:after {
            background-color: rgba(255, 255, 255, 0.8);
            .border-radius(2px);
            bottom: 1px;
            content: '';
            left: 1px;
            position: absolute;
            right: 1px;
            top: 1px;
            .transition-duration(0.5s);
            .transition-property('background-color');
            z-index: -1;
          }
        }

        .project-name:hover {
          text-decoration: none;

          &:after {
            background-color: rgba(255, 255, 255, 0.7);
          }
        }
      }
    }
  }

  .gravatar {
    .border-radius(6px);
    display: block;
    height: 60px;
    width: 60px;
  }

  .user-meta {
    color: #404040;
    font-family: @OpenSans;
    font-size: 14px;
    text-align: right;

    a,
    a:visited,
    a:hover {
      color: #404040;
      text-decoration: none;
    }

    h4 {
      font-size: 18px;
      font-weight: bold;
      line-height: 24px;
      margin: 8px 0 0 0;
    }
  }
}

#main-content {
  padding-bottom: 174px;
}

#main-notices {
  .notice {
    margin-bottom: 20px;

    &:last-of-type {
      margin-bottom: 40px;
    }
  }
}

#statusize {
  form {
    textarea[name=content] {
      border: 0;
      .border-radius(6px);
      .box-sizing(border-box);
      color: #666;
      display: block;
      float: right;
      font-family: Helvetica, Arial, sans-serif;
      height: 92px;
      margin-bottom: 20px;
      padding: 12px 20px;
      resize: none;
      width: 530px;

      &::-webkit-input-placeholder {
        color: #aaa;
      }

      &:-moz-placeholder {
        color: #aaa;
      }
    }
  }

  .middle:before {
    border-color: transparent transparent #fff transparent;
    border-width: 0 14px 14px 0;
    border-style: solid;
    content: '';
    height: 0;
    position: absolute;
    right: -14px;
    top: 15px;
    width: 0;
  }

  .omega {
    .gravatar {
      .border-radius(6px);
      height: 60px;
      margin-bottom: 5px;
      vertical-align: middle;
      width: 60px;
    }
    .btn {
      display: block;
      text-align: center;
      width: 60px;
    }
  }
}

.persona-button {
  &.github span:after{
    background: url('../img/GitHub-Mark-32px.png') 8px center no-repeat;
    background-size: 18px;
  }

  &:visited,
  &:hover {
    color: #fff;
  }
}


OR-1834 FN update

OR-1834 FN update

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


Create less file for project fonts

Create less file for project fonts

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


Create xWeb.less

Create xWeb.less

/*
 * xWeb (v1.0) by EvolSoft
 * Developer: EvolSoft (Flavius12)
 * Website: http://www.evolsoft.tk
 * Date: 18/05/2015 05:32 PM (UTC)
 * Copyright & License: (C) 2015 EvolSoft
 * Licensed under MIT (https://github.com/EvolSoft/xWeb/blob/master/LICENSE)
 */

//**** xWeb Core ****//

html {
    display: block;
}

body {
	font-family: Arial;
    font-size: 14px;
	margin: 0px;
	color: #333;
	line-height: @default-line-height;
}

*:focus {
    outline: 0px;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

//**** CSS Classes ****//

@import "variables.less";
@import "alerts.less";
@import "badges.less";
@import "blockquotes.less";
@import "header.less";
@import "boxes.less";
@import "breadcrumbs.less";
@import "buttons.less";
@import "button-groups.less";
@import "code.less";
@import "forms.less";
@import "footer.less";
@import "hints.less";
@import "image-sliders.less";
@import "inputs.less";
@import "input-groups.less";
@import "labels.less";
@import "lists.less";
@import "menus.less";
@import "modals.less";
@import "sliders.less";
@import "switches.less";
@import "navbar.less";
@import "panels.less";
@import "pagination.less";
@import "progress-bars.less";
@import "selects.less";
@import "textareas.less";
@import "tabs.less";
@import "tables.less";
@import "thumbnails.less";
@import "typo.less";
@import "tooltips.less";

//**** Columns  & Content ****//

@import "columns.less";
@import "content.less";

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


moved footer buttons styles

moved footer buttons styles

#app .footerPanel .options a.download{
    background: url('@{extendedFooterPanelImagePath}download.png') no-repeat;
    height: 21px;
    width: 91px;
}

#app .footerPanel .options a.download.min{
    width: 27px;
}

#app .footerPanel .options a.bookmark{
    background: url('@{extendedFooterPanelImagePath}bookmark.png') no-repeat;
    height: 21px;
    width: 110px;
}

#app .footerPanel .options a.bookmark.min{
    width: 15px;
}

#app .footerPanel .options a.save{
    background: url('@{extendedFooterPanelImagePath}save.png') no-repeat;
    height: 21px;
    width: 132px;
}

#app .footerPanel .options a.save.min{
    width: 20px;
}

#app .footerPanel .options a.imageButton.embed{
    background: url('@{extendedFooterPanelImagePath}embed.png') no-repeat;
    height: 21px;
    width: 75px;
}

#app .footerPanel .options a.imageButton.embed.min{
    width: 27px;
}


Design fixes

Design fixes

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


fix select list max-width css

fix select list max-width 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/climatehistory/ozdocs.git/'


Temporarily removing confusing global color code until further investigation

comment out

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/fle-internal/fle-home.git/'


Reduced the size & weight of the navigation anchors

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


fixed button text center

fixed button text center

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


Style notification title

Style notification title

@import './custom.less';

@font-face {
  font-family: Whitney;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Whitney.woff') format('woff')
}

@font-face {
  font-family: Whitney;
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/WhitneyMedium.woff') format('woff')
}

@font-face {
  font-family: Whitney;
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/WhitneyBold.woff') format('woff')
}

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

.btn-outline-white {
  border-color: @white;
  background: transparent;
  color: @white;
}

input {
  font-family: @font-family-base;
}

.ant-popover-title {
  color: #9d9d9d;
  line-height: 36px;
  height: 36px;
}


Add missing close import

Add missing close import

// Core variables and mixins
@import "../node_modules/bootstrap/less/variables.less";
@import "../node_modules/bootstrap/less/mixins.less";

// Reset
@import "../node_modules/bootstrap/less/normalize.less";

// Core CSS
@import "../node_modules/bootstrap/less/scaffolding.less";
@import "../node_modules/bootstrap/less/type.less";
@import "../node_modules/bootstrap/less/code.less";
@import "../node_modules/bootstrap/less/grid.less";
@import "../node_modules/bootstrap/less/tables.less";
@import "../node_modules/bootstrap/less/forms.less";
@import "../node_modules/bootstrap/less/buttons.less";

// Components
@import "../node_modules/bootstrap/less/button-groups.less";
@import "../node_modules/bootstrap/less/input-groups.less";
@import "../node_modules/bootstrap/less/navs.less";
@import "../node_modules/bootstrap/less/labels.less";
@import "../node_modules/bootstrap/less/badges.less";
@import "../node_modules/bootstrap/less/alerts.less";
@import "../node_modules/bootstrap/less/list-group.less";
@import "../node_modules/bootstrap/less/thumbnails.less";
@import "../node_modules/bootstrap/less/close.less";

// Components w/ JavaScript
@import "../node_modules/bootstrap/less/tooltip.less";

// Utility classes
@import "../node_modules/bootstrap/less/utilities.less";

// Core variables and mixins
@import "../node_modules/bootstrap/less/variables.less";
@import "../node_modules/bootstrap/less/mixins.less";

// Reset
@import "../node_modules/bootstrap/less/normalize.less";

// Core CSS
@import "../node_modules/bootstrap/less/scaffolding.less";
@import "../node_modules/bootstrap/less/type.less";
@import "../node_modules/bootstrap/less/code.less";
@import "../node_modules/bootstrap/less/grid.less";
@import "../node_modules/bootstrap/less/tables.less";
@import "../node_modules/bootstrap/less/forms.less";
@import "../node_modules/bootstrap/less/buttons.less";

// Components
@import "../node_modules/bootstrap/less/button-groups.less";
@import "../node_modules/bootstrap/less/input-groups.less";
@import "../node_modules/bootstrap/less/navs.less";
@import "../node_modules/bootstrap/less/labels.less";
@import "../node_modules/bootstrap/less/badges.less";
@import "../node_modules/bootstrap/less/alerts.less";
@import "../node_modules/bootstrap/less/list-group.less";
@import "../node_modules/bootstrap/less/thumbnails.less";

// Components w/ JavaScript
@import "../node_modules/bootstrap/less/tooltip.less";

// Utility classes
@import "../node_modules/bootstrap/less/utilities.less";


fix modified file & dir colors #29

fix modified file & dir colors #29

@import "icon-variables";
@import "icon-font";
@import "ui-mixins";

// - - - - - - - - - - - - - - -
// ICONS BASED ON FILE EXTENSION
// - - - - - - - - - - - - - - -

// PROJECT / REPO ICON
.name.icon.icon-repo {

  // TEXT
  font-weight: bold;
  padding: 0px 0px 0px 5px;
  position: relative;
  display: inline-block;
  top: -1px;

  // ICON
  &:before {
    color: #29A8DE;
    content: '\e601';
    display: inline-block;
    font-family: icomoon;
    font-size: 20px;
    left: -5px;
    position: relative;
    top: 5px;
  }

}

// OPEN/CLOSE SELECTOR FOR FOLDERS
.header.list-item:before {
  color: @color-default;
}

// DIRECTORY ICONS
.name.icon.icon-file-directory {

  // TEXT
  background: none;
  border: none;
  color: @color-default;
  display: inline-block;
  font-weight: bold;
  padding: 0px 0px 0px 2px;
  position: relative;
  top: -1px;

  // ICON
  &:before {
    color: @color-default;
    content: '\e613';
    display: inline-block;
    font-family: icomoon;
    font-size: 13px;
    left: -2px;
    position: relative;
    top: 1px;
  }
}

// DEFAULT / FALLBACK ICON
.name.icon {
  position: relative;
  display: inline-block;
  top: -2px;
  padding: 0;

  &:before {
    font-family: icomoon;
    content: @icon-default;
    font-size: 15px;
    display: inline-block;
    position: relative;
    top: 3px;
    left: -3px;
    margin-right: 2px;
    color: @color-default;
  }

}

// DEFAULT TAB ICON
.tab-bar .tab .title {
  position: relative;
  display: inline-block;
  top: -2px;
  padding: 0;
  width: 100%;

  &:before {
    font-family: icomoon;
    content: @icon-default;
    font-size: 15px;
    position: relative;
    top: 4px;
    left: -4px;
    /* margin-right: -3px; */
    color: @color-default;
  }
}

.tab-bar .tab.active .title {
  top: -2px;
}

// HIDDEN / IGNORED STYLES

.status-ignored {

  .header.list-item:before {
    color: @text-color-ignored;
  }

  .name.icon {
    color: @text-color-ignored;

    &:before {
      color: @text-color-ignored;
    }

  }

}

/* .icon-tab(extension, type, font-size, top, right, left, offset)
default = '', '', 20px, 6px, -3px, -5px, -4px

.icon-tree(extension, type, font-size, top, right, left, offset)
default = '', '', 20px, 6px, 0px, -5px, -4px */

.tab-bar .tab .title.icon-tools {
  position: relative;
  display: inline-block;
  top: 2px;
  padding: 0;
  width: 100%;

  &:before {
    font-family: icomoon;
    content: @icon-settings;
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -2px;
    margin-right: 5px;
    color: @color-settings;
  }
}

// CSS
.icon-tree('.css', css, 20px, 5px, 1px, -6px, -4px);
.icon-tab('.css', css, 20px, 6px, -1px, -5px, -4px);

// CSON
.icon-tab('.cson', 'json', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.cson', 'json', 20px, 6px, -3px, -5px, -4px);

// Coffescript
.icon-tab('.coffee', 'coffee', 16px, 5px, 4px, 2px, -1px);
.icon-tree('.coffee', 'coffee', 15px, 4px, 2px, -1px);

// Handlebars
.icon-tab('.hbs', 'handlebars', 22px, 6px, 0px, -5px );
.icon-tree('.hbs', 'handlebars', 20px, 5px, 2px, -5px, -4px);

// Hidden files
.icon-tab('.gitignore', 'hidden', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.gitignore', 'hidden', 20px, 6px, 1px, -5px, -4px);

.icon-tab('.gitmodules', 'hidden', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.gitmodules', 'hidden', 20px, 6px, 1px, -5px, -4px);

.icon-tab('.config', 'hidden', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.config', 'hidden', 20px, 6px, 1px, -5px, -4px);

.icon-tab('.DS_Store', 'hidden', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.DS_Store', 'hidden', 20px, 6px, 1px, -5px, -4px);

// HTML
.icon-tab('.html', html, 22px, 6px);
.icon-tree('.html', html, 22px, 5px, 2px);

// Jade
.icon-tab('.jade', 'jade', 20px, 5px, -3px, -5px, -4px);
.icon-tree('.jade', 'jade', 20px, 5px, 2px, -5px, -4px);

// JavaScript
.icon-tab('.js', 'js', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.js', 'js', 20px, 6px, 2px, -6px, -4px);

// JSON
.icon-tab('.json', 'json', 20px, 5px, -3px, -5px, -4px);
.icon-tree('.json', 'json', 20px, 5px, 2px, -5px, -4px);

// LESS
.icon-tree('.less', less, 20px, 6px, 2px, -5px, -4px);
.icon-tab('.less', less, 20px, 6px, -3px, -5px, -4px);

// LICENSE
.icon-tab('LICENSE', 'license', 15px, 3px, 2px, 0px, -4px);
.icon-tree('LICENSE', 'license', 16px, 3px, 2px, -3px, -4px);
.icon-tab('License', 'license', 15px, 3px, 2px, 0px, -4px);
.icon-tree('License', 'license', 16px, 3px, 2px, -3px, -4px);
.icon-tab('license', 'license', 15px, 3px, 2px, 0px, -4px);
.icon-tree('license', 'license', 16px, 3px, 2px, -3px, -4px);

// Markdown
.icon-tab('.md', 'md', 20px, 5px, -3px, -5px, -4px);
.icon-tree('.md', 'md', 20px, 5px, 2px, -5px, -4px);

// Mustache
.icon-tab('.mustache', 'mustache', 22px, 6px, 0px, -5px );
.icon-tree('.mustache', 'mustache', 20px, 5px, 2px, -5px, -4px);

// NPM
.icon-tab('npm-debug.log', 'npm', 20px, 6px, 0px, -5px, -4px);
.icon-tree('npm-debug.log', 'npm', 20px, 6px, 2px, -5px, -4px);
.icon-tab('.npmignore', 'npm', 20px, 6px, 0px, -5px, -4px);
.icon-tree('.npmignore', 'npm', 20px, 6px, 2px, -5px, -4px);

// PHP
.icon-tab('.php', 'php', 24px, 6px, -3px, -5px, -4px);
.icon-tree('.php', 'php', 24px, 6px, 3px, -7px, -4px);

// Procfile
.icon-tab('procfile', 'procfile', 14px, 2px, 3px, 0px, 0px);
.icon-tree('procfile', 'procfile', 14px, 2px, 3px, -1px, -4px);
.icon-tab('Procfile', 'procfile', 14px, 2px, 3px, 0px, 0px);
.icon-tree('Procfile', 'procfile', 14px, 2px, 3px, -1px, -4px);
.icon-tab('PROCFILE', 'procfile', 14px, 2px, 3px, 0px, 0px);
.icon-tree('PROCFILE', 'procfile', 14px, 2px, 3px, -1px, -4px);

// Python
.icon-tab('.py', 'py', 20px, 5px, -3px, -5px, -4px);
.icon-tree('.py', 'py', 20px, 5px, 3px, -4px, -4px);

// Ruby
.icon-tab('.rb', 'rb', 15px, 3px, -1px, -5px, -2px);
.icon-tree('.rb', 'rb', 15px, 3px, 4px, -1px, -4px);

// Sass
.icon-tab('.sass', 'sass', 20px, 4px, -3px, -5px, -4px);
.icon-tree('.sass', 'sass', 20px, 5px, 4px, -3px, -4px);
.icon-tab('.scss', 'sass', 20px, 4px, -3px, -5px, -4px);
.icon-tree('.scss', 'sass', 20px, 5px, 4px, -3px, -4px);

// Settings
.icon-tab('.svgx', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.svgx', 'img', 15px, 3px, 2px, -3px, -4px);

// Stylus
.icon-tab('.styl', 'styl', 20px, 5px, -2px, -5px, -4px);
.icon-tree('.styl', 'styl', 20px, 4px, 3px, -4px, -4px);

// XML
.icon-tab('.xml', 'xml', 15px, 2px, 3px, 0px, -1px);
.icon-tree('.xml', 'xml', 15px, 2px, 2px, -2px, -4px);

// IMAGES
.icon-tab('.ai', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.ai', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.bpm', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.bpm', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.gif', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.gif', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.jpeg', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.jpeg', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.jpg', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.jpg', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.png', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.png', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.psd', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.psd', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.svg', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.svg', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.svgx', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.svgx', 'img', 15px, 3px, 2px, -3px, -4px);

// THESE NEED TO COME LAST SO THE DON'T GET OVERRIDEN!

// Bower
.icon-tab('bower.json', 'bower', 20px, 5px, 2px, -4px, -4px);
.icon-tree('bower.json', 'bower', 20px, 5px, 2px, -4px);
.icon-tab('Bower.json', 'bower', 20px, 5px, 2px, -4px, -4px);
.icon-tree('Bower.json', 'bower', 20px, 5px, 2px, -4px);
.icon-tab('BOWER.json', 'bower', 20px, 5px, 2px, -4px, -4px);
.icon-tree('BOWER.json', 'bower', 20px, 5px, 2px, -4px);
.icon-tab('.bowerrc', 'bower', 20px, 5px, 2px, -4px, -4px);
.icon-tree('.bowerrc', 'bower', 20px, 5px, 2px, -4px);

// Grunt
.icon-tab('gruntfile.js', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('gruntfile.js', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('Gruntfile.js', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('Gruntfile.js', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('GruntFile.js', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('GruntFile.js', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('GRUNTFILE.js', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('GRUNTFILE.js', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('gruntfile.coffee', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('gruntfile.coffee', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('Gruntfile.coffee', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('Gruntfile.coffee', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('GruntFile.coffee', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('GruntFile.coffee', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('GRUNTFILE.coffee', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('GRUNTFILE.coffee', 'grunt', 18px, 4px, 2px, -5px, -4px);

// Gulp
.icon-tab('gulpfile.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('gulpfile.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tab('Gulpfile.js', 'gulp', 17px, 3px, -3px, -5px, -2px);
.icon-tree('Gulpfile.js', 'gulp', 20px, 4px, 2px, -5px, -4px);
.icon-tab('GulpFile.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('GulpFile.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tab('GULPFILE.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('GULPFILE.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tab('gulpfile.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('gulpfile.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tab('Gulpfile.coffee', 'gulp', 17px, 3px, -3px, -5px, -2px);
.icon-tree('Gulpfile.coffee', 'gulp', 20px, 4px, 2px, -5px, -4px);
.icon-tab('GulpFile.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('GulpFile.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tab('GULPFILE.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('GULPFILE.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);

// - - - - - - -
// STATUS COLORS
// - - - - - - -

// STATUS: ADDED
.directory.entry.list-nested-item.status-added > .header.list-item {

  // OPEN/CLOSE SELECTOR
  &:before {
    color: @color-status-added;
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-added;

    // ICON
    &:before {
      color: @color-status-added;
    }
  }

}

  .file.entry.list-item.status-added {

    .name.icon {

      // TEXT
      color: @color-status-added;

      // ICON
      &:before {
        color: @color-status-added !important;
      }

      &.icon-file-text:before {
        color: @color-status-added;
      }
    }
  }

// STATUS: MODIFIED
.directory.entry.list-nested-item.status-modified > .header.list-item {

  // OPEN/CLOSE SELECTOR
  &:before {
    color: @color-status-modified;
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-modified;

    // ICON
    &:before {
      color: @color-status-modified;
    }
  }

}

  .file.entry.list-item.status-modified {
    .name.icon {

      // TEXT
      color: @color-status-modified;

      // ICON
      &:before {
        color: @color-status-modified;
      }
    }
  }

// STATUS: IGNORED
.directory.entry.list-nested-item.status-ignored {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-ignored;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-ignored;

    // ICON
    &:before {
      color: @color-status-ignored;
    }
  }

}

  .file.entry.list-item.status-ignored {
    .name.icon {

      // TEXT
      color: @color-status-ignored;

      // ICON
      &:before {
        color: @color-status-ignored;
      }
    }
  }

// STATUS: REMOVED
.directory.entry.list-nested-item.status-removed {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-removed;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-removed;

    // ICON
    &:before {
      color: @color-status-removed;
    }
  }

}

  // FILE
  .file.entry.list-item.status-removed {
    .name.icon {

      // TEXT
      color: @color-status-removed;

      // ICON
      &:before {
        color: @color-status-removed;
      }
    }
  }

// STATUS: RENAMED
.directory.entry.list-nested-item.status-renamed {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-renamed;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-renamed;

    // ICON
    &:before {
      color: @color-status-renamed;
    }
  }

}

  // FILE
  .file.entry.list-item.status-renamed {
    .name.icon {

      // TEXT
      color: @color-status-renamed;

      // ICON
      &:before {
        color: @color-status-renamed;
      }
    }
  }


Refer to @brand-* colors to their respective @lf-* colors

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


@topbarHeight: 50px;

html.composing {
	&.mobile {
		overflow: hidden;
	}

	body {
		height: 0px !important;
	}

	.composer {
		padding: 0;

		.composer-container {
			overflow-y: visible;
			overflow-x: hidden;
			padding: 0;
			padding-top: 50px;
			height: 100%;
			background: white;
		}

		.title-container {
			margin-top: 0px;

			.title {
				padding-left: 8px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				width: 100%;
			}
		}

		.write, .preview {
			border-bottom: 0;
			min-height: 100%;
			outline: none;
			padding: 25px 10px;
			margin-bottom: 0px;
			padding-bottom: 0px;
			font-size: 18px;
		}

		.form-control {
			box-shadow: none;
		}

		.formatting-bar {
			margin: 0;
			padding: 0;
		}

		.mobile-navbar {
			background: @btn-primary-bg;
			color: @btn-primary-color;
			position: absolute;

			button {
				font-size: 20px;
			}
		}
	}

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding: 0;
	}
}

.composer {
	.no-select;

	&.resizable {
		position: fixed;
		bottom: 0;
		top: 0;
		right: 0;
		left: 0;
		.box-shadow(0px 6px 12px rgba(0, 0, 0, 0.5));

		.write, .preview {
			min-height: 0;
		}
	}

	z-index: 10000;

	padding-top: 20px;

	background: white;
	visibility: hidden;

	.composer-container {
		min-height: 50px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.title-container {
		margin-top: 10px;
		padding-left: 8px;
		padding-right: 8px;

		.title {
			display: block;
			font-size: 22px;
			padding-left: 3px;
			border: 0;
			.box-shadow(none);
			background: white;
			overflow: hidden;
		}

		input.title {
			height: 47px;
		}
	}

	.category-list {
		padding: 0 6px;
	}

	.category-tag-row {
		margin: 5px 0;

		.tags-container {
			.bootstrap-tagsinput {
				width:100%;
				margin-bottom: 0px;
				border: 0;
				box-shadow: none;

				input {
					height:28px;
					padding: 4px 6px;
				}

				.label {
					color: white;
					font-size: 13px;
				}
			}
		}
	}

	.write-preview-container {
		height:100%;
		margin: 0 0;
		min-height: 200px;

		> div {
			height:100%;
		}
	}

	.write {
		border: 1px solid #EDEDED;
		.border-radius(0px);
		.box-shadow(inset 0px 1px 1px rgba(0, 0, 0, 0.05));
	}

	.write, .preview  {
		display: block;
		width: 100%;
		height: 100%;
		min-height: 250px;
		margin: 0 auto;
		font-size: 14px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		resize:none;
		overflow: auto;
		padding: 20px;
	}

	.preview-container {
		word-wrap: break-word;
	}

	.write-container {
		&.maximized {
			width: 100%;
		}
	}

	.write-container, .preview-container {
		.help-text {
			text-transform: uppercase;
			position: absolute;
			right: 35px;
			top: 8px;
			font-size: 10px;
			color: #999;
			z-index: 1;
		}
	}

	.help {
		.pointer;
	}

	.toggle-preview {
		margin-left: 20px;
		.pointer;
	}

	.preview {
		overflow-y: auto;

		p {
			margin: 0 0 18px;
		}
	}

	.formatting-bar {
		margin: 5px 0;
		padding: 0px 8px;
		span {
			color: #000;
		}

		.spacer {
			&:before {
				content: ' | ';
				color: @gray-light;
			}
		}
	}

	.resizer {
		position: absolute;
		width: 100%;
		top: 10px;
		height: 0px;

		.pointer;

		.trigger {
			position: relative;
			display: block;
			width: 32px;
			height: 32px;
			top: -20px;
			margin: 0 auto;
			margin-left: 20px;

			background: #333;
			border: 1px solid #333;
			.border-radius(50%);

			line-height: 26px;

			i {
				position: relative;
				color: #FFF;
				font-size: 16px;

				&:before {
					content: @fa-var-arrows-v;
					position: relative;
					top: 3px;
				}
			}
		}
	}

	&.maximized {
		.resizer .trigger i {
			&:before {
				content: @fa-var-chevron-down;
			}
		}

		box-shadow: none;
	}

	.imagedrop {
		position: absolute;
		top: 250px;
		text-align: center;
		font-size: 24px;
		color: #999;
		width: 100%;
		display: none;
	}

	.topic-thumb-container {
		margin-top: 5px;
		margin-left: 8px;
		margin-right: 8px;
		background: rgb(255, 255, 255);
		background: rgba(255, 255, 255, 0.6);
		padding: 10px;
	}

	.topic-thumb-btn {
		cursor: hand;
		cursor: pointer;
	}

	.topic-thumb-preview {
		width: auto;
		height: auto;
		max-width: 100px;
		max-height: 100px
	}

	.topic-thumb-ctrl.form-group {
		display: inline-block;
		vertical-align: -50% !important;
	}
}

@media (max-width: 767px), (max-height: 480px) {
	.composer {
		width: 100%;
		padding-top: 0px;
	}

	.resizer {
		visibility: hidden;
	}
}

@topbarHeight: 50px;

html.composing {
	&.mobile {
		overflow: hidden;
	}

	body {
		height: 0px !important;
	}

	.composer {
		padding: 0;

		.composer-container {
			overflow-y: visible;
			overflow-x: hidden;
			padding: 0;
			padding-top: 50px;
			height: 100%;
			background: white;
		}

		.title-container {
			margin-top: 0px;

			.title {
				padding-left: 8px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				width: 100%;
			}
		}

		.write, .preview {
			border-bottom: 0;
			min-height: 100%;
			outline: none;
			padding: 25px 10px;
			margin-bottom: 0px;
			padding-bottom: 0px;
			font-size: 18px;
		}

		.form-control {
			box-shadow: none;
		}

		.formatting-bar {
			margin: 0;
			padding: 0;
		}

		.mobile-navbar {
			background: @btn-primary-bg;
			color: @btn-primary-color;
			position: absolute;

			button {
				font-size: 20px;
			}
		}
	}

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding: 0;
	}
}

.composer {
	.no-select;

	&.resizable {
		position: fixed;
		bottom: 0;
		top: 0;
		right: 0;
		left: 0;
		.box-shadow(0px 6px 12px rgba(0, 0, 0, 0.5));

		.write, .preview {
			min-height: 0;
		}
	}

	z-index: 10000;

	padding-top: 20px;

	background: white;
	visibility: hidden;

	.composer-container {
		min-height: 50px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.title-container {
		margin-top: 10px;
		padding-left: 8px;
		padding-right: 8px;

		.title {
			display: block;
			font-size: 22px;
			padding-left: 3px;
			border: 0;
			.box-shadow(none);
			background: white;
		}

		input.title {
			height: 47px;
		}
	}

	.category-list {
		padding: 0 6px;
	}

	.category-tag-row {
		margin: 5px 0;

		.tags-container {
			.bootstrap-tagsinput {
				width:100%;
				margin-bottom: 0px;
				border: 0;
				box-shadow: none;

				input {
					height:28px;
					padding: 4px 6px;
				}

				.label {
					color: white;
					font-size: 13px;
				}
			}
		}
	}

	.write-preview-container {
		height:100%;
		margin: 0 0;
		min-height: 200px;

		> div {
			height:100%;
		}
	}

	.write {
		border: 1px solid #EDEDED;
		.border-radius(0px);
		.box-shadow(inset 0px 1px 1px rgba(0, 0, 0, 0.05));
	}

	.write, .preview  {
		display: block;
		width: 100%;
		height: 100%;
		min-height: 250px;
		margin: 0 auto;
		font-size: 14px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		resize:none;
		overflow: auto;
		padding: 20px;
	}

	.preview-container {
		word-wrap: break-word;
	}

	.write-container {
		&.maximized {
			width: 100%;
		}
	}

	.write-container, .preview-container {
		.help-text {
			text-transform: uppercase;
			position: absolute;
			right: 35px;
			top: 8px;
			font-size: 10px;
			color: #999;
			z-index: 1;
		}
	}

	.help {
		.pointer;
	}

	.toggle-preview {
		margin-left: 20px;
		.pointer;
	}

	.preview {
		overflow-y: auto;

		p {
			margin: 0 0 18px;
		}
	}

	.formatting-bar {
		margin: 5px 0;
		padding: 0px 8px;
		span {
			color: #000;
		}

		.spacer {
			&:before {
				content: ' | ';
				color: @gray-light;
			}
		}
	}

	.resizer {
		position: absolute;
		width: 100%;
		top: 10px;
		height: 0px;

		.pointer;

		.trigger {
			position: relative;
			display: block;
			width: 32px;
			height: 32px;
			top: -20px;
			margin: 0 auto;
			margin-left: 20px;

			background: #333;
			border: 1px solid #333;
			.border-radius(50%);

			line-height: 26px;

			i {
				position: relative;
				color: #FFF;
				font-size: 16px;

				&:before {
					content: @fa-var-arrows-v;
					position: relative;
					top: 3px;
				}
			}
		}
	}

	&.maximized {
		.resizer .trigger i {
			&:before {
				content: @fa-var-chevron-down;
			}
		}

		box-shadow: none;
	}

	.imagedrop {
		position: absolute;
		top: 250px;
		text-align: center;
		font-size: 24px;
		color: #999;
		width: 100%;
		display: none;
	}

	.topic-thumb-container {
		margin-top: 5px;
		margin-left: 8px;
		margin-right: 8px;
		background: rgb(255, 255, 255);
		background: rgba(255, 255, 255, 0.6);
		padding: 10px;
	}

	.topic-thumb-btn {
		cursor: hand;
		cursor: pointer;
	}

	.topic-thumb-preview {
		width: auto;
		height: auto;
		max-width: 100px;
		max-height: 100px
	}

	.topic-thumb-ctrl.form-group {
		display: inline-block;
		vertical-align: -50% !important;
	}
}

@media (max-width: 767px), (max-height: 480px) {
	.composer {
		width: 100%;
		padding-top: 0px;
	}

	.resizer {
		visibility: hidden;
	}
}


Temporarily added page component docs, until proper doc system setup for ui components repo

// Pages & Submenus
//
// Submenus are automatically generated by useing the Page component.
// This allows content creators to focus on content without having to worry about navigation.
// Use the `<page>` tag to start a "menued" page, then add `<page-section>` tags for each section.
//
// Menu items are assigned using the `<h2>` heading for each page section. If you want the menu text to
// be different from a page section's heading, use the `title` attribute on the `<page-section>` element.
//
// TODO: Shift this doc section from KSS to a proper doc system for the UI Components Repo
//
// Markup:
//  <page>
//    <page-section>
//
Section 1

//
...content...

//    </page-section>
//    <page-section title="Section 2">
//
Section 2 heading it too long for the menu

//
...

//    </page-section>
//  </page>
//
// Styleguide components.pages_submenus

error: pathspec 'assets/css/less/docs/components/page.less' did not match any file(s) known to git


Content clean up

Content clean up

- Fixed, typos in mixins declarations.

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/NonFactors/MVC.Template.git/'


bootstrap css override

bootstrap css override

@import "twitter/bootstrap/reset.less";
@import "twitter/bootstrap/variables.less";
@import "twitter/bootstrap/mixins.less";
@import "twitter/bootstrap/scaffolding.less";
@import "twitter/bootstrap/grid.less";
@import "twitter/bootstrap/layouts.less";
@import "twitter/bootstrap/type.less";
@import "twitter/bootstrap/forms.less";
@import "twitter/bootstrap/wells.less";
@import "twitter/bootstrap/component-animations.less";
@import "twitter/bootstrap/buttons.less";
@import "twitter/bootstrap/close.less";
@import "twitter/bootstrap/navs.less";
@import "twitter/bootstrap/navbar.less";
@import "twitter/bootstrap/labels-badges.less";
@import "twitter/bootstrap/hero-unit.less";
@import "twitter/bootstrap/utilities.less";
@import "twitter/bootstrap/responsive";
font-family: 'Palatino Linotype', 'Book Antiqua3', Palatino, serif;

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


OR-1287 fix event quick-form padding

OR-1287 fix event quick-form padding


updated admin uikit

updated admin uikit

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/4nxiety/pagekit.git/'


Remove .less extention in files' path. Now using real colors instead of lighten function.

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/FrankLanglois/profil-professionnel.git/'


OR-1754 remove box-shadow of date and time picker in the fullform


Add font-awesome list file

Add font-awesome list file

with font-awesome patterns

// List Icons
// -------------------------

.@{fa-css-prefix}-ul {
  padding-left: 0;
  margin-left: @fa-li-width;
  list-style-type: none;
  > li { position: relative; }
}
.@{fa-css-prefix}-li {
  position: absolute;
  left: -@fa-li-width;
  width: @fa-li-width;
  top: (2em / 14);
  text-align: center;
  &.@{fa-css-prefix}-lg {
    left: -@fa-li-width + (4em / 14);
  }
}

error: pathspec 'cp-strap/src/stylesheets/icons/font-awesome/less/list.less' did not match any file(s) known to git


Put back underline on hover

Put back underline on hover

/**
 *    Copyright 2015 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/>.
 *
 */
.beatmap-discussion-post {
  @_top: beatmap-discussion-post;

  @_info-text-size: 10px;

  @_discussion-text-size: 13px;
  @_reply-text-size: 12px;

  flex: 1;

  &--editing-dark {
    background-color: @gray-4;
    border-top: 1px solid @gray-3;
    border-bottom: 1px solid @gray-3;
  }

  &--unread {
    &::before {
      .full-size();
      background-color: @blue-darker;
      width: (@spacing / 2);
      height: calc(100% ~'+' @spacing);
      top: (-@spacing / 2);
    }
  }

  &__action {
    margin: 0 (@spacing / 2);

    &--button {
      .reset-input();
      .link-plain();
      .link-light();
      // reset function above overrides margin
      margin: 0 (@spacing / 2);
      font-size: @font-size--small;

      .@{_top}--reply & {
        .link-dark();
      }
    }
  }

  &__actions {
    display: flex;
    justify-content: space-between;
  }

  &__actions-group {
    display: flex;
    align-items: center;
    margin: 0 (-@spacing / 2);
  }

  &__avatar {
    width: @beatmap-discussion--avatar-size;
    height: @beatmap-discussion--avatar-size;
    margin-right: @spacing;
    flex: none;
  }

  &__content {
    display: flex;
    padding: @spacing (@spacing * 3 / 2);

    flex: 1;
    min-width: 0;

    .@{_top}--reply & {
      padding-left: @beatmap-discussion--reply-padding;
      padding-right: @beatmap-discussion--reply-padding;
    }
  }

  &__footer {
    background-color: @gray-3;
    padding: @spacing;

    .@{_top}--reply & {
      color: @gray-f;
      padding-left: @beatmap-discussion--reply-padding;
      padding-right: @beatmap-discussion--reply-padding;
    }
  }

  &__info {
    font-size: @_info-text-size;
    margin-right: @spacing;

    .@{_top}--reply & {
      color: @gray-9;
    }

    &--edited {
      color: @gray-light;
      font-style: italic;
    }
  }

  &__info-container {
    display: flex;

    .@{_top}--reply & {
      &::after {
        content: '';
        background-color: @gray-7;
        height: 1px;
        align-self: center;
        flex: 1;
      }
    }
  }

  &__info-user {
    font-weight: 600;

    .@{_top}--reply & {
      .link-dark();
    }
  }

  &__message {
    .content-font();
    word-wrap: break-word;

    .@{_top}--discussion & {
      font-size: @_discussion-text-size;
    }

    // placing classed elements in here is not advisable
    .@{_top}--reply & {
      font-size: @_reply-text-size;
      color: @gray-f;

      a {
        .link-dark();
      }
    }

    &--editor {
      .reset-input();
      .default-border-radius();
      width: 100%;
      resize: vertical;
      margin-bottom: (@spacing / 2);
    }
  }

  &__message-container {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
  }
}

/**
 *    Copyright 2015 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/>.
 *
 */
.beatmap-discussion-post {
  @_top: beatmap-discussion-post;

  @_info-text-size: 10px;

  @_discussion-text-size: 13px;
  @_reply-text-size: 12px;

  flex: 1;

  &--editing-dark {
    background-color: @gray-4;
    border-top: 1px solid @gray-3;
    border-bottom: 1px solid @gray-3;
  }

  &--unread {
    &::before {
      .full-size();
      background-color: @blue-darker;
      width: (@spacing / 2);
      height: calc(100% ~'+' @spacing);
      top: (-@spacing / 2);
    }
  }

  &__action {
    margin: 0 (@spacing / 2);

    &--button {
      .reset-input();
      .link-plain();
      .link-light();
      // reset function above overrides margin
      margin: 0 (@spacing / 2);
      font-size: @font-size--small;

      .@{_top}--reply & {
        .link-dark();
      }
    }
  }

  &__actions {
    display: flex;
    justify-content: space-between;
  }

  &__actions-group {
    display: flex;
    align-items: center;
    margin: 0 (-@spacing / 2);
  }

  &__avatar {
    width: @beatmap-discussion--avatar-size;
    height: @beatmap-discussion--avatar-size;
    margin-right: @spacing;
    flex: none;
  }

  &__content {
    display: flex;
    padding: @spacing (@spacing * 3 / 2);

    flex: 1;
    min-width: 0;

    .@{_top}--reply & {
      padding-left: @beatmap-discussion--reply-padding;
      padding-right: @beatmap-discussion--reply-padding;
    }
  }

  &__footer {
    background-color: @gray-3;
    padding: @spacing;

    .@{_top}--reply & {
      color: @gray-f;
      padding-left: @beatmap-discussion--reply-padding;
      padding-right: @beatmap-discussion--reply-padding;
    }
  }

  &__info {
    font-size: @_info-text-size;
    margin-right: @spacing;

    .@{_top}--reply & {
      color: @gray-9;
    }

    &--edited {
      color: @gray-light;
      font-style: italic;
    }
  }

  &__info-container {
    display: flex;

    .@{_top}--reply & {
      &::after {
        content: '';
        background-color: @gray-7;
        height: 1px;
        align-self: center;
        flex: 1;
      }
    }
  }

  &__info-user {
    font-weight: 600;

    .@{_top}--reply & {
      .link-dark();
      .link-plain();
    }
  }

  &__message {
    .content-font();
    word-wrap: break-word;

    .@{_top}--discussion & {
      font-size: @_discussion-text-size;
    }

    // placing classed elements in here is not advisable
    .@{_top}--reply & {
      font-size: @_reply-text-size;
      color: @gray-f;

      a {
        .link-dark();
        .link-plain();
      }
    }

    &--editor {
      .reset-input();
      .default-border-radius();
      width: 100%;
      resize: vertical;
      margin-bottom: (@spacing / 2);
    }
  }

  &__message-container {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
  }
}


add a margin between mp-history-player-score__stat-row--first

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

.mp-history-player-score {
  @width: 1000px;

  display: flex;

  &__shapes {
    flex: none;
    width: 40px;
    background-size: cover;

    border-radius: @border-radius-base 0 0 @border-radius-base;
  }

  &__main {
    flex-grow: 1;

    padding: 5px 20px 15px 7.5px;

    display: flex;
    justify-content: space-between;

    @media @mobile{
      flex-direction: column;
    }
  }

  &__info-box {
    display: flex;
    flex-direction: column;

    height: 100%;

    &--user {
      align-items: flex-start;

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

    &--stats {
      align-items: flex-end;

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

  &__username-box {
    display: flex;
    align-items: baseline;

    padding-bottom: 5px;

    @media @mobile{
      flex-direction: column;
    }
  }

  &__username {
    font-weight: 700;
    font-style: italic;
    font-size: 18px;
    color: @blue-text;

    padding-right: 20px;
  }

  &__stat-row {
    &--first {
      margin-right: 10px;
      @media (min-width: @width) {
        width: 530px;
      }
    }

    margin: 2px;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    flex-direction: column;

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

  &__failed {
    font-size: 15px;
    color: @red;
    font-weight: 700;

    padding-right: 20px;
  }

  &__mods-box {
    padding-right: 20px;
  }

  &__stat {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;

    padding-right: 40px;

    &--small {
      padding-right: 20px;
    }

    &--combo {
      margin-right: auto;
    }

    &:last-child {
      padding: 0;
    }
  }

  &__stat-label {
    font-style: italic;
    font-weight: 600;

    padding-right: 3px;

    &--small {
      color: #555;
      font-size: 10px;
    }

    &--large {
      color: #999;
      font-size: 12px;
    }
  }

  &__stat-number {
    font-style: italic;
    font-weight: 700;
    color: @purple-dark;

    &--small {
      font-size: 12px;
    }

    &--medium {
      font-size: 14px;
    }

    &--large {
      font-size: 20px;
      color: @pink-darker;

      @media @desktop{
        font-size: 25px;
      }
    }
  }
}

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

.mp-history-player-score {
  @width: 1000px;

  display: flex;

  &__shapes {
    flex: none;
    width: 40px;
    background-size: cover;

    border-radius: @border-radius-base 0 0 @border-radius-base;
  }

  &__main {
    flex-grow: 1;

    padding: 5px 20px 15px 7.5px;

    display: flex;
    justify-content: space-between;

    @media @mobile{
      flex-direction: column;
    }
  }

  &__info-box {
    display: flex;
    flex-direction: column;

    height: 100%;

    &--user {
      align-items: flex-start;

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

    &--stats {
      align-items: flex-end;

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

  &__username-box {
    display: flex;
    align-items: baseline;

    padding-bottom: 5px;

    @media @mobile{
      flex-direction: column;
    }
  }

  &__username {
    font-weight: 700;
    font-style: italic;
    font-size: 18px;
    color: @blue-text;

    padding-right: 20px;
  }

  &__stat-row {
    &--first {
      @media (min-width: @width) {
        width: 530px;
      }
    }

    margin: 2px;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    flex-direction: column;

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

  &__failed {
    font-size: 15px;
    color: @red;
    font-weight: 700;

    padding-right: 20px;
  }

  &__mods-box {
    padding-right: 20px;
  }

  &__stat {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;

    padding-right: 40px;

    &--small {
      padding-right: 20px;
    }

    &--combo {
      margin-right: auto;
    }

    &:last-child {
      padding: 0;
    }
  }

  &__stat-label {
    font-style: italic;
    font-weight: 600;

    padding-right: 3px;

    &--small {
      color: #555;
      font-size: 10px;
    }

    &--large {
      color: #999;
      font-size: 12px;
    }
  }

  &__stat-number {
    font-style: italic;
    font-weight: 700;
    color: @purple-dark;

    &--small {
      font-size: 12px;
    }

    &--medium {
      font-size: 14px;
    }

    &--large {
      font-size: 20px;
      color: @pink-darker;

      @media @desktop{
        font-size: 25px;
      }
    }
  }
}


update calendar styles

update calendar 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/mromanoff/personal-trainer.git/'


Change nav > li > a paddings.

Change nav > li > a paddings.

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/gmist/five-studio2.git/'


add changelog csss

add changelog csss

#changelog {
  position: relative;

  #HW_badge_cont {
    position: absolute !important;
    top: 6px;
    left: 7px;
  }
}

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