/* Theme Name: Independent Publisher 2 */ body { direction: rtl; unicode-bidi: embed; } ul, ol { margin: 0 2em 1.75em 0; } ul ul, ol ul, ul ol, ol ol { margin-right: 2em; margin-left: auto; } blockquote { border-width: 0 3px 0 0; margin: 1.75em -1.9em 1.75em .875em; padding: 0 1.75em 0 0; } blockquote blockquote { margin-right: 1.75em; margin-left: auto; } blockquote.alignleft, blockquote.alignright { margin-right: auto; margin-left: auto; text-align: right; } blockquote cite:before { margin-left: .21875em; margin-right: 0; } textarea { padding-right: 3px; padding-left: 0; } caption, th, td { text-align: right; } /*-------------------------------------------------------------- 3.0 - Forms --------------------------------------------------------------*/ input + button:not(.menu-toggle), input + input[type="button"], input + input[type="reset"], input + input[type="submit"], input + .posts-navigation .nav-links a, input + #content #infinite-handle span button, label + button:not(.menu-toggle), label + input[type="button"], label + input[type="reset"], label + input[type="submit"], label + .posts-navigation .nav-links a, label + #content #infinite-handle span button { margin-right: .21875em; margin-left: auto; } input[type="checkbox"], input[type="radio"] { margin-left: .1em; margin-right: auto; } /*-------------------------------------------------------------- 4.0 - Navigation --------------------------------------------------------------*/ .site-content .nav-previous { float: right; } .site-content .nav-next { float: left; text-align: left; } /*-------------------------------------------------------------- 4.1 - Mobile Menu Button --------------------------------------------------------------*/ .toggled .menu-toggle:before { margin-left: 3px; margin-right: auto; } /*-------------------------------------------------------------- 4.3 - Posts Navigation --------------------------------------------------------------*/ .posts-navigation .nav-links .nav-previous a:before { margin-left: .4375em; margin-right: auto; } .posts-navigation .nav-links .nav-next a:after { margin-right: .4375em; margin-left: auto; } /*-------------------------------------------------------------- 4.4 - Post Navigation --------------------------------------------------------------*/ .post-navigation .nav-links .nav-previous { margin: 0 -.21875em 0 0; } .post-navigation .nav-links .nav-previous a:before { margin-left: .21875em; margin-right: auto; content: "\f432"; } .post-navigation .nav-links .nav-next a:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .post-navigation .nav-links .nav-next { margin: 0 0 0 -.21875em; } .post-navigation .nav-links .nav-next a:after { margin-right: .21875em; margin-left: auto; } /*-------------------------------------------------------------- 4.5 - Comment Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- 4.6 - Menu --------------------------------------------------------------*/ .main-navigation { text-align: right; } .main-navigation ul { padding-right: 0; padding-left: 0; } /* Small menu. */ .menu-toggle:before { margin-left: 5px; margin-right: auto; } .main-navigation ul a { padding-right: 1.75em; padding-left: 1.75em; } .main-navigation ul ul a { padding-right: 3.5em; padding-left: 0; } .main-navigation ul ul ul a { padding-right: 5.25em; padding-left: 0; } .main-navigation ul ul ul ul a { padding-right: 7em; padding-left: 0; } .main-navigation ul ul ul ul ul a { padding-right: 8.75em; padding-left: 0; } .main-navigation ul ul ul ul ul ul a { padding-right: 10.5em; padding-left: 0; } /*-------------------------------------------------------------- 5.0 - Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers */ .screen-reader-text:focus { left: auto; right: 5px; } /*-------------------------------------------------------------- 6.0 - Clearings --------------------------------------------------------------*/ /*-------------------------------------------------------------- 7.0 - Content --------------------------------------------------------------*/ .alignright { float: right; margin-left: 1.75em; margin-right: auto; } .alignleft { float: left; margin-right: 1.75em; margin-left: auto; } img.alignright { margin: 5px 0 10px 20px; } img.alignleft { margin: 5px 20px 10px 0; } /*-------------------------------------------------------------- 9.0 - Media --------------------------------------------------------------*/ /* Make sure embeds and iframes fit their containers */ /*-------------------------------------------------------------- 10.0 - Galleries --------------------------------------------------------------*/ .gallery-item { float: right; margin: 1.75em 4px 0 0; } .gallery-columns-1 .gallery-item:nth-of-type(1n+1), .gallery-columns-2 .gallery-item:nth-of-type(2n+1), .gallery-columns-3 .gallery-item:nth-of-type(3n+1), .gallery-columns-4 .gallery-item:nth-of-type(4n+1), .gallery-columns-5 .gallery-item:nth-of-type(5n+1), .gallery-columns-6 .gallery-item:nth-of-type(6n+1), .gallery-columns-7 .gallery-item:nth-of-type(7n+1), .gallery-columns-8 .gallery-item:nth-of-type(8n+1), .gallery-columns-9 .gallery-item:nth-of-type(9n+1) { clear: right; margin-right: 0; margin-left: auto; } /*-------------------------------------------------------------- 11.0 - Comments --------------------------------------------------------------*/ ol.comment-list li.comment, ol.comment-list ol.children li.comment { margin-right: -1px; margin-left: auto; } .pingback, .trackback { border-right: solid 1px #e8e8e8; border-left: none; } ol.comment-list .pingback, ol.comment-list .trackback { padding-right: .875em; padding-left: 0; } .pingback:before, .trackback:before { float: right; } .pingback a:first-child, .trackback a:first-child { margin: 0 .21875em 0 0; } .pingback span.edit-link, .trackback span.edit-link { margin-right: .21875em; margin-left: auto; } .pingback span.edit-link:before, .trackback span.edit-link:before { margin: 0 0 0 .109375em; } .comment .comment-body { padding: 1.75em 1.75em 0 0; } .comment .comment-reply-link:before { margin-left: .25em; margin-right: auto; } .comment .comment-meta { padding-right: 63px; padding-left: 0; } .comment .comment-meta .comment-author .avatar { right: 0; left: auto; } .comment-awaiting-moderation { margin: 1.2em -63px -5px 0; } .comment-awaiting-moderation:before { margin-left: .4375em; margin-right: auto; } .comment-awaiting-moderation:after { margin-right: .4375em; margin-left: auto; } .comment > .comment-respond { margin-right: 1.75em; margin-left: auto; } /*-------------------------------------------------------------- 12.0 - Widgets --------------------------------------------------------------*/ /* =Footer Widgets */ .widget ul, .widget ol { margin-left: auto; } .widget ul ul, .widget ol ul, .widget ul ol, .widget ol ol { margin-right: .875em; margin-left: auto; } .widget ul ul, .widget ol ul, .widget ul ol, .widget ol ol { margin-right: 1.75em; margin-left: auto; } .widget_calendar #next { text-align: left; } /* Using root level selector to increase specificity */ .widget_authors img { margin-left: .4375em; margin-right: auto; } /*-------------------------------------------------------------- 13.0 - Layout --------------------------------------------------------------*/ .light-text > span, .light-text > a { margin-left: .875em; margin-right: auto; } .light-text > span:last-child, .light-text > a:last-child { margin-left: 0; margin-right: auto; } .light-text > span:before, .light-text > a:before { margin-left: .21875em; margin-right: auto; } .light-text span.author.vcard + a[rel="author"] { margin-right: .4375em; margin-left: auto; } .light-text span.cat-links { margin-right: 0; margin-left: auto; } .light-text a[rel="author"]:first-child { margin-left: 0; margin-right: auto; } .sticky-label { left: auto; right: 0; } .hentry > .sticky-label { float: right; } .hentry > .sticky-label + .entry-content { clear: right; } .entry-meta > span { margin-left: 1.3125em; margin-right: 0; } .entry-meta > span:last-child { margin-left: 0; } .post-details span.author.vcard + span.cat-links { margin-right: .4375em; margin-left: auto; } .post-tags li { float: right; } .post-tags li:first-child:after { margin-left: .875em; margin-right: 0; } .post-tags li:nth-child(n+2):not(:last-child):after { margin-left: .4375em; margin-right: 0; } .page-links { text-align: right; } .page-links > span:first-child, .page-links > a:first-child { margin-left: 0; margin-right: .4375em; } .post-edit-link a:before { margin: -.109375em -.21875em 0 .21875em; } /*-------------------------------------------------------------- 13.2 - Hero Header --------------------------------------------------------------*/ .has-header-image #hero-header:before { right: 0; left: auto; } /*-------------------------------------------------------------- 13.3 - Post Author Card --------------------------------------------------------------*/ .entry-author .author-avatar { float: left; margin-right: .875em; margin-left: auto; } .entry-author .author-avatar img { float: left; } .site-posted-on { margin-right: 100px; margin-left: auto; } .site-posted-on strong { clear: left; } @media screen and (min-width: 32.375em) { .main-navigation { text-align: center; } .main-navigation ul a, .main-navigation ul ul a, .main-navigation ul ul ul a, .main-navigation ul ul ul ul a, .main-navigation ul ul ul ul ul a, .main-navigation ul ul ul ul ul ul a { padding: .4835em .209375em; } .main-navigation ul ul { right: -999em; margin-right: -.4em; float: right; text-align: right; left: auto; margin-left: auto; } .main-navigation ul ul ul { right: -999em; left: auto; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { right: 100%; left: auto; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { right: auto; left: auto; } .main-navigation li.menu-item-has-children > a:after, .main-navigation li.page_item_has_children > a:after { margin-right: 6px; margin-left: auto; } .main-navigation li.menu-item-has-children > a:after, .main-navigation li.page_item_has_children > a:after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .post-navigation .nav-links .nav-previous { margin: 0 -.21875em 0 0; } blockquote.alignright { margin-left: 1.75em; margin-right: auto; } blockquote.alignleft { margin-right: 1.75em; margin-left: auto; } } @media screen and (min-width: 48.9375em) { .comments-area li.comment { padding: 1.75em 1.75em 0 0; } .comments-area li.comment .comment-respond { margin-right: 0; margin-left: auto; } .comments-area li.comment .comment { margin-right: 0; margin-left: auto; } .entry-author .author-avatar { margin-right: 0; } .entry-author .author-avatar, .entry-author .author-avatar img { float: right; } .entry-author .author-bio, .entry-author .author-heading { margin-right: 100px; margin-left: auto; } .site-posted-on { left: 0; right: auto; margin-right: 0; text-align: left; margin-left: auto; } } @media screen and (min-width: 62em) { .has-sidebar .content-area { float: right; margin: 0 0 0 -26%; } .has-sidebar .site-main { margin: 0 0 0 26%; } .has-sidebar .site-content .widget-area { float: left; } .footer-widgets .widget-area { float: right; } .footer-widgets .widget-area:nth-child(1):nth-last-child(2), .footer-widgets .widget-area:nth-child(2):nth-last-child(1) { margin-left: 4%; margin-right: auto; } .footer-widgets .widget-area:nth-child(1):nth-last-child(2):last-of-type, .footer-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type { margin-left: 0; margin-right: auto; } .footer-widgets .widget-area:nth-child(1):nth-last-child(3), .footer-widgets .widget-area:nth-child(2):nth-last-child(2), .footer-widgets .widget-area:nth-child(3):nth-last-child(1) { margin-left: 5%; margin-right: auto; } .footer-widgets .widget-area:nth-child(1):nth-last-child(3):last-of-type, .footer-widgets .widget-area:nth-child(2):nth-last-child(2):last-of-type, .footer-widgets .widget-area:nth-child(3):nth-last-child(1):last-of-type { margin-left: 0; margin-right: auto; } } @media screen and (min-width: 68.75em) { /* Large tiled galleries */ body:not(.has-sidebar) .tiled-gallery-wrapper, body:not(.has-sidebar) .jetpack-video-wrapper, body:not(.has-sidebar) img.size-big, body:not(.has-sidebar) .wp-caption.size-big img { margin-left: auto; margin-right: -180px; } body:not(.has-sidebar) .jetpack-slideshow img.size-big { margin-right: auto; } }