Changeset 29558

Timestamp:

Sep 16, 2014, 2:39:40 PM (10 years ago)

Author:

JanisV

Message:

Updated max width for retina

File:

• extensions/stripped_responsive/theme.css (modified) (8 diffs)

extensions/stripped_responsive/theme.css

@@ -74 +74 @@
 .atr #the_page {
         width: auto;
-        margin: auto;
-        padding: 0;
-}
-@media (min-width: 798px) {
+}
+@media (min-width: 798px) and (-webkit-max-device-pixel-ratio: 1.7), (min-width: 798px) and (max-resolution: 163.2dpi) {
   .atr #the_page {
     width: 780px;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 992px) and (-webkit-max-device-pixel-ratio: 2.5), (min-width: 992px) and (max-resolution: 240dpi) {
   .atr #the_page {
     width: 970px;
@@ -127 +125 @@
     float: left;
 }
-@media (min-width: 798px) {
+@media (min-width: 798px) and (-webkit-max-device-pixel-ratio: 1.7), (min-width: 798px) and (max-resolution: 163.2dpi) {
   .atr #content_cell {
     max-width: 580px;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 992px) and (-webkit-max-device-pixel-ratio: 2.5), (min-width: 992px) and (max-resolution: 240dpi) {
   .atr #content_cell {
     max-width: 770px;
@@ -277 +275 @@
 
 #menubar {
-        width:180px;
         margin: 0;
-        padding: 0 0 0 19px;
         float: left;
         text-align:left;
@@ -285 +281 @@
 }
 
-.right_menu #menubar {padding: 0 19px 0 0;}
-
-@media (max-width: 797px) {
+#menubar {
+  padding: 0 15px;
+  width:auto;
+}
+.right_menu #menubar {padding: 0 15px;}
+
+@media (min-width: 798px) and (-webkit-max-device-pixel-ratio: 1.7), (min-width: 798px) and (max-resolution: 163.2dpi) {
     #menubar {
-      padding: 0 19px;
-      width: auto;
+          padding: 0 0 0 19px;
+      width: 180px;
     }
-    .right_menu #menubar {padding: 0 19px;}
-}
+    .right_menu #menubar {padding: 0 19px 0 0;}
+}
+@media (min-width: 992px) and (-webkit-max-device-pixel-ratio: 2.5), (min-width: 992px) and (max-resolution: 240dpi) {
+    #menubar {
+          padding: 0 0 0 19px;
+      width: 180px;
+    }
+    .right_menu #menubar {padding: 0 19px 0 0;}
+}
+@media (min-width: 1220px) {
+    #menubar {
+          padding: 0 0 0 19px;
+      width: 180px;
+    }
+    .right_menu #menubar {padding: 0 19px 0 0;}
+}
+
 
 #menubar dl {
@@ -374 +389 @@
 
 .atr ul.thumbnailCategories li { width: 300px; height: 300px;}
-@media (min-width: 798px) {
+@media (min-width: 798px) and (-webkit-max-device-pixel-ratio: 1.7), (min-width: 798px) and (max-resolution: 163.2dpi) {
   .atr ul.thumbnailCategories li { width: 270px; height: 270px;}
 }
-@media (min-width: 992px) {
+@media (min-width: 992px) and (-webkit-max-device-pixel-ratio: 2.5), (min-width: 992px) and (max-resolution: 240dpi) {
   .atr ul.thumbnailCategories li { width: 240px; height: 240px;}
 }
@@ -420 +435 @@
 
 .atr .thumbnailCategory .illustration img { max-height:286px;}
-@media (min-width: 798px) {
+@media (min-width: 798px) and (-webkit-max-device-pixel-ratio: 1.7), (min-width: 798px) and (max-resolution: 163.2dpi) {
   .atr .thumbnailCategory .illustration img {
         max-width:256px;
@@ -426 +441 @@
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 992px) and (-webkit-max-device-pixel-ratio: 2.5), (min-width: 992px) and (max-resolution: 240dpi) {
   .atr .thumbnailCategory .illustration img {
         max-width:226px;
@@ -470 +485 @@
     position: relative;
 }
-@media (min-width: 798px) {
+@media (min-width: 798px) and (-webkit-max-device-pixel-ratio: 1.7), (min-width: 798px) and (max-resolution: 163.2dpi) {
   .atr .thumbnailCategory .description {
         width:246px;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 992px) and (-webkit-max-device-pixel-ratio: 2.5), (min-width: 992px) and (max-resolution: 240dpi) {
   .atr .thumbnailCategory .description {
         width:216px;