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

diff --git a/style.css b/style.css
index 90bb4ea..bcd6e37 100644
--- a/style.css
+++ b/style.css
@@ -1,3 +1,7 @@
+* {
+  box-sizing: border-box;
+}
+
 body {
   color: white;
   background-color: black;
@@ -52,3 +56,51 @@ 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%;
+}
+
+.itemlist { overflow: hidden;}
+.list {
+  position: relative;
+  display: block; float: left;
+  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.file:first-of-type { clear: left; }
+.list.dir:before { background-color: #CCF; }
+.list.file:before { background-color: #FDD; }
+
+.list.file img {
+  display: block;
+  width: 100%;
+}
+.pagination {
+  display: block;
+  text-align: center;
+  margin-top: 1em;
+}
+.page {
+  display: inline-block;
+  padding: .25em .5em;
+  background-color: #FAA;
+  border: 1px solid;
+}
+.page:nth-of-type(1) {clear: left;}