/* Theme Name: BLDR 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 */ body { direction: rtl; unicode-bidi: embed; } /*-------------------------------------------------------------- 2.0 Typography --------------------------------------------------------------*/ blockquote { border-right: 5px solid #222; 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 --------------------------------------------------------------*/ 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; left: -999em; right: auto; } .main-navigation ul ul ul { left: -999em; right: auto; } .main-navigation ul li:hover > ul { left: 50%; margin-left: -35%; right: auto; margin-right: auto; } .main-navigation ul ul li:hover > ul { left: 100%; margin-left: 0; right: auto; margin-right: auto; } /* Small menu. */ @media screen and (max-width: 600px) { } .comment-navigation .nav-previous, .paging-navigation .nav-previous, .post-navigation .nav-previous, .posts-navigation .nav-previous { float: right; } .comment-navigation .nav-next, .paging-navigation .nav-next, .post-navigation .nav-next, .posts-navigation .nav-next { float: 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; } .aligncenter { margin-right: auto; margin-left: auto; } /*-------------------------------------------------------------- 8.0 Clearings --------------------------------------------------------------*/ /*-------------------------------------------------------------- 9.0 Widgets --------------------------------------------------------------*/ /* Make sure select elements fit in widgets. */ .widget-area { padding-right: 20px; padding-left: 0; } .sidebar-right { padding-right: 0; padding-left: 20px; } /* Search widget. */ /*-------------------------------------------------------------- 10.0 Content --------------------------------------------------------------*/ #page-entry-content:before, #blog-entry-content:before { left: 25%; right: auto; } #page-left-entry-content:before { right: 25%; left: auto; } .site-branding { float: right; } .navigation-container { float: left; padding-left: 20px; padding-right: 0; } .bldr-hero-bg { right: 0; left: auto; } .bldr-hero-content { margin-right: auto; margin-left: auto; padding-right: 40px; padding-left: 40px; } .site-footer ul { margin: 0 1em 0 0; } /*-------------------------------------------------------------- 10.1 Posts and pages --------------------------------------------------------------*/ span.meta-block { margin-left: 30px; margin-right: auto; } span.meta-block img { margin-left: 10px; margin-right: auto; } span.meta-block .fa { margin-left: 5px; margin-right: auto; } /*-------------------------------------------------------------- 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: 40px; padding-right: 0; } .grid-pad { padding-right: 40px; padding-left: 0px; } .push-left, .page-right-sidebar { 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; } .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; } .grid { margin-right: 0px; margin-left: 0px; padding-right: 20px; padding-left: 10px; } } /* Made by the RTL-er.com - http://www.rtl-er.com */