Remove placeholder styles and fix indentation

[#101383426]

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/CanopyCloud/OSCF-UI.git/'


Icon descending added

Icon descending added

// ICON FONT
// Glyphs and icons for buttons, nav, and more
// -------------------------------------------

// All icons receive the styles of the  tag with a base class
// of .i and are then given a unique class to add width, height,
// and font specification. Your resulting HTML will look like
// .

// For the white version of the icons, just add the .white class:
//

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

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-family: 'sd_icons';
  font-size: 16px;
  color: @grayDark;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}
.icon-white {
  color: @white;
}
[class^="icon-"].blue {
  color: @sd-blue;
}
[class^="icon-"].red {
  color: @red;
}
[class^="icon-"].white {
  color: @white;
}

.icon-round {
  .border-radius(50%);
  background-color: @sd-blue;
}

// Icons definition
.icon-photo:before {
  content: "\e600";
}
.icon-video:before {
  content: "\e601";
}
.icon-map-marker:before {
  content: "\e602";
}
.icon-slideshow:before {
  content: "\e603";
}
.icon-text:before {
  content: "\e604";
}
.icon-file:before {
  content: "\e605";
}
.icon-calendar:before {
  content: "\e606";
}
.icon-composite:before {
  content: "\e607";
}
.icon-audio:before {
  content: "\e608";
}
.icon-stream:before {
  content: "\e609";
}
.icon-ingest:before {
  content: "\e60a";
}
.icon-archive:before {
  content: "\e60b";
}
.icon-time:before {
  content: "\e60c";
}
.icon-pin:before {
  content: "\e60d";
}
.icon-expand:before {
  content: "\e60e";
}
.icon-ascending:before {
  content: "\e60f";
}
.icon-descending {
  transform: rotate(180deg);
}
.icon-descending:before {
  content: "\e60f";
}
.icon-th:before {
  content: "\e610";
}
.icon-th-list:before {
  content: "\e611";
}
.icon-pencil:before {
  content: "\e612";
}
.icon-lock:before {
  content: "\e613";
}
.icon-retweet:before {
  content: "\e614";
}
.icon-unspike:before {
  content: "\e615";
}
.icon-fullscreen:before {
  content: "\e616";
}
.icon-fetch-as:before {
  content: "\e617";
}
.icon-search:before {
  content: "\e618";
}
.icon-star:before {
  content: "\e619";
}
.icon-star-empty:before {
  content: "\e61a";
}
.icon-multi-star:before {
  content: "\e61b";
}
.icon-th-large:before {
  content: "\e61c";
}
.icon-ok:before {
  content: "\e61d";
}
.icon-zoom-in:before {
  content: "\e61e";
}
.icon-zoom-out:before {
  content: "\e61f";
}
.icon-signal:before {
  content: "\e620";
}
.icon-filter-large:before {
  content: "\e621";
}
.icon-trash:before {
  content: "\e622";
}
.icon-user:before {
  content: "\e623";
}
.icon-download:before {
  content: "\e624";
}
.icon-upload:before {
  content: "\e625";
}
.icon-repeat:before {
  content: "\e626";
}
.icon-refresh:before {
  content: "\e627";
}
.icon-list-alt:before {
  content: "\e628";
}
.icon-plus-large:before {
  content: "\e629";
}
.icon-picture:before {
  content: "\e62a";
}
.icon-question-sign:before {
  content: "\e62b";
}
.icon-info-sign:before {
  content: "\e62c";
}
.icon-plus-sign:before {
  content: "\e62d";
}
.icon-minus-sign:before {
  content: "\e62e";
}
.icon-remove-sign:before {
  content: "\e62f";
}
.icon-share-alt:before {
  content: "\e630";
}
.icon-exclamation-sign:before {
  content: "\e631";
}
.icon-eye-open:before {
  content: "\e632";
}
.icon-copy:before {
  content: "\e633";
}
.icon-comment:before {
  content: "\e634";
}
.icon-warning-sign:before {
  content: "\e635";
}
.icon-adjust:before {
  content: "\e636";
}
.icon-folder-close:before {
  content: "\e637";
}
.icon-folder-open:before {
  content: "\e638";
}
.icon-download-alt:before {
  content: "\e639";
}
.icon-tasks:before {
  content: "\e63a";
}
.icon-globe:before {
  content: "\e63b";
}
.icon-link:before {
  content: "\e63c";
}
.icon-expand-thin:before {
  content: "\e63d";
}
.icon-assign:before {
  content: "\e63e";
}
.icon-dots:before {
  content: "\e63f";
}
.icon-dots-vertical:before {
  content: "\e63f";
}
.icon-dots-vertical {
  transform: rotate(90deg);
}
.icon-backward-thin:before {
  content: "\e640";
}
.icon-forward-thin:before {
  content: "\e641";
}
.icon-chevron-left-thin:before {
  content: "\e642";
}
.icon-chevron-right-thin:before {
  content: "\e643";
}
.icon-switches:before {
  content: "\e644";
}
.icon-plus-small:before {
  content: "\e645";
}
.icon-minus-small:before {
  content: "\e646";
}
.icon-close-small:before {
  content: "\e647";
}
.icon-post:before {
  content: "\e648";
}
.icon-external:before {
  content: "\e649";
}
.icon-chevron-up-thin:before {
  content: "\e64a";
}
.icon-chevron-down-thin:before {
  content: "\e64b";
}
.icon-pick:before {
  content: "\e64c";
}
.icon-revert:before {
  content: "\e64d";
}
.icon-package-plus:before {
  content: "\e64e";
}
.icon-list-plus:before {
  content: "\e64f";
}
.icon-envelope:before {
  content: "\e650";
}
.icon-heart:before {
  content: "\e651";
}
.icon-home:before {
  content: "\e652";
}
.icon-print:before {
  content: "\e653";
}
.icon-font:before {
  content: "\e654";
}
.icon-bold:before {
  content: "\e655";
}
.icon-italic:before {
  content: "\e656";
}
.icon-text-height:before {
  content: "\e657";
}
.icon-text-width:before {
  content: "\e658";
}
.icon-align-left:before {
  content: "\e659";
}
.icon-align-center:before {
  content: "\e65a";
}
.icon-align-right:before {
  content: "\e65b";
}
.icon-align-justify:before {
  content: "\e65c";
}
.icon-unordered-list:before {
  content: "\e65d";
}
.icon-indent-left:before {
  content: "\e65e";
}
.icon-indent-right:before {
  content: "\e65f";
}
.icon-ban-circle:before {
  content: "\e660";
}
.icon-bell:before {
  content: "\e661";
}
.icon-random:before {
  content: "\e662";
}
.icon-settings:before {
  content: "\e663";
}
.icon-package-create:before {
  content: "\e664";
}
.icon-list-menu:before {
  content: "\e665";
}
.icon-new-doc:before {
  content: "\e666";
}
.icon-edit-line:before {
  content: "\e667";
}
.icon-calendar-list:before {
  content: "\e668";
}
.icon-collapse:before {
  content: "\e669";
}
.icon-broadcast:before {
  content: "\e66a";
}
.icon-broadcast-create:before {
  content: "\e66b";
}

// ICON FONT
// Glyphs and icons for buttons, nav, and more
// -------------------------------------------

// All icons receive the styles of the  tag with a base class
// of .i and are then given a unique class to add width, height,
// and font specification. Your resulting HTML will look like
// .

// For the white version of the icons, just add the .white class:
//

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

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-family: 'sd_icons';
  font-size: 16px;
  color: @grayDark;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}
.icon-white {
  color: @white;
}
[class^="icon-"].blue {
  color: @sd-blue;
}
[class^="icon-"].red {
  color: @red;
}
[class^="icon-"].white {
  color: @white;
}

.icon-round {
  .border-radius(50%);
  background-color: @sd-blue;
}

// Icons definition
.icon-photo:before {
  content: "\e600";
}
.icon-video:before {
  content: "\e601";
}
.icon-map-marker:before {
  content: "\e602";
}
.icon-slideshow:before {
  content: "\e603";
}
.icon-text:before {
  content: "\e604";
}
.icon-file:before {
  content: "\e605";
}
.icon-calendar:before {
  content: "\e606";
}
.icon-composite:before {
  content: "\e607";
}
.icon-audio:before {
  content: "\e608";
}
.icon-stream:before {
  content: "\e609";
}
.icon-ingest:before {
  content: "\e60a";
}
.icon-archive:before {
  content: "\e60b";
}
.icon-time:before {
  content: "\e60c";
}
.icon-pin:before {
  content: "\e60d";
}
.icon-expand:before {
  content: "\e60e";
}
.icon-ascending:before {
  content: "\e60f";
}
.icon-th:before {
  content: "\e610";
}
.icon-th-list:before {
  content: "\e611";
}
.icon-pencil:before {
  content: "\e612";
}
.icon-lock:before {
  content: "\e613";
}
.icon-retweet:before {
  content: "\e614";
}
.icon-unspike:before {
  content: "\e615";
}
.icon-fullscreen:before {
  content: "\e616";
}
.icon-fetch-as:before {
  content: "\e617";
}
.icon-search:before {
  content: "\e618";
}
.icon-star:before {
  content: "\e619";
}
.icon-star-empty:before {
  content: "\e61a";
}
.icon-multi-star:before {
  content: "\e61b";
}
.icon-th-large:before {
  content: "\e61c";
}
.icon-ok:before {
  content: "\e61d";
}
.icon-zoom-in:before {
  content: "\e61e";
}
.icon-zoom-out:before {
  content: "\e61f";
}
.icon-signal:before {
  content: "\e620";
}
.icon-filter-large:before {
  content: "\e621";
}
.icon-trash:before {
  content: "\e622";
}
.icon-user:before {
  content: "\e623";
}
.icon-download:before {
  content: "\e624";
}
.icon-upload:before {
  content: "\e625";
}
.icon-repeat:before {
  content: "\e626";
}
.icon-refresh:before {
  content: "\e627";
}
.icon-list-alt:before {
  content: "\e628";
}
.icon-plus-large:before {
  content: "\e629";
}
.icon-picture:before {
  content: "\e62a";
}
.icon-question-sign:before {
  content: "\e62b";
}
.icon-info-sign:before {
  content: "\e62c";
}
.icon-plus-sign:before {
  content: "\e62d";
}
.icon-minus-sign:before {
  content: "\e62e";
}
.icon-remove-sign:before {
  content: "\e62f";
}
.icon-share-alt:before {
  content: "\e630";
}
.icon-exclamation-sign:before {
  content: "\e631";
}
.icon-eye-open:before {
  content: "\e632";
}
.icon-copy:before {
  content: "\e633";
}
.icon-comment:before {
  content: "\e634";
}
.icon-warning-sign:before {
  content: "\e635";
}
.icon-adjust:before {
  content: "\e636";
}
.icon-folder-close:before {
  content: "\e637";
}
.icon-folder-open:before {
  content: "\e638";
}
.icon-download-alt:before {
  content: "\e639";
}
.icon-tasks:before {
  content: "\e63a";
}
.icon-globe:before {
  content: "\e63b";
}
.icon-link:before {
  content: "\e63c";
}
.icon-expand-thin:before {
  content: "\e63d";
}
.icon-assign:before {
  content: "\e63e";
}
.icon-dots:before {
  content: "\e63f";
}
.icon-dots-vertical:before {
  content: "\e63f";
}
.icon-dots-vertical {
  transform: rotate(90deg);
}
.icon-backward-thin:before {
  content: "\e640";
}
.icon-forward-thin:before {
  content: "\e641";
}
.icon-chevron-left-thin:before {
  content: "\e642";
}
.icon-chevron-right-thin:before {
  content: "\e643";
}
.icon-switches:before {
  content: "\e644";
}
.icon-plus-small:before {
  content: "\e645";
}
.icon-minus-small:before {
  content: "\e646";
}
.icon-close-small:before {
  content: "\e647";
}
.icon-post:before {
  content: "\e648";
}
.icon-external:before {
  content: "\e649";
}
.icon-chevron-up-thin:before {
  content: "\e64a";
}
.icon-chevron-down-thin:before {
  content: "\e64b";
}
.icon-pick:before {
  content: "\e64c";
}
.icon-revert:before {
  content: "\e64d";
}
.icon-package-plus:before {
  content: "\e64e";
}
.icon-list-plus:before {
  content: "\e64f";
}
.icon-envelope:before {
  content: "\e650";
}
.icon-heart:before {
  content: "\e651";
}
.icon-home:before {
  content: "\e652";
}
.icon-print:before {
  content: "\e653";
}
.icon-font:before {
  content: "\e654";
}
.icon-bold:before {
  content: "\e655";
}
.icon-italic:before {
  content: "\e656";
}
.icon-text-height:before {
  content: "\e657";
}
.icon-text-width:before {
  content: "\e658";
}
.icon-align-left:before {
  content: "\e659";
}
.icon-align-center:before {
  content: "\e65a";
}
.icon-align-right:before {
  content: "\e65b";
}
.icon-align-justify:before {
  content: "\e65c";
}
.icon-unordered-list:before {
  content: "\e65d";
}
.icon-indent-left:before {
  content: "\e65e";
}
.icon-indent-right:before {
  content: "\e65f";
}
.icon-ban-circle:before {
  content: "\e660";
}
.icon-bell:before {
  content: "\e661";
}
.icon-random:before {
  content: "\e662";
}
.icon-settings:before {
  content: "\e663";
}
.icon-package-create:before {
  content: "\e664";
}
.icon-list-menu:before {
  content: "\e665";
}
.icon-new-doc:before {
  content: "\e666";
}
.icon-edit-line:before {
  content: "\e667";
}
.icon-calendar-list:before {
  content: "\e668";
}
.icon-collapse:before {
  content: "\e669";
}
.icon-broadcast:before {
  content: "\e66a";
}
.icon-broadcast-create:before {
  content: "\e66b";
}


For those who want the css to be in LESS format.

@popover-bg-color: #fff;
@popover-border-color: #d2d2d2;

@popover-triangle-size: 11px;
@popover-triangle-color: @popover-bg-color;
@popover-triangle-border-color: @popover-border-color;

.ns-popover-list-theme {
  box-sizing: border-box;
  border: solid 1px @popover-border-color;
  border-radius: 3px;
  z-index: 100;
  background-color: #fff;
  -webkit-box-shadow: 0 0.3125rem 0.625rem rgba(0,0,0,0.2);
     -moz-box-shadow: 0 0.3125rem 0.625rem rgba(0,0,0,0.2);
          box-shadow: 0 0.3125rem 0.625rem rgba(0,0,0,0.2);

  ul, .list {
    padding: 0;
    margin: 0.625rem 0;
    display: block;
  }

  li, .list-item {
    list-style-type: none;

    a {
      padding: 0.1875rem 0.625rem;
      display: block;

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

// @mixins
//
// We use this to create equilateral triangles
// @triangle-size - Used to set border-size. No default, set a px or em size.
// @triangle-color - Used to set border-color which makes up triangle. No default
// @triangle-direction - Used to determine which direction triangle points. Options: top, bottom, left, right
.triangle(@triangle-direction,
  @triangle-size:@popover-triangle-size,
  @triangle-color:@popover-triangle-color,
  @triangle-border-color:@popover-triangle-border-color) {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid @triangle-size;
  border-color: transparent;
  position: absolute;

  &:after {
    content: " ";
    display: block;
    width:0;
    height:0;
    border: solid (@triangle-size - 1px);
    border-color: transparent;
    position: absolute;
  }

  & when (@triangle-direction = top) {
    border-top-color: @triangle-border-color;
    left:50%;
    bottom: -@triangle-size;
    margin-left: -@triangle-size;

    &:after {
      border-top-color: @triangle-color;
      border-bottom-width: 0;
      bottom: 1px;
      margin-left: -(@triangle-size - 1px);
    }
  }

  & when (@triangle-direction = bottom) {
    border-bottom-color: @triangle-border-color;
    left:50%;
    top: -@triangle-size;
    margin-left: -@triangle-size;

    &:after {
      border-bottom-color: @triangle-color;
      border-top-width: 0;
      top: 1px;
      margin-left: -(@triangle-size - 1px);
    }
  }

  & when (@triangle-direction = left) {
    border-left-color: @triangle-border-color;
    top:50%;
    right: -@triangle-size;
    margin-top: -@triangle-size;

    &:after {
      border-left-color: @triangle-color;
      border-right-width: 0;
      right: 1px;
      bottom: -(@triangle-size - 1px);
    }
  }

  & when (@triangle-direction = right) {
    border-right-color: @triangle-border-color;
    top:50%;
    left: -@triangle-size;
    margin-top: -@triangle-size;

    &:after {
      border-right-color: @triangle-color;
      border-left-width: 0;
      left: 1px;
      bottom: -(@triangle-size - 1px);
    }
  }
}

.ns-popover-tooltip-theme {
  box-sizing: border-box;
  z-index: 100;
  background-color: transparent;

  .ns-popover-tooltip {
    box-sizing: border-box;
    border: solid 1px @popover-border-color;
    border-radius: 3px;
    z-index: 100;
    background-color: #fff;
    padding: 0.5625rem 0.875rem;
    max-width: 20rem;
    font-size: 0.875rem;
    -webkit-box-shadow: 0 0.3125rem 0.625rem rgba(0,0,0,0.2);
       -moz-box-shadow: 0 0.3125rem 0.625rem rgba(0,0,0,0.2);
            box-shadow: 0 0.3125rem 0.625rem rgba(0,0,0,0.2);
    margin: @popover-triangle-size - 1px;

    ul {
      padding: 0;
      margin: 0.625rem 0;
      display: block;
    }

    li {
      list-style-type: none;

      a {
        padding: 0.1875rem 0.625rem;
        display: block;

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

  &.ns-popover-bottom-placement {
    .triangle {
      .triangle("bottom");
    }
  }

  &.ns-popover-top-placement {
    .triangle {
      .triangle("top");
    }
  }

  &.ns-popover-right-placement {
    .triangle {
      .triangle("right");
    }
  }

  &.ns-popover-left-placement {
    .triangle {
      .triangle("left");
    }
  }

  &.ns-popover-left-align {
    .ns-popover-tooltip {
      margin-left: 0;
    }
  }

  &.ns-popover-right-align {
    .ns-popover-tooltip {
      margin-right: 0;
    }
  }

  &.ns-popover-top-align {
    .ns-popover-tooltip {
      margin-top: 0;
    }
  }

  &.ns-popover-bottom-align {
    .ns-popover-tooltip {
      margin-bottom: 0;
    }
  }
}

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


Add button-groups style

Add button-groups style

with bootstrap patterns

//
// Button groups
// --------------------------------------------------

// Make the div behave like a button
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; // match .btn alignment given font-size hack above
  > .btn {
    position: relative;
    float: left;
    // Bring the "active" button to the front
    &:hover,
    &:focus,
    &:active,
    &.active {
      z-index: 2;
    }
    &:focus {
      // Remove focus outline when dropdown JS adds it after closing the menu
      outline: none;
    }
  }
}

// Prevent double borders when buttons are next to each other
.btn-group {
  .btn + .btn,
  .btn + .btn-group,
  .btn-group + .btn,
  .btn-group + .btn-group {
    margin-left: -1px;
  }
}

// Optional: Group multiple button groups together for a toolbar
.btn-toolbar {
  margin-left: -5px; // Offset the first child's margin
  &:extend(.clearfix all);

  .btn-group,
  .input-group {
    float: left;
  }
  > .btn,
  > .btn-group,
  > .input-group {
    margin-left: 5px;
  }
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
.btn-group > .btn:first-child {
  margin-left: 0;
  &:not(:last-child):not(.dropdown-toggle) {
    .border-right-radius(0);
  }
}
// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  .border-left-radius(0);
}

// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child {
  > .btn:last-child,
  > .dropdown-toggle {
    .border-right-radius(0);
  }
}
.btn-group > .btn-group:last-child > .btn:first-child {
  .border-left-radius(0);
}

// On active and open, don't show outline
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

// Sizing
//
// Remix the default button sizing classes into new ones for easier manipulation.

.btn-group-xs > .btn { .btn-xs(); }
.btn-group-sm > .btn { .btn-sm(); }
.btn-group-lg > .btn { .btn-lg(); }

// Split button dropdowns
// ----------------------

// Give the line between buttons some depth
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

// The clickable button for toggling the menu
// Remove the gradient and set the same inset shadow as the :active state
.btn-group.open .dropdown-toggle {
  .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));

  // Show no shadow for `.btn-link` since it has no other button styles.
  &.btn-link {
    .box-shadow(none);
  }
}

// Reposition the caret
.btn .caret {
  margin-left: 0;
}
// Carets in other button sizes
.btn-lg .caret {
  border-width: @caret-width-large @caret-width-large 0;
  border-bottom-width: 0;
}
// Upside down carets for .dropup
.dropup .btn-lg .caret {
  border-width: 0 @caret-width-large @caret-width-large;
}

// Vertical button groups
// ----------------------

.btn-group-vertical {
  > .btn,
  > .btn-group,
  > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
  }

  // Clear floats so dropdown menus can be properly placed
  > .btn-group {
    &:extend(.clearfix all);
    > .btn {
      float: none;
    }
  }

  > .btn + .btn,
  > .btn + .btn-group,
  > .btn-group + .btn,
  > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0;
  }
}

.btn-group-vertical > .btn {
  &:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  &:first-child:not(:last-child) {
    border-top-right-radius: @border-radius-base;
    .border-bottom-radius(0);
  }
  &:last-child:not(:first-child) {
    border-bottom-left-radius: @border-radius-base;
    .border-top-radius(0);
  }
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) {
  > .btn:last-child,
  > .dropdown-toggle {
    .border-bottom-radius(0);
  }
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  .border-top-radius(0);
}

// Justified button groups
// ----------------------

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  > .btn,
  > .btn-group {
    float: none;
    display: table-cell;
    width: 1%;
  }
  > .btn-group .btn {
    width: 100%;
  }
}

// Checkbox and radio options
[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  display: none;
}

error: pathspec 'cp-strap/src/stylesheets/components/button-groups.less' did not match any file(s) known to git


fixed sections extending uk-dark

fixed sections extending uk-dark

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


Fix background being obscured by the zen package

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/matthewlucock/really-black-ui.git/'


Make the reset button less obnoxious

Make the reset button less obnoxious

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


initial mixins.less - commit

initial mixins.less - commit

all mixins imports for angstrom.

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


Fixed background color of the quote box

Fixed background color of the quote box

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


Removed transition between content and sidebar for mobile devices

It is not possible to use a transition in Internet Explorer unless we're using floats which in fact suck. width: 200% for display:table results in the strangest thing I've ever seen and furthermore that browser doesn't give a damn about white-space: nowrap with two inline-block children.

Thank you Internet Explorer.

Not.

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


Disables outline on all elements

Disables outline on all elements

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


hide recently viewed by default

hide recently viewed by default

@import 'lib';

#ajax_collections_list {
    margin: 0 0 .5em 0;
    li {
        cursor: pointer;
        padding: 5px 0 3px 30px;
        background: url(../../img/zamboni/icons/checks.png) no-repeat 0 4px;
    }
    li:hover {
        background-position: 0 -36px;
    }
    li.selected {
        background-position: 0 -76px;
    }
    li.ajax-loading {
       background-image: url(../../img/zamboni/loading-white.gif);
       background-position: left bottom;
    }
    a.outlink {
        margin-left: 4px;
        background-repeat: no-repeat;
        background-image: url(../../img/zamboni/icons/collections.png);
        white-space: nowrap;
        padding-left: 16px;
        background-position: 0 -850px;
        &:hover {
            background-position: 0 -900px;
        }
    }
}

#ajax_new_collection {
    border-top: 1px dashed #aecfda;
    padding: .5em 0 0 30px;
    margin: 0;
}

#add-to-collection {
    padding: 1em;
    form {
        margin-bottom: 0;
        #id_description {
            height: 6em;
        }
    }
    .register-button {
        margin: 1em 0;
    }
}

#slug_value {
    font-weight: bold;
    color: #222;
}

#collection-form-slug,
#clear-recents {
    font-size: .9em;
}

#collection-favorites-opts li {
    display: inline-block;
    margin-right: 1em;
}

.collections-details #id_name {
    display: block;
    -moz-box-sizing: border-box;
    width: 100%;
}

#collection_listed {
    margin-bottom: 1.5em;
    ul label {
        font-weight: normal;
    }
}

#slug_value {
    font-weight: bold;
    color: #222;
}

#collection-form-slug,
#clear-recents {
    font-size: .9em;
}

#collection-favorites-opts li {
    display: inline-block;
    margin-right: 1em;
}

.collections-details #id_name {
    display: block;
    -moz-box-sizing: border-box;
    width: 100%;
}

#collection_listed {
    margin: 0 0 1.5em;
}

#collection_listed ul label {
    font-weight: normal;
}

#recently-viewed {
    display: none;
    ul {
        margin: 0 0 4px;
    }
    h3 {
        border: none;
        margin: 0;
    }
    #clear-recents {
        color: #666;
        padding: 0 6px;
    }
}

.listing .item {
    &.watching {
        .install-shell {
            visibility: visible;
            .is-watching {
                display: block;
                font-weight: bold;
                float: right;
                padding: 7px 10px;
                position: absolute;
                right: 25px;
                text-align: right;
            }
            a {
                visibility: hidden;
            }
        }
        &:hover {
            .install-shell {
                .is-watching {
                    display: none;
                }
                a {
                    visibility: visible;
                }
            }
        }
    }
}

.secondary {
    .listing-grid {
        border: none;
        li {
            border: none;
        }
        .item.addon {
            margin-left: -3px;
        }
    }
}

@import 'lib';

#ajax_collections_list {
    margin: 0 0 .5em 0;
    li {
        cursor: pointer;
        padding: 5px 0 3px 30px;
        background: url(../../img/zamboni/icons/checks.png) no-repeat 0 4px;
    }
    li:hover {
        background-position: 0 -36px;
    }
    li.selected {
        background-position: 0 -76px;
    }
    li.ajax-loading {
       background-image: url(../../img/zamboni/loading-white.gif);
       background-position: left bottom;
    }
    a.outlink {
        margin-left: 4px;
        background-repeat: no-repeat;
        background-image: url(../../img/zamboni/icons/collections.png);
        white-space: nowrap;
        padding-left: 16px;
        background-position: 0 -850px;
        &:hover {
            background-position: 0 -900px;
        }
    }
}

#ajax_new_collection {
    border-top: 1px dashed #aecfda;
    padding: .5em 0 0 30px;
    margin: 0;
}

#add-to-collection {
    padding: 1em;
    form {
        margin-bottom: 0;
        #id_description {
            height: 6em;
        }
    }
    .register-button {
        margin: 1em 0;
    }
}

#slug_value {
    font-weight: bold;
    color: #222;
}

#collection-form-slug,
#clear-recents {
    font-size: .9em;
}

#collection-favorites-opts li {
    display: inline-block;
    margin-right: 1em;
}

.collections-details #id_name {
    display: block;
    -moz-box-sizing: border-box;
    width: 100%;
}

#collection_listed {
    margin-bottom: 1.5em;
    ul label {
        font-weight: normal;
    }
}

#slug_value {
    font-weight: bold;
    color: #222;
}

#collection-form-slug,
#clear-recents {
    font-size: .9em;
}

#collection-favorites-opts li {
    display: inline-block;
    margin-right: 1em;
}

.collections-details #id_name {
    display: block;
    -moz-box-sizing: border-box;
    width: 100%;
}

#collection_listed {
    margin: 0 0 1.5em;
}

#collection_listed ul label {
    font-weight: normal;
}

#recently-viewed {
    ul {
        margin: 0 0 4px;
    }
    h3 {
        border: none;
        margin: 0;
    }
    #clear-recents {
        color: #666;
        padding: 0 6px;
    }
}

.listing .item {
    &.watching {
        .install-shell {
            visibility: visible;
            .is-watching {
                display: block;
                font-weight: bold;
                float: right;
                padding: 7px 10px;
                position: absolute;
                right: 25px;
                text-align: right;
            }
            a {
                visibility: hidden;
            }
        }
        &:hover {
            .install-shell {
                .is-watching {
                    display: none;
                }
                a {
                    visibility: visible;
                }
            }
        }
    }
}

.secondary {
    .listing-grid {
        border: none;
        li {
            border: none;
        }
        .item.addon {
            margin-left: 0;
        }
    }
}


Add overflow: visible to icons

Add overflow: visible to icons

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


Fix typo.

Fix typo.

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


Fix background images view style issues

Fix background images view style issues

fatal: unable to access 'https://github.com/matthewlucock/really-black-ui.git/': The requested URL returned error: 403


Fix social buttons styles

Fix social buttons styles

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


Fix images width for news on the main 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/gmist/five-studio2.git/'


Make focused select option aqua instead of blue in settings

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/wwmyers/solarized-seti-ui.git/'


and this one

and this one

/**
* @stylesheet Typography
* @parent Styles.baseline-elements
*
* @description
* Global style definitions for all typographic elements including headings, paragraphs, lists, and blockquotes.
**/

/**
* @styles headings Headings
*
* @description
* H tags defniiting a typographical heirarchy
*
* @demo demos/typography/[THIS NEEDS DOING]
**/
h1,h2,h3,h4,h5,h6{
	margin: 0;
	margin-bottom: 10px;
}
	h1 { font-size: 2.5em; }
	h2 { font-size: 2em; }
	h3 { font-size: 1.5em; }
	h4 { font-size: 1.25em; }
	h5 { font-size: 1em; }
	h6 { font-size: .75em; }

/**
* @styles content Content Tags
*
* @description
* Typography for paragraphs, links, lists, etc.
*
* @demo demos/typography/[THIS NEEDS DOING]
**/
p, .p {
	font-size: 16px;
	line-height: 24px;
	margin-top: 0;
	margin-bottom: 15px;
}
a {
	text-decoration: underline;
	color: @colorLinks;
	cursor:pointer;
	&:hover {
		text-decoration: none;
	}
	img{
		border:none;
	}
}
hr {
	height:1px;
	margin-bottom:20px;
	background: @brand-color-6;
	border: none;
}
ol,ul{
	list-style:none;
}
ul{
	list-style: square;
	margin:0 0 21px 2.5em;
}
ol{
	list-style-type:decimal;
	margin:0 0 21px 3em;
	ol{
		list-style:upper-roman;
		ol{
			list-style:lower-roman;
			ol{
				list-style:upper-alpha;
				ol{
					list-style:lower-alpha;
				}
			}
		}
	}
}
ul ul,ol ol,ul ol,ol ul{
	margin-bottom:0;
}
dl{
	margin:0 0 18px 3px;
}
dl dt{
	font-weight:bold;
	margin:12px 0 0 0;
}
dl dd{
	margin:6px 0 0 1.5em;
}
strong, b {
	font-weight:bolder;
}
em,cite{
	font-style:italic;
}
em em,cite cite{
	font-style:normal;
}
abbr{
	cursor:help;
}
acronym{
	text-transform:uppercase;
	border-bottom:1px dashed #666;
	cursor:help;
}
big{
	font-size:120%;
}
small,sup,sub{
	font-size:80%;
}
sup{
	vertical-align:baseline;
	position:relative;
	bottom:0.3em;
}
sub{
	vertical-align:baseline;
	position:relative;
	top:0.3em;
}
address{
	font-style:italic;
	margin:0 0 21px 0;
}
li address,dd address{
	margin:0;
}
blockquote{
	margin:0 2.5em;
	font-style:normal;
}
blockquote em,blockquote cite{
	font-style:italic;
}
blockquote,q {
	quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after{
	content:'';
	content:none;
}
caption{
	font-size:.9em;
	font-style:italic;
	text-align:right;
}
ins,dfn{
	font-style:italic;
	text-decoration:none;
	border-bottom:1px solid #666;
}
del,s,strike{
	text-decoration:line-through;
}
object{
	margin-bottom:21px;
}

error: pathspec 'site/default/static/styles/typography.less' did not match any file(s) known to git


Add styles for branding tiles

Add styles for branding tiles

fatal: unable to access 'https://github.com/hevnly/asset-bazaar.git/': The requested URL returned error: 403


modified elements.less to add valign

modified elements.less to add valign

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


Fix table segments missing border

Fix table segments missing border

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


contact template-removed @media

contact template-removed @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/putterschool/styleguide.git/'


Add hover, focus and active state to StartNow button

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

.StartNow {
  padding: 30px 20%;
  border-radius: @border-radius-base;
  text-align: center;
  color: @white;
  background-color: @purple;
}

.StartNow__title {
  font-size: 18px;
  margin-bottom: 26px;
}

.StartNow__button {
  .btn;
  .btn-default;
  .btn-ghost;

  width: 100%;
  height: 46px;
  color: @white;
  font-size: 16px;

  &:hover,
  &:focus,
  &:active,
  &.active {
    background: @white;
    border: none;
  }
}

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

.StartNow {
  padding: 30px 20%;
  border-radius: @border-radius-base;
  text-align: center;
  color: @white;
  background-color: @purple;
}

.StartNow__title {
  font-size: 18px;
  margin-bottom: 26px;
}

.StartNow__button {
  .btn;
  .btn-default;
  .btn-ghost;

  width: 100%;
  height: 46px;
  color: white;
  font-size: 16px;;
}


Add SF UI font

Add SF UI font

// This file has fallback variables. It specifies the variables themes
// must implement.

// Colors

@text-color: #333;
@text-color-subtle: #777;
@text-color-highlight: #111;
@text-color-selected: @text-color-highlight;

@text-color-info: #5293d8;
@text-color-success: #1fe977;
@text-color-warning: #f78a46;
@text-color-error: #c00;

@background-color-info: #0098ff;
@background-color-success: #17ca65;
@background-color-warning: #ff4800;
@background-color-error: #c00;
@background-color-highlight: rgba(255, 255, 255, 0.10);
@background-color-selected: @background-color-highlight;

@app-background-color: #fff;

@base-background-color: #fff;
@base-border-color: #eee;

@pane-item-background-color: @base-background-color;
@pane-item-border-color: @base-border-color;

@input-background-color: #fff;
@input-border-color: @base-border-color;

@tool-panel-background-color: #f4f4f4;
@tool-panel-border-color: @base-border-color;

@inset-panel-background-color: #eee;
@inset-panel-border-color: @base-border-color;

@panel-heading-background-color: #ddd;
@panel-heading-border-color: transparent;

@overlay-background-color: #f4f4f4;
@overlay-border-color: @base-border-color;

@button-background-color: #ccc;
@button-background-color-hover: lighten(@button-background-color, 5%);
@button-background-color-selected: @button-background-color-hover;
@button-border-color: #aaa;

@tab-bar-background-color: #fff;
@tab-bar-border-color: darken(@tab-background-color-active, 10%);
@tab-background-color: #f4f4f4;
@tab-background-color-active: #fff;
@tab-border-color: @base-border-color;

@tree-view-background-color: @tool-panel-background-color;
@tree-view-border-color: @tool-panel-border-color;

@ui-site-color-1: @background-color-success; // green
@ui-site-color-2: @background-color-info; // blue
@ui-site-color-3: @background-color-warning; // orange
@ui-site-color-4: #db2ff4; // purple
@ui-site-color-5: #f5e11d; // yellow

// Sizes

@font-size: 13px;
@input-font-size: 14px;

@disclosure-arrow-size: 12px;

@component-padding: 10px;
@component-icon-padding: 5px;
@component-icon-size: 16px;
@component-line-height: 25px;
@component-border-radius: 2px;

@tab-height: 30px;

// Other

@font-family: 'SF UI Text', 'Lucida Grande', 'Segoe UI', Ubuntu, Cantarell, sans-serif;

// This file has fallback variables. It specifies the variables themes
// must implement.

// Colors

@text-color: #333;
@text-color-subtle: #777;
@text-color-highlight: #111;
@text-color-selected: @text-color-highlight;

@text-color-info: #5293d8;
@text-color-success: #1fe977;
@text-color-warning: #f78a46;
@text-color-error: #c00;

@background-color-info: #0098ff;
@background-color-success: #17ca65;
@background-color-warning: #ff4800;
@background-color-error: #c00;
@background-color-highlight: rgba(255, 255, 255, 0.10);
@background-color-selected: @background-color-highlight;

@app-background-color: #fff;

@base-background-color: #fff;
@base-border-color: #eee;

@pane-item-background-color: @base-background-color;
@pane-item-border-color: @base-border-color;

@input-background-color: #fff;
@input-border-color: @base-border-color;

@tool-panel-background-color: #f4f4f4;
@tool-panel-border-color: @base-border-color;

@inset-panel-background-color: #eee;
@inset-panel-border-color: @base-border-color;

@panel-heading-background-color: #ddd;
@panel-heading-border-color: transparent;

@overlay-background-color: #f4f4f4;
@overlay-border-color: @base-border-color;

@button-background-color: #ccc;
@button-background-color-hover: lighten(@button-background-color, 5%);
@button-background-color-selected: @button-background-color-hover;
@button-border-color: #aaa;

@tab-bar-background-color: #fff;
@tab-bar-border-color: darken(@tab-background-color-active, 10%);
@tab-background-color: #f4f4f4;
@tab-background-color-active: #fff;
@tab-border-color: @base-border-color;

@tree-view-background-color: @tool-panel-background-color;
@tree-view-border-color: @tool-panel-border-color;

@ui-site-color-1: @background-color-success; // green
@ui-site-color-2: @background-color-info; // blue
@ui-site-color-3: @background-color-warning; // orange
@ui-site-color-4: #db2ff4; // purple
@ui-site-color-5: #f5e11d; // yellow

// Sizes

@font-size: 13px;
@input-font-size: 14px;

@disclosure-arrow-size: 12px;

@component-padding: 10px;
@component-icon-padding: 5px;
@component-icon-size: 16px;
@component-line-height: 25px;
@component-border-radius: 2px;

@tab-height: 30px;

// Other

@font-family: 'Lucida Grande', 'Segoe UI', Ubuntu, Cantarell, sans-serif;


Stylesheeets config variables

Stylesheeets config variables

@jborg_fonts_url: "http://static.jboss.org/theme/fonts";
@jborg_images_url: "http://static.jboss.org/theme/images/common" ;

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


CRM-4318 Proper handle popup size 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/trustify/oroplatform.git/'


Add type.less to override default Bootstrap styling

fatal: unable to access 'https://github.com/keitaroinc/keitaro-theme.git/': The requested URL returned error: 403


Revert "temporary header tweaks for search (bug 811345)"

This reverts commit ff7fa0fe24eb915acb352f6fe06db60910fa4035.

@import 'lib';

@media (min-width: @desktop) {
    #site-header {
        height: 80px;
        #search,
        #search-q {
            width: 175px;
        }
        #search-q {
            .border-radius(3px);
            .box-shadow(0 1px 0 rgba(255,255,255,.1),
                        0 1px 0 rgba(0,0,0,.5) inset,
                        0 1px 1px rgba(0,0,0,.5) inset);
            font-size: 14px;
            font-weight: 300;
            margin-top: -15px;
            position: absolute;
            top: 50%;
            right: 0;
            &:-moz-placeholder {
                color: lighten(#48535d, 15%);
            }
            &::-moz-placeholder {
                color: lighten(#48535d, 15%);
            }
            &::-webkit-input-placeholder {
                color: lighten(#48535d, 15%);
            }

        }
    }
    #page {
        padding-top: 80px;
    }
    .incompatible-browser.active {
        top: 80px;
    }

    // TODO: These are temporary styles. Davor, remove this with bug 811356.
    .search {
        #page {
            padding-top: 121px;
            &:before {
                background: @grain-src #566773;
                background-size: 100px 100px;
                border-bottom: 1px solid rgba(0,0,0,.2);
                content: "";
                display: block;
                position: fixed;
                top: 110px;
                height: 40px;
                width: 100%;
                z-index: 3;
            }
        }
        .incompatible-browser.active {
            top: 121px;
        }
    }

    // The logo is permanent in the header.
    #site-header h1.page {
        display: none;
    }

    .force-mobile #site-header > section,
    #site-header nav,
    #search {
        height: 100%;
    }

    #search {
        display: block;
        position: absolute;
        right: 70px;
    }

    #site-header, .classic-header {
        .box-shadow(~'0 -1px 0 rgba(0,0,0,.15) inset, 0 1px 0 rgba(255,255,255,.1) inset');
        background: darken(#3f4f5b, 5%) @grain-src;
        background-size: 100px 100px;
        position: absolute;
    }

    body, .home {
        #site-header h1.site {
            //background: url(../../img/mkt/logos/large.png) 0 50% no-repeat;
            background: url(../../img/mkt/logos/mp_aurora_wordmark_200x30.png) 0 50% no-repeat;
            text-indent: -9999px;
            height: 100%;
            left: 0;
            max-width: 280px;
            top: 0;
            width: 280px;
            a {
                display: block;
                height: 100%;
                width: 100%;
            }
        }
    }
    .header-button {
        float: none;
        position: absolute;
        top: 50%;
        margin-top: -25px;
        right: 0;
        width: 50px;
        &:after,
        &.back,
        &.home {
            display: none !important;
        }

        // TODO: These are temporary styles. Davor, remove this with bug 811356.
        &.filter,
        &.expand {
            margin-top: 50px;
        }
        &.filter {
            color: @black;
        }
        &.expand {
            margin-right: 50px;
        }

        &.settings {
            background-position: 100% 50%;
            display: block;
        }
        &.browserid {
            display: block;
            height: 100%;
            line-height: 80px;
            margin: 0;
            text-align: right;
            top: 0;
            width: 60px;
            &.loading-submit {
                .hidetext;
                -webkit-animation-duration: 1.5s;
                -webkit-animation-name: spin;
                -webkit-animation-iteration-count: infinite;
                -webkit-animation-timing-function: linear;
                background: url(../../img/mkt/loading-16.png) 33px 50% no-repeat;
                &:after {
                    display: none;
                }
            }
        }
    }
    // TODO: These are temporary styles. Davor, remove this with bug 811356.
    #search-results {
        padding-top: 45px;
        .listing {
            border-top: 1px solid @light-gray;
        }
    }
}

@media screen and (min-width: @desktop),
       @retina {
    body, .home {
        #site-header h1.site {
            //background-image: url(../../img/mkt/logos/large-2x.png);
            background-image: url(../../img/mkt/logos/mp_aurora_wordmark_400x60.png);
            background-size: 280px auto;
        }
    }
}

@import 'lib';

@media (min-width: @desktop) {
    #site-header {
        height: 80px;
        #search,
        #search-q {
            width: 175px;
        }
        #search-q {
            .border-radius(3px);
            .box-shadow(0 1px 0 rgba(255,255,255,.1),
                        0 1px 0 rgba(0,0,0,.5) inset,
                        0 1px 1px rgba(0,0,0,.5) inset);
            font-size: 14px;
            font-weight: 300;
            margin-top: -15px;
            position: absolute;
            top: 50%;
            right: 0;
            &:-moz-placeholder {
                color: lighten(#48535d, 15%);
            }
            &::-moz-placeholder {
                color: lighten(#48535d, 15%);
            }
            &::-webkit-input-placeholder {
                color: lighten(#48535d, 15%);
            }

        }
    }
    #page {
        padding-top: 80px;
    }
    .incompatible-browser.active {
        top: 80px;
    }

    // TODO: These are temporary styles. Davor, remove this with bug 811356.
    .search {
        #page {
            padding-top: 91px;
            &:before {
                background: @grain-src #566773;
                background-size: 100px 100px;
                border-bottom: 1px solid rgba(0,0,0,.2);
                content: "";
                display: block;
                position: absolute;
                top: 80px;
                height: 40px;
                width: 100%;
                z-index: 3;
            }
        }
        .incompatible-browser.active {
            top: 91px;
        }
    }

    // The logo is permanent in the header.
    #site-header h1.page {
        display: none;
    }

    .force-mobile #site-header > section,
    #site-header nav,
    #search {
        height: 100%;
    }

    #search {
        display: block;
        position: absolute;
        right: 70px;
    }

    #site-header, .classic-header {
        .box-shadow(~'0 -1px 0 rgba(0,0,0,.15) inset, 0 1px 0 rgba(255,255,255,.1) inset');
        background: darken(#3f4f5b, 5%) @grain-src;
        background-size: 100px 100px;
        position: absolute;
    }

    body, .home {
        #site-header h1.site {
            //background: url(../../img/mkt/logos/large.png) 0 50% no-repeat;
            background: url(../../img/mkt/logos/mp_aurora_wordmark_200x30.png) 0 50% no-repeat;
            text-indent: -9999px;
            height: 100%;
            left: 0;
            max-width: 280px;
            top: 0;
            width: 280px;
            a {
                display: block;
                height: 100%;
                width: 100%;
            }
        }
    }
    .header-button {
        float: none;
        position: absolute;
        top: 50%;
        margin-top: -25px;
        right: 0;
        width: 50px;
        &:after,
        &.back,
        &.home {
            display: none !important;
        }

        // TODO: These are temporary styles. Davor, remove this with bug 811356.
        &.filter,
        &.expand {
            margin-top: 37px;
        }
        &.filter {
            color: @black;
        }
        &.expand {
            margin-right: 50px;
        }

        &.settings {
            background-position: 100% 50%;
            display: block;
        }
        &.browserid {
            display: block;
            height: 100%;
            line-height: 80px;
            margin: 0;
            text-align: right;
            top: 0;
            width: 60px;
            &.loading-submit {
                .hidetext;
                -webkit-animation-duration: 1.5s;
                -webkit-animation-name: spin;
                -webkit-animation-iteration-count: infinite;
                -webkit-animation-timing-function: linear;
                background: url(../../img/mkt/loading-16.png) 33px 50% no-repeat;
                &:after {
                    display: none;
                }
            }
        }
    }
    // TODO: These are temporary styles. Davor, remove this with bug 811356.
    #search-results {
        padding-top: 45px;
        .listing {
            border-top: 1px solid @light-gray;
        }
    }
}

@media screen and (min-width: @desktop),
       @retina {
    body, .home {
        #site-header h1.site {
            //background-image: url(../../img/mkt/logos/large-2x.png);
            background-image: url(../../img/mkt/logos/mp_aurora_wordmark_400x60.png);
            background-size: 280px auto;
        }
    }
}


Centers clock icon vertically

Centers clock icon vertically

The SVG graphic refuses to align vertically with the neighbouring text. Hence the margin tweaks.


Add missing file to repo.

Add missing file to repo.


Update for material

Update for material

Move the 300px limit at the root, for simplifying the overwrite.

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/Zefling/select2-component.git/'


Fix CTAs being hidden while livestreaming

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


media queries fro index

media queries fro index

fatal: unable to access 'https://github.com/atelier-cartographique/atelier-carto-web.git/': The requested URL returned error: 403


updated menu styles

updated menu styles

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


header menu items styles added

header menu items styles added

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/amazingBastard/excuse-generator.git/'


Change bar color

Change bar color

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


Replace border on top of footer with an inset shadow

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


add home view css

add home view css

// General view, shared for body
.view {
    // {Home} view (only)
    &.view-home {
        background-color: #000;
        overflow: hidden;
    }
}

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


Add syntax-variables.less

Add syntax-variables.less

fatal: unable to access 'https://github.com/jesseweed/seti-syntax.git/': The requested URL returned error: 403


chore: update theme

chore: update theme

// Global variables
@base-font-size: 1.6vw;
@base-line-height: (20 / 14); // ~ 1.428571429
@link-color: #a212d1;
@background-color: #fff;
@text-color: #000;
@code-color: spin(@link-color, 180);
@sans-serif: "Helvetica Neue", Arial, "Hiragino Sans GB", sans-serif;
@serif: Georgia, "Hiragino Mincho ProN", serif;
@monospace: Menlo, monospace;
@breakpoint-lg: 1600px;
@breakpoint-md: 1000px;
@breakpoint-sm: 640px;
@breakpoint-xs: 400px;
@padding-lg: 22vw;
@padding-md: 8vw;
@padding-sm: 4vw;
@padding-xs: 0;

// Invert color switcher for images and videos
// :root { filter: invert(100%); }

// http://nicolasgallagher.com/micro-clearfix-hack/
.cf {

  &:before, &:after {
    display: table;
    content: "";
  }

  &:after {
    clear: both;
  }
}

// Basic reset
*,
*:before,
*:after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  padding: 0 @padding-lg;
  margin: 0 auto 0;
  font-family: @sans-serif;
  font-size: @base-font-size;
  line-height: @base-line-height;
  color: @text-color;
  text-rendering: optimizelegibility;
  background: @background-color;
  image-rendering: optimizequality;
  transition: all .3s ease .2s;

  @media (max-width: @breakpoint-md) {
    padding-left: @padding-md;
    padding-right: @padding-md;
    font-size: (@base-font-size * 1.4);
  }

  @media (max-width: @breakpoint-sm) {
    padding-left: @padding-sm;
    padding-right: @padding-sm;
    font-size: (@base-font-size * 2.4);
  }

  @media (max-width: @breakpoint-xs) {
    font-size: (@base-font-size * 3.2);
  }

  // All iOS devices, the easiest way
  @media (max-device-width: 480px), (max-device-width: 1024px) {
    -webkit-text-size-adjust: none;
  }

  // A semitranslucent bar at the top of the page
  &:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -9999;
    width: 100%;
    height: 1vmax;
    pointer-events: none;
    background: @link-color;
    content: "";
    opacity: .2;
  }
}

// Essential mixins
.heading {
  font-family: @sans-serif;
  font-size: 330%;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  letter-spacing: -.06em;
}

.sub-heading {
  font-family: @sans-serif;
  font-size: 72%;
  font-weight: normal;
  letter-spacing: .08em;
  opacity: .5;
}

// Reset fonts for relevant elements
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

// Reset unusual Firefox-on-Android default style.
// See https://github.com/necolas/normalize.css/issues/214
button,
input,
select[multiple],
textarea {
  background-image: none;
}

// Reset common elements
a, button {
  color: @text-color;
  text-decoration: none;
  transition: color .5s ease, border-color .5s ease, background .5s ease, opacity 1.5s ease;

  &:hover,
  &:focus {
    border-bottom: .1em solid;
    transition: color .1s ease, border-color .1s ease, background .1s ease, opacity .1s ease;
  }

  &[disabled] {
    opacity: .4;
    cursor: not-allowed;
  }
}

img, hr {
  border: 0;
}

del {
  text-decoration: line-through;
}

::selection {
  color: @link-color;
  background: fade(@text-color, 2%);
}

::-webkit-input-placeholder {
  color: @text-color;
  opacity: .1;
}

// Site logo
.logo {
  display: block;
  height: 1vmax;
  margin: 0 0 1.4vmax;
  background: @link-color;
  opacity: 0;

  &:hover,
  &:focus {
    border-bottom: none !important;
    background: @text-color;
    opacity: 1;
  }

  h1 {
    height: 0;
    text-indent: -99999em;
  }
}

// Main navigation
.navigation {
  margin: 0 0 16vmin;
  margin-right: -1.1em;
  margin-left: -1.1em;
  font-size: 60%;
  font-weight: bold;
  letter-spacing: .45em;
  text-transform: uppercase;

  li {
    display: inline-block;
    line-height: 2;
    list-style: none;

    a {
      padding: .5em 1.2em;

      &:hover,
      &:focus {
        color: @link-color;
        border: none;
      }
    }
  }
}

// Currently activated page or category class
.current {

  a {
    color: @link-color;
  }
}

// Latest work link
body:hover .latest {
  color: @link-color !important;
}

// Pserson status
.content .status {
  margin: 1vmin 0 0;
  font-size: 75%;
  font-weight: bold;

  &:before {
    @size: .8em;
    display: inline-block;
    width: @size;
    height: @size;
    margin-right: .8vw;
    background: fade(@text-color, 20%);
    border-radius: 50%;
    content: "";
  }

  &.available {

    &:before {
      background: #0cf;
    }

    a {
      color: #0cf;
    }
  }

  &.unavailable {

    &:before {
      background: #ccc;
    }

    a {
      color: #ccc;
    }
  }
}

// Main content
.content {
  margin-bottom: 16vmin;

  // For some specified posts in work category
  .cf;

  // Remove extra space for the last paragraph in the container
  article {

    // article > p
    > *:last-child {
      margin-bottom: 0 !important;

      // article > ul > li, article > .footnotes > ol
      > *:last-child {
        margin-bottom: 0 !important;

        // article > ul > li > p, article > .footnotes > ol > li
        > *:last-child {
          margin-bottom: 0 !important;

          // article > .footnotes > ol > li > p
          > *:last-child {
            margin-bottom: 0 !important;
          }
        }
      }
    }
  }

  // Post / page content first element fix
  .post-content,
  .page-content {

    > *:first-child {
      margin-top: 0;

      > *:first-child {
        margin-top: 0;
      }
    }
  }

  a {
    font-weight: bold;
  }

  p {
    margin-bottom: 1.6rem;
    line-height: (@base-line-height * 1.2);
  }

  header {
    padding-bottom: 16vmin;

    h1 {
      margin: 0 0 .1em;
      .heading;
      hyphens: none;
      line-height: 1.1;

      @media (max-width: @breakpoint-sm) {
        // Override viewport units defined in post.html
        font-size: 280%;
      }

      svg {
        display: block;
        max-width: 100%;
      }

      // Override margin from article img
      svg,
      img {
        // avoid header stretched by global img styles
        margin-left: 0;
        margin-right: 0;
        margin-bottom: .3em;

        @media (max-width: @breakpoint-sm) {
          width: 100% !important;
          height: 100% !important;
        }
      }
    }

    // Hide actual text if post title is image or SVG, the actual text helps Safari get the real post title in Reader mode.
    .image-title {
      text-indent: -999999px;
      line-height: 0;
    }

    .latest-post {
      margin-top: 16vmin;
      font-size: 80%;
      font-weight: normal;
      line-height: 1.2;

      a {
        font-weight: bold;
      }
    }

    small {
      display: block;
      margin-top: 2vmin;
      letter-spacing: .1em;
    }
  }

  h2, h3, h4, h5, h6 {
    margin: 10vmin 0 1rem;
    .sub-heading;
  }

  ul, ol {
    margin-bottom: 1.8rem;
    margin-left: 1.2em;

    li {
      line-height: (@base-line-height * 1.2);

      > ul, ol {
        margin-bottom: 0;
      }
    }
  }

  ol {
    margin-left: 1.75em;
  }

  img, video, iframe {
    display: block;
    max-width: 100%;
    margin: 0 0 1.8rem;

    @media (max-width: @breakpoint-md) {
      margin-left: -@padding-md;
      margin-right: -@padding-md;
      max-width: calc(100% + (@padding-md * 2));
      width: calc(100% + (@padding-md * 2));
    }

    @media (max-width: @breakpoint-sm) {
      margin-left: -@padding-sm;
      margin-right: -@padding-sm;
      max-width: calc(100% + (@padding-sm * 2));
      width: calc(100% + (@padding-sm * 2));
    }

    // avoid images with `.no-enlarge` stretched by global img styles
    &.no-enlarge {
      margin-left: 0;
      margin-right: 0;
      max-width: 100%;
      width: auto;
    }
  }

  blockquote {
    position: relative;
    margin-bottom: 2.8rem;
    margin-left: calc(-.8em - 2px);

    @media (max-width: @breakpoint-sm) {
      margin-left: 0;
    }

    > p {
      padding-left: .8em;
      border-left: 2px solid;

      @media (max-width: @breakpoint-sm) {
        padding-left: calc(4vw - 2px);
        padding-right: 4vw;
        margin-left: -4vw;
        margin-right: -4vw;
      }
    }

    footer {
      .cf;
    }

    cite {
      float: right;
      font-size: 90%;
      font-style: normal;

      &:before {
        // http://www.fileformat.info/info/unicode/char/2500/index.htm
        content: "\2500\2500\00a0"
      }
    }
  }

  hr {
    border-top: 1px solid fade(#ccc, 20%);
    margin-top: 2em;
    margin-bottom: 2em;
  }

  sup {
    font-size: 75%;
  }

  abbr {
    border-bottom: 1px dashed;
  }

  code, pre {
    font-family: @monospace;
    color: @code-color;
  }

  // Only apply word breaking rule for codes in paragraphs
  p code,
  li code {
    word-break: break-all;
  }

  pre {
    padding: 1em;
    margin: 0 0 1.8rem;
    overflow-x: scroll;
    font-size: 80%;
    line-height: (@base-line-height * 1.2);
    background: fade(#08f, 4%);
    // Bouncing scroll fix for iOS
    -webkit-overflow-scrolling: touch;

    @media (max-width: @breakpoint-md) {
      padding-left: 8vw;
      padding-right: 8vw;
      margin-left: -8vw;
      margin-right: -8vw;
    }

    @media (max-width: @breakpoint-sm) {
      padding-left: 4vw;
      padding-right: 4vw;
      margin-left: -4vw;
      margin-right: -4vw;
    }
  }

  // Newsletter subscription form in page "store"
  form {

    input {
      display: block;
      width: 100%;
      padding: 1vmin 0;
      margin: 0 0 1.8rem;
      border: none;
      border-bottom: 1px solid fade(@text-color, 20%);
      // Remove border-radius for iOS devices
      border-radius: 0;
      outline: none;
      transition: padding .2s ease;

      &:focus {
        padding: 1vmin;
        background: fade(@text-color, 2%);
        border-color: @text-color;
      }
    }
  }

  // Rest form validation styles, borrowed from Bootstrap
  input, textarea, select {

    &:focus:required:invalid {

      &:focus {
        background: fade(@link-color, 5%);
        border-color: @link-color;
        // Override Firefox default styles
        box-shadow: none;
      }
    }
  }

  table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 90%;
    width: 100%;
    margin: 0 0 1.8rem;

    th,
    td {
      padding: .6em;
    }

    th {
      border-bottom: 2px solid fade(@text-color, 6%);
      // Override default user agent stylesheet
      text-align: left;
    }

    td {
      border-top: 1px solid fade(@text-color, 4%);
    }
  }
}

// Posts with Asian characters
:lang(zh),
:lang(ja) {
  text-align: justify;

  header {

    &,
    & * {
      text-align: start;
    }
  }
}

// Fix empty space when a paragraph starts with quote marks and some asian punctuation marks
.leading-indent-fix {
  text-indent: -.39em;
}

// Tweet button margin fix
.tweet {
  margin-top: 10vmin;
}

// Largetype styles (replaces button styles)
.largetype {
  .heading;
  font-size: 200%;
  margin-bottom: 1.8rem !important;
}

// Broser frame for images in category "work"
.browser {
  position: relative;
  padding-top: 24px;
  background: rgba(255, 255, 255, .1);
  border-radius: 5px 5px 0 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);

  &:before {
    position: absolute;
    top: 8px;
    left: 10px;
    display: block;
    width: 8px;
    height: 8px;
    background: lighten(#f24e59, 30%);
    border-radius: 50%;
    content: "";
    box-shadow:
        16px 0 0 0   fade(lighten(#fac536, 30%), 96%)
      , 32px 0 0 0   fade(lighten(#26e93d, 30%), 96%)
      ,    0 0 0 1px fade(darken(#f24e59, 30%), 30%)
      , 16px 0 0 1px fade(darken(#fac536, 30%), 30%)
      , 32px 0 0 1px fade(darken(#26e93d, 30%), 30%)
    ;
  }

  img {
    // avoid images inside .browser stretched by global img styles
    margin-left: 0;
    margin-right: 0;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .05);

    // Reset borwser image width for small screens
    @media (max-width: @breakpoint-md), (max-width: @breakpoint-sm) {
      max-width: 100%;
      width: 100%;
    }
  }
}

// Special paragraph with border line
.note,
.store,
.download {
  padding-left: .8em;
  margin-left: calc(-.8em - 2px);
  border-left: 2px solid @link-color;

  @media (max-width: @breakpoint-sm) {
    padding-left: calc(4vw - 2px);
    padding-right: 4vw;
    margin-left: -4vw;
    margin-right: -4vw;
  }
}

// Reference notes and links in post
.footnotes {
  border-top: 1px solid fade(#ccc, 20%);
  padding-top: 2em;
  margin-top: 2em;
  font-size: 80%;
}

:target {

  // Redcarpet-style
  [rev=footnote],
  [rel=footnote],
  // Kramdown-style
  .reversefootnote,
  .footnote {
    color: @link-color;
  }
}

// Post list in "work" and "note"
.list {
  display: block;
  margin: 0 0 .4rem;

  h1 {
    .heading;
    font-size: 200%;
    line-height: 1.1;
    // Override heading defines in .content
    opacity: 1;
    margin: 0;

    @media (max-width: @breakpoint-sm) {
      // Hide external link for post list
      font-size: 180%;
    }
  }

  .external {

    &:hover,
    &:focus {
      border: none;
    }

    @media (max-width: @breakpoint-sm) {
      // Hide external link for post list
      display: none;
    }
  }
}

.external {

  span {
    display: inline-block;
    width: .7rem;
    height: .7rem;
    margin: 0 .1em;
    vertical-align: middle;
    background: @text-color;
    border-radius: 50%;
    transition: transform .4s ease;
  }

  &:hover,
  &:focus {

    span {
      transform: scale(1.4);
    }
  }
}

.footer {
  padding: 0 0 16vmin;
  font-size: 75%;
  text-transform: lowercase;

  ul {

    li {
      display: inline;

      &:after {
        padding: 0 .6vw;
        content: " / ";
        opacity: .3;
      }

      &:last-child {

        &:after {
          content: none;
        }
      }
    }
  }
}

// Import theme modules
@import "module-loader";

// Import user custom styles
@import "../../../_less/custom";

// Global variables
@base-font-size: 1.6vw;
@base-line-height: (20 / 14); // ~ 1.428571429
@link-color: #a212d1;
@background-color: #fff;
@text-color: #000;
@code-color: spin(@link-color, 180);
@sans-serif: "Helvetica Neue", Arial, "Hiragino Sans GB", sans-serif;
@serif: Georgia, "Hiragino Mincho ProN", serif;
@monospace: Menlo, monospace;
@breakpoint-lg: 1600px;
@breakpoint-md: 1000px;
@breakpoint-sm: 640px;
@breakpoint-xs: 400px;
@padding-lg: 22vw;
@padding-md: 8vw;
@padding-sm: 4vw;
@padding-xs: 0;

// Invert color switcher for images and videos
// :root { filter: invert(100%); }

// http://nicolasgallagher.com/micro-clearfix-hack/
.cf {

  &:before, &:after {
    display: table;
    content: "";
  }

  &:after {
    clear: both;
  }
}

// Basic reset
*,
*:before,
*:after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  padding: 0 @padding-lg;
  margin: 0 auto 0;
  font-family: @sans-serif;
  font-size: @base-font-size;
  line-height: @base-line-height;
  color: @text-color;
  text-rendering: optimizelegibility;
  background: @background-color;
  image-rendering: optimizequality;
  transition: all .3s ease .2s;

  @media (max-width: @breakpoint-md) {
    padding-left: @padding-md;
    padding-right: @padding-md;
    font-size: (@base-font-size * 1.4);
  }

  @media (max-width: @breakpoint-sm) {
    padding-left: @padding-sm;
    padding-right: @padding-sm;
    font-size: (@base-font-size * 2.4);
  }

  @media (max-width: @breakpoint-xs) {
    font-size: (@base-font-size * 3.2);
  }

  // All iOS devices, the easiest way
  @media (max-device-width: 480px), (max-device-width: 1024px) {
    -webkit-text-size-adjust: none;
  }

  // A semitranslucent bar at the top of the page
  &:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -9999;
    width: 100%;
    height: 1vmax;
    pointer-events: none;
    background: @link-color;
    content: "";
    opacity: .2;
  }
}

// Essential mixins
.heading {
  font-family: @sans-serif;
  font-size: 330%;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  letter-spacing: -.06em;
}

.sub-heading {
  font-family: @sans-serif;
  font-size: 72%;
  font-weight: normal;
  letter-spacing: .08em;
  opacity: .5;
}

// Reset fonts for relevant elements
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

// Reset unusual Firefox-on-Android default style.
// See https://github.com/necolas/normalize.css/issues/214
button,
input,
select[multiple],
textarea {
  background-image: none;
}

// Reset common elements
a, button {
  color: @text-color;
  text-decoration: none;
  transition: color .5s ease, border-color .5s ease, background .5s ease, opacity 1.5s ease;

  &:hover,
  &:focus {
    border-bottom: .1em solid;
    transition: color .1s ease, border-color .1s ease, background .1s ease, opacity .1s ease;
  }

  &[disabled] {
    opacity: .4;
    cursor: not-allowed;
  }
}

img, hr {
  border: 0;
}

del {
  text-decoration: line-through;
}

::selection {
  color: @link-color;
  background: fade(@text-color, 2%);
}

::-webkit-input-placeholder {
  color: @text-color;
  opacity: .1;
}

// Site logo
.logo {
  display: block;
  height: 1vmax;
  margin: 0 0 1.4vmax;
  background: @link-color;
  opacity: 0;

  &:hover,
  &:focus {
    border-bottom: none !important;
    background: @text-color;
    opacity: 1;
  }

  h1 {
    height: 0;
    text-indent: -99999em;
  }
}

// Main navigation
.navigation {
  margin: 0 0 16vmin;
  margin-right: -1.1em;
  margin-left: -1.1em;
  font-size: 60%;
  font-weight: bold;
  letter-spacing: .45em;
  text-transform: uppercase;

  li {
    display: inline-block;
    line-height: 2;
    list-style: none;

    a {
      padding: .5em 1.2em;

      &:hover,
      &:focus {
        color: @link-color;
        border: none;
      }
    }
  }
}

// Currently activated page or category class
.current {

  a {
    color: @link-color;
  }
}

// Latest work link
body:hover .latest {
  color: @link-color !important;
}

// Pserson status
.content .status {
  margin: 1vmin 0 0;
  font-size: 75%;
  font-weight: bold;

  &:before {
    @size: .8em;
    display: inline-block;
    width: @size;
    height: @size;
    margin-right: .8vw;
    background: fade(@text-color, 20%);
    border-radius: 50%;
    content: "";
  }

  &.available {

    &:before {
      background: #0cf;
    }

    a {
      color: #0cf;
    }
  }

  &.unavailable {

    &:before {
      background: #ccc;
    }

    a {
      color: #ccc;
    }
  }
}

// Main content
.content {
  margin-bottom: 16vmin;

  // For some specified posts in work category
  .cf;

  // Remove extra space for the last paragraph in the container
  article {

    // article > p
    > *:last-child {
      margin-bottom: 0 !important;

      // article > ul > li, article > .footnotes > ol
      > *:last-child {
        margin-bottom: 0 !important;

        // article > ul > li > p, article > .footnotes > ol > li
        > *:last-child {
          margin-bottom: 0 !important;

          // article > .footnotes > ol > li > p
          > *:last-child {
            margin-bottom: 0 !important;
          }
        }
      }
    }
  }

  // Post / page content first element fix
  .post-content,
  .page-content {

    > *:first-child {
      margin-top: 0;

      > *:first-child {
        margin-top: 0;
      }
    }
  }

  a {
    font-weight: bold;
  }

  p {
    margin-bottom: 1.6rem;
    line-height: (@base-line-height * 1.2);
  }

  header {
    padding-bottom: 16vmin;

    h1 {
      margin: 0 0 .1em;
      .heading;
      hyphens: none;
      line-height: 1.1;

      @media (max-width: @breakpoint-sm) {
        // Override viewport units defined in post.html
        font-size: 280%;
      }

      svg {
        display: block;
        max-width: 100%;
      }

      // Override margin from article img
      svg,
      img {
        // avoid header stretched by global img styles
        margin-left: 0;
        margin-right: 0;
        margin-bottom: .3em;

        @media (max-width: @breakpoint-sm) {
          width: 100% !important;
          height: 100% !important;
        }
      }
    }

    // Hide actual text if post title is image or SVG, the actual text helps Safari get the real post title in Reader mode.
    .image-title {
      text-indent: -999999px;
      line-height: 0;
    }

    .latest-post {
      margin-top: 16vmin;
      font-size: 80%;
      font-weight: normal;
      line-height: 1.2;

      a {
        font-weight: bold;
      }
    }

    small {
      display: block;
      margin-top: 2vmin;
      letter-spacing: .1em;
    }
  }

  h2, h3, h4, h5, h6 {
    margin: 10vmin 0 1rem;
    .sub-heading;
  }

  ul, ol {
    margin-bottom: 1.8rem;
    margin-left: 1.2em;

    li {
      line-height: (@base-line-height * 1.2);

      > ul, ol {
        margin-bottom: 0;
      }
    }
  }

  ol {
    margin-left: 1.75em;
  }

  img, video, iframe {
    display: block;
    max-width: 100%;
    margin: 0 0 1.8rem;

    @media (max-width: @breakpoint-md) {
      margin-left: -@padding-md;
      margin-right: -@padding-md;
      max-width: calc(100% + (@padding-md * 2));
      width: calc(100% + (@padding-md * 2));
    }

    @media (max-width: @breakpoint-sm) {
      margin-left: -@padding-sm;
      margin-right: -@padding-sm;
      max-width: calc(100% + (@padding-sm * 2));
      width: calc(100% + (@padding-sm * 2));
    }

    // avoid images with `.no-enlarge` stretched by global img styles
    &.no-enlarge {
      margin-left: 0;
      margin-right: 0;
      max-width: 100%;
      width: auto;
    }
  }

  blockquote {
    position: relative;
    margin-bottom: 2.8rem;
    margin-left: calc(-.8em - 2px);

    @media (max-width: @breakpoint-sm) {
      margin-left: 0;
    }

    > p {
      padding-left: .8em;
      border-left: 2px solid;

      @media (max-width: @breakpoint-sm) {
        padding-left: calc(4vw - 2px);
        padding-right: 4vw;
        margin-left: -4vw;
        margin-right: -4vw;
      }
    }

    footer {
      .cf;
    }

    cite {
      float: right;
      font-size: 90%;
      font-style: normal;

      &:before {
        // http://www.fileformat.info/info/unicode/char/2500/index.htm
        content: "\2500\2500\00a0"
      }
    }
  }

  hr {
    border-top: 1px solid fade(#ccc, 20%);
    margin-top: 2em;
    margin-bottom: 2em;
  }

  sup {
    font-size: 75%;
  }

  abbr {
    border-bottom: 1px dashed;
  }

  code, pre {
    font-family: @monospace;
    color: @code-color;
  }

  // Only apply word breaking rule for codes in paragraphs
  p code,
  li code {
    word-break: break-all;
  }

  pre {
    padding: 1em;
    margin: 0 0 1.8rem;
    overflow-x: scroll;
    font-size: 80%;
    line-height: (@base-line-height * 1.2);
    background: fade(#08f, 4%);
    // Bouncing scroll fix for iOS
    -webkit-overflow-scrolling: touch;

    @media (max-width: @breakpoint-md) {
      padding-left: 8vw;
      padding-right: 8vw;
      margin-left: -8vw;
      margin-right: -8vw;
    }

    @media (max-width: @breakpoint-sm) {
      padding-left: 4vw;
      padding-right: 4vw;
      margin-left: -4vw;
      margin-right: -4vw;
    }
  }

  // Newsletter subscription form in page "store"
  form {

    input {
      display: block;
      width: 100%;
      padding: 1vmin 0;
      margin: 0 0 1.8rem;
      border: none;
      border-bottom: 1px solid fade(@text-color, 20%);
      // Remove border-radius for iOS devices
      border-radius: 0;
      outline: none;
      transition: padding .2s ease;

      &:focus {
        padding: 1vmin;
        background: fade(@text-color, 2%);
        border-color: @text-color;
      }
    }
  }

  // Rest form validation styles, borrowed from Bootstrap
  input, textarea, select {

    &:focus:required:invalid {

      &:focus {
        background: fade(@link-color, 5%);
        border-color: @link-color;
        // Override Firefox default styles
        box-shadow: none;
      }
    }
  }

  table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 90%;
    width: 100%;
    margin: 0 0 1.8rem;

    th,
    td {
      padding: .6em;
    }

    th {
      border-bottom: 2px solid fade(@text-color, 6%);
      // Override default user agent stylesheet
      text-align: left;
    }

    td {
      border-top: 1px solid fade(@text-color, 4%);
    }
  }
}

// Posts with Asian characters
:lang(zh),
:lang(ja) {
  text-align: justify;

  header {
    text-align: start;
  }
}

// Fix empty space when a paragraph starts with quote marks and some asian punctuation marks
.leading-indent-fix {
  text-indent: -.39em;
}

// Tweet button margin fix
.tweet {
  margin-top: 10vmin;
}

// Largetype styles (replaces button styles)
.largetype {
  .heading;
  font-size: 200%;
  margin-bottom: 1.8rem !important;
}

// Broser frame for images in category "work"
.browser {
  position: relative;
  padding-top: 24px;
  background: rgba(255, 255, 255, .1);
  border-radius: 5px 5px 0 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);

  &:before {
    position: absolute;
    top: 8px;
    left: 10px;
    display: block;
    width: 8px;
    height: 8px;
    background: lighten(#f24e59, 30%);
    border-radius: 50%;
    content: "";
    box-shadow:
        16px 0 0 0   fade(lighten(#fac536, 30%), 96%)
      , 32px 0 0 0   fade(lighten(#26e93d, 30%), 96%)
      ,    0 0 0 1px fade(darken(#f24e59, 30%), 30%)
      , 16px 0 0 1px fade(darken(#fac536, 30%), 30%)
      , 32px 0 0 1px fade(darken(#26e93d, 30%), 30%)
    ;
  }

  img {
    // avoid images inside .browser stretched by global img styles
    margin-left: 0;
    margin-right: 0;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .05);

    // Reset borwser image width for small screens
    @media (max-width: @breakpoint-md), (max-width: @breakpoint-sm) {
      max-width: 100%;
      width: 100%;
    }
  }
}

// Special paragraph with border line
.note,
.store,
.download {
  padding-left: .8em;
  margin-left: calc(-.8em - 2px);
  border-left: 2px solid @link-color;

  @media (max-width: @breakpoint-sm) {
    padding-left: calc(4vw - 2px);
    padding-right: 4vw;
    margin-left: -4vw;
    margin-right: -4vw;
  }
}

// Reference notes and links in post
.footnotes {
  border-top: 1px solid fade(#ccc, 20%);
  padding-top: 2em;
  margin-top: 2em;
  font-size: 80%;
}

:target {

  // Redcarpet-style
  [rev=footnote],
  [rel=footnote],
  // Kramdown-style
  .reversefootnote,
  .footnote {
    color: @link-color;
  }
}

// Post list in "work" and "note"
.list {
  display: block;
  margin: 0 0 .4rem;

  h1 {
    .heading;
    font-size: 200%;
    line-height: 1.1;
    // Override heading defines in .content
    opacity: 1;
    margin: 0;

    @media (max-width: @breakpoint-sm) {
      // Hide external link for post list
      font-size: 180%;
    }
  }

  .external {

    &:hover,
    &:focus {
      border: none;
    }

    @media (max-width: @breakpoint-sm) {
      // Hide external link for post list
      display: none;
    }
  }
}

.external {

  span {
    display: inline-block;
    width: .7rem;
    height: .7rem;
    margin: 0 .1em;
    vertical-align: middle;
    background: @text-color;
    border-radius: 50%;
    transition: transform .4s ease;
  }

  &:hover,
  &:focus {

    span {
      transform: scale(1.4);
    }
  }
}

.footer {
  padding: 0 0 16vmin;
  font-size: 75%;
  text-transform: lowercase;

  ul {

    li {
      display: inline;

      &:after {
        padding: 0 .6vw;
        content: " / ";
        opacity: .3;
      }

      &:last-child {

        &:after {
          content: none;
        }
      }
    }
  }
}

// Import theme modules
@import "module-loader";

// Import user custom styles
@import "../../../_less/custom";


moved in another directory

moved in another directory

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


Fix print layout for invoices.

Fix print layout for invoices.

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


blog content style update

blog content style update

 On branch master

	modified:   public/lesscss/comps/blog-post.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/FireworksProject/corkboard-website.git/'


NEON-1656 Adding import stylesheet

NEON-1656 Adding import stylesheet

.import.modal {
    text-align: left;
    font-weight: normal;

    .upload-file {
        margin-bottom: 20px;

        #fileDragAndDrop {
            border: 2px dashed @main-text-color;
            border-radius: 5px;
            min-width: 450px;
            min-height: 100px;
            text-align: center;
            margin-bottom: 8px;
            color: @main-text-color;
            font-size: 200%;

            > span {
                display: inline-block;
                padding-top: 30px;
            }
        }
    }

    .importGuessesTable {
        width: 100%;

        td {
            select {
                width: auto;
                float: right;
            }
        }
    }

    /* Applied to the elements that display inputs for import database and table names, to position them properly in the footer of a modal. */
    .modalFooterField {
        float: left;
        margin-top: 5px;
        color: @main-text-color;
        width: auto;
    }
}

error: pathspec 'app/css/directives/importFile.less' did not match any file(s) known to git


added Safari support for flex add-on

added Safari support for flex add-on

// Name:            Flex
// Description:     Defines basic styles to use flexbox for alignment
//
// Component:       `uk-flex-*`
//
//
// ========================================================================

/* ========================================================================
   Component: Flex
 ========================================================================== */

.uk-flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

/* Alignment
 ========================================================================== */

/*
 * Vertical alignment
 * Default value is `stretch`
 */

.uk-flex-top {
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.uk-flex-middle {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.uk-flex-bottom {
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

/*
 * Horizontal alignment
 * Default value is `flex-start`
 */

.uk-flex-center {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.uk-flex-right {
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

// Name:            Flex
// Description:     Defines basic styles to use flexbox for alignment
//
// Component:       `uk-flex-*`
//
//
// ========================================================================

/* ========================================================================
   Component: Flex
 ========================================================================== */

.uk-flex {
    display: -ms-flexbox;
    display: flex;
}

/* Alignment
 ========================================================================== */

/*
 * Vertical alignment
 * Default value is `stretch`
 */

.uk-flex-top {
    -ms-flex-align: start;
    align-items: flex-start;
}

.uk-flex-middle {
    -ms-flex-align: center;
    align-items: center;
}

.uk-flex-bottom {
    -ms-flex-align: end;
    align-items: flex-end;
}

/*
 * Horizontal alignment
 * Default value is `flex-start`
 */

.uk-flex-center {
    -ms-flex-pack: center;
    justify-content: center;
}

.uk-flex-right {
    -ms-flex-pack: end;
    justify-content: flex-end;
}


Delete icons.less

Delete icons.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/micklosm/ConstellationGallery-.git/'