X-Git-Url: http://git.plutz.net/?p=bookman;a=blobdiff_plain;f=bookmarks.css;h=e37d70af0e3ad306e0aae0a348c7f1c67d3a05e3;hp=db96bd81d4be765260e48b2480f8d9b891bba14a;hb=28ce309347435c1dd23beab8104d36cbe640d2dd;hpb=7b2162fb64011ee5fcab94c2240d301bab9f71ae diff --git a/bookmarks.css b/bookmarks.css index db96bd8..e37d70a 100644 --- a/bookmarks.css +++ b/bookmarks.css @@ -1,4 +1,5 @@ * { /* RESET */ + font-size: medium; margin: 0; padding: 0; text-decoration: none; @@ -44,8 +45,7 @@ html, body { color: #333; } -.modbookmark, -.modfolder { +.dialog { display: block; position: fixed; width: 30em; @@ -54,15 +54,14 @@ html, body { left: 50%; top: 20%; margin: -3em -15em; text-align: center; - z-index: 3; + z-index: 10; border-radius: .5em; border: 1px solid black; padding: .125em 0; background-color: #ACF; word-spacing: -.5ex; } -.modbookmark:before, -.modfolder:before { +.dialog:before { display: block; content: ''; border: 1px solid black; @@ -73,69 +72,61 @@ html, body { background-color: white; z-index: -1; } -.modbookmark + *:after, -.modfolder + *:after { +.newbookmark:before { border-top: 1px solid; } +.dialog + *:after { content: ' '; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.5); } -.modbookmark > *, -.modfolder > * { word-spacing: 0; } +.dialog > * { word-spacing: 0; } -.modbookmark > h1, -.modfolder > h1 { +.dialog > h1 { background-color: transparent; text-align: left; font-weight: bold; padding-left: .25em; } -.modbookmark > .tab, -.modfolder > .tab { +.dialog > .tab { display: inline-block; width: 33%; padding: .25em; border: 1px solid black; border-radius: .5em .5em 0 0; } -.modbookmark > .tab { +.dialog.modbookmark > .tab { width: 49.5%; } -.modbookmark > label.tab, -.modfolder > label.tab { border-bottom: 0px; } -.modbookmark > a.tab, -.modfolder > a.tab { background-color: #EEE; } +.dialog > label.tab { border-bottom: 0px; } +.dialog > a.tab { background-color: #EEE; } -.modbookmark > label:nth-of-type(2), -.modbookmark > label:nth-of-type(3), -.modbookmark > select, -.modfolder > label:nth-of-type(2), -.modfolder > select, +.newbookmark > label, +.dialog > label:nth-of-type(2), +.dialog > label:nth-of-type(3), +.dialog > select, .modfolder > input { display: block; float: left; text-align: left; margin: 1em 0 0 1em; } -.modbookmark > label:nth-of-type(2), -.modbookmark > label:nth-of-type(3), -.modfolder > label:nth-of-type(2) { +.newbookmark > label, +.dialog > label:nth-of-type(3), +.dialog > label:nth-of-type(2) { + clear: left; font-weight: bold; } -.modbookmark > select, -.modfolder > select { +.dialog > select { width: 10em; max-width: 95%; } -.modbookmark > input, -.modfolder > input { +.dialog > input { width: 28em; max-width: 95%; } -.modbookmark > button, .modbookmark > select, -.modfolder > button { +.dialog > button { display: inline-block; float: right; margin: 1.5em .5em .5em .5em; @@ -148,6 +139,7 @@ html, body { width: 16em; display: inline-block; margin: .5em 1em; + white-space: nowrap; } .bookmark > a.modify { @@ -169,18 +161,13 @@ html, body { .bookmark:hover { left: -1em; padding-left: 1em; } .bookmark:hover > a.bmove { display: inline-block; } .bookmark > a.bmove:before { color: #888; font-size: medium; } -.bookmark > a.bmove:nth-of-type(3) { position: absolute; left: 0; } -.bookmark > a.bmove:nth-of-type(3):before { content: '\25c0'; } -.bookmark > a.bmove:nth-of-type(4):before { content: '\25b6'; } +.bookmark > a.bmove:nth-last-of-type(2) { position: absolute; left: 0; } +.bookmark > a.bmove:nth-last-of-type(2):before { content: '\25c0'; } +.bookmark > a.bmove:nth-last-of-type(1):before { content: '\25b6'; } -.bookmark > a.link { margin-left: 0;} -.bookmark > a.link > img { +.bookmark img { height: 1.25em; vertical-align: text-bottom; margin: 0 .5ex; } -form.newbookmark { - margin: .5em 1em; - break-inside: avoid; -}