/* Theme Name: Blog Nano Child theme of web-log Adding support for languages 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. https://codex.wordpress.org/Right-to-Left_Language_Support */ /* Reset */ body { direction: rtl; unicode-bidi: embed; } th { text-align: right; } /* Accessibility */ .screen-reader-text:focus { left: auto; right: 5px; } /* Typography */ textarea { padding-right: 3px; } li > ul, li > ol { margin-left: 0; margin-right: 1.5em; } th:first-child, td:first-child { padding-left: 0.4em; padding-right: 0; } th:last-child, td:last-child { padding-left: 0; padding-right: 0.4em; } /* Forms */ input[type="radio"], input[type="checkbox"] { margin-left: 0.5em; margin-right: 0; } /* Media */ .mejs-offscreen { right: -10000px; } /* Site Branding */ .custom-logo-link { padding-left: 1em; padding-right: 0; } /* Main Navigation */ .main-navigation ul { text-align: right; } .main-navigation ul ul { padding-left: 0; padding-right: 1.5em; } .menu-toggle .icon { margin-left: 0.5em; margin-right: 0; } .dropdown-toggle { left: -0.5em; right: auto; } /* Front Page */ .wp-custom-header-video-button { left: 30px; right: auto; } .web-log-panel .recent-posts .entry-header .edit-link { margin-left: 0; margin-right: 1em; } /* Blog, Archive, Search */ .blog .entry-meta a.post-edit-link, .archive .entry-meta a.post-edit-link, .search .entry-meta a.post-edit-link { margin-left: 0; margin-right: 1em; } .search .page .entry-meta a.post-edit-link { margin-right: 0; } .sticky .icon-thumb-tack { left: auto; right: -1.5em; } .prev.page-numbers .icon, .next.page-numbers .icon { display: inline-block; -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); } .prev.page-numbers { float: right; } .next.page-numbers { float: left; } .nav-links .nav-previous .nav-title .nav-title-icon-wrapper { margin-left: 0.5em; margin-right: 0; } .nav-links .nav-next .nav-title .nav-title-icon-wrapper { margin-left: 0; margin-right: 0.5em; } /* Blog Entries */ .entry-footer .cat-links, .entry-footer .tags-links { padding-left: 0; padding-right: 2.5em; } .entry-footer .cat-links .icon, .entry-footer .tags-links .icon { left: auto; margin-left: 0.5em; margin-right: 0; right: 0; } /* Comments */ .comment-body { margin-left: 0; margin-right: 0; } .comment-reply-link .icon { left: auto; right: -2em; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .comment-author .avatar { left: auto; right: 0; } .comment-reply-link:before { left: auto; right: -2em; } .children .comment-author .avatar { left: auto; right: 0x; } .form-submit { text-align: left; } /* Post Formats */ .format-quote blockquote .icon { left: auto; right: -1.25em; -webkit-transform: none; -ms-transform: none; transform: none; } /* Post Navigation */ .nav-links .nav-previous .nav-title .nav-title-icon-wrapper, .nav-links .nav-next .nav-title .nav-title-icon-wrapper { display: inline-block; -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); } /* Widgets */ .widget ul { margin: 0; } .search-form .search-submit { left: 0px; right: auto; } .search-form i{ margin-left: 0; } .tagcloud ul li { float: right; margin: 4px 0 0 4px; } .widget ul li li { padding-left: 0; padding-right: 1.5rem; } .widget_text ul { margin: 0 1.5em 1.5em 0; } .widget_text ul li ul { margin: 0 1.5em 0 0; } /* Footer */ .social-navigation a { margin-left: 1em; margin-right: 0; } /* Customizer styles */ .web-log-customizer.web-log-front-page .web-log-panel .web-log-panel-title { left: 3.2em; right: auto; } /* Gallery Styles */ .gallery-item, .gallery-caption { text-align: right; } /* SVG Fallback */ .no-svg .dropdown-toggle { left: 0; right: auto; } /* Media queries */ @media screen and (min-width: 48em) { body.page-template-full-width-page #primary { float: none; } .has-sidebar #secondary { float: left; } .error404 #primary { float: none; } /* Site Branding */ .custom-logo-link { padding-left: 2em; padding-right: 0; } /* Navigation */ .main-navigation ul ul { padding-right: 0; } .main-navigation ul ul:before, .main-navigation ul ul:after { left: 0.5em; right: auto; } .main-navigation ul ul, .main-navigation ul ul ul { left: auto; right: -999em; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: auto; right: 100%; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; right: 0.5em; } .main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.menu-item-has-children:after, .main-navigation ul li.page_item_has_children:before, .main-navigation ul li.page_item_has_children:after { left: 1em; right: auto; } .main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon { left: auto; right: 5px; } .main-navigation ul ul .menu-item-has-children > a > .icon, .main-navigation ul ul .page_item_has_children > a > .icon { left: 1em; right: auto; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } /* Scroll down arrow */ .navigation-top .menu-scroll-down { left: 0; right: auto; } .site-header .menu-scroll-down { left: 0; right: auto; } .entry-title a { margin-left: auto; } /* Front Page */ .page-two-column .panel-content .entry-header { float: right; } .page-two-column .panel-content .entry-content { float: left; } /* Front Page - Recent Posts */ .page-two-column .panel-content .recent-posts { clear: left; float: left; } /* Blog, Archive, Search */ .sticky .icon-thumb-tack { left: auto; right: -2.5em; } /*body:not(.has-sidebar):not(.page-one-column) .page-header, body.has-sidebar.error404 #primary .page-header, body.page-two-column:not(.archive) #primary .entry-header, body.page-two-column.archive:not(.has-sidebar) #primary .page-header { float: right; }*/ /*.blog:not(.has-sidebar) #primary article, .archive:not(.has-sidebar):not(.page-one-column) #primary article, .search:not(.has-sidebar) #primary article{ float: left; }*/ .entry-footer .edit-link a.post-edit-link { margin-left: 0; margin-right: 1em; } /* Entry content */ /* with sidebar */ .has-sidebar .entry-content blockquote.alignleft { margin-left: 0; width: 34%; } .has-sidebar #primary .entry-content blockquote.alignright, .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta { margin-right: 0; width: 34%; } .has-sidebar #primary .entry-content blockquote.alignleft.below-entry-meta { margin-left: -72.5%; width: 62%; } /* blog index and archive */ .blog:not(.has-sidebar) .entry-content blockquote.alignleft, .web-log-front-page.page-two-column .entry-content blockquote.alignleft, .archive:not(.has-sidebar) .entry-content blockquote.alignleft, .page-two-column .entry-content blockquote.alignleft { margin-left: 0; width: 34%; } .blog:not(.has-sidebar) .entry-content blockquote.alignright, .web-log-front-page.page-two-column #primary .entry-content blockquote.alignright, .archive:not(.has-sidebar) .entry-content blockquote.alignright, .page-two-column #primary .entry-content blockquote.alignright { margin-right: -72.5%; width: 62%; } /* Post formats */ .format-quote blockquote .icon { left: auto; right: -1.5em; } .navigation.pagination { float: left; } .has-sidebar .navigation.pagination, .archive.page-one-column:not(.has-sidebar) .navigation.pagination { float: none; } .post-navigation .nav-previous { float: right; } .post-navigation .nav-next { float: left; text-align: left; } /* Comments */ ol.children .children { padding-left: 0; padding-right: 2em; } /* Post Navigation */ .nav-links .nav-previous .nav-title .nav-title-icon-wrapper { left: auto; right: -2em; } .nav-links .nav-next .nav-title .nav-title-icon-wrapper { left: -2em; right: auto; } /* Footer */ .site-footer .widget-column.footer-widget-1 { float: right; } .site-footer .widget-column.footer-widget-2 { float: left; } .social-navigation { clear: right; float: right; } .social-navigation + .site-info { margin-left: 0; margin-right: 6%; } } @media screen and (min-width: 67em) { /* Sticky posts */ .sticky .icon-thumb-tack { left: auto; right: -1.25em; } } @media screen and (min-width: 79em) { .has-sidebar #primary .entry-content blockquote.alignright, .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta { margin-right: -20%; } .blog:not(.has-sidebar) .entry-content blockquote.alignleft, .archive:not(.has-sidebar) .entry-content blockquote.alignleft, .page-two-column .entry-content blockquote.alignleft, .web-log-front-page .entry-content blockquote.alignleft { margin-left: -20%; } } .header-wrapper .header-top .social-info { float: left; } .news-ticker-wrap .news-ticker-title{ float: right; margin-right: 0; margin-left: 10px; } .news-ticker-wrap .news-ticker-list{ float: right; } .header-top .contact-info .list-inline-item:first-child, .header-top .social-info li.list-inline-item:first-child { margin-right: 0; } i { margin-right: 0; margin-left: 10px; } .header-top .contact-info .list-inline-item:last-child{ margin-right: 10px; margin-left: 0; } .header-top .social-info li i{ margin-right: 0; margin-left: 0; } .header-top .social-info li.list-inline-item:last-child{ margin-right: 20px; } .header-menu .main-navigation .menu-all-pages-container .sub-menu li:first-child a { padding-right: 20px; } .header-wrapper .header-menu .navigation-section { float: right; } .header-menu ul.main-menu > li:first-child a { padding-right: 0; padding-left: 17px; } .header-menu .mini-search-icon{ float: left; } .header-menu .mini-search-icon i{ margin-left: 0; } #search-popup.popup-box-on #search input[type="search"]{ text-align: right; } @media screen and (min-width: 48em){ .main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.menu-item-has-children:after, .main-navigation ul li.page_item_has_children:before, .main-navigation ul li.page_item_has_children:after { left: auto; right: 2rem; } } @media screen and (max-width: 1024px){ .navigation-section { width: auto; } .zmm-dropdown-toggle{ left: 0; right: auto; } } .page-header.jumbotron { border-radius: 0; } .post .entry-meta li{ padding-left: 0; } .post .entry-meta li:first-child { margin-right: 0; padding: 0; } .post .entry-meta li:last-child { margin-right: .5rem; } .post-navigation .nav-links .nav-next i, .post-navigation .nav-links .nav-previous i{ display: none; } .post-navigation .nav-next .nav-title::before { content: "\f053"; font-family: fontawesome; margin-right: 7px; } .post-navigation .nav-previous .nav-title::after { content: "\f054"; font-family: fontawesome; margin-left: 7px; } .post-navigation .nav-previous a{ float: right; } .post-navigation .nav-next a { float: left; } body .not-found .search-form .search-submit, .wrong-search-wrapper .search-form .search-submit{ right: 0; } .type-attachment .entry-meta li:first-child { margin-right: 0; } .type-attachment .entry-meta li:last-child { margin-right: .5rem; } .main-navigation .main-menu > li:last-child a{ padding-right: 17px; } .widget .widget-title:before, .widget .widget-title:after{ right: 0; } .pagination-wrap .nav-previous a::before{ content: "\f178"; margin-left: 10px; margin-right: 0; } .dropcap:first-letter { float: right; padding: 0 0 0 10px; } .web-log-post-list .post-thumbnail { float: right; margin-left: 15px; } .web-log-post-list .post-thumbnail{ margin-right: 0; } #mobile-search-popup input[type="search"]{ text-align: right; border-radius: 0; } .web-log-block-content .post-thumbnail{ margin-left: 15px; margin-right: 0; } .pagination-wrap .nav-next a::after{ content: "\f177"; margin-right: 10px; margin-left: 0; } @media screen and ( max-width: 767px ){ .post .entry-meta li:last-child { margin-right: 0; } .type-attachment .entry-meta li:last-child { margin-right: 0; } .type-attachment p.attachment{ margin-top: 25px; } .entry-header .entry-meta li{ padding-right: 0; } } @media screen and ( max-width: 1024px ) { .mobile-menu .menu-close{ left: 12px; right: auto; } } @media screen and ( max-width: 991px ) { .web-log-post-list .post-thumbnail{ float: none; } .post-navigation .nav-previous { float: right; display: block; width: 100%; } .post-navigation .nav-next{ float: right; display: block; width: 100%; margin-top: 20px; } .post-navigation .nav-next a{ float: right; text-align: center; } }