webapps: better style

[factor.git] / basis / help / html / stylesheet.css

diff --git a/basis/help/html/stylesheet.css b/basis/help/html/stylesheet.css
index bbe1af4cc819cdb23c62f65ca9f8e1d48ed6e331..7fe0ca3900585178c1219be37cbd0ab7ea5e1b01 100644 (file)
--- a/basis/help/html/stylesheet.css
+++ b/basis/help/html/stylesheet.css
@@ -18,7 +18,7 @@ body {
 }
 
 input {
-    border: 1px solid #999999;
+    border: 1px solid #d5d5d5;
     border-radius: 3px;
     font-size: 1.0em;
 }
@@ -41,21 +41,20 @@ tr:hover {
     background-color: #f5f5f5;
 }
 
-.navbar {
-    border-bottom: 1px solid #ccc;
+nav {
+    border-bottom: 1px solid #d5d5d5;
     background-color: #f5f5f5;
+    padding: 10px;
+    padding-left: calc(max(50% - 400px, 0px) + 15px);
+    padding-right: calc(max(50% - 400px, 0px) + 15px);
 }
 
-.navrow {
-    max-width: 800px;
-    position: relative;
-    left: calc(max(-400px,-50%) + 50%);
-    margin: 0;
-    padding: 10px 15px 10px 15px;
+nav a, nav .link {
+    margin-right: 10px;
 }
 
-.navrow a {
-    margin-right: 10px;
+nav img {
+    vertical-align: middle;
 }
 
 .page {
@@ -70,9 +69,9 @@ tr:hover {
     height: 16px;
 }
 
-.footer {
+footer {
     margin-top: 15px;
-    border-top: 1px dashed #ccc;
+    border-top: 1px dashed #d5d5d5;
     color: #666;
     font-size: 10pt;
 }
@@ -87,7 +86,7 @@ tr:hover {
         width: 100px;
     }
 
-    .navbar img {
+    nav img {
         display: none;
     }
 }
@@ -107,12 +106,12 @@ tr:hover {
         color: #8ab4f8;
     }
 
-    .navbar {
+    nav {
         background-color: #373e48;
         border-bottom: 1px solid #666;
     }
 
-    .footer {
+    footer {
         border-top: 1px dashed #666;
         color: #999;
     }