diff --git a/css/theme-options-rtl.css b/css/theme-options-rtl.css new file mode 100755 index 0000000..21fedd2 --- /dev/null +++ b/css/theme-options-rtl.css @@ -0,0 +1,67 @@ +#ar2-theme-options .submit input { + margin-left: 5px; +} + +#ar2-theme-options .nav-tab-wrapper li { + float: right; +} + + +#ar2-theme-options-form { + padding: 1em; + width: 70%; + float: right; +} + +#ar2-theme-options .form-table th { + padding: 10px 0 8px 8px; +} + +#ar2-theme-options .reset-thumbnail-sizes { + margin-right: 10px; + float: left; +} + +#ar2-theme-options .asides { + float: left; +} + +/* Switch */ +#ar2-theme-options .switch-inner { + margin-left: auto; + margin-right: -100%; +} +#ar2-theme-options .switch-inner > span { + float: right; +} +#ar2-theme-options .switch-inner .switch-active { + padding-right: 10px; +} +#ar2-theme-options .switch-inner .switch-inactive { + padding-left: 10px; + text-align: left; +} +#ar2-theme-options .switch-node { + left: 36px; + right: auto; +} +#ar2-theme-options .switch input:checked + label .switch-inner { + margin-right: 0; +} +#ar2-theme-options .switch input:checked + label .switch-node { + left: 0; + right: auto; +} + +/* TokenInput CSS */ +ul.token-input-list li { + float: right; +} + +li.token-input-token p { + float: right; +} + +li.token-input-token span { + float: left; +} \ No newline at end of file diff --git a/editor-style-rtl.css b/editor-style-rtl.css new file mode 100644 index 0000000..8785abb --- /dev/null +++ b/editor-style-rtl.css @@ -0,0 +1,8 @@ +/* =Global +-------------------------------------------------------------- */ +html .mceContentBody { + max-width: 634px; + direction: rtl; + unicode-bidi: embed; + float: right; +} \ No newline at end of file diff --git a/images/sprites.png b/images/sprites.png index 8721504..1b159db 100644 Binary files a/images/sprites.png and b/images/sprites.png differ diff --git a/library/admin/admin.php b/library/admin/admin.php index 43ea602..d01e8c2 100755 --- a/library/admin/admin.php +++ b/library/admin/admin.php @@ -359,18 +359,18 @@ function ar2_theme_options_enqueue_scripts( $hook_suffix ) { $current = isset( $_GET[ 'opt_type' ] ) ? esc_attr( $_GET['opt_type'] ) : ''; - wp_enqueue_style( 'ar2-theme-options', get_template_directory_uri() . '/css/theme-options.css', array( 'farbtastic' ), '2011-07-29' ); + wp_enqueue_style( 'ar2-theme-options', get_template_directory_uri() . '/css/theme-options.css', null, '2011-07-29' ); wp_register_style( 'ar2-theme-options-ie', get_template_directory_uri() . '/css/theme-options-ie.css' ); $wp_styles->add_data( 'ar2-theme-options-ie', 'conditional', 'lt IE 9' ); wp_enqueue_style( 'ar2-theme-options-ie' ); - wp_enqueue_script( 'jquery-tokeninput', get_template_directory_uri() . '/js/jquery.tokeninput.min.js', array( 'jquery' ), time() ); - wp_enqueue_script( 'ar2-theme-options', get_template_directory_uri() . '/js/theme-options.js', array( 'jquery', 'jquery-ui-core', 'jquery-ui-tabs' ), time() ); + if ( is_rtl() ) + wp_enqueue_style( 'ar2-theme-options-rtl', get_template_directory_uri() . '/css/theme-options-rtl.css', null, '2012-08-09' ); + + wp_enqueue_script( 'jquery-tokeninput', get_template_directory_uri() . '/js/jquery.tokeninput.min.js', array( 'jquery' ), '2012-08-09' ); + wp_enqueue_script( 'ar2-theme-options', get_template_directory_uri() . '/js/theme-options.js', array( 'jquery', 'jquery-ui-core', 'jquery-ui-tabs' ), '2012-08-09' ); - wp_enqueue_script( 'farbtastic' ); - wp_enqueue_style( 'farbtastic' ); - wp_localize_script( 'ar2-theme-options', 'ar2Admin_l10n', ar2_theme_options_localize_vars() ); } diff --git a/library/classes/postviews-section.php b/library/classes/postviews-section.php index f848724..c3afd36 100644 --- a/library/classes/postviews-section.php +++ b/library/classes/postviews-section.php @@ -427,7 +427,8 @@ public function do_slideshow_js() { ?> jQuery( '.posts-slideshow' ).flexslider( { - animation: 'slide' + useCSS: false, + animation: 'slide' } ); ul.sub-menu { + margin-left: 0; + margin-right: -1px; +} +#main-nav ul.menu li:hover > ul.sub-menu li:hover > ul.sub-menu { + margin-right: 0; +} +#main-nav ul.menu li:hover > ul.sub-menu li { + border-left: 0; +} + +/* =Asides +-------------------------------------------------------------- */ +.widget ul, .widget .xoxo, .widget ol { + margin: 0 1.25em 0 0; +} +.widget .entry-summary { + float: right; +} +.widget .more-link { + float: right; +} + +/* Bottom Content */ +.bottom-sidebar { + float: right; +} +.bottom-sidebar .widget-title { + margin: 1em 0 1em 1em; +} + +/* Multi-Tabbed Sidebar */ +.multi-sidebar .tabs li { + float: right; +} +.multi-sidebar .entry-thumbnail, .multi-sidebar .recentcomments .avatar, .featured-stories .entry-thumbnail { + float: right; + margin: 0 0 0 10px; +} + +/* =Sections +-------------------------------------------------------------- */ +.home-title, .archive-title, .module-title, #reply-title { + margin: 1em; +} +.posts-node .entry-comments, .posts-quick .entry-comments { + right: auto; + left: 0; + padding: .5em 1.75em .5em .5em; + background-position: -70px 8px; +} + +/* Slideshow */ +.posts-slideshow { + direction: ltr; +} +.posts-slideshow ol.flex-control-nav { + left: auto; + right: 1.5em; +} +.posts-slideshow .entry-meta { + text-align: right; +} +.posts-slideshow ol.flex-control-nav li { + float: right; + margin: 0 0 0 5px; +} +.posts-slideshow ul.flex-direction-nav li:first-child { + float: right; +} +.posts-slideshow ul.flex-direction-nav li { + float: left; +} +.posts-slideshow ul.flex-direction-nav .flex-next { + background-position: 0 0; +} +.posts-slideshow ul.flex-direction-nav .flex-prev { + background-position: -32px 0; +} + +/* Node Based */ +.posts-node .post { + float: right; +} + +/* Quick Preview */ +.posts-quick li { + padding: 0 10px 0 0; + margin: 0 0 10px; +} +.posts-quick .entry-thumbnail { + float: right; + margin: 0 0 5em 20px; +} + +/* Per Line */ +.posts-line { + margin: 0 20px 20px 1.5%; +} +.posts-line .entry-date { + float: right; +} +.posts-line .entry-title { + float: right; +} +.posts-line .entry-comments { + float: right; +} + +/* Traditional */ +.posts-traditional article { + margin: 1em 1.75em 1.5em .75em; +} + +/* =Single Post +-------------------------------------------------------------- */ +article { + margin: 0 1em 1em; +} +article .entry-cats a:link, article .entry-cats a:visited { + color: #999; +} +article .entry-cats a:hover { + color: #333; +} +article .entry-title { + font-size: 200%; +} +article .entry-format { + margin: .2em 0 0 .2em; + float: right; +} +article .entry-photo { + margin: 1.5em 0 1.5em .5em; +} +article .entry-social { + float: right; +} +article .entry-tags { + clear: both; +} +/* Gallery */ +.gallery-item { + margin: 0 0 1em 1em; + float: right; +} + +.about-author { + clear: both; +} +.about-author .author-avatar { + float: right; + +} +.about-author .author-meta { + float: right; + margin-left: 0; + margin-right: 15px; +} +.author-archive { + margin: 0 1em 1em 1em; +} + +/* =Comments +-------------------------------------------------------------- */ +#commentlist .avatar { + float: right; + margin: 0 0 1em .5em; +} +#commentlist p { + clear: right; +} +#commentlist .children { + clear: left; + border-left: none; + border-right: 2px solid #E1E1E1; + list-style: none; + padding: 0 .5em .5em 0; + margin: 0 .5em 0 0; + +} + +/* Archives +-------------------------------------------------------------- */ + + + +/* =Footer +-------------------------------------------------------------- */ +#footer .footer-meta .menu li { + border-left: none; + border-right: 1px solid #CCC; +} +#footer .footer-meta .menu li:first-child { + border: none; + padding: 0 0 0 1%; +} +.footer-sidebar { + float: right; +} + +/* =Media Queries - iPads (Portrait & Landscape) +-------------------------------------------------------------- */ +@media only screen and ( min-width: 768px ) and ( max-width: 1024px ) { + + body { + -webkit-text-size-adjust: 110%; + } + +} + +/* =Media Queries - Smartphones (Portrait & Landscape) +-------------------------------------------------------------- */ +@media only screen and ( max-width: 480px ) { + + /* Structure */ + body, input, textarea { + font-size: 100%; + } + + #wrapper { + min-width: 0; + } + .twocol-r #container, .twocol-l #container, .twocol-l .main-aside, .twocol-r .main-aside, + .footer-sidebar { + float: none; + width: 100%; + } + + .logo { + width: 100%; + float: none; + padding: 1em 0; + text-align: center; + } + + /* Misc */ + .tags a:link, .tags a:visited, .tagcloud a:link, .tagcloud a:visited { + font-size: 100% !important; + } + + /* Search Form */ + #searchform { + height: 33px; + padding: .3em; + } + + /* Post Sections */ + .home-title, .bottom-sidebar .widget-title, .archive-title, .module-title, #reply-title { + margin-right: 0; + } + + .posts-node .entry-comments, .posts-quick .entry-comments { + display: none; + } + .posts-node .entry-thumbnail img, .posts-quick .entry-thumbnail img { + width: auto; + } + .posts-node .entry-thumbnail, .posts-quick .entry-thumbnail { + margin: 0 0 1em; + display: inline-block; + } + + + .posts-slideshow { + min-height: 0; + margin: 0 0 1.5em; + } + .posts-slideshow .flex-viewport { + background: #000; + } + .posts-slideshow .entry-meta { + padding: 3% 5%; + width: 90%; + min-height: 10%; + } + .posts-slideshow .entry-summary { + display: none; + } + .posts-slideshow a.entry-title, .posts-slideshow .entry-summary { + margin: 0; + font-size: 90%; + } + .posts-slideshow .flex-direction-nav { + display: none; + } + + .posts-node .post { + float: none; + width: 100%; + } + + .posts-quick .entry-thumbnail { + float: none; + width: auto; + } + .posts-quick .published { + margin-left: 0; + } + + .posts-line .entry-title, .posts-line .entry-date { + float: none; + width: 100%; + } + .posts-line .entry-comments { + display: none; + } + + /* Single */ + article .entry-title { + font-size: 180%; + } + .post-navigation { + text-align: center; + } + .about-author .author-avatar { + display: none; + } + .about-author .author-meta { + float: none; + width: 100%; + margin: 0; + } + + #commentform input[type=text] { + width: 98%; + } + + /* Navigation */ + #main-nav { + background: #F5F5F5; + } + .js .menu { + display: none; + } + .js nav { + padding: 0 1em; + } + .js .tinynav { + display: block; + width: 100%; + margin: 1em 0; + } + + /* Footer */ + #footer .widget { + padding: 1em; + } + #footer .footer-meta { + padding: 1em; + } + #footer .footer-meta p { + margin: 1em 0; + text-align: center; + } + +} diff --git a/style.css b/style.css index 65714db..d0bb9b2 100755 --- a/style.css +++ b/style.css @@ -116,7 +116,7 @@ dt { font-weight: bold; } ul, ol { - margin: 0 0 1.425em 1.8em; + margin: 1.425em 1.8em; } ul { list-style: square; @@ -688,7 +688,7 @@ ul.menu li a { width: 100%; } .widget ul, .widget .xoxo, .widget ol { - margin: 0 0 0 15px; + margin: 0 0 0 1.25em; padding: 0; } .widget li { @@ -904,7 +904,7 @@ ul.menu li a { bottom: 1.5em; padding: .5em .5em .5em 1.75em; color: #FFF; - background: url( images/sprites.png ) no-repeat -58px 8px #86C140; + background: url( images/sprites.png ) no-repeat -82px 8px #86C140; box-shadow: 0 0 10px 2px #555; text-transform: uppercase; } @@ -1497,7 +1497,7 @@ article.page .entry-header h1.entry-title { /* Pingbacks */ #pingbacks { - margin: 0 0 1.5em 2.2em; + margin: 0 2.2em 1.5em; } #pingbacks li { margin: 0 0 .2em; @@ -1604,6 +1604,12 @@ article.page .entry-header h1.entry-title { text-align: center; } + /* Bottom Sidebar */ + .bottom-sidebar { + float: none; + width: 100%; + } + /* Misc */ .tags a:link, .tags a:visited, .tagcloud a:link, .tagcloud a:visited { font-size: 100% !important;