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 tonull
, 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 | ![]() |
Version | 1.5 |
Comparing to | |
See all releases |
Code changes from version 1.4.5 to 1.5
- css/admin.css +22 -0
- css/menu-editor.css +908 -734
- css/menu-editor.scss +1793 -0
- css/style-classic.css +30 -7
- css/style-modern-one.css +182 -0
- css/style-modern-one.scss +336 -0
- images/font-awesome/angle-double-down.png +0 -0
- images/font-awesome/eye-slash-color.png +0 -0
- images/font-awesome/eye-slash.png +0 -0
- images/font-awesome/readme.txt +10 -0
- images/page-invisible.png +0 -0
- images/submenu-tip.png +0 -0
- includes/access-editor-dialog.php +0 -85
- includes/consistency-check.php +1 -1
- includes/editor-page.php +129 -23
- includes/menu-editor-core.php +716 -162
- includes/menu-item.php +40 -13
- includes/menu.php +108 -11
- includes/role-utils.php +1 -2
- includes/settings-page.php +68 -6
- js/admin-helpers.js +18 -3
- js/lodash.js +12557 -0
- js/lodash.min.js +102 -0
- js/menu-editor.js +1826 -429
- js/menu-highlight-fix.js +3 -1
- menu-editor.php +1 -1
- modules/access-editor/access-editor-template.php +201 -0
- modules/access-editor/access-editor.js +491 -0
- readme.txt +31 -3
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 |
-
|
5 |
-
}
|
6 |
|
7 |
.ws_main_container {
|
8 |
-
|
9 |
-
|
10 |
-
|
11 |
-
|
12 |
-
|
13 |
-
|
14 |
-
|
15 |
-
|
16 |
-
|
17 |
-
-moz-border-radius: 3px;
|
18 |
-
-webkit-border-radius: 3px;
|
19 |
-
}
|
20 |
|
21 |
.ws_box {
|
22 |
-
|
23 |
-
|
24 |
-
|
25 |
-
padding-top: 2px;
|
26 |
-
}
|
27 |
|
28 |
.ws_basic_container {
|
29 |
-
|
30 |
-
|
31 |
-
}
|
32 |
-
|
33 |
-
#ws_menu_box {
|
34 |
-
}
|
35 |
-
|
36 |
-
#ws_submenu_box {
|
37 |
-
}
|
38 |
|
39 |
.ws_dropzone {
|
40 |
-
|
41 |
-
|
42 |
-
|
43 |
-
|
44 |
-
|
45 |
-
|
46 |
-
height: 31px;
|
47 |
-
}
|
48 |
|
49 |
.ws_dropzone_active,
|
50 |
.ws_dropzone_hover,
|
51 |
.ws_top_to_submenu_drop_hover .ws_dropzone {
|
52 |
-
|
53 |
-
}
|
54 |
|
55 |
.ws_dropzone_hover,
|
56 |
.ws_top_to_submenu_drop_hover .ws_dropzone {
|
57 |
-
|
58 |
-
}
|
59 |
|
60 |
/*************************************************
|
61 |
Actor UI
|
62 |
*************************************************/
|
63 |
#ws_actor_selector li:after {
|
64 |
-
|
65 |
-
}
|
66 |
|
67 |
#ws_actor_selector li:last-child:after {
|
68 |
-
|
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
|
76 |
-
|
77 |
-
|
78 |
-
|
79 |
-
|
80 |
-
|
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 |
-
|
86 |
-
}
|
87 |
|
88 |
#ws_menu_editor.ws_is_actor_view .ws_actor_access_checkbox {
|
89 |
-
|
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 |
-
|
96 |
-
}
|
97 |
|
98 |
.ws_is_actor_view .ws_is_hidden_for_actor .ws_item_title {
|
99 |
-
|
100 |
-
}
|
101 |
|
102 |
/*
|
103 |
* The sidebar
|
104 |
*/
|
105 |
-
|
106 |
#ws_editor_sidebar {
|
107 |
-
|
108 |
-
|
109 |
-
}
|
110 |
|
111 |
#ws_menu_editor .ws_main_button {
|
112 |
-
|
113 |
-
|
114 |
-
|
115 |
-
|
116 |
-
}
|
117 |
|
118 |
#ws_menu_editor #ws_save_menu {
|
119 |
-
|
120 |
-
}
|
121 |
|
122 |
#ws_menu_editor #ws_export_menu {
|
123 |
-
|
124 |
-
|
|
|
|
|
125 |
|
126 |
/*
|
127 |
* Menu components and widgets
|
128 |
*/
|
129 |
-
|
130 |
.ws_container {
|
131 |
-
|
132 |
-
|
133 |
-
|
134 |
-
|
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 |
-
|
147 |
-
}
|
148 |
-
|
149 |
|
150 |
.ws_item_head {
|
151 |
-
|
152 |
-
}
|
153 |
|
154 |
.ws_item_title {
|
155 |
-
|
156 |
-
|
157 |
-
|
158 |
-
|
|
|
159 |
|
160 |
.ws_edit_link {
|
161 |
-
|
162 |
-
|
163 |
-
|
164 |
-
|
165 |
-
|
166 |
-
|
167 |
-
|
168 |
-
|
169 |
-
|
170 |
-
|
171 |
-
}
|
172 |
-
|
173 |
-
.ws_edit_link_expanded { }
|
174 |
-
|
175 |
|
176 |
.ws_menu_drop_hover {
|
177 |
-
|
178 |
-
}
|
179 |
|
180 |
.ws_container.ui-sortable-helper * {
|
181 |
-
|
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:
|
201 |
-
border-bottom:
|
202 |
-
background:
|
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 |
-
|
219 |
-
|
220 |
-
|
221 |
-
|
222 |
-
|
223 |
-
|
224 |
-
|
225 |
-
|
226 |
-
|
227 |
-
-webkit-border-radius: 2px;
|
228 |
-
-webkit-border-top-right-radius: 0;
|
229 |
-
}
|
230 |
|
231 |
.ws_edit_panel {
|
232 |
-
|
233 |
-
|
234 |
-
|
235 |
-
}
|
236 |
|
237 |
.ws_edit_field {
|
238 |
-
|
239 |
-
|
240 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
241 |
|
242 |
.ws_edit_field-custom {
|
243 |
-
|
244 |
-
|
|
|
|
|
|
|
|
|
|
|
245 |
|
246 |
/* The reset-to-default button */
|
247 |
.ws_reset_button {
|
248 |
-
|
249 |
-
|
250 |
-
|
251 |
-
|
252 |
-
|
253 |
-
|
254 |
-
|
255 |
-
|
256 |
-
|
257 |
-
|
258 |
-
vertical-align: top;
|
259 |
-
|
260 |
-
background: url("../images/pencil_delete_gray.png") no-repeat center;
|
261 |
-
}
|
262 |
|
263 |
.ws_reset_button:hover {
|
264 |
-
|
265 |
-
}
|
266 |
|
267 |
.ws_input_default input,
|
268 |
.ws_input_default select,
|
269 |
.ws_input_default .ws_color_scheme_display {
|
270 |
-
|
271 |
-
}
|
272 |
|
273 |
/* No reset button for fields set to the default value and fields without a default value */
|
274 |
-
.ws_input_default
|
275 |
.ws_has_no_default .ws_reset_button {
|
276 |
-
|
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 |
-
|
283 |
-
|
284 |
-
|
285 |
-
|
286 |
-
|
287 |
-
|
288 |
-
|
|
|
289 |
|
290 |
#ws_menu_editor .ws_edit_field label {
|
291 |
-
|
292 |
-
|
293 |
-
}
|
294 |
|
295 |
#ws_menu_editor .ws_edit_field-custom input[type="checkbox"] {
|
296 |
-
|
297 |
-
}
|
298 |
|
299 |
#ws_menu_editor input[type="text"].ws_field_value {
|
300 |
-
|
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 |
-
|
308 |
-
|
309 |
-
|
310 |
-
|
311 |
-
|
312 |
-
|
313 |
-
|
314 |
-
|
315 |
-
|
316 |
-
|
317 |
-
|
318 |
-
|
319 |
-
|
320 |
-
|
321 |
-
|
322 |
-
|
323 |
-
|
324 |
-
|
325 |
-
|
326 |
-
|
327 |
-
|
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 |
-
|
337 |
-
|
338 |
-
}
|
339 |
|
340 |
#ws_menu_editor .ws_dropdown_button {
|
341 |
-
|
342 |
-
|
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 |
-
|
353 |
-
|
354 |
-
|
355 |
-
|
356 |
-
|
357 |
-
|
358 |
-
|
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 |
-
|
367 |
-
|
368 |
-
|
369 |
-
}
|
370 |
|
371 |
#ws_menu_editor .ws_has_dropdown input.ws_field_value {
|
372 |
-
|
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 |
-
|
378 |
-
}
|
379 |
|
380 |
/*
|
381 |
* "Show/hide advanced fields"
|
382 |
*/
|
383 |
.ws_toggle_container {
|
384 |
-
|
385 |
-
|
386 |
-
}
|
387 |
|
388 |
.ws_toggle_advanced_fields {
|
389 |
-
|
390 |
-
|
391 |
-
|
392 |
-
}
|
393 |
|
394 |
.ws_toggle_advanced_fields:visited, .ws_toggle_advanced_fields:active {
|
395 |
-
|
396 |
-
}
|
397 |
|
398 |
.ws_toggle_advanced_fields:hover {
|
399 |
-
|
400 |
-
|
401 |
-
}
|
402 |
|
403 |
/************************************
|
404 |
Menu flags
|
405 |
*************************************/
|
406 |
-
|
407 |
.ws_flag_container {
|
408 |
-
|
409 |
-
|
410 |
-
|
411 |
-
}
|
412 |
|
413 |
.ws_flag {
|
414 |
-
|
415 |
-
|
416 |
-
|
417 |
-
|
418 |
-
|
419 |
-
|
420 |
-
}
|
421 |
|
422 |
/* user-created items */
|
423 |
.ws_custom_flag {
|
424 |
-
|
425 |
-
}
|
426 |
|
427 |
/* unused items - those that are in the default menu but not in the custom one */
|
428 |
.ws_unused_flag {
|
429 |
-
|
430 |
-
}
|
431 |
|
432 |
/* hidden items */
|
433 |
.ws_hidden_flag {
|
434 |
-
|
435 |
-
}
|
436 |
|
437 |
/* items with custom permissions for the selected actor */
|
438 |
.ws_custom_actor_permissions_flag {
|
439 |
-
|
440 |
-
}
|
441 |
-
.ws_custom_actor_permissions_flag::before {
|
442 |
-
/*content: "\f160";*/ /* padlock */
|
443 |
-
content: "\f110"; /* human silhouette */
|
444 |
-
color: black;
|
445 |
|
446 |
-
|
447 |
-
|
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 |
-
|
462 |
-
|
463 |
-
|
464 |
-
|
465 |
-
|
466 |
-
|
467 |
-
padding-left: 6px;
|
468 |
-
padding-top: 6px;
|
469 |
-
}
|
470 |
|
471 |
.ws_button {
|
472 |
-
|
473 |
-
|
474 |
-
|
475 |
-
|
476 |
-
|
477 |
-
|
478 |
-
|
479 |
-
|
480 |
-
|
481 |
-
|
482 |
-
|
483 |
-
|
|
|
|
|
|
|
484 |
|
485 |
a.ws_button:hover {
|
486 |
-
|
487 |
-
|
488 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
489 |
|
490 |
.ws_separator {
|
491 |
-
|
492 |
-
|
493 |
-
}
|
494 |
|
495 |
/************************************
|
496 |
Capability selector
|
497 |
*************************************/
|
498 |
-
|
499 |
select.ws_dropdown {
|
500 |
-
|
501 |
-
|
502 |
-
|
503 |
-
|
504 |
-
|
505 |
-
|
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 |
-
|
513 |
-
|
514 |
-
|
515 |
-
}
|
516 |
|
517 |
select.ws_dropdown optgroup option {
|
518 |
-
|
519 |
-
}
|
520 |
|
521 |
/************************************
|
522 |
Icon selector
|
523 |
*************************************/
|
524 |
-
|
525 |
#ws_icon_selector {
|
526 |
-
|
527 |
-
|
528 |
-
|
529 |
-
|
530 |
-
|
531 |
-
|
532 |
-
}
|
533 |
|
534 |
#ws_icon_selector.ws_with_more_icons {
|
535 |
-
|
536 |
-
}
|
537 |
|
538 |
#ws_icon_selector .ws_icon_extra {
|
539 |
-
|
540 |
-
}
|
541 |
|
542 |
#ws_icon_selector.ws_with_more_icons .ws_icon_extra {
|
543 |
-
|
544 |
-
}
|
545 |
-
|
546 |
|
547 |
#ws_icon_selector .ws_icon_option {
|
548 |
-
|
549 |
-
|
550 |
-
|
551 |
-
|
552 |
-
|
553 |
-
|
554 |
-
|
555 |
-
|
556 |
-
|
557 |
-
|
558 |
-
|
559 |
-
|
560 |
-
|
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 |
-
|
567 |
-
|
568 |
-
|
569 |
-
|
570 |
-
|
571 |
-
|
572 |
-
|
573 |
-
|
574 |
-
|
575 |
-
}
|
576 |
|
577 |
#ws_icon_selector .ws_icon_option.ws_selected_icon {
|
578 |
-
|
579 |
-
|
580 |
-
|
581 |
-
}
|
582 |
|
583 |
#ws_icon_selector .icon16 {
|
584 |
-
|
585 |
-
|
586 |
-
}
|
587 |
|
588 |
#ws_icon_selector .ws_icon_option .ws_icon_image.dashicons {
|
589 |
-
|
590 |
-
|
591 |
-
|
592 |
-
}
|
593 |
|
594 |
#ws_icon_selector .ws_icon_option img {
|
595 |
-
|
596 |
-
|
597 |
-
|
598 |
-
|
599 |
-
|
600 |
-
height: 16px;
|
601 |
-
}
|
602 |
|
603 |
#ws_menu_editor .ws_edit_field-icon_url input.ws_field_value {
|
604 |
-
|
605 |
-
|
606 |
-
}
|
607 |
|
608 |
/* The icon button that displays the pop-up icon selector. */
|
609 |
#ws_menu_editor .ws_select_icon {
|
610 |
-
|
611 |
-
|
612 |
-
|
613 |
-
|
614 |
-
|
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 |
-
|
621 |
-
|
622 |
-
|
623 |
-
|
624 |
-
|
625 |
-
|
626 |
-
|
627 |
-
|
628 |
-
|
629 |
-
|
630 |
-
|
631 |
-
left: -3px;
|
632 |
-
}
|
633 |
|
634 |
/* Current icon node (image version) */
|
635 |
.ws_select_icon img {
|
636 |
-
|
637 |
-
|
638 |
-
|
639 |
-
|
640 |
-
}
|
641 |
|
642 |
/* MP6 admin style compatibility */
|
643 |
#ws_icon_selector .ws_icon_option .icon16::before {
|
644 |
-
|
645 |
-
|
646 |
-
|
647 |
.ws_select_icon .icon16::before {
|
648 |
-
|
649 |
-
|
650 |
-
}
|
651 |
|
652 |
#ws_choose_icon_from_media {
|
653 |
-
|
654 |
-
}
|
655 |
|
656 |
#ws_show_more_icons {
|
657 |
-
|
658 |
-
|
659 |
-
|
660 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
661 |
|
|
|
|
|
|
|
|
|
|
|
|
|
662 |
|
663 |
/************************************
|
664 |
Menu color picker
|
665 |
*************************************/
|
666 |
-
|
667 |
#ws-ame-menu-color-settings {
|
668 |
-
|
669 |
-
|
670 |
-
}
|
671 |
|
672 |
#ame-menu-color-list {
|
673 |
-
|
674 |
-
|
675 |
-
}
|
676 |
|
677 |
.ame-menu-color-column {
|
678 |
-
|
679 |
-
}
|
680 |
|
681 |
.ame-menu-color-name {
|
682 |
-
|
683 |
-
|
684 |
-
|
685 |
-
|
686 |
-
|
687 |
-
|
688 |
-
|
689 |
-
|
690 |
-
min-width: 180px;
|
691 |
-
}
|
692 |
|
693 |
.ame-color-option {
|
694 |
-
|
695 |
-
}
|
696 |
|
697 |
.ame-advanced-menu-color {
|
698 |
-
|
699 |
-
}
|
700 |
|
701 |
-
|
|
|
|
|
|
|
702 |
|
703 |
-
|
704 |
-
|
705 |
-
|
706 |
-
|
|
|
|
|
|
|
707 |
|
708 |
-
|
709 |
-
|
|
|
710 |
|
711 |
-
|
712 |
-
|
713 |
-
cursor: pointer;
|
714 |
-
}
|
715 |
|
716 |
-
|
717 |
-
|
718 |
-
|
719 |
-
height: 18px;
|
720 |
|
721 |
-
|
722 |
-
|
723 |
-
|
724 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
725 |
|
726 |
.ws_color_display_item:last-child {
|
727 |
-
|
728 |
-
}
|
729 |
|
730 |
/************************************
|
731 |
Export and import
|
732 |
*************************************/
|
733 |
-
|
734 |
#export_dialog, #import_dialog {
|
735 |
-
|
736 |
-
}
|
737 |
|
738 |
.ui-widget-overlay {
|
739 |
-
|
740 |
-
|
741 |
-
|
742 |
-
|
743 |
-
|
744 |
-
|
745 |
-
|
746 |
-
|
747 |
-
|
748 |
-
height: 100%;
|
749 |
-
}
|
750 |
|
751 |
.ui-front {
|
752 |
-
|
753 |
-
}
|
754 |
|
755 |
.ui-dialog {
|
756 |
-
|
757 |
-
|
758 |
-
|
759 |
-
|
760 |
-
|
761 |
-
|
762 |
-
-webkit-border-radius: 5px;
|
763 |
-
border-radius: 5px;
|
764 |
-
}
|
765 |
|
766 |
.ui-dialog-titlebar {
|
767 |
-
|
768 |
-
|
769 |
-
|
770 |
-
|
771 |
-
|
772 |
-
|
773 |
-
|
774 |
-
|
775 |
-
|
776 |
-
|
777 |
-
|
778 |
-
|
779 |
-
|
780 |
-
|
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 |
-
|
790 |
-
|
791 |
-
}
|
792 |
|
793 |
.ui-dialog-titlebar-close {
|
794 |
-
|
795 |
-
|
796 |
-
|
797 |
-
|
798 |
-
|
799 |
-
|
800 |
-
|
801 |
-
|
802 |
-
|
803 |
-
-webkit-border-radius: 3px;
|
804 |
-
}
|
805 |
|
806 |
.ui-dialog-titlebar-close:hover {
|
807 |
-
|
808 |
-
|
809 |
-
}
|
810 |
-
|
811 |
-
.ui-icon-closethick {
|
812 |
-
|
813 |
-
}
|
814 |
|
815 |
.ui-dialog-content {
|
816 |
-
|
817 |
-
|
818 |
-
}
|
819 |
|
820 |
#export_dialog .ws_dialog_panel {
|
821 |
-
|
822 |
-
}
|
823 |
|
824 |
#import_dialog .ws_dialog_panel {
|
825 |
-
|
826 |
-
}
|
827 |
|
828 |
.ws_dialog_buttons {
|
829 |
-
|
830 |
-
|
831 |
-
|
832 |
-
|
833 |
-
|
834 |
-
}
|
835 |
|
836 |
.ws_dialog_buttons .button-primary {
|
837 |
-
|
838 |
-
|
839 |
-
|
840 |
-
}
|
841 |
|
842 |
.ws_dialog_buttons .button {
|
843 |
-
|
844 |
-
}
|
845 |
|
846 |
.ws_dialog_buttons.ame-vertical-button-list {
|
847 |
-
|
848 |
-
}
|
849 |
|
850 |
.ws_dialog_buttons.ame-vertical-button-list .button-primary {
|
851 |
-
|
852 |
-
}
|
853 |
|
854 |
.ws_dialog_buttons.ame-vertical-button-list .button {
|
855 |
-
|
856 |
-
|
857 |
-
|
858 |
-
}
|
859 |
|
860 |
.ws_dialog_buttons.ame-vertical-button-list .button:last-child {
|
861 |
-
|
862 |
-
}
|
863 |
|
864 |
#import_file_selector {
|
865 |
-
|
866 |
-
|
867 |
-
|
868 |
-
margin: 6px auto 12px;
|
869 |
-
}
|
870 |
|
871 |
#ws_start_import {
|
872 |
-
|
873 |
-
}
|
874 |
|
875 |
#import_complete_notice {
|
876 |
-
|
877 |
-
|
878 |
-
|
879 |
-
}
|
880 |
|
881 |
#ws_import_error_response {
|
882 |
-
|
883 |
-
}
|
884 |
|
885 |
.ws_dont_show_again {
|
886 |
-
|
887 |
-
|
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 |
-
|
898 |
-
margin-right: 5px;
|
899 |
-
}
|
900 |
|
901 |
.ws_launch_access_editor {
|
902 |
-
|
903 |
-
}
|
904 |
|
905 |
#ws_menu_access_editor {
|
906 |
-
|
907 |
-
|
908 |
-
}
|
909 |
|
910 |
.ws_dialog_subpanel {
|
911 |
-
|
912 |
-
}
|
913 |
|
914 |
-
#ws_menu_access_editor .ws_column_access
|
915 |
-
|
916 |
-
|
917 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
918 |
|
919 |
#ws_role_table_body_container {
|
920 |
-
|
921 |
-
|
922 |
-
|
|
|
923 |
|
924 |
.ws_role_table_body {
|
925 |
-
|
926 |
-
}
|
927 |
|
928 |
.ws_has_separate_header .ws_role_table_header {
|
929 |
-
|
930 |
-
|
931 |
-
|
932 |
-
|
933 |
-
|
934 |
-
|
935 |
-
|
936 |
-
border-bottom-right-radius: 0;
|
937 |
-
}
|
938 |
|
939 |
.ws_has_separate_header .ws_role_table_body {
|
940 |
-
|
941 |
-
|
942 |
-
|
943 |
-
|
944 |
-
|
945 |
-
|
946 |
-
|
947 |
-
|
948 |
-
border-top-right-radius: 0;
|
949 |
-
}
|
950 |
|
951 |
.ws_role_id {
|
952 |
-
|
953 |
-
}
|
954 |
|
955 |
#ws_extra_capability {
|
956 |
-
|
957 |
-
}
|
958 |
|
959 |
#ws_role_access_container {
|
960 |
-
|
961 |
-
|
|
|
962 |
|
963 |
#ws_role_access_overlay {
|
964 |
-
|
965 |
-
|
966 |
-
|
967 |
-
|
968 |
-
|
969 |
-
|
970 |
-
|
971 |
-
|
972 |
-
|
973 |
-
-moz-opacity:0.6;
|
974 |
-
-khtml-opacity: 0.6;
|
975 |
-
}
|
976 |
|
977 |
#ws_role_access_overlay_content {
|
978 |
-
|
979 |
-
|
980 |
-
|
981 |
-
|
982 |
-
|
983 |
-
|
984 |
-
|
985 |
-
|
986 |
-
|
987 |
-
border-radius: 5px;
|
988 |
-
color: #555;
|
989 |
-
}
|
990 |
|
991 |
#ws_menu_access_editor div.error {
|
992 |
-
|
993 |
-
|
994 |
-
|
995 |
-
}
|
996 |
|
997 |
#ws_hardcoded_role_error {
|
998 |
-
|
999 |
-
}
|
1000 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1001 |
|
1002 |
/************************************
|
1003 |
-
|
1004 |
*************************************/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1005 |
|
|
|
|
|
|
|
1006 |
#ws-ame-menu-deletion-error {
|
1007 |
-
|
1008 |
-
}
|
1009 |
-
|
1010 |
-
|
1011 |
-
|
1012 |
|
1013 |
/************************************
|
1014 |
Tooltips and hints
|
1015 |
*************************************/
|
1016 |
-
|
1017 |
.ws_tooltip_trigger {
|
1018 |
-
|
1019 |
-
}
|
1020 |
|
1021 |
.ws_tooltip_content_list {
|
1022 |
-
|
1023 |
-
|
1024 |
-
}
|
1025 |
|
1026 |
-
.
|
1027 |
-
|
1028 |
-
|
|
|
|
|
1029 |
|
1030 |
-
|
1031 |
-
|
1032 |
-
position: relative;
|
1033 |
-
padding-right: 20px;
|
1034 |
-
}
|
1035 |
|
1036 |
-
.
|
1037 |
-
|
1038 |
-
border-right: none;
|
1039 |
-
border-top: none;
|
1040 |
-
color: #dcc500;
|
1041 |
-
font-weight: bold;
|
1042 |
-
cursor: pointer;
|
1043 |
|
1044 |
-
|
1045 |
-
|
1046 |
-
|
|
|
|
|
|
|
|
|
1047 |
|
1048 |
-
|
1049 |
-
|
1050 |
-
|
1051 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1052 |
|
1053 |
.ws_hint_close:hover {
|
1054 |
-
|
1055 |
-
|
1056 |
-
|
1057 |
-
}
|
1058 |
|
1059 |
.ws_hint_content {
|
1060 |
-
|
1061 |
-
}
|
1062 |
|
1063 |
.ws_hint_content ul {
|
1064 |
-
|
1065 |
-
|
1066 |
-
|
1067 |
-
}
|
1068 |
-
|
1069 |
|
1070 |
/************************************
|
1071 |
Copy Permissions dialog
|
1072 |
*************************************/
|
1073 |
#ws-ame-copy-permissions-dialog select {
|
1074 |
-
|
1075 |
-
}
|
1076 |
-
|
1077 |
-
|
1078 |
|
1079 |
#ws_sidebar_pro_ad {
|
1080 |
-
|
1081 |
-
|
1082 |
-
|
1083 |
-
|
1084 |
-
|
1085 |
-
|
1086 |
-
|
1087 |
-
bottom: 40px;
|
1088 |
-
z-index: 100;
|
1089 |
-
}
|
1090 |
-
|
1091 |
|
1092 |
.test-wrap {
|
1093 |
-
|
1094 |
-
|
1095 |
-
}
|
1096 |
|
1097 |
.test-container {
|
1098 |
-
|
1099 |
-
|
1100 |
-
|
1101 |
-
|
1102 |
-
|
1103 |
-
|
1104 |
-
|
1105 |
-
overflow: hidden;
|
1106 |
-
}
|
1107 |
|
1108 |
.test-header {
|
1109 |
-
|
1110 |
-
|
1111 |
-
|
1112 |
-
|
1113 |
-
border-top-right-radius: 8px;
|
1114 |
-
}
|
1115 |
|
1116 |
.test-content {
|
1117 |
-
|
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 {
|