Add current page style for iOS, update pagination position

/*!
  github.com/sparanoid/sparanoid.com
*/
/*!
*/

// global variables
@space: 70px;
@txt-width: 750px;
@link: #e34; // #2ed for invert color
@bg: #fff;
@txt: #000;

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

@font-face {
  font-family: PFDTCP-M; // PFDinTextCompPro-Medium.ttf
  src: url('font.woff') format('woff');
}

.font-face {
  font-family: 'PFDTCP-M', 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: -.02em;
  font-size: 56px;
}

.helvetica {
  color: fade(@txt, 40%);
  font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: .25em;
}

.transition(@transition) {
  -webkit-transition: @transition;
     -moz-transition: @transition;
}

// basic configurations
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  line-height: 1;
  text-decoration: none;
}

:root {
  color: @txt;
  background: @bg;
  font-size: 28px;
  font-family: Palatino, 'Palatino Linotype', 'Hiragino Mincho ProN', serif;
  line-height: 1.7;
  max-width: 1080px;
  margin: 0 auto;
  padding: @space * 1.5 @space;
  text-rendering: optimizelegibility;
  image-rendering: optimizequality;
}

a {
  color: @txt;
  .transition(~"color .5s ease, background .5s ease, opacity 1.5s ease");
}
  a:hover {
    color: @link;
    .transition(~"color .1s ease, background .1s ease, opacity .1s ease");
  }

ins {
  color: fade(@txt, 40%);
}

del {
  text-decoration: line-through;
}

::selection {
  background: fade(@txt, 5%);
}

// core styles begin
body:before, body:after {
  position: fixed;
  left: 0;
  width: 100%;
  content: '';
  z-index: 9999;
  pointer-events: none;
}
body:before {
  top: 0;
  height: 12px;
  background: fade(@txt, 5%);
  border-bottom: 1px solid fade(@txt, 2%);
}

a[role=logo] {
  float: left;
  display: block;
  width: 37px;
  height: 43px;
  background: url(logo.svg) no-repeat 0 0;
  background-size: auto 43px;
  text-indent: -9999em;
}

nav {
  .helvetica;
}

nav[role=navigation] {
  float: left;
  margin-left: 10px;
  ul {
    position: relative;
    li {
      position: absolute;
      list-style: none;
      &[role=current] {
        z-index: 9999;
      }
      &:not([role=current]) {
        opacity: 0;
        pointer-events: none;
      }
      a {
        padding: 3px .8em;
        font-weight: bold;
        -webkit-font-smoothing: antialiased;
      }
    }
    @base: 15px;
    @rate: 20px;
    &.nav-home {
      top: @base;
      li { top: 0px; }
    }
    &.nav-work {
      top: @base - @rate * 1;
      li { top: @rate * 1; }
    }
    &.nav-store {
      top: @base - @rate * 2;
      li { top: @rate * 2; }
    }
    &.nav-note {
      top: @base - @rate * 3;
      li { top: @rate * 3; }
    }
    &.nav-about {
      top: @base - @rate * 4;
      li { top: @rate * 4; }
    }
    &:hover {
      li {
        .transition(~"top .25s ease-out, opacity .3s ease-out .15s");
        opacity: 1;
        pointer-events: auto;
        &:nth-of-type(1) { top: 0; }
        &:nth-of-type(2) { top: 20px; }
        &:nth-of-type(3) { top: 40px; }
        &:nth-of-type(4) { top: 60px; }
        &:nth-of-type(5) { top: 80px; }
      }
    }
  }
}

nav[role=pagination] {
  a {
    position: absolute;
    top: 241px;
    display: block;
    padding: 7px 10px;
    font-size: 10px;
    letter-spacing: .2em;
    background: fade(@txt, 5%);
    z-index: 9999;
    -webkit-transition: padding .1s ease;
       -moz-transition: padding .1s ease;
    [role=tooltip] {
      position: absolute;
      top: 23px;
      white-space: nowrap;
      opacity: 0;
      padding: 7px 10px;
      color: #fff;
      background: fade(@link, 95%);
      pointer-events: none;
      -webkit-transition: opacity .1s ease, padding .1s ease;
         -moz-transition: opacity .1s ease, padding .1s ease;
    }
    &:hover {
      [role=tooltip] {
        opacity: 1;
      }
    }
    &[role=next] {
      left: 0;
      [role=tooltip] {
        left: 0;
      }
      &:hover {
        padding-left: 15px;
        [role=tooltip] {
          padding-left: 15px;
        }
      }
    }
    &[role=prev] {
      right: 0;
      [role=tooltip] {
        right: 0;
      }
      &:hover {
        padding-right: 15px;
        [role=tooltip] {
          padding-right: 15px;
        }
      }
    }
  }
}

hgroup {
  .font-face;
  padding-bottom: @space * 1.5 * 2/3;
  max-width: @txt-width;
  > * {
    font-weight: normal;
  }
  h2 {
    .helvetica;
    padding-top: .4em;
  }
}

article {
  float: left;
  width: 100%;
  padding-top: @space * 1.35;
  img, video {
    display: block;
    margin: 35px 0;
    max-width: 100%;
  }
  p {
  }
  .txt {
    clear: both;
    max-width: @txt-width;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
            hyphens: auto;
    a {
      border-bottom: 1px dotted fade(@txt, 30%); // set larger value for invert color
    }
    p {
      margin: 1em 0;
      line-height: 1.6;
    }
    h3 {
      .helvetica;
      padding: @space * 1.5 0 0;
      &:first-child {
        margin-top: -@space;
      }
    }
    ul, ol {
      margin: 1em 0 1em 20px;
      list-style: square;
      li {
        line-height: 1.8;
      }
    }
    blockquote {
      position: relative;
      padding-left: @space * .75;
      font-style: italic;
      &:before {
        position: absolute;
        top: -16px;
        left: -8px;
        content: '\201c';
        font-size: 120px;
        line-height: 1;
        color: fade(@txt, 70%);
        font-family: 'Helvetica Neue', sans-serif;
        font-style: normal;
        z-index: -1;
        pointer-events: none;
      }
    }
    sup {
      line-height: 1;
    }
    abbr:after {
      content: " (" attr(title) ")";
    }
    code, pre {
      font-family: Menlo, monospace;
      color: #68a;
    }
  }
  .browser {
    float: left;
    margin: 20px 0 40px;
    padding-top: 16px;
    border-radius: 4px 4px 0 0;
    background: #e8e8e8;
    box-shadow: rgba(0, 0, 0, .15) 0 10px 50px 0, rgba(0, 0, 0, .4) 0 0 0 1px, inset rgba(255, 255, 255, .6) 0 1px 0 0;
    img {
      box-shadow: rgba(0, 0, 0, .4) 0 -1px 0 0;
      margin: 0;
    }
  }
  .note, .download {
    background-size: 40px 40px;
    padding-left: 50px;
  }
  .download {
    background: url(download.svg) no-repeat 0 0;
  }
  .note {
    background: url(note.svg) no-repeat 0 0;

  }
}

// workaround solution for post with chinese
[lang=zh] .txt {
  p, li {
    text-align: justify;
  }
}

// image list in "work"
@thumb-size: 90px;
@thumb-padding: 15px;

ul[role^=work-list] {
  padding-top: 20px;
  clear: both;
  overflow: hidden;
  margin-left: -@thumb-padding;
  margin-right: @thumb-padding;
  li {
    position: relative;
    list-style: none;
    float: left;
    line-height: 0;
    text-align: left;
    margin: @thumb-padding;
    img {
      width: @thumb-size;
      height: @thumb-size;
      // override: article img
      margin: 0;
      background: @link;
    }
    a {
      position: absolute;
      top: -@thumb-padding;
      left: -@thumb-padding;
      padding: @thumb-padding;
      width: @thumb-size;
      height: @thumb-size;
      .font-face;
      -webkit-font-smoothing: antialiased;
      color: #fff;
      font-size: 18px;
      line-height: 1.2;
      opacity: 0;
      background: fade(@link, 90%);
    }
    &:hover a {
      opacity: 1;
    }
  }
}

// image navigation in post page
h3[role=work-list-title] {
  .helvetica;
  padding: @space * 1.5 0 0;
  float: left;
}

// post list in "note"
div[role^=note-list] {
  // make sure the last post next to footer has the correct margin value.
  margin-top: -@space;
  section {
    h2 {
      .font-face;
      margin: -3px 0 -12px;
      max-width: @txt-width;
      font-weight: normal;
      time {
        color: fade(@txt, 30%);
      }
      // an infinite symbol next to the post date
      time + a {
        // need line-height: 0 to make vertical-align work
        line-height: 0;
        vertical-align: 3px;
      }
    }
    padding-top: @space * 1.5;
  }
}

aside {
  padding: @space 0 0;
  width: 200px;
  clear: both;
  // BuySellAds block
  .bsap {
    padding: 10px 0 @space;
    .bsa_it_i {
      display: block;
    }
    .bsa_it_t {
      display: block;
      margin: 1em 0;
    }
    .bsa_it_d {
      display: block;
      margin: 1em 0;
      line-height: 1.7;
    }
    .bsa_it_p {
      display: block;
      font-size: 12px;
      a {
        color: fade(@txt, 40%);
        &:hover {
          color: #000;
        }
      }
    }
  }
}

footer {
  padding: 15px 0;
  .helvetica;
  font-size: 11px;
}

// small screen
@media (max-width: 640px) {
  article .txt {
    font-size: 80%;
  }
}

// all ios devices, the easy way
@media (max-device-width: 480px), (max-device-width: 1024px) {
  nav[role=navigation] {
    ul {
      position: static;
      li {
        float: left;
        position: static;
        &[role=current] {
          a {
            color: @link;
          }
        }
        &:not([role=current]) {
          opacity: 1;
          pointer-events: auto;
        }
        &:first-child {
          display: none;
        }
        a {
          display: block;
          padding: 15px .6em;
        }
      }
    }
  }
}

// iphone
@media (max-device-width: 480px) {
  :root {
    -webkit-text-size-adjust: none;
  }
}

// iphone portrait
@media (max-device-width: 480px) and (orientation: portrait) {
  :root {
    padding: @space * 1.5 20px;
  }

  a[role=logo] {
    float: none;
  }

  nav[role=navigation] {
    float: none;
    margin-left: 0;
    margin-top: 10px;
    ul {
      li {
        float: none;
        a {
          padding: 10px 0;
        }
      }
    }
  }

  ul[role^=work-list] {
    li {
      float: none;
      margin-bottom: @thumb-padding * 2;
      img {
        width: 100%;
        // should be 100%, but Safari for iOS has stupid bug for it.
        height: auto;
      }
      a {
        width: 100%;
        height: 100%;
        font-size: 24px;
      }
    }
  }
}

/*!
  github.com/sparanoid/sparanoid.com
*/
/*!
*/

// global variables
@space: 70px;
@txt-width: 750px;
@link: #e34; // #2ed for invert color
@bg: #fff;
@txt: #000;

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

@font-face {
  font-family: PFDTCP-M; // PFDinTextCompPro-Medium.ttf
  src: url('font.woff') format('woff');
}

.font-face {
  font-family: 'PFDTCP-M', 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: -.02em;
  font-size: 56px;
}

.helvetica {
  color: fade(@txt, 40%);
  font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: .25em;
}

.transition(@transition) {
  -webkit-transition: @transition;
     -moz-transition: @transition;
}

// basic configurations
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  line-height: 1;
  text-decoration: none;
}

:root {
  color: @txt;
  background: @bg;
  font-size: 28px;
  font-family: Palatino, 'Palatino Linotype', 'Hiragino Mincho ProN', serif;
  line-height: 1.7;
  max-width: 1080px;
  margin: 0 auto;
  padding: @space * 1.5 @space;
  text-rendering: optimizelegibility;
  image-rendering: optimizequality;
}

a {
  color: @txt;
  .transition(~"color .5s ease, background .5s ease, opacity 1.5s ease");
}
  a:hover {
    color: @link;
    .transition(~"color .1s ease, background .1s ease, opacity .1s ease");
  }

ins {
  color: fade(@txt, 40%);
}

del {
  text-decoration: line-through;
}

::selection {
  background: fade(@txt, 5%);
}

// core styles begin
body:before, body:after {
  position: fixed;
  left: 0;
  width: 100%;
  content: '';
  z-index: 9999;
  pointer-events: none;
}
body:before {
  top: 0;
  height: 12px;
  background: fade(@txt, 5%);
  border-bottom: 1px solid fade(@txt, 2%);
}

a[role=logo] {
  float: left;
  display: block;
  width: 37px;
  height: 43px;
  background: url(logo.svg) no-repeat 0 0;
  background-size: auto 43px;
  text-indent: -9999em;
}

nav {
  .helvetica;
}

nav[role=navigation] {
  float: left;
  margin-left: 10px;
  ul {
    position: relative;
    li {
      position: absolute;
      list-style: none;
      &[role=current] {
        z-index: 9999;
      }
      &:not([role=current]) {
        opacity: 0;
        pointer-events: none;
      }
      a {
        padding: 3px .8em;
        font-weight: bold;
        -webkit-font-smoothing: antialiased;
      }
    }
    @base: 15px;
    @rate: 20px;
    &.nav-home {
      top: @base;
      li { top: 0px; }
    }
    &.nav-work {
      top: @base - @rate * 1;
      li { top: @rate * 1; }
    }
    &.nav-store {
      top: @base - @rate * 2;
      li { top: @rate * 2; }
    }
    &.nav-note {
      top: @base - @rate * 3;
      li { top: @rate * 3; }
    }
    &.nav-about {
      top: @base - @rate * 4;
      li { top: @rate * 4; }
    }
    &:hover {
      li {
        .transition(~"top .25s ease-out, opacity .3s ease-out .15s");
        opacity: 1;
        pointer-events: auto;
        &:nth-of-type(1) { top: 0; }
        &:nth-of-type(2) { top: 20px; }
        &:nth-of-type(3) { top: 40px; }
        &:nth-of-type(4) { top: 60px; }
        &:nth-of-type(5) { top: 80px; }
      }
    }
  }
}

nav[role=pagination] {
  a {
    position: absolute;
    top: 247px;
    display: block;
    padding: 7px 10px;
    font-size: 10px;
    letter-spacing: .2em;
    background: fade(@txt, 5%);
    z-index: 9999;
    -webkit-transition: padding .1s ease;
       -moz-transition: padding .1s ease;
    [role=tooltip] {
      position: absolute;
      top: 23px;
      white-space: nowrap;
      opacity: 0;
      padding: 7px 10px;
      color: #fff;
      background: fade(@link, 95%);
      pointer-events: none;
      -webkit-transition: opacity .1s ease, padding .1s ease;
         -moz-transition: opacity .1s ease, padding .1s ease;
    }
    &:hover {
      [role=tooltip] {
        opacity: 1;
      }
    }
    &[role=next] {
      left: 0;
      [role=tooltip] {
        left: 0;
      }
      &:hover {
        padding-left: 15px;
        [role=tooltip] {
          padding-left: 15px;
        }
      }
    }
    &[role=prev] {
      right: 0;
      [role=tooltip] {
        right: 0;
      }
      &:hover {
        padding-right: 15px;
        [role=tooltip] {
          padding-right: 15px;
        }
      }
    }
  }
}

hgroup {
  .font-face;
  padding-bottom: @space * 1.5 * 2/3;
  max-width: @txt-width;
  > * {
    font-weight: normal;
  }
  h2 {
    .helvetica;
    padding-top: .4em;
  }
}

article {
  float: left;
  width: 100%;
  padding-top: @space * 1.35;
  img, video {
    display: block;
    margin: 35px 0;
    max-width: 100%;
  }
  p {
  }
  .txt {
    clear: both;
    max-width: @txt-width;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
            hyphens: auto;
    a {
      border-bottom: 1px dotted fade(@txt, 30%); // set larger value for invert color
    }
    p {
      margin: 1em 0;
      line-height: 1.6;
    }
    h3 {
      .helvetica;
      padding: @space * 1.5 0 0;
      &:first-child {
        margin-top: -@space;
      }
    }
    ul, ol {
      margin: 1em 0 1em 20px;
      list-style: square;
      li {
        line-height: 1.8;
      }
    }
    blockquote {
      position: relative;
      padding-left: @space * .75;
      font-style: italic;
      &:before {
        position: absolute;
        top: -16px;
        left: -8px;
        content: '\201c';
        font-size: 120px;
        line-height: 1;
        color: fade(@txt, 70%);
        font-family: 'Helvetica Neue', sans-serif;
        font-style: normal;
        z-index: -1;
        pointer-events: none;
      }
    }
    sup {
      line-height: 1;
    }
    abbr:after {
      content: " (" attr(title) ")";
    }
    code, pre {
      font-family: Menlo, monospace;
      color: #68a;
    }
  }
  .browser {
    float: left;
    margin: 20px 0 40px;
    padding-top: 16px;
    border-radius: 4px 4px 0 0;
    background: #e8e8e8;
    box-shadow: rgba(0, 0, 0, .15) 0 10px 50px 0, rgba(0, 0, 0, .4) 0 0 0 1px, inset rgba(255, 255, 255, .6) 0 1px 0 0;
    img {
      box-shadow: rgba(0, 0, 0, .4) 0 -1px 0 0;
      margin: 0;
    }
  }
  .note, .download {
    background-size: 40px 40px;
    padding-left: 50px;
  }
  .download {
    background: url(download.svg) no-repeat 0 0;
  }
  .note {
    background: url(note.svg) no-repeat 0 0;

  }
}

// workaround solution for post with chinese
[lang=zh] .txt {
  p, li {
    text-align: justify;
  }
}

// image list in "work"
@thumb-size: 90px;
@thumb-padding: 15px;

ul[role^=work-list] {
  padding-top: 20px;
  clear: both;
  overflow: hidden;
  margin-left: -@thumb-padding;
  margin-right: @thumb-padding;
  li {
    position: relative;
    list-style: none;
    float: left;
    line-height: 0;
    text-align: left;
    margin: @thumb-padding;
    img {
      width: @thumb-size;
      height: @thumb-size;
      // override: article img
      margin: 0;
      background: @link;
    }
    a {
      position: absolute;
      top: -@thumb-padding;
      left: -@thumb-padding;
      padding: @thumb-padding;
      width: @thumb-size;
      height: @thumb-size;
      .font-face;
      -webkit-font-smoothing: antialiased;
      color: #fff;
      font-size: 18px;
      line-height: 1.2;
      opacity: 0;
      background: fade(@link, 90%);
    }
    &:hover a {
      opacity: 1;
    }
  }
}

// image navigation in post page
h3[role=work-list-title] {
  .helvetica;
  padding: @space * 1.5 0 0;
  float: left;
}

// post list in "note"
div[role^=note-list] {
  // make sure the last post next to footer has the correct margin value.
  margin-top: -@space;
  section {
    h2 {
      .font-face;
      margin: -3px 0 -12px;
      max-width: @txt-width;
      font-weight: normal;
      time {
        color: fade(@txt, 30%);
      }
      // an infinite symbol next to the post date
      time + a {
        // need line-height: 0 to make vertical-align work
        line-height: 0;
        vertical-align: 3px;
      }
    }
    padding-top: @space * 1.5;
  }
}

aside {
  padding: @space 0 0;
  width: 200px;
  clear: both;
  // BuySellAds block
  .bsap {
    padding: 10px 0 @space;
    .bsa_it_i {
      display: block;
    }
    .bsa_it_t {
      display: block;
      margin: 1em 0;
    }
    .bsa_it_d {
      display: block;
      margin: 1em 0;
      line-height: 1.7;
    }
    .bsa_it_p {
      display: block;
      font-size: 12px;
      a {
        color: fade(@txt, 40%);
        &:hover {
          color: #000;
        }
      }
    }
  }
}

footer {
  padding: 15px 0;
  .helvetica;
  font-size: 11px;
}

// small screen
@media (max-width: 640px) {
  article .txt {
    font-size: 80%;
  }
}

// all ios devices, the easy way
@media (max-device-width: 480px), (max-device-width: 1024px) {
  nav[role=navigation] {
    ul {
      position: static;
      li {
        float: left;
        position: static;
        &:not([role=current]) {
          opacity: 1;
          pointer-events: auto;
        }
        &:first-child {
          display: none;
        }
        a {
          display: block;
          padding: 15px .6em;
        }
      }
    }
  }
}

// iphone
@media (max-device-width: 480px) {
  :root {
    -webkit-text-size-adjust: none;
  }
}

// iphone portrait
@media (max-device-width: 480px) and (orientation: portrait) {
  :root {
    padding: @space * 1.5 20px;
  }

  a[role=logo] {
    float: none;
  }

  nav[role=navigation] {
    float: none;
    margin-left: 0;
    margin-top: 10px;
    ul {
      li {
        float: none;
        a {
          padding: 10px 0;
        }
      }
    }
  }

  ul[role^=work-list] {
    li {
      float: none;
      margin-bottom: @thumb-padding * 2;
      img {
        width: 100%;
        // should be 100%, but Safari for iOS has stupid bug for it.
        height: auto;
      }
      a {
        width: 100%;
        height: 100%;
        font-size: 24px;
      }
    }
  }
}


Fix the minimize icon style.

Fix the minimize icon style.

.bws-icon {
    position: absolute;
    display: block;
    left: @bws-sidebar-width;
    top: 114px;
    width: 40px;
    height: 40px;
    background: #bbbbbb url(/juju-ui/assets/images/browser_icon.png)
        no-repeat center center;
    box-shadow: 3px 0 2px rgba(0, 0, 0, 0.1);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    z-index: 600;
}
.content-visible .bws-icon {
    left: @bws-sidebar-width + @bws-panel-width;
}

.bws-icon {
    position: absolute;
    display: block;
    left: @bws-sidebar-width;
    top: 114px;
    width: 40px;
    height: 40px;
    background: #bbbbbb url(/juju-ui/assets/images/browser_icon.png)
        no-repeat center center;
    box-shadow: 3px 0 2px rgba(0, 0, 0, 0.1);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    z-index: 10;
}
.content-visible .bws-icon {
    left: @bws-sidebar-width + @bws-panel-width;
}


Removes shadow from progress bars

Removes shadow from progress bars

@import "../bower_components/bootstrap/less/progress-bars";

.progress {
    box-shadow: inset 0 0px 0px 1px rgba(0, 0, 0, 0.1);
    height: 12px;
}

.progress-bar {
    transition: width 0.5s;
    box-shadow: none;
}

@import "../bower_components/bootstrap/less/progress-bars";

.progress {
    box-shadow: inset 0 0px 0px 1px rgba(0, 0, 0, 0.1);
    height: 12px;
}

.progress-bar {
    transition: width 0.5s;
}


Make sure micro caps text has consistent font-smoothing and remove all code that deals with under the rug footer on landing page for now

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


TA17111: More CSS for fieldsets and unit tests.

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/dlockhart/valence-ui-field.git/'


margin

margin

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


add less file

add less file

.udata-oembed {
    @import "~bootstrap/less/normalize.less";

    * {
        box-sizing: border-box;
    }

    @import "oembed-font/style";
    @import "udata/variables";
    @import "udata/mixins";
    @import "udata/cards";

    font-family: @font-family-sans-serif;

    // Spin animation extracted from Font Awesome
    .fa-spin {
        animation: fa-spin 2s infinite linear;
    }

    @keyframes fa-spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(359deg); }
    }
}

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


made a tweak to the rotation of the shadow in the css

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


CSS changes.

CSS changes.

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


Fixed margin-top style error.

Fixed margin-top style error.

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/team-aries/just.git/'


bump up themes review queue sidebar

bump up themes review queue sidebar

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


Change bg colour of whackamole

Change bg colour of whackamole


font less

font less

@font-face {
  font-family: "iconfont-sm";
  src: url('//at.alicdn.com/t/font_1433401008_2229297.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1433401008_2229297.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1433401008_2229297.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.icon {
  font-family:"iconfont-sm" !important;
  font-style:normal;
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
  background-position: center;

  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon-app:before { content: "\e605"; }
.icon-browser:before { content: "\e606"; }
.icon-card:before { content: "\e607"; }
.icon-cart:before { content: "\e600"; }
.icon-code:before { content: "\e609"; }
.icon-computer:before { content: "\e616"; }
.icon-remove:before { content: "\e60a"; }
.icon-download:before { content: "\e60b"; }
.icon-edit:before { content: "\e60c"; }
.icon-emoji:before { content: "\e615"; }
.icon-star:before { content: "\e60e"; }
.icon-friends:before { content: "\e601"; }
.icon-gift:before { content: "\e618"; }
.icon-phone:before { content: "\e60f"; }
.icon-clock:before { content: "\e619"; }
.icon-home:before { content: "\e602"; }
.icon-menu:before { content: "\e60d"; }
.icon-message:before { content: "\e617"; }
.icon-me:before { content: "\e603"; }
.icon-picture:before { content: "\e61a"; }
.icon-share:before { content: "\e61b"; }
.icon-settings:before { content: "\e604"; }
.icon-refresh:before { content: "\e61c"; }
.icon-caret:before { content: "\e610"; }
.icon-down:before { content: "\e611"; }
.icon-up:before { content: "\e612"; }
.icon-right:before { content: "\e613"; }
.icon-left:before { content: "\e614"; }
.icon-check:before { content: "\e608"; }
.icon-search:before { content: "\e61d"; }
.icon-new:before { content: "\e61e"; }

.icon-next, .icon-prev {
    width: 0.75rem;
    height: 0.75rem;
}
.icon-next {
    .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='#007aff' d='M1,1.6l11.8,5.8L1,13.4V1.6 M0,0v15l15-7.6L0,0L0,0z'/></g></svg>");
}
.icon-prev {
    .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='#007aff' d='M14,1.6v11.8L2.2,7.6L14,1.6 M15,0L0,7.6L15,15V0L15,0z'/></g></svg>");
}
/*
.icon-plus {
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.55rem;
    line-height: 1rem;
    text-align: center;
    font-weight: 100;
}
*/

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


Adding bootstrap slider plugin less files

.slider {
    &.slider-horizontal {
        width: 100%;
        height: 20px;
        margin-bottom: 20px;
    }

    &.slider-vertical {
        height: 230px;
        width: 20px;
        margin-right: 20px;
        display: inline-block;
    }

    .slider-handle { background: #444; }
}

.slider-selection {
    #red &    { background: #f56954; }
    #blue &   { background: #3c8dbc; }
    #green &  { background: #00a65a; }
    #yellow & { background: #f39c12; }
    #aqua &   { background: #00c0ef; }
    #purple & { background: #932ab6; }
}

error: pathspec 'src/less/plugins/bootstrap-slider.less' did not match any file(s) known to git


[FIX] sap.m.Text: Ellipsis is now shown when the label is required

Change-Id: I8482990fe59c24ab3ebdb1c4dce2e0f1ff02142b
BCP: 1770497102

/* ============================ */
/* CSS for control sap.m/Label  */
/* Base theme                   */
/* ============================ */

.sapMLabel {
	color: @sapUiContentLabelColor;
	font-size: @sapMFontMediumSize;
	font-family: @sapUiFontFamily;
	font-weight: normal;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	cursor: text;
}

.sapMLabelBold,
.sapMLabel.sapMLabelBold {
	font-weight: bold;
}

.sapMLabelMaxWidth {
	max-width: 100%;
}

.sapMLIBActionable .sapMLabel{
	cursor: pointer;
}

.sapMLabelRequired:before {
	content:"*";
	color: @sapUiFieldRequiredColor;
	font-size: 1.25rem;
	font-weight: bold;
	position: relative;
	vertical-align: middle;
	line-height: normal;
}

.sapMIBar-CTX .sapMLabel {
	color: @sapUiContentLabelColor;
}

.sapMIBar-CTX.sapMFooter-CTX .sapMLabel {
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	color: @sapUiPageFooterTextColor;
}

.sapMLIBActive .sapMLabel,
.sapMLIBActive .sapMListTblCell .sapMLabel,
.sapMLIBActive .sapMListTblSubCntRow .sapMLabel{
	color: @sapUiListActiveTextColor;
}

/* ============================ */
/* Overwrites for Label in Form */
/* ============================ */

/* GridLayout */
td.sapUiFormElementLbl:not(.sapUiGridLabelFull) > .sapMLabel{
	float: right;
	position: relative;
	padding-right: 0.25rem;
}

/* ResponsiveGridLayout */
/* make labels right aligned if left from fields*/
.sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,
.sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,
.sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,
.sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel {
	float: right;
}

/* ResponsiveLayout */
/* If label is above the fields it's left aligned, if it's left of the fields it's right aligned */
.sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent > .sapMLabel{
	text-align: end !important; /* to overwrite setting on label */
	width: 100%; /* to react on touch/click on whole label cell */
	padding-right: 0.25rem;
	box-sizing: border-box;
	position: relative;
}

/* in the cases text-align: end is set, we position the colon of the label to absolute so it does not get truncated in the ellipsis*/
td.sapUiFormElementLbl:not(.sapUiGridLabelFull) > .sapMLabel:after,
.sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel:after,
.sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel:after,
.sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel:after,
.sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel:after,
.sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child:not(.sapUiRFLFullLength) > .sapUiRFLContainerContent > .sapMLabel:after {
	position: absolute;
	right: 0;
}

html[data-sap-ui-browser^=ie] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent > .sapMLabel,
html[data-sap-ui-browser^=ed] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent > .sapMLabel {
	text-align: right !important; /* to overwrite setting on label */
}

html[dir=rtl][data-sap-ui-browser^=ie] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ed] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent > .sapMLabel {
	text-align: left !important; /* to overwrite setting on label */
}

.sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapMLabel{
	text-align: start !important; /* to overwrite setting on label */
	padding-bottom: 2px;
}

html[data-sap-ui-browser^=ie] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapMLabel,
html[data-sap-ui-browser^=ed] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapMLabel {
	text-align: left !important; /* to overwrite setting on label */
}

html[dir=rtl][data-sap-ui-browser^=ie] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ed] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapMLabel {
	text-align: right !important; /* to overwrite setting on label */
}

/* ResponsiveGridLayout */
.sapUiFormResGridCont > .sapUiFormElementLbl > .sapMLabel{
	width: 100%;
}

/* collapse lines in a form */
.sapUiForm .sapUiFormElementLbl > .sapMLabel{
	height: auto;
}

.sapUiFormLblColon .sapUiFormElementLbl > .sapMLabel{
	/*
		We guessed the width of a : here. 0.3em seems to be fine in chrome it works without the padding
		but as long as we do not touch the box-sizing it seems to be fine to set it there too
		because the padding is outside of the box
		The use of em is intentional since it has to relate to the current font size applied to the label
	*/
	padding-right: 0.3em;
}

.sapUiForm.sapUiFormEdit .sapUiFormElementLbl > .sapMLabel{
	vertical-align: top; /* align vertically to multiline texts */
}

.sapUiFormLblColon .sapUiFormElementLbl > .sapMLabel:after{
	content:":";
}

/* Wrapping of the Label's text */
.sapMLabel.sapMLabelWrapped {
	white-space: pre-line;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sapUiFormLblColon .sapUiFormElementLbl > .sapMLabel:lang(fr):after{
	content:" :";
}

.sapUiFormLblColon .sapUiFormElementLbl > .sapMLabel.sapMLabelNoText:after{
	content: none;
}

.sapMLIBUnread .sapMLabel,
.sapMLIBUnread + .sapMListTblSubRow .sapMLabel{
	font-family: @sapUiFontFamily;
	font-weight: bold;
}

/* Info Toolbar Context */
.sapMTB-Info-CTX .sapMLabel {
	font-style: italic;
	font-size: @sapMFontMediumSize;
	font-family: @sapUiFontFamily;
	color: contrast(@sapUiInfobarBackground, @sapUiListActiveTextColor, @sapUiListTextColor, @sapUiContentContrastTextThreshold);
	padding-right: 0.125rem; /* prevents truncation of the last letter */
}

.sapMTB-Info-CTX .sapMLabel.sapMLabelTBHeader {
	text-shadow: none;
}

html[dir=rtl] .sapMTB-Info-CTX .sapMLabel {
	padding-left: 0.125rem; /* prevents truncation of the rightmost symbol in RTL */
}

/* Transparent Toolbar Context*/
.sapMTB-Transparent-CTX .sapMLabel{
	font-weight: @sapUiFontHeaderWeight;
	font-family: @sapUiFontHeaderFamily;
	color: @sapUiGroupTitleTextColor;
}

/* HorizontalLayout */
.sapUiHLayoutChildWrapper > .sapMLabel {
	vertical-align: text-bottom;
}

/* ================================ */
/* SMALL,  MEDIUM and LARGE DEVICES */
/* ================================ */
.sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,
.sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,
.sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,
.sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel {
	text-align: end !important; /* to overwrite style set on element */
	float: none; /* as label has 100% width not needed (will bring wrong alignments on iPad) */
	position: relative; /* to allow to place ":" at end even if label is truncated */
}

html[data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,
html[data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,
html[data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,
html[data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel,
html[data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,
html[data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,
html[data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,
html[data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel {
	text-align: right !important; /* to overwrite style set on element */
}

html[dir=rtl][data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel {
	text-align: left !important; /* to overwrite style set on element */
}

/* ========================================================== */
/* COMPACT + CONDENSED SIZE + SPECIALS FOR SAP.UI.TABLE.TABLE */
/* ========================================================== */

.sapUiSizeCompact,
.sapUiSizeCondensed.sapUiTable,
.sapUiSizeCondensed .sapUiTable {
	.sapMIBar-CTX.sapMPageHeader .sapMLabel,
	.sapMDialog-CTX .sapMIBar-CTX .sapMLabel {
		font-size: @sapMFontHeader6Size;
	}
}

.sapUiSizeCompact,
.sapUiSizeCondensed {
	.sapUiTableCell .sapMLabel,
	.sapUiTableColCell > .sapMLabel {
		font-weight: normal;
		font-size: @sapMFontHeader6Size;
	}
}

.sapUiSizeCondensed {
	.sapUiTableTd {
		:not(.sapMRbBLabel):not(.sapMCbLabel) .sapMLabel {
			line-height: 1.5rem;
			vertical-align: middle;
		}
	}
}

.sapUiTableCell .sapMLabel,
.sapUiTableColCell > .sapMLabel {
	color: @sapUiListTextColor;
}

.sapUiAnalyticalTable {
	.sapUiTableCell > .sapMLabel,
	.sapUiTableColCell > .sapMLabel {
		width: 100%;
	}

	.sapUiAnalyticalTableSum .sapUiTableCell .sapMLabel {
		font-weight: bold;
	}
}

/* ============================ */
/* CSS for control sap.m/Label  */
/* Base theme                   */
/* ============================ */

.sapMLabel {
	color: @sapUiContentLabelColor;
	font-size: @sapMFontMediumSize;
	font-family: @sapUiFontFamily;
	font-weight: normal;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	cursor: text;
}

.sapMLabelBold,
.sapMLabel.sapMLabelBold {
	font-weight: bold;
}

.sapMLabelMaxWidth {
	max-width: 100%;
}

.sapMLIBActionable .sapMLabel{
	cursor: pointer;
}

.sapMLabelRequired:before {
	content:"*";
	color: @sapUiFieldRequiredColor;
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 0;
	position: relative;
	top: 0.15rem;
}

.sapMIBar-CTX .sapMLabel {
	color: @sapUiContentLabelColor;
}

.sapMIBar-CTX.sapMFooter-CTX .sapMLabel {
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	color: @sapUiPageFooterTextColor;
}

.sapMLIBActive .sapMLabel,
.sapMLIBActive .sapMListTblCell .sapMLabel,
.sapMLIBActive .sapMListTblSubCntRow .sapMLabel{
	color: @sapUiListActiveTextColor;
}

/* ============================ */
/* Overwrites for Label in Form */
/* ============================ */

/* GridLayout */
td.sapUiFormElementLbl:not(.sapUiGridLabelFull) > .sapMLabel{
	float: right;
	position: relative;
	padding-right: 0.25rem;
}

/* ResponsiveGridLayout */
/* make labels right aligned if left from fields*/
.sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,
.sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,
.sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,
.sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel {
	float: right;
}

/* ResponsiveLayout */
/* If label is above the fields it's left aligned, if it's left of the fields it's right aligned */
.sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent > .sapMLabel{
	text-align: end !important; /* to overwrite setting on label */
	width: 100%; /* to react on touch/click on whole label cell */
	padding-right: 0.25rem;
	box-sizing: border-box;
	position: relative;
}

/* in the cases text-align: end is set, we position the colon of the label to absolute so it does not get truncated in the ellipsis*/
td.sapUiFormElementLbl:not(.sapUiGridLabelFull) > .sapMLabel:after,
.sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel:after,
.sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel:after,
.sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel:after,
.sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel:after,
.sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child:not(.sapUiRFLFullLength) > .sapUiRFLContainerContent > .sapMLabel:after {
	position: absolute;
	right: 0;
}

html[data-sap-ui-browser^=ie] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent > .sapMLabel,
html[data-sap-ui-browser^=ed] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent > .sapMLabel {
	text-align: right !important; /* to overwrite setting on label */
}

html[dir=rtl][data-sap-ui-browser^=ie] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ed] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent > .sapMLabel {
	text-align: left !important; /* to overwrite setting on label */
}

.sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapMLabel{
	text-align: start !important; /* to overwrite setting on label */
	padding-bottom: 2px;
}

html[data-sap-ui-browser^=ie] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapMLabel,
html[data-sap-ui-browser^=ed] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapMLabel {
	text-align: left !important; /* to overwrite setting on label */
}

html[dir=rtl][data-sap-ui-browser^=ie] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ed] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapMLabel {
	text-align: right !important; /* to overwrite setting on label */
}

/* ResponsiveGridLayout */
.sapUiFormResGridCont > .sapUiFormElementLbl > .sapMLabel{
	width: 100%;
}

/* collapse lines in a form */
.sapUiForm .sapUiFormElementLbl > .sapMLabel{
	height: auto;
}

.sapUiFormLblColon .sapUiFormElementLbl > .sapMLabel{
	/*
		We guessed the width of a : here. 0.3em seems to be fine in chrome it works without the padding
		but as long as we do not touch the box-sizing it seems to be fine to set it there too
		because the padding is outside of the box
		The use of em is intentional since it has to relate to the current font size applied to the label
	*/
	padding-right: 0.3em;
}

.sapUiForm.sapUiFormEdit .sapUiFormElementLbl > .sapMLabel{
	vertical-align: top; /* align vertically to multiline texts */
}

.sapUiFormLblColon .sapUiFormElementLbl > .sapMLabel:after{
	content:":";
}

/* Wrapping of the Label's text */
.sapMLabel.sapMLabelWrapped {
	white-space: pre-line;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sapUiFormLblColon .sapUiFormElementLbl > .sapMLabel:lang(fr):after{
	content:" :";
}

.sapUiFormLblColon .sapUiFormElementLbl > .sapMLabel.sapMLabelNoText:after{
	content: none;
}

.sapMLIBUnread .sapMLabel,
.sapMLIBUnread + .sapMListTblSubRow .sapMLabel{
	font-family: @sapUiFontFamily;
	font-weight: bold;
}

/* Info Toolbar Context */
.sapMTB-Info-CTX .sapMLabel {
	font-style: italic;
	font-size: @sapMFontMediumSize;
	font-family: @sapUiFontFamily;
	color: contrast(@sapUiInfobarBackground, @sapUiListActiveTextColor, @sapUiListTextColor, @sapUiContentContrastTextThreshold);
	padding-right: 0.125rem; /* prevents truncation of the last letter */
}

.sapMTB-Info-CTX .sapMLabel.sapMLabelTBHeader {
	text-shadow: none;
}

html[dir=rtl] .sapMTB-Info-CTX .sapMLabel {
	padding-left: 0.125rem; /* prevents truncation of the rightmost symbol in RTL */
}

/* Transparent Toolbar Context*/
.sapMTB-Transparent-CTX .sapMLabel{
	font-weight: @sapUiFontHeaderWeight;
	font-family: @sapUiFontHeaderFamily;
	color: @sapUiGroupTitleTextColor;
}

/* HorizontalLayout */
.sapUiHLayoutChildWrapper > .sapMLabel {
	vertical-align: text-bottom;
}

/* ================================ */
/* SMALL,  MEDIUM and LARGE DEVICES */
/* ================================ */
.sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,
.sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,
.sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,
.sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel {
	text-align: end !important; /* to overwrite style set on element */
	float: none; /* as label has 100% width not needed (will bring wrong alignments on iPad) */
	position: relative; /* to allow to place ":" at end even if label is truncated */
}

html[data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,
html[data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,
html[data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,
html[data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel,
html[data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,
html[data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,
html[data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,
html[data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel {
	text-align: right !important; /* to overwrite style set on element */
}

html[dir=rtl][data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel {
	text-align: left !important; /* to overwrite style set on element */
}

/* ========================================================== */
/* COMPACT + CONDENSED SIZE + SPECIALS FOR SAP.UI.TABLE.TABLE */
/* ========================================================== */

.sapUiSizeCompact,
.sapUiSizeCondensed.sapUiTable,
.sapUiSizeCondensed .sapUiTable {
	.sapMIBar-CTX.sapMPageHeader .sapMLabel,
	.sapMDialog-CTX .sapMIBar-CTX .sapMLabel {
		font-size: @sapMFontHeader6Size;
	}
}

.sapUiSizeCompact,
.sapUiSizeCondensed {
	.sapUiTableCell .sapMLabel,
	.sapUiTableColCell > .sapMLabel {
		font-weight: normal;
		font-size: @sapMFontHeader6Size;
	}
}

.sapUiSizeCondensed {
	.sapUiTableTd {
		:not(.sapMRbBLabel):not(.sapMCbLabel) .sapMLabel {
			line-height: 1.5rem;
			vertical-align: middle;
		}
	}
}

.sapUiTableCell .sapMLabel,
.sapUiTableColCell > .sapMLabel {
	color: @sapUiListTextColor;
}

.sapUiAnalyticalTable {
	.sapUiTableCell > .sapMLabel,
	.sapUiTableColCell > .sapMLabel {
		width: 100%;
	}

	.sapUiAnalyticalTableSum .sapUiTableCell .sapMLabel {
		font-weight: bold;
	}
}


adds custom mixins for cdap theme

adds custom mixins for cdap theme

//
// Mixins
// --------------------------------------------------
.cask-btn(@color: @btn-default-color, @background: white, @border: 1px solid #CCC, @border-radius: 8px, @padding: 6px 24px) {
      background-color: @background;
      border: @border;
      border-radius: @border-radius;
      color: @color;
      outline: none;
      padding: @padding;
      white-space: normal;
      &:hover, &:focus {
          text-decoration: none;
          outline: none;
      }
  }

error: pathspec 'cdap-ui/app/styles/themes/cdap/mixins.less' did not match any file(s) known to git


Added rtl.less

Added rtl.less

Hacking at RTL support with just CSS so far.

So far the basic layout is fine. Vertical scrolling is fine. And the
layout is fine for horizontal scrolling is fine. Initial clicks on a
horizontal scroll blow away the entire grid. It obviously busts some
calculation out of range. Looking at that part now.

.grid[dir=rtl] .ui-grid-header-cell,
.grid[dir=rtl] .ui-grid-cell{
  float:right !important;
}

.grid[dir=rtl] .ui-grid-scrollbar-vertical {
  right:inherit;
  left: 4px;

}
.grid[dir=rtl] .ui-grid-scrollbar-horizontal {
  left: inherit;
  right:0;
}

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


Removed C pointer-access keyword highlighting

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/rkalis/monokalis-syntax.git/'


fix selector so it works in ie8

fix selector so it works in ie8

/* ==========================================================================
   "Home Page" custom styles
   ========================================================================== */

/*
  WRAPPERS & CONTAINERS
  ---------------------------- */
.index {
  .webfont-regular();
}

fieldset.submit_btn,
fieldset.submit_btn > p {
  display:inline;
  margin:0px;
  padding:0px;
}

.index {
  .content_main {
    .respond-to-min(@tablet-min, {
      padding-top: @grid_gutter-width;
      padding-bottom: @grid_gutter-width;
    });
  }
}

.content__bleedbar.content__2-1 .content_no-sidebar {
  &:after {
    display: none;
  }
}

/*
  HERO
  ---------------------------- */

.hero_wrapper {
  margin: 0 auto;
  position: relative;
  clear: both;
  max-width: @grid_wrapper-width;
}

#hero-bg-image {
  position: absolute;
  width: 100%;
  z-index: -1;

  .respond-to-min(720px, {
    background: @neutral-20 url('/static/img/oah-hero-image.png');
    background-repeat: no-repeat;
    background-size: auto 230px;
    background-position: center top;
    background-size: auto 240px;
    height: 240px;
  });
}

.content_hero {
  // background image on the content element for small screens only, so we can have a flexible height
  background: @neutral-20 url('/static/img/oah-hero-image.png');
  background-position: 0 0;

  .respond-to-min(720px, {
    padding-top: 0;
    padding-bottom: 0;
    height: 240px;
    min-height: 240px;
    background-color: transparent;
    background-image: none;
  });

  .content_main {
    .respond-to-min(@grid_column-breakpoint, {
      .grid_column(2,3);
      padding-right: @grid_gutter-width;
    });
    .respond-to-min(900px, {
      padding-right: @grid_gutter-width*2;
    });
  }

  h1 {
    font-size: 1.425em;
    .respond-to-min(@grid_column-breakpoint, {
      .h1;
    });
    .respond-to-min(900px, {
      font-weight: bold;
    });
  }
  h2 {
    font-size:1.2em;
    .respond-to-min(1100px, {
      .h2;
    });
  }
}

/*
  MAIN COLUMN CONTENT
  ---------------------------- */

.section__intro {
  padding-bottom: @grid_gutter-width/3; // 10px
  .respond-to-min(@tablet-min, {
    .grid_nested-col-group();
  });
  .respond-to-min(800px, {
    padding-top: @grid_gutter-width/3; // 10px
    padding-bottom: @grid_gutter-width;
  });
}

// Phases for Journey
.section__phase {
  .respond-to-min(@tablet-min, {
    .grid_nested-col-group();
  });
  .content-l_col {
    margin-top: 0;
  }
}

  .content-l_col {
    &.content-l_col-1-4  {
      .respond-to-min(@tablet-min, { // @TODO change breakpoint?
        .grid_column(1, 4);
      });
    }
  }

  .phase_tools {
    position: relative;
  }

/*
  SIDEBAR CONTENT
  ---------------------------- */

.list__links .list_link.jump-link__bg {
  border-color: @gray-20;
}

.list__links.list__spaced {
  .jump-link_intro + .list_link {
    margin-top: @grid_gutter-width/3;
    margin-bottom: @grid_gutter-width;
    .respond-to-min(@mobile-max, {
      margin-bottom: @grid_gutter-width/3;
    });
  }
}

#email{
  width: 200px;
}
.input-with-btn > div{display: inline-block;}

@media (max-width: 720px) {
  .rc-home-illu {
    display: none;
  }
}

.tabbed-pad-top {
  margin-top: @grid_gutter-width;
}

/* ==========================================================================
   "Home Page" custom styles
   ========================================================================== */

/*
  WRAPPERS & CONTAINERS
  ---------------------------- */
.index {
  .webfont-regular();
}

fieldset.submit_btn,
fieldset.submit_btn > p {
  display:inline;
  margin:0px;
  padding:0px;
}

.index {
  .content_main {
    .respond-to-min(@tablet-min, {
      padding-top: @grid_gutter-width;
      padding-bottom: @grid_gutter-width;
    });
  }
}

.content__bleedbar .content_no-sidebar {
  &:after {
    display: none;
  }
}

/*
  HERO
  ---------------------------- */

.hero_wrapper {
  margin: 0 auto;
  position: relative;
  clear: both;
  max-width: @grid_wrapper-width;
}

#hero-bg-image {
  position: absolute;
  width: 100%;
  z-index: -1;

  .respond-to-min(720px, {
    background: @neutral-20 url('/static/img/oah-hero-image.png');
    background-repeat: no-repeat;
    background-size: auto 230px;
    background-position: center top;
    background-size: auto 240px;
    height: 240px;
  });
}

.content_hero {
  // background image on the content element for small screens only, so we can have a flexible height
  background: @neutral-20 url('/static/img/oah-hero-image.png');
  background-position: 0 0;

  .respond-to-min(720px, {
    padding-top: 0;
    padding-bottom: 0;
    height: 240px;
    min-height: 240px;
    background-color: transparent;
    background-image: none;
  });

  .content_main {
    .respond-to-min(@grid_column-breakpoint, {
      .grid_column(2,3);
      padding-right: @grid_gutter-width;
    });
    .respond-to-min(900px, {
      padding-right: @grid_gutter-width*2;
    });
  }

  h1 {
    font-size: 1.425em;
    .respond-to-min(@grid_column-breakpoint, {
      .h1;
    });
    .respond-to-min(900px, {
      font-weight: bold;
    });
  }
  h2 {
    font-size:1.2em;
    .respond-to-min(1100px, {
      .h2;
    });
  }
}

/*
  MAIN COLUMN CONTENT
  ---------------------------- */

.section__intro {
  padding-bottom: @grid_gutter-width/3; // 10px
  .respond-to-min(@tablet-min, {
    .grid_nested-col-group();
  });
  .respond-to-min(800px, {
    padding-top: @grid_gutter-width/3; // 10px
    padding-bottom: @grid_gutter-width;
  });
}

// Phases for Journey
.section__phase {
  .respond-to-min(@tablet-min, {
    .grid_nested-col-group();
  });
  .content-l_col {
    margin-top: 0;
  }
}

  .content-l_col {
    &.content-l_col-1-4  {
      .respond-to-min(@tablet-min, { // @TODO change breakpoint?
        .grid_column(1, 4);
      });
    }
  }

  .phase_tools {
    position: relative;
  }

/*
  SIDEBAR CONTENT
  ---------------------------- */

.list__links .list_link.jump-link__bg {
  border-color: @gray-20;
}

.list__links.list__spaced {
  .jump-link_intro + .list_link {
    margin-top: @grid_gutter-width/3;
    margin-bottom: @grid_gutter-width;
    .respond-to-min(@mobile-max, {
      margin-bottom: @grid_gutter-width/3;
    });
  }
}

#email{
  width: 200px;
}
.input-with-btn > div{display: inline-block;}

@media (max-width: 720px) {
  .rc-home-illu {
    display: none;
  }
}

.tabbed-pad-top {
  margin-top: @grid_gutter-width;
}


chore(style): highlight selected project a bit more

.project-list-item {
  list-style-type: none;
  border: 3px solid #dfdfe1;
  project {
    display: block;
    padding: 5px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);

    .title {
      color: black;
      line-height: 50px;
      margin: 0;
    }

    &.selected:hover, &.selected {
      background-image: linear-gradient(-270deg,rgba(255,255,255,.5) 100%,rgba(255,255,255,0) 100%);

      .title {
        color: #EC2685;
      }
    }
  }
}

.main {
  .left {
    background-color: #ECECED;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    width: 384px;
    overflow: hidden;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12);

    .main-header {
      color: #70519E;
      line-height: 25px;
      letter-spacing: .4px;
      white-space: nowrap;
      vertical-align: middle;
    }

    .main-button-group {
      height: 44px;
      width: 100%;
      position: absolute;
      display: block;

      .main-button {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        float: left;
        height: 100%;
        width: 33.33%;
        background: #FFF;
        color: #70519E;
        border: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: .4px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        border-right: 1px solid rgb(230, 230, 230);;
        justify-content: center;
        outline: 0;
      }

      .main-button:active, .main-button:hover {
        color: #FFF;
        background-image: -webkit-radial-gradient(49% 0 circle, #C632AC 0, #8A2979 100%);
        background-image: radial-gradient(circle at 49% 0, #C632AC 0, #8A2979 100%);
      }
      .main-button:active{
        outline: 1;
      }
    }

    .projectList {
      position: absolute;
      bottom: 30px;
      top: 0;
      left: 0;
      right: 0;

      .vGrid {
        background-color: transparent !important;
        border: 0 !important;

        .vGrid-header {
          overflow-y: hidden !important;

          .vgrid-header-input-search-icon {
            position: absolute;
            top: 49px;
            left: 5px;
          }

          .vgrid-header-input-bottom {
            padding: 15px 28px;
            outline: 0 !important;
          }
        }

        .vGrid-row {
          color: #777;
          font-size: 18px;
          letter-spacing: .4px;
          background-color: #ECECED !important;
        }

        .vGrid-row-selected {
          color: #EC2685;
          background-color: #f7f7f7 !important;
        }
      }
    }

    .project-list-header {
      background-color: #dfdfe1;
      color: #70509D;
      max-height: 36px;
      min-height: 36px;
      text-align: center;
      font-weight: 400;
    }

    .vGrid-glyphicon-sort {
      right: 30px;
      top: 9px;
    }

    h1 {
      margin-top: 0;
      padding-top: 20px;
    }

  }

  .right {
    position: fixed;
    top: 0;
    left: 384px;
    right: 0;
    bottom: 30px;
    padding-left: 20px;
    overflow: auto;

    .project-title {
      margin-left: 10px;
      font-size: 24px;
      color: #EC2685;
      font-weight: 300 !important;
      border-bottom: 1px solid rgba(0, 0, 0, .12);
      text-transform: capitalize;
    }

    .returnToPluginListBtn{
      position: absolute;
      top: 5px;
      left: 5px;
      z-index: 10;
    }
  }

  project-list {
    position: absolute;
    bottom: 0;
    top: 100px;
    left: 0;
    right: 0;
  }
}

task-bar {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: grey;
  height: 30px;
  z-index: 999;;

  .runningTasks {
    position: absolute;
    right: 0;

    p {
      color: white;
      padding: 0;
      margin: 0;
      line-height: 30px;
    }
  }
}

.project-list-item {
  list-style-type: none;
  border: 3px solid #dfdfe1;
  project {
    display: block;
    padding: 5px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);

    .title {
      color: black;
      line-height: 50px;
      margin: 0;
    }

    &.selected:hover, &.selected {
      background-image: linear-gradient(-270deg,rgba(255,255,255,.5) 100%,rgba(255,255,255,0) 100%);

      .title {
        color: #EC2685;
      }
    }
  }
}

.main {
  .left {
    background-color: #ECECED;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    width: 384px;
    overflow: hidden;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12);

    .main-header {
      color: #70519E;
      line-height: 25px;
      letter-spacing: .4px;
      white-space: nowrap;
      vertical-align: middle;
    }

    .main-button-group {
      height: 44px;
      width: 100%;
      position: absolute;
      display: block;

      .main-button {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        float: left;
        height: 100%;
        width: 33.33%;
        background: #FFF;
        color: #70519E;
        border: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: .4px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        border-right: 1px solid rgb(230, 230, 230);;
        justify-content: center;
        outline: 0;
      }

      .main-button:active, .main-button:hover {
        color: #FFF;
        background-image: -webkit-radial-gradient(49% 0 circle, #C632AC 0, #8A2979 100%);
        background-image: radial-gradient(circle at 49% 0, #C632AC 0, #8A2979 100%);
      }
      .main-button:active{
        outline: 1;
      }
    }

    .projectList {
      position: absolute;
      bottom: 30px;
      top: 0;
      left: 0;
      right: 0;

      .vGrid {
        background-color: transparent !important;
        border: 0 !important;

        .vGrid-header {
          overflow-y: hidden !important;

          .vgrid-header-input-search-icon {
            position: absolute;
            top: 49px;
            left: 5px;
          }

          .vgrid-header-input-bottom {
            padding: 15px 28px;
            outline: 0 !important;
          }
        }

        .vGrid-row {
          color: #777;
          font-size: 18px;
          letter-spacing: .4px;
          background-color: #ECECED !important;
        }

        .vGrid-row-selected {
          color: #EC2685;
          background-color: #f1f1f1 !important;
        }
      }
    }

    .project-list-header {
      background-color: #dfdfe1;
      color: #70509D;
      max-height: 36px;
      min-height: 36px;
      text-align: center;
      font-weight: 400;
    }

    .vGrid-glyphicon-sort {
      right: 30px;
      top: 9px;
    }

    h1 {
      margin-top: 0;
      padding-top: 20px;
    }

  }

  .right {
    position: fixed;
    top: 0;
    left: 384px;
    right: 0;
    bottom: 30px;
    padding-left: 20px;
    overflow: auto;

    .project-title {
      margin-left: 10px;
      font-size: 24px;
      color: #EC2685;
      font-weight: 300 !important;
      border-bottom: 1px solid rgba(0, 0, 0, .12);
      text-transform: capitalize;
    }

    .returnToPluginListBtn{
      position: absolute;
      top: 5px;
      left: 5px;
      z-index: 10;
    }
  }

  project-list {
    position: absolute;
    bottom: 0;
    top: 100px;
    left: 0;
    right: 0;
  }
}

task-bar {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: grey;
  height: 30px;
  z-index: 999;;

  .runningTasks {
    position: absolute;
    right: 0;

    p {
      color: white;
      padding: 0;
      margin: 0;
      line-height: 30px;
    }
  }
}


Added less file for main styles

Added less file for main styles

.form-search {
    .input-append {
        .btn {
            -webkit-border-radius: 0 14px 14px 0;
            -moz-border-radius: 0 14px 14px 0;
            border-radius: 0 14px 14px 0;
        }
        .search-query {
            -webkit-border-radius: 14px 0 0 14px;
            -moz-border-radius: 14px 0 0 14px;
            border-radius: 14px 0 0 14px;
        }
    }
    .input-prepend {
        .btn {
            -webkit-border-radius: 14px 0 0 14px;
            -moz-border-radius: 14px 0 0 14px;
            border-radius: 14px 0 0 14px;
        }
        .search-query {
            -webkit-border-radius: 0 14px 14px 0;
            -moz-border-radius: 0 14px 14px 0;
            border-radius: 0 14px 14px 0;
        }
    }
}
input.span7,textarea.span7,.uneditable-input.span7 {
    width: 526px;
}
.input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"] {
    display: inline-block;
}
.form-actions:after {
    clear: both;
}
.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus {
    border-color: #356635;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}
.input-mini {
    width: 60px;
}
.control-group.success input,.control-group.success select,.control-group.success textarea {
    border-color: #468847;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7;
}
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    + {
        .control-group {
            margin-top: 20px;
            -webkit-margin-top-collapse: separate;
        }
    }
    small {
        font-size: 15px;
        color: #999999;
    }
}
.control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline {
    color: #c09853;
}
footer {
    a {
        color: #000000;
    }
    a:hover {
        color: #000000;
    }
}
.input-append .add-on,.input-append .btn,.input-append .btn-group {
    margin-left: -1px;
}
.control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea {
    color: #b94a48;
}
.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus {
    border-color: #953b39;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly] {
    background-color: transparent;
}
label {
    display: block;
    margin-bottom: 5px;
}
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] {
    cursor: not-allowed;
    background-color: #eeeeee;
}
select[multiple],select[size] {
    height: auto;
}
div.form-errors {
    margin-left: 180px;
    color: #b94a48;
}
.input-append,.input-prepend {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle;
}
fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}
.input-xlarge {
    width: 270px;
}
select,input[type="file"] {
    height: 30px;
    *margin-top: 4px;
    line-height: 30px;
}
.form-actions {
    padding: 19px 20px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    *zoom: 1;
}
.control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea {
    color: #468847;
}
@media {
    (max-width: {
        767px) {
            .container > .navbar-header, .container > .navbar-collapse footer .footer-column;
        }
    }
}
.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847;
}
input.span5,textarea.span5,.uneditable-input.span5 {
    width: 366px;
}
select {
    width: 220px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}
.radio.inline + .radio.inline,.checkbox.inline + .checkbox.inline {
    margin-left: 10px;
}
.control-group.info .input-prepend .add-on,.control-group.info .input-append .add-on {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #3a87ad;
}
.input-append .add-on,.input-prepend .add-on,.input-append .btn,.input-prepend .btn,.input-append .btn-group &>.dropdown-toggle,.input-prepend .btn-group &>.dropdown-toggle {
    vertical-align: top;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.control-group.info .control-label,.control-group.info .help-block,.control-group.info .help-inline {
    color: #3a87ad;
}
.form-search .hide,.form-inline .hide,.form-horizontal .hide {
    display: none;
}
.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus {
    border-color: #a47e3c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}
.input-append .active,.input-prepend .active {
    background-color: #a9dba9;
    border-color: #46a546;
}
input:-moz-placeholder,textarea:-moz-placeholder {
    color: #999999;
}
.input-medium {
    width: 150px;
}
input.span2,textarea.span2,.uneditable-input.span2 {
    width: 126px;
}
.radio.inline,.checkbox.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle;
}
input.search-query {
    padding-right: 14px;
    padding-right: 4px \9;
    padding-left: 14px;
    padding-left: 4px \9;
    margin-bottom: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48;
}
.uneditable-textarea {
    width: auto;
    height: auto;
}
input.span9,textarea.span9,.uneditable-input.span9 {
    width: 686px;
}
input:focus:invalid,textarea:focus:invalid,select:focus:invalid {
    color: #b94a48;
    border-color: #ee5f5b;
}
.text-error {
    color: #b94a48;
}
.form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend {
    margin-bottom: 0;
}
.form-search label,.form-inline label,.form-search .btn-group,.form-inline .btn-group {
    display: inline-block;
}
input.span8,textarea.span8,.uneditable-input.span8 {
    width: 606px;
}
.input-append input:focus,.input-prepend input:focus,.input-append select:focus,.input-prepend select:focus,.input-append .uneditable-input:focus,.input-prepend .uneditable-input:focus {
    z-index: 2;
}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
.input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.input-prepend.input-append input,.input-prepend.input-append select,.input-prepend.input-append .uneditable-input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
footer.full-width {
    position:absolute;
    margin:0;
    margin-top: 40px;
    padding-bottom: 15px;
    width:100%;
    border-top: 1px solid #e5e5e5;
    background-color: #f5f5f5;
}
.input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
form {
    margin: 0 0 20px;
}
.controls-row [class*="span"],.row-fluid .controls-row [class*="span"] {
    float: left;
}
input,button,select,textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.control-group.success .control-label,.control-group.success .help-block,.control-group.success .help-inline {
    color: #468847;
}
.control-group {
    margin-bottom: 10px;
}
.form-horizontal {
    .controls:first-child {
        *padding-left: 180px;
    }
    .control-label {
        padding-top: 2px !important;
        float: left;
        width: 160px;
        padding-top: 5px;
        text-align: right;
    }
    .control-group {
        margin-bottom: 20px;
        *zoom: 1;
    }
    .control-group:after {
        clear: both;
    }
    .help-block {
        margin-bottom: 0;
    }
    .controls {
        *display: inline-block;
        *padding-left: 20px;
        margin-left: 180px;
        *margin-left: 0;
    }
    .form-actions {
        padding-left: 180px;
    }
}
.input-small {
    width: 90px;
}
.control-group.error .control-label,.control-group.error .help-block,.control-group.error .help-inline {
    color: #b94a48;
}
.form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"],.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"] {
    float: left;
    margin-right: 3px;
    margin-left: 0;
}
.controls-row:before,.controls-row:after {
    display: table;
    line-height: 0;
    content: "";
}
.uneditable-input,.uneditable-textarea {
    color: #999999;
    cursor: not-allowed;
    background-color: #fcfcfc;
    border-color: #cccccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}
.form-search .radio,.form-search .checkbox,.form-inline .radio,.form-inline .checkbox {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle;
}
.radio,.checkbox {
    min-height: 20px;
    padding-left: 20px;
}
.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input {
    position: relative;
    margin-bottom: 0;
    *margin-left: 0;
    vertical-align: top;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
div.form-error {
    ul {
        list-style: none;
        & > li {
            margin-left: 140px;
            color: #b94a48;
        }
    }
}
label,input,button,select,textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}
.input-prepend .add-on,.input-prepend .btn {
    margin-right: -1px;
}
textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}
input,textarea,.uneditable-input {
    width: 206px;
    margin-left: 0;
}
input.span12,textarea.span12,.uneditable-input.span12 {
    width: 926px;
}
.input-append input + .btn-group .btn:last-child,.input-append select + .btn-group .btn:last-child,.input-append .uneditable-input + .btn-group .btn:last-child {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
input.span6,textarea.span6,.uneditable-input.span6 {
    width: 446px;
}
.control-group.warning input,.control-group.warning select,.control-group.warning textarea {
    border-color: #c09853;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.input-append .add-on,.input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 20px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    background-color: #eeeeee;
    border: 1px solid #ccc;
}
.radio input[type="radio"],.checkbox input[type="checkbox"] {
    float: left;
    margin-left: -20px;
}
.form-horizontal input + .help-block,.form-horizontal select + .help-block,.form-horizontal textarea + .help-block,.form-horizontal .uneditable-input + .help-block,.form-horizontal .input-prepend + .help-block,.form-horizontal .input-append + .help-block {
    margin-top: 10px;
}
.controls-row {
    *zoom: 1;
    [class*="span"] {
        + {
            [class*="span"] {
                margin-left: 20px;
            }
        }
    }
}
input.span3,textarea.span3,.uneditable-input.span3 {
    width: 206px;
}
.control-group.info input:focus,.control-group.info select:focus,.control-group.info textarea:focus {
    border-color: #2d6987;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
}
select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
textarea {
    height: auto;
}
.help-block {
    display: block;
    margin-bottom: 10px;
}
input.span10,textarea.span10,.uneditable-input.span10 {
    width: 766px;
}
input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"] {
    width: auto;
}
.button-group {
    margin-left: 180px;
}
.navbar-inverse {
    .navbar-brand {
        color: #ffffff;
    }
}
.control-group.info .checkbox,.control-group.info .radio,.control-group.info input,.control-group.info select,.control-group.info textarea {
    color: #3a87ad;
}
.input-append .add-on:last-child,.input-append .btn:last-child,.input-append .btn-group:last-child &>.dropdown-toggle {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.input-large {
    width: 210px;
}
.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #c09853;
}
select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input {
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.input-prepend.input-append input + .btn-group .btn,.input-prepend.input-append select + .btn-group .btn,.input-prepend.input-append .uneditable-input + .btn-group .btn {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"] {
    float: none;
    margin-left: 0;
}
.form-actions:before,.form-actions:after {
    display: table;
    line-height: 0;
    content: "";
}
.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input,.input-append .dropdown-menu,.input-prepend .dropdown-menu,.input-append .popover,.input-prepend .popover {
    font-size: 14px;
}
input.span11,textarea.span11,.uneditable-input.span11 {
    width: 846px;
}
.controls-row .checkbox[class*="span"],.controls-row .radio[class*="span"] {
    padding-top: 5px;
}
.uneditable-input {
    overflow: hidden;
    white-space: nowrap;
}
.form-horizontal .control-group:before,.form-horizontal .control-group:after {
    display: table;
    line-height: 0;
    content: "";
}
input.span4,textarea.span4,.uneditable-input.span4 {
    width: 286px;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #999999;
}
.input-prepend .add-on:first-child,.input-prepend .btn:first-child {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.jumbotron {
    border-bottom: 1px solid #e5e5e5;
    background-color: #f5f5f5;
    h1 {
        margin-top: 0px;
        margin-bottom: 20px;
    }
}
.control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea {
    color: #c09853;
}
.form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input,.form-search .input-prepend,.form-inline .input-prepend,.form-horizontal .input-prepend,.form-search .input-append,.form-inline .input-append,.form-horizontal .input-append {
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    vertical-align: middle;
    *zoom: 1;
}
min-width: {
    160px; {
        .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:focus .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus;
    }
}
h2.featurette-heading {
    margin-top: 0px;
}
.input-append input,.input-append select,.input-append .uneditable-input {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.control-group.info input,.control-group.info select,.control-group.info textarea {
    border-color: #3a87ad;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.input-prepend.input-append {
    .btn-group:first-child {
        margin-left: 0;
    }
}
input.span1,textarea.span1,.uneditable-input.span1 {
    width: 46px;
}
.form-search .input-append .search-query,.form-search .input-prepend .search-query {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.help-block,.help-inline {
    color: #595959;
}
input[type="radio"],input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    *margin-top: 0;
    line-height: normal;
}
.input-xxlarge {
    width: 530px;
}
.help-inline {
    display: inline-block;
    *display: inline;
    padding-left: 5px;
    vertical-align: middle;
    *zoom: 1;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #999999;
}
.controls &>.radio:first-child,.controls &>.checkbox:first-child {
    padding-top: 5px;
}
.controls-row:after {
    clear: both;
}
.control-group.error input,.control-group.error select,.control-group.error textarea {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

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


Fix some input styling

Fix some input styling

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


advancedSearchTile.jsp less modifikationer

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/Det-Kongelige-Bibliotek/rex.git/'


Small content

Small content

.ui.modal > .content.small {
    padding: 1rem;
}

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


More widget backgrounds

More widget backgrounds

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


Flex grid - improve

fatal: remote error: upload-pack: not our ref c80825b7e0c3bef64261e0ecb8ff6f81773eb40c
fatal: the remote end hung up unexpectedly


Fixed a CSS validation error.

Fixed a CSS validation error.


Add a namespaced version of forms.less, called forms-bs.less

Summary:
Needed for including/using Bootstrap forms on a page without clobbering other
form elements that are styled without Bootstrap.

Test Plan: None

Reviewers: jasonrr

Reviewed By: jasonrr

Differential Revision: http://phabricator.khanacademy.org/D6069

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


Fix table pager loading info position with simple table

fatal: unable to access 'https://github.com/sonatra/sonatra-jquery-table-pager.git/': The requested URL returned error: 403


fahrplan.less fail1

fahrplan.less fail1

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

// Reset
@import "normalize.less";
@import "print.less";

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

// Components
@import "component-animations.less";
@import "glyphicons.less";
@import "dropdowns.less";
@import "button-groups.less";
@import "input-groups.less";
@import "navs.less";
@import "navbar.less";
@import "breadcrumbs.less";
@import "pagination.less";
@import "pager.less";
@import "labels.less";
@import "badges.less";
@import "jumbotron.less";
@import "thumbnails.less";
@import "alerts.less";
@import "progress-bars.less";
@import "media.less";
@import "list-group.less";
@import "panels.less";
@import "wells.less";
@import "close.less";

// Components w/ JavaScript
//@import "modals.less";
//@import "tooltip.less";
//@import "popovers.less";
//@import "carousel.less";

// Utility classes
@import "utilities.less";
@import "responsive-utilities.less";

@import "30c3.less";

@skin-path:                 "../";

table {
  .table-condensed;
  width: 100%;
}

#header { display: none; }
#wrapper {
  .container-fixed( );
/*
  @media (min-width: @screen-sm-min) {
    width: @container-sm; }
  @media (min-width: @screen-md-min) {
    width: @container-md; }
  @media (min-width: @screen-lg-min) {
    width: @container-lg; }
  @media (min-width: @screen-sm-min) {
    width: @container-sm; }
  @media (min-width: @screen-md-min) {
    width: @container-md; }
  @media (min-width: @screen-lg-min) {
    width: @container-lg; }
  @media (min-width: @screen-sm-min) {
    width: @container-sm; }
  @media (min-width: @screen-md-min) {
    width: @container-md; }
  @media (min-width: @screen-lg-min) {
    width: @container-lg; }
*/
}

#main-content {
  padding-top: 36px;
  position: relative;
  top: 40px;

  .pagestart;

  h2 {
    float: right;
    margin: 0 0 2em;
  }

  br.clear { display: none; }
  p.release { position: absolute; top: 0; right: 0; opacity: .8; }
  #main-table {

    width:100%;
/*
    height:680px;
    overflow:scroll;
*/

    h2 {
      font-size: 12px;
    }
    thead {
      position: absolute;
      margin-top: -36px;
      width: 98%;
      text-align:center;
      tr {
	float: left;
	width: 100%;
      }
      th {
	float: left;
        width: 24%;
        //.pagebody;
        border-left: 1px solid #333;
      }
      .cell-time {
	background: none;
      }
    }
    .cell-time {
      width: 4%;
      .pagebody;
    }
    td.cell-heigth1 {
      height: @base-height;
    }
    td {
      padding: 0;
    }
  }

  h2, h3 { width: 100%; }
  #sidebar,
  #details {
    float: left;
  }
  #basic {
    width: 62%;
    float: left;
    margin-right: 1%;
  }
  #concurrent_events {
    font-size: .8em;
  }

  .column {
    padding: 5px;
    .pagebody;
  }
}

#horizontal-navigation {
  .navbar-default;
  ul {
    list-style: none;
  }
  ul li {
    margin: 0 1em;
    float: left;
    a {
      font-family: @font-family-specialthin;
      font-size: 14pt;
      color: #fff;

      .small-font {
        font-size: 10pt;
	margin: -5px 0 0 20px;
	display: block;
      }
    }
  }
}

.event {
  height: 100%;
  padding: 5px;
}

/* colors */
  .event.track-default {
    background-color: transparent( );
    border-color: #555;
  }
  .event.track-default div.event-header {
    background-color: #555;
  }
  .event.track-default div.event-header a {
    color: #fff;
  }

  .conference-background {
    background-color: #555;
  }
  .event.track-art-beauty {
    background-color: #ff00ff;
    border-color: #ff00ff;
  }
  .event.track-art-beauty div.event-header {
    background-color: #ff00ff;
  }
  .event.track-art-beauty div.event-header a {
    color: #000;
  }

  .event.track-ccc {
    background-color: #0011ff;
    border-color: #0011ff;
  }
  .event.track-ccc div.event-header {
    background-color: #0011ff;
  }
  .event.track-ccc div.event-header a {
    color: #fff;
  }

  .event.track-entertainment {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .event.track-entertainment div.event-header {
    background-color: #ffffff;
  }
  .event.track-entertainment div.event-header a {
    color: #000;
  }

  .event.track-ethics-society-politics {
    background-color: #00fc0d;
    border-color: #00fc0d;
  }
  .event.track-ethics-society-politics div.event-header {
    background-color: #00fc0d;
  }
  .event.track-ethics-society-politics div.event-header a {
    color: #fff;
  }

  .event.track-hardware-making {
    background-color: #ddff00;
    border-color: #ddff00;
  }
  .event.track-hardware-making div.event-header {
    background-color: #ddff00;
  }
  .event.track-hardware-making div.event-header a {
    color: #000;
  }

  .event.track-other {
    background-color: #ff0000;
    border-color: #ff0000;
  }
  .event.track-other div.event-header {
    background-color: #ff0000;
  }
  .event.track-other div.event-header a {
    color: #fff;
  }

  .event.track-science-engineering {
    background-color: #ff8000;
    border-color: #ff8000;
  }
  .event.track-science-engineering div.event-header {
    background-color: #ff8000;
  }
  .event.track-science-engineering div.event-header a {
    color: #fff;
  }

  .event.track-security-safety {
    background-color: #00fbff;
    border-color: #00fbff;
  }
  .event.track-security-safety div.event-header {
    background-color: #00fbff;
  }
  .event.track-security-safety div.event-header a {
    color: #000;
  }

  @base-height: 10px;
  .cell-height1 {
    height: (@base-height);
  }
  .cell-height2 {
    height: ((@base-height * 2 ) - 3 );
  }
  .cell-height3 {
    height: ((@base-height * 3 ) - 3 );
  }
  .cell-height4 {
    height: ((@base-height * 4 ) - 3 );
  }
  .cell-height5 {
    height: ((@base-height * 5 ) - 3 );
  }
  .cell-height6 {
    height: ((@base-height * 6 ) - 3 );
  }
  .cell-height7 {
    height: ((@base-height * 7 ) - 3 );
  }
  .cell-height8 {
    height: ((@base-height * 8 ) - 3 );
  }
  .cell-height9 {
    height: ((@base-height * 9 ) - 3 );
  }
  .cell-height10 {
    height: ((@base-height * 10 ) - 3 );
  }
  .cell-height11 {
    height: ((@base-height * 11 ) - 3 );
  }
  .cell-height12 {
    height: ((@base-height * 12 ) - 3 );
  }
  .cell-height13 {
    height: ((@base-height * 13 ) - 3 );
  }
  .cell-height14 {
    height: ((@base-height * 14 ) - 3 );
  }
  .cell-height15 {
    height: ((@base-height * 15 ) - 3 );
  }
  .cell-height16 {
    height: ((@base-height * 16 ) - 3 );
  }
  .cell-height17 {
    height: ((@base-height * 17 ) - 3 );
  }
  .cell-height18 {
    height: ((@base-height * 18 ) - 3 );
  }
  .cell-height19 {
    height: ((@base-height * 19 ) - 3 );
  }
  .cell-height20 {
    height: ((@base-height * 20 ) - 3 );
  }
  .cell-height21 {
    height: ((@base-height * 21 ) - 3 );
  }
  .cell-height22 {
    height: ((@base-height * 22 ) - 3 );
  }
  .cell-height23 {
    height: ((@base-height * 23 ) - 3 );
  }
  .cell-height24 {
    height: ((@base-height * 25 ) - 3 );
  }
  .cell-height25 {
    height: ((@base-height * 26 ) - 3 );
  }

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