adding styles to the secondary topbar

lower topbar styles, adjusting the search icon position

diff --git a/assets/stylesheets/glm-dev.css b/assets/stylesheets/glm-dev.css
index a05d18a..6895073 100644 (file)
--- a/assets/stylesheets/glm-dev.css
+++ b/assets/stylesheets/glm-dev.css
@@ -1,3 +1,3 @@
-.top-menu-left{height:28px}.top-menu-left .top-bar{height:28px;padding:0;float:right;background-color:#156c96}.top-menu-left .top-bar .top-bar-section ul.dropdown.menu .menu-item a{padding:.55rem 9px;font-size:11px;color:#74a8c1;background-color:#156c96}.top-menu-left .top-bar .top-bar-section ul.dropdown.menu .menu-item a:hover{background-color:#74a8c1;color:#fff}
+.top-menu-left{height:28px}.top-menu-left .top-bar{height:28px;padding:0;float:right;background-color:#156c96}.top-menu-left .top-bar .top-bar-section ul.dropdown.menu .menu-item a{padding:.55rem 9px;font-size:11px;color:#74a8c1;background-color:#156c96}.top-menu-left .top-bar .top-bar-section ul.dropdown.menu .menu-item a:hover{background-color:#74a8c1;color:#fff}#top-menu-right .top-bar{padding:0px;background-color:#fff;float:right;margin-right:30px}#top-menu-right .top-bar .top-bar-section ul.dropdown.menu .menu-item ul.submenu{background:#333;border:none}#top-menu-right .top-bar .top-bar-section ul.dropdown.menu .menu-item ul.submenu li.menu-item a{background-color:#333;color:#fff}#top-menu-right .top-bar .top-bar-section ul.dropdown.menu .menu-item>a{padding:2rem 10px;font-family:inherit;font-size:12px;font-weight:400;color:#9a9a9a;background-color:#fff}#top-menu-right .top-bar .top-bar-section ul.dropdown.menu .menu-item>a:hover{background-color:#333;color:#fff}#top-menu-right .top-bar .top-bar-section ul.dropdown.menu .menu-item>a::after{display:none}.search-button{right:0;top:-3px}
 
 /*# sourceMappingURL=glm-dev.css.map */

diff --git a/assets/stylesheets/glm-dev.css.map b/assets/stylesheets/glm-dev.css.map
index 54e8d52..47eabd9 100644 (file)
--- a/assets/stylesheets/glm-dev.css.map
+++ b/assets/stylesheets/glm-dev.css.map
@@ -1 +1 @@
-{"version":3,"file":"glm-dev.css","sources":["glm-dev.scss","_global-settings.scss","_header.scss","_body.scss","_footer.scss"],"sourcesContent":["@import 'global-settings';\n@import 'header';\n@import 'body';\n@import 'footer';","$l-blue: #74a8c1;\n$blue: #156c96;\n$white: white;",".top-menu-left{\n    height: 28px;\n    .top-bar{\n        height: 28px;\n        padding: 0;\n        float: right;\n        background-color: $blue;\n        .top-bar-section{\n            ul.dropdown.menu{\n                .menu-item{\n                    a{\n                        padding: .55rem 9px;\n                        font-size: 11px;\n                        color: $l-blue;\n                        background-color: $blue;\n                        &:hover{\n                            background-color: $l-blue;\n                            color: $white;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}","",""],"mappings":"AEAA,AAAA,cAAc,AAAA,CACV,MAAM,CAAE,IAAK,CAuBhB,AAxBD,AAEI,cAFU,CAEV,QAAQ,AAAA,CACJ,MAAM,CAAE,IAAK,CACb,OAAO,CAAE,CAAE,CACX,KAAK,CAAE,KAAM,CACb,gBAAgB,CDLjB,OAAO,CCsBT,AAvBL,AAUoB,cAVN,CAEV,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CACZ,UAAU,CACN,CAAC,AAAA,CACG,OAAO,CAAE,UAAW,CACpB,SAAS,CAAE,IAAK,CAChB,KAAK,CDbpB,OAAO,CCcQ,gBAAgB,CDbjC,OAAO,CCkBO,AAnBrB,AAUoB,cAVN,CAEV,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CACZ,UAAU,CACN,CAAC,AAKI,MAAM,AAAA,CACH,gBAAgB,CDhBnC,OAAO,CCiBY,KAAK,CDfzB,IAAK,CCgBY","names":[]}
\ No newline at end of file
+{"version":3,"file":"glm-dev.css","sources":["glm-dev.scss","_global-settings.scss","_header.scss","_body.scss","_footer.scss"],"sourcesContent":["@import 'global-settings';\n@import 'header';\n@import 'body';\n@import 'footer';","$l-blue : #74a8c1;\n$blue   : #156c96;\n$white  : white;\n$grey   : #9a9a9a;\n$oil    : #333;",".top-menu-left{\n    height: 28px;\n    .top-bar{\n        height: 28px;\n        padding: 0;\n        float: right;\n        background-color: $blue;\n        .top-bar-section{\n            ul.dropdown.menu{\n                .menu-item{\n                    a{\n                        padding: .55rem 9px;\n                        font-size: 11px;\n                        color: $l-blue;\n                        background-color: $blue;\n                        &:hover{\n                            background-color: $l-blue;\n                            color: $white;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n#top-menu-right{\n    .top-bar{\n        padding: 0px;\n        background-color: $white;\n        float: right;\n        margin-right: 30px;\n        .top-bar-section{\n            ul.dropdown.menu{\n                \n                .menu-item{\n                    ul.submenu{\n                        background: $oil;\n                        border: none;\n                        \n                        li.menu-item{\n                            a{\n                                background-color: $oil;\n                                color: $white;\n                            }\n                        }\n                    }\n                    > a{\n                        padding: 2rem 10px;\n                        font-family: inherit;\n                        font-size: 12px;\n                        font-weight: 400;\n                        color: $grey;\n                        background-color: $white;\n                        &:hover{\n                            background-color: $oil;\n                            color: $white;\n                        }\n                        &::after{\n                            display: none;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n.search-button{\n    right: 0;\n    top: -3px;\n}","",""],"mappings":"AEAA,AAAA,cAAc,AAAA,CACV,MAAM,CAAE,IAAK,CAuBhB,AAxBD,AAEI,cAFU,CAEV,QAAQ,AAAA,CACJ,MAAM,CAAE,IAAK,CACb,OAAO,CAAE,CAAE,CACX,KAAK,CAAE,KAAM,CACb,gBAAgB,CDLd,OAAO,CCsBZ,AAvBL,AAUoB,cAVN,CAEV,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CACZ,UAAU,CACN,CAAC,AAAA,CACG,OAAO,CAAE,UAAW,CACpB,SAAS,CAAE,IAAK,CAChB,KAAK,CDbnB,OAAO,CCcO,gBAAgB,CDb9B,OAAO,CCkBI,AAnBrB,AAUoB,cAVN,CAEV,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CACZ,UAAU,CACN,CAAC,AAKI,MAAM,AAAA,CACH,gBAAgB,CDhBlC,OAAO,CCiBW,KAAK,CDfvB,IAAK,CCgBU,AAOzB,AACI,eADW,CACX,QAAQ,AAAA,CACJ,OAAO,CAAE,GAAI,CACb,gBAAgB,CD1Bd,IAAK,CC2BP,KAAK,CAAE,KAAM,CACb,YAAY,CAAE,IAAK,CAkCtB,AAvCL,AAUsB,eAVP,CACX,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CAEZ,UAAU,CACN,EAAE,AAAA,QAAQ,AAAA,CACN,UAAU,CDhCxB,IAAI,CCiCU,MAAM,CAAE,IAAK,CAQhB,AApBrB,AAe4B,eAfb,CACX,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CAEZ,UAAU,CACN,EAAE,AAAA,QAAQ,CAIN,EAAE,AAAA,UAAU,CACR,CAAC,AAAA,CACG,gBAAgB,CDrCtC,IAAI,CCsCkB,KAAK,CDxC3B,IAAK,CCyCc,AAlB7B,AAqBsB,eArBP,CACX,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CAEZ,UAAU,CAYJ,CAAC,AAAA,CACC,OAAO,CAAE,SAAU,CACnB,WAAW,CAAE,OAAQ,CACrB,SAAS,CAAE,IAAK,CAChB,WAAW,CAAE,GAAI,CACjB,KAAK,CDhDnB,OAAO,CCiDO,gBAAgB,CDlD9B,IAAK,CC0DM,AAnCrB,AAqBsB,eArBP,CACX,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CAEZ,UAAU,CAYJ,CAAC,AAOE,MAAM,AAAA,CACH,gBAAgB,CDlDlC,IAAI,CCmDc,KAAK,CDrDvB,IAAK,CCsDU,AA/BzB,AAqBsB,eArBP,CACX,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CAEZ,UAAU,CAYJ,CAAC,AAWE,OAAO,AAAA,CACJ,OAAO,CAAE,IAAK,CACjB,AAOzB,AAAA,cAAc,AAAA,CACV,KAAK,CAAE,CAAE,CACT,GAAG,CAAE,IAAK,CACb","names":[]}
\ No newline at end of file

diff --git a/glm-dev/scss/_global-settings.scss b/glm-dev/scss/_global-settings.scss
index 12c5bb8..faa0ae9 100644 (file)
--- a/glm-dev/scss/_global-settings.scss
+++ b/glm-dev/scss/_global-settings.scss
@@ -1,3 +1,5 @@
-$l-blue: #74a8c1;
-$blue: #156c96;
-$white: white;
\ No newline at end of file
+$l-blue : #74a8c1;
+$blue   : #156c96;
+$white  : white;
+$grey   : #9a9a9a;
+$oil    : #333;
\ No newline at end of file

diff --git a/glm-dev/scss/_header.scss b/glm-dev/scss/_header.scss
index 2820b53..dfab42d 100644 (file)
--- a/glm-dev/scss/_header.scss
+++ b/glm-dev/scss/_header.scss
@@ -22,4 +22,49 @@
             }
         }
     }
+}
+#top-menu-right{
+    .top-bar{
+        padding: 0px;
+        background-color: $white;
+        float: right;
+        margin-right: 30px;
+        .top-bar-section{
+            ul.dropdown.menu{
+                
+                .menu-item{
+                    ul.submenu{
+                        background: $oil;
+                        border: none;
+                        
+                        li.menu-item{
+                            a{
+                                background-color: $oil;
+                                color: $white;
+                            }
+                        }
+                    }
+                    > a{
+                        padding: 2rem 10px;
+                        font-family: inherit;
+                        font-size: 12px;
+                        font-weight: 400;
+                        color: $grey;
+                        background-color: $white;
+                        &:hover{
+                            background-color: $oil;
+                            color: $white;
+                        }
+                        &::after{
+                            display: none;
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+.search-button{
+    right: 0;
+    top: -3px;
 }
\ No newline at end of file

diff --git a/sass/navigation/_menus.scss b/sass/navigation/_menus.scss
index 943c4d7..59f06f4 100644 (file)
--- a/sass/navigation/_menus.scss
+++ b/sass/navigation/_menus.scss
@@ -309,7 +309,7 @@ li#menu-item-42 .mega-right {
     display: block;
     width:25px;
     position:absolute;
-    right:-15px;
+    // right:-15px;
     left:auto;
     top:0px;
     color:#999 !important;

diff --git a/template-parts/main-nav.php b/template-parts/main-nav.php
index d7649f2..dbfb209 100644 (file)
--- a/template-parts/main-nav.php
+++ b/template-parts/main-nav.php
@@ -1,12 +1,13 @@
-<nav class="top-bar text-center show-for-large-up opensearchserver.ignore" data-topbar role="navigation">
-       <section class="top-bar-section">
-               <?php glm_theme_top_bar('top-bar'); ?>
-       </section>
+<div id="top-menu-right">
+       <nav class="top-bar text-center show-for-large-up opensearchserver.ignore" data-topbar role="navigation">
+               <section class="top-bar-section">
+                       <?php glm_theme_top_bar('top-bar'); ?>
+               </section>
        </nav>
        <nav class="tab-bar hide-for-large">
-       <section class="left-small">
-               <a class="left-off-canvas-toggle menu-icon" href="#"><span>Menu</span></a>
-       </section>
-</nav><!-- #site-navigation -->
-
+               <section class="left-small">
+                       <a class="left-off-canvas-toggle menu-icon" href="#"><span>Menu</span></a>
+               </section>
+       </nav><!-- #site-navigation -->
+</div>
 <a class="search-button" href="#" id="trigger-overlay"></a>
\ No newline at end of file