diff --git a/.gitignore b/.gitignore index 1201455..87ab1d1 100644 --- a/.gitignore +++ b/.gitignore @@ -6,3 +6,7 @@ inc/_notes/dwsync.xml prepros.cfg .DS_Store + +*.scssc + +*.codekit diff --git a/css/admin-style.css b/css/admin-style.css new file mode 100644 index 0000000..6e5585f --- /dev/null +++ b/css/admin-style.css @@ -0,0 +1,234 @@ +/* - - - - - - - - - - - - - - - - - - - + == Admin Style +- - - - - - - - - - - - - - - - - - - */ +#wpadminbar { + background-color: #000E2F; +} + +#accordion-section-layout_builder { + /* Homepage Layout builder */ +} + +#accordion-section-layout_builder .customize-control-hidden * { + display: none; +} + +#accordion-section-layout_builder .sliderDeleteRow { + float: right; +} + +#accordion-section-layout_builder .sliders { + padding: 2.5em 0; +} + +#accordion-section-layout_builder .slider-wrap { + float: left; + width: 100%; + padding: 5px 0; + clear: left; +} + +#accordion-section-layout_builder .slider-wrap a:focus { + outline: thin dotted; + outline-color: #2ea2cc; +} + +#accordion-section-layout_builder .slider, +#accordion-section-layout_builder .sliderAddColumn { + float: left; +} + +#accordion-section-layout_builder .slider { + width: 195px; + margin-right: 15px; +} + +#accordion-section-layout_builder .sliderAddColumn { + padding: 0px !important; + height: auto !important; +} + +#accordion-section-layout_builder .ui-slider-horizontal { + height: 3.5em !important; + background-color: #eeeeee !important; + background-image: linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, 0.5) 50%) !important; + background-size: 20px 50px !important; +} + +#accordion-section-layout_builder .ui-slider .ui-slider-handle { + width: 0.01em !important; + height: 3.9em !important; + padding: 0 !important; +} + +#accordion-section-layout_builder .ui-slider .ui-slider-handle:focus { + width: 0.05em !important; + height: 3.7em !important; + border: 1px solid #2ea2cc; +} + +#accordion-section-layout_builder .ui-slider .ui-slider-handle:before { + content: ""; + display: block; + position: relative; + top: -24px; + left: -13px; + width: 20px; + height: 20px; + margin-left: 3px; + border-radius: 3px; + background: grey; +} + +#accordion-section-layout_builder .ui-slider .ui-slider-handle:focus:before { + position: relative; + top: -24px; + left: -12px; + background: #2ea2cc; +} + +#accordion-section-layout_builder .ui-slider .ui-slider-handle:after { + content: ""; + display: block; + position: relative; + top: -24px; + left: -8px; + width: 0; + height: 0; + border-left: 8px solid transparent; + border-right: 8px solid transparent; + border-top: 8px solid grey; +} + +#accordion-section-layout_builder .ui-slider .ui-slider-handle:focus:after { + position: relative; + top: -24px; + left: -7px; + border-left: 8px solid transparent; + border-right: 8px solid transparent; + border-top: 8px solid #2ea2cc; +} + +#accordion-section-layout_builder .ui-slider .ui-slider-handle:hover { + cursor: -webkit-grab; +} + +#accordion-section-layout_builder .ui-slider .ui-slider-handle:active { + cursor: -webkit-grabbing; +} + +#accordion-section-layout_builder .ui-slider .ui-slider-handle:focus { + background-image: none; + background: #2ea2cc !important; + width: 2px !important; +} + +#accordion-section-layout_builder .wp-core-ui .button.sliderDeleteColumn { + background: #2ea2cc; + border-color: #0074a2; + -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5), 0 1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5), 0 1px 0 rgba(0, 0, 0, 0.15); + color: #fff; +} + +#accordion-section-layout_builder .wp-core-ui .button.sliderDeleteColumn .dashicons-minus { + padding: 4px; +} + +#accordion-section-layout_builder .wp-core-ui .button.sliderAddColumn .dashicons-plus { + padding: 14px 4px; +} + +#sidebar-manager #home0, +#sidebar-manager #home1, +#sidebar-manager #home2, +#sidebar-manager #home3, +#sidebar-manager #home4, +#sidebar-manager #home5, +#sidebar-manager #home6, +#sidebar-manager #home7, +#sidebar-manager #home8, +#sidebar-manager #home9, +#sidebar-manager #home10, +#sidebar-manager #home11, +#sidebar-manager #home12, +#sidebar-manager #home13, +#sidebar-manager #home14, +#sidebar-manager #home15, +#sidebar-manager #home16, +#sidebar-manager #home17, +#sidebar-manager #home18, +#sidebar-manager #home19, +#sidebar-manager #home20, +#sidebar-manager #home21, +#sidebar-manager #home22, +#sidebar-manager #home23, +#sidebar-manager #home24, +#sidebar-manager #home25, +#sidebar-manager #home26, +#sidebar-manager #home27, +#sidebar-manager #home28, +#sidebar-manager #home29, +#sidebar-manager #home30, +#sidebar-manager #home31, +#sidebar-manager #home32, +#sidebar-manager #home33, +#sidebar-manager #home34, +#sidebar-manager #home35, +#sidebar-manager #home36, +#sidebar-manager #home37, +#sidebar-manager #home38, +#sidebar-manager #home39, +#sidebar-manager #home40, +#sidebar-manager #home41, +#sidebar-manager #home42, +#sidebar-manager #home43, +#sidebar-manager #home44, +#sidebar-manager #home45, +#sidebar-manager #home46, +#sidebar-manager #home47, +#sidebar-manager #home48, +#sidebar-manager #home49, +#sidebar-manager #home50, +#sidebar-manager #home51, +#sidebar-manager #home52, +#sidebar-manager #home53, +#sidebar-manager #home54, +#sidebar-manager #home55, +#sidebar-manager #home56, +#sidebar-manager #home57, +#sidebar-manager #home58, +#sidebar-manager #home59, +#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 fa63f4f..0c552a2 100644 --- a/functions.php +++ b/functions.php @@ -226,4 +226,13 @@ function metaslider_filmstrip_alt_tags( $list_item, $post, $url ) { } 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 d87d881..f4295d0 100644 --- a/header.php +++ b/header.php @@ -54,8 +54,25 @@ diff --git a/inc/customizer-nav.php b/inc/customizer-nav.php index 951a99e..7e3fb3d 100644 --- a/inc/customizer-nav.php +++ b/inc/customizer-nav.php @@ -1,21 +1,34 @@ add_setting( 'navoption1', //Give it a SERIALIZED name (so all theme settings can live under one db record) - array( - 'default' => 'drop', //Default setting/value to save - 'type' => 'theme_mod', //Is this an 'option' or a 'theme_mod'? - 'capability' => 'edit_theme_options', //Optional. Special permissions for accessing this setting. - 'transport' => 'refresh', //What triggers a refresh of the setting? 'refresh' or 'postMessage' (instant)? - ) - ); + array( + 'default' => 'drop', //Default setting/value to save + 'type' => 'option', //Is this an 'option' or a 'theme_mod'? + 'capability' => 'edit_theme_options', //Optional. Special permissions for accessing this setting. + 'transport' => 'refresh', //What triggers a refresh of the setting? 'refresh' or 'postMessage' (instant)? + ) +); + + + +// 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 not active, display some options (activating the plugin overrides everything). +if (!$maxMegaMenuActive){ $wp_customize->add_control('navoption1', array( - 'type' => 'select', - 'label' => 'Navigation Option 1', - 'section' => 'nav', - 'choices' => array( - 'drop'=>'Dropdowns', - 'drop-multi' => 'Multi-level Dropdowns', - 'tabs'=>'Tabs' - ) - ) + 'type' => 'select', + 'label' => 'Navigation Style', + 'section' => 'nav', + 'choices' => array( + 'drop'=>'Dropdowns', + 'drop-multi' => 'Multi-level Dropdowns', + 'tabs'=>'Tabs' + ) + ) ); +}; + + + ?> \ 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 @@