PluginProbe
WP Docs / 2.2.5
WP Docs v2.2.5
trunk 2.2.0 2.2.1 2.2.2 2.2.3 2.2.4 2.2.5 2.2.6 2.2.7 2.2.8 2.2.9 2.3.0 2.3.1
wp-docs / css / admin-styles.css

admin-styles.css in WP Docs 2.2.5, at css/admin-styles.css

725 lines 15.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* CSS Document */
2 li.current a[href="options-general.php?page=wpdocs"],
3 li.current:hover a[href="options-general.php?page=wpdocs"]{
4 background: url('../img/folder.png') no-repeat !important;
5 background-position: 11px 7px !important;
6 padding-left: 30px !important;
7 background-color: rgba(255,255,255,0.3) !important;
8 padding-bottom: 8px !important;
9 }
10 li.current:hover a[href="options-general.php?page=wpdocs"]{
11 background-color: rgba(255,255,255,0.4) !important;
12 }
13
14 .wpdocs_folders .wpdocs_toolbar{
15 border-bottom:1px solid #999;
16 float:left;
17 width:100%;
18 padding: 0 10px;
19 }
20 .wpdocs_folders .wpdocs_toolbar ul li{
21 margin-right:4px;
22 }
23 .wpdocs_folders .new-file {
24 font-size:12px;
25 padding: 0 0 0 2px;
26 cursor:pointer;
27 margin: 9px 8px 0 0px;
28 display: block;
29 }
30 .wpdocs_folders .new-file i{
31 font-size:16px;
32 margin-right:2px;
33 }
34 .wpdocs_folders .new-folder,
35 .wpdocs_folders .new-shortcut {
36 cursor: pointer;
37 background: url('../img/folder.png') no-repeat;
38 background-position: 2px 0px;
39 padding: 0 0 0 22px;
40 font-size: 12px;
41 margin: 10px 8px 0 0px;
42 display: block;
43 }
44 .wpdocs_folders .new-shortcut {
45 background: url('../img/shortcut.png') no-repeat;
46 }
47 .wpdocs_folders .back-folder{
48 cursor: pointer;
49 padding: 0 0 0 0;
50 font-size: 18px;
51 margin: 8px 8px 0 0px;
52 display: block;
53 }
54 .wpdocs_folders .back-folder[data-id="0"]{
55 display:none;
56 }
57 .wpdocs_folders .new-folder:hover,
58 .wpdocs_folders .back-folder:hover,
59 .wpdocs_folders .new-file:hover {
60 background-color:rgba(255,255,0, 0.3);
61
62 }
63 .wpdocs_log{
64 width:32%;
65 border:1px solid #666;
66 padding:10px;
67 background-color:#333;
68 color:#fff;
69 float:left;
70 min-height:400px;
71 overflow-y:auto;
72 overflow-x: hidden;
73 }
74 .wpdocs_list ul li > span {
75 float: left;
76 width: 100%;
77 height: 20px;
78 padding: 30px 0 0 25px;
79 position: relative;
80 background: transparent;
81 visibility:hidden;
82 }
83 .wpdocs_list ul li:hover > span{
84 visibility:visible;
85 background-color: rgba(255,255,255,0.3);
86 }
87 a.wpd-edit,
88 a.wpd-copy,
89 a.wpd-move,
90 a.wpd-trash{
91 background: url('../img/edit.png') no-repeat;
92 float: left;
93 width: 16px;
94 height: 16px;
95 margin: 0 10px 0 0;
96 cursor:pointer;
97 position: absolute;
98 top: 5px;
99 }
100
101 a.wpd-edit{
102
103 left: 20px;
104
105 }
106
107 a.wpd-trash{
108
109 background: url('../img/trash.png') no-repeat;
110 margin: 0;
111 position: absolute;
112 right: 20px;
113
114 }
115 span.wpd_action_span_inner {
116 margin: 0;
117 position: relative;
118 display: block;
119 width: 24px;
120 top: -30px;
121 left: 24px;
122 height: 22px;
123 overflow:hidden;
124 }
125 span.wpd_action_span_inner:hover {
126 height: 50px;
127 }
128 a.wpd-move{
129
130 background: url('../img/moves.png') no-repeat;
131
132
133 }
134 a.wpd-copy{
135
136 background: url('../img/copy.png') no-repeat;
137
138 }
139 a.wpd-move:hover {
140 border-bottom: 2px solid maroon;
141 }
142 a.wpd-copy:hover{
143 border-bottom: 2px solid green;
144 }
145 a.wpd-copy, a.wpd-move {
146 display: block;
147 clear: both;
148 float: none;
149 position: relative;
150 margin: 0 auto 6px auto;
151
152 }
153 .wpdocs_folders .wpdocs_list ul li{
154 overflow:visible;
155 }
156
157 .wpd_action_span{
158
159 }
160
161 .wpdocs-options{
162 }
163 .wpdocs-options ul{
164 }
165 .wpdocs-options ul li {
166 width: 100%;
167 float: left;
168 }
169 .wpdocs-options ul li > button{
170 cursor:pointer;
171 }
172 .wpdocs_move_folder_to{
173 display: none;
174 }
175 .wpdocs_move_folder_to select {
176 border: 1px solid rgba(0,0,0,0.1);
177 margin: 4px 0 0 0;
178 }
179
180 .wpdocs_move_folder_to select:focus {
181
182 border-color: transparent;
183 color: #016087;
184 box-shadow: 0 0 0 0 transparent;
185 }
186 .wpdocs_move_folder_to button {
187 cursor: pointer;
188 position: relative;
189 top: 1px;
190 font-size: 12px;
191 padding: 2px 10px 4px 10px;
192 border-radius: 20px;
193 background: #6c757d;;
194 color: white;
195 border: 1px solid #6c757d;
196 margin: 4px 0 0 8px;
197 text-transform:capitalize;
198 }
199
200 .wpdocs_move_folder_to button:hover {
201
202 background: #5a6268;
203 color: white;
204 border: 1px solid #5a6268;;
205 }
206
207 .wpdocs_move_folder_to button.copy {
208 background: #390;
209 }
210 .wpdocs_move_folder_to button.move {
211 background: #900;
212 }
213
214 .wpdocs_in_action .wpdocs-nav{
215 width: 100%;
216 }
217
218 .wpdocs_in_action .wpdocs-nav .breadcrumb{
219
220 margin: 0;
221
222 }
223 .wpdocs_list .ab-dir.ab-new {
224 background-color: rgba(233,212,96,0.3);
225 border-radius: 10px;
226 }
227 .wpdocs_log ul li.premium-shortcodes,
228 .wpdocs_log ul li.premium-features,
229 .wpdocs_log ul li.addon-features,
230 .wpdocs_log ul li.promotions {
231 border-top: 1px solid #ffc107;
232 margin: 0px 0 40px;
233 }
234 .wpdocs_log ul li.premium-shortcodes:after,
235 .wpdocs_log ul li.premium-features:after,
236 .wpdocs_log ul li.addon-features:after,
237 .wpdocs_log ul li.promotions:after {
238 content: "Premium Features";
239 background-color: #ffc107;
240 color: #000;
241 font-size: 12px;
242 padding: 0px 12px 2px;
243 float: right;
244
245 }
246
247 .wpdocs_log ul li.addon-features {
248 float: right;
249 margin: 10px 0 0 0;
250 }
251 .wpdocs_log ul li.addon-features + li a {
252 display: block;
253 margin: 30px 0;
254 width:100%;
255 text-align:center;
256 }
257 .wpdocs_log ul li.premium-shortcodes:after{
258 content: "Premium Shortcodes";
259 }
260 .wpdocs_log ul li.addon-features:after {
261 content: "Tabs Plugin for Docs";
262 }
263 .wpdocs_log ul li.promotions:after {
264 content: "More Plugins";
265 }
266 .wpdocs_log ul li input[type="color"] {
267 padding: 0;
268 cursor: pointer;
269 position: relative;
270 top: 4px;
271 border: 0;
272 border-radius: 10px;
273 height: 18px;
274 width: 18px;
275 margin: 0 10px 0 0;
276 }
277 .wpdocs_folders li select[name^="wpdocs_roles"],
278 a.security_level {
279 position: relative;
280 top: 4px;
281 border: 0;
282 width: 222px;
283 }
284 a.security_level{
285 font-size:12px;
286 top:5px;
287 }
288 .wpdocs_android {
289 position: absolute;
290 right: 20px;
291 top: 26px;
292 }
293 .wpdocs-options ul li a,
294 a.wpdocs-tutorial{
295 float:right;
296 font-size:12px;
297 color:#ffc107;
298 text-decoration:none;
299 position:relative;
300 top:4px;
301 }
302 .wpdocs-options ul li label{
303 width:100%;
304 }
305 .wpdocs-options ul li a:hover{
306 text-decoration:underline;
307 }
308 .wp-docs-attribs{
309
310 }
311 .wp-docs-attribs b{
312 color:#ffc107;
313
314 }
315 .wpdocs-customization{
316 float:left;
317 width:100%;
318 }
319 .wpdocs-customization ul{
320 float:left;
321 width:100%;
322 }
323 .wpdocs-customization ul li{
324 position:relative;
325 float:left;
326 width:100%;
327 }
328 .wpdocs-customization ul li span.fa{
329 font-size:30px;
330 margin-right:20px;
331 float:left;
332 }
333 .wpdocs-customization ul li label{
334 float:left;
335 width:60%;
336 }
337 .wpdocs-customization ul li input[type="text"]{
338 width:60px;
339 height:30px;
340 }
341 .wpdocs-customization ul li label small{
342 margin-left:10px;
343 }
344 .wpdocs_meta_links .wpdocs_show_option:hover,
345 .wpdocs_meta_links .wpdocs_show_option:focus,
346 .wpdocs_meta_links .wpdocs_show_option:active,
347 .wpdocs_meta_links .wpdocs_show_option{
348 border: 1px solid #ccd0d4;
349 border-top: none;
350 height: auto;
351 margin-bottom: 0;
352 padding: 3px 6px 3px 28px;
353 background-color: #fff;
354 border-radius: 0 0 4px 4px;
355 color: #72777c;
356 line-height: 1.7;
357 box-shadow: 0 0 0 transparent;
358 transition: box-shadow 10s ease-in-out;
359 background-image: url("../img/mdocs.png");
360 background-repeat: no-repeat;
361 background-size: 18px;
362 background-position: 6px 6px;
363
364 }
365 .wpdocs_meta_links .wpdocs_show_option:hover {
366 background-color: #0280FF;
367 transition: box-shadow 10s ease-in-out;
368 color: #fff;
369 background-image:url("../img/mdocs-hover.png");
370 }
371
372 .wpdocs_option_wrapper .wpdocs_screen_meta,
373 .wpdocs_meta_links .wpdocs_link_wrap{
374 position: relative;
375 }
376
377 .wpdocs_meta_links .wpdocs_link_wrap{
378 margin-top: -2px;
379 }
380
381 .wpdocs_option_wrapper .wpdocs_screen_meta{
382 border: 1px solid #ccd0d4;
383 display: none;
384 padding: 10px 10px 20px 10px;
385 }
386
387 .wpdocs_option_wrapper{
388 width: 600px;
389 margin: 0 auto;
390 /* text-align: center; */
391 }
392
393 .wpdocs_meta_links .wpdocs_show_option[data-show="true"] .fa:before{
394 content: "\f0d8";
395 }
396
397 .wpdocs_meta_links .wpdocs_show_option[data-show="false"] .fa:before{
398 content: "\f0d7";
399 }
400
401 .wpdocs_option_wrapper li.list-group-item{
402 border-top: none;
403 border-left: none;
404 border-right: none;
405 margin-bottom: 0px;
406 }
407
408 .wp_docs_importing_alert,
409 .wp_docs_importing{
410 display: none;
411 }
412
413 .wpdocs-specific-sections {
414 border-top: 4px solid #dc3545;
415 padding: 16px 0 10px;
416 border-bottom: 4px solid #dc3545;
417 margin: 10px 0 20px;
418 }
419
420 .wpdocs-specific-sections > button,
421 .wpdocs-specific-sections > div.modal{
422 display:block;
423 }
424
425 .wpdocs-general-sections > button,
426 .wpdocs-specific-sections > div.modal{
427 display:none;
428 }
429
430
431
432
433
434
435
436
437
438
439 .modal.modal-left .modal-dialog,
440 .modal.modal-right .modal-dialog,
441 .modal.modal-top .modal-dialog,
442 .modal.modal-bottom .modal-dialog {
443 -webkit-transform: translate3d(0%, 0, 0);
444 -ms-transform: translate3d(0%, 0, 0);
445 -o-transform: translate3d(0%, 0, 0);
446 transform: translate3d(0%, 0, 0);
447 }
448
449 /* Left & Right */
450
451 .modal.modal-left .modal-dialog,
452 .modal.modal-right .modal-dialog {
453 position: fixed;
454 margin: auto;
455 width: 500px;
456 max-width: 100%;
457 height: 100%;
458 }
459
460 .modal.modal-left .modal-content,
461 .modal.modal-right .modal-content {
462 height: 100%;
463 overflow-y: auto;
464 background-color:transparent;
465 }
466
467 .modal.modal-left .modal-body,
468 .modal.modal-right .modal-body {
469 padding: 15px 15px 80px;
470 }
471
472 .modal.modal-left.fade .modal-dialog {
473 left: -500px;
474 -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
475 -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
476 -o-transition: opacity 0.3s linear, left 0.3s ease-out;
477 transition: opacity 0.3s linear, left 0.3s ease-out;
478 }
479
480 .modal.modal-left.fade.show .modal-dialog {
481 left: 0;
482 }
483
484 .modal.modal-right.fade .modal-dialog {
485 right: -500px;
486 -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
487 -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
488 -o-transition: opacity 0.3s linear, right 0.3s ease-out;
489 transition: opacity 0.3s linear, right 0.3s ease-out;
490 }
491
492 .modal.modal-right.fade.show .modal-dialog {
493 right: 0;
494 padding: 32px 0 0 0;
495 background-color:#333;
496 }
497
498 .modal.modal-left .modal-content,
499 .modal.modal-right .modal-content,
500 .modal.modal-top .modal-content,
501 .modal.modal-bottom .modal-content,
502 .modal.modal-full .modal-content {
503 border-radius: 0;
504 border: none;
505 }
506
507 .modal.modal-left .modal-dialog.modal-sm,
508 .modal.modal-right .modal-dialog.modal-sm {
509 width: 480px;
510 }
511
512 .modal.modal-left .modal-dialog.modal-lg,
513 .modal.modal-right .modal-dialog.modal-lg {
514 width: 800px;
515 }
516
517 .modal.modal-left .modal-dialog.modal-xl,
518 .modal.modal-right .modal-dialog.modal-xl {
519 width: 1140px;
520 }
521
522 /* Top and Bottom */
523
524 .modal.modal-top .modal-dialog,
525 .modal.modal-bottom .modal-dialog {
526 position: fixed;
527 margin: auto;
528 width: 100%;
529 max-width: 100%;
530 height: auto;
531 }
532
533 .modal.modal-top .modal-content,
534 .modal.modal-bottom .modal-content {
535 height: auto;
536 overflow-y: auto;
537 }
538
539 .modal.modal-top .modal-body,
540 .modal.modal-bottom .modal-body {
541 padding: 15px 15px;
542 }
543
544 /* Top */
545
546 .modal.modal-top.fade .modal-dialog {
547 top: -100%;
548 -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
549 -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
550 -o-transition: opacity 0.3s linear, top 0.3s ease-out;
551 transition: opacity 0.3s linear, top 0.3s ease-out;
552 }
553
554 .modal.modal-top.fade.show .modal-dialog {
555 top: 0;
556 }
557
558 /* Bottom */
559
560 .modal.modal-bottom.fade .modal-dialog {
561 bottom: -100%;
562 -webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out;
563 -moz-transition: opacity 0.3s linear, bottom 0.3s ease-out;
564 -o-transition: opacity 0.3s linear, bottom 0.3s ease-out;
565 transition: opacity 0.3s linear, bottom 0.3s ease-out;
566 }
567
568 .modal.modal-bottom.fade.show .modal-dialog {
569 bottom: 0;
570 }
571
572 .modal.modal-bottom.fade .modal-dialog {
573 bottom: -100%;
574 }
575
576 /* Full Screen */
577
578 .modal.modal-full .modal-dialog {
579 position: fixed;
580 margin: auto;
581 width: 100%;
582 max-width: 100%;
583 height: 100%;
584 }
585
586 .modal.modal-full .modal-content {
587 height: 100%;
588 overflow-y: auto;
589 }
590
591 .modal.modal-full .close-modal {
592 position: fixed;
593 top: 0;
594 right: 3rem;
595 }
596
597 /* Footer */
598
599 .modal-footer-fixed {
600 position: fixed;
601 bottom: 0;
602 width: 100%;
603 background: #333;
604 border-radius: 0;
605 }
606
607 .modal-footer-fixed button{
608 cursor:pointer;
609 }
610 /* XS */
611
612 .modal.modal-left.xs .modal-body,
613 .modal.modal-right.xs .modal-body {
614 padding: 15px;
615 }
616
617 /* Full screen modal menu indicators */
618
619 a.has-sub:after { font-family: "FontAwesome"; }
620 a.has-sub:after { content: "\f107"; margin-left: 1rem; }
621 a.has-sub[aria-expanded="true"]:after { content: "\f106"; }
622
623 .wpdocs_log .modal-header button.close{
624 color: #fff;
625 }
626 select.wpdocs_options_allowed_role {
627 width: 100%;
628 }
629
630 .translate_wpdocs_urls {
631 padding: 10px 0 0 6px;
632 }
633 .translate_wpdocs_urls #translate_wpdocs {
634 width: 100%;
635 height: 40px;
636 border: 1px solid #ccc;
637 border-radius: 0;
638 }
639 .translate_wpdocs_urls .translate_wpdocs {
640 padding: 6px 0 0 0;
641 font-size: 14px;
642 }
643 .wpdocs-wrapper .nav-tab-wrapper a.nav-tab{
644 cursor:pointer;
645 }
646 .wpdocs-wrapper .nav-tab-wrapper .nav-tab.nav-tab-active {
647 background-color: #fff;
648 }
649 .nav-tab-wrapper i.fas.fa-file-word {
650 color: #3FA0E7;
651 }
652 .nav-tab-wrapper i.fas.fa-file-pdf {
653 color: #D31517;
654 }
655 .nav-tab-wrapper i.fa.fa-folder {
656 color: #F7C327;
657 }
658 .nav-tab-wrapper i.fas.fa-file-image {
659 color: #390;
660 }
661 .nav-tab-wrapper i.fas.fa-file-archive {
662 color: #a267a2;
663 }
664 .wrap.wpdocs-wrapper .nav-tab-content.hide{
665 display:none;
666 }
667 body.settings_page_wpdocs .ui-dialog-titlebar-close {
668 border: 0;
669 padding: 0 !important;
670 top: -2px !important;
671 position: absolute !important;
672 background: transparent;
673 cursor: pointer;
674 right:6px;
675 }
676 body.settings_page_wpdocs .ui-dialog-buttonset button {
677 background-color: #fff;
678 border: 1px solid rgba(0,0,0,0.1);
679 border-radius: 4px;
680 padding: 2px 16px;
681 color: rgba(0,0,0,0.8);
682 font-size: 14px;
683 }
684 body.settings_page_wpdocs .ui-dialog-titlebar {
685 font-size: 12px;
686 }
687
688 body.settings_page_wpdocs .ui-dialog-buttonset button:hover {
689 background-color: #DDD;
690 }
691 #wpdocs_shortcut_dialog{
692 display:none;
693 }
694 .wpdocs_dialog_field {
695 margin: 0 0 10px;
696 }
697 .wpdocs_dialog_field label {
698 font-size: 12px;
699 margin: 0;
700 font-weight: bold;
701 }
702 .wpdocs_dialog_field input[type="text"],
703 .wpdocs_dialog_field select{
704 width:100%;
705 padding:2px;
706 font-size:14px;
707 }
708 .wp-docs-multi-select{
709 padding:10px 0;
710 font-size:12px;
711 }
712 .wp-docs-multi-select a{
713 cursor:pointer;
714 }
715 .wp-docs-multi-select i.fas{
716 color:#0C0;
717 display:none;
718 }
719 .wp-docs-multi-select.selection-enabled i.fas{
720 display:inline-block;
721 }
722 .wp-docs-multi-select.selection-enabled i.far{
723 display:none;
724 }
725