WordPress.org

Make WordPress Core

Changeset 25844


Ignore:
Timestamp:
10/18/2013 05:35:39 PM (6 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.