2 box-sizing: border-box;
5 button { padding: .125em .5em; }
6 a { color: inherit; text-decoration: none;}
12 vertical-align: bottom;
14 input[type=number] { padding-right: 0; }
15 input[type=radio], input[type=checkbox] { vertical-align: baseline; }
20 select[multiple] { padding: 0; }
21 select[multiple] option { padding: .25em .5em; }
25 background-color: black;
30 #multitag, #advsearch {
36 background-color: #333;
48 background-color: #333;
50 border-bottom: 1px solid;
53 #search { display: inline; }
61 a[href="#bookmarks"] {
67 a[href="#advsearch"] {
70 a[href="#advsearch"]:before {
77 right: 0; width: 13em;
96 background-color: inherit;
99 #prefs label[for=prefs_ps] {
109 #prefs input { vertical-align: top; }
110 #prefs input[type=radio] + label,
111 #prefs input[type=checkbox] + label {
112 display: inline-block;
121 border-bottom: 1px solid;
123 #advsearch a[href="#"] {
126 background-color: inherit;
127 border-bottom: 1px solid;
135 margin: -1em .625em 1em .625em;
137 background-color: #444;
142 #advsearch input.and {display: none;}
143 #advsearch input.and + label {display: none}
144 #advsearch input.and + label + .select {display: none;}
146 #advsearch input.and + label:nth-of-type(2),
147 #advsearch input.and:checked + label + .select + input + label {
148 display: inline-block;
150 margin: 0 .5% 1em .5%;
151 width: 4%; min-width: 4em;
158 #advsearch input.and:checked + label + .select + input:checked + label,
159 #advsearch input.and:checked + label:nth-of-type(2),
160 #advsearch input.and:checked + label { display: none; }
163 #advsearch input.and + label + .select:first-of-type,
164 #advsearch input.and:checked + label + .select {
165 display: inline-block;
168 margin: 0 .5% 1em .5%;
176 #advsearch .submit { min-height: 0; }
177 #advsearch .submit * { width: 50%; }
179 #advsearch .select input.pol {
180 margin: .5em .25em 0 .5em;
182 #advsearch .select input.pol + label {
185 #advsearch .select label.head {
188 padding: .5em 0 0 .5em;
189 border-bottom: 1px solid;
192 #advsearch .select select {display: none;}
193 #advsearch .select input.cat { display: none; }
194 #advsearch .select input.cat + label {
199 border-bottom: 1px solid;
201 #advsearch .select input.cat:checked + label {
202 background-color: #444;
204 #advsearch .select input.cat:checked + label + select {
207 top: 3.5em; bottom: 0;
214 display: inline-block;
219 word-wrap: break-word;
230 top: .25em; left: .25em;
231 bottom: .25em; right: .25em;
235 .list.dir:before { background-color: #CCF; }
236 .list.file:before { background-color: #FDD; }
237 .list.file:first-of-type { clear: left; }
246 top: 0; padding: .25em .5em;
248 background-color: rgba(0,0,0,.625);
255 display: inline-block;
261 background-color: #004;
262 padding: .125em .5em;
266 background-color: #400;
267 padding: .125em .5em;
270 .list.file input[type="checkbox"] { display: none; }
271 .list.file input[type="checkbox"] + label {
273 border-radius: .125em;
275 background-color: #FBB;
277 .list.file input[type="checkbox"]:checked + label {
278 background-color: #4F4;
287 display: inline-block;
290 background-color: #FDD;
298 background-color: #333;
299 border-top: 1px solid;
303 #index label:first-of-type { font-weight: bold; }
304 #index input, #index button { margin-left: 1em;}
306 #multitag:target a[href="#"] {
310 background-color: inherit;
313 display: inline-block;
314 width: 25%; min-width: 250px;
319 #multitag fieldset * { width: 100%; }
320 #multitag fieldset button { width: 50%; }