PluginProbe ʕ •ᴥ•ʔ
Admin and Site Enhancements (ASE) / 4.9.2
Admin and Site Enhancements (ASE) v4.9.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
705 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 margin-left: 16px;
85 text-decoration: none;
86 transition: .25s;
87 line-height: 30px;
88 }
89
90 .asenha-header-action:first-child {
91 margin-left: 0;
92 }
93
94 .asenha-header-action:hover {
95 text-decoration: underline;
96 }
97
98 /* Button Style - Outlined */
99
100 .wp-core-ui .vi-header .button-primary {
101 font-weight: 500;
102 transition: .1s;
103 }
104
105 .wp-core-ui .button-primary.plugin-sponsor {
106 margin-left: 16px;
107 margin-right: 16px;
108 color: #de4c73;
109 background: transparent;
110 border-color: #de4c73;
111 }
112
113 .wp-core-ui .button-primary.plugin-sponsor:hover {
114 color: #fff;
115 background: #de4c73;
116 text-decoration: none;
117 }
118
119 .wp-core-ui .button-primary.plugin-sponsor:focus {
120 box-shadow: none;
121 }
122
123 .asenha-changes-saved {
124 position: absolute;
125 right: 0;
126 top: 33px;
127 background: seagreen;
128 color: #fff;
129 padding: 2px 8px;
130 border-radius: 3px;
131 }
132
133 .asenha-toggle {
134 border-bottom: 1px solid #eee;
135 }
136
137 .form-table .asenha-toggle th:not(.datatable-th) {
138 padding: 20px 10px 16px 20px;
139 line-height: 1.4;
140 }
141
142 .form-table .asenha-toggle td:not(.datatable-td) {
143 padding: 18px 20px 16px 10px;
144 line-height: 1.4;
145 }
146
147 .asenha-toggle:last-child {
148 border-bottom: 0;
149 }
150
151 .asenha-field-description {
152 position: relative;
153 top: 1px;
154 color: #3c434a;
155 }
156
157 .asenha-field-with-options {
158 width: 100%;
159 }
160
161 /* WP Core UI overrides */
162
163 .wp-core-ui.tools_page_admin-site-enhancements .notice {
164 margin: 20px 20px 0 2px;
165 }
166
167 .asenha .submit {
168 position: absolute;
169 }
170
171 .asenha .submit input {
172 display: none;
173 }
174
175 /* Toggle Styles -- https://codepen.io/deanelliott/pen/GRJjGqK */
176
177 .form-table .asenha-toggle td:not(.datatable-td) {
178 display: flex;
179 align-items: flex-start;
180 }
181
182 .form-table .asenha-toggle .asenha-radio-buttons > td:not(.datatable-td) {
183 align-items: center;
184 }
185
186 :root {
187 --toggleHeight: 22px;
188 --toggleWidth: 40px;
189 --toggleGap: 2px;
190 }
191
192 .asenha-field-checkbox {
193 width: 0 !important;
194 height: 0 !important;
195 opacity: 0;
196 position: absolute;
197 }
198
199 .asenha-field-checkbox + label {
200 position: relative;
201 background: #c0c0c0;
202 width: var(--toggleWidth);
203 min-width: var(--toggleWidth);
204 height: var(--toggleHeight);
205 margin-right: 8px;
206 display: inline-flex;
207 align-items: center;
208 border-radius: 25px;
209 cursor: pointer;
210 transition: background 0.2s ease-in-out;
211 text-indent: calc( var(--toggleWidth) + 10px);
212 }
213 .asenha-field-checkbox + label:after {
214 content: "";
215 background: #fff;
216 width: calc(var(--toggleHeight) - (var(--toggleGap) * 2));
217 height: calc(var(--toggleHeight) - (var(--toggleGap) * 2));
218 position: absolute;
219 top: var(--toggleGap);
220 left: var(--toggleGap);
221 border-radius: 50%;
222 transition: left 0.3s ease-in-out, background 0.2s ease-in-out;
223 }
224
225 .asenha-field-checkbox:checked + label {
226 background: seaGreen;
227 }
228 .asenha-field-checkbox:checked + label:after {
229 left: calc(100% - calc(var(--toggleHeight) - var(--toggleGap)));
230 }
231
232 /* Vertical Tabs */
233
234 .asenha-vertical-tabs {
235 padding: 0px;
236 margin: 0 auto;
237 display: flex;
238 }
239
240 .asenha-tab-buttons {
241 background: #f5f5f5;
242 }
243
244 .asenha-tab-buttons > input {
245 display: none;
246 }
247
248 .asenha-tab-buttons > label {
249 display: block;
250 font-size: 14px;
251 font-weight: 600;
252 color: #999;
253 width: 180px;
254 padding: 20px;
255 background: #f5f5f5;
256 cursor: pointer;
257 transition: .25s;
258 }
259
260 .asenha-tab-buttons > label:hover {
261 color: #444;
262 background: #f9f9f9;
263 }
264
265 .asenha-tab-buttons > input:checked + label {
266 color: #1d2327;
267 background: #ffffff;
268 }
269
270 .asenha-tab-contents > section {
271 display: none;
272 background: #ffffff;
273 }
274
275 /* Show all / less toggler | Modified from https://codepen.io/symonsays/pen/rzgEgY */
276
277 .asenha-field-with-options.field-show-more.is-enabled {
278 display: block;
279 position: relative;
280 -webkit-transition: all 0.5s ease;
281 -moz-transition: all 0.5s ease;
282 -o-transition: all 0.5s ease;
283 transition: all 0.5s ease;
284 }
285
286 .asenha-field-with-options.field-show-more.is-enabled .asenha-field-options-wrapper.wrapper-show-more {
287 height: 80px;
288 overflow: hidden;
289 -webkit-transition: all 0.5s ease;
290 -moz-transition: all 0.5s ease;
291 -o-transition: all 0.5s ease;
292 transition: all 0.5s ease;
293 }
294
295 .asenha-field-with-options.field-show-more.is-enabled .opened.asenha-field-options-wrapper.wrapper-show-more {
296 height: auto;
297 overflow:visible;
298 }
299
300 .asenha-field-with-options.field-show-more.is-enabled .opened.asenha-field-options-wrapper.wrapper-show-more:before {
301 /* bottom: -80px; */
302 display: none;
303 }
304
305 .show-more-less {
306 display: none;
307 }
308
309 .is-enabled .show-more-less {
310 display: block;
311 background: none;
312 text-decoration: none;
313 border: 0;
314 position: absolute;
315 left: 0;
316 bottom: -12px;
317 margin: auto;
318 text-align: center;
319 text-transform: uppercase;
320 font-size: 11px;
321 font-weight: 500;
322 cursor: pointer;
323 z-index: 3;
324 transition: .25s;
325 }
326
327 .is-enabled .show-more-less:active,
328 .is-enabled .show-more-less:hover,
329 .is-enabled .show-more-less:focus {
330 outline: none;
331 box-shadow: none;
332 }
333
334 .is-enabled .show-more-less.show-more,
335 .is-enabled .show-more-less:not(.show-more):hover {
336 color: #2271b1;
337 }
338
339 .is-enabled .show-more-less:not(.show-more) {
340 color: #ddd;
341 }
342
343 .asenha-field-with-options.field-show-more.is-enabled .asenha-field-options-wrapper.wrapper-show-more:before {
344 content: '';
345 display: block;
346 position: absolute;
347 z-index: 1;
348 font-size: 12px;
349 left: 0;
350 right: 0;
351 bottom: 0;
352 height: 60px;
353 width: 100%;
354 text-align: center;
355 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%);
356 }
357
358 /* Sub Fields */
359
360 .form-table .asenha-subfields {
361 display: flex;
362 flex-wrap: wrap;
363 margin-top: 12px;
364 }
365
366 .form-table .asenha-subfields tr:not(.datatable-tr) {
367 display: block;
368 width: 100%;
369 }
370
371 .form-table .asenha-subfields tr.asenha-half {
372 width: 50%;
373 }
374
375 .form-table .asenha-toggle .asenha-field-with-options th:not(.datatable-th) {
376 padding: 0 0 10px 0;
377 }
378
379 .form-table .asenha-subfields tr.asenha-hide-th th:not(.datatable-th) {
380 display: none;
381 }
382
383 .form-table .asenha-subfields tr.asenha-th-border-top {
384 padding-top: 12px;
385 border-top: 1px solid #eee;
386 }
387
388 .form-table .asenha-subfields th {
389 width: 100%;
390 color: #3c434a;
391 }
392
393 .form-table .asenha-subfields .non-bold-th th {
394 font-weight: normal;
395 }
396
397 .form-table .asenha-subfields td:not(.datatable-td) {
398 padding: 0;
399 }
400
401 .form-table .asenha-subfields td:not(.datatable-td) label {
402 position: relative;
403 top: -2px;
404 }
405
406 .form-table .asenha-subfields .asenha-radio-buttons td:not(.datatable-td) label {
407 margin-right: 12px;
408 }
409
410 .asenha-subfields .vspacer {
411 display: block;
412 width: 100%;
413 height: 8px;
414 }
415
416 .field-sublabel {
417 display: inline-block;
418 }
419
420 .sublabel-wide {
421 min-width: 180px;
422 }
423
424 /* Text input subfield */
425
426 .form-table .change-login-url .asenha-subfields,
427 .form-table .redirect-after-login .asenha-subfields {
428 margin-top: 8px;
429 }
430
431 .form-table .asenha-subfields tr.asenha-text.with-prefix-suffix,
432 .form-table .asenha-subfields tr.asenha-number.with-prefix-suffix {
433 display: flex;
434 justify-content: flex-start;
435 }
436
437 .form-table .asenha-subfields tr.asenha-radio-buttons.with-prefix-suffix {
438 display: flex;
439 justify-content: flex-start;
440 margin-bottom: 8px;
441 }
442
443 .form-table .asenha-toggle .asenha-text.with-prefix-suffix th:not(.datatable-th),
444 .form-table .asenha-toggle .asenha-number.with-prefix-suffix th:not(.datatable-th),
445 .form-table .asenha-toggle .asenha-radio-buttons.with-prefix-suffix th:not(.datatable-th) {
446 display: flex;
447 height: 30px;
448 line-height: 30px;
449 width: auto;
450 padding: 0;
451 margin-right: 6px;
452 font-weight: normal;
453 color: #3c434a;
454 }
455
456 .form-table .asenha-toggle .asenha-text.with-prefix-suffix.no-margin th:not(.datatable-th),
457 .form-table .asenha-toggle .asenha-number.with-prefix-suffix.no-margin th:not(.datatable-th),
458 .form-table .asenha-toggle .asenha-radio-buttons.with-prefix-suffix.no-margin th:not(.datatable-th) {
459 margin-right: 0;
460 }
461
462 .form-table .asenha-toggle .asenha-text.with-prefix-suffix td:not(.datatable-td),
463 .form-table .asenha-toggle .asenha-number.with-prefix-suffix td:not(.datatable-td),
464 .form-table .asenha-toggle .asenha-radio-buttons.with-prefix-suffix td:not(.datatable-td) {
465 display: flex;
466 align-items: center;
467 }
468
469 .form-table .custom-login-slug td:not(.datatable-td),
470 .form-table .smtp-security td:not(.datatable-td) {
471 margin-bottom: 0;
472 }
473
474 .form-table .smtp-security td:not(.datatable-td) {
475 position: relative;
476 top: 2px;
477 }
478
479 /* Text area input subfield */
480
481 .asenha-subfield-textarea-wrapper,
482 .asenha-subfield-number-wrapper {
483 width: 100%;
484 display: flex;
485 flex-direction: column;
486 }
487
488 .asenha-subfield-textarea {
489 width: 100%;
490 }
491
492 .asenha-subfield-textarea-intro {
493 margin-bottom: 8px;
494 }
495
496 .asenha-subfield-textarea-description {
497 margin-top: 8px;
498 }
499
500 .asenha-subfield-text.with-prefix.with-suffix,
501 .asenha-subfield-password.with-prefix.with-suffix,
502 .asenha-subfield-number.with-prefix.with-suffix,
503 .asenha-subfield-select.with-prefix.with-suffix {
504 margin: 0 4px;
505 }
506
507 .asenha-subfield-text.with-prefix,
508 .asenha-subfield-password.with-prefix,
509 .asenha-subfield-number.with-prefix,
510 .asenha-subfield-select.with-prefix {
511 margin: 0 0 0 4px;
512 }
513
514 .asenha-subfield-text.with-suffix,
515 .asenha-subfield-password.with-suffix,
516 .asenha-subfield-number.with-suffix,
517 .asenha-subfield-select.with-suffix {
518 margin: 0 4px 0 0;
519 }
520
521 .full-width .asenha-subfield-text {
522 width: 100%;
523 }
524
525 .wide .asenha-subfield-text,
526 .wide .asenha-subfield-password {
527 width: 240px;
528 }
529
530 .narrow .asenha-subfield-text {
531 width: 40px;
532 }
533
534 .narrow .asenha-subfield-number {
535 width: 72px;
536 }
537
538 .extra-narrow .asenha-subfield-number {
539 width: 54px;
540 }
541
542 .form-table .asenha-subfields tr:not(.datatable-tr).shift-up {
543 margin-top: -4px;
544 }
545
546 .form-table .asenha-subfields tr:not(.datatable-tr).top-border {
547 border-top: 1px solid #eee;
548 padding-top: 8px;
549 }
550
551 .asenha-subfields .faded,
552 .form-table .asenha-subfields td:not(.datatable-td) label .faded {
553 color: #bbb;
554 }
555
556 /* Sortable subfield */
557
558 .form-table .asenha-toggle .asenha-sortable td:not(.datatable-td) {
559 flex-wrap: wrap;
560 flex-direction: column;
561 }
562
563 .subfield-description,
564 .asenha-subfield-number-description {
565 margin-top: 8px;
566 margin-bottom: 8px;
567 }
568
569 .custom-menu-order ul.menu {
570 margin-top: 0;
571 padding-top: 0;
572 overflow: auto;
573 }
574
575 .custom-menu-order .menu-item-bar .menu-item-handle {
576 padding: 7px 15px;
577 max-width: 320px;
578 width: 320px;
579 min-height: 30px;
580 }
581
582 .custom-menu-order .menu-item-handle .menu-item-checkbox {
583 display: inline-block;
584 }
585
586 .custom-menu-order .menu-item-handle .item-title {
587 display: flex;
588 justify-content: space-between;
589 align-items: center;
590 margin-right: 0;
591 line-height: 30px;
592 }
593
594 .custom-menu-order .menu-item-handle .item-title .menu-item-title a {
595 color: #666;
596 text-decoration: none;
597 margin-left: 6px;
598 }
599
600 .custom-menu-order .menu-item-handle .item-title .menu-item-title a:hover {
601 color: inherit;
602 }
603
604 .menu-item-title input[type="text"] {
605 border: 1px solid #dcdcde;
606 margin-left: -9px;
607 font-size: 13px;
608 }
609
610 .menu-item-title input[type="text"]:focus {
611 border: 1px solid #999;
612 box-shadow: none;
613 outline: none;
614 }
615
616 .menu-item-checkbox-label span {
617 font-weight: normal;
618 }
619
620 .custom-menu-order .menu-item-title span,
621 .custom-menu-order .menu-item-settings .submenu-item span {
622 /* display: none; */
623 }
624
625 /* .custom-menu-order .menu-item-title span.awaiting-mod,
626 .custom-menu-order .menu-item-title span.update-plugins {
627 display: none;
628 } */
629
630 #separator1 .menu-item-title,
631 #separator2 .menu-item-title,
632 #separator-last .menu-item-title {
633 font-weight: normal;
634 color: #999;
635 }
636
637 .sortable-placeholder {
638 width: 350px;
639 max-width: 350px;
640 height: 46px;
641 min-height: 42px;
642 max-height: 42px;
643 border: 1px dotted #ccc;
644 }
645
646 .form-table .asenha-subfields td:not(.datatable-td) label.menu-item-checkbox-label {
647 top: 0;
648 }
649
650 #custom-admin-menu .menu-item-depth-0 {
651 display: list-item !important;
652 }
653
654 /* CodeMirror*/
655
656 .syntax-highlighted .asenha-subfield-textarea {
657 background: #fcfcfc;
658 }
659
660 .syntax-highlighted .CodeMirror {
661 border: 1px solid #ddd;
662 background: #fcfcfc;
663 }
664
665 /* DataTable */
666
667 .form-table .asenha-toggle .datatable > td {
668 flex-direction: column;
669 }
670
671 .form-table td.dataTables_empty {
672 display: block;
673 width: 100%;
674 margin-bottom: 0;
675 padding: 8px 10px !important;
676 background-color: #fff;
677 }
678
679 .datatable .dataTables_wrapper {
680 background: #f5f5f5;
681 margin-top: 8px;
682 padding: 12px 10px;
683 }
684
685 .datatable .dataTables_wrapper .dataTables_length select,
686 .datatable .dataTables_wrapper .dataTables_filter input {
687 background-color: #fff;
688 }
689
690 .datatable .dataTables_wrapper .dataTables_length select {
691 min-width: 52px;
692 }
693
694 .datatable table.dataTable thead th {
695 font-weight: 500 ;
696 }
697
698 /* Description subfield */
699 .asenha-warning {
700 display: block;
701 padding: 12px 16px;
702 color: #997404;
703 background: #fff3cd;
704 border: 1px solid #ffe69c;
705 }