X-Git-Url: http://git.plutz.net/?p=serve0;a=blobdiff_plain;f=style.css;h=f0a16b5d8f99ae6c2fee56bd1d51d097d23cd6d8;hp=90bb4ea9755b39a47d7bfa3c6a59a76a0f08dc4e;hb=3c586e3fe4da20469de93897d03d41f82cb15b3b;hpb=10c72cceebb66db98ad621181369edfa6294f924

diff --git a/style.css b/style.css
index 90bb4ea..f0a16b5 100644
--- a/style.css
+++ b/style.css
@@ -1,3 +1,7 @@
+* {
+  box-sizing: border-box;
+}
+
 body {
   color: white;
   background-color: black;
@@ -52,3 +56,37 @@ label[for=t_prefs] {
 #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%;
+}