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 }