@open-rlb/ng-bootstrap 2.2.17

package/assets/scss/custom/pages/_contacts.scss

@@ -0,0 +1,15 @@
+// 
+// Contacts.scss
+//
+
+.contact-links{
+  a{
+    color: var(--#{$prefix}body-color);
+  }
+}
+
+// profile
+
+.profile-user-wid{
+  margin-top: -26px;
+}

package/assets/scss/custom/pages/_crypto.scss

@@ -0,0 +1,355 @@
+// 
+// crypto.scss
+//
+
+@media (min-width: 576px) {
+    .currency-value {
+        position: relative;
+
+        &:after {
+            content: "\F04E1";
+            font-family: "Material Design Icons";
+            font-size: 24px;
+            position: absolute;
+            width: 45px;
+            height: 45px;
+            line-height: 45px;
+            border-radius: 50%;
+            text-align: center;
+            right: 0;
+            top: 50%;
+            transform: translateY(-50%);
+            background-color: $primary;
+            color: $white;
+            z-index: 9;
+            right: -34px;
+        }
+    }
+
+}
+
+.crypto-buy-sell-nav-content {
+    border: 2px solid var(--#{$prefix}border-color);
+    border-top: 0;
+}
+
+
+// KYC Application
+
+.kyc-doc-verification {
+    .dropzone {
+        min-height: 180px;
+
+        .dz-message {
+            margin: 24px 0px;
+        }
+    }
+}
+
+
+/******************
+    Ico Landing
+*******************/
+
+.section {
+    position: relative;
+    padding-top: 80px;
+    padding-bottom: 80px;
+
+    &.bg-white {
+        background-color: var(--#{$prefix}secondary-bg) !important;
+    }
+}
+
+.small-title {
+    color: var(--#{$prefix}secondary-color);
+    margin-bottom: 8px;
+}
+
+
+// Navigation
+
+.navigation {
+    padding: 0 16px;
+    width: 100%;
+    z-index: 999;
+    margin-bottom: 0px;
+    transition: all 0.5s ease-in-out;
+    border-bottom: 1px solid rgba($white, 0.1);
+
+    @media (max-width: 991.98px) {
+        background-color: var(--#{$prefix}topnav-bg);
+    }
+
+    .navbar-logo {
+        line-height: 70px;
+        transition: all 0.4s;
+
+        .logo-dark {
+            display: none;
+
+            @media (max-width: 991.98px) {
+                display: block;
+            }
+        }
+
+        .logo-light {
+            display: block;
+
+            @media (max-width: 991.98px) {
+                display: none;
+            }
+        }
+    }
+
+
+    .navbar-nav {
+        .nav-item {
+            .nav-link {
+                color: rgba($white, 0.6);
+                line-height: 58px;
+                padding: 6px 16px;
+                font-weight: $font-weight-medium;
+                transition: all 0.4s;
+
+                @media (max-width: 991.98px) {
+                    color: var(--#{$prefix}header-item-color);
+                }
+
+                &:hover,
+                &.active {
+                    color: rgba($white, 0.9);
+
+                    @media (max-width: 991.98px) {
+                        color: $primary;
+                    }
+                }
+
+                @media (max-width: 991.98px) {
+                    line-height: 28px !important;
+                }
+            }
+        }
+    }
+
+    &.nav-sticky {
+        background-color: var(--#{$prefix}topnav-bg);
+        box-shadow: $box-shadow;
+
+        .navbar-logo {
+            line-height: 60px;
+
+            .logo-dark {
+                display: var(--#{$prefix}display-block);
+            }
+
+            .logo-light {
+                display: var(--#{$prefix}display-none);
+            }
+        }
+
+        .navbar-nav {
+            .nav-item {
+                .nav-link {
+                    line-height: 48px;
+                    color: var(--#{$prefix}header-item-color);
+
+                    &:hover,
+                    &.active {
+                        color: $primary;
+                    }
+                }
+            }
+        }
+    }
+}
+
+.bg-overlay {
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    top: 0;
+    opacity: 0.7;
+    background-color: $black;
+}
+
+.hero-section {
+    padding-top: 220px;
+    padding-bottom: 190px;
+
+    &.bg-ico-hero {
+        background-image: url("../../../images/crypto/bg-ico-hero.jpg");
+        background-size: cover;
+        background-position: top;
+    }
+
+    @media (max-width: 575.98px) {
+        padding-top: 140px;
+        padding-bottom: 80px;
+    }
+
+    .hero-title {
+        font-size: 42px;
+
+        @media (max-width: 575.98px) {
+            font-size: 26px;
+        }
+    }
+
+    .ico-countdown {
+        font-size: 22px;
+        margin-right: -12px;
+        margin-left: -12px;
+
+        @media (max-width: 575.98px) {
+            display: block;
+        }
+
+        .coming-box {
+            margin-right: 12px;
+            margin-left: 12px;
+            border: 1px solid var(--#{$prefix}border-color);
+            border-radius: 4px;
+            padding: 8px;
+            background-color: var(--#{$prefix}secondary-bg);
+
+            @media (max-width: 575.98px) {
+                display: inline-block;
+                width: 40%;
+                margin-bottom: 24px;
+            }
+
+            span {
+                background-color: var(--#{$prefix}light);
+                font-size: 12px;
+                padding: 4px;
+                margin-top: 8px;
+            }
+        }
+    }
+
+    .softcap-progress {
+        overflow: visible;
+
+        .progress-bar {
+            overflow: visible;
+        }
+
+        .progress-label {
+            position: relative;
+            text-align: right;
+            color: var(--#{$prefix}body-color);
+            bottom: 20px;
+            font-size: 12px;
+            font-weight: $font-weight-medium;
+        }
+    }
+}
+
+
+// currency price
+
+.currency-price {
+    position: relative;
+    bottom: 40px;
+}
+
+
+// Clients
+
+.client-images {
+    img {
+        max-height: 34px;
+        width: auto !important;
+        margin: 12px auto;
+        opacity: 0.7;
+        transition: all 0.4s;
+    }
+}
+
+
+// Features
+
+.features-number {
+    opacity: 0.1;
+}
+
+
+// Team
+
+.team-box {
+    .team-social-links {
+        a {
+            color: var(--#{$prefix}body-color);
+            font-size: 14px;
+        }
+    }
+}
+
+// Blog
+
+.blog-box {
+    .blog-badge {
+        position: absolute;
+        top: 12px;
+        right: 12px;
+    }
+}
+
+// landing footer
+
+.landing-footer {
+    padding: 80px 0 40px;
+    background-color: $sidebar-dark-bg;
+    color: rgba($white, 0.5);
+
+    .footer-list-title {
+        color: rgba($white, 0.9);
+    }
+
+    .footer-list-menu {
+        li {
+            a {
+                display: block;
+                color: rgba($white, 0.5);
+                margin-bottom: 14px;
+                transition: all 0.4s;
+
+                &:hover {
+                    color: rgba($white, 0.8);
+                }
+            }
+        }
+    }
+
+    .blog-post {
+
+        .post {
+            display: block;
+            color: rgba($white, 0.5);
+            padding: 16px 0px;
+            border-bottom: 1px solid rgba($white, 0.1);
+
+            .post-title {
+                color: rgba($white, 0.8);
+                font-size: 14px;
+            }
+
+            &:first-of-type {
+                padding-top: 0;
+            }
+
+            &:last-of-type {
+                padding-bottom: 0;
+                border-bottom: 0;
+            }
+        }
+    }
+
+    .footer-border {
+        border-color: rgba($white, 0.1);
+    }
+}

package/assets/scss/custom/pages/_ecommerce.scss

@@ -0,0 +1,121 @@
+// 
+// ecommerce.scss
+//
+
+// product
+
+.search-box{
+    .form-control{
+        border-radius: 30px;
+        padding-left: 40px;
+    }
+    .search-icon{
+        font-size: 16px;    
+        position: absolute;
+        left: 13px;
+        top: 0;
+        line-height: 38px;
+    }
+}
+
+.product-list{
+    li{
+        a{
+            display: block;
+            padding: 4px 0px;
+            color: var(--#{$prefix}body-color);
+        }
+    }
+}
+
+.product-view-nav{
+    &.nav-pills {
+        .nav-item{
+            margin-left: 4px;
+        }
+        .nav-link{
+            width: 36px;
+            height: 36px;
+            font-size: 16px;
+            padding: 0;
+            line-height: 36px;
+            text-align: center;
+            border-radius: 50%;
+        }
+    }
+}
+
+.product-ribbon{
+    position: absolute;
+    right: 0px;
+    top: 0px;
+}
+
+// Product Details
+
+.product-detai-imgs{
+    .nav{
+        .nav-link{
+            margin: 7px 0px;
+
+            &.active{
+                background-color: var(--#{$prefix}tertiary-bg);
+            }
+        }
+    }
+}
+
+.product-color{
+    a{
+        display: inline-block;
+        text-align: center;
+        color: var(--#{$prefix}body-color);
+        .product-color-item{
+            margin: 7px;
+        }
+        &.active, &:hover{
+            color: $primary;
+            .product-color-item{
+                border-color: $primary !important;
+            }
+        }
+    }
+}
+
+// ecommerce cart
+
+.visa-card{
+    .visa-logo{
+        line-height: 0.5;
+    }
+
+    .visa-pattern{
+        position: absolute;
+        font-size: 385px;
+        color: rgba($white, 0.05);
+        line-height: 0.4;
+        right: 0px;
+        bottom: 0px;
+    }
+}
+
+
+// checkout
+
+.checkout-tabs{
+    .nav-pills{
+        .nav-link{
+            margin-bottom: 24px;
+            text-align: center;
+            background-color: var(--#{$prefix}secondary-bg);
+            box-shadow: $box-shadow;
+
+            &.active{
+                background-color: $primary;
+            }
+            .check-nav-icon{
+                font-size: 36px;
+            }
+        }
+    }
+}

package/assets/scss/custom/pages/_email.scss

@@ -0,0 +1,210 @@
+/* ==============
+  Email
+===================*/
+.email-leftbar {
+  width: 236px;
+  float: left;
+  padding: 20px;
+  border-radius: 5px;
+}
+
+.email-rightbar {
+  margin-left: 260px;
+}
+
+.chat-user-box {
+  p.user-title {
+    color: var(--#{$prefix}emphasis-color);
+    font-weight: 500;
+  }
+  p {
+    font-size: 12px;
+  }
+}
+
+@media (max-width: 767px) {
+  .email-leftbar {
+    float: none;
+    width: 100%;
+  }
+  .email-rightbar {
+    margin: 0;
+  }
+}
+
+
+.mail-list {
+  a {
+    display: block;
+    color: var(--#{$prefix}secondary-color);
+    line-height: 24px;
+    padding: 8px 5px;
+    &.active {
+      color: $danger;
+      font-weight: 500;
+    }
+  }
+}
+
+.message-list {
+  display: block;
+  padding-left: 0;
+
+  li {
+    position: relative;
+    display: block;
+    height: 50px;
+    line-height: 50px;
+    cursor: default;
+    transition-duration: .3s;
+
+    a{
+      color: var(--#{$prefix}secondary-color);
+    }
+
+    &:hover {
+      background: var(--#{$prefix}tertiary-bg);
+      transition-duration: .05s;
+    }
+
+    .col-mail {
+      float: left;
+      position: relative;
+    }
+
+    .col-mail-1 {
+      width: 320px;
+
+      .star-toggle,
+      .checkbox-wrapper-mail,
+      .dot {
+        display: block;
+        float: left;
+      }
+
+      .dot {
+        border: 4px solid transparent;
+        border-radius: 100px;
+        margin: 22px 26px 0;
+        height: 0;
+        width: 0;
+        line-height: 0;
+        font-size: 0;
+      }
+
+      .checkbox-wrapper-mail {
+        margin: 15px 10px 0 20px;
+      }
+
+      .star-toggle {
+        margin-top: 18px;
+        margin-left: 5px;
+      }
+
+      .title {
+        position: absolute;
+        top: 0;
+        left: 110px;
+        right: 0;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+        margin-bottom: 0;
+      }
+    }
+
+    .col-mail-2 {
+      position: absolute;
+      top: 0;
+      left: 320px;
+      right: 0;
+      bottom: 0;
+
+      .subject,
+      .date {
+        position: absolute;
+        top: 0;
+      }
+
+      .subject {
+        left: 0;
+        right: 200px;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+      }
+
+      .date {
+        right: 0;
+        width: 170px;
+        padding-left: 80px;
+      }
+    }
+
+    &.active,
+    &.active:hover {
+      box-shadow: inset 3px 0 0 $primary;
+    }
+
+    
+  &.unread  {
+    background-color: var(--#{$prefix}tertiary-bg);
+    font-weight: 500;
+    color: var(--#{$prefix}body-color);
+      a{
+        color: var(--#{$prefix}body-color);
+        font-weight: 500;
+      }
+    }
+  }
+
+
+  .checkbox-wrapper-mail {
+    cursor: pointer;
+    height: 20px;
+    width: 20px;
+    position: relative;
+    display: inline-block;
+    background-color: var(--#{$prefix}secondary-bg);
+    box-shadow: inset 0 0 0 1px var(--#{$prefix}border-color-translucent);
+    border-radius: 1px;
+
+    input {
+      opacity: 0;
+      cursor: pointer;
+    }
+    input:checked ~ label {
+      opacity: 1;
+    }
+
+    label {
+      position: absolute;
+      height: 20px;
+      width: 20px;
+      left: 0;
+      cursor: pointer;
+      opacity: 0;
+      margin-bottom: 0;
+      transition-duration: .05s;
+      top: 0;
+      &:before {
+        content: "\F012C";
+        font-family: "Material Design Icons";
+        top: 0;
+        height: 20px;
+        color: var(--#{$prefix}body-color);
+        width: 20px;
+        position: absolute;
+        margin-top: -16px;
+        left: 4px;
+        font-size: 13px;
+      }
+    }
+  }
+}
+
+@media (max-width: 575.98px) { 
+  .message-list li .col-mail-1 {
+      width: 200px;
+  }
+}

package/assets/scss/custom/pages/_extras-pages.scss

@@ -0,0 +1,35 @@
+// 
+// Extras pages.scss
+//
+
+
+// pricing
+
+
+.plan-box{
+    .plan-btn{
+        position: relative;
+
+        &::before{
+            content: "";
+            position: absolute;
+            width: 100%;
+            height: 2px;
+            background: var(--#{$prefix}border-color);
+            left: 0px;
+            right: 0px;
+            top: 12px;
+        }
+    }
+}
+
+// blog
+
+.blog-play-icon{
+    position: absolute;
+    top: 50%;
+    left: 0;
+    right: 0;
+    transform: translateY(-50%);
+    margin: 0px auto;
+}