/* Theme Name: Twenty Twelve 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 https://codex.wordpress.org/Right_to_Left_Language_Support */ body { direction: rtl; unicode-bidi: embed; } caption, th, td { text-align: right; } /* =Repeatable patterns -------------------------------------------------------------- */ /* Images */ .site-content .gallery-columns-4 .gallery-item { padding-left: 2%; padding-right: 0; } .site-content .gallery-columns-5 .gallery-item { padding-left: 2%; padding-right: 0; } /* Navigation */ .nav-previous, .previous-image { float: right; } .nav-next, .next-image { float: left; text-align: left; } /* Author profiles */ .author-avatar { float: right; } .author-description { float: right; margin-right: 15px; margin-right: 1.071428571rem; margin-left: auto; } /* =Main Content ----------------------------------------------- */ .comment-content ol, .comment-content ul { margin: 0 24px 0 0; margin: 0 1.714285714rem 0 0; } /* =Basic post styling -------------------------------------------------------------- */ .entry-content li, .comment-content li { margin: 0 24px 0 0; margin: 0 1.714285714rem 0 0; } .entry-content td, .comment-content td { padding: 6px 0 6px 10px; } /* Aside posts */ article.format-aside .aside { border-right: 22px solid #a8bfe8; border-left: none; } /* Link posts */ article.format-link header { float: left; } article.format-link .entry-content { float: right; } /* Status posts */ .format-status .entry-header img { float: right; margin-left: 21px; margin-left: 1.5rem; margin-right: 0; } /* =Comment styling -------------------------------------------------------------- */ .comments-area article header img { float: right; } .comments-area article header cite, .comments-area article header time { margin-right: 85px; margin-right: 6.071428571rem; margin-left: auto; } .comments-area article header h4 { left: 0; right: auto; } .comments-area .bypostauthor cite span { margin-right: 5px; margin-right: 0.357142857rem; margin-left: auto; } /* Comment form */ #respond h3#reply-title #cancel-comment-reply-link { margin-right: 10px; margin-right: 0.714285714rem; margin-left: auto; } label ~ span.required { float: right; margin: -18px -16px 0 0; margin: -1.285714286rem -1.142857143rem 0 0; } /* =Front page template styling -------------------------------------------------------------- */ .template-front-page .widget-area .widget_text img { float: right; margin: 8px 0 8px 24px; margin: 0.571428571rem 0 0.571428571rem 1.714285714rem; } /* =Widget styling -------------------------------------------------------------- */ .widget-area .widget ul ul { margin-right: 12px; margin-right: 0.857142857rem; margin-left: auto; } .widget-area .textwidget li { margin-left: auto; margin-right: 36px; margin-right: 2.571428571rem; } .widget_recent_entries .post-date, .widget_rss .rss-date { margin-right: 12px; margin-right: 0.857142857rem; margin-left: auto; } #wp-calendar th, #wp-calendar td, #wp-calendar caption { text-align: right; } #wp-calendar #next { padding-left: 24px; padding-left: 1.714285714rem; text-align: left; padding-right: 0; } /* =Media queries -------------------------------------------------------------- */ /* Minimum width of 600 pixels. */ @media screen and (min-width: 600px) { .site-content, .template-front-page.has-post-thumbnail article { float: right; } .widget-area, .entry-page-image { float: left; } .site-header h1, .site-header h2 { text-align: right; } .template-front-page .widget-area .widget_text img { float: right; margin: 8px 0 8px 24px; } .template-front-page .widget-area .widget, .template-front-page.two-sidebars .widget-area .front-widgets { float: right; } .template-front-page .widget-area .widget:nth-child(odd) { clear: left; } .template-front-page .widget-area .widget:nth-child(even), .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets { float: left; margin: 0 24px 0; margin: 0 1.714285714rem 0; } .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { text-align: right; } .main-navigation li { margin-left: 40px; margin-left: 2.857142857rem; margin-right: auto; } .main-navigation li ul ul { margin-right: 0; right: 100%; left: auto; } .main-navigation ul li:hover > ul { border-right: 0; border-left: none; } .commentlist .children { margin-right: 48px; margin-right: 3.428571429rem; margin-left: auto; } }