Changeset 29558


Ignore:
Timestamp:
09/16/14 14:39:40 (5 years ago)
Author:
JanisV
Message:

Updated max width for retina

File:
1 edited

Legend:

Unmodified
Added
Removed
  • extensions/stripped_responsive/theme.css

    r29556 r29558  
    7474.atr #the_page { 
    7575        width: auto; 
    76         margin: auto; 
    77         padding: 0; 
    78 } 
    79 @media (min-width: 798px) { 
     76} 
     77@media (min-width: 798px) and (-webkit-max-device-pixel-ratio: 1.7), (min-width: 798px) and (max-resolution: 163.2dpi) { 
    8078  .atr #the_page { 
    8179    width: 780px; 
    8280  } 
    8381} 
    84 @media (min-width: 992px) { 
     82@media (min-width: 992px) and (-webkit-max-device-pixel-ratio: 2.5), (min-width: 992px) and (max-resolution: 240dpi) { 
    8583  .atr #the_page { 
    8684    width: 970px; 
     
    127125    float: left; 
    128126} 
    129 @media (min-width: 798px) { 
     127@media (min-width: 798px) and (-webkit-max-device-pixel-ratio: 1.7), (min-width: 798px) and (max-resolution: 163.2dpi) { 
    130128  .atr #content_cell { 
    131129    max-width: 580px; 
    132130  } 
    133131} 
    134 @media (min-width: 992px) { 
     132@media (min-width: 992px) and (-webkit-max-device-pixel-ratio: 2.5), (min-width: 992px) and (max-resolution: 240dpi) { 
    135133  .atr #content_cell { 
    136134    max-width: 770px; 
     
    277275 
    278276#menubar { 
    279         width:180px; 
    280277        margin: 0; 
    281         padding: 0 0 0 19px; 
    282278        float: left; 
    283279        text-align:left; 
     
    285281} 
    286282 
    287 .right_menu #menubar {padding: 0 19px 0 0;} 
    288  
    289 @media (max-width: 797px) { 
     283#menubar { 
     284  padding: 0 15px; 
     285  width:auto; 
     286} 
     287.right_menu #menubar {padding: 0 15px;} 
     288 
     289@media (min-width: 798px) and (-webkit-max-device-pixel-ratio: 1.7), (min-width: 798px) and (max-resolution: 163.2dpi) { 
    290290    #menubar { 
    291       padding: 0 19px; 
    292       width: auto; 
     291          padding: 0 0 0 19px; 
     292      width: 180px; 
    293293    } 
    294     .right_menu #menubar {padding: 0 19px;} 
    295 } 
     294    .right_menu #menubar {padding: 0 19px 0 0;} 
     295} 
     296@media (min-width: 992px) and (-webkit-max-device-pixel-ratio: 2.5), (min-width: 992px) and (max-resolution: 240dpi) { 
     297    #menubar { 
     298          padding: 0 0 0 19px; 
     299      width: 180px; 
     300    } 
     301    .right_menu #menubar {padding: 0 19px 0 0;} 
     302} 
     303@media (min-width: 1220px) { 
     304    #menubar { 
     305          padding: 0 0 0 19px; 
     306      width: 180px; 
     307    } 
     308    .right_menu #menubar {padding: 0 19px 0 0;} 
     309} 
     310 
    296311 
    297312#menubar dl { 
     
    374389 
    375390.atr ul.thumbnailCategories li { width: 300px; height: 300px;} 
    376 @media (min-width: 798px) { 
     391@media (min-width: 798px) and (-webkit-max-device-pixel-ratio: 1.7), (min-width: 798px) and (max-resolution: 163.2dpi) { 
    377392  .atr ul.thumbnailCategories li { width: 270px; height: 270px;} 
    378393} 
    379 @media (min-width: 992px) { 
     394@media (min-width: 992px) and (-webkit-max-device-pixel-ratio: 2.5), (min-width: 992px) and (max-resolution: 240dpi) { 
    380395  .atr ul.thumbnailCategories li { width: 240px; height: 240px;} 
    381396} 
     
    420435 
    421436.atr .thumbnailCategory .illustration img { max-height:286px;} 
    422 @media (min-width: 798px) { 
     437@media (min-width: 798px) and (-webkit-max-device-pixel-ratio: 1.7), (min-width: 798px) and (max-resolution: 163.2dpi) { 
    423438  .atr .thumbnailCategory .illustration img { 
    424439        max-width:256px; 
     
    426441  } 
    427442} 
    428 @media (min-width: 992px) { 
     443@media (min-width: 992px) and (-webkit-max-device-pixel-ratio: 2.5), (min-width: 992px) and (max-resolution: 240dpi) { 
    429444  .atr .thumbnailCategory .illustration img { 
    430445        max-width:226px; 
     
    470485    position: relative; 
    471486} 
    472 @media (min-width: 798px) { 
     487@media (min-width: 798px) and (-webkit-max-device-pixel-ratio: 1.7), (min-width: 798px) and (max-resolution: 163.2dpi) { 
    473488  .atr .thumbnailCategory .description { 
    474489        width:246px; 
    475490  } 
    476491} 
    477 @media (min-width: 992px) { 
     492@media (min-width: 992px) and (-webkit-max-device-pixel-ratio: 2.5), (min-width: 992px) and (max-resolution: 240dpi) { 
    478493  .atr .thumbnailCategory .description { 
    479494        width:216px; 
Note: See TracChangeset for help on using the changeset viewer.