/* Theme Name: Twenty Eleven 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 */ /* =Global ----------------------------------------------- */ body { direction: rtl; unicode-bidi: embed; } caption, th, td { text-align: right; } ul, ol { margin: 0 2.5em 1.625em 0; } textarea { padding-right: 3px; padding-left: 0; } /* =Menu -------------------------------------------------------------- */ #access { float: right; } #access ul { margin: 0 -0.8125em 0 0; padding-right: 0; padding-left: 0; } #access li { float: right; } #access ul ul { float: right; right: 0; } #access ul ul ul { right: 100%; } /* Search Form */ #branding #searchform { left: 7.6%; text-align: left; } #branding #s { float: left; padding: 4px 28px 4px 10px; width: 8%; } #branding #s:focus { width: 26%; } /* =Content ----------------------------------------------- */ .entry-title, .entry-header .entry-meta { padding-left: 76px; padding-right: 0; } .entry-content td, .comment-content td { padding: 6px 0 6px 10px; } .page-link span { margin-left: 6px; margin-right: auto; } .entry-meta .edit-link a { float: left; } /* Author Info */ .singular #author-info { margin: 2.2em -35.4% 0 -35.6%; } #author-avatar { float: right; margin-left: -78px; margin-right: auto; } #author-description { float: right; margin-right: 108px; margin-left: auto; } /* Comments link */ .entry-header .comments-link a { left: 0; right: auto; } /* Singular content styles for Posts and Pages */ .singular .entry-title, .singular .entry-header .entry-meta { padding-left: 0; padding-right: 0; } .singular .entry-header .entry-meta { right: 0; } .singular .pull.alignright { margin: 0 -22.25% 0 1.625em; } .singular .pull.alignleft { margin: 0 1.625em 0 -22.25%; } .singular .entry-meta .edit-link a { right: 50px; left: auto; } /* =Gallery ----------------------------------------------- */ .format-gallery .gallery-thumb { float: right; margin-left: 1.625em; margin-right: auto; } /* =Status ----------------------------------------------- */ .format-status img.avatar { float: right; margin: 4px 0 2px 10px; } /* =Quote ----------------------------------------------- */ /* =Image ----------------------------------------------- */ .format-image footer.entry-meta { margin-left: 2px; margin-right: auto; } .format-image div.entry-meta { float: right; } /* =error404 ----------------------------------------------- */ .error404 #main .widget { float: right; margin-left: 3.7%; margin-right: auto; } .error404 #main .widget_archive { margin-left: 0; margin-right: auto; } .error404 #main .widget_tag_cloud { margin-left: 0; margin-right: auto; } /* =Showcase ----------------------------------------------- */ /* Intro */ article.intro .edit-link a { left: 20px; } /* Featured post */ section.featured-post { float: right; } /* Small featured post */ section.featured-post .attachment-small-feature { border-left: 20px solid #bbb; float: left; margin: -10px 0 1.625em -8.9%; left: -35px; border-right: none; } article.feature-image.small { float: right; } article.feature-image.small .entry-summary p a { right: -23.8%; padding: 4px 85px 4px 26px; } /* Large featured post */ section.feature-image.large .hentry { right: 9%; margin: 1.625em 0 0 9%; } /* Featured Slider */ .featured-posts .showcase-heading { padding-right: 8.9%; padding-left: 0; } .featured-posts section.featured-post { right: 0; } #content .feature-slider { right: 8.9%; } .feature-slider li { float: right; } /* Recent Posts */ section.recent-posts .other-recent-posts a[rel="bookmark"] { float: right; } section.recent-posts .other-recent-posts .comments-link a, section.recent-posts .other-recent-posts .comments-link > span { padding: 0.3125em 1em 0.3125em 0; left: 0; text-align: left; } /* =Images ----------------------------------------------- */ .wp-caption .wp-caption-text { padding: 10px 40px 5px 0px; } .wp-caption .wp-caption-text:before { margin-left: 5px; right: 10px; margin-right: auto; } /* =Navigation -------------------------------------------------------------- */ .nav-previous { float: right; } .nav-next { float: left; text-align: left; } /* Singular navigation */ #nav-single { left: 0; right: auto; } #nav-single .nav-next { padding-right: .5em; padding-left: 0; } /* =Widgets ----------------------------------------------- */ .widget ul ul { margin-right: 1.5em; margin-left: auto; } /* Twitter */ .widget_twitter .timesince { margin-left: -10px; text-align: left; margin-right: auto; } /* =Comments ----------------------------------------------- */ .commentlist .children li.comment { border-right: 1px solid #ddd; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; border-left: none; } .commentlist .children li.comment .comment-meta { margin-right: 50px; margin-left: auto; } .commentlist .avatar { right: -102px; } .commentlist > li:before { content: url(images/comment-arrow-rtl.png); right: -21px; } .commentlist > li.bypostauthor:before { content: url(images/comment-arrow-bypostauthor-rtl.png); } .commentlist .children .avatar { right: 2.2em; } /* Comment Form */ #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { right: 4px; } #respond .comment-form-author .required, #respond .comment-form-email .required { right: 68%; } #respond .form-submit { float: left; } #respond input#submit { right: 30px; padding: 5px 22px 5px 42px; } #respond #cancel-comment-reply-link { margin-right: 10px; margin-left: auto; } #cancel-comment-reply-link { left: 1.625em; } /* =Footer ----------------------------------------------- */ /* Two Footer Widget Areas */ #supplementary.two .widget-area { float: right; margin-left: 3.7%; margin-right: auto; } #supplementary.two .widget-area + .widget-area { margin-left: 0; margin-right: auto; } /* Three Footer Widget Areas */ #supplementary.three .widget-area { float: right; margin-left: 3.7%; margin-right: auto; } #supplementary.three .widget-area + .widget-area + .widget-area { margin-left: 0; margin-right: auto; } /* Simplify the showcase template when small feature */ section.featured-post .attachment-small-feature, .one-column section.featured-post .attachment-small-feature { float: right; } article.feature-image.small { float: left; } article.feature-image.small .entry-summary a { right: -9%; } /* =Responsive Structure ----------------------------------------------- */ @media (max-width: 800px) { /* Three Footer Widget Areas */ #supplementary.three .widget-area { float: right; margin-left: 3.7%; margin-right: auto; } #supplementary.three .widget-area + .widget-area + .widget-area { margin-left: 0; margin-right: auto; } /* Simplify the showcase template when small feature */ section.featured-post .attachment-small-feature, .one-column section.featured-post .attachment-small-feature { float: right; } article.feature-image.small { float: left; } article.feature-image.small .entry-summary a { right: -9%; } /* Make sure the logo and search form don't collide */ #branding #searchform { left: 1px; } } @media (max-width: 800px) { /* Three Footer Widget Areas */ #supplementary.three .widget-area { float: right; margin-left: 3.7%; margin-right: auto; } #supplementary.three .widget-area + .widget-area + .widget-area { margin-left: 0; margin-right: auto; } /* Simplify the showcase template when small feature */ section.featured-post .attachment-small-feature, .one-column section.featured-post .attachment-small-feature { float: right; } article.feature-image.small { float: left; } article.feature-image.small .entry-summary a { right: -9%; right: auto; } /* Make sure the logo and search form don't collide */ #branding #searchform { left: 1px; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { #primary { float: right; } .commentlist .avatar { right: 2.2em; } } /* =Print ----------------------------------------------- */ @media print { #primary { float: right; } /* Comments */ .commentlist .avatar { right: 2.2em; } } /* =IE7 ----------------------------------------------- */ #ie7 article.intro { margin-right: -7.6%; margin-left: -7.6%; padding-right: -7.6%; padding-left: -7.6%; } #ie7 section.featured-post { margin-right: -7.6%; margin-left: -7.6%; } #ie7 section.recent-posts { margin-left: 7.6%; margin-right: auto; }