2 box-sizing: border-box;
6 button { padding: .125em .5em; }
7 a { color: inherit; text-decoration: none;}
13 vertical-align: bottom;
15 input[type=number] { padding-right: 0; }
16 input[type=radio], input[type=checkbox] { vertical-align: baseline; }
21 select[multiple] { padding: 0; }
22 select[multiple] option { padding: .25em .5em; }
26 background-color: black;
32 background-color: #333;
34 border-bottom: 1px solid;
37 #search { display: inline; }
45 a[href="#bookmarks"] {
51 a[href="#advsearch"] {
54 a[href="#advsearch"]:before {
59 #prefs, #bookmarks, #multitag, #advsearch {
60 display: block; position: absolute;
61 height: 0; width: 100%; max-width: 100%;
66 background-color: #333;
83 #advsearch:target, #multitag:target,
84 #prefs:target, #bookmarks:target {
85 height: auto; overflow: visible;
87 #advsearch:target { border-style: none none solid none; }
88 #prefs:target { border-style: none none solid solid; }
89 #bookmarks:target { border-style: none solid solid none; }
91 #advsearch a[href="#"],
92 #multitag a[href="#"],
93 #bookmarks a[href="#"],
97 top: -2em; line-height: 2em;
98 margin: 0 -1em -1.5em -1em;
101 background-color: inherit;
103 #prefs a[href="#"] { text-align: right; }
104 #advsearch a[href="#"] { border-bottom: 1px solid; }
105 #multitag a[href="#"] { top: -1em; line-height: 1em; }
108 /* ### Preferences Drawer ### */
110 #prefs label[for=prefs_ps] {
120 #prefs input { vertical-align: top; }
121 #prefs input[type=radio] + label,
122 #prefs input[type=checkbox] + label {
123 display: inline-block;
129 /* ### Bookmarks Drawer ### */
133 margin-bottom: 1.25em;
140 display: inline-block;
142 text-decoration: underline;
143 margin: 0 1em 1.25em 0;
147 /* ### Advance Search Drawer ###*/
151 margin: -1em .5em 1em .5em;
153 background-color: #444;
157 #advsearch input.and {display: none;}
158 #advsearch input.and + label {display: none}
159 #advsearch input.and + label + .select {display: none;}
161 #advsearch input.and + label:nth-of-type(2),
162 #advsearch input.and:checked + label + .select + input + label {
163 display: inline-block;
165 margin: 0 .5% 1em .5%;
166 width: 4%; min-width: 4em;
173 #advsearch input.and:checked + label + .select + input:checked + label,
174 #advsearch input.and:checked + label:nth-of-type(2),
175 #advsearch input.and:checked + label { display: none; }
178 #advsearch input.and + label + .select:first-of-type,
179 #advsearch input.and:checked + label + .select {
180 display: inline-block;
183 margin: 0 .5% 1em .5%;
190 #advsearch .submit { min-height: 0; }
191 #advsearch .submit * { width: 50%; }
193 #advsearch .select input.pol {
194 margin: .5em .25em 0 .5em;
196 #advsearch .select input.pol + label {
199 #advsearch .select label.head {
202 padding: .5em 0 0 .5em;
203 border-bottom: 1px solid;
206 #advsearch .select select {display: none;}
207 #advsearch .select input.cat { display: none; }
208 #advsearch .select input.cat + label {
213 border-bottom: 1px solid;
215 #advsearch .select input.cat:checked + label {
216 background-color: #444;
218 #advsearch .select input.cat:checked + label + select {
221 top: 3.5em; bottom: 0;
227 /* ### Item Listing ### */
231 display: inline-block;
236 word-wrap: break-word;
247 top: .25em; left: .25em;
248 bottom: .25em; right: .25em;
252 .list.dir:before { background-color: #CCF; }
253 .list.file:before { background-color: #FDD; }
254 .list.file:first-of-type { clear: left; }
263 top: 0; padding: .25em .5em;
265 background-color: rgba(0,0,0,.625);
272 display: inline-block;
278 background-color: #004;
279 padding: .125em .5em;
283 background-color: #400;
284 padding: .125em .5em;
287 .list.file input[type="checkbox"] { display: none; }
288 .list.file input[type="checkbox"] + label {
290 border-radius: .125em;
292 background-color: #FBB;
294 .list.file input[type="checkbox"]:checked + label {
295 background-color: #4F4;
305 display: inline-block;
308 background-color: #FDD;
315 background-color: #333;
316 border-top: 1px solid;
320 #index label:first-of-type { font-weight: bold; }
321 #index input, #index button { margin-left: 1em;}
324 /* ### Multi Tagging Drawer ### */
327 display: inline-block;
328 width: 25%; min-width: 250px;
333 #multitag fieldset * { width: 100%; }
334 #multitag fieldset button { width: 50%; }