PluginProbe ʕ •ᴥ•ʔ
Admin and Site Enhancements (ASE) / 4.7.2
Admin and Site Enhancements (ASE) v4.7.2
9.1.0 9.0.2 9.0.1 9.0.0 8.9.2 8.9.1 8.9.0 8.8.8 8.8.7 8.8.6 8.8.5 8.8.4 8.8.3 8.8.2 8.8.1 8.8.0 8.7.3 8.7.2 8.7.1 8.2.1 8.2.2 8.2.3 8.3.0 8.3.1 8.3.2 8.4.0 8.4.1 8.4.2 8.5.0 8.5.1 8.5.2 8.6.0 8.6.1 8.6.2 8.7.0 5.0.1 5.0.2 5.0.2.1 5.0.2.2 5.0.2.3 5.0.2.4 5.1.0 5.2.0 5.2.1 5.2.10 5.2.11 5.2.2 5.2.3 5.2.4 5.2.5 5.2.6 5.2.7 5.2.8 5.2.9 5.3.0 5.3.1 5.3.2 5.4.0 5.4.1 5.5.0 5.5.1 5.5.2 5.6.0 5.6.1 5.6.2 5.7.0 5.7.1 5.8.0 5.8.1 6.0.0 6.0.3 6.0.4 6.0.5 6.0.5.1 6.0.6 6.0.7 6.0.8.1 6.1.0 6.1.3 6.2.0 6.2.1 6.2.2 6.2.3 6.2.4 6.2.5 6.2.6 6.2.7 6.3.0 6.3.1 6.3.2 6.4.0 6.5.0 6.5.1 6.6.0 6.7.0 6.8.0 6.8.2 6.8.3 6.9.0 6.9.1 6.9.10 6.9.11 6.9.12 6.9.13.1 6.9.13.2 6.9.2 6.9.3 6.9.4 6.9.5 6.9.6 6.9.7 6.9.8 6.9.9 7.0.0 7.0.2 7.0.2.1 7.0.2.2 7.0.2.3 7.0.3 7.1.0 7.1.1 7.1.2 7.1.3 7.1.4 7.1.5 7.2.0 7.2.1 7.3.0 7.3.1 7.3.2 7.3.3 7.4.0 7.4.2 7.4.4 7.4.5 7.4.6 7.4.7 7.4.8 7.5.0 7.5.1 7.5.2 7.5.3 7.5.4 7.6.0 7.6.1 7.6.1.1 7.6.10 7.6.11 7.6.2 7.6.3 7.6.4 7.6.5 7.6.6 7.6.7 7.6.7.1 7.6.8 7.6.9 7.7.0 7.8.0 7.8.1 7.8.10 7.8.11 7.8.12 7.8.13 7.8.14 7.8.15 7.8.16 7.8.17 7.8.18 7.8.2 7.8.3 7.8.4 7.8.5 7.8.5.1 7.8.6 7.8.7 7.8.8 7.8.9 7.9.0 7.9.1 7.9.10 7.9.11 7.9.2 7.9.3 7.9.4 7.9.5 7.9.6 7.9.7 7.9.8 7.9.9 8.0.0 8.0.1 8.0.2 8.0.3 8.0.4 8.0.5 8.0.6 8.0.7 8.0.8 8.1.0 8.1.1 8.1.2 8.1.3 8.1.4 8.2.0 trunk 1.0.0 1.1.0 1.2.0 1.3.0 1.4.0 1.5.0 1.6.0 1.7.0 1.8.0 1.9.0 2.0.0 2.1.0 2.2.0 2.3.0 2.4.0 2.5.0 2.6.0 2.7.0 2.8.0 2.8.1 2.8.2 2.8.3 2.9.0 3.0.0 3.0.1 3.0.2 3.0.3 3.0.4 3.0.5 3.0.6 3.1.0 3.2.0 3.3.0 3.4.0 3.5.0 3.6.1 3.7.0 3.8.0 3.9.0 3.9.1 3.9.2 4.0.0 4.0.1 4.1.0 4.2.0 4.2.1 4.2.2 4.3.0 4.3.1 4.4.0 4.5.0 4.6.0 4.7.0 4.7.1 4.7.2 4.7.3 4.7.4 4.8.0 4.8.1 4.8.2 4.8.3 4.9.0 4.9.1 4.9.2 4.9.3 5.0.0
admin-site-enhancements / assets / css / admin-page.css
admin-site-enhancements / assets / css Last commit date
codemirror 3 years ago datatables 3 years ago admin-page.css 3 years ago hide-admin-notices.css 3 years ago jBox.all.min.css 3 years ago list-table.css 3 years ago maintenance.css 3 years ago media-replace.css 3 years ago wp-admin.css 3 years ago
admin-page.css
677 lines
1 .asenha-header {
2 display: flex;
3 justify-content: space-between;
4 align-items: center;
5 width: 100%;
6 box-sizing: border-box;
7 margin-top: 24px;
8 padding: 28px 20px;
9 background-color: #fafafa;
10 border: 1px solid #ccd0d4;
11 transition: .25s;
12 }
13
14 .asenha-header.asenha-sticky {
15 box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
16 }
17
18 .asenha-header-left {
19 position: relative;
20 display: flex;
21 justify-content: flex-start;
22 }
23
24 .asenha-header-right {
25 position: relative;
26 display: flex;
27 justify-content: flex-end;
28 min-width: 240px;
29 }
30
31 .asenha-header .notice {
32 display: none;
33 }
34
35 .asenha-body {
36 background-color: #fff;
37 border-right: 1px solid #ccd0d4;
38 border-bottom: 1px solid #ccd0d4;
39 border-left: 1px solid #ccd0d4;
40 }
41
42 .asenha .form-table {
43 margin-top: 0;
44 }
45
46 .asenha-footer {
47 /* display: flex; */
48 display: none;
49 flex-direction: column;
50 width: 100%;
51 box-sizing: border-box;
52 padding: 12px 20px;
53 background-color: #fafafa;
54 border-right: 1px solid #ccd0d4;
55 border-bottom: 1px solid #ccd0d4;
56 border-left: 1px solid #ccd0d4;
57 }
58
59 .wrap h1.asenha-heading {
60 font-size: 1.5em;
61 line-height: 26px;
62 font-weight: 400;
63 margin: 0;
64 padding: 0;
65 }
66
67 .asenha-heading a {
68 text-decoration: none;
69 transition: .25s;
70 }
71
72 .asenha-heading a:hover {
73 text-decoration: underline;
74 }
75
76 .asenha-heading small {
77 font-size: 14px;
78 font-weight: 500;
79 color: #555;
80 }
81
82 .asenha-header-action {
83 position: relative;
84 top: 1px;
85 margin-left: 16px;
86 text-decoration: none;
87 transition: .25s;
88 line-height: 30px;
89 }
90
91 .asenha-header-action:first-child {
92 margin-left: 0;
93 }
94
95 .asenha-header-action:hover {
96 text-decoration: underline;
97 }
98
99 .asenha-changes-saved {
100 position: absolute;
101 right: 0;
102 top: 33px;
103 background: seagreen;
104 color: #fff;
105 padding: 2px 8px;
106 border-radius: 3px;
107 }
108
109 .asenha-toggle {
110 border-bottom: 1px solid #eee;
111 }
112
113 .form-table .asenha-toggle th:not(.datatable-th) {
114 padding: 20px 10px 16px 20px;
115 line-height: 1.4;
116 }
117
118 .form-table .asenha-toggle td:not(.datatable-td) {
119 padding: 18px 20px 16px 10px;
120 line-height: 1.4;
121 }
122
123 .asenha-toggle:last-child {
124 border-bottom: 0;
125 }
126
127 .asenha-field-description {
128 position: relative;
129 top: 1px;
130 color: #3c434a;
131 }
132
133 .asenha-field-with-options {
134 width: 100%;
135 }
136
137 /* WP Core UI overrides */
138
139 .wp-core-ui.tools_page_admin-site-enhancements .notice {
140 margin: 20px 20px 0 2px;
141 }
142
143 .asenha .submit {
144 position: absolute;
145 }
146
147 .asenha .submit input {
148 display: none;
149 }
150
151 /* Toggle Styles -- https://codepen.io/deanelliott/pen/GRJjGqK */
152
153 .form-table .asenha-toggle td:not(.datatable-td) {
154 display: flex;
155 align-items: flex-start;
156 }
157
158 .form-table .asenha-toggle .asenha-radio-buttons > td:not(.datatable-td) {
159 align-items: center;
160 }
161
162 :root {
163 --toggleHeight: 22px;
164 --toggleWidth: 40px;
165 --toggleGap: 2px;
166 }
167
168 .asenha-field-checkbox {
169 width: 0 !important;
170 height: 0 !important;
171 opacity: 0;
172 position: absolute;
173 }
174
175 .asenha-field-checkbox + label {
176 position: relative;
177 background: #c0c0c0;
178 width: var(--toggleWidth);
179 min-width: var(--toggleWidth);
180 height: var(--toggleHeight);
181 margin-right: 8px;
182 display: inline-flex;
183 align-items: center;
184 border-radius: 25px;
185 cursor: pointer;
186 transition: background 0.2s ease-in-out;
187 text-indent: calc( var(--toggleWidth) + 10px);
188 }
189 .asenha-field-checkbox + label:after {
190 content: "";
191 background: #fff;
192 width: calc(var(--toggleHeight) - (var(--toggleGap) * 2));
193 height: calc(var(--toggleHeight) - (var(--toggleGap) * 2));
194 position: absolute;
195 top: var(--toggleGap);
196 left: var(--toggleGap);
197 border-radius: 50%;
198 transition: left 0.3s ease-in-out, background 0.2s ease-in-out;
199 }
200
201 .asenha-field-checkbox:checked + label {
202 background: seaGreen;
203 }
204 .asenha-field-checkbox:checked + label:after {
205 left: calc(100% - calc(var(--toggleHeight) - var(--toggleGap)));
206 }
207
208 /* Vertical Tabs */
209
210 .asenha-vertical-tabs {
211 padding: 0px;
212 margin: 0 auto;
213 display: flex;
214 }
215
216 .asenha-tab-buttons {
217 background: #f5f5f5;
218 }
219
220 .asenha-tab-buttons > input {
221 display: none;
222 }
223
224 .asenha-tab-buttons > label {
225 display: block;
226 font-size: 14px;
227 font-weight: 600;
228 color: #999;
229 width: 180px;
230 padding: 20px;
231 background: #f5f5f5;
232 cursor: pointer;
233 transition: .25s;
234 }
235
236 .asenha-tab-buttons > label:hover {
237 color: #444;
238 background: #f9f9f9;
239 }
240
241 .asenha-tab-buttons > input:checked + label {
242 color: #1d2327;
243 background: #ffffff;
244 }
245
246 .asenha-tab-contents > section {
247 display: none;
248 background: #ffffff;
249 }
250
251 /* Show all / less toggler | Modified from https://codepen.io/symonsays/pen/rzgEgY */
252
253 .asenha-field-with-options.field-show-more.is-enabled {
254 display: block;
255 position: relative;
256 -webkit-transition: all 0.5s ease;
257 -moz-transition: all 0.5s ease;
258 -o-transition: all 0.5s ease;
259 transition: all 0.5s ease;
260 }
261
262 .asenha-field-with-options.field-show-more.is-enabled .asenha-field-options-wrapper.wrapper-show-more {
263 height: 80px;
264 overflow: hidden;
265 -webkit-transition: all 0.5s ease;
266 -moz-transition: all 0.5s ease;
267 -o-transition: all 0.5s ease;
268 transition: all 0.5s ease;
269 }
270
271 .asenha-field-with-options.field-show-more.is-enabled .opened.asenha-field-options-wrapper.wrapper-show-more {
272 height: auto;
273 overflow:visible;
274 }
275
276 .asenha-field-with-options.field-show-more.is-enabled .opened.asenha-field-options-wrapper.wrapper-show-more:before {
277 /* bottom: -80px; */
278 display: none;
279 }
280
281 .show-more-less {
282 display: none;
283 }
284
285 .is-enabled .show-more-less {
286 display: block;
287 background: none;
288 text-decoration: none;
289 border: 0;
290 position: absolute;
291 left: 0;
292 bottom: -12px;
293 margin: auto;
294 text-align: center;
295 text-transform: uppercase;
296 font-size: 11px;
297 font-weight: 500;
298 cursor: pointer;
299 z-index: 3;
300 transition: .25s;
301 }
302
303 .is-enabled .show-more-less:active,
304 .is-enabled .show-more-less:hover,
305 .is-enabled .show-more-less:focus {
306 outline: none;
307 box-shadow: none;
308 }
309
310 .is-enabled .show-more-less.show-more,
311 .is-enabled .show-more-less:not(.show-more):hover {
312 color: #2271b1;
313 }
314
315 .is-enabled .show-more-less:not(.show-more) {
316 color: #ddd;
317 }
318
319 .asenha-field-with-options.field-show-more.is-enabled .asenha-field-options-wrapper.wrapper-show-more:before {
320 content: '';
321 display: block;
322 position: absolute;
323 z-index: 1;
324 font-size: 12px;
325 left: 0;
326 right: 0;
327 bottom: 0;
328 height: 60px;
329 width: 100%;
330 text-align: center;
331 background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,1) 100%);
332 }
333
334 /* Sub Fields */
335
336 .form-table .asenha-subfields {
337 display: flex;
338 flex-wrap: wrap;
339 margin-top: 12px;
340 }
341
342 .form-table .asenha-subfields tr:not(.datatable-tr) {
343 display: block;
344 width: 100%;
345 }
346
347 .form-table .asenha-subfields tr.asenha-half {
348 width: 50%;
349 }
350
351 .form-table .asenha-toggle .asenha-field-with-options th:not(.datatable-th) {
352 padding: 0 0 10px 0;
353 }
354
355 .form-table .asenha-subfields tr.asenha-hide-th th:not(.datatable-th) {
356 display: none;
357 }
358
359 .form-table .asenha-subfields tr.asenha-th-border-top {
360 padding-top: 12px;
361 border-top: 1px solid #eee;
362 }
363
364 .form-table .asenha-subfields th {
365 width: 100%;
366 color: #3c434a;
367 }
368
369 .form-table .asenha-subfields .non-bold-th th {
370 font-weight: normal;
371 }
372
373 .form-table .asenha-subfields td:not(.datatable-td) {
374 padding: 0;
375 }
376
377 .form-table .asenha-subfields td:not(.datatable-td) label {
378 position: relative;
379 top: -2px;
380 }
381
382 .form-table .asenha-subfields .asenha-radio-buttons td:not(.datatable-td) label {
383 margin-right: 12px;
384 }
385
386 .asenha-subfields .vspacer {
387 display: block;
388 width: 100%;
389 height: 8px;
390 }
391
392 .field-sublabel {
393 display: inline-block;
394 }
395
396 .sublabel-wide {
397 min-width: 180px;
398 }
399
400 /* Text input subfield */
401
402 .form-table .change-login-url .asenha-subfields,
403 .form-table .redirect-after-login .asenha-subfields {
404 margin-top: 8px;
405 }
406
407 .form-table .asenha-subfields tr.asenha-text.with-prefix-suffix,
408 .form-table .asenha-subfields tr.asenha-number.with-prefix-suffix {
409 display: flex;
410 justify-content: flex-start;
411 }
412
413 .form-table .asenha-subfields tr.asenha-radio-buttons.with-prefix-suffix {
414 display: flex;
415 justify-content: flex-start;
416 margin-bottom: 8px;
417 }
418
419 .form-table .asenha-toggle .asenha-text.with-prefix-suffix th:not(.datatable-th),
420 .form-table .asenha-toggle .asenha-number.with-prefix-suffix th:not(.datatable-th),
421 .form-table .asenha-toggle .asenha-radio-buttons.with-prefix-suffix th:not(.datatable-th) {
422 display: flex;
423 height: 30px;
424 line-height: 30px;
425 width: auto;
426 padding: 0;
427 margin-right: 6px;
428 font-weight: normal;
429 color: #3c434a;
430 }
431
432 .form-table .asenha-toggle .asenha-text.with-prefix-suffix.no-margin th:not(.datatable-th),
433 .form-table .asenha-toggle .asenha-number.with-prefix-suffix.no-margin th:not(.datatable-th),
434 .form-table .asenha-toggle .asenha-radio-buttons.with-prefix-suffix.no-margin th:not(.datatable-th) {
435 margin-right: 0;
436 }
437
438 .form-table .asenha-toggle .asenha-text.with-prefix-suffix td:not(.datatable-td),
439 .form-table .asenha-toggle .asenha-number.with-prefix-suffix td:not(.datatable-td),
440 .form-table .asenha-toggle .asenha-radio-buttons.with-prefix-suffix td:not(.datatable-td) {
441 display: flex;
442 align-items: center;
443 }
444
445 .form-table .custom-login-slug td:not(.datatable-td),
446 .form-table .smtp-security td:not(.datatable-td) {
447 margin-bottom: 0;
448 }
449
450 .form-table .smtp-security td:not(.datatable-td) {
451 position: relative;
452 top: 2px;
453 }
454
455 /* Text area input subfield */
456
457 .asenha-subfield-textarea-wrapper,
458 .asenha-subfield-number-wrapper {
459 width: 100%;
460 display: flex;
461 flex-direction: column;
462 }
463
464 .asenha-subfield-textarea {
465 width: 100%;
466 }
467
468 .asenha-subfield-textarea-intro {
469 margin-bottom: 8px;
470 }
471
472 .asenha-subfield-textarea-description {
473 margin-top: 8px;
474 }
475
476 .asenha-subfield-text.with-prefix.with-suffix,
477 .asenha-subfield-password.with-prefix.with-suffix,
478 .asenha-subfield-number.with-prefix.with-suffix,
479 .asenha-subfield-select.with-prefix.with-suffix {
480 margin: 0 4px;
481 }
482
483 .asenha-subfield-text.with-prefix,
484 .asenha-subfield-password.with-prefix,
485 .asenha-subfield-number.with-prefix,
486 .asenha-subfield-select.with-prefix {
487 margin: 0 0 0 4px;
488 }
489
490 .asenha-subfield-text.with-suffix,
491 .asenha-subfield-password.with-suffix,
492 .asenha-subfield-number.with-suffix,
493 .asenha-subfield-select.with-suffix {
494 margin: 0 4px 0 0;
495 }
496
497 .full-width .asenha-subfield-text {
498 width: 100%;
499 }
500
501 .wide .asenha-subfield-text,
502 .wide .asenha-subfield-password {
503 width: 240px;
504 }
505
506 .narrow .asenha-subfield-text {
507 width: 40px;
508 }
509
510 .narrow .asenha-subfield-number {
511 width: 72px;
512 }
513
514 .extra-narrow .asenha-subfield-number {
515 width: 54px;
516 }
517
518 .form-table .asenha-subfields tr:not(.datatable-tr).shift-up {
519 margin-top: -4px;
520 }
521
522 .form-table .asenha-subfields tr:not(.datatable-tr).top-border {
523 border-top: 1px solid #eee;
524 padding-top: 8px;
525 }
526
527 .asenha-subfields .faded,
528 .form-table .asenha-subfields td:not(.datatable-td) label .faded {
529 color: #bbb;
530 }
531
532 /* Sortable subfield */
533
534 .form-table .asenha-toggle .asenha-sortable td:not(.datatable-td) {
535 flex-wrap: wrap;
536 flex-direction: column;
537 }
538
539 .subfield-description,
540 .asenha-subfield-number-description {
541 margin-top: 8px;
542 margin-bottom: 8px;
543 }
544
545 .custom-menu-order ul.menu {
546 margin-top: 0;
547 padding-top: 0;
548 overflow: auto;
549 }
550
551 .custom-menu-order .menu-item-bar .menu-item-handle {
552 padding: 7px 15px;
553 max-width: 320px;
554 width: 320px;
555 min-height: 30px;
556 }
557
558 .custom-menu-order .menu-item-handle .menu-item-checkbox {
559 display: inline-block;
560 }
561
562 .custom-menu-order .menu-item-handle .item-title {
563 display: flex;
564 justify-content: space-between;
565 align-items: center;
566 margin-right: 0;
567 line-height: 30px;
568 }
569
570 .custom-menu-order .menu-item-handle .item-title .menu-item-title a {
571 color: #666;
572 text-decoration: none;
573 margin-left: 6px;
574 }
575
576 .custom-menu-order .menu-item-handle .item-title .menu-item-title a:hover {
577 color: inherit;
578 }
579
580 .menu-item-title input[type="text"] {
581 border: 1px solid #dcdcde;
582 margin-left: -9px;
583 font-size: 13px;
584 }
585
586 .menu-item-title input[type="text"]:focus {
587 border: 1px solid #999;
588 box-shadow: none;
589 outline: none;
590 }
591
592 .menu-item-checkbox-label span {
593 font-weight: normal;
594 }
595
596 .custom-menu-order .menu-item-title span,
597 .custom-menu-order .menu-item-settings .submenu-item span {
598 /* display: none; */
599 }
600
601 /* .custom-menu-order .menu-item-title span.awaiting-mod,
602 .custom-menu-order .menu-item-title span.update-plugins {
603 display: none;
604 } */
605
606 #separator1 .menu-item-title,
607 #separator2 .menu-item-title,
608 #separator-last .menu-item-title {
609 font-weight: normal;
610 color: #999;
611 }
612
613 .sortable-placeholder {
614 width: 350px;
615 max-width: 350px;
616 height: 46px;
617 min-height: 42px;
618 max-height: 42px;
619 border: 1px dotted #ccc;
620 }
621
622 .form-table .asenha-subfields td:not(.datatable-td) label.menu-item-checkbox-label {
623 top: 0;
624 }
625
626 /* CodeMirror*/
627
628 .syntax-highlighted .asenha-subfield-textarea {
629 background: #fcfcfc;
630 }
631
632 .syntax-highlighted .CodeMirror {
633 border: 1px solid #ddd;
634 background: #fcfcfc;
635 }
636
637 /* DataTable */
638
639 .form-table .asenha-toggle .datatable > td {
640 flex-direction: column;
641 }
642
643 .form-table td.dataTables_empty {
644 display: block;
645 width: 100%;
646 margin-bottom: 0;
647 padding: 8px 10px !important;
648 background-color: #fff;
649 }
650
651 .datatable .dataTables_wrapper {
652 background: #f5f5f5;
653 margin-top: 8px;
654 padding: 12px 10px;
655 }
656
657 .datatable .dataTables_wrapper .dataTables_length select,
658 .datatable .dataTables_wrapper .dataTables_filter input {
659 background-color: #fff;
660 }
661
662 .datatable .dataTables_wrapper .dataTables_length select {
663 min-width: 52px;
664 }
665
666 .datatable table.dataTable thead th {
667 font-weight: 500 ;
668 }
669
670 /* Description subfield */
671 .asenha-warning {
672 display: block;
673 padding: 12px 16px;
674 color: #997404;
675 background: #fff3cd;
676 border: 1px solid #ffe69c;
677 }