Merge pull request #3839 from Jerryby/wordpress

mobile menu fix

htdocs/wp-content/themes/lawcarta/assets/css/main-page.css

@@ -814,7 +814,8 @@ header {
     top: 1px;
     -webkit-transform: scale(0.8);
             transform: scale(0.8);
-    left: 0; }
+    left: 0;
+    z-index: 12; }
     header .main-logo img {
       max-height: 100%; }
     @media (min-width: 769px) {
@@ -1044,7 +1045,8 @@ header {
     display: inline-block;
     position: absolute;
     top: 10px;
-    right: 20px; }
+    right: 20px;
+    z-index: 15; }
     @media (min-width: 769px) {
       header .mobile-menu {
         top: 24px; } }
@@ -1088,22 +1090,27 @@ header {
   header .mobile-nav {
     display: none;
     position: fixed;
+    top: 0;
     z-index: 10000;
-    top: 40px;
+    padding-top: 40px;
     right: 0;
     color: #fff;
-    background-color: #222;
+    height: 100%;
-    -webkit-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.75);
+    z-index: 10; }
-            box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.75);
-    padding: 10px 0 5px;
-    max-width: 100%;
-    min-width: 200px; }
     @media (min-width: 769px) {
       header .mobile-nav {
-        top: 71px; } }
+        padding-top: 71px; } }
     @media (min-width: 992px) {
       header .mobile-nav {
         display: none !important; } }
+    header .mobile-nav .mm-bg {
+      padding: 10px 0 5px;
+      background-color: #222;
+      -webkit-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.75);
+              box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.75);
+      width: 220px;
+      max-height: 100%;
+      overflow: auto; }
     header .mobile-nav .header-menu {
       display: block;
       -webkit-box-flex: 0;

htdocs/wp-content/themes/lawcarta/header.php

@@ -79,6 +79,7 @@ require_once 'inc/walker-nav-menu.php';
             </a>
         </div>
         <div class="mobile-nav" style="display: none;">
+            <div class="mm-bg">
                 <?php
                 if (has_nav_menu('top')) {
                     wp_nav_menu([
@@ -131,6 +132,7 @@ require_once 'inc/walker-nav-menu.php';
 <!--                <a href="#" class="button bordered">REGISTER</a>-->
 <!--            </div>-->
             </div>
+        </div>
         <iframe src="<?= get_lawcarta_url()?>/menu" style="display: none;"></iframe>
 
         <script type="application/javascript">
@@ -176,7 +178,7 @@ require_once 'inc/walker-nav-menu.php';
             jQuery('.btn-toggle-menu').on('click', function (e) {
                 e.preventDefault();
                 jQuery(this).toggleClass('on');
-                jQuery('.mobile-nav').slideToggle(300);
+                jQuery('.mobile-nav').toggleClass('show');
             });
         </script>
     </header>

htdocs/wp-content/themes/livecarta/assets/css/live-main-page.css

@@ -173,7 +173,7 @@ footer.v2 {
 
 /* Main Page */
 .main-page .mp-top {
-  background-image: url(../../../lawcarta/assets/img/main-page/top-bg-live.jpg); }
+  background-image: url(../img/main-page/top-bg-live.jpg); }
   .main-page .mp-top .top-text {
     background: -webkit-gradient(linear, left top, right top, from(rgba(19, 77, 149, 0.4)), to(rgba(1, 26, 51, 0.4)));
     background: linear-gradient(to right, rgba(19, 77, 149, 0.4), rgba(1, 26, 51, 0.4)); }
@@ -262,6 +262,10 @@ footer.v2 {
   .main-page .feature-block.with-bg .cont {
     color: #ffffff; }
 
+.main-page .feature-block.with-bg.facebook {
+  background: -webkit-gradient(linear, left top, right top, from(#0e3f7b), to(#539aea));
+  background: linear-gradient(to right, #0e3f7b, #539aea); }
+
 .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); }

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

@@ -1,23 +1,35 @@
+.front-accordion .fa-head {
+  border: 1px solid #779bca;
+  color: #475669;
+  background: #fff;
+  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+  position: relative;
+  z-index: 2; }
+  .front-accordion .fa-head .collapse-link {
+    color: #475669; }
+    .front-accordion .fa-head .collapse-link span {
+      color: #0c4e91; }
+  .front-accordion .fa-head.with-options .options-link {
+    color: #475669; }
+    .front-accordion .fa-head.with-options .options-link:hover {
+      color: #333; }
+
+.front-accordion .form-group label {
+  color: #0c4e91; }
+
+.front-accordion .form-group.checkbox-label label {
+  color: #333; }
+
 /* Buttons. */
 .button {
   background: #ff6b00; }
-  .button.xl {
-    padding: 0 8px; }
-    @media (min-width: 768px) {
-      .button.xl {
-        height: 36px;
-        line-height: 36px; } }
   .button.xxl {
     border-radius: 25px;
     padding: 0 28px;
     border: none;
     height: 40px;
     line-height: 40px; }
-  .button.add-chapter {
-    background: #0c4e91;
-    color: #fff; }
-  .button.add-chapter-front {
-    background: #0c4e91; }
   .button.mp-top-left {
     background: #ff6b00;
     border-color: #ff6b00;
@@ -37,7 +49,7 @@
     .button.mp-top-right.xl, .button.mp-top-blue.xl {
       border: none;
       line-height: 30px; }
-      @media (min-width: 768px) {
+      @media (min-width: 769px) {
         .button.mp-top-right.xl, .button.mp-top-blue.xl {
           line-height: 36px; } }
   .button.mp-btn {
@@ -59,7 +71,23 @@
               box-shadow: none; }
     .button.bordered:hover {
       background: rgba(0, 0, 0, 0.05); }
-  .button.back-btn {
+
+/* Buttons. */
+.button.xl {
+  padding: 0 8px; }
+  @media (min-width: 769px) {
+    .button.xl {
+      height: 36px;
+      line-height: 36px; } }
+
+.button.add-chapter {
+  background: #0c4e91;
+  color: #fff; }
+
+.button.add-chapter-front {
+  background: #0c4e91; }
+
+.button.back-btn {
   background: #fff;
   border: 2px solid #0c4e91;
   color: #0c4e91;
@@ -82,7 +110,10 @@
           box-shadow: none !important;
   line-height: 25px; }
   .button.green.xl {
-    line-height: 32px; }
+    line-height: 26px; }
+    @media (min-width: 769px) {
+      .button.green.xl {
+        line-height: 32px; } }
 
 .casebook-list .add-casebook {
   background: #ff6b00;
@@ -96,7 +127,7 @@ header {
     height: 33px;
     top: 5px;
     left: -5px; }
-    @media (min-width: 768px) {
+    @media (min-width: 769px) {
       header .main-logo {
         top: 20px;
         left: 40px; } }
@@ -152,7 +183,7 @@ header {
     text-shadow: none; }
     header .mobile-menu .btn-toggle-menu:hover {
       color: #999; }
-  header .mobile-nav {
+  header .mobile-nav .mm-bg {
     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); }
@@ -190,16 +221,21 @@ footer.v2 {
   background: linear-gradient(to right, #539aea, #0e3f7b); }
 
 /* Casebook Item */
-.casebook-item .casebook-top {
+.casebook-item .casebook-top:before {
+  background: #0c4e91; }
+
+.casebook-item .casebook-top .ct-cont {
   background: #fff; }
-  .casebook-item .casebook-top .ct-cont {
+
-    background: #fff; }
+.casebook-item .casebook-top:after {
-  .casebook-item .casebook-top:after {
   height: 43px;
   bottom: 18px;
   background-image: url("../img/live-book-logo.png"); }
-  .casebook-item .casebook-top:before {
+
+.casebook-item .casebook-top .casebook-status {
   background: #0c4e91; }
+  .casebook-item .casebook-top .casebook-status.transparent:after {
+    background: #134d96; }
 
 .casebook-item .casebook-bottom .casebook-title {
   color: #3090f0; }
@@ -214,9 +250,6 @@ footer.v2 {
   border-color: #134d95;
   background: #134d95; }
 
-.casebook-item .casebook-status.transparent:after {
-  background: #134d96; }
-
 .casebook-item .preview-link .button {
   border: 2px solid #134d96;
   color: #134d96; }
@@ -250,7 +283,7 @@ ul.tabset-tabs li {
             box-shadow: none;
     font-weight: 400;
     margin: 0; }
-    @media (min-width: 768px) {
+    @media (min-width: 769px) {
       ul.tabset-tabs li a {
         font-size: 18px;
         padding: 0 16px;
@@ -269,7 +302,7 @@ ul.tabset-tabs li {
     height: 30px;
     line-height: 30px;
     margin-bottom: -5px; }
-    @media (min-width: 768px) {
+    @media (min-width: 769px) {
       ul.tabset-tabs li.active a {
         height: 40px;
         line-height: 40px;
@@ -363,7 +396,7 @@ ul.tabset-tabs li {
     color: #fff;
     background: #125095; }
 
-@media (min-width: 768px) {
+@media (min-width: 769px) {
   .main-page .mp-small-block .buttons .button {
     line-height: 48px; } }
 
@@ -377,6 +410,10 @@ ul.tabset-tabs li {
   .main-page .feature-block.with-bg .cont {
     color: #ffffff; }
 
+.main-page .feature-block.with-bg.facebook {
+  background: -webkit-gradient(linear, left top, right top, from(#0e3f7b), to(#539aea));
+  background: linear-gradient(to right, #0e3f7b, #539aea); }
+
 .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); }
@@ -420,7 +457,7 @@ ul.tabset-tabs li {
 .main-page .promo-top .line2 {
   color: #003366; }
 
-@media (min-width: 768px) {
+@media (min-width: 769px) {
   .main-page .promo-top .button.xxl {
     line-height: 48px; } }
 
@@ -483,6 +520,9 @@ ul.tabset-tabs li {
       .main-page .mp-serve .serve-col:hover .normal {
         color: #fff; }
 
+h1 .header-number {
+  color: #ff6b00; }
+
 .page404 .big {
   color: #539aea; }
 
@@ -529,7 +569,7 @@ h1, .sign-page h1 {
     border-bottom: none;
     padding-top: 3px;
     margin-top: -5px; }
-    @media (min-width: 768px) {
+    @media (min-width: 769px) {
       .casebook-tabs-links ul li.selected, .casebook-tabs-links .right-download.selected {
         height: 40px;
         line-height: 40px;
@@ -543,20 +583,7 @@ h1, .sign-page h1 {
   .casebook-tabs-links ul li + li {
     margin-left: -1px; }
 
-.front-accordion .fa-head {
+.ca-table-cont .core-color {
-  border: 1px solid #779bca;
-  color: #475669;
-  background: #fff;
-  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
-          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
-  position: relative;
-  z-index: 2; }
-  .front-accordion .fa-head .collapse-link {
-    color: #475669; }
-    .front-accordion .fa-head .collapse-link span {
-      color: #0c4e91; }
-
-.front-accordion .form-group label {
   color: #0c4e91; }
 
 .casebook-chapter .chapter-head, .casebook-chapter .casebook-chapter .chapter-head {
@@ -619,7 +646,7 @@ h1, .sign-page h1 {
   color: #fff;
   font-weight: 600;
   line-height: 26px; }
-  @media (min-width: 768px) {
+  @media (min-width: 769px) {
     .casebook-top-options .dropdown .button.xl.white {
       line-height: 30px; } }
 
@@ -683,16 +710,20 @@ body .cd-mob-chat-widget {
     color: #48566b; }
   .checkout-table tr .book-info {
     color: #475669; }
+  .checkout-table.step3 .bot-total {
+    color: #ff6b00; }
+  .checkout-table .action {
+    color: #0c4e91; }
 
 .checkout-btns .button.xxl {
   line-height: 30px; }
-  @media (min-width: 768px) {
+  @media (min-width: 769px) {
     .checkout-btns .button.xxl {
       line-height: 40px; } }
 
 .checkout-btns .button.back-btn {
   line-height: 26px; }
-  @media (min-width: 768px) {
+  @media (min-width: 769px) {
     .checkout-btns .button.back-btn {
       line-height: 36px; } }
 
@@ -711,6 +742,21 @@ body .cd-mob-chat-widget {
 .student-casebook-title .toc-toggle {
   padding: 0 5px; }
 
+.royalties-list .front-accordion .fa-head {
+  color: #475669; }
+
+.chapters-summ .num {
+  color: #ff6b00; }
+
+.bot-total-block .btb-fixed .selected-num {
+  color: #0c4e91; }
+
+.chapter-ws.new-chapters:before {
+  background: #ff6b00; }
+
+.casebook-tabs-links .right-download.new-chapters:after, .casebook-tabs-links ul li.new-chapters:after {
+  background: #ff6b00; }
+
 .dash-top-links .dash-link .dl-icon {
   background: #fff;
   border: 3px solid #fff;
@@ -738,7 +784,29 @@ body .cd-mob-chat-widget {
 .pd-container .features p .icon-promo-check {
   color: #98c2f2; }
 
+.pd-container .features p .icon-cons {
+  color: #B9B1A1; }
+
 .pd-container .center-bottom .preview-link a.button {
   color: #0c4e91; }
   .pd-container .center-bottom .preview-link a.button .icon-view {
     color: #0c4e91; }
+
+/* Widgets. */
+.modal .modal-dialog .modal-head {
+  color: #3090f0; }
+  .modal .modal-dialog .modal-head .cont {
+    color: #3090f0; }
+  .modal .modal-dialog .modal-head .header-number {
+    color: #ff6b00; }
+
+.modal .modal-dialog .modal-head.alert {
+  color: #f03081; }
+  .modal .modal-dialog .modal-head.alert .cont {
+    color: #f03081; }
+
+.modal .modal-footer .cancel {
+  color: #3090f0; }
+
+.modal .input-add-new .btn-add-new .icon-add-circle {
+  background: #3090f0; }