2 box-sizing: border-box;
5 button { padding: .125em .5em; }
6 a { color: inherit; text-decoration: none;}
10 background-color: black;
14 #prefs, #bookmarks, #multitag {
29 background-color: #333;
31 border-bottom: 1px solid;
34 #search { display: inline; }
42 a[href="#bookmarks"] {
48 a[href="#advsearch"] {
51 a[href="#advsearch"]:before {
58 right: 0; width: 13em;
61 background-color: #333;
70 #prefs:target a[href="#"] {
73 top: -1.5em; right: -.5em;
78 background-color: #333;
82 #prefs label[for=prefs_ps] {
92 #prefs input { vertical-align: top; }
93 #prefs input[type=radio] + label,
94 #prefs input[type=checkbox] + label {
95 display: inline-block;
102 display: inline-block;
107 word-wrap: break-word;
118 top: .25em; left: .25em;
119 bottom: .25em; right: .25em;
123 .list.dir:before { background-color: #CCF; }
124 .list.file:before { background-color: #FDD; }
125 .list.file:first-of-type { clear: left; }
134 top: 0; padding: .25em .5em;
136 background-color: rgba(0,0,0,.625);
143 display: inline-block;
149 background-color: #004;
150 padding: .125em .5em;
154 background-color: #400;
155 padding: .125em .5em;
158 .list.file input[type="checkbox"] { display: none; }
159 .list.file input[type="checkbox"] + label {
161 border-radius: .125em;
163 background-color: #FBB;
165 .list.file input[type="checkbox"]:checked + label {
166 background-color: #4F4;
175 display: inline-block;
178 background-color: #FDD;
186 background-color: #333;
187 border-top: 1px solid;
191 #index label:first-of-type { font-weight: bold; }
192 #index input, #index button { margin-left: 1em;}
194 #multitag:target a[href="#"] {
198 background-color: #333;
201 display: inline-block;
202 width: 25%; min-width: 250px;
207 #multitag fieldset * { width: 100%; }
208 #multitag fieldset button { width: 50%; }