Ignore:
Timestamp:
Sep 17, 2014, 11:45:09 AM (10 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.