Admin Menu Editor - Version 1.5

Version Description

  • Added "Keep this menu open" checkbox. This setting keeps a top level menu expanded even if it is not the current menu.
  • Added sort buttons to the top level menu toolbar.
  • Added an arrow that points from the current submenu to the currently selected parent menu. This might help new users understand that the left column shows top level menus and the right column shows the corresponding submenu(s).
  • Added a new editor colour scheme that makes the menu editor look more like other WordPress admin pages (e.g. Appearance -> Menus). You can enable it through the plugin settings page.
  • New and unused menu items will now show up in the same relative position as they would be in the default admin menu. Alternatively, they can be displayed at the bottom of the menu. You can configure this in plugin settings.
  • Fixed a rare bug where the menu editor would crash if one of the menu items had a null menu title. Technically, it's not valid to set the title to null, but it turns out that some plugins do that anyway.
  • Top level menus that have an empty title ("", an empty string) are no longer treated as separators.
  • Made all text fields and dropdowns the same height and gave them consistent margins.
  • Fixed a number of layout bugs that could cause field labels to show up in the wrong place or get wrapped/broken in half when another plugin changed the default font or input size.
  • Fixed a minor layout bug that caused the "expand menu properties" arrow to move down slightly when holding down the mouse button.
  • Fixed a minor bug that could cause toolbar buttons to change size or position if another plugin happens to override the default link and image CSS.
  • Added a workaround for plugins that create "Welcome", "What's New" or "Getting Started" menu items and then hide those items in a non-standard way. Now (some of) these items will no longer show up unnecessarily. If you find menus like that which still show up when not needed, please report them.
  • Fixed a few other layout inconsistencies.
  • Improved compatibility with buggy plugins that unintentionally corrupt the list of users' roles by misusing array_shift.
  • Fixed a URL parsing bug that caused AME to mix up the "Customize", "Header" and "Background" menu items in some configurations.
  • Fixed a layout issue where starting to drag one menu item would cause some other items to move around or change size very slightly.
  • Fixed JavaScript error "_.empty is not a function".
  • Increased minimum required WordPress version to 4.1.
  • Renamed the "Show/Hide" button to "Hide without preventing access". Changed the icon from a grey puzzle piece to a rectangle with a dashed border.
  • Made the plugin more resilient to JavaScript crashes caused by other plugins.
  • Use <h1> headings for admin pages in WordPress 4.2 and above.
  • Made the "delete" button appear disabled when the selected menu item can't be deleted.
  • Moved the "new separator" button so that it's next to the "new menu" button.
  • Changed the close icon of plugin dialogs to a plain white "X".
  • Increased tooltip text size.
  • Improved compatibility with IP Geo Block.
Download this release

Release Info

Developer whiteshadow
Plugin Icon 128x128 Admin Menu Editor
Version 1.5
Comparing to
See all releases

Code changes from version 1.4.5 to 1.5

css/admin.css CHANGED
@@ -100,4 +100,26 @@ hr.ws-submenu-separator {
100
  #adminmenu .wp-submenu li.current .ame-submenu-icon img {
101
  opacity: 1;
102
  filter: alpha(opacity=100);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
103
  }
100
  #adminmenu .wp-submenu li.current .ame-submenu-icon img {
101
  opacity: 1;
102
  filter: alpha(opacity=100);
103
+ }
104
+
105
+ /*
106
+ * Third level menus.
107
+ */
108
+ #adminmenu .ame-deep-submenu {
109
+
110
+ }
111
+
112
+ #adminmenu li.menu-top.opensub .ame-deep-submenu {
113
+ top: -1000em;
114
+ }
115
+
116
+ #adminmenu .wp-submenu li.opensub > ul.ame-deep-submenu {
117
+ top: -7px;
118
+ }
119
+
120
+ .folded #adminmenu li.opensub > ul.ame-deep-submenu,
121
+ .folded #adminmenu .wp-has-current-submenu.opensub > ul.ame-deep-submenu,
122
+ .no-js.folded #adminmenu .ame-has-deep-submenu:hover > ul.ame-deep-submenu {
123
+ top: 0;
124
+ left: 160px;
125
  }
css/menu-editor.css CHANGED
@@ -1,185 +1,173 @@
1
  /* Admin Menu Editor CSS file */
2
-
3
  #ws_menu_editor {
4
- min-width: 780px;
5
- }
6
 
7
  .ws_main_container {
8
- margin: 2px;
9
- width: 310px;
10
- float: left;
11
- display:block;
12
-
13
- border: 1px solid #cdd5d5;
14
- background-color: #FFFFFF;
15
-
16
- border-radius: 3px;
17
- -moz-border-radius: 3px;
18
- -webkit-border-radius: 3px;
19
- }
20
 
21
  .ws_box {
22
- min-height: 30px;
23
- width: 100%;
24
- margin: 0;
25
- padding-top: 2px;
26
- }
27
 
28
  .ws_basic_container {
29
- float: left;
30
- display:block;
31
- }
32
-
33
- #ws_menu_box {
34
- }
35
-
36
- #ws_submenu_box {
37
- }
38
 
39
  .ws_dropzone {
40
- display: block;
41
- box-sizing: border-box;
42
-
43
- margin: 2px 6px;
44
- border: 3px none #b4b9be;
45
-
46
- height: 31px;
47
- }
48
 
49
  .ws_dropzone_active,
50
  .ws_dropzone_hover,
51
  .ws_top_to_submenu_drop_hover .ws_dropzone {
52
- border-style: dashed;
53
- }
54
 
55
  .ws_dropzone_hover,
56
  .ws_top_to_submenu_drop_hover .ws_dropzone {
57
- border-width: 1px;
58
- }
59
 
60
  /*************************************************
61
  Actor UI
62
  *************************************************/
63
  #ws_actor_selector li:after {
64
- content: ' | ';
65
- }
66
 
67
  #ws_actor_selector li:last-child:after {
68
- content: '';
69
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
70
 
71
  /**
72
  * The checkbox that lets the user show/hide a menu for the currently selected actor.
73
  */
74
  #ws_menu_editor .ws_actor_access_checkbox,
75
- #ws_menu_editor input[type="checkbox"].ws_actor_access_checkbox /* Ensure we override WP defaults. */
76
- {
77
- margin-right: 2px;
78
- margin-left: 2px;
79
- margin-top: 1px;
80
- vertical-align: text-top;
81
- }
82
-
 
 
 
 
 
 
 
 
 
 
 
 
 
83
  /* The checkbox is only visible when viewing the menu configuration for a specific actor. */
84
  #ws_menu_editor .ws_actor_access_checkbox {
85
- display: none;
86
- }
87
 
88
  #ws_menu_editor.ws_is_actor_view .ws_actor_access_checkbox {
89
- display: inline-block;
90
- }
91
 
92
  /* Gray-out items inaccessible to the currently selected actor */
93
-
94
  .ws_is_actor_view .ws_container.ws_is_hidden_for_actor {
95
- background-color: #F9F9F9;
96
- }
97
 
98
  .ws_is_actor_view .ws_is_hidden_for_actor .ws_item_title {
99
- color: #777;
100
- }
101
 
102
  /*
103
  * The sidebar
104
  */
105
-
106
  #ws_editor_sidebar {
107
- width: auto;
108
- padding: 2px;
109
- }
110
 
111
  #ws_menu_editor .ws_main_button {
112
- clear: both;
113
- display: block;
114
- margin: 4px;
115
- width: 130px;
116
- }
117
 
118
  #ws_menu_editor #ws_save_menu {
119
- margin-bottom: 20px;
120
- }
121
 
122
  #ws_menu_editor #ws_export_menu {
123
- margin-top: 12px;
124
- }
 
 
125
 
126
  /*
127
  * Menu components and widgets
128
  */
129
-
130
  .ws_container {
131
- display: block;
132
- width: 290px;
133
-
134
- padding : 3px;
135
- margin: 2px auto;
136
- }
137
-
138
- .ws_active { }
139
-
140
- .ws_menu { }
141
- .ws_item { }
142
-
143
- .ws_menu_separator { }
144
 
145
  .ws_submenu {
146
- min-height: 2em;
147
- }
148
-
149
 
150
  .ws_item_head {
151
- padding: 0;
152
- }
153
 
154
  .ws_item_title {
155
- display: inline-block;
156
- padding: 2px;
157
- cursor: default;
158
- }
 
159
 
160
  .ws_edit_link {
161
- float: right;
162
- margin-right: 0;
163
- cursor: pointer;
164
- display:block;
165
- width: 40px;
166
- height: 22px;
167
-
168
- border-radius: 3px;
169
- -moz-border-radius: 3px;
170
- -webkit-border-radius: 3px;
171
- }
172
-
173
- .ws_edit_link_expanded { }
174
-
175
 
176
  .ws_menu_drop_hover {
177
- background-color: #43b529 !important;
178
- }
179
 
180
  .ws_container.ui-sortable-helper * {
181
- cursor: move !important;
182
- }
 
 
 
 
 
183
 
184
  /*
185
  If you ever want to apply a right-arrow style to the currently selected menu item,
@@ -197,9 +185,9 @@
197
  z-index: 1002;
198
 
199
  border-left: 14px solid #8EB0F1;
200
- border-top: 14px solid transparent;
201
- border-bottom: 14px solid transparent;
202
- background: #8EB0F1;
203
 
204
  position: absolute;
205
  right: -14px;
@@ -209,910 +197,1096 @@
209
  height: 0;
210
  }
211
  */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
212
 
213
  /****************************************
214
  Per-menu settings fields & panels
215
  *****************************************/
216
-
217
  .ws_editbox {
218
- display: block;
219
- padding: 4px;
220
-
221
- border-radius: 2px;
222
- border-top-right-radius: 0;
223
-
224
- -moz-border-radius: 2px;
225
- -moz-border-radius-topright: 0;
226
-
227
- -webkit-border-radius: 2px;
228
- -webkit-border-top-right-radius: 0;
229
- }
230
 
231
  .ws_edit_panel {
232
- margin: 0;
233
- padding: 0;
234
- border: none;
235
- }
236
 
237
  .ws_edit_field {
238
- margin-bottom: 6px;
239
- height: 45px;
240
- }
 
 
 
 
 
 
241
 
242
  .ws_edit_field-custom {
243
- margin-top: 10px;
244
- }
 
 
 
 
 
245
 
246
  /* The reset-to-default button */
247
  .ws_reset_button {
248
- display: block;
249
- float: right;
250
-
251
- margin-left: 4px;
252
- margin-top: 2px;
253
- margin-right: 6px;
254
- cursor: pointer;
255
-
256
- width: 16px;
257
- height: 16px;
258
- vertical-align: top;
259
-
260
- background: url("../images/pencil_delete_gray.png") no-repeat center;
261
- }
262
 
263
  .ws_reset_button:hover {
264
- background-image: url("../images/pencil_delete.png");
265
- }
266
 
267
  .ws_input_default input,
268
  .ws_input_default select,
269
  .ws_input_default .ws_color_scheme_display {
270
- color: gray;
271
- }
272
 
273
  /* No reset button for fields set to the default value and fields without a default value */
274
- .ws_input_default .ws_reset_button,
275
  .ws_has_no_default .ws_reset_button {
276
- visibility: hidden;
277
- }
278
 
279
  /* The input box in each field editor */
280
- #ws_menu_editor .ws_editbox input[type="text"],
281
  #ws_menu_editor .ws_editbox select {
282
- display: block;
283
- float: left;
284
- width: 254px;
285
-
286
- font-size: 12px;
287
- padding: 3px;
288
- }
 
289
 
290
  #ws_menu_editor .ws_edit_field label {
291
- display: block;
292
- float: left;
293
- }
294
 
295
  #ws_menu_editor .ws_edit_field-custom input[type="checkbox"] {
296
- margin-top: 0;
297
- }
298
 
299
  #ws_menu_editor input[type="text"].ws_field_value {
300
- min-height: 25px;
301
- }
302
 
303
  /* Dropdown button for combo-box fields */
304
  #ws_menu_editor .ws_dropdown_button,
305
- #ws_menu_access_editor .ws_dropdown_button
306
- {
307
- box-sizing: border-box;
308
- width: 20px;
309
- height: 25px;
310
-
311
- margin: 1px 1px 1px 0;
312
- padding: 0;
313
-
314
- text-align: center;
315
- font-size: 9px !important;
316
-
317
- border-color: #dfdfdf;
318
-
319
- border-top-right-radius: 3px;
320
- border-bottom-right-radius: 3px;
321
- border-top-left-radius: 0;
322
- border-bottom-left-radius: 0;
323
-
324
- -moz-border-radius-topright: 3px;
325
- -moz-border-radius-bottomright: 3px;
326
- -moz-border-radius-topleft: 0;
327
- -moz-border-radius-bottomleft: 0;
328
-
329
- -webkit-border-top-right-radius: 3px;
330
- -webkit-border-bottom-right-radius: 3px;
331
- -webkit-border-top-left-radius: 0;
332
- -webkit-border-bottom-left-radius: 0;
333
- }
334
 
335
  #ws_menu_access_editor .ws_dropdown_button {
336
- display: inline-block;
337
- height: 27px;
338
- }
339
 
340
  #ws_menu_editor .ws_dropdown_button {
341
- display: block;
342
- float: left;
343
- }
344
 
345
  /*
346
  The appearance and size of combo-box fields need to be changed
347
  to accommodate the drop-down button.
348
  */
349
  #ws_menu_editor .ws_has_dropdown input.ws_field_value,
350
- #ws_menu_access_editor input.ws_has_dropdown
351
- {
352
- margin-right: 0;
353
- border-right: 0;
354
-
355
- border-top-right-radius: 0;
356
- border-bottom-right-radius: 0;
357
-
358
- -moz-border-radius-topright: 0;
359
- -moz-border-radius-bottomright: 0;
360
-
361
- -webkit-border-top-right-radius: 0;
362
- -webkit-border-bottom-right-radius: 0;
363
- }
364
 
365
  #ws_menu_access_editor input.ws_has_dropdown {
366
- width: 90%;
367
- box-sizing: border-box;
368
- height: 27px;
369
- }
370
 
371
  #ws_menu_editor .ws_has_dropdown input.ws_field_value {
372
- width: 230px;
373
- }
374
 
375
  /* Unlike others, this field is just a single checkbox, so it has a smaller height */
376
  #ws_menu_editor .ws_edit_field-custom {
377
- height: 16px;
378
- }
379
 
380
  /*
381
  * "Show/hide advanced fields"
382
  */
383
  .ws_toggle_container {
384
- text-align: right;
385
- margin-right: 27px;
386
- }
387
 
388
  .ws_toggle_advanced_fields {
389
- color: #6087CB;
390
- text-decoration: none;
391
- font-size: 0.85em;
392
- }
393
 
394
  .ws_toggle_advanced_fields:visited, .ws_toggle_advanced_fields:active {
395
- color: #6087CB;
396
- }
397
 
398
  .ws_toggle_advanced_fields:hover {
399
- color: #d54e21;
400
- text-decoration: underline;
401
- }
402
 
403
  /************************************
404
  Menu flags
405
  *************************************/
406
-
407
  .ws_flag_container {
408
- float: right;
409
- margin-right: 4px;
410
- padding-top: 2px;
411
- }
412
 
413
  .ws_flag {
414
- display: block;
415
- float: right;
416
- width: 16px;
417
- height: 16px;
418
- margin-left: 4px;
419
- background-repeat: no-repeat;
420
- }
421
 
422
  /* user-created items */
423
  .ws_custom_flag {
424
- background-image: url('../images/page-add.png');
425
- }
426
 
427
  /* unused items - those that are in the default menu but not in the custom one */
428
  .ws_unused_flag {
429
- background-image: url('../images/plugin_add.png');
430
- }
431
 
432
  /* hidden items */
433
  .ws_hidden_flag {
434
- background-image: url('../images/icon-extension-grey.png');
435
- }
436
 
437
  /* items with custom permissions for the selected actor */
438
  .ws_custom_actor_permissions_flag {
439
- font: 16px/1 'dashicons';
440
- }
441
- .ws_custom_actor_permissions_flag::before {
442
- /*content: "\f160";*/ /* padlock */
443
- content: "\f110"; /* human silhouette */
444
- color: black;
445
 
446
- filter: alpha(opacity=25); /*IE 5-7*/
447
- opacity: 0.25;
448
- }
 
 
 
 
 
 
 
 
 
 
449
 
450
  /* These classes could be used to apply different styles to items depending on their flags */
451
- .ws_custom { }
452
- .ws_hidden { }
453
- .ws_unused { }
454
-
455
-
456
  /************************************
457
  Toolbars
458
  *************************************/
459
-
460
  .ws_toolbar {
461
- display: block;
462
- width: 100%;
463
- height: 34px;
464
- }
465
-
466
- .ws_button_container {
467
- padding-left: 6px;
468
- padding-top: 6px;
469
- }
470
 
471
  .ws_button {
472
- display: block;
473
- margin-right: 3px;
474
- padding: 4px;
475
- float: left;
476
-
477
- width: 16px;
478
- height: 16px;
479
-
480
- border-radius: 3px;
481
- -moz-border-radius: 3px;
482
- -webkit-border-radius: 3px;
483
- }
 
 
 
484
 
485
  a.ws_button:hover {
486
- background-color: #d0e0ff;
487
- border-color: #9090c0;
488
- }
 
 
 
 
 
 
 
 
 
 
 
489
 
490
  .ws_separator {
491
- float: left;
492
- width: 5px;
493
- }
494
 
495
  /************************************
496
  Capability selector
497
  *************************************/
498
-
499
  select.ws_dropdown {
500
- width: 252px;
501
- height: 20em;
502
-
503
- z-index: 1002;
504
- position: absolute;
505
- display: none;
506
-
507
- font-family : "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
508
- font-size: 12px;
509
- }
510
 
511
  select.ws_dropdown option {
512
- font-family : "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
513
- font-size: 12px;
514
- padding: 3px;
515
- }
516
 
517
  select.ws_dropdown optgroup option {
518
- padding-left: 10px;
519
- }
520
 
521
  /************************************
522
  Icon selector
523
  *************************************/
524
-
525
  #ws_icon_selector {
526
- border: 1px solid silver;
527
- border-radius: 3px;
528
- background-color: white;
529
- width: 216px;
530
- padding: 2px;
531
- position: absolute;
532
- }
533
 
534
  #ws_icon_selector.ws_with_more_icons {
535
- width: 504px;
536
- }
537
 
538
  #ws_icon_selector .ws_icon_extra {
539
- display: none;
540
- }
541
 
542
  #ws_icon_selector.ws_with_more_icons .ws_icon_extra {
543
- display: inline-block;
544
- }
545
-
546
 
547
  #ws_icon_selector .ws_icon_option {
548
- float: left;
549
- height: 30px;
550
-
551
- margin: 2px;
552
- cursor: pointer;
553
- border: 1px solid #bbb;
554
- border-radius: 3px;
555
-
556
- /* Gradients and colours cribbed from WP 3.5.1 button styles */
557
- background: #f3f3f3;
558
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4));
559
- background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
560
- background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
561
- background-image: -o-linear-gradient(top, #fefefe, #f4f4f4);
562
- background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
563
- }
564
 
565
  #ws_icon_selector .ws_icon_option:hover {
566
- /* Gradients and colours cribbed from WP 3.5.1 button styles */
567
- border-color: #999;
568
- background: #f3f3f3;
569
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
570
- background-image: -webkit-linear-gradient(top, #fff, #f3f3f3);
571
- background-image: -moz-linear-gradient(top, #fff, #f3f3f3);
572
- background-image: -ms-linear-gradient(top, #fff, #f3f3f3);
573
- background-image: -o-linear-gradient(top, #fff, #f3f3f3);
574
- background-image: linear-gradient(to bottom, #fff, #f3f3f3);
575
- }
576
 
577
  #ws_icon_selector .ws_icon_option.ws_selected_icon {
578
- border-color: green;
579
- background-color: #deffca;
580
- background-image: none;
581
- }
582
 
583
  #ws_icon_selector .icon16 {
584
- float: none;
585
- margin: 0;
586
- }
587
 
588
  #ws_icon_selector .ws_icon_option .ws_icon_image.dashicons {
589
- width: 20px;
590
- height: 20px;
591
- padding: 5px;
592
- }
593
 
594
  #ws_icon_selector .ws_icon_option img {
595
- display: inline-block;
596
- margin: 0;
597
- padding: 7px;
598
-
599
- width: 16px;
600
- height: 16px;
601
- }
602
 
603
  #ws_menu_editor .ws_edit_field-icon_url input.ws_field_value {
604
- width: 220px;
605
- margin-right: 5px;
606
- }
607
 
608
  /* The icon button that displays the pop-up icon selector. */
609
  #ws_menu_editor .ws_select_icon {
610
- margin: 0;
611
- padding: 0;
612
- position: relative;
613
-
614
- box-sizing: border-box;
615
- height: 25px;
616
- }
617
 
618
  /* Current icon node (CSS class version, for the built-in WP icon sprites) */
619
  .ws_select_icon .icon16 {
620
- margin: 0;
621
- float: none;
622
- padding: 3px;
623
-
624
- /*
625
- The default .icon16 style has a 6px padding which would normally make it too large
626
- to fit in the button. We can't change the padding without making the background-position
627
- look wrong, so lets offset the icon so that it fits.
628
- */
629
- position: relative;
630
- top: -3px;
631
- left: -3px;
632
- }
633
 
634
  /* Current icon node (image version) */
635
  .ws_select_icon img {
636
- margin: 0;
637
- padding: 4px;
638
- width: 16px;
639
- height: 16px;
640
- }
641
 
642
  /* MP6 admin style compatibility */
643
  #ws_icon_selector .ws_icon_option .icon16::before {
644
- margin: 0;
645
- padding: 0;
646
- }
647
  .ws_select_icon .icon16::before {
648
- padding: 0;
649
- margin: 1px 0 0 2px;
650
- }
651
 
652
  #ws_choose_icon_from_media {
653
- margin: 2px;
654
- }
655
 
656
  #ws_show_more_icons {
657
- margin: 2px;
658
- height: 30px;
659
- width: 68px;
660
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
661
 
 
 
 
 
 
 
662
 
663
  /************************************
664
  Menu color picker
665
  *************************************/
666
-
667
  #ws-ame-menu-color-settings {
668
- background: white;
669
- display: none;
670
- }
671
 
672
  #ame-menu-color-list {
673
- height: 500px;
674
- overflow-y: auto;
675
- }
676
 
677
  .ame-menu-color-column {
678
- min-width: 460px;
679
- }
680
 
681
  .ame-menu-color-name {
682
- display: inline-block;
683
- vertical-align: top;
684
- padding-top: 2px;
685
-
686
- line-height: 1.3;
687
- font-size: 14px;
688
- font-weight: 600;
689
-
690
- min-width: 180px;
691
- }
692
 
693
  .ame-color-option {
694
- padding: 10px 0;
695
- }
696
 
697
  .ame-advanced-menu-color {
698
- display: none;
699
- }
700
 
701
- /* Color scheme display in the editor widget. */
 
 
 
702
 
703
- .ws_color_scheme_display {
704
- display: inline-block;
705
- height: 20px;
706
- width: 186px;
 
 
 
707
 
708
- margin-right: 5px;
709
- padding: 2px 3px;
 
710
 
711
- border: 1px solid #ddd;
712
- background: white;
713
- cursor: pointer;
714
- }
715
 
716
- .ws_color_display_item {
717
- display: inline-block;
718
- width: 18px;
719
- height: 18px;
720
 
721
- margin-right: 4px;
722
- border: 1px solid #ccc;
723
- border-radius: 3px;
724
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
725
 
726
  .ws_color_display_item:last-child {
727
- margin-right: 0;
728
- }
729
 
730
  /************************************
731
  Export and import
732
  *************************************/
733
-
734
  #export_dialog, #import_dialog {
735
- display: none;
736
- }
737
 
738
  .ui-widget-overlay {
739
- background-color: black;
740
- position: fixed;
741
- left: 0;
742
- top: 0;
743
- opacity: 0.70;
744
- -moz-opacity: 0.70;
745
- filter: alpha(opacity=70);
746
-
747
- width: 100%;
748
- height: 100%;
749
- }
750
 
751
  .ui-front {
752
- z-index: 10000;
753
- }
754
 
755
  .ui-dialog {
756
- background: white;
757
- border: 1px solid #c0c0c0;
758
-
759
- padding: 0;
760
-
761
- -moz-border-radius: 5px;
762
- -webkit-border-radius: 5px;
763
- border-radius: 5px;
764
- }
765
 
766
  .ui-dialog-titlebar {
767
- display: block;
768
- height: 22px;
769
- margin: 0;
770
- padding: 4px 4px 4px 8px;
771
-
772
- background-color: #86A7E3;
773
- font-size: 1.0em;
774
- line-height: 22px;
775
-
776
- -webkit-border-top-left-radius: 4px;
777
- -webkit-border-top-right-radius: 4px;
778
-
779
- -moz-border-radius-topleft: 4px;
780
- -moz-border-radius-topright: 4px;
781
-
782
- border-top-left-radius: 4px;
783
- border-top-right-radius: 4px;
784
-
785
- border-bottom: 1px solid #809fd9;
786
- }
787
 
788
  .ui-dialog-title {
789
- color: white;
790
- font-weight: bold;
791
- }
792
 
793
  .ui-dialog-titlebar-close {
794
- background: #86A7E3 url(../images/x.png) no-repeat center;
795
- width: 22px;
796
- height: 22px;
797
- display: block;
798
- float: right;
799
- color: white;
800
-
801
- border-radius: 3px;
802
- -moz-border-radius: 3px;
803
- -webkit-border-radius: 3px;
804
- }
805
 
806
  .ui-dialog-titlebar-close:hover {
807
- /*background-image: url(../images/x-light.png);*/
808
- background-color: #a6c2f5;
809
- }
810
-
811
- .ui-icon-closethick {
812
-
813
- }
814
 
815
  .ui-dialog-content {
816
- padding: 8px 8px 8px 8px;
817
- font-size: 1.1em;
818
- }
819
 
820
  #export_dialog .ws_dialog_panel {
821
- height: 50px;
822
- }
823
 
824
  #import_dialog .ws_dialog_panel {
825
- height: 64px;
826
- }
827
 
828
  .ws_dialog_buttons {
829
- /*height: 30px;*/
830
- text-align: right;
831
- margin-top: 20px;
832
- margin-bottom: 1px;
833
- clear: both;
834
- }
835
 
836
  .ws_dialog_buttons .button-primary {
837
- display: block;
838
- float: left;
839
- margin-top: 0;
840
- }
841
 
842
  .ws_dialog_buttons .button {
843
- margin-top: 0;
844
- }
845
 
846
  .ws_dialog_buttons.ame-vertical-button-list {
847
- text-align: left;
848
- }
849
 
850
  .ws_dialog_buttons.ame-vertical-button-list .button-primary {
851
- float: none;
852
- }
853
 
854
  .ws_dialog_buttons.ame-vertical-button-list .button {
855
- width: 100%;
856
- text-align: left;
857
- margin-bottom: 10px;
858
- }
859
 
860
  .ws_dialog_buttons.ame-vertical-button-list .button:last-child {
861
- margin-bottom: 0;
862
- }
863
 
864
  #import_file_selector {
865
- display: block;
866
- width: 286px;
867
-
868
- margin: 6px auto 12px;
869
- }
870
 
871
  #ws_start_import {
872
- min-width: 100px;
873
- }
874
 
875
  #import_complete_notice {
876
- text-align: center;
877
- font-size: large;
878
- padding-top: 25px;
879
- }
880
 
881
  #ws_import_error_response {
882
- width: 100%;
883
- }
884
 
885
  .ws_dont_show_again {
886
- display: inline-block;
887
- margin-top: 1em;
888
- }
889
 
890
  /************************************
891
  Menu access editor
892
  *************************************/
893
-
894
  /* The launch button */
895
- #ws_menu_editor .ws_edit_field-access_level input.ws_field_value
896
- {
897
- width: 190px;
898
- margin-right: 5px;
899
- }
900
 
901
  .ws_launch_access_editor {
902
- min-width: 40px;
903
- }
904
 
905
  #ws_menu_access_editor {
906
- width: 400px;
907
- display: none;
908
- }
909
 
910
  .ws_dialog_subpanel {
911
- margin-bottom: 1em;
912
- }
913
 
914
- #ws_menu_access_editor .ws_column_access {
915
- text-align: center;
916
- width: 5em;
917
- }
 
 
 
 
 
 
 
 
918
 
919
  #ws_role_table_body_container {
920
- max-height: 400px;
921
- overflow: auto;
922
- }
 
923
 
924
  .ws_role_table_body {
925
- margin-top: 2px;
926
- }
927
 
928
  .ws_has_separate_header .ws_role_table_header {
929
- border-bottom: none;
930
-
931
- -moz-border-radius-bottomleft: 0;
932
- -moz-border-radius-bottomright: 0;
933
- -webkit-border-bottom-left-radius: 0;
934
- -webkit-border-bottom-right-radius: 0;
935
- border-bottom-left-radius: 0;
936
- border-bottom-right-radius: 0;
937
- }
938
 
939
  .ws_has_separate_header .ws_role_table_body {
940
- border-top: none;
941
- margin-top: 0;
942
-
943
- -moz-border-radius-topleft: 0;
944
- -moz-border-radius-topright: 0;
945
- -webkit-border-top-left-radius: 0;
946
- -webkit-border-top-right-radius: 0;
947
- border-top-left-radius: 0;
948
- border-top-right-radius: 0;
949
- }
950
 
951
  .ws_role_id {
952
- display: none;
953
- }
954
 
955
  #ws_extra_capability {
956
- width: 100%;
957
- }
958
 
959
  #ws_role_access_container {
960
- position: relative;
961
- }
 
962
 
963
  #ws_role_access_overlay {
964
- width: 100%;
965
- height: 100%;
966
- position: absolute;
967
-
968
- line-height: 100%;
969
-
970
- background: white;
971
- filter: alpha(opacity=60);
972
- opacity: 0.6;
973
- -moz-opacity:0.6;
974
- -khtml-opacity: 0.6;
975
- }
976
 
977
  #ws_role_access_overlay_content {
978
- position: absolute;
979
- width: 50%;
980
- left: 22%;
981
- top: 30%;
982
-
983
- background: white;
984
- padding: 8px;
985
-
986
- border: 2px solid silver;
987
- border-radius: 5px;
988
- color: #555;
989
- }
990
 
991
  #ws_menu_access_editor div.error {
992
- margin-left: 0;
993
- margin-right: 0;
994
- margin-bottom: 5px;
995
- }
996
 
997
  #ws_hardcoded_role_error {
998
- display: none;
999
- }
1000
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1001
 
1002
  /************************************
1003
- Menu deletion error
1004
  *************************************/
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1005
 
 
 
 
1006
  #ws-ame-menu-deletion-error {
1007
- max-width: 400px;
1008
- }
1009
-
1010
-
1011
-
1012
 
1013
  /************************************
1014
  Tooltips and hints
1015
  *************************************/
1016
-
1017
  .ws_tooltip_trigger {
1018
- cursor: pointer;
1019
- }
1020
 
1021
  .ws_tooltip_content_list {
1022
- list-style: disc;
1023
- margin-left: 1em;
1024
- }
1025
 
1026
- .ws_hint {
1027
- background: #FFFFE0;
1028
- border: 1px solid #E6DB55;
 
 
1029
 
1030
- margin-bottom: 0.5em;
1031
- border-radius: 3px;
1032
- position: relative;
1033
- padding-right: 20px;
1034
- }
1035
 
1036
- .ws_hint_close {
1037
- border: 1px solid #E6DB55;
1038
- border-right: none;
1039
- border-top: none;
1040
- color: #dcc500;
1041
- font-weight: bold;
1042
- cursor: pointer;
1043
 
1044
- width: 18px;
1045
- text-align: center;
1046
- border-radius: 3px;
 
 
 
 
1047
 
1048
- position: absolute;
1049
- right: 0;
1050
- top: 0;
1051
- }
 
 
 
 
 
 
 
 
 
1052
 
1053
  .ws_hint_close:hover {
1054
- background-color: #ffef4c;
1055
- border-color: #e0b900;
1056
- color: black;
1057
- }
1058
 
1059
  .ws_hint_content {
1060
- padding: 0.4em 0 0.4em 0.4em;
1061
- }
1062
 
1063
  .ws_hint_content ul {
1064
- list-style: disc;
1065
- list-style-position: inside;
1066
- margin-left: 0.5em;
1067
- }
1068
-
1069
 
1070
  /************************************
1071
  Copy Permissions dialog
1072
  *************************************/
1073
  #ws-ame-copy-permissions-dialog select {
1074
- min-width: 280px;
1075
- }
1076
-
1077
-
1078
 
1079
  #ws_sidebar_pro_ad {
1080
- min-width: 225px;
1081
-
1082
- margin-top: 5px;
1083
- margin-left: 3px;
1084
-
1085
- position: fixed;
1086
- right: 20px;
1087
- bottom: 40px;
1088
- z-index: 100;
1089
- }
1090
-
1091
 
1092
  .test-wrap {
1093
- background-color: #444444;
1094
- padding: 30px;
1095
- }
1096
 
1097
  .test-container {
1098
- width: 400px;
1099
- height: 200px;
1100
- background-color: white;
1101
-
1102
- border: 1px solid black;
1103
- border-radius: 10px;
1104
-
1105
- overflow: hidden;
1106
- }
1107
 
1108
  .test-header {
1109
- background-color: #67d6ff;
1110
- padding: 6px;
1111
-
1112
- border-top-left-radius: 8px;
1113
- border-top-right-radius: 8px;
1114
- }
1115
 
1116
  .test-content {
1117
- padding: 8px;
1118
- }
 
1
  /* Admin Menu Editor CSS file */
 
2
  #ws_menu_editor {
3
+ min-width: 780px; }
 
4
 
5
  .ws_main_container {
6
+ margin: 2px;
7
+ width: 310px;
8
+ float: left;
9
+ display: block;
10
+ border: 1px solid #cdd5d5;
11
+ background-color: #FFFFFF;
12
+ border-radius: 3px;
13
+ -moz-border-radius: 3px;
14
+ -webkit-border-radius: 3px; }
 
 
 
15
 
16
  .ws_box {
17
+ min-height: 30px;
18
+ width: 100%;
19
+ margin: 0; }
 
 
20
 
21
  .ws_basic_container {
22
+ float: left;
23
+ display: block; }
 
 
 
 
 
 
 
24
 
25
  .ws_dropzone {
26
+ display: block;
27
+ box-sizing: border-box;
28
+ margin: 2px 6px;
29
+ border: 3px none #b4b9be;
30
+ height: 31px; }
 
 
 
31
 
32
  .ws_dropzone_active,
33
  .ws_dropzone_hover,
34
  .ws_top_to_submenu_drop_hover .ws_dropzone {
35
+ border-style: dashed; }
 
36
 
37
  .ws_dropzone_hover,
38
  .ws_top_to_submenu_drop_hover .ws_dropzone {
39
+ border-width: 1px; }
 
40
 
41
  /*************************************************
42
  Actor UI
43
  *************************************************/
44
  #ws_actor_selector li:after {
45
+ content: '| '; }
 
46
 
47
  #ws_actor_selector li:last-child:after {
48
+ content: ''; }
49
+
50
+ #ws_actor_selector li a {
51
+ display: inline-block;
52
+ text-align: center; }
53
+ #ws_actor_selector li a::before {
54
+ display: block;
55
+ content: attr(data-text);
56
+ font-weight: bold;
57
+ height: 1px;
58
+ overflow: hidden;
59
+ visibility: hidden;
60
+ margin-bottom: -1px; }
61
+
62
+ #ws_actor_selector {
63
+ margin-top: 5px; }
64
 
65
  /**
66
  * The checkbox that lets the user show/hide a menu for the currently selected actor.
67
  */
68
  #ws_menu_editor .ws_actor_access_checkbox,
69
+ #ws_menu_editor input[type="checkbox"].ws_actor_access_checkbox {
70
+ margin-right: 2px;
71
+ margin-left: 2px;
72
+ margin-top: 1px;
73
+ vertical-align: text-top; }
74
+ #ws_menu_editor .ws_actor_access_checkbox:indeterminate:before,
75
+ #ws_menu_editor input[type="checkbox"].ws_actor_access_checkbox:indeterminate:before {
76
+ content: '\25a0';
77
+ color: #1e8cbe;
78
+ margin: -3px 0 0 -1px;
79
+ font: 400 14px/1 dashicons;
80
+ float: left;
81
+ display: inline-block;
82
+ vertical-align: middle;
83
+ width: 16px;
84
+ -webkit-font-smoothing: antialiased; }
85
+
86
+ @media screen and (max-width: 782px) {
87
+ #ws_menu_editor input[type="checkbox"].ws_actor_access_checkbox:indeterminate:before {
88
+ margin: -6px 0 0 1px;
89
+ font: 400 26px/1 dashicons; } }
90
  /* The checkbox is only visible when viewing the menu configuration for a specific actor. */
91
  #ws_menu_editor .ws_actor_access_checkbox {
92
+ display: none; }
 
93
 
94
  #ws_menu_editor.ws_is_actor_view .ws_actor_access_checkbox {
95
+ display: inline-block; }
 
96
 
97
  /* Gray-out items inaccessible to the currently selected actor */
 
98
  .ws_is_actor_view .ws_container.ws_is_hidden_for_actor {
99
+ background-color: #F9F9F9; }
 
100
 
101
  .ws_is_actor_view .ws_is_hidden_for_actor .ws_item_title {
102
+ color: #777; }
 
103
 
104
  /*
105
  * The sidebar
106
  */
 
107
  #ws_editor_sidebar {
108
+ width: auto;
109
+ padding: 2px; }
 
110
 
111
  #ws_menu_editor .ws_main_button {
112
+ clear: both;
113
+ display: block;
114
+ margin: 4px;
115
+ width: 130px; }
 
116
 
117
  #ws_menu_editor #ws_save_menu {
118
+ margin-bottom: 20px; }
 
119
 
120
  #ws_menu_editor #ws_export_menu {
121
+ margin-top: 12px; }
122
+
123
+ #ws_menu_editor #ws_toggle_editor_layout {
124
+ display: none; }
125
 
126
  /*
127
  * Menu components and widgets
128
  */
 
129
  .ws_container {
130
+ display: block;
131
+ width: 290px;
132
+ padding: 3px;
133
+ margin: 2px auto; }
 
 
 
 
 
 
 
 
 
134
 
135
  .ws_submenu {
136
+ min-height: 2em; }
 
 
137
 
138
  .ws_item_head {
139
+ padding: 0; }
 
140
 
141
  .ws_item_title {
142
+ display: inline-block;
143
+ padding: 2px;
144
+ cursor: default;
145
+ font-size: 13px;
146
+ line-height: 18px; }
147
 
148
  .ws_edit_link {
149
+ float: right;
150
+ margin-right: 0;
151
+ cursor: pointer;
152
+ display: block;
153
+ width: 40px;
154
+ height: 22px;
155
+ border-radius: 3px;
156
+ -moz-border-radius: 3px;
157
+ -webkit-border-radius: 3px;
158
+ text-decoration: none; }
 
 
 
 
159
 
160
  .ws_menu_drop_hover {
161
+ background-color: #43b529 !important; }
 
162
 
163
  .ws_container.ui-sortable-helper * {
164
+ cursor: move !important; }
165
+
166
+ .ws_container.ws_sortable_placeholder {
167
+ outline: 1px dashed #b4b9be;
168
+ outline-offset: -1px;
169
+ background: none;
170
+ border-color: transparent; }
171
 
172
  /*
173
  If you ever want to apply a right-arrow style to the currently selected menu item,
185
  z-index: 1002;
186
 
187
  border-left: 14px solid #8EB0F1;
188
+ border-top: 15px solid rgba(255, 255, 255, 0.1);
189
+ border-bottom: 15px solid rgba(255, 255, 255, 0.1);
190
+ background: transparent;
191
 
192
  position: absolute;
193
  right: -14px;
197
  height: 0;
198
  }
199
  */
200
+ /*
201
+ * A left-arrow style alternative. This one is image-based and doesn't suffer from the finicky sizing issues
202
+ * of CSS triangles.
203
+ */
204
+ .ws_container {
205
+ position: relative; }
206
+
207
+ .ws_menu.ws_active::after {
208
+ content: "";
209
+ display: block;
210
+ position: absolute;
211
+ right: -19px;
212
+ top: -1px;
213
+ width: 19px;
214
+ height: 30px;
215
+ background: transparent url("../images/submenu-tip.png") no-repeat center; }
216
+
217
+ .ws_container.ws_menu_separator.ws_active::after,
218
+ .ws_container.ui-sortable-helper::after {
219
+ background-image: none; }
220
 
221
  /****************************************
222
  Per-menu settings fields & panels
223
  *****************************************/
 
224
  .ws_editbox {
225
+ display: block;
226
+ padding: 4px;
227
+ border-radius: 2px;
228
+ border-top-right-radius: 0;
229
+ -moz-border-radius: 2px;
230
+ -moz-border-radius-topright: 0;
231
+ -webkit-border-radius: 2px;
232
+ -webkit-border-top-right-radius: 0; }
 
 
 
 
233
 
234
  .ws_edit_panel {
235
+ margin: 0;
236
+ padding: 0;
237
+ border: none; }
 
238
 
239
  .ws_edit_field {
240
+ margin-bottom: 6px;
241
+ min-height: 45px; }
242
+ .ws_edit_field:after {
243
+ visibility: hidden;
244
+ display: block;
245
+ height: 0;
246
+ font-size: 0;
247
+ content: " ";
248
+ clear: both; }
249
 
250
  .ws_edit_field-custom {
251
+ margin-top: 10px; }
252
+
253
+ .ws_edit_field.ws_no_field_caption {
254
+ margin-top: 10px;
255
+ padding-left: 1px;
256
+ height: 25px;
257
+ min-height: 25px; }
258
 
259
  /* The reset-to-default button */
260
  .ws_reset_button {
261
+ display: block;
262
+ float: right;
263
+ margin-left: 4px;
264
+ margin-top: 2px;
265
+ margin-right: 6px;
266
+ cursor: pointer;
267
+ width: 16px;
268
+ height: 16px;
269
+ vertical-align: top;
270
+ background: url("../images/pencil_delete_gray.png") no-repeat center; }
 
 
 
 
271
 
272
  .ws_reset_button:hover {
273
+ background-image: url("../images/pencil_delete.png"); }
 
274
 
275
  .ws_input_default input,
276
  .ws_input_default select,
277
  .ws_input_default .ws_color_scheme_display {
278
+ color: gray; }
 
279
 
280
  /* No reset button for fields set to the default value and fields without a default value */
281
+ .ws_input_default .ws_reset_button,
282
  .ws_has_no_default .ws_reset_button {
283
+ visibility: hidden; }
 
284
 
285
  /* The input box in each field editor */
286
+ #ws_menu_editor .ws_editbox input[type="text"],
287
  #ws_menu_editor .ws_editbox select {
288
+ display: block;
289
+ float: left;
290
+ width: 254px;
291
+ height: 25px;
292
+ font-size: 12px;
293
+ line-height: 17px;
294
+ padding-top: 3px;
295
+ padding-bottom: 3px; }
296
 
297
  #ws_menu_editor .ws_edit_field label {
298
+ display: block;
299
+ float: left; }
 
300
 
301
  #ws_menu_editor .ws_edit_field-custom input[type="checkbox"] {
302
+ margin-top: 0; }
 
303
 
304
  #ws_menu_editor input[type="text"].ws_field_value {
305
+ min-height: 25px; }
 
306
 
307
  /* Dropdown button for combo-box fields */
308
  #ws_menu_editor .ws_dropdown_button,
309
+ #ws_menu_access_editor .ws_dropdown_button {
310
+ box-sizing: border-box;
311
+ width: 20px;
312
+ height: 25px;
313
+ margin: 1px 1px 1px 0;
314
+ padding: 0;
315
+ text-align: center;
316
+ font-size: 9px !important;
317
+ line-height: 25px;
318
+ border-color: #dfdfdf;
319
+ box-shadow: none;
320
+ border-top-right-radius: 3px;
321
+ border-bottom-right-radius: 3px;
322
+ border-top-left-radius: 0;
323
+ border-bottom-left-radius: 0;
324
+ -moz-border-radius-topright: 3px;
325
+ -moz-border-radius-bottomright: 3px;
326
+ -moz-border-radius-topleft: 0;
327
+ -moz-border-radius-bottomleft: 0;
328
+ -webkit-border-top-right-radius: 3px;
329
+ -webkit-border-bottom-right-radius: 3px;
330
+ -webkit-border-top-left-radius: 0;
331
+ -webkit-border-bottom-left-radius: 0; }
 
 
 
 
 
 
332
 
333
  #ws_menu_access_editor .ws_dropdown_button {
334
+ display: inline-block;
335
+ height: 27px; }
 
336
 
337
  #ws_menu_editor .ws_dropdown_button {
338
+ display: block;
339
+ float: left; }
 
340
 
341
  /*
342
  The appearance and size of combo-box fields need to be changed
343
  to accommodate the drop-down button.
344
  */
345
  #ws_menu_editor .ws_has_dropdown input.ws_field_value,
346
+ #ws_menu_access_editor input.ws_has_dropdown {
347
+ margin-right: 0;
348
+ border-right: 0;
349
+ border-top-right-radius: 0;
350
+ border-bottom-right-radius: 0;
351
+ -moz-border-radius-topright: 0;
352
+ -moz-border-radius-bottomright: 0;
353
+ -webkit-border-top-right-radius: 0;
354
+ -webkit-border-bottom-right-radius: 0; }
 
 
 
 
 
355
 
356
  #ws_menu_access_editor input.ws_has_dropdown {
357
+ width: 90%;
358
+ box-sizing: border-box;
359
+ height: 27px; }
 
360
 
361
  #ws_menu_editor .ws_has_dropdown input.ws_field_value {
362
+ width: 234px; }
 
363
 
364
  /* Unlike others, this field is just a single checkbox, so it has a smaller height */
365
  #ws_menu_editor .ws_edit_field-custom {
366
+ height: 16px; }
 
367
 
368
  /*
369
  * "Show/hide advanced fields"
370
  */
371
  .ws_toggle_container {
372
+ text-align: right;
373
+ margin-right: 27px; }
 
374
 
375
  .ws_toggle_advanced_fields {
376
+ color: #6087CB;
377
+ text-decoration: none;
378
+ font-size: 0.85em; }
 
379
 
380
  .ws_toggle_advanced_fields:visited, .ws_toggle_advanced_fields:active {
381
+ color: #6087CB; }
 
382
 
383
  .ws_toggle_advanced_fields:hover {
384
+ color: #d54e21;
385
+ text-decoration: underline; }
 
386
 
387
  /************************************
388
  Menu flags
389
  *************************************/
 
390
  .ws_flag_container {
391
+ float: right;
392
+ margin-right: 4px;
393
+ padding-top: 2px; }
 
394
 
395
  .ws_flag {
396
+ display: block;
397
+ float: right;
398
+ width: 16px;
399
+ height: 16px;
400
+ margin-left: 4px;
401
+ background-repeat: no-repeat; }
 
402
 
403
  /* user-created items */
404
  .ws_custom_flag {
405
+ background-image: url("../images/page-add.png"); }
 
406
 
407
  /* unused items - those that are in the default menu but not in the custom one */
408
  .ws_unused_flag {
409
+ background-image: url("../images/plugin_add.png"); }
 
410
 
411
  /* hidden items */
412
  .ws_hidden_flag {
413
+ background-image: url("../images/page-invisible.png"); }
 
414
 
415
  /* items with custom permissions for the selected actor */
416
  .ws_custom_actor_permissions_flag {
417
+ font: 16px/1 'dashicons'; }
 
 
 
 
 
418
 
419
+ .ws_custom_actor_permissions_flag::before {
420
+ /*content: "\f160";*/
421
+ /* padlock */
422
+ content: "\f110";
423
+ /* human silhouette */
424
+ color: black;
425
+ filter: alpha(opacity=25);
426
+ /*IE 5-7*/
427
+ opacity: 0.25; }
428
+
429
+ /* Hidden from everyone except the current user and Super Admin. */
430
+ .ws_hidden_from_others_flag {
431
+ background-image: url("../images/font-awesome/eye-slash.png"); }
432
 
433
  /* These classes could be used to apply different styles to items depending on their flags */
 
 
 
 
 
434
  /************************************
435
  Toolbars
436
  *************************************/
 
437
  .ws_toolbar {
438
+ display: block;
439
+ -webkit-box-sizing: border-box;
440
+ -moz-box-sizing: border-box;
441
+ box-sizing: border-box;
442
+ width: 100%;
443
+ padding: 6px 6px 0 6px; }
 
 
 
444
 
445
  .ws_button {
446
+ display: block;
447
+ margin-right: 3px;
448
+ margin-bottom: 4px;
449
+ padding: 4px;
450
+ float: left;
451
+ -webkit-box-sizing: content-box;
452
+ -moz-box-sizing: content-box;
453
+ box-sizing: content-box;
454
+ width: 16px;
455
+ height: 16px;
456
+ border-radius: 3px;
457
+ -moz-border-radius: 3px;
458
+ -webkit-border-radius: 3px; }
459
+ .ws_button img {
460
+ vertical-align: top; }
461
 
462
  a.ws_button:hover {
463
+ background-color: #d0e0ff;
464
+ border-color: #9090c0; }
465
+
466
+ .ws_button.ws_button_disabled {
467
+ border-color: #ccc; }
468
+
469
+ a.ws_button.ws_button_disabled:hover {
470
+ background-color: white;
471
+ border: 1px solid #ccc; }
472
+
473
+ .ws_button_disabled img {
474
+ filter: grayscale(1);
475
+ -webkit-filter: grayscale(1);
476
+ opacity: 0.65; }
477
 
478
  .ws_separator {
479
+ float: left;
480
+ width: 5px; }
 
481
 
482
  /************************************
483
  Capability selector
484
  *************************************/
 
485
  select.ws_dropdown {
486
+ width: 252px;
487
+ height: 20em;
488
+ z-index: 1002;
489
+ position: absolute;
490
+ display: none;
491
+ font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
492
+ font-size: 12px; }
 
 
 
493
 
494
  select.ws_dropdown option {
495
+ font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
496
+ font-size: 12px;
497
+ padding: 3px; }
 
498
 
499
  select.ws_dropdown optgroup option {
500
+ padding-left: 10px; }
 
501
 
502
  /************************************
503
  Icon selector
504
  *************************************/
 
505
  #ws_icon_selector {
506
+ border: 1px solid silver;
507
+ border-radius: 3px;
508
+ background-color: white;
509
+ width: 216px;
510
+ padding: 2px;
511
+ position: absolute; }
 
512
 
513
  #ws_icon_selector.ws_with_more_icons {
514
+ width: 504px; }
 
515
 
516
  #ws_icon_selector .ws_icon_extra {
517
+ display: none; }
 
518
 
519
  #ws_icon_selector.ws_with_more_icons .ws_icon_extra {
520
+ display: inline-block; }
 
 
521
 
522
  #ws_icon_selector .ws_icon_option {
523
+ float: left;
524
+ height: 30px;
525
+ margin: 2px;
526
+ cursor: pointer;
527
+ border: 1px solid #bbb;
528
+ border-radius: 3px;
529
+ /* Gradients and colours cribbed from WP 3.5.1 button styles */
530
+ background: #f3f3f3;
531
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4));
532
+ background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
533
+ background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
534
+ background-image: -o-linear-gradient(top, #fefefe, #f4f4f4);
535
+ background-image: linear-gradient(to bottom, #fefefe, #f4f4f4); }
 
 
 
536
 
537
  #ws_icon_selector .ws_icon_option:hover {
538
+ /* Gradients and colours cribbed from WP 3.5.1 button styles */
539
+ border-color: #999;
540
+ background: #f3f3f3;
541
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
542
+ background-image: -webkit-linear-gradient(top, #fff, #f3f3f3);
543
+ background-image: -moz-linear-gradient(top, #fff, #f3f3f3);
544
+ background-image: -ms-linear-gradient(top, #fff, #f3f3f3);
545
+ background-image: -o-linear-gradient(top, #fff, #f3f3f3);
546
+ background-image: linear-gradient(to bottom, #fff, #f3f3f3); }
 
547
 
548
  #ws_icon_selector .ws_icon_option.ws_selected_icon {
549
+ border-color: green;
550
+ background-color: #deffca;
551
+ background-image: none; }
 
552
 
553
  #ws_icon_selector .icon16 {
554
+ float: none;
555
+ margin: 0; }
 
556
 
557
  #ws_icon_selector .ws_icon_option .ws_icon_image.dashicons {
558
+ width: 20px;
559
+ height: 20px;
560
+ padding: 5px; }
 
561
 
562
  #ws_icon_selector .ws_icon_option img {
563
+ display: inline-block;
564
+ margin: 0;
565
+ padding: 7px;
566
+ width: 16px;
567
+ height: 16px; }
 
 
568
 
569
  #ws_menu_editor .ws_edit_field-icon_url input.ws_field_value {
570
+ width: 220px;
571
+ margin-right: 5px; }
 
572
 
573
  /* The icon button that displays the pop-up icon selector. */
574
  #ws_menu_editor .ws_select_icon {
575
+ margin: 0;
576
+ padding: 0;
577
+ position: relative;
578
+ box-sizing: border-box;
579
+ height: 25px; }
 
 
580
 
581
  /* Current icon node (CSS class version, for the built-in WP icon sprites) */
582
  .ws_select_icon .icon16 {
583
+ margin: 0;
584
+ float: none;
585
+ padding: 3px;
586
+ /*
587
+ The default .icon16 style has a 6px padding which would normally make it too large
588
+ to fit in the button. We can't change the padding without making the background-position
589
+ look wrong, so lets offset the icon so that it fits.
590
+ */
591
+ position: relative;
592
+ top: -3px;
593
+ left: -3px; }
 
 
594
 
595
  /* Current icon node (image version) */
596
  .ws_select_icon img {
597
+ margin: 0;
598
+ padding: 4px;
599
+ width: 16px;
600
+ height: 16px; }
 
601
 
602
  /* MP6 admin style compatibility */
603
  #ws_icon_selector .ws_icon_option .icon16::before {
604
+ margin: 0;
605
+ padding: 0; }
606
+
607
  .ws_select_icon .icon16::before {
608
+ padding: 0;
609
+ margin: 1px 0 0 2px; }
 
610
 
611
  #ws_choose_icon_from_media {
612
+ margin: 2px; }
 
613
 
614
  #ws_show_more_icons {
615
+ margin: 2px;
616
+ height: 30px;
617
+ width: 68px; }
618
+
619
+ /************************************
620
+ Embedded page selector
621
+ *************************************/
622
+ #ws_embedded_page_selector {
623
+ width: 254px;
624
+ padding: 6px 0 0 0;
625
+ border: 1px solid silver;
626
+ border-radius: 3px;
627
+ background-color: white;
628
+ box-sizing: border-box;
629
+ position: absolute; }
630
+
631
+ .ws_page_selector_tab_nav {
632
+ list-style: outside none none;
633
+ padding: 0;
634
+ margin: 0 0 0 6px; }
635
+
636
+ .ws_page_selector_tab_nav li {
637
+ display: inline-block;
638
+ border: 1px solid transparent;
639
+ border-bottom-width: 0;
640
+ padding: 3px 5px 5px;
641
+ line-height: 1.35em;
642
+ margin-bottom: 0; }
643
+
644
+ .ws_page_selector_tab_nav a {
645
+ text-decoration: none; }
646
+
647
+ .ws_page_selector_tab_nav li.ui-tabs-active {
648
+ border-color: #dfdfdf;
649
+ background-color: #FDFDFD;
650
+ border-bottom-color: #FDFDFD; }
651
+
652
+ .ws_page_selector_tab_nav li.ui-tabs-active a {
653
+ color: #32373C; }
654
+
655
+ .ws_page_selector_tab {
656
+ border-top: 1px solid #DFDFDF;
657
+ padding: 12px;
658
+ /* The same padding as post editor boxes. */
659
+ margin-top: -1px;
660
+ background-color: #FDFDFD;
661
+ border-bottom-left-radius: 3px;
662
+ border-bottom-right-radius: 3px; }
663
+
664
+ #ws_current_site_pages {
665
+ width: 100%;
666
+ min-height: 150px;
667
+ max-height: 300px;
668
+ margin-left: 0;
669
+ margin-right: 0; }
670
+
671
+ #ws_embedded_page_selector input {
672
+ box-sizing: border-box;
673
+ max-width: 100%; }
674
+
675
+ #ws_custom_embedded_page_tab p:first-child {
676
+ margin-top: 0; }
677
 
678
+ /*
679
+ Make the "Page" field look editable. It is read-only because the user can't change it directly (they have to use
680
+ the dropdown), but we don't want it to be greyed-out.
681
+ */
682
+ #ws_menu_editor .ws_edit_field-embedded_page_id input.ws_field_value {
683
+ background-color: white; }
684
 
685
  /************************************
686
  Menu color picker
687
  *************************************/
 
688
  #ws-ame-menu-color-settings {
689
+ background: white;
690
+ display: none; }
 
691
 
692
  #ame-menu-color-list {
693
+ height: 500px;
694
+ overflow-y: auto; }
 
695
 
696
  .ame-menu-color-column {
697
+ min-width: 460px; }
 
698
 
699
  .ame-menu-color-name {
700
+ display: inline-block;
701
+ vertical-align: top;
702
+ padding-top: 2px;
703
+ line-height: 1.3;
704
+ font-size: 14px;
705
+ font-weight: 600;
706
+ min-width: 180px; }
 
 
 
707
 
708
  .ame-color-option {
709
+ padding: 10px 0; }
 
710
 
711
  .ame-advanced-menu-color {
712
+ display: none; }
 
713
 
714
+ #ws-ame-apply-colors-to-all {
715
+ display: block;
716
+ float: left;
717
+ margin-left: 5px; }
718
 
719
+ /* Color presets */
720
+ #ame-color-preset-container {
721
+ padding: 0 8px 8px 8px;
722
+ margin-left: -8px;
723
+ margin-right: -8px;
724
+ margin-bottom: 4px;
725
+ border-bottom: 1px solid #eee; }
726
 
727
+ #ame-menu-color-presets {
728
+ width: 290px;
729
+ margin-right: 5px; }
730
 
731
+ #ws-ame-save-color-preset {
732
+ /*margin-right: 5px;*/ }
 
 
733
 
734
+ a#ws-ame-delete-color-preset {
735
+ color: #A00;
736
+ text-decoration: none; }
 
737
 
738
+ a#ws-ame-delete-color-preset:hover {
739
+ color: #F00; }
740
+
741
+ /* Color scheme display in the editor widget. */
742
+ .ws_color_scheme_display {
743
+ display: inline-block;
744
+ height: 20px;
745
+ width: 186px;
746
+ margin-right: 5px;
747
+ padding: 2px 3px;
748
+ font-size: 12px;
749
+ border: 1px solid #ddd;
750
+ background: white;
751
+ cursor: pointer; }
752
+
753
+ .ws_color_display_item {
754
+ display: inline-block;
755
+ width: 18px;
756
+ height: 18px;
757
+ margin-right: 4px;
758
+ border: 1px solid #ccc;
759
+ border-radius: 3px; }
760
 
761
  .ws_color_display_item:last-child {
762
+ margin-right: 0; }
 
763
 
764
  /************************************
765
  Export and import
766
  *************************************/
 
767
  #export_dialog, #import_dialog {
768
+ display: none; }
 
769
 
770
  .ui-widget-overlay {
771
+ background-color: black;
772
+ position: fixed;
773
+ left: 0;
774
+ top: 0;
775
+ opacity: 0.70;
776
+ -moz-opacity: 0.70;
777
+ filter: alpha(opacity=70);
778
+ width: 100%;
779
+ height: 100%; }
 
 
780
 
781
  .ui-front {
782
+ z-index: 10000; }
 
783
 
784
  .ui-dialog {
785
+ background: white;
786
+ border: 1px solid #c0c0c0;
787
+ padding: 0;
788
+ -moz-border-radius: 5px;
789
+ -webkit-border-radius: 5px;
790
+ border-radius: 5px; }
 
 
 
791
 
792
  .ui-dialog-titlebar {
793
+ display: block;
794
+ height: 22px;
795
+ margin: 0;
796
+ padding: 4px 4px 4px 8px;
797
+ background-color: #86A7E3;
798
+ font-size: 1.0em;
799
+ line-height: 22px;
800
+ -webkit-border-top-left-radius: 4px;
801
+ -webkit-border-top-right-radius: 4px;
802
+ -moz-border-radius-topleft: 4px;
803
+ -moz-border-radius-topright: 4px;
804
+ border-top-left-radius: 4px;
805
+ border-top-right-radius: 4px;
806
+ border-bottom: 1px solid #809fd9; }
 
 
 
 
 
 
807
 
808
  .ui-dialog-title {
809
+ color: white;
810
+ font-weight: bold; }
 
811
 
812
  .ui-dialog-titlebar-close {
813
+ background: #86A7E3 url(../images/x.png) no-repeat center;
814
+ width: 22px;
815
+ height: 22px;
816
+ display: block;
817
+ float: right;
818
+ color: white;
819
+ border-radius: 3px;
820
+ -moz-border-radius: 3px;
821
+ -webkit-border-radius: 3px; }
 
 
822
 
823
  .ui-dialog-titlebar-close:hover {
824
+ /*background-image: url(../images/x-light.png);*/
825
+ background-color: #a6c2f5; }
 
 
 
 
 
826
 
827
  .ui-dialog-content {
828
+ padding: 8px 8px 8px 8px;
829
+ font-size: 1.1em; }
 
830
 
831
  #export_dialog .ws_dialog_panel {
832
+ height: 50px; }
 
833
 
834
  #import_dialog .ws_dialog_panel {
835
+ height: 64px; }
 
836
 
837
  .ws_dialog_buttons {
838
+ /*height: 30px;*/
839
+ text-align: right;
840
+ margin-top: 20px;
841
+ margin-bottom: 1px;
842
+ clear: both; }
 
843
 
844
  .ws_dialog_buttons .button-primary {
845
+ display: block;
846
+ float: left;
847
+ margin-top: 0; }
 
848
 
849
  .ws_dialog_buttons .button {
850
+ margin-top: 0; }
 
851
 
852
  .ws_dialog_buttons.ame-vertical-button-list {
853
+ text-align: left; }
 
854
 
855
  .ws_dialog_buttons.ame-vertical-button-list .button-primary {
856
+ float: none; }
 
857
 
858
  .ws_dialog_buttons.ame-vertical-button-list .button {
859
+ width: 100%;
860
+ text-align: left;
861
+ margin-bottom: 10px; }
 
862
 
863
  .ws_dialog_buttons.ame-vertical-button-list .button:last-child {
864
+ margin-bottom: 0; }
 
865
 
866
  #import_file_selector {
867
+ display: block;
868
+ width: 286px;
869
+ margin: 6px auto 12px; }
 
 
870
 
871
  #ws_start_import {
872
+ min-width: 100px; }
 
873
 
874
  #import_complete_notice {
875
+ text-align: center;
876
+ font-size: large;
877
+ padding-top: 25px; }
 
878
 
879
  #ws_import_error_response {
880
+ width: 100%; }
 
881
 
882
  .ws_dont_show_again {
883
+ display: inline-block;
884
+ margin-top: 1em; }
 
885
 
886
  /************************************
887
  Menu access editor
888
  *************************************/
 
889
  /* The launch button */
890
+ #ws_menu_editor .ws_edit_field-access_level input.ws_field_value {
891
+ width: 190px;
892
+ margin-right: 5px; }
 
 
893
 
894
  .ws_launch_access_editor {
895
+ min-width: 40px; }
 
896
 
897
  #ws_menu_access_editor {
898
+ width: 400px;
899
+ display: none; }
 
900
 
901
  .ws_dialog_subpanel {
902
+ margin-bottom: 1em; }
 
903
 
904
+ #ws_menu_access_editor .ws_column_access,
905
+ #ws_menu_access_editor .ws_ext_action_check_column {
906
+ text-align: center;
907
+ width: 1em;
908
+ padding-right: 0; }
909
+
910
+ #ws_menu_access_editor .ws_column_access input,
911
+ #ws_menu_access_editor .ws_ext_action_check_column input {
912
+ margin-right: 0; }
913
+
914
+ #ws_menu_access_editor .ws_column_role {
915
+ white-space: nowrap; }
916
 
917
  #ws_role_table_body_container {
918
+ /*max-height: 400px;
919
+ overflow: auto;*/
920
+ overflow: hidden;
921
+ margin-right: -1px; }
922
 
923
  .ws_role_table_body {
924
+ margin-top: 2px;
925
+ max-width: 354px; }
926
 
927
  .ws_has_separate_header .ws_role_table_header {
928
+ border-bottom: none;
929
+ -moz-border-radius-bottomleft: 0;
930
+ -moz-border-radius-bottomright: 0;
931
+ -webkit-border-bottom-left-radius: 0;
932
+ -webkit-border-bottom-right-radius: 0;
933
+ border-bottom-left-radius: 0;
934
+ border-bottom-right-radius: 0; }
 
 
935
 
936
  .ws_has_separate_header .ws_role_table_body {
937
+ border-top: none;
938
+ margin-top: 0;
939
+ -moz-border-radius-topleft: 0;
940
+ -moz-border-radius-topright: 0;
941
+ -webkit-border-top-left-radius: 0;
942
+ -webkit-border-top-right-radius: 0;
943
+ border-top-left-radius: 0;
944
+ border-top-right-radius: 0; }
 
 
945
 
946
  .ws_role_id {
947
+ display: none; }
 
948
 
949
  #ws_extra_capability {
950
+ width: 100%; }
 
951
 
952
  #ws_role_access_container {
953
+ position: relative;
954
+ max-height: 430px;
955
+ overflow: auto; }
956
 
957
  #ws_role_access_overlay {
958
+ width: 100%;
959
+ height: 100%;
960
+ position: absolute;
961
+ line-height: 100%;
962
+ background: white;
963
+ filter: alpha(opacity=60);
964
+ opacity: 0.6;
965
+ -moz-opacity: 0.6;
966
+ -khtml-opacity: 0.6; }
 
 
 
967
 
968
  #ws_role_access_overlay_content {
969
+ position: absolute;
970
+ width: 50%;
971
+ left: 22%;
972
+ top: 30%;
973
+ background: white;
974
+ padding: 8px;
975
+ border: 2px solid silver;
976
+ border-radius: 5px;
977
+ color: #555; }
 
 
 
978
 
979
  #ws_menu_access_editor div.error {
980
+ margin-left: 0;
981
+ margin-right: 0;
982
+ margin-bottom: 5px; }
 
983
 
984
  #ws_hardcoded_role_error {
985
+ display: none; }
 
986
 
987
+ /*--------------------------------------------*
988
+ The CPT/taxonomy permissions panel
989
+ *--------------------------------------------*/
990
+ /*
991
+ * When there are CPT/taxonomy permissions available, the appearance of the role list changes a bit.
992
+ */
993
+ .ws_has_extended_permissions {
994
+ /* The role or actor whose CPT/taxonomy permissions are currently expanded. */ }
995
+ .ws_has_extended_permissions .ws_role_table_body .ws_column_role {
996
+ cursor: pointer; }
997
+ .ws_has_extended_permissions .ws_role_table_body .ws_column_selected_role_tip {
998
+ display: table-cell; }
999
+ .ws_has_extended_permissions .ws_role_table_body tr:hover {
1000
+ background: #EAF2FA; }
1001
+ .ws_has_extended_permissions .ws_role_table_body td {
1002
+ border-top: 1px solid #f1f1f1; }
1003
+ .ws_has_extended_permissions .ws_role_table_body tr:first-child td {
1004
+ border-top-width: 0; }
1005
+ .ws_has_extended_permissions .ws_role_table_body tr.ws_cpt_selected_role {
1006
+ background-color: #dddddd; }
1007
+ .ws_has_extended_permissions .ws_role_table_body tr.ws_cpt_selected_role .ws_column_role {
1008
+ font-weight: bold; }
1009
+ .ws_has_extended_permissions .ws_role_table_body tr.ws_cpt_selected_role .ws_cpt_selected_role_tip {
1010
+ visibility: visible; }
1011
+ .ws_has_extended_permissions .ws_role_table_body tr.ws_cpt_selected_role td {
1012
+ color: #222; }
1013
+
1014
+ #ws_ext_permissions_container {
1015
+ float: left;
1016
+ width: 352px;
1017
+ padding: 0 9px 0 0; }
1018
+
1019
+ #ws_ext_permissions_container_caption {
1020
+ padding-left: 15px;
1021
+ max-width: 352px;
1022
+ position: relative;
1023
+ white-space: nowrap; }
1024
+
1025
+ #ws_ext_permissions_container .ws_ext_permissions_table {
1026
+ margin-top: 2px; }
1027
+ #ws_ext_permissions_container .ws_ext_permissions_table tr td:first-child {
1028
+ padding-left: 15px; }
1029
+ #ws_ext_permissions_container .ws_ext_permissions_table .ws_ext_group_title {
1030
+ padding-bottom: 0;
1031
+ font-weight: bold; }
1032
+ #ws_ext_permissions_container .ws_ext_permissions_table .ws_ext_action_check_column,
1033
+ #ws_ext_permissions_container .ws_ext_permissions_table .ws_ext_action_name_column {
1034
+ padding-top: 3px;
1035
+ padding-bottom: 3px; }
1036
+ #ws_ext_permissions_container .ws_ext_permissions_table tr.ws_ext_padding_row td {
1037
+ padding: 0 0 0 0;
1038
+ height: 1px; }
1039
+ #ws_ext_permissions_container .ws_ext_permissions_table .ws_same_as_required_cap {
1040
+ text-decoration: underline; }
1041
+ #ws_ext_permissions_container .ws_ext_permissions_table .ws_ext_has_custom_setting label.ws_ext_action_name::after {
1042
+ content: " *"; }
1043
+
1044
+ #ws_ext_permissions_container #ws_ext_toggle_capability_names {
1045
+ cursor: pointer;
1046
+ position: absolute;
1047
+ right: 0;
1048
+ color: #0073aa; }
1049
+ #ws_ext_permissions_container.ws_ext_readable_names_enabled #ws_ext_toggle_capability_names {
1050
+ color: #b4b9be; }
1051
+ #ws_ext_permissions_container .ws_ext_readable_name {
1052
+ display: none; }
1053
+ #ws_ext_permissions_container .ws_ext_capability {
1054
+ display: inline; }
1055
+ #ws_ext_permissions_container.ws_ext_readable_names_enabled .ws_ext_readable_name {
1056
+ display: inline; }
1057
+ #ws_ext_permissions_container.ws_ext_readable_names_enabled .ws_ext_capability {
1058
+ display: none; }
1059
+
1060
+ #ws_ext_permissions_container #ws_taxonomy_permissions_table tr:first-child td {
1061
+ padding-top: 8px; }
1062
+
1063
+ /* The "selected role" indicator. */
1064
+ .ws_cpt_selected_role_tip {
1065
+ display: block;
1066
+ visibility: hidden;
1067
+ box-sizing: border-box;
1068
+ width: 26px;
1069
+ height: 26px;
1070
+ position: absolute;
1071
+ right: 0;
1072
+ background: white;
1073
+ transform: translate(1px, 0) rotate(-45deg);
1074
+ transform-origin: top right; }
1075
+
1076
+ .ws_role_table_body .ws_column_selected_role_tip {
1077
+ display: none;
1078
+ padding: 0;
1079
+ width: 40px;
1080
+ height: 100%;
1081
+ text-align: right;
1082
+ overflow: visible;
1083
+ position: relative;
1084
+ cursor: pointer; }
1085
+
1086
+ .ws_ame_breadcrumb_separator {
1087
+ color: #999; }
1088
+
1089
+ #ws_menu_editor .ws_ext_permissions_indicator {
1090
+ font-size: 16px;
1091
+ height: 16px;
1092
+ width: 16px;
1093
+ visibility: hidden;
1094
+ vertical-align: bottom;
1095
+ cursor: pointer;
1096
+ color: #4aa100; }
1097
+
1098
+ #ws_menu_editor.ws_is_actor_view .ws_ext_permissions_indicator {
1099
+ visibility: visible; }
1100
 
1101
  /************************************
1102
+ Visible users dialog
1103
  *************************************/
1104
+ #ws_visible_users_dialog {
1105
+ background: white;
1106
+ padding: 8px; }
1107
+
1108
+ #ws_user_selection_panels {
1109
+ min-width: 710px; }
1110
+ #ws_user_selection_panels .ws_user_selection_panel {
1111
+ display: block;
1112
+ float: left;
1113
+ position: relative;
1114
+ -webkit-box-sizing: border-box;
1115
+ -moz-box-sizing: border-box;
1116
+ box-sizing: border-box;
1117
+ width: 350px;
1118
+ height: 400px;
1119
+ border: 1px solid #e5e5e5;
1120
+ margin-right: 10px;
1121
+ padding: 10px; }
1122
+ #ws_user_selection_panels #ws_user_selection_target_panel {
1123
+ margin-right: 0; }
1124
+ #ws_user_selection_panels #ws_available_user_query {