WordPress.org

Make WordPress Core

Ticket #17882: twentyeleven-rtl.diff

File twentyeleven-rtl.diff, 18.4 KB (added by yoavf, 7 years ago)
  • wp-content/themes/twentyeleven/style.css

     
    20432043        top: 40px;
    20442044        z-index: 1;
    20452045}
    2046 .rtl #respond .comment-form-author label,
    2047 .rtl #respond .comment-form-email label,
    2048 .rtl #respond .comment-form-url label,
    2049 .rtl #respond .comment-form-comment label {
    2050         -webkit-box-shadow: -1px 2px 2px rgba(204,204,204,0.8);
    2051         -moz-box-shadow: -1px 2px 2px rgba(204,204,204,0.8);
    2052         box-shadow: -1px 2px 2px rgba(204,204,204,0.8);
    2053 }
    20542046#respond input[type="text"]:focus,
    20552047#respond textarea:focus {
    20562048        text-indent: 0;
  • wp-content/themes/twentyeleven/rtl.css

    Cannot display: file marked as a binary type.
    svn:mime-type = application/octet-stream
    
    Property changes on: wp-content/themes/twentyeleven/images/comment-bubble-dark-rtl.png
    ___________________________________________________________________
    Added: svn:mime-type
       + application/octet-stream
    
    Cannot display: file marked as a binary type.
    svn:mime-type = application/octet-stream
    
    Property changes on: wp-content/themes/twentyeleven/images/comment-bubble-rtl.png
    ___________________________________________________________________
    Added: svn:mime-type
       + application/octet-stream
    
     
    99
    1010*/
    1111
    12 /* =Global
     12/* =Reset reset
    1313----------------------------------------------- */
    1414
    15 body {
    16         direction: rtl;
    17         unicode-bidi: embed;
    18 }
    1915caption, th, td {
    2016        text-align: right;
    2117}
     18
     19/* =Structure
     20----------------------------------------------- */
     21
     22body {
     23        direction:rtl;
     24        unicode-bidi:embed;
     25}
     26
     27#primary {
     28        float: right;
     29        margin: 0 0 0 -26.4%;
     30}
     31#content {
     32        margin: 0 7.6% 0 34%;
     33}
     34#secondary {
     35        float: left;
     36        margin-right: 0;
     37        margin-left: 7.6%;
     38}
     39
     40/* Showcase */
     41.page-template-showcase-php section.recent-posts {
     42        float: left;
     43        margin: 0 31% 0 0;
     44}
     45.page-template-showcase-php #main .widget-area {
     46        float: right;
     47        margin: 0 0 0 -22.15%;
     48}
     49
     50/* Right Content */
     51.sidebar-content #primary {
     52        float: left;
     53        margin: 0 -26.4% 0 0;
     54}
     55.sidebar-content #content {
     56        margin: 0 34% 0 7.6%;
     57}
     58.sidebar-content #secondary {
     59        float: right;
     60        margin-right: 7.6%;
     61        margin-left: 0;
     62}
     63
     64/* One column */
     65
     66.one-column article.feature-image.small .entry-summary a {
     67        left: auto;
     68        right: -9%;
     69}
     70
     71/* Simplify the pullquotes and pull styles */
     72.one-column.singular .entry-meta .edit-link a {
     73        right: 0px;
     74        left: auto;
     75}
     76/* Make sure we have room for our comment avatars */
     77.one-column .commentlist > li.comment {
     78        margin-left: 0;
     79        margin-right: 102px;
     80}
     81/* Make sure the logo and search form don't collide */
     82.one-column #branding #searchform {
     83        right: auto;
     84        left: 40px;
     85}
     86/* Talking avatars take up too much room at this size */
     87.one-column .commentlist > li.comment {
     88        margin-right: 0;
     89}
     90.one-column .commentlist > li.comment .comment-meta,
     91.one-column .commentlist > li.comment .comment-content {
     92        margin-right: 0;
     93        margin-left: 85px;
     94}
     95.one-column .commentlist .avatar {
     96        right: auto;
     97        left: 1.625em;
     98}
     99.one-column .commentlist .children .avatar {
     100        left: auto;
     101        right: 2.2em;
     102}
     103
     104/* =Global
     105----------------------------------------------- */
     106
     107/* Text elements */
     108p {
     109        margin-bottom: 1.625em;
     110}
    22111ul, ol {
    23112        margin: 0 2.5em 1.625em 0;
    24113}
     114.ltr ul, ol {
     115        margin: 0 0 1.625em  2.5em;     
     116}
     117blockquote {
     118        font-family: Arial, sans-serif;
     119}
     120blockquote em, blockquote i, blockquote cite {
     121        font-style: normal;
     122}
     123
     124/* Forms */
    25125textarea {
     126        padding-left: 0;
    26127        padding-right: 3px;
    27         padding-left: 0;
    28128}
     129input#s {
     130        background-position: 97% 6px;
     131        padding: 4px 28px 4px 10px;
     132}
    29133
     134/* Assistive text */
     135#access a.assistive-text:active,
     136#access a.assistive-text:focus {
     137        left: auto;
     138        right: 7.6%;
     139}
    30140
     141/* =Header
     142----------------------------------------------- */
     143
     144#site-title {
     145        margin-right: 0;
     146        margin-left: 270px;
     147}
     148
     149#site-description {
     150        margin: 0 0 3.65625em 270px;
     151}
     152
    31153/* =Menu
    32154-------------------------------------------------------------- */
    33155
     
    37159#access ul {
    38160        margin: 0 -0.8125em 0 0;
    39161        padding-right: 0;
    40         padding-left: 0;
    41162}
    42163#access li {
    43164        float: right;
    44165}
    45166#access ul ul {
    46167        float: right;
     168        left: auto;
    47169        right: 0;
    48170}
    49171#access ul ul ul {
     172        left: auto;
    50173        right: 100%;
    51174}
    52175
    53176/* Search Form */
    54177#branding #searchform {
     178        right: auto;
    55179        left: 7.6%;
    56180        text-align: left;
    57181}
    58 
    59182#branding #s {
    60183        float: left;
    61         padding: 4px 28px 4px 10px;
    62         width: 8%;
    63184}
    64 #branding #s:focus {
    65         width: 26%;
     185#branding .only-search + #access div {
     186        padding-right: 0;
     187        padding-left: 160px;
    66188}
    67189
    68190
    69191/* =Content
    70192----------------------------------------------- */
    71 
    72193.entry-title,
    73194.entry-header .entry-meta {
     195        padding-right: 0;
    74196        padding-left: 76px;
    75         padding-right: 0;
    76197}
    77198.entry-content td,
    78199.comment-content td {
    79200        padding: 6px 0 6px 10px;
    80201}
    81202.page-link span {
     203        margin-right: 0;
    82204        margin-left: 6px;
    83         margin-right: auto;
    84205}
    85206.entry-meta .edit-link a {
    86207        float: left;
    87208}
     209/* Images */
    88210
     211.wp-caption .wp-caption-text,
     212.gallery-caption {
     213        font-family: Arial, sans-serif;
     214}
     215.wp-caption .wp-caption-text {
     216        padding: 10px 40px 5px 0px;
     217}
     218.wp-caption .wp-caption-text:before {
     219        margin-right: 0;
     220        margin-left: 5px;
     221        left: auto;
     222        right: 10px;
     223}
     224#content .gallery-columns-4 .gallery-item {
     225        padding-right:0;
     226        padding-left:2%;
     227}
     228
    89229/* Author Info */
    90230.singular #author-info {
    91231        margin: 2.2em -35.4% 0 -35.6%;
    92232}
    93233#author-avatar {
    94234        float: right;
     235        margin-right: 0;
    95236        margin-left: -78px;
    96         margin-right: auto;
    97237}
    98238#author-description {
    99239        float: right;
     240        margin-left: 0;
    100241        margin-right: 108px;
    101         margin-left: auto;
    102242}
    103 
    104243/* Comments link */
    105244.entry-header .comments-link a {
     245        background-image: url(images/comment-bubble-rtl.png);
     246        right: auto;
    106247        left: 0;
    107         right: auto;
    108248}
    109249
    110 /* Singular content styles for Posts and Pages */
     250/*
     251        Post Formats Headings
     252*/
    111253.singular .entry-title,
    112254.singular .entry-header .entry-meta {
    113255        padding-left: 0;
    114         padding-right: 0;
    115256}
    116257.singular .entry-header .entry-meta {
     258        left: auto;
    117259        right: 0;
    118260}
    119 .singular .pull.alignright {
    120         margin: 0 -22.25% 0 1.625em;
    121 }
    122 .singular .pull.alignleft {
    123         margin: 0 1.625em 0 -22.25%;
    124 }
    125261.singular .entry-meta .edit-link a {
     262        left: auto;
    126263        right: 50px;
    127         left: auto;
    128264}
    129265
    130266
     
    133269
    134270.format-gallery .gallery-thumb {
    135271        float: right;
    136         margin-left: 1.625em;
    137         margin-right: auto;
     272        margin: .375em 0 0 1.625em;
    138273}
    139274
    140275
     
    147282}
    148283
    149284
    150 /* =Quote
    151 ----------------------------------------------- */
    152 
    153285/* =Image
    154286----------------------------------------------- */
    155287
    156 .format-image footer.entry-meta {
    157         margin-left: 2px;
    158         margin-right: auto;
    159 }
    160 .format-image div.entry-meta {
     288.indexed.format-image div.entry-meta {
    161289        float: right;
    162290}
    163 
    164 
    165291/* =error404
    166 ----------------------------------------------- */
    167 
     292----------------------
     293------------------------- */
    168294.error404 #main .widget {
    169295        float: right;
     296        margin-right: auto;
    170297        margin-left: 3.7%;
    171         margin-right: auto;
    172298}
    173 
    174299.error404 #main .widget_archive {
    175300        margin-left: 0;
    176         margin-right: auto;
    177301}
    178 
    179302.error404 #main .widget_tag_cloud {
    180303        margin-left: 0;
    181         margin-right: auto;
    182304}
    183305
    184 
    185306/* =Showcase
    186307----------------------------------------------- */
    187308
    188 /* Intro */
    189309article.intro .edit-link a {
     310        right: auto;
    190311        left: 20px;
    191312}
    192313
     
    197318
    198319/* Small featured post */
    199320section.featured-post .attachment-small-feature {
    200         border-left: 20px solid #bbb;
    201321        float: left;
    202         margin: -10px 0 1.625em -8.9%;
    203         left: -35px;
    204         border-right: none;
     322        margin: 0 0 1.625em -8.9%;
     323        right: auto;
     324        left: -15px;
    205325}
    206326article.feature-image.small {
    207327        float: right;
    208328}
    209329article.feature-image.small .entry-summary p a {
     330        left:auto;
    210331        right: -23.8%;
    211         padding: 4px 85px 4px 26px;
     332        padding: 9px 85px 9px 26px;
    212333}
    213334
    214335/* Large featured post */
    215336section.feature-image.large .hentry {
     337        left:auto;
    216338        right: 9%;
    217339        margin: 1.625em 0 0 9%;
    218340}
    219 
    220341/* Featured Slider */
    221342.featured-posts .showcase-heading {
     343        padding-left: 0;
    222344        padding-right: 8.9%;
    223         padding-left: 0;
    224345}
    225346.featured-posts section.featured-post {
     347        left: auto;
    226348        right: 0;
    227349}
    228350#content .feature-slider {
    229         right: 8.9%;
     351        right: auto;
     352        left: 8.9%;
    230353}
    231354.feature-slider li {
    232355        float: right;
    233356}
    234 
    235357/* Recent Posts */
    236358section.recent-posts .other-recent-posts a[rel="bookmark"] {
    237359        float: right;
     
    243365        text-align: left;
    244366}
    245367
    246 
    247 /* =Images
     368/* =Attachments
    248369----------------------------------------------- */
    249370
    250 .wp-caption .wp-caption-text {
    251         padding: 10px 40px 5px 0px;
    252 }
    253 .wp-caption .wp-caption-text:before {
    254         margin-left: 5px;
    255         right: 10px;
    256         margin-right: auto;
    257 }
    258 
    259 
    260371/* =Navigation
    261372-------------------------------------------------------------- */
    262373
     
    270381
    271382/* Singular navigation */
    272383#nav-single {
     384        right: auto;
    273385        left: 0;
    274         right: auto;
    275386}
    276387#nav-single .nav-next {
     388        padding-left: 0;
    277389        padding-right: .5em;
    278         padding-left: 0;
    279390}
    280391
    281392
     
    283394----------------------------------------------- */
    284395
    285396.widget ul ul {
     397        margin-left: 0;
    286398        margin-right: 1.5em;
    287         margin-left: auto;
    288399}
    289400
    290401/* Twitter */
    291402.widget_twitter .timesince {
     403        margin-right: 0;
    292404        margin-left: -10px;
    293405        text-align: left;
    294         margin-right: auto;
    295406}
    296407
    297 
    298408/* =Comments
    299409----------------------------------------------- */
    300410
    301411.commentlist .children li.comment {
     412        border-left: none;
    302413        border-right: 1px solid #ddd;
    303         -moz-border-radius: 3px 0 0 3px;
     414        -moz-border-radius: 3px 0  0 3px;
    304415        border-radius: 3px 0 0 3px;
    305         border-left: none;
    306416}
    307417.commentlist .children li.comment .comment-meta {
     418        margin-left: 0;
    308419        margin-right: 50px;
    309         margin-left: auto;
    310420}
    311421.commentlist .avatar {
     422        left: auto;
    312423        right: -102px;
    313424}
    314425.commentlist > li:before {
    315426        content: url(images/comment-arrow-rtl.png);
     427        left:auto;
    316428        right: -21px;
    317429}
    318 .commentlist > li.bypostauthor:before {
    319         content: url(images/comment-arrow-bypostauthor-rtl.png);
     430.commentlist > li.pingback:before {
     431        content: '';
    320432}
    321433.commentlist .children .avatar {
     434        left: auto;
    322435        right: 2.2em;
    323436}
    324437
     438/* Post author highlighting */
     439.commentlist > li.bypostauthor:before {
     440        content: url(images/comment-arrow-bypostauthor-rtl.png);
     441}
     442
     443/* sidebar-page.php comments */
     444/* Make sure we have room for our comment avatars */
     445.page-template-sidebar-page-php .commentlist > li.comment,
     446.page-template-sidebar-page-php.commentlist .pingback {
     447        margin-left: 0;
     448        margin-right: 102px;
     449}
     450
    325451/* Comment Form */
    326452#respond .comment-form-author label,
    327453#respond .comment-form-email label,
    328454#respond .comment-form-url label,
    329455#respond .comment-form-comment label {
     456        left: auto;
    330457        right: 4px;
    331458}
     459#respond .comment-form-author label,
     460#respond .comment-form-email label,
     461#respond .comment-form-url label,
     462#respond .comment-form-comment label {
     463        -webkit-box-shadow: -1px 2px 2px rgba(204,204,204,0.8);
     464        -moz-box-shadow: -1px 2px 2px rgba(204,204,204,0.8);
     465        box-shadow: -1px 2px 2px rgba(204,204,204,0.8);
     466}
    332467#respond .comment-form-author .required,
    333468#respond .comment-form-email .required {
    334         right: 68%;
     469        left: auto;
     470        right: 75%;
    335471}
    336472#respond .form-submit {
    337473        float: left;
    338474}
    339475#respond input#submit {
     476        left: auto;
    340477        right: 30px;
    341478        padding: 5px 22px 5px 42px;
    342479}
    343480#respond #cancel-comment-reply-link {
     481        margin-left: 0;
    344482        margin-right: 10px;
    345         margin-left: auto;
    346483}
    347484#cancel-comment-reply-link {
     485        right: auto;
    348486        left: 1.625em;
    349487}
    350488
    351 
    352489/* =Footer
    353490----------------------------------------------- */
    354491
    355492/* Two Footer Widget Areas */
    356493#supplementary.two .widget-area {
    357494        float: right;
     495        margin-right: 0;
    358496        margin-left: 3.7%;
    359         margin-right: auto;
    360497}
    361498#supplementary.two .widget-area + .widget-area {
    362499        margin-left: 0;
    363         margin-right: auto;
    364500}
    365501
    366502/* Three Footer Widget Areas */
    367503#supplementary.three .widget-area {
    368504        float: right;
     505        margin-right: 0;
    369506        margin-left: 3.7%;
    370         margin-right: auto;
    371507}
    372508#supplementary.three .widget-area + .widget-area + .widget-area {
    373509        margin-left: 0;
    374         margin-right: auto;
    375510}
    376511
    377 /* Simplify the showcase template when small feature */
    378         section.featured-post .attachment-small-feature,
    379         .one-column section.featured-post .attachment-small-feature {
    380         float: right;
     512/* Site Generator Line */
     513#site-generator .sep {
     514        background-position: right center;
    381515}
    382 article.feature-image.small {
    383         float: left;
    384 }
    385 article.feature-image.small .entry-summary a {
    386         right: -9%;
    387 }
    388516
    389517
    390518/* =Responsive Structure
    391519----------------------------------------------- */
    392520
    393521@media (max-width: 800px) {
    394 
    395         /* Three Footer Widget Areas */
    396         #supplementary.three .widget-area {
    397                 float: right;
    398                 margin-left: 3.7%;
    399                 margin-right: auto;
    400         }
    401         #supplementary.three .widget-area + .widget-area + .widget-area {
    402                 margin-left: 0;
    403                 margin-right: auto;
    404         }
    405 
    406522        /* Simplify the showcase template when small feature */
    407                 section.featured-post .attachment-small-feature,
    408                 .one-column section.featured-post .attachment-small-feature {
     523        section.featured-post .attachment-small-feature,
     524        .one-column section.featured-post .attachment-small-feature {
    409525                float: right;
    410526        }
    411527        article.feature-image.small {
    412528                float: left;
    413529        }
    414         article.feature-image.small .entry-summary a {
    415                 right: -9%;
     530        article.feature-image.small .entry-summary p a {
     531                right: 0;
    416532        }
    417 
    418         /* Make sure the logo and search form don't collide */
    419                 #branding #searchform {
    420                 left: 1px;
     533        .singular .entry-meta .edit-link a {
     534                left: auto;
     535                right: 0px;
    421536        }
    422 }
    423 
    424 @media (max-width: 800px) {
    425 
    426         /* Three Footer Widget Areas */
    427         #supplementary.three .widget-area {
    428                 float: right;
    429                 margin-left: 3.7%;
    430                 margin-right: auto;
     537        /* Make sure we have room for our comment avatars */
     538        .commentlist > li.comment,
     539        .commentlist .pingback {
     540                margin-left: 0;
     541                margin-right: 102px;
    431542        }
    432         #supplementary.three .widget-area + .widget-area + .widget-area {
     543        /* No need to float footer widgets at this size */
     544        #colophon #supplementary .widget-area {
    433545                margin-left: 0;
    434                 margin-right: auto;
    435546        }
    436 
    437         /* Simplify the showcase template when small feature */
    438                 section.featured-post .attachment-small-feature,
    439                 .one-column section.featured-post .attachment-small-feature {
    440                 float: right;
     547        /* No need to float 404 widgets at this size */
     548        .error404 #main .widget {
     549                margin-left: 0;
    441550        }
    442         article.feature-image.small {
    443                 float: left;
     551}
     552@media (max-width: 650px) {
     553        /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
     554        #site-title,
     555        #site-description {
     556                margin-left: 0;
    444557        }
    445         article.feature-image.small .entry-summary a {
    446                 right: -9%;
    447                 right: auto;
     558        /* Talking avatars take up too much room at this size */
     559        .commentlist > li.comment,
     560        .commentlist > li.pingback {
     561                margin-right: 0 !important;
    448562        }
    449 
    450         /* Make sure the logo and search form don't collide */
    451         #branding #searchform {
    452         left: 1px;
     563        .commentlist .children .avatar {
     564                left: auto;
     565                right: 2.2em;
    453566        }
    454 }
    455 
    456 @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    457         #primary {
    458                 float: right;
     567        /* Use the available space in the smaller comment form */
     568        #respond .comment-form-author .required,
     569        #respond .comment-form-email .required {
     570            left: auto;
     571            right: 95%;
    459572        }
    460         .commentlist .avatar {
    461                 right: 2.2em;
     573        #content .gallery-columns-3 .gallery-item {
     574                padding-right: 0;
     575                padding-left:2%;
    462576        }
    463577}
     578@media (max-width: 450px) {
     579        #content .gallery-columns-2 .gallery-item {
     580                padding-right:0;
     581                padding-left:4%;
     582        }
     583}
    464584
    465 
    466585/* =Print
    467586----------------------------------------------- */
    468587
    469588@media print {
    470589        #primary {
    471                 float: right;
     590            float: right;
    472591        }
    473 
    474592        /* Comments */
    475593        .commentlist .avatar {
    476                 right: 2.2em;
     594            left: auto;
     595            right: 2.2em;
    477596        }
     597        .commentlist li.comment .comment-meta {
     598            margin-left: 0;
     599            margin-right: 50px;
     600        }
    478601}
    479602
    480 
    481603/* =IE7
    482604----------------------------------------------- */
    483605
    484 #ie7 article.intro {
    485         margin-right: -7.6%;
    486         margin-left: -7.6%;
    487         padding-right: -7.6%;
    488         padding-left: -7.6%;
    489 }
    490 
    491 #ie7 section.featured-post {
    492         margin-right: -7.6%;
    493         margin-left: -7.6%;
    494 }
    495 
    496606#ie7 section.recent-posts {
     607        margin-right: 0;
    497608        margin-left: 7.6%;
    498         margin-right: auto;
    499 }
     609}
     610 No newline at end of file
  • wp-content/themes/twentyeleven/colors/dark.css

     
    210210        color: #888;
    211211}
    212212
     213.rtl .entry-header .comments-link a {
     214        background-image: url(../images/comment-bubble-dark-rtl.png);
     215}
    213216/* Singular content styles for Posts and Pages */
    214217.singular .entry-title {
    215218        color: #fff;
  • wp-content/themes/twentyeleven/inc/theme-options.php

     
    132132 * @since Twenty Eleven 1.0
    133133 */
    134134function twentyeleven_layouts() {
     135
     136        $default_side = is_rtl() ? 'right' : 'left';
     137
    135138        $layout_options = array(
    136139                'content-sidebar' => array(
    137140                        'value' => 'content-sidebar',
    138141                        'label' => __( 'Content on left', 'twentyeleven' ),
    139                         'thumbnail' => get_template_directory_uri() . '/inc/images/content-sidebar.png',
     142                        'thumbnail' => get_template_directory_uri() . "/inc/images/content-{$default_side}.png",
    140143                ),
    141144                'sidebar-content' => array(
    142145                        'value' => 'sidebar-content',
    143146                        'label' => __( 'Content on right', 'twentyeleven' ),
    144                         'thumbnail' => get_template_directory_uri() . '/inc/images/sidebar-content.png',
     147                        'thumbnail' => get_template_directory_uri() . "/inc/images/content-{$default_side}.png",
    145148                ),
    146149                'content' => array(
    147150                        'value' => 'content',
    148151                        'label' => __( 'One-column, no sidebar', 'twentyeleven' ),
    149                         'thumbnail' => get_template_directory_uri() . '/inc/images/content.png',
     152                        'thumbnail' => get_template_directory_uri() . "/inc/images/content.png",
    150153                ),
    151154        );
    152155