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; max-width: 100%;
66 background-color: #333;
78 #advsearch { text-align: center; }
80 #advsearch:target, #multitag:target,
81 #prefs:target, #bookmarks:target {
85 #advsearch:target { border-style: none none solid none; }
86 #prefs:target { border-style: none none solid solid; }
87 #bookmarks:target { border-style: none solid solid none; }
89 #advsearch a[href="#"],
90 #multitag a[href="#"],
91 #bookmarks a[href="#"],
95 top: -2em; line-height: 2em;
96 margin: 0 -1em -1.5em -1em;
99 background-color: inherit;
101 #prefs a[href="#"] { text-align: right; }
102 #advsearch a[href="#"] { border-bottom: 1px solid; }
103 #multitag a[href="#"] { top: -1em; line-height: 1em; }
105 #prefs label[for=prefs_ps] {
115 #prefs input { vertical-align: top; }
116 #prefs input[type=radio] + label,
117 #prefs input[type=checkbox] + label {
118 display: inline-block;
125 margin: -1em .625em 1em .625em;
127 background-color: #444;
131 #advsearch input.and {display: none;}
132 #advsearch input.and + label {display: none}
133 #advsearch input.and + label + .select {display: none;}
135 #advsearch input.and + label:nth-of-type(2),
136 #advsearch input.and:checked + label + .select + input + label {
137 display: inline-block;
139 margin: 0 .5% 1em .5%;
140 width: 4%; min-width: 4em;
147 #advsearch input.and:checked + label + .select + input:checked + label,
148 #advsearch input.and:checked + label:nth-of-type(2),
149 #advsearch input.and:checked + label { display: none; }
152 #advsearch input.and + label + .select:first-of-type,
153 #advsearch input.and:checked + label + .select {
154 display: inline-block;
157 margin: 0 .5% 1em .5%;
164 #advsearch .submit { min-height: 0; }
165 #advsearch .submit * { width: 50%; }
167 #advsearch .select input.pol {
168 margin: .5em .25em 0 .5em;
170 #advsearch .select input.pol + label {
173 #advsearch .select label.head {
176 padding: .5em 0 0 .5em;
177 border-bottom: 1px solid;
180 #advsearch .select select {display: none;}
181 #advsearch .select input.cat { display: none; }
182 #advsearch .select input.cat + label {
187 border-bottom: 1px solid;
189 #advsearch .select input.cat:checked + label {
190 background-color: #444;
192 #advsearch .select input.cat:checked + label + select {
195 top: 3.5em; bottom: 0;
202 display: inline-block;
207 word-wrap: break-word;
218 top: .25em; left: .25em;
219 bottom: .25em; right: .25em;
223 .list.dir:before { background-color: #CCF; }
224 .list.file:before { background-color: #FDD; }
225 .list.file:first-of-type { clear: left; }
234 top: 0; padding: .25em .5em;
236 background-color: rgba(0,0,0,.625);
243 display: inline-block;
249 background-color: #004;
250 padding: .125em .5em;
254 background-color: #400;
255 padding: .125em .5em;
258 .list.file input[type="checkbox"] { display: none; }
259 .list.file input[type="checkbox"] + label {
261 border-radius: .125em;
263 background-color: #FBB;
265 .list.file input[type="checkbox"]:checked + label {
266 background-color: #4F4;
276 display: inline-block;
279 background-color: #FDD;
286 background-color: #333;
287 border-top: 1px solid;
291 #index label:first-of-type { font-weight: bold; }
292 #index input, #index button { margin-left: 1em;}
295 display: inline-block;
296 width: 25%; min-width: 250px;
301 #multitag fieldset * { width: 100%; }
302 #multitag fieldset button { width: 50%; }