+* {
+ box-sizing: border-box;
+}
+
body {
color: white;
background-color: black;
#prefs button {
margin-top: 1em;
}
+#prefs input { vertical-align: top; }
+#prefs input[type=radio] + label,
+#prefs input[type=checkbox] + label {
+ display: inline-block;
+ margin-bottom: .5em;
+ max-width: 85%;
+}
+
+.list {
+ position: relative;
+ display: inline-block;
+ width: 25%;
+ min-width: 250px;
+ padding: .5em 1em;
+ margin: 0;
+ overflow: none;
+ word-wrap: break-word;
+ vertical-align: top;
+}
+.list, .list a { color: black; }
+.list:before {
+ position: absolute;
+ top: .25em; left: .25em;
+ bottom: .25em; right: .25em;
+ z-index: -2;
+ content: '';
+}
+.list.dir:before { background-color: #CCF; }
+.list.file:before { background-color: #FDD; }
+
+.list.file img {
+ display: block;
+ width: 100%;
+}