Merge commit 'a27498203e5d589514f082a0fcdcca53e31c595e' into cgilite

[lobster] / style.css

diff --git a/style.css b/style.css
index a7943d9293dba7e33c09f5b06d5fed2f36ed1392..8644f0b980a9f054423f1d896df44f3320ea2b0e 100644 (file)
--- a/style.css
+++ b/style.css
@@ -5,31 +5,16 @@ p + h1, p + h2, p + h3 {
 
 /* ====== COMMON ELEMENTS ======*/
 
-body > ul.menu {
+#message {
   display: block;
-  height: 1.75em;
-  margin: 0; -padding: 0 .5em;
-  list-style: none;
-  color: #CCC;
-  background-color: #444;
-  box-shadow: inset 0 -.25em .25em #000;
-  overflow: hidden;
-  z-index: 3;
-}
-
-body > .menu li {
-  display: inline-block;
-}
-body > .menu a {
-  color: inherit;
-  padding: .5em 3em;
-  box-shadow: inset 0 0 .5em #000;
-}
-body.cards > .menu a[href="/cards/"],
-body.courses > .menu a[href="/courses/"] {
-  color: #000;
-  background-color: #FFF;
-  box-shadow: none;
+  position: fixed;
+  top: 0; width: 100%;
+  margin: 0; padding: 1em;
+  text-align: center;
+  font-weight: bold;
+  background-color: #FAA;
+  border: 1px solid #000;
+  border-style: none none solid none;
 }
 
 /* =========== FILTER AND SEARCH Headers ========= */
@@ -60,8 +45,14 @@ form.filter button[value=export_csv] { margin-left: 1em; }
 
 body.courses form .order { display: inline-block; margin-right: 2em;}
 
-body.cards form.newcard { display: flex; }
+body.cards form.newcard {
+  position: sticky;
+  top: 0;
+  background-color: #FFF;
+  z-index: 2;
+}
 body.cards form.newcard input[name=seed] { flex: 1; }
+body.cards form.newcard a[href="#top"] { float: right; }
 
 
 /* ============ LIST ITEMS, Generic ============= */