← Back to branch summary

~canonical-sysadmins/wordpress/4.1.3

« back to all changes in this revision

Viewing changes to wp-content/themes/twentythirteen/rtl.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-content/themes/twentythirteen/rtl.css
 
1
/*
 
2
Theme Name: Twenty Thirteen
 
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 http://codex.wordpress.org/Right_to_Left_Language_Support
 
8
*/
 
9
 
 
10
/**
 
11
 * Table of Contents:
 
12
 *
 
13
 * 1.0 - Reset
 
14
 * 4.0 - Header
 
15
 *   4.1 - Site Header
 
16
 *   4.2 - Navigation
 
17
 * 5.0 - Content
 
18
 *   5.2 - Entry Meta
 
19
 *   5.4 - Galleries
 
20
 *   5.5 - Post Formats
 
21
 *   5.6 - Attachments
 
22
 *   5.7 - Post/Paging Navigation
 
23
 *   5.8 - Author Bio
 
24
 *   5.9 - Archives
 
25
 *   5.10 - Search Results/No posts
 
26
 *   5.12 - Comments
 
27
 * 6.0 - Sidebar
 
28
 *   6.1 - Widgets
 
29
 * 7.0 - Footer
 
30
 * 8.0 - Media Queries
 
31
 * 9.0 - Print
 
32
 * ----------------------------------------------------------------------------
 
33
 */
 
34
 
 
35
 
 
36
/**
 
37
 * 1.0 Reset
 
38
 * ----------------------------------------------------------------------------
 
39
 */
 
40
 
 
41
body {
 
42
        direction: rtl;
 
43
        unicode-bidi: embed;
 
44
}
 
45
 
 
46
a {
 
47
        display: inline-block;
 
48
}
 
49
 
 
50
blockquote blockquote {
 
51
        margin-left: 0;
 
52
        margin-right: 24px;
 
53
}
 
54
 
 
55
menu,
 
56
ol,
 
57
ul {
 
58
        padding: 0 40px 0 0;
 
59
}
 
60
 
 
61
caption,
 
62
th,
 
63
td {
 
64
        text-align: right;
 
65
}
 
66
 
 
67
td {
 
68
        padding-left: 10px;
 
69
        padding-right: 0;
 
70
}
 
71
 
 
72
.assistive-text:focus {
 
73
        left: auto;
 
74
        right: 5px;
 
75
}
 
76
 
 
77
 
 
78
/**
 
79
 * 4.0 Header
 
80
 * ----------------------------------------------------------------------------
 
81
 */
 
82
 
 
83
/**
 
84
 * 4.1 Site Header
 
85
 * ----------------------------------------------------------------------------
 
86
 */
 
87
 
 
88
.site-header > a:first-child {
 
89
        display: inherit;
 
90
}
 
91
 
 
92
.site-description {
 
93
        font-style: normal;
 
94
}
 
95
 
 
96
 
 
97
/**
 
98
 * 4.2 Navigation
 
99
 * ----------------------------------------------------------------------------
 
100
 */
 
101
 
 
102
/* Navbar */
 
103
ul.nav-menu,
 
104
div.nav-menu > ul {
 
105
        margin: 0 -20px 0 0;
 
106
        padding: 0 0 0 40px;
 
107
}
 
108
 
 
109
.nav-menu .sub-menu,
 
110
.nav-menu .children {
 
111
        float: right;
 
112
        left: auto;
 
113
        right: -2px;
 
114
}
 
115
 
 
116
.nav-menu .sub-menu ul,
 
117
.nav-menu .children ul {
 
118
        border-left: 2px solid #f7f5e7;
 
119
        border-right: 0;
 
120
        left: auto;
 
121
        right: 100%;
 
122
}
 
123
 
 
124
.main-navigation .search-form {
 
125
        left: 0;
 
126
        right: auto;
 
127
}
 
128
 
 
129
.site-header .search-field {
 
130
        background-position: 98% center;
 
131
        padding: 0 34px 0 0;
 
132
}
 
133
 
 
134
.nav-menu .current_page_item > a,
 
135
.nav-menu .current_page_ancestor > a,
 
136
.nav-menu .current-menu-item > a,
 
137
.nav-menu .current-menu-ancestor > a {
 
138
        font-style: normal;
 
139
}
 
140
 
 
141
.menu-toggle {
 
142
        padding-left: 0;
 
143
        padding-right: 20px;
 
144
}
 
145
 
 
146
 
 
147
/**
 
148
 * 5.0 Content
 
149
 * ----------------------------------------------------------------------------
 
150
 */
 
151
 
 
152
.sidebar .entry-header,
 
153
.sidebar .entry-content,
 
154
.sidebar .entry-summary,
 
155
.sidebar .entry-meta {
 
156
        padding-left: 376px;
 
157
        padding-right: 60px;
 
158
}
 
159
 
 
160
 
 
161
/**
 
162
 * 5.2 Entry Meta
 
163
 * ----------------------------------------------------------------------------
 
164
 */
 
165
 
 
166
.entry-meta > span {
 
167
        margin-left: 20px;
 
168
        margin-right: auto;
 
169
}
 
170
 
 
171
.entry-meta > span:last-child {
 
172
        margin-left: 0;
 
173
        margin-right: auto;
 
174
}
 
175
 
 
176
.featured-post:before {
 
177
        margin-left: 2px;
 
178
        margin-right: auto;
 
179
}
 
180
 
 
181
.entry-meta .date a:before {
 
182
        margin-left: 2px;
 
183
}
 
184
 
 
185
.comments-link a:before {
 
186
        margin-left: 2px;
 
187
        margin-right: auto;
 
188
}
 
189
 
 
190
.tags-links a:first-child:before {
 
191
        margin-left: 2px;
 
192
}
 
193
 
 
194
.edit-link a:before {
 
195
        margin-left: 2px;
 
196
}
 
197
 
 
198
.page-links .page-links-title {
 
199
        margin-left: 20px;
 
200
        margin-right: auto;
 
201
}
 
202
 
 
203
/**
 
204
 * 5.4 Galleries
 
205
 * ----------------------------------------------------------------------------
 
206
 */
 
207
 
 
208
.gallery {
 
209
        margin-left: auto;
 
210
        margin-right: -4px;
 
211
}
 
212
 
 
213
.gallery-item {
 
214
        float: right;
 
215
        margin: 0 0 4px 4px;
 
216
}
 
217
 
 
218
.gallery-item a {
 
219
        display: inline;
 
220
}
 
221
 
 
222
 
 
223
/**
 
224
 * 5.5 Post Formats
 
225
 * ----------------------------------------------------------------------------
 
226
 */
 
227
 
 
228
.entry-content a {
 
229
        display: inline;
 
230
}
 
231
 
 
232
.format-aside cite:before {
 
233
        content: normal;
 
234
        margin-right: auto;
 
235
}
 
236
 
 
237
.format-aside cite:after {
 
238
        content: "\2014";
 
239
        margin-left: 5px;
 
240
}
 
241
 
 
242
.format-audio .entry-content:before {
 
243
        float: right;
 
244
        -webkit-transform: scaleX(-1);
 
245
        -moz-transform:    scaleX(-1);
 
246
        -ms-transform:     scaleX(-1);
 
247
        -o-transform:      scaleX(-1);
 
248
        transform:         scaleX(-1);
 
249
}
 
250
 
 
251
.format-audio .audio-content {
 
252
        background-position: right top;
 
253
        float: left;
 
254
        padding-left: 0;
 
255
        padding-right: 35px;
 
256
}
 
257
 
 
258
.format-chat .entry-meta .date a:before {
 
259
        margin-left: 4px;
 
260
        margin-right: auto;
 
261
}
 
262
 
 
263
.format-image .wp-caption-text {
 
264
        text-align: right;
 
265
}
 
266
 
 
267
.format-link .entry-title {
 
268
        margin-left: 20px;
 
269
        margin-right: auto;
 
270
}
 
271
 
 
272
.format-status .entry-content,
 
273
.format-status .entry-meta {
 
274
        padding-left: 0;
 
275
        padding-right: 35px;
 
276
}
 
277
 
 
278
.sidebar .format-status .entry-content,
 
279
.sidebar .format-status .entry-meta {
 
280
        padding-left: 376px;
 
281
        padding-right: 95px;
 
282
}
 
283
 
 
284
.format-status .entry-content:before,
 
285
.format-status .entry-meta:before {
 
286
        left: auto;
 
287
        right: 10px;
 
288
}
 
289
 
 
290
.sidebar .format-status .entry-content:before,
 
291
.sidebar .format-status .entry-meta:before {
 
292
        left: auto;
 
293
        right: 70px;
 
294
}
 
295
 
 
296
.format-status .entry-content p:first-child:before {
 
297
        left: auto;
 
298
        right: 4px;
 
299
}
 
300
 
 
301
.sidebar .format-status .entry-content p:first-child:before {
 
302
        left: auto;
 
303
        right: 64px;
 
304
}
 
305
 
 
306
.format-quote blockquote {
 
307
        padding-left: 0;
 
308
        padding-right: 75px;
 
309
}
 
310
 
 
311
.format-quote blockquote:before {
 
312
        content: '\201D';
 
313
        padding-left: 25px;
 
314
        padding-right: 0;
 
315
        left: auto;
 
316
        right: -15px;
 
317
}
 
318
 
 
319
 
 
320
/**
 
321
 * 5.6 Attachments
 
322
 * ----------------------------------------------------------------------------
 
323
 */
 
324
 
 
325
.attachment .entry-title {
 
326
        float: right;
 
327
}
 
328
 
 
329
.attachment .entry-title:before {
 
330
        margin-left: 10px;
 
331
        margin-right: auto;
 
332
}
 
333
 
 
334
.attachment .entry-meta {
 
335
        float: left;
 
336
}
 
337
 
 
338
.image-navigation .nav-previous {
 
339
        left: auto;
 
340
        right: 0;
 
341
}
 
342
 
 
343
.image-navigation .nav-next {
 
344
        left: 0;
 
345
        right: auto;
 
346
}
 
347
 
 
348
.attachment .entry-caption {
 
349
        text-align: right;
 
350
}
 
351
 
 
352
 
 
353
/**
 
354
 * 5.7 Post/Paging Navigation
 
355
 * ----------------------------------------------------------------------------
 
356
 */
 
357
 
 
358
.navigation .nav-previous {
 
359
        float: right;
 
360
}
 
361
 
 
362
.navigation .nav-next {
 
363
        float: left;
 
364
}
 
365
 
 
366
.sidebar .paging-navigation .nav-links,
 
367
.sidebar .post-navigation .nav-links {
 
368
        padding-left: 376px;
 
369
        padding-right: 60px;
 
370
}
 
371
 
 
372
.paging-navigation .nav-previous .meta-nav {
 
373
        margin-left: 10px;
 
374
        margin-right: auto;
 
375
}
 
376
 
 
377
.paging-navigation .nav-next .meta-nav {
 
378
        margin-left: auto;
 
379
        margin-right: 10px;
 
380
}
 
381
 
 
382
.post-navigation a[rel="next"] {
 
383
        float: left;
 
384
        text-align: left;
 
385
}
 
386
 
 
387
 
 
388
/**
 
389
 * 5.8 Author Bio
 
390
 * ----------------------------------------------------------------------------
 
391
 */
 
392
 
 
393
.author-info {
 
394
        text-align: right; /* gallery & video post formats */
 
395
}
 
396
 
 
397
.author.sidebar .author-info {
 
398
        padding-left: 376px;
 
399
        padding-right: 60px;
 
400
}
 
401
 
 
402
.author-avatar .avatar {
 
403
        float: right;
 
404
        margin: 0 0 30px 30px;
 
405
}
 
406
 
 
407
.author-link {
 
408
        margin-left: auto;
 
409
        margin-right: 2px;
 
410
}
 
411
 
 
412
 
 
413
/**
 
414
 * 5.9 Archives
 
415
 * ----------------------------------------------------------------------------
 
416
 */
 
417
 
 
418
.sidebar .archive-meta {
 
419
        padding-left: 316px;
 
420
        padding-right: 0;
 
421
}
 
422
 
 
423
 
 
424
/**
 
425
 * 5.10 Search Results/No posts
 
426
 * ----------------------------------------------------------------------------
 
427
 */
 
428
 
 
429
.sidebar .page-content {
 
430
        padding-left: 376px;
 
431
        padding-right: 60px;
 
432
}
 
433
 
 
434
/**
 
435
 * 5.12 Comments
 
436
 * ----------------------------------------------------------------------------
 
437
 */
 
438
 
 
439
.sidebar .comments-title,
 
440
.sidebar .comment-list,
 
441
.sidebar .comment-reply-title,
 
442
.sidebar .comment-navigation,
 
443
.sidebar .comment-respond .comment-form {
 
444
        padding-left: 376px;
 
445
        padding-right: 60px;
 
446
}
 
447
 
 
448
.comment-list .children {
 
449
        margin-left: auto;
 
450
        margin-right: 20px;
 
451
}
 
452
 
 
453
.comment-author {
 
454
        float: right;
 
455
        margin-left: 50px;
 
456
        margin-right: auto;
 
457
}
 
458
 
 
459
.comment-list .edit-link {
 
460
        margin-left: auto;
 
461
        margin-right: 20px;
 
462
}
 
463
 
 
464
.comment-metadata,
 
465
.comment-content,
 
466
.comment-list .reply,
 
467
.comment-awaiting-moderation {
 
468
        float: left;
 
469
}
 
470
 
 
471
.comment-awaiting-moderation:before {
 
472
        margin-left: 5px;
 
473
        margin-right: auto;
 
474
}
 
475
 
 
476
.comment-reply-link:before,
 
477
.comment-reply-login:before {
 
478
        margin-left: 3px;
 
479
        margin-right: auto;
 
480
        -webkit-transform: scaleX(-1);
 
481
        -moz-transform:    scaleX(-1);
 
482
        -ms-transform:     scaleX(-1);
 
483
        -o-transform:      scaleX(-1);
 
484
        transform:         scaleX(-1);
 
485
}
 
486
 
 
487
.comment-reply-title small a {
 
488
        float: left;
 
489
}
 
490
 
 
491
.comment-form [for="author"],
 
492
.comment-form [for="email"],
 
493
.comment-form [for="url"],
 
494
.comment-form [for="comment"] {
 
495
        float: right;
 
496
}
 
497
 
 
498
.form-allowed-tags code {
 
499
        margin-left: auto;
 
500
        margin-right: 3px;
 
501
}
 
502
 
 
503
.sidebar .no-comments {
 
504
        padding-left: 376px;
 
505
        padding-right: 60px;
 
506
}
 
507
 
 
508
 
 
509
/**
 
510
 * 6.0 Sidebar
 
511
 * ----------------------------------------------------------------------------
 
512
 */
 
513
 
 
514
.site-main .widget-area {
 
515
        float: left;
 
516
}
 
517
 
 
518
.widget-area a {
 
519
        max-width: 100%;
 
520
}
 
521
 
 
522
 
 
523
/**
 
524
 * 6.1 Widgets
 
525
 * ----------------------------------------------------------------------------
 
526
 */
 
527
 
 
528
.widget .widget-title {
 
529
        font-style: normal;
 
530
}
 
531
 
 
532
.widget li > ul,
 
533
.widget li > ol {
 
534
        margin-left: auto;
 
535
        margin-right: 20px;
 
536
}
 
537
 
 
538
/**
 
539
 * 7.0 Footer
 
540
 * ----------------------------------------------------------------------------
 
541
 */
 
542
 
 
543
.site-footer .widget-area,
 
544
.sidebar .site-footer {
 
545
        text-align: right;
 
546
}
 
547
.sidebar .site-footer .widget-area {
 
548
        left: auto;
 
549
        right: -158px;
 
550
}
 
551
 
 
552
.site-footer .widget {
 
553
        float: right;
 
554
        margin-left: 20px;
 
555
        margin-right: auto;
 
556
}
 
557
 
 
558
.sidebar .site-footer .widget:nth-of-type(4),
 
559
.sidebar .site-footer .widget:nth-of-type(3) {
 
560
        margin-left: 0;
 
561
        margin-right: auto;
 
562
}
 
563
 
 
564
 
 
565
/**
 
566
 * 8.0 Media Queries
 
567
 * ----------------------------------------------------------------------------
 
568
 */
 
569
 
 
570
@media (max-width: 1069px) {
 
571
        ul.nav-menu,
 
572
        div.nav-menu > ul {
 
573
                margin-left: auto;
 
574
                margin-right: 0;
 
575
        }
 
576
 
 
577
        .error404 .page-header,
 
578
        .sidebar .format-image .entry-content img.size-full,
 
579
        .sidebar .format-image .wp-caption:first-child .wp-caption-text {
 
580
                margin-right: auto;
 
581
        }
 
582
 
 
583
        .main-navigation .search-form {
 
584
                left: 20px;
 
585
                right: auto;
 
586
        }
 
587
 
 
588
        .site-main .widget-area {
 
589
                margin-left: 60px;
 
590
                margin-right: auto;
 
591
        }
 
592
}
 
593
 
 
594
@media (max-width: 999px) {
 
595
        .sidebar .entry-header,
 
596
        .sidebar .entry-content,
 
597
        .sidebar .entry-summary,
 
598
        .sidebar .entry-meta,
 
599
        .sidebar .comment-list,
 
600
        .sidebar .comment-reply-title,
 
601
        .sidebar .comment-navigation,
 
602
        .sidebar .comment-respond .comment-form,
 
603
        .sidebar .featured-gallery,
 
604
        .sidebar .post-navigation .nav-links,
 
605
        .author.sidebar .author-info,
 
606
        .sidebar .format-image .entry-content {
 
607
                max-width: 604px;
 
608
                padding-left: 0;
 
609
                padding-right: 0;
 
610
        }
 
611
 
 
612
        .site-main .widget-area {
 
613
                float: none;
 
614
                margin-left: auto;
 
615
        }
 
616
 
 
617
        .attachment .entry-meta {
 
618
                float: right;
 
619
                text-align: right;
 
620
        }
 
621
 
 
622
        .sidebar .format-status .entry-content,
 
623
        .sidebar .format-status .entry-meta {
 
624
                padding-left: 0;
 
625
                padding-right: 35px;
 
626
        }
 
627
 
 
628
        .sidebar .format-status .entry-content:before,
 
629
        .sidebar .format-status .entry-meta:before {
 
630
                left: auto;
 
631
                right: 10px;
 
632
        }
 
633
 
 
634
        .sidebar .format-status .entry-content p:first-child:before {
 
635
                left: auto;
 
636
                right: 4px;
 
637
        }
 
638
 
 
639
        .sidebar .site-footer .widget-area {
 
640
                left: auto;
 
641
                right: 0;
 
642
        }
 
643
 
 
644
        .sidebar .paging-navigation .nav-links {
 
645
                padding: 0 60px;
 
646
        }
 
647
}
 
648
 
 
649
@media (max-width: 767px) {
 
650
        .format-image .entry-content img:first-of-type,
 
651
        .format-image .wp-caption:first-child .wp-caption-text {
 
652
                margin-right: auto;
 
653
        }
 
654
}
 
655
 
 
656
@media (max-width: 643px) {
 
657
        .sidebar .entry-header,
 
658
        .sidebar .entry-content,
 
659
        .sidebar .entry-summary,
 
660
        .sidebar .entry-meta,
 
661
        .sidebar .comment-list,
 
662
        .sidebar .comment-navigation,
 
663
        .sidebar .featured-gallery,
 
664
        .sidebar .post-navigation .nav-links,
 
665
        .sidebar .format-image .entry-content {
 
666
                padding-left: 20px;
 
667
                padding-right: 20px;
 
668
        }
 
669
 
 
670
        #content .format-status .entry-content,
 
671
        #content .format-status .entry-met {
 
672
                padding-left: 0;
 
673
                padding-right: 35px;
 
674
        }
 
675
 
 
676
        .menu-toggle:after {
 
677
                padding-left: 0;
 
678
                padding-right: 8px;
 
679
        }
 
680
 
 
681
        .toggled-on .nav-menu,
 
682
        .toggled-on .nav-menu > ul {
 
683
                margin-left: auto;
 
684
                margin-right: 0;
 
685
        }
 
686
 
 
687
        .toggled-on .nav-menu li > ul {
 
688
                margin-left: auto;
 
689
                margin-right: 20px;
 
690
                right: auto;
 
691
        }
 
692
 
 
693
        #content .featured-gallery {
 
694
                padding-left: 0;
 
695
                padding-right: 24px;
 
696
        }
 
697
 
 
698
        .gallery-columns-1 .gallery-item {
 
699
                margin-left: 0;
 
700
                margin-right: auto;
 
701
        }
 
702
 
 
703
        .comment-author {
 
704
                margin-left: 30px;
 
705
                margin-right: auto;
 
706
        }
 
707
 
 
708
        .format-audio .audio-content {
 
709
                background: none;
 
710
                float: none;
 
711
                padding-left: 0;
 
712
                padding-right: 0;
 
713
        }
 
714
 
 
715
        .gallery-columns-3 .gallery-item:nth-of-type(3n) {
 
716
                margin-left: 4px;
 
717
                margin-right: auto;
 
718
        }
 
719
}
 
720
 
 
721
@media (max-width: 359px) {
 
722
        .gallery {
 
723
                margin-left: auto;
 
724
                margin-right: 0;
 
725
        }
 
726
 
 
727
        .gallery .gallery-item:nth-of-type(even) {
 
728
                margin-left: 0;
 
729
                margin-right: auto;
 
730
        }
 
731
 
 
732
        .gallery .gallery-item,
 
733
        .gallery.gallery-columns-3 .gallery-item:nth-of-type(even),
 
734
        .gallery-columns-3 .gallery-item:nth-of-type(3n),
 
735
        .gallery-columns-5 .gallery-item:nth-of-type(5n),
 
736
        .gallery-columns-7 .gallery-item:nth-of-type(7n),
 
737
        .gallery-columns-9 .gallery-item:nth-of-type(9n) {
 
738
                margin-left: 4px;
 
739
                margin-right: auto;
 
740
        }
 
741
 
 
742
        .comment-author .avatar {
 
743
                margin-left: 5px;
 
744
                margin-right: auto;
 
745
        }
 
746
}
 
747
 
 
748
 
 
749
/**
 
750
 * 9.0 Print
 
751
 * ----------------------------------------------------------------------------
 
752
 */
 
753
 
 
754
@media print {
 
755
        .entry-content img.alignleft,
 
756
        .entry-content .wp-caption.alignleft {
 
757
                margin-left: auto;
 
758
                margin-right: 0;
 
759
        }
 
760
 
 
761
        .entry-content img.alignright,
 
762
        .entry-content .wp-caption.alignright {
 
763
                margin-left: 0;
 
764
                margin-right: auto;
 
765
        }
 
766
}
 
 
b'\\ No newline at end of file'