more compact video list

[serve0] / static / common.css

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%;