1 /* |
|
2 Theme Name: Twenty Sixteen |
|
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: https://codex.wordpress.org/Right_to_Left_Language_Support |
|
8 */ |
|
9 |
|
10 /** |
|
11 * Table of Contents: |
|
12 * |
|
13 * 1.0 - Normalize |
|
14 * 2.0 - Typography |
|
15 * 3.0 - Elements |
|
16 * 4.0 - Forms |
|
17 * 5.0 - Navigations |
|
18 * 6.0 - Accessibility |
|
19 * 7.0 - Widgets |
|
20 * 8.0 - Content |
|
21 * 8.1 - Header |
|
22 * 8.2 - Posts and pages |
|
23 * 8.3 - Comments |
|
24 * 8.4 - Footer |
|
25 * 9.0 - Multisites |
|
26 * 10.0 - Media Queries |
|
27 * 10.1 - >= 710px |
|
28 * 10.2 - >= 910px |
|
29 * 10.3 - >= 985px |
|
30 * 10.4 - >= 1200px |
|
31 */ |
|
32 |
|
33 |
|
34 /** |
|
35 * 1.0 - Normalize |
|
36 */ |
|
37 |
|
38 body { |
|
39 direction: rtl; |
|
40 unicode-bidi: embed; |
|
41 } |
|
42 |
|
43 input[type="checkbox"], |
|
44 input[type="radio"] { |
|
45 margin-right: auto; |
|
46 margin-left: 0.4375em; |
|
47 } |
|
48 |
|
49 |
|
50 /** |
|
51 * 2.0 - Typography |
|
52 */ |
|
53 |
|
54 body, |
|
55 button, |
|
56 button[disabled]:hover, |
|
57 button[disabled]:focus, |
|
58 input[type="button"], |
|
59 input[type="button"][disabled]:hover, |
|
60 input[type="button"][disabled]:focus, |
|
61 input[type="reset"], |
|
62 input[type="reset"][disabled]:hover, |
|
63 input[type="reset"][disabled]:focus, |
|
64 input[type="submit"], |
|
65 input[type="submit"][disabled]:hover, |
|
66 input[type="submit"][disabled]:focus, |
|
67 input, |
|
68 select, |
|
69 textarea, |
|
70 .post-password-form label, |
|
71 .main-navigation, |
|
72 .post-navigation, |
|
73 .post-navigation .post-title, |
|
74 .pagination, |
|
75 .image-navigation, |
|
76 .comment-navigation, |
|
77 .site .skip-link, |
|
78 .logged-in .site .skip-link, |
|
79 .widget .widget-title, |
|
80 .widget_recent_entries .post-date, |
|
81 .widget_rss .rss-date, |
|
82 .widget_rss cite, |
|
83 .tagcloud a, |
|
84 .site-title, |
|
85 .entry-title, |
|
86 .entry-footer, |
|
87 .sticky-post, |
|
88 .page-title, |
|
89 .page-links, |
|
90 .comments-title, |
|
91 .comment-reply-title, |
|
92 .comment-metadata, |
|
93 .pingback .edit-link, |
|
94 .comment-reply-link, |
|
95 .comment-form label, |
|
96 .no-comments, |
|
97 .required, |
|
98 .site-footer .site-title, |
|
99 .site-footer .site-title:after, |
|
100 .widecolumn label, |
|
101 .widecolumn .mu_register label, |
|
102 .site-footer span[role=separator] { |
|
103 font-family: Arial, Tahoma, sans-serif; |
|
104 } |
|
105 |
|
106 ::-webkit-input-placeholder { |
|
107 font-family: Arial, Tahoma, sans-serif; |
|
108 } |
|
109 |
|
110 :-moz-placeholder { |
|
111 font-family: Arial, Tahoma, sans-serif; |
|
112 } |
|
113 |
|
114 ::-moz-placeholder { |
|
115 font-family: Arial, Tahoma, sans-serif; |
|
116 } |
|
117 |
|
118 :-ms-input-placeholder { |
|
119 font-family: Arial, Tahoma, sans-serif; |
|
120 } |
|
121 |
|
122 blockquote { |
|
123 border-right-width: 4px; |
|
124 border-left-width: 0; |
|
125 padding-right: 1.263157895em; |
|
126 padding-left: 0; |
|
127 } |
|
128 |
|
129 .entry-content h1, |
|
130 .entry-content h2, |
|
131 .entry-content h3, |
|
132 .entry-content h4, |
|
133 .entry-content h5, |
|
134 .entry-content h6, |
|
135 .entry-summary h1, |
|
136 .entry-summary h2, |
|
137 .entry-summary h3, |
|
138 .entry-summary h4, |
|
139 .entry-summary h5, |
|
140 .entry-summary h6, |
|
141 .comment-content h1, |
|
142 .comment-content h2, |
|
143 .comment-content h3, |
|
144 .comment-content h4, |
|
145 .comment-content h5, |
|
146 .comment-content h6, |
|
147 .textwidget h1, |
|
148 .textwidget h2, |
|
149 .textwidget h3, |
|
150 .textwidget h4, |
|
151 .textwidget h5, |
|
152 .textwidget h6, |
|
153 .entry-content .author-title, |
|
154 .widget_calendar caption, |
|
155 .widecolumn h2 { |
|
156 font-weight: 700; |
|
157 } |
|
158 |
|
159 |
|
160 /** |
|
161 * 3.0 - Elements |
|
162 */ |
|
163 |
|
164 ul, |
|
165 ol { |
|
166 margin: 0 1.25em 1.75em 0; |
|
167 } |
|
168 |
|
169 ol { |
|
170 margin-right: 1.5em; |
|
171 margin-left: 0; |
|
172 } |
|
173 |
|
174 caption, |
|
175 th, |
|
176 td { |
|
177 text-align: right; |
|
178 } |
|
179 |
|
180 |
|
181 /** |
|
182 * 4.0 - Forms |
|
183 */ |
|
184 |
|
185 input[type="search"].search-field { |
|
186 border-radius: 0 2px 2px 0; |
|
187 } |
|
188 |
|
189 .search-submit:before { |
|
190 left: 1px; |
|
191 } |
|
192 |
|
193 .search-submit { |
|
194 border-radius: 2px 0 0 2px; |
|
195 left: 0; |
|
196 right: auto; |
|
197 } |
|
198 |
|
199 |
|
200 /** |
|
201 * 5.0 - Navigation |
|
202 */ |
|
203 |
|
204 .main-navigation ul ul { |
|
205 margin-right: 0.875em; |
|
206 margin-left: auto; |
|
207 } |
|
208 |
|
209 .main-navigation .menu-item-has-children > a { |
|
210 margin-right: auto; |
|
211 margin-left: 56px; |
|
212 } |
|
213 |
|
214 .dropdown-toggle { |
|
215 left: 0; |
|
216 right: auto; |
|
217 } |
|
218 |
|
219 .dropdown-toggle:after { |
|
220 border-right-width: 1px; |
|
221 border-left-width: 0; |
|
222 left: auto; |
|
223 right: 1px; |
|
224 } |
|
225 |
|
226 .social-navigation li { |
|
227 float: right; |
|
228 margin: 0 0 0.4375em 0.4375em; |
|
229 } |
|
230 |
|
231 .pagination:before { |
|
232 left: 0; |
|
233 right: auto; |
|
234 } |
|
235 |
|
236 .pagination:after { |
|
237 left: 54px; |
|
238 right: auto; |
|
239 } |
|
240 |
|
241 .pagination .nav-links { |
|
242 padding-right: 0; |
|
243 padding-left: 106px; |
|
244 } |
|
245 |
|
246 .pagination .nav-links:before { |
|
247 content: "\f430"; |
|
248 left: -1px; |
|
249 right: auto; |
|
250 } |
|
251 |
|
252 .pagination .nav-links:after { |
|
253 content: "\f429"; |
|
254 left: 55px; |
|
255 right: auto; |
|
256 } |
|
257 |
|
258 .pagination .page-numbers { |
|
259 margin: 0 -0.7368421053em 0 0.7368421053em; |
|
260 } |
|
261 |
|
262 .pagination .prev, |
|
263 .pagination .next { |
|
264 margin: 0; |
|
265 } |
|
266 |
|
267 .pagination .prev { |
|
268 left: 54px; |
|
269 right: auto; |
|
270 } |
|
271 |
|
272 .pagination .prev:before { |
|
273 content: "\f429"; |
|
274 left: auto; |
|
275 right: -1px; |
|
276 } |
|
277 |
|
278 .pagination .next { |
|
279 left: 0; |
|
280 right: auto; |
|
281 } |
|
282 |
|
283 .pagination .next:before { |
|
284 content: "\f430"; |
|
285 left: -1px; |
|
286 right: auto; |
|
287 } |
|
288 |
|
289 .comment-navigation { |
|
290 margin-right: 0; |
|
291 margin-left: 0; |
|
292 } |
|
293 |
|
294 |
|
295 /** |
|
296 * 6.0 - Accessibility |
|
297 */ |
|
298 |
|
299 .site .skip-link { |
|
300 left: auto; |
|
301 right: -9999em; |
|
302 } |
|
303 |
|
304 .site .skip-link:focus { |
|
305 left: auto; |
|
306 right: 6px; |
|
307 } |
|
308 |
|
309 |
|
310 /** |
|
311 * 7.0 - Widgets |
|
312 */ |
|
313 |
|
314 .tagcloud a { |
|
315 margin-right: 0; |
|
316 margin-left: 0.1875em; |
|
317 } |
|
318 |
|
319 .tagcloud ul { |
|
320 margin-right: 0; |
|
321 } |
|
322 |
|
323 |
|
324 /** |
|
325 * 8.0 - Content |
|
326 */ |
|
327 |
|
328 |
|
329 /** |
|
330 * 8.1 - Header |
|
331 */ |
|
332 |
|
333 .site-branding { |
|
334 margin-right: 0; |
|
335 margin-left: auto; |
|
336 } |
|
337 |
|
338 |
|
339 /** |
|
340 * 8.2 - Posts and pages |
|
341 */ |
|
342 |
|
343 .author-avatar .avatar { |
|
344 float: right; |
|
345 margin-right: 0; |
|
346 margin-left: 1.75em; |
|
347 } |
|
348 |
|
349 .entry-footer .avatar { |
|
350 margin-right: 0; |
|
351 margin-left: 0.5384615385em; |
|
352 } |
|
353 |
|
354 .page-links a, |
|
355 .page-links > span { |
|
356 margin-right: auto; |
|
357 margin-left: 0.3076923077em; |
|
358 } |
|
359 |
|
360 .page-links > .page-links-title { |
|
361 padding-right: 0; |
|
362 padding-left: 0.6153846154em; |
|
363 } |
|
364 |
|
365 body:not(.search-results) .entry-summary .alignright { |
|
366 margin: 0.2631578947em 0 1.4736842105em 1.4736842105em; |
|
367 } |
|
368 |
|
369 body:not(.search-results) .entry-summary .alignleft { |
|
370 margin: 0.2631578947em 1.4736842105em 1.4736842105em 0; |
|
371 } |
|
372 |
|
373 |
|
374 /** |
|
375 * 8.3 - Comments |
|
376 */ |
|
377 |
|
378 .comment-list .children > li { |
|
379 padding-right: 0.875em; |
|
380 padding-left: 0; |
|
381 } |
|
382 |
|
383 .comment-author .avatar { |
|
384 float: right; |
|
385 margin-right: auto; |
|
386 margin-left: 0.875em; |
|
387 } |
|
388 |
|
389 .bypostauthor > article .fn:after { |
|
390 left: auto; |
|
391 right: 3px; |
|
392 } |
|
393 |
|
394 .comment-content ul, |
|
395 .comment-content ol { |
|
396 margin: 0 1.25em 1.5em 0; |
|
397 } |
|
398 |
|
399 .comment-reply-title small a { |
|
400 float: left; |
|
401 } |
|
402 |
|
403 .comment-form #wp-comment-cookies-consent { |
|
404 margin: 0 0 0 10px; |
|
405 } |
|
406 |
|
407 .comment-form .comment-form-cookies-consent label { |
|
408 font-family: Arial, Tahoma, sans-serif; |
|
409 } |
|
410 |
|
411 /** |
|
412 * 9.0 - Multisites |
|
413 */ |
|
414 |
|
415 .widecolumn .mu_register label { |
|
416 margin-right: 0; |
|
417 margin-left: 0.7692307692em; |
|
418 } |
|
419 |
|
420 |
|
421 /** |
|
422 * 10.0 - Media Queries |
|
423 */ |
|
424 |
|
425 |
|
426 /** |
|
427 * 10.1 - >= 710px |
|
428 */ |
|
429 |
|
430 @media screen and (min-width: 44.375em) { |
|
431 .pagination { |
|
432 margin: 0 7.6923% 4.421052632em 23.0769%; |
|
433 } |
|
434 |
|
435 .entry-header, |
|
436 .post-thumbnail, |
|
437 .entry-content, |
|
438 .entry-summary, |
|
439 .entry-footer, |
|
440 .comments-area, |
|
441 .image-navigation, |
|
442 .post-navigation, |
|
443 .page-header, |
|
444 .page-content, |
|
445 .content-bottom-widgets { |
|
446 margin-right: 7.6923%; |
|
447 margin-left: 23.0769%; |
|
448 } |
|
449 |
|
450 .entry-content blockquote:not(.alignright):not(.alignleft), |
|
451 .entry-summary blockquote, |
|
452 .comment-content blockquote { |
|
453 margin-right: -1.473684211em; |
|
454 margin-left: auto; |
|
455 } |
|
456 |
|
457 .entry-content blockquote blockquote:not(.alignright):not(.alignleft), |
|
458 .entry-summary blockquote blockquote, |
|
459 .comment-content blockquote blockquote { |
|
460 margin-right: 0; |
|
461 margin-left: auto; |
|
462 } |
|
463 |
|
464 .entry-content ul, |
|
465 .entry-summary ul, |
|
466 .comment-content ul, |
|
467 .entry-content ol, |
|
468 .entry-summary ol, |
|
469 .comment-content ol { |
|
470 margin-right: 0; |
|
471 margin-left: auto; |
|
472 } |
|
473 |
|
474 .entry-content li > ul, |
|
475 .entry-summary li > ul, |
|
476 .comment-content li > ul, |
|
477 .entry-content blockquote > ul, |
|
478 .entry-summary blockquote > ul, |
|
479 .comment-content blockquote > ul { |
|
480 margin-right: 1.25em; |
|
481 margin-left: auto; |
|
482 } |
|
483 |
|
484 .entry-content li > ol, |
|
485 .entry-summary li > ol, |
|
486 .comment-content li > ol, |
|
487 .entry-content blockquote > ol, |
|
488 .entry-summary blockquote > ol, |
|
489 .comment-content blockquote > ol { |
|
490 margin-right: 1.5em; |
|
491 margin-left: auto; |
|
492 } |
|
493 |
|
494 .comment-list .children > li { |
|
495 padding-right: 1.75em; |
|
496 padding-left: 0; |
|
497 } |
|
498 |
|
499 .sidebar, |
|
500 .widecolumn { |
|
501 padding-right: 7.6923%; |
|
502 padding-left: 23.0769%; |
|
503 } |
|
504 |
|
505 body:not(.search-results) .entry-summary li > ul, |
|
506 body:not(.search-results) .entry-summary blockquote > ul { |
|
507 margin-right: 1.157894737em; |
|
508 margin-left: auto; |
|
509 } |
|
510 |
|
511 body:not(.search-results) .entry-summary li > ol, |
|
512 body:not(.search-results) .entry-summary blockquote > ol { |
|
513 margin-right: 1.473684211em; |
|
514 margin-left: auto; |
|
515 } |
|
516 } |
|
517 |
|
518 |
|
519 /** |
|
520 * 10.2 - >= 910px |
|
521 */ |
|
522 |
|
523 @media screen and (min-width: 56.875em) { |
|
524 .main-navigation .primary-menu > li { |
|
525 float: right; |
|
526 } |
|
527 |
|
528 .main-navigation ul ul { |
|
529 left: auto; |
|
530 margin: 0; |
|
531 right: -999em; |
|
532 } |
|
533 |
|
534 .main-navigation ul ul:before { |
|
535 left: 9px; |
|
536 right: auto; |
|
537 } |
|
538 |
|
539 .main-navigation ul ul:after { |
|
540 left: 11px; |
|
541 right: auto; |
|
542 } |
|
543 |
|
544 .main-navigation li:hover > ul, |
|
545 .main-navigation li.focus > ul { |
|
546 left: 0; |
|
547 right: auto; |
|
548 } |
|
549 |
|
550 .main-navigation ul ul li:hover > ul, |
|
551 .main-navigation ul ul li.focus > ul { |
|
552 left: 100%; |
|
553 right: auto; |
|
554 } |
|
555 |
|
556 .main-navigation .menu-item-has-children > a { |
|
557 margin: 0; |
|
558 padding-right: 0.875em; |
|
559 padding-left: 2.25em; |
|
560 } |
|
561 |
|
562 .main-navigation .menu-item-has-children > a:after { |
|
563 left: 0.625em; |
|
564 right: auto; |
|
565 } |
|
566 |
|
567 .main-navigation ul ul .menu-item-has-children > a { |
|
568 padding-right: 0.875em; |
|
569 padding-left: 2.0625em; |
|
570 } |
|
571 |
|
572 .main-navigation ul ul .menu-item-has-children > a:after { |
|
573 left: 0.5625em; |
|
574 right: auto; |
|
575 top: 0.8125em; |
|
576 -webkit-transform: rotate(-90deg); |
|
577 -moz-transform: rotate(-90deg); |
|
578 -ms-transform: rotate(-90deg); |
|
579 transform: rotate(-90deg); |
|
580 } |
|
581 |
|
582 .content-area { |
|
583 float: right; |
|
584 margin-right: auto; |
|
585 margin-left: -100%; |
|
586 } |
|
587 |
|
588 .entry-header, |
|
589 .post-thumbnail, |
|
590 .entry-content, |
|
591 .entry-summary, |
|
592 .entry-footer, |
|
593 .comments-area, |
|
594 .image-navigation, |
|
595 .post-navigation, |
|
596 .pagination, |
|
597 .page-header, |
|
598 .page-content, |
|
599 .content-bottom-widgets { |
|
600 margin-right: 0; |
|
601 margin-left: 0; |
|
602 } |
|
603 |
|
604 .sidebar { |
|
605 float: right; |
|
606 margin-right: 75%; |
|
607 margin-left: auto; |
|
608 padding: 0; |
|
609 } |
|
610 |
|
611 .widget blockquote { |
|
612 padding-right: 1.0625em; |
|
613 padding-left: 0; |
|
614 } |
|
615 |
|
616 .widget .alignright { |
|
617 margin: 0.2307692308em 0 1.6153846154em 1.6153846154em; |
|
618 } |
|
619 |
|
620 .widget .alignleft { |
|
621 margin: 0.2307692308em 1.6153846154em 1.6153846154em 0; |
|
622 } |
|
623 |
|
624 .tagcloud a { |
|
625 margin: 0 0 0.5384615385em 0.2307692308em; |
|
626 } |
|
627 |
|
628 .content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2), |
|
629 .content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1) { |
|
630 float: right; |
|
631 margin-right: auto; |
|
632 margin-left: 7.1428571%; |
|
633 } |
|
634 |
|
635 .content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type { |
|
636 margin-right: auto; |
|
637 margin-left: 0; |
|
638 } |
|
639 |
|
640 .site-info { |
|
641 margin: 0.538461538em 0 0.538461538em auto; |
|
642 } |
|
643 |
|
644 .no-sidebar .entry-header, |
|
645 .no-sidebar .entry-content, |
|
646 .no-sidebar .entry-summary, |
|
647 .no-sidebar .entry-footer, |
|
648 .no-sidebar .comments-area, |
|
649 .no-sidebar .image-navigation, |
|
650 .no-sidebar .post-navigation, |
|
651 .no-sidebar .pagination, |
|
652 .no-sidebar .page-header, |
|
653 .no-sidebar .page-content, |
|
654 .no-sidebar .content-bottom-widgets { |
|
655 margin-right: 15%; |
|
656 margin-left: 15%; |
|
657 } |
|
658 |
|
659 .no-sidebar .post-thumbnail { |
|
660 margin-right: 0; |
|
661 margin-left: 0; |
|
662 } |
|
663 |
|
664 .widecolumn { |
|
665 padding-right: 15%; |
|
666 padding-left: 15%; |
|
667 } |
|
668 } |
|
669 |
|
670 |
|
671 /** |
|
672 * 10.3 - >= 985px |
|
673 */ |
|
674 |
|
675 @media screen and (min-width: 61.5625em) { |
|
676 body:not(.search-results) article:not(.type-page) .entry-content { |
|
677 float: left; |
|
678 } |
|
679 |
|
680 body:not(.search-results) article:not(.type-page) .entry-content > blockquote.alignleft.below-entry-meta { |
|
681 margin-right: 1.473684211em; |
|
682 margin-left: 0; |
|
683 width: -webkit-calc(50% - 0.736842105em); |
|
684 width: calc(50% - 0.736842105em);; |
|
685 } |
|
686 |
|
687 body:not(.search-results) article:not(.type-page) .entry-content > blockquote.alignright.below-entry-meta { |
|
688 margin-right: -40%; |
|
689 margin-left: 1.473684211em; |
|
690 width: -webkit-calc(60% - 1.4736842105em); |
|
691 width: calc(60% - 1.4736842105em); |
|
692 } |
|
693 |
|
694 body:not(.search-results) article:not(.type-page) img.below-entry-meta, |
|
695 body:not(.search-results) article:not(.type-page) figure.below-entry-meta { |
|
696 margin-right: -40%; |
|
697 margin-left: 0; |
|
698 } |
|
699 |
|
700 body:not(.search-results) article:not(.type-page) .entry-footer { |
|
701 float: right; |
|
702 } |
|
703 |
|
704 body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content { |
|
705 float: right; |
|
706 margin-right: 34.99999999%; |
|
707 margin-left: -100%; |
|
708 } |
|
709 |
|
710 body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer { |
|
711 margin-right: 15%; |
|
712 margin-left: -100%; |
|
713 } |
|
714 } |
|
715 |
|
716 |
|
717 /** |
|
718 * 10.4 - >= 1200px |
|
719 */ |
|
720 |
|
721 @media screen and (min-width: 75em) { |
|
722 body:not(.search-results) .entry-summary li > ul, |
|
723 body:not(.search-results) .entry-summary blockquote > ul { |
|
724 margin-right: 0.956521739em; |
|
725 margin-left: auto; |
|
726 } |
|
727 |
|
728 body:not(.search-results) .entry-summary li > ol, |
|
729 body:not(.search-results) .entry-summary blockquote > ol { |
|
730 margin-right: 1.52173913em; |
|
731 margin-left: auto; |
|
732 } |
|
733 |
|
734 body:not(.search-results) .entry-summary blockquote { |
|
735 padding-right: 1.347826087em; |
|
736 padding-left: 0; |
|
737 } |
|
738 |
|
739 body:not(.search-results) .entry-summary blockquote:not(.alignright):not(.alignleft) { |
|
740 margin-right: -1.52173913em; |
|
741 margin-left: auto; |
|
742 } |
|
743 |
|
744 body:not(.search-results) .entry-summary blockquote blockquote:not(.alignright):not(.alignleft) { |
|
745 margin-right: 0; |
|
746 margin-left: auto; |
|
747 } |
|
748 |
|
749 body:not(.search-results) .entry-summary .alignright { |
|
750 margin: 0.2608695652em 0 1.5217391304em 1.5217391304em; |
|
751 } |
|
752 |
|
753 body:not(.search-results) .entry-summary .alignleft { |
|
754 margin: 0.2608695652em 1.5217391304em 1.5217391304em 0; |
|
755 } |
|
756 } |
|