#103 - centering main popup menu

template/css/menu.css

@@ -455,3 +455,14 @@ ul.bx-menu-btns-hor li {
 .bx-popup-content .bx-menu-account-popup {
     min-width:17em;
 }
+
+.bx-menu-search-popup-title,
+.bx-menu-account-popup-profile,
+.bx-menu-account-popup-menu {
+    text-align:center;
+}
+
+.bx-sliding-menu-main > .bx-def-page-width {
+    position:relative;
+}
+

template/menu_account_popup.html

@@ -1,17 +1,15 @@
 
 <div id="bx-sliding-menu-account" class="bx-sliding-menu-main bx-sliding-menu-fullheight bx-def-z-index-nav bx-def-color-bg-block bx-def-border-bottom bx-def-box-sizing bx-search-site" style="display:none; opacity:1;">
+    <div class="bx-def-page-width bx-def-centered">
+        <a class="bx-sliding-menu-close bx-def-margin bx-def-font-h1" href="javascript:void(0);" onclick="bx_menu_slide('#bx-sliding-menu-account')"><i class="sys-icon times"></i></a>
 
-    <a class="bx-sliding-menu-close bx-def-margin bx-def-font-h1" href="javascript:void(0);" onclick="bx_menu_slide('#bx-sliding-menu-account')"><i class="sys-icon times"></i></a>
-
-    <div class="bx-menu-account-popup bx-menu-object-__object__ bx-def-padding">
-        <div class="bx-def-font-h1">
-            <span class="bx-menu-account-popup-profile">__profile_display_name__</span>
+        <div class="bx-menu-account-popup bx-menu-object-__object__ bx-def-padding">
+            <div class="bx-def-font-h1 bx-menu-account-popup-profile">__profile_display_name__</div>
+            <div class="bx-menu-account-popup-menu bx-def-margin-top bx-def-margin-bottom">__menu_account__</div>
+            <div>__menu_notifications__</div>     
         </div>
-        <div class="bx-def-margin-top bx-def-margin-bottom">__menu_account__</div>
-        <div class="bx-def-color-bg-sec" style="height:0.5em; margin-left:-3em; margin-right:-3em;">1</div>
-        <div>__menu_notifications__</div>        
+        <div class="bx-menu-account-popup-profile-switcher bx-def-box-sizing bx-def-padding-leftright">__profile_switcher__</div>
+        <div class="bx-menu-account-popup-profile-switcher-link bx-def-padding"><a href="__url_switch_profile__"><bx_text:_sys_txt_my_profiles /></div>
     </div>
-    <div class="bx-menu-account-popup-profile-switcher bx-def-box-sizing bx-def-padding-leftright">__profile_switcher__</div>
-    <div class="bx-menu-account-popup-profile-switcher-link bx-def-padding"><a href="__url_switch_profile__"><bx_text:_sys_txt_my_profiles /></div>
 </div>
 

template/search.html

@@ -1,10 +1,12 @@
 
 <div id="bx-sliding-menu-search" class="bx-sliding-menu-main bx-sliding-menu-fullheight bx-def-z-index-nav bx-def-color-bg-block bx-search-site" style="display:none; opacity:1;">
-    <a class="bx-sliding-menu-close bx-def-margin bx-def-font-h1" href="javascript:void(0);" onclick="bx_menu_slide('#bx-sliding-menu-search')"><i class="sys-icon times"></i></a>
-    <div class="bx-def-padding">
-        <div class="bx-def-font-h1"><bx_text:_Search /></div>
-        __search_form__
-        __results__
+    <div class="bx-def-page-width bx-def-centered">
+        <a class="bx-sliding-menu-close bx-def-margin bx-def-font-h1" href="javascript:void(0);" onclick="bx_menu_slide('#bx-sliding-menu-search')"><i class="sys-icon times"></i></a>
+        <div class="bx-def-padding">
+            <div class="bx-def-font-h1 bx-menu-search-popup-title"><bx_text:_Search /></div>
+            __search_form__
+            __results__
+        </div>
     </div>
 </div>