2 Theme Name: Twenty Eleven
4 Adding support for language written in a Right To Left (RTL) direction is easy -
5 it's just a matter of overwriting all the horizontal positioning attributes
6 of your CSS stylesheet in a separate stylesheet file named rtl.css.
8 http://codex.wordpress.org/Right_to_Left_Language_Support
13 ----------------------------------------------- */
20 ----------------------------------------------- */
28 .page-template-showcase-php section.recent-posts {
32 .page-template-showcase-php #main .widget-area {
34 margin: 0 0 0 -22.15%;
39 .one-column article.feature-image.small .entry-summary a {
44 /* Simplify the pullquotes and pull styles */
45 .one-column.singular .entry-meta .edit-link a {
49 /* Make sure we have room for our comment avatars */
50 .one-column .commentlist > li.comment {
54 /* Make sure the logo and search form don't collide */
55 .one-column #branding #searchform {
59 /* Talking avatars take up too much room at this size */
60 .one-column .commentlist > li.comment {
63 .one-column .commentlist > li.comment .comment-meta,
64 .one-column .commentlist > li.comment .comment-content {
68 .one-column .commentlist .avatar {
72 .one-column .commentlist .children .avatar {
78 ----------------------------------------------- */
82 margin-bottom: 1.625em;
85 margin: 0 2.5em 1.625em 0;
88 margin: 0 0 1.625em 2.5em;
91 font-family: Arial, sans-serif;
93 blockquote em, blockquote i, blockquote cite {
103 background-position: 97% 6px;
104 padding: 4px 28px 4px 10px;
108 #access a.assistive-text:active,
109 #access a.assistive-text:focus {
115 ----------------------------------------------- */
123 margin: 0 0 3.65625em 270px;
127 -------------------------------------------------------------- */
133 margin: 0 -0.8125em 0 0;
150 #branding #searchform {
158 #branding .only-search + #access div {
165 ----------------------------------------------- */
167 .entry-header .entry-meta {
172 .comment-content td {
173 padding: 6px 0 6px 10px;
179 .entry-meta .edit-link a {
184 .wp-caption .wp-caption-text,
186 font-family: Arial, sans-serif;
188 .wp-caption .wp-caption-text {
189 padding: 10px 40px 5px 0px;
191 .wp-caption .wp-caption-text:before {
197 #content .gallery-columns-4 .gallery-item {
203 .singular #author-info {
204 margin: 2.2em -35.4% 0 -35.6%;
211 #author-description {
217 .entry-header .comments-link a {
218 background-image: url(images/comment-bubble-rtl.png);
224 Post Formats Headings
226 .singular .entry-title,
227 .singular .entry-header .entry-meta {
230 .singular .entry-header .entry-meta {
234 .singular .entry-meta .edit-link a {
241 ----------------------------------------------- */
243 .format-gallery .gallery-thumb {
245 margin: .375em 0 0 1.625em;
250 ----------------------------------------------- */
252 .format-status img.avatar {
254 margin: 4px 0 2px 10px;
259 ----------------------------------------------- */
261 .indexed.format-image div.entry-meta {
265 ----------------------
266 ------------------------- */
267 .error404 #main .widget {
272 .error404 #main .widget_archive {
275 .error404 #main .widget_tag_cloud {
280 ----------------------------------------------- */
282 article.intro .edit-link a {
288 section.featured-post {
292 /* Small featured post */
293 section.featured-post .attachment-small-feature {
295 margin: 0 0 1.625em -8.9%;
299 article.feature-image.small {
302 article.feature-image.small .entry-summary p a {
305 padding: 9px 85px 9px 26px;
308 /* Large featured post */
309 section.feature-image.large .hentry {
312 margin: 1.625em 0 0 9%;
314 /* Featured Slider */
315 .featured-posts .showcase-heading {
319 .featured-posts section.featured-post {
323 #content .feature-slider {
331 section.recent-posts .other-recent-posts a[rel="bookmark"] {
334 section.recent-posts .other-recent-posts .comments-link a,
335 section.recent-posts .other-recent-posts .comments-link > span {
336 padding: 0.3125em 1em 0.3125em 0;
343 ----------------------------------------------- */
346 -------------------------------------------------------------- */
356 /* Singular navigation */
361 #nav-single .nav-next {
368 ----------------------------------------------- */
376 .widget_twitter .timesince {
383 ----------------------------------------------- */
385 .commentlist .children li.comment {
387 border-right: 1px solid #ddd;
388 -moz-border-radius: 3px 0 0 3px;
389 border-radius: 3px 0 0 3px;
391 .commentlist .children li.comment .comment-meta {
395 .commentlist .avatar {
399 .commentlist > li:before {
400 content: url(images/comment-arrow-rtl.png);
404 .commentlist > li.pingback:before {
407 .commentlist .children .avatar {
412 /* Post author highlighting */
413 .commentlist > li.bypostauthor:before {
414 content: url(images/comment-arrow-bypostauthor-rtl.png);
417 /* sidebar-page.php comments */
418 /* Make sure we have room for our comment avatars */
419 .page-template-sidebar-page-php .commentlist > li.comment,
420 .page-template-sidebar-page-php.commentlist .pingback {
426 #respond .comment-form-author label,
427 #respond .comment-form-email label,
428 #respond .comment-form-url label,
429 #respond .comment-form-comment label {
433 #respond .comment-form-author label,
434 #respond .comment-form-email label,
435 #respond .comment-form-url label,
436 #respond .comment-form-comment label {
437 -webkit-box-shadow: -1px 2px 2px rgba(204,204,204,0.8);
438 -moz-box-shadow: -1px 2px 2px rgba(204,204,204,0.8);
439 box-shadow: -1px 2px 2px rgba(204,204,204,0.8);
441 #respond .comment-form-author .required,
442 #respond .comment-form-email .required {
446 #respond .form-submit {
449 #respond input#submit {
452 padding: 5px 22px 5px 42px;
454 #respond #cancel-comment-reply-link {
458 #cancel-comment-reply-link {
464 ----------------------------------------------- */
466 /* Two Footer Widget Areas */
467 #supplementary.two .widget-area {
472 #supplementary.two .widget-area + .widget-area {
476 /* Three Footer Widget Areas */
477 #supplementary.three .widget-area {
482 #supplementary.three .widget-area + .widget-area + .widget-area {
486 /* Site Generator Line */
487 #site-generator .sep {
488 background-position: right center;
492 /* =Responsive Structure
493 ----------------------------------------------- */
495 @media (max-width: 800px) {
496 /* Simplify the showcase template when small feature */
497 section.featured-post .attachment-small-feature,
498 .one-column section.featured-post .attachment-small-feature {
501 article.feature-image.small {
504 article.feature-image.small .entry-summary p a {
507 .singular .entry-meta .edit-link a {
511 /* Make sure we have room for our comment avatars */
512 .commentlist > li.comment,
513 .commentlist .pingback {
517 /* No need to float footer widgets at this size */
518 #colophon #supplementary .widget-area {
521 /* No need to float 404 widgets at this size */
522 .error404 #main .widget {
526 @media (max-width: 650px) {
527 /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
532 /* Talking avatars take up too much room at this size */
533 .commentlist > li.comment,
534 .commentlist > li.pingback {
535 margin-right: 0 !important;
537 .commentlist .children .avatar {
541 /* Use the available space in the smaller comment form */
542 #respond .comment-form-author .required,
543 #respond .comment-form-email .required {
547 #content .gallery-columns-3 .gallery-item {
552 @media (max-width: 450px) {
553 #content .gallery-columns-2 .gallery-item {
560 ----------------------------------------------- */
567 .commentlist .avatar {
571 .commentlist li.comment .comment-meta {
578 ----------------------------------------------- */
580 #ie7 section.recent-posts {