+
+-#advsearch { text-align: center; }
+-#advsearch > * { text-align: left; }
+
+#advsearch .help {
+ width: 95%;
+ margin: 1em auto; padding: 0 .5em;
+ background-color: #444;
+ white-space: pre-line;
+}
+
+#advsearch input.and + label {
+ display: inline-block;
+ vertical-align: top;
+ font-weight: bold;
+}
+#advsearch fieldset.select {
+ display: inline-block;
+ width: 99%;
+ margin: 0 .5%; margin-bottom: .75em; padding: 0 .375em;
+ box-shadow: .125em .125em .25em #000;
+}
+
+#advsearch fieldset.select > label.head {
+ display: none;
+ width: 40%;
+ text-align: right;
+}
+#advsearch fieldset.select > input.cat { display: none; }
+#advsearch fieldset.select > input.cat + label + .catselect { display: none; }
+#advsearch fieldset.select > input.cat + label {
+ display: block;
+ width: 40%;
+ margin: 0; padding: 0 .5em;
+ text-align: right;
+}
+#advsearch fieldset.select > input.cat:checked + label { background-color: #444; }
+#advsearch fieldset.select > input.cat:checked + label + .catselect {
+ display: block; position: absolute;
+ top: 1.5em; bottom: 0; right: 0;
+ width: 60%;
+ padding: 0 .25em;
+ background-color: #444;
+ overflow-y: auto;
+}
+#advsearch fieldset.select > input.cat + label + .catselect > * {
+ display: block;
+ white-space: pre;
+}
+
+#advsearch input.and { display: none; }
+#advsearch input.and + label { display: none; }
+#advsearch input.and + label + fieldset { display: none; }
+#advsearch input.and:checked + label + fieldset,
+#advsearch input.and:first-of-type + label + fieldset { display: inline-block; }
+#advsearch input.and:checked + label + fieldset + input + label,
+#advsearch input.and:first-of-type + label + fieldset + input + label { display: inline-block; }
+#advsearch input.and:checked + label + fieldset + input:checked + label { display: none; }
+#advsearch input.and:first-of-type + label + fieldset + input:checked + label { display: none; }
+
+
+/* ====== MULTITAG DIALOG ====== */
+
+#multitag:target {
+ display: block; position: fixed;
+ bottom: 0; left: 0; width: 100%;
+ height: 30em; max-height: 90vh;
+ background-color: #333;
+ padding: 0 .5em;
+ z-index: 1;
+ box-shadow: .25em .25em .5em #000;
+ overflow-y: auto;
+}
+
+-#multitag { text-align: center; }
+-#multitag > * { text-align: left; }
+
+#multitag fieldset {
+ display: inline-block;
+ width: 99%;
+ margin: 0 .5%; margin-top: 1em;
+}
+
+#multitag fieldset select {
+ width: 100%; height: 10em;
+}
+#multitag fieldset .tagselect {
+ height: 10em;
+ background-color: #444;
+ overflow-y: auto;
+}
+#multitag fieldset .tagselect > label {
+ display: block;
+ white-space: pre;