X-Git-Url: https://git.exim.org/exim-website.git/blobdiff_plain/3ee691903a3fe9501e17fc74ae6b04dfee4c7ee9..ac3a10a1efe8523814a48934bd5cb67715782c15:/templates/web/common.css?ds=sidebyside

diff --git a/templates/web/common.css b/templates/web/common.css
index 5094d70..71e8666 100644
--- a/templates/web/common.css
+++ b/templates/web/common.css
@@ -56,7 +56,7 @@ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acron
     padding:      0 0 1em 4em;
   }
   #inner p, #inner pre {
-    padding:      0 0 1em 1em;
+    margin-bottom: 1em;
   }
   #inner pre {
     font-family:      monospace;
@@ -66,11 +66,10 @@ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acron
           white-space:                    -o-pre-wrap;    /* Opera 7 */
           word-wrap:                      break-word;     /* Internet Explorer 5.5+ */
   }
-  #inner > * {
-    padding-left:     1em;
-    padding-right:      1em;
+  #content {
+    padding: 0 1em;
   }
-  @media all and ( max-width:640px ){ #inner > * { padding:0; } }
+  @media all and ( max-width:640px ){ #content { padding:0; } }
 
 /* Main Header */
 
@@ -109,7 +108,7 @@ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acron
     color:        #aaf;
   }
 
-  #header, .navigation {
+  #header, .nav {
     opacity:      0.925;
   }
 
@@ -149,7 +148,10 @@ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acron
 
 /* Navigation */
 
-  .navigation {
+  .nav {
+    position:       relative;
+    top:            0;
+    left:           0;
     margin-top:     6em;
     padding:      0 0 0.5em 0;
     width:        100%;
@@ -159,45 +161,44 @@ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acron
     z-index:      1000;
   }
 
-  .navigation li {
+  .nav li {
     display:      inline;
     font-size:      1.2em;
     padding:      0 0.3em;
   }
 
-  .navigation li a         { color: #fff; }
-  .navigation li a:hover   { color: #aaf; }
-  .navigation li a:visited { color: #aaf; }
-  .navigation li a:visited:hover { color: #fff; } 
+  .nav li a         { color: #fff; }
+  .nav li a:hover   { color: #aaf; }
+  .nav li a:visited { color: #aaf; }
+  .nav li a:visited:hover { color: #fff; } 
 
-  #outer > .navigation.fixed {
+  #outer > #nav_float {
     position:     fixed;
     top:        0;
     left:       0;
-  }
-
-  #outer > .navigation.spacer {
-    visibility:     hidden;
+    width:      100%;
+    display:    none;
+    margin-top: 0;
   }
 
 /* Search Field */
-  .navigation li.search, .navigation form {
+  .nav li.search, .nav form {
     display:          inline;
     padding-top:      4px;
   }
-  .navigation .search_field_container.roundit .search_field {
+  .nav .search_field_container.roundit .search_field {
     border:       0;
     padding:      0;
     margin:       0;
   }
-  .navigation .search_field_container.roundit {
+  .nav .search_field_container.roundit {
     background-color:   #fff;
     -moz-border-radius:   1em;
     -webkit-border-radius:    1em;
     padding:      0.1em 1em;
     font-size:      1.2em;
   }
-  .navigation .search_field_container {
+  .nav .search_field_container {
     cursor:       text;
   }
 
@@ -211,7 +212,7 @@ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acron
     padding:      0.71429em 0 1.42857em 0;
     margin:       0 auto;
     font-size:      1.4em; /* 14px */
-    line-height:      2;     /* 28px */
+    line-height:    2;     /* 28px */
     background-color:   #fff;
   }
   /* Remove side padding on thin windows (phones?) */