webapps: better style

[factor.git] / extra / websites / concatenative / page.css

diff --git a/extra/websites/concatenative/page.css b/extra/websites/concatenative/page.css
index 0eb11ac4e0aac6043cced875fc4fe1441aa94de2..7512004f96a63adc6d017b9046ee1ba6137504cd 100644 (file)
--- a/extra/websites/concatenative/page.css
+++ b/extra/websites/concatenative/page.css
@@ -6,8 +6,9 @@ html {
     box-sizing: inherit;
 }
 
-body {
+html, body {
     margin: 0;
+    padding: 0;
 }
 
 body, button {
@@ -51,24 +52,20 @@ a:hover, .link:hover { text-decoration: underline; }
 .inline {
     display: inline;
 }
-.navbar {
-    border-bottom: 1px solid #ccc;
-    background-color: #f5f5f5;
-}
 
-.navrow {
-    max-width: 1000px;
-    position: relative;
-    left: calc(max(-500px,-50%) + 50%);
-    margin: 0;
-    padding: 10px 15px 10px 15px;
+nav {
+    border-bottom: 1px solid #d5d5d5;
+    background-color: #f5f5f5;
+    padding: 10px;
+    padding-left: calc(max(50% - 500px, 0px) + 15px);
+    padding-right: calc(max(50% - 500px, 0px) + 15px);
 }
 
-.navrow a, .navrow .link {
+nav a, nav .link {
     margin-right: 10px;
 }
 
-.navrow img {
+nav img {
     vertical-align: middle;
 }
 
@@ -98,11 +95,7 @@ a:hover, .link:hover { text-decoration: underline; }
         color: #8ab4f8;
     }
 
-    .page .navbar {
-        border-top: 1px solid #666;
-    }
-
-    .navbar {
+    nav {
         background-color: #373e48;
         border-bottom: 1px solid #666;
     }