From: Paul Hänsch Date: Wed, 18 Jul 2018 12:30:17 +0000 (+0200) Subject: style cleanup, unification X-Git-Url: https://git.plutz.net/?a=commitdiff_plain;h=72e1853bb0862b52d390657dd4847064194c5c3b;p=serve0 style cleanup, unification --- diff --git a/style.css b/style.css index 14e37a0..e31117e 100644 --- a/style.css +++ b/style.css @@ -27,22 +27,6 @@ body { min-height: 100%; } -#prefs, #bookmarks, -#multitag, #advsearch { - display: block; - position: relative; - overflow: hidden; - height: 0; - background-color: #333; -} -#prefs:target, -#advsearch:target, -#multitag:target, -#bookmarks:target { - height: auto; - overflow: visible; -} - #navigation{ text-align: center; background-color: #333; @@ -72,29 +56,51 @@ a[href="#advsearch"]:before { margin: 0 .5em; } -#prefs { - position: absolute; - right: 0; width: 13em; - margin-left: auto; +#prefs, #bookmarks, #multitag, #advsearch { + display: block; position: absolute; + height: 0; max-width: 100%; margin-top: -1px; - border: 1px solid; - border-top: none; - border-right: none; padding: 0 1em; - z-index: 1; + border: 1px none; + overflow: hidden; + background-color: #333; +} +#bookmarks { + left: 0; width: 30%; + min-width: 300px; + margin-right: auto; +} +#prefs { + right: 0; width: 20%; + min-width: 200px; + margin-left: auto; } +#advsearch { text-align: center; } +#advsearch:target, #multitag:target, +#prefs:target, #bookmarks:target { + height: auto; + overflow: visible; +} +#advsearch:target { border-style: none none solid none; } +#prefs:target { border-style: none none solid solid; } +#bookmarks:target { border-style: none solid solid none; } + +#advsearch a[href="#"], +#multitag a[href="#"], +#bookmarks a[href="#"], #prefs a[href="#"] { display: block; position: relative; - top: -1.125em; - margin-right: -.5em; - margin-bottom: -1em; - text-align: right; - font-size: 1.5em; - padding-right: .25em; + top: -2em; line-height: 2em; + margin: 0 -1em -1.5em -1em; + padding: 0 .75em; + font-weight: bold; background-color: inherit; } +#prefs a[href="#"] { text-align: right; } +#advsearch a[href="#"] { border-bottom: 1px solid; } +#multitag a[href="#"] { top: -1em; line-height: 1em; } #prefs label[for=prefs_ps] { font-weight: bold; @@ -114,21 +120,6 @@ a[href="#advsearch"]:before { max-width: 85%; } -#advsearch:target { - display: block; - position: relative; - text-align: center; - border-bottom: 1px solid; -} -#advsearch a[href="#"] { - display: block; - line-height: 2em; - background-color: inherit; - border-bottom: 1px solid; - padding-left: .5em; - position: relative; - top: -2em; -} #advsearch .help { display: block; margin: -1em .625em 1em .625em; @@ -300,12 +291,6 @@ a[href="#advsearch"]:before { #index label:first-of-type { font-weight: bold; } #index input, #index button { margin-left: 1em;} -#multitag:target a[href="#"] { - position: relative; - top: -1em; - padding-right: 10em; - background-color: inherit; -} #multitag fieldset{ display: inline-block; width: 25%; min-width: 250px;