/* Theme Name: Twenty Fifteen Description: Adds support for languages written in a Right To Left (RTL) direction. It's easy, just a matter of overwriting all the horizontal positioning attributes of your CSS stylesheet in a separate stylesheet file named rtl.css. See http://codex.wordpress.org/Right_to_Left_Language_Support */ /** * Table of Contents: * * 1.0 - Reset * 2.0 - Typography * 3.0 - Elements * 4.0 - Forms * 5.0 - Navigations * 6.0 - Accessibility * 7.0 - Alignments * 8.0 - Header * 9.0 - Widgets * 10.0 - Content * 10.1 - Posts and pages * 10.2 - Comments * 11.0 - Media Queries * 11.1 - Mobile Large * 11.2 - Tablet Small * 11.3 - Tablet Large * 11.4 - Desktop Small * 11.5 - Desktop Medium * 11.6 - Desktop Large * 11.7 - Desktop X-Large */ /** * 1.0 Reset */ body { direction: rtl; unicode-bidi: embed; } a { display: inline-block; } caption, th, td { text-align: right; } /** * 2.0 Typography */ blockquote { border-right: 4px solid rgba(51, 51, 51, 0.7); border-left: 0; padding-right: 0.7778em; padding-left: 0; } /** * 3.0 Elements */ ul, ol { margin: 0 1.3333em 1.6em 0; } li > ul, li > ol { margin-right: 1.3333em; margin-left: auto; } caption, th, td { text-align: right; } /** * 4.0 Forms */ .post-password-form input[type="submit"] { right: auto; left: 0; } /** * 5.0 Navigations */ .main-navigation ul ul { margin-right: 0.8em; margin-left: auto; } .main-navigation .page_item_has_children > a, .main-navigation .menu-item-has-children > a { padding-right: 0; padding-left: 48px; } .dropdown-toggle { right: auto; left: 0; } .dropdown-toggle:after { right: -1px; left: auto; } .social-navigation li { float: right; } .social-navigation a:before { right: 0; left: auto; } .secondary-toggle { right: auto; left: 0; } .secondary-toggle:before { right: 0; left: auto; } .secondary-toggle.toggled-on:before { right: 0; left: auto; } .post-navigation .has-post-thumbnail a:before { right: 0; left: auto; } .pagination .meta-nav { margin-right: auto; margin-left: 0.3333em; } .pagination .prev { right: 0; left: auto; } .pagination .prev:before { content: "\f429"; right: -1px; left: auto; } .pagination .next { right: auto; left: 0; } .pagination .next:before { content: "\f430"; right: auto; left: -1px; } .image-navigation .nav-previous a:before, .comment-navigation .nav-previous a:before { content: "\f429"; margin-right: auto; margin-left: 0.2em; } .image-navigation .nav-next a:after, .comment-navigation .nav-next a:after { content: "\f430"; margin-right: 0.2em; margin-left: auto; } /** * 6.0 Accessibility */ .screen-reader-text:hover, .screen-reader-text:focus { right: 5px; left: auto; } /** * 7.0 Alignments */ .alignright { float: right; } .alignleft { float: left; } .aligncenter { margin-right: auto; margin-left: auto; } blockquote.alignright, .wp-caption.alignright, img.alignright { margin: 0.4em 0 1.6em 1.6em; } blockquote.alignleft, .wp-caption.alignleft, img.alignleft { margin: 0.4em 1.6em 1.6em 0; } /** * 8.0 Header */ .site-branding { padding-right: 0; padding-left: 60px; } /** * 9.0 Widgets */ .widget_categories .children, .widget_nav_menu .sub-menu, .widget_pages .children { margin: 0.7667em 0.8em 0 0; } /** * 10.0 Content */ /** * 10.1 Posts and pages */ .entry-content .more-link:after { content: "\f430"; } .author-link:after { content: "\f430"; } .author-info .avatar { float: right; margin: 0 0 1.6em 1.6em; } .posted-on a:before, .byline a:before, .cat-links span + a:before, .tags-links span + a:before, .comments-link a:before, .entry-format a:before, .edit-link a:before, .full-size-link a:before { margin-right: auto; margin-left: 2px; } .posted-on, .byline, .cat-links, .tags-links, .comments-link, .entry-format, .full-size-link { margin-right: auto; margin-left: 1em; } .page-links a, .page-links > span { margin: 0 0 2px 1px; } .page-links > .page-links-title { padding-right: 0; padding-left: 0.5em; } .type-attachment .entry-header { clear: left; } .format-link .entry-title a:after { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } /** * 10.2 Comments */ .comment-list .children > li { padding-right: 0.8em; padding-left: 0; } .comment-author .avatar { margin-right: auto; margin-left: 0.4em; } .bypostauthor > article .fn:after { right: 3px; left: auto; } .comment-metadata .edit-link { margin-right: 1em; margin-left: auto; } .pingback .edit-link { margin-right: 1em; margin-left: auto; } .comment-content ul, .comment-content ol { margin: 0 1.3333em 1.6em 0; } .comment-reply-title small a { float: left; } /** * 11.0 Media Queries */ /** * 11.1 Mobile Large 620px */ @media screen and (min-width: 38.75em) { ul, ol { margin-right: 0; margin-left: auto; } blockquote { margin-right: -1em; margin-left: auto; } blockquote > blockquote { margin-right: 0; margin-left: auto; } .page-header { border-color: inherit; border-left: none; border-style: solid; border-width: 0 7px 0 0; } .page-title, .taxonomy-description { margin-right: -7px; margin-left: auto; } .comment-content ul, .comment-content ol { margin-right: 0; margin-left: auto; } } /** * 11.2 Tablet Small 740px */ @media screen and (min-width: 46.25em) { blockquote { margin-right: -1.05em; margin-left: auto; padding-right: 0.85em; padding-left: 0; } .main-navigation ul ul { margin-right: 1em; margin-left: auto; } .main-navigation .page_item_has_children > a, .main-navigation .main-navigation .menu-item-has-children > a { padding-right: 0; padding-left: 54px; } blockquote.alignright, .wp-caption.alignright img.alignright { margin: 0.4118em 0 1.6471em 1.6471em; } blockquote.alignleft, .wp-caption.alignleft, img.alignleft { margin: 0.4118em 1.6471em 1.6471em 0; } .site-branding { padding-right: 0; padding-left: 66px; } .widget blockquote { margin-right: -1.2353em; margin-left: auto; padding-right: 1em; padding-left: 0; } .widget blockquote > blockquote { margin-right: 0; margin-left: auto; } .widget blockquote.alignright, .widget .wp-caption.alignright, .widget img.alignright { margin: 0.5em 0 1.5em 1.5em; } .widget blockquote.alignleft, .widget .wp-caption.alignleft, .widget img.alignleft { margin: 0.5em 1.5em 1.5em 0; } .widget_categories .children, .widget_nav_menu .sub-menu, .widget_pages .children { margin: 0.9643em 1em 0 0; } .author-info .avatar { margin: 0 0 1.6471em 1.6471em; } .comment-list .children > li { padding-right: 1.2353em; padding-left: 0; } .comment-author { padding-right: 4.1176em; padding-left: 0; } .comment-author .avatar { right: 0; left: auto; } .comment-metadata { padding-right: 5em; padding-left: 0; } .bypostauthor > article .fn:after { right: 6px; left: auto; } } /** * 11.3 Tablet Large 880px */ @media screen and (min-width: 55em) { blockquote { margin-right: -1.0909em; margin-left: auto; padding-right: 0.9091em; padding-left: 0; } .main-navigation .page_item_has_children > a, .main-navigation .main-navigation .menu-item-has-children > a { padding-right: 0; padding-left: 53px; } blockquote.alignright, .wp-caption.alignright img.alignright { margin: 0.4211em 0 1.6842em 1.6842em; } blockquote.alignleft, .wp-caption.alignleft, img.alignleft { margin: 0.4211em 1.6842em 1.6842em 0; } .site-branding { padding-right: 0; padding-left: 74px; } .widget blockquote { margin-right: -1.2632em; margin-left: auto; padding-right: 1.0526em; padding-left: 0; } .widget_categories .children, .widget_nav_menu .sub-menu, .widget_pages .children { margin: 0.7188em 1em 0 0; } .author-info .avatar { margin: 0 0 1.6842em 1.6842em; } .comment-list .children > li { padding-right: 1.4737em; padding-left: 0; } .comment-author { padding-right: 4.6315em; padding-left: 0; } .comment-metadata { padding-right: 5.5em; padding-left: 0; } } /** * 11.4 Desktop Small 967px */ @media screen and (min-width: 59.6875em) { body:before { right: 0; left: auto; } .sidebar { float: right; margin-right: auto; margin-left: -100%; } .site-content { float: right; margin-right: 29.4118%; margin-left: auto; } blockquote { margin-right: -1.3333em; margin-left: auto; padding-right: 1.1111em; padding-left: 0; } .main-navigation .page_item_has_children > a, .main-navigation .menu-item-has-children > a { padding-right: 0; padding-left: 35px; } blockquote.alignright, .wp-caption.alignright, img.alignright { margin: 0.4em 0 1.6em 1.6em; } blockquote.alignleft, .wp-caption.alignleft, img.alignleft { margin: 0.4em 1.6em 1.6em 0; } .widget blockquote { margin-right: -1.5em; margin-left: auto; padding-right: 1.1667em; padding-left: 0; } .widget_categories .children, .widget_nav_menu .sub-menu, .widget_pages .children { margin: 0.4583em 1em 0 0; } .author-info .avatar { margin: 0 0 1.5em 1.5em; } .comment-list .children > li { padding-right: 0.8em; padding-left: 0; } .comment-author { padding-right: 0; padding-left: 0; } .comment-author .avatar { margin-right: auto; margin-left: 0.4em; } .comment-metadata { padding-right: 0; padding-left: 0; } .bypostauthor > article .fn:after { right: 3px; left: auto; } .site-branding { padding: 0; } .site-footer { margin-right: 35.2941%; margin-left: auto; } } /** * 11.5 Desktop Medium 1100px */ @media screen and (min-width: 68.75em) { blockquote { margin-right: -1.05em; margin-left: auto; padding-right: 0.85em; padding-left: 0; } .main-navigation .page_item_has_children > a, .main-navigation .menu-item-has-children > a { padding-right: 0; padding-left: 33px; } blockquote.alignright, .wp-caption.alignright img.alignright { margin: 0.4118em 0 1.6471em 1.6471em; } blockquote.alignleft, .wp-caption.alignleft, img.alignleft { margin: 0.4118em 1.6471em 1.6471em 0; } .widget blockquote { padding-right: 1.2143em; padding-left: 0; } .widget_categories .children, .widget_nav_menu .sub-menu, .widget_pages .children { margin: 0.4643em 1em 0 0; } .author-info .avatar { margin: 0 0 1.6471em 1.6471em; } .comment-list .children > li { padding-right: 1.1667em; padding-left: 0; } .comment-author { padding-right: 4.1176em; padding-left: 0; } .comment-author .avatar { right: 0; left: auto; } .bypostauthor > article .fn:after { right: 6px; left: auto; } .comment-metadata { padding-right: 5em; padding-left: 0; } } /** * 11.6 Desktop Large 1240px */ @media screen and (min-width: 77.5em) { blockquote { margin-right: -1.0909em; margin-left: auto; padding-right: 0.9091em; padding-left: 0; } .main-navigation .page_item_has_children > a, .main-navigation .menu-item-has-children > a { padding-right: 0; padding-left: 32px; } blockquote.alignright, .wp-caption.alignright img.alignright { margin: 0.4211em 0 1.6842em 1.6842em; } blockquote.alignleft, .wp-caption.alignleft, img.alignleft { margin: 0.4211em 1.6842em 1.6842em 0; } .widget blockquote { padding-right: 1.25em; padding-left: 0; } .widget_categories .children, .widget_nav_menu .sub-menu, .widget_pages .children { margin: 0.4688em 1em 0 0; } .author-info .avatar { margin: 0 0 1.6842em 1.6842em; } .comment-list .children > li { padding-right: 1.4737em; padding-left: 0; } .comment-author { padding-right: 4.6315em; padding-left: 0; } .comment-metadata { padding-right: 5.5em; padding-left: 0; } } /** * 11.7 Desktop X-Large 1403px */ @media screen and (min-width: 87.6875em) { body:before { width: -webkit-calc(50% - 289px); width: calc(50% - 289px); } }