/* Adding support for language written in a Right To Left (RTL) direction is easy - it's just a matter of overwriting all the horizontal positioning attributes of your CSS stylesheet in a separate stylesheet file named rtl.css. http://codex.wordpress.org/Right_to_Left_Language_Support */ /*-------------------------------------------------------------- 1.0 Reset --------------------------------------------------------------*/ body { direction: rtl; unicode-bidi: embed; } caption, th, td { text-align: right; } /*-------------------------------------------------------------- 2.0 Typography --------------------------------------------------------------*/ .home-featured .fa { right: 0.5em; left: auto; } span.single-post-category ul li { margin-left: 20px; margin-right: auto; } h3.home-featured-overview .fa { margin-left: 5px; margin-right: auto; } h3.home-latest-overview { border-right: 1px solid #e6e7e8; border-left: 1px solid #e6e7e8; } blockquote { border-right: 5px solid #e6e7e8; border-left: none; } /*-------------------------------------------------------------- 3.0 Elements --------------------------------------------------------------*/ ul, ol { margin: 0 3em 1.5em 0; } li > ul, li > ol { margin-right: 1.5em; margin-left: auto; } /*-------------------------------------------------------------- 4.0 Forms --------------------------------------------------------------*/ button.toggle-menu { padding-left: 0; padding-right: 0; } textarea { padding-right: 3px; padding-left: 0; } /*-------------------------------------------------------------- 5.0 Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- 5.1 Links --------------------------------------------------------------*/ /*-------------------------------------------------------------- 5.2 Menus --------------------------------------------------------------*/ .main-navigation { float: right; } .main-navigation ul { padding-right: 0; padding-left: 0; } .main-navigation li { float: right; } .main-navigation ul ul { float: right; right: -999em; left: auto; } .main-navigation ul ul ul { right: -999em; left: auto; } .main-navigation ul li:hover > ul { right: auto; left: auto; } .main-navigation ul ul li:hover > ul { right: 100%; left: auto; } /* Small menu */ .comment-navigation .nav-previous, .paging-navigation .nav-previous, .post-navigation .nav-previous { float: right; } .comment-navigation .nav-next, .paging-navigation .nav-next, .post-navigation .nav-next { float: left; text-align: left; } /*-------------------------------------------------------------- 6.0 Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers */ .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { right: 5px; left: auto; } /*-------------------------------------------------------------- 7.0 Alignments --------------------------------------------------------------*/ .alignright { float: right; margin-left: 1.5em; margin-right: auto; } .alignleft { float: left; margin-right: 1.5em; margin-left: auto; } /*-------------------------------------------------------------- 8.0 Clearings --------------------------------------------------------------*/ /*-------------------------------------------------------------- 9.0 Widgets --------------------------------------------------------------*/ /* Make sure select elements fit in widgets */ /* Search widget */ /*-------------------------------------------------------------- 10.0 Content --------------------------------------------------------------*/ .site-branding { float: right; } .navigation-container { float: right; padding-right: 40px; padding-left: 0; } .header-social-container { float: left; padding-left: 20px; padding-right: 0; } .header-social-container li .fa { margin: 17px 10px 0 0; } .home-featured-img-container { margin-left: 3%; margin-right: auto; } .latest-overview-container { border-right: 1px solid #e6e7e8; border-left: 1px solid #e6e7e8; } .social-container { float: left; } .social-container .fa { margin-right: 10px; margin-left: auto; } .masonry-post .image-format-icon { right: 5%; left: auto; } /*-------------------------------------------------------------- 10.1 Posts and pages --------------------------------------------------------------*/ .cat-links, .tags-links, .comments-link { padding-left: 12px; padding-right: 0; } .page-title, .page-entry-title { margin-left: 20px; margin-right: auto; } .author-information { text-align: left; } #masonry-container { margin-right: -1%; margin-left: auto; } .masonry-post { float: right; } /*-------------------------------------------------------------- 10.2 Asides --------------------------------------------------------------*/ /*-------------------------------------------------------------- 10.3 Comments --------------------------------------------------------------*/ .comments-area ol.children { margin-right: 1.5em; margin-left: auto; } .comment-form-author, .comment-form-email, .comment-form-url { float: right; } .comment-form-author, .comment-form-email { padding-left: 0.5em; padding-right: 0; } footer.comment-meta { float: right; } div.comment-content { float: left; } div.reply { padding-right: 30%; padding-left: 0; } /*-------------------------------------------------------------- 11.0 Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ /* Older / Newer Posts Navigation (always hidden) */ /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ /*-------------------------------------------------------------- 12.0 Media --------------------------------------------------------------*/ /* Make sure embeds and iframes fit their containers */ /*-------------------------------------------------------------- 12.1 Captions --------------------------------------------------------------*/ /*-------------------------------------------------------------- 12.2 Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- 13.0 Skeleton --------------------------------------------------------------*/ [class*='col-'] { float: right; padding-left: 20px; padding-right: 0; } .grid-pad { padding-right: 20px; padding-left: 0px; } .push-left { float: left; } /* Content Columns */ /* Layout Columns */ /* Pushing blocks */ .push-2-3, .push-8-12 { margin-right: 66.66%; margin-left: auto; } .push-1-2, .push-6-12 { margin-right: 50%; margin-left: auto; } .push-1-3, .push-4-12 { margin-right: 33.33%; margin-left: auto; } .push-1-4, .push-3-12 { margin-right: 25%; margin-left: auto; } .push-1-5 { margin-right: 20%; margin-left: auto; } .push-1-6, .push-2-12 { margin-right: 16.667%; margin-left: auto; } .push-1-7 { margin-right: 14.28%; margin-left: auto; } .push-1-8 { margin-right: 12.5%; margin-left: auto; } .push-1-9 { margin-right: 11.1%; margin-left: auto; } .push-1-10 { margin-right: 10%; margin-left: auto; } .push-1-11 { margin-right: 9.09%; margin-left: auto; } .push-1-12 { margin-right: 8.33%; margin-left: auto; } @media handheld, only screen and (max-width: 959px) { .push-1-12 { margin-right: 8.33%; margin-left: auto; } } .grid { margin-right: 0px; margin-left: 0px; padding-right: 20px; padding-left: 10px; } @media handheld, only screen and (max-width: 767px) { .push-1-11 { margin-right: 9.09%; margin-left: auto; } .push-1-12 { margin-right: 8.33%; margin-left: auto; } @media handheld, only screen and (max-width: 959px) { .push-1-12 { margin-right: 8.33%; margin-left: auto; } } .grid { margin-right: 0px; margin-left: 0px; padding-right: 20px; padding-left: 10px; } } /* Made by the RTL-er.com - http://www.rtl-er.com */