[Summary view] [Print] [Text view]

   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 https://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  .comment-form #wp-comment-cookies-consent {
 499      margin: 0 0 0 10px;
 500  }
 501  
 502  .form-allowed-tags code {
 503      margin-left: auto;
 504      margin-right: 3px;
 505  }
 506  
 507  .sidebar .no-comments {
 508      padding-left: 376px;
 509      padding-right: 60px;
 510  }
 511  
 512  
 513  /**
 514   * 6.0 Sidebar
 515   * ----------------------------------------------------------------------------
 516   */
 517  
 518  .site-main .widget-area {
 519      float: left;
 520  }
 521  
 522  .widget-area a {
 523      max-width: 100%;
 524  }
 525  
 526  
 527  /**
 528   * 6.1 Widgets
 529   * ----------------------------------------------------------------------------
 530   */
 531  
 532  .widget .widget-title {
 533      font-style: normal;
 534  }
 535  
 536  .widget li > ul,
 537  .widget li > ol {
 538      margin-left: auto;
 539      margin-right: 20px;
 540  }
 541  
 542  .widget_text ul,
 543  .widget_text ol {
 544      padding-left: auto;
 545      padding-right: 20px;
 546  }
 547  
 548  /**
 549   * 7.0 Footer
 550   * ----------------------------------------------------------------------------
 551   */
 552  
 553  .site-footer .widget-area,
 554  .sidebar .site-footer {
 555      text-align: right;
 556  }
 557  .sidebar .site-footer .widget-area {
 558      left: auto;
 559      right: -158px;
 560  }
 561  
 562  .site-footer .widget {
 563      float: right;
 564      margin-left: 20px;
 565      margin-right: auto;
 566  }
 567  
 568  .sidebar .site-footer .widget:nth-of-type(4),
 569  .sidebar .site-footer .widget:nth-of-type(3) {
 570      margin-left: 0;
 571      margin-right: auto;
 572  }
 573  
 574  .site-footer span[role=separator] {
 575      padding: 0 0.5em;
 576  }
 577  
 578  /**
 579   * 8.0 Media Queries
 580   * ----------------------------------------------------------------------------
 581   */
 582  
 583  @media (max-width: 1069px) {
 584      ul.nav-menu,
 585      div.nav-menu > ul {
 586          margin-left: auto;
 587          margin-right: 0;
 588      }
 589  
 590      .error404 .page-header,
 591      .sidebar .format-image .entry-content img.size-full,
 592      .sidebar .format-image .wp-caption:first-child .wp-caption-text {
 593          margin-right: auto;
 594      }
 595  
 596      .main-navigation .search-form {
 597          left: 20px;
 598          right: auto;
 599      }
 600  
 601      .site-main .widget-area {
 602          margin-left: 60px;
 603          margin-right: auto;
 604      }
 605  }
 606  
 607  @media (max-width: 999px) {
 608      .sidebar .entry-header,
 609      .sidebar .entry-content,
 610      .sidebar .entry-summary,
 611      .sidebar .entry-meta,
 612      .sidebar .comment-list,
 613      .sidebar .comment-reply-title,
 614      .sidebar .comment-navigation,
 615      .sidebar .comment-respond .comment-form,
 616      .sidebar .featured-gallery,
 617      .sidebar .post-navigation .nav-links,
 618      .author.sidebar .author-info,
 619      .sidebar .format-image .entry-content {
 620          max-width: 604px;
 621          padding-left: 0;
 622          padding-right: 0;
 623      }
 624  
 625      .site-main .widget-area {
 626          float: none;
 627          margin-left: auto;
 628      }
 629  
 630      .attachment .entry-meta {
 631          float: right;
 632          text-align: right;
 633      }
 634  
 635      .sidebar .format-status .entry-content,
 636      .sidebar .format-status .entry-meta {
 637          padding-left: 0;
 638          padding-right: 35px;
 639      }
 640  
 641      .sidebar .format-status .entry-content:before,
 642      .sidebar .format-status .entry-meta:before {
 643          left: auto;
 644          right: 10px;
 645      }
 646  
 647      .sidebar .format-status .entry-content p:first-child:before {
 648          left: auto;
 649          right: 4px;
 650      }
 651  
 652      .sidebar .site-footer .widget-area {
 653          left: auto;
 654          right: 0;
 655      }
 656  
 657      .sidebar .paging-navigation .nav-links {
 658          padding: 0 60px;
 659      }
 660  }
 661  
 662  @media (max-width: 767px) {
 663      .format-image .entry-content img:first-of-type,
 664      .format-image .wp-caption:first-child .wp-caption-text {
 665          margin-right: auto;
 666      }
 667  }
 668  
 669  @media (max-width: 643px) {
 670      .sidebar .entry-header,
 671      .sidebar .entry-content,
 672      .sidebar .entry-summary,
 673      .sidebar .entry-meta,
 674      .sidebar .comment-list,
 675      .sidebar .comment-navigation,
 676      .sidebar .featured-gallery,
 677      .sidebar .post-navigation .nav-links,
 678      .sidebar .format-image .entry-content {
 679          padding-left: 20px;
 680          padding-right: 20px;
 681      }
 682  
 683      #content .format-status .entry-content,
 684      #content .format-status .entry-met {
 685          padding-left: 0;
 686          padding-right: 35px;
 687      }
 688  
 689      .menu-toggle:after {
 690          padding-left: 0;
 691          padding-right: 8px;
 692      }
 693  
 694      .toggled-on .nav-menu,
 695      .toggled-on .nav-menu > ul {
 696          margin-left: auto;
 697          margin-right: 0;
 698      }
 699  
 700      .toggled-on .nav-menu li > ul {
 701          margin-left: auto;
 702          margin-right: 20px;
 703          right: auto;
 704      }
 705  
 706      #content .featured-gallery {
 707          padding-left: 0;
 708          padding-right: 24px;
 709      }
 710  
 711      .gallery-columns-1 .gallery-item {
 712          margin-left: 0;
 713          margin-right: auto;
 714      }
 715  
 716      .comment-author {
 717          margin-left: 30px;
 718          margin-right: auto;
 719      }
 720  
 721      .format-audio .audio-content {
 722          background: none;
 723          float: none;
 724          padding-left: 0;
 725          padding-right: 0;
 726      }
 727  
 728      .gallery-columns-3 .gallery-item:nth-of-type(3n) {
 729          margin-left: 4px;
 730          margin-right: auto;
 731      }
 732  }
 733  
 734  @media (max-width: 359px) {
 735      .gallery {
 736          margin-left: auto;
 737          margin-right: 0;
 738      }
 739  
 740      .gallery .gallery-item:nth-of-type(even) {
 741          margin-left: 0;
 742          margin-right: auto;
 743      }
 744  
 745      .gallery .gallery-item,
 746      .gallery.gallery-columns-3 .gallery-item:nth-of-type(even),
 747      .gallery-columns-3 .gallery-item:nth-of-type(3n),
 748      .gallery-columns-5 .gallery-item:nth-of-type(5n),
 749      .gallery-columns-7 .gallery-item:nth-of-type(7n),
 750      .gallery-columns-9 .gallery-item:nth-of-type(9n) {
 751          margin-left: 4px;
 752          margin-right: auto;
 753      }
 754  
 755      .comment-author .avatar {
 756          margin-left: 5px;
 757          margin-right: auto;
 758      }
 759  }
 760  
 761  
 762  /**
 763   * 9.0 Print
 764   * ----------------------------------------------------------------------------
 765   */
 766  
 767  @media print {
 768      .entry-content img.alignleft,
 769      .entry-content .wp-caption.alignleft {
 770          margin-left: auto;
 771          margin-right: 0;
 772      }
 773  
 774      .entry-content img.alignright,
 775      .entry-content .wp-caption.alignright {
 776          margin-left: 0;
 777          margin-right: auto;
 778      }
 779  }