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;
31 #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;
134 margin: -1em .625em 1em .625em;
136 background-color: #444;
140 #advsearch input.and {display: none;}
141 #advsearch input.and + label {display: none}
142 #advsearch input.and + label + .select {display: none;}
144 #advsearch input.and + label:nth-of-type(2),
145 #advsearch input.and:checked + label + .select + input + label {
146 display: inline-block;
148 margin: 0 .5% 1em .5%;
149 width: 4%; min-width: 4em;
156 #advsearch input.and:checked + label + .select + input:checked + label,
157 #advsearch input.and:checked + label:nth-of-type(2),
158 #advsearch input.and:checked + label { display: none; }
161 #advsearch input.and + label + .select:first-of-type,
162 #advsearch input.and:checked + label + .select {
163 display: inline-block;
166 margin: 0 .5% 1em .5%;
173 #advsearch .submit { min-height: 0; }
174 #advsearch .submit * { width: 50%; }
176 #advsearch .select input.pol {
177 margin: .5em .25em 0 .5em;
179 #advsearch .select input.pol + label {
182 #advsearch .select label.head {
185 padding: .5em 0 0 .5em;
186 border-bottom: 1px solid;
189 #advsearch .select select {display: none;}
190 #advsearch .select input.cat { display: none; }
191 #advsearch .select input.cat + label {
196 border-bottom: 1px solid;
198 #advsearch .select input.cat:checked + label {
199 background-color: #444;
201 #advsearch .select input.cat:checked + label + select {
204 top: 3.5em; bottom: 0;
211 display: inline-block;
216 word-wrap: break-word;
227 top: .25em; left: .25em;
228 bottom: .25em; right: .25em;
232 .list.dir:before { background-color: #CCF; }
233 .list.file:before { background-color: #FDD; }
234 .list.file:first-of-type { clear: left; }
243 top: 0; padding: .25em .5em;
245 background-color: rgba(0,0,0,.625);
252 display: inline-block;
258 background-color: #004;
259 padding: .125em .5em;
263 background-color: #400;
264 padding: .125em .5em;
267 .list.file input[type="checkbox"] { display: none; }
268 .list.file input[type="checkbox"] + label {
270 border-radius: .125em;
272 background-color: #FBB;
274 .list.file input[type="checkbox"]:checked + label {
275 background-color: #4F4;
285 display: inline-block;
288 background-color: #FDD;
295 background-color: #333;
296 border-top: 1px solid;
300 #index label:first-of-type { font-weight: bold; }
301 #index input, #index button { margin-left: 1em;}
303 #multitag:target a[href="#"] {
307 background-color: inherit;
310 display: inline-block;
311 width: 25%; min-width: 250px;
316 #multitag fieldset * { width: 100%; }
317 #multitag fieldset button { width: 50%; }