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 {
1125
+ -webkit-box-sizing: border-box;
1126
+ -moz-box-sizing: border-box;
1127
+ box-sizing: border-box;
1128
+ width: 100%;
1129
+ max-height: 28px; }
1130
+ #ws_user_selection_panels .ws_user_list_wrapper {
1131
+ position: absolute;
1132
+ top: 50px;
1133
+ left: 10px;
1134
+ right: 10px;
1135
+ height: 338px;
1136
+ overflow-x: auto;
1137
+ overflow-y: auto; }
1138
+ #ws_user_selection_panels .ws_user_selection_list {
1139
+ min-height: 20px;
1140
+ border-width: 0;
1141
+ -webkit-box-shadow: none;
1142
+ -moz-box-shadow: none;
1143
+ box-shadow: none; }
1144
+ #ws_user_selection_panels .ws_user_selection_list .ws_user_action_column {
1145
+ width: 20px;
1146
+ text-align: center;
1147
+ padding-top: 9px;
1148
+ padding-bottom: 0; }
1149
+ #ws_user_selection_panels .ws_user_selection_list .ws_user_action_button {
1150
+ cursor: pointer;
1151
+ color: #b4b9be; }
1152
+ #ws_user_selection_panels .ws_user_selection_list .ws_user_username_column {
1153
+ padding-left: 0; }
1154
+ #ws_user_selection_panels .ws_user_selection_list .ws_user_display_name_column {
1155
+ white-space: nowrap; }
1156
+ #ws_user_selection_panels #ws_available_users tr {
1157
+ cursor: pointer; }
1158
+ #ws_user_selection_panels #ws_available_users tr:hover, #ws_user_selection_panels #ws_available_users tr.ws_user_best_match {
1159
+ background-color: #eaf2fa; }
1160
+ #ws_user_selection_panels #ws_available_users tr:hover .ws_user_action_button {
1161
+ color: #7ad03a; }
1162
+ #ws_user_selection_panels #ws_selected_users .ws_user_action_button::before {
1163
+ content: "\f158"; }
1164
+ #ws_user_selection_panels #ws_selected_users .ws_user_action_button:hover {
1165
+ color: #dd3d36; }
1166
+ #ws_user_selection_panels #ws_selected_users .ws_user_action_column {
1167
+ padding-left: 6px; }
1168
+ #ws_user_selection_panels #ws_selected_users .ws_user_display_name_column {
1169
+ display: none; }
1170
+ #ws_user_selection_panels #ws_selected_users tr.ws_is_current_user .ws_user_action_button {
1171
+ display: none; }
1172
+ #ws_user_selection_panels #ws_selected_users_caption {
1173
+ font-size: 14px;
1174
+ line-height: 1.4em;
1175
+ padding: 7px 10px;
1176
+ color: #555;
1177
+ font-weight: 600; }
1178
+ #ws_user_selection_panels::after {
1179
+ display: block;
1180
+ height: 1px;
1181
+ visibility: hidden;
1182
+ content: ' ';
1183
+ clear: both; }
1184
+
1185
+ #ws_loading_users_indicator {
1186
+ position: absolute;
1187
+ right: 10px;
1188
+ bottom: 10px;
1189
+ margin-right: 0;
1190
+ margin-bottom: 0; }
1191
1192
+ /************************************
1193
+ Menu deletion error
1194
+ *************************************/
1195
#ws-ame-menu-deletion-error {
1196
+ max-width: 400px; }
1197
1198
/************************************
1199
Tooltips and hints
1200
*************************************/
1201
.ws_tooltip_trigger {
1202
+ cursor: pointer; }
1203
1204
.ws_tooltip_content_list {
1205
+ list-style: disc;
1206
+ margin-left: 1em;
1207
+ margin-bottom: 0; }
1208
1209
+ .ws_tooltip_node {
1210
+ font-size: 13px;
1211
+ line-height: 1.3;
1212
+ border-radius: 3px;
1213
+ max-width: 300px; }
1214
1215
+ #ws_plugin_settings_form .ws_tooltip_trigger .dashicons {
1216
+ font-size: 18px; }
1217
1218
+ .ws_wide_tooltip {
1219
+ max-width: 450px; }
1220
1221
+ .ws_hint {
1222
+ background: #FFFFE0;
1223
+ border: 1px solid #E6DB55;
1224
+ margin-bottom: 0.5em;
1225
+ border-radius: 3px;
1226
+ position: relative;
1227
+ padding-right: 20px; }
1228
1229
+ .ws_hint_close {
1230
+ border: 1px solid #E6DB55;
1231
+ border-right: none;
1232
+ border-top: none;
1233
+ color: #dcc500;
1234
+ font-weight: bold;
1235
+ cursor: pointer;
1236
+ width: 18px;
1237
+ text-align: center;
1238
+ border-radius: 3px;
1239
+ position: absolute;
1240
+ right: 0;
1241
+ top: 0; }
1242
1243
.ws_hint_close:hover {
1244
+ background-color: #ffef4c;
1245
+ border-color: #e0b900;
1246
+ color: black; }
1247
1248
.ws_hint_content {
1249
+ padding: 0.4em 0 0.4em 0.4em; }
1250
1251
.ws_hint_content ul {
1252
+ list-style: disc;
1253
+ list-style-position: inside;
1254
+ margin-left: 0.5em; }
1255
1256
/************************************
1257
Copy Permissions dialog
1258
*************************************/
1259
#ws-ame-copy-permissions-dialog select {
1260
+ min-width: 280px; }
1261
1262
#ws_sidebar_pro_ad {
1263
+ min-width: 225px;
1264
+ margin-top: 5px;
1265
+ margin-left: 3px;
1266
+ position: fixed;
1267
+ right: 20px;
1268
+ bottom: 40px;
1269
+ z-index: 100; }
1270
1271
.test-wrap {
1272
+ background-color: #444444;
1273
+ padding: 30px; }
1274
1275
.test-container {
1276
+ width: 400px;
1277
+ height: 200px;
1278
+ background-color: white;
1279
+ border: 1px solid black;
1280
+ border-radius: 10px;
1281
+ overflow: hidden; }
1282
1283
.test-header {
1284
+ background-color: #67d6ff;
1285
+ padding: 6px;
1286
+ border-top-left-radius: 8px;
1287
+ border-top-right-radius: 8px; }
1288
1289
.test-content {
1290
+ padding: 8px; }
1291
+
1292
+ /*# sourceMappingURL=menu-editor.css.map */
css/menu-editor.scss ADDED
@@ -0,0 +1,1793 @@