X-Git-Url: http://git.plutz.net/?a=blobdiff_plain;ds=sidebyside;f=static%2Fcommon.css;h=9b32b52cdccfa7759de017e8656e4b2d4b2ea57e;hb=786aed0b30898b274814926a4f5548447a5e29c5;hp=96f15beaa3c4bb12b53f81e65b34128e89851a7d;hpb=ca0cde88cb003b41e62c2e08da8dd26b7b3b583e;p=serve0 diff --git a/static/common.css b/static/common.css index 96f15be..9b32b52 100644 --- a/static/common.css +++ b/static/common.css @@ -70,13 +70,16 @@ textarea { text-decoration: none; } +.pagination_nav a.previous, +.pagination_nav a.current, +.pagination_nav a.next { display: inline; } .pagination_nav a.current { - display: inline; color: #F66; font-weight: bold; } .pagination_nav:hover { position: fixed; + padding-top: 2.5em; bottom: auto; text-align: right; background-color: #333; @@ -150,6 +153,9 @@ div.panel { overflow: visible; } +body.playctl .panel#search, +body.playctl .panel#foot { padding-right: .25em; } + .panel:target { max-height: 100%; overflow-y: scroll; @@ -248,19 +254,19 @@ div.panel { } #advfilter .quicklinks {width: 100%;} -#advfilter .quicklinks :first-child {width: 100%;} -#advfilter .quicklinks input { display: none; } -#advfilter .quicklinks a { - display: none; + +p.quicklinks { padding-bottom: 3em; } +p.quicklinks :first-child {width: 100%;} +p.quicklinks input { display: block; } +p.quicklinks a { + display: block; word-wrap: break-word; margin-left: 10%; margin-bottom: .75em; margin-top: -1.5em; } -#advfilter .quicklinks:hover input, -#advfilter .quicklinks:hover a {display: block;} -#advfilter .quicklinks input:checked, -#advfilter .quicklinks input:checked + a { display: none;} +p.quicklinks input:checked, +p.quicklinks input:checked + a { display: none;} /* == Thumblist == */ @@ -369,6 +375,23 @@ div.panel { #playctl form button[name="vol"][value="100"], #playctl form button[name="vol"][value="0"] { width: 6%;} +span.progress { + display: block; + position: fixed; + bottom: 2.5em; + width: 100%; left:0; right: 0; + color: white; + background-color: black; + border-top: 1px solid white; + padding: 0; + height: 1em; +} +span.progress > * { + display: block; + text-align: center; + background-color: #333; +} + @media (min-width: 460px){ #playctl form button { max-width: 4em;