further narrow-screen improvements from Kalle

CVS version numbers

english/debhome.css: 1.9 -> 1.10 
english/debian.css: 1.96 -> 1.97

1 files changed, 86 insertions, 7 deletions

diff --git a/english/debian.css b/english/debian.css
index 520634104fa..dfa4a98e93f 100644
--- a/english/debian.css
+++ b/english/debian.css
@@ -882,18 +882,97 @@ ul.nodecoration {
 	padding: 0;
 }
 
-@media screen and (max-width: 50em) {
-    #header {
-        padding-right: 0;
+/*
+ * For small screens
+ */
+
+@media only screen and (max-width: 38em) {
+
+    div#header {
+        margin: 0 2px 0 2px;
+        padding: 0;
+    }
+    div#logo {
+        position: relative;
+        top: 0;
+        height: auto;
+        margin: 0;
+        padding: 0;
+        min-height: 0;
+    }
+    div#logo a {
+        height: auto;
+        height: 61px;
+    }
+    div#logo a img {
+        margin: 0;
+        padding: 0;
+        display: block;
+    }
+    #upperheader p.section {
+        left: 70px;
+        top: 0;
     }
-    input[name="P"] {
-        width: 10em;
+    div#searchbox {
+        position: relative;
+        margin: -31px 0 0 60px;
+        float: right;
+        bottom: 0;
+        padding: 0;
     }
-    #content {
+    div#searchbox input[name="P"] {
+        width: 200px;
+    }
+    div#navbar {
+        display: block;
+        position: relative;
+        clear: both;
+    }
+    #navbar ul {
+        min-height: 1.5em;
+        display: block;
+    }
+    #navbar li {
+        display: inline;
+        float: none;
         margin: 0;
+        padding: 0;
+    }
+    div#navbar a:link, div#navbar a:visited {
+        display: inline;
+        margin: 0 1.5em 0 0;
+        padding: 0.25em 0 0.25em 0;
+        border: 0;
+        background-color: transparent;
+    }
+    div#content {
+        margin: 0 2px 0 2px;
     }
-    #footer {
+    ul.toc {
+        max-width: none;
+    }
+    div#maincol {
+        margin-right: 0;
+    }
+    div.tip, div.important, div.warning, div.note, div.trans-note {
+        overflow: hidden;
+    }
+    div.trans-note {
+        position: relative;
+        top: 0;
+        right: 0;
+        left: 0;
         margin: 0;
+        background-image: none;
+        padding: 0;
+        padding-left: 1em;
+    }
+    div#second-nav {
+        margin-left: 1em;
+        width: auto;
+    }
+    div#footer {
+        margin-left: 10px;
         padding-left: 0;
         padding-right: 0;
     }