* { /* RESET */
- font-size: 12pt;
margin: 0;
padding: 0;
text-decoration: none;
color: #333;
}
+.modbookmark,
.modfolder {
display: block;
position: fixed;
background-color: #ACF;
word-spacing: -.5ex;
}
+.modbookmark:before,
.modfolder:before {
display: block;
content: '';
background-color: white;
z-index: -1;
}
+.modbookmark + *:after,
.modfolder + *:after {
content: ' ';
position: fixed;
top: 0; bottom: 0; left: 0; right: 0;
background-color: rgba(0,0,0,.5);
}
+.modbookmark > *,
.modfolder > * { word-spacing: 0; }
+.modbookmark > h1,
.modfolder > h1 {
background-color: transparent;
text-align: left;
padding-left: .25em;
}
+.modbookmark > .tab,
.modfolder > .tab {
display: inline-block;
width: 33%;
border: 1px solid black;
border-radius: .5em .5em 0 0;
}
+.modbookmark > .tab {
+ width: 49.5%;
+}
+.modbookmark > label.tab,
.modfolder > label.tab { border-bottom: 0px; }
+.modbookmark > a.tab,
.modfolder > 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,
.modfolder > input {
text-align: left;
margin: 1em 0 0 1em;
}
-.modfolder > label:nth-of-type(2){
+.modbookmark > label:nth-of-type(2),
+.modbookmark > label:nth-of-type(3),
+.modfolder > label:nth-of-type(2) {
font-weight: bold;
}
+.modbookmark > select,
.modfolder > select {
width: 10em;
max-width: 95%;
}
+.modbookmark > input,
.modfolder > input {
width: 28em;
max-width: 95%;
}
+.modbookmark > button,
+.modbookmark > select,
.modfolder > button {
display: inline-block;
float: right;
}
.bookmark {
+ position: relative;
width: 16em;
display: inline-block;
margin: .5em 1em;
content: '\2699';
color: #333;
}
+.bookmark > a.bmove {
+ display: none;
+ color: transparent;
+ overflow: hidden;
+ vertical-align: top;
+ font-size: 0;
+}
+.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.link { margin-left: 0;}
.bookmark > a.link > img {
height: 1.25em;
vertical-align: text-bottom;
margin: 0 .5ex;
}
-form.newbookmark,
-form.modbookmark {
+form.newbookmark {
margin: .5em 1em;
break-inside: avoid;
}