summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--static/style.css8
-rw-r--r--templates/images.tmpl11
2 files changed, 11 insertions, 8 deletions
diff --git a/static/style.css b/static/style.css
index 705ac3b..0e2002e 100644
--- a/static/style.css
+++ b/static/style.css
@@ -11,10 +11,12 @@ div#page-menu ul { margin-left: 0; }
div#page-menu a { color: #ccc; text-decoration: none; margin: 0 .5em 0 .5em; }
ul { list-style-type: none; }
-ul.image-list li { display: inline-block; }
-ul.image-list li img { opacity: 1; }
-ul.image-list li img:hover { opacity: .8; }
li { margin-left: 1em; }
+
+.image-list .image { display: inline-block; vertical-align: top; width: 128px; margin: .5em; }
+.image-list .image img { opacity: 1; }
+.image-list .image img:hover { opacity: .8; }
+
p { margin-bottom: 1em; }
code { font-family: monospace; }
blockquote { margin: 1em; display: block; }
diff --git a/templates/images.tmpl b/templates/images.tmpl
index 1dcfc46..c284a1c 100644
--- a/templates/images.tmpl
+++ b/templates/images.tmpl
@@ -12,12 +12,13 @@
#end def
#def content
<p>You have $len($files) uploaded images totaling $total_size.</p>
-<ul class="image-list">
+#if len($files)
+<div class="image-list">
#for file in $files
- <li>$file.image_html</li>
+ <div class="image">$file.image_html</div>
#end for
-#if not len($files)
- <li><em>(No image uploads yet.)</em></li>
+</div>
+#else
+<div><em>(No image uploads yet.)</em></div>
#end if
-</ul>
#end def