Changeset 29590


Ignore:
Timestamp:
09/17/14 11:45:09 (5 years ago)
Author:
JanisV
Message:

Improve thumbnail width for mobile

File:
1 edited

Legend:

Unmodified
Added
Removed
  • extensions/stripped_responsive/theme.css

    r29589 r29590  
    158158        margin:0; 
    159159} 
     160.thumbnailCategories { 
     161        max-width:900px; 
     162        padding:0 5px; 
     163        margin:auto; 
     164} 
    160165@media (min-width: 798px) and (-webkit-max-device-pixel-ratio: 1.7), (min-width: 798px) and (max-resolution: 163.2dpi) { 
    161166  #thumbnails { 
    162167    margin:0 10px; 
    163168  } 
     169  .thumbnailCategories { 
     170        padding:0 20px; 
     171  } 
    164172} 
    165173@media (min-width: 992px) and (-webkit-max-device-pixel-ratio: 2.5), (min-width: 992px) and (max-resolution: 240dpi) { 
     
    167175    margin:0 15px; 
    168176  } 
     177  .thumbnailCategories { 
     178        padding:0 20px; 
     179  } 
    169180} 
    170181@media (min-width: 1220px) { 
     
    172183    margin:0 20px; 
    173184  } 
    174 } 
    175  
    176 .thumbnailCategories { 
    177         max-width:900px; 
     185  .thumbnailCategories { 
    178186        padding:0 20px; 
    179         margin:auto; 
     187  } 
    180188} 
    181189 
     
    437445        display:block; 
    438446        margin:auto; 
    439         max-width:286px; 
    440 } 
    441  
    442 .atr .thumbnailCategory .illustration img { max-height:286px;} 
     447} 
     448 
     449.atr .thumbnailCategory .illustration img { 
     450  max-width:286px; 
     451  max-height:286px; 
     452} 
     453@media (min-width: 508px) and (max-width: 568px) { 
     454  .atr .thumbnailCategory .illustration img { 
     455        max-width:226px; 
     456    max-height:226px; 
     457  } 
     458} 
     459@media (min-width: 568px) and (max-width: 628px) { 
     460  .atr .thumbnailCategory .illustration img { 
     461        max-width:256px; 
     462    max-height:256px; 
     463  } 
     464} 
    443465@media (min-width: 798px) and (-webkit-max-device-pixel-ratio: 1.7), (min-width: 798px) and (max-resolution: 163.2dpi) { 
    444466  .atr .thumbnailCategory .illustration img { 
Note: See TracChangeset for help on using the changeset viewer.