X-Git-Url: http://git.plutz.net/?p=serve0;a=blobdiff_plain;f=style.css;h=c19ee480200b79a12ad803f67262b7f3a38c7d65;hp=e31117ea5be0244b30909f49685ad60c43ac252b;hb=915841ffcd76d15c1a6e503d6b14ec740abeac3e;hpb=72e1853bb0862b52d390657dd4847064194c5c3b diff --git a/style.css b/style.css index e31117e..c19ee48 100644 --- a/style.css +++ b/style.css @@ -58,12 +58,13 @@ a[href="#advsearch"]:before { #prefs, #bookmarks, #multitag, #advsearch { display: block; position: absolute; - height: 0; max-width: 100%; + height: 0; width: 100%; max-width: 100%; margin-top: -1px; padding: 0 1em; border: 1px none; overflow: hidden; background-color: #333; + z-index: 1; } #bookmarks { left: 0; width: 30%; @@ -75,12 +76,13 @@ a[href="#advsearch"]:before { min-width: 200px; margin-left: auto; } -#advsearch { text-align: center; } +#advsearch { + text-align: center; +} #advsearch:target, #multitag:target, #prefs:target, #bookmarks:target { - height: auto; - overflow: visible; + height: auto; overflow: visible; } #advsearch:target { border-style: none none solid none; } #prefs:target { border-style: none none solid solid; } @@ -102,6 +104,9 @@ a[href="#advsearch"]:before { #advsearch a[href="#"] { border-bottom: 1px solid; } #multitag a[href="#"] { top: -1em; line-height: 1em; } + +/* ### Preferences Drawer ### */ + #prefs label[for=prefs_ps] { font-weight: bold; } @@ -120,9 +125,30 @@ a[href="#advsearch"]:before { max-width: 85%; } + +/* ### Bookmarks Drawer ### */ + +#bookmarks input, +#bookmarks button { + margin-bottom: 1.25em; +} +#bookmarks label { + display: block; + font-weight: bold; +} +#bookmarks a.link { + display: inline-block; + font-size: .75em; + text-decoration: underline; + margin: 0 1em 1.25em 0; +} + + +/* ### Advance Search Drawer ###*/ + #advsearch .help { display: block; - margin: -1em .625em 1em .625em; + margin: -1em .5em 1em .5em; padding: .5em 1em; background-color: #444; line-height: 1.5em; @@ -197,6 +223,9 @@ a[href="#advsearch"]:before { width: 50%; } + +/* ### Item Listing ### */ + .list { position: relative; display: inline-block; @@ -285,12 +314,15 @@ a[href="#advsearch"]:before { width: 100%; background-color: #333; border-top: 1px solid; - padding: .25em; + padding: .25em 0; } #index label:first-of-type { font-weight: bold; } #index input, #index button { margin-left: 1em;} + +/* ### Multi Tagging Drawer ### */ + #multitag fieldset{ display: inline-block; width: 25%; min-width: 250px;