465 lines
10 KiB
CSS
465 lines
10 KiB
CSS
/*
|
|
Theme Name: Ixion
|
|
|
|
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_Languagecomponentsupport
|
|
|
|
*/
|
|
|
|
|
|
body {
|
|
direction: rtl;
|
|
unicode-bidi: embed;
|
|
}
|
|
.screen-reader-text:focus {
|
|
right: 5px;
|
|
left: auto;
|
|
}
|
|
.alignright {
|
|
float: right;
|
|
margin-left: 1.5em;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.alignleft {
|
|
float: left;
|
|
margin-right: 1.5em;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.aligncenter {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
textarea {
|
|
padding-right: 3px;
|
|
padding-left: 0;
|
|
}
|
|
#infinite-handle span {
|
|
float: left;
|
|
}
|
|
|
|
#infinite-handle span:after {
|
|
margin-right: 6px;
|
|
margin-left: auto;
|
|
}
|
|
ul, ol {
|
|
margin: 0 1.6em 1.6em 0;
|
|
padding-right: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
li > ul,
|
|
li > ol {
|
|
margin-right: 1.5em;
|
|
margin-left: auto;
|
|
}
|
|
.main-navigation .menu-toggle {
|
|
left: 1.6em;
|
|
right: auto;
|
|
}
|
|
|
|
.main-navigation .menu-toggle:before {
|
|
margin-left: 6px;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.main-navigation ul:before {
|
|
right: 0;
|
|
text-align: left;
|
|
left: auto;
|
|
}
|
|
|
|
.main-navigation ul ul {
|
|
margin: 0 1.6em 0 0;
|
|
}
|
|
|
|
.main-navigation ul ul ul {
|
|
margin-right: 3.2em;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.comment-navigation .nav-previous a:before,
|
|
.posts-navigation .nav-previous a:before,
|
|
.post-navigation .nav-previous a:before {
|
|
content: '\2192';
|
|
margin-left: 6px;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.comment-navigation .nav-next a,
|
|
.posts-navigation .nav-next a,
|
|
.post-navigation .nav-next a {
|
|
text-align: left;
|
|
}
|
|
|
|
.comment-navigation .nav-next a:after,
|
|
.posts-navigation .nav-next a:after,
|
|
.post-navigation .nav-next a:after {
|
|
content: '\2190';
|
|
margin-right: 6px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.no-sidebar .content-area {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.no-sidebar .recent-posts-header,
|
|
.no-sidebar .entry-meta,
|
|
.no-sidebar .hentry,
|
|
.no-sidebar .comments-area,
|
|
.no-sidebar.singular .entry-title,
|
|
.no-sidebar .post-navigation,
|
|
.no-sidebar .posts-navigation,
|
|
.no-sidebar .page-header {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
.recent-posts:after {
|
|
transform: translateX(1.4em);
|
|
}
|
|
.author-avatar {
|
|
float: left;
|
|
}
|
|
|
|
.author-heading {
|
|
float: right;
|
|
}
|
|
.widget .testimonial-entry:after,
|
|
.quote:after {
|
|
left: -8px;
|
|
right: auto;
|
|
transform: scaleX(-1);
|
|
}
|
|
|
|
.testimonial-entry-content {
|
|
margin: 0 !important 1.6em 0;
|
|
}
|
|
|
|
.testimonials .post-thumbnail,
|
|
.widget .testimonial-featured-image img {
|
|
float: left;
|
|
}
|
|
|
|
.more-testimonials,
|
|
.more-testimonials:visited {
|
|
text-align: left;
|
|
}
|
|
|
|
.meta-nav {
|
|
margin-right: 6px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.comment-list .avatar {
|
|
float: right;
|
|
margin-right: -70px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.comment-body {
|
|
padding-right: 70px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.comment-metadata .edit-link:before {
|
|
margin-right: 5px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.comments-title,
|
|
#respond h3 {
|
|
margin: 0 !important .8em 0;
|
|
padding: 0 !important .8em 0;
|
|
}
|
|
|
|
.widget > ul,
|
|
.widget > div > ul {
|
|
margin-right: 0;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.search-form-icon:before {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
.widget_calendar td#next {
|
|
text-align: left;
|
|
}
|
|
.infinite-loader {
|
|
float: left;
|
|
}
|
|
|
|
.wp-caption img[class*="wp-image-"] {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.branding-container {
|
|
justify-content: right;
|
|
}
|
|
|
|
.site-header .search-form {
|
|
float: left;
|
|
}
|
|
|
|
.site-header .search-form-icon:before {
|
|
border-right: 1px solid #eeece8;
|
|
border-left: none;
|
|
}
|
|
|
|
.site-header .search-form .search-field {
|
|
left: 0;
|
|
padding-right: 0;
|
|
right: auto;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.site-header .search-form:hover .search-form-icon:before,
|
|
.site-header .search-field:focus + .search-form-icon:before {
|
|
transform: translateX(300px);
|
|
}
|
|
|
|
.featured-content .post-link {
|
|
right: 0;
|
|
left: auto;
|
|
}
|
|
|
|
.featured-content .hentry .entry-title {
|
|
right: 0;
|
|
left: auto;
|
|
}
|
|
|
|
.site-header .jetpack-social-navigation {
|
|
float: right;
|
|
}
|
|
|
|
.site-header .jetpack-social-navigation li {
|
|
margin-right: -3px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.site-header .jetpack-social-navigation a:before {
|
|
border-left: 1px solid #eeece8;
|
|
border-right: none;
|
|
}
|
|
|
|
@media screen and (min-width: 37.5em) {
|
|
.main-navigation ul li {
|
|
margin-right: 2.4em;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.main-navigation ul ul {
|
|
right: -999em;
|
|
left: auto;
|
|
margin: 0;
|
|
}
|
|
|
|
.main-navigation ul ul ul {
|
|
margin: 0;
|
|
}
|
|
|
|
.main-navigation ul ul:before {
|
|
right: 0;
|
|
left: auto;
|
|
}
|
|
|
|
.main-navigation ul li:hover > ul,
|
|
.main-navigation ul li.focus > ul {
|
|
transform: translateX(50%);
|
|
right: 50%;
|
|
left: auto;
|
|
}
|
|
|
|
.main-navigation ul ul li:hover > ul {
|
|
right: 100%;
|
|
left: auto;
|
|
}
|
|
|
|
.main-navigation ul > li.page_item_has_children > a:after,
|
|
.main-navigation ul > li.menu-item-has-children > a:after {
|
|
margin-right: 6px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.main-navigation ul ul > li.page_item_has_children > a:after,
|
|
.main-navigation ul ul > li.menu-item-has-children > a:after {
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
.custom-logo {
|
|
margin-left: .8em;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.more-recent-posts {
|
|
left: 0;
|
|
text-align: left;
|
|
right: auto;
|
|
}
|
|
|
|
.comment-navigation .nav-previous a,
|
|
.posts-navigation .nav-previous a,
|
|
.post-navigation .nav-previous a {
|
|
float: right;
|
|
}
|
|
|
|
.comment-navigation .nav-next a,
|
|
.posts-navigation .nav-next a,
|
|
.post-navigation .nav-next a {
|
|
float: left;
|
|
text-align: left;
|
|
}
|
|
|
|
.footer-widgets .widget-area {
|
|
float: right;
|
|
}
|
|
|
|
.footer-widgets .widget-area:nth-child(1):nth-last-child(2),
|
|
.footer-widgets .widget-area:nth-child(2):nth-last-child(1) {
|
|
margin-left: 4%;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.footer-widgets .widget-area:nth-child(1):nth-last-child(2):nth-of-type(2n),
|
|
.footer-widgets .widget-area:nth-child(2):nth-last-child(1):nth-of-type(2n) {
|
|
margin-left: 0;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.footer-widgets .widget-area:nth-child(1):nth-last-child(3),
|
|
.footer-widgets .widget-area:nth-child(2):nth-last-child(2),
|
|
.footer-widgets .widget-area:nth-child(3):nth-last-child(1) {
|
|
margin-left: 4%;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.footer-widgets .widget-area:nth-child(1):nth-last-child(3):nth-of-type(2n),
|
|
.footer-widgets .widget-area:nth-child(2):nth-last-child(2):nth-of-type(2n),
|
|
.footer-widgets .widget-area:nth-child(3):nth-last-child(1):nth-of-type(2n) {
|
|
margin-left: 0;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.footer-widgets .widget-area:nth-child(1):nth-last-child(4),
|
|
.footer-widgets .widget-area:nth-child(2):nth-last-child(3),
|
|
.footer-widgets .widget-area:nth-child(3):nth-last-child(2),
|
|
.footer-widgets .widget-area:nth-child(4):nth-last-child(1) {
|
|
margin-left: 4%;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.footer-widgets .widget-area:nth-child(1):nth-last-child(4):nth-of-type(2n),
|
|
.footer-widgets .widget-area:nth-child(2):nth-last-child(3):nth-of-type(2n),
|
|
.footer-widgets .widget-area:nth-child(3):nth-last-child(2):nth-of-type(2n),
|
|
.footer-widgets .widget-area:nth-child(4):nth-last-child(1):nth-of-type(2n) {
|
|
margin-left: 0;
|
|
margin-right: auto;
|
|
}
|
|
}
|
|
|
|
@media screen and ( min-width: 50em ) {
|
|
.content-area {
|
|
float: right;
|
|
margin: 0 0 0 -34%;
|
|
}
|
|
|
|
.site-main {
|
|
margin: 0 0 0 34%;
|
|
}
|
|
|
|
.site-content .widget-area {
|
|
float: left;
|
|
}
|
|
|
|
.featured-content {
|
|
padding-right: 3.75em;
|
|
padding-left: 3.75em;
|
|
}
|
|
|
|
.branding-container {
|
|
padding-right: 3.75em;
|
|
padding-left: 3.75em;
|
|
}
|
|
|
|
.header-overlay:before {
|
|
right: 0;
|
|
left: auto;
|
|
}
|
|
|
|
.footer-widgets .widget-area:nth-child(1):nth-last-child(2):nth-of-type(2n),
|
|
.footer-widgets .widget-area:nth-child(2):nth-last-child(1):nth-of-type(2n) {
|
|
margin-left: 4%;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.footer-widgets .widget-area:nth-child(1):nth-last-child(3):nth-of-type(2n),
|
|
.footer-widgets .widget-area:nth-child(2):nth-last-child(2):nth-of-type(2n),
|
|
.footer-widgets .widget-area:nth-child(3):nth-last-child(1):nth-of-type(2n) {
|
|
margin-left: 5%;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.footer-widgets .widget-area:nth-child(1):nth-last-child(4):nth-of-type(2n),
|
|
.footer-widgets .widget-area:nth-child(2):nth-last-child(3):nth-of-type(2n),
|
|
.footer-widgets .widget-area:nth-child(3):nth-last-child(2):nth-of-type(2n),
|
|
.footer-widgets .widget-area:nth-child(4):nth-last-child(1):nth-of-type(2n) {
|
|
margin-left: 6.66667%;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.footer-widgets .widget-area:nth-child(1):nth-last-child(2),
|
|
.footer-widgets .widget-area:nth-child(2):nth-last-child(1) {
|
|
margin-left: 4%;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.footer-widgets .widget-area:nth-child(1):nth-last-child(2):last-of-type,
|
|
.footer-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type {
|
|
margin-left: 0;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.footer-widgets .widget-area:nth-child(1):nth-last-child(3),
|
|
.footer-widgets .widget-area:nth-child(2):nth-last-child(2),
|
|
.footer-widgets .widget-area:nth-child(3):nth-last-child(1) {
|
|
margin-left: 5%;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.footer-widgets .widget-area:nth-child(1):nth-last-child(3):last-of-type,
|
|
.footer-widgets .widget-area:nth-child(2):nth-last-child(2):last-of-type,
|
|
.footer-widgets .widget-area:nth-child(3):nth-last-child(1):last-of-type {
|
|
margin-left: 0;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.footer-widgets .widget-area:nth-child(1):nth-last-child(4),
|
|
.footer-widgets .widget-area:nth-child(2):nth-last-child(3),
|
|
.footer-widgets .widget-area:nth-child(3):nth-last-child(2),
|
|
.footer-widgets .widget-area:nth-child(4):nth-last-child(1) {
|
|
margin-left: 6.66667%;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.footer-widgets .widget-area:nth-child(1):nth-last-child(4):last-of-type,
|
|
.footer-widgets .widget-area:nth-child(2):nth-last-child(3):last-of-type,
|
|
.footer-widgets .widget-area:nth-child(3):nth-last-child(2):last-of-type,
|
|
.footer-widgets .widget-area:nth-child(4):nth-last-child(1):last-of-type {
|
|
margin-left: 0;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.site-info {
|
|
padding-right: 3.75em;
|
|
padding-left: 3.75em;
|
|
}
|
|
|
|
}
|