/* Theme Name: Twenty Fourteen */ body { direction: rtl; unicode-bidi: embed; } /* =Reset ----------------------------------------------- */ caption, th, td { text-align: right; } /* =Global ----------------------------------------------- */ /* Text elements */ ul, ol { margin: 0 22px 24px 0; } li > ul, li > ol { margin-right: 20px; margin-left: auto; } .site-content blockquote.alignright { margin: 7px 0 7px 24px; } .site-content blockquote.alignleft { margin: 7px 24px 7px 0; } /* Alignment */ .alignright { float: right; margin-left: 24px; margin-right: auto; } .alignleft { float: left; margin-right: 24px; margin-left: auto; } /* =Header ----------------------------------------------- */ .header-main { margin-left: 48px; padding-right: 10px; padding-left: 0; margin-right: auto; } .header-extra { float: left; } .site-title { float: right; } #nav-toggle { left: 0; right: auto; } .search-toggle { float: right; padding: 25px 0 0 10px; } .search-box .search-field { float: left; } /* =Menu ----------------------------------------------- */ /* Primary Navigation */ .primary-navigation { float: left; margin: 0 -10px 0 10px; } .primary-navigation ul { padding-right: 0; padding-left: 0; } .primary-navigation ul ul { float: right; right: 0; left: auto; } .primary-navigation ul ul ul { right: 100%; left: auto; } /* Secondary Navigation */ .secondary-navigation ul ul { margin: 0 20px 0 0; } /* Mobile Navigations */ .mobile-navigation ul ul li { margin-right: 15px; margin-left: auto; } /* =Content ----------------------------------------------- */ .entry-content th, .comment-content th { border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: none; } .entry-content td, .comment-content td { border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: none; } .more-link .meta-nav, ..post-format-archive-link .meta-nav { right: 0; left: auto; } .more-link:hover .meta-nav, ..post-format-archive-link:hover .meta-nav { right: 5px; left: auto; } .page-links a, .page-links > span { margin-left: 1px; margin-right: auto; } .page-links > span.page-links-title { padding-right: 0; padding-left: 0; } .tag-links a { margin: 0 10px 4px 4px; } .tag-links a:before { border-left: 10px solid #8c8c8c; right: -10px; left: auto; border-right: none; } .tag-links a:hover:before, .tag-links a:focus:before { border-left-color: #2b2b2b; } .tag-links a:after { right: -2px; left: auto; } /* =Post Formatted posts column ----------------------------------------------- */ .widget_twentyfourteen_ephemera .widget-title:before { margin-left: 10px; margin-right: auto; } /* =Media ----------------------------------------------- */ img.alignright, .wp-caption.alignright, blockquote.alignright { margin: 7px 0 7px 24px; } img.alignleft, .wp-caption.alignleft, blockquote.alignleft { margin: 7px 24px 7px 0; } .wp-caption-text { padding: 0 0 0 10px; text-align: right; } /* =Navigation ----------------------------------------------- */ .paging-navigation .page-numbers { margin-left: 5px; margin-right: auto; } .post-navigation [rel="prev"], .post-navigation [rel="next"], .image-navigation .previous-image, .image-navigation .next-image { text-align: right; } .comment-navigation { padding-right: 10px; padding-left: 0; } .comment-navigation .nav-previous a { margin-left: 10px; margin-right: auto; } /* =Comments ----------------------------------------------- */ .comment-author { padding-right: 36px; padding-left: 0; } .comment-author .avatar { right: 0; left: auto; } .comment-metadata, .comment-content { padding-right: 36px; padding-left: 0; } .comment-content ul, .comment-content ol { margin: 0 22px 24px 0; } .comment-list .children { margin-right: 18px; margin-left: auto; } .comment .comment-respond { margin-right: 36px; margin-left: auto; } .comment-edit-link { margin-left: 0; margin-right: 10px; } .comment-edit-link:before { margin: 3px 0 0 2px; } .comment-reply-link:before, .comment-reply-login:before { margin: 3px 0 0 3px; } /* =Widgets ----------------------------------------------- */ .widget li > ul, .widget li > ol { margin: 0 10px 0 0; } .widget select, .widget iframe { margin-right: 1px; margin-left: auto; } /* Caledar widget*/ .widget_calendar caption { text-align: right; } .widget_calendar#prev { padding-right: 5px; padding-left: 0; } .widget_calendar #next { border-left: 1px solid rgba(255, 255, 255, 0.2); padding-left: 5px; text-align: left; padding-right: 0; border-right: none; } /* =Content Sidebar ----------------------------------------------- */ .content-sidebar .widget .children, .content-sidebar .widget .sub-menu { margin: 0 20px 0 0; } .content-sidebar .widget .widgets-multi-column-grid li { padding: 0 0 6px 8px; } /* =Contributor Page ----------------------------------------------- */ .contributor-avatar { float: right; margin: 0 0 20px 30px; } .contributor-posts-link:before { margin: -3px -3px -2px 5px; } /* =Media Queries ----------------------------------------------- */ /* Mobile list style */ @media screen and (max-width: 400px) { .list-view .attachment-featured-thumbnail img { float: right; margin: 0 0 3px 10px; } } @media screen and (min-width: 400px) { .content-area .featured-post:before, .content-area .post-format a:before, .content-area .entry-date a:before, .content-area .entry-date a:before, .content-area .byline a:before, .content-area .comments-link a:before, .entry-comment .edit-link a:before, .content-area .full-size-link a:before, .content-area .parent-post-link a:before { margin: 0 0 0 2px; } .content-area .entry-meta > span { margin-left: 10px; margin-right: auto; } .content-area .format-video .post-format a:before { margin: -1px 0 0 2px; } .content-area .format-image .post-format a:before { margin: -1px 0 0 2px; } .content-area .format-gallery .post-format a:before { margin: -1px 0 0 4px; } .content-area .featured-post:before { margin: -1px 0 0 3px; } .content-area .entry-date a:before, .attachment span.entry-date:before { margin: 0 0 0 1px; } .content-area .comments-link a:before { margin: -1px 0 0 2px; } .entry-comment .edit-link a:before { margin: -1px 0 0 2px; } .page .entry-comment .edit-link a:before { margin: 5px 0 0 2px; } } @media screen and (min-width: 672px) { .content-area { float: right; } .site-content { margin: 0 0 0 33.33333333%; } .content-sidebar { float: left; margin: 0 -30.35714285% 0 0; padding: 36px 0 24px 10px; } .ephemera { float: left; margin: 0 -30.35714285% 0 0; padding: 36px 0 0 10px; } #featured-content .hentry { float: right; } } @media screen and (min-width: 740px) { .comment-author { padding-right: 60px; padding-left: 0; } .comment-metadata, .comment-content { padding-right: 60px; padding-left: 0; } .comments-title, .no-comments, .comment-respond, .comments-area article, .comment-list .trackback, .comment-list .pingback, .post-navigation [rel="prev"], .post-navigation [rel="next"] { padding-left: 9.12778904%; padding-right: 9.12778904%; } .comment-navigation { padding-right: 9.12778904%; padding-left: 0; } .image-navigation .previous-image, .image-navigation .next-image, .full-width .comment-navigation, .full-width .comments-title, .full-width .comment-respond, .full-width .comments-area article, .full-width .comment-list .trackback, .full-width .comment-list .pingback { padding-left: 6.04307432%; padding-right: 6.04307432%; } } @media screen and (min-width: 770px) { .header-main { margin-left: 0; margin-right: auto; } } @media screen and (min-width: 870px) { .content-area .entry-header { margin-left: 8.03571428%; margin-right: 12.5%; } .content-area .entry-content, .content-area .entry-summary { margin-left: 8.03571428%; margin-right: 12.5%; } .content-area footer.entry-meta { margin: 12px 12.5% 24px 8.03571428%; } .page .content-area .entry-header, .error404 .content-area .entry-header { margin: 0 12.5% 0 8.03571428%; } .archive-header, .page-header { margin: 0 12.5% 24px 8.03571428%; } .comments-title, .no-comments, .comment-respond, .comments-area article, .comment-list .trackback, .comment-list .pingback, .post-navigation [rel="prev"], .post-navigation [rel="next"] { padding-left: 12.39493534%; padding-right: 17.06896551%; } .comment-respond { padding-left: 13.8900862%; } .comment-list, .full-width .comment-list { margin-right: -70px; margin-left: auto; } .comment-navigation { padding-right: 17.06896551%; padding-left: 0; } .content-sidebar { padding-top: 72px; } .image-navigation .previous-image, .image-navigation .next-image, .full-width .comment-navigation, .full-width .comments-title, .full-width .comment-respond, .full-width .comments-area article, .full-width .comment-list .trackback, .full-width .comment-list .pingback { padding-left: 11.30926724%; padding-right: 11.30926724%; } .site-content blockquote.alignright { margin-right: -20%; margin-left: auto; } .site-content blockquote.alignleft { margin-left: -20%; margin-right: auto; } .content-area .no-results .entry-header { margin-right: 12.5%; margin-left: 8.03571428%; } .content-area .no-results .entry-content { margin-right: 12.5%; margin-left: 8.03571428%; } } @media screen and (min-width: 1008px) { .site:before { right: 0; left: auto; } .header-main { padding-right: 27px; padding-left: 0; } .search-box-wrapper { padding-right: 222px; padding-left: 0; } .site-content { margin: 0 222px 0 27.31707317%; } #secondary { float: right; margin: 0 -100% 0 0; } .front-page-content-wrapper { float: right; } .site-content { margin: 0 222px 0 27.31707317%; } .content-sidebar, .ephemera { margin: 0 -27.31707317% 0 0; } #featured-content { padding-right: 222px; padding-left: 0; } .site-footer { padding-right: 27px; padding-left: 0; } .secondary-navigation ul ul { right: 168px; left: auto; } .full-width.site-content { margin-right: 222px; margin-left: auto; } .comments-title, .no-comments, .comment-respond, .comments-area article, .comment-list .trackback, .comment-list .pingback, .post-navigation [rel="prev"], .post-navigation [rel="next"] { padding-left: 9.87001616%; padding-right: 9.19765166%; } .comment-list, .full-width .comment-list { margin-right: 0; margin-left: auto; } .comment-navigation { padding-right: 9.19765166%; padding-left: 0; } .image-navigation .previous-image, .image-navigation .next-image, .full-width .comment-navigation, .full-width .comments-title, .full-width .comment-respond, .full-width .comments-area article, .full-width .comment-list .trackback, .full-width .comment-list .pingback { padding-left: 5.882236%; padding-right: 5.882236%; } .site-content blockquote.alignright { margin-right: 0; margin-left: auto; } .site-content blockquote.alignleft { margin-left: 0; margin-right: auto; } .site-footer { padding-left: 0; padding-right: 0; } .site-footer .widget-area { float: right; } } @media screen and (min-width: 1150px) { .content-area .entry-header { margin: -48px 12.5% 0 8.03571428%; } .content-area .entry-content, .content-area .entry-summary { margin: 0 12.5% 0 8.03571428%; } .content-area footer.entry-meta { margin: 12px 12.5% 24px 8.03571428%; } .comments-title, .no-comments, .comment-respond, .comments-area article, .comment-list .trackback, .comment-list .pingback, .post-navigation [rel="prev"], .post-navigation [rel="next"] { padding-left: 12.44146986%; padding-right: 16.77524429%; } .comment-respond { padding-left: 13.73697916%; } .comment-list, .full-width .comment-list { margin-right: -70px; margin-left: auto; } .comment-navigation { padding-right: 16.77524429%; padding-left: 0; } .archive-header, .page-header { margin: 0 12.5% 24px 8.03571428%; } .page .content-area .entry-header, .error404 .content-area .entry-header { margin: 0 12.5% 0 8.03571428%; } .image-navigation .previous-image, .image-navigation .next-image, .full-width .comment-navigation, .full-width .comments-title, .full-width .comment-respond, .full-width .comments-area article, .full-width .comment-list .trackback, .full-width .comment-list .pingback { padding-left: 11.21868265%; padding-right: 11.21868265%; } .content-area .entry-content .wp-caption.alignright .wp-caption-text { padding-right: 10px; padding-left: 0; } .site-content blockquote.alignright { margin-right: -20%; margin-left: auto; } .site-content blockquote.alignleft { margin-left: -20%; margin-right: auto; } } @media screen and (min-width: 1230px) { .content-sidebar, .ephemera { padding-left: 0; } .content-area .full-width .entry-header, .content-area .full-width .entry-content, .content-area .full-width footer.entry-meta { margin: 0 11.21868265% 0 0; } .image-navigation .previous-image, .image-navigation .next-image, .full-width .comment-navigation, .full-width .comments-title, .full-width .comment-respond, .full-width .comments-area article, .full-width .comment-list .trackback, .full-width .comment-list .pingback { padding-left: 0; } }