WordPress.org

Make WordPress Core

Ticket #18742: 18742.2.layout-redux.patch

File 18742.2.layout-redux.patch, 15.0 KB (added by chexee, 4 years ago)

Updates layout, adds latest copy

  • wp-admin/css/wp-admin.dev.css

     
    48174817.about-wrap { 
    48184818        position: relative; 
    48194819        margin: 44px 40px 0 20px; 
    4820         font-size: 14px; 
     4820        font-size: 16px; 
    48214821} 
    48224822.about-wrap p { 
    48234823        line-height: 1.6em; 
     
    48254825.about-wrap h1 { 
    48264826        margin: 0.6em 200px 0 0; 
    48274827        line-height: 1.2em; 
    4828         font-size: 3.6em; 
     4828        font-size: 2.8em; 
    48294829        font-weight: 200; 
    48304830} 
    48314831.about-text, 
     
    48344834        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; 
    48354835        font-weight: normal; 
    48364836        line-height: 1.6em; 
    4837         font-size: 18px; 
     4837        font-size: 20px; 
    48384838} 
    48394839.about-description { 
    48404840        margin-top: 1.4em; 
     
    48784878 
    48794879.about-wrap h3 { 
    48804880        font-size: 24px; 
    4881         margin-bottom: 0.4em; 
     4881        margin-bottom: 1em; 
    48824882        padding-top: 20px; 
    48834883} 
    48844884 
    48854885.about-wrap .changelog { 
    4886         font-size: 14px; 
     4886        font-size: 15px; 
    48874887        padding-bottom: 10px; 
    48884888        overflow: hidden; 
    48894889} 
     
    49014901.about-wrap .feature-section { 
    49024902        min-height: 100px; 
    49034903        overflow: hidden; 
     4904        clear: both; 
    49044905} 
     4906.about-wrap .feature-section.angled-left img { 
     4907        margin-top: 1em; 
     4908} 
    49054909 
    49064910.about-wrap .feature-section.angled-right { 
    49074911        margin-top: -35px; 
    49084912        padding-top: 15px; 
    49094913} 
    49104914.about-wrap .feature-section.angled-right img { 
    4911         margin-top: 0; 
     4915        margin-top: 0.5em; 
    49124916} 
     4917 
    49134918.about-wrap .feature-section.angled-right .left-feature { 
    49144919        margin-top: 15px; 
    49154920} 
    49164921 
     4922.about-wrap .feature-section .image-mask { 
     4923        overflow: hidden; 
     4924        display: block; 
     4925        text-align: center; 
     4926        -webkit-border-radius: 3px; 
     4927        border-radius: 3px; 
     4928} 
     4929.about-wrap .feature-section .image-mask img { 
     4930        width: auto; 
     4931        height: auto; 
     4932        margin: 0 auto; 
     4933        float: none; 
     4934         
     4935        border: none; 
     4936         
     4937        box-shadow: none; 
     4938        -webkit-box-shadow: none; 
     4939} 
     4940 
    49174941.about-wrap .feature-section h4 { 
    49184942        margin-bottom: 0.6em; 
    49194943} 
    49204944.about-wrap .feature-section p { 
    49214945        margin-top: 0.6em; 
    49224946} 
     4947.about-wrap .feature-section code { 
     4948        font-size: 14px; 
     4949} 
    49234950 
    4924 .about-wrap .feature-section .left-feature, 
    4925 .about-wrap .feature-section .right-feature { 
    4926         width: 40%; 
     4951.about-wrap .feature-section img { 
     4952        margin-top: 15px; 
     4953 
     4954        -webkit-border-radius: 3px; 
     4955        border-radius: 3px; 
    49274956} 
    4928 .about-wrap .feature-section .left-feature { 
    4929         margin-right: 10%; 
    4930 } 
    4931 .about-wrap .feature-section .right-feature { 
    4932         margin-left: 9%; 
    4933 } 
     4957 
     4958 
    49344959.about-wrap .feature-section.angled-left .left-feature, 
    49354960.about-wrap .feature-section.angled-right .left-feature { 
    49364961        margin-right: 5%; 
     4962        width: 40%; 
    49374963} 
    49384964.about-wrap .feature-section.angled-left .right-feature, 
    49394965.about-wrap .feature-section.angled-right .right-feature { 
    49404966        margin-left: 5%; 
    49414967} 
    4942 .about-wrap .feature-section img { 
    4943         width: 19%; 
    4944         height: 130px; 
    4945         margin-top: 15px; 
    4946  
    4947         border-width: 1px; 
    4948         border-style: solid; 
    4949         -webkit-border-radius: 3px; 
    4950         border-radius: 3px; 
     4968.about-wrap .feature-section.angled-left .image-mask, 
     4969.about-wrap .feature-section.angled-right .image-mask { 
     4970        width: 20%; 
     4971        height: 150px; 
     4972         
     4973        margin-top: 5px; 
     4974        margin-bottom: 5px; 
     4975         
     4976        float: left; 
    49514977} 
     4978.about-wrap .feature-section .left-feature { 
     4979        margin-right: 10%; 
     4980} 
     4981.about-wrap .feature-section .right-feature { 
     4982        margin-left: 9%; 
     4983        float: right; 
     4984} 
    49524985.about-wrap .feature-section.angled-left .left-feature, 
    49534986.about-wrap .feature-section.angled-right .right-feature { 
    49544987        width: 30%; 
     
    49584991        width: 40%; 
    49594992} 
    49604993 
     4994.about-wrap .feature-section.three-col { 
     4995        padding-top: 15px; 
     4996        margin-bottom: 0; 
     4997} 
     4998.about-wrap .feature-section.three-col div { 
     4999        width: 30%; 
     5000        margin-right: 4.999999999%; 
     5001        float: left; 
     5002} 
     5003.about-wrap .feature-section.three-col h4 { 
     5004        margin:  0 0 0.6em 0; 
     5005} 
     5006.about-wrap .feature-section.three-col div p { 
     5007        margin: 0; 
     5008} 
     5009.about-wrap .feature-section.three-col .last-feature { 
     5010        margin-right: 0; 
     5011} 
     5012 
     5013.about-wrap .feature-section .feature-images { 
     5014        width: 300px; 
     5015        position: absolute; 
     5016} 
     5017.about-wrap .feature-section.images-stagger-left, 
     5018.about-wrap .feature-section.images-stagger-right { 
     5019        min-height: 330px; 
     5020} 
     5021.about-wrap .feature-section.images-stagger-right .angled-right, 
     5022.about-wrap .feature-section.images-stagger-left .angled-left { 
     5023        margin-bottom: -50px; 
     5024} 
     5025.about-wrap .feature-section.images-stagger-right .left-feature, 
     5026.about-wrap .feature-section.images-stagger-left .right-feature { 
     5027        width: auto;     
     5028} 
     5029.about-wrap .feature-section .feature-images img { 
     5030        width: 250px; 
     5031        height: 150px; 
     5032        margin-right: 5px; 
     5033} 
     5034.about-wrap .feature-section .angled-right { 
     5035        float: right; 
     5036} 
     5037.about-wrap .feature-section.images-stagger-right .feature-images { 
     5038        right: 0; 
     5039}  
     5040.about-wrap .feature-section.images-stagger-right .left-feature { 
     5041        margin-right: 350px;     
     5042} 
     5043.about-wrap .feature-section.images-stagger-left .feature-images { 
     5044        float: left; 
     5045} 
     5046.about-wrap .feature-section.images-stagger-left .right-feature { 
     5047        margin-left: 350px; 
     5048        float: left; 
     5049} 
     5050.about-wrap .feature-section.images-stagger-left .angled-left { 
     5051        margin-left: 5px; 
     5052} 
     5053 
    49615054.about-wrap .return-to-dashboard { 
    4962         margin: 16px 0 0; 
     5055        margin: 16px 0; 
    49635056        font-size: 14px; 
    49645057        font-weight: bold; 
    49655058} 
  • wp-admin/css/colors-classic.dev.css

     
    21682168        color: #464646; 
    21692169} 
    21702170 
    2171 .about-wrap .feature-section img { 
    2172         background: #f9f9f9; 
     2171.about-wrap .feature-section img, 
     2172.about-wrap .feature-section .image-mask { 
     2173        background: #fff; 
    21732174        border-color: #dfdfdf; 
    21742175 
    21752176        -moz-box-shadow: 0 0 6px rgba( 0, 0, 0, 0.3 ); 
  • wp-admin/css/colors-fresh.dev.css

     
    17951795        color: #464646; 
    17961796} 
    17971797 
    1798 .about-wrap .feature-section img { 
    1799         background: #f9f9f9; 
     1798.about-wrap .feature-section img, 
     1799.about-wrap .feature-section .image-mask { 
     1800        background: #fff; 
    18001801        border-color: #dfdfdf; 
    18011802 
    18021803        -moz-box-shadow: 0 0 6px rgba( 0, 0, 0, 0.3 ); 
  • wp-admin/about.php

     
    1919 
    2020<h1><?php printf( __( 'Welcome to WordPress %s!' ), $display_version ); ?></h1> 
    2121 
    22 <div class="about-text"><?php _e( 'WordPress is web software you can use to create a beautiful website or blog. We like to say that WordPress is both free and priceless at the same time.' ); ?></div> 
     22<div class="about-text"><?php _e( 'Thank you for updating to the latest version. Using WordPress 3.3 will improve your looks, personality, and web publishing experience. Okay, just the last one, but still :)' ); ?></div> 
    2323 
    2424<div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div> 
    2525 
     
    3434</h2> 
    3535 
    3636<div class="changelog"> 
    37         <h3><?php _e('For Users'); ?></h3> 
     37        <h3><?php _e('Easier Uploading'); ?></h3> 
     38         
     39        <div class="feature-section images-stagger-left"> 
     40                <div class="feature-images"> 
     41                        <img src="images/screenshots/drag-and-drop.png" width="200" class="angled-left" /> 
     42                        <img src="images/screenshots/media-icon.png" width="200" class="angled-right" /> 
     43                </div> 
     44                <div class="right-feature"> 
     45                        <h4><?php echo ( 'Drag-and-Drop Media Uploader' ); ?></h4> 
     46                        <p><?php echo ( 'Adding photos or other files to posts and pages just got easier. Drag files from your desktop and drop them into the uploader. Add one file at a time, or many at once.' ); ?></p> 
    3847 
     48                        <h4><?php echo ( 'File Type Detection' ); ?></h4> 
     49                        <p><?php echo ( 'We&#039;ve streamlined things! Instead of needing to click on a specific upload icon based on your file type, now there&#039;s just one. Once your file is uploaded, the appropriate fields will be displayed for entering information based on the file type.' ); ?></p> 
     50 
     51                        <h4><?php echo ( 'More File Formats' ); ?></h4> 
     52                        <p><?php echo ( 'We&#039;ve added the rar and 7z file formats to the list of allowed file types in the uploader.'); ?></p> 
     53                </div> 
     54        </div> 
     55</div> 
     56 
     57<div class="changelog"> 
     58        <h3><?php _e('Dashboard Design'); ?></h3> 
     59         
    3960        <div class="feature-section angled-left"> 
    4061                <div class="left-feature"> 
    41                         <h4><?php echo ( 'Drag-and-Drop Media Uploader' ); ?></h4> 
    42                         <p><?php echo ( 'Add your media by simply dragging and dropping files from your computer into the new WordPress media uploader.' ); ?></p> 
     62                        <h4><?php echo ( 'Flyout Menus' ); ?></h4> 
     63                        <p><?php echo ( 'Speed up navigating the dashboard and reduce repetitive clicking with our new flyout submenus. As you hover over each main menu item in your dashboard navigation, the submenus will magically appear, providing single-click access to any dashboard screen from any other.' ); ?></p> 
    4364                </div> 
    44                 <img class="placeholder" /> 
     65                <span class="image-mask"><img src="images/screenshots/admin-flyouts.png" /></span> 
    4566                <div class="right-feature"> 
    46                         <h4><?php echo ( 'A Responsive Admin' ); ?></h4> 
    47                         <p><?php echo ( 'The WordPress admin now responds and adjusts to more devices and screen resolutions for a better native experience.' ); ?></p> 
     67                        <h4><?php echo ( 'Header + Admin Bar = Toolbar' ); ?></h4> 
     68                        <p><?php echo ( 'To save space and increase efficiency, we&#039;ve combined the admin bar and the old Dashboard header into one persistent toolbar. Hovering over the toolbar items will reveal submenus when available for quick access. ' ); ?></p> 
    4869                </div> 
     70 
    4971        </div> 
    5072        <div class="feature-section angled-right"> 
     73 
    5174                <div class="left-feature"> 
    52                         <h4><?php echo ( 'New-user Experience' ); ?></h4> 
    53                         <p><?php echo ( 'New users get a helping hand. Updates come with this handy summary of what&#8217;s new in this version of WordPress.' ); ?></p> 
     75                        <h4><?php echo ( 'Responsive Design' ); ?></h4> 
     76                        <p><?php echo ( 'Certain dashboard screens have been updated to look better at various sizes, including improved iPad/tablet support.' ); ?></p> 
    5477                </div> 
    55                 <img class="placeholder" /> 
     78                <span class="image-mask"><img src="images/screenshots/help-screen.png" width="250" height="170" /></span> 
    5679                <div class="right-feature"> 
    57                         <h4><?php echo ( 'A New and Improved Admin Bar' ); ?></h4> 
    58                         <p><?php echo ( 'Get to the most useful areas of your dashboard from anywhere on your site quicker and easier than ever with a better organized admin bar.' ); ?></p> 
     80                        <h4><?php echo ( 'Help Tabs     ' ); ?></h4> 
     81                        <p><?php echo ( 'The Help tabs located in the upper corner of the dashboard screens below your name have gotten a facelift. Help content is broken in smaller sections for easier access, with links to relevant documentation and the support forums always visible.' ); ?></p> 
    5982                </div> 
    6083        </div> 
     84 
    6185</div> 
    6286 
    6387<div class="changelog"> 
     88        <h3><?php _e('Feels Like the First Time'); ?></h3> 
     89 
     90        <div class="feature-section images-stagger-right"> 
     91                <div class="feature-images"> 
     92                        <img src="images/screenshots/welcome-screen.png" class="angled-right" /> 
     93                        <img src="images/screenshots/new-feature-pointer.png" class="angled-left" /> 
     94                </div> 
     95                <div class="left-feature"> 
     96                        <h4><?php echo ( 'New Feature Pointers' ); ?></h4> 
     97                        <p><?php echo ( 'When we add new features, move navigation, or do anything else with the dashboard that might throw you for a loop when you update your WordPress site, we&#039;ll let you know about it with new feature pointers explaining the change.' ); ?></p> 
     98 
     99                        <h4><?php echo ( 'Post-update Changelog' ); ?></h4> 
     100                        <p><?php echo ( 'This screen! From now on when you update WordPress, you&#039;ll be brought to this screen &mdash; also accessible any time from the W logo in the corner of the toolbar &mdash; to get an overview of what&#039;s changed.' ); ?></p> 
     101 
     102                        <h4><?php echo ( 'Dashboard Welcome' ); ?></h4>                  
     103                        <p><?php echo ( 'The dashboard home screen will have a Welcome area that displays when a new WordPress installation is accessed for the first time, prompting the site owner to complete various setup tasks. Once dismissed, this welcome can be accessed via the dashboard home screen options tab.' ); ?></p> 
     104                </div> 
     105        </div> 
     106         
     107</div> 
     108 
     109<div class="changelog"> 
     110        <h3><?php _e('Content Tools'); ?></h3> 
     111 
     112        <div class="feature-section three-col"> 
     113                <div> 
     114                        <h4><?php echo ( 'Widget Improvements' ); ?></h4> 
     115                        <p><?php echo ( 'Changing themes often requires widget re-configuration based on the number and position of sidebars. Now if you change back to a previous theme within a week, the widgets will automatically go back to how you had them arranged in that theme. <em>Note: if you&#039;ve added new widgets since the switch, you&#039;ll need to rescue them from the Inactive Widgets area.</em>'); ?></p> 
     116                </div> 
     117                <div> 
     118                        <h4><?php echo ( 'Tumblr Importer' ); ?></h4> 
     119                        <p><?php echo ( 'Want to import content from Tumblr to WordPress? No problem! Go to Tools &rarr; Import to get the new Tumblr Importer.' ); ?></p> 
     120                </div> 
     121                <div class="last-feature"> 
     122                        <h4><?php echo ( 'Better Co-Editing' ); ?></h4> 
     123                        <p><?php echo ( 'Have you ever gone to edit a post after someone else has finished with it, only to get an alert that tells you the other person is still editing the post? From now on, you&#039;ll only get that alert if another person is still on the editing screen &mdash; no more time lag.' ); ?></p> 
     124                </div> 
     125        </div> 
     126         
     127</div> 
     128 
     129<div class="changelog"> 
    64130        <h3><?php _e('Under the Hood'); ?></h3> 
    65131 
    66         <div class="feature-section"> 
    67                 <div class="left-feature"> 
     132        <div class="feature-section three-col"> 
     133                <div> 
    68134                        <h4><?php echo ( 'Flexible Permalinks' ); ?></h4> 
    69                         <p><?php echo ( 'You have more freedom when choosing a post permalink structure. Skip the date information or add a category slug with no performance penalty!' ); ?></p> 
     135                        <p><?php echo ( 'You have more freedom when choosing a post permalink structure. Skip the date information or add a category slug without a performance penalty.'); ?></p> 
    70136                </div> 
    71                 <div class="right-feature"> 
     137                <div> 
    72138                        <h4><?php echo ( 'WP_Screen API' ); ?></h4> 
    73                         <p><?php echo ( 'WordPress admin screens have a nice new API that gives you the ability to create screens with help documentation, settings, and more.' ); ?></p> 
     139                        <p><?php echo ( 'WordPress admin screens have a nice new API. Create rich screens with help documentation, settings, and more.' ); ?></p> 
    74140                </div> 
     141                <div class="last-feature"> 
     142                        <h4><?php echo ( 'jQuery and jQuery UI' ); ?></h4> 
     143                        <p><?php echo ( 'WordPress now includes the entire jQuery UI stack and the latest version of jQuery: 1.7.' ); ?></p> 
     144                </div> 
    75145        </div> 
     146 
     147        <div class="feature-section three-col"> 
     148                <div> 
     149                        <h4><?php echo ( 'is_main_query()' ); ?></h4> 
     150                        <p><?php echo ( 'This handy method will tell you if a <code>WP_Query</code> object is the main WordPress query or a secondary query.'); ?></p> 
     151                </div> 
     152                <div> 
     153                        <h4><?php echo ( 'Post Slugs: Less Funky' ); ?></h4> 
     154                        <p><?php echo ( 'Funky characters in post titles (e.g. curly quotes from a word processor) will no longer result in garbled post slugs.' ); ?></p> 
     155                </div> 
     156                <div class="last-feature"> 
     157                        <h4><?php echo ( 'Editor API Overhaul' ); ?></h4> 
     158                        <p><?php echo ( 'The new editor API automatically pulls in all the JS and CSS goodness for the editor. It even supports multiple editors on the same page.' ); ?></p> 
     159                </div> 
     160        </div> 
     161         
    76162</div> 
    77163 
    78164<div class="return-to-dashboard">