WordPress.org
Get WordPress

Make WordPress Core

Changeset 25844


Ignore:
Timestamp:
10/18/2013 05:35:39 PM (13 years ago)
Author:
ocean90
Message:

CSS cleanup for the about page.

Also fixes for IE and support for RTL.

see #25603.

Location:
trunk/src/wp-admin
Files:
4 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-admin/about.php

    r25842 r25844  
    4040
    4141        <div class="feature-section col three-col about-updates">
    42                 <div>
     42                <div class="col-1">
    4343                        <h4><?php _e( 'Updates While You Sleep' ); ?></h4>
    4444                        <p><?php _e( 'With WordPress 3.7, you don&#8217;t have to lift a finger to apply maintenance and security updates. Most sites are now able to automatically apply these updates in the background, though some configurations may not allow it.' ); ?></p>
    4545                </div>
    46                 <div><img alt="" src="<?php echo admin_url( 'images/about-updates-2x.png' ); ?>" /></div>
    47                 <div class="last-feature">
     46                <div class="col-2">
     47                        <img alt="" src="<?php echo admin_url( 'images/about-updates-2x.png' ); ?>" />
     48                </div>
     49                <div class="col-3 last-feature">
    4850                        <h4><?php _e( 'More Reliable Than Ever' ); ?></h4>
    4951                        <p><?php _e( 'The update process has been made even more reliable and secure, with dozens of new checks and safeguards.' ); ?></p>

  • trunk/src/wp-admin/css/ie.css

    r25029 r25844  
    487487}
    488488
    489 .about-wrap img.element-screenshot {
    490         padding: 2px;
    491 }
    492 
    493 .about-wrap .feature-section img,
    494 .about-wrap .feature-section .image-mask {
    495         border-width: 1px;
    496         border-style: solid;
    497 }
    498 
    499 .about-wrap .feature-section.three-col img {
    500         margin-left: 0;
    501 }
    502 
    503489.available-theme {
    504490        display: inline;
    … …  
    514500}
    515501
    516 .about-wrap .three-col-images img {
    517         margin: 0 0.6% 10px;
    518 }
    519 
    520 .about-wrap .three-col-images .last-feature,
    521 .about-wrap .three-col-images .first-feature {
    522         float: none;
     502.about-wrap .three-col.about-updates .col-2 {
     503        width: 15%;
     504}
     505
     506.revisions-tickmarks,
     507.revisions-tooltip {
     508        display: none !important;
     509}
     510
     511.revisions.pinned .revisions-controls {
     512        position: relative;
    523513}
    524514
    … …  
    627617        height: 29px;
    628618}
    629 
    630 .revisions-tickmarks,
    631 .revisions-tooltip {
    632         display: none !important;
    633 }
    634 
    635 .revisions.pinned .revisions-controls {
    636     position: relative;
    637 }
    638 

  • trunk/src/wp-admin/css/wp-admin-rtl.css

    r25029 r25844  
    17071707}
    17081708
     1709.about-wrap .feature-section.two-col div,
    17091710.about-wrap .feature-section.three-col div {
    17101711        margin-right: 0;
    … …  
    17131714}
    17141715
    1715 .about-wrap .feature-section.three-col h4 {
    1716         text-align: right;
    1717 }
    1718 
    1719 .about-wrap .feature-section.three-col img {
    1720         margin-right: 5px;
    1721         margin-left: 0;
    1722 }
    1723 
    1724 .about-wrap .feature-section.three-col .last-feature {
    1725         margin-left: 0;
    1726 }
    1727 
    1728 .about-wrap .feature-section img {
    1729         margin: 0 0 10px 0.7%;
    1730 }
    1731 
    1732 .about-wrap .feature-section.images-stagger-right img,
    1733 .about-wrap .feature-section.images-stagger-right .video {
    1734         float: left;
    1735         margin: 0 2em 12px 5px;
    1736 }
    1737 
    1738 .about-wrap .feature-section.images-stagger-left img {
    1739         float: right;
    1740         margin: 0 5px 12px 2em;
     1716.about-wrap .feature-section.col .last-feature {
     1717        margin-left: 0;
     1718}
     1719
     1720.about-wrap .feature-section div p img {
     1721        float: left;
     1722        margin-left: 0;
     1723        margin-right: 10px;
    17411724}
    17421725
    … …  
    17481731}
    17491732
    1750 @media only screen and (max-width: 900px) {
    1751         .about-wrap .feature-section.images-stagger-right .video.image-66 {
    1752                 margin-right: 3px;
    1753         }
    1754 }
    1755 
    1756 @media only screen and (max-width: 768px) {
    1757         .about-wrap .feature-section .image-66 {
    1758                 float: none;
    1759         }
    1760 
    1761         .about-wrap .feature-section.images-stagger-right .image-66 {
    1762                 margin-right: 3px;
    1763         }
    1764 
    1765         .about-wrap .feature-section.images-stagger-left .image-66 {
    1766                 margin-left: 3px;
    1767         }
    1768 }
    17691733
    17701734/*------------------------------------------------------------------------------

  • trunk/src/wp-admin/css/wp-admin.css

    r25840 r25844  
    23132313
    23142314.wp-core-ui .welcome-panel .button.button-hero {
    2315     margin: 15px 0 3px;
     2315        margin: 15px 0 3px;
    23162316}
    23172317
    … …  
    23792379
    23802380.welcome-panel .welcome-write-blog {
    2381         background-position: 0 -44px;
     2381        background-position: 0 -44px;
    23822382}
    23832383
    … …  
    23872387
    23882388.welcome-panel .welcome-panel-column li {
    2389     line-height: 16px;
    2390     list-style-type: none;
     2389        line-height: 16px;
     2390        list-style-type: none;
    23912391}
    23922392
    … …  
    31633163
    31643164.no-js .category-tabs li.hide-if-no-js {
    3165         display: none;
     3165        display: none;
    31663166}
    31673167
    … …  
    57765776}
    57775777
    5778 .about-wrap .about-passwords {
    5779         margin: 20px 0;
    5780         padding: 1px 20px 10px;
    5781         background-color: #f9f9f9;
    5782 }
    5783 
    5784 .about-wrap .about-auto-update {
    5785         text-align: center;
    5786         background-color: #f9f9ef;
    5787         clear: both;
    5788         padding: 10px;
    5789 }
    5790 
    5791 .about-wrap .about-auto-update.cool {
    5792         background-color: #eff9ef;
    5793 }
    5794 
    5795 .about-wrap .about-password-meter input {
    5796         font-size: 250%;
    5797         width: 100%;
    5798     display: block;
    5799     width: 100%;
    5800     padding: 5px;
    5801 }
    5802 
    5803 .about-wrap .about-password-meter #pass-strength-result {
    5804         font-weight: normal !important;
    5805     display:block !important;
    5806         font-size: 150%;
    5807     width: 100%;
    5808     padding: 17px 0;
    5809     margin-bottom: 15px;
    5810 }
    5811 
    5812 .about-wrap .feature-section img {
    5813         border: 0;
    5814         background: transparent;
    5815         box-shadow: none;
    5816         -webkit-box-shadow: none;
    5817         max-width: 20%;
    5818 }
    5819 
    5820 .about-wrap .feature-section div p img {
    5821         float: right;
    5822         margin-left: 10px;
    5823 }
    58245778
    58255779/* Typography */
    … …  
    58565810
    58575811.about-wrap h3 {
    5858         font-size: 24px;
    5859         margin-bottom: 1em;
     5812        font-size: 1.5em;
     5813        line-height: 1.5em;
    58605814        padding-top: 20px;
    58615815}
    … …  
    58645818        padding-bottom: 20px;
    58655819}
    5866 
    5867 .about-wrap .feature-section
    58685820
    58695821.about-wrap .feature-section h4 {
    … …  
    59325884/* Changelog / Update screen */
    59335885
    5934 .about-wrap .feature-section img,
    5935 .about-wrap .feature-section .video {
    5936         border: none;
    5937         margin: 0 1.94% 10px 0;
    5938         -webkit-border-radius: 3px;
    5939         border-radius: 3px;
    5940 }
    5941 
    5942 .about-wrap .feature-section .video video {
    5943         max-width: 100%;
    5944 }
    5945 
    59465886.about-wrap .feature-section.three-col img {
    59475887        margin: 0.5em 0 0.5em 5px;
    … …  
    59505890}
    59515891
    5952 .ie8 .about-wrap .feature-section.three-col img {
    5953         margin-left: 0;
    5954 }
    5955 
    5956 .about-wrap .feature-section.images-stagger-right img,
    5957 .about-wrap .feature-section.images-stagger-right .video {
    5958         float: right;
    5959         margin: 0 5px 12px 2em;
    5960 }
    5961 
    5962 .about-wrap .feature-section.images-stagger-left img {
    5963         float: left;
    5964         margin: 0 2em 12px 5px;
    5965 }
    5966 
    5967 .about-wrap .feature-section .image-100 {
    5968         margin: 0 0 2em 0;
    5969         width: 100%;
    5970 }
    5971 
    5972 .about-wrap .feature-section .image-66 {
    5973         width: 65%;
    5974 }
    5975 
    5976 .about-wrap .feature-section .image-66.video {
    5977         max-width: 600px;
    5978 }
    5979 
    5980 .about-wrap .feature-section .image-50 {
    5981         max-width: 50%;
    5982 }
    5983 
    5984 .about-wrap .feature-section img.image-30 {
    5985         max-width: 31.2381%;
    5986 }
    5987 
    5988 .ie8 .about-wrap .feature-section img {
    5989         border-width: 1px;
    5990         border-style: solid;
    5991 }
    5992 
    5993 .about-wrap .images-stagger-right img.image-30:nth-child(2) {
    5994         margin-left: 1em;
    5995 }
    5996 
    59975892.about-wrap .feature-section.col {
    59985893        margin-bottom: 0;
    … …  
    60005895
    60015896.about-wrap .feature-section.col h4 {
    6002         margin:  0 0 0.6em 0;
    6003 }
    6004 
    6005 .about-wrap .feature-section.col .last-feature {
    6006         margin-right: 0;
     5897        margin: 0 0 0.6em 0;
    60075898}
    60085899
    … …  
    60195910}
    60205911
    6021 .about-wrap .three-col.about-updates div:nth-of-type(1),
    6022 .about-wrap .three-col.about-updates div:nth-of-type(3) {
     5912.about-wrap .three-col.about-updates .col-1,
     5913.about-wrap .three-col.about-updates .col-3 {
    60235914        width: 37%;
    60245915        margin: 0;
    60255916}
    60265917
    6027 .about-wrap .three-col.about-updates div:nth-of-type(2) {
     5918.about-wrap .three-col.about-updates .col-2 {
    60285919        width: 16%;
    60295920        margin: 0 5%;
    60305921}
    60315922
     5923.about-wrap .feature-section.col .last-feature {
     5924        margin-right: 0;
     5925}
     5926
    60325927.about-wrap .three-col.about-updates img {
    60335928        margin: 0;
    60345929}
    60355930
    6036 .about-wrap .three-col-images {
    6037         text-align: center;
    6038 }
    6039 
    6040 .about-wrap .three-col-images img {
    6041         margin: 0 0 10px;
    6042 }
    6043 
    6044 .about-wrap .three-col-images .last-feature {
    6045         float: right;
    6046 }
    6047 
    6048 .about-wrap .three-col-images .first-feature {
    6049         float: left;
    6050 }
    6051 
    60525931.about-wrap .changelog .feature-section {
    60535932        overflow: hidden;
     5933}
     5934
     5935.about-wrap .about-passwords {
     5936        margin: 20px 0;
     5937        padding: 1px 20px 10px;
     5938        background-color: #f9f9f9;
     5939}
     5940
     5941.about-wrap .about-auto-update {
     5942        text-align: center;
     5943        background-color: #f9f9ef;
     5944        clear: both;
     5945        padding: 10px;
     5946}
     5947
     5948.about-wrap .about-auto-update.cool {
     5949        background-color: #eff9ef;
     5950}
     5951
     5952.about-wrap .about-password-meter input {
     5953        font-size: 250%;
     5954        line-height: 1;
     5955        width: 100%;
     5956        display: block;
     5957        width: 100%;
     5958        padding: 5px;
     5959}
     5960
     5961.about-wrap .about-password-meter #pass-strength-result {
     5962        display: block !important;
     5963        font-size: 150%;
     5964        width: 100%;
     5965        padding: 17px 0;
     5966        margin-bottom: 15px;
     5967}
     5968
     5969.about-wrap .feature-section div p img {
     5970        float: right;
     5971        margin-left: 10px;
     5972        max-width: 20%;
    60545973}
    60555974
    … …  
    60595978}
    60605979
    6061 @media only screen and (max-width: 900px) {
    6062         .about-wrap .feature-section.images-stagger-left img,
    6063         .about-wrap .feature-section.images-stagger-right img,
    6064         .about-wrap .feature-section.images-stagger-right .video {
    6065                 clear: both;
    6066         }
    6067 
    6068         .about-wrap .feature-section .video.image-66 {
    6069                 float: none;
    6070                 width: 98%;
    6071                 max-width: 98%;
    6072         }
    6073 
    6074         .about-wrap .feature-section.images-stagger-right .video.image-66 {
    6075                 margin-left: 3px;
    6076         }
    6077 }
    6078 
    6079 @media only screen and (max-width: 768px) {
    6080         .about-wrap .feature-section .image-66 {
    6081                 float: none;
    6082                 width: 98%;
    6083                 max-width: 98%;
    6084         }
    6085 
    6086         .about-wrap .feature-section.images-stagger-right .image-66 {
    6087                 margin-left: 3px;
    6088         }
    6089 
    6090         .about-wrap .feature-section.images-stagger-left .image-66 {
    6091                 margin-right: 3px;
    6092         }
    6093 }
    60945980
    60955981/* Return to Dashboard Home link */
    … …  
    93699255
    93709256        .press-this .tagchecklist span a {
    9371                 background-image: url('../images/xit-2x.gif');
    9372                 background-size: 20px auto;
     9257                background-image: url('../images/xit-2x.gif');
     9258                background-size: 20px auto;
    93739259         }
    93749260
    … …  
    93769262        .js .stuffbox:hover .handlediv,
    93779263        .widget-top a.widget-action {
    9378                 background-image: url('../images/arrows-2x.png');
    9379                 background-size: 15px 123px;
     9264                background-image: url('../images/arrows-2x.png');
     9265                background-size: 15px 123px;
    93809266         }
    93819267
    93829268        .widget-top a.widget-action:hover {
    9383                 background-image: url('../images/arrows-dark-2x.png');
    9384                 background-size: 15px 123px;
     9269                background-image: url('../images/arrows-dark-2x.png');
     9270                background-size: 15px 123px;
    93859271        }
    93869272
    … …  
    94419327
    94429328        .wp-full-overlay .collapse-sidebar-arrow {
    9443                 background-image: url('../images/arrows-2x.png');
    9444                 background-size: 15px 123px;
     9329                background-image: url('../images/arrows-2x.png');
     9330                background-size: 15px 123px;
    94459331         }
    94469332
Note: See TracChangeset for help on using the changeset viewer.