[enh] more compact image view

This commit is contained in:
asciimoo 2013-10-27 00:12:04 +02:00
parent be42683cbc
commit 4ebf8389e8
2 changed files with 6 additions and 4 deletions

View File

@ -84,5 +84,9 @@ a { text-decoration: none; }
.invisible { display: none; }
.image_result { float: left; max-width: 250px; margin: 10px; height: 380px; min-width: 250px; }
.image_result img { max-width: 240px; max-height: 320px; border: 2px solid #000000; }
.image_result { float: left; margin: 10px 10px; position: relative; height: 160px;}
.image_result img { border: 0; height: 160px;}
.image_result p { margin: 0; padding: 0; }
.image_result p span a { display: none; }
.image_result p span a { color: #FFFFFF; }
.image_result p:hover span a { display: block; position: absolute; bottom: 0; right: 0; padding: 4px; background-color: rgba(0, 0, 0, 0.6); font-size: 0.7em; }

View File

@ -1,8 +1,6 @@
<div class="image_result">
<p>
<span class="engines">{{ result.engine }}</span><br />
<a href="{{ result.img_src }}"><img src="{{ result.img_src }}" title={{ result.title }}/></a>
<br />
<span class="url"><a href="{{ result.url }}" class="small_font">original context</a></span>
</p>
</div>