diff -r 346c88efed21 -r 5e2f62d02dcd wp/wp-content/themes/twentyfourteen/rtl.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/wp/wp-content/themes/twentyfourteen/rtl.css Tue Jun 09 03:35:32 2015 +0200 @@ -0,0 +1,854 @@ +/* +Theme Name: Twenty Fourteen +Description: Adds support for languages written in a Right To Left (RTL) direction. +It's easy, just a matter of overwriting all the horizontal positioning attributes +of your CSS stylesheet in a separate stylesheet file named rtl.css. + +See http://codex.wordpress.org/Right_to_Left_Language_Support +*/ + +/** + * Table of Contents: + * + * 1.0 - Reset + * 2.0 - Repeatable Patterns + * 4.0 - Header + * 5.0 - Navigation + * 6.0 - Content + * 6.3 - Entry Meta + * 6.4 - Entry Content + * 6.5 - Galleries + * 6.7 - Post/Image/Paging Navigation + * 6.10 - Contributor Page + * 6.14 - Comments + * 7.0 - Sidebar + * 7.1 - Widgets + * 7.2 - Content Sidebar Widgets + * 9.0 - Featured Content + * 10.0 - Media Queries + * ----------------------------------------------------------------------------- + */ + + +/** + * 1.0 Reset + * ----------------------------------------------------------------------------- + */ + +body { + direction: rtl; + unicode-bidi: embed; +} + +a { + display: inline-block; +} + +ul, +ol { + margin: 0 20px 24px 0; +} + +li > ul, +li > ol { + margin: 0 20px 0 0; +} + +caption, +th, +td { + text-align: right; +} + + +/** + * 2.0 Repeatable Patterns + * ----------------------------------------------------------------------------- + */ + +.wp-caption-text { + padding-left: 10px; + padding-right: 0; +} + +.screen-reader-text:focus { + right: 5px; + left: auto; +} + + +/** + * 4.0 Header + * ----------------------------------------------------------------------------- + */ + +.site-title { + float: right; +} + +.search-toggle { + float: left; + margin-left: 38px; + margin-right: auto; +} + +.search-box .search-field { + float: left; + padding: 1px 6px 2px 2px; +} + +.search-toggle .screen-reader-text { + right: 5px; /* Avoid a horizontal scrollbar when the site has a long menu */ + left: auto; +} + + +/** + * 5.0 Navigation + * ----------------------------------------------------------------------------- + */ + +.site-navigation ul ul { + margin-right: 20px; + margin-left: auto; +} + +.menu-toggle { + right: auto; + left: 0; +} + + +/** + * 6.0 Content + * ----------------------------------------------------------------------------- + */ + +/** + * 6.3 Entry Meta + * ----------------------------------------------------------------------------- + */ + +.entry-meta .tag-links a { + margin: 0 10px 4px 4px; +} + +.entry-meta .tag-links a:before { + border-right: 0; + border-left: 8px solid #767676; + right: -7px; + left: auto; +} + +.entry-meta .tag-links a:hover:before, +.entry-meta .tag-links a:focus:before { + border-left-color: #41a62a; +} + +.entry-meta .tag-links a:after { + right: -2px; + left: auto; +} + + +/** + * 6.4 Entry Content + * ----------------------------------------------------------------------------- + */ + +.page-links a, +.page-links > span { + margin: 0 0 2px 1px; +} + +.page-links > .page-links-title { + padding-right: 0; + padding-left: 7px; +} + + +/** + * 6.5 Galleries + * ----------------------------------------------------------------------------- + */ + +.gallery-item { + float: right; + margin: 0 0 4px 4px; +} + +.gallery-columns-1 .gallery-item:nth-of-type(1n), +.gallery-columns-2 .gallery-item:nth-of-type(2n), +.gallery-columns-3 .gallery-item:nth-of-type(3n), +.gallery-columns-4 .gallery-item:nth-of-type(4n), +.gallery-columns-5 .gallery-item:nth-of-type(5n), +.gallery-columns-6 .gallery-item:nth-of-type(6n), +.gallery-columns-7 .gallery-item:nth-of-type(7n), +.gallery-columns-8 .gallery-item:nth-of-type(8n), +.gallery-columns-9 .gallery-item:nth-of-type(9n) { + margin-right: auto; + margin-left: 0; +} + +.gallery-caption { + padding: 6px 8px; + right: 0; + left: auto; + text-align: right; +} + +.gallery-caption:before { + right: 0; + left: auto; +} + + +/** + * 6.7 Post/Image/Paging Navigation + * ----------------------------------------------------------------------------- + */ + +.paging-navigation .page-numbers { + margin-right: auto; + margin-left: 1px; +} + + +/** + * 6.10 Contributor Page + * ----------------------------------------------------------------------------- + */ + +.contributor-avatar { + float: right; + margin: 0 0 20px 30px; +} + + +/** + * 6.14 Comments + * ----------------------------------------------------------------------------- + */ + +.comment-author .avatar { + right: 0; + left: auto; +} + +.bypostauthor > article .fn:before { + margin: 0 -2px 0 2px; +} + +.comment-author, +.comment-awaiting-moderation, +.comment-content, +.comment-list .reply, +.comment-metadata { + padding-right: 30px; + padding-left: 0; +} + +.comment-edit-link { + margin-right: 10px; + margin-left: auto; +} + +.comment-reply-link:before, +.comment-reply-login:before { + margin-left: auto; + margin-right: 2px; +} + +.comment-reply-link:before, +.comment-reply-login:before, +.comment-edit-link:before { + -webkit-transform: scaleX(-1); + -moz-transform: scaleX(-1); + -ms-transform: scaleX(-1); + -o-transform: scaleX(-1); + transform: scaleX(-1); +} + +.comment-content ul, +.comment-content ol { + margin: 0 22px 24px 0; +} + +.comment-list .children { + margin-right: 15px; + margin-left: auto; +} + +.comment-reply-title small a { + float: left; +} + +.comment-navigation .nav-previous a { + margin-right: auto; + margin-left: 10px; +} + + +/** + * 7.0 Sidebars + * ----------------------------------------------------------------------------- + */ + +/** + * 7.1 Widgets + * ----------------------------------------------------------------------------- + */ + +.widget li > ol, +.widget li > ul { + margin-right: 10px; + margin-left: auto; +} + +.widget input, +.widget textarea { + padding: 1px 4px 2px 2px; +} + +.widget_calendar caption { + text-align: right; +} + +.widget_calendar #prev { + padding-right: 5px; + padding-left: 0; +} + +.widget_calendar #next { + padding-right: 0; + padding-left: 5px; + text-align: left; +} + +.widget_twentyfourteen_ephemera .entry-content ul, +.widget_twentyfourteen_ephemera .entry-content ol { + margin: 0 20px 18px 0; +} + +.widget_twentyfourteen_ephemera .entry-content li > ul, +.widget_twentyfourteen_ephemera .entry-content li > ol { + margin: 0 20px 0 0; +} + + +/** + * 7.2 Content Sidebar Widgets + * ----------------------------------------------------------------------------- + */ + +.content-sidebar .widget li > ol, +.content-sidebar .widget li > ul { + margin-right: 18px; + margin-left: auto; +} + +.content-sidebar .widget_twentyfourteen_ephemera .widget-title:before { + margin: -1px 0 0 18px; +} + + +/** + * 9.0 Featured Content + * ----------------------------------------------------------------------------- + */ + +.featured-content .post-thumbnail img { + right: 0; + left: auto; +} + +.slider-viewport { + direction: ltr; +} + +.slider .featured-content .entry-header { + right: 0; + left: auto; + text-align: right; +} + +.slider-control-paging { + float: right; +} + +.slider-control-paging li { + float: right; + margin: 2px 0 2px 4px; +} + +.slider-control-paging li:last-child { + margin-right: auto; + margin-left: 0; +} + +.slider-control-paging a:before { + right: 10px; + left: auto; +} + +.slider-direction-nav li { + border-width: 2px 0 0 1px; + float: right; +} + +.slider-direction-nav li:last-child { + border-width: 2px 1px 0 0; +} + +.slider-direction-nav a:before { + content: "\f429"; +} + +.slider-direction-nav .slider-next:before { + content: "\f430"; +} + + +/** + * 10.0 Media Queries + * ----------------------------------------------------------------------------- + */ + +@media screen and (max-width: 400px) { + .list-view .site-content .post-thumbnail img { + float: right; + margin: 0 0 3px 10px; + } +} + +@media screen and (min-width: 401px) { + .site-content .entry-meta > span { + margin-right: auto; + margin-left: 10px; + } + + .site-content .format-quote .post-format a:before { + margin-right: auto; + margin-left: 2px; + } + + .site-content .format-gallery .post-format a:before { + margin-right: auto; + margin-left: 4px; + } + + .site-content .format-aside .post-format a:before { + margin-right: auto; + margin-left: 2px; + } + + .site-content .featured-post:before { + margin-right: auto; + margin-left: 3px; + } + + .site-content .entry-date a:before, + .attachment .site-content span.entry-date:before { + margin-right: auto; + margin-left: 1px; + } + + .site-content .comments-link a:before { + margin-right: auto; + margin-left: 2px; + } + + .site-content .full-size-link a:before { + margin-right: auto; + margin-left: 1px; + } + + .entry-content .edit-link a:before, + .entry-meta .edit-link a:before { + -webkit-transform: scaleX(-1); + -moz-transform: scaleX(-1); + -ms-transform: scaleX(-1); + -o-transform: scaleX(-1); + transform: scaleX(-1); + } +} + +@media screen and (min-width: 594px) { + .site-content .entry-header { + padding-right: 30px; + padding-left: 30px; + } +} + +@media screen and (min-width: 673px) { + .search-toggle { + margin-right: auto; + margin-left: 18px; + } + + .content-area { + float: right; + } + + .site-content { + margin-right: auto; + margin-left: 33.33333333%; + } + + .archive-header, + .comments-area, + .image-navigation, + .page-header, + .page-content, + .post-navigation, + .site-content .entry-content, + .site-content .entry-summary, + .site-content footer.entry-meta { + padding-right: 30px; + padding-left: 30px; + } + + .full-width .site-content { + margin-left: 0; + } + + .content-sidebar { + float: left; + margin-right: -33.33333333%; + margin-left: auto; + } + + .grid .featured-content .hentry { + float: right; + } + + .slider-control-paging { + padding-right: 20px; + padding-left: 0; + } + + .slider-direction-nav { + float: left; + } + + .slider-direction-nav li { + padding: 0 0 0 1px; + } + + .slider-direction-nav li:last-child { + padding: 0 1px 0 0; + } +} + +@media screen and (min-width: 783px) { + .header-main { + padding-right: 30px; + padding-left: 0; + } + + .search-toggle { + margin-right: auto; + margin-left: 0; + } + + .primary-navigation { + float: left; + margin: 0 -12px 0 1px; + } + + .primary-navigation ul ul { + float: right; + margin: 0; + right: -999em; + left: auto; + } + + .primary-navigation ul ul ul { + right: -999em; + left: auto; + } + + .primary-navigation ul li:hover > ul, + .primary-navigation ul li.focus > ul { + right: auto; + } + + .primary-navigation ul ul li:hover > ul, + .primary-navigation ul ul li.focus > ul { + right: 100%; + left: auto; + } + + .primary-navigation .menu-item-has-children > a, + .primary-navigation .page_item_has_children > a { + padding-right: 12px; + padding-left: 26px; + } + + .primary-navigation .menu-item-has-children > a:after, + .primary-navigation .page_item_has_children > a:after { + right: auto; + left: 12px; + } + + .primary-navigation li .menu-item-has-children > a, + .primary-navigation li .page_item_has_children > a { + padding-right: 12px; + padding-left: 20px; + } + + .primary-navigation .menu-item-has-children li.menu-item-has-children > a:after, + .primary-navigation .menu-item-has-children li.page_item_has_children > a:after, + .primary-navigation .page_item_has_children li.menu-item-has-children > a:after, + .primary-navigation .page_item_has_children li.page_item_has_children > a:after { + content: "\f503"; + right: auto; + left: 8px; + } +} + +@media screen and (min-width: 810px) { + .attachment .entry-attachment .attachment { + margin-right: -168px; + margin-left: -168px; + } + + .attachment .entry-attachment .attachment a { + display: block; + } + + .contributor-avatar { + margin-right: -168px; + margin-left: auto; + } + + .contributor-summary { + float: right; + } + + .full-width .site-content blockquote.alignright, + .full-width .site-content img.size-full.alignright, + .full-width .site-content img.size-large.alignright, + .full-width .site-content img.size-medium.alignright, + .full-width .site-content .wp-caption.alignright { + margin-right: -168px; + margin-left: auto; + } + + .full-width .site-content blockquote.alignleft, + .full-width .site-content img.size-full.alignleft, + .full-width .site-content img.size-large.alignleft, + .full-width .site-content img.size-medium.alignleft, + .full-width .site-content .wp-caption.alignleft { + margin-right: auto; + margin-left: -168px; + } +} + +@media screen and (min-width: 846px) { + .comment-author, + .comment-awaiting-moderation, + .comment-content, + .comment-list .reply, + .comment-metadata { + padding-right: 50px; + padding-left: 0; + } + + .comment-list .children { + margin-right: 20px; + margin-left: auto; + } +} + +@media screen and (min-width: 1008px) { + .search-box-wrapper { + padding-right: 182px; + padding-left: 0; + } + + .main-content { + float: right; + } + + .site-content { + margin-right: 182px; + margin-left: 29.04761904%; + } + + .full-width .site-content { + margin-right: 182px; + } + + .content-sidebar { + margin-right: -29.04761904%; + margin-left: auto; + } + + .site:before { + right: 0; + left: auto; + } + + #secondary { + float: right; + margin: 0 -100% 0 0; + } + + .secondary-navigation ul ul { + right: -999em; + left: auto; + } + + .secondary-navigation ul li:hover > ul, + .secondary-navigation ul li.focus > ul { + right: 162px; + left: auto; + } + + .secondary-navigation .menu-item-has-children > a { + padding-right: 30px; + padding-left: 38px; + } + + .secondary-navigation .menu-item-has-children > a:after { + border-right-color: #fff; + border-left-color: transparent; + right: auto; + left: 26px; + content: "\f503"; + } + + .footer-sidebar .widget { + float: right; + } + + .featured-content { + padding-right: 182px; + padding-left: 0; + } +} + +@media screen and (min-width: 1040px) { + .archive-header, + .comments-area, + .image-navigation, + .page-header, + .page-content, + .post-navigation, + .site-content .entry-header, + .site-content .entry-content, + .site-content .entry-summary, + .site-content footer.entry-meta { + padding-right: 15px; + padding-left: 15px; + } + + .full-width .archive-header, + .full-width .comments-area, + .full-width .image-navigation, + .full-width .page-header, + .full-width .page-content, + .full-width .post-navigation, + .full-width .site-content .entry-header, + .full-width .site-content .entry-content, + .full-width .site-content .entry-summary, + .full-width .site-content footer.entry-meta { + padding-right: 30px; + padding-left: 30px; + } +} + +@media screen and (min-width: 1080px) { + .site-content { + margin-right: 222px; + margin-left: 29.04761904%; + } + + .full-width .site-content { + margin-right: 222px; + } + + .search-box-wrapper, + .featured-content { + padding-right: 222px; + padding-left: 0; + } + + .secondary-navigation ul li:hover > ul, + .secondary-navigation ul li.focus > ul { + right: 202px; + left: auto; + } + + .slider-control-paging { + padding-right: 24px; + padding-left: 0; + } + + .slider-control-paging li { + margin: 12px 0 12px 12px; + } + + .slider-control-paging a:before { + right: 6px; + left: auto; + } +} + +@media screen and (min-width: 1110px) { + .archive-header, + .comments-area, + .image-navigation, + .page-header, + .page-content, + .post-navigation, + .site-content .entry-header, + .site-content .entry-content, + .site-content .entry-summary, + .site-content footer.entry-meta { + padding-right: 30px; + padding-left: 30px; + } +} + +@media screen and (min-width: 1218px) { + .archive-header, + .comments-area, + .image-navigation, + .page-header, + .page-content, + .post-navigation, + .site-content .entry-header, + .site-content .entry-content, + .site-content .entry-summary, + .site-content footer.entry-meta { + margin-left: 54px; + } + + .full-width .archive-header, + .full-width .comments-area, + .full-width .image-navigation, + .full-width .page-header, + .full-width .page-content, + .full-width .post-navigation, + .full-width .site-content .entry-header, + .full-width .site-content .entry-content, + .full-width .site-content .entry-summary, + .full-width .site-content footer.entry-meta { + margin-right: auto; + margin-left: auto; + } +} + +@media screen and (min-width: 1260px) { + .site-content blockquote.alignright { + margin-right: -18%; + margin-left: auto; + } + + .site-content blockquote.alignleft { + margin-left: -18%; + margin-right: auto; + } +} \ No newline at end of file