diff options
| author | asciimoo <asciimoo@gmail.com> | 2013-10-27 00:12:04 +0200 |
|---|---|---|
| committer | asciimoo <asciimoo@gmail.com> | 2013-10-27 00:12:04 +0200 |
| commit | 4ebf8389e8b35324f4103137cb637ba5d1101d4c (patch) | |
| tree | b05f86955d65163e80ae2cd2f71fa286ab803df3 | |
| parent | be42683cbcc266af498a30abd87ff22ba228b9ba (diff) | |
[enh] more compact image view
| -rw-r--r-- | searx/static/css/style.css | 8 | ||||
| -rw-r--r-- | searx/templates/result_templates/images.html | 2 |
2 files changed, 6 insertions, 4 deletions
diff --git a/searx/static/css/style.css b/searx/static/css/style.css index 010c220f1..47ce2d1b2 100644 --- a/searx/static/css/style.css +++ b/searx/static/css/style.css @@ -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; } diff --git a/searx/templates/result_templates/images.html b/searx/templates/result_templates/images.html index 446bbfef5..1f15ff2bb 100644 --- a/searx/templates/result_templates/images.html +++ b/searx/templates/result_templates/images.html @@ -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> |