themotion-lemondropproductions/rtl.css

325 lines
4.9 KiB
CSS

/*
Theme Name: themotion
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.
https://codex.wordpress.org/Right_to_Left_Language_Support
*/
body {
direction: rtl;
unicode-bidi: embed;
}
body,
button,
input,
select,
textarea {
text-align: right;
}
/* Header */
.menu-toggle-button-wrap {
float: left;
text-align: left;
}
.main-navigation ul {
text-align: right;
}
.dropdown-toggle {
right: initial;
left: 0;
margin: 0 0 0 5px;
}
.main-navigation ul {
padding-right: 0;
}
.main-navigation ul ul {
float: right;
padding-right: 30px;
padding-left: 0;
text-align: right;
}
.menu-toggle {
margin-right: 0;
margin-left: -15px;
border-right: solid 1px #dfdfdf;
border-left: none;
}
.site-branding {
float: right;
padding-right: 0;
padding-left: 20px;
}
.header-search form {
float: left;
}
.header-search label:before {
right: initial;
left: 0;
padding-right: 0;
padding-left: 20px;
content: "\f002";
}
.header-search input {
padding-left: 50px;
}
.header-search input[type="submit"] {
right: initial;
left: 0;
}
/* Footer */
.site-footer {
text-align: right;
}
.quick-contact .fa {
margin: 0 0 15px 20px;
}
/* Ribbon itnro [Homepage two] */
.homepage-two .site-main {
padding-left: 0;
}
/* Recently posted [homepage two] */
.recently-item .entry-header {
float: right;
width: 100%;
}
.recently-item h2.entry-title a {
float: none;
}
.recently-content-wrap .entry-content {
width: 100%;
}
/* Page */
.taxonomy-description {
padding-right: 0;
padding-left: 315px;
text-align: right;
}
blockquote {
margin-right: 0;
padding: 0 20px;
border-right: 5px solid #7fcaad;
border-left: none;
}
/* Single page */
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: left;
margin-right: -1px;
margin-left: 0;
text-align: left;
}
.comment-body {
padding: 30px 124px 30px 15px;
}
.comment-author {
right: 0;
left: initial;
}
.comment-list .children {
padding: 0 30px 0 0;
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width: 600px) {
/* Sidebar */
.widget_search input[type="submit"] {
right: initial;
left: 0;
}
.widget_search label:before {
right: initial;
left: 0;
padding-right: 0;
padding-left: 20px;
content: "\f002";
}
.widget_search input {
padding-left: 50px;
}
}
@media screen and (min-width: 768px) {
/* Header */
.menu-toggle {
margin-right: 0;
margin-left: 20px;
border-left: solid 1px #dfdfdf;
}
.main-navigation ul ul {
padding: 0;
}
/* Footer */
.footer-content-bottom,
.quick-contact {
text-align: right;
}
.quick-contact,
.footer-widget-wrap {
float: right;
}
.footer-content-bottom-btn {
padding-right: 25px;
padding-left: 0;
}
/* About us */
.about-us-page .recently-posted-title {
float: right;
}
.see-all-posts {
float: left;
}
.recently-posted-wrap .recently-posted-about {
float: right;
}
.recently-posted-wrap .recently-posted-about:nth-child(3n+1) {
clear: right;
padding-right: 0;
padding-left: 16.6px;
}
.recently-posted-wrap .recently-posted-about:nth-child(3n+3) {
padding-right: 16.6px;
padding-left: 0;
}
}
@media screen and (min-width: 992px) {
.site-main {
padding: 0 0 0 60px;
}
/* header */
.main-navigation ul {
text-align: left;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
right: 100%;
left: initial;
}
/* Footer */
.footer-video-wrap {
margin-right: 0;
margin-left: 60px;
}
/* Ribbon [Homepage One] */
.home-ribbon-text {
margin-right: 0;
margin-left: 20px;
text-align: right;
}
/* Tree videos [Homepage Two] */
.home-three-videos-item {
float: right;
}
/* Ribbon intro [Homepage Two] */
.home-ribbon-intro-inner {
float: right;
text-align: right;
}
/* Recently posted [homepage two] */
.recently-image-wrap {
margin-right: 0;
margin-left: 50px;
}
/* Contact */
.search-page .site-main,
.contact-page .site-main {
padding-left: 0;
}
.contact-block-item-wrap .contact-block-item {
float: right;
}
.contact-block-content-wrap .contact-block-content:nth-child(even) {
padding-right: 15px;
padding-left: 0;
}
.contact-block-content-wrap .contact-block-content:nth-child(odd) {
padding-right: 0;
padding-left: 15px;
}
.contact-block {
text-align: right;
}
.contact-link .fa {
text-align: right;
}
/* About us */
.info-block {
text-align: right;
}
}
@media screen and (min-width: 1200px) {
/* Recently posted */
.recently-posted-wrap .recently-posted-item:nth-child(2n+1) {
clear: right;
}
.recently-posted-item {
float: right;
}
.recently-posted-wrap .recently-posted-item:nth-child(odd) {
padding-right: 0;
padding-left: 10px;
}
.recently-posted-wrap .recently-posted-item:nth-child(even) {
padding-right: 10px;
padding-left: 0;
}
}