CONTACT-320 Add shadow for desktop subheader

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


Change post image max width (940px > 900px)

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


Change image margin

Change image margin

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


Delete page.less

Delete page.less

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


Modified map size

Modified map size

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


bump bottom padding on details panel

bump bottom padding on details panel

/*
 * Copyright 2014 Netflix, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@import "app/styles/imports/commonImports.less";

.details-panel {
  &.health-status-Healthy {
    background-color: @healthy_green;
    border-color: @healthy_green_border;
  }
  &.health-status-Unhealthy {
    background-color: @unhealthy_red;
    border-color: @unhealthy_red_border;
  }
}

.details-panel {
  position: fixed;
  top: 150px;
  bottom: 0;
  overflow-y: hidden;
  width: 240px;

  @media (max-width:768px) {
    top: 130px;
    margin-left: -25px;
    width: 95%;
  }

  @media(min-width: 768px) and (max-width: 992px) {
    top: 190px;
    width: 210px;
  }

  @media(min-width: 992px) {
    width: 220px;
  }
  @media(min-width: 1200px) {
    width: 240px;
  }

  border: 1px solid #aaaaaa;
  border-bottom-width: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #ffffff;
  padding: 0;
  margin-left: 20px;

  .header {
    border-bottom: 0;
  }

  &.disabled {
    .header {
      .header-text {
        .glyphicon, .icon {
          color: #aaaaaa;
        }
      }
    }
  }

  .content {
    overflow-y: auto;
    padding-bottom: 135px;
    height: 100%;

  }

  .header {
    padding: 20px 15px 0 15px;
    margin-bottom: 10px;
    .header-text {
      word-break: break-all;
      padding: 15px 0;
      display: table;
      .glyphicon, .icon {
        display: table-cell;
        vertical-align: middle;
        top: 50%;
        color: @healthy_green;
        font-size: 300%;
        &.unhealthy {
          color: @unhealthy_red;
        }
        &.disabled {
          color: @mid_light_grey;
        }
        padding-right: 10px;
      }
      h3 {
        vertical-align: middle;
        display: table-cell;
        padding: 0;
        font-weight: 600;
        line-height: 1;
        font-size: 20px;
      }
    }
    .actions {
      button {
        width: 100%;
      }
    }
  }

  .content-section, .collapsible-section {
    dl, ul {
      &:last-child {
        margin-bottom: 0;
      }
    }
    h4 {
      text-transform: uppercase;
      font-size: 110%;
      font-weight: 600;
      .glyphicon, .icon {
        font-size: 70%;
        opacity: 0.7;
        margin-right: 4px;
      }
    }
    .content-body {
      padding-left: 17px;
      ul {
        list-style-type: none;
        padding-left: 0;
      }
      .instance-health-counts {
        .pull-left;
      }
    }
    padding: 0;
    border-bottom: 1px solid #c4c4c4;

    &:last-child {
      border-bottom-width: 0;
    }

    &:first-child {
      padding-top: 0;
      border-top: 1px solid #c4c4c4;
    }
  }
}

/*
 * Copyright 2014 Netflix, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@import "app/styles/imports/commonImports.less";

.details-panel {
  &.health-status-Healthy {
    background-color: @healthy_green;
    border-color: @healthy_green_border;
  }
  &.health-status-Unhealthy {
    background-color: @unhealthy_red;
    border-color: @unhealthy_red_border;
  }
}

.details-panel {
  position: fixed;
  top: 150px;
  bottom: 0;
  overflow-y: hidden;
  width: 240px;

  @media (max-width:768px) {
    top: 130px;
    margin-left: -25px;
    width: 95%;
  }

  @media(min-width: 768px) and (max-width: 992px) {
    top: 190px;
    width: 210px;
  }

  @media(min-width: 992px) {
    width: 220px;
  }
  @media(min-width: 1200px) {
    width: 240px;
  }

  border: 1px solid #aaaaaa;
  border-bottom-width: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #ffffff;
  padding: 0;
  margin-left: 20px;

  .header {
    border-bottom: 0;
  }

  &.disabled {
    .header {
      .header-text {
        .glyphicon, .icon {
          color: #aaaaaa;
        }
      }
    }
  }

  .content {
    overflow-y: auto;
    padding-bottom: 120px;
    height: 100%;

  }

  .header {
    padding: 20px 15px 0 15px;
    margin-bottom: 10px;
    .header-text {
      word-break: break-all;
      padding: 15px 0;
      display: table;
      .glyphicon, .icon {
        display: table-cell;
        vertical-align: middle;
        top: 50%;
        color: @healthy_green;
        font-size: 300%;
        &.unhealthy {
          color: @unhealthy_red;
        }
        &.disabled {
          color: @mid_light_grey;
        }
        padding-right: 10px;
      }
      h3 {
        vertical-align: middle;
        display: table-cell;
        padding: 0;
        font-weight: 600;
        line-height: 1;
        font-size: 20px;
      }
    }
    .actions {
      button {
        width: 100%;
      }
    }
  }

  .content-section, .collapsible-section {
    dl, ul {
      &:last-child {
        margin-bottom: 0;
      }
    }
    h4 {
      text-transform: uppercase;
      font-size: 110%;
      font-weight: 600;
      .glyphicon, .icon {
        font-size: 70%;
        opacity: 0.7;
        margin-right: 4px;
      }
    }
    .content-body {
      padding-left: 17px;
      ul {
        list-style-type: none;
        padding-left: 0;
      }
      .instance-health-counts {
        .pull-left;
      }
    }
    padding: 0;
    border-bottom: 1px solid #c4c4c4;

    &:last-child {
      border-bottom-width: 0;
    }

    &:first-child {
      padding-top: 0;
      border-top: 1px solid #c4c4c4;
    }
  }
}


Delete variables.less

Delete variables.less

fatal: unable to access 'https://github.com/holly-luo/holly-luo.github.io.git/': The requested URL returned error: 403


added .message class

added .message class

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


Initial commit

Initial commit

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


Changed empty class name back.

Changed empty class name back.

fatal: unable to access 'https://github.com/topics-im/topics.git/': The requested URL returned error: 403


fix image sizes

fix image sizes

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


Added Bootstrap

Added Bootstrap

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/ziyaointl/Twitch-Viewboard.git/'


Fixes bright color visibility on contact page

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


Align select

Align select

.Select {
  display: inline-block;
  vertical-align: middle;

  select {
    display: inline-block;
    width: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 30px;
    cursor: pointer;
    line-height: 1;
  }
}
.Select-caret {
  margin-left: -30px;
  pointer-events: none;
  color: @control-color;
}

.Select {
  display: inline-block;
  vertical-align: middle;

  select {
    display: inline-block;
    width: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 30px;
    cursor: pointer;
  }
}
.Select-caret {
  margin-left: -30px;
  pointer-events: none;
  color: @control-color;
}


Styling Gods, forgive me what I have done, but it works: sign in button on 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/hevnly/asset-bazaar.git/'


Add color swatch LESS file

Add color swatch LESS file

This is for development purposes and not for production and should not be included in the main LESS file.

fatal: unable to access 'https://github.com/chriscorwin/fuelux-mctheme.git/': The requested URL returned error: 403


Update the design of table list card

Update the design of table list card

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/sonatra/sonatra-theme-gluon.git/'


Update and rename  to module-sickrage.less

sickrage mod

#sickrage {

  .menu {
    .history span {
      background-image: url('/@{webroot}/images/history.png');
    }
    .all {
      text-indent: 0;
    }
    .upcoming span  {
      background-image: url('/@{webroot}/images/coming.png');
    }
    .snatched {
      &.active {
        background-image: url('/@{webroot}/images/alpha/fff_20.png');
      }
      span{
        background-image: url('/@{webroot}/images/snatched.png');
      }
    }
    li.active {
      background-image: url('/@{webroot}/images/alpha/fff_20.png');
    }
  }

  div.back,
  .sr-back {
    background: url('/@{webroot}/images/alpha/fff_10.png');
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-left: 4px;
    position: absolute;
    right: 121px;
    text-align: center;
    top: 10px;
    width: 30px;

    .border-radius(4px);

    &:hover {
      background: url('/@{webroot}/images/alpha/fff_20.png');
    }
  }

  div.powerholder {
    text-align:right;
    margin-top: 10px;
    margin: 5px;
    cursor: default;

    .button {
      background: url('/@{webroot}/images/alpha/fff_10.png');
      cursor: pointer;
      display: inline-block;
      height: 30px;
      line-height: 30px;
      margin: 5px 0 0 4px;
      text-align: center;
      right: 0px;
      color: #ccc;
      vertical-align: middle;
      width: 30px;

      .border-radius(4px);

      &:hover {
        background: url('/@{webroot}/images/alpha/fff_20.png');
      }

      img {
        height: 14px;
        margin-top: 8px;
        width: 14px;
      }
    }

    .add {
      font-size: 1.5em;
    }

    .log {
      font-size: 0.8em;
    }

    input[type="search"] {
      vertical-align: bottom;
      background: url('/@{webroot}/images/alpha/fff_10.png');
      border: 1px solid #222;
      cursor: pointer;
      color: #ccc;
      height: 30px;
      line-height: 30px;
      padding: 2px;
      margin-top: 5px;
      .border-radius(4px);
      -webkit-appearance: none;

      &:hover {
        background: url('/@{webroot}/images/alpha/fff_20.png');
      }

      &:focus {
        background: url('/@{webroot}/images/alpha/fff_40.png');
      }
    }
  }

  #sr_content {
    max-height: 264px;
    overflow: auto;

    #sr_future .missed .coming_ep {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      border: 2px solid red;
    }
  }

  h3 {
    margin: 15px;
  }

  .plot { z-index: 2; }

  .coming_ep {
    width: 100%;
    position: relative;
    overflow: hidden;

    h2 {
      position: absolute;
      top: 0;
      max-width: 70%;
      left: 0;
      color: white;
      font: bold 10px/12px Arial;
      background: rgb(0, 0, 0); /* fallback color */
      background: rgba(0, 0, 0, 0.5);
      padding: 5px 5px 5px 15px;
      z-index: 1;

      a:hover {
        background: rgba(0, 0, 0, 0.2);
      }
    }

    .options {
      position: absolute;
      top: 0;
      right: 0;
      width: 70px;
      height: 19px;
      background: rgb(0, 0, 0); /* fallback color */
      background: rgba(0, 0, 0, 0.5);
      padding: 5px;
      z-index: 1;

      img {
        cursor: pointer;
        width: 15px;
        padding: 2.5px;
      }
    }

    &:hover .details {
      display: block;
    }

    .details {
      bottom: 0;
      display: none;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;

      .airs {
        position: absolute;
        bottom: 0;
        left: 0;
        background: rgb(0, 0, 0); /* fallback color */
        background: rgba(0, 0, 0, 0.5);
        padding: 5px 5px 5px 15px;
      }

      .plot,
      .plot-title {
        position: absolute;
        bottom: 0;
        right: 0;
        background: rgb(0, 0, 0); /* fallback color */
        background: rgba(0, 0, 0, 0.5);
        padding: 5px 15px 5px 5px;

        &:hover {
          cursor: pointer;
        }
      }

      .plot {
        display: none;
        line-height: 1.2em;
        top: 0;
        background: rgba(0, 0, 0, 0.9);
        padding-left: 15px;

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

  &.compact {
    .coming_ep {
      position: static;
      overflow: visible;
      width: auto;

      background: url('/@{webroot}/images/alpha/fff_10.png');
      border: 1px solid #222;
      font-size: 0.9em;
      line-height: 1.3em;
      margin-top: 5px;
      padding: 3px 0 8px;
      position: relative;

      .border-radius(4px);

      &:hover {
        background: url('/@{webroot}/images/alpha/fff_20.png');
      }

      h2, .options, .details {
        background-color: transparent;
        position: static;
      }

      h2 {
        font-size: 1em;
        font-weight: normal;

        a {
          color: #fff;
        }
      }

      .options {
        padding: 0;
        position: absolute;
        right: 0;
        top: 2px;
      }

      .details {
        display: block;
        padding-left: 15px;
        font-size: 0.95em;
      }

      .airs {
        display: inline;
        position: static;
        background-color: transparent;
        padding: 0;
      }

      .compact_plot {
        display: inline;
      }
    }
  }

  #sickrage-list {
    ul {
      overflow: auto;
      width: 98%;
      overflow: hidden;
      padding: 2px;
    }
    li {
      background: url('/@{webroot}/images/alpha/fff_10.png');
      border: 1px solid #222;
      cursor: pointer;
      line-height: 1.5em;
      margin-top: 5px;
      padding: 5px 5px;
      position: relative;

      .border-radius(4px);

      &:hover {
        background: url('/@{webroot}/images/alpha/fff_20.png');
      }

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

      .xhrloading {
        position: absolute;
        right: 5px;
        top: 6px;
      }

      .show-image{
        left: 10px;
        position: absolute;
        height: 20px;
        top: 4px;
      }

      .show-name{
        display: block;
        padding-left: 121px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
  }

  #sr_content > #sr_show{
    ul {
      margin-top: 5px;
      width: 100%;
      overflow: hidden;
    }
    li {
      background: url('/@{webroot}/images/alpha/fff_10.png');
      border: 1px solid #222;
      cursor: pointer;
      line-height: 1.5em;
      margin-top: 5px;
      padding: 5px 15px;

      .border-radius(4px);

      &:hover {
        background: url('/@{webroot}/images/alpha/fff_20.png');
      }
    }

    li {
      position: relative;

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

      .xhrloading {
        position: absolute;
        right: 5px;
        top: 6px;
      }
    }

    div.banner{
      width: 100%;
      position: relative;
      overflow: hidden;
      z-index: 5;

      img{
        width: 100%;
      }

      h2{
        top: 0;
        max-width: 70%;
        left: 0;
        font: bold 18px/20px Arial;

        a:hover {
          background: rgba(0, 0, 0, 0.2);
        }
      }

      h2, p {
        position: absolute;
        color: white;
        background: rgb(0, 0, 0); /* fallback color */
        background: rgba(0, 0, 0, 0.8);
        padding: 5px;
      }

      p {
        font: bold 10px/14px Arial;
      }

      p.airtime {
        bottom: 0;
        right: 0;
      }
      p.quality {
        right: 0;
        top: 0;
      }
      p.genre {
        left: 0;
        bottom: 0;
      }
      p.options {
        left: 50%;
        bottom: 0;
        cursor: pointer;
        .border-radius(4px);
        border-top:1px dashed red;
        border-right:1px dashed red;
        border-left:1px dashed red;

        &:hover{
          background: url('/@{webroot}/images/alpha/fff_40.png');
          color: black;
        }
      }
    }
    div.manage {
      z-index: 4;
      height: 40px;
      width: 100%;
      position: relative;
      margin-top: -35px;
      text-align: center;

      div {
        background: url('/@{webroot}/images/alpha/fff_20.png');
        padding: 4px;
        width: 28%;
        height: 15px;
        margin: 1%;
        float: left;
        overflow: hidden;
        line-height: 18px;
        .border-radius(4px);
        &:hover {
          background: url('/@{webroot}/images/alpha/fff_40.png');
          cursor: pointer;
          color: black;
        }
        img {
          vertical-align: -3px;
          padding-right: 4px;
        }
      }
    }
  }
  #sr_missed {
    cursor: pointer;
    position:absolute;
    top: -10px;
    left: -10px;
    background: url('/@{webroot}/images/alpha/fff_40.png');
    width: 28px;
    height: 28px;
    color: white;
    font-weight: bold;
    font-size:1.5em;
    line-height: 28px;
    text-align: center;
    border-radius:30px;
    box-shadow:1px 1px 1px gray;
    border-color: #fff;
    border-width: thick;
  }

  .missed {
    display: none;
  }

  table#season {
    table-layout: fixed;
    width: 99%;
    font-size: 0.8em;
  }

  div.history {
    max-height: 300px;
    width: 100%;

    ul {
      width: 100%;
      overflow: hidden;

    	&.Snatched{
    		display: none;
    	}
      li {
        background: url('/@{webroot}/images/alpha/fff_10.png');
        border: 1px solid #222;
        line-height: 1.5em;
        margin-top: 5px;
        padding: 5px 5px;
        position: relative;

        .border-radius(4px);

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

        &:hover {
          background: url('/@{webroot}/images/alpha/fff_20.png');
        }

        .xhrloading {
          position: absolute;
          right: 5px;
          top: 6px;
        }

        img {
          left: 10px;
          position: absolute;
          top: 4px;
          height: 20px;
        }

        .name{
          display: block;
          padding-left: 121px;
          padding-right: 100px;
        }

        .status {
          right: 10px;
          position: absolute;
          top: 4px;
        }

        .extra-info {
          display: none;
          position: absolute;
          bottom: 0;
          left: 0;
          background: rgb(0, 0, 0); /* fallback color */
          background: rgb(0, 0, 0);
          padding: 5px;
          font-size: xx-small;
        }
      }
    }
  }

  .episode-list{
    .tablesorter {
      table-layout: fixed;
      width: 100%;
      .ep {
    	width: 8%;
    	text-align: left;
      }
      .name {
    	width: 45%;
      }
      .status {
    	width: 10%;
      }
      .airdate {
    	width: 22%;
      }
      .quality {
    	width: 15%;
      }
      thead th {
    	cursor: pointer;
      }
      tbody tr {
        color: white;
        cursor: pointer;
	    background: url('/@{webroot}/images/alpha/fff_10.png');
        padding: 5px;

        &:hover {
          background: url('/@{webroot}/images/alpha/fff_20.png');
        }

    	td {
    	  overflow: hidden;
    	  white-space: nowrap;
    	}
      }

      th {
        text-align: left;
      }

      td, th {
        padding: 5px;
      }
      td:first-child, th:first-child {
        padding-left: 15px;
      }
    }
  }

  .episode-info {
    line-height: 1.4em;
    padding: 15px;

    h4 {
      float: left;
      margin: 4px 10px 0 0;
    }

    h4.downloaded {
      background: url('/@{webroot}/images/yes.png') no-repeat right;
      float: none;
      padding-right: 20px;
    }

    .status {
      float: right;
      margin-left: 15px;
      .search{
        cursor: pointer;
      }
    }

    .plot {
      margin: 10px 0 15px;
    }

    .details {
      border-top: 1px solid #333;
      padding-top: 15px;
    }
  }

  #sr_search {
    width: 100%;
    select {
      margin: 5px 2%;
      width: 28%;
    }
    form {
      text-align: center;

      input[type=search] {
        border: none;
        padding: 2px 5px;
        width: 240px;
        .border-radius(2px);
      }
    }

    div#sr_result{
      max-height: 200px;
      overflow: auto;
      position: relative;
      ul{
        li{
          padding: 10px;
          margin: 5px;
          background: url('/@{webroot}/images/alpha/fff_10.png');
          .border-radius(4px);
          &:hover{
            background: url('/@{webroot}/images/alpha/fff_20.png');
            cursor: pointer;
          }
          span {
            float: right;
          }
        }
      }
    }
  }

  #sr_log {
    .log {
      line-height: 1.3em;
      overflow: auto;
      height: 211px;
      margin-left: 15px;

      p {
        white-space: nowrap;
      }
    }
  }
}

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


Adds styling for 'add to shopping bag' button


styled the footer element instead of the #footer identifier


header__cta padding fix

header__cta padding 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/putterschool/styleguide.git/'


Style breadcrumb for search results

Style breadcrumb for search results

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/kyfr59/atom-cg35.git/'


add gist-overrides.less for rendering gist with assemble styles

//
// Gist Overrides
// ---------------------------------------

// Override normal list styles to render
// bullets and improve spacing in examples
.panel {
  ul {
    list-style: disc !important;
  }
  ol li,
  ul li {
    padding-left: 15px !important;
    margin: 0 0 25px 25px !important;
  }
  ol ol,
  ul ul {
    list-style-type: circle !important;
  }
}

// Increase specificity to override styles from embedded Gists
body {
  .gist {
    color: @text-color;
  }
  .gist blockquote {
    margin-left: 0;
  }
  .gist pre {
    color: #A2A8A8;
    font: inherit;
    font-family: @font-family-monospace;
    line-height: 1.7em;
    padding: 25px;
    white-space: pre;
  }
  .gist .highlight {
    display: block;
    padding: 0;
    margin: 1em 0 3em;
    // background: #F8F8FF;
    background: transparent;
    border: none;
    border-radius: 0;
    pre {
      color: #A2A8A8;
      padding: 25px;
      margin: 1em 0 3em;
      font-family: @font-family-monospace;
      font-size: 14px;
      line-height: 1.7em;
      background-color: #f9f9f9;
      border: 1px solid #ddd;
      border-radius: 2px;
    }
  }

  // The entire embedded file
  .gist .gist-file {
    margin-bottom: 3em;
    font-family: @font-family-sans-serif;
    border: none;
  }

  .gist .gist-file .gist-data {
    overflow: auto;
    font-size: 100%;
    word-wrap: normal;
    background-color: transparent;
    border-bottom: none;
    .line-data {
      padding: 0.5em !important;
    }

    .line-pre {
      padding: 0 !important;
      margin: 0 !important;
      font-family: @font-family-monospace;
      background: transparent !important;
      border: none !important;
    }

    .gist-highlight {
      background: transparent !important;
    }

    .line-numbers {
      padding: 0.5em;
      color: #aaa;
      text-align: right;
      background-color: #ececec;
      border-right: 1px solid #ddd;
    }

    .line-numbers .line-number {
      display: block;
      clear: right;
    }
  }

  .gist-syntax {
    background: #ffffff;

    // Hide overflow to prevent oddly sized elements
    // from looking strange
    overflow: hidden;

    // Languages
    .c  {color: #999988; font-style: italic;  }
    .err{color: #a61717; background-color: #e3d2d2; }
    .k  {color: @text-color; font-weight: bold;  }
    .o  {color: @text-color; font-weight: bold;  }
    .cm {color: #999988; font-style: italic;  }
    .cp {color: #999999; font-weight: bold;  }
    .c1 {color: #999988; font-style: italic;  }
    .cs {color: #999999; font-style: italic; font-weight: bold;  }
    .gd {color: @text-color; background-color: #ffdddd; }
    .gd .x {color: @text-color; background-color: #ffaaaa; }
    .ge {color: @text-color; font-style: italic;  }
    .gr {color: #aa0000; }
    .gh {color: #999999; }
    .gi {color: @text-color; background-color: #ddffdd; }
    .gi .x {color: @text-color; background-color: #aaffaa; }
    .go {color: #888888; }
    .gp {color: #555555; }
    .gs {font-weight: bold; }
    .gu {color: #aaaaaa; }
    .gt {color: #aa0000; }
    .kc {color: @text-color; font-weight: bold; }
    .kd {color: @text-color; font-weight: bold; }
    .kp {color: @text-color; font-weight: bold; }
    .kr {color: @text-color; font-weight: bold; }
    .kt {color: #445588; font-weight: bold; }
    .m  {color: #009999; }
    .s  {color: #dd1144; }
    .na {color: #008080; }
    .nb {color: #0086b3; }
    .nc {color: #445588; font-weight: bold; }
    .no {color: #008080; }
    .ni {color: #800080; }
    .ne {color: #990000; font-weight: bold; }
    .nf {color: #990000; font-weight: bold; }
    .nn {color: #555555; }
    .nt {color: #000080; }
    .nv {color: #008080; }
    .ow {color: @text-color; font-weight: bold; }
    .w  {color: #bbbbbb; }
    .mf {color: #009999; }
    .mh {color: #009999; }
    .mi {color: #009999; }
    .mo {color: #009999; }
    .sb {color: #dd1144; }
    .sc {color: #dd1144; }
    .sd {color: #dd1144; }
    .s2 {color: #dd1144; }
    .se {color: #dd1144; }
    .sh {color: #dd1144; }
    .si {color: #dd1144; }
    .sx {color: #dd1144; }
    .sr {color: #009926; }
    .s1 {color: #dd1144; }
    .ss {color: #990073; }
    .bp {color: #999999; }
    .vc {color: #008080; }
    .vg {color: #008080; }
    .vi {color: #008080; }
    .il {color: #009999; }
  }

  .gist .gist-file {

    // By default, hide the metadata block with links to GitHub
    .gist-meta {
      display: none !important;

      // Customize the styles if you want to display it
      padding: 0.5em;
      overflow: hidden;
      font-family: @font-family-sans-serif;
      font-size: 85%;
      color: #666;
      background-color: #eaeaea;
      a {
        color: @link-color;
        &:visited {
          color: #773377;
        }
      }
    }
  }
}

error: pathspec 'src/less/docs/gist-overrides.less' did not match any file(s) known to git


Created metadata section

Created metadata section

fatal: unable to access 'https://github.com/Kungbib/frontend-guide.git/': The requested URL returned error: 403


Added @TomMalbran's new less file that consolidates all scrollbar styles.

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

/* Temporary implementation of unobtrusive scrollbars.
   FUTURE: These currently rely on nonstandard WebKit styles, and don't have all the right behavior.
   Longer-term, we'll need to implement custom scrollbars. */

.platform-mac   .quiet-scrollbars,
.platform-win   .quiet-scrollbars,
.platform-linux .quiet-scrollbars {

    ::-webkit-scrollbar {
        width: 9px;
        height: 9px;
    }

    ::-webkit-scrollbar-corner {
        background-color: transparent;
    }

    ::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,0);
        box-shadow: none;
        border: none;
    }

    /* This looks like a dupe, but without it the thumb doesn't fade in
     * properly, probably due to flakiness in how these styles are handled
     * in the build of WebKit that's in CEF.
     */
    ::-webkit-scrollbar-corner {
        background-color: transparent;
    }

    /* The data URIs for the thumb were generated from the Fireworks files in
     * styles/vertical-thumb-fw-outline.png and styles/horiz-thumb-fw-outline.png.
     */
    :hover::-webkit-scrollbar-thumb:vertical,
    :focus::-webkit-scrollbar-thumb:vertical {
        -webkit-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAUCAYAAABf2RdVAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQA0LzIzLzEyckCqugAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAACPSURBVCiR7ZIhDoNAEEXfkJCsxKBJimTPwA3mDHvqsXWrquqaIH5FKUk3XKAJT87789U3SQkYgZ5fNuABvDpgrLUOOefZzBYzW3LOc6112J/pgL6UMkZE+lZERCqlHO0m6WZmCydICuDencmWK/Tfoc3dn63YbxsAkpKkyd1XwD/eV0nT7jBJAO2Ej+kCvAFNxTqyZCNcEQAAAABJRU5ErkJggg==") 9 0;
        border-color: transparent;
        border-width: 9px 0;
        min-height: 20px;
    }

    :hover::-webkit-scrollbar-thumb:horizontal,
    :focus::-webkit-scrollbar-thumb:horizontal {
        -webkit-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAYAAAAywQxIAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQA0LzIzLzEyckCqugAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAACLSURBVCiRrdIxCgIxEEbhfxYFOyuxCCLazjGmTu6YKyRV7hFLCzshlcXCQoqxMWCd5B3gqx6pKgAcAJwA7NFfBVB2P+zsnLvGGI89kois3vtijAGp6sU5d+vFWsy85ZyfpKp3IuIRrKWqj2UG9N8CoFprP6MQM28NLCGE1wgqImtK6Q2g0uxtGjitL9E6N1T9Wl8CAAAAAElFTkSuQmCC") 0 9;
        border-color: transparent;
        border-width: 0 9px;
        min-width: 20px;
    }
}

.platform-linux, .platform-mac {
    ::-webkit-scrollbar {
        width: 12px;
        height: 12px;
    }

    ::-webkit-scrollbar-track:vertical {
        margin: 0 0 8px 0;
    }

    ::-webkit-scrollbar-track:horizontal {
        margin: 0 8px 0 0;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 999px;
        box-shadow: 0 0 0 4px @custom-scrollbar-thumb inset;
        border: 2px solid rgba(0, 0, 0, 0);
    }

    ::-webkit-scrollbar-corner {
        background: none;
    }

    ::-webkit-scrollbar-thumb:window-inactive {
        box-shadow: 0 0 0 5px @custom-scrollbar-thumb-inactive inset;
    }
}

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