* { /* RESET */ font-size: 12pt; margin: 0; padding: 0; text-decoration: none; font-weight: normal; color: black; background-color: white; box-sizing: border-box; } html, body { background-color: #DDD; } .folder, form.newfolder{ display: block; width: 98%; border: 1px solid black; border-radius: .5em; margin: 1em auto; padding: 0; overflow: hidden; #column-width: 16em; #column-rule: 1px solid #BBB; } .folder > h1 { font-size: 1.25em; font-weight: bold; padding: .125em 1em .125em 2em; border-bottom: 1px solid black; 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 { content: '\2699'; color: #333; } .modfolder { display: block; position: fixed; left: 50%; margin: 0 -15em; vertical-align: middle; text-align: center; width: 30em; min-width: 240px; z-index: 3; border-radius: .5em; border: 1px solid black; padding: .125em 0; min-height: 3em; background-color: #ACF; } .modfolder:before { display: block; content: ''; border: 1px solid black; border-radius: 0 0 .5em .5em; border-top: 0px; top: 1.75em; bottom: .125em; left: .5%; right: .5%; position: absolute; background-color: white; z-index: -1; } .modfolder + *:after { content: ' '; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.5); } .modfolder > label, .modfolder > a { 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 > input { display: block; width: 28em; max-width: 95%; margin: 1em; } .modfolder > button { display: inline-block; float: right; margin: .5em; padding: 0 .5em; } .bookmark { width: 16em; display: inline-block; margin: .5em 1em; } .bookmark > a.modify { font-size: 0; color: white; } .bookmark > a.modify:before { content: '\2699'; color: #333; font-size: initial; } .bookmark > a.link > img { height: 1.25em; vertical-align: text-bottom; margin: 0 .5ex; } form.newbookmark, form.modbookmark { margin: .5em 1em; break-inside: avoid; }