|
1 #wpbody-content #dashboard-widgets.columns-1 .postbox-container { |
|
2 width: 100%; |
|
3 } |
|
4 |
|
5 #wpbody-content #dashboard-widgets.columns-2 .postbox-container { |
|
6 width: 49.5%; |
|
7 } |
|
8 |
|
9 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-2, |
|
10 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-3, |
|
11 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 { |
|
12 float: left; |
|
13 width: 50.5%; |
|
14 } |
|
15 |
|
16 #wpbody-content #dashboard-widgets.columns-3 .postbox-container { |
|
17 width: 33.5%; |
|
18 } |
|
19 |
|
20 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-1 { |
|
21 width: 33%; |
|
22 } |
|
23 |
|
24 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-3, |
|
25 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 { |
|
26 float: left; |
|
27 } |
|
28 |
|
29 #wpbody-content #dashboard-widgets.columns-4 .postbox-container { |
|
30 width: 25%; |
|
31 } |
|
32 |
|
33 #dashboard-widgets .postbox-container { |
|
34 width: 25%; |
|
35 } |
|
36 |
|
37 #dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container { |
|
38 border: none !important; |
|
39 } |
|
40 |
|
41 .ie8 #wpbody-content #dashboard-widgets .postbox-container { |
|
42 width: 49.5%; |
|
43 } |
|
44 |
|
45 .ie8 #wpbody-content #dashboard-widgets #postbox-container-2, |
|
46 .ie8 #wpbody-content #dashboard-widgets #postbox-container-3, |
|
47 .ie8 #wpbody-content #dashboard-widgets #postbox-container-4 { |
|
48 float: left; |
|
49 width: 50.5%; |
|
50 } |
|
51 |
|
52 .ie8 #dashboard-widgets #postbox-container-3 .empty-container, |
|
53 .ie8 #dashboard-widgets #postbox-container-4 .empty-container { |
|
54 border: 0 none; |
|
55 height: 0; |
|
56 min-height: 0; |
|
57 } |
|
58 |
|
59 /*------------------------------------------------------------------------------ |
|
60 9.0 - Dashboard |
|
61 ------------------------------------------------------------------------------*/ |
|
62 |
|
63 #dashboard-widgets-wrap { |
|
64 overflow: hidden; |
|
65 margin: 0 -8px; |
|
66 } |
|
67 |
|
68 #dashboard-widgets .postbox .inside { |
|
69 margin-bottom: 0; |
|
70 } |
|
71 |
|
72 #dashboard-widgets .meta-box-sortables { |
|
73 margin: 0 8px; |
|
74 min-height: 100px; |
|
75 } |
|
76 |
|
77 /* @todo: this was originally in this section, but likely belongs elsewhere */ |
|
78 #the-comment-list td.comment p.comment-author { |
|
79 margin-top: 0; |
|
80 margin-right: 0; |
|
81 } |
|
82 |
|
83 #the-comment-list p.comment-author img { |
|
84 float: right; |
|
85 margin-left: 8px; |
|
86 } |
|
87 |
|
88 #the-comment-list p.comment-author strong a { |
|
89 border: none; |
|
90 } |
|
91 |
|
92 #the-comment-list td { |
|
93 vertical-align: top; |
|
94 } |
|
95 |
|
96 #the-comment-list td.comment { |
|
97 word-wrap: break-word; |
|
98 } |
|
99 |
|
100 #the-comment-list td.comment img { |
|
101 max-width: 100%; |
|
102 } |
|
103 |
|
104 /* Welcome Panel */ |
|
105 .welcome-panel { |
|
106 position: relative; |
|
107 overflow: auto; |
|
108 margin: 16px 0; |
|
109 padding: 23px 10px 0; |
|
110 border: 1px solid #e5e5e5; |
|
111 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); |
|
112 box-shadow: 0 1px 1px rgba(0,0,0,0.04); |
|
113 background: #fff; |
|
114 font-size: 13px; |
|
115 line-height: 2.1em; |
|
116 } |
|
117 |
|
118 .welcome-panel h3 { |
|
119 margin: 0; |
|
120 font-size: 21px; |
|
121 font-weight: normal; |
|
122 line-height: 1.2; |
|
123 } |
|
124 |
|
125 .welcome-panel h4 { |
|
126 margin: 1.33em 0 0; |
|
127 font-size: 16px; |
|
128 } |
|
129 |
|
130 .welcome-panel li { |
|
131 font-size: 14px; |
|
132 } |
|
133 |
|
134 .welcome-panel p { |
|
135 color: #777; |
|
136 } |
|
137 |
|
138 .welcome-panel a { |
|
139 text-decoration: none; |
|
140 } |
|
141 |
|
142 .welcome-panel .about-description { |
|
143 font-size: 16px; |
|
144 margin: 0; |
|
145 } |
|
146 |
|
147 .welcome-panel .welcome-panel-close { |
|
148 position: absolute; |
|
149 top: 5px; |
|
150 left: 10px; |
|
151 padding: 20px 3px 0 15px; |
|
152 font-size: 13px; |
|
153 text-decoration: none; |
|
154 line-height: 1; |
|
155 } |
|
156 |
|
157 #welcome-panel.welcome-panel .welcome-panel-close:before { |
|
158 position: absolute; |
|
159 right: -18px; |
|
160 margin-top: -2px; |
|
161 -webkit-transition: all .1s ease-in-out; |
|
162 transition: all .1s ease-in-out; |
|
163 } |
|
164 |
|
165 .wp-core-ui .welcome-panel .button.button-hero { |
|
166 margin: 15px 0 3px 13px; |
|
167 padding: 12px 36px; |
|
168 height: auto; |
|
169 line-height: 1.4285714; |
|
170 white-space: normal; |
|
171 } |
|
172 |
|
173 .welcome-panel-content { |
|
174 margin-right: 13px; |
|
175 max-width: 1500px; |
|
176 } |
|
177 |
|
178 .welcome-panel .welcome-panel-column-container { |
|
179 clear: both; |
|
180 overflow: hidden; |
|
181 position: relative; |
|
182 } |
|
183 |
|
184 .welcome-panel .welcome-panel-column { |
|
185 width: 32%; |
|
186 min-width: 200px; |
|
187 float: right; |
|
188 } |
|
189 |
|
190 .ie8 .welcome-panel .welcome-panel-column { |
|
191 min-width: 230px; |
|
192 } |
|
193 |
|
194 .welcome-panel .welcome-panel-column:first-child { |
|
195 width: 36%; |
|
196 } |
|
197 |
|
198 .welcome-panel-column p.hide-if-no-customize { |
|
199 margin-top: 10px; |
|
200 } |
|
201 |
|
202 .welcome-panel-column p { |
|
203 margin-top: 7px; |
|
204 color: #464646; |
|
205 } |
|
206 |
|
207 .welcome-panel .welcome-icon { |
|
208 display: block; |
|
209 padding: 0 0 8px; |
|
210 background: transparent !important; |
|
211 } |
|
212 |
|
213 .welcome-panel .welcome-icon:before { |
|
214 color: #82878c; |
|
215 font: normal 20px/1 'dashicons'; |
|
216 speak: none; |
|
217 display: inline-block; |
|
218 padding: 0 0 0 10px; |
|
219 top: -1px; |
|
220 position: relative; |
|
221 -webkit-font-smoothing: antialiased; |
|
222 -moz-osx-font-smoothing: grayscale; |
|
223 text-decoration: none !important; |
|
224 vertical-align: top; |
|
225 } |
|
226 |
|
227 .welcome-panel .welcome-write-blog:before, |
|
228 .welcome-panel .welcome-edit-page:before { |
|
229 content:'\f119'; |
|
230 top: -3px; |
|
231 } |
|
232 |
|
233 .welcome-panel .welcome-add-page:before { |
|
234 content:'\f132'; |
|
235 } |
|
236 |
|
237 .welcome-panel .welcome-view-site:before { |
|
238 content:'\f115'; |
|
239 top: -2px; |
|
240 } |
|
241 |
|
242 .welcome-panel .welcome-widgets-menus:before { |
|
243 content:'\f116'; |
|
244 top: -2px; |
|
245 } |
|
246 |
|
247 .welcome-panel .welcome-comments:before { |
|
248 content:'\f117'; |
|
249 top: -1px; |
|
250 } |
|
251 |
|
252 .welcome-panel .welcome-learn-more:before { |
|
253 content:'\f118'; |
|
254 top: -1px; |
|
255 } |
|
256 |
|
257 .welcome-panel .welcome-widgets-menus { |
|
258 line-height: 16px; |
|
259 } |
|
260 |
|
261 .welcome-panel .welcome-panel-column ul { |
|
262 margin: 0.8em 0 1em 1em; |
|
263 } |
|
264 |
|
265 .welcome-panel .welcome-panel-column li { |
|
266 line-height: 16px; |
|
267 list-style-type: none; |
|
268 } |
|
269 |
|
270 /* Dashboard WordPress news */ |
|
271 |
|
272 #dashboard_primary .inside { |
|
273 margin: 0; |
|
274 padding: 0; |
|
275 } |
|
276 |
|
277 #dashboard_primary .widget-loading, |
|
278 #dashboard_primary .dashboard-widget-control-form { |
|
279 padding: 12px 12px 0; |
|
280 } |
|
281 |
|
282 body #dashboard-widgets .postbox form .submit { |
|
283 margin: 0; |
|
284 } |
|
285 |
|
286 .dashboard-widget-control-form { |
|
287 overflow: hidden; |
|
288 } |
|
289 |
|
290 .dashboard-widget-control-form p { |
|
291 margin-top: 0; |
|
292 } |
|
293 |
|
294 .rssSummary { |
|
295 color: #777; |
|
296 margin-top: 4px; |
|
297 } |
|
298 |
|
299 #dashboard_primary .rss-widget { |
|
300 border-bottom: 1px solid #eee; |
|
301 font-size: 13px; |
|
302 padding: 8px 12px 10px; |
|
303 } |
|
304 |
|
305 #dashboard_primary .rss-widget:last-child { |
|
306 border-bottom: none; |
|
307 padding-bottom: 8px; |
|
308 } |
|
309 |
|
310 #dashboard_primary .rss-widget a { |
|
311 font-weight: normal; |
|
312 } |
|
313 |
|
314 #dashboard_primary .rss-widget span, |
|
315 #dashboard_primary .rss-widget span.rss-date { |
|
316 color: #777; |
|
317 } |
|
318 |
|
319 #dashboard_primary .rss-widget span.rss-date { |
|
320 margin-right: 12px; |
|
321 } |
|
322 |
|
323 #dashboard_primary .rss-widget ul li { |
|
324 margin-bottom: 8px; |
|
325 } |
|
326 |
|
327 /* Dashboard right now */ |
|
328 |
|
329 #dashboard_right_now ul { |
|
330 margin: 0; |
|
331 overflow: hidden; |
|
332 } |
|
333 |
|
334 #dashboard_right_now li { |
|
335 width: 50%; |
|
336 float: right; |
|
337 margin-bottom: 10px; |
|
338 } |
|
339 |
|
340 #dashboard_right_now .inside { |
|
341 overflow: hidden; |
|
342 padding: 0; |
|
343 } |
|
344 |
|
345 #dashboard_right_now .main { |
|
346 overflow: hidden; |
|
347 padding: 0 12px 11px; |
|
348 } |
|
349 |
|
350 #dashboard_right_now .main p { |
|
351 margin: 0; |
|
352 } |
|
353 |
|
354 #dashboard_right_now #wp-version-message .button { |
|
355 float: left; |
|
356 position: relative; |
|
357 top: -5px; |
|
358 margin-right: 5px; |
|
359 } |
|
360 |
|
361 .mu-storage { |
|
362 overflow: hidden; |
|
363 } |
|
364 |
|
365 #dashboard-widgets h4.mu-storage { |
|
366 margin-bottom: 10px; |
|
367 } |
|
368 |
|
369 /* Dashboard right now - Colors */ |
|
370 |
|
371 #dashboard_right_now li a:before, |
|
372 #dashboard_right_now li span:before { |
|
373 color: #82878c; |
|
374 } |
|
375 |
|
376 #dashboard_right_now .sub { |
|
377 color: #777; |
|
378 background: #f5f5f5; |
|
379 border-top: 1px solid #eee; |
|
380 padding: 10px 12px 6px 12px; |
|
381 } |
|
382 |
|
383 #dashboard_right_now .sub h4 { |
|
384 color: #555; |
|
385 } |
|
386 |
|
387 #dashboard_right_now .sub p { |
|
388 margin: 0 0 1em; |
|
389 } |
|
390 |
|
391 #dashboard_right_now .warning a:before, |
|
392 #dashboard_right_now .warning span:before { |
|
393 color: #d54e21; |
|
394 } |
|
395 |
|
396 /* Dashboard right now - Icons */ |
|
397 #dashboard_right_now li a:before, |
|
398 #dashboard_right_now li span:before { |
|
399 content: '\f159'; |
|
400 font: normal 20px/1 'dashicons'; |
|
401 speak: none; |
|
402 display: block; |
|
403 float: right; |
|
404 margin: 0 0 0 5px; |
|
405 padding: 0; |
|
406 text-indent: 0; |
|
407 text-align: center; |
|
408 position: relative; |
|
409 -webkit-font-smoothing: antialiased; |
|
410 text-decoration: none !important; |
|
411 } |
|
412 |
|
413 #dashboard_right_now .page-count a:before, |
|
414 #dashboard_right_now .page-count span:before { |
|
415 content: '\f105'; |
|
416 } |
|
417 |
|
418 #dashboard_right_now .post-count a:before, |
|
419 #dashboard_right_now .post-count span:before { |
|
420 content: '\f109'; |
|
421 } |
|
422 |
|
423 #dashboard_right_now .comment-count a:before { |
|
424 content: '\f101'; |
|
425 } |
|
426 |
|
427 #dashboard_right_now .comment-mod-count a:before { |
|
428 content: '\f125'; |
|
429 } |
|
430 |
|
431 #dashboard_right_now .storage-count a:before { |
|
432 content: '\f104'; |
|
433 } |
|
434 |
|
435 #dashboard_right_now .storage-count.warning a:before { |
|
436 content: '\f153'; |
|
437 } |
|
438 |
|
439 /* Dashboard Quick Draft */ |
|
440 |
|
441 #dashboard_quick_press .inside { |
|
442 margin: 0; |
|
443 padding: 0; |
|
444 } |
|
445 |
|
446 #dashboard_quick_press div.updated { |
|
447 margin-bottom: 10px; |
|
448 border: 1px solid #eee; |
|
449 border-width: 1px 0 1px 1px; |
|
450 } |
|
451 |
|
452 #dashboard_quick_press form { |
|
453 overflow: hidden; |
|
454 margin: 12px; |
|
455 } |
|
456 |
|
457 #dashboard_quick_press .drafts, |
|
458 #dashboard_quick_press .easy-blogging { |
|
459 padding: 10px 0 0; |
|
460 } |
|
461 |
|
462 /* Dashboard Quick Draft - Form styling */ |
|
463 |
|
464 input#save-post { |
|
465 float: right; |
|
466 } |
|
467 |
|
468 form.initial-form.quickpress-open label.prompt { |
|
469 font-style: normal; |
|
470 } |
|
471 |
|
472 form.initial-form.quickpress-open input#title { |
|
473 height: auto; |
|
474 } |
|
475 |
|
476 #dashboard_quick_press input, |
|
477 #dashboard_quick_press textarea { |
|
478 -webkit-box-sizing: border-box; |
|
479 -moz-box-sizing: border-box; |
|
480 box-sizing: border-box; |
|
481 margin: 0; |
|
482 } |
|
483 |
|
484 #dashboard_quick_press textarea { |
|
485 resize: vertical; |
|
486 } |
|
487 |
|
488 #dashboard-widgets .postbox form .submit { |
|
489 margin: -39px 0; |
|
490 float: left; |
|
491 } |
|
492 |
|
493 #description-wrap { |
|
494 margin-top: 12px; |
|
495 } |
|
496 |
|
497 #title-wrap #title-prompt-text, |
|
498 .textarea-wrap #content-prompt-text { |
|
499 color: #777; |
|
500 } |
|
501 |
|
502 #title-wrap #title-prompt-text { |
|
503 font-size: 1.1em; |
|
504 padding: 7px 8px; |
|
505 } |
|
506 |
|
507 .input-text-wrap, |
|
508 .textarea-wrap { |
|
509 position: relative; |
|
510 } |
|
511 |
|
512 .input-text-wrap .prompt, |
|
513 .textarea-wrap .prompt { |
|
514 position: absolute; |
|
515 } |
|
516 |
|
517 .textarea-wrap #content-prompt-text { |
|
518 font-size: 1.1em; |
|
519 padding: 7px 8px; |
|
520 } |
|
521 |
|
522 .textarea-wrap textarea#content { |
|
523 margin: 0 0 8px; |
|
524 padding: 6px 7px; |
|
525 } |
|
526 |
|
527 #quick-press textarea#content { |
|
528 min-height: 90px; |
|
529 max-height: 1300px; |
|
530 resize: none; |
|
531 } |
|
532 |
|
533 /* Dashboard Quick Draft - Drafts list */ |
|
534 |
|
535 .js #dashboard_quick_press .drafts { |
|
536 border-top: 1px solid #eee; |
|
537 } |
|
538 |
|
539 #dashboard_quick_press .drafts abbr { |
|
540 border: none; |
|
541 } |
|
542 |
|
543 #dashboard_quick_press .drafts h4 { |
|
544 margin: 0 12px 8px; |
|
545 font-weight: normal; |
|
546 } |
|
547 |
|
548 #dashboard_quick_press .drafts .view-all { |
|
549 float: left; |
|
550 margin: 0 0 0 12px; |
|
551 } |
|
552 |
|
553 #dashboard_primary a.rsswidget { |
|
554 font-weight: normal; |
|
555 } |
|
556 |
|
557 #dashboard_quick_press .drafts ul { |
|
558 margin: 0 12px; |
|
559 } |
|
560 |
|
561 #dashboard_quick_press .drafts li { |
|
562 margin-bottom: 1em; |
|
563 } |
|
564 #dashboard_quick_press .drafts li time { |
|
565 color: #777; |
|
566 } |
|
567 |
|
568 #dashboard_quick_press .drafts p { |
|
569 margin: 0; |
|
570 word-wrap: break-word; |
|
571 } |
|
572 |
|
573 #dashboard_quick_press .draft-title { |
|
574 overflow: hidden; |
|
575 } |
|
576 |
|
577 #dashboard_quick_press .draft-title a, |
|
578 #dashboard_quick_press .draft-title time { |
|
579 float: right; |
|
580 margin: 0 0 0 5px; |
|
581 } |
|
582 |
|
583 /* Dashboard activity widget */ |
|
584 |
|
585 #dashboard-widgets #dashboard_activity h4 { |
|
586 margin: 0 12px 8px 0; |
|
587 font-weight: normal; |
|
588 } |
|
589 |
|
590 #dashboard-widgets #dashboard_activity h4.comment-meta { |
|
591 margin: 0; |
|
592 } |
|
593 |
|
594 #dashboard_activity h4.comment-meta { |
|
595 margin-bottom: 4px; |
|
596 } |
|
597 |
|
598 #dashboard_activity ul { |
|
599 padding: 0 12px; |
|
600 } |
|
601 |
|
602 #dashboard_activity .comment-meta span.approve:before { |
|
603 content: '\f227'; |
|
604 font: 20px/.5 "dashicons"; |
|
605 margin-right: 12px; |
|
606 vertical-align: middle; |
|
607 position: relative; |
|
608 top: -1px; |
|
609 margin-left: 2px; |
|
610 } |
|
611 |
|
612 #dashboard_activity .inside { |
|
613 padding: 0; |
|
614 margin: 0; |
|
615 } |
|
616 |
|
617 #dashboard_activity .no-activity { |
|
618 overflow: hidden; |
|
619 padding: 0 12px 12px; |
|
620 text-align: center; |
|
621 } |
|
622 |
|
623 #dashboard_activity .no-activity p { |
|
624 color: #999; |
|
625 font-size: 16px; |
|
626 } |
|
627 |
|
628 #dashboard_activity .no-activity .smiley { |
|
629 margin-top: 0; |
|
630 } |
|
631 |
|
632 #dashboard_activity .no-activity .smiley:before { |
|
633 content: '\f328'; |
|
634 font: normal 120px/1 'dashicons'; |
|
635 speak: none; |
|
636 display: block; |
|
637 margin: 0 0 0 5px; |
|
638 padding: 0; |
|
639 text-indent: 0; |
|
640 text-align: center; |
|
641 position: relative; |
|
642 -webkit-font-smoothing: antialiased; |
|
643 text-decoration: none !important; |
|
644 } |
|
645 |
|
646 #dashboard_activity .subsubsub { |
|
647 float: none; |
|
648 border-top: 1px solid #eeeeee; |
|
649 margin-top: 0; |
|
650 padding: 8px 12px 4px; |
|
651 } |
|
652 |
|
653 #future-posts ul, |
|
654 #published-posts ul { |
|
655 clear: both; |
|
656 margin-bottom: 0; |
|
657 } |
|
658 |
|
659 #future-posts li, |
|
660 #published-posts li { |
|
661 overflow: hidden; |
|
662 margin-bottom: 8px; |
|
663 } |
|
664 |
|
665 #future-posts ul span, |
|
666 #published-posts ul span { |
|
667 color: #777; |
|
668 float: right; |
|
669 margin-left: 8px; |
|
670 min-width: 150px; |
|
671 } |
|
672 |
|
673 .activity-block { |
|
674 border-bottom: 1px solid #eee; |
|
675 overflow: hidden; |
|
676 padding: 8px 0 4px; |
|
677 } |
|
678 |
|
679 .activity-block:last-child { |
|
680 border-bottom: none; |
|
681 } |
|
682 |
|
683 .activity-block .subsubsub li { |
|
684 color: #ddd; |
|
685 } |
|
686 |
|
687 /* Dashboard activity widget - Comments */ |
|
688 /* @todo: needs serious de-duplication */ |
|
689 |
|
690 #activity-widget #the-comment-list tr.undo, |
|
691 #activity-widget #the-comment-list div.undo { |
|
692 background: none; |
|
693 padding: 6px 0; |
|
694 margin-right: 12px; |
|
695 } |
|
696 |
|
697 #activity-widget #the-comment-list .comment-item { |
|
698 background: #fafafa; |
|
699 padding: 12px; |
|
700 position: relative; |
|
701 } |
|
702 |
|
703 #activity-widget #the-comment-list .avatar { |
|
704 position: absolute; |
|
705 top: 13px; |
|
706 } |
|
707 |
|
708 #activity-widget #the-comment-list .dashboard-comment-wrap { |
|
709 padding-right: 63px; |
|
710 } |
|
711 |
|
712 #activity-widget #the-comment-list .dashboard-comment-wrap blockquote { |
|
713 margin: 1em 0; |
|
714 } |
|
715 |
|
716 #activity-widget #the-comment-list .comment-item h4 { |
|
717 font-size: 13px; |
|
718 color: #999; |
|
719 } |
|
720 |
|
721 #activity-widget #the-comment-list .comment-item p.row-actions { |
|
722 margin: 4px 0 0 0; |
|
723 } |
|
724 |
|
725 #activity-widget #the-comment-list .comment-item:first-child { |
|
726 border-top: 1px solid #eeeeee; |
|
727 } |
|
728 |
|
729 #activity-widget #the-comment-list .unapproved { |
|
730 background-color: #fef7f1; |
|
731 } |
|
732 |
|
733 #activity-widget #the-comment-list .unapproved:before { |
|
734 content: ""; |
|
735 display: block; |
|
736 position: absolute; |
|
737 right: 0; |
|
738 top: 0; |
|
739 bottom: 0; |
|
740 background: #d54e21; |
|
741 width: 4px; |
|
742 } |
|
743 |
|
744 #activity-widget #the-comment-list .spam-undo-inside .avatar, |
|
745 #activity-widget #the-comment-list .trash-undo-inside .avatar { |
|
746 position: relative; |
|
747 top: 0; |
|
748 } |
|
749 |
|
750 /* Browse happy box */ |
|
751 |
|
752 #dashboard-widgets #dashboard_browser_nag.postbox .inside { |
|
753 margin: 10px; |
|
754 } |
|
755 |
|
756 .edit-box { |
|
757 display: none; |
|
758 } |
|
759 |
|
760 h3:hover .edit-box { |
|
761 display: inline; |
|
762 } |
|
763 |
|
764 #dashboard-widgets form .input-text-wrap input { |
|
765 width: 100%; |
|
766 } |
|
767 |
|
768 #dashboard-widgets form .textarea-wrap textarea { |
|
769 width: 100%; |
|
770 } |
|
771 |
|
772 #dashboard-widgets .postbox form .submit { |
|
773 float: none; |
|
774 margin: .5em 0 0; |
|
775 padding: 0; |
|
776 border: none; |
|
777 } |
|
778 |
|
779 #dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish { |
|
780 min-width: 0; |
|
781 } |
|
782 |
|
783 #dashboard-widgets a { |
|
784 text-decoration: none; |
|
785 } |
|
786 |
|
787 #dashboard-widgets h3 a { |
|
788 text-decoration: underline; |
|
789 } |
|
790 |
|
791 #dashboard-widgets h3 .postbox-title-action { |
|
792 position: absolute; |
|
793 left: 10px; |
|
794 padding: 0; |
|
795 top: 5px; |
|
796 } |
|
797 |
|
798 .js #dashboard-widgets h3 .postbox-title-action { |
|
799 left: 33px; |
|
800 } |
|
801 |
|
802 #dashboard-widgets h4 { |
|
803 color: #23282d; |
|
804 font-weight: normal; |
|
805 font-size: 14px; |
|
806 margin: 0 0 .2em; |
|
807 padding: 0; |
|
808 } |
|
809 |
|
810 #dashboard_plugins h5 { |
|
811 font-size: 14px; |
|
812 } |
|
813 |
|
814 /* Recent Comments */ |
|
815 |
|
816 #latest-comments #the-comment-list { |
|
817 position: relative; |
|
818 } |
|
819 |
|
820 #activity-widget #the-comment-list .comment, |
|
821 #activity-widget #the-comment-list .pingback { |
|
822 -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06); |
|
823 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06); |
|
824 } |
|
825 |
|
826 #activity-widget .comments #the-comment-list .alt { |
|
827 background-color: transparent; |
|
828 } |
|
829 |
|
830 #activity-widget #latest-comments #the-comment-list .comment-item { |
|
831 padding: 1em 12px; |
|
832 } |
|
833 |
|
834 #latest-comments #the-comment-list .pingback { |
|
835 padding-right: 12px !important; |
|
836 } |
|
837 |
|
838 #latest-comments #the-comment-list .comment-item:first-child { |
|
839 border-top: none; |
|
840 } |
|
841 |
|
842 #latest-comments #the-comment-list .comment-item h4 { |
|
843 line-height: 1.5em; |
|
844 margin-top: 0; |
|
845 color: #666; |
|
846 } |
|
847 |
|
848 #latest-comments #the-comment-list .comment-item h4 cite { |
|
849 font-style: normal; |
|
850 font-weight: normal; |
|
851 } |
|
852 |
|
853 #latest-comments #the-comment-list .comment-item blockquote, |
|
854 #latest-comments #the-comment-list .comment-item blockquote p { |
|
855 margin: 0; |
|
856 padding: 0; |
|
857 display: inline; |
|
858 } |
|
859 |
|
860 #latest-comments #the-comment-list .comment-item p.row-actions { |
|
861 margin: 3px 0 0; |
|
862 padding: 0; |
|
863 font-size: 13px; |
|
864 } |
|
865 |
|
866 /* QuickDraft */ |
|
867 |
|
868 #title-wrap label, |
|
869 #description-wrap label { |
|
870 cursor: text; |
|
871 } |
|
872 |
|
873 #title-wrap #title { |
|
874 padding: 2px 6px; |
|
875 font-size: 1.3em; |
|
876 outline: none; |
|
877 } |
|
878 |
|
879 #title-wrap #title-prompt-text { |
|
880 font-size: 1.1em; |
|
881 padding: 5px 8px; |
|
882 } |
|
883 |
|
884 /* Feeds */ |
|
885 .rss-widget ul { |
|
886 margin: 0; |
|
887 padding: 0; |
|
888 list-style: none; |
|
889 } |
|
890 |
|
891 a.rsswidget { |
|
892 font-size: 14px; |
|
893 font-weight: 600; |
|
894 line-height: 1.7em; |
|
895 } |
|
896 |
|
897 .rss-widget ul li { |
|
898 line-height: 1.5em; |
|
899 margin-bottom: 12px; |
|
900 } |
|
901 |
|
902 .rss-widget span.rss-date { |
|
903 color: #999; |
|
904 font-size: 13px; |
|
905 margin-right: 3px; |
|
906 } |
|
907 |
|
908 .rss-widget cite { |
|
909 display: block; |
|
910 text-align: left; |
|
911 margin: 0 0 1em; |
|
912 padding: 0; |
|
913 } |
|
914 |
|
915 .rss-widget cite:before { |
|
916 content: '\2014'; |
|
917 } |
|
918 |
|
919 .dashboard-comment-wrap { |
|
920 overflow: hidden; |
|
921 word-wrap: break-word; |
|
922 } |
|
923 |
|
924 /* Browser Nag */ |
|
925 #dashboard_browser_nag a.update-browser-link { |
|
926 font-size: 1.2em; |
|
927 font-weight: 600; |
|
928 } |
|
929 |
|
930 #dashboard_browser_nag a { |
|
931 text-decoration: underline; |
|
932 } |
|
933 |
|
934 #dashboard_browser_nag p.browser-update-nag.has-browser-icon { |
|
935 padding-left: 125px; |
|
936 } |
|
937 |
|
938 #dashboard_browser_nag .browser-icon { |
|
939 margin-top: -35px; |
|
940 } |
|
941 |
|
942 #dashboard_browser_nag.postbox.browser-insecure { |
|
943 background-color: #ac1b1b; |
|
944 border-color: #ac1b1b; |
|
945 } |
|
946 |
|
947 #dashboard_browser_nag.postbox { |
|
948 background-color: #e29808; |
|
949 background-image: none; |
|
950 border-color: #edc048; |
|
951 color: #fff; |
|
952 -webkit-box-shadow: none; |
|
953 box-shadow: none; |
|
954 } |
|
955 |
|
956 #dashboard_browser_nag.postbox.browser-insecure h3 { |
|
957 border-bottom-color: #cd5a5a; |
|
958 color: #fff; |
|
959 } |
|
960 |
|
961 #dashboard_browser_nag.postbox h3 { |
|
962 border-bottom-color: #f6e2ac; |
|
963 background: transparent none; |
|
964 color: #fff; |
|
965 -webkit-box-shadow: none; |
|
966 box-shadow: none; |
|
967 } |
|
968 |
|
969 #dashboard_browser_nag a { |
|
970 color: #fff; |
|
971 } |
|
972 |
|
973 /* Make the browser nags easier to read with Open Sans */ |
|
974 |
|
975 #dashboard_browser_nag h3.hndle { |
|
976 border: none; |
|
977 font-weight: 600; |
|
978 font-size: 20px; |
|
979 padding-top: 10px; |
|
980 } |
|
981 |
|
982 .postbox#dashboard_browser_nag p a.dismiss { |
|
983 font-size: 14px; |
|
984 } |
|
985 |
|
986 .postbox#dashboard_browser_nag p, |
|
987 .postbox#dashboard_browser_nag a, |
|
988 .postbox#dashboard_browser_nag p.browser-update-nag { |
|
989 font-size: 16px; |
|
990 } |
|
991 |
|
992 /* =Media Queries |
|
993 -------------------------------------------------------------- */ |
|
994 |
|
995 /* one column on the dash */ |
|
996 @media only screen and (max-width: 799px) { |
|
997 #wpbody-content #dashboard-widgets .postbox-container { |
|
998 width: 100%; |
|
999 } |
|
1000 } |
|
1001 |
|
1002 /* two columns on the dash, but keep the setting if one is selected */ |
|
1003 @media only screen and (min-width: 800px) and (max-width: 1499px) { |
|
1004 #wpbody-content #dashboard-widgets .postbox-container { |
|
1005 width: 49.5%; |
|
1006 } |
|
1007 |
|
1008 #wpbody-content #dashboard-widgets #postbox-container-2, |
|
1009 #wpbody-content #dashboard-widgets #postbox-container-3, |
|
1010 #wpbody-content #dashboard-widgets #postbox-container-4 { |
|
1011 float: left; |
|
1012 width: 50.5%; |
|
1013 } |
|
1014 |
|
1015 #dashboard-widgets #postbox-container-3 .empty-container, |
|
1016 #dashboard-widgets #postbox-container-4 .empty-container { |
|
1017 border: 0 none; |
|
1018 height: 0; |
|
1019 min-height: 0; |
|
1020 } |
|
1021 |
|
1022 #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container { |
|
1023 width: 100%; |
|
1024 } |
|
1025 |
|
1026 #wpbody #wpbody-content .metabox-holder.columns-1 .postbox-container .empty-container { |
|
1027 border: 0 none; |
|
1028 height: 0; |
|
1029 min-height: 0; |
|
1030 } |
|
1031 |
|
1032 /* show the radio buttons for column prefs only for one or two columns */ |
|
1033 .index-php .screen-layout, |
|
1034 .index-php .columns-prefs { |
|
1035 display: block; |
|
1036 } |
|
1037 |
|
1038 .columns-prefs .columns-prefs-3, |
|
1039 .columns-prefs .columns-prefs-4 { |
|
1040 display: none; |
|
1041 } |
|
1042 } |
|
1043 |
|
1044 /* three columns on the dash */ |
|
1045 @media only screen and (min-width: 1500px) and (max-width: 1800px) { |
|
1046 #wpbody-content #dashboard-widgets .postbox-container { |
|
1047 width: 33.5%; |
|
1048 } |
|
1049 |
|
1050 #wpbody-content #dashboard-widgets #postbox-container-1 { |
|
1051 width: 33%; |
|
1052 } |
|
1053 |
|
1054 #wpbody-content #dashboard-widgets #postbox-container-3, |
|
1055 #wpbody-content #dashboard-widgets #postbox-container-4 { |
|
1056 float: left; |
|
1057 } |
|
1058 |
|
1059 #dashboard-widgets #postbox-container-4 .empty-container { |
|
1060 border: 0 none; |
|
1061 height: 0; |
|
1062 min-height: 0; |
|
1063 } |
|
1064 } |
|
1065 |
|
1066 @media screen and (max-width: 870px) { |
|
1067 .welcome-panel .welcome-panel-column, |
|
1068 .welcome-panel .welcome-panel-column:first-child { |
|
1069 display: block; |
|
1070 float: none; |
|
1071 width: 100%; |
|
1072 } |
|
1073 |
|
1074 .welcome-panel .welcome-panel-column li { |
|
1075 display: inline-block; |
|
1076 margin-left: 13px; |
|
1077 } |
|
1078 |
|
1079 .welcome-panel .welcome-panel-column ul { |
|
1080 margin: 0.4em 0 0; |
|
1081 } |
|
1082 |
|
1083 } |
|
1084 |
|
1085 @media screen and ( max-width: 782px ) { |
|
1086 #dashboard_recent_comments #the-comment-list .comment-item .avatar { |
|
1087 height: 30px; |
|
1088 width: 30px; |
|
1089 margin: 4px 0 5px 10px; |
|
1090 } |
|
1091 } |
|
1092 |
|
1093 /* Smartphone */ |
|
1094 @media screen and (max-width: 600px) { |
|
1095 /* Keep the close icon from overlapping the Welcome text. */ |
|
1096 .welcome-panel .welcome-panel-close { |
|
1097 overflow: hidden; |
|
1098 text-indent: 100%; |
|
1099 white-space: nowrap; |
|
1100 width: 20px; |
|
1101 height: 20px; |
|
1102 left: 0; |
|
1103 padding: 5px; |
|
1104 } |
|
1105 |
|
1106 /* Make the close icon larger for tappability. */ |
|
1107 #welcome-panel.welcome-panel .welcome-panel-close:before { |
|
1108 font-size: 20px; |
|
1109 margin: 0; |
|
1110 } |
|
1111 } |