ensure both download buttons stick together

@import "variables.less";

.view-details-associations .section,  .view-details-informations, #document-informations, .name-icon,
.view-details-associations .associated-documents {
  .flex();
  flex-flow: wrap row;
}

.view-details-title {
  margin-top: 60px;
  margin-bottom: 5px;

  @media @phone {
    margin-top: 55px;
    margin-bottom: 0;
  }
  @media @tablet {
    margin-top: 50px;
  }
  &.image {
    margin-bottom: 30px;
  }
  .outing-date {
    font-size: 2.2em;
    color: darkgray;
    text-align: center;
    @media @phone {
      font-size: 1.5em;
    }
  }
  >h1 {
    .flex();
    align-items: center;
    justify-content: center;
    margin: auto;
    width: 80%;
    text-align: center;
    transition: 0.4s;
    margin-top: -5px;
    font-size: 2.5em;

    @media @phone {
      font-size: 2em;
      margin: 10px 0 5px 10px;
    }
    @media @tablet {
      font-size: 2em;
      line-height: 35px;
    }

    &.routes {
      .flex();
      align-items: center;
      justify-content: center;
      width: 99%;
      .title {
        max-width: 70%;
        margin-right: 10px;
        @media @phone {
          max-width: none;
        }
      }
      .icons-header {
        font-size: 1.5em;
        margin-right: 10px;
        @media @phone {
          margin-right: 5px;
        }
      }
    }

    .waypoint-type {
      margin-right: 10px;
      font-size: 1.3em;
      color: @C2C-orange;
    }
    .badge {
      font-size: 0.5em;
      margin-right: 10px;
      margin-left: 10px;
      padding-bottom: 6px;
      margin-top: 5px;
      cursor: pointer;

      a {
        color: white;
        cursor: pointer;
        text-decoration: none;
      }

      @media @phone {
        display: none;
      }

      .glyphicon {
        color: white;
      }
      &.route {
        background-color: @brand-info;
      }
      &.waypoint {
        background-color: @bright-green;
      }
    }
  }
  .icons-header {
    margin-right: 30px;
    .flex();
    flex-flow: wrap row;
    justify-content: center;
    font-size: 4em;
    .route-activity, .waypoint-type {
      color: @C2C-orange;
    }
    @media @big {
      font-size: 4.5em;
    }
    @media @phone {
      font-size: 2em;
      margin-right: 5px;
    }
  }
}

.view-details-not-authorised {
  height: 100px;
  padding-top: 15px;
  margin-top: 10px;
  width: 100% !important;
}

.view-details-section {
  display: inline-block;
  margin-left: 3%;
  width: 91%;
  padding-bottom: 200px;
  font-size: .9em;

  @media @phone {
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  @media @big {
    margin-left: 4%;
    width: 89%;
  }
  &.images, &.articles, &.books {
    margin-top: 0;
  }

  .view-details-photos {
    width: 90% !important;
    margin-right: 5%;
    padding: 10px 0 10px 0;
    height: 170px;
    @media @phone {
      width: 88% !important;
      margin-right: 6%;
    }
    .photos {
      img {
        height: 150px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        margin-left: 5px;
        margin-right: 5px;
      }
      app-slide-info {
        display: none;
      }
    }
    .slick-prev, .slick-next {
      width: 40px;
      height: 100%;
      &:before {
        font-size: 30px;
        color: @C2C-orange;
      }
    }
    .slick-prev {
      left: -40px;
      @media @phone {
        left: -35px;
      }
    }
    .slick-next {
      right: -40px;
      @media @phone {
        right: -35px;
      }
    }
  }
  .view-details-description, .view-details-other,  .view-details-info, .view-details-associations, .view-details-photos,
  .view-details-comments, .view-details-not-authorised {
    padding-left: 0;
    padding-right: 0;
    background: white;
    margin-bottom: 10px;
    border-radius: 5px;
    float: right;
    border: 1px solid #eee;

    @media @phone {
      border-width: 2px;
    }

    @media @big {
      width: 71.5%;
      margin-left: 2.5%;
    }

    h2 {
      text-align: left;
    }
    .heading {
      margin-top: 0;
    }
    .lead {
      width: 100%;
      word-break: break-word;
      float: left;
      padding: 15px 20px;
      margin-bottom: 0;
      font-size: 1.2em;

      @media (max-width: @screen-xs-max) {
        padding: 10px;
      }
    }
    .conditions-levels {
      font-size: .9em;
      @media @phone {
        display: none;
      }
      .condition {
        overflow: hidden;
        background-color: #f8f8f8;
        margin-bottom: 30px;
        border-radius: 5px;
        border: 1px solid #acacac;

        .key {
          background-color: #7a979b;
          color: white !important;
          padding: 3px 10px;
        }
        .val {
          padding-left: 10px;
        }
        .snow:first-of-type {
          width: 50%;
          float: left;
        }
      }
      th, .key {
        line-height: 16px;
        color: #8D8D8D;
        font-variant: small-caps;
      }
    }
  }

  .view-details-associations {
    background: white;
    width: 100%;
    border: 1px solid #eee;

    @media @big {
      section article {
        min-width:  48%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        flex-grow: 1;
      }
    }
    .add-outing {
      float: right;
      background: #CACACA;
      margin-bottom: 10px;
      padding: .5%;
      color: white;
      border-radius: 5px;
      font-variant: small-caps;
    }
    .show-more {
      float: right;
      margin-bottom: 5px;
    }

    .outings {
      .heading {
        background-color: gray;
      }
    }

    .heading {
      margin-top: 1%;
      border-color: #eee;
      font-size: 1.1em;
    }

    .associated-documents {
      max-height: 600px;
      overflow-y: auto;
      margin-bottom: 5px;
      padding-left: 10px;

      .list-item {
        margin-right: .5%;
        margin-left: .5%;
      }
    }
  }

  .view-details-informations {
    background-color: white;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 0;
    margin-bottom: 20px;

    @media (max-width: 1400px) {
      width: 100%;
    }
    @media @big {
      width: 26%;
    }
    .value, .value-title {
      font-size: 1em;
    }
    .rating-block {
      float: left;
      margin-right: 6px;
      .flex();
      label {
        margin: 0;
        color: @bright-green;
      }
    }
    .route-activity {
      font-size: 2.5em;
      color: @bright-green;
    }

    #document-informations {
      overflow: hidden;
      width: 100%;
      @media @phone {
        display: block;
        border: 2px solid @C2C-orange;
      }
    }
    >.heading {
      margin-top:0;

      .glyphicon {
        font-size: .8em;
      }
    }
    .glyphicon-sort-by-attributes{
      transform: rotateZ(180deg);
    }
    .glyphicon {
      font-size: 2.5em;
      @media @phone {
        font-size: 1em;
      }
    }
    .glyphicon-duplicate {
      color: @bright-green;
      @media @desktop {
        margin-left: 10px;
      }
      @media @phone {
        font-size: 2em;
      }
      /*red strike through*/
      &:after {
        content: "";
        border-top: 3px solid #ea3636;
        position: absolute;
        left: -25%;
        top: 50%;
        width: 150%;
      }
    }
    a.creative-commons {
      font-size: 1em;
      &:hover, &:focus {
        text-decoration: none;
      }
    }

    app-track-download {
      white-space: nowrap;
    }

    .icon-glacier {
      font-size: 3.3em;
      color: @C2C-orange;
    }

    .detail-text {
      width: 80%;
      margin: auto;
      text-align: left;
      line-height: 17px;
      font-size: 1.1em;

      @media @phone {
        width: 200%;
        font-size: 1em;
      }
      @media @tablet {
        font-size: 1em;
      }
      ul {
        padding-left: 15px;
        width: 90%;
        li {
          margin-bottom: 5px;
        }
      }
      >p, >article {
        margin-top: 3px;
        margin-bottom: 3px;
      }
      &.ratings .value {
        cursor: pointer;
        transition: .2s;
        &:hover {
          color: gold;
          transition: .2s;
        }
      }
    }

    .name-icon-value {
      .flex();
      padding: 0;
      flex-grow: 1;
      min-height: 80px;
      background-color: white;
      border-bottom: 1px solid #dfd6c5;
      transition: 0.3s;

      @media @big {
        min-width: 100%;
        min-height: 0;
        height: auto;
      }

      @media (max-width : @screen-sm-max) {
        min-width:  50%;
        padding: 0;
      }
      @media @phone {
        width: 100%;
        height: auto;
        min-height: 0;
        padding: 0;
        cursor: pointer;
        &:not(:first-of-type) {
          border-top: 1px solid #dfd6c5;
        }
      }
      .activities {
        font-size: 1em;
      }
      .icon-user {
        color: @C2C-orange;
      }

      &.location {
        display: none;
        @media @phone {
          .flex();
        }
        .areas {
          @media (min-width: @phone-max) {
            display: none;
          }
        }
      }
      &.maps {
        order: 10;
      }
    }

    .orientation-svg {
      height: 110px;
      width: auto;
      margin-left: 10%;
    }

    .accordion {
      padding: 5px;
      @media (min-width: @phone-max) {
        display: block !important;
      }
      @media @phone {
        padding-top: 1%;
      }
      @media @tablet {
        font-size: 14px;
      }
      ul {
        margin: 0;
      }
    }
    h4 {
      display: none;
      width: 100%;
      text-align: center;

      span {
        margin-right: 5px;
        transition: 0.3s;
      }
      @media @phone {
        display: block;
        font-size: 1em;
        margin-left: 10px;
        text-align: left;
      }
    }

    .name-icon {
      width: 67px;
      text-align: center;
      transition: 0.3s;
      justify-content: center;
      align-items: center;
      align-content: center;
      margin: 5px 3px 5px 10px;

      @media @phone {
        display: none;
      }
      .icon-user {
        font-size: 3em;
      }
      p {
        font-weight: bold;
        font-variant: small-caps;
      }
    }
    .coordinates-table {
      width: 180px;
      td {
        text-align: center;
        vertical-align: middle;
        padding: 1%;
      }
    }
  }
  .view-details-comments {
    @media @big {
      width: 100%;
    }

    #discourse-comments {
      text-align: center;
      padding: 20px;

      .no-thread {
        display: inline-block;
        background: #CACACA;
        padding: .5%;
        color: white;
        border-radius: 5px;
        font-variant: small-caps;
      }
    }
  }
  .area-associations {
    padding: 10px 10px 20px 10px;
    [class^="icon-"] {
      font-size: 2em;
      color: @C2C-orange
    }
  }
} /*.view-details-section*/

.view-details-map {
  height: 230px!important;
  margin-bottom: 15px;
  display: block;
  background-color: rgba(164, 164, 166, 0.24);

  @media @tablet {
    height: 200px !important;
  }
  @media @phone {
    height: 150px !important;
    margin-bottom: 0;
  }
  .map {
    height: 100%;
  }
}

.view-details-other {
  width: 100% !important;
  margin: 0 0 40px 0 !important;
}

.document-summary{
  color: #626262;
  border: 1px solid #D8D8D8;
  border-left: 0.5em solid @bright-green;
  padding: 5px 15px 5px 15px;
  background-color: rgba(168, 168, 168, 0.07);
  margin: 10px 0 10px 0;
  .shadow(0, 0, 2px, rgba(0,0,0,0.2));
  font-style: italic;

  label {
    font-style: normal;
  }
}

app-add-association {

  app-simple-search {
    margin-bottom: 20px;
    width: 346px;

    @media @phone {
      width: 100%;
    }
    @media @tablet {
      width: 100%;
    }
    .search {
      width: 100%;

    }
    .glyphicon-search {
      margin-top: 4px;
      font-size: 1.5em;
    }
    .tt-suggestion {
      border-radius: 0;
      padding: 5px !important;
    }
    p {
      margin: 0 !important;
    }
  }

}

.view-details-description, .view-details-other,  .view-details-info, .view-details-associations, .view-details-photos, .view-details-informations {
  will-change: height;
  ul li {
    list-style: none;
    &:before {
      /*Using a Bootstrap glyphicon as the bullet point*/
      content: "\e080";
      font-family: 'Glyphicons Halflings';
      font-size: 12px;
      float: left;
      margin-left: -17px;
      color: @brand-success;
    }
  }
  ul.types li {
    width: 50%;
    float: left;
  }
}

.scroll-top-btn {
  margin: 0 calc(~"50% - 40px") 100px calc(~"50% - 40px");
}
.view-details-wrapper {
  width:  100%;
  display: inline-block;
}

.location-static {
  min-height: 80px;
  max-width: 250px;
  padding: 10px;
  position: relative;
  float: right;
  z-index: 3;
  margin-bottom: -18%;
  top: 45px;
  background: #FFFB80; /*yellow*/
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  -o-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  transform: rotate(4deg);
  .shadow(2px, 2px, 10px, rgba(33,33,33,0.4) );

  @media @tablet {
    right: 30px;
    font-size: 1em;
    max-width: 200px;
  }
  @media @phone {
    display: none !important;
  }
  @media @big {
    font-size: 1.1em;
    right: 50px;
  }
  @media @desktop {
    right: 50px;
  }

  p {
    margin-top: 2px;
    margin-bottom: 0;
  }
  ul {
    list-style: none;
    padding: 0;
    text-align: center;
    li:hover {
      cursor: pointer;
    }
    a {
      color: #A55944;
    }
  }
}
.view-details-description {
  img.image {
    max-width: 100%;
  }
  @media @phone {
    min-height:  50px;
    margin-bottom: -200px;
  }
  h2 {
    margin-top: 10px;
  }

  [class^='embedded_'] {
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 15px;
    background-color: rgba(234, 234, 234, 0.37);
    box-shadow: 0 3px 6px rgba(0,0,0,.25);
    cursor: pointer;

    @media @phone {
      margin: 5px auto !important;
      max-width: 285px;
      float: none !important;

      figcaption {
        text-align: center;
        margin-left: 0;
        margin-top: 5px;
      }
      img {
        margin: auto !important;
      }
    }
    /*Big Image*/
    &.BI  {
      display: table-cell;
      max-width: none;
      margin-left: 10px;

      figcaption, img {
        max-width: 100% !important;
      }
    }
    app-slide-info {
      display: none;
    }
    figcaption {
      max-width: 240px;
      margin: 5px 10px -5px 10px;
      color: dimgray;
      font-size: 14px;
    }
    img {
      margin: auto auto 0 auto;
    }
  }

  .embedded_center {
    margin: 10px auto;
    display: table;
  }
  .embedded_left {
    float: left;
    clear: left;
    margin: 5px 25px 10px 0;
  }
  .embedded_right {
    float: right;
    clear: right;
    margin: 5px 0 10px 20px;
  }
  .embedded_inline {
    display: table;
    margin: 5px 20px 10px 10px;
  }

  .important_message, .warning_message {
    clear: both;
    display: inline-block;
    border-radius: 8px;
    margin: 0 0 5px 0;
    min-height: 25px;
    text-align: justify;
    vertical-align: middle;
    border-collapse: collapse;
    padding: 10px;

    span.glyphicon {
      margin-right: 10px;
    }
  }
  .important_message {
    border: 2px solid #f93;
  }
  .warning_message {
    background-color: #fcc9c8;

    span.glyphicon {
      color: white;
    }
  }
}
.show-phone.elevation {
  display: none;
  @media @phone {
    display: block;
  }
}

@import "variables.less";

.view-details-associations .section,  .view-details-informations, #document-informations, .name-icon,
.view-details-associations .associated-documents {
  .flex();
  flex-flow: wrap row;
}

.view-details-title {
  margin-top: 60px;
  margin-bottom: 5px;

  @media @phone {
    margin-top: 55px;
    margin-bottom: 0;
  }
  @media @tablet {
    margin-top: 50px;
  }
  &.image {
    margin-bottom: 30px;
  }
  .outing-date {
    font-size: 2.2em;
    color: darkgray;
    text-align: center;
    @media @phone {
      font-size: 1.5em;
    }
  }
  >h1 {
    .flex();
    align-items: center;
    justify-content: center;
    margin: auto;
    width: 80%;
    text-align: center;
    transition: 0.4s;
    margin-top: -5px;
    font-size: 2.5em;

    @media @phone {
      font-size: 2em;
      margin: 10px 0 5px 10px;
    }
    @media @tablet {
      font-size: 2em;
      line-height: 35px;
    }

    &.routes {
      .flex();
      align-items: center;
      justify-content: center;
      width: 99%;
      .title {
        max-width: 70%;
        margin-right: 10px;
        @media @phone {
          max-width: none;
        }
      }
      .icons-header {
        font-size: 1.5em;
        margin-right: 10px;
        @media @phone {
          margin-right: 5px;
        }
      }
    }

    .waypoint-type {
      margin-right: 10px;
      font-size: 1.3em;
      color: @C2C-orange;
    }
    .badge {
      font-size: 0.5em;
      margin-right: 10px;
      margin-left: 10px;
      padding-bottom: 6px;
      margin-top: 5px;
      cursor: pointer;

      a {
        color: white;
        cursor: pointer;
        text-decoration: none;
      }

      @media @phone {
        display: none;
      }

      .glyphicon {
        color: white;
      }
      &.route {
        background-color: @brand-info;
      }
      &.waypoint {
        background-color: @bright-green;
      }
    }
  }
  .icons-header {
    margin-right: 30px;
    .flex();
    flex-flow: wrap row;
    justify-content: center;
    font-size: 4em;
    .route-activity, .waypoint-type {
      color: @C2C-orange;
    }
    @media @big {
      font-size: 4.5em;
    }
    @media @phone {
      font-size: 2em;
      margin-right: 5px;
    }
  }
}

.view-details-not-authorised {
  height: 100px;
  padding-top: 15px;
  margin-top: 10px;
  width: 100% !important;
}

.view-details-section {
  display: inline-block;
  margin-left: 3%;
  width: 91%;
  padding-bottom: 200px;
  font-size: .9em;

  @media @phone {
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  @media @big {
    margin-left: 4%;
    width: 89%;
  }
  &.images, &.articles, &.books {
    margin-top: 0;
  }

  .view-details-photos {
    width: 90% !important;
    margin-right: 5%;
    padding: 10px 0 10px 0;
    height: 170px;
    @media @phone {
      width: 88% !important;
      margin-right: 6%;
    }
    .photos {
      img {
        height: 150px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        margin-left: 5px;
        margin-right: 5px;
      }
      app-slide-info {
        display: none;
      }
    }
    .slick-prev, .slick-next {
      width: 40px;
      height: 100%;
      &:before {
        font-size: 30px;
        color: @C2C-orange;
      }
    }
    .slick-prev {
      left: -40px;
      @media @phone {
        left: -35px;
      }
    }
    .slick-next {
      right: -40px;
      @media @phone {
        right: -35px;
      }
    }
  }
  .view-details-description, .view-details-other,  .view-details-info, .view-details-associations, .view-details-photos,
  .view-details-comments, .view-details-not-authorised {
    padding-left: 0;
    padding-right: 0;
    background: white;
    margin-bottom: 10px;
    border-radius: 5px;
    float: right;
    border: 1px solid #eee;

    @media @phone {
      border-width: 2px;
    }

    @media @big {
      width: 71.5%;
      margin-left: 2.5%;
    }

    h2 {
      text-align: left;
    }
    .heading {
      margin-top: 0;
    }
    .lead {
      width: 100%;
      word-break: break-word;
      float: left;
      padding: 15px 20px;
      margin-bottom: 0;
      font-size: 1.2em;

      @media (max-width: @screen-xs-max) {
        padding: 10px;
      }
    }
    .conditions-levels {
      font-size: .9em;
      @media @phone {
        display: none;
      }
      .condition {
        overflow: hidden;
        background-color: #f8f8f8;
        margin-bottom: 30px;
        border-radius: 5px;
        border: 1px solid #acacac;

        .key {
          background-color: #7a979b;
          color: white !important;
          padding: 3px 10px;
        }
        .val {
          padding-left: 10px;
        }
        .snow:first-of-type {
          width: 50%;
          float: left;
        }
      }
      th, .key {
        line-height: 16px;
        color: #8D8D8D;
        font-variant: small-caps;
      }
    }
  }

  .view-details-associations {
    background: white;
    width: 100%;
    border: 1px solid #eee;

    @media @big {
      section article {
        min-width:  48%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        flex-grow: 1;
      }
    }
    .add-outing {
      float: right;
      background: #CACACA;
      margin-bottom: 10px;
      padding: .5%;
      color: white;
      border-radius: 5px;
      font-variant: small-caps;
    }
    .show-more {
      float: right;
      margin-bottom: 5px;
    }

    .outings {
      .heading {
        background-color: gray;
      }
    }

    .heading {
      margin-top: 1%;
      border-color: #eee;
      font-size: 1.1em;
    }

    .associated-documents {
      max-height: 600px;
      overflow-y: auto;
      margin-bottom: 5px;
      padding-left: 10px;

      .list-item {
        margin-right: .5%;
        margin-left: .5%;
      }
    }
  }

  .view-details-informations {
    background-color: white;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 0;
    margin-bottom: 20px;

    @media (max-width: 1400px) {
      width: 100%;
    }
    @media @big {
      width: 26%;
    }
    .value, .value-title {
      font-size: 1em;
    }
    .rating-block {
      float: left;
      margin-right: 6px;
      .flex();
      label {
        margin: 0;
        color: @bright-green;
      }
    }
    .route-activity {
      font-size: 2.5em;
      color: @bright-green;
    }

    #document-informations {
      overflow: hidden;
      width: 100%;
      @media @phone {
        display: block;
        border: 2px solid @C2C-orange;
      }
    }
    >.heading {
      margin-top:0;

      .glyphicon {
        font-size: .8em;
      }
    }
    .glyphicon-sort-by-attributes{
      transform: rotateZ(180deg);
    }
    .glyphicon {
      font-size: 2.5em;
      @media @phone {
        font-size: 1em;
      }
    }
    .glyphicon-duplicate {
      color: @bright-green;
      @media @desktop {
        margin-left: 10px;
      }
      @media @phone {
        font-size: 2em;
      }
      /*red strike through*/
      &:after {
        content: "";
        border-top: 3px solid #ea3636;
        position: absolute;
        left: -25%;
        top: 50%;
        width: 150%;
      }
    }
    a.creative-commons {
      font-size: 1em;
      &:hover, &:focus {
        text-decoration: none;
      }
    }

    .icon-glacier {
      font-size: 3.3em;
      color: @C2C-orange;
    }

    .detail-text {
      width: 80%;
      margin: auto;
      text-align: left;
      line-height: 17px;
      font-size: 1.1em;

      @media @phone {
        width: 200%;
        font-size: 1em;
      }
      @media @tablet {
        font-size: 1em;
      }
      ul {
        padding-left: 15px;
        width: 90%;
        li {
          margin-bottom: 5px;
        }
      }
      >p, >article {
        margin-top: 3px;
        margin-bottom: 3px;
      }
      &.ratings .value {
        cursor: pointer;
        transition: .2s;
        &:hover {
          color: gold;
          transition: .2s;
        }
      }
    }

    .name-icon-value {
      .flex();
      padding: 0;
      flex-grow: 1;
      min-height: 80px;
      background-color: white;
      border-bottom: 1px solid #dfd6c5;
      transition: 0.3s;

      @media @big {
        min-width: 100%;
        min-height: 0;
        height: auto;
      }

      @media (max-width : @screen-sm-max) {
        min-width:  50%;
        padding: 0;
      }
      @media @phone {
        width: 100%;
        height: auto;
        min-height: 0;
        padding: 0;
        cursor: pointer;
        &:not(:first-of-type) {
          border-top: 1px solid #dfd6c5;
        }
      }
      .activities {
        font-size: 1em;
      }
      .icon-user {
        color: @C2C-orange;
      }

      &.location {
        display: none;
        @media @phone {
          .flex();
        }
        .areas {
          @media (min-width: @phone-max) {
            display: none;
          }
        }
      }
      &.maps {
        order: 10;
      }
    }

    .orientation-svg {
      height: 110px;
      width: auto;
      margin-left: 10%;
    }

    .accordion {
      padding: 5px;
      @media (min-width: @phone-max) {
        display: block !important;
      }
      @media @phone {
        padding-top: 1%;
      }
      @media @tablet {
        font-size: 14px;
      }
      ul {
        margin: 0;
      }
    }
    h4 {
      display: none;
      width: 100%;
      text-align: center;

      span {
        margin-right: 5px;
        transition: 0.3s;
      }
      @media @phone {
        display: block;
        font-size: 1em;
        margin-left: 10px;
        text-align: left;
      }
    }

    .name-icon {
      width: 67px;
      text-align: center;
      transition: 0.3s;
      justify-content: center;
      align-items: center;
      align-content: center;
      margin: 5px 3px 5px 10px;

      @media @phone {
        display: none;
      }
      .icon-user {
        font-size: 3em;
      }
      p {
        font-weight: bold;
        font-variant: small-caps;
      }
    }
    .coordinates-table {
      width: 180px;
      td {
        text-align: center;
        vertical-align: middle;
        padding: 1%;
      }
    }
  }
  .view-details-comments {
    @media @big {
      width: 100%;
    }

    #discourse-comments {
      text-align: center;
      padding: 20px;

      .no-thread {
        display: inline-block;
        background: #CACACA;
        padding: .5%;
        color: white;
        border-radius: 5px;
        font-variant: small-caps;
      }
    }
  }
  .area-associations {
    padding: 10px 10px 20px 10px;
    [class^="icon-"] {
      font-size: 2em;
      color: @C2C-orange
    }
  }
} /*.view-details-section*/

.view-details-map {
  height: 230px!important;
  margin-bottom: 15px;
  display: block;
  background-color: rgba(164, 164, 166, 0.24);

  @media @tablet {
    height: 200px !important;
  }
  @media @phone {
    height: 150px !important;
    margin-bottom: 0;
  }
  .map {
    height: 100%;
  }
}

.view-details-other {
  width: 100% !important;
  margin: 0 0 40px 0 !important;
}

.document-summary{
  color: #626262;
  border: 1px solid #D8D8D8;
  border-left: 0.5em solid @bright-green;
  padding: 5px 15px 5px 15px;
  background-color: rgba(168, 168, 168, 0.07);
  margin: 10px 0 10px 0;
  .shadow(0, 0, 2px, rgba(0,0,0,0.2));
  font-style: italic;

  label {
    font-style: normal;
  }
}

app-add-association {

  app-simple-search {
    margin-bottom: 20px;
    width: 346px;

    @media @phone {
      width: 100%;
    }
    @media @tablet {
      width: 100%;
    }
    .search {
      width: 100%;

    }
    .glyphicon-search {
      margin-top: 4px;
      font-size: 1.5em;
    }
    .tt-suggestion {
      border-radius: 0;
      padding: 5px !important;
    }
    p {
      margin: 0 !important;
    }
  }

}

.view-details-description, .view-details-other,  .view-details-info, .view-details-associations, .view-details-photos, .view-details-informations {
  will-change: height;
  ul li {
    list-style: none;
    &:before {
      /*Using a Bootstrap glyphicon as the bullet point*/
      content: "\e080";
      font-family: 'Glyphicons Halflings';
      font-size: 12px;
      float: left;
      margin-left: -17px;
      color: @brand-success;
    }
  }
  ul.types li {
    width: 50%;
    float: left;
  }
}

.scroll-top-btn {
  margin: 0 calc(~"50% - 40px") 100px calc(~"50% - 40px");
}
.view-details-wrapper {
  width:  100%;
  display: inline-block;
}

.location-static {
  min-height: 80px;
  max-width: 250px;
  padding: 10px;
  position: relative;
  float: right;
  z-index: 3;
  margin-bottom: -18%;
  top: 45px;
  background: #FFFB80; /*yellow*/
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  -o-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  transform: rotate(4deg);
  .shadow(2px, 2px, 10px, rgba(33,33,33,0.4) );

  @media @tablet {
    right: 30px;
    font-size: 1em;
    max-width: 200px;
  }
  @media @phone {
    display: none !important;
  }
  @media @big {
    font-size: 1.1em;
    right: 50px;
  }
  @media @desktop {
    right: 50px;
  }

  p {
    margin-top: 2px;
    margin-bottom: 0;
  }
  ul {
    list-style: none;
    padding: 0;
    text-align: center;
    li:hover {
      cursor: pointer;
    }
    a {
      color: #A55944;
    }
  }
}
.view-details-description {
  img.image {
    max-width: 100%;
  }
  @media @phone {
    min-height:  50px;
    margin-bottom: -200px;
  }
  h2 {
    margin-top: 10px;
  }

  [class^='embedded_'] {
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 15px;
    background-color: rgba(234, 234, 234, 0.37);
    box-shadow: 0 3px 6px rgba(0,0,0,.25);
    cursor: pointer;

    @media @phone {
      margin: 5px auto !important;
      max-width: 285px;
      float: none !important;

      figcaption {
        text-align: center;
        margin-left: 0;
        margin-top: 5px;
      }
      img {
        margin: auto !important;
      }
    }
    /*Big Image*/
    &.BI  {
      display: table-cell;
      max-width: none;
      margin-left: 10px;

      figcaption, img {
        max-width: 100% !important;
      }
    }
    app-slide-info {
      display: none;
    }
    figcaption {
      max-width: 240px;
      margin: 5px 10px -5px 10px;
      color: dimgray;
      font-size: 14px;
    }
    img {
      margin: auto auto 0 auto;
    }
  }

  .embedded_center {
    margin: 10px auto;
    display: table;
  }
  .embedded_left {
    float: left;
    clear: left;
    margin: 5px 25px 10px 0;
  }
  .embedded_right {
    float: right;
    clear: right;
    margin: 5px 0 10px 20px;
  }
  .embedded_inline {
    display: table;
    margin: 5px 20px 10px 10px;
  }

  .important_message, .warning_message {
    clear: both;
    display: inline-block;
    border-radius: 8px;
    margin: 0 0 5px 0;
    min-height: 25px;
    text-align: justify;
    vertical-align: middle;
    border-collapse: collapse;
    padding: 10px;

    span.glyphicon {
      margin-right: 10px;
    }
  }
  .important_message {
    border: 2px solid #f93;
  }
  .warning_message {
    background-color: #fcc9c8;

    span.glyphicon {
      color: white;
    }
  }
}
.show-phone.elevation {
  display: none;
  @media @phone {
    display: block;
  }
}


课程详情页

课程详情页

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/XUEJS/xue-project.git/'


Add pointer cursor and change padding to margins

@text-color: #99aab5;

.Topics {
  & > h4 {
    color: @text-color;
    margin: 16px 0;
  }

  & > h5 {
    color: @text-color;
    margin: 12px 0;
    font-size: 14px;

    &:hover {
      cursor: pointer;
    }
  }
}

.Topics__list {
  & > li {
    padding: 2px 0;
  }
}

@text-color: #99aab5;

.Topics {
  & > h4 {
    color: @text-color;
    padding: 16px 0;
  }

  & > h5 {
    color: @text-color;
    padding: 12px 0;
    font-size: 14px;
  }
}

.Topics__list {
  & > li {
    padding: 2px 0;
  }
}


Current branch name no longer toggles weight.

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


Colorisation des icônes fontawesome pour BS2 aussi.

git-svn-id: fce87830442b47284c88b98f498bb381ff6d45ea@3620 d3474844-eb8e-4abc-b058-2b321fed648b

/* Colorisation des icônes */
.fa {
	&.success {
		color: @successText;
	}
	&.warning {
		color: @orange;
	}
	&.error {
		color: @errorText;
	}
	&.danger {
		color: @errorText;
	}
	&.info {
		color: @infoText;
	}
	&.fail {
		color: @grayDarker;
	}

	&.link {
		color: @linkColorHover;
		cursor: pointer;

		&:hover {
			color: @linkColor;
		}
	}
}

error: pathspec 'owsi-core/owsi-core-components/owsi-core-component-wicket-more/src/main/java/fr/openwide/core/wicket/more/markup/html/template/css/bootstrap2/fontawesome.less' did not match any file(s) known to git


Updated latest recommendation CSS

Updated latest recommendation CSS

@import "../../styles/custom.less";

.LatestRecommendations {
  background: @white;
  border: 1px solid #e9e7e7;
  border-radius: @border-radius-base;
}

.LatestRecommendations__container {
  padding: 8px 16px 16px 16px;
}

.LatestRecommendations__icon {
  @color: @purple;
  vertical-align: -2px;
}

.LatestRecommendations__title {
  color: #99aab5;
  font-size: 18px;
  font-weight: 500;
}

.LatestRecommendations__divider {
  width: 100%;
  height: 1px;
  margin: 12px;
  background-color: #e9e7e7;
}

.Recommendation {
  &__author {
    font-weight: bold;
  }
  &__bullet:after {
    content: '\2022';
    font-size: 14px;
    margin-left: 4px;
  }
  &__date {
    margin-left: 4px;
    color: #99aab5;
    font-size: 14px;
  }
}


Update padding on search input

Update padding on search input

@import "../../styles/custom.less";

@base-spacing: 16px;

.Topnav {
  background-color: @white;
  border: 1px solid #e9e7e7;
  height: 56px;
  line-height: 56px;
  padding: 0 @base-spacing;
}

.Topnav__container {
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  max-width: 1080px;
}

.Topnav__brand {
  flex-basis: 0;
  flex-grow: 2;
  width: 20%;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 1px;
  color: @purple;
  text-align: center;
  margin-right: @base-spacing;
}

.Topnav__input-container {
  flex-basis: 0;
  flex-grow: 3;
  position: relative;
  height: 54px;
  border-left: solid 1px #e9e7e7;
  border-right: solid 1px #e9e7e7;

  & > input {
    height: 53px !important;
    border-radius: 0 !important;
    border: 0 !important;
    padding: 0 16px 0 45px !important;

    &:hover,
    &:focus {
      box-shadow: none !important;
      border-color: #e9e7e7 !important;
    }
  }

  & > i {
    left: 16px;
    position: absolute;
    color: #c2ccd3;
    font-size: 20px;
  }
}

.Topnav__menu-container {
  flex-basis: 0;
  flex-grow: 2;
  display: flex;
  justify-content: center;
}

.Topnav__menu {
  flex-shrink: 0;
  height: 55px !important;
  line-height: 55px !important;
  margin-left: @base-spacing;
}

.Topnav__item {
  height: 55px !important;
  padding: 0 4px !important;

  & > a {
    color: @purple !important;
    font-weight: 600 !important;
  }
}

.Topnav__user {
  display: flex !important;
  align-items: center;

  & > span {
    margin-left: 8px;
    color: @purple;
  }
}

.Topnav__item--dropdown {
  border-bottom: none !important;
}

@import "../../styles/custom.less";

@base-spacing: 16px;

.Topnav {
  background-color: @white;
  border: 1px solid #e9e7e7;
  height: 56px;
  line-height: 56px;
  padding: 0 @base-spacing;
}

.Topnav__container {
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  max-width: 1080px;
}

.Topnav__brand {
  flex-basis: 0;
  flex-grow: 2;
  width: 20%;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 1px;
  color: @purple;
  text-align: center;
  margin-right: @base-spacing;
}

.Topnav__input-container {
  flex-basis: 0;
  flex-grow: 3;
  position: relative;
  height: 54px;
  border-left: solid 1px #e9e7e7;
  border-right: solid 1px #e9e7e7;

  & > input {
    height: 53px !important;
    border-radius: 0 !important;
    border: 0 !important;
    padding: 0 16px 0 44px !important;

    &:hover,
    &:focus {
      box-shadow: none !important;
      border-color: #e9e7e7 !important;
    }
  }

  & > i {
    left: 16px;
    position: absolute;
    color: #c2ccd3;
    font-size: 20px;
  }
}

.Topnav__menu-container {
  flex-basis: 0;
  flex-grow: 2;
  display: flex;
  justify-content: center;
}

.Topnav__menu {
  flex-shrink: 0;
  height: 55px !important;
  line-height: 55px !important;
  margin-left: @base-spacing;
}

.Topnav__item {
  height: 55px !important;
  padding: 0 4px !important;

  & > a {
    color: @purple !important;
    font-weight: 600 !important;
  }
}

.Topnav__user {
  display: flex !important;
  align-items: center;

  & > span {
    margin-left: 8px;
    color: @purple;
  }
}

.Topnav__item--dropdown {
  border-bottom: none !important;
}


fix(ui) Fix stream dropdown positioning in firefox (#12701)

The sort dropdown is mispositioned in Firefox, and entirely missing in
beta/alpha firefox. These changes address those problems without
disrupting display in chrome or safari.

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


Fix InputNumber flush style in Chrome, close #2876

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

@input-number-prefix-cls: ant-input-number;

.handler-disabled() {
  opacity: 0.72;
  color: #ccc !important;
  cursor: not-allowed;
}

.@{input-number-prefix-cls} {
  .input();
  margin: 0;
  padding: 0;
  line-height: 28px;
  font-size: 12px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid @border-color-base;
  border-radius: @border-radius-base;
  overflow: hidden;
  width: 80px;

  &-handler {
    text-align: center;
    line-height: 0;
    height: 14px;
    overflow: hidden;
    color: #999;
    position: relative;
    transition: all 0.1s linear;
    display: block;
    width: 100%;
    font-weight: bold;
    &:active {
      background: #f4f4f4;
    }
    &:hover &-up-inner,
    &:hover &-down-inner {
      color: tint(@primary-color, 20%);
    }
  }

  &-handler-up-inner,
  &-handler-down-inner {
    .iconfont-mixin();
    line-height: 12px;
    user-select: none;
    position: absolute;
    width: 12px;
    height: 12px;
    transition: all 0.1s linear;
    .iconfont-size-under-12px(7px);
    right: 4px;
    color: #999;
  }

  &:hover {
    .hover();
  }

  &-focused {
    .active();
  }

  &-disabled {
    .disabled();
  }

  &-input-wrap {
    overflow: hidden;
    height: 28px;
  }

  &-input {
    width: 100%;
    text-align: left;
    outline: 0;
    -moz-appearance: textfield;
    line-height: 28px;
    height: 28px;
    transition: all 0.3s linear;
    color: #666;
    border: 0;
    border-radius: @border-radius-base;
    padding: 0 7px;

    &[disabled] {
      .disabled();
    }
  }

  &-lg {
    padding: 0;
    .@{input-number-prefix-cls}-handler-wrap {
      height: 32px;
    }
    .@{input-number-prefix-cls}-input-wrap {
      height: 32px;
    }
    .@{input-number-prefix-cls}-handler {
      height: 16px;
    }

    input {
      height: 32px;
      line-height: 32px;
    }

    .@{input-number-prefix-cls}-handler-up-inner {
      top: 2px;
    }
    .@{input-number-prefix-cls}-handler-down-inner {
      bottom: 2px;
    }
    .@{input-number-prefix-cls}-handler-up:hover {
      height: 18px;
    }
  }

  &-sm {
    padding: 0;
    .@{input-number-prefix-cls}-handler-wrap {
      height: 22px;
    }
    .@{input-number-prefix-cls}-input-wrap {
      height: 22px;
    }
    .@{input-number-prefix-cls}-handler {
      height: 11px;
    }

    input {
      height: 22px;
      line-height: 22px;
      margin-top: -1px;
      vertical-align: top;
    }
    .@{input-number-prefix-cls}-handler-up-inner {
      top: -1px;
    }
    .@{input-number-prefix-cls}-handler-down-inner {
      bottom: -1px;
    }
    .@{input-number-prefix-cls}-handler-up:hover {
      height: 13px;
    }
    .@{input-number-prefix-cls}-handler-down:hover .@{input-number-prefix-cls}-handler-down-inner {
      bottom: 4px;
    }
  }

  &-handler-wrap {
    border-left: 1px solid @border-color-base;
    width: 22px;
    height: 100%;
    background: transparent;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.24s linear 0.1s;
  }

  &:hover &-handler-wrap {
    opacity: 1;
  }

  &-handler-up {
    cursor: pointer;
    &-inner {
      top: 1px;
      &:before {
        text-align: center;
        content: "\e602";
      }
    }
    &:hover {
      height: 16px;
    }
    &:hover &-inner {
      margin-top: 2px;
    }
  }

  &-handler-down {
    border-top: 1px solid @border-color-base;
    top: -1px;
    cursor: pointer;
    &-inner {
      &:before {
        text-align: center;
        content: "\e603";
      }
    }
    &:hover {
      height: 16px;
      margin-top: -2px;
    }
  }

  &-handler-down-disabled,
  &-handler-up-disabled,
  &-disabled {
    .@{input-number-prefix-cls}-handler-down-inner,
    .@{input-number-prefix-cls}-handler-up-inner {
      .handler-disabled();
    }
  }

  &-disabled {
    .@{input-number-prefix-cls}-input {
      opacity: 0.72;
      cursor: not-allowed;
      background-color: #f3f3f3;
    }
    .@{input-number-prefix-cls}-handler-wrap {
      display: none;
    }
    .@{input-number-prefix-cls}-handler {
      .handler-disabled();
    }
  }
}

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

@input-number-prefix-cls: ant-input-number;

.handler-disabled() {
  opacity: 0.72;
  color: #ccc !important;
  cursor: not-allowed;
}

.@{input-number-prefix-cls} {
  .input();
  margin: 0;
  padding: 0;
  line-height: 28px;
  font-size: 12px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid @border-color-base;
  border-radius: @border-radius-base;
  overflow: hidden;
  width: 80px;

  &-handler {
    text-align: center;
    line-height: 0;
    height: 14px;
    overflow: hidden;
    color: #999;
    position: relative;
    transition: all 0.1s linear;
    display: block;
    width: 100%;
    &:hover {
      background: #fefefe;
    }
    &:hover &-up-inner,
    &:hover &-down-inner {
      color: tint(@primary-color, 20%);
    }
  }

  &-handler-up-inner,
  &-handler-down-inner {
    .iconfont-mixin();
    line-height: 12px;
    user-select: none;
    position: absolute;
    width: 12px;
    height: 12px;
    transition: all 0.1s linear;
    .iconfont-size-under-12px(7px);
    right: 4px;
    color: #999;
  }

  &:hover {
    .hover();
  }

  &-focused {
    .active();
  }

  &-disabled {
    .disabled();
  }

  &-input-wrap {
    overflow: hidden;
    height: 28px;
  }

  &-input {
    width: 100%;
    text-align: left;
    outline: 0;
    -moz-appearance: textfield;
    line-height: 28px;
    height: 28px;
    transition: all 0.3s linear;
    color: #666;
    border: 0;
    border-radius: @border-radius-base;
    padding: 0 7px;

    &[disabled] {
      .disabled();
    }
  }

  &-lg {
    padding: 0;
    .@{input-number-prefix-cls}-handler-wrap {
      height: 32px;
    }
    .@{input-number-prefix-cls}-input-wrap {
      height: 32px;
    }
    .@{input-number-prefix-cls}-handler {
      height: 16px;
    }

    input {
      height: 32px;
      line-height: 32px;
    }

    .@{input-number-prefix-cls}-handler-up-inner {
      top: 2px;
    }
    .@{input-number-prefix-cls}-handler-down-inner {
      bottom: 2px;
    }
    .@{input-number-prefix-cls}-handler-up:hover {
      height: 18px;
    }
  }

  &-sm {
    padding: 0;
    .@{input-number-prefix-cls}-handler-wrap {
      height: 22px;
    }
    .@{input-number-prefix-cls}-input-wrap {
      height: 22px;
    }
    .@{input-number-prefix-cls}-handler {
      height: 11px;
    }

    input {
      height: 22px;
      line-height: 22px;
      margin-top: -1px;
      vertical-align: top;
    }
    .@{input-number-prefix-cls}-handler-up-inner {
      top: -1px;
    }
    .@{input-number-prefix-cls}-handler-down-inner {
      bottom: -1px;
    }
    .@{input-number-prefix-cls}-handler-up:hover {
      height: 13px;
    }
    .@{input-number-prefix-cls}-handler-down:hover .@{input-number-prefix-cls}-handler-down-inner {
      bottom: 4px;
    }
  }

  &-handler-wrap {
    border-left: 1px solid @border-color-base;
    width: 22px;
    height: 28px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.24s linear 0.1s;
  }

  &:hover &-handler-wrap {
    opacity: 1;
  }

  &-handler-up {
    cursor: pointer;
    &-inner {
      top: 1px;
      &:before {
        text-align: center;
        content: "\e602";
      }
    }
    &:hover {
      height: 16px;
    }
    &:hover &-inner {
      margin-top: 2px;
    }
  }

  &-handler-down {
    border-top: 1px solid @border-color-base;
    top: -1px;
    cursor: pointer;
    &-inner {
      &:before {
        text-align: center;
        content: "\e603";
      }
    }
    &:hover {
      height: 16px;
      margin-top: -2px;
    }
  }

  &-handler-down-disabled,
  &-handler-up-disabled,
  &-disabled {
    .@{input-number-prefix-cls}-handler-down-inner,
    .@{input-number-prefix-cls}-handler-up-inner {
      .handler-disabled();
    }
  }

  &-disabled {
    .@{input-number-prefix-cls}-input {
      opacity: 0.72;
      cursor: not-allowed;
      background-color: #f3f3f3;
    }
    .@{input-number-prefix-cls}-handler-wrap {
      display: none;
    }
    .@{input-number-prefix-cls}-handler {
      .handler-disabled();
    }
  }
}


Removed obsolete code

Removed obsolete code

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


less file

less file

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


explorer-results-accounts less

explorer-results-accounts less

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

explorer-results-accounts {
  .widget();
  .list();
}

error: pathspec 'app/styles/explorer/explorer-results-accounts.less' did not match any file(s) known to git


[Bug 1208367] Fix multiple selection dropdown width

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


added import meta-data

added import meta-data

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


Banner Tags

Banner Tags

- Modified banner categories tags opacity to improve visibility

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


Hook up newly organised code to magazine less file

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


Update UI icons

Update UI icons

 * Change graph range reset icon
 * Change (again) the metric icon

@fa-version: '4.1.0';

@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    src: url('./fonts/fontawesome-webfont.eot?v=@{fa-version}');
    src: url('./fonts/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
         url('./fonts/fontawesome-webfont.woff?v=@{fa-version}') format('woff'),
         url('./fonts/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),
         url('./fonts/fontawesome-webfont.svg#fontawesomeregular?v=@{fa-version}') format('svg');
}

.icon() {
    .no-select;
    font-family: 'FontAwesome';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-decoration: inherit;
}

.icon::before {
    .icon;
    display: inline-block;
    margin-right: 0.5em;
}

.icon-stack {
    position: relative;

    &::after {
        .icon;
        bottom: -0.35em;
        font-size: 0.85em;
        position: absolute;
        left: 2.65em;
        text-shadow: 1px 0 0 @NavBackgroundColor,
                     0 1px 0 @NavBackgroundColor,
                     -1px 0 0 @NavBackgroundColor,
                     0 -1px 0 @NavBackgroundColor;
    }
}

.icon-search::before       { content: '\f002'; }
.icon-collection::before   { content: '\f00a'; }
.icon-cross::before        { content: '\f00d'; }
.icon-configure::before    { content: '\f013'; }
.icon-time::before         { content: '\f017'; }
.icon-download::before     { content: '\f019'; }
.icon-refresh::before      { content: '\f021'; }
.icon-print::before        { content: '\f02f'; }
.icon-edit::before         { content: '\f040'; }
.icon-add::before          { content: '\f055'; }
.icon-remove::before       { content: '\f057'; }
.icon-success::before      { content: '\f058'; }
.icon-info::before         { content: '\f05a'; }
.icon-source::before       { content: '\f05b'; }
.icon-arrow-left::before   { content: '\f060'; }
.icon-arrow-right::before  { content: '\f061'; }
.icon-plus::before         { content: '\f067'; }
.icon-minus::before        { content: '\f068'; }
.icon-error::before        { content: '\f06a'; }
.icon-warning::before      { content: '\f071'; }
.icon-calendar::before     { content: '\f073'; }
.icon-up::before           { content: '\f077'; }
.icon-down::before         { content: '\f078'; }
.icon-folder::before       { content: '\f07b'; }
.icon-reframe::before      { content: '\f07d'; }
.icon-graph::before        { content: '\f080'; }
.icon-metric::before       { content: '\f0ae'; }
.icon-copy::before         { content: '\f0c5'; }
.icon-scale::before        { content: '\f125'; }
.icon-unit::before         { content: '\f1de'; }
.icon-prev::before         { content: '\f137'; }
.icon-expand::before       { content: '\f150'; }
.icon-collapse::before     { content: '\f151'; }
.icon-origin::before       { content: '\f192'; }
.icon-reset::before        { content: '\f1da'; }

.icon-stack-source::after  { content: '\f05b'; }
.icon-stack-metric::after  { content: '\f0ae'; }

.icon-next {
    &::before {
        content: '';
    }

    &::after {
        .icon;
        content: '\f138';
        display: inline-block;
        margin-left: 0.5em;
    }
}

@fa-version: '4.1.0';

@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    src: url('./fonts/fontawesome-webfont.eot?v=@{fa-version}');
    src: url('./fonts/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
         url('./fonts/fontawesome-webfont.woff?v=@{fa-version}') format('woff'),
         url('./fonts/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),
         url('./fonts/fontawesome-webfont.svg#fontawesomeregular?v=@{fa-version}') format('svg');
}

.icon() {
    .no-select;
    font-family: 'FontAwesome';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-decoration: inherit;
}

.icon::before {
    .icon;
    display: inline-block;
    margin-right: 0.5em;
}

.icon-stack {
    position: relative;

    &::after {
        .icon;
        bottom: -0.35em;
        font-size: 0.85em;
        position: absolute;
        left: 2.65em;
        text-shadow: 1px 0 0 @NavBackgroundColor,
                     0 1px 0 @NavBackgroundColor,
                     -1px 0 0 @NavBackgroundColor,
                     0 -1px 0 @NavBackgroundColor;
    }
}

.icon-search::before       { content: '\f002'; }
.icon-collection::before   { content: '\f00a'; }
.icon-cross::before        { content: '\f00d'; }
.icon-configure::before    { content: '\f013'; }
.icon-time::before         { content: '\f017'; }
.icon-download::before     { content: '\f019'; }
.icon-refresh::before      { content: '\f021'; }
.icon-print::before        { content: '\f02f'; }
.icon-edit::before         { content: '\f040'; }
.icon-add::before          { content: '\f055'; }
.icon-remove::before       { content: '\f057'; }
.icon-success::before      { content: '\f058'; }
.icon-info::before         { content: '\f05a'; }
.icon-source::before       { content: '\f05b'; }
.icon-arrow-left::before   { content: '\f060'; }
.icon-arrow-right::before  { content: '\f061'; }
.icon-plus::before         { content: '\f067'; }
.icon-minus::before        { content: '\f068'; }
.icon-error::before        { content: '\f06a'; }
.icon-warning::before      { content: '\f071'; }
.icon-calendar::before     { content: '\f073'; }
.icon-up::before           { content: '\f077'; }
.icon-down::before         { content: '\f078'; }
.icon-folder::before       { content: '\f07b'; }
.icon-reframe::before      { content: '\f07d'; }
.icon-graph::before        { content: '\f080'; }
.icon-copy::before         { content: '\f0c5'; }
.icon-scale::before        { content: '\f125'; }
.icon-unit::before         { content: '\f1de'; }
.icon-reset::before        { content: '\f12d'; }
.icon-prev::before         { content: '\f137'; }
.icon-expand::before       { content: '\f150'; }
.icon-collapse::before     { content: '\f151'; }
.icon-origin::before       { content: '\f192'; }
.icon-metric::before       { content: '\f1c0'; }

.icon-stack-source::after  { content: '\f05b'; }
.icon-stack-metric::after  { content: '\f1c0'; }

.icon-next {
    &::before {
        content: '';
    }

    &::after {
        .icon;
        content: '\f138';
        display: inline-block;
        margin-left: 0.5em;
    }
}


Delete font-awesome.less

Delete font-awesome.less

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


课程详情页

课程详情页


course-left-player

course-left-player


Owl

Owl

adding owl

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/koderhtml/html5-css3-starting-template.git/'


Update static/vendors/font-awesome/less/font-awesome.less

Signed-off-by: Bernard Ojengwa <fccb4cc00c1ba7e51bf5c2b5f77130b9fe8d917e@gmail.com>

/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@import "variables.less";
@import "mixins.less";
@import "path.less";
@import "core.less";
@import "larger.less";
@import "fixed-width.less";
@import "list.less";
@import "bordered-pulled.less";
@import "spinning.less";
@import "rotated-flipped.less";
@import "stacked.less";
@import "icons.less";

error: pathspec 'static/vendors/font-awesome/less/font-awesome.less' did not match any file(s) known to git


Styleguide primary colour

Styleguide primary colour

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


Video height fix. Container height fix

Video height fix. Container height fix

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


Highlight the full active line and only hightlight in the focused editor

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


Re-add styles.less (whoops)

Re-add styles.less (whoops)

fatal: unable to access 'https://github.com/kokarn/division-item-display.git/': The requested URL returned error: 403


static control

static control

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


update: by wangpei

update: by wangpei

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


fix transition-property bug

fix transition-property bug

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


Missing media

Missing media

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/dchaplinsky/pep.org.ua.git/'


few tweaks for mobile

few tweaks for mobile

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/MerlinBB/atp-marketing.git/'


fonts revered

fonts revered

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


Make favorites width 30px

Make favorites width 30px

.activity-table {
  table-layout: fixed;

  th {
    width: 75px;
  }

  th, td {
    .text-overflow();
    padding-right: 0.5em;
  }

  .branch {
    width: 175px;
  }
  .message {
    width: 50%;
  }

  .duration, .completed {
    width: 125px;
  }

  .status-link {
    cursor: pointer;
  }
}

.pipelines-table {
  table-layout: fixed;

  th {
    width: 100px;
  }

  th, td {
    .text-overflow();
    padding-right: 0.5em;
  }

  .name {
    width: auto;
  }

  .favorite {
    width: 30px;
  }

}

.multibranch-table {
  table-layout: fixed;

  th {
    width: 75px;
  }

  th, td {
    .text-overflow();
    padding-right: 0.5em;
  }

  .branch {
    width: 200px;
  }
  .message {
    width: 50%;
  }

  .lastcommit, .completed {
    width: 125px;
  }
}

.pr-table {
  table-layout: fixed;

  th {
    width: 75px;
  }

  th, td {
    .text-overflow();
    padding-right: 0.5em;
  }

  .summary {
    width: 100%;
  }

  .build, .completed {
    width: 125px;
  }
}

.changeset-table {
  table-layout: fixed;

  th, td {
    .text-overflow();
    padding-right: 0.5em;
  }

  th {
    width: 100px;
  }

  .author {
    width: 150px;
  }

  .message {
    width: 100%;
  }
}

.artifacts-table {
  table-layout: fixed;

  th, td {
    .text-overflow();
    padding-right: 0.5em;
  }

  th {
    width: 100px;
  }

  .name {
    width: 100%;
  }

  .download {
    text-align: right;
  }
}

// TODO: duplicated from the JDL; long-term may want to expose mixins to Less in other plugins? (UX-285?)
.text-overflow() {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.activity-table {
  table-layout: fixed;

  th {
    width: 75px;
  }

  th, td {
    .text-overflow();
    padding-right: 0.5em;
  }

  .branch {
    width: 175px;
  }
  .message {
    width: 50%;
  }

  .duration, .completed {
    width: 125px;
  }

  .status-link {
    cursor: pointer;
  }
}

.pipelines-table {
  table-layout: fixed;

  th {
    width: 100px;
  }

  th, td {
    .text-overflow();
    padding-right: 0.5em;
  }

  .name {
    width: auto;
  }

  .favorite {
    width: 50px;
  }

}

.multibranch-table {
  table-layout: fixed;

  th {
    width: 75px;
  }

  th, td {
    .text-overflow();
    padding-right: 0.5em;
  }

  .branch {
    width: 200px;
  }
  .message {
    width: 50%;
  }

  .lastcommit, .completed {
    width: 125px;
  }
}

.pr-table {
  table-layout: fixed;

  th {
    width: 75px;
  }

  th, td {
    .text-overflow();
    padding-right: 0.5em;
  }

  .summary {
    width: 100%;
  }

  .build, .completed {
    width: 125px;
  }
}

.changeset-table {
  table-layout: fixed;

  th, td {
    .text-overflow();
    padding-right: 0.5em;
  }

  th {
    width: 100px;
  }

  .author {
    width: 150px;
  }

  .message {
    width: 100%;
  }
}

.artifacts-table {
  table-layout: fixed;

  th, td {
    .text-overflow();
    padding-right: 0.5em;
  }

  th {
    width: 100px;
  }

  .name {
    width: 100%;
  }

  .download {
    text-align: right;
  }
}

// TODO: duplicated from the JDL; long-term may want to expose mixins to Less in other plugins? (UX-285?)
.text-overflow() {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}