/* Theme Name: Publication 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 # Forms # Navigation ## Primary Menu ## Social Menu # Accessibility # Widgets # Content ## Header ## Posts & Pages ## Comments # Jetpack ## Contact Form ## Infinite Scroll ## Sharedaddy ## Widgets # Eventbrite # Responsive ## x >= 540px ## x >= 768px ## x >= 1056px ## x >= 1272px ## x >= 1416px --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ body { direction: rtl; unicode-bidi: embed; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ blockquote blockquote { margin-left: 0; margin-right: 24px; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ li > ul, li > ol { margin-left: 0; margin-right: 24px; } table { text-align: right; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ /* Search */ .search-form:before, .search-form .search-submit { left: 0; right: auto; } .search-form .search-field { padding-left: 42px; padding-right: 5px; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Primary Menu --------------------------------------------------------------*/ /* Slide Menu */ .slide-menu { left: -100%; right: auto; } .site { left: auto; right: 0; } .menu-open .site { left: auto; right: -100%; } /* Menu Toggle */ .menu-toggle { left: 0; right: auto; } .menu-toggle.toggled { left: -100%; right: auto; } /* Dropdown Toggle */ .dropdown-toggle { left: 0; right: auto; } /* Main Navigation */ .main-navigation ul ul.toggled { border-left: 0; border-right: 1px solid #333; margin-left: 0; margin-right: 24px; } .main-navigation ul ul.toggled:before { left: auto; right: -25px; } .main-navigation .page_item_has_children > a, .main-navigation .menu-item-has-children > a { padding-left: 78px; padding-right: 24px; } /*-------------------------------------------------------------- ## Social Menu --------------------------------------------------------------*/ .social-navigation li { float: right; margin: 0 0 1px 1px; } .social-navigation li:last-child { margin-left: 1px; margin-right: -1px; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ .screen-reader-text:focus { left: auto; right: 5px; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ /* Custom Menu */ .widget_nav_menu .page_item_has_children > a, .widget_nav_menu .menu-item-has-children > a { padding-left: 45px; padding-right: 0; } /* Lists */ .widget_categories .children:before, .widget_nav_menu .sub-menu:before, .widget_pages .children:before { left: auto; right: -24px; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ .site-branding { margin-left: 54px; margin-right: 0; } /*-------------------------------------------------------------- ## Posts & Pages --------------------------------------------------------------*/ /* Post Thumbnail */ .post-thumbnail { float: left; margin: 0 12px 12px 0; } /* Page Links */ .page-links > .page-links-title { padding-left: 5px; padding-right: 0; text-align: right; } /* Entry Footer */ .entry-footer .tags-links { padding-left: 0; padding-right: 24px; } .comments-link:before, .edit-link:before, .posted-on:before, .tags-links:before { margin-left: 6px; margin-right: 0; } .tags-links:before { margin-right: -24px; } /* Entry Author */ .author-avatar { float: left; } .author-heading { float: right; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-list .children:before { left: auto; right: -24px; } .comment-metadata .edit-link { border-left: 0; border-right: 1px solid #eee; margin-left: 0; margin-right: 6px; padding-left: 0; padding-right: 6px; } .comment-author .avatar { float: right; margin-left: 12px; margin-right: 0; } .comment-reply-title small { float: left; } /*-------------------------------------------------------------- # Jetpack --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Contact Form --------------------------------------------------------------*/ .site-content .contact-form input[type="checkbox"], .site-content .contact-form input[type="radio"] { margin-left: 6px; margin-right: 0; } /*-------------------------------------------------------------- ## Infinite Scroll --------------------------------------------------------------*/ /* Infinite Loader */ .infinite-loader .spinner { top: -37px !important; left: 12px !important; } /*-------------------------------------------------------------- ## Sharedaddy --------------------------------------------------------------*/ .hentry div.sd-rating h3.sd-title:before, .hentry div.sharedaddy h3.sd-title:before { margin-left: 6px; margin-right: 0; } .hentry div.sd-rating .pd-rating, .hentry div.sharedaddy .jetpack-likes-widget, .hentry div.sharedaddy .sd-content { padding-left: 0; padding-right: 24px; } /*-------------------------------------------------------------- ## Widgets --------------------------------------------------------------*/ /* Gravatar Profile */ .widget-grofile .grofile-thumbnail { float: left; } /* RSS Links */ .widget_rss_links p a + a { margin-left: 0; margin-right: 8px; } /*-------------------------------------------------------------- # Eventbrite --------------------------------------------------------------*/ .eventbrite-event .entry-header span { padding-left: 12px; padding-right: 0; } .eventbrite-event .entry-header span:last-of-type { padding-left: 0; } /*-------------------------------------------------------------- # Responsive --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## x >= 540px --------------------------------------------------------------*/ @media screen and (min-width: 540px) { /* Hero */ .hentry-inner { left: auto; right: 0; } } /*-------------------------------------------------------------- ## x >= 768px --------------------------------------------------------------*/ @media screen and (min-width: 768px) { /* Primary Menu */ .menu-toggle { left: 50%; margin-left: -336px; margin-right: 0; right: auto; } .menu-toggle.toggled { left: -50%; right: auto; } /* Header */ .site-branding { margin-left: 78px; margin-right: 0; } /* Posts & Pages */ .entry-content, .page-content { padding-left: 48px; padding-right: 48px; } .post-thumbnail { margin-left: 0; margin-right: 24px; } /* Hero */ .hero { margin-left: 0; margin-right: -144px; } } /*-------------------------------------------------------------- ## x >= 1056px --------------------------------------------------------------*/ @media screen and (min-width: 1056px) { /* Widgets */ .widget-column { float: right; } .widget { padding-left: 0; padding-right: 48px; } /* Primary Menu */ .slide-menu { left: -329px; right: auto; } .menu-open .site { left: auto; right: -329px; } .menu-toggle { left: 50%; margin-left: -480px; margin-right: 0; right: auto; } .menu-toggle.toggled { left: 50%; right: auto; } /* Pagination */ body:not(.no-sidebar) .comment-navigation a, body:not(.no-sidebar) .post-navigation a, body:not(.no-sidebar) .posts-navigation a { border-left: 0; border-right: 1px solid #eee; } /* Content */ .site:before { left: 0; margin-left: -150px; margin-right: 0; right: auto; } .content-area { float: right; } .widget-area { float: left; } .no-sidebar .content-area { float: none; margin-left: auto; margin-right: auto; } /* Posts & Pages */ body:not(.no-sidebar) .entry-author, body:not(.no-sidebar) .entry-content, body:not(.no-sidebar) .entry-footer, body:not(.no-sidebar) .hentry, body:not(.no-sidebar).page .hentry:not(.has-post-thumbnail) .entry-header, body:not(.no-sidebar) .page-content, body:not(.no-sidebar).single .hentry:not(.has-post-thumbnail) .entry-header { padding-right: 0; } body:not(.no-sidebar) .entry-author, body:not(.no-sidebar) .entry-content, body:not(.no-sidebar) .entry-footer, body:not(.no-sidebar).page .hentry:not(.has-post-thumbnail) .entry-header, body:not(.no-sidebar) .page-content, body:not(.no-sidebar).single .hentry:not(.has-post-thumbnail) .entry-header { padding-left: 48px; } /* Hero */ .hero { margin-left: 0; margin-right: -156px; } .no-sidebar .hero { margin-left: 0; margin-right: -306px; } /* Comments */ body:not(.no-sidebar) .comment-list, body:not(.no-sidebar) .comment-respond, body:not(.no-sidebar) .comments-title, body:not(.no-sidebar) .no-comments { padding-left: 48px; padding-right: 0; } /* Sharedaddy */ div#jp-relatedposts { padding-left: 48px; padding-right: 0; } .no-sidebar div#jp-relatedposts { padding-right: 48px; } } /*-------------------------------------------------------------- ## x >= 1272px --------------------------------------------------------------*/ @media screen and (min-width: 1272px) { /* Primary Menu */ .menu-toggle { margin-left: -588px; margin-right: 0; } /* Content */ .site:before { margin-left: 0; } .widget { padding-left: 48px; } .widget-column:after, .widget-column + .widget-column:before { left: 0; right: auto; } .widget-column + .widget-column:before { left: auto; right: -1px; } /* Hero */ .hero { margin-left: 0; margin-right: -120px; } .no-sidebar .hero { margin-left: 0; margin-right: -378px; } } /*-------------------------------------------------------------- ## x >= 1416px --------------------------------------------------------------*/ @media screen and (min-width: 1416px) { /* Primary Menu */ .menu-toggle { margin-left: -660px; margin-right: 0; } /* Hero */ .hero { margin-left: 0; margin-right: -340px; } .no-sidebar .hero { margin-left: 0; margin-right: -670px; } }