diff options
| author | Jon Bergli Heier <snakebite@jvnv.net> | 2012-12-16 14:59:49 +0100 |
|---|---|---|
| committer | Jon Bergli Heier <snakebite@jvnv.net> | 2012-12-16 14:59:49 +0100 |
| commit | 9233792826076afbf9b03d80f7f263c3cf807f23 (patch) | |
| tree | 50f1aaf269f060364c521dfc2254d4457bf871ed | |
| parent | 7aa6f36e6df3fed026e7a802c79bd945bce9a8c4 (diff) | |
Make image thumbnail tiles consistent in width.
| -rw-r--r-- | static/style.css | 8 | ||||
| -rw-r--r-- | templates/images.tmpl | 11 |
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 |