/* Theme Name: TrustNews 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 */ body { direction: rtl; unicode-bidi: embed; } /** * 1.0 Reset * ----------------------------------------------------------------------------- */ th, td { text-align: right; } ul, ol { margin: 0 1.3125em 1.75em 0; } blockquote:before { left: auto; right: 0; } blockquote { padding: 0 2.041666666666667em 0 0; } /** * 2.0 Repeatable Patterns * ---------------------------------------------------------------------------- */ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { right: 5px; padding: 15px 23px 14px; } .alignnone { margin: 5px 0px 20px 20px; } .aligncenter, div.aligncenter { margin: 5px auto 5px auto; } .alignright { float:left; margin: 5px 20px 20px 0px; } .alignleft { float: right; margin: 5px 0px 20px 20px; } a img.alignright { float: left; margin: 5px 20px 20px 0px; } a img.alignnone { margin: 5px 0px 20px 20px; } a img.alignleft { float: right; margin: 5px 0px 20px 20px; } .wp-caption { background: #fff; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.aligncenter, .wp-caption.alignnone{ margin: 5px auto 20px; } .wp-caption.alignleft{ margin: 5px 0px 20px 20px; } .wp-caption.alignright{ margin: 5px 20px 20px 0px; } /** * 3.0 Header * ---------------------------------------------------------------------------- */ .secondary-navigation { float: right; } .secondary-menu > li:first-child { border-right: 1px solid rgba(255,255,255, 0.2); } .header-social-menu { float: left; } .header-right { float: left; } /** * 3.1 Site Navigation Bar * ---------------------------------------------------------------------------- */ .main-navigation { float: right; } .search-toggle { float: left; } .secondary-menu-toggle { right: auto; left: 40px; } /** * 4.0 Main Content * ---------------------------------------------------------------------------- */ /* Scrolling Text */ .breaking-news { float: right; } .breaking-news-header { left: auto; } .breaking-news-header:before { float: right; margin-left: 0; margin-right: 10px; } .breaking-news:after, .breaking-news-header:after { content: none; } .marquee { direction: ltr; } .marquee .news-post-title { direction: rtl; } .marquee .news-post-title:before { margin-right: auto; margin-left: 15px; } .marquee .news-post-title { margin-right: 0; margin-left: 15px; } .marquee .news-post-img img { margin-right: 0; margin-left: 5px; } #time { margin-left: 0; margin-right: 10px; } .clock { float: left; } .main-content-area .widget_two_category_post .two-category-right { float: left; } .left-widget-area { float: right; margin-right: 0; margin-left: 20px; } .right-widget-area { float: left; margin-right: 20px; margin-left: 0; } /* 4.1 Post-Content * ---------------------------------------------------------------------------- */ .sticky-post{ right: 15; padding: 5px 15px; } .post .entry-content .more-link, .page .entry-content .more-link { left: 0; right: auto; } .first-post.big-letter .entry-content > p:first-child:first-letter { float: inherit; margin: 0; font-size: inherit; line-height: inherit; color: inherit; } .posts-navigation .nav-links .nav-next, .post-navigation .nav-links .nav-next { float: left; } .posts-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-previous { float: right; } .posts-navigation .nav-links .nav-previous:before, .post-navigation .nav-links .nav-previous:before { display: none; float: left; margin-top: 5px; } .posts-navigation .nav-links .nav-next:after, .post-navigation .nav-links .nav-next:after { display: none; float: right; margin-top: 5px; } .pagination .nav-links .prev:before, .pagination .nav-links .next:after { display: none; } .widget-latest-posts .post-thumbnail { float: right; margin-right: 0; margin-left: 20px; } .widget-latest-posts .entry-header { text-align: right; } .cat-links a:before { margin-right: 0; margin-left: 5px; } a.more-link { margin-left: 0; margin-right: 10px; } /* 4.1 Widget * ---------------------------------------------------------------------------- */ #secondary .widget-title:after, #colophon .widget-title:after { left: auto; right: -26px; } .main-content-area .widget-title { border-left: none; border-right: 5px solid #F64538; padding-left: 0; padding-right: 10px; } .widget_search .search-field, .post-page-search .search-field { float: right; } .main-content-area .widget-title:after, #colophon .widget-title:after { left: auto; transform: rotate(-180deg); right: 0; } /* * 4.4 Gallery * ----------------------------------------- */ .widget th, td { text-align: right; } /* Footer ----------------------*/ .site-info { float: right; } .footer-right-info { float: left; } .back-to-top { right: auto; left: 30px; } /* * 7.0 Media Queries * -------------------------------------------------------------------- */ @media (max-width: 900px){ blockquote{ margin-right: 0.3em; } .comment-list ol{ padding-right: 10px; } th, td { text-align: right; } } @media (max-width: 767px){ .main-navigation { float: none; } .search-toggle { right: auto; left: 10px; } } /** * 8.0 Print * ---------------------------------------------------------------------------- */ @media print { .entry-content img.alignleft, .entry-content .wp-caption.alignleft { margin-right: 0; } .entry-content img.alignright, .entry-content .wp-caption.alignright { margin-left: 0; } }