wp-content/themes/twentyfifteen/rtl.css

   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 .menu-item-has-children > a {
 160         padding-right: 0;
 161         padding-left: 48px;
 162 }
 163
 164 .dropdown-toggle {
 165         right: auto;
 166         left: 0;
 167 }
 168
 169 .dropdown-toggle:after {
 170         right: -1px;
 171         left: auto;
 172 }
 173
 174 .social-navigation li {
 175         float: right;
 176 }
 177
 178 .social-navigation a:before {
 179         right: 0;
 180         left: auto;
 181 }
 182
 183 .secondary-toggle {
 184         right: auto;
 185         left: 0;
 186 }
 187
 188 .post-navigation .has-post-thumbnail a:before {
 189         right: 0;
 190         left: auto;
 191 }
 192
 193 .pagination .prev {
 194         right: 0;
 195         left: auto;
 196 }
 197
 198 .pagination .prev:before {
 199         content: "\f429";
 200         right: -1px;
 201         left: auto;
 202 }
 203
 204 .pagination .next {
 205         right: auto;
 206         left: 0;
 207 }
 208
 209 .pagination .next:before {
 210         content: "\f430";
 211         right: auto;
 212         left: -1px;
 213 }
 214
 215 .image-navigation .nav-previous a:before,
 216 .comment-navigation .nav-previous a:before {
 217         content: "\f429";
 218         margin-right: auto;
 219         margin-left: 0.2em;
 220 }
 221
 222 .image-navigation .nav-next a:after,
 223 .comment-navigation .nav-next a:after {
 224         content: "\f430";
 225         margin-right: 0.2em;
 226         margin-left: auto;
 227 }
 228
 229
 230 /**
 231  * 6.0 Accessibility
 232  */
 233
 234 .screen-reader-text:hover,
 235 .screen-reader-text:focus {
 236         right: 5px;
 237         left: auto;
 238 }
 239
 240
 241 /**
 242  * 7.0 Alignments
 243  */
 244
 245 .alignright {
 246         float: right;
 247 }
 248
 249 .alignleft {
 250         float: left;
 251 }
 252
 253 .aligncenter {
 254         margin-right: auto;
 255         margin-left: auto;
 256 }
 257
 258 blockquote.alignright,
 259 .wp-caption.alignright,
 260 img.alignright {
 261         margin: 0.4em 0 1.6em 1.6em;
 262 }
 263
 264 blockquote.alignleft,
 265 .wp-caption.alignleft,
 266 img.alignleft {
 267         margin: 0.4em 1.6em 1.6em 0;
 268 }
 269
 270
 271 /**
 272  * 8.0 Header
 273  */
 274
 275 .site-branding {
 276         padding-right: 0;
 277         padding-left: 60px;
 278 }
 279
 280
 281 /**
 282  * 9.0 Widgets
 283  */
 284
 285 .widget_categories .children,
 286 .widget_nav_menu .sub-menu,
 287 .widget_pages .children {
 288         margin: 0.7667em 0.8em 0 0;
 289 }
 290
 291
 292 /**
 293  * 10.0 Content
 294  */
 295
 296 /**
 297  * 10.1 Posts and pages
 298  */
 299
 300 .entry-content .more-link:after {
 301         content: "\f430";
 302 }
 303
 304 .author-link:after {
 305         content: "\f430";
 306 }
 307
 308 .author-info .avatar {
 309         float: right;
 310         margin: 0 0 1.6em 1.6em;
 311 }
 312
 313 .posted-on:before,
 314 .byline:before,
 315 .cat-links:before,
 316 .tags-links:before,
 317 .comments-link:before,
 318 .entry-format:before,
 319 .edit-link:before,
 320 .full-size-link:before {
 321         margin-right: auto;
 322         margin-left: 2px;
 323 }
 324
 325 .posted-on,
 326 .byline,
 327 .cat-links,
 328 .tags-links,
 329 .comments-link,
 330 .entry-format,
 331 .full-size-link {
 332         margin-right: auto;
 333         margin-left: 1em;
 334 }
 335
 336 .page-links a,
 337 .page-links > span {
 338         margin: 0 0 0.3333em 0.3333em;
 339 }
 340
 341 .page-links > .page-links-title {
 342         padding-right: 0;
 343         padding-left: 0.5em;
 344 }
 345
 346 .type-attachment .entry-header {
 347         clear: left;
 348 }
 349
 350 .format-link .entry-title a:after {
 351         -webkit-transform: scaleX(-1);
 352         -moz-transform: scaleX(-1);
 353         -ms-transform: scaleX(-1);
 354         -o-transform: scaleX(-1);
 355         transform: scaleX(-1);
 356 }
 357
 358
 359 /**
 360  * 10.2 Comments
 361  */
 362
 363 .comment-list .children > li {
 364         padding-right: 0.8em;
 365         padding-left: 0;
 366 }
 367
 368 .comment-author .avatar {
 369         float: right;
 370         margin-right: 0;
 371         margin-left: 0.4em;
 372 }
 373
 374 .bypostauthor > article .fn:after {
 375         right: 3px;
 376         left: auto;
 377 }
 378
 379 .comment-metadata .edit-link {
 380         margin-right: 1em;
 381         margin-left: auto;
 382 }
 383
 384 .pingback .edit-link {
 385         margin-right: 1em;
 386         margin-left: auto;
 387 }
 388
 389 .comment-content ul,
 390 .comment-content ol {
 391         margin: 0 1.3333em 1.6em 0;
 392 }
 393
 394 .comment-reply-title small a {
 395         float: left;
 396 }
 397
 398
 399 /**
 400  * 11.0 Media Queries
 401  */
 402
 403
 404 /**
 405  * 11.1 Mobile Large 620px
 406  */
 407
 408 @media screen and (min-width: 38.75em) {
 409         ul,
 410         ol {
 411                 margin-right: 0;
 412                 margin-left: auto;
 413         }
 414
 415         li > ul,
 416         li > ol,
 417         blockquote > ul,
 418         blockquote > ol {
 419                 margin-right: 1.3333em;
 420                 margin-left: auto;
 421         }
 422
 423         blockquote {
 424                 margin-right: -1em;
 425                 margin-left: auto;
 426         }
 427
 428         blockquote > blockquote {
 429                 margin-right: 0;
 430                 margin-left: auto;
 431         }
 432
 433         .page-header {
 434                 border-color: inherit;
 435                 border-left: none;
 436                 border-style: solid;
 437                 border-width: 0 7px 0 0;
 438         }
 439
 440         .page-title,
 441         .taxonomy-description {
 442                 margin-right: -7px;
 443                 margin-left: auto;
 444         }
 445
 446         .comment-content ul,
 447         .comment-content ol {
 448                 margin-right: 0;
 449                 margin-left: auto;
 450         }
 451
 452         .comment-content li > ul,
 453         .comment-content li > ol,
 454         .comment-content blockquote > ul,
 455         .comment-content blockquote > ol {
 456                 margin-right: 1.3333em;
 457                 margin-left: auto;
 458         }
 459 }
 460
 461
 462 /**
 463  * 11.2 Tablet Small 740px
 464  */
 465
 466 @media screen and (min-width: 46.25em) {
 467         blockquote {
 468                 margin-right: -1.05em;
 469                 margin-left: auto;
 470                 padding-right: 0.85em;
 471                 padding-left: 0;
 472         }
 473
 474         .main-navigation ul ul {
 475                 margin-right: 1em;
 476                 margin-left: auto;
 477         }
 478
 479         blockquote.alignright,
 480         .wp-caption.alignright
 481         img.alignright {
 482                 margin: 0.4118em 0 1.6471em 1.6471em;
 483         }
 484
 485         blockquote.alignleft,
 486         .wp-caption.alignleft,
 487         img.alignleft {
 488                 margin: 0.4118em 1.6471em 1.6471em 0;
 489         }
 490
 491         .site-branding {
 492                 padding-right: 0;
 493                 padding-left: 66px;
 494         }
 495
 496         .widget blockquote {
 497                 margin-right: -1.2353em;
 498                 margin-left: auto;
 499                 padding-right: 1em;
 500                 padding-left: 0;
 501         }
 502
 503         .widget blockquote > blockquote {
 504                 margin-right: 0;
 505                 margin-left: auto;
 506         }
 507
 508         .widget blockquote.alignright,
 509         .widget .wp-caption.alignright,
 510         .widget img.alignright {
 511                 margin: 0.5em 0 1.5em 1.5em;
 512         }
 513
 514         .widget blockquote.alignleft,
 515         .widget .wp-caption.alignleft,
 516         .widget img.alignleft {
 517                 margin: 0.5em 1.5em 1.5em 0;
 518         }
 519
 520         .widget_categories .children,
 521         .widget_nav_menu .sub-menu,
 522         .widget_pages .children {
 523                 margin: 0.9643em 1em 0 0;
 524         }
 525
 526         .page-links a,
 527         .page-links > span {
 528                 margin: 0 0 0.2857em 0.2857em;
 529         }
 530
 531         .author-info .avatar {
 532                 margin: 0 0 1.6471em 1.6471em;
 533         }
 534
 535         .comment-list .children > li {
 536                 padding-right: 1.2353em;
 537                 padding-left: 0;
 538         }
 539
 540         .comment-author .avatar {
 541                 margin-left: 1.64705em;
 542         }
 543
 544         .bypostauthor > article .fn:after {
 545                 right: 6px;
 546                 left: auto;
 547         }
 548 }
 549
 550
 551 /**
 552  * 11.3 Tablet Large 880px
 553  */
 554
 555 @media screen and (min-width: 55em) {
 556         blockquote {
 557                 margin-right: -1.0909em;
 558                 margin-left: auto;
 559                 padding-right: 0.9091em;
 560                 padding-left: 0;
 561         }
 562
 563         blockquote.alignright,
 564         .wp-caption.alignright
 565         img.alignright {
 566                 margin: 0.4211em 0 1.6842em 1.6842em;
 567         }
 568
 569         blockquote.alignleft,
 570         .wp-caption.alignleft,
 571         img.alignleft {
 572                 margin: 0.4211em 1.6842em 1.6842em 0;
 573         }
 574
 575         .site-branding {
 576                 padding-right: 0;
 577                 padding-left: 74px;
 578         }
 579
 580         .widget blockquote {
 581                 margin-right: -1.2632em;
 582                 margin-left: auto;
 583                 padding-right: 1.0526em;
 584                 padding-left: 0;
 585         }
 586
 587         .widget_categories .children,
 588         .widget_nav_menu .sub-menu,
 589         .widget_pages .children {
 590                 margin: 0.7188em 1em 0 0;
 591         }
 592
 593         .page-links a,
 594         .page-links > span {
 595                 margin: 0 0 0.25em 0.25em;
 596         }
 597
 598         .author-info .avatar {
 599                 margin: 0 0 1.6842em 1.6842em;
 600         }
 601
 602         .comment-list .children > li {
 603                 padding-right: 1.4737em;
 604                 padding-left: 0;
 605         }
 606
 607         .comment-author .avatar {
 608                 margin-left: 1.6842em;
 609         }
 610 }
 611
 612
 613 /**
 614  * 11.4 Desktop Small 955px
 615  */
 616
 617 @media screen and (min-width: 59.6875em) {
 618         body:before {
 619                 right: 0;
 620                 left: auto;
 621         }
 622
 623         .sidebar {
 624                 float: right;
 625                 margin-right: auto;
 626                 margin-left: -100%;
 627         }
 628
 629         .site-content {
 630                 float: right;
 631                 margin-right: 29.4118%;
 632                 margin-left: auto;
 633         }
 634
 635         blockquote {
 636                 margin-right: -1.3333em;
 637                 margin-left: auto;
 638                 padding-right: 1.1111em;
 639                 padding-left: 0;
 640         }
 641
 642         .main-navigation .menu-item-has-children > a {
 643                 padding-right: 0;
 644                 padding-left: 30px;
 645         }
 646
 647         blockquote.alignright,
 648         .wp-caption.alignright,
 649         img.alignright {
 650                 margin: 0.4em 0 1.6em 1.6em;
 651         }
 652
 653         blockquote.alignleft,
 654         .wp-caption.alignleft,
 655         img.alignleft {
 656                 margin: 0.4em 1.6em 1.6em 0;
 657         }
 658
 659         .widget blockquote {
 660                 margin-right: -1.5em;
 661                 margin-left: auto;
 662                 padding-right: 1.1667em;
 663                 padding-left: 0;
 664         }
 665
 666         .widget_categories .children,
 667         .widget_nav_menu .sub-menu,
 668         .widget_pages .children {
 669                 margin: 0.4583em 1em 0 0;
 670         }
 671
 672         .page-links a,
 673         .page-links > span {
 674                 margin: 0 0 0.3333em 0.3333em;
 675         }
 676
 677         .author-info .avatar {
 678                 margin: 0 0 1.5em 1.5em;
 679         }
 680
 681         .comment-list .children > li {
 682                 padding-right: 0.8em;
 683                 padding-left: 0;
 684         }
 685
 686         .comment-author .avatar {
 687                 margin-left: 0.8em;
 688         }
 689
 690         .bypostauthor > article .fn:after {
 691                 right: 3px;
 692                 left: auto;
 693         }
 694
 695         .site-branding {
 696                 padding: 0;
 697         }
 698
 699         .site-footer {
 700                 float: right;
 701                 margin: 0 35.2941% 0 0;
 702         }
 703 }
 704
 705
 706 /**
 707  * 11.5 Desktop Medium 1100px
 708  */
 709
 710 @media screen and (min-width: 68.75em) {
 711         blockquote {
 712                 margin-right: -1.05em;
 713                 margin-left: auto;
 714                 padding-right: 0.85em;
 715                 padding-left: 0;
 716         }
 717
 718         .main-navigation .menu-item-has-children > a {
 719                 padding-right: 0;
 720                 padding-left: 34px;
 721         }
 722
 723         blockquote.alignright,
 724         .wp-caption.alignright
 725         img.alignright {
 726                 margin: 0.4118em 0 1.6471em 1.6471em;
 727         }
 728
 729         blockquote.alignleft,
 730         .wp-caption.alignleft,
 731         img.alignleft {
 732                 margin: 0.4118em 1.6471em 1.6471em 0;
 733         }
 734
 735         .widget blockquote {
 736                 padding-right: 1.2143em;
 737                 padding-left: 0;
 738         }
 739
 740         .widget_categories .children,
 741         .widget_nav_menu .sub-menu,
 742         .widget_pages .children {
 743                 margin: 0.4643em 1em 0 0;
 744         }
 745
 746         .page-links a,
 747         .page-links > span {
 748                 margin: 0 0 0.2857em 0.2857em;
 749         }
 750
 751         .author-info .avatar {
 752                 margin: 0 0 1.6471em 1.6471em;
 753         }
 754
 755         .comment-list .children > li {
 756                 padding-right: 1.1667em;
 757                 padding-left: 0;
 758         }
 759
 760         .comment-author .avatar {
 761                 margin-left: 1.64705em;
 762         }
 763
 764         .bypostauthor > article .fn:after {
 765                 right: 6px;
 766                 left: auto;
 767         }
 768 }
 769
 770
 771 /**
 772  * 11.6 Desktop Large 1240px
 773  */
 774
 775 @media screen and (min-width: 77.5em) {
 776         blockquote {
 777                 margin-right: -1.0909em;
 778                 margin-left: auto;
 779                 padding-right: 0.9091em;
 780                 padding-left: 0;
 781         }
 782
 783         .main-navigation .menu-item-has-children > a {
 784                 padding-right: 0;
 785                 padding-left: 38px;
 786         }
 787
 788         blockquote.alignright,
 789         .wp-caption.alignright
 790         img.alignright {
 791                 margin: 0.4211em 0 1.6842em 1.6842em;
 792         }
 793
 794         blockquote.alignleft,
 795         .wp-caption.alignleft,
 796         img.alignleft {
 797                 margin: 0.4211em 1.6842em 1.6842em 0;
 798         }
 799
 800         .widget blockquote {
 801                 padding-right: 1.25em;
 802                 padding-left: 0;
 803         }
 804
 805         .widget_categories .children,
 806         .widget_nav_menu .sub-menu,
 807         .widget_pages .children {
 808                 margin: 0.4688em 1em 0 0;
 809         }
 810
 811         .page-links a,
 812         .page-links > span {
 813                 margin: 0 0 0.25em 0.25em;
 814         }
 815
 816         .author-info .avatar {
 817                 margin: 0 0 1.6842em 1.6842em;
 818         }
 819
 820         .comment-list .children > li {
 821                 padding-right: 1.4737em;
 822                 padding-left: 0;
 823         }
 824
 825         .comment-author .avatar {
 826                 margin-left: 1.64705em;
 827         }
 828 }
 829
 830
 831 /**
 832  * 11.7 Desktop X-Large 1403px
 833  */
 834
 835 @media screen and (min-width: 87.6875em) {
 836         body:before {
 837                 width: -webkit-calc(50% - 289px);
 838                 width: calc(50% - 289px);
 839         }
 840 }