diff --git a/wp-content/themes/twentythirteen/js/functions.js b/wp-content/themes/twentythirteen/js/functions.js index 04c8010614..3ef5eb6caa 100644 --- a/wp-content/themes/twentythirteen/js/functions.js +++ b/wp-content/themes/twentythirteen/js/functions.js @@ -21,9 +21,10 @@ * Displays the fixed navbar based on screen position. */ var html = $( 'html' ), + body = $( 'body' ), navbar = $( '#navbar' ), navbarOffset = -1, - toolbarOffset = $( 'body' ).is( '.admin-bar' ) ? 28 : 0; + toolbarOffset = body.is( '.admin-bar' ) ? 28 : 0; $( window ).scroll( function() { if ( navbarOffset < 0 ) @@ -90,12 +91,13 @@ * Arranges footer widgets vertically. */ if ( $.isFunction( $.fn.masonry ) ) { - var columnWidth = $( 'body' ).is( '.sidebar' ) ? 228 : 245; + var columnWidth = body.is( '.sidebar' ) ? 228 : 245; $( '#secondary .widget-area' ).masonry( { itemSelector: '.widget', - columnWidth: columnWidth, - gutterWidth: 20 + columnWidth: columnWidth, + gutterWidth: 20, + isRTL: body.is( 'rtl' ) ? true : false } ); } } )( jQuery ); \ No newline at end of file diff --git a/wp-content/themes/twentythirteen/rtl.css b/wp-content/themes/twentythirteen/rtl.css index 7c2ffc3d5e..e81d4110da 100644 --- a/wp-content/themes/twentythirteen/rtl.css +++ b/wp-content/themes/twentythirteen/rtl.css @@ -7,4 +7,262 @@ of your CSS stylesheet in a separate stylesheet file named rtl.css. See http://codex.wordpress.org/Right_to_Left_Language_Support */ -/* TODO */ \ No newline at end of file +/** +* Table of Contents: +* +* 4.0 - Header +* 4.2 - Navigation +* 5.0 - Content +* 5.2 - Entry Meta +* 5.4 - Galleries +* 5.7 - Post/Paging Navigation +* 5.8 - Author Bio +* 5.12 - Comments +* 6.0 - Sidebar +* 6.1 - Widgets +* 7.0 - Footer +* 8.0 - Media Queries +* ---------------------------------------------------------------------------- +*/ + +/** +* 4.0 Header +* ---------------------------------------------------------------------------- +*/ + +/** +* 4.1 Site Header +* ---------------------------------------------------------------------------- +*/ + +.site-description { + font-style: normal; +} + + +/** +* 4.2 Navigation +* ---------------------------------------------------------------------------- +*/ + +/* Navbar */ +div.nav-menu > ul { + margin: 0; + padding: 0; +} + +.main-navigation .searchform { + left: 0; + right: auto; +} + +.nav-menu .current_page_item > a, +.nav-menu .current_page_ancestor > a, +.nav-menu .current-menu-item > a, +.nav-menu .current-menu-ancestor > a { + font-style: normal; +} + + +/** +* 5.0 Content +* ---------------------------------------------------------------------------- +*/ + +.sidebar .entry-header, +.sidebar .entry-content, +.sidebar .entry-summary, +.sidebar .entry-meta { + max-width: 1040px; + padding-right: 60px; + padding-left: 376px; +} + +/** +* 5.2 Entry Meta +* ---------------------------------------------------------------------------- +*/ + +.entry-meta > span { + display: inline-block; + margin-right: 0; + margin-left: 20px; +} + +.entry-meta > span:last-child { + margin-right: auto; + margin-left: 0; +} + +.comments-link a:before { + float: right; + margin-right: auto; + margin-left: 2px; +} + +.categories-links a:first-child:before, +.edit-link a:before { + float: right; +} + +/** +* 5.4 Galleries +* ---------------------------------------------------------------------------- +*/ + +.gallery-item { + float: left; + margin: 0 0 4px 4px; +} + +/** +* 5.6 Post Formats +* ---------------------------------------------------------------------------- +*/ + +/* Status */ +.format-status .entry-content:before, +.format-status .entry-meta:before { + left: auto; + right: 10px; +} + +.format-status .entry-content p:first-child:before { + left: auto; + right: 4px; +} + + +/** +* 5.7 Post/Paging Navigation +* ---------------------------------------------------------------------------- +*/ + +.navigation .nav-previous { + float: right; +} + +.navigation .nav-next { + float: left; +} + + +/** +* 5.8 Author Bio +* ---------------------------------------------------------------------------- +*/ + +.author-info { + text-align: right; /* gallery & video post formats */ +} + +.author-avatar { + float: right; + margin: 0 0 30px 30px; +} + +/** +* 5.12 Comments +* ---------------------------------------------------------------------------- +*/ + +.sidebar .comments-title, +.sidebar .comment-list, +.sidebar #reply-title, +.sidebar .comment-navigation, +.sidebar #respond #commentform { + padding-left: 376px; + padding-right: 60px; +} + +#commentform label[for="author"], +#commentform label[for="email"], +#commentform label[for="url"], +#commentform label[for="comment"] { + float: right; +} + +#reply-title { + font-style: normal; +} + +/** +* 6.0 Sidebar +* ---------------------------------------------------------------------------- +*/ + +.site-main .widget-area { + float: left; +} + +/** +* 6.1 Widgets +* ---------------------------------------------------------------------------- +*/ + +.widget .widget-title { + font-style: normal; +} + +/** +* 7.0 Footer +* ---------------------------------------------------------------------------- +*/ + +.site-footer .widget { + float: right; + margin-right: 0; + margin-left: 20px; + text-align: right; +} + +.sidebar .site-footer .widget-area { + left: auto; + right: -158px; +} + +.site-info { + text-align: right; +} + +/** +* 8.0 Media Queries +* ---------------------------------------------------------------------------- +*/ + +@media (max-width: 999px) { + .sidebar .entry-header, + .sidebar .entry-content, + .sidebar .entry-summary, + .sidebar .entry-meta, + .sidebar .comment-list, + .sidebar #reply-title, + .sidebar .comment-navigation, + .sidebar #respond #commentform, + .sidebar .featured-gallery, + .sidebar .post-navigation .nav-links, + .author.sidebar .author-info, + .sidebar .format-image .entry-content { + max-width: 604px; + padding-left: 0; + padding-right: 0; + } + + .site-main .widget-area { + margin: 0; + float: none !important; + width: 100%; + } + + .sidebar .site-footer .widget-area { + left: auto; + right: 0; + } +} + +@media (max-width: 1069px) { + .main-navigation .searchform { + right: auto; + left: 20px; + } +} \ No newline at end of file