[Summary view] [Print] [Text view]

   1  /*
   2  Theme Name: Twenty Sixteen
   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 - Normalize
  14   * 2.0 - Typography
  15   * 3.0 - Elements
  16   * 4.0 - Forms
  17   * 5.0 - Navigations
  18   * 6.0 - Accessibility
  19   * 7.0 - Widgets
  20   * 8.0 - Content
  21   *   8.1 - Header
  22   *   8.2 - Posts and pages
  23   *   8.3 - Comments
  24   *   8.4 - Footer
  25   * 9.0 - Multisites
  26   * 10.0 - Media Queries
  27   *    10.1 - >= 710px
  28   *    10.2 - >= 910px
  29   *    10.3 - >= 985px
  30   *    10.4 - >= 1200px
  31   */
  32  
  33  
  34  /**
  35   * 1.0 - Normalize
  36   */
  37  
  38  body {
  39      direction: rtl;
  40      unicode-bidi: embed;
  41  }
  42  
  43  input[type="checkbox"],
  44  input[type="radio"] {
  45      margin-right: auto;
  46      margin-left: 0.4375em;
  47  }
  48  
  49  
  50  /**
  51   * 2.0 - Typography
  52   */
  53  
  54  body,
  55  button,
  56  button[disabled]:hover,
  57  button[disabled]:focus,
  58  input[type="button"],
  59  input[type="button"][disabled]:hover,
  60  input[type="button"][disabled]:focus,
  61  input[type="reset"],
  62  input[type="reset"][disabled]:hover,
  63  input[type="reset"][disabled]:focus,
  64  input[type="submit"],
  65  input[type="submit"][disabled]:hover,
  66  input[type="submit"][disabled]:focus,
  67  input,
  68  select,
  69  textarea,
  70  .post-password-form label,
  71  .main-navigation,
  72  .post-navigation,
  73  .post-navigation .post-title,
  74  .pagination,
  75  .image-navigation,
  76  .comment-navigation,
  77  .site .skip-link,
  78  .logged-in .site .skip-link,
  79  .widget .widget-title,
  80  .widget_recent_entries .post-date,
  81  .widget_rss .rss-date,
  82  .widget_rss cite,
  83  .tagcloud a,
  84  .site-title,
  85  .entry-title,
  86  .entry-footer,
  87  .sticky-post,
  88  .page-title,
  89  .page-links,
  90  .comments-title,
  91  .comment-reply-title,
  92  .comment-metadata,
  93  .pingback .edit-link,
  94  .comment-reply-link,
  95  .comment-form label,
  96  .no-comments,
  97  .required,
  98  .site-footer .site-title,
  99  .site-footer .site-title:after,
 100  .widecolumn label,
 101  .widecolumn .mu_register label,
 102  .site-footer span[role=separator] {
 103      font-family: Arial, Tahoma, sans-serif;
 104  }
 105  
 106  ::-webkit-input-placeholder {
 107      font-family: Arial, Tahoma, sans-serif;
 108  }
 109  
 110  :-moz-placeholder {
 111      font-family: Arial, Tahoma, sans-serif;
 112  }
 113  
 114  ::-moz-placeholder {
 115      font-family: Arial, Tahoma, sans-serif;
 116  }
 117  
 118  :-ms-input-placeholder {
 119      font-family: Arial, Tahoma, sans-serif;
 120  }
 121  
 122  blockquote {
 123      border-right-width: 4px;
 124      border-left-width: 0;
 125      padding-right: 1.263157895em;
 126      padding-left: 0;
 127  }
 128  
 129  .entry-content h1,
 130  .entry-content h2,
 131  .entry-content h3,
 132  .entry-content h4,
 133  .entry-content h5,
 134  .entry-content h6,
 135  .entry-summary h1,
 136  .entry-summary h2,
 137  .entry-summary h3,
 138  .entry-summary h4,
 139  .entry-summary h5,
 140  .entry-summary h6,
 141  .comment-content h1,
 142  .comment-content h2,
 143  .comment-content h3,
 144  .comment-content h4,
 145  .comment-content h5,
 146  .comment-content h6,
 147  .textwidget h1,
 148  .textwidget h2,
 149  .textwidget h3,
 150  .textwidget h4,
 151  .textwidget h5,
 152  .textwidget h6,
 153  .entry-content .author-title,
 154  .widget_calendar caption,
 155  .widecolumn h2 {
 156      font-weight: 700;
 157  }
 158  
 159  
 160  /**
 161   * 3.0 - Elements
 162   */
 163  
 164  ul,
 165  ol {
 166      margin: 0 1.25em 1.75em 0;
 167  }
 168  
 169  ol {
 170      margin-right: 1.5em;
 171      margin-left: 0;
 172  }
 173  
 174  caption,
 175  th,
 176  td {
 177      text-align: right;
 178  }
 179  
 180  
 181  /**
 182   * 4.0 - Forms
 183   */
 184  
 185  input[type="search"].search-field {
 186      border-radius: 0 2px 2px 0;
 187  }
 188  
 189  .search-submit:before {
 190      left: 1px;
 191  }
 192  
 193  .search-submit {
 194      border-radius: 2px 0 0 2px;
 195      left: 0;
 196      right: auto;
 197  }
 198  
 199  
 200  /**
 201   * 5.0 - Navigation
 202   */
 203  
 204  .main-navigation ul ul {
 205      margin-right: 0.875em;
 206      margin-left: auto;
 207  }
 208  
 209  .main-navigation .menu-item-has-children > a {
 210      margin-right: auto;
 211      margin-left: 56px;
 212  }
 213  
 214  .dropdown-toggle {
 215      left: 0;
 216      right: auto;
 217  }
 218  
 219  .dropdown-toggle:after {
 220      border-right-width: 1px;
 221      border-left-width: 0;
 222      left: auto;
 223      right: 1px;
 224  }
 225  
 226  .social-navigation li {
 227      float: right;
 228      margin: 0 0 0.4375em 0.4375em;
 229  }
 230  
 231  .pagination:before {
 232      left: 0;
 233      right: auto;
 234  }
 235  
 236  .pagination:after {
 237      left: 54px;
 238      right: auto;
 239  }
 240  
 241  .pagination .nav-links {
 242      padding-right: 0;
 243      padding-left: 106px;
 244  }
 245  
 246  .pagination .nav-links:before {
 247      content: "\f430";
 248      left: -1px;
 249      right: auto;
 250  }
 251  
 252  .pagination .nav-links:after {
 253      content: "\f429";
 254      left: 55px;
 255      right: auto;
 256  }
 257  
 258  .pagination .page-numbers {
 259      margin: 0 -0.7368421053em 0 0.7368421053em;
 260  }
 261  
 262  .pagination .prev,
 263  .pagination .next {
 264      margin: 0;
 265  }
 266  
 267  .pagination .prev {
 268      left: 54px;
 269      right: auto;
 270  }
 271  
 272  .pagination .prev:before {
 273      content: "\f429";
 274      left: auto;
 275      right: -1px;
 276  }
 277  
 278  .pagination .next {
 279      left: 0;
 280      right: auto;
 281  }
 282  
 283  .pagination .next:before {
 284      content: "\f430";
 285      left: -1px;
 286      right: auto;
 287  }
 288  
 289  .comment-navigation {
 290      margin-right: 0;
 291      margin-left: 0;
 292  }
 293  
 294  
 295  /**
 296   * 6.0 - Accessibility
 297   */
 298  
 299  .site .skip-link {
 300      left: auto;
 301      right: -9999em;
 302  }
 303  
 304  .site .skip-link:focus {
 305      left: auto;
 306      right: 6px;
 307  }
 308  
 309  
 310  /**
 311   * 7.0 - Widgets
 312   */
 313  
 314  .tagcloud a {
 315      margin-right: 0;
 316      margin-left: 0.1875em;
 317  }
 318  
 319  .tagcloud ul {
 320      margin-right: 0;
 321  }
 322  
 323  
 324  /**
 325   * 8.0 - Content
 326   */
 327  
 328  
 329  /**
 330   * 8.1 - Header
 331   */
 332  
 333  .site-branding {
 334      margin-right: 0;
 335      margin-left: auto;
 336  }
 337  
 338  
 339  /**
 340   * 8.2 - Posts and pages
 341   */
 342  
 343  .author-avatar .avatar {
 344      float: right;
 345      margin-right: 0;
 346      margin-left: 1.75em;
 347  }
 348  
 349  .entry-footer .avatar {
 350      margin-right: 0;
 351      margin-left: 0.5384615385em;
 352  }
 353  
 354  .page-links a,
 355  .page-links > span {
 356      margin-right: auto;
 357      margin-left: 0.3076923077em;
 358  }
 359  
 360  .page-links > .page-links-title {
 361      padding-right: 0;
 362      padding-left: 0.6153846154em;
 363  }
 364  
 365  body:not(.search-results) .entry-summary .alignright {
 366      margin: 0.2631578947em 0 1.4736842105em 1.4736842105em;
 367  }
 368  
 369  body:not(.search-results) .entry-summary .alignleft {
 370      margin: 0.2631578947em 1.4736842105em 1.4736842105em 0;
 371  }
 372  
 373  
 374  /**
 375   * 8.3 - Comments
 376   */
 377  
 378  .comment-list .children > li {
 379      padding-right: 0.875em;
 380      padding-left: 0;
 381  }
 382  
 383  .comment-author .avatar {
 384      float: right;
 385      margin-right: auto;
 386      margin-left: 0.875em;
 387  }
 388  
 389  .bypostauthor > article .fn:after {
 390      left: auto;
 391      right: 3px;
 392  }
 393  
 394  .comment-content ul,
 395  .comment-content ol {
 396      margin: 0 1.25em 1.5em 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  .comment-form .comment-form-cookies-consent label {
 408      font-family: Arial, Tahoma, sans-serif;
 409  }
 410  
 411  /**
 412   * 9.0 - Multisites
 413   */
 414  
 415  .widecolumn .mu_register label {
 416      margin-right: 0;
 417      margin-left: 0.7692307692em;
 418  }
 419  
 420  
 421  /**
 422   * 10.0 - Media Queries
 423   */
 424  
 425  
 426  /**
 427   * 10.1 - >= 710px
 428   */
 429  
 430  @media screen and (min-width: 44.375em) {
 431      .pagination {
 432          margin: 0 7.6923% 4.421052632em 23.0769%;
 433      }
 434  
 435      .entry-header,
 436      .post-thumbnail,
 437      .entry-content,
 438      .entry-summary,
 439      .entry-footer,
 440      .comments-area,
 441      .image-navigation,
 442      .post-navigation,
 443      .page-header,
 444      .page-content,
 445      .content-bottom-widgets {
 446          margin-right: 7.6923%;
 447          margin-left: 23.0769%;
 448      }
 449  
 450      .entry-content blockquote:not(.alignright):not(.alignleft),
 451      .entry-summary blockquote,
 452      .comment-content blockquote {
 453          margin-right: -1.473684211em;
 454          margin-left: auto;
 455      }
 456  
 457      .entry-content blockquote blockquote:not(.alignright):not(.alignleft),
 458      .entry-summary blockquote blockquote,
 459      .comment-content blockquote blockquote {
 460          margin-right: 0;
 461          margin-left: auto;
 462      }
 463  
 464      .entry-content ul,
 465      .entry-summary ul,
 466      .comment-content ul,
 467      .entry-content ol,
 468      .entry-summary ol,
 469      .comment-content ol {
 470          margin-right: 0;
 471          margin-left: auto;
 472      }
 473  
 474      .entry-content li > ul,
 475      .entry-summary li > ul,
 476      .comment-content li > ul,
 477      .entry-content blockquote > ul,
 478      .entry-summary blockquote > ul,
 479      .comment-content blockquote > ul {
 480          margin-right: 1.25em;
 481          margin-left: auto;
 482      }
 483  
 484      .entry-content li > ol,
 485      .entry-summary li > ol,
 486      .comment-content li > ol,
 487      .entry-content blockquote > ol,
 488      .entry-summary blockquote > ol,
 489      .comment-content blockquote > ol {
 490          margin-right: 1.5em;
 491          margin-left: auto;
 492      }
 493  
 494      .comment-list .children > li {
 495          padding-right: 1.75em;
 496          padding-left: 0;
 497      }
 498  
 499      .sidebar,
 500      .widecolumn {
 501          padding-right: 7.6923%;
 502          padding-left: 23.0769%;
 503      }
 504  
 505      body:not(.search-results) .entry-summary li > ul,
 506      body:not(.search-results) .entry-summary blockquote > ul {
 507          margin-right: 1.157894737em;
 508          margin-left: auto;
 509      }
 510  
 511      body:not(.search-results) .entry-summary li > ol,
 512      body:not(.search-results) .entry-summary blockquote > ol {
 513          margin-right: 1.473684211em;
 514          margin-left: auto;
 515      }
 516  }
 517  
 518  
 519  /**
 520   * 10.2 - >= 910px
 521   */
 522  
 523  @media screen and (min-width: 56.875em) {
 524      .main-navigation .primary-menu > li {
 525          float: right;
 526      }
 527  
 528      .main-navigation ul ul {
 529          left: auto;
 530          margin: 0;
 531          right: -999em;
 532      }
 533  
 534      .main-navigation ul ul:before {
 535          left: 9px;
 536          right: auto;
 537      }
 538  
 539      .main-navigation ul ul:after {
 540          left: 11px;
 541          right: auto;
 542      }
 543  
 544      .main-navigation li:hover > ul,
 545      .main-navigation li.focus > ul {
 546          left: 0;
 547          right: auto;
 548      }
 549  
 550      .main-navigation ul ul li:hover > ul,
 551      .main-navigation ul ul li.focus > ul {
 552          left: 100%;
 553          right: auto;
 554      }
 555  
 556      .main-navigation .menu-item-has-children > a {
 557          margin: 0;
 558          padding-right: 0.875em;
 559          padding-left: 2.25em;
 560      }
 561  
 562      .main-navigation .menu-item-has-children > a:after {
 563          left: 0.625em;
 564          right: auto;
 565      }
 566  
 567      .main-navigation ul ul .menu-item-has-children > a {
 568          padding-right: 0.875em;
 569          padding-left: 2.0625em;
 570      }
 571  
 572      .main-navigation ul ul .menu-item-has-children > a:after {
 573          left: 0.5625em;
 574          right: auto;
 575          top: 0.8125em;
 576          -webkit-transform: rotate(-90deg);
 577          -moz-transform: rotate(-90deg);
 578          -ms-transform: rotate(-90deg);
 579          transform: rotate(-90deg);
 580      }
 581  
 582      .content-area {
 583          float: right;
 584          margin-right: auto;
 585          margin-left: -100%;
 586      }
 587  
 588      .entry-header,
 589      .post-thumbnail,
 590      .entry-content,
 591      .entry-summary,
 592      .entry-footer,
 593      .comments-area,
 594      .image-navigation,
 595      .post-navigation,
 596      .pagination,
 597      .page-header,
 598      .page-content,
 599      .content-bottom-widgets {
 600          margin-right: 0;
 601          margin-left: 0;
 602      }
 603  
 604      .sidebar {
 605          float: right;
 606          margin-right: 75%;
 607          margin-left: auto;
 608          padding: 0;
 609      }
 610  
 611      .widget blockquote {
 612          padding-right: 1.0625em;
 613          padding-left: 0;
 614      }
 615  
 616      .widget .alignright {
 617          margin: 0.2307692308em 0 1.6153846154em 1.6153846154em;
 618      }
 619  
 620      .widget .alignleft {
 621          margin: 0.2307692308em 1.6153846154em 1.6153846154em 0;
 622      }
 623  
 624      .tagcloud a {
 625          margin: 0 0 0.5384615385em 0.2307692308em;
 626      }
 627  
 628      .content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2),
 629      .content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1) {
 630          float: right;
 631          margin-right: auto;
 632          margin-left: 7.1428571%;
 633      }
 634  
 635      .content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type {
 636          margin-right: auto;
 637          margin-left: 0;
 638      }
 639  
 640      .no-sidebar .entry-header,
 641      .no-sidebar .entry-content,
 642      .no-sidebar .entry-summary,
 643      .no-sidebar .entry-footer,
 644      .no-sidebar .comments-area,
 645      .no-sidebar .image-navigation,
 646      .no-sidebar .post-navigation,
 647      .no-sidebar .pagination,
 648      .no-sidebar .page-header,
 649      .no-sidebar .page-content,
 650      .no-sidebar .content-bottom-widgets {
 651          margin-right: 15%;
 652          margin-left: 15%;
 653      }
 654  
 655      .no-sidebar .post-thumbnail {
 656          margin-right: 0;
 657          margin-left: 0;
 658      }
 659  
 660      .widecolumn {
 661          padding-right: 15%;
 662          padding-left: 15%;
 663      }
 664  }
 665  
 666  
 667  /**
 668   * 10.3 - >= 985px
 669   */
 670  
 671  @media screen and (min-width: 61.5625em) {
 672      body:not(.search-results) article:not(.type-page) .entry-content {
 673          float: left;
 674      }
 675  
 676      body:not(.search-results) article:not(.type-page) .entry-content > blockquote.alignleft.below-entry-meta {
 677          margin-right: 1.473684211em;
 678          margin-left: 0;
 679          width: -webkit-calc(50% - 0.736842105em);
 680          width: calc(50% - 0.736842105em);
 681      }
 682  
 683      body:not(.search-results) article:not(.type-page) .entry-content > blockquote.alignright.below-entry-meta {
 684          margin-right: -40%;
 685          margin-left: 1.473684211em;
 686          width: -webkit-calc(60% - 1.4736842105em);
 687          width: calc(60% - 1.4736842105em);
 688      }
 689  
 690      body:not(.search-results) article:not(.type-page) img.below-entry-meta,
 691      body:not(.search-results) article:not(.type-page) figure.below-entry-meta {
 692          margin-right: -40%;
 693          margin-left: 0;
 694      }
 695  
 696      body:not(.search-results) article:not(.type-page) .entry-footer {
 697          float: right;
 698      }
 699  
 700      body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
 701          float: right;
 702          margin-right: 34.99999999%;
 703          margin-left: -100%;
 704      }
 705  
 706      body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer {
 707          margin-right: 15%;
 708          margin-left: -100%;
 709      }
 710  }
 711  
 712  
 713  /**
 714   * 10.4 - >= 1200px
 715   */
 716  
 717  @media screen and (min-width: 75em) {
 718      body:not(.search-results) .entry-summary li > ul,
 719      body:not(.search-results) .entry-summary blockquote > ul {
 720          margin-right: 0.956521739em;
 721          margin-left: auto;
 722      }
 723  
 724      body:not(.search-results) .entry-summary li > ol,
 725      body:not(.search-results) .entry-summary blockquote > ol {
 726          margin-right: 1.52173913em;
 727          margin-left: auto;
 728      }
 729  
 730      body:not(.search-results) .entry-summary blockquote {
 731          padding-right: 1.347826087em;
 732          padding-left: 0;
 733      }
 734  
 735      body:not(.search-results) .entry-summary blockquote:not(.alignright):not(.alignleft) {
 736          margin-right: -1.52173913em;
 737          margin-left: auto;
 738      }
 739  
 740      body:not(.search-results) .entry-summary blockquote blockquote:not(.alignright):not(.alignleft) {
 741          margin-right: 0;
 742          margin-left: auto;
 743      }
 744  
 745      body:not(.search-results) .entry-summary .alignright {
 746          margin: 0.2608695652em 0 1.5217391304em 1.5217391304em;
 747      }
 748  
 749      body:not(.search-results) .entry-summary .alignleft {
 750          margin: 0.2608695652em 1.5217391304em 1.5217391304em 0;
 751      }
 752  }