/* * RTL CSS * * @package Anima */ /*-------------------------------------------------------------- # THEME SPECIFIC DEFAULTS --------------------------------------------------------------*/ .main li li { margin-right: 1em; margin-left: 0; } /*-------------------------------------------------------------- # LAYOUT --------------------------------------------------------------*/ body { text-align: right; } #primary { padding-right: 1em; padding-left: 3%; } #secondary { padding-left: 1em; padding-right: 3%; } @media (min-width: 1152px) { #container.two-columns-right .main, #container.three-columns-right .main, #container.three-columns-sided .main { padding-left: 2.5em; padding-right: 0; } #container.two-columns-left .main, #container.three-columns-left .main, #container.three-columns-sided .main { padding-right: 2.5em; padding-left: 0; } } /*-------------------------------------------------------------- # HEADER --------------------------------------------------------------*/ #branding { margin-right: 0; margin-left: 3em; float: right; } #branding .identity { float: right; } #site-title { float: right; } #branding .identity + #site-title { margin-right: 1em; } #site-title span a span:first-child { margin-left: .1em; } #site-description { clear: right; float: right; } /* Header widget area */ #header-widget-area { float: left; } /*-------------------------------------------------------------- ## MAIN MENU --------------------------------------------------------------*/ #access { float: left; } .anima-menu-left #access { float: right; margin-left: 0; margin-right: 2em; } #access::after { left: auto; right: 0; } #access > div > ul li > a:not(:only-child) span { padding-right: 0; padding-left: .5em; } #access > div > ul li > a:not(:only-child) > span::after { left: -0.6em; right: auto; } #access > div > ul ul > li a:not(:only-child) > span::after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); right: auto; left: 1em; } #access > div > ul ul > li:hover > a:not(:only-child) > span::after { left: -0.5em; right: auto; } #access ul li { float: right; } #access ul ul { margin-right: 0; } #access ul ul li { /* level 2 */ float: right; } #access ul ul ul { left: auto; right: 100%; } #mobile-menu .mobile-arrow::after { right: auto; left: 0; } .dropdown-toggle { margin-right: 0; margin-left: -1em; float: left; } /*-------------------------------------------------------------- ## MOBILE MENU --------------------------------------------------------------*/ #nav-toggle { /* Mobile nav toggle will only be visible on mobile */ float: left; left: 0; right: auto; } nav#mobile-menu #nav-cancel { left: 0; right: auto; } nav#mobile-menu .sub-menu, nav#mobile-menu .children { padding-right: 10px; padding-left: 0; } /*-------------------------------------------------------------- # FOOTER --------------------------------------------------------------*/ #site-copyright { float: right; clear: right; } #site-copyright + div { float: left !important; clear: left !important; } /*-------------------------------------------------------------- ## FOOTER MENU --------------------------------------------------------------*/ .footermenu { float: right; } .footermenu ul li { float: right; } /*-------------------------------------------------------------- ## FOOTER WIDGET AREA --------------------------------------------------------------*/ #colophon .widget-container { float: right; } #colophon .widget-container:after { left: 0; right: auto; } /*-------------------------------------------------------------- # CONTENT --------------------------------------------------------------*/ .entry-content blockquote.left { float: right; margin-right: 0; margin-left: 2em; text-align: left; } .entry-content blockquote.right { float: left; margin-right: 2em; margin-left: 0; text-align: right; } /*-------------------------------------------------------------- ## POST METAS --------------------------------------------------------------*/ .entry-meta > span { margin-right: 0; margin-left: 1em; } #header-page-title .entry-meta span { margin-left: .2em; margin-right: 0; } .entry-meta span a, .entry-meta span time { padding-left: 0; padding-right: .2em; } .main .entry-title { margin: 0 0 0 1.5em; } .comments-link { float: left; } .comments-link a { margin-right: 5px; margin-left: 0; } .tag-links { margin-right: 2em; } span.edit-link { left: .5em; right: auto; } .icon-angle-right::before { text-align: right; vertical-align: middle; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } i.icon-angle-right:before, i.icon-angle-left:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .commentlist .comment-body::before, .commentlist .comment-body::after { left: auto; right: 20px; } /* this border color controlls the color of the triangle (what looks like the fill of the triangle) */ .commentlist .comment-body::after { margin-right: 1px; margin-left: 0; } /*-------------------------------------------------------------- ## AUTHOR INFO --------------------------------------------------------------*/ #author-info #author-avatar { float: left; margin: 0 -100px 0 0; } #author-info #author-description { float: right; margin-left: 100px; } #entry-author-info #author-avatar { float: left; margin: 0 -100px 0 0; } #entry-author-info #author-description { float: right; margin: 0 0 0 110px; } #author-link span.meta-nav { display: inline-block; position: relative; -webkit-transform: rotate(180deg); transform: rotate(180deg); } /*-------------------------------------------------------------- ## ARTICLES --------------------------------------------------------------*/ article.sticky:after { right: 0; left: auto; } .anima-magazine-two #content-masonry article.hentry { float: right; } .anima-magazine-three #content-masonry article.hentry { float: right; } /*-------------------------------------------------------------- ## PAGE NAVIGATION --------------------------------------------------------------*/ #nav-below .nav-previous, #nav-below .nav-next { float: right; } #nav-below .nav-next { text-align: left; } .icon-bread-home::before { margin-right: 0; margin-left: .3em; } #breadcrumbs-nav .icon-bread-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); } /*-------------------------------------------------------------- # POST FORMATS --------------------------------------------------------------*/ span.entry-format { left: .5em; right: auto; } .format-status .avatar { float: right; } /*-------------------------------------------------------------- # COMMENTS --------------------------------------------------------------*/ #nav-comments .nav-next, #nav-comments .nav-previous { float: right; margin-left: 1em; margin-right: 0; } .main .commentlist img.avatar { float: right; } .comment-author { float: right; } .comment-meta { float: right; } .comment-await { margin-right: 2em; margin-left: 0; } .comment .reply { float: left; } .comment .reply i { margin-left: .4em; margin-right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .commentlist .children { margin-left: 0; margin-right: 1.5em; } /*-------------------------------------------------------------- ## COMMENTS FORM --------------------------------------------------------------*/ #respond .form-submit { text-align: left; } /*-------------------------------------------------------------- # WIDGET AREAS --------------------------------------------------------------*/ .widget-container ul ul { margin-left: 0; margin-right: 1em; } .widget-title { text-align: right; } #wp-calendar caption, #wp-calendar th, #wp-calendar td { text-align: right; } #wp-calendar tfoot #next { text-align: left; } /*-------------------------------------------------------------- # SEARCHFORM --------------------------------------------------------------*/ /* ## SIDEBAR SEARCH */ .searchform input[type="search"] { float: right; } .menu-main-search .icon-cancel { left: 2em; right: auto; } #access > .menu > ul ul > li a:not(:only-child) span::after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } /*-------------------------------------------------------------- # SOCIALS --------------------------------------------------------------*/ .socials a { float: right; } #sheader-container { float: left; } #sheader-container > * { margin-right: .5em; margin-left: 0; } #sfooter { display: block; float: left; clear: left; } /*-------------------------------------------------------------- # LANDING PAGE --------------------------------------------------------------*/ .lp-staticslider .staticslider-caption-title, .seriousslider.seriousslider-theme .seriousslider-caption-title { float: right; } .lp-staticslider .staticslider-caption-text, .seriousslider.seriousslider-theme .seriousslider-caption-text { float: right; } .staticslider-caption-buttons { float: right; } /* LP Slider */ a.staticslider-button-2 { margin-left: 0; margin-right: 1em; } /* LP Blocks */ .lp-block { float: right; margin-right: 0; margin-left: 6%; } .lp-blocks.lp-blocks-rows-1 .lp-block { margin-left: 0; } .lp-blocks.lp-blocks-rows-4 .lp-block:nth-child(4n), .lp-blocks.lp-blocks-rows-3 .lp-block:nth-child(3n), .lp-blocks.lp-blocks-rows-2 .lp-block:nth-child(2n) { margin-left: 0; } .lp-block i { float: right; margin-left: 1.5em; margin-right: 0; } .lp-block i { margin-right: 100px; margin-left: 0; } .lp-block i, .lp-block .lp-block-title, .lp-block .lp-block-text { margin-right: 50px; margin-left: 0; } @-webkit-keyframes icon-slide { from { margin-left: 0; margin-right: 50px; opacity: 0; } to { margin-right: 0; opacity: 1; } } @keyframes icon-slide { from { margin-right: 50px; margin-left: 0; opacity: 0; } to { margin-right: 0; opacity: 1; } } /* Boxes */ .lp-box { float: right; } .lp-boxes.lp-boxes-rows-4 .lp-boxes-margins .lp-box { margin-left: 4%; margin-right: 0; } .lp-boxes.lp-boxes-rows-3 .lp-boxes-margins .lp-box { margin-left: 4%; margin-right: 0; } .lp-boxes.lp-boxes-rows-2 .lp-boxes-margins .lp-box { margin-left: 4%; margin-right: 0; } .lp-box .lp-box-image > img { right: -5%; left: auto; } .lp-boxes .lp-box-link:hover i::before { padding-right: .2em; padding-left: 0; } /* Animated boxes */ .lp-boxes-animated .lp-box-image::after { right: 0; left: auto; } .lp-boxes-animated .lp-box-overlay { right: 0; left: auto; } .lp-boxes-static .lp-box-overlay { left: auto; right: 0; } .lp-boxes.lp-boxes-rows-4 .lp-box:nth-child(4n), .lp-boxes.lp-boxes-rows-3 .lp-box:nth-child(3n), .lp-boxes.lp-boxes-rows-2 .lp-box:nth-child(2n) { margin-left: 0; } a.staticslider-button-2 { margin-left: 0; margin-right: 1em; } #cryout_ajax_more_trigger > span::before { margin: auto auto auto .5em; } /*-------------------------------------------------------------- # MISCELLANEOUS --------------------------------------------------------------*/ /* ## BACK TO TOP */ #toTop { right: auto; left: -100px; } #toTop.toTop-show { right: auto; left: 1em; } .pagination span, .pagination a { float: right; margin-left: 1px; margin-right: 0; } /* ## CONTINUE READING */ a.continue-reading-link { float: right; } a.continue-reading-link:hover { padding: 0 2.8em 0 0; } .continue-reading-link::after { right: -2em; left: auto; } a.continue-reading-link:hover::after { left: auto; right: 0; } i.icon-continue-reading { margin-right: .35em; margin-left: 0; } i.icon-continue-reading::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .entry-content blockquote:before { left: auto; right: 0; } .entry-content blockquote:after { right: auto; left: 0; } /*-------------------------------------------------------------- # RESPONSIVENESS -------------------------------------------------------------- */ @media (max-width: 1152px) { .cryout #container[class*="three-"] .sidey .widget-container { float: right; } .cryout #primary + #secondary { padding-right: 2em; padding-left: 0; } } @media (max-width: 1024px) { .cryout #container[class*="two-"] .sidey .widget-container, .cryout #colophon .widget-container { float: right; } } @media (max-width: 800px) { .cryout #site-title a span { padding-left: 0; } .cryout #sheader-container > * { margin-right: 0; margin-left: 3em; } } @media (max-width: 640px) { #branding { margin-right: 0; margin-left: 3em; } } /* ## LP Responisieness */ @media (max-width: 960px) { .lp-blocks.lp-blocks-rows-4 .lp-block, .lp-blocks.lp-blocks-rows-3 .lp-block { width: 48%; margin-left: 4%; margin-right: 0; } .lp-blocks.lp-blocks-rows-4 .lp-block:nth-child(2n), .lp-blocks.lp-blocks-rows-3 .lp-block:nth-child(2n) { margin-left: 0; } .lp-boxes.lp-boxes-rows-4 .lp-boxes-margins .lp-box, .lp-boxes.lp-boxes-rows-3 .lp-boxes-margins .lp-box { margin-left: 2%; margin-right: 0; } .lp-boxes.lp-boxes-rows-4 .lp-boxes-margins .lp-box:nth-child(2n), .lp-boxes.lp-boxes-rows-3 .lp-boxes-margins .lp-box:nth-child(2n) { margin-left: 0; } } @media (max-width: 720px) { .lp-staticslider .lp-staticslider-image { left: auto; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); } } @media (max-width: 480px) { .lp-boxes.lp-boxes-rows-4 .lp-boxes-margins .lp-box, .lp-boxes.lp-boxes-rows-3 .lp-boxes-margins .lp-box, .lp-boxes.lp-boxes-rows-2 .lp-boxes-margins .lp-box { margin-left: 0; } .lp-blocks.lp-blocks-rows-4 .lp-block, .lp-blocks.lp-blocks-rows-3 .lp-block, .lp-blocks.lp-blocks-rows-2 .lp-block { width: 100%; margin-bottom: 3em; } /* FIN! */