/* * Theme Name: rebalance * * 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 * */ /*--------------------------------------------------------------*/ /* !# TABLE OF CONTENTS */ /*--------------------------------------------------------------*/ /*---------------------------------------------------------------- # Normalize ## Typography ## Elements ## Links ## Forms # Theme Globals # Layout # Accessibility # Alignments # Clearings # Header # Navigation ## Toggle Navigation ## Main Navigation ## Social Navigation # Widgets # Content ## Featured Project ## Posts and Pages ## Author Meta ## Single Post ## Single Jetpack Portfolio ## Page ## Archive ## Masonry ## Infinite scroll ## 404 Error ## Asides # Media ## Captions ## Galleries # Pagination # Comments ## Comments Respond ## Widgets ## Secondary # Footer # Extras ----------------------------------------------------------------*/ /*--------------------------------------------------------------*/ /* !# Normalize */ /*--------------------------------------------------------------*/ /*--------------------------------------------------------------*/ /* !## Typography */ /*--------------------------------------------------------------*/ /*--------------------------------------------------------------*/ /* !## Elements */ /*--------------------------------------------------------------*/ ul, ol { margin: 0 2em 1.5em 0; } li > ul, li > ol { margin-left: 0; margin-right: 1.5em; } /*--------------------------------------------------------------*/ /* !## Links */ /*--------------------------------------------------------------*/ /*--------------------------------------------------------------*/ /* !## Forms */ /*--------------------------------------------------------------*/ textarea { padding-left: inherit; padding-right: 3px; } /*--------------------------------------------------------------*/ /* !# Theme Globals */ /*--------------------------------------------------------------*/ /*--------------------------------------------------------------*/ /* !# Layout */ /*--------------------------------------------------------------*/ /*--------------------------------------------------------------*/ /* !# Accessibility */ /*--------------------------------------------------------------*/ /*--------------------------------------------------------------*/ /* !# Alignments */ /*--------------------------------------------------------------*/ .alignleft { float: right; margin-left: 1.5em; margin-right: inherit; } .alignright { float: left; margin-left: inherit; margin-right: 1.5em; } /*--------------------------------------------------------------*/ /* !# Clearings */ /*--------------------------------------------------------------*/ /*--------------------------------------------------------------*/ /* !# Header */ /*--------------------------------------------------------------*/ /* Large Screen Styles */ @media screen and (min-width: 881px) { .site-branding { text-align: right; } .site-logo-link { margin-left: 20px; margin-right: inherit; } .site-description { float: right; text-align: right; } .main-navigation { float: left; clear: left; } } /*--------------------------------------------------------------*/ /* !# Navigation */ /*--------------------------------------------------------------*/ /*--------------------------------------------------------------*/ /* !## Toggle Navigation */ /*--------------------------------------------------------------*/ .menu-toggle { text-align: right; } .menu-toggle:after { margin: 0 5px 0 0; } /*--------------------------------------------------------------*/ /* !## Main Navigation */ /*--------------------------------------------------------------*/ .main-navigation .sub-menu, .main-navigation .children { padding-left: inherit; padding-right: 1.5em; } .main-navigation .sub-menu li:before, .main-navigation .children li:before { padding-left: inherit; padding-right: 8px; } .main-navigation ul > li li a { padding-left: inherit; padding-right: 26px; } /* Large Screen Styles */ @media screen and (min-width: 881px) { .header-menu-wrap { float: right; } .main-navigation { float: left; } .main-navigation div > ul { float: right; text-align: right; } .main-navigation .sub-menu, .main-navigation .children { padding-left: inherit; padding-right: 0; left: inherit; right: 0; } .main-navigation ul > li a { text-align: right; } .main-navigation .sub-menu a, .main-navigation .children a { padding-left: 8px; padding-right: 26px; } .main-navigation .sub-menu .sub-menu, .main-navigation .children .children { margin: -2px 0 -2px -2px; left: calc(100% + 2px); right: inherit; } .main-navigation .page_item_has_children > a:after, .main-navigation .menu-item-has-children > a:after { margin: 0 5px 0 0; } .main-navigation .sub-menu li.page_item_has_children:before, .main-navigation .sub-menu li.page_item_has_children:before, .main-navigation .sub-menu li.menu-item-has-children:before, .main-navigation .children li.menu-item-has-children:before { content: '\f105'; margin-left: 5px; margin-right: inherit; } .main-navigation .page_item_has_children .page_item_has_children > a:after, .main-navigation .menu-item-has-children .menu-item-has-children > a:after { content: '\f107'; float: left; margin: 0 0 0 5px; } } /*--------------------------------------------------------------*/ /* !## Mobile Navigation */ /*--------------------------------------------------------------*/ @media screen and (max-width: 880px) { /* * Sub-menu dropdown buttons */ .dropdown-toggle { right: inherit; left: 8px; } } /*--------------------------------------------------------------*/ /* !## Social Navigation */ /*--------------------------------------------------------------*/ .social-navigation li { padding-left: inherit; padding-right: 5px; } /* Icons aren't shown in small screen layouts */ @media screen and (min-width: 881px) { .social-menu-wrap { float: left; } .social-navigation { left: 0; right: inherit; } .social-navigation > * { text-align: left; } } /*--------------------------------------------------------------*/ /* !# Content */ /*--------------------------------------------------------------*/ /*--------------------------------------------------------------*/ /* !## Featured Project */ /*--------------------------------------------------------------*/ /* Large Screen Styles */ @media screen and (min-width: 881px) { .site-feature .has-thumbnail .entry-header { left: inherit; right: 0; padding: 0 2em 2em 0; } } /*--------------------------------------------------------------*/ /* !## Posts and Pages */ /*--------------------------------------------------------------*/ .entry-image .entry-image-caption span { margin-left: 10px; margin-right: inherit; } .entry-content blockquote, .comment-content blockquote { border-left: none; border-right: 6px solid #F35029; margin: 0 -40px 0 0; padding-left: inherit; padding-right: 40px; } .entry-content blockquote blockquote, .comment-content blockquote blockquote { margin-right: 0; } .entry-content q, .comment-content q { border-left: none; border-right: 6px solid #F35029; padding-left: inherit; padding-right: 20px; } .entry-content table th, .entry-content table tr, .entry-content table td, .comment-content th, .comment-content tr, .comment-content td { text-align: right; } /*--------------------------------------------------------------*/ /* !## Author Meta */ /*--------------------------------------------------------------*/ .author-box { float: left; } .author-avatar { float: left; margin: 0 20px 20px 0; } .author-description { padding-left: 25%; padding-right: inherit; } /* Large Screen Styles */ @media screen and (min-width: 881px) { .author-box { float: left; } .author-avatar .avatar { left: calc(100% + 40px); right: inherit; } } /*--------------------------------------------------------------*/ /* !## Single Post */ /*--------------------------------------------------------------*/ /* Large Screens */ @media screen and (min-width: 881px) { .single .hentry .entry-header { float: left; } .single .hentry .entry-title { margin-left: inherit; margin-right: calc(33.333%); } .single .entry-header .entry-meta { margin-left: inherit; margin-right: calc(33.333%); } .single .hentry .entry-content { float: left; } .single .hentry .entry-footer { float: left; } } /*--------------------------------------------------------------*/ /* !## Single Jetpack Portfolio */ /*--------------------------------------------------------------*/ /*--------------------------------------------------------------*/ /* !## Page */ /*--------------------------------------------------------------*/ /*--------------------------------------------------------------*/ /* !## Archive & Search */ /*--------------------------------------------------------------*/ /* Large Screens */ @media screen and (min-width: 881px) { .archive .page-header, .search .page-header { text-align: right; } } /*--------------------------------------------------------------*/ /* !## Masonry */ /*--------------------------------------------------------------*/ .js .infinite-scroll .card, .card { float: right; } /*--------------------------------------------------------------*/ /* !## Infinite Scroll */ /*--------------------------------------------------------------*/ #infinite-handle span:before { display: none; } /*--------------------------------------------------------------*/ /* !## 404 Error */ /*--------------------------------------------------------------*/ /*--------------------------------------------------------------*/ /* !## Asides */ /*--------------------------------------------------------------*/ /*--------------------------------------------------------------*/ /* !# Media */ /*--------------------------------------------------------------*/ /*--------------------------------------------------------------*/ /* !## Captions */ /*--------------------------------------------------------------*/ .wp-caption.alignleft { margin-left: 1.5em; margin-right: 0; } .wp-caption.alignright { margin-left: 0; margin-right: 1.5em; } /* Large Screen Styles */ @media screen and (min-width: 881px) { /* Only posts with non-floating/fullwidth images can have hanging captions */ .post .wp-caption.aligncenter .wp-caption-text, .post .wp-caption.alignnone .wp-caption-text { text-align: left; } } /*--------------------------------------------------------------*/ /* !## Galleries */ /*--------------------------------------------------------------*/ /*--------------------------------------------------------------*/ /* !# Pagination */ /*--------------------------------------------------------------*/ .posts-navigation .nav-previous { float: right; } .posts-navigation .nav-next { float: left; } /* Responsive Navigation */ @media screen and (min-width: 881px) { .site-main .post-navigation { text-align: left; } .site-main > .post-navigation .nav-next { float: left; padding-left: inherit; padding-right: 20px; text-align: right; } .site-main > .post-navigation .nav-previous { float: right; padding-left: 20px; padding-right: inherit; text-align: left; } .site-main .comment-navigation { float: left; } } /*--------------------------------------------------------------*/ /* !# Comments */ /*--------------------------------------------------------------*/ .comment-list { float: left; margin-left: 0; padding-left: 0; margin-right: 0; padding-right: 0; width: 100%; } .comment .avatar { left: inherit; right: 0; } .comment .comment-author .fn { margin-left: inherit; margin-right: 70px; } .bypostauthor .fn:before { margin-left: 10px; margin-right: 0; } .comment .comment-metadata { float: right; margin-left: inherit; margin-right: 70px; text-align: right; } .comment .reply { text-align: left; } .comment .comment-reply-link:before { margin: 0 0 0 5px; } .comment .children { margin-left: 0; margin-right: 1.5em; } /* Responsive Comments */ @media screen and (min-width: 881px) { .comments-area { padding: 50px 33.333% 50px 11.111%; } .comment .comment-author { float: right; margin-right: inherit; } .comment .comment-author .fn { margin-left: inherit; margin-right: 0; } .comment .comment-metadata { float: left; margin-left: inherit; margin-right: 0; text-align: left; } .comment .avatar { margin-left: 0; margin-right: inherit; left: calc(100% + 40px); right: inherit; } .comment .comment-content { margin-left: inherit; margin-right: 0; } } /*--------------------------------------------------------------*/ /* !## Comment Respond */ /*--------------------------------------------------------------*/ .comment-respond p label { text-align: right; } .comment-respond p.form-submit { text-align: left; } .comment .comment-reply-title small { left: 0; right: inherit; } .comment .comment-reply-title a:before { margin: 0 0 0 5px; } /* Responsive Comments */ @media screen and (min-width: 881px) { .comment-respond p label { left: calc(100% + 40px); right: inherit; text-align: left; } .comment .comment-respond p.form-submit { padding-left: inherit; padding-right: 50%; } } /*--------------------------------------------------------------*/ /* !# Widgets */ /*--------------------------------------------------------------*/ .widget_calendar { text-align: right; } .widget_calendar caption { text-align: right; } .widget_calendar table th, .widget_calendar table tr, .widget_calendar table td { text-align: right; } .widget_calendar #next { text-align: left; } /* Large Screen Styles */ @media screen and (min-width: 881px) { .widget, .widget:nth-child(2n) { margin: 0 30px 60px 0; } } /*--------------------------------------------------------------*/ /* !## Secondary */ /*--------------------------------------------------------------*/ /* Large Screen Styles */ @media screen and (min-width: 881px) { #secondary { float: left; } } /*--------------------------------------------------------------*/ /* !# Footer */ /*--------------------------------------------------------------*/ .site-footer { clear: right; } /*--------------------------------------------------------------*/ /* !# Extras */ /*--------------------------------------------------------------*/ .sd-social-official .sd-content ul>li { float: right !important; }