css transitions for panels

[serve0] / templates / common.css.sh

diff --git a/templates/common.css.sh b/templates/common.css.sh
index b8c7ec4f9a903ee7c39c286ecce0f5d06eca36c8..f8702198675243a600955782411f4c719e6bf8cb 100755 (executable)
--- a/templates/common.css.sh
+++ b/templates/common.css.sh
@@ -62,36 +62,57 @@ textarea {
   border-width: 1px;
   border-style: none none solid none;
 }
-.panel.footer {
+
+#advfilter {
+  position: absolute;
+  top: 0;
+}
+#preferences,
+#tagger,
+#foot {
   position: fixed;
-  min-height: 2em;
   bottom: 0px;
+  min-height: 2em;
   border-style: solid none none none;
 }
 
-.panel .help { display: block;}
-a.panel { font-weight: bold; }
-a.clearsearch, a.show, .pagination_nav {
-  display: inline;
-  border: none;
+#advfilter,
+#tagger,
+#preferences {
+  z-index: 1;
+  overflow: hidden;
+  min-height: 0; max-height: 0;
+  padding-top: 0; padding-bottom: 0;
+  transition: all .3s linear;
 }
-.pagination_nav {
-  position: absolute;
-  right: 1em;
-  padding-top: .125em;
+#advfilter:target,
+#tagger:target,
+#preferences:target {
+  max-height: 100%;
+  overflow-y: scroll;
 }
 
-.footer a.panel {
+.panel .help { display: block;}
+a.panel { font-weight: bold; }
+
+#preferences a.panel,
+#tagger a.panel {
   border-style: solid none none none;
   border-width: 1px;
   margin-top: .5em;
 }
 
-#advfilter { display: none; }
-#advfilter:target {
-  display: block;
+#search a.toggle,
+#foot a.toggle,
+a.clearsearch,
+.pagination_nav {
+  display: inline;
+  border: none;
+}
+.pagination_nav {
   position: absolute;
-  top: 0;
+  right: 1em;
+  padding-top: .125em;
 }
 
 #advfilter .quicklinks,
@@ -187,17 +208,6 @@ a.clearsearch, a.show, .pagination_nav {
   margin: .75em .5em;
 }
 
-#tagger,
-#preferences {
-  display: none;
-}
-#tagger:target,
-#preferences:target {
-  display: block;
-  z-index: 1;
-  max-height: 100%;
-  overflow-y: scroll;
-}
 #tagger .newtag select,
 #tagger .newtag .label{
   display: block;