← Back to branch summary

~canonical-sysadmins/wordpress/4.7.2

« back to all changes in this revision

Viewing changes to wp-admin/css/common.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/common.css
 
1
/* 2 column liquid layout */
 
2
#wpwrap {
 
3
        height: auto;
 
4
        min-height: 100%;
 
5
        width: 100%;
 
6
        position: relative;
 
7
        -webkit-font-smoothing: subpixel-antialiased;
 
8
}
 
9
 
 
10
#wpcontent {
 
11
        height: 100%;
 
12
        padding-left: 20px;
 
13
}
 
14
 
 
15
#wpcontent,
 
16
#wpfooter {
 
17
        margin-left: 160px;
 
18
}
 
19
 
 
20
.folded #wpcontent,
 
21
.folded #wpfooter {
 
22
        margin-left: 36px;
 
23
}
 
24
 
 
25
#wpbody-content {
 
26
        padding-bottom: 65px;
 
27
        float: left;
 
28
        width: 100%;
 
29
        overflow: visible !important;
 
30
}
 
31
 
 
32
/* inner 2 column liquid layout */
 
33
 
 
34
.inner-sidebar {
 
35
        float: right;
 
36
        clear: right;
 
37
        display: none;
 
38
        width: 281px;
 
39
        position: relative;
 
40
}
 
41
 
 
42
.columns-2 .inner-sidebar {
 
43
        margin-right: auto;
 
44
        width: 286px;
 
45
        display: block;
 
46
}
 
47
 
 
48
.inner-sidebar #side-sortables,
 
49
.columns-2 .inner-sidebar #side-sortables {
 
50
        min-height: 300px;
 
51
        width: 280px;
 
52
        padding: 0;
 
53
}
 
54
 
 
55
.has-right-sidebar .inner-sidebar {
 
56
        display: block;
 
57
}
 
58
 
 
59
.has-right-sidebar #post-body {
 
60
        float: left;
 
61
        clear: left;
 
62
        width: 100%;
 
63
        margin-right: -2000px;
 
64
}
 
65
 
 
66
.has-right-sidebar #post-body-content {
 
67
        margin-right: 300px;
 
68
        float: none;
 
69
        width: auto;
 
70
}
 
71
 
 
72
/* 2 columns main area */
 
73
 
 
74
#col-container,
 
75
#col-left,
 
76
#col-right {
 
77
        overflow: hidden;
 
78
        padding: 0;
 
79
        margin: 0;
 
80
}
 
81
 
 
82
#col-left {
 
83
        width: 35%;
 
84
}
 
85
 
 
86
#col-right {
 
87
        float: right;
 
88
        clear: right;
 
89
        width: 65%;
 
90
}
 
91
 
 
92
.col-wrap {
 
93
        padding: 0 7px;
 
94
}
 
95
 
 
96
/* utility classes */
 
97
.alignleft {
 
98
        float: left;
 
99
}
 
100
 
 
101
.alignright {
 
102
        float: right;
 
103
}
 
104
 
 
105
.textleft {
 
106
        text-align: left;
 
107
}
 
108
 
 
109
.textright {
 
110
        text-align: right;
 
111
}
 
112
 
 
113
.clear {
 
114
        clear: both;
 
115
}
 
116
 
 
117
/* Hide visually but not from screen readers */
 
118
.screen-reader-text,
 
119
.screen-reader-text span,
 
120
.ui-helper-hidden-accessible {
 
121
        position: absolute;
 
122
        margin: -1px;
 
123
        padding: 0;
 
124
        height: 1px;
 
125
        width: 1px;
 
126
        overflow: hidden;
 
127
        clip: rect(0 0 0 0);
 
128
        border: 0;
 
129
}
 
130
 
 
131
.screen-reader-shortcut {
 
132
        position: absolute;
 
133
        top: -1000em;
 
134
}
 
135
 
 
136
.screen-reader-shortcut:focus {
 
137
        left: 6px;
 
138
        top: -25px;
 
139
        height: auto;
 
140
        width: auto;
 
141
        display: block;
 
142
        font-size: 14px;
 
143
        font-weight: 600;
 
144
        padding: 15px 23px 14px;
 
145
        background: #f1f1f1;
 
146
        color: #21759b;
 
147
        z-index: 100000;
 
148
        line-height: normal;
 
149
        -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
 
150
        box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
 
151
        text-decoration: none;
 
152
        outline: none;
 
153
}
 
154
 
 
155
.hidden,
 
156
.js .closed .inside,
 
157
.js .hide-if-js,
 
158
.no-js .hide-if-no-js,
 
159
.js.wp-core-ui .hide-if-js,
 
160
.js .wp-core-ui .hide-if-js,
 
161
.no-js.wp-core-ui .hide-if-no-js,
 
162
.no-js .wp-core-ui .hide-if-no-js {
 
163
        display: none;
 
164
}
 
165
 
 
166
/* @todo: Take a second look. Large chunks of shared color, from the colors.css merge */
 
167
.widget-top,
 
168
.menu-item-handle,
 
169
.widget-inside,
 
170
#menu-settings-column .accordion-container,
 
171
#menu-management .menu-edit,
 
172
.manage-menus,
 
173
table.widefat,
 
174
.stuffbox,
 
175
p.popular-tags,
 
176
.widgets-holder-wrap,
 
177
.wp-editor-container,
 
178
.popular-tags,
 
179
.feature-filter,
 
180
.imgedit-group {
 
181
        border: 1px solid #e5e5e5;
 
182
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 
183
        box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 
184
}
 
185
 
 
186
table.widefat,
 
187
.wp-editor-container,
 
188
.stuffbox,
 
189
p.popular-tags,
 
190
.widgets-holder-wrap,
 
191
.popular-tags,
 
192
.feature-filter,
 
193
.imgedit-group {
 
194
        background: #fff;
 
195
}
 
196
 
 
197
/* general */
 
198
html,
 
199
body {
 
200
        height: 100%;
 
201
        margin: 0;
 
202
        padding: 0;
 
203
}
 
204
 
 
205
html {
 
206
        background: #f1f1f1;
 
207
}
 
208
 
 
209
body {
 
210
        color: #444;
 
211
        font-family: "Open Sans", sans-serif;
 
212
        font-size: 13px;
 
213
        line-height: 1.4em;
 
214
        min-width: 600px;
 
215
}
 
216
 
 
217
body.iframe {
 
218
        min-width: 0;
 
219
        padding-top: 1px;
 
220
}
 
221
 
 
222
body.modal-open {
 
223
        overflow: hidden;
 
224
}
 
225
 
 
226
iframe,
 
227
img {
 
228
        border: 0;
 
229
}
 
230
 
 
231
td {
 
232
        font-family: inherit;
 
233
        font-size: inherit;
 
234
        font-weight: inherit;
 
235
        line-height: inherit;
 
236
}
 
237
 
 
238
a {
 
239
        color: #0074a2;
 
240
        -webkit-transition-property: border, background, color;
 
241
        transition-property: border, background, color;
 
242
        -webkit-transition-duration: .05s;
 
243
        transition-duration: .05s;
 
244
        -webkit-transition-timing-function: ease-in-out;
 
245
        transition-timing-function: ease-in-out;
 
246
}
 
247
 
 
248
a,
 
249
div {
 
250
        outline: 0;
 
251
}
 
252
 
 
253
a:hover,
 
254
a:active {
 
255
        color: #2ea2cc;
 
256
}
 
257
 
 
258
a:focus {
 
259
        color: #124964;
 
260
    -webkit-box-shadow:
 
261
        0 0 0 1px #5b9dd9,
 
262
                0 0 2px 1px rgba(30, 140, 190, .8);
 
263
    box-shadow:
 
264
        0 0 0 1px #5b9dd9,
 
265
                0 0 2px 1px rgba(30, 140, 190, .8);
 
266
}
 
267
 
 
268
.ie8 a:focus {
 
269
        outline: #5b9dd9 solid 1px;
 
270
}
 
271
 
 
272
#adminmenu a:focus,
 
273
.screen-reader-text:focus {
 
274
        -webkit-box-shadow: none;
 
275
        box-shadow: none;
 
276
        outline: none;
 
277
}
 
278
 
 
279
blockquote,
 
280
q {
 
281
        quotes: none;
 
282
}
 
283
 
 
284
blockquote:before,
 
285
blockquote:after,
 
286
q:before,
 
287
q:after {
 
288
        content: '';
 
289
        content: none;
 
290
}
 
291
 
 
292
p {
 
293
        font-size: 13px;
 
294
        line-height: 1.5;
 
295
        margin: 1em 0;
 
296
}
 
297
 
 
298
blockquote {
 
299
        margin: 1em;
 
300
}
 
301
 
 
302
li,
 
303
dd {
 
304
        margin-bottom: 6px;
 
305
}
 
306
 
 
307
h1,
 
308
h2,
 
309
h3,
 
310
h4,
 
311
h5,
 
312
h6 {
 
313
        display: block;
 
314
        font-weight: 600;
 
315
}
 
316
 
 
317
h1 {
 
318
        font-size: 2em;
 
319
        margin: .67em 0;
 
320
}
 
321
 
 
322
h2 {
 
323
        color: #222;
 
324
        font-size: 1.5em;
 
325
        margin: .83em 0;
 
326
        font-weight: 400;
 
327
}
 
328
 
 
329
h3 {
 
330
        color: #222;
 
331
        font-size: 1.3em;
 
332
        margin: 1em 0;
 
333
}
 
334
 
 
335
h4 {
 
336
        font-size: 1em;
 
337
        margin: 1.33em 0;
 
338
}
 
339
 
 
340
h5 {
 
341
        font-size: 0.83em;
 
342
        margin: 1.67em 0;
 
343
}
 
344
 
 
345
h6 {
 
346
        font-size: 0.67em;
 
347
        margin: 2.33em 0;
 
348
}
 
349
 
 
350
ul,
 
351
ol {
 
352
        padding: 0;
 
353
}
 
354
 
 
355
ul {
 
356
        list-style: none;
 
357
}
 
358
 
 
359
ol {
 
360
        list-style-type: decimal;
 
361
        margin-left: 2em;
 
362
}
 
363
 
 
364
ul.ul-disc {
 
365
        list-style: disc outside;
 
366
}
 
367
 
 
368
ul.ul-square {
 
369
        list-style: square outside;
 
370
}
 
371
 
 
372
ol.ol-decimal {
 
373
        list-style: decimal outside;
 
374
}
 
375
 
 
376
ul.ul-disc,
 
377
ul.ul-square,
 
378
ol.ol-decimal {
 
379
        margin-left: 1.8em;
 
380
}
 
381
 
 
382
ul.ul-disc > li,
 
383
ul.ul-square > li,
 
384
ol.ol-decimal > li {
 
385
        margin: 0 0 0.5em;
 
386
}
 
387
 
 
388
/* @noflip */
 
389
.ltr {
 
390
        direction: ltr;
 
391
}
 
392
 
 
393
/* @noflip */
 
394
.code,
 
395
code {
 
396
        font-family: Consolas, Monaco, monospace;
 
397
        direction: ltr;
 
398
}
 
399
 
 
400
kbd,
 
401
code {
 
402
        padding: 3px 5px 2px 5px;
 
403
        margin: 0 1px;
 
404
        background: #eaeaea;
 
405
        background: rgba(0,0,0,0.07);
 
406
        font-size: 13px;
 
407
}
 
408
 
 
409
.subsubsub {
 
410
        list-style: none;
 
411
        margin: 8px 0 0;
 
412
        padding: 0;
 
413
        font-size: 13px;
 
414
        float: left;
 
415
        color: #666;
 
416
}
 
417
 
 
418
.subsubsub a {
 
419
        line-height: 2;
 
420
        padding: .2em;
 
421
        text-decoration: none;
 
422
}
 
423
 
 
424
.subsubsub a .count,
 
425
.subsubsub a.current .count {
 
426
        color: #999;
 
427
        font-weight: normal;
 
428
}
 
429
 
 
430
.subsubsub a.current {
 
431
        font-weight: 600;
 
432
        border: none;
 
433
}
 
434
 
 
435
.subsubsub li {
 
436
        display: inline-block;
 
437
        margin: 0;
 
438
        padding: 0;
 
439
        white-space: nowrap;
 
440
}
 
441
 
 
442
/* .widefat - main style for tables */
 
443
.widefat {
 
444
        border-spacing: 0;
 
445
        width: 100%;
 
446
        clear: both;
 
447
        margin: 0;
 
448
}
 
449
 
 
450
.widefat * {
 
451
        word-wrap: break-word;
 
452
}
 
453
 
 
454
.widefat a {
 
455
        text-decoration: none;
 
456
}
 
457
 
 
458
.widefat td,
 
459
.widefat th {
 
460
        padding: 8px 10px;
 
461
}
 
462
 
 
463
.widefat thead th {
 
464
        border-bottom: 1px solid #e1e1e1;
 
465
}
 
466
 
 
467
.widefat tfoot th {
 
468
        border-top: 1px solid #e1e1e1;
 
469
        border-bottom: none;
 
470
}
 
471
 
 
472
.widefat .no-items td {
 
473
        border-bottom-width: 0;
 
474
}
 
475
 
 
476
.widefat td {
 
477
        vertical-align: top;
 
478
}
 
479
 
 
480
.widefat td,
 
481
.widefat td p,
 
482
.widefat td ol,
 
483
.widefat td ul {
 
484
        font-size: 13px;
 
485
        line-height: 1.5em;
 
486
}
 
487
 
 
488
.widefat th {
 
489
        text-align: left;
 
490
        line-height: 1.3em;
 
491
        font-size: 14px;
 
492
}
 
493
 
 
494
.widefat th input {
 
495
        margin: 0 0 0 8px;
 
496
        padding: 0;
 
497
        vertical-align: text-top;
 
498
}
 
499
 
 
500
.widefat .check-column {
 
501
        width: 2.2em;
 
502
        padding: 6px 0 25px;
 
503
        vertical-align: top;
 
504
}
 
505
 
 
506
.widefat th input[type=checkbox] {
 
507
        margin-top: -1px;
 
508
}
 
509
 
 
510
.widefat tbody th.check-column {
 
511
        padding: 9px 0 22px;
 
512
}
 
513
 
 
514
.widefat.media .check-column {
 
515
        padding-top: 8px;
 
516
}
 
517
 
 
518
.widefat thead th.check-column,
 
519
.widefat tbody th.check-column,
 
520
.widefat tfoot th.check-column {
 
521
        padding: 11px 0 0 3px;
 
522
}
 
523
 
 
524
.widefat thead th.check-column {
 
525
        padding-top: 10px;
 
526
}
 
527
 
 
528
.update-php div.updated,
 
529
.update-php div.error {
 
530
        margin-left: 0;
 
531
}
 
532
 
 
533
.no-js .widefat thead .check-column input,
 
534
.no-js .widefat tfoot .check-column input {
 
535
        display: none;
 
536
}
 
537
 
 
538
.widefat .num,
 
539
.column-comments,
 
540
.column-links,
 
541
.column-posts {
 
542
        text-align: center;
 
543
}
 
544
 
 
545
.widefat th#comments {
 
546
        vertical-align: middle;
 
547
}
 
548
 
 
549
.wrap {
 
550
        margin: 10px 20px 0 2px;
 
551
}
 
552
 
 
553
div.updated,
 
554
div.error {
 
555
        padding: 0 0.6em;
 
556
        margin: 5px 15px 2px;
 
557
}
 
558
 
 
559
div.updated p,
 
560
div.error p {
 
561
        margin: 0.5em 0;
 
562
        padding: 2px;
 
563
}
 
564
 
 
565
.wrap div.updated,
 
566
.wrap div.error,
 
567
.media-upload-form div.error {
 
568
        margin: 5px 0 15px;
 
569
}
 
570
 
 
571
div.updated {
 
572
        border-left: 4px solid #7ad03a;
 
573
        padding: 1px 12px;
 
574
        background-color: #fff;
 
575
        -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
 
576
        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
 
577
}
 
578
 
 
579
div.error {
 
580
        border-left: 4px solid #dd3d36;
 
581
        background: #fff;
 
582
        -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
 
583
        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
 
584
        padding: 1px 12px;
 
585
}
 
586
 
 
587
.attention {
 
588
        color: #2ea2cc;
 
589
}
 
590
 
 
591
.wrap h2,
 
592
.subtitle {
 
593
        font-weight: normal;
 
594
        margin: 0;
 
595
}
 
596
 
 
597
.wrap h2 {
 
598
        font-size: 23px;
 
599
        font-weight: 400;
 
600
        padding: 9px 15px 4px 0;
 
601
        line-height: 29px;
 
602
}
 
603
 
 
604
.subtitle {
 
605
        color: #777;
 
606
        font-size: 14px;
 
607
        padding-left: 25px;
 
608
}
 
609
 
 
610
.wrap .add-new-h2,
 
611
.wrap .add-new-h2:active {
 
612
        margin-left: 4px;
 
613
        padding: 4px 8px;
 
614
        position: relative;
 
615
        top: -3px;
 
616
        text-decoration: none;
 
617
        border: none;
 
618
        -webkit-border-radius: 2px;
 
619
        border-radius: 2px;
 
620
        background: #e0e0e0;
 
621
        text-shadow: none;
 
622
        font-weight: 600;
 
623
        font-size: 13px;
 
624
}
 
625
 
 
626
.wrap .add-new-h2:hover {
 
627
        background: #2ea2cc;
 
628
        color: #fff;
 
629
}
 
630
 
 
631
.wrap h2.long-header {
 
632
        padding-right: 0;
 
633
}
 
634
 
 
635
.wp-dialog {
 
636
        background-color: #fff;
 
637
}
 
638
 
 
639
.widgets-chooser ul,
 
640
#widgets-left .widget-in-question .widget-top,
 
641
#available-widgets .widget-top:hover,
 
642
div#widgets-right .widget-top:hover,
 
643
#widgets-left .widget-top:hover {
 
644
        border-color: #999;
 
645
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
 
646
        box-shadow: 0 1px 2px rgba(0,0,0,0.1);
 
647
}
 
648
 
 
649
.sorthelper {
 
650
        background-color: #ccf3fa;
 
651
}
 
652
 
 
653
.ac_match,
 
654
.subsubsub a.current {
 
655
        color: #000;
 
656
}
 
657
 
 
658
.alternate,
 
659
.alt {
 
660
        background-color: #f9f9f9;
 
661
}
 
662
 
 
663
.bar {
 
664
        background-color: #e8e8e8;
 
665
        border-right-color: #99d;
 
666
}
 
667
 
 
668
.media-upload-form label.form-help,
 
669
td.help {
 
670
        color: #9a9a9a;
 
671
}
 
672
 
 
673
/* Helper classes for plugins to leverage the active WordPress color scheme */
 
674
 
 
675
.highlight {
 
676
        background-color: #e4f2fd;
 
677
        color: #000;
 
678
}
 
679
 
 
680
.wp-ui-primary {
 
681
        color: #fff;
 
682
        background-color: #333;
 
683
}
 
684
.wp-ui-text-primary {
 
685
        color: #333;
 
686
}
 
687
 
 
688
.wp-ui-highlight {
 
689
        color: white;
 
690
        background-color: #1e8cbe;
 
691
}
 
692
.wp-ui-text-highlight {
 
693
        color: #1e8cbe;
 
694
}
 
695
 
 
696
.wp-ui-notification {
 
697
        color: #fff;
 
698
        background-color: #d54e21;
 
699
}
 
700
.wp-ui-text-notification {
 
701
        color: #d54e21;
 
702
}
 
703
 
 
704
.wp-ui-text-icon {
 
705
        color: #999;
 
706
}
 
707
 
 
708
/*------------------------------------------------------------------------------
 
709
  1.0 - Text Styles
 
710
------------------------------------------------------------------------------*/
 
711
 
 
712
.widget .widget-top,
 
713
.postbox .hndle,
 
714
.stuffbox .hndle,
 
715
.control-section .accordion-section-title,
 
716
.sidebar-name,
 
717
#nav-menu-header,
 
718
#nav-menu-footer,
 
719
.menu-item-handle,
 
720
.checkbox,
 
721
.side-info,
 
722
#your-profile #rich_editing,
 
723
.widefat thead th,
 
724
.widefat tfoot th {
 
725
        line-height: 1.4em;
 
726
}
 
727
 
 
728
.widget .widget-top,
 
729
.menu-item-handle {
 
730
        background: #fafafa;
 
731
        color: #222;
 
732
}
 
733
 
 
734
.postbox .hndle,
 
735
.stuffbox .hndle {
 
736
        border-bottom: 1px solid #eee;
 
737
}
 
738
 
 
739
.quicktags,
 
740
.search {
 
741
        background-color: #ccc;
 
742
        color: #000;
 
743
        font-size: 12px;
 
744
}
 
745
 
 
746
.icon32 {
 
747
        display: none;
 
748
}
 
749
 
 
750
/* @todo can we combine these into a class or use an existing dashicon one? */
 
751
#welcome-panel.welcome-panel .welcome-panel-close:before,
 
752
.tagchecklist span a:before,
 
753
#bulk-titles div a:before {
 
754
        background: none;
 
755
        color: #bbb;
 
756
        content: '\f153';
 
757
        display: block !important;
 
758
        font: normal 16px/1 'dashicons';
 
759
        speak: none;
 
760
        height: 20px;
 
761
        text-align: center;
 
762
        width: 20px;
 
763
        -webkit-font-smoothing: antialiased !important;
 
764
}
 
765
 
 
766
#welcome-panel.welcome-panel .welcome-panel-close:before {
 
767
        margin: 0;
 
768
}
 
769
 
 
770
.tagchecklist span a:before,
 
771
#bulk-titles div a:before {
 
772
        margin: 2px 0;
 
773
}
 
774
 
 
775
#welcome-panel.welcome-panel .welcome-panel-close:hover:before,
 
776
.tagchecklist span a:hover:before,
 
777
#bulk-titles div a:hover:before {
 
778
        color: #c00;
 
779
}
 
780
 
 
781
.key-labels label {
 
782
        line-height: 24px;
 
783
}
 
784
 
 
785
strong, b {
 
786
        font-weight: 600;
 
787
}
 
788
 
 
789
.pre {
 
790
        /* https://developer.mozilla.org/en-US/docs/CSS/white-space */
 
791
        white-space: pre-wrap; /* css-3 */
 
792
        word-wrap: break-word; /* IE 5.5 - 7 */
 
793
}
 
794
 
 
795
.howto {
 
796
        color: #666;
 
797
        font-style: italic;
 
798
        display: block;
 
799
}
 
800
 
 
801
p.install-help {
 
802
        margin: 8px 0;
 
803
        font-style: italic;
 
804
}
 
805
 
 
806
.no-break {
 
807
        white-space: nowrap;
 
808
}
 
809
 
 
810
hr {
 
811
        border: 0;
 
812
        border-top: 1px solid #ddd;
 
813
        border-bottom: 1px solid #fafafa;
 
814
}
 
815
 
 
816
.row-actions span.delete a,
 
817
.row-actions span.trash a,
 
818
.row-actions span.spam a,
 
819
.plugins a.delete,
 
820
#all-plugins-table .plugins a.delete,
 
821
#search-plugins-table .plugins a.delete,
 
822
.submitbox .submitdelete,
 
823
#media-items a.delete,
 
824
#media-items a.delete-permanently,
 
825
#nav-menu-footer .menu-delete {
 
826
        color: #a00;
 
827
}
 
828
 
 
829
abbr.required,
 
830
.file-error,
 
831
.widget-control-remove:hover,
 
832
.row-actions .delete a:hover,
 
833
.row-actions .trash a:hover,
 
834
.row-actions .spam a:hover,
 
835
.plugins a.delete:hover,
 
836
#all-plugins-table .plugins a.delete:hover,
 
837
#search-plugins-table .plugins a.delete:hover,
 
838
.submitbox .submitdelete:hover,
 
839
#media-items a.delete:hover,
 
840
#media-items a.delete-permanently:hover,
 
841
#nav-menu-footer .menu-delete:hover {
 
842
        color: #f00;
 
843
        text-decoration: none;
 
844
        border: none;
 
845
}
 
846
 
 
847
/*------------------------------------------------------------------------------
 
848
  3.0 - Actions
 
849
------------------------------------------------------------------------------*/
 
850
 
 
851
#major-publishing-actions {
 
852
        padding: 10px;
 
853
        clear: both;
 
854
        border-top: 1px solid #ddd;
 
855
        background: #f5f5f5;
 
856
}
 
857
 
 
858
#delete-action {
 
859
        line-height: 28px;
 
860
        vertical-align: middle;
 
861
        text-align: left;
 
862
        float: left;
 
863
}
 
864
 
 
865
#publishing-action {
 
866
        text-align: right;
 
867
        float: right;
 
868
        line-height: 23px;
 
869
}
 
870
 
 
871
#publishing-action .spinner {
 
872
        float: left;
 
873
}
 
874
 
 
875
#misc-publishing-actions {
 
876
        padding: 6px 0 0;
 
877
}
 
878
 
 
879
.misc-pub-section {
 
880
        padding: 6px 10px 8px;
 
881
}
 
882
 
 
883
#minor-publishing-actions {
 
884
        padding: 10px 10px 0 10px;
 
885
        text-align: right;
 
886
}
 
887
 
 
888
#save-post {
 
889
        float: left;
 
890
}
 
891
 
 
892
.preview {
 
893
        float: right;
 
894
}
 
895
 
 
896
#sticky-span {
 
897
        margin-left: 18px;
 
898
}
 
899
 
 
900
.side-info {
 
901
        margin: 0;
 
902
        padding: 4px;
 
903
        font-size: 11px;
 
904
}
 
905
 
 
906
.side-info h5 {
 
907
        padding-bottom: 7px;
 
908
        font-size: 14px;
 
909
        margin: 12px 2px 5px;
 
910
        border-bottom: 1px solid #dadada;
 
911
}
 
912
 
 
913
.side-info ul {
 
914
        margin: 0;
 
915
        padding-left: 18px;
 
916
        list-style: square;
 
917
        color: #666;
 
918
}
 
919
 
 
920
.approve,
 
921
.unapproved .unapprove {
 
922
        display: none;
 
923
}
 
924
 
 
925
.unapproved .approve,
 
926
.spam .approve,
 
927
.trash .approve {
 
928
        display: inline;
 
929
}
 
930
 
 
931
td.action-links,
 
932
th.action-links {
 
933
        text-align: right;
 
934
}
 
935
 
 
936
/* Filter bar */
 
937
.wp-filter {
 
938
        display: inline-block;
 
939
        position: relative;
 
940
        -webkit-box-sizing: border-box;
 
941
        -moz-box-sizing: border-box;
 
942
        box-sizing: border-box;
 
943
        margin: 12px 0 25px;
 
944
        padding: 0 20px;
 
945
        width: 100%;
 
946
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 
947
        box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 
948
        border: 1px solid #e5e5e5;
 
949
        background: #fff;
 
950
        color: #555;
 
951
        font-size: 13px;
 
952
}
 
953
 
 
954
.wp-filter a {
 
955
        text-decoration: none;
 
956
}
 
957
 
 
958
.filter-count {
 
959
        display: inline-block;
 
960
        vertical-align: middle;
 
961
        min-width: 4em;
 
962
}
 
963
 
 
964
.title-count,
 
965
.filter-count .count {
 
966
        display: inline-block;
 
967
        position: relative;
 
968
        top: -1px;
 
969
        padding: 4px 10px;
 
970
        -webkit-border-radius: 30px;
 
971
        border-radius: 30px;
 
972
        background: #777;
 
973
        color: #fff;
 
974
        font-size: 14px;
 
975
        font-weight: 600;
 
976
}
 
977
 
 
978
/* not a part of filter bar, but derived from it, so here for now */
 
979
.title-count {
 
980
        display: inline;
 
981
        top: -3px;
 
982
        margin-left: 5px;
 
983
        margin-right: 20px;
 
984
}
 
985
 
 
986
.filter-links {
 
987
        display: inline-block;
 
988
        margin: 0;
 
989
}
 
990
 
 
991
.filter-links li {
 
992
        display: inline-block;
 
993
        margin: 0;
 
994
}
 
995
 
 
996
.filter-links li > a {
 
997
        display: inline-block;
 
998
        margin: 0 10px;
 
999
        padding: 15px 0;
 
1000
        border-bottom: 4px solid #fff;
 
1001
        color: #666;
 
1002
        cursor: pointer;
 
1003
}
 
1004
 
 
1005
.filter-links .current {
 
1006
        -webkit-box-shadow: none;
 
1007
        box-shadow: none;
 
1008
        border-bottom: 4px solid #666;
 
1009
        color: #222;
 
1010
}
 
1011
 
 
1012
.filter-links li > a:hover,
 
1013
.filter-links li > a:focus,
 
1014
.show-filters .filter-links a.current:hover,
 
1015
.show-filters .filter-links a.current:focus {
 
1016
        color: #2ea2cc;
 
1017
}
 
1018
 
 
1019
.wp-filter .search-form {
 
1020
        float: right;
 
1021
        margin-top: 9px;
 
1022
}
 
1023
 
 
1024
.wp-filter .search-form input[type="search"] {
 
1025
        margin: 0;
 
1026
        padding: 3px 5px;
 
1027
        width: 280px;
 
1028
        font-size: 16px;
 
1029
        font-weight: 300;
 
1030
        line-height: 1.5;
 
1031
}
 
1032
 
 
1033
.wp-filter .search-form select {
 
1034
        height: 33px;
 
1035
        vertical-align: top;
 
1036
}
 
1037
 
 
1038
.wp-filter .drawer-toggle {
 
1039
        display: inline-block;
 
1040
        margin: 0 10px;
 
1041
        padding: 4px 6px;
 
1042
        color: #666;
 
1043
        cursor: pointer;
 
1044
}
 
1045
 
 
1046
.wp-filter .drawer-toggle:before {
 
1047
        display: inline-block;
 
1048
        vertical-align: top;
 
1049
        content: "\f111";
 
1050
        margin: 0 5px 0 0;
 
1051
        width: 16px;
 
1052
        height: 16px;
 
1053
        color: #777;
 
1054
        -webkit-transition: color .1s ease-in 0;
 
1055
        transition: color .1s ease-in 0;
 
1056
        font-family: "dashicons";
 
1057
        font-size: 16px;
 
1058
        line-height: 1;
 
1059
        text-align: center;
 
1060
        text-decoration: inherit;
 
1061
        font-weight: normal;
 
1062
        font-style: normal;
 
1063
        -webkit-font-smoothing: antialiased;
 
1064
}
 
1065
 
 
1066
.wp-filter .drawer-toggle:hover,
 
1067
.wp-filter .drawer-toggle:hover:before {
 
1068
        color: #2ea2cc;
 
1069
}
 
1070
 
 
1071
.wp-filter .drawer-toggle.current:before {
 
1072
        color: #fff;
 
1073
}
 
1074
 
 
1075
.filter-drawer {
 
1076
        display: none;
 
1077
        margin: 0 -20px;
 
1078
        padding: 20px;
 
1079
        border-top: 1px solid #eee;
 
1080
        background: #fafafa;
 
1081
}
 
1082
 
 
1083
.show-filters .filter-drawer {
 
1084
        display: block;
 
1085
        overflow: hidden;
 
1086
}
 
1087
 
 
1088
.show-filters .wp-filter .drawer-toggle:hover,
 
1089
.show-filters .wp-filter .drawer-toggle:focus {
 
1090
        background: rgb(46, 162, 204);
 
1091
}
 
1092
 
 
1093
.show-filters .filter-links a.current {
 
1094
        border-bottom: none;
 
1095
}
 
1096
 
 
1097
.show-filters .wp-filter .drawer-toggle {
 
1098
        -webkit-border-radius: 2px;
 
1099
        border-radius: 2px;
 
1100
        border: none;
 
1101
        background: #777;
 
1102
        color: #fff;
 
1103
}
 
1104
 
 
1105
.show-filters .wp-filter .drawer-toggle:before {
 
1106
        color: #fff;
 
1107
}
 
1108
 
 
1109
.filter-group {
 
1110
        -webkit-box-sizing: border-box;
 
1111
        -moz-box-sizing: border-box;
 
1112
        box-sizing: border-box;
 
1113
        float: left;
 
1114
        margin: 0 1% 0 0;
 
1115
        padding: 10px;
 
1116
        width: 19%;
 
1117
        background: #fff;
 
1118
        border: 1px solid #e5e5e5;
 
1119
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 
1120
        box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 
1121
}
 
1122
 
 
1123
.filter-group.wide {
 
1124
        width: 38%;
 
1125
}
 
1126
 
 
1127
.filter-group h4 {
 
1128
        position: relative;
 
1129
        margin: 0;
 
1130
}
 
1131
 
 
1132
.filter-drawer ol {
 
1133
        margin: 20px 0 0;
 
1134
        list-style-type: none;
 
1135
        font-size: 12px;
 
1136
}
 
1137
 
 
1138
.filter-drawer li {
 
1139
        display: inline-block;
 
1140
        vertical-align: top;
 
1141
        margin: 5px 0;
 
1142
        padding-right: 25px;
 
1143
        width: 160px;
 
1144
        list-style-type: none;
 
1145
}
 
1146
 
 
1147
.filter-drawer .buttons {
 
1148
        margin-bottom: 20px;
 
1149
}
 
1150
 
 
1151
.filter-drawer .buttons .button span {
 
1152
        display: inline-block;
 
1153
        opacity: 0.8;
 
1154
        font-size: 12px;
 
1155
        text-indent: 10px;
 
1156
}
 
1157
 
 
1158
.wp-filter .button.clear-filters {
 
1159
        display: none;
 
1160
        margin: 0 0 20px 10px;
 
1161
}
 
1162
 
 
1163
.filtered-by {
 
1164
        display: none;
 
1165
        margin: 0;
 
1166
}
 
1167
 
 
1168
.filtered-by > span {
 
1169
        font-weight: 600;
 
1170
}
 
1171
 
 
1172
.filtered-by a {
 
1173
        margin-left: 10px;
 
1174
}
 
1175
 
 
1176
.filtered-by .tags {
 
1177
        display: inline;
 
1178
}
 
1179
 
 
1180
.filtered-by .tag {
 
1181
        margin: 0 5px;
 
1182
        padding: 4px 8px;
 
1183
        border: 1px solid #e5e5e5;
 
1184
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 
1185
        box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 
1186
        background: #fff;
 
1187
        font-size: 11px;
 
1188
}
 
1189
 
 
1190
.filters-applied .filter-group,
 
1191
.filters-applied .filter-drawer .buttons,
 
1192
.filters-applied .filter-drawer br {
 
1193
        display: none !important;
 
1194
}
 
1195
 
 
1196
.filters-applied .filtered-by {
 
1197
        display: block;
 
1198
}
 
1199
 
 
1200
.filters-applied .filter-drawer {
 
1201
        padding: 20px;
 
1202
}
 
1203
 
 
1204
.show-filters .content-filterable,
 
1205
.show-filters.filters-applied.loading-content .content-filterable,
 
1206
.loading-content .content-filterable,
 
1207
.error .content-filterable {
 
1208
        display: none;
 
1209
}
 
1210
 
 
1211
.show-filters.filters-applied .content-filterable {
 
1212
        display: block;
 
1213
}
 
1214
 
 
1215
.loading-content .spinner {
 
1216
        display: block;
 
1217
        margin: 40px auto 0;
 
1218
        float: none;
 
1219
}
 
1220
 
 
1221
@media only screen and (max-width: 1120px) {
 
1222
        .wp-filter .search-form {
 
1223
                float: none;
 
1224
                margin: 20px 0;
 
1225
        }
 
1226
 
 
1227
        .filter-drawer {
 
1228
                border-bottom: 1px solid #eee;
 
1229
        }
 
1230
 
 
1231
        .filter-group {
 
1232
                margin-bottom: 0;
 
1233
                margin-top: 5px;
 
1234
                width: 100%;
 
1235
        }
 
1236
 
 
1237
        .filter-group li {
 
1238
                margin: 10px 0;
 
1239
        }
 
1240
}
 
1241
 
 
1242
@media only screen and (max-width: 782px) {
 
1243
        .filter-group,
 
1244
        .filter-group li {
 
1245
                width: 100%;
 
1246
        }
 
1247
 
 
1248
}
 
1249
 
 
1250
 
 
1251
/*------------------------------------------------------------------------------
 
1252
  4.0 - Notifications
 
1253
------------------------------------------------------------------------------*/
 
1254
 
 
1255
#update-nag,
 
1256
.update-nag {
 
1257
        display: inline-block;
 
1258
        line-height: 19px;
 
1259
        padding: 11px 15px;
 
1260
        font-size: 14px;
 
1261
        text-align: left;
 
1262
        margin: 25px 20px 0 2px;
 
1263
        background-color: #fff;
 
1264
        border-left: 4px solid #ffba00;
 
1265
        -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
 
1266
        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
 
1267
}
 
1268
 
 
1269
.update-message {
 
1270
        color: #000;
 
1271
}
 
1272
 
 
1273
ul#dismissed-updates {
 
1274
        display: none;
 
1275
}
 
1276
 
 
1277
form.upgrade {
 
1278
        margin-top: 8px;
 
1279
}
 
1280
 
 
1281
form.upgrade .hint {
 
1282
        font-style: italic;
 
1283
        font-size: 85%;
 
1284
        margin: -0.5em 0 2em 0;
 
1285
}
 
1286
 
 
1287
.update-php .spinner {
 
1288
        float: none;
 
1289
        margin: -4px 0;
 
1290
}
 
1291
 
 
1292
#ajax-loading,
 
1293
.ajax-loading,
 
1294
.ajax-feedback,
 
1295
.imgedit-wait-spin,
 
1296
.list-ajax-loading { /* deprecated */
 
1297
        visibility: hidden;
 
1298
}
 
1299
 
 
1300
#ajax-response.alignleft {
 
1301
        margin-left: 2em;
 
1302
}
 
1303
 
 
1304
/* @todo: this does not need its own section anymore */
 
1305
/*------------------------------------------------------------------------------
 
1306
  6.0 - Admin Header
 
1307
------------------------------------------------------------------------------*/
 
1308
#adminmenu a,
 
1309
#sidemenu a,
 
1310
#taglist a,
 
1311
#catlist a {
 
1312
        text-decoration: none;
 
1313
}
 
1314
 
 
1315
/*------------------------------------------------------------------------------
 
1316
  6.1 - Screen Options Tabs
 
1317
------------------------------------------------------------------------------*/
 
1318
 
 
1319
#screen-options-wrap,
 
1320
#contextual-help-wrap {
 
1321
        margin: 0;
 
1322
        padding: 8px 20px 12px;
 
1323
        position: relative;
 
1324
}
 
1325
 
 
1326
#contextual-help-wrap {
 
1327
        overflow: auto;
 
1328
        margin-left: 0 !important;
 
1329
}
 
1330
 
 
1331
#screen-meta .screen-reader-text {
 
1332
        visibility: hidden;
 
1333
}
 
1334
 
 
1335
#screen-meta-links {
 
1336
        margin: 0 20px 0 0;
 
1337
}
 
1338
 
 
1339
#screen-meta-links a {
 
1340
        padding: 3px 6px 3px 16px;
 
1341
}
 
1342
 
 
1343
#screen-meta-links a:focus {
 
1344
        outline: none;
 
1345
}
 
1346
 
 
1347
/* screen options and help tabs revert */
 
1348
#screen-meta {
 
1349
        display: none;
 
1350
        margin: 0 20px -1px 0px;
 
1351
        position: relative;
 
1352
        background-color: #fff;
 
1353
        border: 1px solid #ddd;
 
1354
        border-top: none;
 
1355
        -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.025);
 
1356
        box-shadow: 0 1px 0 rgba(0,0,0,.025);
 
1357
}
 
1358
 
 
1359
#screen-options-link-wrap,
 
1360
#contextual-help-link-wrap {
 
1361
        float: right;
 
1362
        height: 28px;
 
1363
        margin: 0 0 0 6px;
 
1364
        border: 1px solid #ddd;
 
1365
        border-top: none;
 
1366
        background: #fff;
 
1367
        -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
 
1368
        box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
 
1369
}
 
1370
 
 
1371
#screen-meta-links .screen-meta-toggle {
 
1372
        position: relative;
 
1373
        top: 0;
 
1374
}
 
1375
 
 
1376
#screen-meta-links a {
 
1377
        color: #777;
 
1378
}
 
1379
 
 
1380
#screen-meta-links a:hover,
 
1381
#screen-meta-links a:active,
 
1382
#screen-meta-links a:focus {
 
1383
        color: #333;
 
1384
}
 
1385
 
 
1386
#screen-meta-links a.show-settings {
 
1387
        display: block;
 
1388
        font-size: 13px;
 
1389
        height: 22px;
 
1390
        line-height: 22px;
 
1391
        text-decoration: none;
 
1392
        z-index: 1;
 
1393
}
 
1394
 
 
1395
#screen-meta-links a:after {
 
1396
        right: 0;
 
1397
        content: '\f140';
 
1398
        font: normal 20px/1 'dashicons';
 
1399
        speak: none;
 
1400
        display: inline-block;
 
1401
        padding: 0 5px 0 0;
 
1402
        bottom: 2px;
 
1403
        position: relative;
 
1404
        vertical-align: bottom;
 
1405
        -webkit-font-smoothing: antialiased;
 
1406
        -moz-osx-font-smoothing: grayscale;
 
1407
        text-decoration: none !important;
 
1408
        color: #bbb;
 
1409
}
 
1410
 
 
1411
#screen-meta-links a.screen-meta-active:after {
 
1412
        content: '\f142';
 
1413
}
 
1414
 
 
1415
#screen-meta-links a.show-settings:hover {
 
1416
        text-decoration: none;
 
1417
}
 
1418
/* end screen options and help tabs */
 
1419
 
 
1420
.toggle-arrow {
 
1421
        background-repeat: no-repeat;
 
1422
        background-position: top left;
 
1423
        background-color: transparent;
 
1424
        height: 22px;
 
1425
        line-height: 22px;
 
1426
        display: block;
 
1427
}
 
1428
 
 
1429
.toggle-arrow-active {
 
1430
        background-position: bottom left;
 
1431
}
 
1432
 
 
1433
#screen-options-wrap h5,
 
1434
#contextual-help-wrap h5 {
 
1435
        margin: 8px 0;
 
1436
        font-size: 13px;
 
1437
}
 
1438
 
 
1439
.metabox-prefs label {
 
1440
        display: inline-block;
 
1441
        padding-right: 15px;
 
1442
        line-height: 30px;
 
1443
}
 
1444
 
 
1445
.metabox-prefs label input[type=checkbox] {
 
1446
        margin-top: -4px;
 
1447
        margin-right: 6px;
 
1448
}
 
1449
 
 
1450
.metabox-prefs label input {
 
1451
        margin: 0 5px 0 2px;
 
1452
}
 
1453
 
 
1454
.metabox-prefs .columns-prefs label input {
 
1455
        margin: 0 2px;
 
1456
}
 
1457
 
 
1458
.metabox-prefs label a {
 
1459
        display: none;
 
1460
}
 
1461
 
 
1462
/*------------------------------------------------------------------------------
 
1463
  6.2 - Help Menu
 
1464
------------------------------------------------------------------------------*/
 
1465
 
 
1466
#contextual-help-wrap {
 
1467
        padding: 0;
 
1468
}
 
1469
 
 
1470
#contextual-help-columns {
 
1471
        position: relative;
 
1472
}
 
1473
 
 
1474
#contextual-help-back {
 
1475
        position: absolute;
 
1476
        top: 0;
 
1477
        bottom: 0;
 
1478
        left: 150px;
 
1479
        right: 170px;
 
1480
        border: 1px solid #e1e1e1;
 
1481
        border-top: none;
 
1482
        border-bottom: none;
 
1483
        background: #f6fbfd;
 
1484
}
 
1485
 
 
1486
#contextual-help-wrap.no-sidebar #contextual-help-back {
 
1487
        right: 0;
 
1488
        border-right-width: 0;
 
1489
        -webkit-border-bottom-right-radius: 2px;
 
1490
        border-bottom-right-radius: 2px;
 
1491
}
 
1492
 
 
1493
.contextual-help-tabs {
 
1494
        float: left;
 
1495
        width: 150px;
 
1496
        margin: 0;
 
1497
}
 
1498
 
 
1499
.contextual-help-tabs ul {
 
1500
        margin: 1em 0;
 
1501
}
 
1502
 
 
1503
.contextual-help-tabs li {
 
1504
        margin-bottom: 0;
 
1505
        list-style-type: none;
 
1506
        border-style: solid;
 
1507
        border-width: 0 0 0 2px;
 
1508
        border-color: transparent;
 
1509
}
 
1510
 
 
1511
.contextual-help-tabs a {
 
1512
        display: block;
 
1513
        padding: 5px 5px 5px 12px;
 
1514
        line-height: 18px;
 
1515
        text-decoration: none;
 
1516
        border: 1px solid transparent;
 
1517
        border-right: none;
 
1518
        border-left: none;
 
1519
}
 
1520
 
 
1521
.contextual-help-tabs a:hover {
 
1522
        color: #333;
 
1523
}
 
1524
 
 
1525
.contextual-help-tabs .active {
 
1526
        padding: 0;
 
1527
        margin: 0 -1px 0 0;
 
1528
        border-left: 2px solid #2ea2cc;
 
1529
        background: #f6fbfd;
 
1530
        -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
 
1531
        box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
 
1532
}
 
1533
 
 
1534
.contextual-help-tabs .active a {
 
1535
        border-color: #e1e1e1;
 
1536
        color: #333;
 
1537
}
 
1538
 
 
1539
.contextual-help-tabs-wrap {
 
1540
        padding: 0 20px;
 
1541
        overflow: auto;
 
1542
}
 
1543
 
 
1544
.help-tab-content {
 
1545
        display: none;
 
1546
        margin: 0 22px 12px 0;
 
1547
        line-height: 1.6em;
 
1548
}
 
1549
 
 
1550
.help-tab-content.active {
 
1551
        display: block;
 
1552
}
 
1553
 
 
1554
.help-tab-content ul li {
 
1555
        list-style-type: disc;
 
1556
        margin-left: 18px;
 
1557
}
 
1558
 
 
1559
.contextual-help-sidebar {
 
1560
        width: 150px;
 
1561
        float: right;
 
1562
        padding: 0 8px 0 12px;
 
1563
        overflow: auto;
 
1564
}
 
1565
 
 
1566
/*------------------------------------------------------------------------------
 
1567
  8.0 - Layout Blocks
 
1568
------------------------------------------------------------------------------*/
 
1569
 
 
1570
html.wp-toolbar {
 
1571
        padding-top: 32px;
 
1572
        -webkit-box-sizing: border-box;
 
1573
        -moz-box-sizing: border-box;
 
1574
        box-sizing: border-box;
 
1575
}
 
1576
 
 
1577
.narrow {
 
1578
        width: 70%;
 
1579
        margin-bottom: 40px;
 
1580
}
 
1581
 
 
1582
.narrow p {
 
1583
        line-height: 150%;
 
1584
}
 
1585
 
 
1586
.widefat th,
 
1587
.widefat td {
 
1588
        overflow: hidden;
 
1589
        color: #555;
 
1590
}
 
1591
 
 
1592
.widefat th {
 
1593
        font-weight: normal;
 
1594
}
 
1595
 
 
1596
.widefat thead tr th,
 
1597
.widefat tfoot tr th {
 
1598
        color: #333;
 
1599
}
 
1600
 
 
1601
.widefat td p {
 
1602
        margin: 2px 0 0.8em;
 
1603
}
 
1604
 
 
1605
.widefat p,
 
1606
.widefat ol,
 
1607
.widefat ul {
 
1608
        color: #333;
 
1609
}
 
1610
 
 
1611
.widefat .column-comment p {
 
1612
        margin: 0.6em 0;
 
1613
}
 
1614
 
 
1615
/* Screens with postboxes */
 
1616
.postbox-container {
 
1617
        float: left;
 
1618
}
 
1619
 
 
1620
.postbox-container .meta-box-sortables {
 
1621
        -webkit-box-sizing: border-box;
 
1622
        -moz-box-sizing: border-box;
 
1623
        box-sizing: border-box;
 
1624
}
 
1625
 
 
1626
#wpbody-content .metabox-holder {
 
1627
        padding-top: 10px;
 
1628
}
 
1629
 
 
1630
.metabox-holder .postbox-container .empty-container {
 
1631
        border: 3px dashed #bbb;
 
1632
        height: 250px;
 
1633
}
 
1634
 
 
1635
.metabox-holder.columns-1 .postbox-container .empty-container,
 
1636
.columns-2 #postbox-container-3 .empty-container,
 
1637
.columns-2 #postbox-container-4 .empty-container,
 
1638
.columns-3 #postbox-container-4 .empty-container {
 
1639
        border: 0 none;
 
1640
        height: 0;
 
1641
        min-height: 0;
 
1642
}
 
1643
 
 
1644
#post-body-content {
 
1645
        width: 100%;
 
1646
        min-width: 463px;
 
1647
        float: left;
 
1648
}
 
1649
 
 
1650
#post-body.columns-2 #postbox-container-1 {
 
1651
        float: right;
 
1652
        margin-right: -300px;
 
1653
        width: 280px;
 
1654
}
 
1655
 
 
1656
#post-body.columns-2 #side-sortables {
 
1657
        min-height: 250px;
 
1658
}
 
1659
 
 
1660
/* one column on the dash */
 
1661
@media only screen and (max-width: 799px) {
 
1662
        #wpbody-content .metabox-holder .postbox-container .empty-container {
 
1663
                border: 0 none;
 
1664
                height: 0;
 
1665
                min-height: 0;
 
1666
        }
 
1667
}
 
1668
 
 
1669
.js .widget .widget-top,
 
1670
.js .postbox .hndle {
 
1671
        cursor: move;
 
1672
}
 
1673
 
 
1674
.hndle a {
 
1675
        font-size: 11px;
 
1676
        font-weight: normal;
 
1677
}
 
1678
 
 
1679
.postbox .handlediv {
 
1680
        float: right;
 
1681
        width: 27px;
 
1682
        height: 30px;
 
1683
}
 
1684
 
 
1685
.js .postbox .handlediv {
 
1686
        cursor: pointer;
 
1687
}
 
1688
 
 
1689
.sortable-placeholder {
 
1690
        border: 1px dashed #bbb;
 
1691
        margin-bottom: 20px;
 
1692
}
 
1693
 
 
1694
.postbox,
 
1695
.stuffbox {
 
1696
        margin-bottom: 20px;
 
1697
        padding: 0;
 
1698
        line-height: 1;
 
1699
}
 
1700
 
 
1701
/* user-select is not a part of the CSS standard - may change behavior in the future */
 
1702
.postbox .hndle,
 
1703
.stuffbox .hndle {
 
1704
        -webkit-user-select: none;
 
1705
        -moz-user-select: none;
 
1706
        -ms-user-select: none;
 
1707
        user-select: none;
 
1708
}
 
1709
 
 
1710
.postbox .inside,
 
1711
.stuffbox .inside {
 
1712
        padding: 0 12px 12px;
 
1713
        line-height: 1.4em;
 
1714
        font-size: 13px;
 
1715
}
 
1716
 
 
1717
.postbox .inside {
 
1718
        margin: 11px 0;
 
1719
        position: relative;
 
1720
}
 
1721
 
 
1722
.postbox .inside > p:last-child,
 
1723
.rss-widget ul li:last-child {
 
1724
        margin-bottom: 1px !important;
 
1725
}
 
1726
 
 
1727
.postbox.closed h3 {
 
1728
        border: none;
 
1729
        -webkit-box-shadow: none;
 
1730
        box-shadow: none;
 
1731
}
 
1732
 
 
1733
.postbox table.form-table {
 
1734
        margin-bottom: 0;
 
1735
}
 
1736
 
 
1737
.postbox table.widefat {
 
1738
        -webkit-box-shadow: none;
 
1739
        box-shadow: none;
 
1740
}
 
1741
 
 
1742
.temp-border {
 
1743
        border: 1px dotted #ccc;
 
1744
}
 
1745
 
 
1746
.columns-prefs label {
 
1747
        padding: 0 5px;
 
1748
}
 
1749
 
 
1750
/* @todo: what is this doing here */
 
1751
#dashboard_right_now .versions .b,
 
1752
#post-status-display,
 
1753
#post-visibility-display,
 
1754
#adminmenu .wp-submenu li.current,
 
1755
#adminmenu .wp-submenu li.current a,
 
1756
#adminmenu .wp-submenu li.current a:hover,
 
1757
.media-item .percent,
 
1758
.plugins .name,
 
1759
#pass-strength-result.strong,
 
1760
#pass-strength-result.short,
 
1761
#ed_reply_toolbar #ed_reply_strong,
 
1762
.item-controls .item-order a,
 
1763
.feature-filter .feature-name {
 
1764
        font-weight: 600;
 
1765
}
 
1766
 
 
1767
/*------------------------------------------------------------------------------
 
1768
  21.0 - Admin Footer
 
1769
------------------------------------------------------------------------------*/
 
1770
 
 
1771
#wpfooter {
 
1772
        position: absolute;
 
1773
        bottom: 0;
 
1774
        left: 0;
 
1775
        right: 0;
 
1776
        padding: 10px 20px;
 
1777
        color: #777;
 
1778
}
 
1779
 
 
1780
#wpfooter p {
 
1781
        font-size: 13px;
 
1782
        margin: 0;
 
1783
        line-height: 20px;
 
1784
}
 
1785
 
 
1786
#footer-thankyou {
 
1787
        font-style: italic;
 
1788
}
 
1789
 
 
1790
#wpfooter a {
 
1791
        text-decoration: none;
 
1792
}
 
1793
 
 
1794
#wpfooter a:hover {
 
1795
        text-decoration: underline;
 
1796
}
 
1797
 
 
1798
/*------------------------------------------------------------------------------
 
1799
  25.0 - Tabbed Admin Screen Interface (Experimental)
 
1800
------------------------------------------------------------------------------*/
 
1801
 
 
1802
.nav-tab {
 
1803
        border: 1px solid #ccc;
 
1804
        border-bottom: none;
 
1805
        background: #e4e4e4;
 
1806
        color: #555;
 
1807
        font-size: 12px;
 
1808
        line-height: 16px;
 
1809
        display: inline-block;
 
1810
        padding: 4px 14px 6px;
 
1811
        text-decoration: none;
 
1812
        margin: -4px 4px -1px 0;
 
1813
}
 
1814
 
 
1815
.nav-tab:hover {
 
1816
        background-color: #fff;
 
1817
        color: #464646;
 
1818
}
 
1819
 
 
1820
.nav-tab-active {
 
1821
        color: #464646;
 
1822
}
 
1823
 
 
1824
.nav-tab-active,
 
1825
.nav-tab-active:hover {
 
1826
        border-bottom: 1px solid #f1f1f1;
 
1827
        background: #f1f1f1;
 
1828
        color: #000;
 
1829
}
 
1830
 
 
1831
h2.nav-tab-wrapper,
 
1832
h3.nav-tab-wrapper {
 
1833
        border-bottom: 1px solid #ccc;
 
1834
        padding-bottom: 0;
 
1835
        padding-left: 10px;
 
1836
}
 
1837
 
 
1838
h2 .nav-tab {
 
1839
        padding: 6px 10px;
 
1840
        font-weight: bold;
 
1841
        font-size: 15px;
 
1842
        line-height: 24px;
 
1843
}
 
1844
 
 
1845
 
 
1846
/*------------------------------------------------------------------------------
 
1847
  26.0 - Misc
 
1848
------------------------------------------------------------------------------*/
 
1849
 
 
1850
.spinner {
 
1851
        background: url(../images/spinner.gif) no-repeat;
 
1852
        -webkit-background-size: 20px 20px;
 
1853
        background-size: 20px 20px;
 
1854
        display: none;
 
1855
        float: right;
 
1856
        opacity: 0.7;
 
1857
        filter: alpha(opacity=70);
 
1858
        width: 20px;
 
1859
        height: 20px;
 
1860
        margin: 2px 5px 0;
 
1861
}
 
1862
 
 
1863
#template div {
 
1864
        margin-right: 190px;
 
1865
}
 
1866
 
 
1867
.metabox-holder h3 {
 
1868
        font-size: 14px;
 
1869
        padding: 8px 12px;
 
1870
        margin: 0;
 
1871
        line-height: 1.4;
 
1872
}
 
1873
 
 
1874
#templateside ul li a {
 
1875
        text-decoration: none;
 
1876
}
 
1877
 
 
1878
#sidemenu {
 
1879
        margin: -30px 15px 0 315px;
 
1880
        list-style: none;
 
1881
        position: relative;
 
1882
        float: right;
 
1883
        padding-left: 10px;
 
1884
        font-size: 12px;
 
1885
}
 
1886
 
 
1887
#sidemenu a {
 
1888
        padding: 0 7px;
 
1889
        display: block;
 
1890
        float: left;
 
1891
        line-height: 28px;
 
1892
        border-top: 1px solid #f9f9f9;
 
1893
        border-bottom: 1px solid #dfdfdf;
 
1894
        background-color: #f9f9f9;
 
1895
        -webkit-transition: none;
 
1896
        transition: none;
 
1897
}
 
1898
 
 
1899
#sidemenu li {
 
1900
        display: inline;
 
1901
        line-height: 200%;
 
1902
        list-style: none;
 
1903
        text-align: center;
 
1904
        white-space: nowrap;
 
1905
        margin: 0;
 
1906
        padding: 0;
 
1907
}
 
1908
 
 
1909
/* @todo: remove border radius */
 
1910
#sidemenu a.current {
 
1911
        font-weight: normal;
 
1912
        padding-left: 6px;
 
1913
        padding-right: 6px;
 
1914
        -webkit-border-top-left-radius: 3px;
 
1915
        border-top-left-radius: 3px;
 
1916
        -webkit-border-top-right-radius: 3px;
 
1917
        border-top-right-radius: 3px;
 
1918
        border: 1px solid #dfdfdf;
 
1919
        border-bottom-color: #f1f1f1;
 
1920
        background-color: #f1f1f1;
 
1921
        color: #000;
 
1922
}
 
1923
 
 
1924
#sidemenu li a .count-0 {
 
1925
        display: none;
 
1926
}
 
1927
 
 
1928
.plugin-install #description,
 
1929
.plugin-install-network #description {
 
1930
        width: 60%;
 
1931
}
 
1932
 
 
1933
table .vers,
 
1934
table .column-visible,
 
1935
table .column-rating {
 
1936
        text-align: left;
 
1937
}
 
1938
 
 
1939
.error-message {
 
1940
        color: red;
 
1941
        font-weight: 600;
 
1942
}
 
1943
 
 
1944
/* Scrollbar fix for bulk upgrade iframe */
 
1945
body.iframe {
 
1946
        height: 98%;
 
1947
}
 
1948
 
 
1949
/* Upgrader styles, Specific to Language Packs */
 
1950
.lp-show-latest p {
 
1951
        display: none;
 
1952
}
 
1953
.lp-show-latest p:last-child,
 
1954
.lp-show-latest .lp-error p {
 
1955
        display: block;
 
1956
}
 
1957
 
 
1958
/* - Only used once or twice in all of WP - deprecate for global style
 
1959
------------------------------------------------------------------------------*/
 
1960
td.media-icon {
 
1961
        text-align: center;
 
1962
        width: 80px;
 
1963
        padding-top: 8px;
 
1964
        padding-bottom: 8px;
 
1965
}
 
1966
 
 
1967
td.media-icon img {
 
1968
        max-width: 80px;
 
1969
        max-height: 60px;
 
1970
}
 
1971
 
 
1972
td.image-icon img {
 
1973
        border: 1px solid rgba(0, 0, 0, 0.07);
 
1974
}
 
1975
 
 
1976
#howto {
 
1977
        font-size: 11px;
 
1978
        margin: 0 5px;
 
1979
        display: block;
 
1980
}
 
1981
 
 
1982
.importers td {
 
1983
        padding-right: 14px;
 
1984
}
 
1985
 
 
1986
.importers {
 
1987
        font-size: 16px;
 
1988
        width: auto;
 
1989
}
 
1990
 
 
1991
#post-body #post-body-content #namediv h3 {
 
1992
        margin-top: 0;
 
1993
}
 
1994
 
 
1995
#namediv h3 label {
 
1996
        vertical-align: baseline;
 
1997
}
 
1998
 
 
1999
#namediv table {
 
2000
        width: 100%;
 
2001
}
 
2002
 
 
2003
#namediv td.first {
 
2004
        width: 10px;
 
2005
        white-space: nowrap;
 
2006
}
 
2007
 
 
2008
#namediv input {
 
2009
        width: 98%;
 
2010
}
 
2011
 
 
2012
#namediv p {
 
2013
        margin: 10px 0;
 
2014
}
 
2015
 
 
2016
#submitdiv h3 {
 
2017
        margin-bottom: 0 !important;
 
2018
}
 
2019
 
 
2020
/* - Used - but could/should be deprecated with a CSS reset
 
2021
------------------------------------------------------------------------------*/
 
2022
.zerosize {
 
2023
        height: 0;
 
2024
        width: 0;
 
2025
        margin: 0;
 
2026
        border: 0;
 
2027
        padding: 0;
 
2028
        overflow: hidden;
 
2029
        position: absolute;
 
2030
}
 
2031
 
 
2032
br.clear {
 
2033
        height: 2px;
 
2034
        line-height: 2px;
 
2035
}
 
2036
 
 
2037
.checkbox {
 
2038
        border: none;
 
2039
        margin: 0;
 
2040
        padding: 0;
 
2041
}
 
2042
 
 
2043
fieldset {
 
2044
        border: 0;
 
2045
        padding: 0;
 
2046
        margin: 0;
 
2047
}
 
2048
 
 
2049
.post-categories {
 
2050
        display: inline;
 
2051
        margin: 0;
 
2052
        padding: 0;
 
2053
}
 
2054
 
 
2055
.post-categories li {
 
2056
        display: inline;
 
2057
}
 
2058
 
 
2059
/* Star Ratings - Back-compat for pre-3.8 */
 
2060
div.star-holder {
 
2061
        position: relative;
 
2062
        height: 17px;
 
2063
        width: 100px;
 
2064
        background: url(../images/stars.png?ver=20121108) repeat-x bottom left;
 
2065
}
 
2066
 
 
2067
div.star-holder .star-rating {
 
2068
        background: url(../images/stars.png?ver=20121108) repeat-x top left;
 
2069
        height: 17px;
 
2070
        float: left;
 
2071
}
 
2072
 
 
2073
/* Star Ratings */
 
2074
.star-rating {
 
2075
        white-space: nowrap;
 
2076
}
 
2077
.star-rating .star {
 
2078
        display: inline-block;
 
2079
        width: 20px;
 
2080
        height: 20px;
 
2081
        -webkit-font-smoothing: antialiased;
 
2082
        font-size: 20px;
 
2083
        line-height: 1;
 
2084
        font-family: 'dashicons';
 
2085
        text-decoration: inherit;
 
2086
        font-weight: normal;
 
2087
        font-style: normal;
 
2088
        vertical-align: top;
 
2089
        -webkit-transition: color .1s ease-in 0;
 
2090
        transition: color .1s ease-in 0;
 
2091
        text-align: center;
 
2092
        color: #0074a2;
 
2093
}
 
2094
 
 
2095
.star-rating .star-full:before {
 
2096
        content:'\f155';
 
2097
}
 
2098
 
 
2099
.star-rating .star-half:before {
 
2100
        content:'\f459';
 
2101
}
 
2102
 
 
2103
.rtl .star-rating .star-half {
 
2104
        -webkit-transform: rotateY(180deg);
 
2105
        -ms-transform: rotateY(180deg);
 
2106
        transform: rotateY(180deg);
 
2107
}
 
2108
 
 
2109
.star-rating .star-empty:before {
 
2110
        content:'\f154';
 
2111
}
 
2112
 
 
2113
div.action-links {
 
2114
        font-weight: normal;
 
2115
        margin: 6px 0 0;
 
2116
}
 
2117
 
 
2118
/* Plugin install thickbox */
 
2119
#plugin-information {
 
2120
        background: #fff;
 
2121
        position: fixed;
 
2122
        top: 0;
 
2123
        right: 0;
 
2124
        bottom: 0;
 
2125
        left: 0;
 
2126
        height: 100%;
 
2127
        padding: 0;
 
2128
}
 
2129
 
 
2130
#plugin-information-scrollable {
 
2131
        overflow: auto;
 
2132
        height: 100%;
 
2133
}
 
2134
 
 
2135
#plugin-information-title {
 
2136
        padding: 0 20px;
 
2137
        background: #f5f5f5;
 
2138
        font-size: 22px;
 
2139
        font-weight: 600;
 
2140
        line-height: 56px;
 
2141
        position: relative;
 
2142
        top: 0;
 
2143
        right: 0;
 
2144
        left: 0;
 
2145
        height: 56px;
 
2146
        overflow: hidden;
 
2147
        text-overflow: ellipsis;
 
2148
        white-space: nowrap;
 
2149
}
 
2150
 
 
2151
#plugin-information-title.with-banner {
 
2152
        margin-right: 0;
 
2153
        height: 250px;
 
2154
        bottom: 250px;
 
2155
        -webkit-background-size: 100% auto;
 
2156
        background-size: 100% auto;
 
2157
}
 
2158
 
 
2159
#plugin-information-title h2 {
 
2160
        font-size: 1em;
 
2161
        font-weight: bold;
 
2162
        padding: 0;
 
2163
        margin: 0;
 
2164
        max-width: 680px;
 
2165
        overflow: hidden;
 
2166
        text-overflow: ellipsis;
 
2167
        white-space: nowrap;
 
2168
}
 
2169
 
 
2170
#plugin-information-title.with-banner h2 {
 
2171
        font-family: "Helvetica Neue", sans-serif;
 
2172
        display: inline-block;
 
2173
        font-size: 30px;
 
2174
        line-height: 50px;
 
2175
        padding: 0 15px;
 
2176
        margin: 174px 0 0 10px;
 
2177
        color: #fff;
 
2178
        background: rgba( 30, 30, 30, 0.9 );
 
2179
        text-shadow: 0 1px 3px rgba( 0, 0, 0, 0.4 );
 
2180
        -webkit-box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );
 
2181
        box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );
 
2182
        -webkit-border-radius: 8px;
 
2183
        border-radius: 8px;
 
2184
}
 
2185
 
 
2186
#plugin-information-title div.vignette {
 
2187
        display: none;
 
2188
}
 
2189
 
 
2190
#plugin-information-title.with-banner div.vignette {
 
2191
        display: block;
 
2192
        float: right;
 
2193
        top: 0;
 
2194
        height: 250px;
 
2195
        width: 830px;
 
2196
        margin: 0 -20px;
 
2197
        background: transparent;
 
2198
        -webkit-box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 );
 
2199
        box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 );
 
2200
}
 
2201
 
 
2202
#plugin-information-tabs {
 
2203
        padding: 0 16px;
 
2204
        position: relative;
 
2205
        right: 0;
 
2206
        left: 0;
 
2207
        height: 36px;
 
2208
        z-index: 1;
 
2209
        border-bottom: 1px solid #ddd;
 
2210
        background: #f3f3f3;
 
2211
}
 
2212
 
 
2213
#plugin-information-tabs a {
 
2214
        position: relative;
 
2215
        float: left;
 
2216
        padding: 9px 10px;
 
2217
        margin: 0;
 
2218
        height: 18px;
 
2219
        line-height: 18px;
 
2220
        font-size: 14px;
 
2221
        text-decoration: none;
 
2222
        -webkit-transition: none;
 
2223
        transition: none;
 
2224
}
 
2225
 
 
2226
#plugin-information-tabs a.current {
 
2227
        margin: 0 -1px 0;
 
2228
        background: #fff;
 
2229
        border: 1px solid #ddd;
 
2230
        border-bottom-color: #fff;
 
2231
        padding-top: 8px;
 
2232
        color: #333;
 
2233
}
 
2234
 
 
2235
#plugin-information-tabs.with-banner a.current {
 
2236
        border-top: none;
 
2237
        padding-top: 9px;
 
2238
}
 
2239
 
 
2240
#plugin-information-tabs a:active,
 
2241
#plugin-information-tabs a:focus {
 
2242
        outline: none;
 
2243
}
 
2244
 
 
2245
#plugin-information-content {
 
2246
        overflow: hidden; /* equal height column trick */
 
2247
        background: #fff;
 
2248
        position: relative;
 
2249
        top: 0;
 
2250
        right: 0;
 
2251
        left: 0;
 
2252
        min-height: 100%;
 
2253
        /* Height of title + tabs + install now */
 
2254
        min-height: -webkit-calc( 100% - 152px );
 
2255
        min-height: calc( 100% - 152px );
 
2256
}
 
2257
 
 
2258
#plugin-information-content.with-banner {
 
2259
        /* Height of banner + tabs + install now */
 
2260
        min-height: -webkit-calc( 100% - 346px );
 
2261
        min-height: calc( 100% - 346px );
 
2262
}
 
2263
 
 
2264
#section-holder {
 
2265
        position: relative;
 
2266
        top: 0;
 
2267
        right: 250px;
 
2268
        bottom: 0;
 
2269
        left: 0;
 
2270
        margin-right: 250px; /* FYI box */
 
2271
        padding: 10px 26px;
 
2272
        margin-bottom: -99930px; /* a bit less than the padding below to accommodate footer */
 
2273
        padding-bottom: 99999px; /* equal height column trick */
 
2274
}
 
2275
 
 
2276
#section-holder .updated {
 
2277
        margin: 16px 0;
 
2278
}
 
2279
 
 
2280
#plugin-information .fyi {
 
2281
        display: block;
 
2282
        float: right;
 
2283
        position: relative;
 
2284
        top: 0;
 
2285
        right: 0;
 
2286
        padding: 16px;
 
2287
        margin-bottom: -99930px; /* slightly less than the padding below to accommodate footer */
 
2288
        padding-bottom: 99999px; /* equal height column trick */
 
2289
        width: 217px;
 
2290
        border-left: 1px solid #ddd;
 
2291
        background: #f3f3f3;
 
2292
        color: #666;
 
2293
}
 
2294
 
 
2295
#plugin-information .fyi strong {
 
2296
        color: #464646;
 
2297
}
 
2298
 
 
2299
#plugin-information .fyi h3 {
 
2300
        font-weight: bold;
 
2301
        text-transform: uppercase;
 
2302
        font-size: 12px;
 
2303
        color: #666;
 
2304
        margin: 24px 0 8px;
 
2305
}
 
2306
 
 
2307
#plugin-information .fyi h2 {
 
2308
        font-size: 0.9em;
 
2309
        margin-bottom: 0;
 
2310
        margin-right: 0;
 
2311
}
 
2312
 
 
2313
#plugin-information .fyi ul {
 
2314
        padding: 0;
 
2315
        margin: 0;
 
2316
        list-style: none;
 
2317
}
 
2318
 
 
2319
#plugin-information .fyi li {
 
2320
        margin: 0 0 10px;
 
2321
}
 
2322
 
 
2323
#plugin-information .counter-container {
 
2324
        margin: 3px 0;
 
2325
}
 
2326
 
 
2327
#plugin-information .counter-label {
 
2328
        float: left;
 
2329
        margin-right: 5px;
 
2330
        min-width: 55px;
 
2331
}
 
2332
 
 
2333
#plugin-information .counter-back {
 
2334
        height: 17px;
 
2335
        width: 92px;
 
2336
        background-color: #ececec;
 
2337
        float: left;
 
2338
}
 
2339
 
 
2340
#plugin-information .counter-bar {
 
2341
        height: 17px;
 
2342
        background-color: #fddb5a;
 
2343
        float: left;
 
2344
}
 
2345
 
 
2346
#plugin-information .counter-count {
 
2347
        margin-left: 5px;
 
2348
}
 
2349
 
 
2350
#plugin-information .fyi ul.contributors {
 
2351
        margin-top: 10px;
 
2352
}
 
2353
 
 
2354
#plugin-information .fyi ul.contributors li {
 
2355
        display: inline-block;
 
2356
        margin-right: 8px;
 
2357
        vertical-align: middle;
 
2358
}
 
2359
 
 
2360
#plugin-information .fyi ul.contributors li {
 
2361
        display: inline-block;
 
2362
        margin-right: 8px;
 
2363
        vertical-align: middle;
 
2364
}
 
2365
 
 
2366
#plugin-information .fyi ul.contributors li img {
 
2367
        vertical-align: middle;
 
2368
        margin-right: 4px;
 
2369
}
 
2370
 
 
2371
#plugin-information-footer {
 
2372
        padding: 15px 16px;
 
2373
        position: absolute;
 
2374
        right: 0;
 
2375
        bottom: 0;
 
2376
        left: 0;
 
2377
        height: 28px;
 
2378
        border-top: 1px solid #ddd;
 
2379
        background: #f3f3f3;
 
2380
}
 
2381
 
 
2382
/* @noflip */
 
2383
#plugin-information .section {
 
2384
        direction: ltr;
 
2385
}
 
2386
 
 
2387
/* @noflip */
 
2388
#plugin-information .section ul,
 
2389
#plugin-information .section ol {
 
2390
        list-style-type: disc;
 
2391
        margin-left: 24px;
 
2392
}
 
2393
 
 
2394
#plugin-information .section,
 
2395
#plugin-information .section p {
 
2396
        font-size: 14px;
 
2397
        line-height: 1.7;
 
2398
}
 
2399
 
 
2400
#plugin-information #section-screenshots ol {
 
2401
        list-style: none;
 
2402
        margin: 0;
 
2403
}
 
2404
 
 
2405
#plugin-information #section-screenshots li img {
 
2406
        vertical-align: text-top;
 
2407
        margin-top: 16px;
 
2408
        max-width: 100%;
 
2409
        width: auto;
 
2410
        height: auto;
 
2411
        -webkit-box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
 
2412
        box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
 
2413
}
 
2414
 
 
2415
/* @noflip */
 
2416
#plugin-information #section-screenshots li p {
 
2417
        font-style: italic;
 
2418
        padding-left: 20px;
 
2419
}
 
2420
 
 
2421
#plugin-information pre {
 
2422
        padding: 7px;
 
2423
        overflow: auto;
 
2424
        border: 1px solid #ccc;
 
2425
}
 
2426
 
 
2427
/* @noflip */
 
2428
#plugin-information .review {
 
2429
        overflow: hidden; /* clearfix */
 
2430
        width: 100%;
 
2431
        margin-bottom: 20px;
 
2432
        border-bottom: 1px solid #e6e6e6;
 
2433
}
 
2434
 
 
2435
#plugin-information .review-title-section {
 
2436
        overflow: hidden; /* clearfix */
 
2437
}
 
2438
 
 
2439
/* @noflip */
 
2440
#plugin-information .review-title-section h4 {
 
2441
        display: inline-block;
 
2442
        float: left;
 
2443
        margin: 0 6px 0 0;
 
2444
}
 
2445
 
 
2446
#plugin-information .reviewer-info p {
 
2447
        clear: both;
 
2448
        margin: 0;
 
2449
        padding-top: 2px;
 
2450
}
 
2451
 
 
2452
/* @noflip */
 
2453
#plugin-information .reviewer-info .avatar {
 
2454
        float: left;
 
2455
        margin: 4px 6px 0 0;
 
2456
}
 
2457
 
 
2458
/* @noflip */
 
2459
#plugin-information .reviewer-info .star-rating {
 
2460
        float: left;
 
2461
}
 
2462
 
 
2463
/* @noflip */
 
2464
#plugin-information .review-meta {
 
2465
        float: left;
 
2466
        margin-left: 0.75em;
 
2467
}
 
2468
 
 
2469
/* @noflip */
 
2470
#plugin-information .review-body {
 
2471
        float: left;
 
2472
        width: 100%;
 
2473
}
 
2474
 
 
2475
.plugin-version-author-uri {
 
2476
        font-size: 13px;
 
2477
}
 
2478
 
 
2479
@media screen and ( max-width: 771px ) {
 
2480
        #plugin-information-title.with-banner {
 
2481
                height: 100px;
 
2482
                bottom: 100px;
 
2483
        }
 
2484
 
 
2485
        #plugin-information-title.with-banner h2 {
 
2486
                margin-top: 30px;
 
2487
                font-size: 20px;
 
2488
                line-height: 40px;
 
2489
                max-width: 85%;
 
2490
        }
 
2491
 
 
2492
        #plugin-information-title.with-banner div.vignette {
 
2493
                height: 100px;
 
2494
                bottom: 100px;
 
2495
                width: 800%;
 
2496
        }
 
2497
 
 
2498
        #plugin-information-tabs {
 
2499
                overflow: hidden; /* clearfix */
 
2500
                padding: 0;
 
2501
                height: auto; /* let tabs wrap */
 
2502
        }
 
2503
 
 
2504
        #plugin-information-tabs a.current {
 
2505
                margin-bottom: 0;
 
2506
                border-bottom: none;
 
2507
        }
 
2508
 
 
2509
        #plugin-information .fyi {
 
2510
                float: none;
 
2511
                border: 1px solid #ddd;
 
2512
                position: static;
 
2513
                width: auto;
 
2514
                margin: 26px 26px 0;
 
2515
                padding-bottom: 0; /* reset from the two column height fix */
 
2516
        }
 
2517
 
 
2518
        #section-holder {
 
2519
                position: static;
 
2520
                margin: 0;
 
2521
                padding-bottom: 70px; /* reset from the two column height fix, plus accomodate footer */
 
2522
        }
 
2523
 
 
2524
        #plugin-information .fyi h3,
 
2525
        #plugin-information .fyi small {
 
2526
                display: none;
 
2527
        }
 
2528
 
 
2529
        #plugin-information-footer {
 
2530
                padding: 12px 16px 0;
 
2531
                height: 46px;
 
2532
        }
 
2533
}
 
2534
 
 
2535
/* Thickbox for Plugin Install screen */
 
2536
body.plugin-install-php #TB_window,
 
2537
body.import-php #TB_window,
 
2538
body.plugins-php #TB_window,
 
2539
body.update-core-php #TB_window,
 
2540
body.index-php #TB_window {
 
2541
        background: #fcfcfc url( ../images/spinner.gif ) no-repeat center;
 
2542
}
 
2543
 
 
2544
@media print,
 
2545
        (-o-min-device-pixel-ratio: 5/4),
 
2546
        (-webkit-min-device-pixel-ratio: 1.25),
 
2547
        (min-resolution: 120dpi) {
 
2548
 
 
2549
        body.plugin-install-php #TB_window,
 
2550
        body.import-php #TB_window,
 
2551
        body.plugins-php #TB_window,
 
2552
        body.update-core-php #TB_window,
 
2553
        body.index-php #TB_window {
 
2554
                background: #fcfcfc url( ../images/spinner-2x.gif ) no-repeat center;
 
2555
                -webkit-background-size: 20px 20px;
 
2556
                background-size: 20px 20px;
 
2557
        }
 
2558
}
 
2559
 
 
2560
body.plugin-install-php #TB_title,
 
2561
body.import-php #TB_title,
 
2562
body.plugins-php #TB_title,
 
2563
body.update-core-php #TB_title,
 
2564
body.index-php #TB_title {
 
2565
        float: left;
 
2566
        height: 1px;
 
2567
}
 
2568
 
 
2569
body.plugin-install-php #TB_ajaxWindowTitle,
 
2570
body.import-php #TB_ajaxWindowTitle,
 
2571
body.plugins-php #TB_ajaxWindowTitle,
 
2572
body.update-core-php #TB_ajaxWindowTitle,
 
2573
body.index-php #TB_ajaxWindowTitle {
 
2574
        display: none;
 
2575
}
 
2576
 
 
2577
body.plugin-install-php .tb-close-icon,
 
2578
body.import-php .tb-close-icon,
 
2579
body.plugins-php .tb-close-icon,
 
2580
body.update-core-php .tb-close-icon,
 
2581
body.index-php .tb-close-icon {
 
2582
        left: auto;
 
2583
        right: -30px;
 
2584
        color: #eee;
 
2585
        -webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
 
2586
        transition: color .1s ease-in-out, background .1s ease-in-out;
 
2587
}
 
2588
 
 
2589
body.plugin-install-php #TB_closeWindowButton:focus,
 
2590
body.plugin-install-php #TB_closeWindowButton:focus .tb-close-icon,
 
2591
body.plugin-install-php .tb-close-icon:focus,
 
2592
body.plugin-install-php .tb-close-icon:hover,
 
2593
body.import-php #TB_closeWindowButton:focus,
 
2594
body.import-php #TB_closeWindowButton:focus .tb-close-icon,
 
2595
body.import-php .tb-close-icon:focus,
 
2596
body.import-php .tb-close-icon:hover,
 
2597
body.plugins-php #TB_closeWindowButton:focus,
 
2598
body.plugins-php #TB_closeWindowButton:focus .tb-close-icon,
 
2599
body.plugins-php .tb-close-icon:focus,
 
2600
body.plugins-php .tb-close-icon:hover,
 
2601
body.update-core-php #TB_closeWindowButton:focus,
 
2602
body.update-core-php #TB_closeWindowButton:focus .tb-close-icon,
 
2603
body.update-core-php .tb-close-icon:focus,
 
2604
body.update-core-php .tb-close-icon:hover,
 
2605
body.index-php #TB_closeWindowButton:focus,
 
2606
body.index-php #TB_closeWindowButton:focus .tb-close-icon,
 
2607
body.index-php .tb-close-icon:focus,
 
2608
body.index-php .tb-close-icon:hover {
 
2609
        color: #2ea2cc;
 
2610
        outline: none;
 
2611
        -webkit-box-shadow: none;
 
2612
        box-shadow: none;
 
2613
}
 
2614
 
 
2615
body.plugin-install-php .tb-close-icon:before,
 
2616
body.import-php .tb-close-icon:before,
 
2617
body.plugins-php .tb-close-icon:before,
 
2618
body.update-core-php .tb-close-icon:before,
 
2619
body.index-php .tb-close-icon:before {
 
2620
        content: "\f335";
 
2621
        font-size: 32px;
 
2622
}
 
2623
 
 
2624
/* move plugin install close icon to top on narrow screens */
 
2625
@media screen and ( max-width: 830px ) {
 
2626
        body.plugin-install-php .tb-close-icon,
 
2627
        body.import-php .tb-close-icon,
 
2628
        body.plugins-php .tb-close-icon,
 
2629
        body.update-core-php .tb-close-icon,
 
2630
        body.index-php .tb-close-icon {
 
2631
                right: 0;
 
2632
                top: -30px;
 
2633
        }
 
2634
}
 
2635
 
 
2636
/* @todo: move this. */
 
2637
img {
 
2638
        border: none;
 
2639
}
 
2640
 
 
2641
/* Header */
 
2642
/* @todo: are these also specific to Press This? */
 
2643
#wphead {
 
2644
        border-bottom: 1px solid #dfdfdf;
 
2645
}
 
2646
 
 
2647
#wphead h1 a {
 
2648
        color: #464646;
 
2649
}
 
2650
 
 
2651
/* @todo: these seem misplaced */
 
2652
.js .meta-box-sortables .postbox:hover .handlediv {
 
2653
        margin-right: 0 !important;
 
2654
}
 
2655
 
 
2656
/* Metabox collapse arrow indicators */
 
2657
.js .sidebar-name .sidebar-name-arrow:before,
 
2658
.js .meta-box-sortables .postbox .handlediv:before {
 
2659
        right: 12px;
 
2660
        font: normal 20px/1 'dashicons';
 
2661
        speak: none;
 
2662
        display: inline-block;
 
2663
        padding: 8px 10px;
 
2664
        top: 0;
 
2665
        position: relative;
 
2666
        -webkit-font-smoothing: antialiased;
 
2667
        -moz-osx-font-smoothing: grayscale;
 
2668
        text-decoration: none !important;
 
2669
}
 
2670
 
 
2671
.js #widgets-left .sidebar-name .sidebar-name-arrow {
 
2672
        display: none;
 
2673
}
 
2674
 
 
2675
.js #widgets-left .widgets-holder-wrap.closed .sidebar-name .sidebar-name-arrow,
 
2676
.js #widgets-left .sidebar-name:hover .sidebar-name-arrow {
 
2677
        display: block;
 
2678
}
 
2679
 
 
2680
/* Show the arrow only on hover */
 
2681
.js .sidebar-name .sidebar-name-arrow:before,
 
2682
.js .meta-box-sortables .postbox .handlediv:before {
 
2683
        content: '\f142';
 
2684
}
 
2685
 
 
2686
.js .widgets-holder-wrap.closed .sidebar-name-arrow:before,
 
2687
.js .meta-box-sortables .postbox.closed .handlediv:before {
 
2688
        content: '\f140';
 
2689
}
 
2690
 
 
2691
.error a {
 
2692
        text-decoration: underline;
 
2693
}
 
2694
 
 
2695
.updated a {
 
2696
        text-decoration: none;
 
2697
        padding-bottom: 2px;
 
2698
}
 
2699
 
 
2700
/* @todo: appears to be Press This only and overridden */
 
2701
#photo-add-url-div input[type="text"] {
 
2702
        width: 300px;
 
2703
}
 
2704
 
 
2705
/* Theme/Plugin Editor */
 
2706
.alignleft h3 {
 
2707
        margin: 0;
 
2708
}
 
2709
 
 
2710
#template textarea {
 
2711
        font-family: Consolas, Monaco, monospace;
 
2712
        font-size: 13px;
 
2713
        width: 97%;
 
2714
        background: #f9f9f9;
 
2715
        outline: none;
 
2716
}
 
2717
 
 
2718
/* @noflip */
 
2719
#template textarea,
 
2720
#docs-list {
 
2721
        direction: ltr;
 
2722
}
 
2723
 
 
2724
#template p {
 
2725
        width: 97%;
 
2726
}
 
2727
 
 
2728
#templateside {
 
2729
        float: right;
 
2730
        width: 190px;
 
2731
        word-wrap: break-word;
 
2732
}
 
2733
 
 
2734
#templateside h3,
 
2735
#postcustomstuff p.submit {
 
2736
        margin: 0;
 
2737
}
 
2738
 
 
2739
#templateside h4 {
 
2740
        margin: 1em 0 0;
 
2741
}
 
2742
 
 
2743
#templateside ol,
 
2744
#templateside ul {
 
2745
        margin: .5em 0;
 
2746
        padding: 0;
 
2747
}
 
2748
 
 
2749
#templateside li {
 
2750
        margin: 4px 0;
 
2751
}
 
2752
 
 
2753
#templateside a,
 
2754
.theme-editor-php .highlight {
 
2755
        display: block;
 
2756
        padding: 3px 3px 3px 12px;
 
2757
        text-decoration: none;
 
2758
}
 
2759
 
 
2760
.theme-editor-php .highlight {
 
2761
        margin: -3px 3px -3px -12px;
 
2762
}
 
2763
 
 
2764
#templateside .highlight {
 
2765
        border: none;
 
2766
        font-weight: bold;
 
2767
}
 
2768
 
 
2769
.nonessential {
 
2770
        color: #666;
 
2771
        font-size: 11px;
 
2772
        font-style: italic;
 
2773
        padding-left: 12px;
 
2774
}
 
2775
 
 
2776
#documentation {
 
2777
        margin-top: 10px;
 
2778
}
 
2779
 
 
2780
#documentation label {
 
2781
        line-height: 22px;
 
2782
        vertical-align: baseline;
 
2783
        font-weight: 600;
 
2784
}
 
2785
 
 
2786
.fileedit-sub {
 
2787
        padding: 10px 0 8px;
 
2788
        line-height: 180%;
 
2789
}
 
2790
 
 
2791
/* @todo: can we use a common class for these? */
 
2792
.nav-menus-php .item-edit:before,
 
2793
.widget-top a.widget-action:after,
 
2794
.control-section .accordion-section-title:after,
 
2795
.accordion-section-title:after {
 
2796
        right: 0;
 
2797
        content: '\f140';
 
2798
        border: none;
 
2799
        background: none;
 
2800
        font: normal 20px/1 'dashicons';
 
2801
        speak: none;
 
2802
        display: block;
 
2803
        padding: 0;
 
2804
        text-indent: 0;
 
2805
        text-align: center;
 
2806
        position: relative;
 
2807
        -webkit-font-smoothing: antialiased;
 
2808
        -moz-osx-font-smoothing: grayscale;
 
2809
        text-decoration: none !important;
 
2810
}
 
2811
 
 
2812
.widget-action,
 
2813
.handlediv,
 
2814
.item-edit,
 
2815
.sidebar-name-arrow,
 
2816
.accordion-section-title:after {
 
2817
        color: #aaa;
 
2818
}
 
2819
 
 
2820
.widget-action:hover,
 
2821
.handlediv:hover,
 
2822
.item-edit:hover,
 
2823
.sidebar-name:hover .sidebar-name-arrow,
 
2824
.accordion-section-title:hover:after {
 
2825
        color: #777;
 
2826
}
 
2827
 
 
2828
.widget-top a.widget-action:after {
 
2829
        padding: 12px 12px 0;
 
2830
}
 
2831
 
 
2832
.nav-menus-php .item-edit:before {
 
2833
        line-height: 2.1;
 
2834
}
 
2835
 
 
2836
.control-section .accordion-section-title:after,
 
2837
.accordion-section-title:after {
 
2838
        float: right;
 
2839
        right: 20px;
 
2840
        top: -2px;
 
2841
}
 
2842
 
 
2843
.control-section.open .accordion-section-title:after,
 
2844
#customize-info.open .accordion-section-title:after,
 
2845
.nav-menus-php .menu-item-edit-active .item-edit:before,
 
2846
.widget.open .widget-top a.widget-action:after {
 
2847
        content: '\f142';
 
2848
}
 
2849
 
 
2850
/* Enable draggable on IE10 touch events until it's rolled into jQuery UI core */
 
2851
.ui-sortable,
 
2852
.ui-draggable {
 
2853
        -ms-touch-action: none;
 
2854
        touch-action:     none;
 
2855
}
 
2856
 
 
2857
.meta-box-sortables.ui-sortable,
 
2858
.widgets-holder-wrap .ui-draggable,
 
2859
.widgets-holder-wrap .ui-sortable,
 
2860
.menu.ui-sortable {
 
2861
        -ms-touch-action: auto;
 
2862
        touch-action:     auto;
 
2863
}
 
2864
 
 
2865
.meta-box-sortables.ui-sortable .hndle,
 
2866
.menu.ui-sortable .menu-item-handle {
 
2867
        -ms-touch-action: none;
 
2868
        touch-action:     none;
 
2869
}
 
2870
 
 
2871
/* Accordion */
 
2872
 
 
2873
.accordion-section {
 
2874
        border-bottom: 1px solid #dfdfdf;
 
2875
        margin: 0;
 
2876
}
 
2877
 
 
2878
.accordion-section.open .accordion-section-content,
 
2879
.no-js .accordion-section .accordion-section-content {
 
2880
        display: block;
 
2881
}
 
2882
 
 
2883
.accordion-section.open:hover {
 
2884
        border-bottom-color: #dfdfdf;
 
2885
}
 
2886
 
 
2887
.accordion-section-content {
 
2888
        display: none;
 
2889
        padding: 10px 20px 15px;
 
2890
        overflow: hidden;
 
2891
        background: #fff;
 
2892
}
 
2893
 
 
2894
.accordion-section-title {
 
2895
        margin: 0;
 
2896
        padding: 12px 15px 15px;
 
2897
        position: relative;
 
2898
        border-left: 1px solid #dfdfdf;
 
2899
        border-right: 1px solid #dfdfdf;
 
2900
        -webkit-user-select: none;
 
2901
        -moz-user-select: none;
 
2902
        -ms-user-select: none;
 
2903
        user-select: none;
 
2904
}
 
2905
 
 
2906
.js .accordion-section-title {
 
2907
        cursor: pointer;
 
2908
}
 
2909
 
 
2910
.js .accordion-section-title:after {
 
2911
        position: absolute;
 
2912
        top: 12px;
 
2913
        right: 10px;
 
2914
        z-index: 1;
 
2915
}
 
2916
 
 
2917
.accordion-section-title:focus {
 
2918
        outline: none;
 
2919
}
 
2920
 
 
2921
.accordion-section-title:hover:after,
 
2922
.accordion-section-title:focus:after {
 
2923
        border-color: #aaa transparent;
 
2924
}
 
2925
 
 
2926
.cannot-expand .accordion-section-title {
 
2927
        cursor: auto;
 
2928
}
 
2929
 
 
2930
.cannot-expand .accordion-section-title:after {
 
2931
        display: none;
 
2932
}
 
2933
 
 
2934
.control-section .accordion-section-title {
 
2935
        border-left: none;
 
2936
        border-right: none;
 
2937
        padding: 10px 10px 11px 14px;
 
2938
        line-height: 21px;
 
2939
        background: #fff;
 
2940
}
 
2941
 
 
2942
.control-section .accordion-section-title:after {
 
2943
        top: 11px;
 
2944
}
 
2945
 
 
2946
.js .control-section:hover .accordion-section-title,
 
2947
.js .control-section .accordion-section-title:hover,
 
2948
.js .control-section.open .accordion-section-title,
 
2949
.js .control-section .accordion-section-title:focus {
 
2950
        color: #222;
 
2951
        background: #f5f5f5;
 
2952
}
 
2953
 
 
2954
.control-section.open .accordion-section-title {
 
2955
        /* When expanded */
 
2956
        border-bottom: 1px solid #dfdfdf;
 
2957
}
 
2958
 
 
2959
/* =Media Queries
 
2960
-------------------------------------------------------------- */
 
2961
 
 
2962
/* @todo: de-duplication */
 
2963
@media only screen and (min-width: 769px) {
 
2964
        /* categories */
 
2965
        #col-left {
 
2966
                width: 35%;
 
2967
        }
 
2968
 
 
2969
        #col-right {
 
2970
                width: 65%;
 
2971
        }
 
2972
}
 
2973
 
 
2974
@media only screen and (max-width: 860px) {
 
2975
 
 
2976
        /* categories */
 
2977
        #col-left {
 
2978
                width: 35%;
 
2979
        }
 
2980
 
 
2981
        #col-right {
 
2982
                width: 65%;
 
2983
        }
 
2984
}
 
2985
 
 
2986
@media only screen and (min-width: 980px) {
 
2987
 
 
2988
        /* categories */
 
2989
        #col-left {
 
2990
                width: 35%;
 
2991
        }
 
2992
 
 
2993
        #col-right {
 
2994
                width: 65%;
 
2995
        }
 
2996
}
 
2997
 
 
2998
@media only screen and (max-width: 768px) {
 
2999
        /* categories */
 
3000
        #col-left {
 
3001
                width: 100%;
 
3002
        }
 
3003
 
 
3004
        #col-right {
 
3005
                width: 100%;
 
3006
        }
 
3007
}
 
3008
 
 
3009
/**
 
3010
 * HiDPI Displays
 
3011
 */
 
3012
@media print,
 
3013
  (-o-min-device-pixel-ratio: 5/4),
 
3014
  (-webkit-min-device-pixel-ratio: 1.25),
 
3015
  (min-resolution: 120dpi) {
 
3016
        /* Back-compat for pre-3.8 */
 
3017
        div.star-holder,
 
3018
        div.star-holder .star-rating {
 
3019
                background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom left;
 
3020
                -webkit-background-size: 21px 37px;
 
3021
                background-size: 21px 37px;
 
3022
        }
 
3023
 
 
3024
        .spinner {
 
3025
                background-image: url(../images/spinner-2x.gif);
 
3026
        }
 
3027
 
 
3028
        /* @todo: evaluate - most of these were likely replaced by dashicons */
 
3029
        .curtime #timestamp,
 
3030
        #screen-meta-links a.show-settings,
 
3031
        .widget-top a.widget-action,
 
3032
        .widget-top a.widget-action:hover,
 
3033
        .sidebar-name-arrow,
 
3034
        .sidebar-name:hover .sidebar-name-arrow,
 
3035
        .meta-box-sortables .postbox:hover .handlediv,
 
3036
        .tagchecklist span a,
 
3037
        #bulk-titles div a,
 
3038
        .tagchecklist span a:hover,
 
3039
        #bulk-titles div a:hover {
 
3040
                background: none !important;
 
3041
        }
 
3042
 
 
3043
}
 
3044
 
 
3045
@-ms-viewport {
 
3046
        width: device-width;
 
3047
}
 
3048
 
 
3049
@media screen and ( max-width: 782px ) {
 
3050
        html.wp-toolbar {
 
3051
                padding-top: 46px;
 
3052
        }
 
3053
 
 
3054
        body {
 
3055
                min-width: 240px;
 
3056
                overflow-x: hidden;
 
3057
        }
 
3058
 
 
3059
        body * {
 
3060
                -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
 
3061
        }
 
3062
 
 
3063
        #wpcontent {
 
3064
                position: relative;
 
3065
                margin-left: 0;
 
3066
                padding-left: 10px;
 
3067
        }
 
3068
 
 
3069
        #wpbody-content {
 
3070
                padding-bottom: 100px;
 
3071
        }
 
3072
 
 
3073
        .wrap {
 
3074
                margin-right: 12px;
 
3075
                margin-left: 0;
 
3076
        }
 
3077
 
 
3078
        .col-wrap {
 
3079
                padding: 0;
 
3080
        }
 
3081
 
 
3082
        /* Hidden Elements */
 
3083
        #screen-meta,
 
3084
        #screen-meta-links,
 
3085
        #collapse-menu,
 
3086
        .post-format-select {
 
3087
                display: none !important;
 
3088
        }
 
3089
 
 
3090
        .wrap .add-new-h2, .wrap .add-new-h2:active {
 
3091
                padding: 10px 15px;
 
3092
                font-size: 14px;
 
3093
        }
 
3094
 
 
3095
        .wp-color-result {
 
3096
                height: auto;
 
3097
                padding-left: 45px;
 
3098
        }
 
3099
 
 
3100
        .wp-color-result:after {
 
3101
                font-size: 14px;
 
3102
                height: auto;
 
3103
                padding: 6px 14px;
 
3104
        }
 
3105
 
 
3106
        /* Feedback Messages */
 
3107
        .wrap div.updated, .wrap div.error, .media-upload-form div.error {
 
3108
                margin: 20px 0 10px 0;
 
3109
                padding: 5px 10px;
 
3110
                font-size: 14px;
 
3111
                line-height: 175%;
 
3112
        }
 
3113
 
 
3114
        .wrap .icon32 + h2 {
 
3115
                margin-top: -2px;
 
3116
        }
 
3117
 
 
3118
        .wp-responsive-open #wpbody {
 
3119
                right: -190px;
 
3120
        }
 
3121
 
 
3122
        code {
 
3123
                word-wrap: break-word;
 
3124
        }
 
3125
 
 
3126
        /* General Metabox */
 
3127
        .postbox {
 
3128
                font-size: 14px;
 
3129
        }
 
3130
 
 
3131
        .metabox-holder h3 {
 
3132
                padding: 12px;
 
3133
        }
 
3134
 
 
3135
        .postbox .handlediv {
 
3136
                margin-top: 3px;
 
3137
        }
 
3138
 
 
3139
        /* Subsubsub Nav */
 
3140
        .subsubsub {
 
3141
                font-size: 16px;
 
3142
                text-align: center;
 
3143
                margin-bottom: 15px;
 
3144
        }
 
3145
 
 
3146
        /* Theme/Plugin File Editor */
 
3147
        #templateside {
 
3148
                float: none;
 
3149
                width: auto;
 
3150
        }
 
3151
 
 
3152
        #templateside li {
 
3153
                margin: 0;
 
3154
        }
 
3155
 
 
3156
        #templateside li a {
 
3157
                display: block;
 
3158
                padding: 5px;
 
3159
        }
 
3160
 
 
3161
        #templateside .highlight {
 
3162
                padding: 5px;
 
3163
                margin-left: -5px;
 
3164
                margin-top: -5px;
 
3165
        }
 
3166
 
 
3167
        #template div {
 
3168
                float: none;
 
3169
                margin: 0;
 
3170
                width: auto;
 
3171
        }
 
3172
 
 
3173
        #template textarea {
 
3174
                width: 100%;
 
3175
        }
 
3176
 
 
3177
        .fileedit-sub .alignright {
 
3178
                margin-top: 15px;
 
3179
        }
 
3180
 
 
3181
        #wpfooter {
 
3182
                display: none;
 
3183
        }
 
3184
 
 
3185
        #comments-form .checkforspam {
 
3186
                display: none;
 
3187
        }
 
3188
}
 
3189
 
 
3190
/* Smartphone */
 
3191
@media screen and (max-width: 600px) {
 
3192
        /* Disable horizontal scroll when responsive menu is open
 
3193
           since we push the main content off to the right. */
 
3194
        #wpwrap.wp-responsive-open {
 
3195
                overflow-x: hidden;
 
3196
        }
 
3197
 
 
3198
        html.wp-toolbar {
 
3199
                padding-top: 0;
 
3200
        }
 
3201
 
 
3202
        #wpbody {
 
3203
                padding-top: 46px;
 
3204
        }
 
3205
 
 
3206
        /* Keep full-width boxes on Edit Post page from causing horizontal scroll */
 
3207
        div#post-body.metabox-holder.columns-1 {
 
3208
                overflow-x: hidden;
 
3209
        }
 
3210
}