more compact video list

svn path=/trunk/; revision=146

diff --git a/static/common.css b/static/common.css
index 8e973c885b636278130551adb81fbb2c38126010..d61443229673327cac97f5774b357a6a92d84278 100644 (file)
--- a/static/common.css
+++ b/static/common.css
@@ -45,7 +45,7 @@ textarea {
 .info {
   margin: 0;
   padding: 0 .25em;
-  background-color: #BBD;
+  background-color: rgba(208,208,255,.625 );
   color: #000;
   border: #000 1px solid;
 }
@@ -57,14 +57,13 @@ textarea {
 
 .pagination_nav {
   display: inline-block;
-  position: absolute;
-  right: 2ex; bottom: .25em;
+  float: right;
   transition: none;
   border: none;
   background-color: #333;
   text-align: right;
-  line-height: 1.75em;
 }
+.panel:after { content: ''; display: block; clear: both;}
 .pagination_nav a {
   display: none;
   text-decoration: none;
@@ -76,6 +75,8 @@ textarea {
 .pagination_nav a.current { color: #F66; font-weight: bold; }
 
 .pagination_nav:hover {
+  position: absolute;
+  line-height: 1.75em;
   left: 0; right: 0;
   padding: .5em 3ex .5em 0;
   overflow: auto;
@@ -111,17 +112,15 @@ a.panel {
   border: none;
   width: auto;
   padding: 0;
-  margin-right: 1em;
-  margin-bottom: 1ex;
+  margin: auto 1em 1ex 0;
 }
 
 .panel .help { display: block;}
 
 /* == Top Panel == */
-.panel#advfilter {
-  position: absolute;
-  top: 0;
-}
+
+.panel#advfilter { position: absolute; top: 0; }
+.panel#search select { margin-right: .5em; }
 
 body.playctl .panel#advfilter,
 body.playctl .panel#search {
@@ -153,7 +152,7 @@ div.panel {
 .panel#foot {
   max-height: 100%;
   z-index: 0;
-  padding: .25em 6em 0 .5em;
+  padding: .25em .5em 0 .5em;
   overflow: visible;
 }
 
@@ -283,6 +282,7 @@ p.quicklinks input:checked + a { display: none;}
 }
 
 #thumblist .thumb {
+  position: relative;
   display: inline-block;
   text-align: left;
   width: 90%;
@@ -301,10 +301,20 @@ p.quicklinks input:checked + a { display: none;}
   margin: 0; padding: 0;
 }
 #thumblist .thumb h2 {
-  font-size: 1em;
+  position: absolute;
+  top: 0; width: 100%;
+  font-size: 1.125em;
   font-weight: normal;
+  padding: .5ex .5em;
   margin: 0;
+  border-bottom: 1px solid #333;
+  background: rgba(0,0,0,.5);
+}
+#thumblist .thumb .property {
+  position: absolute; left: .25em;
+  margin-top: -1.5em;
 }
+#thumblist .thumb .property:nth-of-type(2) { left: 5em;}
 #thumblist .thumb button {
   display: block;
   width: 100%;

diff --git a/templates/list.html.sh b/templates/list.html.sh
index b5b1ef6800535b27135a2229bac23e11eb13a013..f7bb43cbb817ff700b1a9d315b36a2dd519d618f 100755 (executable)
--- a/templates/list.html.sh
+++ b/templates/list.html.sh
@@ -29,6 +29,7 @@ cat <<EOF
 
     <a class="panel clearsearch" href="?">Clear All</a>
     <a class="panel toggle" href="#advfilter">Advanced</a>
+    <a class="panel treeview" href="?p=tree">Browse Folders</a>
     <a class="panel" href="?p=playctl">Player</a>
 
     <div class="pagination_nav">
@@ -75,7 +76,8 @@ cat <<EOF
   <div class="panel" id="foot">
     <a class="panel toggle" href="#tagger">Add Tags</a>
     <a class="panel toggle" href="#preferences">Preferences</a>
-    <a class="panel treeview" href="?p=tree">Browse Folders</a>
+    <a class="panel toggle" href="#">^ top ^</a>
+    
 
     <div class="pagination_nav">
       <label>Page:</label>