← Back to branch summary

~canonical-sysadmins/wordpress/4.7.4

« back to all changes in this revision

Viewing changes to wp-admin/css/dashboard.css

  • Committer: Jacek Nykis
  • Date: 2015-01-05 16:17:05 UTC
  • Revision ID: jacek.nykis@canonical.com-20150105161705-w544l1h5mcg7u4w9
Initial commit

Show diffs side-by-side

added added

removed removed

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