Changeset 29556 for extensions

Timestamp:

Sep 16, 2014, 1:24:15 PM (10 years ago)

Author:

JanisV

Message:

More width for menu

File:

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

extensions/stripped_responsive/theme.css

@@ -30 +30 @@
 
 body {
-        font-size:13px;
+        font-size:15px;
 }
 
@@ -66 +66 @@
 
 #the_page {
-        max-width: 1120px;
+        max-width: 1140px;
         width:99%;
         margin: auto;
@@ -77 +77 @@
         padding: 0;
 }
-@media (min-width: 778px) {
+@media (min-width: 798px) {
   .atr #the_page {
-    width: 760px;
+    width: 780px;
   }
 }
-@media (min-width: 972px) {
+@media (min-width: 992px) {
   .atr #the_page {
-    width: 950px;
+    width: 970px;
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 1220px) {
   .atr #the_page {
-    width: 1120px;
+    width: 1140px;
   }
 }
@@ -99 +99 @@
 
 #content {
-        max-width:1080px;
         width:100%;
+        max-width:1140px;
         margin: 0;
-        padding: 12px 20px;
-}
-
-#thePicturePage #content {
-        max-width:1120px;
-        padding: 0;
-}
-
-#content {
-        max-width:1120px;
         padding:12px 0;
-/*      display:table;*/
 }
 
@@ -129 +118 @@
 /*      display:table-cell;*/
         vertical-align:top;
-        max-width:1120px;
+        max-width:1140px;
         padding: 0;
         margin-left: auto;
@@ -138 +127 @@
     float: left;
 }
-@media (min-width: 778px) {
+@media (min-width: 798px) {
   .atr #content_cell {
     max-width: 580px;
   }
 }
-@media (min-width: 972px) {
+@media (min-width: 992px) {
   .atr #content_cell {
     max-width: 770px;
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 1220px) {
   .atr #content_cell {
     max-width: 940px;
@@ -288 +277 @@
 
 #menubar {
-        width:160px;
+        width:180px;
         margin: 0;
         padding: 0 0 0 19px;
@@ -298 +287 @@
 .right_menu #menubar {padding: 0 19px 0 0;}
 
-@media (max-width: 777px) {
+@media (max-width: 797px) {
     #menubar {
       padding: 0 19px;
@@ -335 +324 @@
 
 li span.bullet {
-    padding-left: 11px;
+    padding-left: 10px;
 }
 
@@ -385 +374 @@
 
 .atr ul.thumbnailCategories li { width: 300px; height: 300px;}
-@media (min-width: 778px) {
+@media (min-width: 798px) {
   .atr ul.thumbnailCategories li { width: 270px; height: 270px;}
 }
-@media (min-width: 972px) {
+@media (min-width: 992px) {
   .atr ul.thumbnailCategories li { width: 240px; height: 240px;}
 }
-@media (min-width: 1200px) {
+@media (min-width: 1220px) {
   .atr ul.thumbnailCategories li { width: 300px; height: 300px;}
 }
@@ -431 +420 @@
 
 .atr .thumbnailCategory .illustration img { max-height:286px;}
-@media (min-width: 778px) {
+@media (min-width: 798px) {
   .atr .thumbnailCategory .illustration img {
         max-width:256px;
@@ -437 +426 @@
   }
 }
-@media (min-width: 972px) {
+@media (min-width: 992px) {
   .atr .thumbnailCategory .illustration img {
         max-width:226px;
@@ -443 +432 @@
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 1220px) {
   .atr .thumbnailCategory .illustration img {
         max-width:286px;
@@ -481 +470 @@
     position: relative;
 }
-@media (min-width: 778px) {
+@media (min-width: 798px) {
   .atr .thumbnailCategory .description {
         width:246px;
   }
 }
-@media (min-width: 972px) {
+@media (min-width: 992px) {
   .atr .thumbnailCategory .description {
         width:216px;
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 1220px) {
   .atr .thumbnailCategory .description {
         width:276px;