Changeset 13555 for extensions/simple_themes/simple/content.css

Timestamp:

Mar 14, 2012, 2:50:34 PM (12 years ago)

Author:

plg

Message:

import theme Simple version 2.5

• use media queries to adapt layout for small screens
• remove arbitrary limit on width: the picture will simply be partially hidden if too wide
• update password.tpl
• add MENUBAR on all pages
• Spelling correction in README
• update url
• bugfix for the feature 'open external links in new window' for menubar links

File:

• extensions/simple_themes/simple/content.css (modified) (4 diffs)

extensions/simple_themes/simple/content.css

@@ -34 +34 @@
 #the_page {
   width: 85%;
-  min-width: 960px;
   margin: 0 auto;
   padding: 0;
@@ -291 +290 @@
   float: right;
   clear: right;
-  width: 180px;
-  margin: 0 10px;
+  width: 25%;
 }
 
@@ -309 +307 @@
 
 #theImage {
+  float: left;
+  width: 75%;
   text-align: center;
   padding: 1em 0 2em;
   margin: auto;
+  overflow: hidden;
 }
 
@@ -435 +436 @@
 
 .personal_block { padding: 0 !important; }
+
+
+/*  */
+
+@media only screen and (max-width: 957px) {
+  #the_page {
+    width: 100%;
+    margin: 0;
+  }
+
+  #thePicturePage #content {
+    position: relative;
+  }
+
+  #theHeader { margin: 0 1em; }
+  .titrePage { margin: 1em; }
+
+  #theImage {
+    width: 100%;
+    float: none;
+  }
+
+  #imageInfoBar {
+    float: none;
+    clear: both;
+    width: 100%;
+    margin: 0 10px;
+  }
+  #navThumbPrev, #navThumbNext {
+    float: left;
+    margin: 1em;
+  }
+}
+