~canonical-sysadmins/wordpress/4.1.3

« back to all changes in this revision

Viewing changes to wp-content/themes/twentyfifteen/rtl.css

  • Committer: Nick Moffitt
  • Date: 2015-01-15 11:05:37 UTC
  • mfrom: (1.1.1 wp4-upstream)
  • Revision ID: nick.moffitt@canonical.com-20150115110537-8bp1y42eyg0jsa7c
Tags: 4.1
MergeĀ upstreamĀ versionĀ 4.1

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
/*
 
2
Theme Name: Twenty Fifteen
 
3
Description: Adds support for languages written in a Right To Left (RTL) direction.
 
4
It's easy, just a matter of overwriting all the horizontal positioning attributes
 
5
of your CSS stylesheet in a separate stylesheet file named rtl.css.
 
6
 
 
7
See: https://codex.wordpress.org/Right_to_Left_Language_Support
 
8
*/
 
9
 
 
10
/**
 
11
 * Table of Contents:
 
12
 *
 
13
 * 1.0 - Reset
 
14
 * 2.0 - Typography
 
15
 * 3.0 - Elements
 
16
 * 4.0 - Forms
 
17
 * 5.0 - Navigations
 
18
 * 6.0 - Accessibility
 
19
 * 7.0 - Alignments
 
20
 * 8.0 - Header
 
21
 * 9.0 - Widgets
 
22
 * 10.0 - Content
 
23
 *   10.1 - Posts and pages
 
24
 *   10.2 - Comments
 
25
 * 11.0 - Media Queries
 
26
 *    11.1 - Mobile Large
 
27
 *    11.2 - Tablet Small
 
28
 *    11.3 - Tablet Large
 
29
 *    11.4 - Desktop Small
 
30
 *    11.5 - Desktop Medium
 
31
 *    11.6 - Desktop Large
 
32
 *    11.7 - Desktop X-Large
 
33
 */
 
34
 
 
35
 
 
36
/**
 
37
 * 1.0 Reset
 
38
 */
 
39
 
 
40
body {
 
41
        direction: rtl;
 
42
        unicode-bidi: embed;
 
43
}
 
44
 
 
45
caption,
 
46
th,
 
47
td {
 
48
        text-align: right;
 
49
}
 
50
 
 
51
 
 
52
/**
 
53
 * 2.0 Typography
 
54
 */
 
55
 
 
56
body,
 
57
button,
 
58
input[type="button"],
 
59
input[type="reset"],
 
60
input[type="submit"],
 
61
input,
 
62
select,
 
63
textarea,
 
64
blockquote cite,
 
65
blockquote small,
 
66
.post-password-form label,
 
67
.main-navigation .menu-item-description,
 
68
.post-navigation .meta-nav,
 
69
.post-navigation .post-title,
 
70
.pagination,
 
71
.image-navigation,
 
72
.comment-navigation,
 
73
.site-title,
 
74
.site-description,
 
75
.widget-title,
 
76
.widget_calendar caption,
 
77
.widget_rss .rss-date,
 
78
.widget_rss cite,
 
79
.author-heading,
 
80
.entry-footer,
 
81
.page-title,
 
82
.page-links,
 
83
.entry-caption,
 
84
.comments-title,
 
85
.comment-reply-title,
 
86
.comment-metadata,
 
87
.pingback .edit-link,
 
88
.comment-list .reply a,
 
89
.comment-form label,
 
90
.comment-notes,
 
91
.comment-awaiting-moderation,
 
92
.logged-in-as,
 
93
.form-allowed-tags,
 
94
.no-comments,
 
95
.wp-caption-text,
 
96
.gallery-caption {
 
97
        font-family: Arial, Tahoma, sans-serif;
 
98
}
 
99
 
 
100
::-webkit-input-placeholder {
 
101
        font-family: Arial, Tahoma, sans-serif;
 
102
}
 
103
 
 
104
:-moz-placeholder {
 
105
        font-family: Arial, Tahoma, sans-serif;
 
106
}
 
107
 
 
108
::-moz-placeholder {
 
109
        font-family: Arial, Tahoma, sans-serif;
 
110
}
 
111
 
 
112
:-ms-input-placeholder {
 
113
        font-family: Arial, Tahoma, sans-serif;
 
114
}
 
115
 
 
116
blockquote {
 
117
        border-right: 4px solid rgba(51, 51, 51, 0.7);
 
118
        border-left: 0;
 
119
        padding-right: 0.7778em;
 
120
        padding-left: 0;
 
121
}
 
122
 
 
123
 
 
124
/**
 
125
 * 3.0 Elements
 
126
 */
 
127
 
 
128
ul,
 
129
ol {
 
130
        margin: 0 1.3333em 1.6em 0;
 
131
}
 
132
 
 
133
caption,
 
134
th,
 
135
td {
 
136
        text-align: right;
 
137
}
 
138
 
 
139
 
 
140
/**
 
141
 * 4.0 Forms
 
142
 */
 
143
 
 
144
.post-password-form input[type="submit"] {
 
145
        right: auto;
 
146
        left: 0;
 
147
}
 
148
 
 
149
 
 
150
/**
 
151
 * 5.0 Navigations
 
152
 */
 
153
 
 
154
.main-navigation ul ul {
 
155
        margin-right: 0.8em;
 
156
        margin-left: auto;
 
157
}
 
158
 
 
159
.main-navigation .page_item_has_children > a,
 
160
.main-navigation .menu-item-has-children > a {
 
161
        padding-right: 0;
 
162
        padding-left: 48px;
 
163
}
 
164
 
 
165
.dropdown-toggle {
 
166
        right: auto;
 
167
        left: 0;
 
168
}
 
169
 
 
170
.dropdown-toggle:after {
 
171
        right: -1px;
 
172
        left: auto;
 
173
}
 
174
 
 
175
.social-navigation li {
 
176
        float: right;
 
177
}
 
178
 
 
179
.social-navigation a:before {
 
180
        right: 0;
 
181
        left: auto;
 
182
}
 
183
 
 
184
.secondary-toggle {
 
185
        right: auto;
 
186
        left: 0;
 
187
}
 
188
 
 
189
.post-navigation .has-post-thumbnail a:before {
 
190
        right: 0;
 
191
        left: auto;
 
192
}
 
193
 
 
194
.pagination .prev {
 
195
        right: 0;
 
196
        left: auto;
 
197
}
 
198
 
 
199
.pagination .prev:before {
 
200
        content: "\f429";
 
201
        right: -1px;
 
202
        left: auto;
 
203
}
 
204
 
 
205
.pagination .next {
 
206
        right: auto;
 
207
        left: 0;
 
208
}
 
209
 
 
210
.pagination .next:before {
 
211
        content: "\f430";
 
212
        right: auto;
 
213
        left: -1px;
 
214
}
 
215
 
 
216
.image-navigation .nav-previous a:before,
 
217
.comment-navigation .nav-previous a:before {
 
218
        content: "\f429";
 
219
        margin-right: auto;
 
220
        margin-left: 0.2em;
 
221
}
 
222
 
 
223
.image-navigation .nav-next a:after,
 
224
.comment-navigation .nav-next a:after {
 
225
        content: "\f430";
 
226
        margin-right: 0.2em;
 
227
        margin-left: auto;
 
228
}
 
229
 
 
230
 
 
231
/**
 
232
 * 6.0 Accessibility
 
233
 */
 
234
 
 
235
.screen-reader-text:hover,
 
236
.screen-reader-text:focus {
 
237
        right: 5px;
 
238
        left: auto;
 
239
}
 
240
 
 
241
 
 
242
/**
 
243
 * 7.0 Alignments
 
244
 */
 
245
 
 
246
.alignright {
 
247
        float: right;
 
248
}
 
249
 
 
250
.alignleft {
 
251
        float: left;
 
252
}
 
253
 
 
254
.aligncenter {
 
255
        margin-right: auto;
 
256
        margin-left: auto;
 
257
}
 
258
 
 
259
blockquote.alignright,
 
260
.wp-caption.alignright,
 
261
img.alignright {
 
262
        margin: 0.4em 0 1.6em 1.6em;
 
263
}
 
264
 
 
265
blockquote.alignleft,
 
266
.wp-caption.alignleft,
 
267
img.alignleft {
 
268
        margin: 0.4em 1.6em 1.6em 0;
 
269
}
 
270
 
 
271
 
 
272
/**
 
273
 * 8.0 Header
 
274
 */
 
275
 
 
276
.site-branding {
 
277
        padding-right: 0;
 
278
        padding-left: 60px;
 
279
}
 
280
 
 
281
 
 
282
/**
 
283
 * 9.0 Widgets
 
284
 */
 
285
 
 
286
.widget_categories .children,
 
287
.widget_nav_menu .sub-menu,
 
288
.widget_pages .children {
 
289
        margin: 0.7667em 0.8em 0 0;
 
290
}
 
291
 
 
292
 
 
293
/**
 
294
 * 10.0 Content
 
295
 */
 
296
 
 
297
/**
 
298
 * 10.1 Posts and pages
 
299
 */
 
300
 
 
301
.entry-content .more-link:after {
 
302
        content: "\f430";
 
303
}
 
304
 
 
305
.author-link:after {
 
306
        content: "\f430";
 
307
}
 
308
 
 
309
.author-info .avatar {
 
310
        float: right;
 
311
        margin: 0 0 1.6em 1.6em;
 
312
}
 
313
 
 
314
.posted-on:before,
 
315
.byline:before,
 
316
.cat-links:before,
 
317
.tags-links:before,
 
318
.comments-link:before,
 
319
.entry-format:before,
 
320
.edit-link:before,
 
321
.full-size-link:before {
 
322
        margin-right: auto;
 
323
        margin-left: 2px;
 
324
}
 
325
 
 
326
.posted-on,
 
327
.byline,
 
328
.cat-links,
 
329
.tags-links,
 
330
.comments-link,
 
331
.entry-format,
 
332
.full-size-link {
 
333
        margin-right: auto;
 
334
        margin-left: 1em;
 
335
}
 
336
 
 
337
.page-links a,
 
338
.page-links > span {
 
339
        margin: 0 0 0.3333em 0.3333em;
 
340
}
 
341
 
 
342
.page-links > .page-links-title {
 
343
        padding-right: 0;
 
344
        padding-left: 0.5em;
 
345
}
 
346
 
 
347
.type-attachment .entry-header {
 
348
        clear: left;
 
349
}
 
350
 
 
351
.format-link .entry-title a:after {
 
352
        -webkit-transform: scaleX(-1);
 
353
        -moz-transform: scaleX(-1);
 
354
        -ms-transform: scaleX(-1);
 
355
        -o-transform: scaleX(-1);
 
356
        transform: scaleX(-1);
 
357
}
 
358
 
 
359
 
 
360
/**
 
361
 * 10.2 Comments
 
362
 */
 
363
 
 
364
.comment-list .children > li {
 
365
        padding-right: 0.8em;
 
366
        padding-left: 0;
 
367
}
 
368
 
 
369
.comment-author .avatar {
 
370
        float: right;
 
371
        margin-right: 0;
 
372
        margin-left: 0.4em;
 
373
}
 
374
 
 
375
.bypostauthor > article .fn:after {
 
376
        right: 3px;
 
377
        left: auto;
 
378
}
 
379
 
 
380
.comment-metadata .edit-link {
 
381
        margin-right: 1em;
 
382
        margin-left: auto;
 
383
}
 
384
 
 
385
.pingback .edit-link {
 
386
        margin-right: 1em;
 
387
        margin-left: auto;
 
388
}
 
389
 
 
390
.comment-content ul,
 
391
.comment-content ol {
 
392
        margin: 0 1.3333em 1.6em 0;
 
393
}
 
394
 
 
395
.comment-reply-title small a {
 
396
        float: left;
 
397
}
 
398
 
 
399
 
 
400
/**
 
401
 * 11.0 Media Queries
 
402
 */
 
403
 
 
404
 
 
405
/**
 
406
 * 11.1 Mobile Large 620px
 
407
 */
 
408
 
 
409
@media screen and (min-width: 38.75em) {
 
410
        ul,
 
411
        ol {
 
412
                margin-right: 0;
 
413
                margin-left: auto;
 
414
        }
 
415
 
 
416
        li > ul,
 
417
        li > ol,
 
418
        blockquote > ul,
 
419
        blockquote > ol {
 
420
                margin-right: 1.3333em;
 
421
                margin-left: auto;
 
422
        }
 
423
 
 
424
        blockquote {
 
425
                margin-right: -1em;
 
426
                margin-left: auto;
 
427
        }
 
428
 
 
429
        blockquote > blockquote {
 
430
                margin-right: 0;
 
431
                margin-left: auto;
 
432
        }
 
433
 
 
434
        .page-header {
 
435
                border-color: inherit;
 
436
                border-left: none;
 
437
                border-style: solid;
 
438
                border-width: 0 7px 0 0;
 
439
        }
 
440
 
 
441
        .page-title,
 
442
        .taxonomy-description {
 
443
                margin-right: -7px;
 
444
                margin-left: auto;
 
445
        }
 
446
 
 
447
        .comment-content ul,
 
448
        .comment-content ol {
 
449
                margin-right: 0;
 
450
                margin-left: auto;
 
451
        }
 
452
 
 
453
        .comment-content li > ul,
 
454
        .comment-content li > ol,
 
455
        .comment-content blockquote > ul,
 
456
        .comment-content blockquote > ol {
 
457
                margin-right: 1.3333em;
 
458
                margin-left: auto;
 
459
        }
 
460
}
 
461
 
 
462
 
 
463
/**
 
464
 * 11.2 Tablet Small 740px
 
465
 */
 
466
 
 
467
@media screen and (min-width: 46.25em) {
 
468
        blockquote {
 
469
                margin-right: -1.05em;
 
470
                margin-left: auto;
 
471
                padding-right: 0.85em;
 
472
                padding-left: 0;
 
473
        }
 
474
 
 
475
        .main-navigation ul ul {
 
476
                margin-right: 1em;
 
477
                margin-left: auto;
 
478
        }
 
479
 
 
480
        .main-navigation .page_item_has_children > a,
 
481
        .main-navigation .main-navigation .menu-item-has-children > a {
 
482
                padding-right: 0;
 
483
                padding-left: 54px;
 
484
        }
 
485
 
 
486
        blockquote.alignright,
 
487
        .wp-caption.alignright
 
488
        img.alignright {
 
489
                margin: 0.4118em 0 1.6471em 1.6471em;
 
490
        }
 
491
 
 
492
        blockquote.alignleft,
 
493
        .wp-caption.alignleft,
 
494
        img.alignleft {
 
495
                margin: 0.4118em 1.6471em 1.6471em 0;
 
496
        }
 
497
 
 
498
        .site-branding {
 
499
                padding-right: 0;
 
500
                padding-left: 66px;
 
501
        }
 
502
 
 
503
        .widget blockquote {
 
504
                margin-right: -1.2353em;
 
505
                margin-left: auto;
 
506
                padding-right: 1em;
 
507
                padding-left: 0;
 
508
        }
 
509
 
 
510
        .widget blockquote > blockquote {
 
511
                margin-right: 0;
 
512
                margin-left: auto;
 
513
        }
 
514
 
 
515
        .widget blockquote.alignright,
 
516
        .widget .wp-caption.alignright,
 
517
        .widget img.alignright {
 
518
                margin: 0.5em 0 1.5em 1.5em;
 
519
        }
 
520
 
 
521
        .widget blockquote.alignleft,
 
522
        .widget .wp-caption.alignleft,
 
523
        .widget img.alignleft {
 
524
                margin: 0.5em 1.5em 1.5em 0;
 
525
        }
 
526
 
 
527
        .widget_categories .children,
 
528
        .widget_nav_menu .sub-menu,
 
529
        .widget_pages .children {
 
530
                margin: 0.9643em 1em 0 0;
 
531
        }
 
532
 
 
533
        .page-links a,
 
534
        .page-links > span {
 
535
                margin: 0 0 0.2857em 0.2857em;
 
536
        }
 
537
 
 
538
        .author-info .avatar {
 
539
                margin: 0 0 1.6471em 1.6471em;
 
540
        }
 
541
 
 
542
        .comment-list .children > li {
 
543
                padding-right: 1.2353em;
 
544
                padding-left: 0;
 
545
        }
 
546
 
 
547
        .comment-author .avatar {
 
548
                margin-left: 1.64705em;
 
549
        }
 
550
 
 
551
        .bypostauthor > article .fn:after {
 
552
                right: 6px;
 
553
                left: auto;
 
554
        }
 
555
}
 
556
 
 
557
 
 
558
/**
 
559
 * 11.3 Tablet Large 880px
 
560
 */
 
561
 
 
562
@media screen and (min-width: 55em) {
 
563
        blockquote {
 
564
                margin-right: -1.0909em;
 
565
                margin-left: auto;
 
566
                padding-right: 0.9091em;
 
567
                padding-left: 0;
 
568
        }
 
569
 
 
570
        .main-navigation .page_item_has_children > a,
 
571
        .main-navigation .main-navigation .menu-item-has-children > a {
 
572
                padding-right: 0;
 
573
                padding-left: 53px;
 
574
        }
 
575
 
 
576
        blockquote.alignright,
 
577
        .wp-caption.alignright
 
578
        img.alignright {
 
579
                margin: 0.4211em 0 1.6842em 1.6842em;
 
580
        }
 
581
 
 
582
        blockquote.alignleft,
 
583
        .wp-caption.alignleft,
 
584
        img.alignleft {
 
585
                margin: 0.4211em 1.6842em 1.6842em 0;
 
586
        }
 
587
 
 
588
        .site-branding {
 
589
                padding-right: 0;
 
590
                padding-left: 74px;
 
591
        }
 
592
 
 
593
        .widget blockquote {
 
594
                margin-right: -1.2632em;
 
595
                margin-left: auto;
 
596
                padding-right: 1.0526em;
 
597
                padding-left: 0;
 
598
        }
 
599
 
 
600
        .widget_categories .children,
 
601
        .widget_nav_menu .sub-menu,
 
602
        .widget_pages .children {
 
603
                margin: 0.7188em 1em 0 0;
 
604
        }
 
605
 
 
606
        .page-links a,
 
607
        .page-links > span {
 
608
                margin: 0 0 0.25em 0.25em;
 
609
        }
 
610
 
 
611
        .author-info .avatar {
 
612
                margin: 0 0 1.6842em 1.6842em;
 
613
        }
 
614
 
 
615
        .comment-list .children > li {
 
616
                padding-right: 1.4737em;
 
617
                padding-left: 0;
 
618
        }
 
619
 
 
620
        .comment-author .avatar {
 
621
                margin-left: 1.6842em;
 
622
        }
 
623
}
 
624
 
 
625
 
 
626
/**
 
627
 * 11.4 Desktop Small 955px
 
628
 */
 
629
 
 
630
@media screen and (min-width: 59.6875em) {
 
631
        body:before {
 
632
                right: 0;
 
633
                left: auto;
 
634
        }
 
635
 
 
636
        .sidebar {
 
637
                float: right;
 
638
                margin-right: auto;
 
639
                margin-left: -100%;
 
640
        }
 
641
 
 
642
        .site-content {
 
643
                float: right;
 
644
                margin-right: 29.4118%;
 
645
                margin-left: auto;
 
646
        }
 
647
 
 
648
        blockquote {
 
649
                margin-right: -1.3333em;
 
650
                margin-left: auto;
 
651
                padding-right: 1.1111em;
 
652
                padding-left: 0;
 
653
        }
 
654
 
 
655
        .main-navigation .page_item_has_children > a,
 
656
        .main-navigation .menu-item-has-children > a {
 
657
                padding-right: 0;
 
658
                padding-left: 35px;
 
659
        }
 
660
 
 
661
        blockquote.alignright,
 
662
        .wp-caption.alignright,
 
663
        img.alignright {
 
664
                margin: 0.4em 0 1.6em 1.6em;
 
665
        }
 
666
 
 
667
        blockquote.alignleft,
 
668
        .wp-caption.alignleft,
 
669
        img.alignleft {
 
670
                margin: 0.4em 1.6em 1.6em 0;
 
671
        }
 
672
 
 
673
        .widget blockquote {
 
674
                margin-right: -1.5em;
 
675
                margin-left: auto;
 
676
                padding-right: 1.1667em;
 
677
                padding-left: 0;
 
678
        }
 
679
 
 
680
        .widget_categories .children,
 
681
        .widget_nav_menu .sub-menu,
 
682
        .widget_pages .children {
 
683
                margin: 0.4583em 1em 0 0;
 
684
        }
 
685
 
 
686
        .page-links a,
 
687
        .page-links > span {
 
688
                margin: 0 0 0.3333em 0.3333em;
 
689
        }
 
690
 
 
691
        .author-info .avatar {
 
692
                margin: 0 0 1.5em 1.5em;
 
693
        }
 
694
 
 
695
        .comment-list .children > li {
 
696
                padding-right: 0.8em;
 
697
                padding-left: 0;
 
698
        }
 
699
 
 
700
        .comment-author .avatar {
 
701
                margin-left: 0.8em;
 
702
        }
 
703
 
 
704
        .bypostauthor > article .fn:after {
 
705
                right: 3px;
 
706
                left: auto;
 
707
        }
 
708
 
 
709
        .site-branding {
 
710
                padding: 0;
 
711
        }
 
712
 
 
713
        .site-footer {
 
714
                float: right;
 
715
                margin: 0 35.2941% 0 0;
 
716
        }
 
717
}
 
718
 
 
719
 
 
720
/**
 
721
 * 11.5 Desktop Medium 1100px
 
722
 */
 
723
 
 
724
@media screen and (min-width: 68.75em) {
 
725
        blockquote {
 
726
                margin-right: -1.05em;
 
727
                margin-left: auto;
 
728
                padding-right: 0.85em;
 
729
                padding-left: 0;
 
730
        }
 
731
 
 
732
        .main-navigation .page_item_has_children > a,
 
733
        .main-navigation .menu-item-has-children > a {
 
734
                padding-right: 0;
 
735
                padding-left: 33px;
 
736
        }
 
737
 
 
738
        blockquote.alignright,
 
739
        .wp-caption.alignright
 
740
        img.alignright {
 
741
                margin: 0.4118em 0 1.6471em 1.6471em;
 
742
        }
 
743
 
 
744
        blockquote.alignleft,
 
745
        .wp-caption.alignleft,
 
746
        img.alignleft {
 
747
                margin: 0.4118em 1.6471em 1.6471em 0;
 
748
        }
 
749
 
 
750
        .widget blockquote {
 
751
                padding-right: 1.2143em;
 
752
                padding-left: 0;
 
753
        }
 
754
 
 
755
        .widget_categories .children,
 
756
        .widget_nav_menu .sub-menu,
 
757
        .widget_pages .children {
 
758
                margin: 0.4643em 1em 0 0;
 
759
        }
 
760
 
 
761
        .page-links a,
 
762
        .page-links > span {
 
763
                margin: 0 0 0.2857em 0.2857em;
 
764
        }
 
765
 
 
766
        .author-info .avatar {
 
767
                margin: 0 0 1.6471em 1.6471em;
 
768
        }
 
769
 
 
770
        .comment-list .children > li {
 
771
                padding-right: 1.1667em;
 
772
                padding-left: 0;
 
773
        }
 
774
 
 
775
        .comment-author .avatar {
 
776
                margin-left: 1.64705em;
 
777
        }
 
778
 
 
779
        .bypostauthor > article .fn:after {
 
780
                right: 6px;
 
781
                left: auto;
 
782
        }
 
783
}
 
784
 
 
785
 
 
786
/**
 
787
 * 11.6 Desktop Large 1240px
 
788
 */
 
789
 
 
790
@media screen and (min-width: 77.5em) {
 
791
        blockquote {
 
792
                margin-right: -1.0909em;
 
793
                margin-left: auto;
 
794
                padding-right: 0.9091em;
 
795
                padding-left: 0;
 
796
        }
 
797
 
 
798
        .main-navigation .page_item_has_children > a,
 
799
        .main-navigation .menu-item-has-children > a {
 
800
                padding-right: 0;
 
801
                padding-left: 32px;
 
802
        }
 
803
 
 
804
        blockquote.alignright,
 
805
        .wp-caption.alignright
 
806
        img.alignright {
 
807
                margin: 0.4211em 0 1.6842em 1.6842em;
 
808
        }
 
809
 
 
810
        blockquote.alignleft,
 
811
        .wp-caption.alignleft,
 
812
        img.alignleft {
 
813
                margin: 0.4211em 1.6842em 1.6842em 0;
 
814
        }
 
815
 
 
816
        .widget blockquote {
 
817
                padding-right: 1.25em;
 
818
                padding-left: 0;
 
819
        }
 
820
 
 
821
        .widget_categories .children,
 
822
        .widget_nav_menu .sub-menu,
 
823
        .widget_pages .children {
 
824
                margin: 0.4688em 1em 0 0;
 
825
        }
 
826
 
 
827
        .page-links a,
 
828
        .page-links > span {
 
829
                margin: 0 0 0.25em 0.25em;
 
830
        }
 
831
 
 
832
        .author-info .avatar {
 
833
                margin: 0 0 1.6842em 1.6842em;
 
834
        }
 
835
 
 
836
        .comment-list .children > li {
 
837
                padding-right: 1.4737em;
 
838
                padding-left: 0;
 
839
        }
 
840
 
 
841
        .comment-author .avatar {
 
842
                margin-left: 1.64705em;
 
843
        }
 
844
}
 
845
 
 
846
 
 
847
/**
 
848
 * 11.7 Desktop X-Large 1403px
 
849
 */
 
850
 
 
851
@media screen and (min-width: 87.6875em) {
 
852
        body:before {
 
853
                width: -webkit-calc(50% - 289px);
 
854
                width: calc(50% - 289px);
 
855
        }
 
856
}