OC-910 Clearfix for empty table cells on mobile card view

html {
  height:100vh;
  width:100vw;
  max-width:@app-container-size;
  margin:0 auto;
  overflow:hidden;
  background-color:@html-bg;
}

body {
  height:100%;
  width:100%;
  overflow:hidden;
  position:relative;
}

main {
  flex:1 1 auto;
  overflow:hidden;
  position:relative;
  > [id^="COMPONENT_"] { //Make the component container element fill the entire <main> for background styles
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    overflow-y:auto;
    overflow-x:hidden;
    padding-bottom:25px;
  }
}

[ui-sref],
[ng-click]{
  cursor: pointer;
}

.container {
  max-width:100%;
}

.pagination {
  margin:0;
}

//TABLES WITH FIXED HEADERS
.table-fixed-header {
  position:relative;
  padding-top:@table-header-height;
  margin-bottom:@line-height-computed;
  overflow:hidden;
  .table-header-bg {
    position:absolute;
    left:0; right:0; top:0;
    height:@table-header-height;
    background:@table-bg;
    border:1px solid @table-border-color;
    border-bottom-width:2px;
  }
  .table-container {
    background-color:@table-bg;
    overflow-y:auto;
    overflow-x:hidden;
    max-height:@infinite-scroll-size;
    border: 1px solid @table-border-color;
    border-top-width:0;
    table {
      border-spacing:0;
      margin-bottom:0;
    }
    td {
      border:1px solid @table-border-color;
      vertical-align:middle;
      &:first-child {
        border-left:none;
      }
      &:last-child {
        border-left:none;
      }
    }
    th {
      height: 0;
      line-height: 0;
      padding: 0 25px;
      color: transparent;
      border: none;
      white-space: nowrap;
      span {
        max-height:0;
        height:0;
        line-height:0;
        margin:0;
        padding:0;
      }
      div{
        position: absolute;
        background: transparent;
        padding:@table-cell-padding;
        color: @text-color;
        top: 0;
        margin-left: -25px;
        line-height: @line-height-base;
        vertical-align: bottom;
        border-left:1px solid @table-border-color;
      }
      &:first-child div{
        border: none;
      }
    }
    tbody tr {
      &:first-child {
        td {
          border-top:none;
        }
      }
      &:last-child {
        td {
          border-bottom:none;
        }
      }
    }
  }
}
colgroup {
  > col.action-column {
    width:70px;
  }
}

// OC Responsive Tables
// commandeered from http://codepen.io/pixelchar/pen/rfuqK
.oc-table-responsive {
  &.table-bordered {
    border:none;
    & > tbody > tr{
      & > th {
        border:none;
      }
      & > td {
        border-width:1px 0 0 0;
      }
    }
  }
  thead {
    // Accessibly hide <thead> on narrow viewports
    position: absolute;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
  }

  // Set these items to display: block for narrow viewports
  tbody,
  tr,
  th,
  td {
    display: block;
    white-space: normal;
  }

  tr {
    &:extend(.panel); //Mobile table row looks like a bootstrap panel
    border-color: @panel-default-border;
    overflow:hidden;
  }

  tbody {
    & > tr > th {
      border-top: none;
      background-color: @panel-default-heading-bg;
    }
    td {
      text-align:right;
      &[data-title] {
        .clearfix(); //Clearfix solution for empty table cells on mobile
        &:before {
          content: attr(data-title);
          float: left;
          color: @gray-light;
        }
      }
    }
  }

  @media(min-width:@screen-sm-min) {
    &.table-bordered {
      border:1px solid @table-border-color;
      & > tbody > tr{
        & > th {
          border:1px solid @table-border-color;
        }
        & > td {
          border-width:1px;
        }
      }
    }
    thead {
      position: relative;
      clip: auto;
      height: auto;
      width: auto;
      overflow: auto;
    }
    tr {
      display: table-row;
      margin-bottom: 0;
      border: none;
    }
    th,
    td {
      // Undo display: block
      display: table-cell;
    }
    tbody {
      display:table-row-group;
      tr {
        display:table-row;
      }
      & > tr > th {
        border-top: 1px solid @table-border-color;
        background-color: transparent;
      }
      td {
        text-align:initial;
        &[data-title]:before {
          content: none;
        }
      }
    }

  }
}

html {
  height:100vh;
  width:100vw;
  max-width:@app-container-size;
  margin:0 auto;
  overflow:hidden;
  background-color:@html-bg;
}

body {
  height:100%;
  width:100%;
  overflow:hidden;
  position:relative;
}

main {
  flex:1 1 auto;
  overflow:hidden;
  position:relative;
  > [id^="COMPONENT_"] { //Make the component container element fill the entire <main> for background styles
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    overflow-y:auto;
    overflow-x:hidden;
    padding-bottom:25px;
  }
}

[ui-sref],
[ng-click]{
  cursor: pointer;
}

.container {
  max-width:100%;
}

.pagination {
  margin:0;
}

//TABLES WITH FIXED HEADERS
.table-fixed-header {
  position:relative;
  padding-top:@table-header-height;
  margin-bottom:@line-height-computed;
  overflow:hidden;
  .table-header-bg {
    position:absolute;
    left:0; right:0; top:0;
    height:@table-header-height;
    background:@table-bg;
    border:1px solid @table-border-color;
    border-bottom-width:2px;
  }
  .table-container {
    background-color:@table-bg;
    overflow-y:auto;
    overflow-x:hidden;
    max-height:@infinite-scroll-size;
    border: 1px solid @table-border-color;
    border-top-width:0;
    table {
      border-spacing:0;
      margin-bottom:0;
    }
    td {
      border:1px solid @table-border-color;
      vertical-align:middle;
      &:first-child {
        border-left:none;
      }
      &:last-child {
        border-left:none;
      }
    }
    th {
      height: 0;
      line-height: 0;
      padding: 0 25px;
      color: transparent;
      border: none;
      white-space: nowrap;
      span {
        max-height:0;
        height:0;
        line-height:0;
        margin:0;
        padding:0;
      }
      div{
        position: absolute;
        background: transparent;
        padding:@table-cell-padding;
        color: @text-color;
        top: 0;
        margin-left: -25px;
        line-height: @line-height-base;
        vertical-align: bottom;
        border-left:1px solid @table-border-color;
      }
      &:first-child div{
        border: none;
      }
    }
    tbody tr {
      &:first-child {
        td {
          border-top:none;
        }
      }
      &:last-child {
        td {
          border-bottom:none;
        }
      }
    }
  }
}
colgroup {
  > col.action-column {
    width:70px;
  }
}

// OC Responsive Tables
// commandeered from http://codepen.io/pixelchar/pen/rfuqK
.oc-table-responsive {
  &.table-bordered {
    border:none;
    & > tbody > tr{
      & > th {
        border:none;
      }
      & > td {
        border-width:1px 0 0 0;
      }
    }
  }
  thead {
    // Accessibly hide <thead> on narrow viewports
    position: absolute;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
  }

  // Set these items to display: block for narrow viewports
  tbody,
  tr,
  th,
  td {
    display: block;
    white-space: normal;
  }

  tr {
    &:extend(.panel); //Mobile table row looks like a bootstrap panel
    border-color: @panel-default-border;
    overflow:hidden;
  }

  tbody {
    & > tr > th {
      border-top: none;
      background-color: @panel-default-heading-bg;
    }
    td {
      text-align:right;
      &[data-title]:before {
        content: attr(data-title);
        float: left;
        color: @gray-light;
      }
    }
  }

  @media(min-width:@screen-sm-min) {
    &.table-bordered {
      border:1px solid @table-border-color;
      & > tbody > tr{
        & > th {
          border:1px solid @table-border-color;
        }
        & > td {
          border-width:1px;
        }
      }
    }
    thead {
      position: relative;
      clip: auto;
      height: auto;
      width: auto;
      overflow: auto;
    }
    tr {
      display: table-row;
      margin-bottom: 0;
      border: none;
    }
    th,
    td {
      // Undo display: block
      display: table-cell;
    }
    tbody {
      display:table-row-group;
      tr {
        display:table-row;
      }
      & > tr > th {
        border-top: 1px solid @table-border-color;
        background-color: transparent;
      }
      td {
        text-align:initial;
        &[data-title]:before {
          content: none;
        }
      }
    }

  }
}


Gravity form hacking

Gravity form hacking

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


separate style for apis count without right margin

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


margin style

margin style

@import "bootstrap";
@import "../components/font-awesome/less/font-awesome.less";
@import "variables";
@import "mixins";
@import "navbar";

body { padding-top: 60px; padding-bottom: 60px; }

.btn-group-justified > .btn:not(:first-child) {
	border-left: 0;
}

.page-header { border-bottom: 0; }

img[style="float: left;"] { margin-right: 18px; }
img[style="float: right;"] { margin-left: 18px; }


Change character img bg

Change character img bg

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/GregDesplaces/classe-1914.git/'


Reduce margins around progress div

Reduce margins around progress div

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


Fixes U4-3280 Logout button isn't actually clickable - except at it's bottom part

fatal: unable to access 'https://github.com/Khamull/Umbraco-CMS.git/': The requested URL returned error: 403


Return common font-size for list-block

Return common font-size for list-block

/* === Lists === */
@listBlockBorderColor: #c8c7cc;
@listBlockBg: #fff;
@dividerBg: #F7F7F7;
@dividerColor: #8e8e93;
.list-block {
    margin: 35px 0;
    font-size: 17px;
    ul {
        background: @listBlockBg;
        list-style: none;
        padding: 0;
        margin: 0;
        border-top: 1px solid @listBlockBorderColor;
        border-bottom: 1px solid @listBlockBorderColor;
        position: relative;
        ul {
            border-top: none;
            border-bottom: none;
            padding-left: 45px;
            li:last-child .item-inner {
                border-bottom: 1px solid @listBlockBorderColor;
            }
        }
    }
    .align-top, .align-top .item-content, .align-top .item-inner {
        .align-items(flex-start);
    }

    .inset() {
        margin-left: 15px;
        margin-right: 15px;
        border-radius: 7px;
        .content-block-title {
            margin-left: 0;
            margin-right: 0;
        }
        ul {
            border-radius: 7px;
            border-top: none;
            border-bottom: none;
        }
        li:first-child > a{
            border-radius: 7px 7px 0 0;
        }
        li:last-child > a{
            border-radius: 0 0 7px 7px;
        }
        li:first-child:last-child > a {
            border-radius: 7px;
        }
    }
    &.inset {
        .inset()
    }
    &.tablet-inset {
        @media all and (min-width:768px) {
            .inset();
        }
    }

    // List items
    li {
        .border-box();
        position: relative;
    }
    li:last-child .item-inner {
        border-bottom: 1px solid transparent;
    }

    .item-media {
        .flexbox();
        .flex-shrink(0);
        .flex-wrap(nowrap);
        .border-box();
        .align-items(center);
        padding-top: 7px;
        padding-bottom: 8px;
        i + i {
            margin-left: 5px;
        }
        i + img {
            margin-left: 5px;
        }
    }
    .item-media + .item-inner {
        margin-left: 15px;
    }
    .item-inner {
        padding-right: 15px;
        border-bottom: 1px solid @listBlockBorderColor;
        width: 100%;
        padding-top: 8px;
        padding-bottom: 7px;
        min-height: 44px;
        .border-box();
        .flexbox();
        -webkit-box-flex:1;
        -ms-flex:1;
        .justify-content(space-between);
        .align-items(center);
    }
    .item-title {
        .flex-shrink(1);
        white-space: nowrap;
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        &.label {
            width: 35%;
            .flex-shrink(0);
        }
    }
    .item-input {
        width: 100%;
        margin-top: -8px;
        margin-bottom: -7px;
        -webkit-box-flex:1;
        -ms-flex:1;
        .flex-shrink(1);
    }
    .item-after {
        white-space: nowrap;
        color: #8e8e93;
        .flex-shrink(0);
        margin-left: 5px;
        .flexbox();
        max-height: 28px;

    }
    .smart-select .item-after {
        max-width: 70%;
        overflow: hidden;
        text-overflow:ellipsis;
        position: relative;
    }
    .item-link {
        .transition(300ms);
        display: block;
        color: inherit;

        .item-inner {
            padding-right: 35px;
            background: no-repeat -webkit-calc(~"100% - 15px") center;
            background: no-repeat -moz-calc(~"100% - 15px") center;
            background: no-repeat calc(~"100% - 15px") center;
            background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 60 120' xmlns='http://www.w3.org/2000/svg'><path d='m60 61.5-38.25 38.25-9.75-9.75 29.25-28.5-29.25-28.5 9.75-9.75z' fill='%23c7c7cc'/></svg>");
            background-size: 10px 20px;
        }
        &:active {
            .transition(0ms);
            background-color: #d9d9d9;
            .item-inner {
                border-bottom: 1px solid transparent;
            }
        }
        &.list-button {
            padding: 0 15px;
            text-align: center;
            color: @blue;
            display: block;
            border-bottom: 1px solid @listBlockBorderColor;
            line-height: 43px;
            &.button-red {
                color: @red;
            }
        }
    }
    li:last-child {
        .list-button {
            border-bottom: none;
        }
    }
    .item-content {
        .border-box();
        padding-left: 15px;
        min-height: 44px;
        .flexbox();
        .justify-content(space-between);
        .align-items(center);
    }
    // Label after List block
    .list-block-label {
        margin: 10px 0 35px;
        padding: 0 15px;
        font-size: 14px;
        color: #8f8f94;
    }

    // Swipe outs
    .swipeout.deleting {
        overflow: hidden;
        .transition(300ms);
        .swipeout-content {
            .translate3d(-100%);
        }
    }
    .swipeout.transitioning {
        .swipeout-content {
            .transition(300ms);
        }
    }
    .swipeout-content {
        position: relative;
        z-index: 10;
        background: #fff;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .swipeout-actions {
        border-bottom: 1px solid @listBlockBorderColor;
        position: absolute;
        z-index: 0;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        .border-box();
    }
    li:last-child .swipeout-actions {
        border-bottom: none;
    }
    .swipeout-actions-inner {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        .flexbox();
        a {
            padding: 0 30px;
            color:#fff;
            background: #c7c7cc;
            .flexbox();
            .align-items(center);
        }
        a.swipeout-delete {
            background: @red;
        }
    }
    .item-subtitle {
        font-size: 15px;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        max-width: 100%;
        text-overflow:ellipsis;
    }
    .item-text {
        font-size: 15px;
        color: #8e8e93;
        line-height: 21px;
        position: relative;
        overflow: hidden;
        height: 42px;
        text-overflow:ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }
    &.media-list, li.media-item {
        .item-title {
            font-weight: 500;
        }
        .item-inner {
            display: block;
            padding-top: 10px;
            padding-bottom: 9px;
            .align-self(stretch);
        }
        .item-link .item-inner {
            background: none;
            padding-right: 15px;
        }
        .item-link .item-title-row {
            padding-right: 20px;
            background: no-repeat right center;
            background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 60 120' xmlns='http://www.w3.org/2000/svg'><path d='m60 61.5-38.25 38.25-9.75-9.75 29.25-28.5-29.25-28.5 9.75-9.75z' fill='%23c7c7cc'/></svg>");
            background-size: 10px 20px;
        }
        .item-media {
            padding-top: 9px;
            padding-bottom: 10px;
            img {
                display: block;
            }
        }
        .item-title-row {
            .flexbox();
            .justify-content(space-between);
        }
    }
    .list-group:nth-child(n+2) {
        ul {
            border-top: none;
        }
    }
    .item-divider, .list-group-title {
        background: @dividerBg;
        border-top: 1px solid @listBlockBorderColor;
        margin-top: -1px;
        padding: 4px 15px;
        white-space: nowrap;
        position: relative;
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        color: @dividerColor;
    }
    .list-group-title {
        position: relative;
        position: -webkit-sticky;
        position: -moz-sticky;
        position: sticky;
        top: 0px;
        z-index: 10;
        margin-top: 0;
        border-top: none;
    }

    // Sortable
    .sortable-handler {
        position: absolute;
        right: 0;
        top: 0;
        height: ~"-webkit-calc(100% - 1px)";
        height: ~"-moz-calc(100% - 1px)";
        height: ~"-ms-calc(100% - 1px)";
        height: ~"calc(100% - 1px)";
        z-index: 10;
        background-repeat: no-repeat;
        background-size: 18px 12px;
        background-position: center;
        width: 35px;
        background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12' fill='%23c7c7cc'><path d='M0,2V0h22v2H0z'/><path d='M0,7V5h22v2H0z'/><path d='M0,12v-2h22v2H0z'/></svg>");
        opacity: 0;
        visibility: hidden;
        cursor: pointer;
        .transition(300ms);
    }
    &.sortable {
        .item-inner {
            .transition(300ms);
        }
    }
    &.sortable-opened {
        .sortable-handler {
            visibility: visible;
            opacity: 1;
        }
        .item-inner, .item-link .item-inner {
            padding-right: 35px;
        }
        .item-link .item-inner, .item-link .item-title-row {
            background-image: none;
        }
    }
    &.sortable-sorting {
        li {
            .transition(300ms);
        }
    }
    li.sorting {
        z-index: 50;
        background: rgba(255,255,255,0.8);
        box-shadow: 0px 2px 8px rgba(0,0,0,0.6);
        .transition(0ms);
        .item-inner {
            border-bottom: none;
        }
    }
}

/* === Lists === */
@listBlockBorderColor: #c8c7cc;
@listBlockBg: #fff;
@dividerBg: #F7F7F7;
@dividerColor: #8e8e93;
.list-block {
    margin: 35px 0;
    ul {
        background: @listBlockBg;
        list-style: none;
        padding: 0;
        margin: 0;
        border-top: 1px solid @listBlockBorderColor;
        border-bottom: 1px solid @listBlockBorderColor;
        position: relative;
        ul {
            border-top: none;
            border-bottom: none;
            padding-left: 45px;
            li:last-child .item-inner {
                border-bottom: 1px solid @listBlockBorderColor;
            }
        }
    }
    .align-top, .align-top .item-content, .align-top .item-inner {
        .align-items(flex-start);
    }

    .inset() {
        margin-left: 15px;
        margin-right: 15px;
        border-radius: 7px;
        .content-block-title {
            margin-left: 0;
            margin-right: 0;
        }
        ul {
            border-radius: 7px;
            border-top: none;
            border-bottom: none;
        }
        li:first-child > a{
            border-radius: 7px 7px 0 0;
        }
        li:last-child > a{
            border-radius: 0 0 7px 7px;
        }
        li:first-child:last-child > a {
            border-radius: 7px;
        }
    }
    &.inset {
        .inset()
    }
    &.tablet-inset {
        @media all and (min-width:768px) {
            .inset();
        }
    }

    // List items
    li {
        .border-box();
        position: relative;
    }
    li:last-child .item-inner {
        border-bottom: 1px solid transparent;
    }

    .item-media {
        .flexbox();
        .flex-shrink(0);
        .flex-wrap(nowrap);
        .border-box();
        .align-items(center);
        padding-top: 7px;
        padding-bottom: 8px;
        i + i {
            margin-left: 5px;
        }
        i + img {
            margin-left: 5px;
        }
    }
    .item-media + .item-inner {
        margin-left: 15px;
    }
    .item-inner {
        padding-right: 15px;
        border-bottom: 1px solid @listBlockBorderColor;
        width: 100%;
        padding-top: 8px;
        padding-bottom: 7px;
        min-height: 44px;

        .border-box();
        .flexbox();
        -webkit-box-flex:1;
        -ms-flex:1;
        .justify-content(space-between);
        .align-items(center);
    }
    .item-title {
        font-size: 17px;
        .flex-shrink(1);
        white-space: nowrap;
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        &.label {
            width: 35%;
            .flex-shrink(0);
        }
    }
    .item-input {
        width: 100%;
        margin-top: -8px;
        margin-bottom: -7px;
        -webkit-box-flex:1;
        -ms-flex:1;
        .flex-shrink(1);
    }
    .item-after {
        white-space: nowrap;
        color: #8e8e93;
        .flex-shrink(0);
        margin-left: 5px;
        .flexbox();
        max-height: 28px;
        font-size: 17px;
    }
    .smart-select .item-after {
        max-width: 70%;
        overflow: hidden;
        text-overflow:ellipsis;
        position: relative;
    }
    .item-link {
        .transition(300ms);
        display: block;
        color: inherit;
        .item-inner {
            padding-right: 35px;
            background: no-repeat -webkit-calc(~"100% - 15px") center;
            background: no-repeat -moz-calc(~"100% - 15px") center;
            background: no-repeat calc(~"100% - 15px") center;
            background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 60 120' xmlns='http://www.w3.org/2000/svg'><path d='m60 61.5-38.25 38.25-9.75-9.75 29.25-28.5-29.25-28.5 9.75-9.75z' fill='%23c7c7cc'/></svg>");
            background-size: 10px 20px;
        }
        &:active {
            .transition(0ms);
            background-color: #d9d9d9;
            .item-inner {
                border-bottom: 1px solid transparent;
            }
        }
        &.list-button {
            padding: 0 15px;
            text-align: center;
            color: @blue;
            display: block;
            border-bottom: 1px solid @listBlockBorderColor;
            line-height: 43px;
            &.button-red {
                color: @red;
            }
        }
    }
    li:last-child {
        .list-button {
            border-bottom: none;
        }
    }
    .item-content {
        .border-box();
        padding-left: 15px;
        min-height: 44px;
        .flexbox();
        .justify-content(space-between);
        .align-items(center);
    }
    // Label after List block
    .list-block-label {
        margin: 10px 0 35px;
        padding: 0 15px;
        font-size: 14px;
        color: #8f8f94;
    }

    // Swipe outs
    .swipeout.deleting {
        overflow: hidden;
        .transition(300ms);
        .swipeout-content {
            .translate3d(-100%);
        }
    }
    .swipeout.transitioning {
        .swipeout-content {
            .transition(300ms);
        }
    }
    .swipeout-content {
        position: relative;
        z-index: 10;
        background: #fff;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .swipeout-actions {
        font-size: 17px;
        border-bottom: 1px solid @listBlockBorderColor;
        position: absolute;
        z-index: 0;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        .border-box();
    }
    li:last-child .swipeout-actions {
        border-bottom: none;
    }
    .swipeout-actions-inner {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        .flexbox();
        a {
            padding: 0 30px;
            color:#fff;
            background: #c7c7cc;
            .flexbox();
            .align-items(center);
        }
        a.swipeout-delete {
            background: @red;
        }
    }
    .item-subtitle {
        font-size: 15px;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        max-width: 100%;
        text-overflow:ellipsis;
    }
    .item-text {
        font-size: 15px;
        color: #8e8e93;
        line-height: 21px;
        position: relative;
        overflow: hidden;
        height: 42px;
        text-overflow:ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }
    &.media-list, li.media-item {
        .item-title {
            font-weight: 500;
        }
        .item-inner {
            display: block;
            padding-top: 10px;
            padding-bottom: 9px;
            .align-self(stretch);
        }
        .item-link .item-inner {
            background: none;
            padding-right: 15px;
        }
        .item-link .item-title-row {
            padding-right: 20px;
            background: no-repeat right center;
            background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 60 120' xmlns='http://www.w3.org/2000/svg'><path d='m60 61.5-38.25 38.25-9.75-9.75 29.25-28.5-29.25-28.5 9.75-9.75z' fill='%23c7c7cc'/></svg>");
            background-size: 10px 20px;
        }
        .item-media {
            padding-top: 9px;
            padding-bottom: 10px;
            img {
                display: block;
            }
        }
        .item-title-row {
            .flexbox();
            .justify-content(space-between);
        }
    }
    .list-group:nth-child(n+2) {
        ul {
            border-top: none;
        }
    }
    .item-divider, .list-group-title {
        font-size: 17px;
        background: @dividerBg;
        border-top: 1px solid @listBlockBorderColor;
        margin-top: -1px;
        padding: 4px 15px;
        white-space: nowrap;
        position: relative;
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        color: @dividerColor;
    }
    .list-group-title {
        position: relative;
        position: -webkit-sticky;
        position: -moz-sticky;
        position: sticky;
        top: 0px;
        z-index: 10;
        margin-top: 0;
        border-top: none;
    }

    // Sortable
    .sortable-handler {
        position: absolute;
        right: 0;
        top: 0;
        height: ~"-webkit-calc(100% - 1px)";
        height: ~"-moz-calc(100% - 1px)";
        height: ~"-ms-calc(100% - 1px)";
        height: ~"calc(100% - 1px)";
        z-index: 10;
        background-repeat: no-repeat;
        background-size: 18px 12px;
        background-position: center;
        width: 35px;
        background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12' fill='%23c7c7cc'><path d='M0,2V0h22v2H0z'/><path d='M0,7V5h22v2H0z'/><path d='M0,12v-2h22v2H0z'/></svg>");
        opacity: 0;
        visibility: hidden;
        cursor: pointer;
        .transition(300ms);
    }
    &.sortable {
        .item-inner {
            .transition(300ms);
        }
    }
    &.sortable-opened {
        .sortable-handler {
            visibility: visible;
            opacity: 1;
        }
        .item-inner, .item-link .item-inner {
            padding-right: 35px;
        }
        .item-link .item-inner, .item-link .item-title-row {
            background-image: none;
        }
    }
    &.sortable-sorting {
        li {
            .transition(300ms);
        }
    }
    li.sorting {
        z-index: 50;
        background: rgba(255,255,255,0.8);
        box-shadow: 0px 2px 8px rgba(0,0,0,0.6);
        .transition(0ms);
        .item-inner {
            border-bottom: none;
        }
    }
}


Move out theme loader from theme.config, use separate include

fatal: unable to access 'https://github.com/dieface/Semantic-UI.git/': The requested URL returned error: 403


Fixed login overlay issue

Fixed login overlay issue

fatal: unable to access 'https://github.com/ulrichson/lehner-photography.git/': The requested URL returned error: 403


Add LESS support

Add LESS support

/*
FontDiao v0.0.5
By Lex Tang <via http://lexrus.github.com/fontdiao>
Font Custom - icon webfonts made simple
*/

@font-face {
  font-family: "fontdiao";
  src: url("../font/fontdiao.eot?#iefix") format("embedded-opentype"),
       url("../font/fontdiao.woff") format("woff"),
       url("../font/fontdiao.ttf") format("truetype"),
       url("../font/fontdiao.svg#fontdiao") format("svg");
  font-weight: normal;
  font-style: normal;
}

// Font Awesome overrides
[class^="icon-"],
[class*=" icon-"] {
  font-family: "fontdiao", "FontAwesome" !important;
}

// Icon Classes
.icon-360buy:before             { content: "\f200"; }
.icon-360yunpan:before          { content: "\f201"; }
.icon-51buy:before              { content: "\f202"; }
.icon-58:before                 { content: "\f203"; }
.icon-alibaba:before            { content: "\f204"; }
.icon-alipay:before             { content: "\f205"; }
.icon-baidu:before              { content: "\f206"; }
.icon-baiduyun:before           { content: "\f207"; }
.icon-buluo:before              { content: "\f208"; }
.icon-cctv:before               { content: "\f209"; }
.icon-ctrip:before              { content: "\f20a"; }
.icon-dangdang:before           { content: "\f20b"; }
.icon-dazhong:before            { content: "\f20c"; }
.icon-dianxin:before            { content: "\f20d"; }
.icon-dongfangweishi:before     { content: "\f20e"; }
.icon-douban:before             { content: "\f20f"; }
.icon-fanfou:before             { content: "\f210"; }
.icon-fangzheng:before          { content: "\f211"; }
.icon-feixin:before             { content: "\f212"; }
.icon-fenghuangweishi:before    { content: "\f213"; }
.icon-ganji:before              { content: "\f214"; }
.icon-jianguoyun:before         { content: "\f215"; }
.icon-kanbox:before             { content: "\f216"; }
.icon-kds:before                { content: "\f217"; }
.icon-kuangpai:before           { content: "\f218"; }
.icon-kx001:before              { content: "\f219"; }
.icon-letv:before               { content: "\f21a"; }
.icon-lianmeng:before           { content: "\f21b"; }
.icon-liantong:before           { content: "\f21c"; }
.icon-miliao:before             { content: "\f21d"; }
.icon-orca:before               { content: "\f21e"; }
.icon-pps:before                { content: "\f21f"; }
.icon-qicheren:before           { content: "\f220"; }
.icon-qq:before                 { content: "\f221"; }
.icon-qzone:before              { content: "\f222"; }
.icon-renren:before             { content: "\f223"; }
.icon-shanghaidianshitai:before { content: "\f224"; }
.icon-taobao:before             { content: "\f225"; }
.icon-tengxunshipin:before      { content: "\f226"; }
.icon-tengxunweibo:before       { content: "\f227"; }
.icon-tmall:before              { content: "\f228"; }
.icon-tudou:before              { content: "\f229"; }
.icon-v2ex:before               { content: "\f22a"; }
.icon-wangyi:before             { content: "\f22b"; }
.icon-weibo:before              { content: "\f22c"; }
.icon-weifeng:before            { content: "\f22d"; }
.icon-xunlei:before             { content: "\f22e"; }
.icon-yamaxun:before            { content: "\f22f"; }
.icon-yihaodian:before          { content: "\f230"; }
.icon-yinlian:before            { content: "\f231"; }
.icon-youdao:before             { content: "\f232"; }
.icon-youku:before              { content: "\f233"; }
.icon-youzhen:before            { content: "\f234"; }
.icon-yunio:before              { content: "\f235"; }
.icon-zhenai:before             { content: "\f236"; }

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


fix Form style bug

fix Form style bug

@import "../../style/themes/default";
@import "../../style/mixins/index";
@import "../../input/style/mixin";
@import "../../button/style/mixin";
@import "../../layout/style/mixin";
@import "./mixin";

@form-prefix-cls: ant-form;

.reset-form();

label {
  position: relative;

  > .@{iconfont-css-prefix} {
    vertical-align: top;
    font-size: @font-size-base;
  }
}

.@{form-prefix-cls}-item-required:before {
  display: inline-block;
  margin-right: 4px;
  content: "*";
  font-family: SimSun;
  font-size: @font-size-base;
  color: @label-required-color;
}

//== Style for input-group: input with label, with button or dropdown...
.ant-input-group {
  .input-group(~"ant-input");
}

// Radio && Checkbox
input[type="radio"],
input[type="checkbox"] {
  &[disabled],
  &.disabled,
  fieldset[disabled] & {
    cursor: @cursor-disabled;
  }
}
// These classes are used directly on <label>s
.ant-radio-inline,
.ant-radio-vertical,
.ant-checkbox-inline,
.ant-checkbox-vertical {
  &.disabled,
  fieldset[disabled] & {
    cursor: @cursor-disabled;
  }
}
// These classes are used on elements with <label> descendants
.ant-radio,
.ant-checkbox {
  &.disabled,
  fieldset[disabled] & {
    label {
      cursor: @cursor-disabled;
    }
  }
}

// Form items
// You should wrap labels and controls in .@{form-prefix-cls}-item for optimum spacing
.@{form-prefix-cls}-item {
  font-size: @font-size-base;
  margin-bottom: @form-item-margin-bottom;
  color: #666;

  &-control {
    line-height: 32px;
    position: relative;
  }

  &.@{form-prefix-cls}-item-with-help {
    margin-bottom: @form-item-margin-bottom - @font-size-base * @line-height-base - 3;
  }

  > label {
    color: @label-color;
    text-align: right;
    vertical-align: middle;
    padding-top: 7px;
    padding-bottom: 7px;

    &:lang(en) {
      padding-right: 8px;
    }
  }

  .ant-switch {
    margin: 4px 0;
  }
}

.@{form-prefix-cls}-explain {
  line-height: 1.5;
  margin-top: 3px;
}

.@{form-prefix-cls}-explain,
.@{form-prefix-cls}-extra {
  color: #999;
}

.@{form-prefix-cls}-text {
  display: inline-block;
  padding-right: 8px;
}

.@{form-prefix-cls}-split {
  display: block;
  text-align: center;
}

// 表单下的输入框尺寸唯一: 大尺寸
form {
  .has-feedback {
    .ant-input {
      padding-right: 24px;
    }
  }

  .ant-input,
  .ant-input-group .ant-input,
  .ant-input-group .ant-input-group-addon {
    .input-lg();
  }

  textarea.ant-input {
    height: auto;
  }

  // input[type=file]
  .ant-upload {
    background: transparent;
  }

  input[type="radio"],
  input[type="checkbox"] {
    width: 14px;
    height: 14px;
  }

  // Radios and checkboxes on same line
  .ant-radio-inline,
  .ant-checkbox-inline {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
    margin-left: 8px;

    &:first-child {
      margin-left: 0;
    }
  }

  .ant-checkbox-vertical,
  .ant-radio-vertical {
    display: block;
  }

  .ant-input-number {
    margin-top: -1px;
    margin-right: 8px;
  }

  .ant-select,
  .ant-cascader-picker {
    width: 100%;
  }
}

// Input combined with select
.ant-input-group-wrap {
  .ant-select-selection {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    &:hover {
      border-color: @border-color-base;
    }
  }

  .ant-select-selection--single {
    margin-left: -1px;
    height: @input-height-lg;
    background-color: #eee;
    .ant-select-selection__rendered {
      padding-left: 8px;
      padding-right: 25px;
      line-height: 30px;
    }
  }

  .ant-select-open .ant-select-selection {
    border-color: @border-color-base;
    box-shadow: none;
  }
}

.ant-search-input-wrapper {
  display: inline-block;
  vertical-align: middle;
}

.ant-search-input {
  &.ant-input-group .ant-input:first-child {
    border-radius: @border-radius-base;
    position: absolute;
    top: -1px;
  }
  .ant-search-btn {
    .btn-default;
    border-radius: 0 @border-radius-base - 1 @border-radius-base - 1 0;
    left: -1px;
    position: relative;
    border-width: 0 0 0 1px;
    z-index: 2;
    padding-left: 8px;
    padding-right: 8px;
    &:hover {
      border-color: @border-color-base;
    }
    form & {
      padding-top: 6px;
      padding-bottom: 6px;
    }
  }
  &&-focus .ant-search-btn-noempty,
  &:hover .ant-search-btn-noempty {
    .btn-primary;
  }
}

// Form layout
//== Horizontal Form
.@{form-prefix-cls}-horizontal {
  .@{form-prefix-cls}-item {
    .make-row;
  }

  .ant-radio-inline,
  .ant-checkbox-inline,
  .ant-input {
    vertical-align: baseline;
  }
}

//== Inline Form
.@{form-prefix-cls}-inline {
  .@{form-prefix-cls}-item {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0;

    &-with-help {
      margin-bottom: 24px;
    }

    > div {
      display: inline-block;
    }
  }

  .ant-input {
    display: inline-block;
    vertical-align: middle;
  }

  .@{form-prefix-cls}-text {
    display: inline-block;
  }

  .has-feedback {
    display: inline-block;
  }

  // Fix https://github.comdesigndesign/issues/1040
  .@{form-prefix-cls}-explain {
    position: absolute;
  }
}

.@{form-prefix-cls}-horizontal,
.@{form-prefix-cls}-inline {
  label {
    > input[type="radio"],
    > input[type="checkbox"] {
      margin-right: 4px;
    }
  }
}

// Validation state
.has-success,
.has-warning,
.has-error,
.is-validating {
  &.has-feedback:after {
    position: absolute;
    top: 0;
    right: 0;
    font-family: "anticon" !important;
    .square(@input-height-lg);
    line-height: @input-height-lg;
    text-align: center;
    font-size: 14px;
    animation: zoomIn .3s @ease-out-back;
  }
}

.has-success {
  &.has-feedback:after {
    animation-name: diffZoomIn1 !important;
  }
}

.has-error {
  &.has-feedback:after {
    animation-name: diffZoomIn2 !important;
  }
}

.has-warning {
  &.has-feedback:after {
    animation-name: diffZoomIn3 !important;
  }
}

.has-success {
  .form-control-validation(@success-color; @input-hover-border-color;);
  .ant-input {
    border-color: @input-border-color;
    box-shadow: none;
  }

  &.has-feedback:after {
    content: '\e62f';
    color: @success-color;
  }
}

.has-warning {
  .form-control-validation(@warning-color; @warning-color;);

  &.has-feedback:after {
    content: '\e634';
    color: @warning-color;
  }

  //select
  .ant-select {
    &-selection {
      border-color: @warning-color;
      box-shadow: 0 0 0 2px fade(@warning-color, 20%);
    }
    &-arrow {
      color: @warning-color;
    }
  }

  //datepicker
  .ant-calendar-picker-icon:after {
    color: @warning-color;
  }

  //timepicker
  .ant-time-picker-icon:after {
    color: @warning-color;
  }

  //input-number
  .ant-input-number {
    border-color: @warning-color;
    box-shadow: 0 0 0 2px fade(@warning-color, 20%);
    &:not([disabled]):hover {
      border-color: @warning-color;
    }
  }
}

.has-error {
  .form-control-validation(@error-color; @error-color;);

  &.has-feedback:after {
    content: '\e631';
    color: @error-color;
  }

  //select
  .ant-select {
    &-selection {
      border-color: @error-color;
      box-shadow: 0 0 0 2px fade(@error-color, 20%);
    }

    &-arrow {
      color: @error-color;
    }
  }

  //datepicker
  .ant-calendar-picker-icon:after {
    color: @error-color;
  }

  //timepicker
  .ant-time-picker-picker-icon:after {
    color: @error-color;
  }

  //input-number
  .ant-input-number {
    border-color: @error-color;
    box-shadow: 0 0 0 2px fade(@error-color, 20%);
    &:not([disabled]):hover {
      border-color: @error-color;
    }
  }
}

.is-validating {
  &.has-feedback:after {
    display: inline-block;
    animation: loadingCircle 1s infinite linear;
    content: "\e6a1";
    color: #999;
  }
}

.advanced-search-form {
  .@{form-prefix-cls}-item {
    margin-bottom: 16px;
  }
  .ant-input,
  .ant-input-group .ant-input,
  .ant-input-group .ant-input-group-addon {
    height: 28px;
  }
}

// need there different zoom animation
// otherwise won't trigger anim
@keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@import "../../style/themes/default";
@import "../../style/mixins/index";
@import "../../input/style/mixin";
@import "../../button/style/mixin";
@import "../../layout/style/mixin";
@import "./mixin";

@form-prefix-cls: ant-form;

.reset-form();

label {
  position: relative;

  > .@{iconfont-css-prefix} {
    vertical-align: top;
    font-size: @font-size-base;
  }
}

.@{form-prefix-cls}-item-required:before {
  display: inline-block;
  margin-right: 4px;
  content: "*";
  font-family: SimSun;
  font-size: @font-size-base;
  color: @label-required-color;
}

//== Style for input-group: input with label, with button or dropdown...
.ant-input-group {
  .input-group(~"ant-input");
}

// Radio && Checkbox
input[type="radio"],
input[type="checkbox"] {
  &[disabled],
  &.disabled,
  fieldset[disabled] & {
    cursor: @cursor-disabled;
  }
}
// These classes are used directly on <label>s
.ant-radio-inline,
.ant-radio-vertical,
.ant-checkbox-inline,
.ant-checkbox-vertical {
  &.disabled,
  fieldset[disabled] & {
    cursor: @cursor-disabled;
  }
}
// These classes are used on elements with <label> descendants
.ant-radio,
.ant-checkbox {
  &.disabled,
  fieldset[disabled] & {
    label {
      cursor: @cursor-disabled;
    }
  }
}

// Form items
// You should wrap labels and controls in .@{form-prefix-cls}-item for optimum spacing
.@{form-prefix-cls}-item {
  font-size: @font-size-base;
  margin-bottom: @form-item-margin-bottom;
  color: #666;

  &-control {
    line-height: 32px;
  }

  &.@{form-prefix-cls}-item-with-help {
    margin-bottom: @form-item-margin-bottom - @font-size-base * @line-height-base - 3;
  }

  > label {
    color: @label-color;
    text-align: right;
    vertical-align: middle;
    padding-top: 7px;
    padding-bottom: 7px;

    &:lang(en) {
      padding-right: 8px;
    }
  }

  .ant-switch {
    margin: 4px 0;
  }
}

.@{form-prefix-cls}-explain {
  line-height: 1.5;
  margin-top: 3px;
}

.@{form-prefix-cls}-explain,
.@{form-prefix-cls}-extra {
  color: #999;
}

.@{form-prefix-cls}-text {
  display: inline-block;
  padding-right: 8px;
}

.@{form-prefix-cls}-split {
  display: block;
  text-align: center;
}

// 表单下的输入框尺寸唯一: 大尺寸
form {
  .has-feedback {
    .ant-input {
      padding-right: 24px;
    }
  }

  .ant-input,
  .ant-input-group .ant-input,
  .ant-input-group .ant-input-group-addon {
    .input-lg();
  }

  textarea.ant-input {
    height: auto;
  }

  // input[type=file]
  .ant-upload {
    background: transparent;
  }

  input[type="radio"],
  input[type="checkbox"] {
    width: 14px;
    height: 14px;
  }

  // Radios and checkboxes on same line
  .ant-radio-inline,
  .ant-checkbox-inline {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
    margin-left: 8px;

    &:first-child {
      margin-left: 0;
    }
  }

  .ant-checkbox-vertical,
  .ant-radio-vertical {
    display: block;
  }

  .ant-input-number {
    margin-top: -1px;
    margin-right: 8px;
  }

  .ant-select,
  .ant-cascader-picker {
    width: 100%;
  }
}

// Input combined with select
.ant-input-group-wrap {
  .ant-select-selection {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    &:hover {
      border-color: @border-color-base;
    }
  }

  .ant-select-selection--single {
    margin-left: -1px;
    height: @input-height-lg;
    background-color: #eee;
    .ant-select-selection__rendered {
      padding-left: 8px;
      padding-right: 25px;
      line-height: 30px;
    }
  }

  .ant-select-open .ant-select-selection {
    border-color: @border-color-base;
    box-shadow: none;
  }
}

.ant-search-input-wrapper {
  display: inline-block;
  vertical-align: middle;
}

.ant-search-input {
  &.ant-input-group .ant-input:first-child {
    border-radius: @border-radius-base;
    position: absolute;
    top: -1px;
  }
  .ant-search-btn {
    .btn-default;
    border-radius: 0 @border-radius-base - 1 @border-radius-base - 1 0;
    left: -1px;
    position: relative;
    border-width: 0 0 0 1px;
    z-index: 2;
    padding-left: 8px;
    padding-right: 8px;
    &:hover {
      border-color: @border-color-base;
    }
    form & {
      padding-top: 6px;
      padding-bottom: 6px;
    }
  }
  &&-focus .ant-search-btn-noempty,
  &:hover .ant-search-btn-noempty {
    .btn-primary;
  }
}

// Form layout
//== Horizontal Form
.@{form-prefix-cls}-horizontal {
  .@{form-prefix-cls}-item {
    .make-row;
  }

  .ant-radio-inline,
  .ant-checkbox-inline,
  .ant-input {
    vertical-align: baseline;
  }
}

//== Inline Form
.@{form-prefix-cls}-inline {
  .@{form-prefix-cls}-item {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0;

    &-with-help {
      margin-bottom: 24px;
    }

    > div {
      display: inline-block;
    }
  }

  .ant-input {
    display: inline-block;
    vertical-align: middle;
  }

  .@{form-prefix-cls}-text {
    display: inline-block;
  }

  .has-feedback {
    display: inline-block;
  }

  // Fix https://github.comdesigndesign/issues/1040
  .@{form-prefix-cls}-explain {
    position: absolute;
  }
}

.@{form-prefix-cls}-horizontal,
.@{form-prefix-cls}-inline {
  label {
    > input[type="radio"],
    > input[type="checkbox"] {
      margin-right: 4px;
    }
  }
}

// Validation state
.has-success,
.has-warning,
.has-error,
.is-validating {
  &.has-feedback:after {
    position: absolute;
    top: 0;
    right: 0;
    font-family: "anticon" !important;
    .square(@input-height-lg);
    line-height: @input-height-lg;
    text-align: center;
    font-size: 14px;
    animation: zoomIn .3s @ease-out-back;
  }
}

.has-success {
  &.has-feedback:after {
    animation-name: diffZoomIn1 !important;
  }
}

.has-error {
  &.has-feedback:after {
    animation-name: diffZoomIn2 !important;
  }
}

.has-warning {
  &.has-feedback:after {
    animation-name: diffZoomIn3 !important;
  }
}

.has-success {
  .form-control-validation(@success-color; @input-hover-border-color;);
  .ant-input {
    border-color: @input-border-color;
    box-shadow: none;
  }

  &.has-feedback:after {
    content: '\e62f';
    color: @success-color;
  }
}

.has-warning {
  .form-control-validation(@warning-color; @warning-color;);

  &.has-feedback:after {
    content: '\e634';
    color: @warning-color;
  }

  //select
  .ant-select {
    &-selection {
      border-color: @warning-color;
      box-shadow: 0 0 0 2px fade(@warning-color, 20%);
    }
    &-arrow {
      color: @warning-color;
    }
  }

  //datepicker
  .ant-calendar-picker-icon:after {
    color: @warning-color;
  }

  //timepicker
  .ant-time-picker-icon:after {
    color: @warning-color;
  }

  //input-number
  .ant-input-number {
    border-color: @warning-color;
    box-shadow: 0 0 0 2px fade(@warning-color, 20%);
    &:not([disabled]):hover {
      border-color: @warning-color;
    }
  }
}

.has-error {
  .form-control-validation(@error-color; @error-color;);

  &.has-feedback:after {
    content: '\e631';
    color: @error-color;
  }

  //select
  .ant-select {
    &-selection {
      border-color: @error-color;
      box-shadow: 0 0 0 2px fade(@error-color, 20%);
    }

    &-arrow {
      color: @error-color;
    }
  }

  //datepicker
  .ant-calendar-picker-icon:after {
    color: @error-color;
  }

  //timepicker
  .ant-time-picker-picker-icon:after {
    color: @error-color;
  }

  //input-number
  .ant-input-number {
    border-color: @error-color;
    box-shadow: 0 0 0 2px fade(@error-color, 20%);
    &:not([disabled]):hover {
      border-color: @error-color;
    }
  }
}

.is-validating {
  &.has-feedback:after {
    display: inline-block;
    animation: loadingCircle 1s infinite linear;
    content: "\e6a1";
    color: #999;
  }
}

.advanced-search-form {
  .@{form-prefix-cls}-item {
    margin-bottom: 16px;
  }
  .ant-input,
  .ant-input-group .ant-input,
  .ant-input-group .ant-input-group-addon {
    height: 28px;
  }
}

// need there different zoom animation
// otherwise won't trigger anim
@keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}


Fix extra ... in firefox

Fix extra ... in firefox

@import "../../style/themes/default";
@import "../../style/mixins/index";

@menu-prefix-cls: ~"@{ant-prefix}-menu";

// default theme
.@{menu-prefix-cls} {
  outline: none;
  margin-bottom: 0;
  padding-left: 0; // Override default ul/ol
  list-style: none;
  z-index: @zindex-dropdown;
  box-shadow: @box-shadow-base;
  color: @text-color;
  background: @component-background;
  line-height: 46px;

  &-hidden {
    display: none;
  }

  &-item-group-list {
    margin: 0;
    padding: 0;
  }

  &-item-group-title {
    color: @text-color-secondary;
    font-size: @font-size-base;
    line-height: 1.5;
    padding: 8px 16px;
  }

  &-item,
  &-submenu,
  &-submenu-title {
    cursor: pointer;
    transition: all .3s;
  }

  &-item:active,
  &-submenu-title:active {
    background: @item-active-bg;
  }

  &-submenu &-sub {
    cursor: initial;
  }

  &-item > a {
    display: block;
    color: @text-color;
    &:hover {
      color: @primary-color;
    }
    &:focus {
      text-decoration: none;
    }
    &:before {
      position: absolute;
      background-color: transparent;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      content: '';
    }
  }

  &-item-divider {
    height: 1px;
    overflow: hidden;
    background-color: @border-color-split;
    line-height: 0;
  }

  &-item:hover,
  &-item-active,
  &:not(&-inline) &-submenu-open,
  &-submenu-active,
  &-submenu-title:hover {
    color: @primary-color;
  }

  &:not(&-inline) &-submenu-open {
    z-index: @zindex-dropdown;
  }

  &-horizontal &-item,
  &-horizontal &-submenu {
    margin-top: -1px;
  }

  &-horizontal > &-item:hover,
  &-horizontal > &-item-active,
  &-horizontal > &-submenu &-submenu-title:hover {
    background-color: transparent;
  }

  &-item-selected {
    color: @primary-color;
    > a,
    > a:hover {
      color: @primary-color;
    }
  }

  &:not(&-horizontal) &-item-selected {
    background-color: @item-active-bg;
  }

  &-horizontal,
  &-inline,
  &-vertical {
    z-index: auto;
  }

  &-inline,
  &-vertical {
    border-right: @border-width-base @border-style-base @border-color-split;
    .@{menu-prefix-cls}-item {
      margin-left: -1px;
      left: 1px;
      position: relative;
      z-index: 1;
      &:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        border-right: 3px solid @primary-color;
        transform: scaleY(.0001);
        transition: all .2s;
      }
    }
  }

  &-vertical&-sub {
    border-right: 0;
    .@{menu-prefix-cls}-item {
      border-right: 0;
      margin-left: 0;
      left: 0;
      &:after {
        border-right: 0;
      }
    }
    > .@{menu-prefix-cls}-item:first-child {
      border-radius: @border-radius-base @border-radius-base 0 0;
    }
    > .@{menu-prefix-cls}-item:last-child,
    > .@{menu-prefix-cls}-item-group:last-child > .@{menu-prefix-cls}-item-group-list:last-child > .@{menu-prefix-cls}-item:last-child {
      border-radius: 0 0 @border-radius-base @border-radius-base;
    }
    > .@{menu-prefix-cls}-item:only-child {
      border-radius: @border-radius-base;
    }
  }

  &-inline {
    width: 100%;
    transition: width .24s;
    .@{menu-prefix-cls}-selected,
    .@{menu-prefix-cls}-item-selected {
      &:after {
        transform: scaleY(1);
      }
    }
  }

  &-inline-collapsed {
    width: 64px;
    transition: all .3s;
    > .@{menu-prefix-cls}-item,
    > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
      text-align: center;
      left: 0;
      text-overflow: clip;
      &:after {
        display: none;
      }
      .@{iconfont-css-prefix} {
        font-size: 16px;
        line-height: 42px;
        margin: 0;
        + span {
          max-width: 0;
          visibility: hidden;
          display: inline-block;
          opacity: 0;
        }
      }
    }
    &-tooltip {
      pointer-events: none;
      .@{iconfont-css-prefix} {
        display: none;
      }
      a {
        color: @text-color-dark;
      }
    }
  }

  &-submenu-horizontal > & {
    top: 100%;
    left: 0;
    position: absolute;
    min-width: 100%;
    margin-top: 7px;
    z-index: @zindex-dropdown;
  }

  &-submenu-vertical {
    z-index: 1;
  }

  &-submenu-vertical > & {
    top: 0;
    left: 100%;
    position: absolute;
    min-width: 160px;
    margin-left: 4px;
    z-index: @zindex-dropdown;
  }

  &-item,
  &-submenu-title {
    margin: 0;
    padding: 0 20px;
    position: relative;
    display: block;
    white-space: nowrap;

    .@{iconfont-css-prefix} {
      min-width: 14px;
      margin-right: 8px;
      transition: all .3s;
      + span {
        transition: all .3s;
        opacity: 1;
      }
    }
  }

  & > &-item-divider {
    height: 1px;
    margin: 1px 0;
    overflow: hidden;
    padding: 0;
    line-height: 0;
    background-color: @border-color-split;
  }

  &-submenu {
    position: relative;

    > .@{menu-prefix-cls} {
      background-color: @component-background;
      border-radius: @border-radius-base;
    }

    &-vertical > .@{menu-prefix-cls}-submenu-title:after {
      font-family: "anticon" !important;
      font-style: normal;
      vertical-align: baseline;
      text-align: center;
      text-transform: none;
      text-rendering: auto;
      position: absolute;
      transition: transform .3s;
      content: "\e61d";
      right: 16px;
      .ie-rotate(3);
      transform: rotate(270deg) scale(0.75);
    }

    &-inline > .@{menu-prefix-cls}-submenu-title:after {
      font-family: "anticon" !important;
      font-style: normal;
      vertical-align: baseline;
      text-align: center;
      text-transform: none;
      text-rendering: auto;
      position: absolute;
      transition: transform .3s;
      content: "\e61d";
      right: 16px;
      top: 0;
      .iconfont-size-under-12px(8px);
    }

    &-open {
      &.@{menu-prefix-cls}-submenu-inline > .@{menu-prefix-cls}-submenu-title:after {
        .ie-rotate(1);
        transform: rotate(180deg) scale(0.75);
      }
    }
  }

  &-vertical &-submenu-selected {
    color: @primary-color;
    > a {
      color: @primary-color;
    }
  }

  &-horizontal {
    border: 0;
    border-bottom: @border-width-base @border-style-base @border-color-split;
    box-shadow: none;
    z-index: 0;

    > .@{menu-prefix-cls}-item,
    > .@{menu-prefix-cls}-submenu {
      position: relative;
      top: 1px;
      float: left;
      border-bottom: 2px solid transparent;

      &:hover,
      &-active,
      &-open,
      &-selected {
        border-bottom: 2px solid @primary-color;
        color: @primary-color;
      }

      > a {
        display: block;
        color: @text-color;
        &:hover {
          color: @primary-color;
        }
      }
    }

    &:after {
      content: "\20";
      display: block;
      height: 0;
      clear: both;
    }
  }

  &-vertical,
  &-inline {
    .@{menu-prefix-cls}-item,
    .@{menu-prefix-cls}-submenu-title {
      padding: 0 16px;
      font-size: @font-size-base;
      line-height: 42px;
      height: 42px;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }

  &-item-group-list {
    .@{menu-prefix-cls}-item,
    .@{menu-prefix-cls}-submenu-title {
      padding: 0 16px 0 28px;
    }
  }

  &-vertical&-sub {
    padding: 0;
    transform-origin: 0 0;
    & > .@{menu-prefix-cls}-item,
    & > .@{menu-prefix-cls}-submenu {
      transform-origin: 0 0;
    }
  }

  &-root&-vertical,
  &-root&-inline {
    box-shadow: none;
  }

  &-sub&-inline {
    padding: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    & > .@{menu-prefix-cls}-item,
    & > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
      line-height: 42px;
      height: 42px;
      list-style-type: disc;
      list-style-position: inside;
    }

    & .@{menu-prefix-cls}-item-group-title {
      padding-left: 32px;
    }
  }

  // Disabled state sets text to gray and nukes hover/tab effects
  &-item-disabled,
  &-submenu-disabled {
    color: @disabled-color !important;
    cursor: not-allowed;
    background: none;
    border-color: transparent !important;
    > a {
      color: @disabled-color !important;
      pointer-events: none;
    }
    > .@{menu-prefix-cls}-submenu-title {
      color: @disabled-color !important;
      cursor: not-allowed;
    }
  }
}

// dark theme
.@{menu-prefix-cls} {
  &-dark,
  &-dark &-sub {
    color: @text-color-secondary-dark;
    background: @menu-dark-bg;
  }

  &-dark &-inline&-sub {
    background: @menu-dark-submenu-bg;
  }

  &-dark&-horizontal {
    border-bottom-color: @menu-dark-bg;
  }

  &-dark&-horizontal > &-item,
  &-dark&-horizontal > &-submenu {
    border-color: @menu-dark-bg;
    border-bottom: 0;
  }

  &-dark &-item,
  &-dark &-item-group-title,
  &-dark &-item > a {
    color: @text-color-secondary-dark;
  }

  &-dark&-inline,
  &-dark&-vertical {
    border-right: 0;
  }

  &-dark&-inline &-item,
  &-dark&-vertical &-item {
    border-right: 0;
    margin-left: 0;
    left: 0;
    &:after {
      border-right: 0;
    }
  }

  &-dark &-item:hover,
  &-dark &-item-active,
  &-dark &-submenu-active,
  &-dark:not(&-inline) &-submenu-open,
  &-dark &-submenu-selected,
  &-dark &-submenu:hover,
  &-dark &-submenu-title:hover {
    background-color: transparent;
    color: #fff;
    > a {
      color: #fff;
    }
  }

  &-dark &-item-selected {
    border-right: 0;
    color: #fff;
    &:after {
      border-right: 0;
    }
    > a,
    > a:hover {
      color: #fff;
    }
  }

  &&-dark &-item-selected {
    background-color: @primary-color;
  }

  // Disabled state sets text to dark gray and nukes hover/tab effects
  &-dark &-item-disabled,
  &-dark &-submenu-disabled {
    &,
    > a {
      opacity: 0.8;
      color: @disabled-color-dark !important;
    }
    > .@{menu-prefix-cls}-submenu-title {
      color: @disabled-color-dark !important;
    }
  }
}

@import "../../style/themes/default";
@import "../../style/mixins/index";

@menu-prefix-cls: ~"@{ant-prefix}-menu";

// default theme
.@{menu-prefix-cls} {
  outline: none;
  margin-bottom: 0;
  padding-left: 0; // Override default ul/ol
  list-style: none;
  z-index: @zindex-dropdown;
  box-shadow: @box-shadow-base;
  color: @text-color;
  background: @component-background;
  line-height: 46px;

  &-hidden {
    display: none;
  }

  &-item-group-list {
    margin: 0;
    padding: 0;
  }

  &-item-group-title {
    color: @text-color-secondary;
    font-size: @font-size-base;
    line-height: 1.5;
    padding: 8px 16px;
  }

  &-item,
  &-submenu,
  &-submenu-title {
    cursor: pointer;
    transition: all .3s;
  }

  &-item:active,
  &-submenu-title:active {
    background: @item-active-bg;
  }

  &-submenu &-sub {
    cursor: initial;
  }

  &-item > a {
    display: block;
    color: @text-color;
    &:hover {
      color: @primary-color;
    }
    &:focus {
      text-decoration: none;
    }
    &:before {
      position: absolute;
      background-color: transparent;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      content: '';
    }
  }

  &-item-divider {
    height: 1px;
    overflow: hidden;
    background-color: @border-color-split;
    line-height: 0;
  }

  &-item:hover,
  &-item-active,
  &:not(&-inline) &-submenu-open,
  &-submenu-active,
  &-submenu-title:hover {
    color: @primary-color;
  }

  &:not(&-inline) &-submenu-open {
    z-index: @zindex-dropdown;
  }

  &-horizontal &-item,
  &-horizontal &-submenu {
    margin-top: -1px;
  }

  &-horizontal > &-item:hover,
  &-horizontal > &-item-active,
  &-horizontal > &-submenu &-submenu-title:hover {
    background-color: transparent;
  }

  &-item-selected {
    color: @primary-color;
    > a,
    > a:hover {
      color: @primary-color;
    }
  }

  &:not(&-horizontal) &-item-selected {
    background-color: @item-active-bg;
  }

  &-horizontal,
  &-inline,
  &-vertical {
    z-index: auto;
  }

  &-inline,
  &-vertical {
    border-right: @border-width-base @border-style-base @border-color-split;
    .@{menu-prefix-cls}-item {
      margin-left: -1px;
      left: 1px;
      position: relative;
      z-index: 1;
      &:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        border-right: 3px solid @primary-color;
        transform: scaleY(.0001);
        transition: all .2s;
      }
    }
  }

  &-vertical&-sub {
    border-right: 0;
    .@{menu-prefix-cls}-item {
      border-right: 0;
      margin-left: 0;
      left: 0;
      &:after {
        border-right: 0;
      }
    }
    > .@{menu-prefix-cls}-item:first-child {
      border-radius: @border-radius-base @border-radius-base 0 0;
    }
    > .@{menu-prefix-cls}-item:last-child,
    > .@{menu-prefix-cls}-item-group:last-child > .@{menu-prefix-cls}-item-group-list:last-child > .@{menu-prefix-cls}-item:last-child {
      border-radius: 0 0 @border-radius-base @border-radius-base;
    }
    > .@{menu-prefix-cls}-item:only-child {
      border-radius: @border-radius-base;
    }
  }

  &-inline {
    width: 100%;
    transition: width .24s;
    .@{menu-prefix-cls}-selected,
    .@{menu-prefix-cls}-item-selected {
      &:after {
        transform: scaleY(1);
      }
    }
  }

  &-inline-collapsed {
    width: 64px;
    transition: all .3s;
    > .@{menu-prefix-cls}-item,
    > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
      text-align: center;
      left: 0;
      padding: 0;
      &:after {
        display: none;
      }
      .@{iconfont-css-prefix} {
        font-size: 16px;
        line-height: 42px;
        margin: 0;
        + span {
          max-width: 0;
          visibility: hidden;
          display: inline-block;
          opacity: 0;
        }
      }
    }
    &-tooltip {
      pointer-events: none;
      .@{iconfont-css-prefix} {
        display: none;
      }
      a {
        color: @text-color-dark;
      }
    }
  }

  &-submenu-horizontal > & {
    top: 100%;
    left: 0;
    position: absolute;
    min-width: 100%;
    margin-top: 7px;
    z-index: @zindex-dropdown;
  }

  &-submenu-vertical {
    z-index: 1;
  }

  &-submenu-vertical > & {
    top: 0;
    left: 100%;
    position: absolute;
    min-width: 160px;
    margin-left: 4px;
    z-index: @zindex-dropdown;
  }

  &-item,
  &-submenu-title {
    margin: 0;
    padding: 0 20px;
    position: relative;
    display: block;
    white-space: nowrap;

    .@{iconfont-css-prefix} {
      min-width: 14px;
      margin-right: 8px;
      transition: all .3s;
      + span {
        transition: all .3s;
        opacity: 1;
      }
    }
  }

  & > &-item-divider {
    height: 1px;
    margin: 1px 0;
    overflow: hidden;
    padding: 0;
    line-height: 0;
    background-color: @border-color-split;
  }

  &-submenu {
    position: relative;

    > .@{menu-prefix-cls} {
      background-color: @component-background;
      border-radius: @border-radius-base;
    }

    &-vertical > .@{menu-prefix-cls}-submenu-title:after {
      font-family: "anticon" !important;
      font-style: normal;
      vertical-align: baseline;
      text-align: center;
      text-transform: none;
      text-rendering: auto;
      position: absolute;
      transition: transform .3s;
      content: "\e61d";
      right: 16px;
      .ie-rotate(3);
      transform: rotate(270deg) scale(0.75);
    }

    &-inline > .@{menu-prefix-cls}-submenu-title:after {
      font-family: "anticon" !important;
      font-style: normal;
      vertical-align: baseline;
      text-align: center;
      text-transform: none;
      text-rendering: auto;
      position: absolute;
      transition: transform .3s;
      content: "\e61d";
      right: 16px;
      top: 0;
      .iconfont-size-under-12px(8px);
    }

    &-open {
      &.@{menu-prefix-cls}-submenu-inline > .@{menu-prefix-cls}-submenu-title:after {
        .ie-rotate(1);
        transform: rotate(180deg) scale(0.75);
      }
    }
  }

  &-vertical &-submenu-selected {
    color: @primary-color;
    > a {
      color: @primary-color;
    }
  }

  &-horizontal {
    border: 0;
    border-bottom: @border-width-base @border-style-base @border-color-split;
    box-shadow: none;
    z-index: 0;

    > .@{menu-prefix-cls}-item,
    > .@{menu-prefix-cls}-submenu {
      position: relative;
      top: 1px;
      float: left;
      border-bottom: 2px solid transparent;

      &:hover,
      &-active,
      &-open,
      &-selected {
        border-bottom: 2px solid @primary-color;
        color: @primary-color;
      }

      > a {
        display: block;
        color: @text-color;
        &:hover {
          color: @primary-color;
        }
      }
    }

    &:after {
      content: "\20";
      display: block;
      height: 0;
      clear: both;
    }
  }

  &-vertical,
  &-inline {
    .@{menu-prefix-cls}-item,
    .@{menu-prefix-cls}-submenu-title {
      padding: 0 16px;
      font-size: @font-size-base;
      line-height: 42px;
      height: 42px;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }

  &-item-group-list {
    .@{menu-prefix-cls}-item,
    .@{menu-prefix-cls}-submenu-title {
      padding: 0 16px 0 28px;
    }
  }

  &-vertical&-sub {
    padding: 0;
    transform-origin: 0 0;
    & > .@{menu-prefix-cls}-item,
    & > .@{menu-prefix-cls}-submenu {
      transform-origin: 0 0;
    }
  }

  &-root&-vertical,
  &-root&-inline {
    box-shadow: none;
  }

  &-sub&-inline {
    padding: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    & > .@{menu-prefix-cls}-item,
    & > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
      line-height: 42px;
      height: 42px;
      list-style-type: disc;
      list-style-position: inside;
    }

    & .@{menu-prefix-cls}-item-group-title {
      padding-left: 32px;
    }
  }

  // Disabled state sets text to gray and nukes hover/tab effects
  &-item-disabled,
  &-submenu-disabled {
    color: @disabled-color !important;
    cursor: not-allowed;
    background: none;
    border-color: transparent !important;
    > a {
      color: @disabled-color !important;
      pointer-events: none;
    }
    > .@{menu-prefix-cls}-submenu-title {
      color: @disabled-color !important;
      cursor: not-allowed;
    }
  }
}

// dark theme
.@{menu-prefix-cls} {
  &-dark,
  &-dark &-sub {
    color: @text-color-secondary-dark;
    background: @menu-dark-bg;
  }

  &-dark &-inline&-sub {
    background: @menu-dark-submenu-bg;
  }

  &-dark&-horizontal {
    border-bottom-color: @menu-dark-bg;
  }

  &-dark&-horizontal > &-item,
  &-dark&-horizontal > &-submenu {
    border-color: @menu-dark-bg;
    border-bottom: 0;
  }

  &-dark &-item,
  &-dark &-item-group-title,
  &-dark &-item > a {
    color: @text-color-secondary-dark;
  }

  &-dark&-inline,
  &-dark&-vertical {
    border-right: 0;
  }

  &-dark&-inline &-item,
  &-dark&-vertical &-item {
    border-right: 0;
    margin-left: 0;
    left: 0;
    &:after {
      border-right: 0;
    }
  }

  &-dark &-item:hover,
  &-dark &-item-active,
  &-dark &-submenu-active,
  &-dark:not(&-inline) &-submenu-open,
  &-dark &-submenu-selected,
  &-dark &-submenu:hover,
  &-dark &-submenu-title:hover {
    background-color: transparent;
    color: #fff;
    > a {
      color: #fff;
    }
  }

  &-dark &-item-selected {
    border-right: 0;
    color: #fff;
    &:after {
      border-right: 0;
    }
    > a,
    > a:hover {
      color: #fff;
    }
  }

  &&-dark &-item-selected {
    background-color: @primary-color;
  }

  // Disabled state sets text to dark gray and nukes hover/tab effects
  &-dark &-item-disabled,
  &-dark &-submenu-disabled {
    &,
    > a {
      opacity: 0.8;
      color: @disabled-color-dark !important;
    }
    > .@{menu-prefix-cls}-submenu-title {
      color: @disabled-color-dark !important;
    }
  }
}


link color tweaks

link color tweaks

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/pradeepmurugesan/incubator-freemarker-docgen.git/'


[UI] Standard input styles

[UI] Standard input 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/FarmOverflow/FarmOverflow.git/'


Updates code text colour.

Updates code text colour.

@import "variables.less";
@import "mixins.less";

code {
  color: @brand-primary;
}

.header_image_link_container {
  position: relative;

  a {
    text-decoration: none;

    i {
      position: absolute;
      bottom: 0;
      right: 0;
      color: rgba(255,255,255,0.5);
      padding-right: 20px;
      padding-bottom: 20px;
    }
  }
}

.container .pager li > a {
  margin-top: 10px;
  margin-bottom: 10px;
  text-decoration: none;
}

#page_footer {
  margin-top: 40px;
}

.intro-header {
  @media (max-width: 768px) {
    margin-bottom: 0px;
  }
}

.container li a {
  text-decoration: underline;
}

.container li {
	padding-top: 5px;
	padding-bottom: 5px;
}

.under-header {
	padding-top: 20px;
}

@media only screen and (max-width: 768px) {
.intro-header .site-heading h1,
.intro-header .page-heading h1 {
    font-size: 40px;
  }

  .intro-header .site-heading .subheading, .intro-header .page-heading .subheading {
    font-size: 20px;
  }
}

.meta {
  color: #808080;
  font-size: 12px;
  font-style: italic;
  margin-top: 0;
}

img {
    margin-left: auto;
    margin-right: auto;
}

iframe.twitter-tweet {
    margin-left: auto !important;
    margin-right: auto !important;
}

blockquote {
  padding: 0px 30px;
  line-height: 30px
}

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

.image-bg-fluid-height,
.image-bg-fixed-height {
    text-align: center;
    background:  no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.image-bg-fixed-height {
  background-color: #808080;
  height: 250px;
}
@media only screen and (min-width: 768px) {
  .image-bg-fixed-height {
    height: 450px;
  }
}

.container img {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}

/* Let's make those little links a little prettier. */

.header-link {
  content: "#";
  color: rgba(189,189,189,0.25);
  font-weight: 400;
  &:hover,
  &:focus {
    text-decoration: none;
    color: @brand-primary;
  }
}

.container {
  .header-link {
    position: absolute;
    left:-0.25em;
    /* The links don't fit on spall screens, so let's high them. */
    @media only screen and (max-width: 768px) {
      display:none;
    }
  }

  .cntl-content {
    .header-link {
      position: relative;
      left: 0.3em;
      display: inline;
    }
  }
}

.custom {
  .header-link {
    left: -0.75em !important;
  }
}

/* Portfolio */

.portfolio {

  h2 {
    margin-top: 0px;
    color: white;

    /* Small devices (tablets, 768px and up) */
    @media (min-width: 768px) {
      font-size: 45px;
    }

    /* Medium devices (desktops, 992px and up) */
    @media (min-width: 992px) {
      font-size: 55px;
    }

    .portfolio-header-link {
      color: transparent;
      padding-left: 15px;
      font-weight: 400;
      text-decoration: none;
    }

    &:hover {
      .portfolio-header-link {
        color: white;
      }
    }
  }

  h3 {
    .serif;
    font-weight: 400;
    color: @gray-dark;
    font-size: 35px;
    text-align: left;
    line-height: 35px;
  }

  .container {
    &:last-child {
      padding-bottom: 50px;

      /* Extra small devices (phones, less than 768px) */
      /* No media query since this is the default in Bootstrap */

      /* Small devices (tablets, 768px and up) */
      @media (min-width: 768px) {
        padding-bottom: 80px;
      }

      /* Medium devices (desktops, 992px and up) */
      @media (min-width: 992px) {
        padding-bottom: 120px;
      }
    }
  }

  /* Software, Education */

  #education_list {
    li {
      &:first-child {
        margin-top: 20px !important;
      }
    }
  }

  #software_list, #education_list {
    li {
      vertical-align: top;
      display: inline-block;
      margin-top: 30px;
      text-align: left;

      &:first-child {
        margin-top: 0px;
      }

      h3 {
        margin-top: 0px;
        text-align: center;
      }

      /* Small devices (tablets, 768px and up) */
      @media (min-width: 768px) {
        h3 {
          max-width: 60%;
          text-align: left;
          margin-bottom: 15px;
        }

        div {
          max-width: 50%;
          margin-top: 30px;
        }
      }

      img {
        padding: 15px 0px;
        max-width: 100%;
        @media (min-width: 768px) {
          max-width: 40%;
          float: right;
        }
      }

      div {
        margin-top: 15px;
      }

      p {
        margin-top: 15px;
      }
    }
  }

  /* Community */

  #community_list {
    padding: 30px 0px;
    li {
      margin: 0px 10px;

      /* Small devices (tablets, 768px and up) */
      @media (min-width: 768px) {
        margin: 0px 30px;
      }

      /* Medium devices (desktops, 992px and up) */
      @media (min-width: 992px) {
        margin: 0px 50px;
      }
    }
  }

  /* Photography */

  #photography_list {
    li {
      background: 0 0 no-repeat fixed;
      vertical-align: middle;
      position: relative;

      svg {
        fill: @gray-dark;
        &:hover {
          fill: @brand-primary;

          .dark-stroke {
            stroke: @brand-primary;
          }
        }

        .dark-stroke {
          stroke: @gray-dark;
        }

        .white-stroke {
          stroke: white;
        }
      }

      min-width: 70px;
    }

    li {
      -webkit-transform: scale(0.7);
      -moz-transform:    scale(0.7);
      -ms-transform:     scale(0.7);
      -o-transform:      scale(0.7);
      transform:         scale(0.7);

      margin: 10px 10px;
      /* Small devices (tablets, 768px and up) */
      @media (min-width: 768px) {
        margin: 10px 50px;
      }
    }
  }

  /* Section Headers */

  aside {
    display: block;
    color: white;
    position: relative;
    background: no-repeat center center scroll;
    background-size: cover;
    margin-top: 100px;
    margin-bottom: 30px;
    padding-top: 50px;
    padding-bottom: 50px;

    p {
      margin: 0px 0px;
    }

    /* Extra small devices (phones, less than 768px) */
    /* No media query since this is the default in Bootstrap */

    /* Small devices (tablets, 768px and up) */
    @media (min-width: 768px) {
      height: 250px;
      padding-top: auto;
      padding-bottom: auto;
      margin-top: 200px;
    }

    /* Medium devices (desktops, 992px and up) */
    @media (min-width: 992px) {
      height: 350px;
      margin-top: 180px;
    }

    /* Large devices (large desktops, 1200px and up) */
    @media (min-width: 1200px) {
      height: 450px;
    }

    figcaption {
      display: block;
      padding: 0px;
      text-align: center;

      /* Extra small devices (phones, less than 768px) */
      /* No media query since this is the default in Bootstrap */
      width: 70%;
      margin-left: auto;
      margin-right: auto;

      a {
          &:hover,
          &:focus {
            color: white;
          }
      }

      @media (min-width: 768px) {
        position: absolute;
        text-align: left;
      }

      &:before {
        content:"";
        color: white;
        position: relative;
        @media (min-width: 768px) {
          position: absolute;
        }
      }

      /* Section Header Callouts */

      /* Extra small devices (phones, less than 768px) */
      /* No media query since this is the default in Bootstrap */

      /* Small devices (tablets, 768px and up) */
      @media (min-width: 768px) {
        right: 2em;
        bottom: 2em;
        width: 325px;
        &:before {
          width: 205px;
          height: 94px;
          top: 0em;
          right: 105%;
          background-image: url(/img/portfolio/callout_small.svg);
        }
      }

     /* Medium devices (desktops, 992px and up) */
      @media (min-width: 992px) {
        right: 5em;
        &:before {
          width: 357px;
          height:164px;
          top: -3.6em;
          background-image: url(/img/portfolio/callout.svg);
        }
      }

      /* Large devices (large desktops, 1200px and up) */
      @media (min-width: 1200px) {
        right: 7em;
        bottom: 5em;
      }
    }
  }
}

@import "variables.less";
@import "mixins.less";

.header_image_link_container {
  position: relative;

  a {
    text-decoration: none;

    i {
      position: absolute;
      bottom: 0;
      right: 0;
      color: rgba(255,255,255,0.5);
      padding-right: 20px;
      padding-bottom: 20px;
    }
  }
}

.container .pager li > a {
  margin-top: 10px;
  margin-bottom: 10px;
  text-decoration: none;
}

#page_footer {
  margin-top: 40px;
}

.intro-header {
  @media (max-width: 768px) {
    margin-bottom: 0px;
  }
}

.container li a {
  text-decoration: underline;
}

.container li {
	padding-top: 5px;
	padding-bottom: 5px;
}

.under-header {
	padding-top: 20px;
}

@media only screen and (max-width: 768px) {
.intro-header .site-heading h1,
.intro-header .page-heading h1 {
    font-size: 40px;
  }

  .intro-header .site-heading .subheading, .intro-header .page-heading .subheading {
    font-size: 20px;
  }
}

.meta {
  color: #808080;
  font-size: 12px;
  font-style: italic;
  margin-top: 0;
}

img {
    margin-left: auto;
    margin-right: auto;
}

iframe.twitter-tweet {
    margin-left: auto !important;
    margin-right: auto !important;
}

blockquote {
  padding: 0px 30px;
  line-height: 30px
}

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

.image-bg-fluid-height,
.image-bg-fixed-height {
    text-align: center;
    background:  no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.image-bg-fixed-height {
  background-color: #808080;
  height: 250px;
}
@media only screen and (min-width: 768px) {
  .image-bg-fixed-height {
    height: 450px;
  }
}

.container img {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}

/* Let's make those little links a little prettier. */

.header-link {
  content: "#";
  color: rgba(189,189,189,0.25);
  font-weight: 400;
  &:hover,
  &:focus {
    text-decoration: none;
    color: @brand-primary;
  }
}

.container {
  .header-link {
    position: absolute;
    left:-0.25em;
    /* The links don't fit on spall screens, so let's high them. */
    @media only screen and (max-width: 768px) {
      display:none;
    }
  }

  .cntl-content {
    .header-link {
      position: relative;
      left: 0.3em;
      display: inline;
    }
  }
}

.custom {
  .header-link {
    left: -0.75em !important;
  }
}

/* Portfolio */

.portfolio {

  h2 {
    margin-top: 0px;
    color: white;

    /* Small devices (tablets, 768px and up) */
    @media (min-width: 768px) {
      font-size: 45px;
    }

    /* Medium devices (desktops, 992px and up) */
    @media (min-width: 992px) {
      font-size: 55px;
    }

    .portfolio-header-link {
      color: transparent;
      padding-left: 15px;
      font-weight: 400;
      text-decoration: none;
    }

    &:hover {
      .portfolio-header-link {
        color: white;
      }
    }
  }

  h3 {
    .serif;
    font-weight: 400;
    color: @gray-dark;
    font-size: 35px;
    text-align: left;
    line-height: 35px;
  }

  .container {
    &:last-child {
      padding-bottom: 50px;

      /* Extra small devices (phones, less than 768px) */
      /* No media query since this is the default in Bootstrap */

      /* Small devices (tablets, 768px and up) */
      @media (min-width: 768px) {
        padding-bottom: 80px;
      }

      /* Medium devices (desktops, 992px and up) */
      @media (min-width: 992px) {
        padding-bottom: 120px;
      }
    }
  }

  /* Software, Education */

  #education_list {
    li {
      &:first-child {
        margin-top: 20px !important;
      }
    }
  }

  #software_list, #education_list {
    li {
      vertical-align: top;
      display: inline-block;
      margin-top: 30px;
      text-align: left;

      &:first-child {
        margin-top: 0px;
      }

      h3 {
        margin-top: 0px;
        text-align: center;
      }

      /* Small devices (tablets, 768px and up) */
      @media (min-width: 768px) {
        h3 {
          max-width: 60%;
          text-align: left;
          margin-bottom: 15px;
        }

        div {
          max-width: 50%;
          margin-top: 30px;
        }
      }

      img {
        padding: 15px 0px;
        max-width: 100%;
        @media (min-width: 768px) {
          max-width: 40%;
          float: right;
        }
      }

      div {
        margin-top: 15px;
      }

      p {
        margin-top: 15px;
      }
    }
  }

  /* Community */

  #community_list {
    padding: 30px 0px;
    li {
      margin: 0px 10px;

      /* Small devices (tablets, 768px and up) */
      @media (min-width: 768px) {
        margin: 0px 30px;
      }

      /* Medium devices (desktops, 992px and up) */
      @media (min-width: 992px) {
        margin: 0px 50px;
      }
    }
  }

  /* Photography */

  #photography_list {
    li {
      background: 0 0 no-repeat fixed;
      vertical-align: middle;
      position: relative;

      svg {
        fill: @gray-dark;
        &:hover {
          fill: @brand-primary;

          .dark-stroke {
            stroke: @brand-primary;
          }
        }

        .dark-stroke {
          stroke: @gray-dark;
        }

        .white-stroke {
          stroke: white;
        }
      }

      min-width: 70px;
    }

    li {
      -webkit-transform: scale(0.7);
      -moz-transform:    scale(0.7);
      -ms-transform:     scale(0.7);
      -o-transform:      scale(0.7);
      transform:         scale(0.7);

      margin: 10px 10px;
      /* Small devices (tablets, 768px and up) */
      @media (min-width: 768px) {
        margin: 10px 50px;
      }
    }
  }

  /* Section Headers */

  aside {
    display: block;
    color: white;
    position: relative;
    background: no-repeat center center scroll;
    background-size: cover;
    margin-top: 100px;
    margin-bottom: 30px;
    padding-top: 50px;
    padding-bottom: 50px;

    p {
      margin: 0px 0px;
    }

    /* Extra small devices (phones, less than 768px) */
    /* No media query since this is the default in Bootstrap */

    /* Small devices (tablets, 768px and up) */
    @media (min-width: 768px) {
      height: 250px;
      padding-top: auto;
      padding-bottom: auto;
      margin-top: 200px;
    }

    /* Medium devices (desktops, 992px and up) */
    @media (min-width: 992px) {
      height: 350px;
      margin-top: 180px;
    }

    /* Large devices (large desktops, 1200px and up) */
    @media (min-width: 1200px) {
      height: 450px;
    }

    figcaption {
      display: block;
      padding: 0px;
      text-align: center;

      /* Extra small devices (phones, less than 768px) */
      /* No media query since this is the default in Bootstrap */
      width: 70%;
      margin-left: auto;
      margin-right: auto;

      a {
          &:hover,
          &:focus {
            color: white;
          }
      }

      @media (min-width: 768px) {
        position: absolute;
        text-align: left;
      }

      &:before {
        content:"";
        color: white;
        position: relative;
        @media (min-width: 768px) {
          position: absolute;
        }
      }

      /* Section Header Callouts */

      /* Extra small devices (phones, less than 768px) */
      /* No media query since this is the default in Bootstrap */

      /* Small devices (tablets, 768px and up) */
      @media (min-width: 768px) {
        right: 2em;
        bottom: 2em;
        width: 325px;
        &:before {
          width: 205px;
          height: 94px;
          top: 0em;
          right: 105%;
          background-image: url(/img/portfolio/callout_small.svg);
        }
      }

     /* Medium devices (desktops, 992px and up) */
      @media (min-width: 992px) {
        right: 5em;
        &:before {
          width: 357px;
          height:164px;
          top: -3.6em;
          background-image: url(/img/portfolio/callout.svg);
        }
      }

      /* Large devices (large desktops, 1200px and up) */
      @media (min-width: 1200px) {
        right: 7em;
        bottom: 5em;
      }
    }
  }
}


Fix vertical align of nav scroll caret

Fix vertical align of nav scroll caret

fatal: unable to access 'https://github.com/sonatra/sonatra-bootstrap-nav-scroll.git/': The requested URL returned error: 403