lanes 0.0.1

data/client/stylesheets/layout.scss

@@ -0,0 +1,272 @@
+.header-top {
+  @extend .navbar;
+  @extend .navbar-inverse;
+  @extend .navbar-fixed-top;
+  z-index: 20;
+  height: 50px;
+  border-radius: 0;
+  margin: 0;
+  border: 0;
+  position:relative;
+
+  .navbar-header {
+    position: relative;
+    min-width: 203px;
+    width: 100%;
+    height: 50px;
+    margin-left: 0;
+    @media (max-width: 767px) {
+      float: right;
+    }
+  }
+
+  .logo {
+    display: inline-block;
+    height: 48px;
+    width: 150px;
+    margin: 2px;
+    background: url(asset_path('logo-sm.png')) no-repeat;
+  }
+
+  .navbar-toggle, .screens-menu-toggle {
+    color: #fff;
+    display: block;
+    float: left;
+    color: #fff;
+    border: 0;
+    padding: 6px 7px 7px;
+    line-height: 1;
+    background-color: rgba(0, 0, 0, 0.2);
+    margin: 12px 0 12px 0px;
+    border-radius: 0;
+
+  }
+
+  &.with-screen-menu{
+    .screens-menu-toggle {
+      display: none;
+    }
+    .navbar-toggle {
+      margin-right: 10px;
+      float: right;
+    }
+    .logo {
+      display: none;
+    }
+  }
+  &.no-screen-menu .navbar-toggle {
+    display: none;
+  }
+
+  .screens-menu {
+    width: 100%;
+
+    .navigation > li.active {
+      ul {
+        display: block;
+      }
+    }
+  }
+
+
+}
+
+.page-content {
+  @extend .container-fluid;
+  position: relative;
+  min-height: 500px;
+  transition: all 0.15s ease-in-out 0s;
+  margin-left: 240px;
+  padding: 0px;
+
+
+}
+
+
+.page-container {
+  .screens-menu {
+    width: 240px;
+    z-index: 26;
+    left: 0;
+    top: 50px;
+    position: absolute;
+    bottom: 0;
+  }
+}
+
+.screens-menu {
+
+  background-color: $navbar-inverse-bg;
+
+  .navigation {
+    border-bottom: 1px solid $navbar-inverse-border;
+    list-style: none outside none;
+    margin: 0 0 10px;
+    padding: 0;
+    a {
+      color: $navbar-inverse-link-color;
+    }
+    li {
+      position: relative;
+      > a {
+        text-decoration:  none;
+        border-left: 3px solid transparent;
+        color: $navbar-inverse-link-color;
+        display: block;
+        padding: 13px 40px 14px 14px;
+        > i {
+          opacity: 0.5;
+          position: absolute;
+          right: 14px;
+          top: 13px;
+        }
+      }
+    }
+    > li {
+      border-top: 1px solid #49565d;
+      position: relative;
+      font-size: 15px;
+      &.active {
+        &:focus > a,
+        &:hover > a {
+          color: $navbar-inverse-link-active-color;
+          background-color: $navbar-inverse-link-active-bg;
+        }
+        > a {
+          color: $navbar-inverse-link-active-color;
+          background-color: $navbar-inverse-link-active-bg;
+          span {
+            &:after {
+              font-family: 'skr-icon';
+              color: #339900;
+              content: "\00a0\00a0\f067";
+            }
+          }
+        }
+      }
+      &:hover > a {
+        border-left: 3px solid $navbar-inverse-link-active-bg;
+        color: $navbar-inverse-link-hover-color;
+        background-color: $navbar-default-link-hover-color;
+      }
+      ul {
+        background-color: lighten($navbar-inverse-bg,20%);
+        display: none;
+        font-size: 13px;
+        list-style: none outside none;
+        margin: 0;
+        padding: 0;
+        > li {
+          border-top: 1px solid #35454b;
+          &:first-child {
+            border-top: 0 none;
+          }
+          > a {
+            color: #fff;
+            display: block;
+            padding: 13px 14px 14px 24px;
+            padding-left: 30px;
+
+            &:hover {
+              background: none repeat scroll 0 0 #27353a;
+              text-decoration:  none;
+            }
+          }
+        }
+      }
+    }
+
+
+  .logout>a {
+    border-bottom: 2px solid #49565d;
+    i {
+      font-size: 30px;
+      top: 6px;
+    }
+  }
+
+  }
+}
+
+.menu-hidden {
+  .page-content {
+    margin-left: 0px;
+  }
+  .screens-menu {
+    display: none;
+  }
+}
+
+.menu-wide {
+
+  .screens-menu {
+    overflow-x: visible;
+    overflow-y: auto;
+    width: 240px;
+  }
+  .navigation > li.active {
+    ul {
+      display: block;
+    }
+  }
+}
+
+.menu-narrow {
+  .screens-menu {
+    background-color: $navbar-inverse-bg;
+    width: 60px;
+  }
+  .navigation > li {
+    > a {
+      > {
+        span {
+          display: none;
+        }
+        i {
+          display: block;
+          position: static;
+        }
+      }
+      padding: 17px 3px 18px 0;
+      text-align: center;
+      width: 100%;
+    }
+
+    ul {
+      list-style: none outside none;
+      margin: 0;
+      padding: 0;
+    }
+    > ul {
+      border-left: 1px solid rgba(255, 255, 255, 0.1);
+      border-radius: 0 2px 2px 0;
+      display: none;
+      left: 100%;
+      margin-left: -1px;
+      position: absolute;
+      top: 0;
+      width: 220px;
+    }
+    > ul > li {
+      &:first-child {
+        border-top: 0 none;
+        > a {
+          border-radius: 2px 2px 0 0;
+        }
+      }
+      &:last-child > a {
+        border-radius: 0 0 2px 2px;
+      }
+    }
+    &:hover > ul {
+      display: block;
+    }
+    &.expand > ul {
+      display: block;
+    }
+  }
+
+  .page-content {
+    margin-left: 60px;
+  }
+}

data/client/stylesheets/plugins/all.scss

@@ -0,0 +1,2 @@
+@import "overlay";
+@import "resize-sensor";

data/client/stylesheets/plugins/overlay.scss

@@ -0,0 +1,63 @@
+.overlay {
+  position: absolute;
+  z-index: 31;
+  .mask {
+    background-color: white;
+    height: 100%;
+    left: 0;
+    opacity: 0.8;
+    position: absolute;
+    top: 0;
+    width: 100%;
+  }
+  .message {
+    min-width: 100px;
+    min-height: 65px;
+    line-height: 1.35;
+    border: 2px solid $well-border;
+    margin-left: auto;
+    margin-right: auto;
+    position: relative;
+    top: 25%;
+    border-radius: $border-radius-large;
+    padding: 10px;
+    box-shadow: 6px 7px 5px $gray-light;
+    background-color: $body-bg;
+    width: 70%;
+    i {
+      display: inline-block;
+      font-size: 3.2rem;
+      float: left;
+      &.loading-spinner {
+        background:url(asset_path('ajax-loader.gif')) no-repeat;
+        height: 32px;
+        margin-top: 10px;
+        width: 32px;
+      }
+      &.icon-success {
+        color: darkgreen;
+      }
+      &.icon-warning {
+        color: darkred;
+      }
+
+    }
+    p {
+      display: inline;
+      margin: 0;
+      font-size: $font-size-large;
+      color: $gray-darker;
+    }
+    &.short {
+      width: 250px;
+      padding: 5px;
+      p {
+        position: relative;
+        top: 15px;
+        left: 5px;
+      }
+    }
+
+  }
+
+}

data/client/stylesheets/plugins/resize-sensor.scss

@@ -0,0 +1,24 @@
+.resize-triggers {
+        visibility: hidden;
+}
+
+.resize-triggers, .resize-triggers > div, .contract-trigger:before {
+  content: " ";
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+}
+
+.resize-triggers > div {
+  background: #eee;
+  overflow: auto;
+}
+
+.contract-trigger:before {
+  width: 200%;
+  height: 200%;
+}

data/client/stylesheets/screens.scss

@@ -0,0 +1,66 @@
+.screen {
+  padding: 5px;
+  overflow: hidden;
+  .toolbar {
+    margin-top: 10px;
+  }
+
+  .toolbar{
+    @extend .navbar;
+    @extend .navbar-default;
+
+    .btn {
+      @extend .btn-default;
+      @extend .navbar-btn;
+    }
+
+    .arrow {
+      border-style: solid;
+
+      border-left-color: transparent;
+      border-right-color: transparent;
+
+      border-bottom-color: $popover-title-bg;
+      border-top-color: $popover-title-bg !important; 
+
+      border-width: 0 9px 9px;
+      height: 0;
+      left: 7px;
+      margin-top: 10px;
+      opacity: 1;
+      position: absolute;
+      top: -18px;
+      transition: all 0.25s ease 0s;
+      width: 0;
+      z-index: 10;
+    }
+    .navbar-left {
+      float: left;
+    }
+    .navbar-right{
+      float: right;
+      .arrow {
+        left: unset;
+        right: 10px;
+      }
+    }
+
+    .dropdown-toggle {
+      .badge{
+        padding: 2px 2px 0;
+        position: relative;
+        font-size: 70%;
+        top: -6px;
+        right: 5px;
+      }
+      position: relative;
+      padding-right: 2px;
+      i {
+        /* position: absolute; */
+        /* left: 0px; */
+      }
+    }
+
+  }
+
+}

data/client/stylesheets/tabs.scss

@@ -0,0 +1,148 @@
+.active-screens .nav    a {
+  background-color: $gray-dark;
+}
+
+.header-top {
+
+  
+  .menu-container {
+    position:absolute;
+    left: 0;
+    position: absolute;
+    overflow-x: visible;
+    overflow-y: auto;
+    border: 0;
+    top: 5px;
+    transition: all 0.15s ease-in-out 0s;
+    overflow-x: visible;
+    overflow-y: auto;
+    left: 200px;
+    right: 35px;
+  }
+
+  &.with-screen-menu {
+    .menu-container {
+      left: 0px;
+    }
+  }
+
+  &.no-screen-menu {
+    .active-screens {
+      display: inline-block;
+    }
+  }
+
+  .menu-container {
+    .active-screens {
+      width: 100%;
+      .wrapper{
+        position:relative;
+        margin:0 auto;
+        overflow:hidden;
+        padding:5px;
+        height:45px;
+
+      }
+      .nav {
+        position:absolute;
+        left:0px;
+        top: 1px;
+        min-width:3000px;
+        /* margin-left:12px; */
+        margin-top:0px;
+
+        li {
+          display:table-cell;
+          position:relative;
+          text-align:center;
+          cursor:grab;
+          cursor:-webkit-grab;
+          color:#efefef;
+          vertical-align:middle;
+        }
+      }
+
+      .scroller {
+        text-align:center;
+        cursor:pointer;
+        visibility: hidden;
+        padding:7px;
+        padding-top:11px;
+        white-space:no-wrap;
+        vertical-align:middle;
+        color: $link-color;
+        &:hover{
+          color: $link-hover-color;
+        }
+        &.enabled {
+          visibility: visible;
+        }
+      }
+      
+      .scroller-right{
+        float:right;
+        &:before {
+          @extend .font-icon-display;
+          @extend .icon-arrow-right:before;
+        }
+      }
+
+      .scroller-left {
+        float:left;
+        &:before {
+          @extend .font-icon-display;
+          @extend .icon-arrow-left:before;
+        }
+      }
+    }
+  }
+
+
+  &.screen-menu-hidden {
+    .menu-container {
+      max-height: 45px;
+      overflow: hidden;
+    }
+    .screens-menu {
+       
+    }
+  }
+
+  &.screen-menu-visible {
+    .menu-container {
+      top: 50px;
+      left: 0px;
+      right: 0px;
+      /* bottom: unset; */
+      max-height: 300px;
+    }
+    .active-screens {
+      display: none;
+    }
+  }
+
+  .active-screens {
+    
+    height: 45px;
+    padding: 0 5px;
+
+    .nav-tabs {
+      border-bottom: 0;
+      position: absolute;
+      bottom: 0px;
+    }
+
+    .close {
+      position: absolute;
+      right: 7px;
+      top: 0px;    
+    }
+
+    /* a { */
+    /*   white-space: nowrap; */
+    /* } */
+
+  }
+
+
+}

data/client/stylesheets/vendor/bootstrap/_alerts.scss

@@ -0,0 +1,68 @@
+//
+// Alerts
+// --------------------------------------------------
+
+
+// Base styles
+// -------------------------
+
+.alert {
+  padding: $alert-padding;
+  margin-bottom: $line-height-computed;
+  border: 1px solid transparent;
+  border-radius: $alert-border-radius;
+
+  // Headings for larger alerts
+  h4 {
+    margin-top: 0;
+    // Specified for the h4 to prevent conflicts of changing $headings-color
+    color: inherit;
+  }
+  // Provide class for links that match alerts
+  .alert-link {
+    font-weight: $alert-link-font-weight;
+  }
+
+  // Improve alignment and spacing of inner content
+  > p,
+  > ul {
+    margin-bottom: 0;
+  }
+  > p + p {
+    margin-top: 5px;
+  }
+}
+
+// Dismissible alerts
+//
+// Expand the right padding and account for the close button's positioning.
+
+.alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0.
+.alert-dismissible {
+  padding-right: ($alert-padding + 20);
+
+  // Adjust close link position
+  .close {
+    position: relative;
+    top: -2px;
+    right: -21px;
+    color: inherit;
+  }
+}
+
+// Alternate styles
+//
+// Generate contextual modifier classes for colorizing the alert.
+
+.alert-success {
+  @include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text);
+}
+.alert-info {
+  @include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text);
+}
+.alert-warning {
+  @include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text);
+}
+.alert-danger {
+  @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text);
+}

data/client/stylesheets/vendor/bootstrap/_badges.scss

@@ -0,0 +1,57 @@
+//
+// Badges
+// --------------------------------------------------
+
+
+// Base class
+.badge {
+  display: inline-block;
+  min-width: 10px;
+  padding: 3px 7px;
+  font-size: $font-size-small;
+  font-weight: $badge-font-weight;
+  color: $badge-color;
+  line-height: $badge-line-height;
+  vertical-align: baseline;
+  white-space: nowrap;
+  text-align: center;
+  background-color: $badge-bg;
+  border-radius: $badge-border-radius;
+
+  // Empty badges collapse automatically (not available in IE8)
+  &:empty {
+    display: none;
+  }
+
+  // Quick fix for badges in buttons
+  .btn & {
+    position: relative;
+    top: -1px;
+  }
+  .btn-xs & {
+    top: 0;
+    padding: 1px 5px;
+  }
+
+  // [converter] extracted a& to a.badge
+
+  // Account for badges in navs
+  a.list-group-item.active > &,
+  .nav-pills > .active > a > & {
+    color: $badge-active-color;
+    background-color: $badge-active-bg;
+  }
+  .nav-pills > li > a > & {
+    margin-left: 3px;
+  }
+}
+
+// Hover state, but only for links
+a.badge {
+  &:hover,
+  &:focus {
+    color: $badge-link-hover-color;
+    text-decoration: none;
+    cursor: pointer;
+  }
+}

data/client/stylesheets/vendor/bootstrap/_breadcrumbs.scss

@@ -0,0 +1,26 @@
+//
+// Breadcrumbs
+// --------------------------------------------------
+
+
+.breadcrumb {
+  padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal;
+  margin-bottom: $line-height-computed;
+  list-style: none;
+  background-color: $breadcrumb-bg;
+  border-radius: $border-radius-base;
+
+  > li {
+    display: inline-block;
+
+    + li:before {
+      content: "#{$breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
+      padding: 0 5px;
+      color: $breadcrumb-color;
+    }
+  }
+
+  > .active {
+    color: $breadcrumb-active-color;
+  }
+}