Merge pull request #3839 from Jerryby/wordpress

mobile menu fix
This commit is contained in:
gregory-p
2020-06-04 12:14:18 +03:00
committed by GitHub
8 changed files with 841 additions and 760 deletions

View File

@@ -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;
-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);
padding: 10px 0 5px;
max-width: 100%;
min-width: 200px; }
height: 100%;
z-index: 10; }
@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;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -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>

View File

@@ -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); }

File diff suppressed because one or more lines are too long

View File

@@ -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,6 +71,22 @@
box-shadow: none; }
.button.bordered:hover {
background: rgba(0, 0, 0, 0.05); }
/* 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;
@@ -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 {
background: #fff; }
.casebook-item .casebook-top:before {
background: #0c4e91; }
.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 {
.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 {
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 {
.ca-table-cont .core-color {
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; }

File diff suppressed because one or more lines are too long