enabled dynamic navigation links

[confetti] / static / common.css

diff --git a/static/common.css b/static/common.css
index fa8528c1cdac0b0a7f6a15876fef3270546b85c3..bee38cdb1bd961cb314ed832a2c09b57d18405de 100644 (file)
--- a/static/common.css
+++ b/static/common.css
@@ -8,7 +8,8 @@
 body {
   background: #EEE;
   margin: 0;
-  padding: 2.5em 0 0 0;
+  padding: 0;
+  padding-top: 2.5em;
 }
 .NAVIGATION {
   position: fixed;
@@ -17,11 +18,12 @@ body {
   border-style: none solid solid solid;
   border-width: 0 1px 1px 1px;
   border-radius: 0 0 4px 4px;
-  margin: 0 auto auto 3%;
-  padding: .5em 1ex .5em 1ex;
+  margin: 0 2em;
+  padding: .5em 1ex;
   background: #FFF;
   z-index: 1;
 }
+.NAVIGATION label,
 .NAVIGATION a {
   color: #008;
   border: solid 1px #BBF;
@@ -29,11 +31,46 @@ body {
   padding: .2em 3ex .2em 3ex;
   background: #EFF;
 }
+.NAVIGATION label:hover,
 .NAVIGATION a:hover {
-  border-width: 2px 1px 2px 1px;
+  border-width: 2px 1px;
   background: #F3FFFF;
 }
 
+.NAVIGATION input#navigationconfig { display: none; }
+.NAVIGATION label[for=navigationconfig] { }
+.NAVIGATION input + label + form.config {
+  position: static;
+  display: none;
+}
+.NAVIGATION .config a { display: block; }
+.NAVIGATION .config a:hover { border-width: 1px 2px; }
+.NAVIGATION input:checked + label + form.config { display: block; }
+.NAVIGATION .config input[type=text],
+.NAVIGATION .config button {
+  font-size: .875em;
+  line-height: 1.5em;
+  height: 1.75em;
+  padding: 0 .25em;
+  vertical-align: bottom;
+  border: 1px solid #000;
+  background-color: #FFF;
+}
+.NAVIGATION .config input[type=text] {
+  margin: .25em 0 0 .375em;
+  border-right: none;
+  width: 70%;
+}
+.NAVIGATION .config button {
+  min-width: 2.5em;
+  text-align: center;
+  max-width: 30%;
+}
+.NAVIGATION .config button[value=del] {
+  background: #FCC;
+}
+
+
 .trailbtn { display: none; }
 .trailbtn + .trailbox { display: none; }
 .trailbtn:checked + .trailbox { display: inline-block; }