Last active
October 2, 2020 08:00
-
-
Save Longkt/0c497137863481038d6c7c96a54bad26 to your computer and use it in GitHub Desktop.
WP Coupon - Support RTL
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| Theme Name: WP Coupon | |
| Adding support for language 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. | |
| http://codex.wordpress.org/Right_to_Left_Language_Support | |
| */ | |
| .store-letter-content ul li:before,i.icon.angle.right:before { | |
| content: "\f104" | |
| } | |
| #header-search input[type=text],.ads-area .ui.divider,.coupon-listing-item .coupon-exclusive,.coupon-modal .coupon-content p.coupon-type-text,.coupon-modal .coupon-header .coupon-title,.newsletter-text,.nothing-box p,.shadow-box p,.site-footer p,.social-likes__button,.st-menu a,.store-listing-item .coupon-detail .exp-text,.store-listing-item .latest-coupon,.ui.button,a,button,h1,h2,h3,h4,h5,h6,input,li,p,span,textarea { | |
| letter-spacing: 0!important | |
| } | |
| body { | |
| direction: ltr | |
| } | |
| .custom-page-header { | |
| direction: rtl | |
| } | |
| .ui.menu .item:before { | |
| left: 0; | |
| right: auto | |
| } | |
| .fleft { | |
| float: right | |
| } | |
| .fright { | |
| float: left | |
| } | |
| .header-highlight a { | |
| margin-right: 30px; | |
| margin-left: 0 | |
| } | |
| i.mail.outline.icon { | |
| right: 0!important; | |
| left: auto!important | |
| } | |
| .st-menu>li { | |
| float: right | |
| } | |
| .nav-user-action .st-menu { | |
| direction: rtl | |
| } | |
| .nav-user-action .st-menu ul,.st-menu .menu-box { | |
| left: 0; | |
| right: auto | |
| } | |
| #header-search .header-search-input { | |
| float: left; | |
| direction: rtl | |
| } | |
| .content-area .widget-title,.coupon-filter .ui.menu,.frontpage-after-main .widget-title,.frontpage-before-main .widget-title { | |
| direction: rtl | |
| } | |
| @media screen and (min-width: 500px) { | |
| .store-listing-item .store-thumb-link { | |
| float:right; | |
| margin-left: 20px; | |
| margin-right: 0 | |
| } | |
| .store-listing-item .coupon-detail { | |
| float: left | |
| } | |
| } | |
| .store-listing-item .latest-coupon { | |
| float: right; | |
| direction: rtl | |
| } | |
| i.icon { | |
| margin: 0 0 0 .25rem | |
| } | |
| .store-listing-item .coupon-detail .exp-text { | |
| direction: rtl | |
| } | |
| .store-listing-item .coupon-save { | |
| float: left; | |
| margin-left: -4px; | |
| margin-right: 0 | |
| } | |
| .app-button,.coupon-modal .coupon-content .user-ratting { | |
| float: right | |
| } | |
| .store-listing-item .store-thumb-link .store-name { | |
| direction: rtl | |
| } | |
| .list-categories ul li a { | |
| direction: rtl; | |
| text-align: right | |
| } | |
| .list-categories ul li a span { | |
| margin-left: 7px; | |
| margin-right: 0 | |
| } | |
| .ui.grid { | |
| direction: rtl | |
| } | |
| .st-menu ul { | |
| right: 0; | |
| left: auto | |
| } | |
| .ui[class*="left icon"].input>i.icon { | |
| left: auto; | |
| right: 1px | |
| } | |
| #header-search .header-search-submit { | |
| border-radius: 2px 0 0 2px | |
| } | |
| .ui.action.input:not([class*="left action"])>input { | |
| border-radius: 0 2px 2px 0!important; | |
| border-left-color: transparent | |
| } | |
| .app-button { | |
| margin-left: 15px; | |
| margin-right: 0 | |
| } | |
| .site-footer .widget_nav_menu ul li a:before { | |
| content: "\f104"; | |
| right: 0; | |
| left: auto | |
| } | |
| .ui.action.input:not([class*="left action"])>.button:last-child,.ui.action.input:not([class*="left action"])>.buttons:last-child>.button,.ui.action.input:not([class*="left action"])>.dropdown:last-child { | |
| border-radius: .28571429rem 0 0 .28571429rem | |
| } | |
| .ui.warning.message { | |
| direction: rtl | |
| } | |
| .ui.message>.close.icon { | |
| left: .5em; | |
| right: auto | |
| } | |
| .newsletter-box-wrapper.shadow-box .newsletter-text,.ui.input,.widget-area .widget .widget-title { | |
| direction: rtl | |
| } | |
| .coupon-filter .ui.menu .item .offer-count { | |
| margin-right: 6px; | |
| margin-left: 0 | |
| } | |
| @media screen and (min-width: 500px) { | |
| .coupon-modal .coupon-header .coupon-title { | |
| float:right; | |
| max-width: 73% | |
| } | |
| .coupon-modal .coupon-header .coupon-store-thumb { | |
| float: right; | |
| margin-left: 10px; | |
| margin-right: 0 | |
| } | |
| .coupon-modal .coupon-content { | |
| direction: rtl | |
| } | |
| } | |
| .ui.basic.buttons .button { | |
| border-right: 1px solid rgba(34,36,38,.15); | |
| border-left: 0 | |
| } | |
| .ui.buttons .button:first-child { | |
| border-right: 0; | |
| margin-right: 0; | |
| border-left: none | |
| } | |
| .coupon-modal .coupon-content .go-store { | |
| float: left | |
| } | |
| .ui.button { | |
| margin: 0 0 0 .25em | |
| } | |
| .coupon-modal .coupon-content .modal-code .code-text { | |
| border-left-color: transparent!important; | |
| border-right-color: #f90!important | |
| } | |
| .coupon-modal .coupon-content .show-detail { | |
| float: left; | |
| margin-left: -6px; | |
| margin-right: 0 | |
| } | |
| .coupon-modal .coupon-header .close { | |
| left: 25px; | |
| right: auto | |
| } | |
| .ui.modal { | |
| text-align: right | |
| } | |
| .coupon-listing-item .coupon-listing-footer .reveal-content { | |
| direction: rtl | |
| } | |
| @media screen and (min-width: 500px) { | |
| .coupon-modal .coupon-footer ul li { | |
| float:right; | |
| margin-right: 15px; | |
| direction: rtl | |
| } | |
| .coupon-modal .coupon-footer ul li:last-child { | |
| float: left; | |
| margin-right: 0; | |
| margin-left: 0; | |
| direction: rtl | |
| } | |
| .coupon-modal .coupon-footer ul li:first-child { | |
| margin-right: 0; | |
| margin-left: 0 | |
| } | |
| } | |
| .coupon-modal .coupon-content .coupon-popup-detail { | |
| direction: rtl; | |
| text-align: right | |
| } | |
| .coupon-listing-item .c-type .exp { | |
| margin-right: 10px; | |
| margin-left: 0 | |
| } | |
| .coupon-listing-item .coupon-detail .ui.basic.buttons,.coupon-listing-item .coupon-listing-footer ul { | |
| direction: rtl | |
| } | |
| @media screen and (min-width: 500px) { | |
| .coupon-listing-item .coupon-listing-footer ul li { | |
| padding:0; | |
| display: inline-block; | |
| float: right; | |
| margin-right: 15px; | |
| margin-left: 0 | |
| } | |
| .coupon-listing-item .coupon-listing-footer ul li:first-child { | |
| margin-right: 0; | |
| margin-left: 15px | |
| } | |
| } | |
| #header-search input[type=text] { | |
| padding-right: 2.67142857em!important; | |
| padding-left: 1em!important | |
| } | |
| .ui.action.input:not([class*="left action"])>input { | |
| border-right-color: #f90!important | |
| } | |
| @media screen and (min-width: 790px) { | |
| .custom-page-header .header-thumb { | |
| float:right; | |
| margin-left: 30px; | |
| margin-right: 0; | |
| text-align: right; | |
| direction: rtl | |
| } | |
| } | |
| .custom-page-header .header-content,.custom-page-header .header-content p { | |
| font-size: 16px; | |
| font-weight: 300; | |
| direction: rtl | |
| } | |
| #header-search .search-sample { | |
| direction: rtl | |
| } | |
| .nothing-box .thumb { | |
| float: right; | |
| margin-left: 15px; | |
| margin-right: 0 | |
| } | |
| .site-footer .footer_copy { | |
| direction: rtl | |
| } | |
| .site-footer .footer_copy ul li a { | |
| float: right; | |
| margin-left: 25px; | |
| margin-right: 0 | |
| } | |
| .ui.button:not(.icon)>.icon:not(.button) { | |
| margin: 0 -.21428571em 0 .42857143em | |
| } | |
| .shadow-box p { | |
| direction: rtl | |
| } | |
| .social-likes__icon { | |
| right: .25em; | |
| left: auto | |
| } | |
| .social-likes__button { | |
| padding: .1875em 1.7em .25em .44em | |
| } | |
| @media screen and (min-width: 500px) { | |
| .coupon-listing-item .coupon-listing-footer ul li:last-child { | |
| float:left; | |
| margin-right: 0; | |
| margin-left: 0 | |
| } | |
| } | |
| #header-search .search-sample span { | |
| margin-left: 10px; | |
| margin-right: 0 | |
| } | |
| .st-menu li { | |
| text-align: right | |
| } | |
| .coupon-listing-item .coupon-exclusive,.wpu-profile-wrapper { | |
| direction: rtl | |
| } | |
| @media screen and (min-width: 790px) { | |
| .content-area { | |
| float:right | |
| } | |
| } | |
| .wpu-profile-avatar { | |
| float: right; | |
| margin-right: 2rem; | |
| margin-left: 0 | |
| } | |
| .wpu-form-body .wpu-form-sidebar { | |
| float: right | |
| } | |
| .wpu-form-body .wpu-form-sidebar+.wpu-form-profile { | |
| padding-right: 3%; | |
| float: left; | |
| padding-left: 0 | |
| } | |
| .wpu-profile-meta-info { | |
| float: right; | |
| padding-right: 15px; | |
| padding-left: 0 | |
| } | |
| .wpu-form .hide-password { | |
| left: 0; | |
| right: auto | |
| } | |
| .wpu-profile-avatar.coppic .wpu-media { | |
| right: 50%; | |
| margin-right: -33px; | |
| left: auto; | |
| margin-left: 0 | |
| } | |
| .wpu-media { | |
| left: 10px; | |
| right: auto | |
| } | |
| .page-header,.page-header h1 { | |
| direction: rtl | |
| } | |
| .store-letter-content ul li:before { | |
| right: -15px; | |
| left: auto | |
| } | |
| .post-entry .post-meta .author-avatar,.ui.checkbox .box:before,.ui.checkbox label:before { | |
| right: 0; | |
| left: auto | |
| } | |
| .store-letter-content ul li { | |
| float: right | |
| } | |
| ol,ul { | |
| padding-right: 20px; | |
| padding-left: 0 | |
| } | |
| .post-entry .post-meta .author-avatar+.post-meta-data { | |
| margin-right: 65px; | |
| margin-left: 0 | |
| } | |
| .post-content,.post-entry .post-meta .author-avatar+.post-meta-data { | |
| direction: rtl | |
| } | |
| @media screen and (min-width: 790px) { | |
| .right-sidebar .sidebar { | |
| float:left | |
| } | |
| } | |
| #secondary .widget_archive ul li,#secondary .widget_categories ul li,#secondary .widget_meta ul li,#secondary .widget_pages ul li,#secondary .widget_recent_comments ul li,#secondary .widget_recent_entries ul li { | |
| direction: rtl; | |
| text-align: right | |
| } | |
| .comments-title.ui.dividing.header { | |
| direction: rtl | |
| } | |
| .ui.comments .comment .avatar { | |
| float: right | |
| } | |
| .ui.comments .comment>.avatar~.content { | |
| margin-right: 3.5em; | |
| margin-left: 0 | |
| } | |
| div#comments { | |
| direction: rtl | |
| } | |
| .ui.checkbox .box,.ui.checkbox label { | |
| padding-right: 1.85714em; | |
| padding-left: 0 | |
| } | |
| .ui.icon.input>i.icon { | |
| left: 0; | |
| right: auto | |
| } | |
| .ui.icon.input input { | |
| padding-left: 2.67142857em!important; | |
| padding-right: 1em!important | |
| } | |
| .ui.form .field>.selection.dropdown,.ui.form input:not([type]),.ui.form input[type=date],.ui.form input[type=datetime-local],.ui.form input[type=email],.ui.form input[type=number],.ui.form input[type=password],.ui.form input[type=search],.ui.form input[type=tel],.ui.form input[type=text],.ui.form input[type=time],.ui.form input[type=url] { | |
| text-align: right | |
| } | |
| .ui.selection.dropdown>.delete.icon,.ui.selection.dropdown>.dropdown.icon,.ui.selection.dropdown>.search.icon { | |
| left: 1em; | |
| right: auto | |
| } | |
| .ui.form .field>.selection.dropdown>.dropdown.icon { | |
| float: left | |
| } | |
| .ui.selection.dropdown { | |
| padding: .78571429em 1em .78571429em 2.1em | |
| } | |
| .ui.selection.dropdown .menu>.item { | |
| direction: rtl; | |
| text-align: right | |
| } | |
| #info-more,#st_carousel-1 { | |
| direction: ltr!important | |
| } | |
| .ui.search .prompt~.search.icon { | |
| right: 0; | |
| left: auto | |
| } | |
| .coupon-button-type .coupon-deal,.coupon-button-type .coupon-print { | |
| font-size: 14px; | |
| padding: 14px 10px | |
| } | |
| .store-listing-item .latest-coupon .coupon-title { | |
| font-size: 14px | |
| } | |
| .coupon-button-type .coupon-code { | |
| font-size: 18px!important | |
| } | |
| .coupon-button-type .coupon-code .get-code { | |
| font-size: 14px | |
| } | |
| .coupon-button-type .coupon-code .get-code:after { | |
| border-top: 42px solid transparent | |
| } | |
| header-search .results .image { | |
| float: right; | |
| margin-left: 1em; | |
| margin-right: 0 | |
| } | |
| #info-more { | |
| background-color: #ff6664!important; | |
| color: #fff!important; | |
| padding: 5px 15px!important; | |
| border: none!important | |
| } | |
| .current_coupon .coupon-detail .get-code,.current_coupon .coupon-detail .single-coupon-btn { | |
| background-color: #00bcd4!important | |
| } | |
| .current_coupon .coupon-detail .get-code:after { | |
| border-left-color: #00bcd4!important | |
| } | |
| .coupon-listing-item .store-thumb-link .store-thumb,.popular-stores .store-thumb a,.store-listing-item .store-thumb-link .store-thumb,.store-listing-item .store-thumb-link .store-thumb a { | |
| overflow: hidden!important | |
| } | |
| #header-search label { | |
| position: relative; | |
| top: 8px; | |
| left: 8px | |
| } | |
| .wpu-modal .wpu_input label { | |
| display: block!important; | |
| text-align: right!important | |
| } | |
| .coupon-button-type .coupon-code .get-code:hover:after { | |
| right: -41px; | |
| transition: ease all .3s; | |
| } | |
| @media (max-width: 1199px) { | |
| .owl-nav { | |
| display: none; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment