Changeset 29590 for extensions/stripped_responsive

Timestamp:

Sep 17, 2014, 11:45:09 AM (10 years ago)

Author:

JanisV

Message:

Improve thumbnail width for mobile

File:

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

extensions/stripped_responsive/theme.css

@@ -158 +158 @@
         margin:0;
 }
+.thumbnailCategories {
+        max-width:900px;
+        padding:0 5px;
+        margin:auto;
+}
 @media (min-width: 798px) and (-webkit-max-device-pixel-ratio: 1.7), (min-width: 798px) and (max-resolution: 163.2dpi) {
   #thumbnails {
     margin:0 10px;
   }
+  .thumbnailCategories {
+        padding:0 20px;
+  }
 }
 @media (min-width: 992px) and (-webkit-max-device-pixel-ratio: 2.5), (min-width: 992px) and (max-resolution: 240dpi) {
@@ -167 +175 @@
     margin:0 15px;
   }
+  .thumbnailCategories {
+        padding:0 20px;
+  }
 }
 @media (min-width: 1220px) {
@@ -172 +183 @@
     margin:0 20px;
   }
-}
-
-.thumbnailCategories {
-        max-width:900px;
+  .thumbnailCategories {
         padding:0 20px;
-        margin:auto;
+  }
 }
 
@@ -437 +445 @@
         display:block;
         margin:auto;
-        max-width:286px;
-}
-
-.atr .thumbnailCategory .illustration img { max-height:286px;}
+}
+
+.atr .thumbnailCategory .illustration img {
+  max-width:286px;
+  max-height:286px;
+}
+@media (min-width: 508px) and (max-width: 568px) {
+  .atr .thumbnailCategory .illustration img {
+        max-width:226px;
+    max-height:226px;
+  }
+}
+@media (min-width: 568px) and (max-width: 628px) {
+  .atr .thumbnailCategory .illustration img {
+        max-width:256px;
+    max-height:256px;
+  }
+}
 @media (min-width: 798px) and (-webkit-max-device-pixel-ratio: 1.7), (min-width: 798px) and (max-resolution: 163.2dpi) {
   .atr .thumbnailCategory .illustration img {