|
1 /* List table styles */ |
|
2 .post-com-count-wrapper { |
|
3 min-width: 22px; |
|
4 } |
|
5 |
|
6 .post-com-count { |
|
7 background: none; |
|
8 height: 1.3em; |
|
9 line-height: 1.1em; |
|
10 display: block; |
|
11 text-decoration: none; |
|
12 padding: 0 0 6px; |
|
13 cursor: pointer; |
|
14 background-position: center -80px; |
|
15 background-repeat: no-repeat; |
|
16 color: #fff; |
|
17 } |
|
18 |
|
19 .post-com-count:after { /* draw bubble connector using CSS! */ |
|
20 content: ""; |
|
21 display: block; |
|
22 width: 0; |
|
23 height: 0; |
|
24 margin-left: 8px; |
|
25 border-top: 5px solid #b4b9be; |
|
26 border-right: 5px solid transparent; |
|
27 } |
|
28 |
|
29 .post-com-count span { |
|
30 font-size: 11px; |
|
31 font-weight: 600; |
|
32 height: 1.4em; |
|
33 line-height: 1.4em; |
|
34 min-width: 0.7em; |
|
35 padding: 0 6px; |
|
36 display: inline-block; |
|
37 -webkit-border-radius: 5px; |
|
38 border-radius: 5px; |
|
39 background-color: #b4b9be; |
|
40 color: #fff; |
|
41 } |
|
42 |
|
43 .post-com-count:hover { |
|
44 background-position: center -3px; |
|
45 } |
|
46 |
|
47 .post-com-count:hover span { |
|
48 background-color: #00a0d2; |
|
49 } |
|
50 |
|
51 .post-com-count:hover:after { |
|
52 border-top: 5px solid #00a0d2; |
|
53 } |
|
54 |
|
55 strong .post-com-count { |
|
56 background-position: center -55px; |
|
57 } |
|
58 |
|
59 strong .post-com-count span { |
|
60 background-color: #0073aa; |
|
61 } |
|
62 |
|
63 strong .post-com-count:after { |
|
64 border-top: 5px solid #0073aa; |
|
65 } |
|
66 |
|
67 .column-response .post-com-count { |
|
68 float: left; |
|
69 margin-right: 5px; |
|
70 text-align: center; |
|
71 } |
|
72 |
|
73 .response-links { |
|
74 float: left; |
|
75 } |
|
76 |
|
77 /* comments */ |
|
78 |
|
79 .commentlist li { |
|
80 padding: 1em 1em .2em; |
|
81 margin: 0; |
|
82 border-bottom: 1px solid #ccc; |
|
83 } |
|
84 |
|
85 .commentlist li li { |
|
86 border-bottom: 0; |
|
87 padding: 0; |
|
88 } |
|
89 |
|
90 .commentlist p { |
|
91 padding: 0; |
|
92 margin: 0 0 .8em; |
|
93 } |
|
94 |
|
95 #submitted-on, |
|
96 .submitted-on { |
|
97 color: #777; |
|
98 } |
|
99 |
|
100 /* reply to comments */ |
|
101 #replyrow td { |
|
102 padding: 2px; |
|
103 } |
|
104 |
|
105 #replysubmit { |
|
106 margin: 0; |
|
107 padding: 0 5px 3px; |
|
108 text-align: center; |
|
109 } |
|
110 |
|
111 #replysubmit .button { |
|
112 margin-right: 5px; |
|
113 } |
|
114 |
|
115 #replysubmit .error { |
|
116 color: red; |
|
117 line-height: 21px; |
|
118 text-align: center; |
|
119 } |
|
120 |
|
121 #replyrow h5 { |
|
122 margin: .2em 0 0; |
|
123 padding: 0 5px; |
|
124 line-height: 1.4em; |
|
125 font-size: 1em; |
|
126 } |
|
127 |
|
128 #edithead .inside { |
|
129 float: left; |
|
130 padding: 3px 0 2px 5px; |
|
131 margin: 0; |
|
132 text-align: center; |
|
133 } |
|
134 |
|
135 #edithead .inside input { |
|
136 width: 180px; |
|
137 } |
|
138 |
|
139 #edithead label { |
|
140 padding: 2px 0; |
|
141 } |
|
142 |
|
143 #replycontainer { |
|
144 padding: 5px; |
|
145 } |
|
146 |
|
147 #replycontent { |
|
148 height: 120px; |
|
149 -webkit-box-shadow: none; |
|
150 box-shadow: none; |
|
151 } |
|
152 |
|
153 #replyerror { |
|
154 border-color: #ddd; |
|
155 background-color: #f9f9f9; |
|
156 } |
|
157 |
|
158 /* @todo: is this used? */ |
|
159 .commentlist .avatar { |
|
160 vertical-align: text-top; |
|
161 } |
|
162 |
|
163 #the-comment-list .attachment-80x60 { |
|
164 padding: 4px 8px; |
|
165 } |
|
166 |
|
167 #the-comment-list tr.undo, |
|
168 #the-comment-list div.undo { |
|
169 background-color: #f4f4f4; |
|
170 } |
|
171 |
|
172 #the-comment-list .unapproved th, |
|
173 #the-comment-list .unapproved td { |
|
174 background-color: #fef7f1; |
|
175 } |
|
176 |
|
177 #the-comment-list .unapproved th.check-column { |
|
178 border-left: 4px solid #d54e21; |
|
179 } |
|
180 |
|
181 #the-comment-list .unapproved th.check-column input { |
|
182 margin-left: 4px; |
|
183 } |
|
184 |
|
185 #the-comment-list .approve a { |
|
186 color: #006505; |
|
187 } |
|
188 |
|
189 #the-comment-list .unapprove a { |
|
190 color: #d98500; |
|
191 } |
|
192 |
|
193 #the-comment-list th, |
|
194 #the-comment-list td { |
|
195 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
|
196 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
|
197 } |
|
198 |
|
199 #the-comment-list tr:last-child th, |
|
200 #the-comment-list tr:last-child td { |
|
201 -webkit-box-shadow: none; |
|
202 box-shadow: none; |
|
203 } |
|
204 |
|
205 #the-comment-list tr.unapproved + tr.approved th, |
|
206 #the-comment-list tr.unapproved + tr.approved td { |
|
207 border-top: 1px solid rgba(0, 0, 0, 0.03); |
|
208 } |
|
209 |
|
210 /* table vim shortcuts */ |
|
211 .vim-current, |
|
212 .vim-current th, |
|
213 .vim-current td { |
|
214 background-color: #e4f2fd !important; |
|
215 } |
|
216 |
|
217 th .comment-grey-bubble { |
|
218 height: 16px; |
|
219 width: 16px; |
|
220 } |
|
221 |
|
222 th .comment-grey-bubble:before { |
|
223 content: '\f101'; |
|
224 font: normal 20px/.5 'dashicons'; |
|
225 speak: none; |
|
226 display: inline-block; |
|
227 padding: 0; |
|
228 top: 4px; |
|
229 left: -4px; |
|
230 position: relative; |
|
231 vertical-align: top; |
|
232 -webkit-font-smoothing: antialiased; |
|
233 -moz-osx-font-smoothing: grayscale; |
|
234 text-decoration: none !important; |
|
235 color: #444; |
|
236 } |
|
237 |
|
238 /*------------------------------------------------------------------------------ |
|
239 10.0 - List Posts (/Pages/etc) |
|
240 ------------------------------------------------------------------------------*/ |
|
241 |
|
242 table.fixed { |
|
243 table-layout: fixed; |
|
244 } |
|
245 |
|
246 .fixed .column-rating, |
|
247 .fixed .column-visible { |
|
248 width: 8%; |
|
249 } |
|
250 |
|
251 .fixed .column-posts, |
|
252 .fixed .column-date, |
|
253 .fixed .column-parent, |
|
254 .fixed .column-links, |
|
255 .fixed .column-author, |
|
256 .fixed .column-format { |
|
257 width: 10%; |
|
258 } |
|
259 |
|
260 .fixed .column-posts { |
|
261 width: 74px; |
|
262 } |
|
263 |
|
264 .fixed .column-comment .comment-author { |
|
265 display: none; |
|
266 } |
|
267 |
|
268 .fixed .column-response, |
|
269 .fixed .column-categories, |
|
270 .fixed .column-tags, |
|
271 .fixed .column-rel, |
|
272 .fixed .column-role { |
|
273 width: 15%; |
|
274 } |
|
275 |
|
276 .fixed .column-slug { |
|
277 width: 25%; |
|
278 } |
|
279 |
|
280 .fixed .column-locations { |
|
281 width: 35%; |
|
282 } |
|
283 |
|
284 .fixed .column-comments { |
|
285 width: 4em; |
|
286 padding: 8px 0; |
|
287 text-align: left; |
|
288 } |
|
289 |
|
290 .fixed .column-comments .vers { |
|
291 padding-left: 3px; |
|
292 } |
|
293 |
|
294 .fixed .column-comments a { |
|
295 float: left; |
|
296 } |
|
297 |
|
298 .fixed .column-icon { |
|
299 width: 80px; |
|
300 } |
|
301 |
|
302 /* @todo: pick a consistent list table selector */ |
|
303 .wp-list-table a { |
|
304 -webkit-transition: none; |
|
305 transition: none; |
|
306 } |
|
307 |
|
308 #the-list tr:last-child td, |
|
309 #the-list tr:last-child th { |
|
310 border-bottom: none !important; |
|
311 -webkit-box-shadow: none; |
|
312 box-shadow: none; |
|
313 } |
|
314 |
|
315 #comments-form .fixed .column-author { |
|
316 width: 20%; |
|
317 } |
|
318 |
|
319 #commentsdiv.postbox .inside { |
|
320 margin: 0; |
|
321 padding: 0; |
|
322 } |
|
323 |
|
324 #commentsdiv .inside .row-actions { |
|
325 line-height:18px; |
|
326 } |
|
327 |
|
328 #commentsdiv .inside .column-author { |
|
329 width: 25%; |
|
330 } |
|
331 |
|
332 #commentsdiv .column-comment p { |
|
333 margin: 0.6em 0; |
|
334 padding: 0; |
|
335 } |
|
336 |
|
337 #commentsdiv #replyrow td { |
|
338 padding: 0; |
|
339 } |
|
340 |
|
341 #commentsdiv p { |
|
342 padding: 8px 10px; |
|
343 margin: 0; |
|
344 } |
|
345 |
|
346 #commentsdiv .comments-box { |
|
347 border: 0 none; |
|
348 } |
|
349 |
|
350 #commentsdiv .comments-box thead th { |
|
351 background: transparent; |
|
352 padding: 0 7px 4px; |
|
353 font-style: italic; |
|
354 } |
|
355 |
|
356 #commentsdiv .comments-box tr:last-child td { |
|
357 border-bottom: 0 none; |
|
358 } |
|
359 |
|
360 .sorting-indicator { |
|
361 display: none; |
|
362 width: 10px; |
|
363 height: 4px; |
|
364 margin-top: 8px; |
|
365 margin-left: 7px; |
|
366 } |
|
367 |
|
368 .sorting-indicator:before { |
|
369 background: none; |
|
370 content: '\f142'; |
|
371 font: normal 20px/1 'dashicons'; |
|
372 speak: none; |
|
373 display: inline-block; |
|
374 padding: 0; |
|
375 top: -4px; |
|
376 left: -8px; |
|
377 color: #444; |
|
378 line-height: 10px; |
|
379 position: relative; |
|
380 vertical-align: top; |
|
381 -webkit-font-smoothing: antialiased; |
|
382 -moz-osx-font-smoothing: grayscale; |
|
383 text-decoration: none !important; |
|
384 color: #444; |
|
385 } |
|
386 |
|
387 .column-comments .sorting-indicator:before { |
|
388 top: 0; |
|
389 left: -10px; |
|
390 } |
|
391 |
|
392 th.sorted.asc .sorting-indicator:before, |
|
393 th.desc:hover span.sorting-indicator:before { |
|
394 content: '\f142'; |
|
395 } |
|
396 |
|
397 th.sorted.desc .sorting-indicator:before, |
|
398 th.asc:hover span.sorting-indicator:before { |
|
399 content: '\f140'; |
|
400 } |
|
401 |
|
402 tr.wp-locked .locked-indicator { |
|
403 margin-left: 6px; |
|
404 height: 20px; |
|
405 width: 16px; |
|
406 } |
|
407 |
|
408 tr.wp-locked .locked-indicator:before { |
|
409 color: #82878c; |
|
410 content: '\f160'; |
|
411 display: inline-block; |
|
412 float: left; |
|
413 font: normal 20px/1 'dashicons'; |
|
414 speak: none; |
|
415 vertical-align: middle; |
|
416 margin-left: 0; |
|
417 -webkit-font-smoothing: antialiased; |
|
418 -moz-osx-font-smoothing: grayscale; |
|
419 } |
|
420 |
|
421 tr.wp-locked .check-column label, |
|
422 tr.wp-locked .check-column input[type="checkbox"], |
|
423 tr.wp-locked .row-actions .inline, |
|
424 tr.wp-locked .row-actions .trash { |
|
425 display: none; |
|
426 } |
|
427 |
|
428 tr .locked-info { |
|
429 height: 0; |
|
430 opacity: 0; |
|
431 } |
|
432 |
|
433 tr.wp-locked .locked-info { |
|
434 margin-top: 8px; |
|
435 height: auto; |
|
436 opacity: 1; |
|
437 } |
|
438 |
|
439 .locked-text { |
|
440 vertical-align: top; |
|
441 } |
|
442 |
|
443 tr.locked-info, tr.wp-locked .locked-info { |
|
444 -webkit-transition: height 1s, opacity 0.5s; |
|
445 transition: height 1s, opacity 0.5s; |
|
446 } |
|
447 |
|
448 .fixed .column-comments .sorting-indicator { |
|
449 margin-top: 3px; |
|
450 } |
|
451 |
|
452 #menu-locations-wrap .widefat { |
|
453 width: 60%; |
|
454 } |
|
455 |
|
456 .widefat th.sortable, |
|
457 .widefat th.sorted { |
|
458 padding: 0; |
|
459 } |
|
460 |
|
461 th.sortable a, |
|
462 th.sorted a { |
|
463 display: block; |
|
464 overflow: hidden; |
|
465 padding: 7px 7px 8px 10px; |
|
466 } |
|
467 |
|
468 .fixed .column-comments.sortable a, |
|
469 .fixed .column-comments.sorted a { |
|
470 padding: 8px 0; |
|
471 } |
|
472 |
|
473 th.sortable a span, |
|
474 th.sorted a span { |
|
475 float: left; |
|
476 cursor: pointer; |
|
477 } |
|
478 |
|
479 th.sorted.asc .sorting-indicator, |
|
480 th.desc:hover span.sorting-indicator { |
|
481 display: block; |
|
482 background-position: 0 0; |
|
483 } |
|
484 |
|
485 th.sorted.desc .sorting-indicator, |
|
486 th.asc:hover span.sorting-indicator { |
|
487 display: block; |
|
488 background-position: -7px 0; |
|
489 } |
|
490 |
|
491 /* Bulk Actions */ |
|
492 .tablenav-pages a { |
|
493 font-weight: 600; |
|
494 margin-right: 1px; |
|
495 padding: 0 2px; |
|
496 } |
|
497 .tablenav-pages .current-page { |
|
498 padding-top: 0; |
|
499 text-align: center; |
|
500 } |
|
501 .tablenav-pages .next-page { |
|
502 margin-left: 2px; |
|
503 } |
|
504 |
|
505 .tablenav a.button-secondary { |
|
506 display: block; |
|
507 margin: 3px 8px 0 0; |
|
508 } |
|
509 |
|
510 .tablenav { |
|
511 clear: both; |
|
512 height: 30px; |
|
513 margin: 6px 0 4px; |
|
514 vertical-align: middle; |
|
515 } |
|
516 |
|
517 .tablenav.themes { |
|
518 max-width: 98%; |
|
519 } |
|
520 |
|
521 .tablenav .tablenav-pages { |
|
522 float: right; |
|
523 display: block; |
|
524 cursor: default; |
|
525 height: 30px; |
|
526 color: #555; |
|
527 line-height: 30px; |
|
528 font-size: 12px; |
|
529 } |
|
530 |
|
531 .tablenav .no-pages, |
|
532 .tablenav .one-page .pagination-links { |
|
533 display: none; |
|
534 } |
|
535 |
|
536 .tablenav .tablenav-pages a, |
|
537 .tablenav-pages span.current { |
|
538 text-decoration: none; |
|
539 padding: 3px 6px; |
|
540 } |
|
541 |
|
542 .tablenav .tablenav-pages a { |
|
543 padding: 0 10px 3px; |
|
544 background: #eee; |
|
545 background: rgba( 0, 0, 0, 0.05 ); |
|
546 font-size: 16px; |
|
547 font-weight: normal; |
|
548 } |
|
549 |
|
550 .tablenav .tablenav-pages a:hover, |
|
551 .tablenav .tablenav-pages a:focus { |
|
552 color: #fff; |
|
553 background: #00a0d2; |
|
554 } |
|
555 |
|
556 .tablenav .tablenav-pages a.disabled, |
|
557 .tablenav .tablenav-pages a.disabled:hover, |
|
558 .tablenav .tablenav-pages a.disabled:focus, |
|
559 .tablenav .tablenav-pages a.disabled:active { |
|
560 color: #a0a5aa; |
|
561 background: #eee; |
|
562 background: rgba( 0, 0, 0, 0.05 ); |
|
563 } |
|
564 |
|
565 .tablenav .displaying-num { |
|
566 margin-right: 2px; |
|
567 color: #777; |
|
568 font-size: 12px; |
|
569 font-style: italic; |
|
570 } |
|
571 |
|
572 .tablenav .actions { |
|
573 overflow: hidden; |
|
574 padding: 2px 8px 0 0; |
|
575 } |
|
576 |
|
577 .wp-filter .actions { |
|
578 display: inline-block; |
|
579 vertical-align: middle; |
|
580 } |
|
581 |
|
582 .tablenav .delete { |
|
583 margin-right: 20px; |
|
584 } |
|
585 |
|
586 /* @todo: unclear if the following tablenav rules are actually used. |
|
587 classes exist in paginate_links() but not seen in list table output. */ |
|
588 .tablenav .dots { |
|
589 border-color: transparent; |
|
590 } |
|
591 |
|
592 .tablenav .next, |
|
593 .tablenav .prev { |
|
594 border-color: transparent; |
|
595 color: #0073aa; |
|
596 } |
|
597 |
|
598 .tablenav .next:hover, |
|
599 .tablenav .prev:hover { |
|
600 border-color: transparent; |
|
601 color: #00a0d2; |
|
602 } |
|
603 |
|
604 .tablenav .view-switch { |
|
605 float: right; |
|
606 margin: 5px 16px 0 8px; |
|
607 } |
|
608 |
|
609 .wp-filter .view-switch { |
|
610 display: inline-block; |
|
611 vertical-align: middle; |
|
612 padding: 15px 0; |
|
613 margin: 0 20px 0 0; |
|
614 } |
|
615 |
|
616 .view-switch a { |
|
617 text-decoration: none; |
|
618 } |
|
619 |
|
620 .view-switch > a { |
|
621 display: inline-block; |
|
622 width: 18px; |
|
623 height: 18px; |
|
624 } |
|
625 |
|
626 .view-switch > a:before { |
|
627 color: #b4b9be; |
|
628 display: inline-block; |
|
629 float: left; |
|
630 font: normal 20px/1 'dashicons'; |
|
631 speak: none; |
|
632 vertical-align: middle; |
|
633 margin-left: 0; |
|
634 -webkit-font-smoothing: antialiased; |
|
635 -moz-osx-font-smoothing: grayscale; |
|
636 } |
|
637 |
|
638 .view-switch > .view-list:before { |
|
639 content: '\f163'; |
|
640 } |
|
641 |
|
642 .view-switch a:hover:before { |
|
643 color: #727272; |
|
644 } |
|
645 |
|
646 .view-switch a.current:before { |
|
647 color: #0073aa; |
|
648 } |
|
649 |
|
650 .view-switch > a + a { |
|
651 margin-left: 5px; |
|
652 } |
|
653 |
|
654 .view-switch > .view-excerpt:before { |
|
655 content: '\f164'; |
|
656 } |
|
657 |
|
658 .view-switch > .view-grid:before { |
|
659 content: '\f509'; |
|
660 } |
|
661 |
|
662 .filter { |
|
663 float: left; |
|
664 margin: -5px 0 0 10px; |
|
665 } |
|
666 |
|
667 .filter .subsubsub { |
|
668 margin-left: -10px; |
|
669 margin-top: 13px; |
|
670 } |
|
671 .screen-per-page { |
|
672 width: 4em; |
|
673 } |
|
674 |
|
675 #posts-filter .wp-filter { |
|
676 margin-bottom: 0; |
|
677 } |
|
678 |
|
679 #posts-filter fieldset { |
|
680 float: left; |
|
681 margin: 0 1.5ex 1em 0; |
|
682 padding: 0; |
|
683 } |
|
684 |
|
685 #posts-filter fieldset legend { |
|
686 padding: 0 0 .2em 1px; |
|
687 } |
|
688 |
|
689 p.pagenav { |
|
690 margin: 0; |
|
691 display: inline; |
|
692 } |
|
693 |
|
694 .pagenav span { |
|
695 font-weight: 600; |
|
696 margin: 0 6px; |
|
697 } |
|
698 |
|
699 .row-title { |
|
700 font-size: 14px !important; |
|
701 font-weight: 600; |
|
702 } |
|
703 |
|
704 .column-comment .comment-author { |
|
705 margin-bottom: 0.6em; |
|
706 } |
|
707 |
|
708 .column-author img, |
|
709 .column-username img, |
|
710 .column-comment .comment-author img { |
|
711 float: left; |
|
712 margin-right: 10px; |
|
713 margin-top: 1px; |
|
714 } |
|
715 |
|
716 .row-actions { |
|
717 color: #ddd; |
|
718 font-size: 13px; |
|
719 visibility: hidden; |
|
720 padding: 2px 0 0; |
|
721 } |
|
722 |
|
723 tr:hover .row-actions, |
|
724 .mobile .row-actions, |
|
725 .row-actions.visible, |
|
726 div.comment-item:hover .row-actions { |
|
727 visibility: visible; |
|
728 } |
|
729 |
|
730 /* deprecated */ |
|
731 .row-actions-visible { |
|
732 padding: 2px 0 0; |
|
733 } |
|
734 |
|
735 |
|
736 /*------------------------------------------------------------------------------ |
|
737 10.1 - Inline Editing |
|
738 ------------------------------------------------------------------------------*/ |
|
739 |
|
740 /* |
|
741 .quick-edit* is for Quick Edit |
|
742 .bulk-edit* is for Bulk Edit |
|
743 .inline-edit* is for everything |
|
744 */ |
|
745 |
|
746 /* Layout */ |
|
747 |
|
748 #wpbody-content .inline-edit-row fieldset { |
|
749 font-size: 12px; |
|
750 float: left; |
|
751 margin: 0; |
|
752 padding: 0; |
|
753 width: 100%; |
|
754 } |
|
755 |
|
756 tr.inline-edit-row td, |
|
757 #wpbody-content .inline-edit-row fieldset .inline-edit-col { |
|
758 padding: 0 0.5em; |
|
759 } |
|
760 |
|
761 #wpbody-content .quick-edit-row-page fieldset.inline-edit-col-right .inline-edit-col { |
|
762 border-width: 0 0 0 1px; |
|
763 border-style: none none none solid; |
|
764 } |
|
765 |
|
766 #wpbody-content .quick-edit-row-post .inline-edit-col-left { |
|
767 width: 40%; |
|
768 } |
|
769 |
|
770 #wpbody-content .quick-edit-row-post .inline-edit-col-right { |
|
771 width: 39%; |
|
772 } |
|
773 |
|
774 #wpbody-content .inline-edit-row-post .inline-edit-col-center { |
|
775 width: 20%; |
|
776 } |
|
777 |
|
778 #wpbody-content .quick-edit-row-page .inline-edit-col-left { |
|
779 width: 50%; |
|
780 } |
|
781 |
|
782 #wpbody-content .quick-edit-row-page .inline-edit-col-right, |
|
783 #wpbody-content .bulk-edit-row-post .inline-edit-col-right { |
|
784 width: 49%; |
|
785 } |
|
786 |
|
787 #wpbody-content .bulk-edit-row .inline-edit-col-left { |
|
788 width: 30%; |
|
789 } |
|
790 |
|
791 #wpbody-content .bulk-edit-row-page .inline-edit-col-right { |
|
792 width: 69%; |
|
793 } |
|
794 |
|
795 #wpbody-content .bulk-edit-row .inline-edit-col-bottom { |
|
796 float: right; |
|
797 width: 69%; |
|
798 } |
|
799 |
|
800 #wpbody-content .inline-edit-row-page .inline-edit-col-right { |
|
801 margin-top: 27px; |
|
802 } |
|
803 |
|
804 .inline-edit-row fieldset .inline-edit-group { |
|
805 clear: both; |
|
806 line-height: 2.5; |
|
807 } |
|
808 |
|
809 .inline-edit-row fieldset .inline-edit-group:after { |
|
810 content: "."; |
|
811 display: block; |
|
812 height: 0; |
|
813 clear: both; |
|
814 visibility: hidden; |
|
815 } |
|
816 |
|
817 .inline-edit-row p.submit { |
|
818 clear: both; |
|
819 padding: 0.5em; |
|
820 margin: 0.5em 0 0; |
|
821 } |
|
822 |
|
823 .inline-edit-row span.error { |
|
824 line-height: 22px; |
|
825 margin: 0 15px; |
|
826 padding: 3px 5px; |
|
827 } |
|
828 |
|
829 /* Positioning */ |
|
830 .inline-edit-row h4 { |
|
831 margin: .2em 0; |
|
832 padding: 0; |
|
833 line-height: 2.5; |
|
834 } |
|
835 .inline-edit-row fieldset span.title, |
|
836 .inline-edit-row fieldset span.checkbox-title { |
|
837 margin: 0; |
|
838 padding: 0; |
|
839 } |
|
840 |
|
841 .inline-edit-row fieldset label, |
|
842 .inline-edit-row fieldset span.inline-edit-categories-label { |
|
843 display: block; |
|
844 margin: .2em 0; |
|
845 line-height: 2.5; |
|
846 } |
|
847 |
|
848 .inline-edit-row fieldset label.inline-edit-tags { |
|
849 margin-top: 0; |
|
850 } |
|
851 |
|
852 .inline-edit-row fieldset label.inline-edit-tags span.title { |
|
853 margin: .2em 0; |
|
854 width: auto; |
|
855 } |
|
856 |
|
857 .inline-edit-row fieldset label span.title { |
|
858 display: block; |
|
859 float: left; |
|
860 width: 5em; |
|
861 line-height: 2.5; |
|
862 } |
|
863 |
|
864 .inline-edit-row fieldset label span.input-text-wrap { |
|
865 display: block; |
|
866 margin-left: 5em; |
|
867 } |
|
868 |
|
869 .quick-edit-row-post fieldset.inline-edit-col-right label span.title { |
|
870 width: auto; |
|
871 padding-right: 0.5em; |
|
872 } |
|
873 |
|
874 .inline-edit-row .inline-edit-or { |
|
875 margin: .2em 6px .2em 0; |
|
876 line-height: 2.5; |
|
877 } |
|
878 |
|
879 .inline-edit-row .input-text-wrap input[type=text] { |
|
880 width: 100%; |
|
881 } |
|
882 |
|
883 .inline-edit-row fieldset label input[type=checkbox] { |
|
884 vertical-align: middle; |
|
885 } |
|
886 |
|
887 .inline-edit-row fieldset label textarea { |
|
888 width: 100%; |
|
889 height: 4em; |
|
890 vertical-align: top; |
|
891 } |
|
892 |
|
893 #wpbody-content .bulk-edit-row fieldset .inline-edit-group label { |
|
894 max-width: 50%; |
|
895 } |
|
896 |
|
897 #wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child { |
|
898 margin-right: 0.5em |
|
899 } |
|
900 |
|
901 .inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input { |
|
902 width: 6em; |
|
903 } |
|
904 |
|
905 /* Styling */ |
|
906 .inline-edit-row h4 { |
|
907 text-transform: uppercase; |
|
908 } |
|
909 |
|
910 .inline-edit-row fieldset span.title, |
|
911 .inline-edit-row fieldset span.checkbox-title { |
|
912 font-style: italic; |
|
913 } |
|
914 |
|
915 /* Specific Elements */ |
|
916 .inline-edit-row fieldset .inline-edit-date { |
|
917 float: left; |
|
918 } |
|
919 |
|
920 .inline-edit-row fieldset input[name=jj], |
|
921 .inline-edit-row fieldset input[name=hh], |
|
922 .inline-edit-row fieldset input[name=mn] { |
|
923 font-size: 12px; |
|
924 width: 2.3em; |
|
925 } |
|
926 |
|
927 .inline-edit-row fieldset input[name=aa] { |
|
928 font-size: 12px; |
|
929 width: 3.5em; |
|
930 } |
|
931 |
|
932 .inline-edit-row fieldset label input.inline-edit-password-input { |
|
933 width: 8em; |
|
934 } |
|
935 |
|
936 ul.cat-checklist { |
|
937 height: 12em; |
|
938 border: solid 1px #ddd; |
|
939 overflow-y: scroll; |
|
940 padding: 0 5px; |
|
941 margin: 0; |
|
942 background-color: #fff; |
|
943 } |
|
944 |
|
945 #bulk-titles { |
|
946 display: block; |
|
947 height: 12em; |
|
948 border: 1px solid #ddd; |
|
949 overflow-y: scroll; |
|
950 padding: 0 5px; |
|
951 margin: 0 0 5px; |
|
952 } |
|
953 |
|
954 .inline-edit-row fieldset ul.cat-checklist li, |
|
955 .inline-edit-row fieldset ul.cat-checklist input { |
|
956 margin: 0; |
|
957 position: relative; /* RTL fix, #WP27629 */ |
|
958 } |
|
959 |
|
960 .inline-edit-row fieldset ul.cat-checklist label, |
|
961 .inline-edit-row #bulk-titles div { |
|
962 font-style: normal; |
|
963 font-size: 11px; |
|
964 } |
|
965 |
|
966 .inline-edit-row fieldset label input.inline-edit-menu-order-input { |
|
967 width: 3em; |
|
968 } |
|
969 |
|
970 .inline-edit-row fieldset label input.inline-edit-slug-input { |
|
971 width: 75%; |
|
972 } |
|
973 |
|
974 .inline-edit-row #post_parent, |
|
975 .inline-edit-row select[name="page_template"] { |
|
976 max-width: 80%; |
|
977 } |
|
978 |
|
979 .ie8 .inline-edit-row #post_parent, |
|
980 .ie8 .inline-edit-row select[name="page_template"] { |
|
981 width: 250px; |
|
982 } |
|
983 |
|
984 .quick-edit-row-post fieldset label.inline-edit-status { |
|
985 float: left; |
|
986 } |
|
987 |
|
988 #bulk-titles { |
|
989 line-height: 140%; |
|
990 } |
|
991 #bulk-titles div { |
|
992 margin: 0.2em 0.3em; |
|
993 } |
|
994 |
|
995 #bulk-titles div a { |
|
996 cursor: pointer; |
|
997 display: block; |
|
998 float: left; |
|
999 height: 18px; |
|
1000 margin: 0 3px 0 -2px; |
|
1001 overflow: hidden; |
|
1002 position: relative; |
|
1003 width: 20px; |
|
1004 } |
|
1005 |
|
1006 #bulk-titles div a:before { |
|
1007 position: relative; |
|
1008 top: -3px; |
|
1009 } |
|
1010 |
|
1011 /*------------------------------------------------------------------------------ |
|
1012 17.0 - Plugins |
|
1013 ------------------------------------------------------------------------------*/ |
|
1014 |
|
1015 .plugins tbody th.check-column, |
|
1016 .plugins tbody { |
|
1017 padding: 8px 0 0 2px; |
|
1018 } |
|
1019 |
|
1020 .plugins tbody th.check-column input[type=checkbox] { |
|
1021 margin-top: 4px; |
|
1022 } |
|
1023 |
|
1024 #update-plugins-table tbody td p { |
|
1025 margin-top: 0; |
|
1026 } |
|
1027 |
|
1028 #update-plugins-table tbody td p strong { |
|
1029 font-size: 14px; |
|
1030 } |
|
1031 |
|
1032 .plugins thead th.check-column, |
|
1033 .plugins tfoot th.check-column, |
|
1034 .plugins .inactive th.check-column { |
|
1035 padding-left: 6px; |
|
1036 } |
|
1037 |
|
1038 #update-plugins-table thead th.check-column, |
|
1039 #update-plugins-table tfoot th.check-column { |
|
1040 padding-top: 11px; |
|
1041 } |
|
1042 |
|
1043 .plugins, |
|
1044 .plugins th, |
|
1045 .plugins td { |
|
1046 color: #000; |
|
1047 } |
|
1048 |
|
1049 .plugins tr { |
|
1050 background: #fff; |
|
1051 } |
|
1052 |
|
1053 .plugins p { |
|
1054 margin: 0 4px; |
|
1055 padding: 0; |
|
1056 } |
|
1057 |
|
1058 .plugins .desc p { |
|
1059 margin: 0 0 8px; |
|
1060 } |
|
1061 |
|
1062 .plugins td.desc { |
|
1063 line-height: 1.5em; |
|
1064 } |
|
1065 |
|
1066 .plugins .desc ul, |
|
1067 .plugins .desc ol { |
|
1068 margin: 0 0 0 2em; |
|
1069 } |
|
1070 |
|
1071 .plugins .desc ul { |
|
1072 list-style-type: disc; |
|
1073 } |
|
1074 |
|
1075 .plugins .row-actions { |
|
1076 font-size: 13px; |
|
1077 padding: 0; |
|
1078 } |
|
1079 |
|
1080 .plugins .inactive td, |
|
1081 .plugins .inactive th, |
|
1082 .plugins .active td, |
|
1083 .plugins .active th { |
|
1084 padding: 10px 9px; |
|
1085 } |
|
1086 |
|
1087 .plugins .active td, |
|
1088 .plugins .active th { |
|
1089 background-color: #f7fcfe; |
|
1090 } |
|
1091 |
|
1092 .plugins .update th, |
|
1093 .plugins .update td { |
|
1094 border-bottom: 0; |
|
1095 } |
|
1096 |
|
1097 .plugin-update-tr td { |
|
1098 border-top: 0; |
|
1099 } |
|
1100 |
|
1101 .plugins .inactive td, |
|
1102 .plugins .inactive th, |
|
1103 .plugins .active td, |
|
1104 .plugins .active th, |
|
1105 .plugin-install #the-list td, |
|
1106 .upgrade .plugins td, |
|
1107 .upgrade .plugins th { |
|
1108 -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); |
|
1109 box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); |
|
1110 } |
|
1111 |
|
1112 .plugins tr.active.plugin-update-tr + tr.inactive th, |
|
1113 .plugins tr.active.plugin-update-tr + tr.inactive td, |
|
1114 .plugins tr.active + tr.inactive th, |
|
1115 .plugins tr.active + tr.inactive td { |
|
1116 border-top: 1px solid rgba(0,0,0,0.03); |
|
1117 -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1; |
|
1118 box-shadow: inset 0 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1; |
|
1119 } |
|
1120 |
|
1121 .plugins .update td, |
|
1122 .plugins .update th, |
|
1123 .upgrade .plugins tr:last-of-type td, |
|
1124 .upgrade .plugins tr:last-of-type th, |
|
1125 .plugins tr.active + tr.inactive.update th, |
|
1126 .plugins tr.active + tr.inactive.update td, |
|
1127 .plugins .updated td, |
|
1128 .plugins .updated th, |
|
1129 .plugins tr.active + tr.inactive.updated th, |
|
1130 .plugins tr.active + tr.inactive.updated td { |
|
1131 -webkit-box-shadow: none; |
|
1132 box-shadow: none; |
|
1133 } |
|
1134 |
|
1135 .plugins .active.update td, |
|
1136 .plugins .active.update th, |
|
1137 tr.active.update + tr.plugin-update-tr .plugin-update { |
|
1138 background-color: #fef7f1; |
|
1139 } |
|
1140 |
|
1141 .plugins .active th.check-column, |
|
1142 .plugin-update-tr.active td { |
|
1143 border-left: 4px solid #00a0d2; |
|
1144 } |
|
1145 |
|
1146 .plugins .active.update th.check-column, |
|
1147 .plugins .active.update + .plugin-update-tr .plugin-update { |
|
1148 border-left: 4px solid #d54e21; |
|
1149 } |
|
1150 |
|
1151 #wpbody-content .plugins .plugin-title, |
|
1152 #wpbody-content .plugins .theme-title { |
|
1153 padding-right: 12px; |
|
1154 white-space:nowrap; |
|
1155 } |
|
1156 |
|
1157 .plugins .inactive .plugin-title strong { |
|
1158 font-weight: 400; |
|
1159 } |
|
1160 |
|
1161 .plugins .second, |
|
1162 .plugins .row-actions { |
|
1163 padding: 0 0 5px; |
|
1164 } |
|
1165 |
|
1166 .plugins .update .second, |
|
1167 .plugins .update .row-actions, |
|
1168 .plugins .updated .second, |
|
1169 .plugins .updated .row-actions { |
|
1170 padding-bottom: 0; |
|
1171 } |
|
1172 |
|
1173 .plugins-php .widefat tfoot th, |
|
1174 .plugins-php .widefat tfoot td { |
|
1175 border-top-style: solid; |
|
1176 border-top-width: 1px; |
|
1177 } |
|
1178 |
|
1179 .plugin-update-tr .update-message { |
|
1180 font-size: 13px; |
|
1181 font-weight: normal; |
|
1182 margin: 6px 12px 12px; |
|
1183 padding: 6px 12px; |
|
1184 margin: 0 10px 8px 31px; |
|
1185 background-color: #f7f7f7; |
|
1186 background-color: rgba(0,0,0,0.03); |
|
1187 } |
|
1188 |
|
1189 .plugin-update-tr .update-message:before, |
|
1190 .plugin-card .update-now:before, |
|
1191 .plugin-card .install-now:before { |
|
1192 color: #d54e21; |
|
1193 display: inline-block; |
|
1194 font: normal 20px/1 'dashicons'; |
|
1195 speak: none; |
|
1196 -webkit-font-smoothing: antialiased; |
|
1197 -moz-osx-font-smoothing: grayscale; |
|
1198 vertical-align: top; |
|
1199 } |
|
1200 |
|
1201 .plugin-update-tr .update-message:before, |
|
1202 .plugin-card .update-now:before { |
|
1203 content: '\f463'; |
|
1204 } |
|
1205 |
|
1206 .plugin-update-tr .update-message:before { |
|
1207 margin: 0 8px 0 -2px; |
|
1208 } |
|
1209 |
|
1210 .plugin-card .update-now:before, |
|
1211 .plugin-card .install-now:before { |
|
1212 margin: 3px 5px 0 -2px; |
|
1213 } |
|
1214 |
|
1215 .plugin-update-tr .updating-message:before, |
|
1216 .plugin-card .updating-message:before { |
|
1217 content: '\f463'; |
|
1218 -webkit-animation: rotation 2s infinite linear; |
|
1219 animation: rotation 2s infinite linear; |
|
1220 } |
|
1221 |
|
1222 @-webkit-keyframes rotation { |
|
1223 0% { |
|
1224 -webkit-transform: rotate(0deg); |
|
1225 transform: rotate(0deg); |
|
1226 } |
|
1227 100% { |
|
1228 -webkit-transform: rotate(359deg); |
|
1229 transform: rotate(359deg); |
|
1230 } |
|
1231 } |
|
1232 |
|
1233 @keyframes rotation { |
|
1234 0% { |
|
1235 -webkit-transform: rotate(0deg); |
|
1236 transform: rotate(0deg); |
|
1237 } |
|
1238 100% { |
|
1239 -webkit-transform: rotate(359deg); |
|
1240 transform: rotate(359deg); |
|
1241 } |
|
1242 } |
|
1243 |
|
1244 .plugin-update-tr .updated-message:before, |
|
1245 .plugin-card .updated-message:before { |
|
1246 color: #79ba49; |
|
1247 content: '\f147'; |
|
1248 } |
|
1249 |
|
1250 .plugins .plugin-update-tr .plugin-update { |
|
1251 padding: 0; |
|
1252 border: none; |
|
1253 -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); |
|
1254 box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); |
|
1255 } |
|
1256 |
|
1257 /* update notices for active plugins */ |
|
1258 tr.active + tr.plugin-update-tr .plugin-update { |
|
1259 background-color: #f7fcfe; |
|
1260 } |
|
1261 |
|
1262 tr.active + tr.plugin-update-tr:not(.updated) .plugin-update .update-message { |
|
1263 background-color: #fcf3ef; |
|
1264 } |
|
1265 |
|
1266 .plugin-install-php h3 { |
|
1267 clear: both; |
|
1268 } |
|
1269 |
|
1270 .plugin-install-php h4 { |
|
1271 margin: 2.5em 0 8px; |
|
1272 } |
|
1273 |
|
1274 .plugin-install-php .wp-filter { |
|
1275 margin-bottom: 0; |
|
1276 } |
|
1277 |
|
1278 /* Plugin card table view */ |
|
1279 .plugin-group { |
|
1280 overflow: hidden; /* clearfix */ |
|
1281 margin-top: 1.5em; |
|
1282 } |
|
1283 |
|
1284 .plugin-group h3 { |
|
1285 margin-top: 0; |
|
1286 } |
|
1287 |
|
1288 .plugin-card { |
|
1289 float: left; |
|
1290 margin: 0 8px 16px; |
|
1291 width: 48.5%; |
|
1292 width: -webkit-calc( 50% - 8px ); |
|
1293 width: calc( 50% - 8px ); |
|
1294 background-color: #fff; |
|
1295 border: 1px solid #dedede; |
|
1296 -webkit-box-sizing: border-box; |
|
1297 -moz-box-sizing: border-box; |
|
1298 box-sizing: border-box; |
|
1299 } |
|
1300 |
|
1301 .plugin-card:nth-child(odd) { |
|
1302 clear: both; |
|
1303 margin-left: 0; |
|
1304 } |
|
1305 |
|
1306 .plugin-card:nth-child(even) { |
|
1307 margin-right: 0; |
|
1308 } |
|
1309 |
|
1310 @media screen and ( min-width: 1600px ) { |
|
1311 .plugin-card { |
|
1312 width: 30%; |
|
1313 width: -webkit-calc( 33.1% - 8px ); |
|
1314 width: calc( 33.1% - 8px ); |
|
1315 } |
|
1316 |
|
1317 .plugin-card:nth-child(odd) { |
|
1318 clear: none; |
|
1319 margin-left: 8px; |
|
1320 } |
|
1321 |
|
1322 .plugin-card:nth-child(even) { |
|
1323 margin-right: 8px; |
|
1324 } |
|
1325 |
|
1326 .plugin-card:nth-child(3n+1) { |
|
1327 clear: both; |
|
1328 margin-left: 0; |
|
1329 } |
|
1330 |
|
1331 .plugin-card:nth-child(3n) { |
|
1332 margin-right: 0; |
|
1333 } |
|
1334 } |
|
1335 |
|
1336 @media screen and ( max-width: 782px ) { |
|
1337 .plugin-card { |
|
1338 margin-left: 0; |
|
1339 margin-right: 0; |
|
1340 width: 100%; |
|
1341 } |
|
1342 } |
|
1343 |
|
1344 .plugin-card-top { |
|
1345 position: relative; |
|
1346 padding: 20px 20px 10px; |
|
1347 min-height: 135px; |
|
1348 } |
|
1349 |
|
1350 div.action-links, |
|
1351 .plugin-action-buttons { |
|
1352 margin: 0; /* Override existing margins */ |
|
1353 } |
|
1354 |
|
1355 .plugin-card h4 { |
|
1356 margin: 0 0 12px; |
|
1357 font-size: 18px; |
|
1358 line-height: 1.3; |
|
1359 } |
|
1360 |
|
1361 .plugin-card .name, |
|
1362 .plugin-card .desc { |
|
1363 margin-left: 148px; /* icon + margin */ |
|
1364 margin-right: 120px; /* action links */ |
|
1365 } |
|
1366 |
|
1367 .plugin-card .action-links { |
|
1368 position: absolute; |
|
1369 top: 20px; |
|
1370 right: 20px; |
|
1371 width: 120px; |
|
1372 } |
|
1373 |
|
1374 .plugin-action-buttons { |
|
1375 clear: right; |
|
1376 float: right; |
|
1377 margin-left: 2em; |
|
1378 margin-bottom: 1em; |
|
1379 text-align: right; |
|
1380 } |
|
1381 |
|
1382 .plugin-action-buttons li { |
|
1383 margin-bottom: 10px; |
|
1384 } |
|
1385 |
|
1386 .plugin-card-bottom { |
|
1387 clear: both; |
|
1388 padding: 12px 20px; |
|
1389 background-color: #fafafa; |
|
1390 border-top: 1px solid #dedede; |
|
1391 overflow: hidden; |
|
1392 } |
|
1393 |
|
1394 .plugin-card-bottom .star-rating { |
|
1395 display: inline; |
|
1396 } |
|
1397 |
|
1398 .plugin-card .column-rating { |
|
1399 line-height: 23px; |
|
1400 } |
|
1401 |
|
1402 .plugin-card .column-rating, |
|
1403 .plugin-card .column-updated { |
|
1404 margin-bottom: 4px; |
|
1405 } |
|
1406 |
|
1407 .plugin-card .column-rating, |
|
1408 .plugin-card .column-downloaded { |
|
1409 float: left; |
|
1410 clear: left; |
|
1411 max-width: 180px; |
|
1412 } |
|
1413 |
|
1414 .plugin-card .column-updated, |
|
1415 .plugin-card .column-compatibility { |
|
1416 text-align: right; |
|
1417 float: right; |
|
1418 clear: right; |
|
1419 width: 65%; |
|
1420 width: -webkit-calc( 100% - 180px ); |
|
1421 width: calc( 100% - 180px ); |
|
1422 } |
|
1423 |
|
1424 .plugin-card .column-compatibility span:before { |
|
1425 font: normal 20px/.5 'dashicons'; |
|
1426 speak: none; |
|
1427 display: inline-block; |
|
1428 padding: 0; |
|
1429 top: 4px; |
|
1430 left: -2px; |
|
1431 position: relative; |
|
1432 vertical-align: top; |
|
1433 -webkit-font-smoothing: antialiased; |
|
1434 -moz-osx-font-smoothing: grayscale; |
|
1435 text-decoration: none !important; |
|
1436 color: #444; |
|
1437 } |
|
1438 |
|
1439 .plugin-card .compatibility-incompatible:before { |
|
1440 content: '\f158'; |
|
1441 } |
|
1442 |
|
1443 .plugin-card .compatibility-compatible:before { |
|
1444 content: '\f147'; |
|
1445 } |
|
1446 |
|
1447 .plugin-icon { |
|
1448 position: absolute; |
|
1449 top: 20px; |
|
1450 left: 20px; |
|
1451 width: 128px; |
|
1452 height: 128px; |
|
1453 margin: 0 20px 20px 0; |
|
1454 } |
|
1455 |
|
1456 .plugin-icon img { |
|
1457 width: 128px; |
|
1458 height: 128px; |
|
1459 } |
|
1460 |
|
1461 .no-plugin-results { |
|
1462 color: #999; |
|
1463 font-size: 18px; |
|
1464 font-style: normal; |
|
1465 margin: 0; |
|
1466 padding: 100px 0 0; |
|
1467 text-align: center; |
|
1468 } |
|
1469 |
|
1470 /* ms */ |
|
1471 /* Background Color for Site Status */ |
|
1472 .wp-list-table tr.site-deleted { |
|
1473 background: #ff8573; |
|
1474 } |
|
1475 .wp-list-table tr.site-spammed { |
|
1476 background: #faafaa; |
|
1477 } |
|
1478 .wp-list-table tr.site-archived { |
|
1479 background: #ffebe8; |
|
1480 } |
|
1481 .wp-list-table tr.site-mature { |
|
1482 background: #fecac2; |
|
1483 } |
|
1484 |
|
1485 /* =Media Queries |
|
1486 -------------------------------------------------------------- */ |
|
1487 |
|
1488 @media screen and ( max-width: 1100px ) and ( min-width: 782px ), ( max-width: 480px ) { |
|
1489 .plugin-card .action-links { |
|
1490 position: static; |
|
1491 margin-left: 148px; |
|
1492 width: auto; |
|
1493 } |
|
1494 |
|
1495 .plugin-action-buttons { |
|
1496 float: none; |
|
1497 margin: 1em 0 0; |
|
1498 text-align: left; |
|
1499 } |
|
1500 |
|
1501 .plugin-action-buttons li { |
|
1502 display: inline-block; |
|
1503 vertical-align: middle; |
|
1504 } |
|
1505 |
|
1506 .plugin-action-buttons li .button { |
|
1507 margin-right: 20px; |
|
1508 } |
|
1509 |
|
1510 .plugin-card .name, |
|
1511 .plugin-card .desc { |
|
1512 margin-right: 0; |
|
1513 } |
|
1514 |
|
1515 .plugin-card .desc p:first-of-type { |
|
1516 margin-top: 0; |
|
1517 } |
|
1518 } |
|
1519 |
|
1520 @media screen and ( max-width: 782px ) { |
|
1521 /* WP List Table Options & Filters */ |
|
1522 .tablenav { |
|
1523 height: auto; |
|
1524 } |
|
1525 |
|
1526 .tablenav.top { |
|
1527 margin: 20px 0 5px 0; |
|
1528 } |
|
1529 |
|
1530 .tablenav.bottom { |
|
1531 position: relative; |
|
1532 margin-top: 15px; |
|
1533 } |
|
1534 |
|
1535 .tablenav br { |
|
1536 display: none; |
|
1537 } |
|
1538 |
|
1539 .tablenav br.clear { |
|
1540 display: block; |
|
1541 } |
|
1542 |
|
1543 .tablenav.top .actions, |
|
1544 .tablenav .view-switch { |
|
1545 display: none; |
|
1546 } |
|
1547 |
|
1548 /* Pagination */ |
|
1549 .tablenav.top .displaying-num { |
|
1550 display: none; |
|
1551 } |
|
1552 |
|
1553 .tablenav.bottom .displaying-num { |
|
1554 position: absolute; |
|
1555 right: 0; |
|
1556 top: 10px; |
|
1557 font-size: 14px; |
|
1558 } |
|
1559 |
|
1560 .tablenav-pages { |
|
1561 width: 100%; |
|
1562 text-align: center; |
|
1563 margin: 0 0 25px; |
|
1564 } |
|
1565 |
|
1566 .tablenav.bottom .tablenav-pages { |
|
1567 margin-top: 25px; |
|
1568 } |
|
1569 |
|
1570 .tablenav.top .tablenav-pages.one-page { |
|
1571 display: none; |
|
1572 } |
|
1573 |
|
1574 .tablenav.bottom .tablenav-pages.one-page { |
|
1575 margin: 15px 0 0 0; |
|
1576 height: 0; |
|
1577 } |
|
1578 |
|
1579 .tablenav-pages .pagination-links .paging-input { |
|
1580 font-size: 18px; |
|
1581 } |
|
1582 |
|
1583 .tablenav-pages .pagination-links a { |
|
1584 padding: 8px 20px 11px; |
|
1585 font-size: 18px; |
|
1586 background: rgba(0, 0, 0, 0.05); |
|
1587 } |
|
1588 |
|
1589 .tablenav-pages .pagination-links .current-page { |
|
1590 padding: 10px; |
|
1591 font-size: 14px; |
|
1592 } |
|
1593 |
|
1594 /* WP List Table Adjustments: General */ |
|
1595 .form-wrap > p { |
|
1596 display: none; |
|
1597 } |
|
1598 |
|
1599 .comment-count { |
|
1600 font-size: 14px; |
|
1601 } |
|
1602 |
|
1603 /* Columns to hide */ |
|
1604 .fixed .column-date, |
|
1605 .fixed .column-author, |
|
1606 .column-categories, |
|
1607 .column-tags, |
|
1608 .tags .column-description, |
|
1609 .media .column-parent, |
|
1610 .users .column-email, |
|
1611 .users .column-name, |
|
1612 .sites .column-registered, |
|
1613 .sites .column-users { |
|
1614 display: none; |
|
1615 } |
|
1616 |
|
1617 .fixed .column-comment .comment-author { |
|
1618 display: block; |
|
1619 } |
|
1620 |
|
1621 /* Posts */ |
|
1622 .column-title { |
|
1623 width: 85%; |
|
1624 } |
|
1625 |
|
1626 .fixed .column-comments, .widefat .check-column { |
|
1627 width: 35px |
|
1628 } |
|
1629 |
|
1630 .widefat thead .check-column, .widefat tfoot .check-column { |
|
1631 padding: 10px 0 10px; |
|
1632 } |
|
1633 |
|
1634 .widefat * { |
|
1635 word-wrap: normal; |
|
1636 } |
|
1637 |
|
1638 /* Quick Edit and Bulk Edit */ |
|
1639 #wpbody-content .quick-edit-row-post .inline-edit-col-left, |
|
1640 #wpbody-content .quick-edit-row-post .inline-edit-col-right, |
|
1641 #wpbody-content .inline-edit-row-post .inline-edit-col-center, |
|
1642 #wpbody-content .quick-edit-row-page .inline-edit-col-left, |
|
1643 #wpbody-content .quick-edit-row-page .inline-edit-col-right, |
|
1644 #wpbody-content .bulk-edit-row-post .inline-edit-col-right, |
|
1645 #wpbody-content .bulk-edit-row .inline-edit-col-left, |
|
1646 #wpbody-content .bulk-edit-row-page .inline-edit-col-right, |
|
1647 #wpbody-content .bulk-edit-row .inline-edit-col-bottom { |
|
1648 float: none; |
|
1649 width: 100%; |
|
1650 } |
|
1651 |
|
1652 #wpbody-content .quick-edit-row fieldset .inline-edit-col label, |
|
1653 #wpbody-content .quick-edit-row fieldset .inline-edit-group label, |
|
1654 #wpbody-content .bulk-edit-row fieldset .inline-edit-col label, |
|
1655 #wpbody-content .bulk-edit-row fieldset .inline-edit-group label { |
|
1656 max-width: none; |
|
1657 float: none; |
|
1658 margin-bottom: 5px; |
|
1659 } |
|
1660 |
|
1661 #wpbody .bulk-edit-row fieldset select { |
|
1662 display: block; |
|
1663 width: 100%; |
|
1664 max-width: none; |
|
1665 -webkit-box-sizing: border-box; |
|
1666 -moz-box-sizing: border-box; |
|
1667 box-sizing: border-box; |
|
1668 } |
|
1669 |
|
1670 .inline-edit-row fieldset ul.cat-checklist label, |
|
1671 .inline-edit-row #bulk-titles div { |
|
1672 font-size: 16px; |
|
1673 } |
|
1674 |
|
1675 .inline-edit-row fieldset label span.title { |
|
1676 float: none; |
|
1677 } |
|
1678 |
|
1679 .inline-edit-row fieldset label.inline-edit-tags { |
|
1680 padding: 0 0.5em; |
|
1681 } |
|
1682 |
|
1683 .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags { |
|
1684 padding: 0; |
|
1685 } |
|
1686 |
|
1687 .inline-edit-row fieldset label span.input-text-wrap { |
|
1688 margin-left: 0; |
|
1689 } |
|
1690 |
|
1691 .inline-edit-row fieldset input[name=jj], |
|
1692 .inline-edit-row fieldset input[name=hh], |
|
1693 .inline-edit-row fieldset input[name=mn] { |
|
1694 width: 3em; |
|
1695 } |
|
1696 |
|
1697 .inline-edit-row fieldset input[name=aa] { |
|
1698 width: 4.5em; |
|
1699 } |
|
1700 |
|
1701 .inline-edit-row .inline-edit-or { |
|
1702 margin: 0 6px 0 0; |
|
1703 } |
|
1704 |
|
1705 #bulk-titles div { |
|
1706 margin: 0.8em 0.3em; |
|
1707 } |
|
1708 |
|
1709 #bulk-titles div a { |
|
1710 height: 22px; |
|
1711 } |
|
1712 |
|
1713 /* Taxonomies */ |
|
1714 .tags .column-posts { |
|
1715 width: 74px; |
|
1716 } |
|
1717 |
|
1718 .tags .column-slug { |
|
1719 width: 30%; |
|
1720 } |
|
1721 |
|
1722 /* Comments */ |
|
1723 .comments .column-response { |
|
1724 width: 35%; |
|
1725 } |
|
1726 |
|
1727 /* Users */ |
|
1728 .users .column-role { |
|
1729 width: 35%; |
|
1730 } |
|
1731 |
|
1732 /* Network admin sites */ |
|
1733 .sites .column-blogname { |
|
1734 width: 55%; |
|
1735 } |
|
1736 |
|
1737 /* Updates */ |
|
1738 #wpbody-content #update-themes-table .plugin-title { |
|
1739 width: auto; |
|
1740 } |
|
1741 |
|
1742 /* Links */ |
|
1743 .link-manager-php #posts-filter { |
|
1744 margin-top: 25px; |
|
1745 } |
|
1746 |
|
1747 .link-manager-php .tablenav.bottom { |
|
1748 overflow: hidden; |
|
1749 } |
|
1750 |
|
1751 /* Plugin/Theme Management Page */ |
|
1752 .wp-list-table.plugins { |
|
1753 position: relative; |
|
1754 margin-top: 35px; |
|
1755 margin-bottom: 50px; |
|
1756 } |
|
1757 |
|
1758 .wp-list-table.plugins thead .column-description, |
|
1759 #wpbody-content .wp-list-table.plugins tfoot .column-description, |
|
1760 .wp-list-table.plugins th#description { |
|
1761 display: none; |
|
1762 } |
|
1763 |
|
1764 #wpbody-content .wp-list-table.plugins, |
|
1765 #wpbody-content .wp-list-table.plugins thead, |
|
1766 #wpbody-content .wp-list-table.plugins tbody, |
|
1767 #wpbody-content .wp-list-table.plugins tr, |
|
1768 #wpbody-content .wp-list-table.plugins .column-description, |
|
1769 #wpbody-content .wp-list-table.plugins .plugin-title, |
|
1770 #wpbody-content .wp-list-table.plugins .theme-title, |
|
1771 #wpbody-content .wp-list-table.plugins .plugin-update, |
|
1772 #wpbody-content .wp-list-table.plugins .manage-column.column-name { |
|
1773 display: block; |
|
1774 width: auto; |
|
1775 } |
|
1776 |
|
1777 .wp-list-table.plugins thead, |
|
1778 .wp-list-table.plugins tfoot { |
|
1779 position: absolute; |
|
1780 top: -35px; |
|
1781 left: 0; |
|
1782 right: 0; |
|
1783 width: auto; |
|
1784 height: 35px; |
|
1785 } |
|
1786 |
|
1787 .wp-list-table.plugins tfoot { |
|
1788 bottom: -35px; |
|
1789 top: auto; |
|
1790 } |
|
1791 |
|
1792 .active, .inactive { |
|
1793 padding-top: 0; |
|
1794 } |
|
1795 |
|
1796 .wp-list-table.plugins .plugin-title, |
|
1797 .wp-list-table.plugins .theme-title { |
|
1798 padding-top: 13px; |
|
1799 padding-bottom: 4px; |
|
1800 } |
|
1801 |
|
1802 .plugins tr.active + tr.inactive th.check-column, |
|
1803 .plugins tr.active + tr.inactive td, |
|
1804 .wp-list-table.plugins .plugin-title, |
|
1805 .wp-list-table.plugins .theme-title, |
|
1806 .wp-list-table.plugins tbody th { |
|
1807 -webkit-box-shadow: none; |
|
1808 box-shadow: none; |
|
1809 } |
|
1810 |
|
1811 .plugins tbody { |
|
1812 padding: 1px 0 0; |
|
1813 } |
|
1814 |
|
1815 .plugins tr.active + tr.inactive td.column-description { |
|
1816 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
|
1817 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
|
1818 } |
|
1819 |
|
1820 .plugins tr.active + tr.inactive th.check-column, |
|
1821 .plugins tr.active + tr.inactive td { |
|
1822 border-top: none; |
|
1823 } |
|
1824 |
|
1825 .wp-list-table.plugins .column-description { |
|
1826 padding-top: 0; |
|
1827 } |
|
1828 |
|
1829 .wp-list-table.plugins .manage-column.column-name, |
|
1830 .wp-list-table.plugins .column-description, |
|
1831 .wp-list-table.plugins .plugin-title, |
|
1832 .wp-list-table.plugins .theme-title { |
|
1833 padding-right: 12px; |
|
1834 padding-left: 46px; |
|
1835 } |
|
1836 |
|
1837 .wp-list-table.plugins tr { |
|
1838 position: relative; |
|
1839 } |
|
1840 |
|
1841 .wp-list-table.plugins th.check-column, |
|
1842 .wp-list-table.plugins tr.update th.check-column { |
|
1843 position: absolute; |
|
1844 height: auto; |
|
1845 top: 0; |
|
1846 bottom: 0; |
|
1847 left: 0; |
|
1848 padding-left: 2px; |
|
1849 padding-top: 18px; |
|
1850 } |
|
1851 |
|
1852 .wp-list-table.plugins thead th.check-column, |
|
1853 .wp-list-table.plugins tfoot th.check-column { |
|
1854 padding-left: 3px; |
|
1855 padding-top: 11px; |
|
1856 background: none; |
|
1857 } |
|
1858 |
|
1859 .widefat tbody th.check-column input[type="checkbox"] { |
|
1860 margin-top: -3px; |
|
1861 margin-left: 8px; |
|
1862 } |
|
1863 |
|
1864 .wp-list-table.plugins .active .check-column input, |
|
1865 .wp-list-table.plugins .update .check-column input { |
|
1866 margin-left: 5px; |
|
1867 } |
|
1868 |
|
1869 .wp-list-table.plugins thead .check-column input, |
|
1870 .wp-list-table.plugins tfoot .check-column input { |
|
1871 margin-top: -6px; |
|
1872 } |
|
1873 |
|
1874 .wp-list-table.plugins .active th.check-column { |
|
1875 background: none; |
|
1876 } |
|
1877 |
|
1878 .wp-list-table.plugins .plugin-title strong, |
|
1879 .wp-list-table.plugins .theme-title strong { |
|
1880 font-size: 1.4em; |
|
1881 line-height: 1.6em; |
|
1882 } |
|
1883 |
|
1884 /* Add New plugins page */ |
|
1885 table.plugin-install .column-name, |
|
1886 table.plugin-install .column-version, |
|
1887 table.plugin-install .column-rating, |
|
1888 table.plugin-install .column-description { |
|
1889 display: block; |
|
1890 width: auto; |
|
1891 } |
|
1892 |
|
1893 table.plugin-install th.column-name, |
|
1894 table.plugin-install th.column-version, |
|
1895 table.plugin-install th.column-rating, |
|
1896 table.plugin-install th.column-description { |
|
1897 display: none; |
|
1898 } |
|
1899 |
|
1900 table.plugin-install td.column-name strong { |
|
1901 font-size: 1.4em; |
|
1902 line-height: 1.6em; |
|
1903 } |
|
1904 |
|
1905 table.plugin-install #the-list td { |
|
1906 -webkit-box-shadow: none; |
|
1907 box-shadow: none; |
|
1908 } |
|
1909 |
|
1910 table.plugin-install #the-list tr { |
|
1911 display: block; |
|
1912 -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); |
|
1913 box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); |
|
1914 } |
|
1915 } |
|
1916 |
|
1917 /* Smartphone */ |
|
1918 @media screen and (max-width: 600px) { |
|
1919 /* Remove slug column from taxonomy list page |
|
1920 and role column from users list page */ |
|
1921 .tags .column-slug, |
|
1922 .users .column-role { |
|
1923 display: none; |
|
1924 } |
|
1925 } |