WordPress.org

Make WordPress Core

Ticket #19386: 19386.staggered-semifluid.3.diff

File 19386.staggered-semifluid.3.diff, 6.4 KB (added by helenyhou, 10 years ago)

Show the box shadows

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

     
    13821382        margin-right: 9%;
    13831383}
    13841384
    1385 .about-wrap .feature-section.angled-left .left-feature,
    1386 .about-wrap .feature-section.angled-right .left-feature {
    1387         margin-right: 0;
    1388         margin-left: 3%;
     1385.about-wrap .feature-section.left-third {
     1386        float: right;
    13891387}
    1390 
    1391 .about-wrap .feature-section.angled-left .right-feature,
    1392 .about-wrap .feature-section.angled-right .right-feature {
     1388.about-wrap .feature-section.right-two-thirds {
     1389        float: left;
     1390}
     1391.about-wrap .feature-section.right-two-thirds .angled-right {
    13931392        margin-left: 0;
    1394         margin-right: 4%;
     1393        margin-right: 2.5em;
    13951394}
    13961395
     1396.about-wrap .feature-section .angled-right img,
     1397.about-wrap .feature-section .angled-left img {
     1398        margin-right: 0;
     1399        margin-left: 2em;
     1400}
     1401
    13971402.about-wrap .feature-section.images-stagger-right .angled-left,
    13981403.about-wrap .feature-section.images-stagger-left .angled-left {
    13991404        float: left;
    14001405}
    14011406
    1402 .about-wrap .feature-section.three-col img {
    1403         margin: 0.5em 0 1em 0;
    1404 }
    1405 
    14061407.about-wrap li.wp-person,
    14071408.about-wrap li.wp-person img.gravatar {
    14081409        float: right;

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

     
    48284828.about-wrap {
    48294829        position: relative;
    48304830        margin: 25px 40px 0 20px;
    4831         width: 770px;
     4831        min-width: 770px;
     4832        max-width: 1200px; /* readability */
    48324833       
    48334834        font-size: 15px;
    48344835}
    … …  
    49184919        padding: 4px 10px 6px;
    49194920        margin: 0 3px -1px 0;
    49204921        font-size: 18px;
     4922        vertical-align: top;
    49214923}
    49224924.about-wrap h2 .nav-tab-active {
    49234925        font-weight: bold;
    … …  
    49464948        border-radius: 3px;
    49474949}
    49484950
    4949 .about-wrap .feature-section.angled-right {
    4950         margin-top: -10.5em;
     4951.about-wrap .feature-section.left-third {
     4952        width: 31%;
     4953       
     4954        float: left;
     4955        overflow: visible;
    49514956}
    4952 .about-wrap .feature-section.angled-right .left-feature {
    4953         padding-top: 9.5em;
     4957.about-wrap .feature-section.left-third div {
     4958        width: 112%;
    49544959}
    4955 .about-wrap .feature-section.angled-right img,
    4956 .about-wrap .feature-section.angled-left img {
    4957         margin-top: 1.5em;
     4960.about-wrap .feature-section.right-two-thirds {
     4961        width: 67%;
     4962        margin-top: 1.33em;
     4963       
     4964        float: right;
     4965        clear: none;
     4966        overflow: visible;
    49584967}
    49594968
    4960 .about-wrap .feature-section.angled-left .left-feature,
    4961 .about-wrap .feature-section.angled-right .left-feature {
    4962         margin-right: 3%;
     4969.about-wrap .feature-section.right-two-thirds .angled-right {
     4970        margin-top: -1em;
     4971        margin-left: 2.5em;
    49634972}
    4964 .about-wrap .feature-section.angled-left .right-feature,
    4965 .about-wrap .feature-section.angled-right .right-feature {
    4966         margin-left: 3%;
    4967 }
    4968 .about-wrap .feature-section .left-feature {
    4969         margin-right: 5%;
    4970 }
    4971 .about-wrap .feature-section .right-feature {
    4972         margin-left: 5%;
    4973         float: right;
    4974 }
    49754973
    4976 .about-wrap .feature-section.angled-left .left-feature,
    4977 .about-wrap .feature-section.angled-right .right-feature {
    4978         width: 27%;
     4974.about-wrap .feature-section .angled-right h4,
     4975.about-wrap .feature-section .angled-left h4 {
     4976        margin-top: 0;
    49794977}
    4980 .about-wrap .feature-section.angled-left .right-feature,
    4981 .about-wrap .feature-section.angled-right .left-feature {
    4982         width: 32%;
     4978.about-wrap .feature-section .angled-right img,
     4979.about-wrap .feature-section .angled-left img {
     4980        margin-top: .1em;
     4981        margin-right: 2em;
    49834982}
    49844983
    49854984.about-wrap .feature-section.three-col {
    … …  
    49964995        margin:  0 0 0.6em 0;
    49974996}
    49984997.about-wrap .feature-section.three-col img {
    4999         margin: 0.5em 3px 1em 0;
     4998        margin: 0.5em 0 0.5em 5px;
    50004999        max-width: 100%;
     5000       
     5001        float: none;
    50015002}
    50025003.about-wrap .feature-section.three-col .last-feature {
    50035004        margin-right: 0;

  • wp-admin/about.php

     
    5757<div class="changelog">
    5858        <h3><?php _e( 'Dashboard Design' ); ?></h3>
    5959       
    60         <div class="feature-section angled-left">
    61                 <div class="left-feature">
    62                         <h4><?php _e( 'Flyout Menus' ); ?></h4>
    63                         <p><?php _e( '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.' ); ?></p>
     60        <div class="feature-section left-third">
     61                <h4><?php _e( 'Flyout Menus' ); ?></h4>
     62                <p><?php _e( '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.' ); ?></p>
     63               
     64                <div>
     65                <h4><?php _e( 'Header + Admin Bar = Toolbar' ); ?></h4>
     66                <p><?php _e( 'To save space and increase efficiency, we&#8217;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>
    6467                </div>
    65                 <img src="images/screenshots/admin-flyouts.png" />
    66                 <div class="right-feature">
     68        </div>
     69       
     70        <div class="feature-section right-two-thirds">
     71                <div class="angled-left">
     72                        <img src="images/screenshots/admin-flyouts.png" />
    6773                        <h4><?php _e( 'Responsive Design' ); ?></h4>
    6874                        <p><?php _e( 'Certain dashboard screens have been updated to look better at various sizes, including improved iPad/tablet support.' ); ?></p>
    6975                </div>
    70         </div>
    71        
    72         <div class="feature-section angled-right">
    73                 <div class="left-feature">
    74                         <h4><?php _e( 'Header + Admin Bar = Toolbar' ); ?></h4>
    75                         <p><?php _e( 'To save space and increase efficiency, we&#8217;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>
    76                 </div>
    77                 <img src="images/screenshots/help-screen.png" />
    78                 <div class="right-feature">
     76                <div class="angled-right">
     77                        <img src="images/screenshots/help-screen.png" />
    7978                        <h4><?php _e( 'Help Tabs' ); ?></h4>
    8079                        <p><?php _e( 'The Help tabs located in the upper corner of the dashboard screens below your name have gotten a facelift. Help content is broken into smaller sections for easier access, with links to relevant documentation and the support forums always visible.' ); ?></p>
    8180                </div>