|
1 /* |
|
2 Theme Name: Twenty Thirteen |
|
3 Description: Adds support for languages written in a Right To Left (RTL) direction. |
|
4 It's easy, just a matter of overwriting all the horizontal positioning attributes |
|
5 of your CSS stylesheet in a separate stylesheet file named rtl.css. |
|
6 |
|
7 See http://codex.wordpress.org/Right_to_Left_Language_Support |
|
8 */ |
|
9 |
|
10 /** |
|
11 * Table of Contents: |
|
12 * |
|
13 * 1.0 - Reset |
|
14 * 4.0 - Header |
|
15 * 4.1 - Site Header |
|
16 * 4.2 - Navigation |
|
17 * 5.0 - Content |
|
18 * 5.2 - Entry Meta |
|
19 * 5.4 - Galleries |
|
20 * 5.5 - Post Formats |
|
21 * 5.6 - Attachments |
|
22 * 5.7 - Post/Paging Navigation |
|
23 * 5.8 - Author Bio |
|
24 * 5.9 - Archives |
|
25 * 5.10 - Search Results/No posts |
|
26 * 5.12 - Comments |
|
27 * 6.0 - Sidebar |
|
28 * 6.1 - Widgets |
|
29 * 7.0 - Footer |
|
30 * 8.0 - Media Queries |
|
31 * 9.0 - Print |
|
32 * ---------------------------------------------------------------------------- |
|
33 */ |
|
34 |
|
35 |
|
36 /** |
|
37 * 1.0 Reset |
|
38 * ---------------------------------------------------------------------------- |
|
39 */ |
|
40 |
|
41 body { |
|
42 direction: rtl; |
|
43 unicode-bidi: embed; |
|
44 } |
|
45 |
|
46 a { |
|
47 display: inline-block; |
|
48 } |
|
49 |
|
50 blockquote blockquote { |
|
51 margin-left: 0; |
|
52 margin-right: 24px; |
|
53 } |
|
54 |
|
55 menu, |
|
56 ol, |
|
57 ul { |
|
58 padding: 0 40px 0 0; |
|
59 } |
|
60 |
|
61 caption, |
|
62 th, |
|
63 td { |
|
64 text-align: right; |
|
65 } |
|
66 |
|
67 td { |
|
68 padding-left: 10px; |
|
69 padding-right: 0; |
|
70 } |
|
71 |
|
72 .assistive-text:focus { |
|
73 left: auto; |
|
74 right: 5px; |
|
75 } |
|
76 |
|
77 |
|
78 /** |
|
79 * 4.0 Header |
|
80 * ---------------------------------------------------------------------------- |
|
81 */ |
|
82 |
|
83 /** |
|
84 * 4.1 Site Header |
|
85 * ---------------------------------------------------------------------------- |
|
86 */ |
|
87 |
|
88 .site-header > a:first-child { |
|
89 display: inherit; |
|
90 } |
|
91 |
|
92 .site-description { |
|
93 font-style: normal; |
|
94 } |
|
95 |
|
96 |
|
97 /** |
|
98 * 4.2 Navigation |
|
99 * ---------------------------------------------------------------------------- |
|
100 */ |
|
101 |
|
102 /* Navbar */ |
|
103 ul.nav-menu, |
|
104 div.nav-menu > ul { |
|
105 margin: 0 -20px 0 0; |
|
106 padding: 0 0 0 40px; |
|
107 } |
|
108 |
|
109 .nav-menu .sub-menu, |
|
110 .nav-menu .children { |
|
111 float: right; |
|
112 left: auto; |
|
113 right: -2px; |
|
114 } |
|
115 |
|
116 .nav-menu .sub-menu ul, |
|
117 .nav-menu .children ul { |
|
118 border-left: 2px solid #f7f5e7; |
|
119 border-right: 0; |
|
120 left: auto; |
|
121 right: 100%; |
|
122 } |
|
123 |
|
124 .main-navigation .search-form { |
|
125 left: 0; |
|
126 right: auto; |
|
127 } |
|
128 |
|
129 .site-header .search-field { |
|
130 background-position: 98% center; |
|
131 padding: 0 34px 0 0; |
|
132 } |
|
133 |
|
134 .nav-menu .current_page_item > a, |
|
135 .nav-menu .current_page_ancestor > a, |
|
136 .nav-menu .current-menu-item > a, |
|
137 .nav-menu .current-menu-ancestor > a { |
|
138 font-style: normal; |
|
139 } |
|
140 |
|
141 .menu-toggle { |
|
142 padding-left: 0; |
|
143 padding-right: 20px; |
|
144 } |
|
145 |
|
146 |
|
147 /** |
|
148 * 5.0 Content |
|
149 * ---------------------------------------------------------------------------- |
|
150 */ |
|
151 |
|
152 .sidebar .entry-header, |
|
153 .sidebar .entry-content, |
|
154 .sidebar .entry-summary, |
|
155 .sidebar .entry-meta { |
|
156 padding-left: 376px; |
|
157 padding-right: 60px; |
|
158 } |
|
159 |
|
160 |
|
161 /** |
|
162 * 5.2 Entry Meta |
|
163 * ---------------------------------------------------------------------------- |
|
164 */ |
|
165 |
|
166 .entry-meta > span { |
|
167 margin-left: 20px; |
|
168 margin-right: auto; |
|
169 } |
|
170 |
|
171 .entry-meta > span:last-child { |
|
172 margin-left: 0; |
|
173 margin-right: auto; |
|
174 } |
|
175 |
|
176 .featured-post:before { |
|
177 margin-left: 2px; |
|
178 margin-right: auto; |
|
179 } |
|
180 |
|
181 .entry-meta .date a:before { |
|
182 margin-left: 2px; |
|
183 } |
|
184 |
|
185 .comments-link a:before { |
|
186 margin-left: 2px; |
|
187 margin-right: auto; |
|
188 } |
|
189 |
|
190 .tags-links a:first-child:before { |
|
191 margin-left: 2px; |
|
192 } |
|
193 |
|
194 .edit-link a:before { |
|
195 margin-left: 2px; |
|
196 } |
|
197 |
|
198 .page-links .page-links-title { |
|
199 margin-left: 20px; |
|
200 margin-right: auto; |
|
201 } |
|
202 |
|
203 /** |
|
204 * 5.4 Galleries |
|
205 * ---------------------------------------------------------------------------- |
|
206 */ |
|
207 |
|
208 .gallery { |
|
209 margin-left: auto; |
|
210 margin-right: -4px; |
|
211 } |
|
212 |
|
213 .gallery-item { |
|
214 float: right; |
|
215 margin: 0 0 4px 4px; |
|
216 } |
|
217 |
|
218 .gallery-item a { |
|
219 display: inline; |
|
220 } |
|
221 |
|
222 |
|
223 /** |
|
224 * 5.5 Post Formats |
|
225 * ---------------------------------------------------------------------------- |
|
226 */ |
|
227 |
|
228 .entry-content a { |
|
229 display: inline; |
|
230 } |
|
231 |
|
232 .format-aside cite:before { |
|
233 content: normal; |
|
234 margin-right: auto; |
|
235 } |
|
236 |
|
237 .format-aside cite:after { |
|
238 content: "\2014"; |
|
239 margin-left: 5px; |
|
240 } |
|
241 |
|
242 .format-audio .entry-content:before { |
|
243 float: right; |
|
244 -webkit-transform: scaleX(-1); |
|
245 -moz-transform: scaleX(-1); |
|
246 -ms-transform: scaleX(-1); |
|
247 -o-transform: scaleX(-1); |
|
248 transform: scaleX(-1); |
|
249 } |
|
250 |
|
251 .format-audio .audio-content { |
|
252 background-position: right top; |
|
253 float: left; |
|
254 padding-left: 0; |
|
255 padding-right: 35px; |
|
256 } |
|
257 |
|
258 .format-chat .entry-meta .date a:before { |
|
259 margin-left: 4px; |
|
260 margin-right: auto; |
|
261 } |
|
262 |
|
263 .format-image .wp-caption-text { |
|
264 text-align: right; |
|
265 } |
|
266 |
|
267 .format-link .entry-title { |
|
268 margin-left: 20px; |
|
269 margin-right: auto; |
|
270 } |
|
271 |
|
272 .format-status .entry-content, |
|
273 .format-status .entry-meta { |
|
274 padding-left: 0; |
|
275 padding-right: 35px; |
|
276 } |
|
277 |
|
278 .sidebar .format-status .entry-content, |
|
279 .sidebar .format-status .entry-meta { |
|
280 padding-left: 376px; |
|
281 padding-right: 95px; |
|
282 } |
|
283 |
|
284 .format-status .entry-content:before, |
|
285 .format-status .entry-meta:before { |
|
286 left: auto; |
|
287 right: 10px; |
|
288 } |
|
289 |
|
290 .sidebar .format-status .entry-content:before, |
|
291 .sidebar .format-status .entry-meta:before { |
|
292 left: auto; |
|
293 right: 70px; |
|
294 } |
|
295 |
|
296 .format-status .entry-content p:first-child:before { |
|
297 left: auto; |
|
298 right: 4px; |
|
299 } |
|
300 |
|
301 .sidebar .format-status .entry-content p:first-child:before { |
|
302 left: auto; |
|
303 right: 64px; |
|
304 } |
|
305 |
|
306 .format-quote blockquote { |
|
307 padding-left: 0; |
|
308 padding-right: 75px; |
|
309 } |
|
310 |
|
311 .format-quote blockquote:before { |
|
312 content: '\201D'; |
|
313 padding-left: 25px; |
|
314 padding-right: 0; |
|
315 left: auto; |
|
316 right: -15px; |
|
317 } |
|
318 |
|
319 |
|
320 /** |
|
321 * 5.6 Attachments |
|
322 * ---------------------------------------------------------------------------- |
|
323 */ |
|
324 |
|
325 .attachment .entry-title { |
|
326 float: right; |
|
327 } |
|
328 |
|
329 .attachment .entry-title:before { |
|
330 margin-left: 10px; |
|
331 margin-right: auto; |
|
332 } |
|
333 |
|
334 .attachment .entry-meta { |
|
335 float: left; |
|
336 } |
|
337 |
|
338 .image-navigation .nav-previous { |
|
339 left: auto; |
|
340 right: 0; |
|
341 } |
|
342 |
|
343 .image-navigation .nav-next { |
|
344 left: 0; |
|
345 right: auto; |
|
346 } |
|
347 |
|
348 .attachment .entry-caption { |
|
349 text-align: right; |
|
350 } |
|
351 |
|
352 |
|
353 /** |
|
354 * 5.7 Post/Paging Navigation |
|
355 * ---------------------------------------------------------------------------- |
|
356 */ |
|
357 |
|
358 .navigation .nav-previous { |
|
359 float: right; |
|
360 } |
|
361 |
|
362 .navigation .nav-next { |
|
363 float: left; |
|
364 } |
|
365 |
|
366 .sidebar .paging-navigation .nav-links, |
|
367 .sidebar .post-navigation .nav-links { |
|
368 padding-left: 376px; |
|
369 padding-right: 60px; |
|
370 } |
|
371 |
|
372 .paging-navigation .nav-previous .meta-nav { |
|
373 margin-left: 10px; |
|
374 margin-right: auto; |
|
375 } |
|
376 |
|
377 .paging-navigation .nav-next .meta-nav { |
|
378 margin-left: auto; |
|
379 margin-right: 10px; |
|
380 } |
|
381 |
|
382 .post-navigation a[rel="next"] { |
|
383 float: left; |
|
384 text-align: left; |
|
385 } |
|
386 |
|
387 |
|
388 /** |
|
389 * 5.8 Author Bio |
|
390 * ---------------------------------------------------------------------------- |
|
391 */ |
|
392 |
|
393 .author-info { |
|
394 text-align: right; /* gallery & video post formats */ |
|
395 } |
|
396 |
|
397 .author.sidebar .author-info { |
|
398 padding-left: 376px; |
|
399 padding-right: 60px; |
|
400 } |
|
401 |
|
402 .author-avatar .avatar { |
|
403 float: right; |
|
404 margin: 0 0 30px 30px; |
|
405 } |
|
406 |
|
407 .author-link { |
|
408 margin-left: auto; |
|
409 margin-right: 2px; |
|
410 } |
|
411 |
|
412 |
|
413 /** |
|
414 * 5.9 Archives |
|
415 * ---------------------------------------------------------------------------- |
|
416 */ |
|
417 |
|
418 .sidebar .archive-meta { |
|
419 padding-left: 316px; |
|
420 padding-right: 0; |
|
421 } |
|
422 |
|
423 |
|
424 /** |
|
425 * 5.10 Search Results/No posts |
|
426 * ---------------------------------------------------------------------------- |
|
427 */ |
|
428 |
|
429 .sidebar .page-content { |
|
430 padding-left: 376px; |
|
431 padding-right: 60px; |
|
432 } |
|
433 |
|
434 /** |
|
435 * 5.12 Comments |
|
436 * ---------------------------------------------------------------------------- |
|
437 */ |
|
438 |
|
439 .sidebar .comments-title, |
|
440 .sidebar .comment-list, |
|
441 .sidebar .comment-reply-title, |
|
442 .sidebar .comment-navigation, |
|
443 .sidebar .comment-respond .comment-form { |
|
444 padding-left: 376px; |
|
445 padding-right: 60px; |
|
446 } |
|
447 |
|
448 .comment-list .children { |
|
449 margin-left: auto; |
|
450 margin-right: 20px; |
|
451 } |
|
452 |
|
453 .comment-author { |
|
454 float: right; |
|
455 margin-left: 50px; |
|
456 margin-right: auto; |
|
457 } |
|
458 |
|
459 .comment-list .edit-link { |
|
460 margin-left: auto; |
|
461 margin-right: 20px; |
|
462 } |
|
463 |
|
464 .comment-metadata, |
|
465 .comment-content, |
|
466 .comment-list .reply, |
|
467 .comment-awaiting-moderation { |
|
468 float: left; |
|
469 } |
|
470 |
|
471 .comment-awaiting-moderation:before { |
|
472 margin-left: 5px; |
|
473 margin-right: auto; |
|
474 } |
|
475 |
|
476 .comment-reply-link:before, |
|
477 .comment-reply-login:before { |
|
478 margin-left: 3px; |
|
479 margin-right: auto; |
|
480 -webkit-transform: scaleX(-1); |
|
481 -moz-transform: scaleX(-1); |
|
482 -ms-transform: scaleX(-1); |
|
483 -o-transform: scaleX(-1); |
|
484 transform: scaleX(-1); |
|
485 } |
|
486 |
|
487 .comment-reply-title small a { |
|
488 float: left; |
|
489 } |
|
490 |
|
491 .comment-form [for="author"], |
|
492 .comment-form [for="email"], |
|
493 .comment-form [for="url"], |
|
494 .comment-form [for="comment"] { |
|
495 float: right; |
|
496 } |
|
497 |
|
498 .form-allowed-tags code { |
|
499 margin-left: auto; |
|
500 margin-right: 3px; |
|
501 } |
|
502 |
|
503 .sidebar .no-comments { |
|
504 padding-left: 376px; |
|
505 padding-right: 60px; |
|
506 } |
|
507 |
|
508 |
|
509 /** |
|
510 * 6.0 Sidebar |
|
511 * ---------------------------------------------------------------------------- |
|
512 */ |
|
513 |
|
514 .site-main .widget-area { |
|
515 float: left; |
|
516 } |
|
517 |
|
518 .widget-area a { |
|
519 max-width: 100%; |
|
520 } |
|
521 |
|
522 |
|
523 /** |
|
524 * 6.1 Widgets |
|
525 * ---------------------------------------------------------------------------- |
|
526 */ |
|
527 |
|
528 .widget .widget-title { |
|
529 font-style: normal; |
|
530 } |
|
531 |
|
532 .widget li > ul, |
|
533 .widget li > ol { |
|
534 margin-left: auto; |
|
535 margin-right: 20px; |
|
536 } |
|
537 |
|
538 /** |
|
539 * 7.0 Footer |
|
540 * ---------------------------------------------------------------------------- |
|
541 */ |
|
542 |
|
543 .site-footer .widget-area, |
|
544 .sidebar .site-footer { |
|
545 text-align: right; |
|
546 } |
|
547 .sidebar .site-footer .widget-area { |
|
548 left: auto; |
|
549 right: -158px; |
|
550 } |
|
551 |
|
552 .site-footer .widget { |
|
553 float: right; |
|
554 margin-left: 20px; |
|
555 margin-right: auto; |
|
556 } |
|
557 |
|
558 .sidebar .site-footer .widget:nth-of-type(4), |
|
559 .sidebar .site-footer .widget:nth-of-type(3) { |
|
560 margin-left: 0; |
|
561 margin-right: auto; |
|
562 } |
|
563 |
|
564 |
|
565 /** |
|
566 * 8.0 Media Queries |
|
567 * ---------------------------------------------------------------------------- |
|
568 */ |
|
569 |
|
570 @media (max-width: 1069px) { |
|
571 ul.nav-menu, |
|
572 div.nav-menu > ul { |
|
573 margin-left: auto; |
|
574 margin-right: 0; |
|
575 } |
|
576 |
|
577 .error404 .page-header, |
|
578 .sidebar .format-image .entry-content img.size-full, |
|
579 .sidebar .format-image .wp-caption:first-child .wp-caption-text { |
|
580 margin-right: auto; |
|
581 } |
|
582 |
|
583 .main-navigation .search-form { |
|
584 left: 20px; |
|
585 right: auto; |
|
586 } |
|
587 |
|
588 .site-main .widget-area { |
|
589 margin-left: 60px; |
|
590 margin-right: auto; |
|
591 } |
|
592 } |
|
593 |
|
594 @media (max-width: 999px) { |
|
595 .sidebar .entry-header, |
|
596 .sidebar .entry-content, |
|
597 .sidebar .entry-summary, |
|
598 .sidebar .entry-meta, |
|
599 .sidebar .comment-list, |
|
600 .sidebar .comment-reply-title, |
|
601 .sidebar .comment-navigation, |
|
602 .sidebar .comment-respond .comment-form, |
|
603 .sidebar .featured-gallery, |
|
604 .sidebar .post-navigation .nav-links, |
|
605 .author.sidebar .author-info, |
|
606 .sidebar .format-image .entry-content { |
|
607 max-width: 604px; |
|
608 padding-left: 0; |
|
609 padding-right: 0; |
|
610 } |
|
611 |
|
612 .site-main .widget-area { |
|
613 float: none; |
|
614 margin-left: auto; |
|
615 } |
|
616 |
|
617 .attachment .entry-meta { |
|
618 float: right; |
|
619 text-align: right; |
|
620 } |
|
621 |
|
622 .sidebar .format-status .entry-content, |
|
623 .sidebar .format-status .entry-meta { |
|
624 padding-left: 0; |
|
625 padding-right: 35px; |
|
626 } |
|
627 |
|
628 .sidebar .format-status .entry-content:before, |
|
629 .sidebar .format-status .entry-meta:before { |
|
630 left: auto; |
|
631 right: 10px; |
|
632 } |
|
633 |
|
634 .sidebar .format-status .entry-content p:first-child:before { |
|
635 left: auto; |
|
636 right: 4px; |
|
637 } |
|
638 |
|
639 .sidebar .site-footer .widget-area { |
|
640 left: auto; |
|
641 right: 0; |
|
642 } |
|
643 |
|
644 .sidebar .paging-navigation .nav-links { |
|
645 padding: 0 60px; |
|
646 } |
|
647 } |
|
648 |
|
649 @media (max-width: 767px) { |
|
650 .format-image .entry-content img:first-of-type, |
|
651 .format-image .wp-caption:first-child .wp-caption-text { |
|
652 margin-right: auto; |
|
653 } |
|
654 } |
|
655 |
|
656 @media (max-width: 643px) { |
|
657 .sidebar .entry-header, |
|
658 .sidebar .entry-content, |
|
659 .sidebar .entry-summary, |
|
660 .sidebar .entry-meta, |
|
661 .sidebar .comment-list, |
|
662 .sidebar .comment-navigation, |
|
663 .sidebar .featured-gallery, |
|
664 .sidebar .post-navigation .nav-links, |
|
665 .sidebar .format-image .entry-content { |
|
666 padding-left: 20px; |
|
667 padding-right: 20px; |
|
668 } |
|
669 |
|
670 #content .format-status .entry-content, |
|
671 #content .format-status .entry-met { |
|
672 padding-left: 0; |
|
673 padding-right: 35px; |
|
674 } |
|
675 |
|
676 .menu-toggle:after { |
|
677 padding-left: 0; |
|
678 padding-right: 8px; |
|
679 } |
|
680 |
|
681 .toggled-on .nav-menu, |
|
682 .toggled-on .nav-menu > ul { |
|
683 margin-left: auto; |
|
684 margin-right: 0; |
|
685 } |
|
686 |
|
687 .toggled-on .nav-menu li > ul { |
|
688 margin-left: auto; |
|
689 margin-right: 20px; |
|
690 right: auto; |
|
691 } |
|
692 |
|
693 #content .featured-gallery { |
|
694 padding-left: 0; |
|
695 padding-right: 24px; |
|
696 } |
|
697 |
|
698 .gallery-columns-1 .gallery-item { |
|
699 margin-left: 0; |
|
700 margin-right: auto; |
|
701 } |
|
702 |
|
703 .comment-author { |
|
704 margin-left: 30px; |
|
705 margin-right: auto; |
|
706 } |
|
707 |
|
708 .format-audio .audio-content { |
|
709 background: none; |
|
710 float: none; |
|
711 padding-left: 0; |
|
712 padding-right: 0; |
|
713 } |
|
714 |
|
715 .gallery-columns-3 .gallery-item:nth-of-type(3n) { |
|
716 margin-left: 4px; |
|
717 margin-right: auto; |
|
718 } |
|
719 } |
|
720 |
|
721 @media (max-width: 359px) { |
|
722 .gallery { |
|
723 margin-left: auto; |
|
724 margin-right: 0; |
|
725 } |
|
726 |
|
727 .gallery .gallery-item:nth-of-type(even) { |
|
728 margin-left: 0; |
|
729 margin-right: auto; |
|
730 } |
|
731 |
|
732 .gallery .gallery-item, |
|
733 .gallery.gallery-columns-3 .gallery-item:nth-of-type(even), |
|
734 .gallery-columns-3 .gallery-item:nth-of-type(3n), |
|
735 .gallery-columns-5 .gallery-item:nth-of-type(5n), |
|
736 .gallery-columns-7 .gallery-item:nth-of-type(7n), |
|
737 .gallery-columns-9 .gallery-item:nth-of-type(9n) { |
|
738 margin-left: 4px; |
|
739 margin-right: auto; |
|
740 } |
|
741 |
|
742 .comment-author .avatar { |
|
743 margin-left: 5px; |
|
744 margin-right: auto; |
|
745 } |
|
746 } |
|
747 |
|
748 |
|
749 /** |
|
750 * 9.0 Print |
|
751 * ---------------------------------------------------------------------------- |
|
752 */ |
|
753 |
|
754 @media print { |
|
755 .entry-content img.alignleft, |
|
756 .entry-content .wp-caption.alignleft { |
|
757 margin-left: auto; |
|
758 margin-right: 0; |
|
759 } |
|
760 |
|
761 .entry-content img.alignright, |
|
762 .entry-content .wp-caption.alignright { |
|
763 margin-left: 0; |
|
764 margin-right: auto; |
|
765 } |
|
766 } |