From e7ff4d851d43086ec07b80e566cdaed73259efb5 Mon Sep 17 00:00:00 2001 From: andrewmbacon Date: Wed, 24 Jun 2015 15:10:40 -0400 Subject: [PATCH] setting up maxmegamenu * remove settings page from test, prod. * setting up standalone css file to replace mmm generated styles. * altered navigation style options. --- css/admin-style.css | 30 + css/megamenu-cornerstone-base.css | 620 +++++++++++++ css/megamenu.css | 57 ++ functions.php | 10 + header.php | 27 +- inc/customizer-nav.php | 31 +- inc/nav-drop-multi.php | 1 + inc/nav-maxmegamenu.php | 2 +- inc/scripts-and-styles.php | 6 + megamenu/megamenu.scss | 914 ------------------- style.css | 1377 ++++++++++------------------- style.scss | 1 - 12 files changed, 1226 insertions(+), 1850 deletions(-) create mode 100644 css/megamenu-cornerstone-base.css create mode 100644 css/megamenu.css delete mode 100644 megamenu/megamenu.scss diff --git a/css/admin-style.css b/css/admin-style.css index 2c02ee6..6e5585f 100644 --- a/css/admin-style.css +++ b/css/admin-style.css @@ -202,3 +202,33 @@ #sidebar-manager #home60 { display: none; } + + + + +/* Max Mega Menu */ + +#mm_widget_selector option[value=calendar], +#mm_widget_selector option[value=dpe_fp_widget], +#mm_widget_selector option[value=gform_widget], +#mm_widget_selector option[value=uc-hours-widget], +#mm_widget_selector option[value=siteorigin-panels-builder], +#mm_widget_selector option[value=metaslider_widget], +#mm_widget_selector option[value=gpoll_poll_widget], +#mm_widget_selector option[value=siteorigin-panels-post-content], +#mm_widget_selector option[value=siteorigin-panels-postloop], +#mm_widget_selector option[value=rcpt], +#mm_widget_selector option[value=simple-social-icons], +#mm_widget_selector option[value=sow-button], +#mm_widget_selector option[value=sow-google-map], +#mm_widget_selector option[value=sow-image], +#mm_widget_selector option[value=sow-post-carousel], +#mm_widget_selector option[value=sow-slider], +#mm_widget_selector option[value=uc_events_calendar_widget], +#mm_widget_selector option[value=black-studio-tinymce] { + display:none; +} + +#mega_menu_meta_box tr:last-child { + display:none; +} \ No newline at end of file diff --git a/css/megamenu-cornerstone-base.css b/css/megamenu-cornerstone-base.css new file mode 100644 index 0000000..42ac96f --- /dev/null +++ b/css/megamenu-cornerstone-base.css @@ -0,0 +1,620 @@ +#mega-menu-wrap-primary, #mega-menu-wrap-primary #mega-menu-primary, #mega-menu-wrap-primary #mega-menu-primary ul, #mega-menu-wrap-primary #mega-menu-primary li, #mega-menu-wrap-primary #mega-menu-primary p, #mega-menu-wrap-primary #mega-menu-primary img, #mega-menu-wrap-primary #mega-menu-primary div, #mega-menu-wrap-primary #mega-menu-primary a { + color: #474747; + font-family: inherit; + font-size: 14px; + background: none; + border: 0; + -webkit-border-radius: 0 0 0 0; + -moz-border-radius: 0 0 0 0; + -ms-border-radius: 0 0 0 0; + -o-border-radius: 0 0 0 0; + border-radius: 0 0 0 0; + margin: 0; + opacity: 1; + padding: 0; + position: relative; + right: auto; + top: auto; + bottom: auto; + left: auto; + text-align: left; + text-transform: none; + vertical-align: baseline; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; + list-style-type: none; + line-height: 1.7; + box-sizing: border-box; + float: none; + overflow: visible; + display: block; + min-height: 0; + -webkit-transition: none; + -moz-transition: none; + -o-transition: none; + transition: none; + text-decoration: none; + width: auto; + clip: auto; + height: auto; + outline: none; + visibility: inherit; +} +#mega-menu-wrap-primary:before, #mega-menu-wrap-primary #mega-menu-primary:before, #mega-menu-wrap-primary #mega-menu-primary ul:before, #mega-menu-wrap-primary #mega-menu-primary li:before, #mega-menu-wrap-primary #mega-menu-primary p:before, #mega-menu-wrap-primary #mega-menu-primary img:before, #mega-menu-wrap-primary #mega-menu-primary div:before, #mega-menu-wrap-primary #mega-menu-primary a:before, #mega-menu-wrap-primary:after, #mega-menu-wrap-primary #mega-menu-primary:after, #mega-menu-wrap-primary #mega-menu-primary ul:after, #mega-menu-wrap-primary #mega-menu-primary li:after, #mega-menu-wrap-primary #mega-menu-primary p:after, #mega-menu-wrap-primary #mega-menu-primary img:after, #mega-menu-wrap-primary #mega-menu-primary div:after, #mega-menu-wrap-primary #mega-menu-primary a:after { + display: none; +} +#mega-menu-wrap-primary #mega-menu-primary { + visibility: visible; +} +#mega-menu-wrap-primary #mega-menu-primary a { + display: inline; +} +#mega-menu-wrap-primary #mega-menu-primary table, #mega-menu-wrap-primary #mega-menu-primary td, #mega-menu-wrap-primary #mega-menu-primary tr, #mega-menu-wrap-primary #mega-menu-primary th { + border: 0; + margin: 0; + padding: 0; + background: none; +} +#mega-menu-wrap-primary { + background: #dbdbdb; + background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#dbdbdb)); + background: -moz-linear-gradient(top, #ebebeb, #dbdbdb); + background: -ms-linear-gradient(top, #ebebeb, #dbdbdb); + background: -o-linear-gradient(top, #ebebeb, #dbdbdb); + background: linear-gradient(to bottom, #ebebeb, #dbdbdb); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#dbdbdb'); + -webkit-border-radius: 3px 3px 3px 3px; + -moz-border-radius: 3px 3px 3px 3px; + -ms-border-radius: 3px 3px 3px 3px; + -o-border-radius: 3px 3px 3px 3px; + border-radius: 3px 3px 3px 3px; +} +#mega-menu-wrap-primary #mega-menu-primary { + text-align: left; + padding: 0px 0px 0px 0px; +} +#mega-menu-wrap-primary #mega-menu-primary p { + margin-bottom: 10px; +} +#mega-menu-wrap-primary #mega-menu-primary input, #mega-menu-wrap-primary #mega-menu-primary img { + max-width: 100%; +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu { + display: block; + visibility: hidden; + opacity: 1; +} +#mega-menu-wrap-primary #mega-menu-primary.mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary.mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu { + visibility: visible; +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a[class^='dashicons']:before { + font-family: dashicons; +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a:before { + display: inline-block; + font: inherit; + font-family: dashicons; + position: static; + margin: 0 6px 0 0px; + vertical-align: top; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-hide-text a:before { + margin: 0; +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-align-bottom-left.mega-toggle-on > a { + -webkit-border-radius: 0px 0px 0 0; + -moz-border-radius: 0px 0px 0 0; + -ms-border-radius: 0px 0px 0 0; + -o-border-radius: 0px 0px 0 0; + border-radius: 0px 0px 0 0; +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-align-bottom-right > ul.mega-sub-menu { + right: 0; +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-align-bottom-right.mega-toggle-on > a { + -webkit-border-radius: 0px 0px 0 0; + -moz-border-radius: 0px 0px 0 0; + -ms-border-radius: 0px 0px 0 0; + -o-border-radius: 0px 0px 0 0; + border-radius: 0px 0px 0 0; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-item { + position: static; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item { + margin: 0 0px 0 0; + display: inline-block; + height: auto; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-item-align-right { + float: right; + margin: 0 0 0 0px; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a:focus { + background: rgba(0, 0, 0, 0); + color: #525252; + font-weight: normal; + text-decoration: none; + border-color: #fff; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a { + background: rgba(0, 0, 0, 0); + color: #525252; + font-weight: normal; + text-decoration: none; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a { + border-top: 0px solid #fff; + border-left: 0px solid #fff; + border-right: 0px solid #fff; + border-bottom: 0px solid #fff; + outline: none; + text-decoration: none; + padding: 0 10px 0 10px; + line-height: 55px; + font-weight: normal; + height: 55px; + vertical-align: baseline; + text-align: left; + width: auto; + display: block; + color: rgba(82, 82, 82, 0.75); + text-transform: none; + text-decoration: none; + background: rgba(0, 0, 0, 0); + -webkit-border-radius: 0px 0px 0px 0px; + -moz-border-radius: 0px 0px 0px 0px; + -ms-border-radius: 0px 0px 0px 0px; + -o-border-radius: 0px 0px 0px 0px; + border-radius: 0px 0px 0px 0px; + font-family: inherit; + font-size: 14px; + cursor: pointer; +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item { + display: list-item; + margin: 0; + clear: both; + border: 0; + } + #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-item-align-right { + float: none; + } + #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a { + -webkit-border-radius: 0 0 0 0 0 0 0; + -moz-border-radius: 0 0 0 0 0 0 0; + -ms-border-radius: 0 0 0 0 0 0 0; + -o-border-radius: 0 0 0 0 0 0 0; + border-radius: 0 0 0 0 0 0 0; + border: 0; + margin: 0; + line-height: 40px; + height: 40px; + padding: 0 10px; + } +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { + z-index: 999; + -webkit-border-radius: 0px 0px 0px 0px; + -moz-border-radius: 0px 0px 0px 0px; + -ms-border-radius: 0px 0px 0px 0px; + -o-border-radius: 0px 0px 0px 0px; + border-radius: 0px 0px 0px 0px; + background: #f1f1f1; + padding: 10px 10px 10px 10px; + position: absolute; + width: 100%; + border-top: 0px solid #fff; + border-left: 0px solid #fff; + border-right: 0px solid #fff; + border-bottom: 0px solid #fff; + left: 0; +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { + float: left; + position: static; + width: 100% !important; + } +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-1-of-1 { + width: 100%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-1-of-2 { + width: 50%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-2-of-2 { + width: 100%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-1-of-3 { + width: 33.33333%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-2-of-3 { + width: 66.66667%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-3-of-3 { + width: 100%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-1-of-4 { + width: 25%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-2-of-4 { + width: 50%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-3-of-4 { + width: 75%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-4-of-4 { + width: 100%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-1-of-5 { + width: 20%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-2-of-5 { + width: 40%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-3-of-5 { + width: 60%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-4-of-5 { + width: 80%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-5-of-5 { + width: 100%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-1-of-6 { + width: 16.66667%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-2-of-6 { + width: 33.33333%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-3-of-6 { + width: 50%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-4-of-6 { + width: 66.66667%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-5-of-6 { + width: 83.33333%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-6-of-6 { + width: 100%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-1-of-7 { + width: 14.28571%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-2-of-7 { + width: 28.57143%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-3-of-7 { + width: 42.85714%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-4-of-7 { + width: 57.14286%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-5-of-7 { + width: 71.42857%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-6-of-7 { + width: 85.71429%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-7-of-7 { + width: 100%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-1-of-8 { + width: 12.5%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-2-of-8 { + width: 25%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-3-of-8 { + width: 37.5%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-4-of-8 { + width: 50%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-5-of-8 { + width: 62.5%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-6-of-8 { + width: 75%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-7-of-8 { + width: 87.5%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-8-of-8 { + width: 100%; +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li { + width: 50% !important; + clear: none; + } + #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li:nth-child(odd) { + clear: left; + } +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li ul.mega-sub-menu { + clear: both; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li ul.mega-sub-menu li ul.mega-sub-menu { + margin-left: 10px; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li ul.mega-sub-menu li ul.mega-sub-menu li ul.mega-sub-menu { + margin-left: 20px; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item { + color: #474747; + font-family: inherit; + font-size: 14px; + display: block; + float: left; + clear: none; + padding: 15px 15px 15px 15px; + vertical-align: top; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-menu-clear { + clear: left; + /* Widget titles */ +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > h4.mega-block-title { + color: #2c2c2c; + font-family: inherit; + font-size: 16px; + text-transform: none; + text-decoration: none; + font-weight: bold; + margin: 0px 0px 0px 0px; + padding: 0px 0px 5px 0px; + vertical-align: top; + display: block; + border-top: 0px solid #555; + border-left: 0px solid #555; + border-right: 0px solid #555; + border-bottom: 0px solid #555; + /* Second level menu item */ +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a { + color: #474747; + font-family: inherit; + font-size: 16px; + text-transform: uppercase; + text-decoration: none; + font-weight: bold; + margin: 0px 0px 0px 0px; + padding: 0px 0px 0px 0px; + vertical-align: top; + display: block; + border-top: 0px solid #555; + border-left: 0px solid #555; + border-right: 0px solid #555; + border-bottom: 0px solid #555; + /* Second level menu item hover */ +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a:focus { + color: #2c2c2c; + font-weight: bold; + text-decoration: underline; + background: rgba(198, 198, 198, 0); + /* third level menu item */ +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a { + color: #474747; + font-family: inherit; + font-size: 14px; + text-transform: none; + text-decoration: none; + font-weight: normal; + margin: 0; + padding: 0px 0px 0px 0px; + vertical-align: top; + display: block; + /* Second level menu item hover */ +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a:focus { + color: #2c2c2c; + font-weight: normal; + text-decoration: underline; + background: rgba(198, 198, 198, 0); +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu { + z-index: 999; + position: absolute; + width: 150px; + border-top: 0px solid #fff; + border-left: 0px solid #fff; + border-right: 0px solid #fff; + border-bottom: 0px solid #fff; + padding: 0px 0px 0px 0px; + background: #f1f1f1; +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu { + float: left; + position: static; + width: 100% !important; + } +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item { + clear: both; + } +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a { + display: block; + background: #f1f1f1; + color: #666; + font-family: inherit; + font-size: 14px; + font-weight: normal; + padding: 0px 10px 0px 10px; + line-height: 35px; + text-decoration: none; + text-transform: none; + vertical-align: baseline; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child a { + border-top-left-radius: 0px; + border-top-right-radius: 0px; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child a { + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a:focus { + background: rgba(221, 221, 221, 0); + font-weight: normal; + text-decoration: underline; + color: #666; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu { + position: absolute; + left: 100%; + top: 0; +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu { + position: static; + left: 0; + width: 100%; + } + #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a { + padding-left: 20px; + } +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-menu-item-has-children > a:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout li.mega-menu-item-has-children > a:after, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children > a:after { + content: '\f140'; + display: inline-block; + font: inherit; + font-family: dashicons; + margin: 0 0 0 6px; + vertical-align: top; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -webkit-transform: rotate(0); + -moz-transform: rotate(0); + -ms-transform: rotate(0); + -o-transform: rotate(0); + transform: rotate(0); +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-menu-item-has-children a:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout li.mega-menu-item-has-children a:after, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children a:after { + float: right; + } + #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-menu-item-has-children.mega-toggle-on > a:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout li.mega-menu-item-has-children.mega-toggle-on > a:after, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children.mega-toggle-on > a:after { + content: '\f142'; + } +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-menu-item-has-children.mega-hide-arrow > a:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout li.mega-menu-item-has-children.mega-hide-arrow > a:after, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children.mega-hide-arrow > a:after { + display: none; +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item li.mega-menu-item-has-children > a:after { + content: '\f139'; + float: right; + margin: 0; +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item li.mega-menu-item-has-children > a:after { + content: '\f140'; + } +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right li a { + text-align: right; +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right li a { + text-align: left; + } +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right li a:before { + float: right; + margin: 0 0 0 6px; +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right li a:before { + float: left; + margin: 0 6px 0 0; + } +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item-has-children > a:after { + content: '\f141'; + float: left; + margin: 0; +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item-has-children > a:after { + content: '\f140'; + float: right; + } +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu { + left: -100%; + top: 0; +} +#mega-menu-wrap-primary .mega-menu-toggle { + display: none; + z-index: 1; + cursor: pointer; + text-align: right; + background: #dbdbdb; + background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#dbdbdb)); + background: -moz-linear-gradient(top, #ebebeb, #dbdbdb); + background: -ms-linear-gradient(top, #ebebeb, #dbdbdb); + background: -o-linear-gradient(top, #ebebeb, #dbdbdb); + background: linear-gradient(to bottom, #ebebeb, #dbdbdb); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#dbdbdb'); + -webkit-border-radius: 2px 2px 2px 2px; + -moz-border-radius: 2px 2px 2px 2px; + -ms-border-radius: 2px 2px 2px 2px; + -o-border-radius: 2px 2px 2px 2px; + border-radius: 2px 2px 2px 2px; + line-height: 40px; + height: 40px; + color: rgba(82, 82, 82, 0.75); +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary .mega-menu-toggle { + display: block; + } +} +#mega-menu-wrap-primary .mega-menu-toggle:before { + content: "\f333"; + font-family: 'dashicons'; + font-size: 24px; + margin: 0 5px; + float: right; +} +#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:before { + content: "\f153"; +} +#mega-menu-wrap-primary .mega-menu-toggle:after { + content: 'MENU'; +} +#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after { + content: ""; +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary { + display: none; + } + #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu { + display: none; + visibility: visible; + opacity: 1; + } + #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu { + display: block; + } + #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary { + display: block; + } +} +#mega-menu-wrap-primary { + clear: both; +} diff --git a/css/megamenu.css b/css/megamenu.css new file mode 100644 index 0000000..ca367b3 --- /dev/null +++ b/css/megamenu.css @@ -0,0 +1,57 @@ +/* +Error: Undefined variable: "$wrap". + on line 274 of /Users/andrewbacon/Sites/wordpress/wp-content/themes/cornerstone/megamenu/megamenu.scss + +269: filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$from}', endColorstr='#{$to}'); +270: } +271: } +272: +273: // resets +274: #{$wrap}, +275: #{$wrap} #{$menu}, +276: #{$wrap} #{$menu} ul, +277: #{$wrap} #{$menu} li, +278: #{$wrap} #{$menu} p, +279: #{$wrap} #{$menu} img, + +Backtrace: +/Users/andrewbacon/Sites/wordpress/wp-content/themes/cornerstone/megamenu/megamenu.scss:274 +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/script/tree/variable.rb:49:in `_perform' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/script/tree/node.rb:50:in `perform' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/script/tree/interpolation.rb:100:in `_perform' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/script/tree/node.rb:50:in `perform' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/tree/visitors/perform.rb:536:in `block in run_interp_no_strip' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/tree/visitors/perform.rb:534:in `map' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/tree/visitors/perform.rb:534:in `run_interp_no_strip' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/tree/visitors/perform.rb:541:in `run_interp' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/tree/visitors/perform.rb:409:in `visit_rule' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/tree/visitors/base.rb:36:in `visit' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/tree/visitors/perform.rb:158:in `block in visit' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/stack.rb:79:in `block in with_base' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/stack.rb:115:in `with_frame' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/stack.rb:79:in `with_base' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/tree/visitors/perform.rb:158:in `visit' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/tree/visitors/base.rb:52:in `block in visit_children' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/tree/visitors/base.rb:52:in `map' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/tree/visitors/base.rb:52:in `visit_children' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/tree/visitors/perform.rb:167:in `block in visit_children' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/tree/visitors/perform.rb:179:in `with_environment' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/tree/visitors/perform.rb:166:in `visit_children' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/tree/visitors/base.rb:36:in `block in visit' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/tree/visitors/perform.rb:186:in `visit_root' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/tree/visitors/base.rb:36:in `visit' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/tree/visitors/perform.rb:157:in `visit' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/tree/visitors/perform.rb:8:in `visit' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/tree/root_node.rb:36:in `css_tree' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/tree/root_node.rb:20:in `render' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/engine.rb:268:in `render' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/exec/sass_scss.rb:415:in `run' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/exec/sass_scss.rb:63:in `process_result' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/exec/base.rb:52:in `parse' +/Applications/CodeKit.app/Contents/Resources/engines/scss/lib/sass/exec/base.rb:19:in `parse!' +/Applications/CodeKit.app/Contents/Resources/engines/scss/bin/scss:13:in `
' +*/ +body:before { + white-space: pre; + font-family: monospace; + content: "Error: Undefined variable: \"$wrap\".\A on line 274 of /Users/andrewbacon/Sites/wordpress/wp-content/themes/cornerstone/megamenu/megamenu.scss\A \A 269: filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$from}', endColorstr='#{$to}');\A 270: }\A 271: }\A 272: \A 273: // resets\A 274: #{$wrap},\A 275: #{$wrap} #{$menu}, \A 276: #{$wrap} #{$menu} ul, \A 277: #{$wrap} #{$menu} li,\A 278: #{$wrap} #{$menu} p,\A 279: #{$wrap} #{$menu} img,"; } diff --git a/functions.php b/functions.php index 574d578..0c552a2 100644 --- a/functions.php +++ b/functions.php @@ -225,4 +225,14 @@ function metaslider_filmstrip_alt_tags( $list_item, $post, $url ) { return $list_item; } add_filter( 'metaslider_filmstrip_list_item', 'metaslider_filmstrip_alt_tags', 10, 3 ); + + + +function remove_submenu() { + if (network_home_url() != 'http://development.wordpress.uconn.edu/'){ + remove_submenu_page( 'themes.php', 'megamenu_settings'); + } +} +add_action( 'admin_menu', 'remove_submenu', 999 ); + ?> \ No newline at end of file diff --git a/header.php b/header.php index 6ef5779..f4295d0 100644 --- a/header.php +++ b/header.php @@ -54,18 +54,25 @@ diff --git a/inc/customizer-nav.php b/inc/customizer-nav.php index 39b4e28..7e3fb3d 100644 --- a/inc/customizer-nav.php +++ b/inc/customizer-nav.php @@ -9,29 +9,26 @@ ); -// Setup Navigation options as an array -$navStyleOptions = array( - 'drop'=>'Dropdowns', - 'drop-multi' => 'Multi-level Dropdowns', - 'tabs'=>'Tabs' -); // Check to see if max mega menu is active include_once( ABSPATH . 'wp-admin/includes/plugin.php' ); $maxMegaMenuActive = is_plugin_active('megamenu/megamenu.php'); -// If it's active, add that option to the array. -if ($maxMegaMenuActive){ - $navStyleOptions['maxmegamenu'] = 'Maxmegamenu Dropdown'; +// If it's not active, display some options (activating the plugin overrides everything). +if (!$maxMegaMenuActive){ + $wp_customize->add_control('navoption1', array( + 'type' => 'select', + 'label' => 'Navigation Style', + 'section' => 'nav', + 'choices' => array( + 'drop'=>'Dropdowns', + 'drop-multi' => 'Multi-level Dropdowns', + 'tabs'=>'Tabs' + ) + ) + ); }; -// create the nav style options using the array. -$wp_customize->add_control('navoption1', array( - 'type' => 'select', - 'label' => 'Navigation Style', - 'section' => 'nav', - 'choices' => $navStyleOptions - ) -); + ?> \ No newline at end of file diff --git a/inc/nav-drop-multi.php b/inc/nav-drop-multi.php index 79f847a..2775299 100644 --- a/inc/nav-drop-multi.php +++ b/inc/nav-drop-multi.php @@ -49,6 +49,7 @@