WordPress.org

Make WordPress Core

Changeset 20446


Ignore:
Timestamp:
04/11/12 21:54:56 (2 years ago)
Author:
koopersmith
Message:

Shrink theme screenshots for smaller screen resolutions. props helenyhou, see #20403.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-admin/css/wp-admin.dev.css

    r20445 r20446  
    42824282.available-theme { 
    42834283    display: inline-block; 
    4284     margin-bottom: 10px; 
    4285     margin-right: 25px; 
     4284    margin-right: 10px; 
    42864285    overflow: hidden; 
    4287     padding: 20px; 
     4286    padding: 20px 20px 20px 0; 
    42884287    vertical-align: top; 
    42894288    width: 300px; 
     
    43244323 
    43254324#current-theme.has-screenshot { 
    4326     padding-left: 320px; 
     4325    padding-left: 330px; 
    43274326} 
    43284327 
     
    43574356    float: left; 
    43584357    width: 300px; 
    4359     margin-left: -320px; 
     4358    margin-left: -330px; 
    43604359 
    43614360    border-width: 1px; 
     
    43704369.theme-options .load-customize { 
    43714370    margin-right: 20px; 
     4371} 
     4372 
     4373/* Allow for three-up on 1024px wide screens, e.g. tablets */ 
     4374@media only screen and (max-width: 1200px) { 
     4375    .available-theme, 
     4376    .available-theme a.screenshot, 
     4377    #current-theme img { 
     4378        width: 240px; 
     4379    } 
     4380 
     4381    .available-theme a.screenshot { 
     4382        height: 180px; 
     4383    } 
     4384 
     4385    .available-theme img { 
     4386        width: 100%; 
     4387    } 
     4388 
     4389    #current-theme.has-screenshot { 
     4390        padding-left: 270px; 
     4391    } 
     4392 
     4393    #current-theme img { 
     4394        margin-left: -270px; 
     4395    } 
    43724396} 
    43734397 
Note: See TracChangeset for help on using the changeset viewer.