X-Git-Url: http://git.plutz.net/?p=bookman;a=blobdiff_plain;f=bookmarks.css;fp=bookmarks.css;h=f32972db5b87117b2877866e19572d5fa4e94877;hp=cadf1aab0a1f1b541b2ceed3757cf3a00af4a7dc;hb=e6188684fac517ddb3b84c72d7d84e8ed195ec19;hpb=6994fcbc662fe3b8cae29d12dd57b633886afa85 diff --git a/bookmarks.css b/bookmarks.css index cadf1aa..f32972d 100644 --- a/bookmarks.css +++ b/bookmarks.css @@ -21,8 +21,6 @@ html, body { margin: 1em auto; padding: 0; overflow: hidden; - #column-width: 16em; - #column-rule: 1px solid #BBB; } .folder > h1 { @@ -33,16 +31,13 @@ html, body { background-color: #ACF; border-radius: .375em .375em 0 0; min-height: 1em; - #column-span: all; } - .folder > h1 + a { display: block; position: relative; top: -1.5em; margin-left: 1em; color: transparent; - background-color: transparent; width: 0; height: 0; } .folder > h1 + a:before { @@ -53,17 +48,18 @@ html, body { .modfolder { display: block; position: fixed; - left: 50%; margin: 0 -15em; - vertical-align: middle; - text-align: center; width: 30em; min-width: 240px; + min-height: 3em; + left: 50%; top: 20%; + margin: -3em -15em; + text-align: center; z-index: 3; border-radius: .5em; border: 1px solid black; padding: .125em 0; - min-height: 3em; background-color: #ACF; + word-spacing: -.5ex; } .modfolder:before { display: block; @@ -82,29 +78,50 @@ html, body { top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.5); } +.modfolder > * { word-spacing: 0; } + +.modfolder > h1 { + background-color: transparent; + text-align: left; + font-weight: bold; + padding-left: .25em; +} -.modfolder > label, -.modfolder > a { +.modfolder > .tab { display: inline-block; width: 33%; padding: .25em; border: 1px solid black; border-radius: .5em .5em 0 0; } -.modfolder > label { border-bottom: 0px; } -.modfolder > a { background-color: #EEE; } +.modfolder > label.tab { border-bottom: 0px; } +.modfolder > a.tab { background-color: #EEE; } +.modfolder > label:nth-of-type(2), +.modfolder > select, .modfolder > input { display: block; + float: left; + text-align: left; + margin: 1em 0 0 1em; +} +.modfolder > label:nth-of-type(2){ + font-weight: bold; +} +.modfolder > select { + width: 10em; + max-width: 95%; +} +.modfolder > input { width: 28em; max-width: 95%; - margin: 1em; } .modfolder > button { display: inline-block; float: right; - margin: .5em; + margin: 1.5em .5em .5em .5em; padding: 0 .5em; + clear: left; } .bookmark { @@ -114,13 +131,13 @@ html, body { } .bookmark > a.modify { - font-size: 0; - color: white; + display: inline-block; + color: transparent; + width: .75em; } .bookmark > a.modify:before { content: '\2699'; color: #333; - font-size: initial; } .bookmark > a.link > img {