X-Git-Url: http://git.plutz.net/?a=blobdiff_plain;f=static%2Fcommon.css;fp=static%2Fcommon.css;h=16910fb12d5603836f27a9b73a98dd39fcd72d7b;hb=f9a2881b35e0a42e36d1558ba4f41301e3acec2f;hp=d61443229673327cac97f5774b357a6a92d84278;hpb=b68061c878c31f6ff6b1e30b6144c400219a1e89;p=serve0

diff --git a/static/common.css b/static/common.css
index d614432..16910fb 100644
--- a/static/common.css
+++ b/static/common.css
@@ -113,40 +113,48 @@ a.panel {
   width: auto;
   padding: 0;
   margin: auto 1em 1ex 0;
+  text-decoration: none;
 }
 
 .panel .help { display: block;}
 
 /* == Top Panel == */
 
-.panel#advfilter { position: absolute; top: 0; }
-.panel#search select { margin-right: .5em; }
+.panel.switchable.top {
+  position: absolute;
+  top: 0;
+}
 
 body.playctl .panel#advfilter,
+body.playctl .panel#morelinks,
 body.playctl .panel#search {
   margin-top: 1.25em;
   border-top: 1px solid #FFF;
 }
 
+.panel#search select { margin-right: .5em; }
+
 /* == Bottom Panels == */
-.panel#preferences,
-.panel#tagger,
+.panel.bottom,
 .panel#foot {
   position: fixed;
   bottom: 0px;
   border-style: solid none none none;
 }
 
-
 /* == Switchable Panels == */
 
-form.panel,
-div.panel {
+.panel.switchable {
   z-index: 1;
   overflow: hidden;
   min-height: 0; max-height: 0;
   padding-top: 0; padding-bottom: 0;
 }
+.panel.switchable:target {
+  max-height: 100%;
+  overflow-y: scroll;
+}
+.panel.switchable.top:target{ padding-bottom: 1em; }
 
 .panel#search,
 .panel#foot {
@@ -159,24 +167,16 @@ div.panel {
 body.playctl .panel#search,
 body.playctl .panel#foot { padding-right: .25em; }
 
-.panel:target {
-  max-height: 100%;
-  overflow-y: scroll;
-}
-.panel#advfilter:target{ padding-bottom: 1em; }
 
 /* == Panel Switches == */
 
-.panel#playctl a.panel,
-.panel#advfilter a.panel,
-.panel#preferences a.panel,
-.panel#tagger a.panel {
+.panel.switchable.bottom a.panel:last-of-type,
+.panel.switchable.top a.panel:first-of-type {
   display: block;
   border-style: none none solid none;
   border-width: 1px;
 }
-.panel#preferences a.panel,
-.panel#tagger a.panel {
+.panel.switchable.bottom a.panel:last-of-type {
   border-style: solid none none none;
   margin-top: .5em;
 }
@@ -184,7 +184,6 @@ body.playctl .panel#foot { padding-right: .25em; }
 
 /* == Panel Elements == */
 
-.panel#advfilter .quicklinks,
 .panel#advfilter .filter,
 .panel#tagger .newtag,
 .panel#tagger input[type=submit],
@@ -256,7 +255,6 @@ body.playctl .panel#foot { padding-right: .25em; }
   margin-left: 1em;
 }
 
-#advfilter .quicklinks {width: 100%;}
 
 /* == Recent filters == */