/* Theme Name: Weaver X 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 */ /* =Reset reset ----------------------------------------------- */ caption, th, td { text-align: right; } /* =Structure ----------------------------------------------- */ body { direction:rtl; unicode-bidi:embed; } /* =Global ----------------------------------------------- */ /* Text elements */ ol, ul { margin-right:1.5em; } .ltr ul, .ltr ol { margin: 0 0 1.5em 2em; } blockquote { font-family: Arial, sans-serif; } /* Forms */ textarea { padding-left: 0; padding-right: 3px; } /* Assistive text */ .menu_bar a.assistive-text:active, .menu_bar a.assistive-text:focus { left: auto; right: 7.6%; } /* =Header ----------------------------------------------- */ #site-title { margin: 1% 7% 0 0; } #site-tagline { margin: 0 10% 0 1%; } #header-search { float: right; } #header-search .search-form { position: absolute; left: 10px; right:auto; top: 5px; } #nav-header-mini { display:inline-block; float: left; margin:0 5px 0 0; } .custom-logo-link { display: block; float: right; margin-left: 2em; margin-right: 1%; } #site-title img.site-title-logo { height: auto; padding-left: 1%; } /* =Menu -------------------------------------------------------------- */ .menu-toggle-button { float: right; } @media screen and (min-width: 768px) { /* desktop */ .wvrx-menu.sm ul a span.sub-arrow:after { /* right arrow on right side of submenus */ content: "\f503"; } } #infobar { margin-left:1em; margin-right:1em; } .menu-add {float:left;} .infobar_right {float:left;} .is-desktop .menu-alignleft { float: left; } .is-desktop .wvrx-menu-container ul ul { float: right; left: auto; right: 0; text-align: right; } .is-desktop .wvrx-menu-container ul ul ul { left: auto; right: 100%; text-align: right; } .is-desktop .wvrx-menu > li { display: block; float: right; } /* Standard arrow styles */ .is-desktop .menu-arrows .toggle-submenu:after { /* down arrow on top level menu (both bar and mobile) */ content: '\f502'; font-family: "Genericons"; font-size: 80%; position: relative; top: 1.2em; /* 1.2 default interacts with .wvrx-menu a rule */ padding-left: 1.1em; margin-right: 0.1em; border: none; } .is-desktop .menu-arrows ul .toggle-submenu:after { /* left arrow on right side of submenus */ content: "\f503"; font-family: "Genericons"; font-size: 80%; position: relative; top: 0.85em; /* interacts with .wvrx-menu a rule */ padding-left: 1.45em; margin-right: 0.1em; border: none; } .is-desktop .menu-type-accordion .menu-arrows .toggle-submenu:after { /* needed for accordion menus so Hide Arrows doesn't hide in this case */ content: "\f502" !important; display: inline-block !important; } /* CSS hover menu arrow styles */ .is-desktop .menu-arrows.menu-hover .has-submenu > a { /* spacing after menu item for down arrow */ padding-right: 1.5em; } .is-desktop .menu-arrows.menu-hover .toggle-submenu { width: 1.5em; } .is-desktop .is-desktop .menu-arrows.menu-hover .toggle-submenu:after { right: .5em; } /* Javascript menu arrow styles */ .is-desktop .menu-arrows .is-open-submenu > ul { display: block; } .is-desktop .menu-arrows.is-mobile-menu.menu-arrows ul a .toggle-submenu:after { /* down arrow - mobile submeu */ content: "\f502"; font-family: "Genericons"; font-size: 80%; position: relative; top: 1.1em; /* interacts with .wvrx-menu a rule */ padding-left: 1.4em; } /* =Content ----------------------------------------------- */ .content-title, .entry-header .entry-meta { padding-right: 0; padding-left: 0; } .entry-content td, .comment-content td { padding: 6px 0 6px 10px; } .entry-meta .edit-link a { float: left; } /* Images */ .post-avatar-status {float:left !important;} .entry-meta .post-avatar{float:none !important;} .wp-caption .wp-caption-text, .gallery-caption { font-family: Arial, sans-serif; } .wp-caption .wp-caption-text { padding: 10px 40px 5px 0px; } .wp-caption .wp-caption-text:before { margin-right: 0; margin-left: 5px; left: auto; right: 10px; } #content .gallery-columns-4 .gallery-item { padding-right:0; padding-left:2%; } /* Author Info */ #author-info { font-size:90%; margin:1.5em; padding:0 .5em 1em 0; bordexr:1px solid green; } #author-avatar { float: right; margin:0; padding:0 0 .5em 1em; } #author-avatar img { /* no setting available to change this... */ float:right; padding: 0; } .ie8 img.avatar { width:auto; /* fix for max-width bug in IE8 */ } #author-description { margin-right:1em; } /* Comments link */ .comments-bubble a { background-image: url(assets/css/icons/comment-bubble-rtl.png); background-size: 28px 28px; right: auto; left: 0; } .ie8 .comments-bubble a { background-image: url(assets/css/icons/comment-bubble-rtl-ie8.png); } /* Post Formats Headings */ /* =Gallery ----------------------------------------------- */ #content .attachment-thumbnail { float: right; } #content .attachment-thumbnail-single { float: right; margin-right: 12px; margin-bottom: 25px; } .format-gallery .gallery-thumb { float: right; margin: .375em 0 0 1.625em; } /* =Status ----------------------------------------------- */ .format-status img.avatar { float: right; margin: 4px 0 2px 10px; } /* =Image ----------------------------------------------- */ .indexed.format-image div.entry-meta { float: right; } .blog-post { float: right; } /* =Footer ----------------------------------------------- */ #site-info { float: right; padding-right:1em; } #site-generator { font-style: italic; float: left; padding-left:1em; } /* =Navigation -------------------------------------------------------------- */ .nav-previous { float: right; } .nav-next { float: left; text-align: left; } /* =Widgets ----------------------------------------------- */ #footer-widget-area .widget, #header-widget-area .widget { float:right; } .widget ul ul { margin-left: 0; margin-right: 1.5em; } .widget-horiz { float: right; } .widget-smart-rm aside, .m-widget-smart-rm aside, .is-mobile .m-widget-smart-rm aside, .ie8 .smart-rm { /* modern browsers use nth-of-type rules below */ margin-left: 1%; margin-right: 0; } @media (min-width:581px) and (max-width:767px) { /* =small tablets ========================================================= */ .widget-area.m-widget-cols-2 aside:nth-of-type(2n) {margin-left:0;} } @media (min-width:768px) { /* =desktop and large (iPad) tablets =========================================================== */ .widget-cols-2 aside:nth-of-type(2n) {margin-left:0;} .widget-cols-3 aside:nth-of-type(3n) {margin-left:0;} .widget-cols-4 aside:nth-of-type(4n) {margin-left:0;} .widget-cols-5 aside:nth-of-type(5n) {margin-left:0;} .widget-cols-6 aside:nth-of-type(6n) {margin-left:0;} .widget-cols-7 aside:nth-of-type(7n) {margin-left:0;} .widget-cols-8 aside:nth-of-type(8n) {margin-left:0;} } /* =Comments ----------------------------------------------- */ .comment-reply-link {margin-right:3em;} .commentlist .comment-author .comment { float: left; } .commentlist li.comment .comment-author img.avatar { float:right; left:10px; top:-10px; } .comments-bubble a { float:left; } #comments-title { /* wii_comment_headings_color */ padding:0px .5em 1.5em 0; } .edit-link {float:left !important;} /* Site Generator Line */ #site-generator .sep { background-position: right center; } .custom-logo-link { float:right; margin-left:2em; } /* =Print ----------------------------------------------- */ @media print { #container { float: right; } /* Comments */ .commentlist .avatar { left: auto; right: 2.2em; } .commentlist li.comment .comment-meta { margin-left: 0; margin-right: 50px; } } /* =IE7 ----------------------------------------------- */ .ie8 section.recent-posts { margin-right: 0; margin-left: 7.6%; }