AlkantarClanX12
Current Path : /home/thanudqk/128shen.com/wp-content/themes/darcie/ |
Current File : /home/thanudqk/128shen.com/wp-content/themes/darcie/rtl.css |
/* Theme Name: Darcie Pro Description: Adds support for languages written in a Right To Left (RTL) direction. It's easy, just a matter of overwriting all the horizontal positioning attributes of your CSS stylesheet in a separate stylesheet file named rtl.css. See: https://codex.wordpress.org/Right_to_Left_Language_Support */ /** * Table of Contents * * 1.0 - Normalize * 2.0 - Elements * 3.0 - Padding/Margin * 4.0 - Forms * 5.0 - Navigation * 5.1 - Main Menu * 5.2 - Social Menu * 6.0 - Widgets * 7.0 - Content * 7.1 - Header * 7.2 - Posts and pages * 7.3 - Comments * 8.0 - Modules * 8.1 - Slider * 8.2 - Portfolio * 8.3. - Stats * 9.0 - Media Queries * 9.1 - >= 640px * 9.2 - >= 768px * 9.3 - >= 1024px * 9.4 - >= 1200px */ /** * 1.0 - Normalize */ body { direction: rtl; unicode-bidi: embed; } input[type="checkbox"], input[type="radio"] { margin-right: auto; margin-left: 0.4375em; } /** * 2.0 - Elements */ ul, ol { margin: 0 1.5em 1.75em 0; } ol { margin-right: 1.5em; margin-left: 0; } caption, th, td { text-align: right; } /** * 3.0 - Padding/Margin */ .custom-header-content.content-align-left .section-title:after { margin: 28px auto 0 0; } .entry-footer .author img { margin-right: 0; margin-left: 1em; } .entry-meta .icon { margin-right: 0; margin-left: 7px; } #feature-slider-section .entry-container > * > * { margin-left: auto; margin-right: 0; } /** * 4.0 - Forms */ input[type="search"].search-field { padding: 12px 14px 12px 46px; } .search-submit { left: 0; right: auto; } /** * 5.0 - Navigation */ /** * 5.1 - Main Menu */ .main-navigation ul ul { margin-left: 0; margin-right: 0.875em; } .main-navigation li { text-align: left; } /* .dropdown-toggle { left: 0; right: auto; } */ .menu-inside-wrapper { left: -400px; right: auto; } .is-open .menu-inside-wrapper { left: 0; right: auto; } .menu-open .site { left: auto; right: 0; } .menu-label { display: inline-block; margin-left: 0; margin-right: 7px; } nav.social-navigation ul, .social-links-menu { justify-content: flex-end; } nav.social-navigation ul li:last-child a, .social-links-menu li:last-child a { margin-right: 14px; margin-left: 0; } /** * 5.2 - Social Menu */ .social-floating-navigation .social-navigation .icon { margin-right: 0; margin-left: 7px; } /** * 6.0 - Widgets */ .widget ul, .widget ol { margin-right: 0; } /* Categories widget */ .widget_categories ul, .widget_archive ul { text-align: left; } .widget_categories ul a, .widget_archive ul a { float: right; } .widget li > ul, .widget li > ol { margin-left: 0; margin-right: 14px; } #footer-newsletter .ewnewsletter .hentry { text-align: right; } #footer-newsletter .section-heading-wrapper { text-align: right; } /** * 7.0 - Content */ /** * 7.1 - Header */ .site-branding { text-align: right; margin: 0 0 0 auto; } .site-header-menu { margin-left: -20px; margin-right: 0; } .wp-custom-logo .custom-logo-link{ margin-left: 15px; margin-right: 0; } .navigation-default .site-branding { text-align: right; } .woocommerce.widget_shopping_cart { left: 0; right: auto; } /** * 7.2 - Posts and pages */ .recent-blog-content .view-more { text-align: right; } .page-links a, .page-links > span { margin-right: auto; margin-left: 0.3076923077em; } .page-links > .page-links-title { padding-right: 0; padding-left: 0.6153846154em; } .entry-header .entry-meta > span { margin-right: 0; margin-left: 4px; } .entry-header .entry-meta > span:last-child { margin-right: auto; margin-left: 0; } .entry-meta > span { padding-left: 12px; padding-right: 0; } .entry-meta > span:last-child { padding-left: 0; padding-right: auto; } .entry-meta > span.byline:after { left: 4px; right: auto; } /** * 7.3 - Comments */ .comment-author { float: right; margin: 0 0 1.5em 1.5em; } .comment-list .children li > article { padding-left: 0; padding-right: 2.5em; } .form-submit { text-align: right; } /** * 8.0 - Modules */ .site-content .view-more { text-align: right; } /** * 8.1 - Slider */ #feature-slider-section .owl-nav { right: 0; left: 14px; text-align: left; } #feature-slider-section .owl-dots { left: 14px; right: auto; text-align: left; } .custom-header-content.content-align-right .custom-header-content-wrapper { margin: 0 auto 0 0; } /** * 8.2 - Portfolio */ .portfolio-content-wrapper .hentry-inner:hover .entry-container { -webkit-transform: translateX(-30px); transform: translateX(-30px); } /** * 8.3 - Stats */ .stats-content-wrapper .post-thumbnail { float: right; margin: 0 0 0 14px; } .stats-content-wrapper .entry-summary, .stats-content-wrapper .entry-content { margin-left: 0; margin-right: 14px; } #scrollup { left: 35px; right: unset; } #sticky-playlist-section .wp-playlist .mejs-playpause-button, #sticky-playlist-section .wp-playlist .mejs-previous-button.mejs-previous, #sticky-playlist-section .wp-playlist .mejs-next-button.mejs-next, #sticky-playlist-section .wp-playlist .mejs-container.mejs-container .mejs-toggle-playlist, #sticky-playlist-section .wp-playlist .mejs-button.mejs-volume-button { border-left: 0; border-right: 1px solid #252525; } #sticky-playlist-section .wp-playlist-current-item { padding-left: 21px; padding-right: 0; } #sticky-playlist-section .wp-playlist .mejs-next-button.mejs-next { border-left: 1px solid #252525; } #sticky-playlist-section .wp-playlist-tracks { right: unset; left: 0; } #pop-up-video-section{ left: -255px; right: auto; } #pop-up-video-section:hover { left: 0; right: auto; } .events-section.single-layout .date-week-day { margin-left: 14px; margin-right: 0; } .entry-date sep { margin-left: 7px; margin-right: 0; } #playlist-section .mejs-time.mejs-currenttime-container span::after { padding-right: 7px; padding-left: 0; } .hover-add-to-cart .woocommerce .product-container .button::before { left: 0; right: auto; } .site-footer .widget .widget-title::before { right: 0; left: auto; } .site-footer .footer-widget-area .wrapper::after, .site-footer .footer-widget-area .wrapper::before { right: 50%; transform: translateX(-50%); left: auto; } .sidebar .widget-title::before { right: 0; left: auto; } .sidebar .widget.essential-widgets li { padding-right: 28px; padding-left: 0; } .sidebar .widget li::before { left: auto; right: 0; } .sidebar .recentcomments, .sidebar li { padding-right: 37px; padding-left: 0; } .widget .has-avatars li { padding-left: 0; padding-right: 0; } #portfolio-content-section .filter-button-group .button:last-child { margin-left: 0; } .site-main nav.post-navigation .nav-links .nav-previous, .stats-section .section-heading-wrapper, .sidebar .section-heading-wrapper { text-align: right; } #stats-section .section-subtitle { padding-right: 88px; padding-left: 0; } #stats-section .section-subtitle::before { right: 0; left: auto; } body.menu-open { overflow-y: scroll; width: 100%; right: -300px; left: auto; } #stats-section .section-content-wrapper.stats-content-wrapper.layout-two .hentry { border-right: 1px solid; border-left: none; text-align: right; } #stats-section .section-content-wrapper.stats-content-wrapper.layout-two .hentry:nth-child(1), #stats-section .section-content-wrapper.stats-content-wrapper.layout-two .hentry:nth-child(3) { border-right: none; padding-left: 0; } #testimonial-content-section .post-thumbnail::before { right: -20px; left: auto; } .post-thumbnail .counter, #testimonial-content-section .owl-item:after { right: 21px; left: auto; } #testimonial-content-section .owl-item:after, #testimonial-content-section .nav-controls .owl-dots:after { margin-right: 24px; margin-left: 0; } #testimonial-content-section #slider-nav button span::after { margin-right: 14px; margin-left: 0; } #testimonial-content-section #slider-nav button.owl-next span::before { margin-left: 14px; margin-right: 0; } #hero-section.text-align-left, .promotion-section.text-align-left, #hero-section.text-align-left .section-heading-wrapper { text-align: right; } #hero-section.text-align-left .section-heading-wrapper { text-align: right; margin: 0; padding: 0; } .hero-section .entry-content { text-align: right; } .contact .inner-contact { width: calc(100% - 40px); padding-right: 14px; padding-left: 0; } .ewfeaturedpostpageimage .right .entry-container, .ewfeaturedpostpageimage .left .featured-image { float: right; } .ewfeaturedpostpageimage .left .entry-container, .ewfeaturedpostpageimage .right .featured-image { float: left; } .ewfeaturedpostpageimage .left .entry-container { padding-right: 21px; text-align: right; } .essential-widgets .entry-meta .cat-links { margin-right: 0; } #stats-section .section-content-wrapper.stats-content-wrapper.layout-two .hentry:nth-child(2), #stats-section .section-content-wrapper.stats-content-wrapper.layout-two .hentry:nth-child(4) { padding-right: 56px; padding-left: 0; } #stats-section .section-content-wrapper.stats-content-wrapper.layout-two .hentry:nth-child(1), #stats-section .section-content-wrapper.stats-content-wrapper.layout-two .hentry:nth-child(3) { border-right: none; padding-right: 0; padding-left: 56px; } .sidebar .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta, .sidebar .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { padding-right: 21px; float: left; padding-left: 0; } .widget .has-avatars li { padding-right: 0; } .tagcloud a, .wp-block-tag-cloud a, .widget-area .essential-widgets .tagcloud a { margin: 0 0px 7px 7px; } .entry-footer > div > span { margin-left: 23px; margin-right: 0; } .sidebar .wp-block-search .wp-block-search__button { left: 0px; right: auto; } /** * 9.0 - Media Queries */ /** * Does the same thing as <meta name="viewport" content="width=device-width">, * but in the future W3C standard way. -ms- prefix is required for IE10+ to * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor * the meta tag. See https://core.trac.wordpress.org/ticket/25888. */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } /** * 9.1 - >= 640px */ @media screen and (min-width: 40em) { .author-info { text-align: right; } .author-avatar { float : right; margin: 0 0 0 35px; } .stats-content-wrapper { text-align: right; } .stats-content-wrapper .post-thumbnail { margin: 0 0 0 14; } .footer-newsletter .has-ew-newsletter-image .ew-newsletter-content-container { padding-left: 66px; padding-right: 42px; } } /** * 9.2 - >= 667px */ @media screen and (min-width: 41.6875em) { .recent-blog-content .archive-post-wrap .hentry:nth-child(2n+1) .entry-container, .site-content .content-area .hentry:nth-child(2n+1) .entry-container { margin-right: 0; margin-left: auto; } .site-main nav.post-navigation .nav-links .nav-next { text-align: left; } #testimonial-content-section .post-thumbnail::before { position: absolute; right: -20px; left: auto; } .post-thumbnail .counter, #testimonial-content-section .owl-item:after { right: 30px; left: auto; } .recent-blog-content .archive-post-wrap .hentry .entry-container, .site-content .content-area .hentry .entry-container { margin-left: 0; margin-right: auto; } #sticky-playlist-section .mejs-controls { padding-left: 20px; padding-right: 0; } #sticky-playlist-section .wp-playlist .mejs-time.mejs-duration-container { padding-left: 20px; padding-right: 10px; } #sticky-playlist-section .wp-playlist .mejs-time.mejs-currenttime-container { padding-right: 20px; padding-left: 10px; } .content-align-left .hero-content-wrapper .entry-container { padding: 35px 0px 35px 35px; } .hero-content-wrapper .entry-container { padding: 35px 35px 35px 0; } .playlist-section .view-more { text-align: right; } #countdown-section .content-wrapper .content-left .left-content { text-align: right; padding-right: 28px; padding-left: 0; } } /** * 9.2 - >= 768px */ @media screen and (min-width: 48em) { #floating-social{ right: 25px; left: auto; } article.hentry.contact-info .post-thumbnail { left: 0; right: auto; } .site-header-menu { left: 30px; right: auto; } article.hentry.contact-details { padding-left: 56px; padding-right: 0; } } /** * 9.3 - >= 1024px */ @media screen and (min-width: 64em) { .services-section .section-heading-wrapper, .has-category-menus .section-heading-wrapper.portfolio-section-headline { text-align: right; } .site-header-menu { margin-left: 0; } .contact .inner-contact { padding-right: 28px; font-size: 20px; padding-left: 0; } .post-thumbnail .counter, #testimonial-content-section .owl-item:after { right: 35px; left: auto; } stats-section .section-heading-wrapper { padding-left: 91px; padding-right: 0; } #countdown-section .content-wrapper .content-left .left-content { padding-right: 42px; padding-left: 0; } #playlist-section .mejs-time.mejs-currenttime-container { left: 42px; right: auto; } #floating-social { right: 50px; left: auto; } .is-open .menu-inside-wrapper { left: 0; } #sticky-playlist-section .mejs-controls { padding-left: 25px; } #sticky-playlist-section .wp-playlist .mejs-time.mejs-duration-container { padding-left: 25px; } #sticky-playlist-section .wp-playlist .mejs-time.mejs-currenttime-container { padding-right: 25px; } .content-align-left .hero-content-wrapper .has-post-thumbnail .entry-container { padding: 35px 0px 35px 56px; } .hero-content-wrapper .entry-container { padding: 35px 56px 35px 0px; } #portfolio-content-section .filter-button-group .button { margin-right: 35px; margin-left: 0; } .services-section .section-heading-wrapper { padding-left: 42px; padding-right: 20px; } #portfolio-content-section.has-category-menus .heading-wrapper { max-width: 560px; padding-left: 70px; padding-right: 0; } .stats-section .section-heading-wrapper { padding-left: 91px; padding-right: 30px; } #testimonial-content-section .post-thumbnail::before { position: absolute; right: -20px; left: auto; } .experience-content-wrapper { padding-left: 56px; padding-right: 0; } article.hentry.contact-details { padding-left: 84px; padding-right: 20px; } .entry-footer > div > span { margin-left: 30px; margin-right: 0; } } /** * 9.4 - >= 1200px */ @media screen and (min-width: 75em) { .navigation-default .main-navigation .menu-item-has-children > a > .icon, .navigation-default .main-navigation .page_item_has_children > a > .icon { left: unset; right: 5px; } .main-navigation .menu-item-has-children > a, .main-navigation .page_item_has_children > a { padding-left: 30px; padding-right: 30px; } .navigation-default .main-navigation ul li:hover > ul, .navigation-default .main-navigation ul li.focus > ul { left: 0; right: auto; } .navigation-default .main-navigation ul ul .menu-item-has-children > a > .icon, .navigation-default .main-navigation ul ul .page_item_has_children > a > .icon { left: 14px; top: 50%; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); right: unset; } .navigation-default .main-navigation ul ul li:hover > ul, .navigation-default .main-navigation ul ul li.focus > ul { left: 100%; right: auto; } .navigation-classic .site-branding { text-align: right; } .navigation-classic .main-navigation .menu-item-has-children > a { padding-left: 20px; padding-right: 20px; } .navigation-classic .main-navigation ul li:hover > ul, .navigation-classic .main-navigation ul li.focus > ul { left: 20px; right: auto; } .navigation-classic .main-navigation ul ul li:hover > ul, .navigation-classic .main-navigation ul ul li.focus > ul { left: 100%; right: auto; } .navigation-classic .main-navigation .menu-item-has-children > a > .icon, .navigation-classic .main-navigation .page_item_has_children > a > .icon { left: auto; right: 5px; } .content-align-left .hero-content-wrapper .has-post-thumbnail .entry-container { padding: 42px 0px 42px 70px; } .hero-content-wrapper .entry-container { padding: 42px 70px 42px 0px; } .site-header-menu { left: 38px; right: auto; } } /** * 9.6 - >= 1024px */ @media screen and (min-width: 85.375em) { .content-align-left .hero-content-wrapper .has-post-thumbnail .entry-container { padding: 49px 0px 49px 84px; } .hero-content-wrapper .entry-container { padding: 49px 84px 49px 0px; } } /** * 9.7 - >= 1600px */ @media screen and (min-width: 100em) { #sticky-playlist-section .wp-playlist .mejs-button.mejs-volume-button { padding-right: 40px; padding-left: 14px; } #sticky-playlist-section .mejs-controls { padding-left: 40px; } #sticky-playlist-section .wp-playlist .mejs-time.mejs-duration-container { padding-left: 40px; } #sticky-playlist-section .wp-playlist .mejs-time.mejs-currenttime-container { padding-right: 40px; } } /** * 9.8 - >= 1660px */ @media screen and (min-width: 103.75em) { #floating-social { right: 70px; left: auto; } #portfolio-content-section .filter-button-group .button { margin-right: 49px; margin-left: 0; } #clock { margin-left: 0; margin-right: auto; } article.hentry.contact-details { padding-left: 124px; padding-right: 0; } .content-align-left .hero-content-wrapper .has-post-thumbnail .entry-container { padding: 56px 0px 56px 120px; } .hero-content-wrapper .entry-container { padding: 63px 120px 63px 0px; } stats-section .section-heading-wrapper { padding-left: 120px; padding-right: 0; text-align: right; } .services-section .section-heading-wrapper { padding-left: 140px; padding-right: 0; } #testimonial-content-section .entry-container .entry-content { margin-right: -70px; width: calc(100% + 70px); padding-left: 42px; text-align: revert; margin-left: 0; padding-right: 0; } #testimonial-content-section .post-thumbnail::before { right: -30px; } .post-thumbnail .counter, #testimonial-content-section .owl-item:after { right: 45px; left: auto; } } /** * 9.8 - >= 1920px */ @media screen and (min-width: 120em) { }