PDF rausgenommen

msd2/myoos/admin/less/the-phoenix/base.less

@@ -0,0 +1,57 @@
+
+
+/* BACKGROUNDS */
+
+.gray-bg {
+  background-color: #fafbfc
+}
+
+.white-bg {
+  background-color: #ffffff;
+}
+
+
+.black-bg {
+  background-color: #262626;
+}
+
+
+/* MARGINS & PADDINGS */
+
+
+.m-r-sm {
+  margin-right: 10px;
+}
+
+
+.space-15 {
+  margin: 15px 0;
+}
+
+.space-20 {
+  margin: 20px 0;
+}
+
+.space-25 {
+  margin: 25px 0;
+}
+
+.space-30 {
+  margin: 30px 0;
+}
+
+/* BREADCRUMB */
+
+.breadcrumb {
+  background-color: #fafbfc;
+  padding: 0;
+  margin-bottom: 0;
+}
+
+.breadcrumb > li a {
+  color: inherit;
+}
+
+.breadcrumb > .active {
+  color: inherit;
+}

msd2/myoos/admin/less/the-phoenix/datatables.less

@@ -0,0 +1,22 @@
+/* ========================================================================
+ * This combined file was created by the DataTables downloader builder:
+ *   https://datatables.net/download
+ *
+ * To rebuild or modify this file with the latest versions of the included
+ * software please visit:
+ *   https://datatables.net/download/#bs/pdfmake-0.1.18,dt-1.10.11,b-1.1.2,b-html5-1.1.2,b-print-1.1.2,r-2.0.2
+ ========================================================================== */
+
+.dataTables_filter {
+  text-align: right;
+}
+.dataTables_filter label {
+  font-weight: normal;
+  white-space: nowrap;
+  text-align: left;
+}
+.dataTables_filter input {
+  margin-left: 0.5em;
+  display: inline-block;
+  width: auto;
+}

msd2/myoos/admin/less/the-phoenix/elements.less

@@ -0,0 +1,249 @@
+
+/* Tabs */
+
+.tabs-container {
+
+  .panel-body {
+    background: #fff;
+    border: 1px solid @border-color;
+    border-radius: 2px;
+    padding: 20px;
+    position: relative;
+  }
+
+  .nav > li.active {
+    background: @gray;
+	border-left-style: none;
+  }
+
+  .nav-tabs > li.active > a,
+  .nav-tabs > li.active > a:hover,
+  .nav-tabs > li.active > a:focus {
+    border: 1px solid @border-color; 
+    border-bottom-color: transparent;
+    background-color: #fff;
+	color: #555555;
+  }
+  
+  .nav-tabs > li {
+    float: left;
+    margin-bottom: -1px;
+  }
+
+  .tab-pane .panel-body {
+    border-top: none;
+  }
+
+  .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
+    border: 1px solid @border-color;
+    border-bottom-color: transparent;
+  }
+
+  .nav-tabs {
+    border-bottom: 1px solid @border-color;
+  }
+
+  .tab-pane .panel-body {
+    border-top: none;
+  }
+
+  .tabs-left .tab-pane .panel-body, .tabs-right .tab-pane .panel-body {
+    border-top: 1px solid @border-color;
+  }
+
+  .nav-tabs > li a:hover {
+    background: none;
+    border-color: transparent;
+  }
+
+  .tabs-below > .nav-tabs,
+  .tabs-right > .nav-tabs,
+  .tabs-left > .nav-tabs {
+    border-bottom: 0;
+  }
+
+  .tabs-left .panel-body {
+    position: static;
+  }
+
+  .tabs-left > .nav-tabs, .tabs-right > .nav-tabs {
+    width: 20%;
+  }
+
+  .tabs-left .panel-body {
+    width: 80%;
+    margin-left: 20%;
+  }
+
+  .tabs-right .panel-body {
+    width: 80%;
+    margin-right: 20%;
+  }
+
+  .tab-content > .tab-pane,
+  .pill-content > .pill-pane {
+    display: none;
+  }
+
+  .tab-content > .active,
+  .pill-content > .active {
+    display: block;
+  }
+
+  .tabs-below > .nav-tabs {
+    border-top: 1px solid @border-color;
+  }
+
+  .tabs-below > .nav-tabs > li {
+    margin-top: -1px;
+    margin-bottom: 0;
+  }
+
+  .tabs-below > .nav-tabs > li > a {
+    -webkit-border-radius: 0 0 4px 4px;
+    -moz-border-radius: 0 0 4px 4px;
+    border-radius: 0 0 4px 4px;
+  }
+
+  .tabs-below > .nav-tabs > li > a:hover,
+  .tabs-below > .nav-tabs > li > a:focus {
+    border-top-color: @border-color;
+    border-bottom-color: transparent;
+  }
+
+
+  .tabs-left > .nav-tabs > li,
+  .tabs-right > .nav-tabs > li {
+    float: none;
+  }
+
+  .tabs-left > .nav-tabs > li > a,
+  .tabs-right > .nav-tabs > li > a {
+    min-width: 74px;
+    margin-right: 0;
+    margin-bottom: 3px;
+  }
+
+  .tabs-left > .nav-tabs {
+    float: left;
+    margin-right: 19px;
+  }
+
+  .tabs-left > .nav-tabs > li > a {
+    margin-right: -1px;
+    -webkit-border-radius: 4px 0 0 4px;
+    -moz-border-radius: 4px 0 0 4px;
+    border-radius: 4px 0 0 4px;
+  }
+
+  .tabs-left > .nav-tabs .active > a,
+  .tabs-left > .nav-tabs .active > a:hover,
+  .tabs-left > .nav-tabs .active > a:focus {
+    border-color: @border-color transparent @border-color @border-color;
+    *border-right-color: #ffffff;
+  }
+
+  .tabs-right > .nav-tabs {
+    float: right;
+    margin-left: 19px;
+  }
+
+  .tabs-right > .nav-tabs > li > a {
+    margin-left: -1px;
+    -webkit-border-radius: 0 4px 4px 0;
+    -moz-border-radius: 0 4px 4px 0;
+    border-radius: 0 4px 4px 0;
+  }
+
+  .tabs-right > .nav-tabs .active > a,
+  .tabs-right > .nav-tabs .active > a:hover,
+  .tabs-right > .nav-tabs .active > a:focus {
+    border-color: @border-color @border-color @border-color transparent;
+    *border-left-color: #ffffff;
+    z-index: 1;
+  }
+  
+}
+
+//
+// Form SWITCH
+// Supports radio and checkbox
+//
+
+@switch-wd: 40px;
+@switch-hg: @switch-wd/2;
+
+@switch-lg-wd: 50px;
+@switch-lg-hg: @switch-lg-wd/2;
+
+@switch-sm-wd: 30px;
+@switch-sm-hg: @switch-sm-wd/2;
+
+.switch {
+  .form-control {
+    padding-top: 7px;
+    margin-bottom: 0;
+  }
+}
+
+.switch * {
+  cursor: pointer;
+}
+
+.switch input {
+  opacity: 0;
+  position: absolute;
+  z-index: -1;
+}
+
+.switch {
+  & span {
+    position: relative;
+    display: inline-block;
+    width: @switch-wd; height: @switch-hg;
+    background-color: #fff;
+    border: 1px solid @ui-bg-color;
+    border-radius: 100px;
+    transition: all .5s;
+    box-shadow: 1px 2px 3px rgba(0,0,0,0.1) inset;
+    vertical-align: middle;
+  }
+
+  & span:after {
+   content: "";
+   position: absolute;
+   background-color: #fff;
+   top: 0; left: 0;
+   height: @switch-hg - 2; width: @switch-hg - 2;
+   border: 1px solid #ddd;
+   border-radius: 400px;
+   box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
+   -webkit-transition: all .2s;
+  } 
+  
+  &.switch-lg { .switch-variant(@switch-lg-wd, @switch-lg-hg); }
+  &.switch-sm { .switch-variant(@switch-sm-wd, @switch-sm-hg); }
+}
+
+
+.switch input:checked + span {
+  background-color: @ui-fg-color;
+  border-color: @ui-fg-color;
+  transition: all .5s;
+}
+
+.switch input:checked + span:after {
+  left: 50%;
+  transition: all .2s;
+}
+
+.switch-variant(@wd, @hg) {
+  & span {
+    width: @wd; height: @hg;
+  }
+
+  & span:after {
+   height: @hg - 2; width: @hg - 2;
+  }  
+}
+

msd2/myoos/admin/less/the-phoenix/layout.less

@@ -0,0 +1,325 @@
+/*--------------------------------------------------------------
+## Posts and pages
+--------------------------------------------------------------*/
+
+html {
+  /* @replace rtl */ direction: ltr;
+  height: 100%;
+  // http://updates.html5rocks.com/2013/12/300ms-tap-delay-gone-away
+  -ms-touch-action: manipulation;
+    touch-action: manipulation;
+}
+
+html, body {
+  // overflow-x: hidden;
+  height: 100%;
+}
+
+// Main wrapper
+// -----------------------------
+.wrapper {
+  position: relative;
+  width: 100%;
+  height: auto;
+  min-height: 100%;
+  overflow-x: hidden;
+  &.ng-leave {
+    display: none;
+  }
+
+  // Contains the main sidebar
+  > .aside {
+    // visibility: hidden;
+    position: absolute;
+    width: @aside-wd;
+    
+    top: 0; left: 0;
+    bottom: 0;
+    z-index: @z-index-main-section + 5;
+	backface-visibility: hidden;
+    background-color: @aside-bg;
+
+    .aside-inner {
+      padding-top: @navbar-hg * 2;
+      height: 100%;
+      width: @aside-wd;
+      overflow: hidden;
+    }
+
+    > .nav-floating {
+
+      // position: handled from directive
+      left: inherit;
+      margin-left: @aside-wd;
+      z-index: @z-index-main-section * 10;
+
+      min-width: 190px;
+      overflow: auto;
+    }
+  }
+
+  .dropdown-backdrop {
+    z-index: @z-index-main-section - 2;
+  }
+  // Contains the main content
+  > section {
+    position: relative;
+    height: 100%;
+    margin-left: 0;
+    // overflow: hidden;
+    z-index: @z-index-main-section;
+    background-color: @content-bg;
+    margin-bottom: @footer-hg !important; // ensure a space for the footer
+  }
+
+  // Page Footer
+  > footer {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    height: @footer-hg;
+    border-top: 1px solid @gray-light;
+    padding: @content-padding;
+    z-index: @z-index-main-section - 2;
+    > p {
+      margin: 0;
+    }
+  }
+}
+.modal-open .wrapper {
+  z-index: 0;
+}
+
+// Page main content
+// -----------------------------
+.content-wrapper {  
+  padding-bottom: 15px;
+  padding-left: 15px;
+  padding-right: 15px;
+  width: 100%;
+  // styling to visually wrap the component
+  border-top: 1px solid rgba(0,0,0,.15);
+  margin-top: -1px;
+
+
+  > button, > .btn {
+    margin: 10px 10px 0 0;
+  }
+  
+  .container,
+  .container-fluid {
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+}
+
+.page-heading {
+    border-top-style: none;
+    border-top-width: 0;
+    padding-bottom: 20px;
+    padding-left: 10px;
+    padding-top: 0;
+    margin-bottom: 20px;
+}
+
+// Desktop layout
+// -----------------------------
+
+@media @tablet {
+
+  body {
+    min-height: 100%;
+  }
+
+  .wrapper {
+    
+    > .aside {
+      .aside-inner {
+        padding-top: @navbar-hg;
+      }
+    }
+
+    > section,
+    > footer {
+      margin-left: @aside-wd;
+    }
+
+  }
+
+}
+
+// Aside toggled layout
+// On mobile acts like offcanvas
+// -----------------------------
+
+@media @upto-tablet {
+  .wrapper {
+    > .aside {
+      margin-left: -@aside-wd;
+    }
+  }
+  .aside-toggled {
+    .wrapper {
+      > section,
+      > footer {
+        margin-left: @aside-wd;
+      }
+      
+      > .aside {
+        margin-left: 0;
+      }
+    }
+  }
+
+  
+}
+
+// Toggle and collapsed behavior overrides
+
+@media @upto-tablet {
+  
+  .aside-collapsed .wrapper {
+    > .aside {
+      margin-left: -@aside-wd-collapsed;
+    }
+  }
+
+  .aside-collapsed.aside-toggled {
+    .wrapper {
+      > section,
+      > footer {
+        margin-left: @aside-wd-collapsed;
+      }
+      
+      > .aside {
+        margin-left: 0;
+      }
+    }
+  }
+  
+}
+
+// Aside collapsed layout
+// -------------------------------
+
+// Aside status toggled via JS
+.aside-collapsed {
+  overflow-y: auto;
+  .wrapper {
+    > .aside {
+      &, > .aside-inner {
+        width: @aside-wd-collapsed;
+      }
+      > .nav-floating {
+        margin-left: @aside-wd-collapsed;
+      }
+    }
+  }
+}
+
+// Margin only exists above tablet
+@media @tablet {
+  // Aside status toggled via JS
+  .aside-collapsed {
+    .wrapper {
+      > section,
+      > footer {
+        margin-left: @aside-wd-collapsed;
+      }
+    }
+  }
+}
+
+// mixin to remove transformations
+.disable-transform () {
+   -webkit-transform: none;
+   -moz-transform: none;
+   -opera-transform: none;
+   -ms-transform: none;
+   transform: none;  
+}
+
+// Fixed layout
+// -----------------------------
+.layout-fixed {
+
+  @media (max-width: @boxed-max-width) {
+    &.aside-toggled {
+      overflow-y: hidden;
+    }
+  }
+
+  .wrapper {
+    .topnavbar-wrapper {
+      position: fixed;
+      top: 0;
+      width: 100%;
+      z-index: @z-index-main-section + 10;
+    }
+    > aside {
+      position: fixed;
+    }
+    /* only applied to sidebar */
+    > .aside {
+      /* safari fix */
+      height: 1px; 
+      min-height: 100%;  
+      /* ios blanks space fix */ 
+      > .aside-inner {   
+        position: fixed;
+        top: 0;
+        bottom: 0;
+      }
+    }
+    > section {
+      margin-top: (@navbar-hg + 2) * 2;
+      @media @tablet {
+        margin-top: @navbar-hg;
+      }
+    }
+  }
+}
+
+/* IE10+ hack: safari fix breaks ie so we need to target ie only to restore */
+_:-ms-lang(x), .layout-fixed .wrapper > .aside > .aside-inner {
+  position: static !important;
+}
+
+// Boxed layout (only for desktops)
+// -----------------------------
+
+.layout-boxed {
+
+  @media @desktop {
+    overflow: auto !important;
+    .wrapper {
+      margin: 0 auto;
+      overflow: hidden;
+      box-shadow: 0 0 13px rgba(0,0,0,.25);
+
+      > .aside {
+        left: inherit;
+      }
+      &, & .topnavbar-wrapper {
+        width: 970px;
+      }
+    }
+
+    &.layout-fixed {
+      .wrapper > .aside > .aside-inner {
+        left: inherit;
+      }
+    }
+  }
+  // max size for large devices
+  @media @desktop-lg {
+    .wrapper {
+      &, & .topnavbar-wrapper {
+        width: @boxed-max-width;
+      }
+    }
+  }  
+
+} // boxed

msd2/myoos/admin/less/the-phoenix/media.less

@@ -0,0 +1,85 @@
+@media (min-width: 768px) {
+  #page-wrapper {
+    position: inherit;
+    margin: 0 0 0 @sidebar-width;
+    min-height: 1200px;
+  }
+
+  .navbar-static-side {
+    z-index: 101;
+    position: absolute;
+    width: @sidebar-width;
+  }
+
+  .navbar-top-links .dropdown-messages,
+  .navbar-top-links .dropdown-tasks,
+  .navbar-top-links .dropdown-alerts {
+    margin-left: auto;
+  }
+}
+
+@media (max-width: 768px) {
+
+  #page-wrapper {
+    position: inherit;
+    margin: 0 0 0 0px;
+    min-height: 1000px;
+  }
+
+  .body-small .navbar-static-side {
+    display: none;
+    z-index: 1;
+    position: absolute;
+    width: 70px;
+  }
+
+  .body-small.mini-navbar .navbar-static-side {
+    display: block;
+  }
+
+  .lock-word {
+    display: none;
+  }
+
+  .navbar-form-custom {
+    display: none;
+  }
+
+  .navbar-header {
+    display: inline;
+    float: left;
+  }
+
+  .sidebard-panel {
+    z-index: 2;
+    position: relative;
+    width: auto;
+    min-height: 100% !important;
+  }
+
+  .sidebar-content .wrapper {
+    padding-right: 0px;
+    z-index: 1;
+  }
+
+  .fixed-sidebar.body-small .navbar-static-side {
+    display: none;
+    z-index: 1;
+    position: fixed;
+    width: @sidebar-width;
+  }
+
+  .fixed-sidebar.body-small.mini-navbar .navbar-static-side {
+    display: block;
+  }
+
+}
+
+@media (max-width: 350px) {
+
+  .nav.navbar-top-links li.dropdown {
+    display: none;
+  }
+
+}
+

msd2/myoos/admin/less/the-phoenix/navigation.less

@@ -0,0 +1,436 @@
+.nav > li > a {
+  color: @nav-text-color;
+  font-weight: 600;
+  padding: 14px 20px 14px 25px;
+}
+
+.nav.navbar-right > li > a {
+  color: #999c9e;
+}
+
+.nav > li.active > a {
+  color: #ffffff;
+}
+
+.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {
+  background-color: darken(@nav-bg, 3%);
+  color: white;
+}
+
+.nav.navbar-top-links > li > a:hover, .nav.navbar-top-links > li > a:focus {
+  background-color: #ececec;
+}
+
+.nav > li > a i {
+  margin-right: 6px;
+}
+
+.navbar {
+  border: 0;
+}
+
+.navbar-default {
+  background-color: transparent;
+  border-color: @nav-bg;
+}
+
+.navbar-top-links li {
+  display: inline-block;
+}
+
+.navbar-top-links li:last-child {
+  margin-right: 40px;
+}
+
+.navbar-top-links li a {
+  padding: 20px 10px;
+  min-height: 50px;
+}
+
+.dropdown-menu {
+  border: medium none;
+  border-radius: 3px;
+  box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
+  display: none;
+  float: left;
+  font-size: 12px;
+  left: 0;
+  list-style: none outside none;
+  padding: 0;
+  position: absolute;
+  text-shadow: none;
+  top: 100%;
+  z-index: 1000;
+  border-radius: 2px;
+}
+
+.dropdown-menu > li > a {
+  border-radius: 3px;
+  color: inherit;
+  line-height: 25px;
+  margin: 4px;
+  text-align: left;
+  font-weight: normal;
+}
+
+.dropdown-menu > li > a.font-bold {
+  font-weight: 600;
+}
+
+.navbar-top-links .dropdown-menu li {
+  display: block;
+}
+
+.navbar-top-links .dropdown-menu li:last-child {
+  margin-right: 0;
+}
+
+.navbar-top-links .dropdown-menu li a {
+  padding: 3px 20px;
+  min-height: 0;
+}
+
+.navbar-top-links .dropdown-menu li a div {
+  white-space: normal;
+}
+
+.navbar-top-links .dropdown-messages,
+.navbar-top-links .dropdown-tasks,
+.navbar-top-links .dropdown-alerts {
+  width: 310px;
+  min-width: 0;
+}
+
+.navbar-top-links .dropdown-messages {
+  margin-left: 5px;
+}
+
+.navbar-top-links .dropdown-tasks {
+  margin-left: -59px;
+}
+
+.navbar-top-links .dropdown-alerts {
+  margin-left: -123px;
+}
+
+.navbar-top-links .dropdown-user {
+  right: 0;
+  left: auto;
+}
+
+.dropdown-messages, .dropdown-alerts {
+  padding: 10px 10px 10px 10px;
+}
+
+.dropdown-messages li a, .dropdown-alerts li a {
+  font-size: 12px;
+}
+
+.dropdown-messages li em, .dropdown-alerts li em {
+  font-size: 10px;
+}
+
+.nav.navbar-top-links .dropdown-alerts a {
+  font-size: 12px;
+}
+
+.nav-header {
+  padding: 33px 25px;
+}
+
+.pace-done .nav-header {
+  transition:all 0.5s;
+}
+
+.nav > li.active {
+  border-left: 4px solid darken(@navy, 2%);
+  background: darken(@nav-bg, 3%);
+}
+
+.nav-second-level {
+  //  transition-duration: 0.5s;
+}
+
+.nav.nav-second-level > li.active {
+  border: none;
+}
+
+.nav.nav-second-level.collapse[style] {
+  height: auto !important;
+}
+
+.nav-header a {
+  color: #DFE4ED;
+}
+
+.nav-header .text-muted {
+  color: #8095a8;
+}
+
+.minimalize-styl-2 {
+  padding: 4px 12px;
+  margin: 14px 5px 5px 20px;
+  font-size: 14px;
+  float: left;
+}
+
+.navbar-form-custom {
+  float: left;
+  height: 50px;
+  padding: 0;
+  width: 200px;
+  display: inline-table;
+}
+
+.navbar-form-custom .form-group {
+  margin-bottom: 0;
+}
+
+.nav.navbar-top-links a {
+  font-size: 14px;
+}
+
+.navbar-form-custom .form-control {
+  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
+  border: medium none;
+  font-size: 14px;
+  height: 60px;
+  margin: 0;
+  z-index: 2000;
+}
+
+.count-info .label {
+  line-height: 12px;
+  padding: 2px 5px;
+  position: absolute;
+  right: 6px;
+  top: 12px;
+}
+
+.arrow {
+  float: right;
+}
+
+.fa.arrow:before {
+  content: "\f104";
+}
+
+.active > a > .fa.arrow:before {
+  content: "\f107";
+}
+
+.nav-second-level li,
+.nav-third-level li {
+  border-bottom: none !important;
+}
+
+.nav-second-level li a {
+  padding: 7px 10px 7px 10px;
+  padding-left: 52px;
+}
+
+.nav-third-level li a {
+  padding-left: 62px;
+}
+
+.nav-second-level li:last-child {
+  margin-bottom: 10px;
+}
+
+body:not(.fixed-sidebar).mini-navbar .nav li:hover > .nav-second-level, .mini-navbar .nav li:focus > .nav-second-level {
+  display: block;
+  border-radius: 0 2px 2px 0;
+  min-width: 140px;
+  height: auto;
+}
+
+body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
+  font-size: 12px;
+  border-radius: 3px;
+}
+
+.fixed-nav .slimScrollDiv #side-menu {
+  padding-bottom: 60px;
+}
+
+.mini-navbar .nav-second-level li a {
+  padding: 10px 10px 10px 15px;
+}
+
+.mini-navbar .nav-second-level {
+  position: absolute;
+  left: 70px;
+  top: 0px;
+  background-color: @nav-bg;
+  padding: 10px 10px 10px 10px;
+  font-size: 12px;
+}
+
+.mini-navbar li.active .nav-second-level {
+  left: 65px
+}
+
+.navbar-default .special_link a {
+  background: @navy;
+  color: white;
+}
+.navbar-default .special_link a:hover {
+  background: #17987e !important;
+  color: white;
+}
+.navbar-default .special_link a span.label{
+  background: #fff;
+  color: @navy;
+}
+
+.navbar-default .landing_link a {
+  background: lighten(@navy, 3%);
+  color: white;
+}
+.navbar-default .landing_link a:hover {
+  background: @navy !important;
+  color: white;
+}
+.navbar-default .landing_link a span.label{
+  background: #fff;
+  color: lighten(@navy, 3%);
+}
+
+.logo-element {
+  text-align: center;
+  font-size: 18px;
+  font-weight: 600;
+  color: white;
+  display: none;
+  padding: 18px 0;
+}
+
+.pace-done .navbar-static-side, .pace-done .nav-header, .pace-done li.active, .pace-done #page-wrapper, .pace-done .footer {
+  -webkit-transition: all 0.5s;
+  -moz-transition: all 0.5s;
+  -o-transition: all 0.5s;
+  transition: all 0.5s;
+}
+
+.navbar-fixed-top {
+  background: #fff;
+  transition-duration: 0.5s;
+  border-bottom: 1px solid #e7eaec !important
+}
+
+.navbar-fixed-top, .navbar-static-top {
+  background: @gray;
+}
+
+.fixed-nav #wrapper {
+  margin-top: 60px;
+}
+
+.fixed-nav .minimalize-styl-2 {
+  margin: 14px 5px 5px 15px;
+}
+
+.body-small .navbar-fixed-top {
+  margin-left: 0px;
+}
+
+body.mini-navbar .navbar-static-side {
+  width: 70px;
+}
+
+body.mini-navbar .profile-element, body.mini-navbar .nav-label, body.mini-navbar .navbar-default .nav li a span {
+  display: none;
+}
+
+body:not(.fixed-sidebar).mini-navbar .nav-second-level {
+  display: none;
+}
+
+body.mini-navbar .navbar-default .nav > li > a {
+  font-size: 16px;
+}
+
+body.mini-navbar .logo-element {
+  display: block;
+}
+
+body.mini-navbar .nav-header {
+  padding: 0;
+  background-color: @navy;
+}
+
+body.mini-navbar #page-wrapper {
+  margin: 0 0 0 70px;
+}
+
+body.fixed-sidebar.mini-navbar .footer {
+  margin: 0 0 0 0px;
+}
+
+body.mini-navbar #page-wrapper {
+  margin: 0 0 0 70px;
+}
+
+body.fixed-sidebar .navbar-static-side {
+  position: fixed;
+  width: @sidebar-width;
+  z-index: 101;
+  height: 100%;
+}
+
+body.fixed-sidebar.mini-navbar .navbar-static-side {
+  width: 0px;
+}
+
+body.fixed-sidebar.mini-navbar #page-wrapper {
+  margin: 0 0 0 0px;
+}
+
+body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
+  margin: 0 0 0 @sidebar-width;
+}
+
+body.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
+  width: @sidebar-width;
+}
+
+.fixed-sidebar.mini-navbar .nav li:focus > .nav-second-level {
+  display: block;
+  height: auto;
+}
+
+body.fixed-sidebar.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
+  font-size: 12px;
+  border-radius: 3px;
+}
+
+.fixed-sidebar.mini-navbar .nav-second-level li a {
+  padding: 10px 10px 10px 15px;
+}
+
+.fixed-sidebar.mini-navbar .nav-second-level {
+  position: relative;
+  padding: 0;
+  font-size: 13px;
+}
+
+.fixed-sidebar.mini-navbar li.active .nav-second-level {
+  left: 0px
+}
+
+body.fixed-sidebar.mini-navbar .navbar-default .nav > li > a {
+  font-size: 13px;
+}
+
+body.fixed-sidebar.mini-navbar .nav-label,
+body.fixed-sidebar.mini-navbar .navbar-default .nav li a span {
+  display: inline;
+}
+
+.fixed-sidebar.mini-navbar .nav-second-level li a {
+  padding: 7px 10px 7px 52px
+}
+
+.fixed-sidebar.mini-navbar .nav-second-level {
+  left: 0px
+}

msd2/myoos/admin/less/the-phoenix/sidebar.less

@@ -0,0 +1,241 @@
+/* ========================================================================
+   Component: sidebar.less
+ ========================================================================== */
+ 
+
+.sidebar {
+  height: 100%;
+  padding-bottom: 20px;
+  background-color: @sidebar-bg; 
+  overflow-x: hidden;
+  -webkit-overflow-scrolling: touch;
+  
+  // draw a divider for the sidebar
+  &:after {
+    content:"";
+    background: rgba(0,0,0,.15);
+    position: absolute;
+    display: block;
+    top:0;
+    bottom: 0;
+    right: 0;
+    width: 1px;
+    -webkit-transform: translateZ(0px);
+  }
+
+  .nav-heading {
+    padding: 12px 15px;
+    color: @sidebar-heading-color;
+    font-size: 13px;
+    letter-spacing: .035em;
+    pointer-events: none;
+    cursor: default;
+  }
+
+  // Items
+  // First main level
+  > .nav {
+    position: relative;
+
+    // Only the first item in sidebar
+    > .nav-heading:first-child {
+      padding-top: 20px;
+    }
+
+    > li {
+      border-left: @sidebar-item-border-wd solid transparent;
+      
+      > a,
+      > .nav-item {
+        padding: 12px 24px;
+        color: @sidebar-item-color;
+        letter-spacing: .025em;
+        font-weight: normal;
+
+        &:focus, &:hover {
+          text-decoration: none;
+          outline: none;
+          color: @sidebar-item-color-active;
+        }
+        // Item icon
+        > em {
+          width: 1.8em;
+          display: inline-block;
+          font-style: normal;
+          font-weight: normal;
+          line-height: 1;
+          -webkit-font-smoothing: antialiased;
+          color: @sidebar-icon-color;
+        }
+      }
+
+      // Active item state
+      &.active,
+      &.open {
+        &,
+        > a,
+        .nav {
+          background-color: @sidebar-item-bg-active;
+          color: @sidebar-item-color-active;
+        }
+        > a > em {
+          color: @sidebar-icon-color-active;
+        }  
+      }
+
+      &.active {
+        border-left-color: @sidebar-item-color-active;
+      }
+    }
+    .label {
+      display: block;
+    }
+  }
+}
+
+// Hides the scrollbar only on desktops
+@tablet-landscape: ~"only screen and (min-width: 1025px)";
+@media @tablet-landscape {
+  .sidebar:not(.show-scrollbar) {
+    margin-right: -@scrollbar-wd;
+    overflow-y: scroll;
+  }
+}
+
+// Sub Levels
+.sidebar-subnav {
+  background-color: @sidebar-bg;
+  
+  > .sidebar-subnav-header {
+    color: @sidebar-item-color;
+    display: none;
+    padding: 10px 20px;
+    font-weight: bold;
+  }
+  
+  > li  {
+    border-left: 0 !important;
+    > a,
+    > .nav-item {
+      display: block;
+      position: relative;
+      padding: 10px 20px;
+      padding-left: 53px;
+      font-weight: normal;
+      background-color: transparent !important;
+      color: @sidebar-item-color;
+      &:focus, &:hover {
+        color: @sidebar-item-color-active;
+      }
+      // submenu icons
+      > em {
+        display: inline-block;
+        width: 1.8em;
+        margin: 0 0 0 -2em;
+      }
+    }
+
+    &.active {
+      > a,
+      > .nav-item {
+        color: @sidebar-icon-color-active;
+        &:after {
+          border-color: @sidebar-bullet-color-active;
+          background-color: @sidebar-bullet-color-active;
+        }
+      }
+    }
+
+    // Nested levels
+    .nav > li {
+      padding-left: 5px;
+    }
+
+  } // li
+
+  // This only happend when sidebar is collapsed and the submenu
+  // visibility is toggled via js
+  &.nav-floating {
+    border: 1px solid rgba(0,0,0,0.15);
+    margin-left: -1px;
+    // we resuse the collapse element so we need to override
+    &, .collapse {
+      height: auto !important;
+      display: block !important;
+      visibility: visible !important;
+    }
+
+    > .sidebar-subnav-header {
+      display: block;
+    }
+    // reduce padding when item is on sidebar collapsed
+    li > a {
+      padding-left: 20px;
+      // submenu icons
+      em {
+        margin-left: 0;
+      }
+    }
+  }
+}
+
+// Desktop styles
+// ---------------------------------
+
+@media @tablet {
+  
+  .sidebar > .nav {
+
+    .label {
+      margin: 2px 0 0 0;
+    }
+  }
+  
+} // @media @tablet
+
+// Collapsed state styles
+.aside-collapsed {
+
+  .sidebar {
+    overflow-x: hidden;
+    // Applies to first level items
+    > .nav {
+      
+      .nav, 
+      > .nav-heading,
+      > li > a > span {
+        display: none !important;
+      }
+
+      > li {
+        width: @aside-wd-collapsed - 2;
+        > a, > .nav-item {
+          text-indent: -@sidebar-item-border-wd;
+          padding: 20px 0;
+          text-align: center;
+          > em {
+            font-size: 1.6em; // increase icons size
+            width: auto;
+          }
+          &:focus { // accessibility
+            background-color: transparent;
+            > em { 
+              color: inherit; 
+            }
+          }
+        }
+      }
+    }
+
+    // labels in menu items
+    .nav {
+      .label {
+        position: absolute;
+        top: 10px; 
+        right: 5px;
+        text-indent: 0;
+      }
+    }
+
+  } // .sidebar
+} // .aside-collapsed

msd2/myoos/admin/less/the-phoenix/spaces.less

@@ -0,0 +1,148 @@
+/*--------------------------------------------------------------
+## Spaces
+--------------------------------------------------------------*/
+
+.no-padding {
+	padding: 0 !important;
+}
+
+.no-margin {
+	margin: 0;
+}
+
+.no-top-space {
+	margin-top: 0 !important;
+	padding-top: 0 !important;
+}
+
+.no-bottom-space {
+	margin-bottom: 0 !important;
+	padding-bottom: 0 !important;
+}
+
+.no-margin-bottom {
+	margin-bottom: 0 !important;
+}
+
+.no-padding-bottom {
+	padding-bottom: 0 !important;
+}
+
+.content-xs {
+	padding-top: 20px;
+	padding-bottom: 20px;
+}
+
+.content {
+	padding-top: 40px;
+	padding-bottom: 40px;
+}
+
+.content-sm {
+	padding-top: 60px;
+	padding-bottom: 60px;
+}
+
+.content-md {
+	padding-top: 80px;
+	padding-bottom: 80px;
+}
+
+.content-lg {
+	padding-top: 100px;
+	padding-bottom: 100px;
+}
+
+.content-xlg {
+	padding-top: 150px;
+	padding-bottom: 150px;
+}
+
+.space-md-hor {
+	padding-left: 40px;
+	padding-right: 40px;
+}
+
+.space-lg-hor {
+	padding-left: 60px;
+	padding-right: 60px;
+}
+
+.space-xlg-hor {
+	padding-left: 100px;
+	padding-right: 100px;
+}
+
+.margin-bottom-5,
+.margin-bottom-10,
+.margin-bottom-15,
+.margin-bottom-20,
+.margin-bottom-25,
+.margin-bottom-30,
+.margin-bottom-35,
+.margin-bottom-40,
+.margin-bottom-45,
+.margin-bottom-50,
+.margin-bottom-55,
+.margin-bottom-60,
+.margin-bottom-100 {
+	 clear:both;
+}
+.margin-bottom-5  { margin-bottom:5px;}
+.margin-bottom-10 { margin-bottom:10px;}
+.margin-bottom-15 { margin-bottom:15px;}
+.margin-bottom-20 { margin-bottom:20px;}
+.margin-bottom-25 { margin-bottom:25px;}
+.margin-bottom-30 { margin-bottom:30px;}
+.margin-bottom-35 { margin-bottom:35px;}
+.margin-bottom-40 { margin-bottom:40px;}
+.margin-bottom-45 { margin-bottom:45px;}
+.margin-bottom-50 { margin-bottom:50px;}
+.margin-bottom-55 { margin-bottom:55px;}
+.margin-bottom-60 { margin-bottom:60px;}
+.margin-bottom-70 { margin-bottom:70px;}
+.margin-bottom-80 { margin-bottom:80px;}
+.margin-bottom-90 { margin-bottom:90px;}
+.margin-bottom-100 { margin-bottom:100px;}
+
+@media (max-width: 768px) {
+	.sm-margin-bottom-10 {
+		margin-bottom: 10px;
+	}
+	.sm-margin-bottom-20 {
+		margin-bottom: 20px;
+	}
+	.sm-margin-bottom-30 {
+		margin-bottom: 30px;
+	}
+	.sm-margin-bottom-40 {
+		margin-bottom: 40px;
+	}
+	.sm-margin-bottom-50 {
+		margin-bottom: 50px;
+	}
+	.sm-margin-bottom-60 {
+		margin-bottom: 60px;
+	}
+}
+
+@media (max-width: 992px) {
+	.md-margin-bottom-10 {
+		margin-bottom: 10px;
+	}
+	.md-margin-bottom-20 {
+		margin-bottom: 20px;
+	}
+	.md-margin-bottom-30 {
+		margin-bottom: 30px;
+	}
+	.md-margin-bottom-40 {
+		margin-bottom: 40px;
+	}
+	.md-margin-bottom-50 {
+		margin-bottom: 50px;
+	}
+	.md-margin-bottom-60 {
+		margin-bottom: 60px;
+	}
+}

msd2/myoos/admin/less/the-phoenix/top-navbar.less

@@ -0,0 +1,241 @@
+/* ========================================================================
+   Component: top-navbar.less
+ ========================================================================== */
+ 
+
+
+
+// Navbar top layout
+.topnavbar {
+  -webkit-backface-visibility: hidden; /* fixes chrome jump */
+  margin-bottom: 0;
+  border-radius: 0;
+  background-color: #fff;
+  z-index: 1050;
+  border: 0;
+  border-bottom: 1px solid rgba(0,0,0,.15);
+
+  @media @tablet {
+    .navbar-header {
+      width: @nav-header-wd;
+      text-align: center;
+      .navbar-brand {
+        width: 100%;
+      }
+    }
+  }
+}
+
+// Navbar Mobile General styles
+// ------------------------------
+
+.topnavbar {
+  position: relative;
+
+  .navbar-header {
+    background-color: @nav-header-bg;
+    @media @tablet {
+      background-image: none;
+    }
+  }
+
+  .navbar-header {
+    position: relative;
+    // overlaps nav-wrapper
+    z-index: 11;
+    
+    // Reset default to allow handle via different logo size
+    .navbar-brand {
+      padding: 0;
+    }
+    
+    // Different Logo size depends on the navbar state
+    .brand-logo,
+    .brand-logo-collapsed { 
+      > img {
+        margin: 0 auto;
+      }
+    }
+    .brand-logo { 
+      display: block; 
+      padding: 10px 15px;
+    }
+    .brand-logo-collapsed { 
+      display: none; 
+      padding: 6px 15px;
+    }
+  }
+  .nav > li > a i {
+    margin-right: 6px;
+  }
+
+
+  .navbar-nav > li {
+    display: inline-block;
+  }
+  
+  .navbar-nav > li:last-child {
+    margin-right: 40px;
+  }
+  
+  .navbar-nav > li:last-child {
+    margin-right: 0;
+  }
+  
+  .navbar-nav > li a {
+     font-size: 14px;
+  }
+  
+  .navbar-nav > li > a,
+  .navbar-nav > .open > a {
+    color: @nav-top-item-mobile;
+    &:hover, &:focus {
+      color: @nav-top-item-mobile-active;
+    }
+  }
+
+  .navbar-nav > li a {
+    padding: 20px 10px;
+  }
+  // Navbar link active style
+  .navbar-nav > .active > a,
+  .navbar-nav > .open   > a {
+    &, &:hover, &:focus {
+      background-color: transparent;
+    }
+  }
+  
+}
+
+@media @upto-tablet {
+  .sidebar-toggle {
+    position: absolute !important;
+    top: 5px;
+    right: 0;
+    z-index: 3001;
+    // Add color only for the icon
+    > em {
+      color: white;
+    }
+  }
+}
+
+// contains elements below header
+.nav-wrapper {
+  padding: 0 15px;
+  background-color: transparent;
+
+  // restore floating props for navbar items
+  .nav.navbar-nav {
+    float: left;
+    &.navbar-right {
+      float: right;
+    }
+  }
+  .nav > li {
+    position: static;
+    float: left;
+  }
+  
+  // fullwidth dropdowns
+  .navbar-nav .open .dropdown-menu {
+    position: absolute;
+    background-color: rgb(255, 255, 255);
+    left: 0px;
+    right: 0px;
+    border-top: 1px solid #e1e1e1;
+    border-bottom: 1px solid #e1e1e1;
+  }
+}
+
+
+// Navbar Desktop styles
+// ------------------------------
+
+@media @tablet {
+
+  // Navbar top styles
+  .topnavbar {
+
+    border: 0;
+    background-color: @nav-top-bg;
+
+
+    // Dropdown link open style
+    .navbar-nav > a {
+      box-shadow: 0 0 0 #000 inset;
+    }
+
+    .navbar-nav > .open > a {
+      &, &:hover, &:focus {
+        box-shadow: 0 -3px 0 darken(@nav-top-bg, 6%) inset;
+      }
+    }
+
+    .navbar-nav > li > a,
+    .navbar-nav > .open > a {
+      color: @nav-top-item-desktop;
+      &:hover, &:focus {
+        color: @nav-top-item-desktop-active;
+      }
+    }
+
+  } 
+
+
+  .nav-wrapper {
+    position: relative;
+    //background-color: @nav-top-bg;
+    box-shadow: 0 1px 2px rgba(0,0,0,.15);
+    // behined nav-header
+    z-index: 10;
+
+    // restore nav items positions
+    .nav > li {
+      position: relative;
+    }
+
+    // restore opened dropdown 
+    .navbar-nav .open .dropdown-menu {
+      left: auto;
+      right: auto;
+    }
+    .navbar-nav.navbar-right .open .dropdown-menu {
+      left: auto;
+      right: 0;
+    }
+  }
+}
+
+@media @tablet {
+  .aside-collapsed {
+    .topnavbar {
+      .navbar-header {
+        .brand-logo { display: none; }
+        .brand-logo-collapsed { display: block; }
+      }
+
+      .navbar-header {
+        width: @nav-header-wd-toggled;
+      }
+
+      .navbar-form {
+        left: @nav-header-wd-toggled;
+      }
+    }
+  }
+}
+
+// Labels inside dropdowns
+.nav-item{
+    >a {
+        position: relative;
+        >.badge {
+            position: absolute;
+            top: 10px;
+            right: 0;
+            padding: 2px 5px;
+        }
+    }
+}
+

msd2/myoos/admin/less/the-phoenix/typography.less

@@ -0,0 +1,93 @@
+//
+// Font sizes and colors
+// --------------------------------------------------
+
+
+body,
+button,
+input,
+select,
+textarea {
+	color: @color__text-main;
+	font-family: @font__main;
+	font-size: 14px;
+}
+
+h1, h2, h3, h4, h5, h6 {
+	clear: both;
+}
+
+p {
+	margin-bottom: 1.5em;
+}
+
+b, strong {
+	font-weight: bold;
+}
+
+dfn, cite, em, i {
+	font-style: italic;
+}
+
+blockquote {
+	margin: 0 1.5em;
+}
+
+address {
+	margin: 0 0 1.5em;
+}
+
+pre {
+	background: @color__background-pre;
+	font-family: @font__pre;
+	font-size: 15px;
+	font-size: 0.9375rem;
+	line-height: @font__line-height-pre;
+	margin-bottom: 1.6em;
+	max-width: 100%;
+	overflow: auto;
+	padding: 1.6em;
+}
+
+
+code, kbd, tt, var {
+	font-family: @font__code;
+	font-size: 15px;
+	font-size: 0.9375rem;
+}
+
+
+abbr, acronym {
+	border-bottom: 1px dotted @color__border-abbr;
+	cursor: help;
+}
+
+mark, ins {
+	background: @color__background-ins;
+	text-decoration: none;
+}
+
+sup,
+sub {
+	font-size: 75%;
+	height: 0;
+	line-height: 0;
+	position: relative;
+	vertical-align: baseline;
+}
+
+sup {
+	bottom: 1ex;
+}
+
+sub {
+	top: .5ex;
+}
+
+small {
+	font-size: 75%;
+}
+
+big {
+	font-size: 125%;
+}