Max Mega Menu - Version 2.4

Version Description

[17/10/17] =

  • New (BETA): Grid Layout Option for Mega Menus
  • Fix: Keyboard navigation for mobile menu
  • Improvement: Grey out mobile toggle options when "Disable mobile toggle" is checked
  • Improvement: Grey out all mobile options when "Responsive Breakpoint" is set to 0px
  • Improvement: Warn users that menu theme edits may not show up when caching, CDN or minification plugins are installed
  • Improvement: Better warning/error messages when theme changes fail to save
  • Refactor: CSS and general behind the scenes improvements
  • Fix: jQuery Migrate notices (admin)
  • Fix: Authenticated XSS issue. Thanks to detectify.com for discovering it and pluginvulnerabilities.com for reporting it!
Download this release

Release Info

Developer megamenu
Plugin Icon 128x128 Max Mega Menu
Version 2.4
Comparing to
See all releases

Code changes from version 2.3.7.1 to 2.4

Files changed (19) hide show
  1. classes/menu-item-manager.class.php +299 -156
  2. classes/nav-menus.class.php +9 -26
  3. classes/settings.class.php +149 -45
  4. classes/style-manager.class.php +4 -2
  5. classes/walker.class.php +15 -3
  6. classes/widget-manager.class.php +235 -22
  7. classes/widget.class.php +6 -0
  8. css/admin/admin.css +1901 -0
  9. css/admin/admin.scss +2440 -0
  10. css/admin/menus.css +0 -1032
  11. css/admin/settings.css +0 -736
  12. css/megamenu.scss +67 -15
  13. gulpfile.js +12 -0
  14. js/admin.js +799 -280
  15. js/maxmegamenu.js +47 -11
  16. js/select2/select2.css +0 -1
  17. js/settings.js +71 -23
  18. megamenu.php +238 -47
  19. readme.txt +21 -2
classes/menu-item-manager.class.php CHANGED
@@ -29,137 +29,17 @@ class Mega_Menu_Menu_Item_Manager {
29
  public function __construct() {
30
 
31
  add_action( 'wp_ajax_mm_get_lightbox_html', array( $this, 'ajax_get_lightbox_html' ) );
 
 
 
32
  add_action( 'wp_ajax_mm_save_menu_item_settings', array( $this, 'ajax_save_menu_item_settings') );
33
 
34
  add_filter( 'megamenu_tabs', array( $this, 'add_mega_menu_tab'), 10, 5 );
35
  add_filter( 'megamenu_tabs', array( $this, 'add_general_settings_tab'), 10, 5 );
36
  add_filter( 'megamenu_tabs', array( $this, 'add_icon_tab'), 10, 5 );
37
- //add_filter( 'megamenu_tabs', array( $this, 'add_custom_styling_tab'), 10, 5 );
38
- //add_filter( 'megamenu_tabs', array( $this, 'add_roles_tab'), 10, 5 );
39
- //add_filter( 'megamenu_tabs', array( $this, 'add_replacements_tab'), 10, 5 );
40
 
41
  }
42
 
43
- /**
44
- * Return the HTML to display in the 'Styling' tab
45
- *
46
- * @since 1.7
47
- * @return array
48
- */
49
- public function add_custom_styling_tab( $tabs, $menu_item_id, $menu_id, $menu_item_depth, $menu_item_meta ) {
50
-
51
- if ( $this->nags_are_hidden() || is_plugin_active('megamenu-pro/megamenu-pro.php') ) {
52
- return $tabs;
53
- }
54
-
55
- $return = '<h4 class="first">' . __("Custom Item Styling", "megamenu") . '</h4>';
56
- $return .= "<p class='tab-description'>" . __("Customize the styling of this menu item only.", "megamenu_pro") . "</p>";
57
- $return .= "<p class='tab-description'>" . __("Set custom sub menu widths, font colors, font size, icon styling, sub menu background images and lots more.", "megamenu_pro") . "</p>";
58
-
59
- $return .= $this->get_pro_upgrade_text();
60
-
61
- $tabs['pro_custom_styling'] = array(
62
- 'title' => __('Styling', 'megamenu'),
63
- 'content' => $return
64
- );
65
-
66
- return $tabs;
67
-
68
- }
69
-
70
- /**
71
- * Return the HTML to display in the 'Roles' tab
72
- *
73
- * @since 2.2.3.2
74
- * @return array
75
- */
76
- public function add_roles_tab( $tabs, $menu_item_id, $menu_id, $menu_item_depth, $menu_item_meta ) {
77
-
78
- if ( $this->nags_are_hidden() || is_plugin_active('megamenu-pro/megamenu-pro.php') ) {
79
- return $tabs;
80
- }
81
-
82
- $return = '<h4 class="first">' . __("Roles & Restrictions", "megamenu") . '</h4>';
83
- $return .= "<p class='tab-description'>" . __("Restrict the display of this menu item to users with a specific role, or by logged in status.", "megamenu_pro") . "</p>";
84
- $return .= $this->get_pro_upgrade_text();
85
-
86
- $tabs['pro_roles'] = array(
87
- 'title' => __('Roles', 'megamenu'),
88
- 'content' => $return
89
- );
90
-
91
- return $tabs;
92
-
93
- }
94
-
95
-
96
- /**
97
- * Return the HTML to display in the 'Replacements' tab
98
- *
99
- * @since 2.2.3.2
100
- * @return array
101
- */
102
- public function add_replacements_tab( $tabs, $menu_item_id, $menu_id, $menu_item_depth, $menu_item_meta ) {
103
-
104
- if ( $this->nags_are_hidden() || is_plugin_active('megamenu-pro/megamenu-pro.php') ) {
105
- return $tabs;
106
- }
107
-
108
- $return = '<h4 class="first">' . __("Replacements", "megamenu") . '</h4>';
109
- $return .= '<p class="tab-description">' . __("Replace this menu item with something else: a logo, a search box, WooCommerce cart total, Easy Digital Downloads cart total, custom HTML or a shortcode", "megamenu_pro") . "</p>";
110
- $return .= $this->get_pro_upgrade_text();
111
-
112
-
113
- $tabs['pro_replacements'] = array(
114
- 'title' => __('Replacements', 'megamenu'),
115
- 'content' => $return
116
- );
117
-
118
- return $tabs;
119
-
120
- }
121
-
122
-
123
- /**
124
- * Return the text for displaying go pro nag
125
- *
126
- * @since 2.2.3.2
127
- * @return string
128
- */
129
- private function get_pro_upgrade_text() {
130
-
131
- $return = '<div class="in-pro">';
132
- $return .= "<p>This functionality is available in <a href='https://www.megamenu.com/upgrade/?utm_source=free&amp;utm_medium=lightbox&amp;utm_campaign=pro' target='_blank'>Max Mega Menu Pro</a><span class='dashicons dashicons-migrate'></span></p>";
133
- $return .= '<p><a class="hide-pro-nags">Hide this notice for 90 days</a></p>';
134
- $return .= '</div>';
135
-
136
- return $return;
137
-
138
- }
139
-
140
-
141
- /**
142
- * Returns true if nags have been hidden within the past 90 days
143
- * (I really wish I did not have to put in nags, but development and support is entirely funded
144
- * by upgrades)
145
- *
146
- * @since 2.2.3.2
147
- * @return bool
148
- */
149
- private function nags_are_hidden() {
150
- $transient = get_transient('megamenu_nag');
151
-
152
- if ( ! $transient ) {
153
- return false;
154
- }
155
-
156
- if ( strtotime("+90 days", $transient) > time() ) {
157
- return true;
158
- }
159
-
160
- return false;
161
- }
162
-
163
 
164
  /**
165
  * Set up the class
@@ -323,13 +203,10 @@ class Mega_Menu_Menu_Item_Manager {
323
  return $tabs;
324
  }
325
 
326
- $widget_manager = new Mega_Menu_Widget_Manager();
327
-
328
- $all_widgets = $widget_manager->get_available_widgets();
329
-
330
  $submenu_options = apply_filters("megamenu_submenu_options", array(
331
  'flyout' => __("Flyout Menu", "megamenu"),
332
- 'megamenu' => __("Mega Menu", "megamenu")
 
333
  ), $menu_item_meta);
334
 
335
  $return = "<label for='mm_enable_mega_menu'>" . __("Sub menu display mode", "megamenu") . "</label>";
@@ -341,32 +218,304 @@ class Mega_Menu_Menu_Item_Manager {
341
  }
342
  $return .= "</select>";
343
 
344
- $return .= "<select id='mm_number_of_columns' name='settings[panel_columns]'>";
345
- $return .= " <option value='1' " . selected( $menu_item_meta['panel_columns'], 1, false ) . ">1 " . __("column", "megamenu") . "</option>";
346
- $return .= " <option value='2' " . selected( $menu_item_meta['panel_columns'], 2, false ) . ">2 " . __("columns", "megamenu") . "</option>";
347
- $return .= " <option value='3' " . selected( $menu_item_meta['panel_columns'], 3, false ) . ">3 " . __("columns", "megamenu") . "</option>";
348
- $return .= " <option value='4' " . selected( $menu_item_meta['panel_columns'], 4, false ) . ">4 " . __("columns", "megamenu") . "</option>";
349
- $return .= " <option value='5' " . selected( $menu_item_meta['panel_columns'], 5, false ) . ">5 " . __("columns", "megamenu") . "</option>";
350
- $return .= " <option value='6' " . selected( $menu_item_meta['panel_columns'], 6, false ) . ">6 " . __("columns", "megamenu") . "</option>";
351
- $return .= " <option value='7' " . selected( $menu_item_meta['panel_columns'], 7, false ) . ">7 " . __("columns", "megamenu") . "</option>";
352
- $return .= " <option value='8' " . selected( $menu_item_meta['panel_columns'], 8, false ) . ">8 " . __("columns", "megamenu") . "</option>";
353
- $return .= " <option value='9' " . selected( $menu_item_meta['panel_columns'], 9, false ) . ">9 " . __("columns", "megamenu") . "</option>";
354
- $return .= "</select>";
 
 
 
 
 
 
 
355
 
356
- $return .= "<select id='mm_widget_selector'>";
357
- $return .= " <option value='disabled'>" . __("Select a Widget to add to the panel", "megamenu") . "</option>";
358
 
359
  foreach ( $all_widgets as $widget ) {
360
- $return .= "<option value='" . $widget['value'] . "'>" . $widget['text'] . "</option>";
361
  }
362
 
363
- $return .= "</select>";
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
364
 
365
  $class = $menu_item_meta['type'] == 'megamenu' ? 'enabled' : 'disabled';
 
366
 
367
- $return .= "<div id='widgets' class='{$class}' data-columns='{$this->menu_item_meta['panel_columns']}'>";
368
 
369
- $items = $widget_manager->get_widgets_and_menu_items_for_menu_id( $menu_item_id, $this->menu_id );
 
 
370
 
371
  if ( count ( $items ) ) {
372
 
@@ -393,14 +542,8 @@ class Mega_Menu_Menu_Item_Manager {
393
 
394
  $return .= "</div>";
395
 
396
- $tabs['mega_menu'] = array(
397
- 'title' => __('Mega Menu', 'megamenu'),
398
- 'content' => $return
399
- );
400
-
401
- return $tabs;
402
- }
403
-
404
 
405
  /**
406
  * Return the HTML to display in the 'General Settings' tab
@@ -411,7 +554,7 @@ class Mega_Menu_Menu_Item_Manager {
411
  public function add_general_settings_tab( $tabs, $menu_item_id, $menu_id, $menu_item_depth, $menu_item_meta ) {
412
 
413
  $return = '<form>';
414
- $return .= ' <input type="hidden" name="menu_item_id" value="' . $menu_item_id . '" />';
415
  $return .= ' <input type="hidden" name="action" value="mm_save_menu_item_settings" />';
416
  $return .= ' <input type="hidden" name="_wpnonce" value="' . wp_create_nonce('megamenu_edit') . '" />';
417
  $return .= ' <input type="hidden" name="tab" value="general_settings" />';
@@ -610,9 +753,9 @@ class Mega_Menu_Menu_Item_Manager {
610
  $display = $icon_tab['active'] ? "block" : "none";
611
 
612
  $return .= "<div class='mm_tab_{$id}' style='display: {$display}'>";
613
- $return .= " <form class='icon_selector'>";
614
  $return .= " <input type='hidden' name='_wpnonce' value='" . wp_create_nonce('megamenu_edit') . "' />";
615
- $return .= " <input type='hidden' name='menu_item_id' value='{$menu_item_id}' />";
616
  $return .= " <input type='hidden' name='action' value='mm_save_menu_item_settings' />";
617
  $return .= $icon_tab['content'];
618
  $return .= " </form>";
29
  public function __construct() {
30
 
31
  add_action( 'wp_ajax_mm_get_lightbox_html', array( $this, 'ajax_get_lightbox_html' ) );
32
+ add_action( 'wp_ajax_mm_get_empty_grid_column', array( $this, 'ajax_get_empty_grid_column' ) );
33
+ add_action( 'wp_ajax_mm_get_empty_grid_row', array( $this, 'ajax_get_empty_grid_row' ) );
34
+
35
  add_action( 'wp_ajax_mm_save_menu_item_settings', array( $this, 'ajax_save_menu_item_settings') );
36
 
37
  add_filter( 'megamenu_tabs', array( $this, 'add_mega_menu_tab'), 10, 5 );
38
  add_filter( 'megamenu_tabs', array( $this, 'add_general_settings_tab'), 10, 5 );
39
  add_filter( 'megamenu_tabs', array( $this, 'add_icon_tab'), 10, 5 );
 
 
 
40
 
41
  }
42
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
43
 
44
  /**
45
  * Set up the class
203
  return $tabs;
204
  }
205
 
 
 
 
 
206
  $submenu_options = apply_filters("megamenu_submenu_options", array(
207
  'flyout' => __("Flyout Menu", "megamenu"),
208
+ 'megamenu' => __("Mega Menu - Standard Layout", "megamenu"),
209
+ 'grid' => __("Mega Menu - Grid Layout", "megamenu") . " " . __("(Beta)", "megamenu")
210
  ), $menu_item_meta);
211
 
212
  $return = "<label for='mm_enable_mega_menu'>" . __("Sub menu display mode", "megamenu") . "</label>";
218
  }
219
  $return .= "</select>";
220
 
221
+ $widget_manager = new Mega_Menu_Widget_Manager();
222
+
223
+ $all_widgets = $widget_manager->get_available_widgets();
224
+
225
+ $display = $menu_item_meta['type'] == 'grid' ? 'none' : 'block';
226
+
227
+ $return .= "<div class='mm_panel_options'>";
228
+ $return .= " <select id='mm_number_of_columns' name='settings[panel_columns]' style='display: {$display}'>";
229
+ $return .= " <option value='1' " . selected( $menu_item_meta['panel_columns'], 1, false ) . ">1 " . __("column", "megamenu") . "</option>";
230
+ $return .= " <option value='2' " . selected( $menu_item_meta['panel_columns'], 2, false ) . ">2 " . __("columns", "megamenu") . "</option>";
231
+ $return .= " <option value='3' " . selected( $menu_item_meta['panel_columns'], 3, false ) . ">3 " . __("columns", "megamenu") . "</option>";
232
+ $return .= " <option value='4' " . selected( $menu_item_meta['panel_columns'], 4, false ) . ">4 " . __("columns", "megamenu") . "</option>";
233
+ $return .= " <option value='5' " . selected( $menu_item_meta['panel_columns'], 5, false ) . ">5 " . __("columns", "megamenu") . "</option>";
234
+ $return .= " <option value='6' " . selected( $menu_item_meta['panel_columns'], 6, false ) . ">6 " . __("columns", "megamenu") . "</option>";
235
+ $return .= " <option value='7' " . selected( $menu_item_meta['panel_columns'], 7, false ) . ">7 " . __("columns", "megamenu") . "</option>";
236
+ $return .= " <option value='8' " . selected( $menu_item_meta['panel_columns'], 8, false ) . ">8 " . __("columns", "megamenu") . "</option>";
237
+ $return .= " <option value='9' " . selected( $menu_item_meta['panel_columns'], 9, false ) . ">9 " . __("columns", "megamenu") . "</option>";
238
+ $return .= " </select>";
239
 
240
+ $return .= " <select id='mm_widget_selector'>";
241
+ $return .= " <option value='disabled'>" . __("Select a Widget to add to the panel", "megamenu") . "</option>";
242
 
243
  foreach ( $all_widgets as $widget ) {
244
+ $return .= " <option value='" . $widget['value'] . "'>" . $widget['text'] . "</option>";
245
  }
246
 
247
+ $return .= " </select>";
248
+ $return .= "</div>";
249
+
250
+ $return .= $this->get_megamenu_html( $menu_item_id, $menu_id, $menu_item_depth, $menu_item_meta );
251
+
252
+ $return .= $this->get_megamenu_grid_html( $menu_item_id, $menu_id, $menu_item_depth, $menu_item_meta );
253
+
254
+ $tabs['mega_menu'] = array(
255
+ 'title' => __('Mega Menu', 'megamenu'),
256
+ 'content' => $return
257
+ );
258
+
259
+ return $tabs;
260
+ }
261
+
262
+
263
+ /**
264
+ * Return the HTML for the grid layout
265
+ *
266
+ * @since 2.4
267
+ * @return string
268
+ */
269
+ public function get_megamenu_grid_html( $menu_item_id, $menu_id, $menu_item_depth, $menu_item_meta ) {
270
+
271
+ $class = $menu_item_meta['type'] == 'grid' ? 'enabled' : 'disabled';
272
+ $display = $menu_item_meta['type'] == 'grid' ? 'block' : 'none';
273
+
274
+ $css_version = get_transient("megamenu_css_version");
275
+
276
+ $return .= "<div id='megamenu-grid' class='{$class}' style='display: {$display}'>";
277
+
278
+ if ( version_compare( '2.3.9', $css_version, '>' ) ) {
279
+ $link = "<a href='" . esc_attr( admin_url( 'admin.php?page=maxmegamenu_tools' ) ) . "'>" . __("Mega Menu") . " > " . __("Tools") . "</a>";
280
+ $return .= "<div class='notice notice-success'><p>";
281
+ $return .= sprintf( __("Your menu CSS needs to be updated first. Please go to %s and Clear the CSS Cache (you will only need to do this once).", "megamenu") , $link);
282
+ $return .= "</p></div>";
283
+ $return .= "</div>";
284
+
285
+ return $return;
286
+ }
287
+
288
+ $widget_manager = new Mega_Menu_Widget_Manager();
289
+
290
+ $grid = $widget_manager->get_grid_widgets_and_menu_items_for_menu_id( $menu_item_id, $menu_id );
291
+
292
+ if ( count ( $grid ) ) {
293
+
294
+ foreach ( $grid as $row => $row_data ) {
295
+
296
+ $column_html = "";
297
+
298
+ if ( isset( $row_data['columns'] ) && count( $row_data['columns'] ) ) {
299
+
300
+ foreach ( $row_data['columns'] as $col => $col_data ) {
301
+ $column_html .= $this->get_grid_column( $col_data );
302
+ }
303
+
304
+ }
305
+
306
+ $return .= $this->get_grid_row( $row_data, $column_html );
307
+
308
+ }
309
+
310
+ }
311
+
312
+ $return .= " <button class='button button-primary mega-add-row'><span class='dashicons dashicons-plus'></span>" . __("Row", "megamenu") . "</button>";
313
+ $return .= "</div>";
314
+
315
+ return $return;
316
+
317
+ }
318
+
319
+ /**
320
+ * Return the HTML to display in the Lightbox
321
+ *
322
+ * @since 2.4
323
+ * @return string
324
+ */
325
+ public function ajax_get_empty_grid_column() {
326
+
327
+ check_ajax_referer( 'megamenu_edit' );
328
+
329
+ $return = $this->get_grid_column();
330
+
331
+ if ( ob_get_contents() ) ob_clean(); // remove any warnings or output from other plugins which may corrupt the response
332
+
333
+ wp_send_json_success( $return );
334
+ }
335
+
336
+ /**
337
+ * Return the HTML to display in the Lightbox
338
+ *
339
+ * @since 2.4
340
+ * @return string
341
+ */
342
+ public function ajax_get_empty_grid_row() {
343
+
344
+ check_ajax_referer( 'megamenu_edit' );
345
+
346
+ $column_html = $this->get_grid_column();
347
+
348
+ $return = $this->get_grid_row( false, $column_html );
349
+
350
+ if ( ob_get_contents() ) ob_clean(); // remove any warnings or output from other plugins which may corrupt the response
351
+
352
+ wp_send_json_success( $return );
353
+ }
354
+
355
+ /**
356
+ * Return the HTML for a single row
357
+ *
358
+ * @param array $row_data
359
+ * @param string $column_html
360
+ * @since 2.4
361
+ * @return string
362
+ */
363
+ public function get_grid_row( $row_data = false, $column_html = false ) {
364
+
365
+ $hide_on_desktop_checked = "false";
366
+ $hide_on_desktop = 'mega-enabled';
367
+
368
+ if ( isset( $row_data['meta']['hide-on-desktop'] ) && $row_data['meta']['hide-on-desktop'] == 'true' ) {
369
+ $hide_on_desktop = 'mega-disabled';
370
+ $hide_on_desktop_checked = "true";
371
+ }
372
+
373
+ $hide_on_mobile_checked = "false";
374
+ $hide_on_mobile = 'mega-enabled';
375
+
376
+ if ( isset( $row_data['meta']['hide-on-mobile'] ) && $row_data['meta']['hide-on-mobile'] == 'true' ) {
377
+ $hide_on_mobile = 'mega-disabled';
378
+ $hide_on_mobile_checked = "true";
379
+ }
380
+
381
+ $desktop_tooltip_visible = __("Row", "megamenu") . ": " . __("Visible on desktop", "megamenu");
382
+ $desktop_tooltip_hidden = __("Row", "megamenu") . ": " . __("Hidden on desktop", "megamenu");
383
+ $mobile_tooltip_visible = __("Row", "megamenu") . ": " . __("Visible on mobile", "megamenu");
384
+ $mobile_tooltip_hidden = __("Row", "megamenu") . ": " . __("Hidden on mobile", "megamenu");
385
+
386
+ $row_class = isset( $row_data['meta']['class'] ) ? $row_data['meta']['class'] : "";
387
+
388
+ $return = "<div class='mega-row'>";
389
+ $return .= " <div class='mega-row-header'>";
390
+ $return .= " <div class='mega-row-actions'>";
391
+ $return .= " <span class='dashicons dashicons-sort'></span>";
392
+ $return .= " <span class='dashicons dashicons-admin-generic'></span>";
393
+ $return .= " <span class='mega-tooltip {$hide_on_desktop}' data-tooltip-enabled='{$desktop_tooltip_visible}' data-tooltip-disabled='{$desktop_tooltip_hidden}'><span class='dashicons dashicons-desktop'></span></span>";
394
+ $return .= " <span class='mega-tooltip {$hide_on_mobile}' data-tooltip-enabled='{$mobile_tooltip_visible}' data-tooltip-disabled='{$mobile_tooltip_hidden}'><span class='dashicons dashicons-smartphone'></span></span>";
395
+ $return .= " <span class='dashicons dashicons-trash'></span>";
396
+ $return .= " </div>";
397
+ $return .= " <div class='mega-row-settings'>";
398
+ $return .= " <input name='mega-hide-on-mobile' type='hidden' value='{$hide_on_mobile_checked}' />";
399
+ $return .= " <input name='mega-hide-on-desktop' type='hidden' value='{$hide_on_desktop_checked}'/>";
400
+ $return .= " <label>" . __('Row class', 'megamenu') . "</label>";
401
+ $return .= " <input class='mega-row-class' type='text' value='{$row_class}' />";
402
+ $return .= " <button class='button button-primary mega-save-row-settings' type='submit'>" . __('Save', 'megamenu') . "</button>";
403
+ $return .= " </div>";
404
+ $return .= " <button class='button button-primary mega-add-column'><span class='dashicons dashicons-plus'></span>" . __("Column", "megamenu") . "</button>";
405
+ $return .= " </div>";
406
+
407
+ $return .= $column_html;
408
+
409
+ $return .= "</div>";
410
+
411
+ return $return;
412
+ }
413
+
414
+ /**
415
+ * Return the HTML for an individual grid column
416
+ *
417
+ * @param array $col_data
418
+ * @since 2.4
419
+ * @return string
420
+ */
421
+ public function get_grid_column( $col_data = false ) {
422
+
423
+ $col_span = 3;
424
+
425
+ if ( isset( $col_data['meta']['span'] ) ) {
426
+ $col_span = $col_data['meta']['span'];
427
+ }
428
+
429
+ $hide_on_desktop_checked = "false";
430
+ $hide_on_desktop = 'mega-enabled';
431
+
432
+ if ( isset( $col_data['meta']['hide-on-desktop'] ) && $col_data['meta']['hide-on-desktop'] == 'true' ) {
433
+ $hide_on_desktop = 'mega-disabled';
434
+ $hide_on_desktop_checked = "true";
435
+
436
+ }
437
+
438
+ $hide_on_mobile_checked = "false";
439
+ $hide_on_mobile = 'mega-enabled';
440
+
441
+ if ( isset( $col_data['meta']['hide-on-mobile'] ) && $col_data['meta']['hide-on-mobile'] == 'true' ) {
442
+ $hide_on_mobile = 'mega-disabled';
443
+ $hide_on_mobile_checked = "true";
444
+ }
445
+
446
+ $desktop_tooltip_visible = __("Column", "megamenu") . ": " . __("Visible on desktop", "megamenu");
447
+ $desktop_tooltip_hidden = __("Column", "megamenu") . ": " . __("Hidden on desktop", "megamenu");
448
+ $mobile_tooltip_visible = __("Column", "megamenu") . ": " . __("Visible on mobile", "megamenu");
449
+ $mobile_tooltip_hidden = __("Column", "megamenu") . ": " . __("Hidden on mobile", "megamenu");
450
+
451
+ $col_class = isset( $col_data['meta']['class'] ) ? $col_data['meta']['class'] : "";
452
+
453
+ $return .= "<div class='mega-col' data-span='{$col_span}'>";
454
+ $return .= " <div class='mega-col-wrap'>";
455
+ $return .= " <div class='mega-col-header'>";
456
+ $return .= " <div class='mega-col-description'>";
457
+ $return .= " <span class='dashicons dashicons-move'></span>";
458
+ $return .= " <span class='dashicons dashicons-admin-generic'></span>";
459
+ $return .= " <span class='mega-tooltip {$hide_on_desktop}' data-tooltip-enabled='{$desktop_tooltip_visible}' data-tooltip-disabled='{$desktop_tooltip_hidden}'><span class='dashicons dashicons-desktop'></span></span>";
460
+ $return .= " <span class='mega-tooltip {$hide_on_mobile}' data-tooltip-enabled='{$mobile_tooltip_visible}' data-tooltip-disabled='{$mobile_tooltip_hidden}'><span class='dashicons dashicons-smartphone'></span></span>";
461
+ $return .= " <span class='dashicons dashicons-trash'></span>";
462
+ $return .= " </div>";
463
+ $return .= ' <div class="mega-col-actions">';
464
+ $return .= ' <a class="mega-col-option mega-col-contract" title="' . esc_attr( __("Contract", "megamenu") ) . '"><span class="dashicons dashicons-arrow-left-alt2"></span></a>';
465
+ $return .= " <span class='mega-col-cols'><span class='mega-num-cols'>{$col_span}</span><span class='mega-of'>/12</span></span>";
466
+ $return .= ' <a class="mega-col-options mega-col-expand" title="' . esc_attr( __("Expand", "megamenu") ) . '"><span class="dashicons dashicons-arrow-right-alt2"></span></a>';
467
+ $return .= ' </div>';
468
+ $return .= " </div>";
469
+ $return .= " <div class='mega-col-settings'>";
470
+ $return .= " <input name='mega-hide-on-mobile' type='hidden' value='{$hide_on_mobile_checked}' />";
471
+ $return .= " <input name='mega-hide-on-desktop' type='hidden' value='{$hide_on_desktop_checked}'/>";
472
+ $return .= " <label>" . __('Column class', 'megamenu') . "</label>";
473
+ $return .= " <input class='mega-column-class' type='text' value='{$col_class}' />";
474
+ $return .= " <button class='button button-primary mega-save-column-settings' type='submit'>" . __('Save', 'megamenu') . "</button>";
475
+ $return .= " </div>";
476
+ $return .= " <div class='mega-col-widgets'>";
477
+
478
+ if ( isset( $col_data['items'] ) && count( $col_data['items'] ) ) {
479
+ foreach ( $col_data['items'] as $item ) {
480
+ $return .= '<div class="widget" title="' . esc_attr( $item['title'] ) . '" id="' . esc_attr( $item['id'] ) . '" data-type="' . esc_attr( $item['type'] ) . '" data-id="' . esc_attr( $item['id'] ) . '">';
481
+ $return .= ' <div class="widget-top">';
482
+ $return .= ' <div class="widget-title">';
483
+ $return .= ' <h4>' . esc_html( $item['title'] ) . '</h4>';
484
+ $return .= ' <span class="widget-desc">' . esc_html( $item['description'] ) . '</span>';
485
+ $return .= ' </div>';
486
+ $return .= ' <div class="widget-title-action">';
487
+ $return .= ' <a class="widget-option widget-action" title="' . esc_attr( __("Edit", "megamenu") ) . '"></a>';
488
+ $return .= ' </div>';
489
+ $return .= ' </div>';
490
+ $return .= ' <div class="widget-inner widget-inside"></div>';
491
+ $return .= '</div>';
492
+ }
493
+ }
494
+
495
+ $return .= " </div>";
496
+ $return .= " </div>";
497
+ $return .= "</div>";
498
+
499
+ return $return;
500
+ }
501
+
502
+
503
+ /**
504
+ * Return the HTML for the standard (non grid) mega menu builder
505
+ *
506
+ * @return string
507
+ */
508
+ public function get_megamenu_html( $menu_item_id, $menu_id, $menu_item_depth, $menu_item_meta ) {
509
+
510
+ $widget_manager = new Mega_Menu_Widget_Manager();
511
 
512
  $class = $menu_item_meta['type'] == 'megamenu' ? 'enabled' : 'disabled';
513
+ $display = $menu_item_meta['type'] == 'grid' ? 'none' : 'block';
514
 
 
515
 
516
+ $return .= "<div id='widgets' class='{$class}' style='display: {$display}' data-columns='{$menu_item_meta['panel_columns']}'>";
517
+
518
+ $items = $widget_manager->get_widgets_and_menu_items_for_menu_id( $menu_item_id, $menu_id );
519
 
520
  if ( count ( $items ) ) {
521
 
542
 
543
  $return .= "</div>";
544
 
545
+ return $return;
546
+ }
 
 
 
 
 
 
547
 
548
  /**
549
  * Return the HTML to display in the 'General Settings' tab
554
  public function add_general_settings_tab( $tabs, $menu_item_id, $menu_id, $menu_item_depth, $menu_item_meta ) {
555
 
556
  $return = '<form>';
557
+ $return .= ' <input type="hidden" name="menu_item_id" value="' . esc_attr( $menu_item_id ) . '" />';
558
  $return .= ' <input type="hidden" name="action" value="mm_save_menu_item_settings" />';
559
  $return .= ' <input type="hidden" name="_wpnonce" value="' . wp_create_nonce('megamenu_edit') . '" />';
560
  $return .= ' <input type="hidden" name="tab" value="general_settings" />';
753
  $display = $icon_tab['active'] ? "block" : "none";
754
 
755
  $return .= "<div class='mm_tab_{$id}' style='display: {$display}'>";
756
+ $return .= " <form class='icon_selector icon_selector_{$id}'>";
757
  $return .= " <input type='hidden' name='_wpnonce' value='" . wp_create_nonce('megamenu_edit') . "' />";
758
+ $return .= " <input type='hidden' name='menu_item_id' value='" . esc_attr( $menu_item_id ) . "' />";
759
  $return .= " <input type='hidden' name='action' value='mm_save_menu_item_settings' />";
760
  $return .= $icon_tab['content'];
761
  $return .= " </form>";
classes/nav-menus.class.php CHANGED
@@ -46,9 +46,8 @@ class Mega_Menu_Nav_Menus {
46
  public function __construct() {
47
 
48
  add_action( 'admin_init', array( $this, 'register_nav_meta_box' ), 9 );
49
- add_action( 'megamenu_nav_menus_scripts', array( $this, 'enqueue_menu_page_scripts' ), 9 );
50
  add_action( 'wp_ajax_mm_save_settings', array($this, 'save') );
51
- add_action( 'wp_ajax_mm_hide_nags', array($this, 'set_nag_transient') );
52
  add_filter( 'hidden_meta_boxes', array( $this, 'show_mega_menu_metabox' ) );
53
 
54
  add_filter('siteorigin_panels_is_admin_page', array( $this, 'enable_site_origin_page_builder' ) );
@@ -128,14 +127,8 @@ class Mega_Menu_Nav_Menus {
128
 
129
  if ( 'nav-menus.php' == $pagenow ) {
130
 
131
- if ( isset( $_GET['mmm_get_started'] ) && ( ! isset( $_POST ) || ! count( $_POST ) ) ) {
132
- $class = 'mega_menu_meta_box mmm_get_started';
133
- } else {
134
- $class = 'mega_menu_meta_box';
135
- }
136
-
137
  add_meta_box(
138
- $class,
139
  __("Max Mega Menu Settings", "megamenu"),
140
  array( $this, 'metabox_contents' ),
141
  'nav-menus',
@@ -183,8 +176,13 @@ class Mega_Menu_Nav_Menus {
183
  wp_deregister_script('color-box');
184
  wp_deregister_style('color-box-css');
185
 
 
 
 
 
 
186
  wp_enqueue_style( 'colorbox', MEGAMENU_BASE_URL . 'js/colorbox/colorbox.css', false, MEGAMENU_VERSION );
187
- wp_enqueue_style( 'mega-menu', MEGAMENU_BASE_URL . 'css/admin/menus.css', false, MEGAMENU_VERSION );
188
 
189
  wp_enqueue_script( 'mega-menu', MEGAMENU_BASE_URL . 'js/admin.js', array(
190
  'jquery',
@@ -202,7 +200,6 @@ class Mega_Menu_Nav_Menus {
202
  wp_localize_script( 'mega-menu', 'megamenu',
203
  array(
204
  'debug_launched' => __("Launched for Menu ID", "megamenu"),
205
- 'get_started' => __("Use these settings to enable Max Mega Menu", "megamenu"),
206
  'launch_lightbox' => __("Mega Menu", "megamenu"),
207
  'is_disabled_error' => __("Please enable Max Mega Menu using the settings on the left of this page.", "megamenu"),
208
  'save_menu' => __("Please save the menu structure to enable this option.", "megamenu"),
@@ -211,7 +208,7 @@ class Mega_Menu_Nav_Menus {
211
  'nonce_check_failed' => __("Oops. Something went wrong. Please reload the page.", "megamenu"),
212
  'css_prefix' => $prefix,
213
  'css_prefix_message' => __("Custom CSS Classes will be prefixed with 'mega-'", "megamenu"),
214
- 'not_installed_image_widget' => __("Image Widget not installed. Please go to Plugins > Add New and search for 'Image Widget' to enable this option.", "megamenu")
215
  )
216
  );
217
 
@@ -232,20 +229,6 @@ class Mega_Menu_Nav_Menus {
232
 
233
  }
234
 
235
- /**
236
- * Set a transient to note the time at which the 'Hide go pro nag' link was clicked
237
- *
238
- * @since 2.2.3.2
239
- */
240
- public function set_nag_transient() {
241
-
242
- check_ajax_referer( 'megamenu_edit', 'nonce' );
243
-
244
- set_transient('megamenu_nag', time() );
245
-
246
- wp_die(__("No problem! This tab will be hidden for the next 90 days.", "megamenu"));
247
-
248
- }
249
 
250
  /**
251
  * Save the mega menu settings (submitted from Menus Page Meta Box)
46
  public function __construct() {
47
 
48
  add_action( 'admin_init', array( $this, 'register_nav_meta_box' ), 9 );
49
+ add_action( 'megamenu_nav_menus_scripts', array( $this, 'enqueue_menu_page_scripts' ), 10 );
50
  add_action( 'wp_ajax_mm_save_settings', array($this, 'save') );
 
51
  add_filter( 'hidden_meta_boxes', array( $this, 'show_mega_menu_metabox' ) );
52
 
53
  add_filter('siteorigin_panels_is_admin_page', array( $this, 'enable_site_origin_page_builder' ) );
127
 
128
  if ( 'nav-menus.php' == $pagenow ) {
129
 
 
 
 
 
 
 
130
  add_meta_box(
131
+ 'mega_menu_meta_box',
132
  __("Max Mega Menu Settings", "megamenu"),
133
  array( $this, 'metabox_contents' ),
134
  'nav-menus',
176
  wp_deregister_script('color-box');
177
  wp_deregister_style('color-box-css');
178
 
179
+ // Compatibility fix for Reamaze
180
+ wp_deregister_script('jquery-colorbox');
181
+ wp_deregister_style('colorbox-css');
182
+
183
+
184
  wp_enqueue_style( 'colorbox', MEGAMENU_BASE_URL . 'js/colorbox/colorbox.css', false, MEGAMENU_VERSION );
185
+ wp_enqueue_style( 'mega-menu', MEGAMENU_BASE_URL . 'css/admin/admin.css', false, MEGAMENU_VERSION );
186
 
187
  wp_enqueue_script( 'mega-menu', MEGAMENU_BASE_URL . 'js/admin.js', array(
188
  'jquery',
200
  wp_localize_script( 'mega-menu', 'megamenu',
201
  array(
202
  'debug_launched' => __("Launched for Menu ID", "megamenu"),
 
203
  'launch_lightbox' => __("Mega Menu", "megamenu"),
204
  'is_disabled_error' => __("Please enable Max Mega Menu using the settings on the left of this page.", "megamenu"),
205
  'save_menu' => __("Please save the menu structure to enable this option.", "megamenu"),
208
  'nonce_check_failed' => __("Oops. Something went wrong. Please reload the page.", "megamenu"),
209
  'css_prefix' => $prefix,
210
  'css_prefix_message' => __("Custom CSS Classes will be prefixed with 'mega-'", "megamenu"),
211
+ 'row_is_full' => __("There is not enough space in this row to add a new column. Make space by reducing the width of the columns within the row or create a new row.", "megamenu")
212
  )
213
  );
214
 
229
 
230
  }
231
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
232
 
233
  /**
234
  * Save the mega menu settings (submitted from Menus Page Meta Box)
classes/settings.class.php CHANGED
@@ -77,7 +77,14 @@ class Mega_Menu_Settings {
77
 
78
  $preselected_theme = isset( $this->themes[ $last_updated ] ) ? $last_updated : 'default';
79
 
80
- $this->id = isset( $_GET['theme'] ) ? $_GET['theme'] : $preselected_theme;
 
 
 
 
 
 
 
81
  $this->active_theme = $this->themes[$this->id];
82
 
83
  }
@@ -602,7 +609,6 @@ class Mega_Menu_Settings {
602
 
603
  $menus = get_registered_nav_menus();
604
 
605
-
606
  $theme_in_use_locations = array();
607
 
608
  if ( count( $locations ) ) {
@@ -671,7 +677,7 @@ class Mega_Menu_Settings {
671
 
672
  ?>
673
 
674
- <div class='menu_settings'>
675
 
676
  <form action="<?php echo admin_url('admin-post.php'); ?>" method="post">
677
  <input type="hidden" name="action" value="megamenu_save_settings" />
@@ -799,7 +805,7 @@ class Mega_Menu_Settings {
799
  <?php if (max_mega_menu_is_enabled($location)): ?>
800
  <?php $active_instance = isset($saved_settings['instances'][$location]) ? $saved_settings['instances'][$location] : 0; ?>
801
  <tr>
802
- <td><?php echo $description; ?></td><td><input type='text' name='settings[instances][<?php echo $location ?>]' value='<?php echo $active_instance; ?>' /></td>
803
  </tr>
804
  <?php endif; ?>
805
  <?php endforeach; ?>
@@ -828,8 +834,26 @@ class Mega_Menu_Settings {
828
  public function menu_locations_page( $saved_settings ) {
829
 
830
  $all_locations = get_registered_nav_menus();
831
- $locations = array();
832
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
833
  if ( count( $all_locations ) ) {
834
 
835
  $megamenu_locations = array();
@@ -850,7 +874,7 @@ class Mega_Menu_Settings {
850
 
851
  ?>
852
 
853
- <div class='menu_settings'>
854
 
855
  <form action="<?php echo admin_url('admin-post.php'); ?>" method="post">
856
  <input type="hidden" name="action" value="megamenu_save_settings" />
@@ -867,18 +891,11 @@ class Mega_Menu_Settings {
867
  <td class='mega-value'>
868
  <p>
869
  <?php
870
- $none = __("Your theme does not natively support menus, but you can add a new menu location using Max Mega Menu and display the menu using the Max Mega Menu widget or shortcode.", "megamenu");
871
- $one = __("Your theme supports one menu location.", "megamenu");
872
- $some = __("Your theme supports {number} menu locations.", "megamenu");
873
-
874
  if ( ! count($locations)) {
875
- echo $none;
876
- } else if ( count($locations) == 1) {
877
- echo $one;
878
  } else {
879
- echo str_replace( "{number}", count( $locations ), $some );
880
  }
881
-
882
  ?>
883
  </p>
884
 
@@ -901,7 +918,7 @@ class Mega_Menu_Settings {
901
  <li class='control-section accordion-section mega-location'>
902
  <h4 class='accordion-section-title hndle'>
903
 
904
- <?php echo $description ?>
905
 
906
  <?php
907
 
@@ -916,6 +933,10 @@ class Mega_Menu_Settings {
916
  </h4>
917
  <div class='accordion-section-content'>
918
 
 
 
 
 
919
  <table>
920
  <?php if ( $is_custom_location ) : ?>
921
  <tr>
@@ -924,7 +945,7 @@ class Mega_Menu_Settings {
924
  <div class='mega-description'><?php _e("Change the name of the location.", "megamenu"); ?></div>
925
  </td>
926
  <td class='mega-value wide'>
927
- <input type='text' name='location[<?php echo $location ?>]' value='<?php echo $description; ?>' />
928
  </td>
929
  </tr>
930
  <?php endif; ?>
@@ -1074,7 +1095,7 @@ class Mega_Menu_Settings {
1074
 
1075
  ?>
1076
 
1077
- <div class='menu_settings'>
1078
 
1079
  <h3 class='first'><?php _e("Tools", "megamenu"); ?></h3>
1080
 
@@ -1161,8 +1182,8 @@ class Mega_Menu_Settings {
1161
  echo "</select>";
1162
 
1163
  echo "<h4>" . __("Export Format", "megamenu") . "</h4>";
1164
- echo "<input value='json' type='radio' checked='checked' name='format'>" . __("JSON - I want to import this theme into another site I'm developing", "megamenu") . "<br />";
1165
- echo "<input value='php' type='radio' name='format'>" . __("PHP - I want to distribute this Menu Theme in a WordPress Theme I'm developing", "megamenu") . "<br />";
1166
 
1167
  echo "<input type='submit' name='export' class='button button-secondary' value='" . __("Export Theme", "megamenu") . "' />";
1168
 
@@ -1247,6 +1268,14 @@ class Mega_Menu_Settings {
1247
  ) );
1248
 
1249
  if ( ! is_plugin_active('megamenu-pro/megamenu-pro.php') ) {
 
 
 
 
 
 
 
 
1250
  $header_links['pro'] = array(
1251
  'url' => 'https://www.megamenu.com/upgrade/?utm_source=free&amp;utm_medium=settings&amp;utm_campaign=pro',
1252
  'target' => '_mmmpro',
@@ -1379,43 +1408,53 @@ class Mega_Menu_Settings {
1379
  }
1380
 
1381
  if ( isset( $_GET['clear_css_cache'] ) && $_GET['clear_css_cache'] == 'true' ) {
1382
- echo "<p class='success'><i class='dashicons dashicons-yes'></i>" . __("CSS cache cleared", "megamenu") . "</p>";
 
 
 
 
 
 
 
 
 
 
1383
  }
1384
 
1385
  if ( isset( $_GET['delete_data'] ) && $_GET['delete_data'] == 'true' ) {
1386
- echo "<p class='success'><i class='dashicons dashicons-yes'></i>" . __("All plugin data removed", "megamenu") . "</p>";
1387
  }
1388
 
1389
  if ( isset( $_GET['deleted'] ) && $_GET['deleted'] == 'true' ) {
1390
- echo "<p class='success'><i class='dashicons dashicons-yes'></i>" . __("Theme Deleted", "megamenu") . "</p>";
1391
  }
1392
 
1393
  if ( isset( $_GET['duplicated'] ) ) {
1394
- echo "<p class='success'><i class='dashicons dashicons-yes'></i>" . __("Theme Duplicated", "megamenu") . "</p>";
1395
  }
1396
 
1397
  if ( isset( $_GET['saved'] ) ) {
1398
- echo "<p class='success'><i class='dashicons dashicons-yes'></i>" . __("Changes Saved", "megamenu") . "</p>";
1399
  }
1400
 
1401
  if ( isset( $_GET['reverted'] ) ) {
1402
- echo "<p class='success'><i class='dashicons dashicons-yes'></i>" . __("Theme Reverted", "megamenu") . "</p>";
1403
  }
1404
 
1405
  if ( isset( $_GET['created'] ) ) {
1406
- echo "<p class='success'><i class='dashicons dashicons-yes'></i>" . __("New Theme Created", "megamenu") . "</p>";
1407
  }
1408
 
1409
  if ( isset( $_GET['add_location'] ) ) {
1410
- echo "<p class='success'><i class='dashicons dashicons-yes'></i>" . __("New Menu Location Created", "megamenu") . "</p>";
1411
  }
1412
 
1413
  if ( isset( $_GET['delete_location'] ) ) {
1414
- echo "<p class='success'><i class='dashicons dashicons-yes'></i>" . __("Menu Location Deleted", "megamenu") . "</p>";
1415
  }
1416
 
1417
  if ( isset( $_GET['theme_imported'] ) && $_GET['theme_imported'] == 'true' ) {
1418
- echo "<p class='success'><i class='dashicons dashicons-yes'></i>" . __("Theme Imported", "megamenu") . "</p>";
1419
  }
1420
 
1421
  if ( isset( $_GET['theme_imported'] ) && $_GET['theme_imported'] == 'false' ) {
@@ -1423,7 +1462,7 @@ class Mega_Menu_Settings {
1423
  }
1424
 
1425
  if ( isset( $_POST['theme_export'] ) ) {
1426
- echo "<p class='success'><i class='dashicons dashicons-yes'></i>" . __("Theme Exported", "megamenu") . "</p>";
1427
  }
1428
 
1429
  do_action("megamenu_print_messages");
@@ -1523,7 +1562,7 @@ class Mega_Menu_Settings {
1523
 
1524
  ?>
1525
 
1526
- <div class='menu_settings'>
1527
 
1528
  <div class='theme_selector'>
1529
  <?php _e("Select theme to edit", "megamenu"); ?> <?php echo $this->theme_selector(); ?> <?php _e("or", "megamenu"); ?>
@@ -1545,7 +1584,7 @@ class Mega_Menu_Settings {
1545
  ?>
1546
 
1547
  <form action="<?php echo admin_url('admin-post.php'); ?>" method="post" class="theme_editor">
1548
- <input type="hidden" name="theme_id" value="<?php echo $this->id; ?>" />
1549
  <input type="hidden" name="action" value="megamenu_save_theme" />
1550
  <?php wp_nonce_field( 'megamenu_save_theme' ); ?>
1551
 
@@ -3061,8 +3100,8 @@ class Mega_Menu_Settings {
3061
  )
3062
  ),
3063
  'disable_mobile_toggle' => array(
3064
- 'priority' => 25,
3065
- 'title' => __( "Disable Mobile Toggle", "megamenu" ),
3066
  'description' => __( "Hide the toggle bar and display the menu in it's open state by default.", "megamenu" ),
3067
  'settings' => array(
3068
  array(
@@ -3073,9 +3112,9 @@ class Mega_Menu_Settings {
3073
  )
3074
  ),
3075
  'responsive_breakpoint' => array(
3076
- 'priority' => 17,
3077
  'title' => __( "Responsive Breakpoint", "megamenu" ),
3078
- 'description' => __( "Set the width at which the menu turns into a mobile menu. Set to 0px to disable responsive menu.", "megamenu" ),
3079
  'settings' => array(
3080
  array(
3081
  'title' => "",
@@ -3085,6 +3124,16 @@ class Mega_Menu_Settings {
3085
  )
3086
  ),
3087
  ),
 
 
 
 
 
 
 
 
 
 
3088
  'mobile_columns' => array(
3089
  'priority' => 30,
3090
  'title' => __( "Mega Menu Columns", "megamenu" ),
@@ -3194,10 +3243,18 @@ class Mega_Menu_Settings {
3194
 
3195
  echo "</h2>";
3196
 
 
3197
 
3198
  foreach ( $settings as $section_id => $section ) {
3199
 
3200
- echo " <div class='mega-tab-content mega-tab-content-{$section_id}'>";
 
 
 
 
 
 
 
3201
  echo " <table class='{$section_id}'>";
3202
 
3203
  // order the fields by priority
@@ -3324,10 +3381,12 @@ class Mega_Menu_Settings {
3324
  <?php if ( $this->string_contains( $this->id, array("custom") ) ) : ?>
3325
  <a class='delete confirm' href='<?php echo $delete_url; ?>'><?php _e("Delete Theme", "megamenu"); ?></a>
3326
  <?php else : ?>
3327
- <a class='revert confirm' href='<?php echo $revert_url; ?>'><?php _e("Revert Theme", "megamenu"); ?></a>
3328
  <?php endif; ?>
3329
  </div>
3330
  </div>
 
 
3331
  </form>
3332
  </div>
3333
 
@@ -3336,6 +3395,44 @@ class Mega_Menu_Settings {
3336
  }
3337
 
3338
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3339
  /**
3340
  * Compare array values
3341
  *
@@ -3723,20 +3820,27 @@ class Mega_Menu_Settings {
3723
  wp_enqueue_script('accordion');
3724
 
3725
  wp_enqueue_style( 'spectrum', MEGAMENU_BASE_URL . 'js/spectrum/spectrum.css', false, MEGAMENU_VERSION );
3726
- wp_enqueue_style( 'mega-menu-settings', MEGAMENU_BASE_URL . 'css/admin/settings.css', false, MEGAMENU_VERSION );
3727
- wp_enqueue_style( 'codemirror', MEGAMENU_BASE_URL . 'js/codemirror/codemirror.css', false, MEGAMENU_VERSION );
 
3728
  wp_enqueue_style( 'select2', MEGAMENU_BASE_URL . 'js/select2/select2.css', false, MEGAMENU_VERSION );
3729
 
3730
-
3731
  wp_enqueue_script( 'spectrum', MEGAMENU_BASE_URL . 'js/spectrum/spectrum.js', array( 'jquery' ), MEGAMENU_VERSION );
3732
- wp_enqueue_script( 'codemirror', MEGAMENU_BASE_URL . 'js/codemirror/codemirror.js', array(), MEGAMENU_VERSION );
 
3733
  wp_enqueue_script( 'mega-menu-select2', MEGAMENU_BASE_URL . 'js/select2/select2.min.js', array(), MEGAMENU_VERSION );
3734
- wp_enqueue_script( 'mega-menu-theme-editor', MEGAMENU_BASE_URL . 'js/settings.js', array( 'jquery', 'spectrum', 'codemirror' ), MEGAMENU_VERSION );
3735
 
3736
  wp_localize_script( 'mega-menu-theme-editor', 'megamenu_settings',
3737
  array(
3738
  'confirm' => __("Are you sure?", "megamenu"),
3739
- "theme_save_error" => __("Error saving theme, please try refreshing the page. Server response:", "megamenu")
 
 
 
 
 
 
3740
  )
3741
  );
3742
 
77
 
78
  $preselected_theme = isset( $this->themes[ $last_updated ] ) ? $last_updated : 'default';
79
 
80
+ $theme_id = isset( $_GET['theme'] ) ? sanitize_text_field( $_GET['theme'] ) : $preselected_theme;
81
+
82
+ if ( isset( $this->themes[ $theme_id ] ) ) {
83
+ $this->id = $theme_id;
84
+ } else {
85
+ $this->id = $preselected_theme;
86
+ }
87
+
88
  $this->active_theme = $this->themes[$this->id];
89
 
90
  }
609
 
610
  $menus = get_registered_nav_menus();
611
 
 
612
  $theme_in_use_locations = array();
613
 
614
  if ( count( $locations ) ) {
677
 
678
  ?>
679
 
680
+ <div class='menu_settings menu_settings_general_settings'>
681
 
682
  <form action="<?php echo admin_url('admin-post.php'); ?>" method="post">
683
  <input type="hidden" name="action" value="megamenu_save_settings" />
805
  <?php if (max_mega_menu_is_enabled($location)): ?>
806
  <?php $active_instance = isset($saved_settings['instances'][$location]) ? $saved_settings['instances'][$location] : 0; ?>
807
  <tr>
808
+ <td><?php echo $description; ?></td><td><input type='text' name='settings[instances][<?php echo $location ?>]' value='<?php echo esc_attr( $active_instance ); ?>' /></td>
809
  </tr>
810
  <?php endif; ?>
811
  <?php endforeach; ?>
834
  public function menu_locations_page( $saved_settings ) {
835
 
836
  $all_locations = get_registered_nav_menus();
 
837
 
838
+ // PolyLang - remove auto created/translated menu locations
839
+ if ( function_exists( 'pll_default_language' ) ) {
840
+ $default_lang = pll_default_language( 'name' );
841
+
842
+ foreach ( $all_locations as $loc => $description ) {
843
+ if ( false !== strpos( $loc, '___' ) ) {
844
+ // Remove locations created by Polylang
845
+ unregister_nav_menu( $loc );
846
+ } else {
847
+ // Remove the language name appended to the original locations
848
+ register_nav_menu( $loc, str_replace( ' ' . $default_lang, '', $description ) );
849
+ }
850
+ }
851
+
852
+ $all_locations = get_registered_nav_menus();
853
+ }
854
+
855
+ $locations = array();
856
+
857
  if ( count( $all_locations ) ) {
858
 
859
  $megamenu_locations = array();
874
 
875
  ?>
876
 
877
+ <div class='menu_settings menu_settings_menu_locations'>
878
 
879
  <form action="<?php echo admin_url('admin-post.php'); ?>" method="post">
880
  <input type="hidden" name="action" value="megamenu_save_settings" />
891
  <td class='mega-value'>
892
  <p>
893
  <?php
 
 
 
 
894
  if ( ! count($locations)) {
895
+ _e("Your theme does not natively support menus, but you can add a new menu location using Max Mega Menu and display the menu using the Max Mega Menu widget or shortcode.", "megamenu");
 
 
896
  } else {
897
+ echo sprintf( _n("Your theme supports %s menu location.", "Your theme supports %s menu locations.", count($locations), "megamenu"), count($locations) );
898
  }
 
899
  ?>
900
  </p>
901
 
918
  <li class='control-section accordion-section mega-location'>
919
  <h4 class='accordion-section-title hndle'>
920
 
921
+ <?php echo esc_attr( $description ) ?>
922
 
923
  <?php
924
 
933
  </h4>
934
  <div class='accordion-section-content'>
935
 
936
+ <?php if ( ! max_mega_menu_is_enabled( $location ) ): ?>
937
+ <div class='notice fail'><p><?php _e("Max Mega Menu is not enabled for this menu location. If you wish to use Max Mega Menu for this location you must enable it under Appearance > Menus.", "megamenu"); ?></p></div>
938
+ <?php endif; ?>
939
+
940
  <table>
941
  <?php if ( $is_custom_location ) : ?>
942
  <tr>
945
  <div class='mega-description'><?php _e("Change the name of the location.", "megamenu"); ?></div>
946
  </td>
947
  <td class='mega-value wide'>
948
+ <input type='text' name='location[<?php echo $location ?>]' value='<?php echo esc_attr( $description ); ?>' />
949
  </td>
950
  </tr>
951
  <?php endif; ?>
1095
 
1096
  ?>
1097
 
1098
+ <div class='menu_settings menu_settings_tools'>
1099
 
1100
  <h3 class='first'><?php _e("Tools", "megamenu"); ?></h3>
1101
 
1182
  echo "</select>";
1183
 
1184
  echo "<h4>" . __("Export Format", "megamenu") . "</h4>";
1185
+ echo "<label><input value='json' type='radio' checked='checked' name='format'>" . __("JSON - I want to import this theme into another site I'm developing", "megamenu") . "</label>";
1186
+ echo "<label><input value='php' type='radio' name='format'>" . __("PHP - I want to distribute this Menu Theme in a WordPress Theme I'm developing", "megamenu") . "<label>";
1187
 
1188
  echo "<input type='submit' name='export' class='button button-secondary' value='" . __("Export Theme", "megamenu") . "' />";
1189
 
1268
  ) );
1269
 
1270
  if ( ! is_plugin_active('megamenu-pro/megamenu-pro.php') ) {
1271
+
1272
+ //$header_links['rate_us'] = array(
1273
+ // 'url' => 'https://wordpress.org/support/plugin/megamenu/reviews/#new-post',
1274
+ // 'text' => __("If you like this plugin, please vote and support us!", "megamenu"),
1275
+ // 'target' => '_blank',
1276
+ // 'class' => 'mega-star'
1277
+ //);
1278
+
1279
  $header_links['pro'] = array(
1280
  'url' => 'https://www.megamenu.com/upgrade/?utm_source=free&amp;utm_medium=settings&amp;utm_campaign=pro',
1281
  'target' => '_mmmpro',
1408
  }
1409
 
1410
  if ( isset( $_GET['clear_css_cache'] ) && $_GET['clear_css_cache'] == 'true' ) {
1411
+ echo "<p class='success'>";
1412
+ echo __("The cache has been cleared and the menu CSS has been regenerated.", "megamenu");
1413
+
1414
+ $active_plugins = max_mega_menu_get_active_caching_plugins();
1415
+
1416
+ if ( count( $active_plugins ) ) {
1417
+ echo "<br /><br />";
1418
+ echo __("You may also need to clear the cache for any Caching, Minification or CDN plugin you have installed.", "megamenu");
1419
+ }
1420
+
1421
+ echo "</p>";
1422
  }
1423
 
1424
  if ( isset( $_GET['delete_data'] ) && $_GET['delete_data'] == 'true' ) {
1425
+ echo "<p class='success'>" . __("All plugin data removed", "megamenu") . "</p>";
1426
  }
1427
 
1428
  if ( isset( $_GET['deleted'] ) && $_GET['deleted'] == 'true' ) {
1429
+ echo "<p class='success'>" . __("Theme Deleted", "megamenu") . "</p>";
1430
  }
1431
 
1432
  if ( isset( $_GET['duplicated'] ) ) {
1433
+ echo "<p class='success'>" . __("Theme Duplicated", "megamenu") . "</p>";
1434
  }
1435
 
1436
  if ( isset( $_GET['saved'] ) ) {
1437
+ echo "<p class='success'>" . __("Changes Saved", "megamenu") . "</p>";
1438
  }
1439
 
1440
  if ( isset( $_GET['reverted'] ) ) {
1441
+ echo "<p class='success'>" . __("Theme Reverted", "megamenu") . "</p>";
1442
  }
1443
 
1444
  if ( isset( $_GET['created'] ) ) {
1445
+ echo "<p class='success'>" . __("New Theme Created", "megamenu") . "</p>";
1446
  }
1447
 
1448
  if ( isset( $_GET['add_location'] ) ) {
1449
+ echo "<p class='success'>" . __("New Menu Location Created", "megamenu") . "</p>";
1450
  }
1451
 
1452
  if ( isset( $_GET['delete_location'] ) ) {
1453
+ echo "<p class='success'>" . __("Menu Location Deleted", "megamenu") . "</p>";
1454
  }
1455
 
1456
  if ( isset( $_GET['theme_imported'] ) && $_GET['theme_imported'] == 'true' ) {
1457
+ echo "<p class='success'>" . __("Theme Imported", "megamenu") . "</p>";
1458
  }
1459
 
1460
  if ( isset( $_GET['theme_imported'] ) && $_GET['theme_imported'] == 'false' ) {
1462
  }
1463
 
1464
  if ( isset( $_POST['theme_export'] ) ) {
1465
+ echo "<p class='success'>" . __("Theme Exported", "megamenu") . "</p>";
1466
  }
1467
 
1468
  do_action("megamenu_print_messages");
1562
 
1563
  ?>
1564
 
1565
+ <div class='menu_settings menu_settings_menu_themes'>
1566
 
1567
  <div class='theme_selector'>
1568
  <?php _e("Select theme to edit", "megamenu"); ?> <?php echo $this->theme_selector(); ?> <?php _e("or", "megamenu"); ?>
1584
  ?>
1585
 
1586
  <form action="<?php echo admin_url('admin-post.php'); ?>" method="post" class="theme_editor">
1587
+ <input type="hidden" name="theme_id" value="<?php echo esc_attr( $this->id ); ?>" />
1588
  <input type="hidden" name="action" value="megamenu_save_theme" />
1589
  <?php wp_nonce_field( 'megamenu_save_theme' ); ?>
1590
 
3100
  )
3101
  ),
3102
  'disable_mobile_toggle' => array(
3103
+ 'priority' => 28,
3104
+ 'title' => __( "Disable Mobile Toggle Bar", "megamenu" ),
3105
  'description' => __( "Hide the toggle bar and display the menu in it's open state by default.", "megamenu" ),
3106
  'settings' => array(
3107
  array(
3112
  )
3113
  ),
3114
  'responsive_breakpoint' => array(
3115
+ 'priority' => 3,
3116
  'title' => __( "Responsive Breakpoint", "megamenu" ),
3117
+ 'description' => __( "The menu will be converted to a mobile menu when the browser width is below this value.", "megamenu" ),
3118
  'settings' => array(
3119
  array(
3120
  'title' => "",
3124
  )
3125
  ),
3126
  ),
3127
+ 'responsive_breakpoint_disabled' => array(
3128
+ 'priority' => 4,
3129
+ 'title' => __( "The 'Responsive Breakpoint' option has been set to 0px. The desktop version of the menu will be displayed for all browsers (regardless of the browser width), so the following options are disabled.", "megamenu" ),
3130
+ 'description' => '',
3131
+ ),
3132
+ 'mobile_toggle_disabled' => array(
3133
+ 'priority' => 5,
3134
+ 'title' => __( "The 'Disable Mobile Toggle Bar' option has been enabled. The following options are disabled as the mobile toggle bar will not be displayed.", "megamenu" ),
3135
+ 'description' => '',
3136
+ ),
3137
  'mobile_columns' => array(
3138
  'priority' => 30,
3139
  'title' => __( "Mega Menu Columns", "megamenu" ),
3243
 
3244
  echo "</h2>";
3245
 
3246
+ $is_first = true;
3247
 
3248
  foreach ( $settings as $section_id => $section ) {
3249
 
3250
+ if ($is_first) {
3251
+ $display = 'block';
3252
+ $is_first = false;
3253
+ } else {
3254
+ $display = 'none';
3255
+ }
3256
+
3257
+ echo " <div class='mega-tab-content mega-tab-content-{$section_id}' style='display: {$display}'>";
3258
  echo " <table class='{$section_id}'>";
3259
 
3260
  // order the fields by priority
3381
  <?php if ( $this->string_contains( $this->id, array("custom") ) ) : ?>
3382
  <a class='delete confirm' href='<?php echo $delete_url; ?>'><?php _e("Delete Theme", "megamenu"); ?></a>
3383
  <?php else : ?>
3384
+ <a class='confirm' href='<?php echo $revert_url; ?>'><?php _e("Revert Theme", "megamenu"); ?></a>
3385
  <?php endif; ?>
3386
  </div>
3387
  </div>
3388
+
3389
+ <?php $this->show_cache_warning(); ?>
3390
  </form>
3391
  </div>
3392
 
3395
  }
3396
 
3397
 
3398
+ /**
3399
+ * Check for installed caching/minification/CDN plugins and output a warning if one is found to be
3400
+ * installed and activated
3401
+ */
3402
+ private function show_cache_warning() {
3403
+
3404
+ $active_plugins = max_mega_menu_get_active_caching_plugins();
3405
+
3406
+ if ( count( $active_plugins ) ):
3407
+
3408
+ ?>
3409
+
3410
+ <hr />
3411
+
3412
+ <div>
3413
+
3414
+ <h3><?php _e("Changes not showing up?", "megamenu"); ?></h3>
3415
+
3416
+ <p><?php echo _n("We have detected the following plugin that may prevent changes made within the theme editor from being applied to the menu.", "We have detected the following plugins that may prevent changes made within the theme editor from being applied to the menu.", count( $active_plugins), "megamenu"); ?></p>
3417
+
3418
+ <ul class='ul-disc'>
3419
+ <?php
3420
+ foreach ( $active_plugins as $name ) {
3421
+ echo "<li>" . $name . "</li>";
3422
+ }
3423
+ ?>
3424
+ </ul>
3425
+
3426
+ <p><?php echo _n("Try clearing the cache of the above plugin if your changes are not being applied to the menu.", "Try clearing the caches of the above plugins if your changes are not being applied to the menu.", count( $active_plugins), "megamenu"); ?></p>
3427
+
3428
+ </div>
3429
+
3430
+ <?php
3431
+
3432
+ endif;
3433
+ }
3434
+
3435
+
3436
  /**
3437
  * Compare array values
3438
  *
3820
  wp_enqueue_script('accordion');
3821
 
3822
  wp_enqueue_style( 'spectrum', MEGAMENU_BASE_URL . 'js/spectrum/spectrum.css', false, MEGAMENU_VERSION );
3823
+ wp_enqueue_style( 'mega-menu-settings', MEGAMENU_BASE_URL . 'css/admin/admin.css', false, MEGAMENU_VERSION );
3824
+ wp_deregister_style('codemirror');
3825
+ wp_enqueue_style( 'mega-menu-codemirror', MEGAMENU_BASE_URL . 'js/codemirror/codemirror.css', false, MEGAMENU_VERSION );
3826
  wp_enqueue_style( 'select2', MEGAMENU_BASE_URL . 'js/select2/select2.css', false, MEGAMENU_VERSION );
3827
 
 
3828
  wp_enqueue_script( 'spectrum', MEGAMENU_BASE_URL . 'js/spectrum/spectrum.js', array( 'jquery' ), MEGAMENU_VERSION );
3829
+ wp_deregister_script('codemirror');
3830
+ wp_enqueue_script( 'mega-menu-codemirror', MEGAMENU_BASE_URL . 'js/codemirror/codemirror.js', array(), MEGAMENU_VERSION );
3831
  wp_enqueue_script( 'mega-menu-select2', MEGAMENU_BASE_URL . 'js/select2/select2.min.js', array(), MEGAMENU_VERSION );
3832
+ wp_enqueue_script( 'mega-menu-theme-editor', MEGAMENU_BASE_URL . 'js/settings.js', array( 'jquery', 'spectrum', 'mega-menu-codemirror' ), MEGAMENU_VERSION );
3833
 
3834
  wp_localize_script( 'mega-menu-theme-editor', 'megamenu_settings',
3835
  array(
3836
  'confirm' => __("Are you sure?", "megamenu"),
3837
+ "theme_save_error" => __("Error saving theme.", "megamenu"),
3838
+ "theme_save_error_refresh" => __("Please try refreshing the page.", "megamenu"),
3839
+ "theme_save_error_exhausted" => __("The server ran out of memory whilst trying to regenerate the menu CSS.", "megamenu"),
3840
+ "theme_save_error_memory_limit" => __("Try disabling unusued plugins to increase the available memory. Alternatively, for details on how to increase your server memory limit see:", "megamenu"),
3841
+ "theme_save_error_500" => __("The server returned a 500 error. The server did not provide an error message (you should find details of the error in your server error log), but this is usually due to your server memory limit being reached.", "megamenu"),
3842
+ "increase_memory_limit_url" => "http://www.wpbeginner.com/wp-tutorials/fix-wordpress-memory-exhausted-error-increase-php-memory/",
3843
+ "increase_memory_limit_anchor_text" => "How to increase the WordPress memory limit"
3844
  )
3845
  );
3846
 
classes/style-manager.class.php CHANGED
@@ -973,8 +973,10 @@ final class Mega_Menu_Style_Manager {
973
  */
974
  public function head_css() {
975
 
976
- if ( in_array( $this->get_css_output_method(), array( 'disabled', 'fs' ) ) ) {
977
- echo "<style type=\"text/css\">/** Mega Menu CSS Disabled **/</style>\n";
 
 
978
  return;
979
  }
980
 
973
  */
974
  public function head_css() {
975
 
976
+ $method = $this->get_css_output_method();
977
+
978
+ if ( in_array( $method, array( 'disabled', 'fs' ) ) ) {
979
+ echo "<style type=\"text/css\">/** Mega Menu CSS: {$method} **/</style>\n";
980
  return;
981
  }
982
 
classes/walker.class.php CHANGED
@@ -73,7 +73,9 @@ class Mega_Menu_Walker extends Walker_Nav_Menu {
73
  // Item Class
74
  $classes = empty( $item->classes ) ? array() : (array) $item->classes;
75
 
76
- $classes[] = 'menu-item-' . $item->ID;
 
 
77
 
78
  $class = join( ' ', apply_filters( 'megamenu_nav_menu_css_class', array_filter( $classes ), $item, $args ) );
79
 
@@ -81,7 +83,13 @@ class Mega_Menu_Walker extends Walker_Nav_Menu {
81
  $class = str_replace( "mega-menu-widget-class-", "", $class );
82
 
83
  // Item ID
84
- $id = esc_attr( apply_filters( 'megamenu_nav_menu_item_id', "mega-menu-item-{$item->ID}", $item, $args ) );
 
 
 
 
 
 
85
 
86
  $output .= "<li class='{$class}' id='{$id}'>";
87
 
@@ -153,13 +161,17 @@ class Mega_Menu_Walker extends Walker_Nav_Menu {
153
  $item_output .= $args->link_before . apply_filters( 'megamenu_the_title', $item->title, $item->ID ) . $args->link_after;
154
  }
155
 
156
- if ( in_array('icon-top', $classes ) ) {
157
  $item_output .= "</span>";
158
  }
159
 
160
  $item_output .= '</a>';
161
  $item_output .= $args->after;
162
 
 
 
 
 
163
  }
164
 
165
  $output .= apply_filters( 'megamenu_walker_nav_menu_start_el', $item_output, $item, $depth, $args );
73
  // Item Class
74
  $classes = empty( $item->classes ) ? array() : (array) $item->classes;
75
 
76
+ if ( is_array( $item->classes ) && ! in_array( "menu-column", $item->classes ) && ! in_array( "menu-row", $item->classes ) ) {
77
+ $classes[] = 'menu-item-' . $item->ID;
78
+ }
79
 
80
  $class = join( ' ', apply_filters( 'megamenu_nav_menu_css_class', array_filter( $classes ), $item, $args ) );
81
 
83
  $class = str_replace( "mega-menu-widget-class-", "", $class );
84
 
85
  // Item ID
86
+ if ( is_array( $item->classes ) && ! in_array( "menu-column", $item->classes ) && ! in_array( "menu-row", $item->classes ) ) {
87
+ $id = "mega-menu-item-{$item->ID}";
88
+ } else {
89
+ $id = "mega-menu-{$item->ID}";
90
+ }
91
+
92
+ $id = esc_attr( apply_filters( 'megamenu_nav_menu_item_id', $id, $item, $args ) );
93
 
94
  $output .= "<li class='{$class}' id='{$id}'>";
95
 
161
  $item_output .= $args->link_before . apply_filters( 'megamenu_the_title', $item->title, $item->ID ) . $args->link_after;
162
  }
163
 
164
+ if ( is_array( $classes ) && in_array('icon-top', $classes ) ) {
165
  $item_output .= "</span>";
166
  }
167
 
168
  $item_output .= '</a>';
169
  $item_output .= $args->after;
170
 
171
+ if ( is_array( $item->classes ) && in_array( "menu-column", $item->classes ) || in_array( "menu-row", $item->classes ) ) {
172
+ $item_output = "";
173
+ }
174
+
175
  }
176
 
177
  $output .= apply_filters( 'megamenu_walker_nav_menu_start_el', $item_output, $item, $depth, $args );
classes/widget-manager.class.php CHANGED
@@ -31,6 +31,7 @@ class Mega_Menu_Widget_Manager {
31
  add_action( 'wp_ajax_mm_delete_widget', array( $this, 'ajax_delete_widget' ) );
32
  add_action( 'wp_ajax_mm_add_widget', array( $this, 'ajax_add_widget' ) );
33
  add_action( 'wp_ajax_mm_reorder_items', array( $this, 'ajax_reorder_items' ) );
 
34
 
35
  add_filter( 'widget_update_callback', array( $this, 'persist_mega_menu_widget_settings'), 10, 4 );
36
 
@@ -184,8 +185,9 @@ class Mega_Menu_Widget_Manager {
184
  $id_base = sanitize_text_field( $_POST['id_base'] );
185
  $menu_item_id = absint( $_POST['menu_item_id'] );
186
  $title = sanitize_text_field( $_POST['title'] );
 
187
 
188
- $added = $this->add_widget( $id_base, $menu_item_id, $title );
189
 
190
  if ( $added ) {
191
  $this->send_json_success( $added );
@@ -243,6 +245,39 @@ class Mega_Menu_Widget_Manager {
243
 
244
  }
245
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
246
 
247
  /**
248
  * Returns an object representing all widgets registered in WordPress
@@ -271,13 +306,6 @@ class Mega_Menu_Widget_Manager {
271
 
272
  }
273
 
274
- if ( ! is_plugin_active('image-widget-deluxe/image-widget-deluxe.php') && ! is_plugin_active('image-widget/image-widget.php') ) {
275
- $widgets[] = array(
276
- 'text' => __("Image Widget", "megamenu"),
277
- 'value' => "not_installed_image_widget"
278
- );
279
- }
280
-
281
  uasort( $widgets, array( $this, 'sort_by_text' ) );
282
 
283
  return $widgets;
@@ -375,7 +403,7 @@ class Mega_Menu_Widget_Manager {
375
 
376
  $settings = $this->get_settings_for_widget_id( $widget_id );
377
 
378
- if ( isset( $settings['mega_menu_parent_menu_id'] ) && $settings['mega_menu_parent_menu_id'] == $parent_menu_item_id ) {
379
 
380
  $name = $this->get_name_for_widget_id( $widget_id );
381
 
@@ -410,6 +438,7 @@ class Mega_Menu_Widget_Manager {
410
  public function get_widgets_and_menu_items_for_menu_id( $parent_menu_item_id, $menu_id ) {
411
 
412
  $menu_items = $this->get_second_level_menu_items( $parent_menu_item_id, $menu_id );
 
413
  $widgets = $this->get_widgets_for_menu_id( $parent_menu_item_id, $menu_id );
414
 
415
  $items = array_merge( $menu_items, $widgets );
@@ -439,6 +468,156 @@ class Mega_Menu_Widget_Manager {
439
  return $items;
440
  }
441
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
442
 
443
  /**
444
  * Returns the widget data as stored in the options table
@@ -462,7 +641,6 @@ class Mega_Menu_Widget_Manager {
462
 
463
  }
464
 
465
-
466
  /**
467
  * Returns the widget ID (number)
468
  *
@@ -478,16 +656,20 @@ class Mega_Menu_Widget_Manager {
478
 
479
  }
480
 
481
-
482
  /**
483
  * Returns the name/title of a Widget
484
  *
485
  * @since 1.0
486
  * @param $widget_id - id_base-ID (eg meta-3)
 
487
  */
488
  public function get_name_for_widget_id( $widget_id ) {
489
  global $wp_registered_widgets;
490
 
 
 
 
 
491
  $registered_widget = $wp_registered_widgets[$widget_id];
492
 
493
  return $registered_widget['name'];
@@ -495,6 +677,23 @@ class Mega_Menu_Widget_Manager {
495
  }
496
 
497
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
498
  /**
499
  * Returns the id_base value for a Widget ID
500
  *
@@ -515,7 +714,6 @@ class Mega_Menu_Widget_Manager {
515
 
516
  }
517
 
518
-
519
  /**
520
  * Returns the HTML for a single widget instance.
521
  *
@@ -583,11 +781,11 @@ class Mega_Menu_Widget_Manager {
583
  ?>
584
 
585
  <form method='post'>
586
- <input type="hidden" name="widget-id" class="widget-id" value="<?php echo $widget_id ?>" />
587
  <input type='hidden' name='action' value='mm_save_widget' />
588
- <input type='hidden' name='id_base' class="id_base" value='<?php echo $id_base; ?>' />
589
- <input type='hidden' name='widget_id' value='<?php echo $widget_id ?>' />
590
- <input type='hidden' name='_wpnonce' value='<?php echo $nonce ?>' />
591
  <div class='widget-content'>
592
  <?php
593
  if ( is_callable( $control['callback'] ) ) {
@@ -647,26 +845,35 @@ class Mega_Menu_Widget_Manager {
647
  * @param int $menu_item_id
648
  * @param string $title
649
  */
650
- public function add_widget( $id_base, $menu_item_id, $title ) {
651
 
652
  require_once( ABSPATH . 'wp-admin/includes/widgets.php' );
653
 
654
  $next_id = next_widget_id_number( $id_base );
655
 
656
- $this->add_widget_instance( $id_base, $next_id, $menu_item_id );
657
 
658
  $widget_id = $this->add_widget_to_sidebar( $id_base, $next_id );
659
 
660
  $return = '<div class="widget" title="' . esc_attr( $title ) . '" data-columns="2" id="' . $widget_id . '" data-type="widget" data-id="' . $widget_id . '">';
661
  $return .= ' <div class="widget-top">';
662
  $return .= ' <div class="widget-title-action">';
663
- $return .= ' <a class="widget-option widget-contract" title="' . esc_attr( __("Contract", "megamenu") ) . '"></a>';
664
- $return .= ' <span class="widget-cols"><span class="widget-num-cols">2</span><span class="widget-of">/</span><span class="widget-total-cols">X</span></span>';
665
- $return .= ' <a class="widget-option widget-expand" title="' . esc_attr( __("Expand", "megamenu") ) . '"></a>';
 
 
 
 
666
  $return .= ' <a class="widget-option widget-action" title="' . esc_attr( __("Edit", "megamenu") ) . '"></a>';
667
  $return .= ' </div>';
668
  $return .= ' <div class="widget-title">';
669
  $return .= ' <h4>' . esc_html( $title ) . '</h4>';
 
 
 
 
 
670
  $return .= ' </div>';
671
  $return .= ' </div>';
672
  $return .= ' <div class="widget-inner widget-inside"></div>';
@@ -685,7 +892,7 @@ class Mega_Menu_Widget_Manager {
685
  * @param int $next_id
686
  * @param int $menu_item_id
687
  */
688
- private function add_widget_instance( $id_base, $next_id, $menu_item_id ) {
689
 
690
  $current_widgets = get_option( 'widget_' . $id_base );
691
 
@@ -694,6 +901,12 @@ class Mega_Menu_Widget_Manager {
694
  "mega_menu_parent_menu_id" => $menu_item_id
695
  );
696
 
 
 
 
 
 
 
697
  update_option( 'widget_' . $id_base, $current_widgets );
698
 
699
  }
31
  add_action( 'wp_ajax_mm_delete_widget', array( $this, 'ajax_delete_widget' ) );
32
  add_action( 'wp_ajax_mm_add_widget', array( $this, 'ajax_add_widget' ) );
33
  add_action( 'wp_ajax_mm_reorder_items', array( $this, 'ajax_reorder_items' ) );
34
+ add_action( 'wp_ajax_mm_save_grid_data', array( $this, 'ajax_save_grid_data' ) );
35
 
36
  add_filter( 'widget_update_callback', array( $this, 'persist_mega_menu_widget_settings'), 10, 4 );
37
 
185
  $id_base = sanitize_text_field( $_POST['id_base'] );
186
  $menu_item_id = absint( $_POST['menu_item_id'] );
187
  $title = sanitize_text_field( $_POST['title'] );
188
+ $is_grid_widget = isset( $_POST['is_grid_widget'] ) && $_POST['is_grid_widget'] == 'true';
189
 
190
+ $added = $this->add_widget( $id_base, $menu_item_id, $title, $is_grid_widget );
191
 
192
  if ( $added ) {
193
  $this->send_json_success( $added );
245
 
246
  }
247
 
248
+ /**
249
+ * Moves a widget to a new position
250
+ *
251
+ * @since 2.4
252
+ */
253
+ public function ajax_save_grid_data() {
254
+
255
+ check_ajax_referer( 'megamenu_edit' );
256
+
257
+ $grid = isset( $_POST['grid'] ) ? $_POST['grid'] : false;
258
+ $parent_menu_item_id = absint( $_POST['parent_menu_item'] );
259
+
260
+ $saved = true;
261
+
262
+ $existing_settings = get_post_meta( $parent_menu_item_id, '_megamenu', true);
263
+
264
+ if ( is_array( $grid ) ) {
265
+
266
+ $submitted_settings = array_merge( $existing_settings, array('grid' => $grid ) );
267
+
268
+ }
269
+
270
+ update_post_meta( $parent_menu_item_id, '_megamenu', $submitted_settings );
271
+
272
+
273
+ if ( $saved ) {
274
+ $this->send_json_success( sprintf( __( "Saved (%s)", "megamenu"), json_encode( $grid ) ) );
275
+ } else {
276
+ $this->send_json_error( sprintf( __( "Didn't save", "megamenu"), json_encode( $grid ) ) );
277
+ }
278
+
279
+ }
280
+
281
 
282
  /**
283
  * Returns an object representing all widgets registered in WordPress
306
 
307
  }
308
 
 
 
 
 
 
 
 
309
  uasort( $widgets, array( $this, 'sort_by_text' ) );
310
 
311
  return $widgets;
403
 
404
  $settings = $this->get_settings_for_widget_id( $widget_id );
405
 
406
+ if ( ! isset( $settings['mega_menu_is_grid_widget'] ) && isset( $settings['mega_menu_parent_menu_id'] ) && $settings['mega_menu_parent_menu_id'] == $parent_menu_item_id ) {
407
 
408
  $name = $this->get_name_for_widget_id( $widget_id );
409
 
438
  public function get_widgets_and_menu_items_for_menu_id( $parent_menu_item_id, $menu_id ) {
439
 
440
  $menu_items = $this->get_second_level_menu_items( $parent_menu_item_id, $menu_id );
441
+
442
  $widgets = $this->get_widgets_for_menu_id( $parent_menu_item_id, $menu_id );
443
 
444
  $items = array_merge( $menu_items, $widgets );
468
  return $items;
469
  }
470
 
471
+ /**
472
+ * Return a sorted array of grid data representing rows, columns and items within each column.
473
+ *
474
+ * @param int $parent_menu_item_id
475
+ * @param int $menu_id
476
+ * @since 2.4
477
+ * @return array
478
+ */
479
+ public function get_grid_widgets_and_menu_items_for_menu_id( $parent_menu_item_id, $menu_id ) {
480
+
481
+ $meta = get_post_meta($parent_menu_item_id, '_megamenu', true);
482
+
483
+ $saved_grid = array();
484
+
485
+ if ( isset( $meta['grid'] ) ) {
486
+ $saved_grid = $this->populate_saved_grid_data( $parent_menu_item_id, $menu_id, $meta['grid'] );
487
+ } else {
488
+ // return empty row
489
+ $saved_grid[0]['columns'][0]['meta']['span'] = 3;
490
+ $saved_grid = $this->populate_saved_grid_data( $parent_menu_item_id, $menu_id, $saved_grid );
491
+
492
+ }
493
+
494
+ return $saved_grid;
495
+ }
496
+
497
+
498
+ /**
499
+ * Ensure the widgets that are within the grid data still exist and have not been deleted (through the Widgets screen)
500
+ * Ensure second level menu items saved within the grid data are still actually second level menu itms within the menu structure
501
+ *
502
+ * @param $saved_grid - array representing rows, columns and widgets/menu items within each column
503
+ * @param $second_level_menu_items - array of second level menu items beneath the current menu item
504
+ * @since 2.4
505
+ * @return array
506
+ */
507
+ public function populate_saved_grid_data( $parent_menu_item_id, $menu_id, $saved_grid ) {
508
+
509
+ $second_level_menu_items = $this->get_second_level_menu_items( $parent_menu_item_id, $menu_id );
510
+
511
+ $menu_items_included = array();
512
+
513
+ foreach ($saved_grid as $row => $row_data ) {
514
+ if ( isset( $row_data['columns'] ) ) {
515
+ foreach ( $row_data['columns'] as $col => $col_data ) {
516
+ if ( isset ( $col_data['items'] ) ) {
517
+ foreach ( $col_data['items'] as $key => $item ) {
518
+ if ( $item['type'] == 'item' ) {
519
+ $menu_items_included[] = $item['id'];
520
+ $is_child_of_parent = false;
521
+
522
+ foreach ( $second_level_menu_items as $menu_item ) {
523
+ if ( $menu_item['id'] == $item['id'] ) {
524
+ $is_child_of_parent = true;
525
+ }
526
+ }
527
+
528
+ if ( ! $is_child_of_parent ) {
529
+ unset( $saved_grid[$row]['columns'][$col]['items'][$key] ); // menu item has been deleted or moved
530
+ }
531
+ } else {
532
+ if ( ! $this->get_name_for_widget_id( $item['id'] ) ) {
533
+ unset( $saved_grid[$row]['columns'][$col]['items'][$key] ); // widget no longer exists
534
+ }
535
+ }
536
+ }
537
+ }
538
+ }
539
+ }
540
+ }
541
+
542
+ // Find any second level menu items that have been added to the menu but are not yet within the grid data
543
+ $orphaned_items = array();
544
+
545
+ foreach ( $second_level_menu_items as $menu_item ) {
546
+ if ( ! in_array($menu_item['id'], $menu_items_included ) ) {
547
+ $orphaned_items[] = $menu_item;
548
+ }
549
+ }
550
+
551
+ if ( ! isset( $saved_grid[0]['columns'][0]['items'][0])) {
552
+ $index = 0; // grid is empty
553
+ } else {
554
+ $index = 999; // create new row
555
+ }
556
+
557
+ foreach ($orphaned_items as $key => $menu_item) {
558
+ $saved_grid[$index]['columns'][0]['meta']['span'] = 3;
559
+ $saved_grid[$index]['columns'][0]['items'][$key] = array(
560
+ 'id' => $menu_item['id'],
561
+ 'type'=> 'item',
562
+ 'title' => $menu_item['title'],
563
+ 'description' => __("Menu Item", "megamenu")
564
+ );
565
+ }
566
+
567
+ if ( is_admin() ) {
568
+ $saved_grid = $this->populate_grid_menu_item_titles( $saved_grid, $menu_id );
569
+ }
570
+
571
+ return $saved_grid;
572
+ }
573
+
574
+
575
+ /**
576
+ * Loop through the grid data and apply titles and labels to each menu item and widget.
577
+ *
578
+ * @param array $saved_grid
579
+ * @param int $menu_id
580
+ * @since 2.4
581
+ * @return array
582
+ */
583
+ public function populate_grid_menu_item_titles( $saved_grid, $menu_id ) {
584
+
585
+ $menu_items = wp_get_nav_menu_items( $menu_id );
586
+
587
+ $menu_item_title_map = array();
588
+
589
+ foreach ( $menu_items as $item ) {
590
+ $menu_item_title_map[ $item->ID ] = $item->title;
591
+ }
592
+
593
+ foreach ($saved_grid as $row => $row_data ) {
594
+ if ( isset( $row_data['columns'] ) ) {
595
+ foreach ( $row_data['columns'] as $col => $col_data ) {
596
+ if ( isset ( $col_data['items'] ) ) {
597
+ foreach ( $col_data['items'] as $key => $item ) {
598
+ if ( $item['type'] == 'item' ) {
599
+
600
+ if ( isset( $menu_item_title_map[$item['id']] ) ) {
601
+ $title = $menu_item_title_map[$item['id']];
602
+ } else {
603
+ $title = __("(no label)");
604
+ }
605
+
606
+ $saved_grid[$row]['columns'][$col]['items'][$key]['title'] = $title;
607
+ $saved_grid[$row]['columns'][$col]['items'][$key]['description'] = __("Menu Item", "megamenu");
608
+ } else {
609
+ $saved_grid[$row]['columns'][$col]['items'][$key]['title'] = $this->get_title_for_widget_id($item['id']);
610
+ $saved_grid[$row]['columns'][$col]['items'][$key]['description'] = $this->get_name_for_widget_id($item['id']);
611
+ }
612
+ }
613
+ }
614
+ }
615
+ }
616
+ }
617
+
618
+ return $saved_grid;
619
+ }
620
+
621
 
622
  /**
623
  * Returns the widget data as stored in the options table
641
 
642
  }
643
 
 
644
  /**
645
  * Returns the widget ID (number)
646
  *
656
 
657
  }
658
 
 
659
  /**
660
  * Returns the name/title of a Widget
661
  *
662
  * @since 1.0
663
  * @param $widget_id - id_base-ID (eg meta-3)
664
+ * @return string e.g. "Custom HTML" or "Text"
665
  */
666
  public function get_name_for_widget_id( $widget_id ) {
667
  global $wp_registered_widgets;
668
 
669
+ if ( ! isset( $wp_registered_widgets[$widget_id] ) ) {
670
+ return false;
671
+ }
672
+
673
  $registered_widget = $wp_registered_widgets[$widget_id];
674
 
675
  return $registered_widget['name'];
677
  }
678
 
679
 
680
+ /**
681
+ * Returns the title of a Widget
682
+ *
683
+ * @since 2.4
684
+ * @param $widget_id - id_base-ID (eg meta-3)
685
+ */
686
+ public function get_title_for_widget_id( $widget_id ) {
687
+ $instance = $this->get_settings_for_widget_id( $widget_id );
688
+
689
+ if ( isset( $instance['title'] ) && strlen( $instance['title'] ) ) {
690
+ return $instance['title'];
691
+ }
692
+
693
+ return $this->get_name_for_widget_id( $widget_id );
694
+
695
+ }
696
+
697
  /**
698
  * Returns the id_base value for a Widget ID
699
  *
714
 
715
  }
716
 
 
717
  /**
718
  * Returns the HTML for a single widget instance.
719
  *
781
  ?>
782
 
783
  <form method='post'>
784
+ <input type="hidden" name="widget-id" class="widget-id" value="<?php echo esc_attr( $widget_id ); ?>" />
785
  <input type='hidden' name='action' value='mm_save_widget' />
786
+ <input type='hidden' name='id_base' class="id_base" value='<?php echo esc_attr( $id_base ); ?>' />
787
+ <input type='hidden' name='widget_id' value='<?php echo esc_attr( $widget_id ) ?>' />
788
+ <input type='hidden' name='_wpnonce' value='<?php echo esc_attr( $nonce ) ?>' />
789
  <div class='widget-content'>
790
  <?php
791
  if ( is_callable( $control['callback'] ) ) {
845
  * @param int $menu_item_id
846
  * @param string $title
847
  */
848
+ public function add_widget( $id_base, $menu_item_id, $title, $is_grid_widget ) {
849
 
850
  require_once( ABSPATH . 'wp-admin/includes/widgets.php' );
851
 
852
  $next_id = next_widget_id_number( $id_base );
853
 
854
+ $this->add_widget_instance( $id_base, $next_id, $menu_item_id, $is_grid_widget );
855
 
856
  $widget_id = $this->add_widget_to_sidebar( $id_base, $next_id );
857
 
858
  $return = '<div class="widget" title="' . esc_attr( $title ) . '" data-columns="2" id="' . $widget_id . '" data-type="widget" data-id="' . $widget_id . '">';
859
  $return .= ' <div class="widget-top">';
860
  $return .= ' <div class="widget-title-action">';
861
+
862
+ if ( ! $is_grid_widget ) {
863
+ $return .= ' <a class="widget-option widget-contract" title="' . esc_attr( __("Contract", "megamenu") ) . '"></a>';
864
+ $return .= ' <span class="widget-cols"><span class="widget-num-cols">2</span><span class="widget-of">/</span><span class="widget-total-cols">X</span></span>';
865
+ $return .= ' <a class="widget-option widget-expand" title="' . esc_attr( __("Expand", "megamenu") ) . '"></a>';
866
+ }
867
+
868
  $return .= ' <a class="widget-option widget-action" title="' . esc_attr( __("Edit", "megamenu") ) . '"></a>';
869
  $return .= ' </div>';
870
  $return .= ' <div class="widget-title">';
871
  $return .= ' <h4>' . esc_html( $title ) . '</h4>';
872
+
873
+ if ( $is_grid_widget ) {
874
+ $return .= ' <span class="widget-desc">' . esc_html( $title ) . '</span>';
875
+ }
876
+
877
  $return .= ' </div>';
878
  $return .= ' </div>';
879
  $return .= ' <div class="widget-inner widget-inside"></div>';
892
  * @param int $next_id
893
  * @param int $menu_item_id
894
  */
895
+ private function add_widget_instance( $id_base, $next_id, $menu_item_id, $is_grid_widget ) {
896
 
897
  $current_widgets = get_option( 'widget_' . $id_base );
898
 
901
  "mega_menu_parent_menu_id" => $menu_item_id
902
  );
903
 
904
+ if ( $is_grid_widget ) {
905
+ $current_widgets[ $next_id ] = array(
906
+ "mega_menu_is_grid_widget" => 'true'
907
+ );
908
+ }
909
+
910
  update_option( 'widget_' . $id_base, $current_widgets );
911
 
912
  }
classes/widget.class.php CHANGED
@@ -99,6 +99,12 @@ class Mega_Menu_Widget extends WP_Widget {
99
  </p>
100
  <label for="<?php echo $this->get_field_id( 'location' ); ?>"><?php _e( 'Menu Location:', 'megamenu' ); ?></label>
101
  <select id="<?php echo $this->get_field_id( 'location' ); ?>" name="<?php echo $this->get_field_name( 'location' ); ?>">
 
 
 
 
 
 
102
  <?php
103
  foreach ( $locations as $location => $description ) {
104
  echo "<option value='{$location}'" . selected($location, $selected_location) . ">{$description}</option>";
99
  </p>
100
  <label for="<?php echo $this->get_field_id( 'location' ); ?>"><?php _e( 'Menu Location:', 'megamenu' ); ?></label>
101
  <select id="<?php echo $this->get_field_id( 'location' ); ?>" name="<?php echo $this->get_field_name( 'location' ); ?>">
102
+ <?php
103
+ if ( $selected_location === 0 ) {
104
+ echo "<option selected='true' disabled='disabled'>" . __("Select location", "megamenu") ."</option>";
105
+ }
106
+ ?>
107
+
108
  <?php
109
  foreach ( $locations as $location => $description ) {
110
  echo "<option value='{$location}'" . selected($location, $selected_location) . ">{$description}</option>";
css/admin/admin.css ADDED
@@ -0,0 +1,1901 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .nav-menus-php #cboxContent {
2
+ padding: 0;
3
+ -webkit-user-select: none;
4
+ -moz-user-select: none;
5
+ -ms-user-select: none;
6
+ user-select: none; }
7
+ .nav-menus-php #cboxContent .notice {
8
+ margin: 10px 0 0 0; }
9
+ .nav-menus-php #cboxContent .notice .notice-dismiss:focus {
10
+ box-shadow: none; }
11
+ .nav-menus-php #cboxContent .mega-tooltip {
12
+ position: relative; }
13
+ .nav-menus-php #cboxContent .mega-tooltip.mega-enabled:before {
14
+ content: attr(data-tooltip-enabled); }
15
+ .nav-menus-php #cboxContent .mega-tooltip.mega-disabled:before {
16
+ content: attr(data-tooltip-disabled); }
17
+ .nav-menus-php #cboxContent .mega-tooltip:before {
18
+ position: absolute;
19
+ content: attr(data-tooltip);
20
+ top: -32px;
21
+ background: #000;
22
+ color: #fff;
23
+ padding: 3px 0;
24
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
25
+ font-size: 10px;
26
+ border-radius: 3px;
27
+ margin-left: -10px;
28
+ width: 160px;
29
+ z-index: 2; }
30
+ .nav-menus-php #cboxContent .mega-tooltip:after {
31
+ top: -8px;
32
+ left: 8px;
33
+ border: solid transparent;
34
+ content: " ";
35
+ height: 0;
36
+ width: 0;
37
+ position: absolute;
38
+ border-color: transparent;
39
+ border-top-color: #000;
40
+ border-width: 4px;
41
+ margin-left: -4px; }
42
+ .nav-menus-php #cboxContent .mega-tooltip:before, .nav-menus-php #cboxContent .mega-tooltip:after {
43
+ opacity: 0;
44
+ pointer-events: none;
45
+ text-align: center;
46
+ transition: all 0.3s;
47
+ transition-delay: 0.3s; }
48
+ .nav-menus-php #cboxContent .mega-tooltip:focus:before, .nav-menus-php #cboxContent .mega-tooltip:focus:after, .nav-menus-php #cboxContent .mega-tooltip:hover:before, .nav-menus-php #cboxContent .mega-tooltip:hover:after {
49
+ opacity: 1; }
50
+ .nav-menus-php #cboxContent .mm_tabs li.mm_tab_horizontal {
51
+ float: left;
52
+ margin-right: 10px;
53
+ cursor: pointer;
54
+ padding: 3px 5px;
55
+ font-size: 0.9em;
56
+ color: #444;
57
+ transition: all 0.05s linear; }
58
+ .nav-menus-php #cboxContent .mm_tabs li.mm_tab_horizontal:hover {
59
+ background: #2ea2cc;
60
+ color: white; }
61
+ .nav-menus-php #cboxContent .mm_tabs li.mm_tab_horizontal.active {
62
+ background: #2ea2cc;
63
+ color: white; }
64
+ .nav-menus-php #cboxContent .mm_tabs.horizontal {
65
+ width: 85%;
66
+ float: left;
67
+ margin-top: 0; }
68
+ .nav-menus-php #cboxContent .filter_icons {
69
+ width: 14%;
70
+ float: right;
71
+ margin-top: 0;
72
+ font-size: 0.9em; }
73
+ .nav-menus-php #cboxContent .mm_header_container {
74
+ float: left;
75
+ width: 100%;
76
+ border-bottom: 1px solid #eee; }
77
+ .nav-menus-php #cboxContent .mm_header_container .mm_title {
78
+ padding: 0 20px;
79
+ background: white;
80
+ font-size: 1.3em;
81
+ line-height: 75px;
82
+ float: left; }
83
+ .nav-menus-php #cboxContent .mm_header_container .mm_saving {
84
+ text-align: right;
85
+ padding: 0 20px;
86
+ display: none;
87
+ line-height: 75px;
88
+ text-transform: uppercase;
89
+ color: #2ea2cc;
90
+ font-size: 11px;
91
+ font-weight: bold;
92
+ float: right;
93
+ background: #fff; }
94
+ .nav-menus-php #cboxContent .mm_header_container .mm_saving:before {
95
+ color: #2ea2cc;
96
+ display: inline-block;
97
+ font: normal 20px/75px 'dashicons';
98
+ speak: none;
99
+ -webkit-font-smoothing: antialiased;
100
+ -moz-osx-font-smoothing: grayscale;
101
+ vertical-align: top;
102
+ margin-right: 5px;
103
+ content: '\f463';
104
+ -webkit-animation: rotation 2s infinite linear;
105
+ animation: rotation 2s infinite linear; }
106
+ .nav-menus-php #cboxContent .mm_tab_container {
107
+ width: 15%;
108
+ float: left;
109
+ position: relative;
110
+ height: 554px;
111
+ background: white;
112
+ -webkit-box-shadow: inset -10px 0px 7px -12px rgba(0, 0, 0, 0.2);
113
+ -moz-box-shadow: inset -10px 0px 7px -12px rgba(0, 0, 0, 0.2);
114
+ box-shadow: inset -10px 0px 7px -12px rgba(0, 0, 0, 0.2); }
115
+ .nav-menus-php #cboxContent .mm_tab_container .mm_tab {
116
+ text-decoration: none;
117
+ color: #444;
118
+ width: 100%;
119
+ display: block;
120
+ padding: 10px 0px 10px 20px;
121
+ box-sizing: border-box;
122
+ outline: 0;
123
+ position: relative;
124
+ transition: all 0.05s linear;
125
+ font-size: 12px; }
126
+ .nav-menus-php #cboxContent .mm_tab_container .mm_tab.active {
127
+ color: white;
128
+ background: #2ea2cc; }
129
+ .nav-menus-php #cboxContent .mm_tab_container .mm_tab.active:after {
130
+ right: 0;
131
+ border: solid 5px transparent;
132
+ content: " ";
133
+ height: 0;
134
+ width: 0;
135
+ position: absolute;
136
+ pointer-events: none;
137
+ border-right-color: white;
138
+ top: 50%;
139
+ margin-top: -5px; }
140
+ .nav-menus-php #cboxContent p.submit {
141
+ margin-bottom: 0;
142
+ padding-bottom: 0; }
143
+ .nav-menus-php #cboxContent .mm_content_container {
144
+ padding: 20px;
145
+ float: right;
146
+ height: 554px;
147
+ width: 85%;
148
+ overflow: auto;
149
+ box-sizing: border-box;
150
+ position: relative; }
151
+ .nav-menus-php #cboxContent .mega_menu .mm_panel_options {
152
+ float: right; }
153
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid button.mega-add-row,
154
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid button.mega-add-column {
155
+ height: 21px;
156
+ line-height: 20px;
157
+ font-size: 12px;
158
+ padding-left: 4px; }
159
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid button.mega-add-row .dashicons-plus,
160
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid button.mega-add-column .dashicons-plus {
161
+ margin-top: 4px; }
162
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid > .drop-area {
163
+ margin-top: 20px;
164
+ border: 1px dashed #999;
165
+ max-height: 100px !important; }
166
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row {
167
+ width: 100%;
168
+ display: inline-block;
169
+ background-color: #f7f7f7;
170
+ border: 1px solid #DFDFDF;
171
+ clear: both;
172
+ padding: 10px 5px;
173
+ margin-top: 20px;
174
+ box-sizing: border-box;
175
+ position: relative;
176
+ min-height: 100%; }
177
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row .mega-row-header {
178
+ display: inline-block;
179
+ width: 100%;
180
+ padding: 5px 0;
181
+ box-sizing: border-box; }
182
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row .mega-row-header .mega-disabled .dashicons {
183
+ opacity: 1; }
184
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row .mega-row-header .dashicons {
185
+ opacity: 0.2;
186
+ transition: opacity 0.5s; }
187
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row .mega-row-header .dashicons-plus {
188
+ opacity: 1; }
189
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row .mega-row-header .mega-row-actions {
190
+ display: inline-block; }
191
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row .mega-row-header .mega-row-actions .dashicons-trash {
192
+ display: none;
193
+ color: #D0011B; }
194
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row .mega-row-header .mega-row-actions:hover .dashicons {
195
+ opacity: 1; }
196
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-total-cols='0'] .mega-row-header .mega-row-actions .dashicons-trash {
197
+ display: inline-block;
198
+ opacity: 1; }
199
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row .notice {
200
+ margin: 10px 5px;
201
+ cursor: pointer; }
202
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col {
203
+ display: inline-block;
204
+ position: relative;
205
+ vertical-align: top;
206
+ float: left;
207
+ transition: width 0.1s; }
208
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-wrap {
209
+ background-color: #fff;
210
+ border: 1px solid #DFDFDF;
211
+ margin: 3px;
212
+ padding: 8px; }
213
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='1'] .mega-col-contract,
214
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='1'] .widget-title {
215
+ display: none; }
216
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='1'] .mega-col-header .mega-col-actions {
217
+ float: left;
218
+ clear: both; }
219
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-widgets {
220
+ min-height: 50px; }
221
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-widgets .widget {
222
+ float: none;
223
+ width: 100%;
224
+ border: 0;
225
+ margin: 3px 0; }
226
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-widgets .widget .widget-top {
227
+ background: #f7f7f7;
228
+ border: 1px solid #DFDFDF;
229
+ height: 42px; }
230
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-widgets .widget.open .widget-top {
231
+ border: 1px solid #999;
232
+ border-bottom: 0; }
233
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-widgets .widget.open .widget-inner {
234
+ border: 1px solid #999; }
235
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-widgets .widget .widget-title-action {
236
+ background: #f7f7f7;
237
+ border: 0;
238
+ padding-left: 0;
239
+ padding-right: 10px;
240
+ position: absolute;
241
+ top: 0; }
242
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-widgets .widget[data-type=item] .widget-title-action {
243
+ display: none; }
244
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-widgets .widget .widget-title h4 {
245
+ font-weight: normal;
246
+ margin-top: 5px;
247
+ line-height: 16px; }
248
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-widgets .widget .widget-title .widget-desc {
249
+ clear: both;
250
+ font-weight: normal;
251
+ font-size: 10px;
252
+ opacity: 0.6;
253
+ float: left;
254
+ font-style: italic; }
255
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-description {
256
+ float: left; }
257
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-description .mega-disabled .dashicons {
258
+ opacity: 1; }
259
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-description .dashicons {
260
+ opacity: 0.2;
261
+ transition: opacity 0.5s; }
262
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-description .dashicons-trash {
263
+ display: none;
264
+ color: #D0011B; }
265
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-total-blocks='0'] .dashicons-trash {
266
+ display: inline-block;
267
+ opacity: 1; }
268
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-header {
269
+ display: inline-block;
270
+ width: 100%; }
271
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-header .mega-col-description:hover .dashicons {
272
+ opacity: 1; }
273
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-header .mega-col-actions {
274
+ float: right; }
275
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-header .mega-col-actions .dashicons {
276
+ margin-right: 0;
277
+ width: 10px;
278
+ cursor: pointer; }
279
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-header .mega-col-actions > span {
280
+ font-size: 10px;
281
+ position: relative;
282
+ top: -3px; }
283
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='1'] {
284
+ width: 100%; }
285
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='1'] {
286
+ width: 50%; }
287
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='2'] {
288
+ width: 100%; }
289
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='1'] {
290
+ width: 33.33333%; }
291
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='2'] {
292
+ width: 66.66667%; }
293
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='3'] {
294
+ width: 100%; }
295
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='1'] {
296
+ width: 25%; }
297
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='2'] {
298
+ width: 50%; }
299
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='3'] {
300
+ width: 75%; }
301
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='4'] {
302
+ width: 100%; }
303
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='1'] {
304
+ width: 20%; }
305
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='2'] {
306
+ width: 40%; }
307
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='3'] {
308
+ width: 60%; }
309
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='4'] {
310
+ width: 80%; }
311
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='5'] {
312
+ width: 100%; }
313
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='1'] {
314
+ width: 16.66667%; }
315
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='2'] {
316
+ width: 33.33333%; }
317
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='3'] {
318
+ width: 50%; }
319
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='4'] {
320
+ width: 66.66667%; }
321
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='5'] {
322
+ width: 83.33333%; }
323
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='6'] {
324
+ width: 100%; }
325
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='1'] {
326
+ width: 14.28571%; }
327
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='2'] {
328
+ width: 28.57143%; }
329
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='3'] {
330
+ width: 42.85714%; }
331
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='4'] {
332
+ width: 57.14286%; }
333
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='5'] {
334
+ width: 71.42857%; }
335
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='6'] {
336
+ width: 85.71429%; }
337
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='7'] {
338
+ width: 100%; }
339
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='1'] {
340
+ width: 12.5%; }
341
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='2'] {
342
+ width: 25%; }
343
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='3'] {
344
+ width: 37.5%; }
345
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='4'] {
346
+ width: 50%; }
347
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='5'] {
348
+ width: 62.5%; }
349
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='6'] {
350
+ width: 75%; }
351
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='7'] {
352
+ width: 87.5%; }
353
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='8'] {
354
+ width: 100%; }
355
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='1'] {
356
+ width: 11.11111%; }
357
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='2'] {
358
+ width: 22.22222%; }
359
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='3'] {
360
+ width: 33.33333%; }
361
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='4'] {
362
+ width: 44.44444%; }
363
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='5'] {
364
+ width: 55.55556%; }
365
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='6'] {
366
+ width: 66.66667%; }
367
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='7'] {
368
+ width: 77.77778%; }
369
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='8'] {
370
+ width: 88.88889%; }
371
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='9'] {
372
+ width: 100%; }
373
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='1'] {
374
+ width: 10%; }
375
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='2'] {
376
+ width: 20%; }
377
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='3'] {
378
+ width: 30%; }
379
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='4'] {
380
+ width: 40%; }
381
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='5'] {
382
+ width: 50%; }
383
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='6'] {
384
+ width: 60%; }
385
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='7'] {
386
+ width: 70%; }
387
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='8'] {
388
+ width: 80%; }
389
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='9'] {
390
+ width: 90%; }
391
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='10'] {
392
+ width: 100%; }
393
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='1'] {
394
+ width: 9.09091%; }
395
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='2'] {
396
+ width: 18.18182%; }
397
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='3'] {
398
+ width: 27.27273%; }
399
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='4'] {
400
+ width: 36.36364%; }
401
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='5'] {
402
+ width: 45.45455%; }
403
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='6'] {
404
+ width: 54.54545%; }
405
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='7'] {
406
+ width: 63.63636%; }
407
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='8'] {
408
+ width: 72.72727%; }
409
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='9'] {
410
+ width: 81.81818%; }
411
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='10'] {
412
+ width: 90.90909%; }
413
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='11'] {
414
+ width: 100%; }
415
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='1'] {
416
+ width: 8.33333%; }
417
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='2'] {
418
+ width: 16.66667%; }
419
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='3'] {
420
+ width: 25%; }
421
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='4'] {
422
+ width: 33.33333%; }
423
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='5'] {
424
+ width: 41.66667%; }
425
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='6'] {
426
+ width: 50%; }
427
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='7'] {
428
+ width: 58.33333%; }
429
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='8'] {
430
+ width: 66.66667%; }
431
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='9'] {
432
+ width: 75%; }
433
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='10'] {
434
+ width: 83.33333%; }
435
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='11'] {
436
+ width: 91.66667%; }
437
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-span='12'] {
438
+ width: 100%; }
439
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid button.mega-add-column {
440
+ position: absolute;
441
+ right: 10px;
442
+ top: 10px; }
443
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid button.mega-add-row {
444
+ margin-top: 20px; }
445
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row-settings,
446
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col-settings {
447
+ float: left;
448
+ width: 100%;
449
+ display: none;
450
+ margin: 5px 0 20px;
451
+ background: #f7f7f7;
452
+ padding: 10px;
453
+ box-sizing: border-box;
454
+ border: 1px solid #DFDFDF; }
455
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row-settings label,
456
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col-settings label {
457
+ width: 100%;
458
+ font-size: 11px;
459
+ text-transform: uppercase;
460
+ margin-right: 5px; }
461
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row-settings input,
462
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col-settings input {
463
+ font-size: 11px;
464
+ max-width: 100%;
465
+ display: block;
466
+ width: 100%;
467
+ margin: 5px 0 10px 0; }
468
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row-settings button,
469
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col-settings button {
470
+ display: block; }
471
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row-settings {
472
+ margin: 10px 0;
473
+ background: white; }
474
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .dashicons {
475
+ font-size: 13px;
476
+ width: 17px;
477
+ cursor: pointer; }
478
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .dashicons-sort,
479
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .dashicons-move {
480
+ cursor: move; }
481
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-disabled .dashicons:before {
482
+ color: #D0011B; }
483
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-total-cols='12'] .mega-col-expand {
484
+ pointer-events: none;
485
+ color: #DFDFDF; }
486
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-add-row {
487
+ clear: both; }
488
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .drop-area {
489
+ display: inline-block;
490
+ -webkit-box-sizing: border-box;
491
+ -moz-box-sizing: border-box;
492
+ box-sizing: border-box; }
493
+ .nav-menus-php #cboxContent .mega_menu #megamenu-grid .ui-sortable-helper {
494
+ opacity: 0.5; }
495
+ .nav-menus-php #cboxContent .mega_menu #widgets {
496
+ float: left;
497
+ background: #f7f7f7;
498
+ border: 1px solid #DFDFDF;
499
+ width: 760px;
500
+ position: relative;
501
+ margin-top: 15px;
502
+ padding: 5px;
503
+ float: left;
504
+ width: 100%;
505
+ box-sizing: border-box;
506
+ min-height: 200px; }
507
+ .nav-menus-php #cboxContent .mega_menu #widgets .no_widgets {
508
+ font-size: 0.9em;
509
+ margin-left: 10px;
510
+ font-style: italic;
511
+ margin-top: 10px;
512
+ clear: both;
513
+ color: #444;
514
+ float: left; }
515
+ .nav-menus-php #cboxContent .mega_menu #widgets .drop-area {
516
+ display: block;
517
+ border: 1px solid #eee;
518
+ float: left;
519
+ -webkit-box-sizing: border-box;
520
+ -moz-box-sizing: border-box;
521
+ box-sizing: border-box; }
522
+ .nav-menus-php #cboxContent .mega_menu #widgets .widget[data-type='menu_item'] .widget-action {
523
+ display: none; }
524
+ .nav-menus-php #cboxContent .mega_menu #widgets .widget {
525
+ width: 100%; }
526
+ .nav-menus-php #cboxContent .mega_menu #widgets .widget h4 {
527
+ max-width: 700px; }
528
+ .nav-menus-php #cboxContent .mega_menu select#mm_enable_mega_menu {
529
+ margin-bottom: 0;
530
+ font-size: 0.9em;
531
+ margin-left: 5px; }
532
+ .nav-menus-php #cboxContent .mega_menu select#mm_widget_selector {
533
+ font-size: 0.9em;
534
+ float: right;
535
+ margin-right: 5px; }
536
+ .nav-menus-php #cboxContent .mega_menu #mm_number_of_columns {
537
+ font-size: 0.9em;
538
+ float: right;
539
+ margin-right: 10px; }
540
+ .nav-menus-php #cboxContent .mega_menu .mm_header {
541
+ float: right; }
542
+ .nav-menus-php #cboxContent .mega_menu .widget {
543
+ -webkit-box-sizing: border-box;
544
+ -moz-box-sizing: border-box;
545
+ box-sizing: border-box;
546
+ width: 160px;
547
+ margin: 0;
548
+ color: #444;
549
+ font-size: 12px;
550
+ display: inline-block;
551
+ float: left;
552
+ border: 5px solid transparent; }
553
+ .nav-menus-php #cboxContent .mega_menu .widget:hover .widget-top {
554
+ border: 1px solid #444; }
555
+ .nav-menus-php #cboxContent .mega_menu .widget:hover .widget-inner {
556
+ border: 1px solid #444; }
557
+ .nav-menus-php #cboxContent .mega_menu .widget textarea {
558
+ max-height: 100px; }
559
+ .nav-menus-php #cboxContent .mega_menu .widget.open {
560
+ z-index: 999; }
561
+ .nav-menus-php #cboxContent .mega_menu .widget.open .widget-top {
562
+ border: 1px solid #444;
563
+ cursor: move;
564
+ z-index: 1001;
565
+ position: relative;
566
+ border-bottom: 0; }
567
+ .nav-menus-php #cboxContent .mega_menu .widget.open .widget-inner {
568
+ border: 1px solid #444;
569
+ position: absolute;
570
+ z-index: 1000;
571
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
572
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
573
+ margin-top: -1px;
574
+ background: white;
575
+ min-width: 340px;
576
+ box-sizing: border-box;
577
+ display: block; }
578
+ .nav-menus-php #cboxContent .mega_menu .widget.open .widget-action::after {
579
+ content: '\f142'; }
580
+ .nav-menus-php #cboxContent .mega_menu .widget-top {
581
+ border: 0;
582
+ -webkit-box-shadow: 0 0 0;
583
+ box-shadow: 0 0 0;
584
+ border: 1px solid #DFDFDF;
585
+ padding: 0 8px;
586
+ background: white;
587
+ overflow: hidden; }
588
+ .nav-menus-php #cboxContent .mega_menu .widget.sub_menu .widget-top {
589
+ cursor: default; }
590
+ .nav-menus-php #cboxContent .mega_menu .widget-title h4 {
591
+ color: #444;
592
+ float: left;
593
+ margin: 0;
594
+ padding: 0;
595
+ overflow: hidden;
596
+ white-space: nowrap;
597
+ border-bottom: 0;
598
+ font-size: 12px;
599
+ text-overflow: ellipsis;
600
+ line-height: 42px; }
601
+ .nav-menus-php #cboxContent .mega_menu .widget-title h4:after {
602
+ color: #d54e21;
603
+ display: none;
604
+ font: normal 20px/1 'dashicons';
605
+ speak: none;
606
+ -webkit-font-smoothing: antialiased;
607
+ -moz-osx-font-smoothing: grayscale;
608
+ vertical-align: top;
609
+ margin-left: 5px;
610
+ content: '\f463';
611
+ -webkit-animation: rotation 2s infinite linear;
612
+ animation: rotation 2s infinite linear;
613
+ vertical-align: middle; }
614
+ .nav-menus-php #cboxContent .mega_menu .widget-title h4.loading:after {
615
+ display: inline-block; }
616
+ .nav-menus-php #cboxContent .mega_menu .widget[data-type='menu_item'] .widget-title h4:before {
617
+ color: #444;
618
+ font: normal 16px/1 'dashicons';
619
+ speak: none;
620
+ -webkit-font-smoothing: antialiased;
621
+ -moz-osx-font-smoothing: grayscale;
622
+ vertical-align: top;
623
+ margin-right: 2px;
624
+ content: "\f333";
625
+ vertical-align: middle;
626
+ top: -1px;
627
+ position: relative; }
628
+ .nav-menus-php #cboxContent .mega_menu .widget-controls {
629
+ float: left; }
630
+ .nav-menus-php #cboxContent .mega_menu .widget-controls .delete:hover {
631
+ text-decoration: none;
632
+ color: #D0011B; }
633
+ .nav-menus-php #cboxContent .mega_menu .widget-inner {
634
+ display: none;
635
+ float: left;
636
+ width: 100%;
637
+ background: white; }
638
+ .nav-menus-php #cboxContent .mega_menu .widget-inner form {
639
+ padding: 0 15px 15px 15px;
640
+ margin-bottom: 30px; }
641
+ .nav-menus-php #cboxContent .mega_menu .widget-inner p {
642
+ font-size: 12px; }
643
+ .nav-menus-php #cboxContent .mega_menu .widget-inner select {
644
+ font-size: 12px; }
645
+ .nav-menus-php #cboxContent .mega_menu .widget-inner input {
646
+ font-size: 12px; }
647
+ .nav-menus-php #cboxContent .mega_menu .widget-title-action {
648
+ padding: 0;
649
+ position: relative;
650
+ font-weight: normal;
651
+ position: absolute;
652
+ right: 1px;
653
+ background: white;
654
+ border-right: 7px solid white;
655
+ padding-left: 10px;
656
+ opacity: 1;
657
+ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 9%, white 100%); }
658
+ .nav-menus-php #cboxContent .mega_menu .widget-title-action a {
659
+ display: inline-block;
660
+ line-height: 40px; }
661
+ .nav-menus-php #cboxContent .mega_menu .widget-option {
662
+ right: 0;
663
+ border: 0;
664
+ background: 0 0;
665
+ font: 400 16px/1 dashicons;
666
+ speak: none;
667
+ display: block;
668
+ padding: 0;
669
+ text-indent: 0;
670
+ text-align: center;
671
+ position: relative;
672
+ -webkit-font-smoothing: antialiased;
673
+ -moz-osx-font-smoothing: grayscale;
674
+ text-decoration: none !important;
675
+ color: #999; }
676
+ .nav-menus-php #cboxContent .mega_menu .widget-option:hover {
677
+ color: #444;
678
+ cursor: pointer; }
679
+ .nav-menus-php #cboxContent .mega_menu .widget-option::after {
680
+ padding: 0;
681
+ font: 400 14px/40px dashicons;
682
+ display: inline; }
683
+ .nav-menus-php #cboxContent .mega_menu .widget-cols {
684
+ line-height: 40px;
685
+ vertical-align: top;
686
+ display: inline-block;
687
+ color: #999;
688
+ font-size: 11px;
689
+ vertical-align: bottom; }
690
+ .nav-menus-php #cboxContent .mega_menu h5 {
691
+ margin: 10px 0 0 10px;
692
+ text-transform: uppercase;
693
+ float: left; }
694
+ .nav-menus-php #cboxContent .mega_menu .widget-expand::after {
695
+ content: '\f345'; }
696
+ .nav-menus-php #cboxContent .mega_menu .widget-contract::after {
697
+ content: '\f341'; }
698
+ .nav-menus-php #cboxContent .mega_menu .widget-action::after {
699
+ content: '\f107';
700
+ margin: 0; }
701
+ .nav-menus-php #cboxContent .mega_menu .widget-option.disabled:hover {
702
+ color: #999; }
703
+ .nav-menus-php #cboxContent .mega_menu .widget[data-columns='1'] .widget-contract {
704
+ display: none; }
705
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='1'] .widget[data-columns='1'] {
706
+ width: 100%; }
707
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='2'] .widget[data-columns='1'] {
708
+ width: 50%; }
709
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='2'] .widget[data-columns='2'] {
710
+ width: 100%; }
711
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='3'] .widget[data-columns='1'] {
712
+ width: 33.3%; }
713
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='3'] .widget[data-columns='2'] {
714
+ width: 66.6%; }
715
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='3'] .widget[data-columns='3'] {
716
+ width: 100%; }
717
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='4'] .widget[data-columns='1'] {
718
+ width: 25%; }
719
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='4'] .widget[data-columns='2'] {
720
+ width: 50%; }
721
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='4'] .widget[data-columns='3'] {
722
+ width: 75%; }
723
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='4'] .widget[data-columns='4'] {
724
+ width: 100%; }
725
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='5'] .widget[data-columns='1'] {
726
+ width: 20%; }
727
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='5'] .widget[data-columns='2'] {
728
+ width: 40%; }
729
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='5'] .widget[data-columns='3'] {
730
+ width: 60%; }
731
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='5'] .widget[data-columns='4'] {
732
+ width: 80%; }
733
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='5'] .widget[data-columns='5'] {
734
+ width: 100%; }
735
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='6'] .widget[data-columns='1'] {
736
+ width: 16.6%; }
737
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='6'] .widget[data-columns='2'] {
738
+ width: 33.3%; }
739
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='6'] .widget[data-columns='3'] {
740
+ width: 50%; }
741
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='6'] .widget[data-columns='4'] {
742
+ width: 66.6%; }
743
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='6'] .widget[data-columns='5'] {
744
+ width: 83.3%; }
745
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='6'] .widget[data-columns='6'] {
746
+ width: 100%; }
747
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='7'] .widget[data-columns='1'] {
748
+ width: 14.28%; }
749
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='7'] .widget[data-columns='2'] {
750
+ width: 28.57%; }
751
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='7'] .widget[data-columns='3'] {
752
+ width: 42.85%; }
753
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='7'] .widget[data-columns='4'] {
754
+ width: 57.14%; }
755
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='7'] .widget[data-columns='5'] {
756
+ width: 71.42%; }
757
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='7'] .widget[data-columns='6'] {
758
+ width: 85.71%; }
759
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='7'] .widget[data-columns='7'] {
760
+ width: 100%; }
761
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='8'] .widget[data-columns='1'] {
762
+ width: 12.5%; }
763
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='8'] .widget[data-columns='2'] {
764
+ width: 25%; }
765
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='8'] .widget[data-columns='3'] {
766
+ width: 37.5%; }
767
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='8'] .widget[data-columns='4'] {
768
+ width: 50%; }
769
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='8'] .widget[data-columns='5'] {
770
+ width: 62.5%; }
771
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='8'] .widget[data-columns='6'] {
772
+ width: 75%; }
773
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='8'] .widget[data-columns='7'] {
774
+ width: 87.5%; }
775
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='8'] .widget[data-columns='8'] {
776
+ width: 100%; }
777
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='1'] {
778
+ width: 11.11%; }
779
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='2'] {
780
+ width: 22.22%; }
781
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='3'] {
782
+ width: 33.33%; }
783
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='4'] {
784
+ width: 44.44%; }
785
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='5'] {
786
+ width: 55.55%; }
787
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='6'] {
788
+ width: 66.66%; }
789
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='7'] {
790
+ width: 77.77%; }
791
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='8'] {
792
+ width: 88.88%; }
793
+ .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='9'] {
794
+ width: 100%; }
795
+ .nav-menus-php #cboxContent .mega_menu #widgets.disabled {
796
+ opacity: 0.5; }
797
+ .nav-menus-php #cboxContent .mega_menu #widgets.disabled:after {
798
+ background: #DFDFDF;
799
+ display: block;
800
+ position: absolute;
801
+ top: 0;
802
+ left: 0;
803
+ height: 100%;
804
+ width: 100%;
805
+ content: "";
806
+ opacity: 0.3; }
807
+ .nav-menus-php #cboxContent label[for='mm_enable_mega_menu'] {
808
+ font-size: 12px; }
809
+ .nav-menus-php #cboxContent .menu_icon .icon_selector {
810
+ clear: both; }
811
+ .nav-menus-php #cboxContent .menu_icon .icon_selector > div {
812
+ float: left;
813
+ padding: 0 19px 19px 0;
814
+ width: 24px;
815
+ height: 24px;
816
+ box-sizing: initial; }
817
+ .nav-menus-php #cboxContent .menu_icon .icon_selector label {
818
+ float: left;
819
+ display: block;
820
+ width: 24px;
821
+ height: 24px; }
822
+ .nav-menus-php #cboxContent .menu_icon .icon_selector label:before {
823
+ width: 24px;
824
+ height: 24px;
825
+ display: inline-block;
826
+ content: attr(rel);
827
+ border: 1px solid #DFDFDF;
828
+ padding: 6px;
829
+ background: #f7f7f7;
830
+ color: #999; }
831
+ .nav-menus-php #cboxContent .menu_icon .icon_selector input.radio:empty {
832
+ margin-left: -9999px; }
833
+ .nav-menus-php #cboxContent .menu_icon .icon_selector input.radio:empty ~ label {
834
+ position: relative;
835
+ cursor: pointer;
836
+ -webkit-user-select: none;
837
+ -moz-user-select: none;
838
+ -ms-user-select: none;
839
+ user-select: none; }
840
+ .nav-menus-php #cboxContent .menu_icon .icon_selector input.radio:checked ~ label {
841
+ color: #999; }
842
+ .nav-menus-php #cboxContent .menu_icon .icon_selector input.radio:checked ~ label:before {
843
+ border: 1px solid #0074a2;
844
+ color: #0074a2;
845
+ background: white; }
846
+ .nav-menus-php #cboxContent .menu_icon .icon_selector input.radio:hover:checked ~ label:before {
847
+ border: 1px solid #0074a2;
848
+ color: #0074a2;
849
+ background: white; }
850
+ .nav-menus-php #cboxContent .menu_icon .icon_selector input.radio:hover ~ label:before {
851
+ color: #0074a2; }
852
+ .nav-menus-php #cboxContent .menu_icon .icon_selector .dash label:before {
853
+ font: 400 24px/1 dashicons; }
854
+ .nav-menus-php #cboxContent table {
855
+ width: 100%;
856
+ border-collapse: collapse; }
857
+ .nav-menus-php #cboxContent table td {
858
+ padding-bottom: 10px; }
859
+ .nav-menus-php #cboxContent table td.mega-name {
860
+ width: 27%;
861
+ line-height: 2em;
862
+ padding-right: 30px;
863
+ vertical-align: top;
864
+ font-size: 12px; }
865
+ .nav-menus-php #cboxContent table td.mega-name .mega-description {
866
+ font-size: 0.9em;
867
+ color: #999;
868
+ line-height: 1.5em; }
869
+ .nav-menus-php #cboxContent table td.mega-value {
870
+ font-size: 12px; }
871
+ .nav-menus-php #cboxContent table td.mega-value select {
872
+ font-size: 0.9em;
873
+ height: 28px;
874
+ line-height: 28px; }
875
+ .nav-menus-php #cboxContent table td.mega-value textarea {
876
+ font-size: 0.9em;
877
+ height: 28px;
878
+ line-height: 28px; }
879
+ .nav-menus-php #cboxContent table td.mega-value input[type=text] {
880
+ font-size: 0.9em;
881
+ height: 28px;
882
+ line-height: 28px; }
883
+ .nav-menus-php #cboxContent table td.mega-value input[type=number] {
884
+ font-size: 0.9em;
885
+ height: 28px;
886
+ line-height: 28px; }
887
+ .nav-menus-php #cboxContent table td.mega-value .mega-description {
888
+ font-size: 0.9em;
889
+ color: #999;
890
+ line-height: 1.5em;
891
+ text-indent: 2px;
892
+ margin-top: 5px; }
893
+ .nav-menus-php #cboxContent table .mega-menu-item-align td.mega-value select {
894
+ float: left;
895
+ margin-right: 10px; }
896
+ .nav-menus-php #cboxContent table .mega-menu-item-align td.mega-value .mega-description {
897
+ float: left;
898
+ margin-right: 10px; }
899
+ .nav-menus-php #cboxContent table .mega-sub-menu-align td.mega-value select {
900
+ float: left;
901
+ margin-right: 10px; }
902
+ .nav-menus-php #cboxContent table .mega-sub-menu-align td.mega-value .mega-description {
903
+ float: left;
904
+ margin-right: 10px; }
905
+ .nav-menus-php #cboxContent table input {
906
+ width: 70px;
907
+ margin-right: 20px; }
908
+ .nav-menus-php #cboxContent table label {
909
+ font-size: 0.9em; }
910
+ .nav-menus-php #cboxContent table input[type=checkbox] {
911
+ width: 16px;
912
+ height: 16px;
913
+ margin-right: 10px;
914
+ vertical-align: middle; }
915
+ .nav-menus-php #cboxContent .general_settings table td {
916
+ padding-bottom: 5px; }
917
+ .nav-menus-php #cboxContent form > h4.first {
918
+ margin: 0em 0 0.7em 0; }
919
+ .nav-menus-php #cboxContent form > h4 {
920
+ clear: both;
921
+ border-bottom: 1px solid #DFDFDF;
922
+ padding: 0 0 10px 0;
923
+ font-size: 1em;
924
+ margin: 1.33em 0 0.7em 0; }
925
+ .nav-menus-php #cboxContent .mm_content > h4.first {
926
+ margin: 0em 0 0.7em 0; }
927
+ .nav-menus-php #cboxContent .mm_content > h4 {
928
+ clear: both;
929
+ border-bottom: 1px solid #DFDFDF;
930
+ padding: 0 0 10px 0;
931
+ font-size: 1em;
932
+ margin: 1.33em 0 0.7em 0; }
933
+ .nav-menus-php #cboxContent img {
934
+ height: auto;
935
+ max-width: 100%; }
936
+ .nav-menus-php #cboxContent div[id^=rommeled_image] .non-sortable {
937
+ display: block !important; }
938
+
939
+ .nav-menus-php #cboxClose {
940
+ text-indent: 0;
941
+ background: none;
942
+ width: auto;
943
+ height: auto;
944
+ color: white;
945
+ right: -28px;
946
+ top: 2px; }
947
+ .nav-menus-php #cboxClose:before {
948
+ content: "\f335";
949
+ font: normal 24px/29px 'dashicons'; }
950
+ .nav-menus-php #cboxClose:hover {
951
+ color: #0074a2; }
952
+
953
+ .nav-menus-php.megamenu_enabled .mm_launch {
954
+ background: #2ea2cc;
955
+ border-color: #0074a2; }
956
+
957
+ .nav-menus-php.megamenu_enabled .mm_launch.mm_disabled {
958
+ background: #999;
959
+ border-color: #444; }
960
+
961
+ .nav-menus-php.megamenu_enabled .mm_prefix {
962
+ display: block;
963
+ font-size: 0.9em;
964
+ border-left: 3px solid #ffb900;
965
+ padding-left: 10px;
966
+ margin-top: 3px; }
967
+
968
+ .nav-menus-php .mm_prefix {
969
+ display: none; }
970
+
971
+ .nav-menus-php .mm_launch {
972
+ margin-left: 10px;
973
+ font-size: 0.8em;
974
+ cursor: pointer;
975
+ color: white;
976
+ display: inline-block;
977
+ width: auto;
978
+ font-weight: normal;
979
+ height: auto;
980
+ background: #999;
981
+ border-color: #444;
982
+ border-width: 1px;
983
+ padding: 0 5px;
984
+ border-radius: 3px;
985
+ opacity: 0;
986
+ -webkit-transition: all 0.3s ease;
987
+ -moz-transition: all 0.3s ease;
988
+ -o-transition: all 0.3s ease;
989
+ -ms-transition: all 0.3s ease;
990
+ transition: all 0.3s ease;
991
+ z-index: 1;
992
+ position: relative; }
993
+ .nav-menus-php .mm_launch:before {
994
+ font-family: dashicons;
995
+ content: "\f111";
996
+ font-size: 10px;
997
+ margin-right: 2px;
998
+ display: inline-block;
999
+ vertical-align: bottom; }
1000
+
1001
+ .nav-menus-php .menu-item-bar .menu-item-handle:hover .mm_launch {
1002
+ opacity: 1; }
1003
+
1004
+ .nav-menus-php .menu-item-bar .dashicons-admin-generic:before {
1005
+ font-size: 1.2em;
1006
+ margin-right: 1px;
1007
+ height: auto; }
1008
+
1009
+ .nav-menus-php .mega_menu_meta_box div#megamenu_accordion h3 {
1010
+ padding: 0 0 10px 0;
1011
+ margin: 0;
1012
+ cursor: pointer;
1013
+ outline: none;
1014
+ float: left;
1015
+ width: 100%;
1016
+ color: #999;
1017
+ font-size: 14px;
1018
+ font-weight: normal;
1019
+ border: 0; }
1020
+ .nav-menus-php .mega_menu_meta_box div#megamenu_accordion h3:hover {
1021
+ color: #444; }
1022
+ .nav-menus-php .mega_menu_meta_box div#megamenu_accordion h3:hover::before {
1023
+ color: #000; }
1024
+ .nav-menus-php .mega_menu_meta_box div#megamenu_accordion h3::before {
1025
+ right: 0;
1026
+ content: '\f139';
1027
+ border: 0;
1028
+ background: 0 0;
1029
+ font: 400 20px/1 dashicons;
1030
+ speak: none;
1031
+ float: left;
1032
+ padding: 0;
1033
+ text-indent: 0;
1034
+ text-align: center;
1035
+ position: relative;
1036
+ -webkit-font-smoothing: antialiased;
1037
+ -moz-osx-font-smoothing: grayscale;
1038
+ text-decoration: none !important;
1039
+ margin-right: 6px; }
1040
+
1041
+ .nav-menus-php .mega_menu_meta_box div#megamenu_accordion h3.ui-state-active {
1042
+ color: #444; }
1043
+ .nav-menus-php .mega_menu_meta_box div#megamenu_accordion h3.ui-state-active::before {
1044
+ content: '\f140'; }
1045
+
1046
+ .nav-menus-php .mega_menu_meta_box div#megamenu_accordion th::before {
1047
+ right: 0;
1048
+ content: '\f139';
1049
+ border: 0;
1050
+ background: 0 0;
1051
+ font: 400 20px/1 dashicons;
1052
+ speak: none;
1053
+ float: left;
1054
+ padding: 0;
1055
+ text-indent: 0;
1056
+ text-align: center;
1057
+ position: relative;
1058
+ -webkit-font-smoothing: antialiased;
1059
+ -moz-osx-font-smoothing: grayscale;
1060
+ text-decoration: none !important;
1061
+ margin-right: 6px; }
1062
+
1063
+ .nav-menus-php .mega_menu_meta_box div.accordion_content {
1064
+ padding: 0 0 20px 0;
1065
+ float: left;
1066
+ border: 0;
1067
+ width: 100%; }
1068
+
1069
+ .nav-menus-php .mega_menu_meta_box div table {
1070
+ font-size: 0.9em;
1071
+ width: 100%;
1072
+ margin-bottom: 5px;
1073
+ border-collapse: collapse; }
1074
+ .nav-menus-php .mega_menu_meta_box div table select {
1075
+ font-size: 0.9em;
1076
+ max-width: 120px; }
1077
+ .nav-menus-php .mega_menu_meta_box div table tr {
1078
+ height: 29px;
1079
+ vertical-align: middle; }
1080
+ .nav-menus-php .mega_menu_meta_box div table th {
1081
+ border-bottom: 1px solid #DFDFDF;
1082
+ font-size: 1.1em; }
1083
+ .nav-menus-php .mega_menu_meta_box div table td:nth-child(2) {
1084
+ text-align: right;
1085
+ min-width: 150px; }
1086
+
1087
+ .nav-menus-php .mega_menu_meta_box th::before {
1088
+ content: '\f100'; }
1089
+
1090
+ .nav-menus-php .mega_menu_meta_box th.settings::before {
1091
+ content: '\f111'; }
1092
+
1093
+ .nav-menus-php .mega_menu_meta_box p.submit {
1094
+ float: right;
1095
+ text-align: right;
1096
+ width: auto;
1097
+ margin: 0 0 15px 0;
1098
+ padding: 0; }
1099
+
1100
+ .nav-menus-php .mega_menu_meta_box .spinner {
1101
+ float: right; }
1102
+
1103
+ .nav-menus-php #nav-menu-meta .mega_menu_meta_box .accordion-section-content {
1104
+ padding: 0 10px; }
1105
+
1106
+ .nav-menus-php .menu-item-handle .item-title {
1107
+ margin-right: 0; }
1108
+
1109
+ .toplevel_page_maxmegamenu .notice,
1110
+ .mega-menu_page_maxmegamenu_theme_editor .notice,
1111
+ .toplevel_page_maxmegamenu div.updated,
1112
+ .toplevel_page_maxmegamenu div.error {
1113
+ margin-left: 0;
1114
+ clear: both; }
1115
+
1116
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_outer_wrap,
1117
+ body.toplevel_page_maxmegamenu .megamenu_outer_wrap {
1118
+ display: inline-block;
1119
+ width: 100%;
1120
+ padding-right: 20px;
1121
+ padding-top: 10px;
1122
+ box-sizing: border-box; }
1123
+
1124
+ body[class*='mega-menu_page_maxmegamenu_'] *:focus,
1125
+ body.toplevel_page_maxmegamenu *:focus {
1126
+ box-shadow: 0 0 0; }
1127
+
1128
+ body[class*='mega-menu_page_maxmegamenu_'] .icon_dropdown .select2-choice > .select2-chosen,
1129
+ body.toplevel_page_maxmegamenu .icon_dropdown .select2-choice > .select2-chosen {
1130
+ line-height: 28px;
1131
+ margin-right: 0px; }
1132
+
1133
+ body[class*='mega-menu_page_maxmegamenu_'] .icon_dropdown .select2-choice .select2-arrow,
1134
+ body.toplevel_page_maxmegamenu .icon_dropdown .select2-choice .select2-arrow {
1135
+ display: none; }
1136
+
1137
+ body[class*='mega-menu_page_maxmegamenu_'] .icon_dropdown .select2-choice,
1138
+ body.toplevel_page_maxmegamenu .icon_dropdown .select2-choice {
1139
+ padding: 0 5px 0 5px;
1140
+ height: 28px;
1141
+ color: #DFDFDF; }
1142
+
1143
+ body[class*='mega-menu_page_maxmegamenu_'] .icon_dropdown .select2-chosen i:before,
1144
+ body.toplevel_page_maxmegamenu .icon_dropdown .select2-chosen i:before {
1145
+ line-height: 28px;
1146
+ font-size: 16px;
1147
+ color: #444; }
1148
+
1149
+ body[class*='mega-menu_page_maxmegamenu_'] .tpx-select2-drop,
1150
+ body.toplevel_page_maxmegamenu .tpx-select2-drop {
1151
+ box-shadow: 0 0 0;
1152
+ min-width: 150px; }
1153
+
1154
+ body[class*='mega-menu_page_maxmegamenu_'] .select2-results li,
1155
+ body.toplevel_page_maxmegamenu .select2-results li {
1156
+ float: left; }
1157
+ body[class*='mega-menu_page_maxmegamenu_'] .select2-results li:first-child,
1158
+ body.toplevel_page_maxmegamenu .select2-results li:first-child {
1159
+ float: none; }
1160
+ body[class*='mega-menu_page_maxmegamenu_'] .select2-results li:first-child i,
1161
+ body.toplevel_page_maxmegamenu .select2-results li:first-child i {
1162
+ display: none; }
1163
+ body[class*='mega-menu_page_maxmegamenu_'] .select2-results li .select2-result-label,
1164
+ body.toplevel_page_maxmegamenu .select2-results li .select2-result-label {
1165
+ font-size: 0.9em; }
1166
+
1167
+ body[class*='mega-menu_page_maxmegamenu_'] .icon_dropdown .select2-choice > .select2-chosen i,
1168
+ body[class*='mega-menu_page_maxmegamenu_'] .select2-result-label i,
1169
+ body.toplevel_page_maxmegamenu .icon_dropdown .select2-choice > .select2-chosen i,
1170
+ body.toplevel_page_maxmegamenu .select2-result-label i {
1171
+ display: inline-block;
1172
+ width: 20px;
1173
+ height: 20px;
1174
+ font-size: 20px;
1175
+ line-height: 1;
1176
+ font-family: dashicons;
1177
+ text-decoration: inherit;
1178
+ font-weight: normal;
1179
+ font-style: normal;
1180
+ vertical-align: top;
1181
+ text-align: center;
1182
+ -webkit-transition: color .1s ease-in 0;
1183
+ transition: color .1s ease-in 0;
1184
+ -webkit-font-smoothing: antialiased;
1185
+ -moz-osx-font-smoothing: grayscale; }
1186
+
1187
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_wrap,
1188
+ body.toplevel_page_maxmegamenu .megamenu_wrap {
1189
+ width: 100%;
1190
+ float: left;
1191
+ background: white; }
1192
+
1193
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_left,
1194
+ body.toplevel_page_maxmegamenu .megamenu_left {
1195
+ float: left;
1196
+ width: 190px;
1197
+ margin-left: -100%; }
1198
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_left ul li a:hover,
1199
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_left ul li a.active,
1200
+ body.toplevel_page_maxmegamenu .megamenu_left ul li a:hover,
1201
+ body.toplevel_page_maxmegamenu .megamenu_left ul li a.active {
1202
+ border-left: 2px solid #0074a2;
1203
+ color: #0074a2; }
1204
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_left ul li a,
1205
+ body.toplevel_page_maxmegamenu .megamenu_left ul li a {
1206
+ text-decoration: none;
1207
+ color: #444;
1208
+ width: 100%;
1209
+ display: block;
1210
+ padding: 5px 0px 5px 17px;
1211
+ box-sizing: border-box;
1212
+ border-left: 2px solid white;
1213
+ outline: 0; }
1214
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_left ul li.error,
1215
+ body.toplevel_page_maxmegamenu .megamenu_left ul li.error {
1216
+ border-left: 3px solid #D0011B; }
1217
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_left ul li.mega_active,
1218
+ body.toplevel_page_maxmegamenu .megamenu_left ul li.mega_active {
1219
+ font-weight: bold; }
1220
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_left ul li.mega_active a:after,
1221
+ body.toplevel_page_maxmegamenu .megamenu_left ul li.mega_active a:after {
1222
+ right: 0;
1223
+ content: '\f139';
1224
+ border: 0;
1225
+ background: 0 0;
1226
+ font: 400 20px/1 dashicons;
1227
+ speak: none;
1228
+ float: right;
1229
+ padding: 0;
1230
+ text-indent: 0;
1231
+ text-align: center;
1232
+ position: relative;
1233
+ -webkit-font-smoothing: antialiased;
1234
+ -moz-osx-font-smoothing: grayscale;
1235
+ text-decoration: none !important;
1236
+ margin-right: 0; }
1237
+
1238
+ body[class*='mega-menu_page_maxmegamenu_'] h3.first,
1239
+ body.toplevel_page_maxmegamenu h3.first {
1240
+ margin-top: 0; }
1241
+
1242
+ body[class*='mega-menu_page_maxmegamenu_'] h3,
1243
+ body.toplevel_page_maxmegamenu h3 {
1244
+ clear: both;
1245
+ font-size: 1.1em;
1246
+ margin: 17px 0 5px 0;
1247
+ text-indent: 1px;
1248
+ border-bottom: 1px solid #DFDFDF;
1249
+ padding: 0 0 10px 0; }
1250
+
1251
+ body[class*='mega-menu_page_maxmegamenu_'] h3 span,
1252
+ body.toplevel_page_maxmegamenu h3 span {
1253
+ margin-right: 10px; }
1254
+
1255
+ body[class*='mega-menu_page_maxmegamenu_'] a,
1256
+ body.toplevel_page_maxmegamenu a {
1257
+ text-decoration: none; }
1258
+
1259
+ body[class*='mega-menu_page_maxmegamenu_'] .duplicate,
1260
+ body.toplevel_page_maxmegamenu .duplicate {
1261
+ margin-left: 15px; }
1262
+
1263
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_submit,
1264
+ body.toplevel_page_maxmegamenu .megamenu_submit {
1265
+ margin-bottom: 40px;
1266
+ padding-top: 35px; }
1267
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_submit .mega_left,
1268
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_submit .mega_right,
1269
+ body.toplevel_page_maxmegamenu .megamenu_submit .mega_left,
1270
+ body.toplevel_page_maxmegamenu .megamenu_submit .mega_right {
1271
+ float: left;
1272
+ width: 50%; }
1273
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_submit .spinner,
1274
+ body.toplevel_page_maxmegamenu .megamenu_submit .spinner {
1275
+ float: left; }
1276
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_submit p.submit,
1277
+ body.toplevel_page_maxmegamenu .megamenu_submit p.submit {
1278
+ margin: 0;
1279
+ padding: 0;
1280
+ float: left; }
1281
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_submit .mega_right,
1282
+ body.toplevel_page_maxmegamenu .megamenu_submit .mega_right {
1283
+ text-align: right; }
1284
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_submit .mega_right a,
1285
+ body.toplevel_page_maxmegamenu .megamenu_submit .mega_right a {
1286
+ color: #D0011B; }
1287
+
1288
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_header,
1289
+ body.toplevel_page_maxmegamenu .megamenu_header {
1290
+ background: white;
1291
+ padding: 10px 17px;
1292
+ border-bottom: 1px solid #eee;
1293
+ float: left;
1294
+ width: 100%;
1295
+ box-sizing: border-box; }
1296
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_header .version,
1297
+ body.toplevel_page_maxmegamenu .megamenu_header .version {
1298
+ font-style: italic;
1299
+ color: #999;
1300
+ margin-bottom: 15px; }
1301
+
1302
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_header_top,
1303
+ body.toplevel_page_maxmegamenu .megamenu_header_top {
1304
+ font-size: 0.9em;
1305
+ display: block;
1306
+ width: 100%;
1307
+ height: 30px;
1308
+ line-height: 30px;
1309
+ margin-bottom: 10px;
1310
+ box-sizing: border-box; }
1311
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_header_top ul,
1312
+ body.toplevel_page_maxmegamenu .megamenu_header_top ul {
1313
+ margin: 0;
1314
+ float: right;
1315
+ position: relative; }
1316
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_header_top ul li,
1317
+ body.toplevel_page_maxmegamenu .megamenu_header_top ul li {
1318
+ display: inline-block;
1319
+ margin: 0 0 0 14px;
1320
+ line-height: 30px; }
1321
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_header_top ul li.mega-highlight,
1322
+ body.toplevel_page_maxmegamenu .megamenu_header_top ul li.mega-highlight {
1323
+ background: #35b1df;
1324
+ border-radius: 5px; }
1325
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_header_top ul li.mega-highlight a,
1326
+ body.toplevel_page_maxmegamenu .megamenu_header_top ul li.mega-highlight a {
1327
+ color: white;
1328
+ line-height: 30px;
1329
+ padding: 0 10px; }
1330
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_header_top ul li.mega-star:before,
1331
+ body.toplevel_page_maxmegamenu .megamenu_header_top ul li.mega-star:before {
1332
+ font: 400 14px/28px dashicons;
1333
+ color: #ffb900;
1334
+ margin-right: 4px;
1335
+ content: "\f155";
1336
+ speak: none;
1337
+ padding: 0;
1338
+ display: inline-block;
1339
+ vertical-align: top;
1340
+ -webkit-font-smoothing: antialiased;
1341
+ -moz-osx-font-smoothing: grayscale; }
1342
+
1343
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_wrap .megamenu_submit .saved,
1344
+ body.toplevel_page_maxmegamenu .megamenu_wrap .megamenu_submit .saved {
1345
+ background: transparent;
1346
+ line-height: 28px;
1347
+ margin: 0 0 0 5px;
1348
+ float: left;
1349
+ border-radius: 0;
1350
+ color: #0074a2;
1351
+ text-transform: uppercase;
1352
+ font-weight: bold; }
1353
+
1354
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_wrap .megamenu_submit .saved .dashicons,
1355
+ body.toplevel_page_maxmegamenu .megamenu_wrap .megamenu_submit .saved .dashicons {
1356
+ color: #0074a2;
1357
+ width: 26px;
1358
+ line-height: 28px;
1359
+ height: 28px; }
1360
+
1361
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_wrap .success,
1362
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_wrap .fail,
1363
+ body.toplevel_page_maxmegamenu .megamenu_wrap .success,
1364
+ body.toplevel_page_maxmegamenu .megamenu_wrap .fail {
1365
+ background: #fff;
1366
+ border-left: 4px solid #46b450;
1367
+ border-top: 1px solid #eee;
1368
+ border-bottom: 1px solid #eee;
1369
+ border-right: 1px solid #eee;
1370
+ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
1371
+ padding: 10px;
1372
+ margin: 5px 0 30px;
1373
+ line-height: 22px;
1374
+ clear: both; }
1375
+
1376
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_wrap .fail,
1377
+ body.toplevel_page_maxmegamenu .megamenu_wrap .fail {
1378
+ border-left: 4px solid #D0011B; }
1379
+
1380
+ body[class*='mega-menu_page_maxmegamenu_'] .mm-picker-container,
1381
+ body.toplevel_page_maxmegamenu .mm-picker-container {
1382
+ border-radius: 3px;
1383
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
1384
+ border: 1px solid #ccc;
1385
+ font-size: 0.9em;
1386
+ float: left; }
1387
+ body[class*='mega-menu_page_maxmegamenu_'] .mm-picker-container .sp-replacer,
1388
+ body.toplevel_page_maxmegamenu .mm-picker-container .sp-replacer {
1389
+ margin: 0;
1390
+ float: left; }
1391
+ body[class*='mega-menu_page_maxmegamenu_'] .mm-picker-container .sp-palette-container,
1392
+ body.toplevel_page_maxmegamenu .mm-picker-container .sp-palette-container {
1393
+ width: 40px; }
1394
+ body[class*='mega-menu_page_maxmegamenu_'] .mm-picker-container .sp-replacer .sp-preview,
1395
+ body.toplevel_page_maxmegamenu .mm-picker-container .sp-replacer .sp-preview {
1396
+ border: 0;
1397
+ height: 26px;
1398
+ width: 26px;
1399
+ margin: 0; }
1400
+ body[class*='mega-menu_page_maxmegamenu_'] .mm-picker-container input.mm_colorpicker,
1401
+ body.toplevel_page_maxmegamenu .mm-picker-container input.mm_colorpicker {
1402
+ float: left;
1403
+ border: 0;
1404
+ height: 23px;
1405
+ box-shadow: 0 0 0;
1406
+ margin: 0; }
1407
+ body[class*='mega-menu_page_maxmegamenu_'] .mm-picker-container div.chosen-color,
1408
+ body.toplevel_page_maxmegamenu .mm-picker-container div.chosen-color {
1409
+ background: #f7f7f7;
1410
+ -webkit-border-radius: 0 2px 2px 0;
1411
+ border-radius: 0 2px 2px 0;
1412
+ border-left: 1px solid #ccc;
1413
+ color: #444;
1414
+ font-size: 11px;
1415
+ line-height: 26px;
1416
+ padding: 0 6px;
1417
+ text-align: center;
1418
+ -webkit-box-shadow: inset 0 1px 0 #fff;
1419
+ box-shadow: inset 0 1px 0 #fff;
1420
+ float: left;
1421
+ cursor: default; }
1422
+
1423
+ body[class*='mega-menu_page_maxmegamenu_'] .block .mm-picker-container,
1424
+ body.toplevel_page_maxmegamenu .block .mm-picker-container {
1425
+ float: right;
1426
+ margin-right: 0; }
1427
+
1428
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right,
1429
+ body.toplevel_page_maxmegamenu .megamenu_right {
1430
+ margin-left: 190px;
1431
+ padding: 20px;
1432
+ box-sizing: border-box;
1433
+ border-left: 1px solid #eee;
1434
+ min-height: 400px; }
1435
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .theme_selector,
1436
+ body.toplevel_page_maxmegamenu .megamenu_right .theme_selector {
1437
+ margin-bottom: 20px; }
1438
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right h2.nav-tab-wrapper,
1439
+ body.toplevel_page_maxmegamenu .megamenu_right h2.nav-tab-wrapper {
1440
+ margin: 0; }
1441
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right h2.nav-tab-wrapper a.nav-tab,
1442
+ body.toplevel_page_maxmegamenu .megamenu_right h2.nav-tab-wrapper a.nav-tab {
1443
+ cursor: pointer; }
1444
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right h2.nav-tab-wrapper a.nav-tab-active,
1445
+ body.toplevel_page_maxmegamenu .megamenu_right h2.nav-tab-wrapper a.nav-tab-active {
1446
+ background: white;
1447
+ position: relative;
1448
+ z-index: 1;
1449
+ border-bottom: 1px solid white; }
1450
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right h3.editing_theme,
1451
+ body.toplevel_page_maxmegamenu .megamenu_right h3.editing_theme {
1452
+ margin: 0 0 30px 0;
1453
+ padding: 0;
1454
+ border: 0;
1455
+ float: left;
1456
+ width: 100%; }
1457
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings.menu_settings_menu_themes td.mega-name,
1458
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings.menu_settings_menu_themes td.mega-name {
1459
+ padding-left: 10px; }
1460
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings.menu_settings_menu_themes h5,
1461
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings.menu_settings_menu_themes h5 {
1462
+ clear: both;
1463
+ font-size: 1.1em;
1464
+ margin: 15px 0 0 10px;
1465
+ padding: 0; }
1466
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings.menu_settings_tools label,
1467
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings.menu_settings_tools label {
1468
+ clear: both;
1469
+ width: 100%; }
1470
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings.menu_settings_menu_locations .accordion-container,
1471
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings.menu_settings_menu_locations .accordion-container {
1472
+ border: 1px solid #DFDFDF; }
1473
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings.menu_settings_menu_locations .accordion-container h4,
1474
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings.menu_settings_menu_locations .accordion-container h4 {
1475
+ margin: 0; }
1476
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings.menu_settings_menu_locations .accordion-container .accordion-section-content,
1477
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings.menu_settings_menu_locations .accordion-container .accordion-section-content {
1478
+ padding-left: 10px;
1479
+ padding-right: 10px; }
1480
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings.menu_settings_menu_locations .mega-assigned-menu,
1481
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings.menu_settings_menu_locations .mega-assigned-menu {
1482
+ float: right;
1483
+ text-transform: uppercase;
1484
+ font-weight: bold;
1485
+ opacity: 0.7;
1486
+ margin-right: 28px;
1487
+ font-size: 0.8em; }
1488
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings.menu_settings_menu_locations .mega-assigned-menu:before,
1489
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings.menu_settings_menu_locations .mega-assigned-menu:before {
1490
+ font: 400 16px/21px dashicons;
1491
+ margin-right: 4px;
1492
+ content: "\f333";
1493
+ speak: none;
1494
+ padding: 0;
1495
+ display: inline-block;
1496
+ vertical-align: top;
1497
+ -webkit-font-smoothing: antialiased;
1498
+ -moz-osx-font-smoothing: grayscale; }
1499
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings.menu_settings_menu_locations table .mega-value textarea,
1500
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings.menu_settings_menu_locations table .mega-value textarea {
1501
+ height: 40px; }
1502
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings.menu_settings_menu_locations h5,
1503
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings.menu_settings_menu_locations h5 {
1504
+ font-size: 12px; }
1505
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings.menu_settings_menu_locations .accordion-section-content,
1506
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings.menu_settings_menu_locations .accordion-section-content {
1507
+ width: 100%;
1508
+ box-sizing: border-box; }
1509
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table,
1510
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table {
1511
+ width: 100%;
1512
+ border-collapse: collapse; }
1513
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table label,
1514
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table label {
1515
+ font-size: 0.9em;
1516
+ float: left;
1517
+ margin-right: 10px;
1518
+ margin-bottom: 10px; }
1519
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table textarea,
1520
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table input[type=text],
1521
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table input[type=number],
1522
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table select,
1523
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table textarea,
1524
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table input[type=text],
1525
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table input[type=number],
1526
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table select {
1527
+ font-size: 0.9em;
1528
+ height: 28px;
1529
+ line-height: 28px;
1530
+ vertical-align: top; }
1531
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table textarea,
1532
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table textarea {
1533
+ width: 100%;
1534
+ height: 150px;
1535
+ font-family: monospace;
1536
+ line-height: 1.5em;
1537
+ margin-bottom: 10px; }
1538
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table input[type=number],
1539
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table input[type=number] {
1540
+ height: auto;
1541
+ line-height: 1.2em; }
1542
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table input[name=export],
1543
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table input[name=export] {
1544
+ margin-top: 20px; }
1545
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table input[type=text],
1546
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table input[type=text] {
1547
+ width: 70px; }
1548
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table input[type=submit],
1549
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table input[type=submit] {
1550
+ width: auto; }
1551
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table input[type=checkbox],
1552
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table input[type=checkbox] {
1553
+ width: 16px;
1554
+ height: 16px;
1555
+ vertical-align: middle; }
1556
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table input.mega-setting-panel_width,
1557
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table input.mega-setting-panel_inner_width,
1558
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table input.mega-setting-panel_width,
1559
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table input.mega-setting-panel_inner_width {
1560
+ width: 120px; }
1561
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table input.mega-setting-title,
1562
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table input.mega-setting-title {
1563
+ width: 100px; }
1564
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .wide input[type=text],
1565
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .wide input[type=text] {
1566
+ width: 300px; }
1567
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .CodeMirror,
1568
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .CodeMirror {
1569
+ height: auto;
1570
+ min-height: 150px;
1571
+ border: 1px solid #aaa; }
1572
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .CodeMirror-scroll,
1573
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .CodeMirror-scroll {
1574
+ min-height: 150px; }
1575
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table tr:first-child td,
1576
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table tr:first-child td {
1577
+ border-top: 0;
1578
+ padding-top: 20px; }
1579
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table th,
1580
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table th {
1581
+ text-align: left; }
1582
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table td,
1583
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table td {
1584
+ position: relative;
1585
+ padding-bottom: 25px;
1586
+ padding-top: 15px;
1587
+ border-top: 1px solid #eee; }
1588
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table td.mega-name,
1589
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table td.mega-name {
1590
+ width: 33%;
1591
+ line-height: 2em;
1592
+ padding-right: 30px;
1593
+ vertical-align: top; }
1594
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table td.mega-value,
1595
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table td.mega-value {
1596
+ padding-top: 10px; }
1597
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table td.mega-value .mega-description,
1598
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table td.mega-value .mega-description {
1599
+ margin-top: 5px; }
1600
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table td.mega-value .mega-info,
1601
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table td.mega-value .mega-info {
1602
+ clear: both;
1603
+ margin-top: 15px;
1604
+ display: block;
1605
+ float: left;
1606
+ font-size: 0.9em;
1607
+ color: #aaa;
1608
+ line-height: 20px;
1609
+ width: 100%; }
1610
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table td.mega-value .mega-info:before,
1611
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table td.mega-value .mega-info:before {
1612
+ font: 400 20px/1 dashicons;
1613
+ content: "\f348";
1614
+ speak: none;
1615
+ padding: 0;
1616
+ margin-right: 6px;
1617
+ display: inline-block;
1618
+ vertical-align: top;
1619
+ -webkit-font-smoothing: antialiased;
1620
+ -moz-osx-font-smoothing: grayscale; }
1621
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table td.mega-custom_css,
1622
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table td.mega-custom_css {
1623
+ width: 100%;
1624
+ margin-bottom: 0; }
1625
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table td.mega-value.mega-instances,
1626
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table td.mega-value.mega-instances {
1627
+ vertical-align: top; }
1628
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table td.mega-value.mega-instances table th,
1629
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table td.mega-value.mega-instances table td,
1630
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table td.mega-value.mega-instances table th,
1631
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table td.mega-value.mega-instances table td {
1632
+ font-weight: normal;
1633
+ padding: 5px; }
1634
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table td.mega-value.mega-instances .mega-description,
1635
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table td.mega-value.mega-instances .mega-description {
1636
+ padding-left: 5px; }
1637
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table td.mega-name .mega-description,
1638
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table td.mega-value .mega-description,
1639
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table td.mega-name .mega-description,
1640
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table td.mega-value .mega-description {
1641
+ font-size: 0.9em;
1642
+ color: #aaa;
1643
+ line-height: 1.5em; }
1644
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table ul.custom_styling_tips,
1645
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table ul.custom_styling_tips {
1646
+ list-style-type: disc;
1647
+ list-style-position: inside; }
1648
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table ul.custom_styling_tips code,
1649
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table ul.custom_styling_tips code {
1650
+ margin: 10px 0 0 0;
1651
+ font-size: 0.9em; }
1652
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table label.mega-error input,
1653
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table label.mega-error input {
1654
+ border: 1px solid #D0011B;
1655
+ background: #FFDDDD; }
1656
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table label.mega-toggle_blocks,
1657
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table label.mega-toggle_blocks {
1658
+ width: 100%;
1659
+ cursor: auto; }
1660
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table label.mega-toggle_blocks .mega-value,
1661
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table label.mega-toggle_blocks .mega-value {
1662
+ padding-bottom: 0; }
1663
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table label.mega-toggle_blocks .mega-description,
1664
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table label.mega-toggle_blocks .mega-description {
1665
+ float: left;
1666
+ width: 100%;
1667
+ margin-top: 20px; }
1668
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .mega-left,
1669
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .mega-center,
1670
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .mega-right,
1671
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .mega-left,
1672
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .mega-center,
1673
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .mega-right {
1674
+ box-sizing: border-box;
1675
+ border: 1px solid #ccc;
1676
+ background: #f7f7f7;
1677
+ width: 33%;
1678
+ height: 60px;
1679
+ padding: 10px;
1680
+ margin-top: 15px;
1681
+ float: left; }
1682
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .mega-left,
1683
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .mega-left {
1684
+ border-right: 0px; }
1685
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .mega-center,
1686
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .mega-center {
1687
+ border-left: 1px dashed #ccc;
1688
+ border-right: 1px dashed #ccc;
1689
+ text-align: center; }
1690
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .mega-right,
1691
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .mega-right {
1692
+ border-left: 0px; }
1693
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .mega-right .block,
1694
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .mega-right .block {
1695
+ float: right;
1696
+ margin: 0 0 0 5px; }
1697
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .block.mega-open .block-title,
1698
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .block.mega-open .block-title {
1699
+ border-bottom: 1px solid white;
1700
+ border-radius: 3px 3px 0 0; }
1701
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .block .block-title,
1702
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .block .block-title {
1703
+ padding: 0 10px;
1704
+ display: inline-block;
1705
+ height: 35px;
1706
+ line-height: 35px;
1707
+ font-size: 0.9em;
1708
+ background: white;
1709
+ color: #444;
1710
+ cursor: move;
1711
+ border: 1px solid #ccc;
1712
+ position: relative;
1713
+ z-index: 2;
1714
+ border-radius: 3px;
1715
+ text-align: left;
1716
+ box-sizing: border-box; }
1717
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .block.ui-sortable-helper,
1718
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .block.ui-sortable-helper {
1719
+ width: auto !important; }
1720
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .block .block-title .dashicons,
1721
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .block .block-title .dashicons {
1722
+ line-height: 35px;
1723
+ cursor: pointer;
1724
+ font-size: 20px; }
1725
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .block .block-settings,
1726
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .block .block-settings {
1727
+ padding: 10px;
1728
+ display: none;
1729
+ width: 300px;
1730
+ vertical-align: top;
1731
+ background: white;
1732
+ text-align: left;
1733
+ color: #ccc;
1734
+ position: absolute;
1735
+ left: 0px;
1736
+ top: 36px;
1737
+ z-index: 1;
1738
+ border: 1px solid #ccc; }
1739
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .mega-right .block .block-settings,
1740
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .mega-right .block .block-settings {
1741
+ left: auto;
1742
+ right: 0; }
1743
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .block h3,
1744
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .block h3 {
1745
+ margin-top: 5px;
1746
+ border-bottom: 1px solid #ccc;
1747
+ padding-bottom: 10px; }
1748
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .toggle-bar-designer .block-settings label,
1749
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .toggle-bar-designer .block-settings label {
1750
+ width: 100%;
1751
+ clear: both;
1752
+ color: #444;
1753
+ font-size: 1em; }
1754
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .toggle-bar-designer .block-settings label input,
1755
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .toggle-bar-designer .block-settings label select,
1756
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .toggle-bar-designer .block-settings label input,
1757
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .toggle-bar-designer .block-settings label .icon_dropdown,
1758
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .toggle-bar-designer .block-settings label input,
1759
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .toggle-bar-designer .block-settings label select,
1760
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .toggle-bar-designer .block-settings label input,
1761
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .toggle-bar-designer .block-settings label .icon_dropdown {
1762
+ float: right;
1763
+ font-size: 0.9em; }
1764
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .toggle-bar-designer .toggle-left,
1765
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .toggle-bar-designer .toggle-left {
1766
+ border-right: 1px dashed #ccc; }
1767
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .toggle-bar-designer .toggle-right,
1768
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .toggle-bar-designer .toggle-right {
1769
+ border-left: 0px solid #ccc;
1770
+ text-align: right; }
1771
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .block,
1772
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .block {
1773
+ position: relative;
1774
+ display: inline-block;
1775
+ vertical-align: top;
1776
+ margin: 0 5px 0 0; }
1777
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .block input[type=text],
1778
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .block input[type=text] {
1779
+ width: 50%; }
1780
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table .mega-validation-message,
1781
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table .mega-validation-message {
1782
+ display: none;
1783
+ clear: both;
1784
+ font-size: 0.8em;
1785
+ color: #D0011B; }
1786
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table label span.mega-short-desc,
1787
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table label span.mega-short-desc {
1788
+ font-size: 0.8em;
1789
+ text-transform: uppercase;
1790
+ color: #aaa;
1791
+ display: block;
1792
+ margin: 0 0 2px 1px; }
1793
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table label.mega-copy_color,
1794
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table label.mega-copy_color {
1795
+ margin-right: 3px; }
1796
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table label.mega-copy_color span.mega-short-desc,
1797
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table label.mega-copy_color span.mega-short-desc {
1798
+ visibility: hidden; }
1799
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings table label.mega-copy_color span.dashicons,
1800
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table label.mega-copy_color span.dashicons {
1801
+ opacity: 0.5;
1802
+ margin-top: 6px;
1803
+ font-size: 16px; }
1804
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings .row h5,
1805
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings .row h5 {
1806
+ margin: 0;
1807
+ font-weight: normal;
1808
+ float: left;
1809
+ width: 250px;
1810
+ font-size: 1em; }
1811
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings .megamenu_submit,
1812
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings .megamenu_submit {
1813
+ float: left;
1814
+ width: 100%; }
1815
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings div.mega-tab-content,
1816
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings div.mega-tab-content {
1817
+ position: relative;
1818
+ top: -1px;
1819
+ clear: both;
1820
+ border: 1px solid #ccc;
1821
+ float: left;
1822
+ width: 100%;
1823
+ padding: 0;
1824
+ box-sizing: border-box; }
1825
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings div.mega-tab-content.mega-toggle-disabled .mega-toggle_blocks td:after,
1826
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings div.mega-tab-content.mega-toggle-disabled .mega-toggle_bar_background td:after,
1827
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings div.mega-tab-content.mega-toggle-disabled .mega-toggle_bar_height td:after,
1828
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings div.mega-tab-content.mega-toggle-disabled .mega-toggle_blocks td:after,
1829
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings div.mega-tab-content.mega-toggle-disabled .mega-toggle_bar_background td:after,
1830
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings div.mega-tab-content.mega-toggle-disabled .mega-toggle_bar_height td:after {
1831
+ background: #eee;
1832
+ display: block;
1833
+ position: absolute;
1834
+ top: 0;
1835
+ left: 0;
1836
+ height: 100%;
1837
+ width: 100%;
1838
+ content: "";
1839
+ opacity: 0.5;
1840
+ z-index: 9; }
1841
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings div.mega-tab-content.mega-toggle-disabled .mega-mobile_toggle_disabled,
1842
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings div.mega-tab-content.mega-toggle-disabled .mega-mobile_toggle_disabled {
1843
+ display: table-row; }
1844
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings div.mega-tab-content.mega-mobile-disabled tr:not(.mega-responsive_breakpoint):not(.mega-responsive_breakpoint_disabled) td:after,
1845
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings div.mega-tab-content.mega-mobile-disabled tr:not(.mega-responsive_breakpoint):not(.mega-responsive_breakpoint_disabled) td:after {
1846
+ background: #eee;
1847
+ display: block;
1848
+ position: absolute;
1849
+ top: 0;
1850
+ left: 0;
1851
+ height: 100%;
1852
+ width: 100%;
1853
+ content: "";
1854
+ opacity: 0.5;
1855
+ z-index: 9; }
1856
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings div.mega-tab-content.mega-mobile-disabled .mega-responsive_breakpoint_disabled,
1857
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings div.mega-tab-content.mega-mobile-disabled .mega-responsive_breakpoint_disabled {
1858
+ display: table-row; }
1859
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings div.mega-tab-content.mega-mobile-disabled .mega-mobile_toggle_disabled,
1860
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings div.mega-tab-content.mega-mobile-disabled .mega-mobile_toggle_disabled {
1861
+ display: none; }
1862
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings div.mega-tab-content .mega-responsive_breakpoint_disabled,
1863
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings div.mega-tab-content .mega-mobile_toggle_disabled,
1864
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings div.mega-tab-content .mega-responsive_breakpoint_disabled,
1865
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings div.mega-tab-content .mega-mobile_toggle_disabled {
1866
+ display: none; }
1867
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings div.mega-tab-content .mega-responsive_breakpoint_disabled td,
1868
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings div.mega-tab-content .mega-mobile_toggle_disabled td,
1869
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings div.mega-tab-content .mega-responsive_breakpoint_disabled td,
1870
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings div.mega-tab-content .mega-mobile_toggle_disabled td {
1871
+ padding-top: 10px;
1872
+ padding-bottom: 10px;
1873
+ border-top: 0; }
1874
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings div.mega-tab-content .mega-responsive_breakpoint_disabled h5,
1875
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .menu_settings div.mega-tab-content .mega-mobile_toggle_disabled h5,
1876
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings div.mega-tab-content .mega-responsive_breakpoint_disabled h5,
1877
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings div.mega-tab-content .mega-mobile_toggle_disabled h5 {
1878
+ border: 1px solid #ccc;
1879
+ padding: 10px;
1880
+ box-sizing: border-box;
1881
+ border-left: 3px solid #46b450;
1882
+ font-size: 12px;
1883
+ font-weight: normal;
1884
+ margin: 0 10px; }
1885
+ body[class*='mega-menu_page_maxmegamenu_'] .megamenu_right .mega-description .fail,
1886
+ body.toplevel_page_maxmegamenu .megamenu_right .mega-description .fail {
1887
+ margin: 20px 0 0 0;
1888
+ color: #999; }
1889
+
1890
+ body[class*='mega-menu_page_maxmegamenu_'] .mega-delete,
1891
+ body.toplevel_page_maxmegamenu .mega-delete {
1892
+ margin-bottom: 15px;
1893
+ cursor: pointer; }
1894
+
1895
+ @keyframes "rotation" {
1896
+ 0% {
1897
+ -webkit-transform: rotate(0deg);
1898
+ transform: rotate(0deg); }
1899
+ 100% {
1900
+ -webkit-transform: rotate(359deg);
1901
+ transform: rotate(359deg); } }
css/admin/admin.scss ADDED
@@ -0,0 +1,2440 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ $light_blue: #2ea2cc;
2
+ $light_grey: #f7f7f7;
3
+ $mid_grey: #eee;
4
+ $grey: #DFDFDF;
5
+ $dark_grey: #999;
6
+ $text_grey: #444;
7
+ $white: #fff;
8
+ $black: #000;
9
+ $red: #D0011B;
10
+ $orange: #ffb900;
11
+ $green: #46b450;
12
+
13
+ .nav-menus-php {
14
+
15
+ #cboxContent {
16
+ padding: 0;
17
+ -webkit-user-select: none;
18
+ -moz-user-select: none;
19
+ -ms-user-select: none;
20
+ user-select: none;
21
+
22
+ .notice {
23
+ margin: 10px 0 0 0;
24
+
25
+ .notice-dismiss:focus {
26
+ box-shadow: none;
27
+ }
28
+ }
29
+
30
+ .mega-tooltip {
31
+ position: relative;
32
+
33
+
34
+ &.mega-enabled:before {
35
+ content: attr(data-tooltip-enabled);
36
+ }
37
+
38
+ &.mega-disabled:before {
39
+ content: attr(data-tooltip-disabled);
40
+ }
41
+
42
+ &:before {
43
+ position: absolute;
44
+ content: attr(data-tooltip);
45
+ top: -32px;
46
+ background: $black;
47
+ color: $white;
48
+ padding: 3px 0;
49
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
50
+ font-size: 10px;
51
+ border-radius: 3px;
52
+ margin-left: -10px;
53
+ width: 160px;
54
+ z-index: 2;
55
+ }
56
+
57
+ &:after {
58
+ top: -8px;
59
+ left: 8px;
60
+ border: solid transparent;
61
+ content: " ";
62
+ height: 0;
63
+ width: 0;
64
+ position: absolute;
65
+ border-color: transparent;
66
+ border-top-color: $black;
67
+ border-width: 4px;
68
+ margin-left: -4px;
69
+ }
70
+
71
+ &:before,
72
+ &:after {
73
+ opacity: 0;
74
+ pointer-events: none;
75
+ text-align: center;
76
+ transition: all 0.3s;
77
+ transition-delay: 0.3s;
78
+ }
79
+
80
+ &:focus:before,
81
+ &:focus:after,
82
+ &:hover:before,
83
+ &:hover:after {
84
+ opacity: 1;
85
+ }
86
+
87
+ }
88
+
89
+ .mm_tabs {
90
+ li.mm_tab_horizontal {
91
+ float: left;
92
+ margin-right: 10px;
93
+ cursor: pointer;
94
+ padding: 3px 5px;
95
+ font-size: 0.9em;
96
+ color: $text_grey;
97
+ transition: all 0.05s linear;
98
+
99
+ &:hover {
100
+ background: $light_blue;
101
+ color: white;
102
+ }
103
+ }
104
+
105
+ li.mm_tab_horizontal.active {
106
+ background: $light_blue;
107
+ color: white;
108
+ }
109
+
110
+ &.horizontal {
111
+ width: 85%;
112
+ float: left;
113
+ margin-top: 0;
114
+ }
115
+ }
116
+
117
+
118
+ .filter_icons {
119
+ width: 14%;
120
+ float: right;
121
+ margin-top: 0;
122
+ font-size: 0.9em;
123
+ }
124
+
125
+ .mm_header_container {
126
+ float: left;
127
+ width: 100%;
128
+ border-bottom: 1px solid $mid_grey;
129
+
130
+ .mm_title {
131
+ padding: 0 20px;
132
+ background: white;
133
+ font-size: 1.3em;
134
+ line-height: 75px;
135
+ float: left;
136
+ }
137
+
138
+ .mm_saving {
139
+ text-align: right;
140
+ padding: 0 20px;
141
+ display: none;
142
+ line-height: 75px;
143
+ text-transform: uppercase;
144
+ color: $light_blue;
145
+ font-size: 11px;
146
+ font-weight: bold;
147
+ float: right;
148
+ background: $white;
149
+
150
+ &:before {
151
+ color: $light_blue;
152
+ display: inline-block;
153
+ font: normal 20px/75px 'dashicons';
154
+ speak: none;
155
+ -webkit-font-smoothing: antialiased;
156
+ -moz-osx-font-smoothing: grayscale;
157
+ vertical-align: top;
158
+ margin-right: 5px;
159
+ content: '\f463';
160
+ -webkit-animation: rotation 2s infinite linear;
161
+ animation: rotation 2s infinite linear;
162
+ }
163
+ }
164
+
165
+ }
166
+
167
+ .mm_tab_container {
168
+ width: 15%;
169
+ float: left;
170
+ position: relative;
171
+ height: 554px;
172
+ background: white;
173
+ -webkit-box-shadow: inset -10px 0px 7px -12px rgba(0, 0, 0, 0.2);
174
+ -moz-box-shadow: inset -10px 0px 7px -12px rgba(0, 0, 0, 0.2);
175
+ box-shadow: inset -10px 0px 7px -12px rgba(0, 0, 0, 0.2);
176
+
177
+ .mm_tab {
178
+ text-decoration: none;
179
+ color: $text_grey;
180
+ width: 100%;
181
+ display: block;
182
+ padding: 10px 0px 10px 20px;
183
+ box-sizing: border-box;
184
+ outline: 0;
185
+ position: relative;
186
+ transition: all 0.05s linear;
187
+ font-size: 12px;
188
+ }
189
+
190
+ .mm_tab.active {
191
+ color: white;
192
+ background: $light_blue;
193
+
194
+ &:after {
195
+ right: 0;
196
+ border: solid 5px transparent;
197
+ content: " ";
198
+ height: 0;
199
+ width: 0;
200
+ position: absolute;
201
+ pointer-events: none;
202
+ border-right-color: white;
203
+ top: 50%;
204
+ margin-top: -5px;
205
+ }
206
+ }
207
+
208
+
209
+ }
210
+
211
+ p.submit {
212
+ margin-bottom: 0;
213
+ padding-bottom: 0;
214
+ }
215
+
216
+ .mm_content_container {
217
+ padding: 20px;
218
+ float: right;
219
+ height: 554px;
220
+ width: 85%;
221
+ overflow: auto;
222
+ box-sizing: border-box;
223
+ position: relative;
224
+ }
225
+
226
+ .mega_menu {
227
+
228
+ .mm_panel_options {
229
+ float: right;
230
+ }
231
+
232
+ #megamenu-grid {
233
+
234
+ button.mega-add-row,
235
+ button.mega-add-column {
236
+ height: 21px;
237
+ line-height: 20px;
238
+ font-size: 12px;
239
+ padding-left: 4px;
240
+
241
+ .dashicons-plus {
242
+ margin-top: 4px;
243
+ }
244
+ }
245
+
246
+ > .drop-area {
247
+ margin-top: 20px;
248
+ border: 1px dashed $dark_grey;
249
+ max-height: 100px !important;
250
+ }
251
+
252
+ .mega-row {
253
+ width: 100%;
254
+ display: inline-block;
255
+ background-color: $light_grey;
256
+ border: 1px solid $grey;
257
+ clear: both;
258
+ padding: 10px 5px;
259
+ margin-top: 20px;
260
+ box-sizing: border-box;
261
+ position: relative;
262
+ min-height: 100%;
263
+
264
+ .mega-row-header {
265
+ display: inline-block;
266
+ width: 100%;
267
+ padding: 5px 0;
268
+ box-sizing: border-box;
269
+
270
+ .mega-disabled .dashicons {
271
+ opacity: 1;
272
+ }
273
+
274
+ .dashicons {
275
+ opacity: 0.2;
276
+ transition: opacity 0.5s;
277
+ }
278
+
279
+ .dashicons-plus {
280
+ opacity: 1;
281
+ }
282
+
283
+ .mega-row-actions {
284
+ display: inline-block;
285
+
286
+ .dashicons-trash {
287
+ display: none;
288
+ color: #D0011B;
289
+ }
290
+ }
291
+
292
+
293
+ .mega-row-actions:hover .dashicons {
294
+ opacity: 1;
295
+ }
296
+ }
297
+
298
+ &[data-total-cols='0'] {
299
+ .mega-row-header .mega-row-actions .dashicons-trash {
300
+ display: inline-block;
301
+ opacity: 1;
302
+ }
303
+ }
304
+
305
+ .notice {
306
+ margin: 10px 5px;
307
+ cursor: pointer;
308
+ }
309
+ }
310
+
311
+ .mega-col {
312
+ display: inline-block;
313
+ position: relative;
314
+ vertical-align: top;
315
+ float: left;
316
+ transition: width 0.1s;
317
+
318
+ .mega-col-wrap {
319
+ background-color: $white;
320
+ border: 1px solid $grey;
321
+ margin: 3px;
322
+ padding: 8px;
323
+ }
324
+
325
+ &[data-span='1'] {
326
+ .mega-col-contract,
327
+ .widget-title {
328
+ display: none;
329
+ }
330
+ }
331
+
332
+ &[data-span='1'] {
333
+ .mega-col-header .mega-col-actions {
334
+ float: left;
335
+ clear: both;
336
+ }
337
+ }
338
+
339
+ .mega-col-widgets {
340
+ min-height: 50px;
341
+
342
+ .widget {
343
+ float: none;
344
+ width: 100%;
345
+ border: 0;
346
+ margin: 3px 0;
347
+
348
+ .widget-top {
349
+ background: $light_grey;
350
+ border: 1px solid $grey;
351
+ height: 42px;
352
+ }
353
+
354
+ &.open .widget-top {
355
+ border: 1px solid $dark_grey;
356
+ border-bottom: 0;
357
+ }
358
+
359
+
360
+ &.open .widget-inner {
361
+ border: 1px solid $dark_grey;
362
+ }
363
+
364
+ .widget-title-action {
365
+ background: $light_grey;
366
+ border: 0;
367
+ padding-left: 0;
368
+ padding-right: 10px;
369
+ position: absolute;
370
+ top: 0;
371
+ }
372
+
373
+ &[data-type=item] {
374
+ .widget-title-action {
375
+ display: none;
376
+ }
377
+ }
378
+
379
+ .widget-title {
380
+
381
+ h4 {
382
+ font-weight: normal;
383
+ margin-top: 5px;
384
+ line-height: 16px;
385
+ }
386
+
387
+ .widget-desc {
388
+ clear: both;
389
+ font-weight: normal;
390
+ font-size: 10px;
391
+ opacity: 0.6;
392
+ float: left;
393
+ font-style: italic;
394
+ }
395
+
396
+ }
397
+
398
+ }
399
+
400
+ }
401
+
402
+ .mega-col-description {
403
+ float: left;
404
+
405
+ .mega-disabled .dashicons {
406
+ opacity: 1;
407
+ }
408
+
409
+ .dashicons {
410
+ opacity: 0.2;
411
+ transition: opacity 0.5s;
412
+ }
413
+
414
+ .dashicons-trash {
415
+ display: none;
416
+ color: #D0011B;
417
+ }
418
+ }
419
+
420
+ &[data-total-blocks='0'] {
421
+ .dashicons-trash {
422
+ display: inline-block;
423
+ opacity: 1;
424
+ }
425
+ }
426
+
427
+ .mega-col-header {
428
+ display: inline-block;
429
+ width: 100%;
430
+
431
+ .mega-col-description:hover .dashicons {
432
+ opacity: 1;
433
+ }
434
+
435
+ .mega-col-actions {
436
+ float: right;
437
+
438
+ .dashicons {
439
+ margin-right: 0;
440
+ width: 10px;
441
+ cursor: pointer;
442
+ }
443
+ > span {
444
+ font-size: 10px;
445
+ position: relative;
446
+ top: -3px;
447
+ }
448
+
449
+ }
450
+
451
+ }
452
+
453
+ @for $of from 1 through 12 {
454
+ @for $cols from 1 through $of {
455
+ &[data-span='#{$cols}'] {
456
+ width: (100% / $of) * $cols;
457
+ }
458
+ }
459
+ }
460
+
461
+ }
462
+
463
+ button.mega-add-column {
464
+ position: absolute;
465
+ right: 10px;
466
+ top: 10px;
467
+ }
468
+
469
+ button.mega-add-row {
470
+ margin-top: 20px;
471
+ }
472
+
473
+
474
+ .mega-row-settings,
475
+ .mega-col-settings {
476
+ float: left;
477
+ width: 100%;
478
+ display: none;
479
+ margin: 5px 0 20px;
480
+ background: $light_grey;
481
+ padding: 10px;
482
+ box-sizing: border-box;
483
+ border: 1px solid $grey;
484
+
485
+ label {
486
+ width: 100%;
487
+ font-size: 11px;
488
+ text-transform: uppercase;
489
+ margin-right: 5px;
490
+ }
491
+
492
+ input {
493
+ font-size: 11px;
494
+ max-width: 100%;
495
+ display: block;
496
+ width: 100%;
497
+ margin: 5px 0 10px 0;
498
+ }
499
+
500
+ button {
501
+ display: block;
502
+ }
503
+ }
504
+
505
+ .mega-row-settings {
506
+ margin: 10px 0;
507
+ background: white;
508
+ }
509
+ .dashicons {
510
+ font-size: 13px;
511
+ width: 17px;
512
+ cursor: pointer;
513
+ }
514
+
515
+ .dashicons-sort,
516
+ .dashicons-move {
517
+ cursor: move;
518
+ }
519
+
520
+ .mega-disabled .dashicons {
521
+ &:before {
522
+ color: $red;
523
+ }
524
+ }
525
+
526
+ .mega-row[data-total-cols='12'] {
527
+ .mega-col-expand {
528
+ pointer-events: none;
529
+ color: $grey;
530
+ }
531
+ }
532
+
533
+ .mega-add-row {
534
+ clear: both;
535
+ }
536
+
537
+ .drop-area {
538
+ display: inline-block;
539
+ -webkit-box-sizing: border-box;
540
+ -moz-box-sizing: border-box;
541
+ box-sizing: border-box;
542
+ }
543
+
544
+ .ui-sortable-helper {
545
+ opacity: 0.5;
546
+ }
547
+
548
+ }
549
+
550
+ #widgets {
551
+ float: left;
552
+ background: $light_grey;
553
+ border: 1px solid $grey;
554
+ width: 760px;
555
+ position: relative;
556
+ margin-top: 15px;
557
+ padding: 5px;
558
+ float: left;
559
+ width: 100%;
560
+ box-sizing: border-box;
561
+ min-height: 200px;
562
+
563
+ .no_widgets {
564
+ font-size: 0.9em;
565
+ margin-left: 10px;
566
+ font-style: italic;
567
+ margin-top: 10px;
568
+ clear: both;
569
+ color: $text_grey;
570
+ float: left;
571
+ }
572
+
573
+ .drop-area {
574
+ display: block;
575
+ border: 1px solid $mid_grey;
576
+ float: left;
577
+ -webkit-box-sizing: border-box;
578
+ -moz-box-sizing: border-box;
579
+ box-sizing: border-box;
580
+ }
581
+
582
+ .widget[data-type='menu_item'] {
583
+ .widget-action {
584
+ display: none;
585
+ }
586
+ }
587
+
588
+ .widget {
589
+ width: 100%;
590
+
591
+ h4 {
592
+ max-width: 700px;
593
+ }
594
+ }
595
+ }
596
+
597
+ select#mm_enable_mega_menu {
598
+ margin-bottom: 0;
599
+ font-size: 0.9em;
600
+ margin-left: 5px;
601
+ }
602
+
603
+ select#mm_widget_selector {
604
+ font-size: 0.9em;
605
+ float: right;
606
+ margin-right: 5px;
607
+ }
608
+
609
+ #mm_number_of_columns {
610
+ font-size: 0.9em;
611
+ float: right;
612
+ margin-right: 10px;
613
+ }
614
+
615
+ .mm_header {
616
+ float: right;
617
+ }
618
+
619
+ .widget {
620
+ -webkit-box-sizing: border-box;
621
+ -moz-box-sizing: border-box;
622
+ box-sizing: border-box;
623
+ width: 160px;
624
+ margin: 0;
625
+ color: $text_grey;
626
+ font-size: 12px;
627
+ display: inline-block;
628
+ float: left;
629
+ border: 5px solid transparent;
630
+
631
+ &:hover {
632
+ .widget-top {
633
+ border: 1px solid $text_grey;
634
+ }
635
+ .widget-inner {
636
+ border: 1px solid $text_grey;
637
+ }
638
+ }
639
+
640
+ textarea {
641
+ max-height: 100px;
642
+ }
643
+ }
644
+
645
+ .widget.open {
646
+ z-index: 999;
647
+
648
+ .widget-top {
649
+ border: 1px solid $text_grey;
650
+ cursor: move;
651
+ z-index: 1001;
652
+ position: relative;
653
+ border-bottom: 0;
654
+ }
655
+
656
+ .widget-inner {
657
+ border: 1px solid $text_grey;
658
+ position: absolute;
659
+ z-index: 1000;
660
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
661
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
662
+ margin-top: -1px;
663
+ background: white;
664
+ min-width: 340px;
665
+ box-sizing: border-box;
666
+ display: block;
667
+ }
668
+
669
+ .widget-action {
670
+ &::after {
671
+ content: '\f142';
672
+ }
673
+ }
674
+ }
675
+
676
+ .widget-top {
677
+ border: 0;
678
+ -webkit-box-shadow: 0 0 0;
679
+ box-shadow: 0 0 0;
680
+ border: 1px solid $grey;
681
+ padding: 0 8px;
682
+ background: white;
683
+ overflow: hidden;
684
+ }
685
+
686
+
687
+
688
+ .widget.sub_menu {
689
+ .widget-top {
690
+ cursor: default;
691
+ }
692
+ }
693
+
694
+ .widget-title {
695
+ h4 {
696
+ color: $text_grey;
697
+ float: left;
698
+ margin: 0;
699
+ padding: 0;
700
+ overflow: hidden;
701
+ white-space: nowrap;
702
+ border-bottom: 0;
703
+ font-size: 12px;
704
+ text-overflow: ellipsis;
705
+ line-height: 42px;
706
+
707
+ &:after {
708
+ color: #d54e21;
709
+ display: none;
710
+ font: normal 20px/1 'dashicons';
711
+ speak: none;
712
+ -webkit-font-smoothing: antialiased;
713
+ -moz-osx-font-smoothing: grayscale;
714
+ vertical-align: top;
715
+ margin-left: 5px;
716
+ content: '\f463';
717
+ -webkit-animation: rotation 2s infinite linear;
718
+ animation: rotation 2s infinite linear;
719
+ vertical-align: middle;
720
+ }
721
+ }
722
+
723
+ h4.loading {
724
+ &:after {
725
+ display: inline-block;
726
+ }
727
+ }
728
+ }
729
+
730
+ .widget[data-type='menu_item'] {
731
+ .widget-title {
732
+ h4 {
733
+ &:before {
734
+ color: $text_grey;
735
+ font: normal 16px/1 'dashicons';
736
+ speak: none;
737
+ -webkit-font-smoothing: antialiased;
738
+ -moz-osx-font-smoothing: grayscale;
739
+ vertical-align: top;
740
+ margin-right: 2px;
741
+ content: "\f333";
742
+ vertical-align: middle;
743
+ top: -1px;
744
+ position: relative;
745
+ }
746
+ }
747
+ }
748
+ }
749
+
750
+ .widget-controls {
751
+
752
+ float: left;
753
+
754
+ .delete:hover {
755
+ text-decoration: none;
756
+ color: $red;
757
+ }
758
+ }
759
+
760
+ .widget-inner {
761
+ display: none;
762
+ float: left;
763
+ width: 100%;
764
+ background: white;
765
+
766
+ form {
767
+ padding: 0 15px 15px 15px;
768
+ margin-bottom: 30px;
769
+ }
770
+ p {
771
+ font-size: 12px;
772
+ }
773
+ select {
774
+ font-size: 12px;
775
+ }
776
+ input {
777
+ font-size: 12px;
778
+ }
779
+ }
780
+
781
+ .widget-title-action {
782
+ padding: 0;
783
+ position: relative;
784
+ font-weight: normal;
785
+ position: absolute;
786
+ right: 1px;
787
+ background: white;
788
+ border-right: 7px solid white;
789
+ padding-left: 10px;
790
+ opacity: 1;
791
+ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 9%, white 100%);
792
+
793
+ a {
794
+ display: inline-block;
795
+ line-height: 40px;
796
+ }
797
+ }
798
+
799
+ .widget-option {
800
+ right: 0;
801
+ border: 0;
802
+ background: 0 0;
803
+ font: 400 16px/1 dashicons;
804
+ speak: none;
805
+ display: block;
806
+ padding: 0;
807
+ text-indent: 0;
808
+ text-align: center;
809
+ position: relative;
810
+ -webkit-font-smoothing: antialiased;
811
+ -moz-osx-font-smoothing: grayscale;
812
+ text-decoration: none !important;
813
+ color: $dark_grey;
814
+
815
+ &:hover {
816
+ color: $text_grey;
817
+ cursor: pointer;
818
+ }
819
+
820
+ &::after {
821
+ padding: 0;
822
+ font: 400 14px/40px dashicons;
823
+ display: inline;
824
+ }
825
+ }
826
+
827
+ .widget-cols {
828
+ line-height: 40px;
829
+ vertical-align: top;
830
+ display: inline-block;
831
+ color: $dark_grey;
832
+ font-size: 11px;
833
+ vertical-align: bottom;
834
+ }
835
+
836
+ h5 {
837
+ margin: 10px 0 0 10px;
838
+ text-transform: uppercase;
839
+ float: left;
840
+ }
841
+
842
+ .widget-expand {
843
+ &::after {
844
+ content: '\f345';
845
+ }
846
+ }
847
+
848
+ .widget-contract {
849
+ &::after {
850
+ content: '\f341';
851
+ }
852
+ }
853
+
854
+ .widget-action {
855
+ &::after {
856
+ content: '\f107';
857
+ margin: 0;
858
+ }
859
+ }
860
+
861
+ .widget-option.disabled {
862
+ &:hover {
863
+ color: $dark_grey;
864
+ }
865
+ }
866
+
867
+ .widget[data-columns='1'] {
868
+ .widget-contract {
869
+ display: none;
870
+ }
871
+ }
872
+
873
+ #widgets[data-columns='1'] {
874
+ .widget[data-columns='1'] {
875
+ width: 100%;
876
+ }
877
+ }
878
+
879
+ #widgets[data-columns='2'] {
880
+ .widget[data-columns='1'] {
881
+ width: 50%;
882
+ }
883
+ .widget[data-columns='2'] {
884
+ width: 100%;
885
+ }
886
+ }
887
+
888
+ #widgets[data-columns='3'] {
889
+ .widget[data-columns='1'] {
890
+ width: 33.3%;
891
+ }
892
+ .widget[data-columns='2'] {
893
+ width: 66.6%;
894
+ }
895
+ .widget[data-columns='3'] {
896
+ width: 100%;
897
+ }
898
+ }
899
+
900
+ #widgets[data-columns='4'] {
901
+ .widget[data-columns='1'] {
902
+ width: 25%;
903
+ }
904
+ .widget[data-columns='2'] {
905
+ width: 50%;
906
+ }
907
+ .widget[data-columns='3'] {
908
+ width: 75%;
909
+ }
910
+ .widget[data-columns='4'] {
911
+ width: 100%;
912
+ }
913
+ }
914
+
915
+ #widgets[data-columns='5'] {
916
+ .widget[data-columns='1'] {
917
+ width: 20%;
918
+ }
919
+ .widget[data-columns='2'] {
920
+ width: 40%;
921
+ }
922
+ .widget[data-columns='3'] {
923
+ width: 60%;
924
+ }
925
+ .widget[data-columns='4'] {
926
+ width: 80%;
927
+ }
928
+ .widget[data-columns='5'] {
929
+ width: 100%;
930
+ }
931
+ }
932
+
933
+ #widgets[data-columns='6'] {
934
+ .widget[data-columns='1'] {
935
+ width: 16.6%;
936
+ }
937
+ .widget[data-columns='2'] {
938
+ width: 33.3%;
939
+ }
940
+ .widget[data-columns='3'] {
941
+ width: 50%;
942
+ }
943
+ .widget[data-columns='4'] {
944
+ width: 66.6%;
945
+ }
946
+ .widget[data-columns='5'] {
947
+ width: 83.3%;
948
+ }
949
+ .widget[data-columns='6'] {
950
+ width: 100%;
951
+ }
952
+ }
953
+
954
+ #widgets[data-columns='7'] {
955
+ .widget[data-columns='1'] {
956
+ width: 14.28%;
957
+ }
958
+ .widget[data-columns='2'] {
959
+ width: 28.57%;
960
+ }
961
+ .widget[data-columns='3'] {
962
+ width: 42.85%;
963
+ }
964
+ .widget[data-columns='4'] {
965
+ width: 57.14%;
966
+ }
967
+ .widget[data-columns='5'] {
968
+ width: 71.42%;
969
+ }
970
+ .widget[data-columns='6'] {
971
+ width: 85.71%;
972
+ }
973
+ .widget[data-columns='7'] {
974
+ width: 100%;
975
+ }
976
+ }
977
+
978
+ #widgets[data-columns='8'] {
979
+ .widget[data-columns='1'] {
980
+ width: 12.5%;
981
+ }
982
+ .widget[data-columns='2'] {
983
+ width: 25%;
984
+ }
985
+ .widget[data-columns='3'] {
986
+ width: 37.5%;
987
+ }
988
+ .widget[data-columns='4'] {
989
+ width: 50%;
990
+ }
991
+ .widget[data-columns='5'] {
992
+ width: 62.5%;
993
+ }
994
+ .widget[data-columns='6'] {
995
+ width: 75%;
996
+ }
997
+ .widget[data-columns='7'] {
998
+ width: 87.5%;
999
+ }
1000
+ .widget[data-columns='8'] {
1001
+ width: 100%;
1002
+ }
1003
+ }
1004
+
1005
+ #widgets[data-columns='9'] {
1006
+ .widget[data-columns='1'] {
1007
+ width: 11.11%;
1008
+ }
1009
+ .widget[data-columns='2'] {
1010
+ width: 22.22%;
1011
+ }
1012
+ .widget[data-columns='3'] {
1013
+ width: 33.33%;
1014
+ }
1015
+ .widget[data-columns='4'] {
1016
+ width: 44.44%;
1017
+ }
1018
+ .widget[data-columns='5'] {
1019
+ width: 55.55%;
1020
+ }
1021
+ .widget[data-columns='6'] {
1022
+ width: 66.66%;
1023
+ }
1024
+ .widget[data-columns='7'] {
1025
+ width: 77.77%;
1026
+ }
1027
+ .widget[data-columns='8'] {
1028
+ width: 88.88%;
1029
+ }
1030
+ .widget[data-columns='9'] {
1031
+ width: 100%;
1032
+ }
1033
+ }
1034
+
1035
+ #widgets.disabled {
1036
+ opacity: 0.5;
1037
+
1038
+ &:after {
1039
+ background: $grey;
1040
+ display: block;
1041
+ position: absolute;
1042
+ top: 0;
1043
+ left: 0;
1044
+ height: 100%;
1045
+ width: 100%;
1046
+ content: "";
1047
+ opacity: 0.3;
1048
+ }
1049
+ }
1050
+ }
1051
+
1052
+ label[for='mm_enable_mega_menu'] {
1053
+ font-size: 12px;
1054
+ }
1055
+
1056
+ .menu_icon {
1057
+ .icon_selector {
1058
+ clear: both;
1059
+
1060
+ >div {
1061
+ float: left;
1062
+ padding: 0 19px 19px 0;
1063
+ width: 24px;
1064
+ height: 24px;
1065
+ box-sizing: initial;
1066
+ }
1067
+
1068
+ label {
1069
+ float: left;
1070
+ display: block;
1071
+ width: 24px;
1072
+ height: 24px;
1073
+
1074
+ &:before {
1075
+ width: 24px;
1076
+ height: 24px;
1077
+ display: inline-block;
1078
+ content: attr(rel);
1079
+ border: 1px solid $grey;
1080
+ padding: 6px;
1081
+ background: $light_grey;
1082
+ color: $dark_grey;
1083
+ }
1084
+ }
1085
+
1086
+ input.radio {
1087
+ &:empty {
1088
+ margin-left: -9999px;
1089
+
1090
+ ~ {
1091
+ label {
1092
+ position: relative;
1093
+ cursor: pointer;
1094
+ -webkit-user-select: none;
1095
+ -moz-user-select: none;
1096
+ -ms-user-select: none;
1097
+ user-select: none;
1098
+ }
1099
+ }
1100
+ }
1101
+
1102
+ &:checked {
1103
+ ~ {
1104
+ label {
1105
+ &:before {
1106
+ border: 1px solid #0074a2;
1107
+ color: #0074a2;
1108
+ background: white;
1109
+ }
1110
+ color: $dark_grey;
1111
+ }
1112
+ }
1113
+ }
1114
+
1115
+ &:hover {
1116
+ &:checked {
1117
+ ~ {
1118
+ label {
1119
+ &:before {
1120
+ border: 1px solid #0074a2;
1121
+ color: #0074a2;
1122
+ background: white;
1123
+ }
1124
+ }
1125
+ }
1126
+ }
1127
+ ~ {
1128
+ label {
1129
+ &:before {
1130
+ color: #0074a2;
1131
+ }
1132
+ }
1133
+ }
1134
+ }
1135
+ }
1136
+
1137
+ .dash {
1138
+ label {
1139
+ &:before {
1140
+ font: 400 24px/1 dashicons;
1141
+ }
1142
+ }
1143
+ }
1144
+ }
1145
+ }
1146
+
1147
+ table {
1148
+
1149
+ td {
1150
+ padding-bottom: 10px;
1151
+ }
1152
+
1153
+ td.mega-name {
1154
+ width: 27%;
1155
+ line-height: 2em;
1156
+ padding-right: 30px;
1157
+ vertical-align: top;
1158
+ font-size: 12px;
1159
+
1160
+ .mega-description {
1161
+ font-size: 0.9em;
1162
+ color: $dark_grey;
1163
+ line-height: 1.5em;
1164
+ }
1165
+ }
1166
+
1167
+ td.mega-value {
1168
+ font-size: 12px;
1169
+
1170
+ select {
1171
+ font-size: 0.9em;
1172
+ height: 28px;
1173
+ line-height: 28px;
1174
+ }
1175
+ textarea {
1176
+ font-size: 0.9em;
1177
+ height: 28px;
1178
+ line-height: 28px;
1179
+ }
1180
+ input[type=text] {
1181
+ font-size: 0.9em;
1182
+ height: 28px;
1183
+ line-height: 28px;
1184
+ }
1185
+ input[type=number] {
1186
+ font-size: 0.9em;
1187
+ height: 28px;
1188
+ line-height: 28px;
1189
+ }
1190
+ .mega-description {
1191
+ font-size: 0.9em;
1192
+ color: $dark_grey;
1193
+ line-height: 1.5em;
1194
+ text-indent: 2px;
1195
+ margin-top: 5px;
1196
+ }
1197
+ }
1198
+
1199
+ .mega-menu-item-align {
1200
+ td.mega-value {
1201
+ select {
1202
+ float: left;
1203
+ margin-right: 10px;
1204
+ }
1205
+ .mega-description {
1206
+ float: left;
1207
+ margin-right: 10px;
1208
+ }
1209
+ }
1210
+ }
1211
+
1212
+ .mega-sub-menu-align {
1213
+ td.mega-value {
1214
+ select {
1215
+ float: left;
1216
+ margin-right: 10px;
1217
+ }
1218
+ .mega-description {
1219
+ float: left;
1220
+ margin-right: 10px;
1221
+ }
1222
+ }
1223
+ }
1224
+
1225
+ input {
1226
+ width: 70px;
1227
+ margin-right: 20px;
1228
+ }
1229
+
1230
+ label {
1231
+ font-size: 0.9em;
1232
+ }
1233
+
1234
+ input[type=checkbox] {
1235
+ width: 16px;
1236
+ height: 16px;
1237
+ margin-right: 10px;
1238
+ vertical-align: middle;
1239
+ }
1240
+ width: 100%;
1241
+ border-collapse: collapse;
1242
+ }
1243
+
1244
+ .general_settings {
1245
+ table {
1246
+ td {
1247
+ padding-bottom: 5px;
1248
+ }
1249
+ }
1250
+ }
1251
+
1252
+ form {
1253
+ > h4.first {
1254
+ margin: 0em 0 0.7em 0;
1255
+ }
1256
+ >h4 {
1257
+ clear: both;
1258
+ border-bottom: 1px solid $grey;
1259
+ padding: 0 0 10px 0;
1260
+ font-size: 1em;
1261
+ margin: 1.33em 0 0.7em 0;
1262
+ }
1263
+ }
1264
+
1265
+ .mm_content {
1266
+ >h4.first {
1267
+ margin: 0em 0 0.7em 0;
1268
+ }
1269
+ >h4 {
1270
+ clear: both;
1271
+ border-bottom: 1px solid $grey;
1272
+ padding: 0 0 10px 0;
1273
+ font-size: 1em;
1274
+ margin: 1.33em 0 0.7em 0;
1275
+ }
1276
+ }
1277
+
1278
+ img {
1279
+ height: auto;
1280
+ max-width: 100%;
1281
+ }
1282
+
1283
+ div[id^=rommeled_image] {
1284
+ .non-sortable {
1285
+ display: block !important;
1286
+ }
1287
+ }
1288
+ }
1289
+
1290
+ #cboxClose {
1291
+ text-indent: 0;
1292
+ background: none;
1293
+ width: auto;
1294
+ height: auto;
1295
+ color: white;
1296
+ right: -28px;
1297
+ top: 2px;
1298
+ &:before {
1299
+ content: "\f335";
1300
+ font: normal 24px/29px 'dashicons';
1301
+ }
1302
+ &:hover {
1303
+ color: #0074a2;
1304
+ }
1305
+ }
1306
+
1307
+ &.megamenu_enabled {
1308
+
1309
+ .mm_launch {
1310
+ background: $light_blue;
1311
+ border-color: #0074a2;
1312
+ }
1313
+
1314
+ .mm_launch.mm_disabled {
1315
+ background: $dark_grey;
1316
+ border-color: $text_grey;
1317
+ }
1318
+
1319
+ .mm_prefix {
1320
+ display: block;
1321
+ font-size: 0.9em;
1322
+ border-left: 3px solid $orange;
1323
+ padding-left: 10px;
1324
+ margin-top: 3px;
1325
+ }
1326
+ }
1327
+
1328
+ .mm_prefix {
1329
+ display: none;
1330
+ }
1331
+
1332
+ .mm_launch {
1333
+ margin-left: 10px;
1334
+ font-size: 0.8em;
1335
+ cursor: pointer;
1336
+ color: white;
1337
+ display: inline-block;
1338
+ width: auto;
1339
+ font-weight: normal;
1340
+ height: auto;
1341
+ background: $dark_grey;
1342
+ border-color: $text_grey;
1343
+ border-width: 1px;
1344
+ padding: 0 5px;
1345
+ border-radius: 3px;
1346
+ opacity: 0;
1347
+ -webkit-transition: all 0.3s ease;
1348
+ -moz-transition: all 0.3s ease;
1349
+ -o-transition: all 0.3s ease;
1350
+ -ms-transition: all 0.3s ease;
1351
+ transition: all 0.3s ease;
1352
+ z-index: 1;
1353
+ position: relative;
1354
+
1355
+ &:before {
1356
+ font-family: dashicons;
1357
+ content: "\f111";
1358
+ font-size: 10px;
1359
+ margin-right: 2px;
1360
+ display: inline-block;
1361
+ vertical-align: bottom;
1362
+ }
1363
+ }
1364
+
1365
+ .menu-item-bar {
1366
+ .menu-item-handle {
1367
+ &:hover {
1368
+ .mm_launch {
1369
+ opacity: 1;
1370
+ }
1371
+ }
1372
+ }
1373
+ .dashicons-admin-generic {
1374
+ &:before {
1375
+ font-size: 1.2em;
1376
+ margin-right: 1px;
1377
+ height: auto;
1378
+ }
1379
+ }
1380
+ }
1381
+
1382
+ .mega_menu_meta_box {
1383
+ div#megamenu_accordion {
1384
+ h3 {
1385
+ padding: 0 0 10px 0;
1386
+ margin: 0;
1387
+ cursor: pointer;
1388
+ outline: none;
1389
+ float: left;
1390
+ width: 100%;
1391
+ color: $dark_grey;
1392
+ font-size: 14px;
1393
+ font-weight: normal;
1394
+ border: 0;
1395
+
1396
+ &:hover {
1397
+ color: $text_grey;
1398
+
1399
+ &::before {
1400
+ color: $black;
1401
+ }
1402
+ }
1403
+
1404
+ &::before {
1405
+ right: 0;
1406
+ content: '\f139';
1407
+ border: 0;
1408
+ background: 0 0;
1409
+ font: 400 20px/1 dashicons;
1410
+ speak: none;
1411
+ float: left;
1412
+ padding: 0;
1413
+ text-indent: 0;
1414
+ text-align: center;
1415
+ position: relative;
1416
+ -webkit-font-smoothing: antialiased;
1417
+ -moz-osx-font-smoothing: grayscale;
1418
+ text-decoration: none !important;
1419
+ margin-right: 6px;
1420
+ }
1421
+ }
1422
+
1423
+ h3.ui-state-active {
1424
+ color: $text_grey;
1425
+
1426
+ &::before {
1427
+ content: '\f140';
1428
+ }
1429
+ }
1430
+
1431
+ th {
1432
+ &::before {
1433
+ right: 0;
1434
+ content: '\f139';
1435
+ border: 0;
1436
+ background: 0 0;
1437
+ font: 400 20px/1 dashicons;
1438
+ speak: none;
1439
+ float: left;
1440
+ padding: 0;
1441
+ text-indent: 0;
1442
+ text-align: center;
1443
+ position: relative;
1444
+ -webkit-font-smoothing: antialiased;
1445
+ -moz-osx-font-smoothing: grayscale;
1446
+ text-decoration: none !important;
1447
+ margin-right: 6px;
1448
+ }
1449
+ }
1450
+ }
1451
+
1452
+ div.accordion_content {
1453
+ padding: 0 0 20px 0;
1454
+ float: left;
1455
+ border: 0;
1456
+ width: 100%;
1457
+ }
1458
+
1459
+ div {
1460
+ table {
1461
+ font-size: 0.9em;
1462
+ width: 100%;
1463
+ margin-bottom: 5px;
1464
+ border-collapse: collapse;
1465
+ select {
1466
+ font-size: 0.9em;
1467
+ max-width: 120px;
1468
+ }
1469
+ tr {
1470
+ height: 29px;
1471
+ vertical-align: middle;
1472
+ }
1473
+ th {
1474
+ border-bottom: 1px solid $grey;
1475
+ font-size: 1.1em;
1476
+ }
1477
+ td {
1478
+ &:nth-child(2) {
1479
+ text-align: right;
1480
+ min-width: 150px;
1481
+ }
1482
+ }
1483
+ }
1484
+ }
1485
+
1486
+ th {
1487
+ &::before {
1488
+ content: '\f100';
1489
+ }
1490
+ }
1491
+
1492
+ th.settings {
1493
+ &::before {
1494
+ content: '\f111';
1495
+ }
1496
+ }
1497
+
1498
+ p.submit {
1499
+ float: right;
1500
+ text-align: right;
1501
+ width: auto;
1502
+ margin: 0 0 15px 0;
1503
+ padding: 0;
1504
+ }
1505
+
1506
+ .spinner {
1507
+ float: right;
1508
+ }
1509
+ }
1510
+
1511
+ #nav-menu-meta {
1512
+ .mega_menu_meta_box {
1513
+ .accordion-section-content {
1514
+ padding: 0 10px;
1515
+ }
1516
+ }
1517
+ }
1518
+
1519
+ .menu-item-handle {
1520
+ .item-title {
1521
+ margin-right: 0;
1522
+ }
1523
+ }
1524
+ }
1525
+
1526
+
1527
+
1528
+
1529
+
1530
+ .toplevel_page_maxmegamenu .notice,
1531
+ .mega-menu_page_maxmegamenu_theme_editor .notice,
1532
+ .toplevel_page_maxmegamenu div.updated,
1533
+ .toplevel_page_maxmegamenu div.error {
1534
+ margin-left: 0;
1535
+ clear: both;
1536
+ }
1537
+
1538
+ body[class*='mega-menu_page_maxmegamenu_'],
1539
+ body.toplevel_page_maxmegamenu {
1540
+
1541
+ .megamenu_outer_wrap {
1542
+ display: inline-block;
1543
+ width: 100%;
1544
+ padding-right: 20px;
1545
+ padding-top: 10px;
1546
+ box-sizing: border-box;
1547
+ }
1548
+ *:focus {
1549
+ box-shadow: 0 0 0;
1550
+ }
1551
+
1552
+ .icon_dropdown {
1553
+
1554
+ .select2-choice > .select2-chosen {
1555
+ line-height: 28px;
1556
+ margin-right: 0px;
1557
+ }
1558
+
1559
+ .select2-choice .select2-arrow {
1560
+ display: none;
1561
+ }
1562
+
1563
+ .select2-choice {
1564
+ padding: 0 5px 0 5px;
1565
+ height: 28px;
1566
+ color: $grey;
1567
+ }
1568
+
1569
+ .select2-chosen i:before {
1570
+ line-height: 28px;
1571
+ font-size: 16px;
1572
+ color: $text_grey;
1573
+ }
1574
+
1575
+ }
1576
+
1577
+ .tpx-select2-drop {
1578
+ box-shadow: 0 0 0;
1579
+ min-width: 150px;
1580
+ }
1581
+
1582
+ .select2-results li {
1583
+ float: left;
1584
+
1585
+ &:first-child {
1586
+ float: none;
1587
+
1588
+ i {
1589
+ display: none;
1590
+ }
1591
+ }
1592
+
1593
+ .select2-result-label {
1594
+ font-size: 0.9em;
1595
+ }
1596
+ }
1597
+
1598
+ .icon_dropdown .select2-choice > .select2-chosen i,
1599
+ .select2-result-label i {
1600
+ display: inline-block;
1601
+ width: 20px;
1602
+ height: 20px;
1603
+ font-size: 20px;
1604
+ line-height: 1;
1605
+ font-family: dashicons;
1606
+ text-decoration: inherit;
1607
+ font-weight: normal;
1608
+ font-style: normal;
1609
+ vertical-align: top;
1610
+ text-align: center;
1611
+ -webkit-transition: color .1s ease-in 0;
1612
+ transition: color .1s ease-in 0;
1613
+ -webkit-font-smoothing: antialiased;
1614
+ -moz-osx-font-smoothing: grayscale;
1615
+ }
1616
+
1617
+ .megamenu_wrap {
1618
+ width: 100%;
1619
+ float: left;
1620
+ background: white;
1621
+ }
1622
+
1623
+ .megamenu_left {
1624
+ float: left;
1625
+ width: 190px;
1626
+ margin-left: -100%;
1627
+
1628
+ ul li a:hover,
1629
+ ul li a.active {
1630
+ border-left: 2px solid #0074a2;
1631
+ color: #0074a2;
1632
+ }
1633
+
1634
+ ul li a {
1635
+ text-decoration: none;
1636
+ color: $text_grey;
1637
+ width: 100%;
1638
+ display: block;
1639
+ padding: 5px 0px 5px 17px;
1640
+ box-sizing: border-box;
1641
+ border-left: 2px solid white;
1642
+ outline: 0;
1643
+ }
1644
+
1645
+ ul li.error {
1646
+ border-left: 3px solid $red;
1647
+ }
1648
+
1649
+ ul li.mega_active {
1650
+ font-weight: bold;
1651
+ }
1652
+
1653
+ ul li.mega_active a:after {
1654
+ right: 0;
1655
+ content: '\f139';
1656
+ border: 0;
1657
+ background: 0 0;
1658
+ font: 400 20px/1 dashicons;
1659
+ speak: none;
1660
+ float: right;
1661
+ padding: 0;
1662
+ text-indent: 0;
1663
+ text-align: center;
1664
+ position: relative;
1665
+ -webkit-font-smoothing: antialiased;
1666
+ -moz-osx-font-smoothing: grayscale;
1667
+ text-decoration: none!important;
1668
+ margin-right: 0;
1669
+ }
1670
+
1671
+ }
1672
+
1673
+ h3.first {
1674
+ margin-top: 0;
1675
+ }
1676
+
1677
+ h3 {
1678
+ clear: both;
1679
+ font-size: 1.1em;
1680
+ margin: 17px 0 5px 0;
1681
+ text-indent: 1px;
1682
+ border-bottom: 1px solid $grey;
1683
+ padding: 0 0 10px 0;
1684
+ }
1685
+
1686
+ h3 span {
1687
+ margin-right: 10px;
1688
+ }
1689
+
1690
+ a {
1691
+ text-decoration: none;
1692
+ }
1693
+
1694
+ .duplicate {
1695
+ margin-left: 15px;
1696
+ }
1697
+
1698
+ .megamenu_submit {
1699
+ margin-bottom: 40px;
1700
+ padding-top: 35px;
1701
+
1702
+ .mega_left,
1703
+ .mega_right {
1704
+ float: left;
1705
+ width: 50%;
1706
+ }
1707
+
1708
+ .spinner {
1709
+ float: left;
1710
+ }
1711
+
1712
+ p.submit {
1713
+ margin: 0;
1714
+ padding: 0;
1715
+ float: left;
1716
+ }
1717
+
1718
+ .mega_right {
1719
+ text-align: right;
1720
+ }
1721
+
1722
+ .mega_right a {
1723
+ color: $red;
1724
+ }
1725
+ }
1726
+
1727
+ .megamenu_header {
1728
+ background: white;
1729
+ padding: 10px 17px;
1730
+ border-bottom: 1px solid $mid_grey;
1731
+ float: left;
1732
+ width: 100%;
1733
+ box-sizing: border-box;
1734
+
1735
+ .version {
1736
+ font-style: italic;
1737
+ color: $dark_grey;
1738
+ margin-bottom: 15px;
1739
+ }
1740
+ }
1741
+
1742
+ .megamenu_header_top {
1743
+ font-size: 0.9em;
1744
+ display: block;
1745
+ width: 100%;
1746
+ height: 30px;
1747
+ line-height: 30px;
1748
+ margin-bottom: 10px;
1749
+ box-sizing: border-box;
1750
+
1751
+ ul {
1752
+ margin: 0;
1753
+ float: right;
1754
+ position: relative;
1755
+
1756
+ li {
1757
+ display: inline-block;
1758
+ margin: 0 0 0 14px;
1759
+ line-height: 30px;
1760
+
1761
+ &.mega-highlight {
1762
+ background: #35b1df;
1763
+ border-radius: 5px;
1764
+
1765
+ a {
1766
+ color: white;
1767
+ line-height: 30px;
1768
+ padding: 0 10px;
1769
+ }
1770
+ }
1771
+
1772
+ &.mega-star:before {
1773
+ font: 400 14px/28px dashicons;
1774
+ color: #ffb900;
1775
+ margin-right: 4px;
1776
+ content: "\f155";
1777
+ speak: none;
1778
+ padding: 0;
1779
+ display: inline-block;
1780
+ vertical-align: top;
1781
+ -webkit-font-smoothing: antialiased;
1782
+ -moz-osx-font-smoothing: grayscale;
1783
+ }
1784
+ }
1785
+ }
1786
+ }
1787
+
1788
+ .megamenu_wrap .megamenu_submit .saved {
1789
+ background: transparent;
1790
+ line-height: 28px;
1791
+ margin: 0 0 0 5px;
1792
+ float: left;
1793
+ border-radius: 0;
1794
+ color: #0074a2;
1795
+ text-transform: uppercase;
1796
+ font-weight: bold;
1797
+ }
1798
+
1799
+ .megamenu_wrap .megamenu_submit .saved .dashicons {
1800
+ color: #0074a2;
1801
+ width: 26px;
1802
+ line-height: 28px;
1803
+ height: 28px;
1804
+ }
1805
+
1806
+ .megamenu_wrap .success,
1807
+ .megamenu_wrap .fail {
1808
+ background: $white;
1809
+ border-left: 4px solid $green;
1810
+ border-top: 1px solid $mid_grey;
1811
+ border-bottom: 1px solid $mid_grey;
1812
+ border-right: 1px solid $mid_grey;
1813
+ box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
1814
+ padding: 10px;
1815
+ margin: 5px 0 30px;
1816
+ line-height: 22px;
1817
+ clear: both;
1818
+ }
1819
+
1820
+ .megamenu_wrap .fail {
1821
+ border-left: 4px solid $red;
1822
+ }
1823
+
1824
+ .mm-picker-container {
1825
+ border-radius: 3px;
1826
+ box-shadow: 0 1px 0 rgba(0,0,0,.08);
1827
+ border: 1px solid #ccc;
1828
+ font-size: 0.9em;
1829
+ float: left;
1830
+
1831
+ .sp-replacer {
1832
+ margin: 0;
1833
+ float: left;
1834
+ }
1835
+
1836
+ .sp-palette-container {
1837
+ width: 40px;
1838
+ }
1839
+
1840
+ .sp-replacer .sp-preview {
1841
+ border: 0;
1842
+ height: 26px;
1843
+ width: 26px;
1844
+ margin: 0;
1845
+ }
1846
+
1847
+ input.mm_colorpicker {
1848
+ float: left;
1849
+ border: 0;
1850
+ height: 23px;
1851
+ box-shadow: 0 0 0;
1852
+ margin: 0;
1853
+ }
1854
+
1855
+ div.chosen-color {
1856
+ background: #f7f7f7;
1857
+ -webkit-border-radius: 0 2px 2px 0;
1858
+ border-radius: 0 2px 2px 0;
1859
+ border-left: 1px solid #ccc;
1860
+ color: $text_grey;
1861
+ font-size: 11px;
1862
+ line-height: 26px;
1863
+ padding: 0 6px;
1864
+ text-align: center;
1865
+ -webkit-box-shadow: inset 0 1px 0 $white;
1866
+ box-shadow: inset 0 1px 0 $white;
1867
+ float: left;
1868
+ cursor: default;
1869
+ }
1870
+ }
1871
+
1872
+ .block .mm-picker-container {
1873
+ float: right;
1874
+ margin-right: 0;
1875
+ }
1876
+
1877
+ .megamenu_right {
1878
+ margin-left: 190px;
1879
+ padding: 20px;
1880
+ box-sizing: border-box;
1881
+ border-left: 1px solid $mid_grey;
1882
+ min-height: 400px;
1883
+
1884
+ .theme_selector {
1885
+ margin-bottom: 20px;
1886
+ }
1887
+
1888
+ h2.nav-tab-wrapper {
1889
+ margin: 0;
1890
+
1891
+ a.nav-tab {
1892
+ cursor: pointer;
1893
+ }
1894
+
1895
+ a.nav-tab-active {
1896
+ background: white;
1897
+ position: relative;
1898
+ z-index: 1;
1899
+ border-bottom: 1px solid white;
1900
+ }
1901
+ }
1902
+
1903
+ h3.editing_theme {
1904
+ margin: 0 0 30px 0;
1905
+ padding: 0;
1906
+ border: 0;
1907
+ float: left;
1908
+ width: 100%;
1909
+ }
1910
+
1911
+ .menu_settings {
1912
+
1913
+ &.menu_settings_menu_themes {
1914
+
1915
+ td.mega-name {
1916
+ padding-left: 10px;
1917
+ }
1918
+
1919
+ h5 {
1920
+ clear: both;
1921
+ font-size: 1.1em;
1922
+ margin: 15px 0 0 10px;
1923
+ padding: 0;
1924
+ }
1925
+ }
1926
+
1927
+ &.menu_settings_tools {
1928
+ label {
1929
+ clear: both;
1930
+ width: 100%;
1931
+ }
1932
+ }
1933
+
1934
+ &.menu_settings_menu_locations {
1935
+
1936
+ .accordion-container {
1937
+ border: 1px solid $grey;
1938
+
1939
+ h4 {
1940
+ margin: 0;
1941
+ }
1942
+
1943
+ .accordion-section-content {
1944
+ padding-left: 10px;
1945
+ padding-right: 10px;
1946
+ }
1947
+ }
1948
+
1949
+ .mega-assigned-menu {
1950
+ float: right;
1951
+ text-transform: uppercase;
1952
+ font-weight: bold;
1953
+ opacity: 0.7;
1954
+ margin-right: 28px;
1955
+ font-size: 0.8em;
1956
+
1957
+ &:before {
1958
+ font: 400 16px/21px dashicons;
1959
+ margin-right: 4px;
1960
+ content: "\f333";
1961
+ speak: none;
1962
+ padding: 0;
1963
+ display: inline-block;
1964
+ vertical-align: top;
1965
+ -webkit-font-smoothing: antialiased;
1966
+ -moz-osx-font-smoothing: grayscale;
1967
+ }
1968
+ }
1969
+
1970
+ table .mega-value textarea {
1971
+ height: 40px;
1972
+ }
1973
+
1974
+ h5 {
1975
+ font-size: 12px;
1976
+ }
1977
+
1978
+ .accordion-section-content {
1979
+ width: 100%;
1980
+ box-sizing: border-box;
1981
+ }
1982
+ }
1983
+
1984
+ table {
1985
+ width: 100%;
1986
+ border-collapse: collapse;
1987
+
1988
+ label {
1989
+ font-size: 0.9em;
1990
+ float: left;
1991
+ margin-right: 10px;
1992
+ margin-bottom: 10px;
1993
+ }
1994
+
1995
+
1996
+ textarea,
1997
+ input[type=text],
1998
+ input[type=number],
1999
+ select {
2000
+ font-size: 0.9em;
2001
+ height: 28px;
2002
+ line-height: 28px;
2003
+ vertical-align: top;
2004
+ }
2005
+
2006
+ textarea {
2007
+ width: 100%;
2008
+ height: 150px;
2009
+ font-family: monospace;
2010
+ line-height: 1.5em;
2011
+ margin-bottom: 10px;
2012
+ }
2013
+
2014
+ input[type=number] {
2015
+ height: auto;
2016
+ line-height: 1.2em;
2017
+ }
2018
+
2019
+ input[name=export] {
2020
+ margin-top: 20px;
2021
+ }
2022
+
2023
+ input[type=text] {
2024
+ width: 70px;
2025
+ }
2026
+
2027
+ input[type=submit] {
2028
+ width: auto;
2029
+ }
2030
+
2031
+ input[type=checkbox] {
2032
+ width: 16px;
2033
+ height: 16px;
2034
+ vertical-align: middle;
2035
+ }
2036
+
2037
+ input.mega-setting-panel_width,
2038
+ input.mega-setting-panel_inner_width {
2039
+ width: 120px;
2040
+ }
2041
+ input.mega-setting-title {
2042
+ width: 100px;
2043
+ }
2044
+
2045
+ .wide input[type=text] {
2046
+ width: 300px;
2047
+ }
2048
+
2049
+ .CodeMirror {
2050
+ height: auto;
2051
+ min-height: 150px;
2052
+ border: 1px solid #aaa;
2053
+ }
2054
+
2055
+ .CodeMirror-scroll {
2056
+ min-height: 150px;
2057
+ }
2058
+
2059
+ tr:first-child td {
2060
+ border-top: 0;
2061
+ padding-top: 20px;
2062
+ }
2063
+
2064
+ th {
2065
+ text-align: left;
2066
+ }
2067
+
2068
+ td {
2069
+ position: relative;
2070
+ padding-bottom: 25px;
2071
+ padding-top: 15px;
2072
+ border-top: 1px solid $mid_grey;
2073
+
2074
+ &.mega-name {
2075
+ width: 33%;
2076
+ line-height: 2em;
2077
+ padding-right: 30px;
2078
+ vertical-align: top;
2079
+ }
2080
+
2081
+ &.mega-value {
2082
+ padding-top: 10px;
2083
+
2084
+ .mega-description {
2085
+ margin-top: 5px;
2086
+ }
2087
+
2088
+ .mega-info {
2089
+ clear: both;
2090
+ margin-top: 15px;
2091
+ display: block;
2092
+ float: left;
2093
+ font-size: 0.9em;
2094
+ color: #aaa;
2095
+ line-height: 20px;
2096
+ width: 100%;
2097
+
2098
+ &:before {
2099
+ font: 400 20px/1 dashicons;
2100
+ content: "\f348";
2101
+ speak: none;
2102
+ padding: 0;
2103
+ margin-right: 6px;
2104
+ display: inline-block;
2105
+ vertical-align: top;
2106
+ -webkit-font-smoothing: antialiased;
2107
+ -moz-osx-font-smoothing: grayscale;
2108
+ }
2109
+ }
2110
+ }
2111
+
2112
+ &.mega-custom_css {
2113
+ width: 100%;
2114
+ margin-bottom: 0;
2115
+ }
2116
+
2117
+ }
2118
+
2119
+ td.mega-value.mega-instances {
2120
+ vertical-align: top;
2121
+
2122
+ table th,
2123
+ table td {
2124
+ font-weight: normal;
2125
+ padding: 5px;
2126
+ }
2127
+
2128
+ .mega-description {
2129
+ padding-left: 5px;
2130
+ }
2131
+
2132
+ }
2133
+
2134
+ td.mega-name .mega-description,
2135
+ td.mega-value .mega-description {
2136
+ font-size: 0.9em;
2137
+ color: #aaa;
2138
+ line-height: 1.5em;
2139
+ }
2140
+
2141
+ ul.custom_styling_tips {
2142
+ list-style-type: disc;
2143
+ list-style-position: inside;
2144
+
2145
+ code {
2146
+ margin: 10px 0 0 0;
2147
+ font-size: 0.9em;
2148
+ }
2149
+ }
2150
+
2151
+ label.mega-error input {
2152
+ border: 1px solid $red;
2153
+ background: #FFDDDD;
2154
+ }
2155
+
2156
+ label.mega-toggle_blocks {
2157
+ width: 100%;
2158
+ cursor: auto;
2159
+
2160
+ .mega-value {
2161
+ padding-bottom: 0;
2162
+ }
2163
+
2164
+ .mega-description {
2165
+ float: left;
2166
+ width: 100%;
2167
+ margin-top: 20px;
2168
+ }
2169
+ }
2170
+
2171
+ .toggle-bar-designer {
2172
+
2173
+ .mega-blocks .mega-left,
2174
+ .mega-blocks .mega-center,
2175
+ .mega-blocks .mega-right {
2176
+ box-sizing: border-box;
2177
+ border: 1px solid #ccc;
2178
+ background: #f7f7f7;
2179
+ width: 33%;
2180
+ height: 60px;
2181
+ padding: 10px;
2182
+ margin-top: 15px;
2183
+ float: left;
2184
+ }
2185
+ .mega-blocks .mega-left {
2186
+ border-right: 0px;
2187
+ }
2188
+ .mega-blocks .mega-center {
2189
+ border-left: 1px dashed #ccc;
2190
+ border-right: 1px dashed #ccc;
2191
+ text-align: center;
2192
+ }
2193
+ .mega-blocks .mega-right {
2194
+ border-left: 0px;
2195
+ }
2196
+ .mega-blocks .mega-right .block {
2197
+ float: right;
2198
+ margin: 0 0 0 5px;
2199
+ }
2200
+ .mega-blocks .block.mega-open .block-title {
2201
+ border-bottom: 1px solid white;
2202
+ border-radius: 3px 3px 0 0;
2203
+ }
2204
+ .mega-blocks .block .block-title {
2205
+ padding: 0 10px;
2206
+ display: inline-block;
2207
+ height: 35px;
2208
+ line-height: 35px;
2209
+ font-size: 0.9em;
2210
+ background: white;
2211
+ color: $text_grey;
2212
+ cursor: move;
2213
+ border: 1px solid #ccc;
2214
+ position: relative;
2215
+ z-index: 2;
2216
+ border-radius: 3px;
2217
+ text-align: left;
2218
+ box-sizing: border-box;
2219
+ }
2220
+
2221
+ .mega-blocks .block.ui-sortable-helper {
2222
+ width: auto !important;
2223
+ }
2224
+
2225
+ .mega-blocks .block .block-title .dashicons {
2226
+ line-height: 35px;
2227
+ cursor: pointer;
2228
+ font-size: 20px;
2229
+ }
2230
+
2231
+ .mega-blocks .block .block-settings {
2232
+ padding: 10px;
2233
+ display: none;
2234
+ width: 300px;
2235
+ vertical-align: top;
2236
+ background: white;
2237
+ text-align: left;
2238
+ color: #ccc;
2239
+ position: absolute;
2240
+ left: 0px;
2241
+ top: 36px;
2242
+ z-index: 1;
2243
+ border: 1px solid #ccc;
2244
+ }
2245
+
2246
+ .mega-blocks .mega-right .block .block-settings {
2247
+ left: auto;
2248
+ right: 0;
2249
+ }
2250
+
2251
+ .mega-blocks .block h3 {
2252
+ margin-top: 5px;
2253
+ border-bottom: 1px solid #ccc;
2254
+ padding-bottom: 10px;
2255
+ }
2256
+
2257
+ .block-settings label {
2258
+ width: 100%;
2259
+ clear: both;
2260
+ color: $text_grey;
2261
+ font-size: 1em;
2262
+ }
2263
+
2264
+ .block-settings label input,
2265
+ .block-settings label select,
2266
+ .block-settings label input,
2267
+ .block-settings label .icon_dropdown {
2268
+ float: right;
2269
+ font-size: 0.9em;
2270
+ }
2271
+
2272
+ .toggle-left {
2273
+ border-right: 1px dashed #ccc;
2274
+ }
2275
+
2276
+ .toggle-right {
2277
+ border-left: 0px solid #ccc;
2278
+ text-align: right;
2279
+
2280
+ }
2281
+
2282
+ .mega-blocks .block {
2283
+ position: relative;
2284
+ display: inline-block;
2285
+ vertical-align: top;
2286
+ margin: 0 5px 0 0;
2287
+
2288
+ input[type=text] {
2289
+ width: 50%;
2290
+ }
2291
+ }
2292
+ }
2293
+
2294
+ .mega-validation-message {
2295
+ display: none;
2296
+ clear: both;
2297
+ font-size: 0.8em;
2298
+ color: $red;
2299
+ }
2300
+
2301
+ label span.mega-short-desc {
2302
+ font-size: 0.8em;
2303
+ text-transform: uppercase;
2304
+ color: #aaa;
2305
+ display: block;
2306
+ margin: 0 0 2px 1px;
2307
+ }
2308
+
2309
+ label.mega-copy_color {
2310
+ margin-right: 3px;
2311
+
2312
+ span.mega-short-desc {
2313
+ visibility: hidden;
2314
+ }
2315
+
2316
+ span.dashicons {
2317
+ opacity: 0.5;
2318
+ margin-top: 6px;
2319
+ font-size: 16px;
2320
+ }
2321
+ }
2322
+ }
2323
+
2324
+ .row h5 {
2325
+ margin: 0;
2326
+ font-weight: normal;
2327
+ float: left;
2328
+ width: 250px;
2329
+ font-size: 1em;
2330
+ }
2331
+
2332
+ .megamenu_submit {
2333
+ float: left;
2334
+ width: 100%;
2335
+ }
2336
+
2337
+ div.mega-tab-content {
2338
+ position: relative;
2339
+ top: -1px;
2340
+ clear: both;
2341
+ border: 1px solid #ccc;
2342
+ float: left;
2343
+ width: 100%;
2344
+ padding: 0;
2345
+ box-sizing: border-box;
2346
+
2347
+ &.mega-toggle-disabled {
2348
+ .mega-toggle_blocks td:after,
2349
+ .mega-toggle_bar_background td:after,
2350
+ .mega-toggle_bar_height td:after {
2351
+ background: $mid_grey;
2352
+ display: block;
2353
+ position: absolute;
2354
+ top: 0;
2355
+ left: 0;
2356
+ height: 100%;
2357
+ width: 100%;
2358
+ content: "";
2359
+ opacity: 0.5;
2360
+ z-index: 9;
2361
+ }
2362
+
2363
+ .mega-mobile_toggle_disabled {
2364
+ display: table-row;
2365
+ }
2366
+ }
2367
+
2368
+ &.mega-mobile-disabled {
2369
+ tr:not(.mega-responsive_breakpoint):not(.mega-responsive_breakpoint_disabled) td:after {
2370
+ background: $mid_grey;
2371
+ display: block;
2372
+ position: absolute;
2373
+ top: 0;
2374
+ left: 0;
2375
+ height: 100%;
2376
+ width: 100%;
2377
+ content: "";
2378
+ opacity: 0.5;
2379
+ z-index: 9;
2380
+ }
2381
+
2382
+ .mega-responsive_breakpoint_disabled {
2383
+ display: table-row;
2384
+ }
2385
+
2386
+ .mega-mobile_toggle_disabled {
2387
+ display: none;
2388
+ }
2389
+ }
2390
+
2391
+
2392
+ .mega-responsive_breakpoint_disabled,
2393
+ .mega-mobile_toggle_disabled {
2394
+ display: none;
2395
+
2396
+ td {
2397
+ padding-top: 10px;
2398
+ padding-bottom: 10px;
2399
+ border-top: 0;
2400
+ }
2401
+
2402
+ h5 {
2403
+ border: 1px solid #ccc;
2404
+ padding: 10px;
2405
+ box-sizing: border-box;
2406
+ border-left: 3px solid $green;
2407
+ font-size: 12px;
2408
+ font-weight: normal;
2409
+ margin: 0 10px;
2410
+ }
2411
+
2412
+ }
2413
+ }
2414
+ }
2415
+
2416
+ .mega-description .fail {
2417
+ margin: 20px 0 0 0;
2418
+ color: $dark_grey;
2419
+ }
2420
+
2421
+ }
2422
+
2423
+ .mega-delete {
2424
+ margin-bottom: 15px;
2425
+ cursor: pointer;
2426
+ }
2427
+
2428
+ }
2429
+
2430
+ @keyframes "rotation" {
2431
+ 0% {
2432
+ -webkit-transform: rotate(0deg);
2433
+ transform: rotate(0deg);
2434
+ }
2435
+ 100% {
2436
+ -webkit-transform: rotate(359deg);
2437
+ transform: rotate(359deg);
2438
+ }
2439
+ }
2440
+
css/admin/menus.css DELETED
@@ -1,1032 +0,0 @@
1
- #cboxContent {
2
- padding: 0;
3
- -webkit-user-select: none;
4
- -moz-user-select: none;
5
- -ms-user-select: none;
6
- user-select: none;
7
- }
8
-
9
- #cboxClose {
10
- text-indent: 0;
11
- background: none;
12
- width: auto;
13
- height: auto;
14
- color: white;
15
- right: -28px;
16
- top: 2px;
17
- }
18
-
19
- #cboxClose:before {
20
- content: "\f335";
21
- font: normal 24px/29px 'dashicons';
22
- }
23
- #cboxClose:hover {
24
- color: #0074a2;
25
- }
26
-
27
- #cboxContent .mm_tabs li.mm_tab_horizontal {
28
- float: left;
29
- margin-right: 10px;
30
- cursor: pointer;
31
- padding: 3px 5px;
32
- font-size: 0.9em;
33
- color: #999;
34
- transition: all 0.05s linear;
35
- }
36
-
37
- #cboxContent .mm_tabs li.mm_tab_horizontal:hover,
38
- #cboxContent .mm_tabs li.mm_tab_horizontal.active {
39
- background: #2ea2cc;
40
- color: white;
41
- }
42
-
43
- #cboxContent .mm_tabs.horizontal {
44
- width: 85%;
45
- float: left;
46
- margin-top: 0;
47
- }
48
- #cboxContent .filter_icons {
49
- width: 14%;
50
- float: right;
51
- margin-top: 0;
52
- font-size: 0.9em;
53
- }
54
-
55
- #cboxContent .mm_header_container {
56
- float: left;
57
- width: 100%;
58
- border-bottom: 1px solid #eeeeee;
59
- }
60
-
61
- #cboxContent .mm_title {
62
- padding: 0 20px;
63
- background: white;
64
- font-size: 1.3em;
65
- line-height: 75px;
66
- float: left;
67
- }
68
-
69
-
70
- #cboxContent .mm_tab_container .mm_tab {
71
- text-decoration: none;
72
- color: #333;
73
- width: 100%;
74
- display: block;
75
- padding: 10px 0px 10px 20px;
76
- box-sizing: border-box;
77
- outline: 0;
78
- position: relative;
79
- transition: all 0.05s linear;
80
- font-size: 12px;
81
- }
82
-
83
- #cboxContent .mm_tab_container .mm_tab.pro_custom_styling,
84
- #cboxContent .mm_tab_container .mm_tab.pro_roles,
85
- #cboxContent .mm_tab_container .mm_tab.pro_replacements {
86
- color: #ccc;
87
- }
88
-
89
- #cboxContent .mm_tab_container .mm_tab.pro_custom_styling.active,
90
- #cboxContent .mm_tab_container .mm_tab.pro_roles.active,
91
- #cboxContent .mm_tab_container .mm_tab.pro_replacements.active {
92
- color: #333;
93
- background: #dfdfdf;
94
- }
95
-
96
- #cboxContent .mm_content.pro_custom_styling a,
97
- #cboxContent .mm_content.pro_roles a,
98
- #cboxContent .mm_content.pro_replacements a {
99
- text-decoration: none;
100
- }
101
- #cboxContent .mm_content.pro_custom_styling span.dashicons,
102
- #cboxContent .mm_content.pro_roles span.dashicons,
103
- #cboxContent .mm_content.pro_replacements span.dashicons {
104
- font-size: 0.9em;
105
- }
106
-
107
- #cboxContent div.in-pro {
108
- background: #efefef;
109
- padding: 20px;
110
- max-width: 400px;
111
- margin: 50px auto;
112
- text-align: center;
113
- }
114
-
115
- #cboxContent div.in-pro a.hide-pro-nags {
116
- color: #888;
117
- font-size: 0.8em;
118
- cursor: pointer;
119
- }
120
-
121
- #cboxContent p.tab-description {
122
- font-style: italic;
123
- }
124
-
125
-
126
- #cboxContent .mm_tab_container .mm_tab.active {
127
- color: #333;
128
- color: white;
129
- }
130
-
131
- #cboxContent .mm_tab_container .mm_tab.active {
132
- background: #2ea2cc;
133
- }
134
-
135
- #cboxContent .mm_tab_container .mm_tab.active:after {
136
- right: 0;
137
- border: solid 5px transparent;
138
- content: " ";
139
- height: 0;
140
- width: 0;
141
- position: absolute;
142
- pointer-events: none;
143
- border-right-color: white;
144
- top: 50%;
145
- margin-top: -5px;
146
- }
147
-
148
- #cboxContent p.submit {
149
- margin-bottom: 0;
150
- padding-bottom: 0;
151
- }
152
-
153
- #cboxContent .mm_tab_container {
154
- width: 20%;
155
- float: left;
156
- position: relative;
157
- height: 454px;
158
- background: white;
159
- -webkit-box-shadow: inset -10px 0px 7px -12px rgba(0,0,0,0.2);
160
- -moz-box-shadow: inset -10px 0px 7px -12px rgba(0,0,0,0.2);
161
- box-shadow: inset -10px 0px 7px -12px rgba(0,0,0,0.2);
162
- }
163
-
164
- #cboxContent .mm_content_container {
165
- padding: 20px;
166
- float: right;
167
- height: 454px;
168
- width: 80%;
169
- overflow: auto;
170
- box-sizing: border-box;
171
- /* fix content disappearing */
172
- -webkit-transform: translate3d(0, 0, 0);
173
- }
174
-
175
- #cboxContent .mega_menu #widgets .no_widgets {
176
- font-size: 0.9em;
177
- margin-left: 10px;
178
- font-style: italic;
179
- margin-top: 10px;
180
- clear: both;
181
- color: #999;
182
- float: left;
183
- }
184
-
185
- #cboxContent label[for='mm_enable_mega_menu'] {
186
- font-size: 12px;
187
- }
188
- #cboxContent .mega_menu #mm_enable_mega_menu {
189
- margin-bottom: 0;
190
- font-size: 0.9em;
191
- margin-left: 5px;
192
- }
193
- #cboxContent .mega_menu #mm_widget_selector {
194
- margin-bottom: 0;
195
- font-size: 0.9em;
196
- float: right;
197
- margin-right: 5px;
198
- margin-top: 5px;
199
- margin-bottom: 5px;
200
- }
201
- #cboxContent .mega_menu #mm_number_of_columns {
202
- font-size: 0.9em;
203
- float: right;
204
- margin-top: 5px;
205
- margin-right: 10px;
206
- margin-bottom: 5px;
207
- }
208
-
209
- #cboxContent .mega_menu .ui-sortable-helper {
210
- display: block;
211
- }
212
-
213
- #cboxContent .mega_menu .drop-area {
214
- display: inline-block;
215
- border: 1px solid #eeeeee;
216
- float: left;
217
- -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
218
- -moz-box-sizing: border-box; /* Firefox, other Gecko */
219
- box-sizing: border-box; /* Opera/IE 8+ */
220
- }
221
-
222
- #cboxContent .mega_menu #widgets {
223
- float: left;
224
- background: #FAFAFA;
225
- border: 1px solid #DFDFDF;
226
- width: 760px;
227
- position: relative;
228
- margin-top: 15px;
229
- padding: 5px;
230
- float: left;
231
- width: 100%;
232
- box-sizing: border-box;
233
- min-height: 200px;
234
- }
235
-
236
-
237
- #cboxContent .mega_menu .mm_header {
238
- float: right;
239
- }
240
-
241
- #cboxContent .mega_menu .widget {
242
- -webkit-transition: width 0.3s ease;
243
- -moz-transition: width 0.3s ease;
244
- -o-transition: width 0.3s ease;
245
- -ms-transition: width 0.3s ease;
246
- transition: width 0.3s ease;
247
- -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
248
- -moz-box-sizing: border-box; /* Firefox, other Gecko */
249
- box-sizing: border-box; /* Opera/IE 8+ */
250
- width: 160px;
251
- margin: 0;
252
- color: #333;
253
- font-size: 12px;
254
- display: inline-block;
255
- float: left;
256
- border: 5px solid transparent;
257
- }
258
-
259
- #cboxContent .mega_menu .widget.open {
260
- z-index: 999;
261
- }
262
-
263
- #cboxContent .mega_menu .widget:hover .widget-top,
264
- #cboxContent .mega_menu .widget:hover .widget-inner,
265
- #cboxContent .mega_menu .widget.open .widget-top,
266
- #cboxContent .mega_menu .widget.open .widget-inner {
267
- border: 1px solid #555;
268
- }
269
-
270
- #cboxContent .mega_menu .widget-top {
271
- border: 0;
272
- -webkit-box-shadow: 0 0 0;
273
- box-shadow: 0 0 0;
274
- border: 1px solid #999;
275
- padding: 0 10px;
276
- background: white;
277
- overflow: hidden;
278
- }
279
-
280
- #cboxContent .mega_menu .widget.open .widget-top {
281
- cursor: move;
282
- z-index: 1001;
283
- position: relative;
284
- border-bottom: 0;
285
- }
286
- #cboxContent .mega_menu .widget.sub_menu .widget-top {
287
- cursor: default;
288
- }
289
-
290
- #cboxContent .mega_menu .widget.open .widget-inner {
291
- position: absolute;
292
- z-index: 1000;
293
- border: 1px solid #dfdfdf;
294
- -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04);
295
- box-shadow: 0 1px 1px rgba(0,0,0,.04);
296
- margin-top: -1px;
297
- background: white;
298
- min-width: 340px;
299
- border: 1px solid #555;
300
- box-sizing: border-box;
301
- }
302
-
303
- #cboxContent .mega_menu .widget-title h4 {
304
- float: left;
305
- margin: 0;
306
- padding: 0;
307
- overflow: hidden;
308
- white-space: nowrap;
309
- border-bottom: 0;
310
- font-size: 12px;
311
- text-overflow: ellipsis;
312
- line-height: 42px;
313
- }
314
-
315
- #cboxContent .mega_menu .widget[data-type='menu_item'] .widget-title h4:before {
316
- color: #333;
317
- font: normal 16px/1 'dashicons';
318
- speak: none;
319
- -webkit-font-smoothing: antialiased;
320
- -moz-osx-font-smoothing: grayscale;
321
- vertical-align: top;
322
- margin-right: 2px;
323
- content: "\f333";
324
- vertical-align: middle;
325
- top: -1px;
326
- position: relative;
327
- }
328
-
329
- #cboxContent .mega_menu .widget-title h4:after {
330
- color: #d54e21;
331
- display: none;
332
- font: normal 20px/1 'dashicons';
333
- speak: none;
334
- -webkit-font-smoothing: antialiased;
335
- -moz-osx-font-smoothing: grayscale;
336
- vertical-align: top;
337
- margin-left: 5px;
338
- content: '\f463';
339
- -webkit-animation: rotation 2s infinite linear;
340
- animation: rotation 2s infinite linear;
341
- vertical-align: middle;
342
- }
343
-
344
- #cboxContent .mega_menu .widget-title h4.loading:after {
345
- display: inline-block;
346
- }
347
-
348
- #cboxContent .mega_menu .widget-controls {
349
- float: left;
350
- }
351
-
352
- #cboxContent .mega_menu .widget-controls .delete:hover {
353
- text-decoration: none;
354
- color: red;
355
- }
356
-
357
- #cboxContent .mega_menu .widget-inner form {
358
- padding: 0 15px 15px 15px;
359
- margin-bottom: 30px;
360
- }
361
- #cboxContent .mega_menu .widget-inner {
362
- display: none;
363
- float: left;
364
- width: 100%;
365
- background: white;
366
- }
367
-
368
- #cboxContent .mega_menu .widget.open .widget-inner {
369
- display: block;
370
- }
371
-
372
- #cboxContent .mega_menu .widget-inner p,
373
- #cboxContent .mega_menu .widget-inner select,
374
- #cboxContent .mega_menu .widget-inner input {
375
- font-size: 12px;
376
- }
377
-
378
-
379
- #cboxContent .mega_menu .widget-title-action {
380
- padding: 0;
381
- position: relative;
382
- font-weight: normal;
383
- position: absolute;
384
- right: 1px;
385
- background: white;
386
- border-right: 7px solid white;
387
- padding-left: 10px;
388
- opacity: 1;
389
- background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 9%, rgba(255,255,255,1) 100%);
390
- }
391
-
392
- #cboxContent .mega_menu .widget-title-action a {
393
- display: inline-block;
394
- line-height: 40px;
395
- }
396
-
397
- #cboxContent .mega_menu #widgets .widget[data-type='menu_item'] .widget-action {
398
- display: none;
399
- }
400
-
401
- #cboxContent .mega_menu .widget-option {
402
- right: 0;
403
- border: 0;
404
- background: 0 0;
405
- font: 400 16px/1 dashicons;
406
- speak: none;
407
- display: block;
408
- padding: 0;
409
- text-indent: 0;
410
- text-align: center;
411
- position: relative;
412
- -webkit-font-smoothing: antialiased;
413
- -moz-osx-font-smoothing: grayscale;
414
- text-decoration: none!important;
415
- color: #999;
416
- }
417
-
418
- #cboxContent .mega_menu .widget-cols {
419
- line-height: 40px;
420
- vertical-align: top;
421
- display: inline-block;
422
- color: #999;
423
- font-size: 11px;
424
- vertical-align: bottom;
425
- }
426
-
427
- #cboxContent .mega_menu .widget-option:hover {
428
- color: #333;
429
- cursor: pointer;
430
- }
431
-
432
- #cboxContent .mega_menu h5 {
433
- margin: 10px 0 0 10px;
434
- text-transform: uppercase;
435
- float: left;
436
- }
437
- #cboxContent .mega_menu .widget-option::after {
438
- padding: 0;
439
- font: 400 14px/40px dashicons;
440
- display: inline;
441
- }
442
- #cboxContent .mega_menu .widget-expand::after {
443
- content: '\f345';
444
- }
445
-
446
- #cboxContent .mega_menu .widget-contract::after {
447
- content: '\f341';
448
- }
449
-
450
- #cboxContent .mega_menu .widget-action::after {
451
- content: '\f107';
452
- margin: 0;
453
- }
454
-
455
- #cboxContent .mega_menu .widget.open .widget-action::after {
456
- content: '\f142';
457
- }
458
-
459
- #cboxContent .mega_menu .widget-option.disabled:hover {
460
- color: #999;
461
- }
462
-
463
- #cboxContent .mega_menu #widgets .widget {
464
- width: 100%;
465
- }
466
-
467
- #cboxContent .mega_menu .widget[data-columns='1'] .widget-contract {
468
- display: none;
469
- }
470
-
471
- #cboxContent .mega_menu #widgets[data-columns='1'] .widget[data-columns='1'] {
472
- width: 100%;
473
- }
474
-
475
-
476
-
477
- #cboxContent .mega_menu #widgets[data-columns='2'] .widget[data-columns='1'] {
478
- width: 50%;
479
- }
480
- #cboxContent .mega_menu #widgets[data-columns='2'] .widget[data-columns='2'] {
481
- width: 100%;
482
- }
483
-
484
-
485
- #cboxContent .mega_menu #widgets[data-columns='3'] .widget[data-columns='1'] {
486
- width: 33.3%;
487
- }
488
- #cboxContent .mega_menu #widgets[data-columns='3'] .widget[data-columns='2'] {
489
- width: 66.6%;
490
- }
491
- #cboxContent .mega_menu #widgets[data-columns='3'] .widget[data-columns='3'] {
492
- width: 100%;
493
- }
494
-
495
-
496
- #cboxContent .mega_menu #widgets[data-columns='4'] .widget[data-columns='1'] {
497
- width: 25%;
498
- }
499
- #cboxContent .mega_menu #widgets[data-columns='4'] .widget[data-columns='2'] {
500
- width: 50%;
501
- }
502
- #cboxContent .mega_menu #widgets[data-columns='4'] .widget[data-columns='3'] {
503
- width: 75%;
504
- }
505
- #cboxContent .mega_menu #widgets[data-columns='4'] .widget[data-columns='4'] {
506
- width: 100%;
507
- }
508
-
509
-
510
-
511
- #cboxContent .mega_menu #widgets[data-columns='5'] .widget[data-columns='1'] {
512
- width: 20%;
513
- }
514
- #cboxContent .mega_menu #widgets[data-columns='5'] .widget[data-columns='2'] {
515
- width: 40%;
516
- }
517
- #cboxContent .mega_menu #widgets[data-columns='5'] .widget[data-columns='3'] {
518
- width: 60%;
519
- }
520
- #cboxContent .mega_menu #widgets[data-columns='5'] .widget[data-columns='4'] {
521
- width: 80%;
522
- }
523
- #cboxContent .mega_menu #widgets[data-columns='5'] .widget[data-columns='5'] {
524
- width: 100%;
525
- }
526
-
527
- #cboxContent .mega_menu #widgets[data-columns='6'] .widget[data-columns='1'] {
528
- width: 16.6%;
529
- }
530
- #cboxContent .mega_menu #widgets[data-columns='6'] .widget[data-columns='2'] {
531
- width: 33.3%;
532
- }
533
- #cboxContent .mega_menu #widgets[data-columns='6'] .widget[data-columns='3'] {
534
- width: 50%;
535
- }
536
- #cboxContent .mega_menu #widgets[data-columns='6'] .widget[data-columns='4'] {
537
- width: 66.6%;
538
- }
539
- #cboxContent .mega_menu #widgets[data-columns='6'] .widget[data-columns='5'] {
540
- width: 83.3%;
541
- }
542
- #cboxContent .mega_menu #widgets[data-columns='6'] .widget[data-columns='6'] {
543
- width: 100%;
544
- }
545
-
546
-
547
- #cboxContent .mega_menu #widgets[data-columns='7'] .widget[data-columns='1'] {
548
- width: 14.28%;
549
- }
550
- #cboxContent .mega_menu #widgets[data-columns='7'] .widget[data-columns='2'] {
551
- width: 28.57%;
552
- }
553
- #cboxContent .mega_menu #widgets[data-columns='7'] .widget[data-columns='3'] {
554
- width: 42.85%;
555
- }
556
- #cboxContent .mega_menu #widgets[data-columns='7'] .widget[data-columns='4'] {
557
- width: 57.14%;
558
- }
559
- #cboxContent .mega_menu #widgets[data-columns='7'] .widget[data-columns='5'] {
560
- width: 71.42%;
561
- }
562
- #cboxContent .mega_menu #widgets[data-columns='7'] .widget[data-columns='6'] {
563
- width: 85.71%;
564
- }
565
- #cboxContent .mega_menu #widgets[data-columns='7'] .widget[data-columns='7'] {
566
- width: 100%;
567
- }
568
-
569
-
570
-
571
- #cboxContent .mega_menu #widgets[data-columns='8'] .widget[data-columns='1'] {
572
- width: 12.5%;
573
- }
574
- #cboxContent .mega_menu #widgets[data-columns='8'] .widget[data-columns='2'] {
575
- width: 25%;
576
- }
577
- #cboxContent .mega_menu #widgets[data-columns='8'] .widget[data-columns='3'] {
578
- width: 37.5%;
579
- }
580
- #cboxContent .mega_menu #widgets[data-columns='8'] .widget[data-columns='4'] {
581
- width: 50%;
582
- }
583
- #cboxContent .mega_menu #widgets[data-columns='8'] .widget[data-columns='5'] {
584
- width: 62.5%;
585
- }
586
- #cboxContent .mega_menu #widgets[data-columns='8'] .widget[data-columns='6'] {
587
- width: 75%;
588
- }
589
- #cboxContent .mega_menu #widgets[data-columns='8'] .widget[data-columns='7'] {
590
- width: 87.5%;
591
- }
592
- #cboxContent .mega_menu #widgets[data-columns='8'] .widget[data-columns='8'] {
593
- width: 100%;
594
- }
595
-
596
-
597
-
598
- #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='1'] {
599
- width: 11.11%;
600
- }
601
- #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='2'] {
602
- width: 22.22%;
603
- }
604
- #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='3'] {
605
- width: 33.33%;
606
- }
607
- #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='4'] {
608
- width: 44.44%;
609
- }
610
- #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='5'] {
611
- width: 55.55%;
612
- }
613
- #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='6'] {
614
- width: 66.66%;
615
- }
616
- #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='7'] {
617
- width: 77.77%;
618
- }
619
- #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='8'] {
620
- width: 88.88%;
621
- }
622
- #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='9'] {
623
- width: 100%;
624
- }
625
-
626
-
627
- #cboxContent .mega_menu #widgets .widget h4 {
628
- max-width: 700px;
629
- }
630
-
631
-
632
-
633
- #cboxContent .mega_menu .widget textarea {
634
- max-height: 100px;
635
- }
636
-
637
- #cboxContent .menu_icon .icon_selector {
638
- clear: both;
639
- }
640
- #cboxContent .menu_icon .icon_selector > div {
641
- float: left;
642
- padding: 0 19px 19px 0;
643
- width: 24px;
644
- height: 24px;
645
- box-sizing: initial; /* fix conflict with maps builder plugin */
646
- }
647
-
648
- #cboxContent .menu_icon .icon_selector label {
649
- float: left;
650
- display: block;
651
- width: 24px;
652
- height: 24px;
653
- }
654
-
655
- #cboxContent .menu_icon .icon_selector input.radio:empty {
656
- margin-left: -9999px;
657
- }
658
-
659
- #cboxContent .menu_icon .icon_selector input.radio:empty ~ label {
660
- position: relative;
661
- cursor: pointer;
662
- -webkit-user-select: none;
663
- -moz-user-select: none;
664
- -ms-user-select: none;
665
- user-select: none;
666
- }
667
- #cboxContent .menu_icon .icon_selector .dash label:before {
668
- font: 400 24px/1 dashicons;
669
- }
670
- #cboxContent .menu_icon .icon_selector label:before {
671
- width: 24px;
672
- height: 24px;
673
- display: inline-block;
674
- content: attr(rel);
675
- border: 1px solid #dfdfdf;
676
- padding: 6px;
677
- background: #FAFAFA;
678
- color: #999;
679
-
680
- }
681
- #cboxContent .menu_icon .icon_selector input.radio:not(:checked) ~ label:before {
682
-
683
- }
684
-
685
- #cboxContent .menu_icon .icon_selector input.radio:checked ~ label:before,
686
- #cboxContent .menu_icon .icon_selector input.radio:hover:checked ~ label:before {
687
- border: 1px solid #0074a2;
688
- color: #0074a2;
689
- background: white;
690
-
691
- }
692
-
693
- #cboxContent .menu_icon .icon_selector input.radio:hover ~ label:before {
694
- color: #0074a2;
695
- }
696
-
697
- #cboxContent .menu_icon .icon_selector input.radio:checked ~ label {
698
- color: #999;
699
- }
700
-
701
- #cboxContent table td {
702
- padding-bottom: 10px;
703
- }
704
-
705
- #cboxContent .general_settings table td {
706
- padding-bottom: 5px;
707
- }
708
- #cboxContent form > h4.first,
709
- #cboxContent .mm_content > h4.first {
710
- margin: 0em 0 0.7em 0;
711
- }
712
- #cboxContent form > h4,
713
- #cboxContent .mm_content > h4 {
714
- clear: both;
715
- border-bottom: 1px solid #bfbfbf;
716
- padding: 0 0 10px 0;
717
- font-size: 1em;
718
- margin: 1.33em 0 0.7em 0;
719
- }
720
- #cboxContent table td.mega-name {
721
- width: 27%;
722
- line-height: 2em;
723
- padding-right: 30px;
724
- vertical-align: top;
725
- font-size: 12px;
726
- }
727
- #cboxContent table td.mega-value {
728
- font-size: 12px;
729
- }
730
- #cboxContent table td.mega-value select,
731
- #cboxContent table td.mega-value textarea,
732
- #cboxContent table td.mega-value input[type=text],
733
- #cboxContent table td.mega-value input[type=number] {
734
- font-size: 0.9em;
735
- height: 28px;
736
- line-height: 28px;
737
- }
738
- #cboxContent table td.mega-name .mega-description,
739
- #cboxContent table td.mega-value .mega-description {
740
- font-size: 0.9em;
741
- color: #999;
742
- line-height: 1.5em;
743
- }
744
- #cboxContent table .mega-menu-item-align td.mega-value select,
745
- #cboxContent table .mega-sub-menu-align td.mega-value select,
746
- #cboxContent table .mega-menu-item-align td.mega-value .mega-description,
747
- #cboxContent table .mega-sub-menu-align td.mega-value .mega-description {
748
- float: left;
749
- margin-right: 10px;
750
- }
751
-
752
- #cboxContent table td.mega-value .mega-description {
753
- text-indent: 2px;
754
- margin-top: 5px;
755
- }
756
- #cboxContent table input {
757
- width: 70px;
758
- margin-right: 20px;
759
- }
760
- #cboxContent table label {
761
- font-size: 0.9em;
762
- }
763
- #cboxContent table input[type=checkbox] {
764
- width: 16px;
765
- height: 16px;
766
- margin-right: 10px;
767
- vertical-align: middle;
768
- }
769
- #cboxContent table {
770
- width: 100%;
771
- border-collapse: collapse;
772
- }
773
- #cboxContent .mega_menu #widgets.disabled {
774
- opacity: 0.5;
775
- }
776
-
777
- #cboxContent .mega_menu #widgets.disabled:after {
778
- background: #ccc;
779
- display: block;
780
- position: absolute;
781
- top: 0;
782
- left: 0;
783
- height: 100%;
784
- width: 100%;
785
- content: "";
786
- opacity: 0.3;
787
-
788
- }
789
- /** TRIBE IMAGE WIDGET **/
790
- #cboxContent img {
791
- height: auto;
792
- max-width: 100%;
793
- }
794
-
795
-
796
- /**
797
- * NAV MENUS
798
- */
799
- .megamenu_enabled .mm_launch {
800
- background: #2ea2cc;
801
- border-color: #0074a2;
802
- }
803
- .megamenu_enabled .mm_launch.mm_disabled {
804
- background: #999;
805
- border-color: #333;
806
- }
807
- .megamenu_enabled .mm_prefix {
808
- display: block;
809
- font-size: 0.9em;
810
- border-left: 3px solid orange;
811
- padding-left: 10px;
812
- margin-top: 3px;
813
- }
814
- .mm_prefix {
815
- display: none;
816
- }
817
- .mm_launch {
818
- margin-left: 10px;
819
- font-size: 0.8em;
820
- cursor: pointer;
821
- color: white;
822
- display: inline-block;
823
- width: auto;
824
- font-weight: normal;
825
- height: auto;
826
- background: #999;
827
- border-color: #333;
828
- border-width: 1px;
829
- padding: 0 5px;
830
- border-radius: 3px;
831
- opacity: 0;
832
- -webkit-transition: all 0.3s ease;
833
- -moz-transition: all 0.3s ease;
834
- -o-transition: all 0.3s ease;
835
- -ms-transition: all 0.3s ease;
836
- transition: all 0.3s ease;
837
- z-index: 1;
838
- position: relative;
839
- }
840
-
841
- .mm_launch:before {
842
- font-family: dashicons;
843
- content: "\f111";
844
- font-size: 10px;
845
- margin-right: 2px;
846
- display: inline-block;
847
- vertical-align: bottom;
848
- }
849
-
850
- .menu-item-bar .menu-item-handle:hover .mm_launch {
851
- opacity: 1;
852
- }
853
- .menu-item-bar .dashicons-admin-generic:before {
854
- font-size: 1.2em;
855
- margin-right: 1px;
856
- height: auto;
857
- }
858
- .mega_menu_meta_box.mmm_get_started:before {
859
- content: attr(data-get-started);
860
- padding: 10px;
861
- display: block;
862
- background: green;
863
- color: white;
864
- }
865
- .mega_menu_meta_box.mmm_get_started h3 {
866
- border-left: 1px solid green;
867
- border-right: 1px solid green;
868
- }
869
- .mega_menu_meta_box.mmm_get_started .accordion-section-content {
870
- border-left: 1px solid green;
871
- border-right: 1px solid green;
872
- border-bottom: 1px solid green;
873
- }
874
- .mega_menu_meta_box div#megamenu_accordion h3 {
875
- padding: 0 0 10px 0;
876
- margin: 0;
877
- cursor: pointer;
878
- outline: none;
879
- float: left;
880
- width: 100%;
881
- color: #999;
882
- font-size: 14px;
883
- font-weight: normal;
884
- border: 0;
885
- }
886
-
887
- .mega_menu_meta_box div#megamenu_accordion h3.ui-state-active,
888
- .mega_menu_meta_box div#megamenu_accordion h3:hover {
889
- color: #333;
890
- }
891
-
892
- .mega_menu_meta_box div#megamenu_accordion h3:hover::before {
893
- color: black;
894
- }
895
-
896
- .mega_menu_meta_box div#megamenu_accordion th::before,
897
- .mega_menu_meta_box div#megamenu_accordion h3::before {
898
- right: 0;
899
- content: '\f139';
900
- border: 0;
901
- background: 0 0;
902
- font: 400 20px/1 dashicons;
903
- speak: none;
904
- float: left;
905
- padding: 0;
906
- text-indent: 0;
907
- text-align: center;
908
- position: relative;
909
- -webkit-font-smoothing: antialiased;
910
- -moz-osx-font-smoothing: grayscale;
911
- text-decoration: none!important;
912
- margin-right: 6px;
913
- }
914
-
915
- .mega_menu_meta_box div#megamenu_accordion h3.ui-state-active::before {
916
- content: '\f140';
917
- }
918
-
919
- .mega_menu_meta_box div.accordion_content {
920
- padding: 0 0 20px 0;
921
- float: left;
922
- border: 0;
923
- width: 100%;
924
- }
925
- .mega_menu_meta_box div table {
926
- font-size: 0.9em;
927
- width: 100%;
928
- margin-bottom: 5px;
929
- border-collapse: collapse;
930
- }
931
-
932
- .mega_menu_meta_box div table select {
933
- font-size: 0.9em;
934
- max-width: 120px;
935
- }
936
-
937
- .mega_menu_meta_box div table tr {
938
- height: 29px;
939
- vertical-align: middle;
940
- }
941
-
942
- .mega_menu_meta_box div table th {
943
- border-bottom: 1px solid #bfbfbf;
944
- font-size: 1.1em;
945
- }
946
-
947
- .mega_menu_meta_box div table td:nth-child(2) {
948
- text-align: right;
949
- min-width: 150px;
950
- }
951
-
952
- .mega_menu_meta_box th::before {
953
- content: '\f100';
954
- }
955
-
956
- .mega_menu_meta_box th.settings::before {
957
- content: '\f111';
958
- }
959
-
960
- .mega_menu_meta_box p.submit {
961
- float: right;
962
- text-align: right;
963
- width: auto;
964
- margin: 0 0 15px 0;
965
- padding: 0;
966
- }
967
- .mega_menu_meta_box .spinner {
968
- float: right;
969
- }
970
-
971
- #nav-menu-meta .mega_menu_meta_box .accordion-section-content {
972
- padding: 0 10px;
973
- }
974
-
975
- .menu-item-handle .item-title {
976
- margin-right: 0;
977
- }
978
-
979
- .mm_saving {
980
- font-size: 12px;
981
- text-align: right;
982
- padding: 0 20px;
983
- display: none;
984
- line-height: 75px;
985
- text-transform: uppercase;
986
- color: white;
987
- font-size: 11px;
988
- font-weight: bold;
989
- float: right;
990
- background: #2ea2cc;
991
- }
992
-
993
- .mm_saving:before {
994
- color: white;
995
- display: inline-block;
996
- font: normal 20px/75px 'dashicons';
997
- speak: none;
998
- -webkit-font-smoothing: antialiased;
999
- -moz-osx-font-smoothing: grayscale;
1000
- vertical-align: top;
1001
- margin-right: 5px;
1002
- content: '\f463';
1003
- -webkit-animation: rotation 2s infinite linear;
1004
- animation: rotation 2s infinite linear;
1005
- }
1006
-
1007
- @-webkit-keyframes rotation {
1008
- 0% {
1009
- -webkit-transform: rotate(0deg);
1010
- transform: rotate(0deg);
1011
- }
1012
- 100% {
1013
- -webkit-transform: rotate(359deg);
1014
- transform: rotate(359deg);
1015
- }
1016
- }
1017
-
1018
- @keyframes rotation {
1019
- 0% {
1020
- -webkit-transform: rotate(0deg);
1021
- transform: rotate(0deg);
1022
- }
1023
- 100% {
1024
- -webkit-transform: rotate(359deg);
1025
- transform: rotate(359deg);
1026
- }
1027
- }
1028
-
1029
- /* Fix Image Widget Deluxe */
1030
- #cboxContent div[id^=rommeled_image] .non-sortable {
1031
- display: block !important;
1032
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
css/admin/settings.css DELETED
@@ -1,736 +0,0 @@
1
-
2
- .toplevel_page_maxmegamenu .notice,
3
- .toplevel_page_maxmegamenu div.updated,
4
- .toplevel_page_maxmegamenu div.error {
5
- margin-left: 0;
6
- }
7
- .megamenu_outer_wrap .megamenu_wrap {
8
- width: 100%;
9
- float: left;
10
- }
11
- .megamenu_outer_wrap .megamenu_left {
12
- float: left;
13
- width: 190px;
14
- margin-left: -100%;
15
- }
16
-
17
- .megamenu_outer_wrap .megamenu_left ul li a:hover,
18
- .megamenu_outer_wrap .megamenu_left ul li a.active {
19
- border-left: 2px solid #0074a2;
20
- color: #0074a2;
21
- }
22
- .megamenu_outer_wrap *:focus {
23
- box-shadow: 0 0 0;
24
- }
25
- .megamenu_outer_wrap .megamenu_left ul li a {
26
- text-decoration: none;
27
- color: #333;
28
- width: 100%;
29
- display: block;
30
- padding: 5px 0px 5px 17px;
31
- box-sizing: border-box;
32
- border-left: 2px solid white;
33
- outline: 0;
34
- }
35
-
36
-
37
- .megamenu_outer_wrap .megamenu_left ul li.error {
38
- border-left: 3px solid #dd3d36;
39
- }
40
- .megamenu_outer_wrap .megamenu_left ul li.mega_active {
41
- font-weight: bold;
42
- }
43
- .megamenu_outer_wrap .megamenu_left ul li.mega_active a:after {
44
- right: 0;
45
- content: '\f139';
46
- border: 0;
47
- background: 0 0;
48
- font: 400 20px/1 dashicons;
49
- speak: none;
50
- float: right;
51
- padding: 0;
52
- text-indent: 0;
53
- text-align: center;
54
- position: relative;
55
- -webkit-font-smoothing: antialiased;
56
- -moz-osx-font-smoothing: grayscale;
57
- text-decoration: none!important;
58
- margin-right: 0;
59
- }
60
-
61
- .megamenu_outer_wrap .megamenu_right {
62
- margin-left: 190px;
63
- padding: 20px;
64
- box-sizing: border-box;
65
- border-left: 1px solid #f1f1f1;
66
- min-height: 400px;
67
- }
68
- .megamenu_outer_wrap .megamenu_right h3 {
69
- clear: both;
70
- font-size: 1.1em;
71
- margin: 17px 0;
72
- }
73
- .megamenu_outer_wrap .megamenu_right h3.first {
74
- margin-top: 0;
75
- }
76
- body[class*='mega-menu_page_maxmegamenu_'] .menu_settings h3 {
77
- border-bottom: 1px solid #CAC4C4;
78
- padding: 0 0 10px 0;
79
- }
80
- .megamenu_outer_wrap .megamenu_right h3 span {
81
- margin-right: 10px;
82
- }
83
- .megamenu_outer_wrap .megamenu_right h5 {
84
- clear: both;
85
- font-size: 1.1em;
86
- margin: 15px 0 0px 0;
87
- padding: 0;
88
- }
89
- .megamenu_outer_wrap .megamenu_right ul.bullets {
90
- list-style-type: disc;
91
- margin-left: 30px;
92
- }
93
- .megamenu_outer_wrap a {
94
- text-decoration: none;
95
- }
96
- .megamenu_outer_wrap .theme_selector {
97
- margin-bottom: 20px;
98
- }
99
- .megamenu_outer_wrap h3 {
100
- margin: 0 0 40px 0;
101
- }
102
- .megamenu_outer_wrap .megamenu_right .menu_settings .duplicate {
103
- margin-left: 15px;
104
- }
105
- .megamenu_outer_wrap {
106
- padding: 20px 20px 0 0;
107
- }
108
- .megamenu_outer_wrap .megamenu_submit {
109
- margin-bottom: 40px;
110
- padding-top: 35px;
111
- }
112
- .megamenu_outer_wrap .megamenu_submit .mega_left,
113
- .megamenu_outer_wrap .megamenu_submit .mega_right {
114
- float: left;
115
- width: 50%;
116
- }
117
- .megamenu_outer_wrap .megamenu_submit .spinner {
118
- float: left;
119
- }
120
- .megamenu_outer_wrap .megamenu_submit p.submit {
121
- margin: 0;
122
- padding: 0;
123
- float: left;
124
- }
125
- .megamenu_outer_wrap .megamenu_submit .mega_right {
126
- text-align: right;
127
- }
128
- .megamenu_outer_wrap .megamenu_submit .mega_right a {
129
- color: #a00;
130
- }
131
- .megamenu_outer_wrap .megamenu_header {
132
- background: white;
133
- padding: 10px 17px;
134
- border-bottom: 1px solid #f1f1f1;
135
- float: left;
136
- width: 100%;
137
- box-sizing: border-box;
138
- }
139
-
140
- .megamenu_outer_wrap .megamenu_header .version {
141
- font-style: italic;
142
- color: #888;
143
- margin-bottom: 15px;
144
- }
145
-
146
-
147
- .megamenu_outer_wrap .megamenu_header_top {
148
- font-size: 0.9em;
149
- display: block;
150
- width: 100%;
151
- height: 30px;
152
- line-height: 30px;
153
- margin-bottom: 10px;
154
- box-sizing: border-box;
155
- }
156
- .megamenu_outer_wrap .megamenu_header_top ul {
157
- margin: 0;
158
- float: right;
159
- position: relative;
160
- }
161
- .megamenu_outer_wrap .megamenu_header_top ul li {
162
- display: inline-block;
163
- margin: 0 0 0 10px;
164
- line-height: 30px;
165
- }
166
- .megamenu_outer_wrap .megamenu_header_top ul li.mega-highlight {
167
- background: #35b1df;
168
- border-radius: 5px;
169
- }
170
- .megamenu_outer_wrap .megamenu_header_top ul li.mega-highlight a {
171
- color: white;
172
- line-height: 30px;
173
- padding: 0 10px;
174
- }
175
- .megamenu_outer_wrap .megamenu_wrap {
176
- background: white;
177
- }
178
- .megamenu_outer_wrap .megamenu_right h2.nav-tab-wrapper {
179
- margin: 0;
180
- }
181
- .megamenu_outer_wrap .megamenu_right .nav-tab-active {
182
- background: white;
183
- }
184
- .megamenu_outer_wrap .megamenu_right .menu_settings tr:first-child td {
185
- border-top: 0;
186
- }
187
- .megamenu_outer_wrap .megamenu_right .menu_settings th {
188
- text-align: left;
189
- }
190
- .megamenu_outer_wrap .megamenu_right .menu_settings td {
191
- padding-bottom: 25px;
192
- padding-top: 10px;
193
- border-top: 1px solid #efefef;
194
- }
195
- .megamenu_outer_wrap .megamenu_right .menu_settings td.mega-name {
196
- width: 33%;
197
- line-height: 2em;
198
- padding-right: 30px;
199
- vertical-align: top;
200
- }
201
- .megamenu_outer_wrap .megamenu_right .menu_settings td.mega-value {
202
- padding-top: 10px;
203
- }
204
- .megamenu_outer_wrap .megamenu_right .menu_settings td.mega-value.mega-instances {
205
- vertical-align: top;
206
- }
207
- .megamenu_outer_wrap .megamenu_right .menu_settings td.mega-value.mega-instances table th,
208
- .megamenu_outer_wrap .megamenu_right .menu_settings td.mega-value.mega-instances table td {
209
- font-weight: normal;
210
- padding: 5px;
211
- }
212
- .megamenu_outer_wrap .megamenu_right .menu_settings td.mega-value.mega-instances .mega-description {
213
- padding-left: 5px;
214
- }
215
- .megamenu_outer_wrap .megamenu_right .menu_settings td.mega-name .mega-description,
216
- .megamenu_outer_wrap .megamenu_right .menu_settings td.mega-value .mega-description {
217
- font-size: 0.9em;
218
- color: #aaa;
219
- line-height: 1.5em;
220
- }
221
-
222
- .megamenu_outer_wrap .megamenu_right .menu_settings td.mega-value .mega-info {
223
- clear: both;
224
- margin-top: 15px;
225
- display: block;
226
- float: left;
227
- font-size: 0.9em;
228
- color: #aaa;
229
- line-height: 20px;
230
- width: 100%;
231
- }
232
-
233
-
234
- .megamenu_outer_wrap .megamenu_right .menu_settings td.mega-value .mega-info:before {
235
- font: 400 20px/1 dashicons;
236
- content: "\f348";
237
- speak: none;
238
- padding: 0;
239
- margin-right: 6px;
240
- display: inline-block;
241
- vertical-align: top;
242
- -webkit-font-smoothing: antialiased;
243
- -moz-osx-font-smoothing: grayscale;
244
- }
245
- .megamenu_outer_wrap .megamenu_right .menu_settings td .mega-custom_css {
246
- width: 100%;
247
- margin-bottom: 0;
248
- }
249
- .megamenu_outer_wrap .megamenu_right .menu_settings td.mega-value .mega-description {
250
- margin-top: 5px;
251
- }
252
-
253
- .megamenu_outer_wrap .megamenu_right .menu_settings table textarea,
254
- .megamenu_outer_wrap .megamenu_right .menu_settings table input[type=text],
255
- .megamenu_outer_wrap .megamenu_right .menu_settings table input[type=number],
256
- .megamenu_outer_wrap .megamenu_right .menu_settings table select {
257
- font-size: 0.9em;
258
- height: 28px;
259
- line-height: 28px;
260
- vertical-align: top;
261
- }
262
- .megamenu_outer_wrap .megamenu_right .menu_settings table input[type=number] {
263
- height: auto;
264
- line-height: 1.2em;
265
- }
266
- .megamenu_outer_wrap .megamenu_right .menu_settings table input[name=export] {
267
- margin-top: 20px;
268
- }
269
- .megamenu_outer_wrap .megamenu_right .menu_settings table input.mega-setting-title {
270
- width: 100px;
271
- }
272
-
273
- .megamenu_outer_wrap .megamenu_right textarea {
274
- width: 100%;
275
- height: 150px;
276
- font-family: monospace;
277
- line-height: 1.5em;
278
- font-size: 0.8em;
279
- }
280
-
281
- .megamenu_outer_wrap .megamenu_right .menu_settings table textarea {
282
- width: 100%;
283
- height: 150px;
284
- font-family: monospace;
285
- line-height: 1.5em;
286
- }
287
- .megamenu_outer_wrap .megamenu_right .menu_settings table .CodeMirror {
288
- height: auto;
289
- min-height: 150px;
290
- border: 1px solid #aaa;
291
- }
292
-
293
- .megamenu_outer_wrap .megamenu_right .menu_settings table ul.custom_styling_tips {
294
- list-style-type: disc;
295
- list-style-position: inside;
296
- }
297
- .megamenu_outer_wrap .megamenu_right .menu_settings table ul.custom_styling_tips code {
298
- margin: 10px 0 0 0;
299
- font-size: 0.9em;
300
- }
301
- .megamenu_outer_wrap .megamenu_right .menu_settings table label.mega-error input {
302
- border: 1px solid red;
303
- background: #FFDDDD;
304
- }
305
-
306
- .megamenu_outer_wrap .megamenu_right .menu_settings table label.mega-toggle_blocks {
307
- width: 100%;
308
- cursor: auto;
309
- }
310
-
311
- .megamenu_outer_wrap .megamenu_right .menu_settings table .block input[type=text] {
312
- width: 50%;
313
- }
314
-
315
- .megamenu_outer_wrap .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .block {
316
- position: relative;
317
- display: inline-block;
318
- vertical-align: top;
319
- margin: 0 5px 0 0;
320
- }
321
-
322
- .megamenu_outer_wrap .select2-container-sm .select2-choice>.select2-chosen {
323
- line-height: 28px;
324
- margin-right: 0px;
325
- }
326
- .megamenu_outer_wrap .tpx-select2-container .select2-choice .select2-arrow:before {
327
- font: 400 17px/26px dashicons;
328
- }
329
-
330
- .mega-menu_page_maxmegamenu_theme_editor .tpx-select2-drop {
331
- box-shadow: 0 0 0;
332
- }
333
- .megamenu_outer_wrap .select2-container-sm .select2-choice .select2-arrow {
334
- display: none;
335
- }
336
- .mega-menu_page_maxmegamenu_theme_editor .select2-results li:first-child {
337
- float: none;
338
- }
339
- .mega-menu_page_maxmegamenu_theme_editor .select2-results li:first-child i {
340
- display: none;
341
- }
342
- .mega-menu_page_maxmegamenu_theme_editor .select2-results li {
343
- float: left;
344
- }
345
-
346
- .megamenu_outer_wrap .select2-container-sm .select2-choice > .select2-chosen i,
347
- .mega-menu_page_maxmegamenu_theme_editor .select2-result-label i {
348
- display: inline-block;
349
- width: 20px;
350
- height: 20px;
351
- font-size: 20px;
352
- line-height: 1;
353
- font-family: dashicons;
354
- text-decoration: inherit;
355
- font-weight: normal;
356
- font-style: normal;
357
- vertical-align: top;
358
- text-align: center;
359
- -webkit-transition: color .1s ease-in 0;
360
- transition: color .1s ease-in 0;
361
- -webkit-font-smoothing: antialiased;
362
- -moz-osx-font-smoothing: grayscale;
363
- }
364
- .megamenu_outer_wrap .select2-container-sm .select2-choice {
365
- padding: 0 5px 0 5px;
366
- height: 28px;
367
- color: #B5B5B5;
368
- }
369
-
370
- .megamenu_outer_wrap .icon_dropdown .select2-chosen i:before {
371
- line-height: 28px;
372
- font-size: 16px;
373
- color: #333;
374
- }
375
- .megamenu_outer_wrap .megamenu_right .menu_settings table .mega-toggle_blocks .mega-value {
376
- padding-bottom: 0;
377
- }
378
- .megamenu_outer_wrap .megamenu_right .menu_settings table .mega-toggle_blocks .mega-description {
379
- float: left;
380
- width: 100%;
381
- margin-top: 20px;
382
- }
383
-
384
- .megamenu_outer_wrap .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .mega-left,
385
- .megamenu_outer_wrap .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .mega-center,
386
- .megamenu_outer_wrap .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .mega-right {
387
- box-sizing: border-box;
388
- border: 1px solid #ccc;
389
- background: #f7f7f7;
390
- width: 33%;
391
- height: 60px;
392
- padding: 10px;
393
- margin-top: 15px;
394
- float: left;
395
- }
396
- .megamenu_outer_wrap .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .mega-left {
397
- border-right: 0px;
398
- }
399
- .megamenu_outer_wrap .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .mega-center {
400
- border-left: 1px dashed #ccc;
401
- border-right: 1px dashed #ccc;
402
- text-align: center;
403
- }
404
- .megamenu_outer_wrap .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .mega-right {
405
- border-left: 0px;
406
- }
407
- .megamenu_outer_wrap .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .mega-right .block {
408
- float: right;
409
- margin: 0 0 0 5px;
410
- }
411
- .megamenu_outer_wrap .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .block.mega-open .block-title {
412
- border-bottom: 1px solid white;
413
- border-radius: 3px 3px 0 0;
414
- }
415
- .megamenu_outer_wrap .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .block .block-title {
416
- padding: 0 10px;
417
- display: inline-block;
418
- height: 35px;
419
- line-height: 35px;
420
- font-size: 0.9em;
421
- background: white;
422
- color: #555;
423
- cursor: move;
424
- border: 1px solid #ccc;
425
- position: relative;
426
- z-index: 2;
427
- border-radius: 3px;
428
- text-align: left;
429
- box-sizing: border-box;
430
- }
431
-
432
- .megamenu_outer_wrap .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .block.ui-sortable-helper {
433
- width: auto !important;
434
- }
435
-
436
- .megamenu_outer_wrap .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .block .block-title .dashicons {
437
- line-height: 35px;
438
- cursor: pointer;
439
- font-size: 20px;
440
- }
441
- .megamenu_outer_wrap .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .block .block-settings {
442
- padding: 10px;
443
- display: none;
444
- width: 300px;
445
- vertical-align: top;
446
- background: white;
447
- text-align: left;
448
- color: #ccc;
449
- position: absolute;
450
- left: 0px;
451
- top: 36px;
452
- z-index: 1;
453
- border: 1px solid #ccc;
454
- }
455
- .megamenu_outer_wrap .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .mega-right .block .block-settings {
456
- left: auto;
457
- right: 0;
458
- }
459
- .megamenu_outer_wrap .megamenu_right .menu_settings table .toggle-bar-designer .mega-blocks .block h3 {
460
- margin-top: 5px;
461
- border-bottom: 1px solid #ccc;
462
- padding-bottom: 10px;
463
- }
464
- .megamenu_outer_wrap .megamenu_right .menu_settings table .toggle-bar-designer .block-settings label {
465
- width: 100%;
466
- clear: both;
467
- color: #333;
468
- font-size: 1em;
469
- }
470
- .megamenu_outer_wrap .megamenu_right .menu_settings table .toggle-bar-designer .block-settings label input,
471
- .megamenu_outer_wrap .megamenu_right .menu_settings table .toggle-bar-designer .block-settings label select,
472
- .megamenu_outer_wrap .megamenu_right .menu_settings table .toggle-bar-designer .block-settings label input,
473
- .megamenu_outer_wrap .megamenu_right .menu_settings table .toggle-bar-designer .block-settings label .icon_dropdown {
474
- float: right;
475
- font-size: 0.9em;
476
- }
477
- .megamenu_outer_wrap .megamenu_right .menu_settings table .toggle-bar-designer .toggle-left {
478
- border-right: 1px dashed #ccc;
479
- }
480
- .megamenu_outer_wrap .megamenu_right .menu_settings table .toggle-bar-designer .toggle-right {
481
- border-left: 0px solid #ccc;
482
- text-align: right;
483
-
484
- }
485
- .megamenu_outer_wrap .megamenu_right .menu_settings table input[type=text] {
486
- width: 70px;
487
- }
488
- .megamenu_outer_wrap .megamenu_right .menu_settings table label {
489
- font-size: 0.9em;
490
- float: left;
491
- margin-right: 10px;
492
- margin-bottom: 10px;
493
- }
494
- .megamenu_outer_wrap .megamenu_right .menu_settings table .mega-validation-message {
495
- display: none;
496
- clear: both;
497
- font-size: 0.8em;
498
- color: red;
499
- }
500
- .megamenu_outer_wrap .megamenu_right .menu_settings table label span.mega-short-desc {
501
- font-size: 0.8em;
502
- text-transform: uppercase;
503
- color: #aaa;
504
- display: block;
505
- margin: 0 0 2px 1px;
506
- }
507
- .megamenu_outer_wrap .megamenu_right .menu_settings table label.mega-copy_color {
508
- margin-right: 3px;
509
- }
510
- .megamenu_outer_wrap .megamenu_right .menu_settings table label.mega-copy_color span.mega-short-desc {
511
- visibility: hidden;
512
- }
513
- .megamenu_outer_wrap .megamenu_right .menu_settings table label.mega-copy_color span.dashicons {
514
- opacity: 0.5;
515
- margin-top: 6px;
516
- font-size: 16px;
517
- }
518
- .megamenu_outer_wrap .megamenu_right .menu_settings table .wide input[type=text] {
519
- width: 300px;
520
- }
521
-
522
- .megamenu_outer_wrap .megamenu_right .menu_settings table input[type=submit] {
523
- width: auto;
524
- }
525
- .megamenu_outer_wrap .megamenu_right .menu_settings table input[type=checkbox] {
526
- width: 16px;
527
- height: 16px;
528
- vertical-align: middle;
529
- }
530
- .megamenu_outer_wrap .megamenu_right .menu_settings table {
531
- width: 100%;
532
- border-collapse: collapse;
533
- }
534
- .megamenu_outer_wrap .megamenu_right .menu_settings .accordion-container h4 {
535
- margin: 0;
536
- }
537
- .megamenu_outer_wrap .megamenu_right .menu_settings .accordion-container {
538
- border: 1px solid #dfdfdf;
539
- }
540
-
541
- .megamenu_outer_wrap .megamenu_right .menu_settings .accordion-container .accordion-section-content {
542
- padding-left: 10px;
543
- padding-right: 10px;
544
- }
545
-
546
- .megamenu_outer_wrap .megamenu_right .menu_settings .row h5 {
547
- margin: 0;
548
- font-weight: normal;
549
- float: left;
550
- width: 250px;
551
- font-size: 1em;
552
- }
553
-
554
- .megamenu_outer_wrap .megamenu_right .menu_settings a.nav-tab {
555
- cursor: pointer;
556
- }
557
- .megamenu_outer_wrap .megamenu_right .menu_settings a.nav-tab-active {
558
- position: relative;
559
- z-index: 1;
560
- border-bottom: 1px solid white;
561
- }
562
-
563
- .megamenu_outer_wrap .megamenu_right .menu_settings .megamenu_submit {
564
- float: left;
565
- width: 100%;
566
- }
567
- .megamenu_outer_wrap .megamenu_right .menu_settings div.mega-tab-content {
568
- position: relative;
569
- top: -1px;
570
- clear: both;
571
- padding: 10px;
572
- border: 1px solid #ccc;
573
- float: left;
574
- width: 100%;
575
- box-sizing: border-box;
576
- }
577
- .megamenu_outer_wrap .megamenu_right .fail {
578
- border: 1px solid #aaa;
579
- border-left: 4px solid #dd3d36;
580
- background: #fff;
581
- padding: 7px 0 7px 15px;
582
- margin: 0 0 20px 0;
583
- float: left;
584
- width: 100%;
585
- box-sizing: border-box;
586
- }
587
-
588
- .megamenu_outer_wrap .megamenu_right .mega-description .fail {
589
- margin-top: 20px;
590
- color: #666;
591
- }
592
-
593
- .megamenu_outer_wrap .megamenu_wrap .megamenu_submit .success {
594
- border: 1px solid #7ad03a;
595
- background: #7ad03a;
596
- line-height: 26px;
597
- margin: 0 0 0 15px;
598
- float: left;
599
- width: auto;
600
- box-sizing: border-box;
601
- border-radius: 2px;
602
- padding-right: 20px;
603
- color: white;
604
- }
605
- .megamenu_outer_wrap .megamenu_wrap .megamenu_submit .success .dashicons {
606
- background: #7ad03a;
607
- color: white;
608
- margin-right: 7px;
609
- width: 26px;
610
- line-height: 26px;
611
- height: 26px;
612
- }
613
- .megamenu_outer_wrap .megamenu_wrap .success {
614
- border: 1px solid #7ad03a;
615
- background: #fff;
616
- box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
617
- line-height: 35px;
618
- margin: 0 0 20px 0;
619
- float: left;
620
- width: 100%;
621
- box-sizing: border-box;
622
- }
623
- .megamenu_outer_wrap .megamenu_wrap .success .dashicons {
624
- background: #7ad03a;
625
- color: white;
626
- margin-right: 7px;
627
- width: 35px;
628
- line-height: 35px;
629
- height: 35px;
630
- }
631
- .megamenu_outer_wrap .megamenu_right .menu_settings select.icon_dropdown {
632
- margin-right: 0;
633
- }
634
- .select2-drop {
635
- min-width: 150px;
636
- }
637
- .select2-results .select2-result-label {
638
- font-size: 0.9em;
639
- }
640
- .megamenu_outer_wrap .megamenu_right .menu_settings h3.editing_theme {
641
- margin: 0 0 30px 0;
642
- padding: 0;
643
- border: 0;
644
- float: left;
645
- width: 100%;
646
- }
647
-
648
- .megamenu_outer_wrap .mm-picker-container .sp-replacer {
649
- margin: 0;
650
- float: left;
651
- }
652
-
653
- .mega-menu_page_maxmegamenu_theme_editor .sp-palette-container {
654
- width: 40px;
655
- }
656
-
657
-
658
- .megamenu_outer_wrap .mm-picker-container .sp-replacer .sp-preview {
659
- border: 0;
660
- height: 26px;
661
- width: 26px;
662
- margin: 0;
663
- }
664
- .megamenu_outer_wrap .mm-picker-container input.mm_colorpicker {
665
- float: left;
666
- border: 0;
667
- height: 23px;
668
- box-shadow: 0 0 0;
669
- margin: 0;
670
- }
671
-
672
-
673
-
674
- .megamenu_outer_wrap .mm-picker-container {
675
- border-radius: 3px;
676
- box-shadow: 0 1px 0 rgba(0,0,0,.08);
677
- border: 1px solid #ccc;
678
- font-size: 0.9em;
679
- float: left;
680
- }
681
-
682
- .megamenu_outer_wrap .block .mm-picker-container {
683
- float: right;
684
- margin-right: 0;
685
- }
686
-
687
- .megamenu_outer_wrap .mm-picker-container div.chosen-color {
688
- background: #f7f7f7;
689
- -webkit-border-radius: 0 2px 2px 0;
690
- border-radius: 0 2px 2px 0;
691
- border-left: 1px solid #ccc;
692
- color: #555;
693
- font-size: 11px;
694
- line-height: 26px;
695
- padding: 0 6px;
696
- text-align: center;
697
- -webkit-box-shadow: inset 0 1px 0 #fff;
698
- box-shadow: inset 0 1px 0 #fff;
699
- float: left;
700
- cursor: default;
701
- }
702
- .megamenu_outer_wrap .megamenu_right .mega-location .mega-assigned-menu:before {
703
- font: 400 20px/21px dashicons;
704
- content: "\f142";
705
- speak: none;
706
- padding: 0;
707
- display: inline-block;
708
- vertical-align: top;
709
- -webkit-font-smoothing: antialiased;
710
- -moz-osx-font-smoothing: grayscale;
711
- }
712
- .megamenu_outer_wrap .mega-delete {
713
- margin-bottom: 15px;
714
- cursor: pointer;
715
- }
716
- .megamenu_outer_wrap .megamenu_right .mega-location .mega-assigned-menu:before {
717
- content: "\f333";
718
- font-size: 16px;
719
- margin-right: 2px;
720
- }
721
- .megamenu_outer_wrap .megamenu_right .mega-location .mega-assigned-menu {
722
- float: right;
723
- text-transform: uppercase;
724
- font-weight: bold;
725
- opacity: 0.7;
726
- margin-right: 28px;
727
- font-size: 0.8em;
728
- }
729
- .megamenu_outer_wrap .megamenu_right .menu_settings .mega-location table textarea {
730
- height: 30px;
731
- }
732
- .megamenu_outer_wrap .megamenu_right .mega-location .accordion-section-content {
733
- width: 100%;
734
- box-sizing: border-box;
735
- }
736
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
css/megamenu.scss CHANGED
@@ -61,6 +61,12 @@
61
  @include background($container_background_from, $container_background_to);
62
  @include border-radius($container_border_radius_top_left, $container_border_radius_top_right, $container_border_radius_bottom_right, $container_border_radius_bottom_left);
63
 
 
 
 
 
 
 
64
  #{$menu} {
65
  visibility: visible;
66
  text-align: $menu_item_align;
@@ -156,12 +162,6 @@
156
  cursor: pointer;
157
  }
158
 
159
- &.mega-keyboard-navigation + .mega-menu-toggle.mega-menu-open,
160
- &.mega-keyboard-navigation a:focus,
161
- &.mega-keyboard-navigation input:focus {
162
- @include box-shadow(inset 0px 0px 3px 1px #00FFFF);
163
- }
164
-
165
  p {
166
  margin-bottom: 10px;
167
  }
@@ -171,6 +171,11 @@
171
  max-width: 100%;
172
  }
173
 
 
 
 
 
 
174
  li.mega-menu-item > ul.mega-sub-menu {
175
  display: block;
176
  visibility: hidden;
@@ -424,6 +429,48 @@
424
 
425
  }
426
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
427
  // sub menu items (megamenu)
428
  > li.mega-menu-megamenu > ul.mega-sub-menu {
429
  z-index: $z_index;
@@ -436,6 +483,7 @@
436
  border-left: $panel_border_left solid $panel_border_color;
437
  border-right: $panel_border_right solid $panel_border_color;
438
  border-bottom: $panel_border_bottom solid $panel_border_color;
 
439
 
440
  @if unit($panel_width) == '%' {
441
  left: 0;
@@ -482,7 +530,8 @@
482
  }
483
  }
484
 
485
- > li.mega-menu-item {
 
486
  color: $panel_font_color;
487
  font-family: $panel_font_family;
488
  font-size: $panel_font_size;
@@ -622,6 +671,7 @@
622
  border-bottom: $flyout_border_bottom solid $flyout_border_color;
623
  padding: $flyout_padding_top $flyout_padding_right $flyout_padding_bottom $flyout_padding_left;
624
  @include background($flyout_menu_background_from, $flyout_menu_background_to);
 
625
 
626
  @if $shadow == 'on' {
627
  @include box-shadow($shadow_horizontal $shadow_vertical $shadow_blur $shadow_spread $shadow_color);
@@ -818,15 +868,15 @@
818
  }
819
 
820
  @include mobile {
821
- li.mega-menu-item.mega-hide-on-mobile,
822
- > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-hide-on-mobile {
823
  display: none;
824
  }
825
  }
826
 
827
  @include desktop {
828
- li.mega-menu-item.mega-hide-on-desktop,
829
- > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-hide-on-desktop {
830
  display: none;
831
  }
832
  }
@@ -850,10 +900,10 @@
850
  outline: none;
851
 
852
  @include mobile {
853
- display: block;
854
-
855
  @if $disable_mobile_toggle == on {
856
  display: none;
 
 
857
  }
858
  }
859
 
@@ -879,12 +929,14 @@
879
  margin-right: 6px;
880
  }
881
 
 
882
  @include mobile {
883
  + #{$menu} {
884
- display: none;
885
 
886
  @if $disable_mobile_toggle == on {
887
- display: block;
 
 
888
  }
889
 
890
  li.mega-menu-item > ul.mega-sub-menu {
61
  @include background($container_background_from, $container_background_to);
62
  @include border-radius($container_border_radius_top_left, $container_border_radius_top_right, $container_border_radius_bottom_right, $container_border_radius_bottom_left);
63
 
64
+ &.mega-keyboard-navigation .mega-menu-toggle:focus,
65
+ &.mega-keyboard-navigation #{$menu} a:focus,
66
+ &.mega-keyboard-navigation #{$menu} input:focus {
67
+ @include box-shadow(inset 0px 0px 3px 1px #00FFFF);
68
+ }
69
+
70
  #{$menu} {
71
  visibility: visible;
72
  text-align: $menu_item_align;
162
  cursor: pointer;
163
  }
164
 
 
 
 
 
 
 
165
  p {
166
  margin-bottom: 10px;
167
  }
171
  max-width: 100%;
172
  }
173
 
174
+ .widget_media_image figure,
175
+ .widget_media_image .wp-caption {
176
+ width: auto !important;
177
+ }
178
+
179
  li.mega-menu-item > ul.mega-sub-menu {
180
  display: block;
181
  visibility: hidden;
429
 
430
  }
431
 
432
+ // sub menu items (grid)
433
+ li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
434
+ width: 100%;
435
+ float: left;
436
+
437
+ .mega-menu-column {
438
+ float: left;
439
+ min-height: 1px;
440
+ }
441
+
442
+ @include desktop {
443
+ @for $col from 1 through 12 {
444
+ > ul.mega-sub-menu > li.mega-menu-columns-#{$col}-of-12 {
445
+ width: (100% / 12) * $col;
446
+ }
447
+ }
448
+ }
449
+
450
+ @include mobile {
451
+ @if $mobile_columns == 2 {
452
+ > ul.mega-sub-menu > li.mega-menu-column {
453
+ width: 50%;
454
+ }
455
+
456
+ > ul.mega-sub-menu > li.mega-menu-column.mega-menu-clear {
457
+ clear: left;
458
+ }
459
+ } @else {
460
+ > ul.mega-sub-menu > li.mega-menu-column {
461
+ width: 100%;
462
+ clear: both;
463
+ }
464
+ }
465
+ }
466
+
467
+
468
+ .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
469
+ padding: $panel_widget_padding_top $panel_widget_padding_right $panel_widget_padding_bottom $panel_widget_padding_left;
470
+ width: 100%;
471
+ }
472
+ }
473
+
474
  // sub menu items (megamenu)
475
  > li.mega-menu-megamenu > ul.mega-sub-menu {
476
  z-index: $z_index;
483
  border-left: $panel_border_left solid $panel_border_color;
484
  border-right: $panel_border_right solid $panel_border_color;
485
  border-bottom: $panel_border_bottom solid $panel_border_color;
486
+ max-width: none;
487
 
488
  @if unit($panel_width) == '%' {
489
  left: 0;
530
  }
531
  }
532
 
533
+ > li.mega-menu-item,
534
+ li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
535
  color: $panel_font_color;
536
  font-family: $panel_font_family;
537
  font-size: $panel_font_size;
671
  border-bottom: $flyout_border_bottom solid $flyout_border_color;
672
  padding: $flyout_padding_top $flyout_padding_right $flyout_padding_bottom $flyout_padding_left;
673
  @include background($flyout_menu_background_from, $flyout_menu_background_to);
674
+ max-width: none;
675
 
676
  @if $shadow == 'on' {
677
  @include box-shadow($shadow_horizontal $shadow_vertical $shadow_blur $shadow_spread $shadow_color);
868
  }
869
 
870
  @include mobile {
871
+ li.mega-hide-on-mobile,
872
+ > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-hide-on-mobile {
873
  display: none;
874
  }
875
  }
876
 
877
  @include desktop {
878
+ li.mega-hide-on-desktop,
879
+ > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-hide-on-desktop {
880
  display: none;
881
  }
882
  }
900
  outline: none;
901
 
902
  @include mobile {
 
 
903
  @if $disable_mobile_toggle == on {
904
  display: none;
905
+ } @else {
906
+ display: block;
907
  }
908
  }
909
 
929
  margin-right: 6px;
930
  }
931
 
932
+
933
  @include mobile {
934
  + #{$menu} {
 
935
 
936
  @if $disable_mobile_toggle == on {
937
+ display: block;
938
+ } @else {
939
+ display: none;
940
  }
941
 
942
  li.mega-menu-item > ul.mega-sub-menu {
gulpfile.js ADDED
@@ -0,0 +1,12 @@
 
 
 
 
 
 
 
 
 
 
 
 
1
+ var gulp = require('gulp');
2
+ var sass = require('gulp-sass');
3
+
4
+ gulp.task('styles', function() {
5
+ gulp.src('css/admin/*.scss')
6
+ .pipe(sass().on('error', sass.logError))
7
+ .pipe(gulp.dest('./css/admin/'));
8
+ });
9
+
10
+ gulp.task('default',function() {
11
+ gulp.watch('css/admin/*.scss',['styles']);
12
+ });
js/admin.js CHANGED
@@ -1,18 +1,17 @@
1
- /*global console,ajaxurl,$,jQuery*/
2
-
3
  /**
4
  * Mega Menu jQuery Plugin
5
  */
6
- (function ($) {
7
  "use strict";
8
 
9
- $.fn.megaMenu = function (options) {
10
 
11
  var panel = $("<div />");
12
 
13
  panel.settings = options;
14
 
15
- panel.log = function (message) {
16
  if (window.console && console.log) {
17
  console.log(message.data);
18
  }
@@ -23,22 +22,27 @@
23
  };
24
 
25
 
26
- panel.init = function () {
 
 
 
 
 
27
 
28
- panel.log({success: true, data: megamenu.debug_launched + " " + panel.settings.menu_item_id});
29
 
30
  $.colorbox({
31
  html: "",
32
- initialWidth: '1000',
33
  scrolling: true,
34
  fixed: true,
35
- top: '10%',
36
- initialHeight: '502',
37
- maxHeight: '530'
38
  });
39
 
40
  $.ajax({
41
- type: 'POST',
42
  url: ajaxurl,
43
  data: {
44
  action: "mm_get_lightbox_html",
@@ -49,22 +53,38 @@
49
  },
50
  cache: false,
51
  beforeSend: function() {
52
- $('#cboxLoadedContent').empty();
53
- $('#cboxClose').empty();
54
- $('#cboxLoadingGraphic').show();
55
  },
56
  complete: function() {
57
- $('#cboxLoadingGraphic').hide();
58
- $('#cboxLoadingOverlay').remove();
 
 
 
 
 
 
 
 
 
 
 
 
 
59
  },
60
  success: function(response) {
 
 
 
61
  var json = $.parseJSON(response.data);
62
 
 
63
  var header_container = $("<div />").addClass("mm_header_container");
64
 
65
  var title = $("<div />").addClass("mm_title").html(panel.settings.menu_item_title);
66
 
67
- var saving = $("<div class='mm_saving '>" + megamenu.saving + "</div>");
68
 
69
  header_container.append(title).append(saving);
70
 
@@ -72,32 +92,36 @@
72
 
73
  var content_container = $("<div class='mm_content_container' />");
74
 
75
- $.each(json, function(idx, obj) {
 
 
 
 
76
 
77
- var content = $("<div />").addClass('mm_content').addClass(idx).html(this.content).hide();
78
 
79
  // bind save button action
80
- content.find('form').on("submit", function (e) {
81
  start_saving();
82
  e.preventDefault();
83
  var data = $(this).serialize();
84
- $.post(ajaxurl, data, function (submit_response) {
85
  end_saving();
86
  panel.log(submit_response);
87
  });
88
 
89
  });
90
 
91
- if (idx == 'menu_icon') {
92
- var form = content.find('form');
93
 
94
  // bind save button action
95
- form.on("change", function (e) {
96
  start_saving();
97
  e.preventDefault();
98
- $("input", form).not(e.target).removeAttr('checked');
99
  var data = $(this).serialize();
100
- $.post(ajaxurl, data, function (submit_response) {
101
  end_saving();
102
  panel.log(submit_response);
103
  });
@@ -105,242 +129,744 @@
105
  });
106
  }
107
 
108
- if (idx == 'general_settings') {
109
 
 
 
 
 
 
 
110
  }
111
 
112
- if (idx == 'mega_menu') {
113
-
114
- var submenu_type = content.find('#mm_enable_mega_menu');
115
 
116
- submenu_type.on('change', function() {
117
 
118
- if ( $(this).val() == 'megamenu' ) {
119
- $("#widgets").removeClass('disabled');
120
- } else {
121
- $("#widgets").addClass('disabled');
122
- }
123
 
124
  start_saving();
125
 
126
  var postdata = {
127
  action: "mm_save_menu_item_settings",
128
- settings: { type: $(this).val() },
 
 
129
  menu_item_id: panel.settings.menu_item_id,
130
  _wpnonce: megamenu.nonce
131
  };
132
 
133
- $.post(ajaxurl, postdata, function (select_response) {
134
  end_saving();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
135
  panel.log(select_response);
136
  });
137
 
138
  });
139
 
140
- var number_of_columns = content.find('#mm_number_of_columns');
 
141
 
142
- number_of_columns.on('change', function() {
143
 
144
- content.find("#widgets").attr('data-columns', $(this).val());
 
 
 
 
 
145
 
146
- content.find(".widget-total-cols").html($(this).val());
 
 
 
 
147
 
148
- start_saving();
149
 
150
- var postdata = {
151
- action: "mm_save_menu_item_settings",
152
- settings: { panel_columns: $(this).val() },
153
- menu_item_id: panel.settings.menu_item_id,
154
- _wpnonce: megamenu.nonce
155
- };
156
 
157
- $.post(ajaxurl, postdata, function (select_response) {
158
- end_saving();
159
- panel.log(select_response);
160
- });
 
 
 
 
 
 
 
 
161
 
 
 
 
 
162
  });
163
 
164
- var widget_area = content.find('#widgets');
 
 
 
165
 
166
- widget_area.bind("reorder_widgets", function () {
 
167
 
168
- start_saving();
 
 
 
 
 
169
 
170
- var items = [];
 
 
 
171
 
172
- $(".widget").each(function() {
173
- items.push({
174
- 'type' : $(this).attr('data-type'),
175
- 'order' : $(this).index() + 1,
176
- 'id' : $(this).attr('data-id'),
177
- 'parent_menu_item' : panel.settings.menu_item_id
178
- });
179
- });
180
 
181
- $.post(ajaxurl, {
182
- action: "mm_reorder_items",
183
- items: items,
184
- _wpnonce: megamenu.nonce
185
- }, function (move_response) {
186
- end_saving();
187
- panel.log(move_response);
188
- });
189
- });
190
 
191
- widget_area.sortable({
192
- forcePlaceholderSize: true,
193
- items : '.widget:not(.sub_menu)',
194
- placeholder: "drop-area",
195
- handle: ".widget-top",
196
- start: function (event, ui) {
197
- $(".widget").removeClass("open");
198
- ui.item.data('start_pos', ui.item.index());
199
- },
200
- stop: function (event, ui) {
201
- // clean up
202
- ui.item.removeAttr('style');
203
-
204
- var start_pos = ui.item.data('start_pos');
205
-
206
- if (start_pos !== ui.item.index()) {
207
- widget_area.trigger("reorder_widgets");
208
- }
209
- }
210
- });
211
 
 
212
 
213
- var widget_selector = content.find('#mm_widget_selector');
 
 
214
 
215
- widget_selector.on('change', function() {
216
 
217
- var selector = $(this);
218
 
219
- if (selector.val() == 'not_installed_image_widget') {
220
- alert(megamenu.not_installed_image_widget);
221
- selector.val('disabled');
222
- return;
223
- }
 
 
 
224
 
225
- if (selector.val() != 'disabled') {
 
 
226
 
227
- start_saving();
 
 
 
228
 
229
- var postdata = {
230
- action: "mm_add_widget",
231
- id_base: selector.val(),
232
- menu_item_id: panel.settings.menu_item_id,
233
- title: selector.find('option:selected').text(),
234
- _wpnonce: megamenu.nonce
235
- };
236
 
237
- $.post(ajaxurl, postdata, function (response) {
238
- $(".no_widgets").hide();
239
- var widget = $(response.data);
240
- var number_of_columns = content.find('#mm_number_of_columns').val();
241
- widget.find(".widget-total-cols").html(number_of_columns);
242
- add_events_to_widget(widget);
243
- $("#widgets").append(widget);
244
- widget_area.trigger("reorder_widgets");
245
- end_saving();
246
- // reset the dropdown
247
- selector.val('disabled');
248
- });
249
 
250
- }
 
 
 
 
 
 
251
 
252
- });
253
 
 
254
 
255
- $('.widget', widget_area).each(function() {
256
- add_events_to_widget($(this));
257
- });
 
258
 
259
- }
 
260
 
261
- var tab = $("<div />").addClass('mm_tab').addClass(idx).html(this.title).css('cursor', 'pointer').on('click', function() {
262
- $(".mm_content").hide();
263
- $(".mm_tab").removeClass('active');
264
- $(this).addClass('active');
265
- content.show();
266
- });
 
267
 
268
- if ( ( panel.settings.menu_item_depth == 0 && idx == 'mega_menu' ) ||
269
- ( panel.settings.menu_item_depth > 0 && idx == 'general_settings' ) ) {
270
- content.show();
271
- tab.addClass('active');
272
- }
273
 
274
- tabs_container.append(tab);
275
 
276
- $(".mm_tab_horizontal", content).on('click', function() {
277
- var tab = $(this);
278
- var tab_id = $(this).attr('rel');
279
 
280
- // reset search
281
- $(".filter_icons").val("");
282
- $(".icon_selector > div").show();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
283
 
284
- tab.addClass('active');
285
- tab.siblings().removeClass('active');
286
- tab.parent().siblings().not('h4').not('input').hide();
287
- tab.parent().siblings("." + tab_id).show();
288
  });
289
 
290
- $(".filter_icons", content).on('keyup', function() {
291
- var string = $(".filter_icons").val();
 
292
 
293
- var all = $(".icon_selector:visible div input");
 
294
 
295
- var filtered = all.filter(function() {
296
- return $(this).attr('id').indexOf(string) > -1;
 
 
 
 
 
 
 
 
 
297
  });
298
 
299
- filtered.parent().show();
300
- var others = all.not(filtered);
301
- others.parent().hide();
302
  });
303
 
304
- content_container.append(content);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
305
  });
306
 
307
- $('#cboxLoadedContent').addClass('depth-' + panel.settings.menu_item_depth).append(header_container).append(tabs_container).append(content_container);
308
- $('#cboxLoadedContent').css({'width': '100%', 'height': '100%', 'display':'block'});
309
- $('#cboxLoadedContent').trigger('megamenu_content_loaded');
 
 
310
 
311
- // fix for WordPress 4.8 widgets when lightbox is opened, closed and reopened
312
- if (wp.textWidgets !== undefined) {
313
- wp.textWidgets.widgetControls = {}; // WordPress 4.8 Text Widget
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
314
  }
 
 
315
 
316
- if (wp.mediaWidgets !== undefined) {
317
- wp.mediaWidgets.widgetControls = {}; // WordPress 4.8 Media Widgets
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
318
  }
319
- }
320
  });
321
 
322
- };
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
323
 
324
- var start_saving = function() {
325
- $('.mm_saving').show();
326
- }
 
 
 
 
 
 
 
 
 
 
327
 
328
- var end_saving = function() {
329
- $('.mm_saving').fadeOut('fast');
330
  }
331
 
332
- var add_events_to_widget = function (widget) {
333
 
334
- var widget_title = widget.find(".widget-title h4");
335
- var expand = widget.find(".widget-expand");
336
- var contract = widget.find(".widget-contract");
337
- var edit = widget.find(".widget-action");
338
- var widget_inner = widget.find(".widget-inner");
339
- var id = widget.attr("data-id");
340
- var type = widget.attr('data-type');
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
341
 
342
- expand.on("click", function () {
343
 
 
 
 
 
344
  var cols = parseInt(widget.attr("data-columns"), 10);
345
  var maxcols = parseInt($("#mm_number_of_columns").val(), 10);
346
 
@@ -349,32 +875,32 @@
349
 
350
  widget.attr("data-columns", cols);
351
 
352
- $('.widget-num-cols', widget).html(cols);
353
 
354
  start_saving();
355
 
356
- if (type == 'widget') {
357
 
358
  $.post(ajaxurl, {
359
  action: "mm_update_widget_columns",
360
  id: id,
361
  columns: cols,
362
  _wpnonce: megamenu.nonce
363
- }, function (expand_response) {
364
  end_saving();
365
  panel.log(expand_response);
366
  });
367
 
368
  }
369
 
370
- if (type == 'menu_item' ) {
371
 
372
  $.post(ajaxurl, {
373
  action: "mm_update_menu_item_columns",
374
  id: id,
375
  columns: cols,
376
  _wpnonce: megamenu.nonce
377
- }, function (contract_response) {
378
  end_saving();
379
  panel.log(contract_response);
380
  });
@@ -385,8 +911,10 @@
385
 
386
  });
387
 
388
- contract.on("click", function () {
389
-
 
 
390
  var cols = parseInt(widget.attr("data-columns"), 10);
391
 
392
  // account for widgets that have say 8 columns but the panel is only 6 wide
@@ -400,35 +928,35 @@
400
  cols = cols - 1;
401
  widget.attr("data-columns", cols);
402
 
403
- $('.widget-num-cols', widget).html(cols);
404
  } else {
405
  return;
406
  }
407
 
408
  start_saving();
409
 
410
- if (type == 'widget') {
411
 
412
  $.post(ajaxurl, {
413
  action: "mm_update_widget_columns",
414
  id: id,
415
  columns: cols,
416
  _wpnonce: megamenu.nonce
417
- }, function (contract_response) {
418
  end_saving();
419
  panel.log(contract_response);
420
  });
421
 
422
  }
423
 
424
- if (type == 'menu_item') {
425
 
426
  $.post(ajaxurl, {
427
  action: "mm_update_menu_item_columns",
428
  id: id,
429
  columns: cols,
430
  _wpnonce: megamenu.nonce
431
- }, function (contract_response) {
432
  end_saving();
433
  panel.log(contract_response);
434
  });
@@ -438,24 +966,28 @@
438
  });
439
 
440
 
441
- edit.on("click", function () {
 
 
 
 
442
 
443
- if (! widget.hasClass("open") && ! widget.data("loaded")) {
444
 
445
- widget_title.addClass('loading');
446
 
447
  // retrieve the widget settings form
448
  $.post(ajaxurl, {
449
  action: "mm_edit_widget",
450
  widget_id: id,
451
  _wpnonce: megamenu.nonce
452
- }, function (response) {
453
 
454
  var $response = $(response);
455
  var $form = $response;
456
 
457
  // bind delete button action
458
- $(".delete", $form).on("click", function (e) {
459
  e.preventDefault();
460
 
461
  var data = {
@@ -464,7 +996,7 @@
464
  _wpnonce: megamenu.nonce
465
  };
466
 
467
- $.post(ajaxurl, data, function (delete_response) {
468
  widget.remove();
469
  panel.log(delete_response);
470
  });
@@ -472,21 +1004,21 @@
472
  });
473
 
474
  // bind close button action
475
- $(".close", $form).on("click", function (e) {
476
  e.preventDefault();
477
 
478
  widget.toggleClass("open");
479
  });
480
 
481
  // bind save button action
482
- $form.on("submit", function (e) {
483
  e.preventDefault();
484
 
485
  var data = $(this).serialize();
486
 
487
  start_saving();
488
 
489
- $.post(ajaxurl, data, function (submit_response) {
490
  end_saving();
491
  panel.log(submit_response);
492
  });
@@ -497,14 +1029,16 @@
497
 
498
  widget.data("loaded", true).toggleClass("open");
499
 
500
- widget_title.removeClass('loading');
501
 
502
  // Init Black Studio TinyMCE
503
- if ( widget.is( '[id*=black-studio-tinymce]' ) ) {
504
- bstw( widget ).deactivate().activate();
505
  }
506
 
507
- $( document ).trigger( 'widget-added', [widget]);
 
 
508
 
509
  });
510
 
@@ -517,8 +1051,15 @@
517
 
518
  });
519
 
520
- return widget;
521
- };
 
 
 
 
 
 
 
522
 
523
  panel.init();
524
 
@@ -529,17 +1070,17 @@
529
  /**
530
  *
531
  */
532
- jQuery(function ($) {
533
  "use strict";
534
 
535
 
536
- $(".menu").on("click", ".megamenu_launch", function (e) {
537
  e.preventDefault();
538
 
539
  $(this).megaMenu();
540
  });
541
 
542
- $('#megamenu_accordion').accordion({
543
  heightStyle: "content",
544
  collapsible: true,
545
  active: false,
@@ -547,122 +1088,100 @@ jQuery(function ($) {
547
  });
548
 
549
  var apply_megamenu_enabled_class = function() {
550
- if ( $('input.megamenu_enabled:checked') && $('input.megamenu_enabled:checked').length ) {
551
- $('body').addClass('megamenu_enabled');
552
  } else {
553
- $('body').removeClass('megamenu_enabled');
554
  }
555
  }
556
 
557
- $('input.megamenu_enabled').on('change', function() {
558
  apply_megamenu_enabled_class();
559
  });
560
 
561
  apply_megamenu_enabled_class();
562
 
563
- $('.mega_menu_meta_box.mmm_get_started').attr('data-get-started', megamenu.get_started);
564
-
565
- $('#menu-to-edit li.menu-item').each(function() {
566
 
567
  var menu_item = $(this);
568
- var menu_id = $('input#menu').val();
569
- var title = menu_item.find('.menu-item-title').text();
570
 
571
- menu_item.data('megamenu_has_button', 'true');
572
 
573
  // fix for Jupiter theme
574
- if ( ! title ) {
575
- title = menu_item.find('.item-title').text();
576
  }
577
 
578
- var id = parseInt(menu_item.attr('id').match(/[0-9]+/)[0], 10);
579
 
580
  var button = $("<span>").addClass("mm_launch")
581
- .html(megamenu.launch_lightbox)
582
- .on('click', function(e) {
583
- e.preventDefault();
584
 
585
- if ( ! $('body').hasClass('megamenu_enabled') ) {
586
- alert(megamenu.is_disabled_error);
587
- return;
588
- }
589
 
590
- var depth = menu_item.attr('class').match(/\menu-item-depth-(\d+)\b/)[1];
591
 
592
- $(this).megaMenu({
593
- menu_item_id: id,
594
- menu_item_title: title,
595
- menu_item_depth: depth,
596
- menu_id: menu_id
597
- });
598
- });
599
 
600
- $('.item-title', menu_item).append(button);
601
 
602
  if (megamenu.css_prefix === "true") {
603
- var custom_css_classes = menu_item.find('.edit-menu-item-classes');
604
  var css_prefix = $("<span>").addClass("mm_prefix").html(megamenu.css_prefix_message);
605
  custom_css_classes.after(css_prefix);
606
  }
607
 
608
  });
609
 
610
- $('.megamenu_enabled #menu-to-edit li.menu-item').live('hover', function() {
611
  var menu_item = $(this);
612
 
613
- if (!menu_item.data('megamenu_has_button')) {
614
 
615
- menu_item.data('megamenu_has_button', 'true');
616
 
617
  var button = $("<span>").addClass("mm_launch mm_disabled")
618
- .html(megamenu.launch_lightbox)
619
- .on('click', function(e) {
620
- e.preventDefault();
621
- alert(megamenu.save_menu);
622
- });
623
 
624
- $('.item-title', menu_item).append(button);
625
  }
626
  });
627
 
628
 
629
  // AJAX Save MMM Settings
630
- $(".max-mega-menu-save").on('click', function(e) {
631
  e.preventDefault();
632
 
633
- $(".mega_menu_meta_box .spinner").css('visibility', 'visible');
634
 
635
- var settings = JSON.stringify($( "[name^='megamenu_meta']" ).serializeArray());
636
 
637
  // retrieve the widget settings form
638
  $.post(ajaxurl, {
639
  action: "mm_save_settings",
640
- menu: $('#menu').val(),
641
  megamenu_meta: settings,
642
  nonce: megamenu.nonce
643
- }, function (response) {
644
- $(".mega_menu_meta_box .spinner").css('visibility', 'hidden');
645
  });
646
  });
647
 
648
- });
649
-
650
- jQuery(document).on('megamenu_content_loaded', function() {
651
- jQuery('.hide-pro-nags').on('click', function(e) {
652
- e.preventDefault();
653
-
654
- jQuery.post(ajaxurl, {
655
- action: "mm_hide_nags",
656
- nonce: megamenu.nonce
657
- }, function (response) {
658
- jQuery('.hide-pro-nags').html(response);
659
- });
660
- });
661
-
662
- jQuery('select#mega-item-align').on("change", function() {
663
- var select = jQuery(this);
664
- var selected = jQuery(this).val();
665
- select.next().children().hide();
666
- select.next().children('.' + selected).show();
667
- });
668
  });
1
+ /*global console,ajaxurl,$,jQuery,megamenu,document,window,bstw,alert,wp,this*/
 
2
  /**
3
  * Mega Menu jQuery Plugin
4
  */
5
+ (function($) {
6
  "use strict";
7
 
8
+ $.fn.megaMenu = function(options) {
9
 
10
  var panel = $("<div />");
11
 
12
  panel.settings = options;
13
 
14
+ panel.log = function(message) {
15
  if (window.console && console.log) {
16
  console.log(message.data);
17
  }
22
  };
23
 
24
 
25
+ panel.init = function() {
26
+
27
+ panel.log({
28
+ success: true,
29
+ data: megamenu.debug_launched + " " + panel.settings.menu_item_id
30
+ });
31
 
32
+ $.colorbox.remove();
33
 
34
  $.colorbox({
35
  html: "",
36
+ initialWidth: "75%",
37
  scrolling: true,
38
  fixed: true,
39
+ top: "10%",
40
+ initialHeight: "602",
41
+ maxHeight: "630"
42
  });
43
 
44
  $.ajax({
45
+ type: "POST",
46
  url: ajaxurl,
47
  data: {
48
  action: "mm_get_lightbox_html",
53
  },
54
  cache: false,
55
  beforeSend: function() {
56
+ $("#cboxLoadedContent").empty();
57
+ $("#cboxClose").empty();
 
58
  },
59
  complete: function() {
60
+ $("#cboxLoadingOverlay").remove();
61
+
62
+ // fix for WordPress 4.8 widgets when lightbox is opened, closed and reopened
63
+ if (wp.textWidgets !== undefined) {
64
+ wp.textWidgets.widgetControls = {}; // WordPress 4.8 Text Widget
65
+ }
66
+
67
+ if (wp.mediaWidgets !== undefined) {
68
+ wp.mediaWidgets.widgetControls = {}; // WordPress 4.8 Media Widgets
69
+ }
70
+
71
+ if (wp.customHtmlWidgets !== undefined) {
72
+ wp.customHtmlWidgets.widgetControls = {}; // WordPress 4.9 Custom HTML Widgets
73
+ }
74
+
75
  },
76
  success: function(response) {
77
+
78
+ $("#cboxLoadingGraphic").remove();
79
+
80
  var json = $.parseJSON(response.data);
81
 
82
+
83
  var header_container = $("<div />").addClass("mm_header_container");
84
 
85
  var title = $("<div />").addClass("mm_title").html(panel.settings.menu_item_title);
86
 
87
+ var saving = $("<div class='mm_saving'>" + megamenu.saving + "</div>");
88
 
89
  header_container.append(title).append(saving);
90
 
92
 
93
  var content_container = $("<div class='mm_content_container' />");
94
 
95
+ if ( json === null ) {
96
+ content_container.html(response);
97
+ }
98
+
99
+ $.each(json, function(idx) {
100
 
101
+ var content = $("<div />").addClass("mm_content").addClass(idx).html(this.content).hide();
102
 
103
  // bind save button action
104
+ content.find("form").on("submit", function(e) {
105
  start_saving();
106
  e.preventDefault();
107
  var data = $(this).serialize();
108
+ $.post(ajaxurl, data, function(submit_response) {
109
  end_saving();
110
  panel.log(submit_response);
111
  });
112
 
113
  });
114
 
115
+ if (idx === "menu_icon") {
116
+ var form = content.find("form.icon_selector").not(".icon_selector_custom");
117
 
118
  // bind save button action
119
+ form.on("change", function(e) {
120
  start_saving();
121
  e.preventDefault();
122
+ $("input", form).not(e.target).removeAttr("checked");
123
  var data = $(this).serialize();
124
+ $.post(ajaxurl, data, function(submit_response) {
125
  end_saving();
126
  panel.log(submit_response);
127
  });
129
  });
130
  }
131
 
132
+ if (idx === "general_settings") {
133
 
134
+ $("select#mega-item-align").on("change", function() {
135
+ var select = jQuery(this);
136
+ var selected = jQuery(this).val();
137
+ select.next().children().hide();
138
+ select.next().children("." + selected).show();
139
+ });
140
  }
141
 
142
+ if (idx === "mega_menu") {
 
 
143
 
144
+ var submenu_type = content.find("#mm_enable_mega_menu");
145
 
146
+ submenu_type.on("change", function() {
 
 
 
 
147
 
148
  start_saving();
149
 
150
  var postdata = {
151
  action: "mm_save_menu_item_settings",
152
+ settings: {
153
+ type: submenu_type.val()
154
+ },
155
  menu_item_id: panel.settings.menu_item_id,
156
  _wpnonce: megamenu.nonce
157
  };
158
 
159
+ $.post(ajaxurl, postdata, function(select_response) {
160
  end_saving();
161
+
162
+ if (submenu_type.val() == "megamenu") {
163
+ $("#widgets").removeClass("disabled").show();
164
+ $("#megamenu-grid").hide();
165
+ $("#mm_number_of_columns").show();
166
+ } else if (submenu_type.val() == "grid") {
167
+ $("#widgets").hide();
168
+ $("#megamenu-grid").show();
169
+ $("#mm_number_of_columns").hide();
170
+ } else {
171
+ $("#widgets").show().removeClass("enabled").addClass("disabled");
172
+ $("#megamenu-grid").hide();
173
+ $("#mm_number_of_columns").show();
174
+ }
175
+
176
  panel.log(select_response);
177
  });
178
 
179
  });
180
 
181
+ setup_megamenu(content);
182
+ setup_grid(content);
183
 
184
+ }
185
 
186
+ var tab = $("<div />").addClass("mm_tab").addClass(idx).html(this.title).css("cursor", "pointer").on("click", function() {
187
+ $(".mm_content").hide();
188
+ $(".mm_tab").removeClass("active");
189
+ $(this).addClass("active");
190
+ content.show();
191
+ });
192
 
193
+ if ((panel.settings.menu_item_depth == 0 && idx == "mega_menu") ||
194
+ (panel.settings.menu_item_depth > 0 && idx == "general_settings")) {
195
+ content.show();
196
+ tab.addClass("active");
197
+ }
198
 
199
+ tabs_container.append(tab);
200
 
201
+ $(".mm_tab_horizontal", content).on("click", function() {
202
+ var tab = $(this);
203
+ var tab_id = $(this).attr("rel");
 
 
 
204
 
205
+ // reset search
206
+ $(".filter_icons").val("");
207
+ $(".icon_selector > div").show();
208
+
209
+ tab.addClass("active");
210
+ tab.siblings().removeClass("active");
211
+ tab.parent().siblings().not("h4").not("input").hide();
212
+ tab.parent().siblings("." + tab_id).show();
213
+ });
214
+
215
+ $(".filter_icons", content).on("keyup", function() {
216
+ var string = $(".filter_icons").val();
217
 
218
+ var all = $(".icon_selector:visible div input");
219
+
220
+ var filtered = all.filter(function() {
221
+ return $(this).attr("id").indexOf(string) > -1;
222
  });
223
 
224
+ filtered.parent().show();
225
+ var others = all.not(filtered);
226
+ others.parent().hide();
227
+ });
228
 
229
+ content_container.append(content);
230
+ });
231
 
232
+ $("#cboxLoadedContent").addClass("depth-" + panel.settings.menu_item_depth).append(header_container).append(tabs_container).append(content_container);
233
+ $("#cboxLoadedContent").css({
234
+ "width": "100%",
235
+ "height": "100%",
236
+ "display": "block"
237
+ });
238
 
239
+ $("#cboxLoadedContent").trigger("megamenu_content_loaded");
240
+ }
241
+ });
242
+ };
243
 
244
+ var setup_grid = function(content) {
 
 
 
 
 
 
 
245
 
246
+ var grid = content.find("#megamenu-grid");
 
 
 
 
 
 
 
 
247
 
248
+ content.find("#mm_widget_selector").on("change", function() {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
249
 
250
+ var submenu_type = content.find("#mm_enable_mega_menu");
251
 
252
+ if (submenu_type.length && submenu_type.val() != "grid") {
253
+ return;
254
+ }
255
 
256
+ var selector = $(this);
257
 
258
+ if (selector.val() != "disabled") {
259
 
260
+ var postdata = {
261
+ action: "mm_add_widget",
262
+ id_base: selector.val(),
263
+ menu_item_id: panel.settings.menu_item_id,
264
+ is_grid_widget: "true",
265
+ title: selector.find("option:selected").text(),
266
+ _wpnonce: megamenu.nonce
267
+ };
268
 
269
+ $.post(ajaxurl, postdata, function(response) {
270
+ var widget = $(response.data);
271
+ $(".mega-col-widgets:first").append(widget);
272
 
273
+ grid.trigger("make_columns_sortable");
274
+ grid.trigger("make_widgets_sortable");
275
+ grid.trigger("update_column_block_count");
276
+ grid.trigger("save_grid_data");
277
 
278
+ // reset the dropdown
279
+ selector.val("disabled");
280
+ });
 
 
 
 
281
 
282
+ }
283
+ });
 
 
 
 
 
 
 
 
 
 
284
 
285
+ // Add Column
286
+ grid.on("click", ".mega-add-column", function() {
287
+ var button = $(this);
288
+ var data = {
289
+ action: "mm_get_empty_grid_column",
290
+ _wpnonce: megamenu.nonce
291
+ };
292
 
293
+ $.post(ajaxurl, data, function(response) {
294
 
295
+ var row_total_cols = parseInt(button.closest(".mega-row").attr("data-total-cols"), 10);
296
 
297
+ if (row_total_cols + 3 > 12) {
298
+ grid.trigger("show_alert", [button, megamenu.row_is_full]);
299
+ return;
300
+ }
301
 
302
+ var column = $(response.data);
303
+ button.parent().parent().append(column);
304
 
305
+ grid.trigger("make_columns_sortable");
306
+ grid.trigger("make_widgets_sortable");
307
+ grid.trigger("save_grid_data");
308
+ grid.trigger("update_row_column_count");
309
+ grid.trigger("update_column_block_count");
310
+ });
311
+ });
312
 
313
+ grid.on("show_alert", function(event, context, message) {
 
 
 
 
314
 
315
+ $(".notice", grid).remove();
316
 
317
+ var dismiss = $("<button type='button' class='notice-dismiss'></button>").on('click', function() {
318
+ $(".notice", grid).remove();
319
+ });
320
 
321
+ var notice = $("<div>").addClass("notice notice-success is-dismissible").html("<p>" + message + "</p>").append(dismiss).hide();
322
+
323
+ $(context).closest(".mega-row").find(".mega-row-header").after(notice);
324
+
325
+ notice.slideDown().delay(8000).slideUp();
326
+ });
327
+
328
+ // Delete Column
329
+ grid.on("click", ".mega-col-description > .dashicons-trash", function() {
330
+ $(this).closest(".mega-col").remove();
331
+
332
+ grid.trigger("save_grid_data");
333
+ grid.trigger("update_row_column_count");
334
+ });
335
+
336
+ // Add Row
337
+ grid.on("click", ".mega-add-row", function() {
338
+ var button = $(this);
339
+ var data = {
340
+ action: "mm_get_empty_grid_row",
341
+ _wpnonce: megamenu.nonce
342
+ };
343
+
344
+ $.post(ajaxurl, data, function(response) {
345
+ var row = $(response.data);
346
+ button.before(row);
347
+
348
+ grid.trigger("make_columns_sortable");
349
+ grid.trigger("make_widgets_sortable");
350
+ grid.trigger("save_grid_data");
351
+ grid.trigger("update_row_column_count");
352
+ grid.trigger("update_column_block_count");
353
+
354
+ });
355
+ });
356
+
357
+ // Delete Row
358
+ grid.on("click", ".mega-row-actions > .dashicons-trash", function() {
359
+ $(this).closest(".mega-row").remove();
360
+
361
+ grid.trigger("save_grid_data");
362
+ });
363
+
364
+ // Expand Column
365
+ grid.on("click", ".mega-col-expand", function() {
366
+
367
+ var column = $(this).closest(".mega-col");
368
+ var cols = parseInt(column.attr("data-span"), 10);
369
+
370
+ if (cols < 12) {
371
+ cols = cols + 1;
372
+
373
+ column.attr("data-span", cols);
374
+
375
+ $(".mega-num-cols", column).html(cols);
376
+
377
+ grid.trigger("save_grid_data");
378
+ grid.trigger("update_row_column_count");
379
+ }
380
+ });
381
+
382
+ // Contract Column
383
+ grid.on("click", ".mega-col-contract", function() {
384
+
385
+ var column = $(this).closest(".mega-col");
386
+
387
+ var cols = parseInt(column.attr("data-span"), 10);
388
+
389
+ if (cols > 1) {
390
+ cols = cols - 1;
391
+
392
+ column.attr("data-span", cols);
393
+
394
+ $(".mega-num-cols", column).html(cols);
395
+
396
+ grid.trigger("save_grid_data");
397
+ grid.trigger("update_row_column_count");
398
+ }
399
+
400
+ });
401
+
402
+ grid.on("click", ".widget-action", function() {
403
+
404
+ var widget = $(this).closest(".widget");
405
+ var widget_title = widget.find("h4");
406
+ var id = widget.attr("data-id");
407
+ var widget_inner = widget.find(".widget-inner");
408
+
409
+ if (!widget.hasClass("open") && !widget.data("loaded")) {
410
+
411
+ widget_title.addClass("loading");
412
+
413
+ // retrieve the widget settings form
414
+ $.post(ajaxurl, {
415
+ action: "mm_edit_widget",
416
+ widget_id: id,
417
+ _wpnonce: megamenu.nonce
418
+ }, function(response) {
419
+
420
+ var $response = $(response);
421
+ var $form = $response;
422
+
423
+ // bind delete button action
424
+ $(".delete", $form).on("click", function(e) {
425
+ e.preventDefault();
426
+
427
+ widget.remove();
428
+
429
+ var data = {
430
+ action: "mm_delete_widget",
431
+ widget_id: id,
432
+ _wpnonce: megamenu.nonce
433
+ };
434
+
435
+ $.post(ajaxurl, data, function(delete_response) {
436
+ panel.log(delete_response);
437
+ grid.trigger("save_grid_data");
438
+ grid.trigger("update_column_block_count");
439
+ });
440
 
 
 
 
 
441
  });
442
 
443
+ // bind close button action
444
+ $(".close", $form).on("click", function(e) {
445
+ e.preventDefault();
446
 
447
+ widget.toggleClass("open");
448
+ });
449
 
450
+ // bind save button action
451
+ $form.on("submit", function(e) {
452
+ e.preventDefault();
453
+
454
+ var data = $(this).serialize();
455
+
456
+ start_saving();
457
+
458
+ $.post(ajaxurl, data, function(submit_response) {
459
+ end_saving();
460
+ panel.log(submit_response);
461
  });
462
 
 
 
 
463
  });
464
 
465
+ widget_inner.html($response);
466
+
467
+ widget.data("loaded", true).toggleClass("open");
468
+
469
+ grid.trigger("check_widget_inner_position", [widget_inner]);
470
+
471
+ widget_title.removeClass("loading");
472
+
473
+ // Init Black Studio TinyMCE
474
+ if (widget.is("[id*=black-studio-tinymce]")) {
475
+ bstw(widget).deactivate().activate();
476
+ }
477
+
478
+ setTimeout(function(){
479
+ $(document).trigger("widget-added", [widget]);
480
+ }, 100);
481
+
482
  });
483
 
484
+ } else {
485
+ widget.toggleClass("open");
486
+ }
487
+
488
+ grid.trigger("check_widget_inner_position", [widget_inner]);
489
 
490
+ // close all other widgets
491
+ $(".widget").not(widget).removeClass("open");
492
+
493
+ });
494
+
495
+
496
+ // Contract Column
497
+ grid.on("click", ".mega-col-header .dashicons-admin-generic", function() {
498
+ $(this).closest(".mega-col").find(".mega-col-settings").slideToggle();
499
+ });
500
+
501
+
502
+ grid.on("click", ".mega-row-header .dashicons-admin-generic", function() {
503
+ $(this).closest(".mega-row").find(".mega-row-settings").slideToggle();
504
+ });
505
+
506
+ grid.on("keyup", ".widget-content input[name*='[title]'], .media-widget-control [id*='_title'].title, .custom-html-widget-fields [id*='_title'].title", function() {
507
+ var title = $(this).val();
508
+
509
+ if (title.length == 0) {
510
+ var desc = $(this).closest(".widget").find(".widget-title .widget-desc").html();
511
+ $(this).closest(".widget").find(".widget-title h4").html(desc);
512
+ } else {
513
+ $(this).closest(".widget").find(".widget-title h4").html(title);
514
+ }
515
+ });
516
+
517
+ grid.on("click", ".dashicons-desktop", function() {
518
+ var icon = $(this);
519
+ var input = $(this).parent().parent().parent().parent().find("input[name='mega-hide-on-desktop']");
520
+ var tooltip = $(this).parent();
521
+
522
+ if (input.val() == "true") {
523
+ input.val("false");
524
+ tooltip.removeClass("mega-disabled").addClass("mega-enabled");
525
+ } else {
526
+ input.val("true");
527
+ tooltip.removeClass("mega-enabled").addClass("mega-disabled");
528
+ }
529
+
530
+ grid.trigger("save_grid_data");
531
+ });
532
+
533
+
534
+ grid.on("click", ".dashicons-smartphone", function() {
535
+ var icon = $(this);
536
+ var input = $(this).parent().parent().parent().parent().find("input[name='mega-hide-on-mobile']");
537
+ var tooltip = $(this).parent();
538
+
539
+ if (input.val() == "true") {
540
+ input.val("false");
541
+ tooltip.removeClass("mega-disabled").addClass("mega-enabled");
542
+ } else {
543
+ input.val("true");
544
+ tooltip.removeClass("mega-enabled").addClass("mega-disabled");
545
+ }
546
+
547
+ grid.trigger("save_grid_data");
548
+ });
549
+
550
+
551
+ grid.on("click", ".mega-save-column-settings, .mega-save-row-settings", function() {
552
+ grid.trigger("save_grid_data");
553
+ });
554
+
555
+
556
+ grid.on("check_widget_inner_position", function(event, widget_inner) {
557
+ var widget_inner_right_edge = widget_inner.offset().left + widget_inner.width();
558
+ var content_right_edge = $(".mm_content_container").offset().left + $(".mm_content_container").width();
559
+
560
+ if (widget_inner_right_edge > content_right_edge) {
561
+ widget_inner.css("right", "0");
562
+ } else {
563
+ widget_inner.css("right", "");
564
+ }
565
+ });
566
+
567
+ grid.on("save_grid_data", function() {
568
+ start_saving();
569
+
570
+ var rows = [];
571
+ var cols = [];
572
+
573
+ $(".mega-row", grid).each(function() {
574
+ var row_index = $(this).index();
575
+ var row_hide_on_desktop = $(this).find("input[name='mega-hide-on-desktop']").val();
576
+ var row_hide_on_mobile = $(this).find("input[name='mega-hide-on-mobile']").val();
577
+ var row_class = $(this).find("input.mega-row-class").val();
578
+
579
+ rows[row_index] = {
580
+ "meta": {
581
+ "class": row_class,
582
+ "hide-on-desktop": row_hide_on_desktop,
583
+ "hide-on-mobile": row_hide_on_mobile
584
+ },
585
+ "columns": []
586
+ };
587
+ });
588
+
589
+ $(".mega-col", grid).each(function() {
590
+ var col_index = $(this).parent().children(".mega-col").index($(this));
591
+ var row_index = $(this).parent(".mega-row").index();
592
+ var col_span = $(this).attr("data-span");
593
+ var col_hide_on_desktop = $(this).find("input[name='mega-hide-on-desktop']").val();
594
+ var col_hide_on_mobile = $(this).find("input[name='mega-hide-on-mobile']").val();
595
+ var col_class = $(this).find("input.mega-column-class ").val();
596
+
597
+ rows[row_index]["columns"][col_index] = {
598
+ "meta": {
599
+ "span": col_span,
600
+ "class": col_class,
601
+ "hide-on-desktop": col_hide_on_desktop,
602
+ "hide-on-mobile": col_hide_on_mobile
603
+ },
604
+ "items": []
605
+ };
606
+ });
607
+
608
+ $(".widget", grid).each(function() {
609
+ var block_index = $(this).index();
610
+ var id = $(this).attr("data-id");
611
+ var type = $(this).attr("data-type");
612
+ var row_index = $(this).closest(".mega-row").index();
613
+ var col = $(this).closest(".mega-col");
614
+ var col_index = col.parent().children(".mega-col").index(col);
615
+
616
+ var widget = {
617
+ "id": id,
618
+ "type": type
619
+ };
620
+
621
+ rows[row_index]["columns"][col_index]["items"].push(widget);
622
+ });
623
+
624
+ $.post(ajaxurl, {
625
+ action: "mm_save_grid_data",
626
+ grid: rows,
627
+ parent_menu_item: panel.settings.menu_item_id,
628
+ _wpnonce: megamenu.nonce
629
+ }, function(move_response) {
630
+ end_saving();
631
+ });
632
+ });
633
+
634
+
635
+ grid.on("update_row_column_count", function() {
636
+ $(".mega-row", grid).each(function() {
637
+ var row = $(this);
638
+ var total_cols = 0;
639
+
640
+ $(".mega-col", row).not(".ui-sortable-helper").each(function() {
641
+ var col = $(this);
642
+ total_cols = total_cols + parseInt(col.attr("data-span"), 10);
643
+ });
644
+
645
+ row.attr("data-total-cols", total_cols);
646
+ });
647
+ });
648
+
649
+ grid.on("update_column_block_count", function() {
650
+ $(".mega-col", grid).each(function() {
651
+ var col = $(this);
652
+ col.attr("data-total-blocks", $(".mega-col-widgets > .widget", col).length);
653
+ });
654
+ });
655
+
656
+ grid.on("make_rows_sortable", function() {
657
+ // sortable row
658
+ grid.sortable({
659
+ forcePlaceholderSize: true,
660
+ items: ".mega-row",
661
+ placeholder: "drop-area",
662
+ handle: ".mega-row-header > .mega-row-actions > .dashicons-sort",
663
+ tolerance: "pointer",
664
+ start: function(event, ui) {
665
+ $(".widget").removeClass("open");
666
+ ui.item.data("start_pos", ui.item.index());
667
+ },
668
+ stop: function(event, ui) {
669
+ // clean up
670
+ ui.item.removeAttr("style");
671
+
672
+ var start_pos = ui.item.data("start_pos");
673
+
674
+ if (start_pos !== ui.item.index()) {
675
+ grid.trigger("save_grid_data");
676
+ }
677
  }
678
+ });
679
+ });
680
 
681
+ grid.on("make_widgets_sortable", function() {
682
+ // sortable widgets
683
+ var cols = grid.find(".mega-col-widgets");
684
+
685
+ cols.sortable({
686
+ connectWith: ".mega-col-widgets",
687
+ forcePlaceholderSize: true,
688
+ items: ".widget",
689
+ placeholder: "drop-area",
690
+ handle: ".widget-top",
691
+ helper: "clone",
692
+ tolerance: "pointer",
693
+ start: function(event, ui) {
694
+ $(".widget").removeClass("open");
695
+ ui.item.css("margin-top", $(window).scrollTop());
696
+
697
+ },
698
+ stop: function(event, ui) {
699
+ // clean up
700
+ ui.item.removeAttr("style");
701
+
702
+ grid.trigger("save_grid_data");
703
+ grid.trigger("update_column_block_count");
704
  }
705
+ });
706
  });
707
 
708
+ grid.on("make_columns_sortable", function() {
709
+ // sortable columns
710
+ var rows = grid.find(".mega-row");
711
+
712
+ rows.sortable({
713
+ connectWith: ".mega-row",
714
+ forcePlaceholderSize: false,
715
+ items: ".mega-col",
716
+ placeholder: "drop-area",
717
+ tolerance: "pointer",
718
+ handle: ".mega-col-header > .mega-col-description > .dashicons-move",
719
+ start: function(event, ui) {
720
+ ui.placeholder.height(ui.helper[0].scrollHeight);
721
+ ui.placeholder.width(ui.item.width() - 1);
722
+ $(".widget").removeClass("open");
723
+ },
724
+ sort: function(event, ui) {
725
+ grid.trigger("update_row_column_count");
726
+ },
727
+ stop: function(event, ui) {
728
+ var row_total_cols = parseInt(ui.item.parent().attr("data-total-cols"), 10);
729
+ var col_total_cols = parseInt(ui.item.attr("data-span"), 10);
730
+
731
+ if (row_total_cols + col_total_cols > 12) {
732
+ grid.trigger("show_alert", [ui.item, megamenu.row_is_full]);
733
+ $(this).sortable("cancel");
734
+ } else {
735
+ grid.trigger("save_grid_data");
736
+ }
737
 
738
+ // clean up
739
+ ui.item.removeAttr("style");
740
+
741
+ grid.trigger("update_row_column_count");
742
+ }
743
+ });
744
+ });
745
+
746
+ grid.trigger("update_row_column_count");
747
+ grid.trigger("update_column_block_count");
748
+ grid.trigger("make_rows_sortable");
749
+ grid.trigger("make_columns_sortable");
750
+ grid.trigger("make_widgets_sortable");
751
 
 
 
752
  }
753
 
 
754
 
755
+ var setup_megamenu = function(content) {
756
+
757
+ var megamenubuilder = content.find("#widgets");
758
+
759
+ content.find("#mm_number_of_columns").on("change", function() {
760
+
761
+ megamenubuilder.attr("data-columns", $(this).val());
762
+
763
+ megamenubuilder.find(".widget-total-cols").html($(this).val());
764
+
765
+ start_saving();
766
+
767
+ var postdata = {
768
+ action: "mm_save_menu_item_settings",
769
+ settings: {
770
+ panel_columns: $(this).val()
771
+ },
772
+ menu_item_id: panel.settings.menu_item_id,
773
+ _wpnonce: megamenu.nonce
774
+ };
775
+
776
+ $.post(ajaxurl, postdata, function(select_response) {
777
+ end_saving();
778
+ panel.log(select_response);
779
+ });
780
+
781
+ });
782
+
783
+ megamenubuilder.bind("reorder_widgets", function() {
784
+ start_saving();
785
+
786
+ var items = [];
787
+
788
+ $(".widget").each(function() {
789
+ items.push({
790
+ "type": $(this).attr("data-type"),
791
+ "order": $(this).index() + 1,
792
+ "id": $(this).attr("data-id"),
793
+ "parent_menu_item": panel.settings.menu_item_id
794
+ });
795
+ });
796
+
797
+ $.post(ajaxurl, {
798
+ action: "mm_reorder_items",
799
+ items: items,
800
+ _wpnonce: megamenu.nonce
801
+ }, function(move_response) {
802
+ end_saving();
803
+ panel.log(move_response);
804
+ });
805
+ });
806
+
807
+ megamenubuilder.sortable({
808
+ forcePlaceholderSize: true,
809
+ items: ".widget:not(.sub_menu)",
810
+ placeholder: "drop-area",
811
+ handle: ".widget-top",
812
+ start: function(event, ui) {
813
+ $(".widget").removeClass("open");
814
+ ui.item.data("start_pos", ui.item.index());
815
+ },
816
+ stop: function(event, ui) {
817
+ // clean up
818
+ ui.item.removeAttr("style");
819
+
820
+ var start_pos = ui.item.data("start_pos");
821
+
822
+ if (start_pos !== ui.item.index()) {
823
+ megamenubuilder.trigger("reorder_widgets");
824
+ }
825
+ }
826
+ });
827
+
828
+ content.find("#mm_widget_selector").on("change", function() {
829
+
830
+ var submenu_type = content.find("#mm_enable_mega_menu");
831
+
832
+ if (submenu_type.length && submenu_type.val() != "megamenu") {
833
+ return;
834
+ }
835
+
836
+ var selector = $(this);
837
+
838
+ if (selector.val() != "disabled") {
839
+
840
+ start_saving();
841
+
842
+ var postdata = {
843
+ action: "mm_add_widget",
844
+ id_base: selector.val(),
845
+ menu_item_id: panel.settings.menu_item_id,
846
+ title: selector.find("option:selected").text(),
847
+ _wpnonce: megamenu.nonce
848
+ };
849
+
850
+ $.post(ajaxurl, postdata, function(response) {
851
+ $(".no_widgets").hide();
852
+ var widget = $(response.data);
853
+ var number_of_columns = content.find("#mm_number_of_columns").val();
854
+ widget.find(".widget-total-cols").html(number_of_columns);
855
+ $("#widgets").append(widget);
856
+ megamenubuilder.trigger("reorder_widgets");
857
+ end_saving();
858
+ // reset the dropdown
859
+ selector.val("disabled");
860
+ });
861
+
862
+ }
863
 
864
+ });
865
 
866
+ megamenubuilder.on("click", ".widget .widget-expand", function() {
867
+ var widget = $(this).closest(".widget");
868
+ var type = widget.attr("data-type");
869
+ var id = widget.attr("id");
870
  var cols = parseInt(widget.attr("data-columns"), 10);
871
  var maxcols = parseInt($("#mm_number_of_columns").val(), 10);
872
 
875
 
876
  widget.attr("data-columns", cols);
877
 
878
+ $(".widget-num-cols", widget).html(cols);
879
 
880
  start_saving();
881
 
882
+ if (type == "widget") {
883
 
884
  $.post(ajaxurl, {
885
  action: "mm_update_widget_columns",
886
  id: id,
887
  columns: cols,
888
  _wpnonce: megamenu.nonce
889
+ }, function(expand_response) {
890
  end_saving();
891
  panel.log(expand_response);
892
  });
893
 
894
  }
895
 
896
+ if (type == "menu_item") {
897
 
898
  $.post(ajaxurl, {
899
  action: "mm_update_menu_item_columns",
900
  id: id,
901
  columns: cols,
902
  _wpnonce: megamenu.nonce
903
+ }, function(contract_response) {
904
  end_saving();
905
  panel.log(contract_response);
906
  });
911
 
912
  });
913
 
914
+ megamenubuilder.on("click", ".widget .widget-contract", function() {
915
+ var widget = $(this).closest(".widget");
916
+ var type = widget.attr("data-type");
917
+ var id = widget.attr("id");
918
  var cols = parseInt(widget.attr("data-columns"), 10);
919
 
920
  // account for widgets that have say 8 columns but the panel is only 6 wide
928
  cols = cols - 1;
929
  widget.attr("data-columns", cols);
930
 
931
+ $(".widget-num-cols", widget).html(cols);
932
  } else {
933
  return;
934
  }
935
 
936
  start_saving();
937
 
938
+ if (type == "widget") {
939
 
940
  $.post(ajaxurl, {
941
  action: "mm_update_widget_columns",
942
  id: id,
943
  columns: cols,
944
  _wpnonce: megamenu.nonce
945
+ }, function(contract_response) {
946
  end_saving();
947
  panel.log(contract_response);
948
  });
949
 
950
  }
951
 
952
+ if (type == "menu_item") {
953
 
954
  $.post(ajaxurl, {
955
  action: "mm_update_menu_item_columns",
956
  id: id,
957
  columns: cols,
958
  _wpnonce: megamenu.nonce
959
+ }, function(contract_response) {
960
  end_saving();
961
  panel.log(contract_response);
962
  });
966
  });
967
 
968
 
969
+ megamenubuilder.on("click", ".widget .widget-action", function() {
970
+ var widget = $(this).closest(".widget");
971
+ var widget_title = widget.find(".widget-title");
972
+ var widget_inner = widget.find(".widget-inner");
973
+ var id = widget.attr("id");
974
 
975
+ if (!widget.hasClass("open") && !widget.data("loaded")) {
976
 
977
+ widget_title.addClass("loading");
978
 
979
  // retrieve the widget settings form
980
  $.post(ajaxurl, {
981
  action: "mm_edit_widget",
982
  widget_id: id,
983
  _wpnonce: megamenu.nonce
984
+ }, function(response) {
985
 
986
  var $response = $(response);
987
  var $form = $response;
988
 
989
  // bind delete button action
990
+ $(".delete", $form).on("click", function(e) {
991
  e.preventDefault();
992
 
993
  var data = {
996
  _wpnonce: megamenu.nonce
997
  };
998
 
999
+ $.post(ajaxurl, data, function(delete_response) {
1000
  widget.remove();
1001
  panel.log(delete_response);
1002
  });
1004
  });
1005
 
1006
  // bind close button action
1007
+ $(".close", $form).on("click", function(e) {
1008
  e.preventDefault();
1009
 
1010
  widget.toggleClass("open");
1011
  });
1012
 
1013
  // bind save button action
1014
+ $form.on("submit", function(e) {
1015
  e.preventDefault();
1016
 
1017
  var data = $(this).serialize();
1018
 
1019
  start_saving();
1020
 
1021
+ $.post(ajaxurl, data, function(submit_response) {
1022
  end_saving();
1023
  panel.log(submit_response);
1024
  });
1029
 
1030
  widget.data("loaded", true).toggleClass("open");
1031
 
1032
+ widget_title.removeClass("loading");
1033
 
1034
  // Init Black Studio TinyMCE
1035
+ if (widget.is('[id*=black-studio-tinymce]')) {
1036
+ bstw(widget).deactivate().activate();
1037
  }
1038
 
1039
+ setTimeout(function(){
1040
+ $(document).trigger("widget-added", [widget]);
1041
+ }, 100);
1042
 
1043
  });
1044
 
1051
 
1052
  });
1053
 
1054
+ }
1055
+
1056
+ var start_saving = function() {
1057
+ $(".mm_saving").show();
1058
+ }
1059
+
1060
+ var end_saving = function() {
1061
+ $(".mm_saving").fadeOut("fast");
1062
+ }
1063
 
1064
  panel.init();
1065
 
1070
  /**
1071
  *
1072
  */
1073
+ jQuery(function($) {
1074
  "use strict";
1075
 
1076
 
1077
+ $(".menu").on("click", ".megamenu_launch", function(e) {
1078
  e.preventDefault();
1079
 
1080
  $(this).megaMenu();
1081
  });
1082
 
1083
+ $("#megamenu_accordion").accordion({
1084
  heightStyle: "content",
1085
  collapsible: true,
1086
  active: false,
1088
  });
1089
 
1090
  var apply_megamenu_enabled_class = function() {
1091
+ if ($("input.megamenu_enabled:checked") && $("input.megamenu_enabled:checked").length) {
1092
+ $("body").addClass("megamenu_enabled");
1093
  } else {
1094
+ $("body").removeClass("megamenu_enabled");
1095
  }
1096
  }
1097
 
1098
+ $("input.megamenu_enabled").on("change", function() {
1099
  apply_megamenu_enabled_class();
1100
  });
1101
 
1102
  apply_megamenu_enabled_class();
1103
 
1104
+ $("#menu-to-edit li.menu-item").each(function() {
 
 
1105
 
1106
  var menu_item = $(this);
1107
+ var menu_id = $("input#menu").val();
1108
+ var title = menu_item.find(".menu-item-title").text();
1109
 
1110
+ menu_item.data("megamenu_has_button", "true");
1111
 
1112
  // fix for Jupiter theme
1113
+ if (!title) {
1114
+ title = menu_item.find(".item-title").text();
1115
  }
1116
 
1117
+ var id = parseInt(menu_item.attr("id").match(/[0-9]+/)[0], 10);
1118
 
1119
  var button = $("<span>").addClass("mm_launch")
1120
+ .html(megamenu.launch_lightbox)
1121
+ .on("click", function(e) {
1122
+ e.preventDefault();
1123
 
1124
+ if (!$("body").hasClass("megamenu_enabled")) {
1125
+ alert(megamenu.is_disabled_error);
1126
+ return;
1127
+ }
1128
 
1129
+ var depth = menu_item.attr("class").match(/\menu-item-depth-(\d+)\b/)[1];
1130
 
1131
+ $(this).megaMenu({
1132
+ menu_item_id: id,
1133
+ menu_item_title: title,
1134
+ menu_item_depth: depth,
1135
+ menu_id: menu_id
1136
+ });
1137
+ });
1138
 
1139
+ $(".item-title", menu_item).append(button);
1140
 
1141
  if (megamenu.css_prefix === "true") {
1142
+ var custom_css_classes = menu_item.find(".edit-menu-item-classes");
1143
  var css_prefix = $("<span>").addClass("mm_prefix").html(megamenu.css_prefix_message);
1144
  custom_css_classes.after(css_prefix);
1145
  }
1146
 
1147
  });
1148
 
1149
+ $(".megamenu_enabled #menu-to-edit").on("mouseenter mouseleave", "li.menu-item", function() {
1150
  var menu_item = $(this);
1151
 
1152
+ if (!menu_item.data("megamenu_has_button")) {
1153
 
1154
+ menu_item.data("megamenu_has_button", "true");
1155
 
1156
  var button = $("<span>").addClass("mm_launch mm_disabled")
1157
+ .html(megamenu.launch_lightbox)
1158
+ .on("click", function(e) {
1159
+ e.preventDefault();
1160
+ alert(megamenu.save_menu);
1161
+ });
1162
 
1163
+ $(".item-title", menu_item).append(button);
1164
  }
1165
  });
1166
 
1167
 
1168
  // AJAX Save MMM Settings
1169
+ $(".max-mega-menu-save").on("click", function(e) {
1170
  e.preventDefault();
1171
 
1172
+ $(".mega_menu_meta_box .spinner").css("visibility", "visible");
1173
 
1174
+ var settings = JSON.stringify($("[name^='megamenu_meta']").serializeArray());
1175
 
1176
  // retrieve the widget settings form
1177
  $.post(ajaxurl, {
1178
  action: "mm_save_settings",
1179
+ menu: $("#menu").val(),
1180
  megamenu_meta: settings,
1181
  nonce: megamenu.nonce
1182
+ }, function(response) {
1183
+ $(".mega_menu_meta_box .spinner").css("visibility", "hidden");
1184
  });
1185
  });
1186
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1187
  });
js/maxmegamenu.js CHANGED
@@ -170,13 +170,18 @@
170
  });
171
 
172
  $(document).on("click touchend", function(e) { // hide menu when clicked away from
173
- if (!dragging && plugin.settings.document_click === "collapse" && ! $(e.target).closest(".mega-menu li").length ) {
174
  plugin.hideAllPanels();
175
  }
176
  dragging = false;
177
  });
178
 
179
  $("> a.mega-menu-link", items_with_submenus).on("click.megamenu touchend.megamenu", function(e) {
 
 
 
 
 
180
  if (plugin.isDesktopView() && $(this).parent().hasClass("mega-toggle-on") && $(this).parent().parent().parent().hasClass("mega-menu-tabbed")) {
181
  e.preventDefault();
182
  return;
@@ -206,13 +211,13 @@
206
 
207
  var bindHoverEvents = function() {
208
  items_with_submenus.on({
209
- mouseenter: function() {
210
  plugin.unbindClickEvents();
211
  if (! $(this).hasClass("mega-toggle-on")) {
212
  plugin.showPanel($(this).children("a.mega-menu-link"));
213
  }
214
  },
215
- mouseleave: function() {
216
  if ($(this).hasClass("mega-toggle-on") && ! $(this).parent().parent().hasClass("mega-menu-tabbed")) {
217
  plugin.hidePanel($(this).children("a.mega-menu-link"), false);
218
  }
@@ -246,13 +251,17 @@
246
  var keyCode = e.keyCode || e.which;
247
 
248
  if (keyCode === escape_key) {
249
- $menu.removeClass("mega-keyboard-navigation");
250
  plugin.hideAllPanels();
251
  }
252
 
253
- if ( $menu.hasClass("mega-keyboard-navigation") && ! $(event.target).closest(".mega-menu li").length ) {
254
- $menu.removeClass("mega-keyboard-navigation");
255
  plugin.hideAllPanels();
 
 
 
 
256
  }
257
  });
258
 
@@ -261,7 +270,7 @@
261
  var active_link = $(e.target);
262
 
263
  if (keyCode === tab_key) {
264
- $menu.addClass("mega-keyboard-navigation");
265
 
266
  if ( active_link.parent().is(items_with_submenus) ) {
267
  plugin.showPanel(active_link);
@@ -270,7 +279,7 @@
270
  }
271
 
272
  if ( active_link.hasClass("mega-menu-toggle") ) {
273
- active_link.toggleClass("mega-menu-open");
274
  }
275
  }
276
  });
@@ -281,9 +290,29 @@
281
  };
282
 
283
  plugin.unbindClickEvents = function() {
284
- $("a.mega-menu-link", menu).off("click.megamenu touchend.megamenu");
 
 
 
 
 
 
 
 
285
  };
286
 
 
 
 
 
 
 
 
 
 
 
 
 
287
  plugin.bindMegaMenuEvents = function() {
288
  if (plugin.isDesktopView() && plugin.settings.event === "hover_intent") {
289
  bindHoverIntentEvents();
@@ -334,15 +363,22 @@
334
  }
335
  };
336
 
 
 
 
 
 
 
337
  plugin.switchToMobile = function() {
338
- plugin.unbindAllEvents();
339
  plugin.bindMegaMenuEvents();
340
  plugin.reverseRightAlignedItems();
 
341
  plugin.hideAllPanels();
342
  };
343
 
344
  plugin.switchToDesktop = function() {
345
- plugin.unbindAllEvents();
346
  plugin.bindMegaMenuEvents();
347
  plugin.reverseRightAlignedItems();
348
  plugin.hideAllPanels();
170
  });
171
 
172
  $(document).on("click touchend", function(e) { // hide menu when clicked away from
173
+ if (!dragging && plugin.settings.document_click === "collapse" && ! $(e.target).closest(".mega-menu li").length && ! $(e.target).closest(".mega-menu-toggle").length ) {
174
  plugin.hideAllPanels();
175
  }
176
  dragging = false;
177
  });
178
 
179
  $("> a.mega-menu-link", items_with_submenus).on("click.megamenu touchend.megamenu", function(e) {
180
+ if (e.type === 'touchend') {
181
+ // prevent mouseenter events once touch has been detected
182
+ plugin.unbindHoverEvents();
183
+ plugin.unbindHoverIntentEvents();
184
+ }
185
  if (plugin.isDesktopView() && $(this).parent().hasClass("mega-toggle-on") && $(this).parent().parent().parent().hasClass("mega-menu-tabbed")) {
186
  e.preventDefault();
187
  return;
211
 
212
  var bindHoverEvents = function() {
213
  items_with_submenus.on({
214
+ "mouseenter.megamenu" : function() {
215
  plugin.unbindClickEvents();
216
  if (! $(this).hasClass("mega-toggle-on")) {
217
  plugin.showPanel($(this).children("a.mega-menu-link"));
218
  }
219
  },
220
+ "mouseleave.megamenu" : function() {
221
  if ($(this).hasClass("mega-toggle-on") && ! $(this).parent().parent().hasClass("mega-menu-tabbed")) {
222
  plugin.hidePanel($(this).children("a.mega-menu-link"), false);
223
  }
251
  var keyCode = e.keyCode || e.which;
252
 
253
  if (keyCode === escape_key) {
254
+ $menu.parent().removeClass("mega-keyboard-navigation");
255
  plugin.hideAllPanels();
256
  }
257
 
258
+ if ( $menu.parent().hasClass("mega-keyboard-navigation") && ! ( $(event.target).closest(".mega-menu li").length || $(event.target).closest(".mega-menu-toggle").length ) ) {
259
+ $menu.parent().removeClass("mega-keyboard-navigation");
260
  plugin.hideAllPanels();
261
+
262
+ if ( plugin.isMobileView() ) {
263
+ $menu.siblings('.mega-menu-toggle').removeClass('mega-menu-open');
264
+ }
265
  }
266
  });
267
 
270
  var active_link = $(e.target);
271
 
272
  if (keyCode === tab_key) {
273
+ $menu.parent().addClass("mega-keyboard-navigation");
274
 
275
  if ( active_link.parent().is(items_with_submenus) ) {
276
  plugin.showPanel(active_link);
279
  }
280
 
281
  if ( active_link.hasClass("mega-menu-toggle") ) {
282
+ active_link.addClass("mega-menu-open");
283
  }
284
  }
285
  });
290
  };
291
 
292
  plugin.unbindClickEvents = function() {
293
+ $("> a.mega-menu-link", items_with_submenus).off("click.megamenu touchend.megamenu");
294
+ };
295
+
296
+ plugin.unbindHoverEvents = function() {
297
+ items_with_submenus.unbind("mouseenter.megamenu mouseleave.megamenu");
298
+ };
299
+
300
+ plugin.unbindHoverIntentEvents = function() {
301
+ items_with_submenus.unbind("mouseenter mouseleave").removeProp('hoverIntent_t').removeProp('hoverIntent_s'); // hoverintent does not allow namespaced events
302
  };
303
 
304
+ plugin.unbindMegaMenuEvents = function() {
305
+ if (plugin.settings.event === "hover_intent") {
306
+ plugin.unbindHoverIntentEvents();
307
+ }
308
+
309
+ if (plugin.settings.event === "hover") {
310
+ plugin.unbindHoverEvents();
311
+ }
312
+
313
+ plugin.unbindClickEvents();
314
+ }
315
+
316
  plugin.bindMegaMenuEvents = function() {
317
  if (plugin.isDesktopView() && plugin.settings.event === "hover_intent") {
318
  bindHoverIntentEvents();
363
  }
364
  };
365
 
366
+ plugin.addClearClassesToMobileItems = function() {
367
+ $(".mega-menu-row", $menu).each(function() {
368
+ $("> .mega-sub-menu > .mega-menu-column:not(.mega-hide-on-mobile)", $(this)).filter(":even").addClass('mega-menu-clear'); // :even is 0 based
369
+ });
370
+ }
371
+
372
  plugin.switchToMobile = function() {
373
+ plugin.unbindMegaMenuEvents();
374
  plugin.bindMegaMenuEvents();
375
  plugin.reverseRightAlignedItems();
376
+ plugin.addClearClassesToMobileItems();
377
  plugin.hideAllPanels();
378
  };
379
 
380
  plugin.switchToDesktop = function() {
381
+ plugin.unbindMegaMenuEvents();
382
  plugin.bindMegaMenuEvents();
383
  plugin.reverseRightAlignedItems();
384
  plugin.hideAllPanels();
js/select2/select2.css CHANGED
@@ -663,7 +663,6 @@ html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
663
  .select2-search-choice-close,
664
  .select2-container .select2-choice abbr,
665
  .select2-container .select2-choice .select2-arrow b {
666
- background-image: url('select2x2.png') !important;
667
  background-repeat: no-repeat !important;
668
  background-size: 60px 40px !important;
669
  }
663
  .select2-search-choice-close,
664
  .select2-container .select2-choice abbr,
665
  .select2-container .select2-choice .select2-arrow b {
 
666
  background-repeat: no-repeat !important;
667
  background-size: 60px 40px !important;
668
  }
js/settings.js CHANGED
@@ -6,6 +6,30 @@
6
  jQuery(function ($) {
7
  "use strict";
8
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9
  if ($('#codemirror').length) {
10
  var codeMirror = CodeMirror.fromTextArea(document.getElementById('codemirror'), {
11
  tabMode: 'indent',
@@ -18,9 +42,9 @@ jQuery(function ($) {
18
  });
19
  }
20
 
21
- $('.mega-custom_styling > h4').on('click', function() {
22
  setTimeout( function() {
23
- $('.mega-custom_styling').find('.CodeMirror').each(function(key, value) {
24
  value.CodeMirror.refresh();
25
  });
26
  }, 160);
@@ -44,7 +68,7 @@ jQuery(function ($) {
44
  }
45
  });
46
 
47
- $(".mega-copy_color span").live('click', function() {
48
  var from = $(this).parent().parent().children(":first").find("input");
49
  var to = $(this).parent().parent().children(":last").find("input");
50
 
@@ -56,7 +80,7 @@ jQuery(function ($) {
56
  return confirm(megamenu_settings.confirm);
57
  });
58
 
59
- $('#theme_selector').bind('change', function () {
60
  var url = $(this).val();
61
  if (url) {
62
  window.location = url;
@@ -83,8 +107,6 @@ jQuery(function ($) {
83
  }
84
  });
85
 
86
-
87
-
88
  $('.mega-tab-content').each(function() {
89
  if (!$(this).hasClass('mega-tab-content-general')) {
90
  $(this).hide();
@@ -105,25 +127,51 @@ jQuery(function ($) {
105
  $(".theme_result_message").remove();
106
  $(".spinner").css('visibility', 'visible').css('display', 'block');
107
  $("input#submit").attr('disabled', 'disabled');
108
- var data = $(this).serialize();
109
-
110
- $.post(ajaxurl, data, function (message) {
111
- $(".spinner").css('display', 'none');
112
- $("input#submit").removeAttr('disabled');
113
- if (message.success !== true) {
114
- var error = $("<p>").addClass('fail theme_result_message').html(message.data);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
115
  $('.megamenu_submit').after(error);
116
- } else {
117
- var success = $("<p>").addClass('success theme_result_message');
118
- var icon = $("<span>").addClass('dashicons dashicons-yes');
119
- $('.megamenu_submit .mega_left').append(success.html(icon).append(message.data));
120
- }
121
 
122
- }).fail(function(message) {
123
- var error = $("<p>").addClass('fail theme_result_message').html(megamenu_settings.theme_save_error + "<br /><br />" + message.responseText );
124
- $('.megamenu_submit').after(error);
 
 
125
  });
126
- }).on("change", function(e) {
 
 
 
 
127
  $(".theme_result_message").css('visibility', 'hidden');
128
  });;
129
 
@@ -150,7 +198,7 @@ jQuery(function ($) {
150
  var value = $(this).val();
151
 
152
  if ( ( validation == 'int' && Math.floor(value) != value )
153
- || ( validation == 'px' && ! ( value.substr(value.length - 2) == 'px' || value.substr(value.length - 2) == 'em' || value.substr(value.length - 2) == 'pt' || value.substr(value.length - 3) == 'rem' || value.substr(value.length - 1) == '%' ) && value != 0 )
154
  || ( validation == 'float' && ! $.isNumeric(value) ) ) {
155
  label.addClass('mega-error');
156
  error_message.show();
6
  jQuery(function ($) {
7
  "use strict";
8
 
9
+ if ($('input.mega-setting-responsive_breakpoint').val() == '0px') {
10
+ $('.mega-tab-content-mobile_menu').addClass('mega-mobile-disabled');
11
+ }
12
+
13
+ $('input.mega-setting-responsive_breakpoint').on("keyup", function() {
14
+ if ( $(this).val() == '0px') {
15
+ $('.mega-tab-content-mobile_menu').addClass('mega-mobile-disabled');
16
+ } else {
17
+ $('.mega-tab-content-mobile_menu').removeClass('mega-mobile-disabled');
18
+ }
19
+ });
20
+
21
+ if ($('input[name="settings[disable_mobile_toggle]"]').is(":checked")) {
22
+ $('.mega-tab-content-mobile_menu').addClass('mega-toggle-disabled');
23
+ }
24
+
25
+ $('input[name="settings[disable_mobile_toggle]"]').on("change", function() {
26
+ if ( $(this).is(":checked")) {
27
+ $('.mega-tab-content-mobile_menu').addClass('mega-toggle-disabled');
28
+ } else {
29
+ $('.mega-tab-content-mobile_menu').removeClass('mega-toggle-disabled');
30
+ }
31
+ });
32
+
33
  if ($('#codemirror').length) {
34
  var codeMirror = CodeMirror.fromTextArea(document.getElementById('codemirror'), {
35
  tabMode: 'indent',
42
  });
43
  }
44
 
45
+ $('[data-tab="mega-tab-content-custom_styling"]').on('click', function() {
46
  setTimeout( function() {
47
+ $('.mega-tab-content-custom_styling').find('.CodeMirror').each(function(key, value) {
48
  value.CodeMirror.refresh();
49
  });
50
  }, 160);
68
  }
69
  });
70
 
71
+ $(".mega-copy_color span").on('click', function() {
72
  var from = $(this).parent().parent().children(":first").find("input");
73
  var to = $(this).parent().parent().children(":last").find("input");
74
 
80
  return confirm(megamenu_settings.confirm);
81
  });
82
 
83
+ $('#theme_selector').on('change', function () {
84
  var url = $(this).val();
85
  if (url) {
86
  window.location = url;
107
  }
108
  });
109
 
 
 
110
  $('.mega-tab-content').each(function() {
111
  if (!$(this).hasClass('mega-tab-content-general')) {
112
  $(this).hide();
127
  $(".theme_result_message").remove();
128
  $(".spinner").css('visibility', 'visible').css('display', 'block');
129
  $("input#submit").attr('disabled', 'disabled');
130
+ var memory_limit_link = $("<a>").attr('href', megamenu_settings.increase_memory_limit_url).html(megamenu_settings.increase_memory_limit_anchor_text);
131
+
132
+ $.ajax({
133
+ url:ajaxurl,
134
+ async: true,
135
+ data: $(this).serialize(),
136
+ type: 'POST',
137
+ success: function(message) {
138
+ if (message.success == true) { //Theme saved successfully
139
+ var success = $("<p>").addClass('saved theme_result_message');
140
+ var icon = $("<span>").addClass('dashicons dashicons-yes');
141
+ $('.megamenu_submit .mega_left').append(success.html(icon).append(message.data));
142
+ } else if (message.success == false) { // Errors in scss
143
+ var error = $("<p>").addClass('fail theme_result_message').html(megamenu_settings.theme_save_error + " ").append(megamenu_settings.theme_save_error_refresh).append("<br /><br />").append(message.data);
144
+ $('.megamenu_submit').after(error);
145
+ } else {
146
+ if (message.indexOf("exhausted") >= 0) {
147
+ var error = $("<p>").addClass('fail theme_result_message').html(megamenu_settings.theme_save_error + " ").append(megamenu_settings.theme_save_error_exhausted + " ").append(megamenu_settings.theme_save_error_memory_limit + " ").append(memory_limit_link).append("<br />").append(message);
148
+ } else {
149
+ var error = $("<p>").addClass('fail theme_result_message').html(megamenu_settings.theme_save_error + "<br />").append(message);
150
+ }
151
+ $('.megamenu_submit').after(error);
152
+ }
153
+ },
154
+ error: function(message) {
155
+ if(message.status == 500) { // 500 error with no response from server
156
+ var error = $("<p>").addClass('fail theme_result_message').html(megamenu_settings.theme_save_error_500 + " ").append(megamenu_settings.theme_save_error_memory_limit + " ").append(memory_limit_link);
157
+ } else {
158
+ if (message.responseText == "-1") { // nonce check failed
159
+ var error = $("<p>").addClass('fail theme_result_message').html(megamenu_settings.theme_save_error + " " + megamenu_settings.theme_save_error_nonce_failed );
160
+ }
161
+ }
162
  $('.megamenu_submit').after(error);
 
 
 
 
 
163
 
164
+ },
165
+ complete: function() {
166
+ $(".spinner").hide();
167
+ $("input#submit").removeAttr('disabled');
168
+ }
169
  });
170
+
171
+ });
172
+
173
+
174
+ $(".theme_editor").on("change", function(e) {
175
  $(".theme_result_message").css('visibility', 'hidden');
176
  });;
177
 
198
  var value = $(this).val();
199
 
200
  if ( ( validation == 'int' && Math.floor(value) != value )
201
+ || ( validation == 'px' && ! ( value.substr(value.length - 2) == 'px' || value.substr(value.length - 2) == 'em' || value.substr(value.length - 2) == 'vh' || value.substr(value.length - 2) == 'vw' || value.substr(value.length - 2) == 'pt' || value.substr(value.length - 3) == 'rem' || value.substr(value.length - 1) == '%' ) && value != 0 )
202
  || ( validation == 'float' && ! $.isNumeric(value) ) ) {
203
  label.addClass('mega-error');
204
  error_message.show();
megamenu.php CHANGED
@@ -4,7 +4,7 @@
4
  * Plugin Name: Max Mega Menu
5
  * Plugin URI: https://www.megamenu.com
6
  * Description: Easy to use drag & drop WordPress Mega Menu plugin. Create Mega Menus using Widgets. Responsive, retina & touch ready.
7
- * Version: 2.3.7.1
8
  * Author: Tom Hemsley
9
  * Author URI: https://www.megamenu.com
10
  * License: GPL-2.0+
@@ -26,7 +26,7 @@ final class Mega_Menu {
26
  /**
27
  * @var string
28
  */
29
- public $version = '2.3.7.1';
30
 
31
 
32
  /**
@@ -63,7 +63,8 @@ final class Mega_Menu {
63
 
64
  add_filter( 'wp_nav_menu_args', array( $this, 'modify_nav_menu_args' ), 99999 );
65
  add_filter( 'wp_nav_menu', array( $this, 'add_responsive_toggle' ), 10, 2 );
66
- add_filter( 'wp_nav_menu_objects', array( $this, 'add_widgets_to_menu' ), 10, 2 );
 
67
  add_filter( 'megamenu_nav_menu_objects_before', array( $this, 'setup_menu_items' ), 5, 2 );
68
  add_filter( 'megamenu_nav_menu_objects_after', array( $this, 'reorder_menu_items_within_megamenus' ), 6, 2 );
69
  add_filter( 'megamenu_nav_menu_objects_after', array( $this, 'apply_classes_to_menu_items' ), 7, 2 );
@@ -440,6 +441,14 @@ final class Mega_Menu {
440
  break;
441
  }
442
 
 
 
 
 
 
 
 
 
443
  $return[] = $class;
444
  }
445
  }
@@ -497,10 +506,14 @@ final class Mega_Menu {
497
 
498
  $widget_manager = new Mega_Menu_Widget_Manager();
499
 
 
 
 
 
500
  foreach ( $items as $item ) {
501
 
502
- // only look for widgets on top level items
503
- if ( $item->depth === 0 && $item->megamenu_settings['type'] == 'megamenu' || $item->depth === 1 && $item->parent_submenu_type == 'tabbed' ) {
504
 
505
  $panel_widgets = $widget_manager->get_widgets_for_menu_id( $item->ID, $args->menu );
506
 
@@ -508,7 +521,7 @@ final class Mega_Menu {
508
 
509
  $widget_position = 0;
510
  $total_widgets_in_menu = count( $panel_widgets );
511
- $next_order = $this->menu_order_of_next_top_level_item( $item->ID, $items);
512
 
513
  if ( ! in_array( 'menu-item-has-children', $item->classes ) ) {
514
  $item->classes[] = 'menu-item-has-children';
@@ -544,6 +557,144 @@ final class Mega_Menu {
544
  }
545
  }
546
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
547
  }
548
 
549
  $items = apply_filters( "megamenu_nav_menu_objects_after", $items, $args );
@@ -627,7 +778,6 @@ final class Mega_Menu {
627
  }
628
  }
629
 
630
-
631
  // apply saved metadata to each menu item
632
  foreach ( $items as $item ) {
633
  $saved_settings = array_filter( (array) get_post_meta( $item->ID, '_megamenu', true ) );
@@ -734,46 +884,47 @@ final class Mega_Menu {
734
 
735
  foreach ( $items as $item ) {
736
 
737
- if ( $item->depth === 0 ) {
738
- $item->classes[] = 'align-' . $item->megamenu_settings['align'];
739
- $item->classes[] = 'menu-' . $item->megamenu_settings['type'];
740
- }
741
-
742
- if ( $item->megamenu_settings['hide_arrow'] == 'true' ) {
743
- $item->classes[] = 'hide-arrow';
744
- }
745
 
 
 
 
746
 
747
- if ( $item->megamenu_settings['icon'] != 'disabled' ) {
748
- $item->classes[] = 'has-icon';
749
- }
750
 
751
- if ( $item->megamenu_settings['icon_position'] != 'left' ) {
752
- $item->classes[] = "icon-" . $item->megamenu_settings['icon_position'];
753
- }
754
 
755
- if ( $item->megamenu_settings['hide_text'] == 'true' && $item->depth === 0 ) {
756
- $item->classes[] = 'hide-text';
757
- }
758
 
759
- if ( $item->megamenu_settings['item_align'] != 'left' && $item->depth === 0 ) {
760
- $item->classes[] = 'item-align-' . $item->megamenu_settings['item_align'];
761
- }
762
 
763
- if ( $item->megamenu_settings['hide_on_desktop'] == 'true' ) {
764
- $item->classes[] = 'hide-on-desktop';
765
- }
766
 
767
- if ( $item->megamenu_settings['hide_on_mobile'] == 'true' ) {
768
- $item->classes[] = 'hide-on-mobile';
769
- }
770
 
771
- if ( $item->megamenu_settings['hide_sub_menu_on_mobile'] == 'true' ) {
772
- $item->classes[] = 'hide-sub-menu-on-mobile';
773
- }
774
 
775
- if ( $item->megamenu_settings['disable_link'] == 'true') {
776
- $item->classes[] = 'disable-link';
 
777
  }
778
 
779
  // add column classes for second level menu items displayed in mega menus
@@ -828,7 +979,7 @@ final class Mega_Menu {
828
  return $args;
829
  }
830
 
831
- // internal filter
832
  do_action('megamenu_instance_counter_' . $args['theme_location']);
833
 
834
  $num_times_called = did_action('megamenu_instance_counter_' . $args['theme_location']);
@@ -897,7 +1048,6 @@ final class Mega_Menu {
897
  }
898
  }
899
 
900
-
901
  $wrap_attributes = apply_filters("megamenu_wrap_attributes", array(
902
  "id" => '%1$s',
903
  "class" => '%2$s mega-no-js',
@@ -965,14 +1115,7 @@ final class Mega_Menu {
965
  if ( did_action('megamenu_after_install') === 1 ) :
966
 
967
  ?>
968
- <div class="updated">
969
- <?php
970
 
971
- $link = "<a href='" . admin_url("nav-menus.php?mmm_get_started") . "'>" . __( "click here", 'megamenu' ) . "</a>";
972
-
973
- ?>
974
- <p><?php echo sprintf( __( 'Thanks for installing Max Mega Menu! Please %s to get started.', 'megamenu' ), $link); ?></p>
975
- </div>
976
  <?php
977
 
978
  endif;
@@ -1259,4 +1402,52 @@ if ( ! function_exists('max_mega_menu_delete_themes') ) {
1259
  return delete_site_option( "megamenu_themes" );
1260
 
1261
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1262
  }
4
  * Plugin Name: Max Mega Menu
5
  * Plugin URI: https://www.megamenu.com
6
  * Description: Easy to use drag & drop WordPress Mega Menu plugin. Create Mega Menus using Widgets. Responsive, retina & touch ready.
7
+ * Version: 2.4
8
  * Author: Tom Hemsley
9
  * Author URI: https://www.megamenu.com
10
  * License: GPL-2.0+
26
  /**
27
  * @var string
28
  */
29
+ public $version = '2.4';
30
 
31
 
32
  /**
63
 
64
  add_filter( 'wp_nav_menu_args', array( $this, 'modify_nav_menu_args' ), 99999 );
65
  add_filter( 'wp_nav_menu', array( $this, 'add_responsive_toggle' ), 10, 2 );
66
+
67
+ add_filter( 'wp_nav_menu_objects', array( $this, 'add_widgets_to_menu' ), apply_filters("megamenu_wp_nav_menu_objects_priority", 10), 2 );
68
  add_filter( 'megamenu_nav_menu_objects_before', array( $this, 'setup_menu_items' ), 5, 2 );
69
  add_filter( 'megamenu_nav_menu_objects_after', array( $this, 'reorder_menu_items_within_megamenus' ), 6, 2 );
70
  add_filter( 'megamenu_nav_menu_objects_after', array( $this, 'apply_classes_to_menu_items' ), 7, 2 );
441
  break;
442
  }
443
 
444
+ if ( in_array( $class, array( 'menu-column', 'menu-row', 'hide-on-mobile', 'hide-on-desktop') ) ) { // these are always prefixed
445
+ continue;
446
+ }
447
+
448
+ if ( strpos( $class, "menu-columns-" ) !== FALSE ) { // mega-menu-columns-X-of-Y are always prefixed
449
+ continue;
450
+ }
451
+
452
  $return[] = $class;
453
  }
454
  }
506
 
507
  $widget_manager = new Mega_Menu_Widget_Manager();
508
 
509
+ $rolling_dummy_id = 999999999;
510
+
511
+ $items_to_move = array();
512
+
513
  foreach ( $items as $item ) {
514
 
515
+ // populate standard (non-grid) sub menus
516
+ if ( $item->depth === 0 && $item->megamenu_settings['type'] == 'megamenu' || ( $item->depth === 1 && $item->parent_submenu_type == 'tabbed' && $item->megamenu_settings['type'] != 'grid' ) ) {
517
 
518
  $panel_widgets = $widget_manager->get_widgets_for_menu_id( $item->ID, $args->menu );
519
 
521
 
522
  $widget_position = 0;
523
  $total_widgets_in_menu = count( $panel_widgets );
524
+ $next_order = $this->menu_order_of_next_top_level_item( $item->ID, $items );
525
 
526
  if ( ! in_array( 'menu-item-has-children', $item->classes ) ) {
527
  $item->classes[] = 'menu-item-has-children';
557
  }
558
  }
559
  }
560
+
561
+ // populate grid sub menus
562
+ if ( $item->depth === 0 && $item->megamenu_settings['type'] == 'grid' || ( $item->depth === 1 && $item->parent_submenu_type == 'tabbed' && $item->megamenu_settings['type'] == 'grid' ) ) {
563
+
564
+ $saved_grid = $widget_manager->get_grid_widgets_and_menu_items_for_menu_id( $item->ID, $args->menu->term_id );
565
+
566
+ $next_order = $this->menu_order_of_next_top_level_item( $item->ID, $items) - 999;
567
+
568
+ foreach ( $saved_grid as $row => $row_data ) {
569
+
570
+ $rolling_dummy_id++;
571
+ $next_order++;
572
+
573
+ if ( isset( $row_data['columns'] ) ) {
574
+
575
+ if ( ! in_array( 'menu-item-has-children', $item->classes ) ) {
576
+ $item->classes[] = 'menu-item-has-children';
577
+ }
578
+
579
+ if ( ! in_array( 'menu-megamenu', $item->classes ) ) {
580
+ $item->classes[] = 'menu-megamenu';
581
+ }
582
+
583
+ $classes = array("menu-row");
584
+
585
+ if ( isset( $row_data['meta']['class'] ) ) {
586
+ $classes = array_merge( $classes, array_unique( explode( " ", $row_data['meta']['class'] ) ) );
587
+ }
588
+
589
+ $row_item = array(
590
+ 'menu_item_parent' => $item->ID,
591
+ 'type' => 'mega_row',
592
+ 'title' => 'Custom Row',
593
+ 'parent_submenu_type' => '',
594
+ 'menu_order' => $next_order,
595
+ 'depth' => 0,
596
+ 'ID' => "{$item->ID}-{$row}",
597
+ 'megamenu_settings' => Mega_Menu_Nav_Menus::get_menu_item_defaults(),
598
+ 'db_id' => $rolling_dummy_id,
599
+ 'classes' => $classes
600
+ );
601
+
602
+ $items[] = (object) $row_item;
603
+
604
+ $row_dummy_id = $rolling_dummy_id;
605
+
606
+ foreach ( $row_data['columns'] as $col => $col_data ) {
607
+
608
+ $rolling_dummy_id++;
609
+ $next_order++;
610
+
611
+ $classes = array("menu-column");
612
+
613
+ if ( isset( $col_data['meta']['class'] ) ) {
614
+ $classes = array_merge( $classes, array_unique( explode( " ", $col_data['meta']['class'] ) ) );
615
+ }
616
+
617
+ if ( isset( $col_data['meta']['span'] ) ) {
618
+ $classes[] = "menu-columns-{$col_data['meta']['span']}-of-12";
619
+ }
620
+
621
+ if ( isset( $col_data['meta']['hide-on-mobile'] ) && $col_data['meta']['hide-on-mobile'] == 'true' ) {
622
+ $classes[] = "hide-on-mobile";
623
+ }
624
+
625
+ if ( isset( $col_data['meta']['hide-on-mobile'] ) && $col_data['meta']['hide-on-desktop'] == 'true' ) {
626
+ $classes[] = "hide-on-desktop";
627
+ }
628
+
629
+ $col_item = array(
630
+ 'menu_item_parent' => $row_dummy_id,
631
+ 'type' => 'mega_column',
632
+ 'title' => 'Custom Column',
633
+ 'parent_submenu_type' => '',
634
+ 'menu_order' => $next_order,
635
+ 'depth' => 0,
636
+ 'ID' => "{$item->ID}-{$row}-{$col}",
637
+ 'megamenu_settings' => Mega_Menu_Nav_Menus::get_menu_item_defaults(),
638
+ 'db_id' => $rolling_dummy_id,
639
+ 'classes' => $classes
640
+ );
641
+
642
+ $items[] = (object) $col_item;
643
+
644
+ if ( isset( $col_data['items'] ) ) {
645
+
646
+ foreach ( $col_data['items'] as $key => $block ) {
647
+
648
+ $next_order++;
649
+
650
+ if ( $block['type'] == 'widget' ) {
651
+
652
+ $widget_settings = array_merge( Mega_Menu_Nav_Menus::get_menu_item_defaults() );
653
+
654
+ $menu_item = array(
655
+ 'type' => 'widget',
656
+ 'parent_submenu_type' => '',
657
+ 'title' => '',
658
+ 'content' => $widget_manager->show_widget( $block['id'] ),
659
+ 'menu_item_parent' => $rolling_dummy_id,
660
+ 'db_id' => 0, // This menu item does not have any childen
661
+ 'ID' => $block['id'],
662
+ 'menu_order' => $next_order,
663
+ 'megamenu_order' => 0,
664
+ 'megamenu_settings' => $widget_settings,
665
+ 'depth' => 1,
666
+ 'classes' => array(
667
+ "menu-item",
668
+ "menu-item-type-widget",
669
+ "menu-widget-class-" . $widget_manager->get_widget_class( $block['id'] )
670
+ )
671
+ );
672
+
673
+ $items[] = (object) $menu_item;
674
+
675
+ } else {
676
+ // mark this menu item to be moved into a new position
677
+ $items_to_move[$block['id']] = array('new_parent' => $rolling_dummy_id, 'new_order' => $next_order);
678
+ }
679
+ }
680
+ }
681
+ }
682
+ }
683
+ }
684
+ }
685
+ }
686
+
687
+ if ( count( $items_to_move ) ) {
688
+ foreach ( $items_to_move as $id => $new_parent ) {
689
+ $items_to_find[] = $id;
690
+ }
691
+
692
+ foreach ( $items as $item ) {
693
+ if ( in_array( $item->ID, $items_to_find ) ) {
694
+ $item->menu_item_parent = $items_to_move[ $item->ID ]['new_parent'];
695
+ $item->menu_order = $items_to_move[ $item->ID ]['new_order'];
696
+ }
697
+ }
698
  }
699
 
700
  $items = apply_filters( "megamenu_nav_menu_objects_after", $items, $args );
778
  }
779
  }
780
 
 
781
  // apply saved metadata to each menu item
782
  foreach ( $items as $item ) {
783
  $saved_settings = array_filter( (array) get_post_meta( $item->ID, '_megamenu', true ) );
884
 
885
  foreach ( $items as $item ) {
886
 
887
+ if ( ! in_array("menu-row", $item->classes) && ! in_array("menu-column", $item->classes) ) {
888
+ if ( $item->depth === 0 ) {
889
+ $item->classes[] = 'align-' . $item->megamenu_settings['align'];
890
+ $item->classes[] = 'menu-' . $item->megamenu_settings['type'];
891
+ }
 
 
 
892
 
893
+ if ( $item->megamenu_settings['hide_arrow'] == 'true' ) {
894
+ $item->classes[] = 'hide-arrow';
895
+ }
896
 
897
+ if ( $item->megamenu_settings['icon'] != 'disabled' ) {
898
+ $item->classes[] = 'has-icon';
899
+ }
900
 
901
+ if ( $item->megamenu_settings['icon_position'] != 'left' ) {
902
+ $item->classes[] = "icon-" . $item->megamenu_settings['icon_position'];
903
+ }
904
 
905
+ if ( $item->megamenu_settings['hide_text'] == 'true' && $item->depth === 0 ) {
906
+ $item->classes[] = 'hide-text';
907
+ }
908
 
909
+ if ( $item->megamenu_settings['item_align'] != 'left' && $item->depth === 0 ) {
910
+ $item->classes[] = 'item-align-' . $item->megamenu_settings['item_align'];
911
+ }
912
 
913
+ if ( $item->megamenu_settings['hide_on_desktop'] == 'true' ) {
914
+ $item->classes[] = 'hide-on-desktop';
915
+ }
916
 
917
+ if ( $item->megamenu_settings['hide_on_mobile'] == 'true' ) {
918
+ $item->classes[] = 'hide-on-mobile';
919
+ }
920
 
921
+ if ( $item->megamenu_settings['hide_sub_menu_on_mobile'] == 'true' ) {
922
+ $item->classes[] = 'hide-sub-menu-on-mobile';
923
+ }
924
 
925
+ if ( $item->megamenu_settings['disable_link'] == 'true') {
926
+ $item->classes[] = 'disable-link';
927
+ }
928
  }
929
 
930
  // add column classes for second level menu items displayed in mega menus
979
  return $args;
980
  }
981
 
982
+ // internal action to use as a counter
983
  do_action('megamenu_instance_counter_' . $args['theme_location']);
984
 
985
  $num_times_called = did_action('megamenu_instance_counter_' . $args['theme_location']);
1048
  }
1049
  }
1050
 
 
1051
  $wrap_attributes = apply_filters("megamenu_wrap_attributes", array(
1052
  "id" => '%1$s',
1053
  "class" => '%2$s mega-no-js',
1115
  if ( did_action('megamenu_after_install') === 1 ) :
1116
 
1117
  ?>
 
 
1118
 
 
 
 
 
 
1119
  <?php
1120
 
1121
  endif;
1402
  return delete_site_option( "megamenu_themes" );
1403
 
1404
  }
1405
+ }
1406
+
1407
+ if ( ! function_exists('max_mega_menu_get_active_caching_plugins') ) {
1408
+
1409
+ /**
1410
+ * Return list of active caching/CDN/minification plugins
1411
+ *
1412
+ * @since 2.4
1413
+ * @return array
1414
+ */
1415
+ function max_mega_menu_get_active_caching_plugins() {
1416
+
1417
+ $caching_plugins = apply_filters("megamenu_caching_plugins", array(
1418
+ 'litespeed-cache/litespeed-cache.php',
1419
+ 'js-css-script-optimizer/js-css-script-optimizer.php',
1420
+ 'merge-minify-refresh/merge-minify-refresh.php',
1421
+ 'minify-html-markup/minify-html.php',
1422
+ 'simple-cache/simple-cache.php',
1423
+ 'w3-total-cache/w3-total-cache.php',
1424
+ 'wp-fastest-cache/wpFastestCache.php',
1425
+ 'wp-speed-of-light/wp-speed-of-light.php',
1426
+ 'wp-super-cache/wp-cache.php',
1427
+ 'wp-super-minify/wp-super-minify.php',
1428
+ 'autoptimize/autoptimize.php',
1429
+ 'bwp-minify/bwp-minify.php',
1430
+ 'cache-enabler/cache-enabler.php',
1431
+ 'cloudflare/cloudflare.php',
1432
+ 'comet-cache/comet-cache.php',
1433
+ 'css-optimizer/bpminifycss.php',
1434
+ 'fast-velocity-minify/fvm.php',
1435
+ 'hyper-cache/plugin.php',
1436
+ 'remove-query-strings-littlebizzy/remove-query-strings.php',
1437
+ 'remove-query-strings-from-static-resources/remove-query-strings.php',
1438
+ 'query-strings-remover/query-strings-remover.php',
1439
+ 'wp-rocket/wp-rocket.php'
1440
+ ));
1441
+
1442
+ $active_plugins = array();
1443
+
1444
+ foreach ( $caching_plugins as $plugin_path ) {
1445
+ if ( is_plugin_active( $plugin_path ) ) {
1446
+ $plugin_data = get_plugin_data( WP_PLUGIN_DIR . '/' . $plugin_path );
1447
+ $active_plugins[] = $plugin_data['Name'];
1448
+ }
1449
+ }
1450
+
1451
+ return $active_plugins;
1452
+ }
1453
  }
readme.txt CHANGED
@@ -2,8 +2,8 @@
2
  Contributors: megamenu
3
  Tags: menu, megamenu, mega menu, navigation, widget, dropdown menu, drag and drop, mobile, responsive, retina, theme editor, widget, shortcode, sidebar, icons, dashicons
4
  Requires at least: 3.8
5
- Tested up to: 4.8
6
- Stable tag: 2.3.7
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
@@ -108,6 +108,25 @@ See https://www.megamenu.com for more screenshots
108
 
109
  == Changelog ==
110
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
111
  = 2.3.7.1 [06/07/17] =
112
 
113
  * Fix: Conflict with Site Origin Page Builder
2
  Contributors: megamenu
3
  Tags: menu, megamenu, mega menu, navigation, widget, dropdown menu, drag and drop, mobile, responsive, retina, theme editor, widget, shortcode, sidebar, icons, dashicons
4
  Requires at least: 3.8
5
+ Tested up to: 4.9
6
+ Stable tag: 2.3.8
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
108
 
109
  == Changelog ==
110
 
111
+ = 2.4 [17/10/17] =
112
+
113
+ * New (BETA): Grid Layout Option for Mega Menus
114
+ * Fix: Keyboard navigation for mobile menu
115
+ * Improvement: Grey out mobile toggle options when "Disable mobile toggle" is checked
116
+ * Improvement: Grey out all mobile options when "Responsive Breakpoint" is set to 0px
117
+ * Improvement: Warn users that menu theme edits may not show up when caching, CDN or minification plugins are installed
118
+ * Improvement: Better warning/error messages when theme changes fail to save
119
+ * Refactor: CSS and general behind the scenes improvements
120
+ * Fix: jQuery Migrate notices (admin)
121
+ * Fix: Authenticated XSS issue. Thanks to detectify.com for discovering it and pluginvulnerabilities.com for reporting it!
122
+
123
+ = 2.3.8 [25/08/17] =
124
+
125
+ * Fix: Compatibility fix for Reamaze plugin
126
+ * Fix: Respect the 'Unbind JavaScript Events' setting on mobile menus
127
+ * Improvement: Add support for vh/vw units in theme editor
128
+ * Change: Don't close open sub menus when mobile toggle is clicked
129
+
130
  = 2.3.7.1 [06/07/17] =
131
 
132
  * Fix: Conflict with Site Origin Page Builder