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 .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 }