325 lines
4.9 KiB
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;
|
|
}
|
|
}
|