promo pages

htdocs/wp-content/themes/livecarta/assets/css/livecarta.css

@@ -1,16 +1,12 @@
-/* LiveCarta */
-.casebook-item .casebook-top:after {
-  height: 43px;
-  bottom: 18px;
-  background-image: url("../img/live-book-logo.png"); }
-
 /* Buttons. */
 .button {
   background: #ff6b00; }
   .button.xl {
-    height: 36px;
-    line-height: 36px;
     padding: 0 8px; }
+    @media (min-width: 768px) {
+      .button.xl {
+        height: 36px;
+        line-height: 36px; } }
   .button.xxl {
     border-radius: 25px;
     padding: 0 28px;
@@ -30,14 +26,20 @@
       opacity: 1;
       background: #ff8933;
       border-color: #ff8933; }
-  .button.mp-top-right {
+  .button.mp-top-right, .button.mp-top-blue {
     background: #134d94;
     border-color: #134d94;
     color: #fff; }
-    .button.mp-top-right:hover {
+    .button.mp-top-right:hover, .button.mp-top-blue:hover {
       background: #1965c1;
       background: #1965c1;
       opacity: 1; }
+    .button.mp-top-right.xl, .button.mp-top-blue.xl {
+      border: none;
+      line-height: 30px; }
+      @media (min-width: 768px) {
+        .button.mp-top-right.xl, .button.mp-top-blue.xl {
+          line-height: 36px; } }
   .button.mp-btn {
     background: #ff6b00;
     border-color: #ff6b00; }
@@ -92,7 +94,12 @@ header {
   background: #fff; }
   header .main-logo {
     height: 33px;
-    top: 20px; }
+    top: 5px;
+    left: -5px; }
+    @media (min-width: 768px) {
+      header .main-logo {
+        top: 20px;
+        left: 40px; } }
   header .header-menu ul li a {
     color: #0c4e91;
     font-weight: bold; }
@@ -128,14 +135,99 @@ header {
       border: 2px solid #ff6b00;
       background: #ff6b00;
       color: #fff; }
+  header .sign-block .button.mp-top-left {
+    color: #fff;
+    border: none;
+    background: #ff6b00;
+    -webkit-box-shadow: none;
+            box-shadow: none;
+    border-radius: 20px;
+    height: 40px;
+    line-height: 40px; }
+    header .sign-block .button.mp-top-left:hover {
+      color: #fff;
+      opacity: 0.7; }
+  header .mobile-menu .btn-toggle-menu {
+    color: #333;
+    text-shadow: none; }
+    header .mobile-menu .btn-toggle-menu:hover {
+      color: #999; }
+  header .mobile-nav {
+    background: #fff;
+    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
+            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); }
+    header .mobile-nav .header-menu li a {
+      color: #0c4e91; }
+      header .mobile-nav .header-menu li a:hover {
+        color: #0c4e91;
+        background: rgba(0, 0, 0, 0.1); }
+    header .mobile-nav .sign-block .signed-user-block .dropdown-menu a {
+      color: #333; }
+      header .mobile-nav .sign-block .signed-user-block .dropdown-menu a:hover {
+        color: #333;
+        background: rgba(0, 0, 0, 0.1); }
+    header .mobile-nav .sign-block .button.bordered {
+      border: none;
+      border-radius: 0;
+      line-height: normal;
+      height: auto;
+      opacity: 1; }
+    header .mobile-nav .sign-block .button.mp-top-left {
+      background: #fff;
+      color: #ff6b00;
+      border-radius: 0;
+      line-height: normal;
+      height: auto;
+      border: none; }
+      header .mobile-nav .sign-block .button.mp-top-left:hover {
+        background: #ff6b00;
+        color: #fff;
+        opacity: 1; }
+
+footer.v2 {
+  color: #fff;
+  background: -webkit-gradient(linear, left top, right top, from(#539aea), to(#0e3f7b));
+  background: linear-gradient(to right, #539aea, #0e3f7b); }
+
+/* Casebook Item */
+.casebook-item .casebook-top {
+  background: #fff; }
+  .casebook-item .casebook-top .ct-cont {
+    background: #fff; }
+  .casebook-item .casebook-top:after {
+    height: 43px;
+    bottom: 18px;
+    background-image: url("../img/live-book-logo.png"); }
+  .casebook-item .casebook-top:before {
+    background: #0c4e91; }
+
+.casebook-item .casebook-bottom .casebook-title {
+  color: #3090f0; }
+
+.casebook-item .casebook-bottom .casebook-author {
+  color: #475669; }
+
+.casebook-item .casebook-bottom .casebook-price {
+  color: #022447; }
+
+.casebook-item.add .add-btn {
+  border-color: #134d95;
+  background: #134d95; }
+
+.casebook-item .casebook-status.transparent:after {
+  background: #134d96; }
+
+.casebook-item .preview-link .button {
+  border: 2px solid #134d96;
+  color: #134d96; }
+  .casebook-item .preview-link .button .icon-view {
+    color: #134d96; }
 
 .form-group label {
   color: #036; }
 
 /* Tabset. */
 ul.tabset-tabs li {
-  display: block;
-  float: left;
   position: relative;
   -webkit-box-shadow: none;
           box-shadow: none; }
@@ -144,8 +236,8 @@ ul.tabset-tabs li {
   ul.tabset-tabs li a {
     cursor: pointer;
     display: block;
-    height: 40px;
-    line-height: 40px;
+    height: 25px;
+    line-height: 25px;
     padding: 0 16px;
     font-size: 14px;
     color: #666;
@@ -157,12 +249,13 @@ ul.tabset-tabs li {
     -webkit-box-shadow: none;
             box-shadow: none;
     font-weight: 400;
-    margin: 0;
-    top: -1px; }
-    @media (min-width: 640px) {
+    margin: 0; }
+    @media (min-width: 768px) {
       ul.tabset-tabs li a {
         font-size: 18px;
-        padding: 0 16px; } }
+        padding: 0 16px;
+        height: 40px;
+        line-height: 40px; } }
     ul.tabset-tabs li a:hover {
       text-decoration: none;
       background: #e0ded7;
@@ -172,7 +265,15 @@ ul.tabset-tabs li {
     font-weight: 400;
     padding: 0 16px;
     border-color: #cdc6c0;
-    border-bottom: none; }
+    border-bottom: none;
+    height: 30px;
+    line-height: 30px;
+    margin-bottom: -5px; }
+    @media (min-width: 768px) {
+      ul.tabset-tabs li.active a {
+        height: 40px;
+        line-height: 40px;
+        margin-bottom: 0; } }
     ul.tabset-tabs li.active a:after {
       content: "";
       display: block;
@@ -211,15 +312,6 @@ ul.tabset-tabs li {
   margin-top: 60px;
   text-align: center; }
 
-.main-page .feature-block .cont {
-  color: #475669; }
-
-.main-page .feature-block.with-bg {
-  background: -webkit-gradient(linear, left top, right top, from(#539aea), to(#0e3f7b));
-  background: linear-gradient(to right, #539aea, #0e3f7b); }
-  .main-page .feature-block.with-bg .cont {
-    color: #ffffff; }
-
 .main-page .mp-footer {
   background: -webkit-gradient(linear, left top, right top, from(#539aea), to(#0e3f7b));
   background: linear-gradient(to right, #539aea, #0e3f7b); }
@@ -233,7 +325,163 @@ ul.tabset-tabs li {
     font-weight: 300;
     margin-top: 5px; }
   .main-page .mp-footer .bot-logo {
-    opacity: 0.35; }
+    background: url(../img/live-bot-logo.png) center center no-repeat; }
+
+.main-page .breadcrumbs .breadcrumb li {
+  color: #536174; }
+
+.main-page .breadcrumbs .breadcrumb a {
+  color: #536174; }
+
+.main-page .about-top h1 {
+  color: #003366; }
+
+.main-page .about-top p {
+  color: #48566b; }
+  .main-page .about-top p.big {
+    color: #003366; }
+
+.main-page .about-bot {
+  background: #edf4fd; }
+  .main-page .about-bot .ab-line {
+    color: #48566b; }
+    .main-page .about-bot .ab-line [class^="icon-"], .main-page .about-bot .ab-line [class*=" icon-"] {
+      color: #98c2f2; }
+
+.main-page .mp-small-block.with-bg {
+  background: #edf4fc; }
+
+.main-page .mp-small-block .sb-head {
+  color: #539aea; }
+
+.main-page .mp-small-block .feature-links .feature-link {
+  color: #003366;
+  background: #fff;
+  -webkit-box-shadow: 5px 5px 18px rgba(4, 40, 79, 0.4);
+          box-shadow: 5px 5px 18px rgba(4, 40, 79, 0.4); }
+  .main-page .mp-small-block .feature-links .feature-link:hover {
+    color: #fff;
+    background: #125095; }
+
+@media (min-width: 768px) {
+  .main-page .mp-small-block .buttons .button {
+    line-height: 48px; } }
+
+.main-page .feature-block .cont {
+  color: #475669; }
+
+.main-page .feature-block.with-bg {
+  background: -webkit-gradient(linear, left top, right top, from(#539aea), to(#0e3f7b));
+  background: linear-gradient(to right, #539aea, #0e3f7b);
+  background-size: cover; }
+  .main-page .feature-block.with-bg .cont {
+    color: #ffffff; }
+
+.main-page .feature-block .fb-img img {
+  -webkit-box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.4);
+          box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.4); }
+
+.main-page .feature-block .fb-text p.with-icon [class^="icon-"], .main-page .feature-block .fb-text p.with-icon [class*=" icon-"] {
+  color: #94c0ef; }
+
+.main-page .feature-block.promo .cont {
+  color: #475669; }
+
+.main-page .feature-block.promo .fb-title {
+  color: #003366; }
+
+.main-page .feature-block.promo .fb-text p.with-icon [class^="icon-"], .main-page .feature-block.promo .fb-text p.with-icon [class*=" icon-"] {
+  color: #98c2f2; }
+
+.main-page .feature-block.promo.with-bg .cont, .main-page .feature-block.promo.with-bg .fb-title {
+  color: #ffffff; }
+
+.main-page .feature-block.promo.with-bg .fb-text p.with-icon [class^="icon-"], .main-page .feature-block.promo.with-bg .fb-text p.with-icon [class*=" icon-"] {
+  color: #aac1dd; }
+
+.main-page .feature-block.feat-descr .fb-img {
+  -webkit-box-shadow: 5px 5px 18px rgba(4, 40, 79, 0.4);
+          box-shadow: 5px 5px 18px rgba(4, 40, 79, 0.4);
+  background: #fff;
+  border-color: #fff; }
+
+.main-page .feature-block.feat-descr .fb-text .custom-marks li .icon-promo-check {
+  color: #98c2f2; }
+
+.main-page .feature-block.feat-descr.with-bg .fb-text .custom-marks li .icon-promo-check {
+  color: #98c2f2; }
+
+.main-page .promo-top .opacity-bg {
+  background: rgba(255, 255, 255, 0.7); }
+
+.main-page .promo-top .line1 {
+  color: #003366; }
+
+.main-page .promo-top .line2 {
+  color: #003366; }
+
+@media (min-width: 768px) {
+  .main-page .promo-top .button.xxl {
+    line-height: 48px; } }
+
+.main-page .promo-header h3 {
+  color: #539aea; }
+
+.main-page .faq-search {
+  background: -webkit-gradient(linear, left top, right top, from(#539aea), to(#0e3f7b));
+  background: linear-gradient(to right, #539aea, #0e3f7b);
+  border-bottom: none; }
+  .main-page .faq-search .start-search {
+    color: #134d96; }
+
+.main-page .faq-list .faq-question {
+  color: #337ab7; }
+  .main-page .faq-list .faq-question a {
+    color: #475669; }
+    .main-page .faq-list .faq-question a:hover {
+      color: #3090f0;
+      text-shadow: none; }
+
+.main-page .faq-answer .answer-cont {
+  border: 1px solid #d7d7d7; }
+
+.main-page .faq-answer h4 {
+  color: #3090f0; }
+
+.main-page .faq-answer .answer-text {
+  color: #48566b; }
+  .main-page .faq-answer .answer-text ul li:before {
+    background: #48566b; }
+
+.main-page .mp-serve {
+  background: #e6ebf2; }
+  .main-page .mp-serve .serve-col {
+    color: #475669;
+    background: #fff;
+    -webkit-box-shadow: 5px 5px 18px rgba(4, 40, 79, 0.4);
+            box-shadow: 5px 5px 18px rgba(4, 40, 79, 0.4); }
+    .main-page .mp-serve .serve-col + .serve-col {
+      border-top: 2px solid #fff; }
+    .main-page .mp-serve .serve-col .buttons .button {
+      border-radius: 26px;
+      border-color: #134d96; }
+      .main-page .mp-serve .serve-col .buttons .button:hover {
+        color: #fff;
+        border-color: #fff;
+        background: #125095; }
+    .main-page .mp-serve .serve-col .sc-title {
+      color: #003366; }
+    .main-page .mp-serve .serve-col .normal {
+      color: #003366; }
+    .main-page .mp-serve .serve-col:hover {
+      background: #125095;
+      color: #fff;
+      -webkit-box-shadow: 5px 5px 18px rgba(4, 40, 79, 0.4);
+              box-shadow: 5px 5px 18px rgba(4, 40, 79, 0.4); }
+      .main-page .mp-serve .serve-col:hover .sc-title {
+        color: #fff; }
+      .main-page .mp-serve .serve-col:hover .normal {
+        color: #fff; }
 
 h1, .sign-page h1 {
   color: #3090f0; }
@@ -252,7 +500,6 @@ h1, .sign-page h1 {
 .casebook-tabs-links ul li, .casebook-tabs-links .right-download {
   color: #475669;
   cursor: pointer;
-  display: block;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
   background: #fff;
   font-weight: 400;
@@ -261,24 +508,31 @@ h1, .sign-page h1 {
   -webkit-box-shadow: none;
           box-shadow: none;
   margin: 0; }
+  .casebook-tabs-links ul li:before, .casebook-tabs-links .right-download:before {
+    content: "";
+    display: block;
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 3px; }
   .casebook-tabs-links ul li.selected, .casebook-tabs-links .right-download.selected {
-    margin-top: 0;
     background: #fff;
     color: #ff6b00;
     font-weight: 400;
-    height: 40px;
-    line-height: 40px;
+    height: 30px;
+    line-height: 30px;
     position: relative;
     border-bottom: none;
-    padding: 0 16px; }
+    padding-top: 3px;
+    margin-top: -5px; }
+    @media (min-width: 768px) {
+      .casebook-tabs-links ul li.selected, .casebook-tabs-links .right-download.selected {
+        height: 40px;
+        line-height: 40px;
+        margin-top: 0;
+        padding-top: 0; } }
     .casebook-tabs-links ul li.selected:before, .casebook-tabs-links .right-download.selected:before {
-      content: "";
-      display: block;
-      position: absolute;
-      left: 0;
-      top: 0;
-      width: 100%;
-      height: 3px;
       background: #ff6b00; }
 
 .casebook-tabs-links ul li {
@@ -338,6 +592,20 @@ h1, .sign-page h1 {
         color: #fff; }
   .top-panel h1 {
     color: #fff; }
+  .top-panel .breadcrumb {
+    color: #fff;
+    font-weight: 100; }
+    .top-panel .breadcrumb a {
+      color: #fff; }
+    .top-panel .breadcrumb .active {
+      color: #fff; }
+    .top-panel .breadcrumb li + li:before {
+      border-right: 2px solid #fff;
+      border-top: 2px solid #fff; }
+  .top-panel + .cont > .pd-container {
+    margin-top: 25px; }
+    .top-panel + .cont > .pd-container + .pd-container {
+      margin-top: 0; }
 
 .student-casebook-title .sct-bg {
   background: #fff; }
@@ -347,7 +615,10 @@ h1, .sign-page h1 {
   border: 2px solid #fff;
   color: #fff;
   font-weight: 600;
-  line-height: 30px; }
+  line-height: 26px; }
+  @media (min-width: 768px) {
+    .casebook-top-options .dropdown .button.xl.white {
+      line-height: 30px; } }
 
 .casebook-top-options .dropdown span {
   color: #fff; }
@@ -355,24 +626,11 @@ h1, .sign-page h1 {
 .casebook-top-options .dropdown .casebook-options:after, .casebook-top-options .dropdown .casebook-options:before, .casebook-top-options .dropdown .casebook-options i {
   background: #fff; }
 
-.casebook-item .casebook-bottom .casebook-title {
-  color: #475669; }
-
-.casebook-item .casebook-bottom .casebook-author {
-  color: #475669; }
-
-.casebook-item.add .add-btn {
-  border-color: #134d95;
-  background: #134d95; }
-
 .chapters-nav .nav li a:hover,
 .chapters-nav .nav li.active a,
 .chapters-nav .nav li.active a:focus {
   border-color: #144d96; }
 
-.casebook-item .casebook-top {
-  background: #fff; }
-
 .top-search .ts-tipsy {
   color: #475669; }
 
@@ -403,6 +661,9 @@ body #clickdesk_popup {
   -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.7);
           box-shadow: 0 0 7px rgba(0, 0, 0, 0.7); }
 
+body .cd-mob-chat-widget {
+  background-color: #134d94 !important; }
+
 .filter-bar .btn-link b {
   color: #475669; }
 
@@ -421,10 +682,60 @@ body #clickdesk_popup {
     color: #475669; }
 
 .checkout-btns .button.xxl {
-  line-height: 40px; }
+  line-height: 30px; }
+  @media (min-width: 768px) {
+    .checkout-btns .button.xxl {
+      line-height: 40px; } }
 
 .checkout-btns .button.back-btn {
-  line-height: 36px; }
+  line-height: 26px; }
+  @media (min-width: 768px) {
+    .checkout-btns .button.back-btn {
+      line-height: 36px; } }
 
 .docs-accordion .accordion-heading a {
   color: #003366; }
+
+.scroll-block {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  border: 1px solid #cdc6c0;
+  border-top: 0; }
+
+.chapters-cont.new-toc .toc-toggle {
+  padding: 0 5px; }
+
+.student-casebook-title .toc-toggle {
+  padding: 0 5px; }
+
+.dash-top-links .dash-link .dl-icon {
+  background: #fff;
+  border: 3px solid #fff;
+  color: #154d90;
+  -webkit-box-shadow: 4px 4px 18px rgba(0, 0, 0, 0.4);
+          box-shadow: 4px 4px 18px rgba(0, 0, 0, 0.4); }
+
+.dash-top-links .dash-link .dl-title {
+  color: #475669; }
+
+.dash-widgets .dash-widget {
+  border: 1px solid #cdc6c0; }
+  .dash-widgets .dash-widget .dw-header .dw-title {
+    color: #475669; }
+  .dash-widgets .dash-widget .royalties-table tr td.buttons .button.mp-top-right {
+    border: 1px solid #134d94; }
+
+.royalties-table tr td .button.mp-top-right {
+  border: none;
+  line-height: 28px; }
+
+.pd-container .features p .feature-head {
+  color: #0c4e91; }
+
+.pd-container .features p .icon-promo-check {
+  color: #98c2f2; }
+
+.pd-container .center-bottom .preview-link a.button {
+  color: #0c4e91; }
+  .pd-container .center-bottom .preview-link a.button .icon-view {
+    color: #0c4e91; }

htdocs/wp-content/themes/livecarta/footer.php

@@ -0,0 +1,74 @@
+    <footer class="v2">
+        <div class="cont">
+            <div class="footer-menu">
+                <div class="fm-line show-sm">
+                    <div class="title">Menu</div>
+                    <a href="/features">Features</a>
+                    <a href="/about-us">About Us</a>
+                    <a href="/privacy-policy">Private Policy</a>
+                    <a href="/terms-of-use">Terms of Use</a>
+                    <a href="/contact-us">Contact Us</a>
+                    <a href="#">FAQ</a>
+                    <a href="#">Help</a>
+                </div>
+                <div class="fm-col hide-sm">
+                    <div class="title">Product</div>
+                    <a href="/features">Features</a>
+                    <a href="/about-us">About Us</a>
+                </div>
+                <div class="fm-col hide-sm">
+                    <div class="title">Legal</div>
+                    <a href="/privacy-policy">Private Policy</a>
+                    <a href="/terms-of-use">Terms of Use</a>
+                </div>
+                <div class="fm-col hide-sm">
+                    <div class="title">Contact</div>
+                    <a href="/contact-us">Contact Us</a>
+                    <a href="#">FAQ</a>
+                    <a href="#">Help</a>
+                </div>
+                <div class="fm-col">
+                    <div class="title">Follow Us</div>
+                    <div class="social">
+                        <a target="_blank" href="https://twitter.com/livecarta"><span class="icon-twitter1"></span></a>
+                        <a target="_blank" href="https://www.instagram.com/livecarta"><span class="icon-instagram"></span></a>
+                        <a target="_blank" href="https://fb.me/likelivecarta"><span class="icon-facebook1"></span></a>
+                        <a target="_blank" href="https://www.linkedin.com/company/likelivecarta"><span class="icon-linkedin"></span></a>
+                        <a target="_blank" href="https://www.pinterest.com/livecarta"><span class="icon-pinterest"></span></a>
+                    </div>
+                </div>
+                <div class="fm-col right fm-fixed">
+                    <div class="title">Subscribe</div>
+                    <div class="sub-input">
+                        <div id="mc_embed_signup">
+                            <form action="https://lawcarta.us12.list-manage.com/subscribe/post?u=f1055fdbaf5889ec432f2821f&amp;id=25a4c0d555" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="">
+                                <div id="mc_embed_signup_scroll">
+                                    <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
+                                   
+                                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f1055fdbaf5889ec432f2821f_25a4c0d555" tabindex="-1" value=""></div>
+                                    <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
+                                </div>
+                            </form>
+                        </div>
+                    </div>
+                    <div class="copyright">
+                        <a href="#" class="logo">                            
+                            <img src="<?= get_theme_file_uri('/assets/img/logo.png'); ?>" alt="LiveCarta livecarta">
+                        </a>
+                        <p>&copy; 2018 <?= get_option('lawcarta_company'); ?>. All rights reserved</p>
+                    </div>
+                </div>
+            </div>
+
+
+        </div>
+    </footer>
+
+
+</div><!-- .wrapper -->
+
+<?php wp_footer(); ?>
+<script src="<?= get_theme_file_uri('/assets/js/featuresScroll.js'); ?>"></script>
+
+</body>
+</html>