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.
7 See: https://codex.wordpress.org/Right_to_Left_Language_Support
22 * 8.2 - Posts and pages
26 * 10.0 - Media Queries
43 input[type="checkbox"],
46 margin-left: 0.4375em;
56 button[disabled]:hover,
57 button[disabled]:focus,
59 input[type="button"][disabled]:hover,
60 input[type="button"][disabled]:focus,
62 input[type="reset"][disabled]:hover,
63 input[type="reset"][disabled]:focus,
65 input[type="submit"][disabled]:hover,
66 input[type="submit"][disabled]:focus,
70 .post-password-form label,
73 .post-navigation .post-title,
78 .logged-in .site .skip-link,
79 .widget .widget-title,
80 .widget_recent_entries .post-date,
81 .widget_rss .rss-date,
98 .site-footer .site-title,
99 .site-footer .site-title:after,
101 .widecolumn .mu_register label {
102 font-family: Arial, Tahoma, sans-serif;
105 ::-webkit-input-placeholder {
106 font-family: Arial, Tahoma, sans-serif;
110 font-family: Arial, Tahoma, sans-serif;
114 font-family: Arial, Tahoma, sans-serif;
117 :-ms-input-placeholder {
118 font-family: Arial, Tahoma, sans-serif;
122 border-right-width: 4px;
123 border-left-width: 0;
124 padding-right: 1.263157895em;
152 .entry-content .author-title,
153 .widget_calendar caption,
165 margin: 0 1.25em 1.75em 0;
184 input[type="search"].search-field {
185 border-radius: 0 2px 2px 0;
188 .search-submit:before {
193 border-radius: 2px 0 0 2px;
203 .main-navigation ul ul {
204 margin-right: 0.875em;
208 .main-navigation .menu-item-has-children > a {
218 .dropdown-toggle:after {
219 border-right-width: 1px;
220 border-left-width: 0;
225 .social-navigation li {
227 margin: 0 0 0.4375em 0.4375em;
240 .pagination .nav-links {
245 .pagination .nav-links:before {
251 .pagination .nav-links:after {
257 .pagination .page-numbers {
258 margin: 0 -0.7368421053em 0 0.7368421053em;
271 .pagination .prev:before {
282 .pagination .next:before {
288 .comment-navigation {
295 * 6.0 - Accessibility
303 .site .skip-link:focus {
315 margin-left: 0.1875em;
335 * 8.2 - Posts and pages
338 .author-avatar .avatar {
344 .entry-footer .avatar {
346 margin-left: 0.5384615385em;
352 margin-left: 0.3076923077em;
355 .page-links > .page-links-title {
357 padding-left: 0.6153846154em;
360 body:not(.search-results) .entry-summary .alignright {
361 margin: 0.2631578947em 0 1.4736842105em 1.4736842105em;
364 body:not(.search-results) .entry-summary .alignleft {
365 margin: 0.2631578947em 1.4736842105em 1.4736842105em 0;
373 .comment-list .children > li {
374 padding-right: 0.875em;
378 .comment-author .avatar {
381 margin-left: 0.875em;
384 .bypostauthor > article .fn:after {
390 .comment-content ol {
391 margin: 0 1.25em 1.5em 0;
394 .comment-reply-title small a {
403 .site-footer .site-title:after {
404 padding-right: 0.538461538em;
405 padding-left: 0.307692308em;
413 .widecolumn .mu_register label {
415 margin-left: 0.7692307692em;
420 * 10.0 - Media Queries
428 @media screen and (min-width: 44.375em) {
430 margin: 0 7.6923% 4.421052632em 23.0769%;
443 .content-bottom-widgets {
444 margin-right: 7.6923%;
445 margin-left: 23.0769%;
448 .entry-content blockquote:not(.alignright):not(.alignleft),
449 .entry-summary blockquote,
450 .comment-content blockquote {
451 margin-right: -1.473684211em;
455 .entry-content blockquote blockquote:not(.alignright):not(.alignleft),
456 .entry-summary blockquote blockquote,
457 .comment-content blockquote blockquote {
467 .comment-content ol {
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;
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 {
492 .comment-list .children > li {
493 padding-right: 1.75em;
499 padding-right: 7.6923%;
500 padding-left: 23.0769%;
503 body:not(.search-results) .entry-summary li > ul,
504 body:not(.search-results) .entry-summary blockquote > ul {
505 margin-right: 1.157894737em;
509 body:not(.search-results) .entry-summary li > ol,
510 body:not(.search-results) .entry-summary blockquote > ol {
511 margin-right: 1.473684211em;
521 @media screen and (min-width: 56.875em) {
522 .main-navigation .primary-menu > li {
526 .main-navigation ul ul {
532 .main-navigation ul ul:before {
537 .main-navigation ul ul:after {
542 .main-navigation li:hover > ul,
543 .main-navigation li.focus > ul {
548 .main-navigation ul ul li:hover > ul,
549 .main-navigation ul ul li.focus > ul {
554 .main-navigation .menu-item-has-children > a {
556 padding-right: 0.875em;
557 padding-left: 2.25em;
560 .main-navigation .menu-item-has-children > a:after {
565 .main-navigation ul ul .menu-item-has-children > a {
566 padding-right: 0.875em;
567 padding-left: 2.0625em;
570 .main-navigation ul ul .menu-item-has-children > a:after {
574 -webkit-transform: rotate(-90deg);
575 -moz-transform: rotate(-90deg);
576 -ms-transform: rotate(-90deg);
577 transform: rotate(-90deg);
597 .content-bottom-widgets {
610 padding-right: 1.0625em;
614 .widget .alignright {
615 margin: 0.2307692308em 0 1.6153846154em 1.6153846154em;
619 margin: 0.2307692308em 1.6153846154em 1.6153846154em 0;
623 margin: 0 0 0.5384615385em 0.2307692308em;
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) {
630 margin-left: 7.1428571%;
633 .content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type {
639 margin: 0.538461538em 0 0.538461538em auto;
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 {
657 .no-sidebar .post-thumbnail {
673 @media screen and (min-width: 61.5625em) {
674 body:not(.search-results) article:not(.type-page) .entry-content {
678 body:not(.search-results) article:not(.type-page) .entry-content > blockquote.alignleft.below-entry-meta {
679 margin-right: 1.473684211em;
681 width: -webkit-calc(50% - 0.736842105em);
682 width: calc(50% - 0.736842105em);;
685 body:not(.search-results) article:not(.type-page) .entry-content > blockquote.alignright.below-entry-meta {
687 margin-left: 1.473684211em;
688 width: -webkit-calc(60% - 1.4736842105em);
689 width: calc(60% - 1.4736842105em);
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 {
698 body:not(.search-results) article:not(.type-page) .entry-footer {
702 body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
704 margin-right: 34.99999999%;
708 body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer {
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;
726 body:not(.search-results) .entry-summary li > ol,
727 body:not(.search-results) .entry-summary blockquote > ol {
728 margin-right: 1.52173913em;
732 body:not(.search-results) .entry-summary blockquote {
733 padding-right: 1.347826087em;
737 body:not(.search-results) .entry-summary blockquote:not(.alignright):not(.alignleft) {
738 margin-right: -1.52173913em;
742 body:not(.search-results) .entry-summary blockquote blockquote:not(.alignright):not(.alignleft) {
747 body:not(.search-results) .entry-summary .alignright {
748 margin: 0.2608695652em 0 1.5217391304em 1.5217391304em;
751 body:not(.search-results) .entry-summary .alignleft {
752 margin: 0.2608695652em 1.5217391304em 1.5217391304em 0;