Changeset 29558


Ignore:
Timestamp:
Sep 16, 2014, 2:39:40 PM (10 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.