[Summary view] [Print] [Text view]

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