wp-content/themes/twentysixteen/rtl.css

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