From bad6d5e3f3217e861c13d5c2b8204cdf5c6f546a Mon Sep 17 00:00:00 2001 From: azaozz Date: Sat, 25 Jun 2011 20:24:07 +0000 Subject: [PATCH] Twenty Eleven RTL update, props yoavf, fixes #17882 git-svn-id: http://svn.automattic.com/wordpress/trunk@18342 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- .../themes/twentyeleven/colors/dark.css | 3 + .../images/comment-bubble-dark-rtl.png | Bin 0 -> 1868 bytes .../images/comment-bubble-rtl.png | Bin 0 -> 1782 bytes .../themes/twentyeleven/inc/theme-options.php | 10 +- wp-content/themes/twentyeleven/rtl.css | 425 +++++++++++------- wp-content/themes/twentyeleven/style.css | 20 +- 6 files changed, 272 insertions(+), 186 deletions(-) create mode 100644 wp-content/themes/twentyeleven/images/comment-bubble-dark-rtl.png create mode 100644 wp-content/themes/twentyeleven/images/comment-bubble-rtl.png diff --git a/wp-content/themes/twentyeleven/colors/dark.css b/wp-content/themes/twentyeleven/colors/dark.css index fe6de94d23..820e912451 100644 --- a/wp-content/themes/twentyeleven/colors/dark.css +++ b/wp-content/themes/twentyeleven/colors/dark.css @@ -210,6 +210,9 @@ a:active img[class*="wp-image-"] { color: #888; } +.rtl .entry-header .comments-link a { + background-image: url(../images/comment-bubble-dark-rtl.png); +} /* Singular content styles for Posts and Pages */ .singular .entry-title { color: #fff; diff --git a/wp-content/themes/twentyeleven/images/comment-bubble-dark-rtl.png b/wp-content/themes/twentyeleven/images/comment-bubble-dark-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..3a43135ded872846746d03fdb526f785df14758f GIT binary patch literal 1868 zcmV-S2ebHzP)4Tx0C)j~RL^S@K@|QrZmG~B2wH0nvUrdpNm;9CMbtL^5n^i$+aIn^?(HA4aZWV5ov6ELTdbo0FI&wK{O>*+w4vx20?>!`FrQsdJlnHR>OPy zcd~b_n$otK2Za4V;76L-DzNVtaSB-y0*E}{p()372;bw_^6ZZ}PI-92wGS&j#91PI zKs7DSe@(bk%_Y-7gGe}(^>I=@oY#w#*Bu9GZf3^F5WP>3rn}7Ut74&?PWBFvy`A)a zPP5)V!Xd&78LdA?xQ(9mjMYElVd13a#D+Z_7&Y|xU=_C-srWU*6kiZcC!$nw*)9$7 zn6CX+@=AhmkT}X@VSsa5NKe;HZuq)~1$`#h6R+ZTR#D-3j}vF!)ZOnz+5)dI4jl{{ z44Mr{P!L4~VVJN`K!!XTF*LGrKO?IK8z<8w`3e3jI8lUGNUta*C8 zn(P`s>{pjD=7Kek#B;Fw@hxAK%$F&Q6vg9J^Xf~4by_hu-=A!MJ3Znq&n~srbFGPs zH&&aMXZ>nO`|hf|ljc?VPhR!${AbO?W8x_>CU%PFA&Hm8F7cAsOREdwU~R_;ot1_u z(ruCYB-LPGn!NQdT|ZlRy+(fw^-+`=%+gee_kY4FWHg<*4sZI8+sFJD270UUORdLHO0nA4V) z%{fwsET5CQ>B?eK%uw4yQc~9?*JVo2}ze(;aRcp*ceL#HUJSllrgm5wQKR zQu+C;QrUh^8rFfA`ftFz{YAidi-`aL010qNS#tmY3ljhU3ljkVnw%H_00aa{L_t(o z3GJB8OH@%5z@2g4%+$;fMNmOv*$Al%`v7xM3|5#(Q5$L5x=sH>3l{~oj5h5fqD6}k zQ82;~!4%SvaWKtPh|;LWalYR4JI|Ttn=hNMH>1#nGxxrG&pqci=iPhXz1QOLcoKDc zBw6MH&Ikgt)eMc7cRR_g)u-4=`G2x2dyZ(TvKi9{j-*jzjw{~Qj7 z1#}t_&}Afs6q+0;9z_lzO%8{n*=DnO`2)>7TaX>ozhI*PP60SgK8U3$#1DKi(aZ}# zWLvP^p(si>(q3O*-->cxXiL5cMkH4vk;q6i8hwR<0RV$}y_VSk^f65Mi1cl{-F}6# zCzr{bkp=WqFc=)A!&4wX4C6bR@~;mACek?a0>#->V=Z$y-pj;el{m#J(IG5aWNFwS>;aw! zY6+Ob_Zy-+17AeiG*~9pJmn!OE3$s(a9UCoJRyd|0DOKiputihu%<6jB@x4w8vRE;bFnQH=5BkON{(68;--d>0-cWjPURDGiny7srX~l?#d2KVU z0xuUGKU0bo%6*K{_I#k?W2eZbF-TOId`rj|wv?-!*93MYsU%1Ccv^?;2iYr+(f`+W zRdz`t3+y8z+n3$CRkKrM)B0dczR_M0URNFCN>&Uly5w^2l@nGV`D1hRpFn2}nWQdj zI8nER&Iq900004Tx0C)j~RL^S@K@|QrZmG~B2wH0nvUrdpNm;9CMbtL^5n^i$+aIn^?(HA4aZWV5ov6ELTdbo0FI&wK{O>*+w4vx20?>!`FrQsdJlnHR>OPy zcd~b_n$otK2Za4V;76L-DzNVtaSB-y0*E}{p()372;bw_^6ZZ}PI-92wGS&j#91PI zKs7DSe@(bk%_Y-7gGe}(^>I=@oY#w#*Bu9GZf3^F5WP>3rn}7Ut74&?PWBFvy`A)a zPP5)V!Xd&78LdA?xQ(9mjMYElVd13a#D+Z_7&Y|xU=_C-srWU*6kiZcC!$nw*)9$7 zn6CX+@=AhmkT}X@VSsa5NKe;HZuq)~1$`#h6R+ZTR#D-3j}vF!)ZOnz+5)dI4jl{{ z44Mr{P!L4~VVJN`K!!XTF*LGrKO?IK8z<8w`3e3jI8lUGNUta*C8 zn(P`s>{pjD=7Kek#B;Fw@hxAK%$F&Q6vg9J^Xf~4by_hu-=A!MJ3Znq&n~srbFGPs zH&&aMXZ>nO`|hf|ljc?VPhR!${AbO?W8x_>CU%PFA&Hm8F7cAsOREdwU~R_;ot1_u z(ruCYB-LPGn!NQdT|ZlRy+(fw^-+`=%+gee_kY4FWHg<*4sZI8+sFJD270UUORdLHO0nA4V) z%{fwsET5CQ>B?eK%uw4yQc~9?*JVo2}ze(;aRcp*ceL#HUJSllrgm5wQKR zQu+C;QrUh^8rFfA`ftFz{YAidi-`aL010qNS#tmY3ljhU3ljkVnw%H_00XW`L_t(o z3GJ9)NK;W9$G0VI>el=-|3<^2kSIcky@bI?BK}^_d5W*Nl z7(Gci@F55+h4jf{GM422piJE#adY+k-tHZD^Um$IsaNO+KknJRzwkH^0x5{X~oaQJ&Ro6S_}!(=iw*lf0oX0y55YPI$m3I1;doW)oy=2xOU0E-xUi%N_~W2KGM(hlu5 z+U@phnAuOozy+|8NMuGFQBy4e)cOLjxwp6X#?H>pH#u+~c5iPlJTNfefMHD+ky=p6 z9vtUJM@R2)kxRgN*txm6r!Z)djJ5CtPuueH^2-8PjB1S2uLVFk17HnYaNOq!ER5{x z>gpTzLT;#)GP%e{SRps?`~5R`nSg3h5+a{Y7+G!=pww$+H02!N5<-C^DGoQ$; zudjc=$1bgak^^E}SXg*YP)Z(_KX@R7fhIC9aF~aOhi_*xnK;=f1+dI%nM1;`S^Rb) zA%XUd%mRx~3k9&G=YfqqIw@eZ%WbL~DS(eWaybCYj{pvikB{F&C7x`LEx|!sP0U}T z(db7xq*PXfCKMjg?T&O4-iA#>mi<+EaQm z9{(wiMYY{zG8sT4x~;9P75uR%UeIl9Y=kBzCf@sez7R~ep$XK@v0kwt59r1P#}qE_ zxFa1D!XAfk8{!FC7EX<5w_pu`uF>Q1JS@diaTt_xp!Pi%F2iYhdin|AE 'content-sidebar', ); + if ( is_rtl() ) + $default_theme_options['theme_layout'] = 'sidebar-content'; + return apply_filters( 'twentyeleven_default_theme_options', $default_theme_options ); } @@ -391,7 +394,12 @@ function twentyeleven_layout_classes( $existing_classes ) { else $classes = array( 'one-column' ); - $classes[] = $current_layout; + if ( 'content-sidebar' == $current_layout ) + $classes[] = 'right-sidebar'; + elseif ( 'sidebar-content' == $current_layout ) + $classes[] = 'left-sidebar'; + else + $classes[] = $current_layout; $classes = apply_filters( 'twentyeleven_layout_classes', $classes, $current_layout ); diff --git a/wp-content/themes/twentyeleven/rtl.css b/wp-content/themes/twentyeleven/rtl.css index b476676eab..fbb7b952b4 100644 --- a/wp-content/themes/twentyeleven/rtl.css +++ b/wp-content/themes/twentyeleven/rtl.css @@ -9,24 +9,119 @@ http://codex.wordpress.org/Right_to_Left_Language_Support */ -/* =Global +/* =Reset reset +----------------------------------------------- */ + +caption, th, td { + text-align: right; +} + +/* =Structure ----------------------------------------------- */ body { - direction: rtl; - unicode-bidi: embed; + direction:rtl; + unicode-bidi:embed; } -caption, th, td { - text-align: right; + +/* Showcase */ +.page-template-showcase-php section.recent-posts { + float: left; + margin: 0 31% 0 0; +} +.page-template-showcase-php #main .widget-area { + float: right; + margin: 0 0 0 -22.15%; +} + +/* One column */ + +.one-column article.feature-image.small .entry-summary a { + left: auto; + right: -9%; +} + +/* Simplify the pullquotes and pull styles */ +.one-column.singular .entry-meta .edit-link a { + right: 0px; + left: auto; +} +/* Make sure we have room for our comment avatars */ +.one-column .commentlist > li.comment { + margin-left: 0; + margin-right: 102px; +} +/* Make sure the logo and search form don't collide */ +.one-column #branding #searchform { + right: auto; + left: 40px; +} +/* Talking avatars take up too much room at this size */ +.one-column .commentlist > li.comment { + margin-right: 0; +} +.one-column .commentlist > li.comment .comment-meta, +.one-column .commentlist > li.comment .comment-content { + margin-right: 0; + margin-left: 85px; +} +.one-column .commentlist .avatar { + right: auto; + left: 1.625em; +} +.one-column .commentlist .children .avatar { + left: auto; + right: 2.2em; +} + +/* =Global +----------------------------------------------- */ + +/* Text elements */ +p { + margin-bottom: 1.625em; } ul, ol { margin: 0 2.5em 1.625em 0; } -textarea { - padding-right: 3px; - padding-left: 0; +.ltr ul, ol { + margin: 0 0 1.625em 2.5em; +} +blockquote { + font-family: Arial, sans-serif; +} +blockquote em, blockquote i, blockquote cite { + font-style: normal; } +/* Forms */ +textarea { + padding-left: 0; + padding-right: 3px; +} +input#s { + background-position: 97% 6px; + padding: 4px 28px 4px 10px; +} + +/* Assistive text */ +#access a.assistive-text:active, +#access a.assistive-text:focus { + left: auto; + right: 7.6%; +} + +/* =Header +----------------------------------------------- */ + +#site-title { + margin-right: 0; + margin-left: 270px; +} + +#site-description { + margin: 0 0 3.65625em 270px; +} /* =Menu -------------------------------------------------------------- */ @@ -37,54 +132,72 @@ textarea { #access ul { margin: 0 -0.8125em 0 0; padding-right: 0; - padding-left: 0; } #access li { float: right; } #access ul ul { float: right; + left: auto; right: 0; } #access ul ul ul { + left: auto; right: 100%; } /* Search Form */ #branding #searchform { + right: auto; left: 7.6%; text-align: left; } - #branding #s { float: left; - padding: 4px 28px 4px 10px; - width: 8%; } -#branding #s:focus { - width: 26%; +#branding .only-search + #access div { + padding-right: 0; + padding-left: 160px; } /* =Content ----------------------------------------------- */ - .entry-title, .entry-header .entry-meta { - padding-left: 76px; padding-right: 0; + padding-left: 76px; } .entry-content td, .comment-content td { padding: 6px 0 6px 10px; } .page-link span { + margin-right: 0; margin-left: 6px; - margin-right: auto; } .entry-meta .edit-link a { float: left; } +/* Images */ + +.wp-caption .wp-caption-text, +.gallery-caption { + font-family: Arial, sans-serif; +} +.wp-caption .wp-caption-text { + padding: 10px 40px 5px 0px; +} +.wp-caption .wp-caption-text:before { + margin-right: 0; + margin-left: 5px; + left: auto; + right: 10px; +} +#content .gallery-columns-4 .gallery-item { + padding-right:0; + padding-left:2%; +} /* Author Info */ .singular #author-info { @@ -92,39 +205,35 @@ textarea { } #author-avatar { float: right; + margin-right: 0; margin-left: -78px; - margin-right: auto; } #author-description { float: right; + margin-left: 0; margin-right: 108px; - margin-left: auto; } - /* Comments link */ .entry-header .comments-link a { - left: 0; + background-image: url(images/comment-bubble-rtl.png); right: auto; + left: 0; } -/* Singular content styles for Posts and Pages */ +/* + Post Formats Headings +*/ .singular .entry-title, .singular .entry-header .entry-meta { padding-left: 0; - padding-right: 0; } .singular .entry-header .entry-meta { + left: auto; right: 0; } -.singular .pull.alignright { - margin: 0 -22.25% 0 1.625em; -} -.singular .pull.alignleft { - margin: 0 1.625em 0 -22.25%; -} .singular .entry-meta .edit-link a { - right: 50px; left: auto; + right: 50px; } @@ -133,8 +242,7 @@ textarea { .format-gallery .gallery-thumb { float: right; - margin-left: 1.625em; - margin-right: auto; + margin: .375em 0 0 1.625em; } @@ -147,46 +255,32 @@ textarea { } -/* =Quote ------------------------------------------------ */ - /* =Image ----------------------------------------------- */ -.format-image footer.entry-meta { - margin-left: 2px; - margin-right: auto; -} -.format-image div.entry-meta { +.indexed.format-image div.entry-meta { float: right; } - - /* =error404 ------------------------------------------------ */ - +---------------------- +------------------------- */ .error404 #main .widget { float: right; - margin-left: 3.7%; margin-right: auto; + margin-left: 3.7%; } - .error404 #main .widget_archive { margin-left: 0; - margin-right: auto; } - .error404 #main .widget_tag_cloud { margin-left: 0; - margin-right: auto; } - /* =Showcase ----------------------------------------------- */ -/* Intro */ article.intro .edit-link a { + right: auto; left: 20px; } @@ -197,41 +291,42 @@ section.featured-post { /* Small featured post */ section.featured-post .attachment-small-feature { - border-left: 20px solid #bbb; float: left; - margin: -10px 0 1.625em -8.9%; - left: -35px; - border-right: none; + margin: 0 0 1.625em -8.9%; + right: auto; + left: -15px; } article.feature-image.small { float: right; } article.feature-image.small .entry-summary p a { + left:auto; right: -23.8%; - padding: 4px 85px 4px 26px; + padding: 9px 85px 9px 26px; } /* Large featured post */ section.feature-image.large .hentry { + left:auto; right: 9%; margin: 1.625em 0 0 9%; } - /* Featured Slider */ .featured-posts .showcase-heading { - padding-right: 8.9%; padding-left: 0; + padding-right: 8.9%; } .featured-posts section.featured-post { + left: auto; right: 0; } #content .feature-slider { - right: 8.9%; + right: auto; + left: 8.9%; } .feature-slider li { float: right; } - /* Recent Posts */ section.recent-posts .other-recent-posts a[rel="bookmark"] { float: right; @@ -243,20 +338,9 @@ section.recent-posts .other-recent-posts .comments-link > span { text-align: left; } - -/* =Images +/* =Attachments ----------------------------------------------- */ -.wp-caption .wp-caption-text { - padding: 10px 40px 5px 0px; -} -.wp-caption .wp-caption-text:before { - margin-left: 5px; - right: 10px; - margin-right: auto; -} - - /* =Navigation -------------------------------------------------------------- */ @@ -270,12 +354,12 @@ section.recent-posts .other-recent-posts .comments-link > span { /* Singular navigation */ #nav-single { - left: 0; right: auto; + left: 0; } #nav-single .nav-next { - padding-right: .5em; padding-left: 0; + padding-right: .5em; } @@ -283,43 +367,58 @@ section.recent-posts .other-recent-posts .comments-link > span { ----------------------------------------------- */ .widget ul ul { + margin-left: 0; margin-right: 1.5em; - margin-left: auto; } /* Twitter */ .widget_twitter .timesince { + margin-right: 0; margin-left: -10px; text-align: left; - margin-right: auto; } - /* =Comments ----------------------------------------------- */ .commentlist .children li.comment { - border-right: 1px solid #ddd; - -moz-border-radius: 3px 0 0 3px; - border-radius: 3px 0 0 3px; border-left: none; + border-right: 1px solid #ddd; + -moz-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; } .commentlist .children li.comment .comment-meta { + margin-left: 0; margin-right: 50px; - margin-left: auto; } .commentlist .avatar { + left: auto; right: -102px; } .commentlist > li:before { content: url(images/comment-arrow-rtl.png); + left:auto; right: -21px; } +.commentlist > li.pingback:before { + content: ''; +} +.commentlist .children .avatar { + left: auto; + right: 2.2em; +} + +/* Post author highlighting */ .commentlist > li.bypostauthor:before { content: url(images/comment-arrow-bypostauthor-rtl.png); } -.commentlist .children .avatar { - right: 2.2em; + +/* sidebar-page.php comments */ +/* Make sure we have room for our comment avatars */ +.page-template-sidebar-page-php .commentlist > li.comment, +.page-template-sidebar-page-php.commentlist .pingback { + margin-left: 0; + margin-right: 102px; } /* Comment Form */ @@ -327,63 +426,65 @@ section.recent-posts .other-recent-posts .comments-link > span { #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { + left: auto; right: 4px; } +#respond .comment-form-author label, +#respond .comment-form-email label, +#respond .comment-form-url label, +#respond .comment-form-comment label { + -webkit-box-shadow: -1px 2px 2px rgba(204,204,204,0.8); + -moz-box-shadow: -1px 2px 2px rgba(204,204,204,0.8); + box-shadow: -1px 2px 2px rgba(204,204,204,0.8); +} #respond .comment-form-author .required, #respond .comment-form-email .required { - right: 68%; + left: auto; + right: 75%; } #respond .form-submit { float: left; } #respond input#submit { + left: auto; right: 30px; padding: 5px 22px 5px 42px; } #respond #cancel-comment-reply-link { + margin-left: 0; margin-right: 10px; - margin-left: auto; } #cancel-comment-reply-link { + right: auto; left: 1.625em; } - /* =Footer ----------------------------------------------- */ /* Two Footer Widget Areas */ #supplementary.two .widget-area { float: right; + margin-right: 0; margin-left: 3.7%; - margin-right: auto; } #supplementary.two .widget-area + .widget-area { margin-left: 0; - margin-right: auto; } /* Three Footer Widget Areas */ #supplementary.three .widget-area { float: right; + margin-right: 0; margin-left: 3.7%; - margin-right: auto; } #supplementary.three .widget-area + .widget-area + .widget-area { margin-left: 0; - margin-right: auto; } -/* Simplify the showcase template when small feature */ - section.featured-post .attachment-small-feature, - .one-column section.featured-post .attachment-small-feature { - float: right; -} -article.feature-image.small { - float: left; -} -article.feature-image.small .entry-summary a { - right: -9%; +/* Site Generator Line */ +#site-generator .sep { + background-position: right center; } @@ -391,109 +492,91 @@ article.feature-image.small .entry-summary a { ----------------------------------------------- */ @media (max-width: 800px) { - - /* Three Footer Widget Areas */ - #supplementary.three .widget-area { - float: right; - margin-left: 3.7%; - margin-right: auto; - } - #supplementary.three .widget-area + .widget-area + .widget-area { - margin-left: 0; - margin-right: auto; - } - /* Simplify the showcase template when small feature */ - section.featured-post .attachment-small-feature, - .one-column section.featured-post .attachment-small-feature { + section.featured-post .attachment-small-feature, + .one-column section.featured-post .attachment-small-feature { float: right; } article.feature-image.small { float: left; } - article.feature-image.small .entry-summary a { - right: -9%; + article.feature-image.small .entry-summary p a { + right: 0; } - - /* Make sure the logo and search form don't collide */ - #branding #searchform { - left: 1px; + .singular .entry-meta .edit-link a { + left: auto; + right: 0px; } -} - -@media (max-width: 800px) { - - /* Three Footer Widget Areas */ - #supplementary.three .widget-area { - float: right; - margin-left: 3.7%; - margin-right: auto; - } - #supplementary.three .widget-area + .widget-area + .widget-area { + /* Make sure we have room for our comment avatars */ + .commentlist > li.comment, + .commentlist .pingback { margin-left: 0; - margin-right: auto; + margin-right: 102px; } - - /* Simplify the showcase template when small feature */ - section.featured-post .attachment-small-feature, - .one-column section.featured-post .attachment-small-feature { - float: right; + /* No need to float footer widgets at this size */ + #colophon #supplementary .widget-area { + margin-left: 0; } - article.feature-image.small { - float: left; - } - article.feature-image.small .entry-summary a { - right: -9%; - right: auto; - } - - /* Make sure the logo and search form don't collide */ - #branding #searchform { - left: 1px; + /* No need to float 404 widgets at this size */ + .error404 #main .widget { + margin-left: 0; } } - -@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { - #primary { - float: right; +@media (max-width: 650px) { + /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */ + #site-title, + #site-description { + margin-left: 0; } - .commentlist .avatar { + /* Talking avatars take up too much room at this size */ + .commentlist > li.comment, + .commentlist > li.pingback { + margin-right: 0 !important; + } + .commentlist .children .avatar { + left: auto; right: 2.2em; } + /* Use the available space in the smaller comment form */ + #respond .comment-form-author .required, + #respond .comment-form-email .required { + left: auto; + right: 95%; + } + #content .gallery-columns-3 .gallery-item { + padding-right: 0; + padding-left:2%; + } +} +@media (max-width: 450px) { + #content .gallery-columns-2 .gallery-item { + padding-right:0; + padding-left:4%; + } } - /* =Print ----------------------------------------------- */ @media print { #primary { - float: right; + float: right; } - /* Comments */ .commentlist .avatar { - right: 2.2em; + left: auto; + right: 2.2em; + } + .commentlist li.comment .comment-meta { + margin-left: 0; + margin-right: 50px; } } - /* =IE7 ----------------------------------------------- */ -#ie7 article.intro { - margin-right: -7.6%; - margin-left: -7.6%; - padding-right: -7.6%; - padding-left: -7.6%; -} - -#ie7 section.featured-post { - margin-right: -7.6%; - margin-left: -7.6%; -} - #ie7 section.recent-posts { + margin-right: 0; margin-left: 7.6%; - margin-right: auto; } diff --git a/wp-content/themes/twentyeleven/style.css b/wp-content/themes/twentyeleven/style.css index 5c3fc79b5f..828b646024 100644 --- a/wp-content/themes/twentyeleven/style.css +++ b/wp-content/themes/twentyeleven/style.css @@ -101,7 +101,7 @@ body { margin: 0; } .singular #content, -.sidebar-content.singular #content { +.left-sidebar.singular #content { margin: 0 7.6%; position: relative; width: auto; @@ -126,11 +126,11 @@ body { /* Showcase */ .page-template-showcase-php #primary, -.sidebar-content.page-template-showcase-php #primary { +.left-sidebar.page-template-showcase-php #primary { margin: 0; } .page-template-showcase-php #content, -.sidebar-content.page-template-showcase-php #content { +.left-sidebar.page-template-showcase-php #content { margin: 0 7.6%; width: auto; } @@ -174,16 +174,16 @@ body { } /* Right Content */ -.sidebar-content #primary { +.left-sidebar #primary { float: right; margin: 0 0 0 -26.4%; width: 100%; } -.sidebar-content #content { +.left-sidebar #content { margin: 0 7.6% 0 34%; width: 58.4%; } -.sidebar-content #secondary { +.left-sidebar #secondary { float: left; margin-left: 7.6%; margin-right: 0; @@ -2043,14 +2043,6 @@ a.comment-reply-link { top: 40px; z-index: 1; } -.rtl #respond .comment-form-author label, -.rtl #respond .comment-form-email label, -.rtl #respond .comment-form-url label, -.rtl #respond .comment-form-comment label { - -webkit-box-shadow: -1px 2px 2px rgba(204,204,204,0.8); - -moz-box-shadow: -1px 2px 2px rgba(204,204,204,0.8); - box-shadow: -1px 2px 2px rgba(204,204,204,0.8); -} #respond input[type="text"]:focus, #respond textarea:focus { text-indent: 0;