From b68061c878c31f6ff6b1e30b6144c400219a1e89 Mon Sep 17 00:00:00 2001 From: paul Date: Tue, 6 Sep 2016 10:59:21 +0000 Subject: [PATCH] more compact video list svn path=/trunk/; revision=146 --- static/common.css | 34 ++++++++++++++++++++++------------ templates/list.html.sh | 4 +++- 2 files changed, 25 insertions(+), 13 deletions(-) diff --git a/static/common.css b/static/common.css index 8e973c8..d614432 100644 --- 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 b5b1ef6..f7bb43c 100755 --- a/templates/list.html.sh +++ b/templates/list.html.sh @@ -29,6 +29,7 @@ cat <Clear All Advanced + Browse Folders Player
@@ -75,7 +76,8 @@ cat < Add Tags Preferences - Browse Folders + ^ top ^ +
-- 2.39.2