2 Theme Name: Twenty Fourteen
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.
7 See http://codex.wordpress.org/Right_to_Left_Language_Support
14 * 2.0 - Repeatable Patterns
21 * 6.7 - Post/Image/Paging Navigation
22 * 6.10 - Contributor Page
26 * 7.2 - Content Sidebar Widgets
27 * 9.0 - Featured Content
28 * 10.0 - Media Queries
29 * -----------------------------------------------------------------------------
35 * -----------------------------------------------------------------------------
44 display: inline-block;
49 margin: 0 20px 24px 0;
65 * 2.0 Repeatable Patterns
66 * -----------------------------------------------------------------------------
74 .screen-reader-text:focus {
82 * -----------------------------------------------------------------------------
95 .search-box .search-field {
97 padding: 1px 6px 2px 2px;
100 .search-toggle .screen-reader-text {
101 right: 5px; /* Avoid a horizontal scrollbar when the site has a long menu */
108 * -----------------------------------------------------------------------------
111 .site-navigation ul ul {
124 * -----------------------------------------------------------------------------
129 * -----------------------------------------------------------------------------
132 .entry-meta .tag-links a {
133 margin: 0 10px 4px 4px;
136 .entry-meta .tag-links a:before {
138 border-left: 8px solid #767676;
143 .entry-meta .tag-links a:hover:before,
144 .entry-meta .tag-links a:focus:before {
145 border-left-color: #41a62a;
148 .entry-meta .tag-links a:after {
156 * -----------------------------------------------------------------------------
164 .page-links > .page-links-title {
172 * -----------------------------------------------------------------------------
180 .gallery-columns-1 .gallery-item:nth-of-type(1n),
181 .gallery-columns-2 .gallery-item:nth-of-type(2n),
182 .gallery-columns-3 .gallery-item:nth-of-type(3n),
183 .gallery-columns-4 .gallery-item:nth-of-type(4n),
184 .gallery-columns-5 .gallery-item:nth-of-type(5n),
185 .gallery-columns-6 .gallery-item:nth-of-type(6n),
186 .gallery-columns-7 .gallery-item:nth-of-type(7n),
187 .gallery-columns-8 .gallery-item:nth-of-type(8n),
188 .gallery-columns-9 .gallery-item:nth-of-type(9n) {
200 .gallery-caption:before {
207 * 6.7 Post/Image/Paging Navigation
208 * -----------------------------------------------------------------------------
211 .paging-navigation .page-numbers {
218 * 6.10 Contributor Page
219 * -----------------------------------------------------------------------------
222 .contributor-avatar {
224 margin: 0 0 20px 30px;
230 * -----------------------------------------------------------------------------
233 .comment-author .avatar {
238 .bypostauthor > article .fn:before {
239 margin: 0 -2px 0 2px;
243 .comment-awaiting-moderation,
245 .comment-list .reply,
256 .comment-reply-link:before,
257 .comment-reply-login:before {
262 .comment-reply-link:before,
263 .comment-reply-login:before,
264 .comment-edit-link:before {
265 -webkit-transform: scaleX(-1);
266 -moz-transform: scaleX(-1);
267 -ms-transform: scaleX(-1);
268 -o-transform: scaleX(-1);
269 transform: scaleX(-1);
273 .comment-content ol {
274 margin: 0 22px 24px 0;
277 .comment-list .children {
282 .comment-reply-title small a {
286 .comment-navigation .nav-previous a {
294 * -----------------------------------------------------------------------------
299 * -----------------------------------------------------------------------------
310 padding: 1px 4px 2px 2px;
313 .widget_calendar caption {
317 .widget_calendar #prev {
322 .widget_calendar #next {
328 .widget_twentyfourteen_ephemera .entry-content ul,
329 .widget_twentyfourteen_ephemera .entry-content ol {
330 margin: 0 20px 18px 0;
333 .widget_twentyfourteen_ephemera .entry-content li > ul,
334 .widget_twentyfourteen_ephemera .entry-content li > ol {
340 * 7.2 Content Sidebar Widgets
341 * -----------------------------------------------------------------------------
344 .content-sidebar .widget li > ol,
345 .content-sidebar .widget li > ul {
350 .content-sidebar .widget_twentyfourteen_ephemera .widget-title:before {
351 margin: -1px 0 0 18px;
356 * 9.0 Featured Content
357 * -----------------------------------------------------------------------------
360 .featured-content .post-thumbnail img {
369 .slider .featured-content .entry-header {
375 .slider-control-paging {
379 .slider-control-paging li {
381 margin: 2px 0 2px 4px;
384 .slider-control-paging li:last-child {
389 .slider-control-paging a:before {
394 .slider-direction-nav li {
395 border-width: 2px 0 0 1px;
399 .slider-direction-nav li:last-child {
400 border-width: 2px 1px 0 0;
403 .slider-direction-nav a:before {
407 .slider-direction-nav .slider-next:before {
414 * -----------------------------------------------------------------------------
417 @media screen and (max-width: 400px) {
418 .list-view .site-content .post-thumbnail img {
420 margin: 0 0 3px 10px;
424 @media screen and (min-width: 401px) {
425 .site-content .entry-meta > span {
430 .site-content .format-quote .post-format a:before {
435 .site-content .format-gallery .post-format a:before {
440 .site-content .format-aside .post-format a:before {
445 .site-content .featured-post:before {
450 .site-content .entry-date a:before,
451 .attachment .site-content span.entry-date:before {
456 .site-content .comments-link a:before {
461 .site-content .full-size-link a:before {
466 .entry-content .edit-link a:before,
467 .entry-meta .edit-link a:before {
468 -webkit-transform: scaleX(-1);
469 -moz-transform: scaleX(-1);
470 -ms-transform: scaleX(-1);
471 -o-transform: scaleX(-1);
472 transform: scaleX(-1);
476 @media screen and (min-width: 594px) {
477 .site-content .entry-header {
483 @media screen and (min-width: 673px) {
495 margin-left: 33.33333333%;
504 .site-content .entry-content,
505 .site-content .entry-summary,
506 .site-content footer.entry-meta {
511 .full-width .site-content {
517 margin-right: -33.33333333%;
521 .grid .featured-content .hentry {
525 .slider-control-paging {
530 .slider-direction-nav {
534 .slider-direction-nav li {
538 .slider-direction-nav li:last-child {
543 @media screen and (min-width: 783px) {
554 .primary-navigation {
556 margin: 0 -12px 0 1px;
559 .primary-navigation ul ul {
566 .primary-navigation ul ul ul {
571 .primary-navigation ul li:hover > ul,
572 .primary-navigation ul li.focus > ul {
576 .primary-navigation ul ul li:hover > ul,
577 .primary-navigation ul ul li.focus > ul {
582 .primary-navigation .menu-item-has-children > a,
583 .primary-navigation .page_item_has_children > a {
588 .primary-navigation .menu-item-has-children > a:after,
589 .primary-navigation .page_item_has_children > a:after {
594 .primary-navigation li .menu-item-has-children > a,
595 .primary-navigation li .page_item_has_children > a {
600 .primary-navigation .menu-item-has-children li.menu-item-has-children > a:after,
601 .primary-navigation .menu-item-has-children li.page_item_has_children > a:after,
602 .primary-navigation .page_item_has_children li.menu-item-has-children > a:after,
603 .primary-navigation .page_item_has_children li.page_item_has_children > a:after {
610 @media screen and (min-width: 810px) {
611 .attachment .entry-attachment .attachment {
612 margin-right: -168px;
616 .attachment .entry-attachment .attachment a {
620 .contributor-avatar {
621 margin-right: -168px;
625 .contributor-summary {
629 .full-width .site-content blockquote.alignright,
630 .full-width .site-content img.size-full.alignright,
631 .full-width .site-content img.size-large.alignright,
632 .full-width .site-content img.size-medium.alignright,
633 .full-width .site-content .wp-caption.alignright {
634 margin-right: -168px;
638 .full-width .site-content blockquote.alignleft,
639 .full-width .site-content img.size-full.alignleft,
640 .full-width .site-content img.size-large.alignleft,
641 .full-width .site-content img.size-medium.alignleft,
642 .full-width .site-content .wp-caption.alignleft {
648 @media screen and (min-width: 846px) {
650 .comment-awaiting-moderation,
652 .comment-list .reply,
658 .comment-list .children {
664 @media screen and (min-width: 1008px) {
665 .search-box-wrapper {
666 padding-right: 182px;
676 margin-left: 29.04761904%;
679 .full-width .site-content {
684 margin-right: -29.04761904%;
698 .secondary-navigation ul ul {
703 .secondary-navigation ul li:hover > ul,
704 .secondary-navigation ul li.focus > ul {
709 .secondary-navigation .menu-item-has-children > a {
714 .secondary-navigation .menu-item-has-children > a:after {
715 border-right-color: #fff;
716 border-left-color: transparent;
722 .footer-sidebar .widget {
727 padding-right: 182px;
732 @media screen and (min-width: 1040px) {
739 .site-content .entry-header,
740 .site-content .entry-content,
741 .site-content .entry-summary,
742 .site-content footer.entry-meta {
747 .full-width .archive-header,
748 .full-width .comments-area,
749 .full-width .image-navigation,
750 .full-width .page-header,
751 .full-width .page-content,
752 .full-width .post-navigation,
753 .full-width .site-content .entry-header,
754 .full-width .site-content .entry-content,
755 .full-width .site-content .entry-summary,
756 .full-width .site-content footer.entry-meta {
762 @media screen and (min-width: 1080px) {
765 margin-left: 29.04761904%;
768 .full-width .site-content {
774 padding-right: 222px;
778 .secondary-navigation ul li:hover > ul,
779 .secondary-navigation ul li.focus > ul {
784 .slider-control-paging {
789 .slider-control-paging li {
790 margin: 12px 0 12px 12px;
793 .slider-control-paging a:before {
799 @media screen and (min-width: 1110px) {
806 .site-content .entry-header,
807 .site-content .entry-content,
808 .site-content .entry-summary,
809 .site-content footer.entry-meta {
815 @media screen and (min-width: 1218px) {
822 .site-content .entry-header,
823 .site-content .entry-content,
824 .site-content .entry-summary,
825 .site-content footer.entry-meta {
829 .full-width .archive-header,
830 .full-width .comments-area,
831 .full-width .image-navigation,
832 .full-width .page-header,
833 .full-width .page-content,
834 .full-width .post-navigation,
835 .full-width .site-content .entry-header,
836 .full-width .site-content .entry-content,
837 .full-width .site-content .entry-summary,
838 .full-width .site-content footer.entry-meta {
844 @media screen and (min-width: 1260px) {
845 .site-content blockquote.alignright {
850 .site-content blockquote.alignleft {