Layout fixes (again IE .. :-( )
[senf.git] / doclib / senf.css
index 04a6259..86b4cd2 100644 (file)
@@ -5,8 +5,8 @@ body {
 }
 
 #head {
-       height: 63px;
-       border-top: 4px solid #DECD40;
+       height: 62px;
+       border-top: 5px solid #DECD40;
        border-bottom: 1px solid #AF9D00;
        background: url(logo-head.png) top left no-repeat;
        background-color: #EDE497;
@@ -15,7 +15,7 @@ body {
 #head h1 {
        margin: 0 0 0 100px;
         padding: 6px 0 0 0;
-       height: 34px;
+       height: 33px;
         background-color: #DECD40;
        border-bottom: 1px solid #AF9D00;
         font-size: 22px;
@@ -30,62 +30,51 @@ body {
        padding: 4px 0 0 0;
        height: 18px;
        background-color: #EDE497;
+       color: #726921;
         font-size: 13px;
        font-weight: normal;
-       color: #726921;
        white-space: nowrap;
 }
 
-#head ul { 
-       float: left;
-       margin: 10px 0 0 10px;
-       width: 120px;
-       background-color: #FDF7C3;
-       border: 1px solid #AF9D00;
-       list-style-type: none;
-       padding: 0;
-}
-
-#head ul li { 
-       display: inline;
-}
-
-#head ul li a, #head ul li b { 
-       padding: 2px 5px;
-       display: block;
+#content1 { 
+       padding: 0 10px 10px 0;
+       border-bottom: 1px solid #AF9D00;
 }
 
-#head ul li b { 
-       border-bottom: 1px solid #AF9D00;
-       background-color: #EDE497;
-       color: #726921;
+#content2 { 
+        /* need non-zero top padding here to prevent margin propagation */
+       padding: 10px 0 0 142px;
+       max-width: 60em;
 }
 
-#head ul li a, #head ul li a:active, #head ul li a:visited { 
-       color: #726921;
+a { 
+       font-weight: bold;
        text-decoration: none;
 }
 
-#head ul li a:hover { 
-       background-color: #EDE497;
-       text-decoration: none;
+a:contains("http://") { 
+       font-weight: normal;
 }
 
-#content { 
-       /* Non-0 top padding to fix margin inhertance from first non-float elt */
-       padding: 1px 10px 10px 142px;
+a.ext {
+        font-style: italic;
 }
 
 div.tabs { 
+       display: inline; /* IE double margin fix */
        float: left;
        clear: left;
        background-color: #FDF7C3;
        border: 1px solid #AF9D00;
-       margin: 10px 0 0 -132px;
+        margin: 0 0 10px -132px;
        width: 120px; 
        overflow: hidden;
 }
 
+* html div.tabs { 
+       margin-bottom: 0; /* Grmpf .. IE6 is f**ing up ... */
+}
+
 div.tabs ul { 
        margin: 0;
        padding: 0;
@@ -100,14 +89,15 @@ div.tabs ul li a {
        display: block;
        padding: 2px 5px;
         font-size: 13px;
-       font-weight: normal;
        color: #726921;
        text-decoration: none;
        white-space: nowrap;
+       font-weight: normal;
 }
 
-div.tabs a:visited, div.tabs a:active { 
+div.tabs ul li a:visited, div.tabs ul li a:active { 
        color: #726921;
+        text-decoration: none;
 }
 
 div.tabs ul li a:hover, div.tabs ul li#current a { 
@@ -125,3 +115,36 @@ div.nav {
        margin: 0;      
 }
 
+div.qindex {
+       width: auto;
+       background-color: #e8eef2;
+       border: 1px solid #84b0c7;
+       text-align: center;
+       margin: 2px;
+       padding: 2px;
+       line-height: 140%;
+}
+
+#footer { 
+       clear: both;
+       padding: 4px 10px 4px 142px;
+       color: #726921;
+       white-space: nowrap;
+       text-align: right;
+       max-width: 60em;
+}
+
+#footer span { 
+        font-size: 10px;
+}
+
+#footer a, #footer a:active, #footer a:visited { 
+       color: #726921;
+       text-decoration: none;
+}
+
+#footer a:hover { 
+       background-color: inherit;
+       text-decoration: underline;
+}
+