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