mno-enterprise-frontend 2.0.0

data/app/assets/stylesheets/mno_enterprise/custom/views/pages/confirmation_lounge.less

@@ -0,0 +1,31 @@
+//=====================================
+// Confirmation Lounge
+//=====================================
+
+.confirmation-lounge {
+  height: 100%;
+}
+
+.confirmation-lounge h4 {
+  color: @text-inverse-color;
+  font-weight: 400;
+}
+
+.confirmation-lounge h5 {
+  text-align: center;
+  font-size: 14px;
+  font-weight: 300;
+  color: @elem-cozy-color;
+}
+
+.confirmation-lounge i.fa.fa-envelope {
+  color: @elem-cozy-color;
+  font-size: 160px;
+}
+
+.confirmation-lounge form .form-group input {
+  outline: 0;
+  border-bottom: solid 1px @bg-on-bg-inverse-color;
+  padding-left: 2px;
+  .border-bottom-radius(0px);
+}

data/app/assets/stylesheets/mno_enterprise/custom/views/pages/home.less

@@ -0,0 +1,57 @@
+.home {
+
+  .title-group {
+    text-align: center;
+
+    h2 { font-size: 37px; }
+    @media(max-width: @screen-xs) { h2 { font-size: 30px; } }
+
+    h4 { font-size: 18px; }
+
+    h3 { font-size: 30px; }
+    @media(max-width: @screen-xs) { h3 { font-size: 22px; } }
+  }
+
+  .video-banner {
+    margin-top: 30px;
+    margin-bottom: 20px;
+  }
+
+  .video-banner .video-button {
+    cursor: pointer;
+  }
+
+  .video-banner .video-content .loader {
+    padding-top: 4%;
+  }
+
+  .press-logo {
+    text-align:center;
+
+  }
+
+  .banners.promo.dark.happy-customer {
+    .btn {
+      .fa {
+        padding:6px 7px 6px 11px;
+        margin:2px 0px;
+        font-size:27px;
+        border:solid 2px white;
+        .border-radius(60px);
+      }
+    }
+  }
+
+  .question {
+    margin:30px 0px;
+    .font(20px,500,@bg-inverse-color);
+    .yes {
+      float:right;
+      color:@elem-positive-color;
+    }
+  }
+
+  .testimonial {
+    min-height:150px;
+  }
+}

data/app/assets/stylesheets/mno_enterprise/custom/views/pages/oauth-config-page.less

@@ -0,0 +1,6 @@
+.oauth-config-page {
+  
+  .top-picture {
+    max-width: 250px;
+  }
+}

data/app/assets/stylesheets/mno_enterprise/custom/views/registration.less

@@ -0,0 +1,84 @@
+//---------------------------------------------------------------------------
+// Material Style
+//---------------------------------------------------------------------------
+.registration-material {
+  height: 90%;
+  width: 100%;
+  position: absolute;
+  background-color: @login-bg-color;
+  text-align: center;
+  
+  .action-box {
+    height: 90%;
+  }
+  
+  .action-box md-input-container {
+    text-align: left;
+  }
+  
+  .action-box md-checkbox {
+    text-align: left;
+  }
+}
+
+// Default style
+.registration {
+  height: 100%;
+  width: 100%;
+  position: absolute;
+  background-color: @login-bg-color;
+  
+  .login-box-wrapper {
+    text-align: center;
+    @login-box-grid-position();
+  }
+  
+  .login-box-wrapper md-input-container {
+    text-align: left;
+  }
+  
+  .login-box-wrapper .login-box-title {
+    color: @login-box-title-color;
+    margin-bottom: 15px;
+    @login-box-title();
+  }
+  
+  .login-box-wrapper .login-box {
+    padding: @login-box-padding;
+    background-color: @login-box-bg-color;
+  }
+  
+  .login-box-wrapper .login-box .brand-logo when (isstring(@login-box-brand-logo-img)){
+    min-height: 80px;
+    background-repeat: no-repeat;
+    background-image: asset-url(@login-box-brand-logo-img);
+    background-size: 100%;
+    @login-box-brand-logo();
+  }
+  
+  .login-box-wrapper .login-box .btn-login {
+    @login-box-btn-login();
+  }
+  
+  
+  .login-box-wrapper .login-box:before when (@login-box-title-display-box-arrow = true){
+    .fa;
+    color: @login-box-bg-color;
+    display: block;
+    content: @fa-var-caret-up;
+    margin-top: -27px;
+    font-size: 24px;
+    line-height: 8px;
+    max-width: 60%;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  
+  .checkbox-section label {
+    font-weight: normal;
+  }
+  
+  .login-box-wrapper .login-box .phone select.form-control {
+    height: 34px;
+  }
+}

data/app/assets/stylesheets/mno_enterprise/custom/views/star.less

@@ -0,0 +1,18 @@
+.star-page {
+  .testimonial.promo-dark {
+    font-size:18px;
+  }
+
+  .banners {
+    ol {
+      .font(14px,300,@text-inverse-color);
+    }
+  }
+
+  .feature {
+    height:160px;
+    text-align:center;
+    .font(20px,500,@bg-inverse-color);
+  }
+
+}

data/app/assets/stylesheets/mno_enterprise/custom/views/templates/dashboard/bootstrap-wizard.less

@@ -0,0 +1,63 @@
+.bootstrap-wizard {
+  padding: 10px;
+  .border-radius(5px);
+  // border: solid 1px #ddd;
+  background-color: @bg-inverse-color;
+
+  .task {
+    .border-radius(50px);
+    .square(50px);
+
+    &.unchecked {
+      border: solid 2px @brand-danger;
+
+      .fa {
+        margin: 7px 0px 0px 10px;
+        font-size: 30px;
+        color: @brand-danger;
+        &.done{
+          display:none;
+        }
+      }
+
+      &:hover {
+        background-color: @brand-danger;
+        .fa {
+          color: white;
+        }
+      }
+    }
+
+    &.checked {
+      opacity:0.6;
+      background-color: @brand-primary;
+
+      .fa {
+        margin: 10px 0px 0px 10px;
+        font-size: 30px;
+        color: white;
+
+        &.todo {
+          display:none;
+        }
+      }
+    }
+  }
+
+  .media {
+    margin:15px 0px 15px 0px;
+    .media-heading {
+      margin: 12px 0px 0px 2px;
+      .font(14px,700,white);
+    }
+  }
+
+  .progression {
+    .font(40px,700,white);
+    .border-radius(60px);
+    background-color: @brand-primary;
+    .square(100px);
+    padding: 20px 0px 0px 11px;
+    margin: 23px 0px 0px 64px;
+  }
+}

data/app/assets/stylesheets/mno_enterprise/custom/views/templates/dashboard/dashboard-marketplace.less

@@ -0,0 +1,187 @@
+.dashboard-marketplace {
+
+  .marketplace-nav input, select {
+    color: @dashboard-marketplace-search-text-color;
+    border: solid 1px @dashboard-marketplace-search-border-color;
+    background: transparent;
+    .box-shadow(none);
+    height: 35px;
+
+    // Placeholder
+    .placeholder(@dashboard-marketplace-search-text-color);
+  }
+
+  // Fix Windows (Chrome/FF/IE) bug on dropdown options colors
+  // when parent "select" color is set to white
+  .marketplace-nav select option {
+    color: black;
+  }
+
+  //-------------------------------
+  // Marketplace list
+  //-------------------------------
+  .marketplace-list {
+    margin-top: 20px;
+  }
+
+  //-------------------------------
+  // App Card
+  //-------------------------------
+  .marketplace-app-card {
+    background-color: @dashboard-marketplace-tile-bg-color;
+    color: rgb(51, 51, 51);
+    cursor: pointer;
+    @dashboard-marketplace-app-card();
+
+    &:hover {
+      text-decoration: none;
+      background-color: @dashboard-marketplace-tile-hover-bg-color;
+    }
+  }
+
+  // Application logo
+  .marketplace-app-card img.media-object {
+    max-width: 100px;
+    border: solid 1px @dashboard-marketplace-tile-img-border-color;
+    .border-radius(5px);
+  }
+  .marketplace-app-card:hover img.media-object {
+    border: solid 1px darken(@dashboard-marketplace-tile-hover-img-border-color,5%);
+  }
+
+  // Application Description
+  .marketplace-app-card .media-body {
+    padding-right: 10px;
+    color: @dashboard-marketplace-tile-text-color;
+  }
+  .marketplace-app-card:hover .media-body {
+    color: @dashboard-marketplace-tile-hover-text-color;
+  }
+
+  // App tile arrow right
+  .marketplace-app-card .arrow {
+    position: absolute;
+    right: 20px;
+    top: 50px;
+    color: @dashboard-marketplace-tile-hover-arrow-color;
+    visibility: hidden;
+  }
+  .marketplace-app-card:hover .arrow {
+    visibility: visible;
+  }
+
+}
+
+//-------------------------------
+// Show View
+//-------------------------------
+.dashboard-marketplace-app {
+
+  //-------------------------------
+  // Header
+  //-------------------------------
+  .show-header .media-object {
+    max-width: 80px;
+    .border-radius(5px);
+    border: solid 1px darken(@bg-main-color,5%);
+  }
+
+  .show-header .media-body h2 {
+    line-height: 80px;
+    color: @dashboard-marketplace-show-header-text-color;
+  }
+
+  //-------------------------------
+  // Content - General
+  //-------------------------------
+  .show-content .well {
+    background-color: white;
+    border: none;
+    .border-radius(2px);
+  }
+
+  //-------------------------------
+  // Content - Carousel
+  //-------------------------------
+  .show-content .carousel img {
+    max-height: 300px;
+    margin: auto;
+  }
+
+  .show-content .carousel .carousel-inner {
+    text-align: center;
+  }
+
+  .show-content .carousel .carousel-control {
+    background: transparent;
+    cursor: pointer;
+    max-height: 300px;
+  }
+
+  .show-content .carousel .carousel-indicators {
+    visibility: hidden;
+  }
+
+  .show-content .carousel .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
+    margin-left: 0px;
+  }
+
+  //-------------------------------
+  // Content
+  // Height of columns in desktop
+  //-------------------------------
+  @media (min-width: @screen-md-min) {
+    .show-content .carousel { height: 340px; }
+    .show-content .well-details { height: 340px; }
+  }
+
+  //-------------------------------
+  // Content - Features
+  //-------------------------------
+  .show-content ul.app-features {
+    list-style: none;
+    padding-left: 0px;
+    text-align: left;
+    margin-top: 20px;
+  }
+
+  .show-content ul.app-features li {
+    margin-top: 5px;
+    margin-bottom: 5px;
+  }
+
+  .show-content ul.app-features li > img {
+    margin-right: 5px;
+  }
+
+  //-------------------------------
+  // Content - Benefits
+  //-------------------------------
+  .show-content ul.key-benefits {
+    list-style: none;
+    padding-left: 0px;
+    text-align: left;
+    margin-top: 20px;
+  }
+
+  .show-content ul.key-benefits > li {
+    margin-top: 5px;
+    margin-bottom: 5px;
+  }
+
+  .show-content ul.key-benefits > li > .fa.fa-check {
+    color: @elem-positive-color;
+    margin-right: 5px;
+  }
+
+  //-------------------------------
+  // Content - Testimonials
+  //-------------------------------
+  .show-content .ribbon-testimonial .body {
+    color: @dashboard-marketplace-tile-text-color;
+  }
+
+  .show-content .ribbon-testimonial .from .name {
+    color: @bg-inverse-color;
+  }
+}