/* Theme Name: Atlantic 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 */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Typography # Elements # Forms # Accessibility # Alignments # Clearings # Structure ## Header ## Navigation ## Posts and pages ## Comments ## Pagination # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body { direction: rtl; unicode-bidi: embed; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ textarea { padding-right: 3px; padding-left: 0; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ .screen-reader-text:focus { right: 5px; left: auto; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignright { float: right; margin: 0 0 1.5rem 1.5rem; } .alignleft { float: left; margin: 0 1.5rem 1.5rem 0; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Structure --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Navigation --------------------------------------------------------------*/ /* Small menu. */ } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: right; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: left; text-align: left; } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .hentry.format-quote .entry-content { text-align: left; } .hentry.format-quote .entry-content blockquote { text-align: right; } .hentry.format-video .entry-content iframe { margin: 0 !important 1.5rem auto; } /*-------------------------------------------------------------- ## Asides --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Pagination --------------------------------------------------------------*/ .pagination a, .pagination span { float: right; } /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption img[class*="wp-image-"] { margin-right: auto; margin-left: auto; }