[geany/www.geany.org] 46e697: Use rounded corners and a little box shadow on theme preview images

[Enrico Tröger]

Branch:      refs/heads/master
Author:      Enrico Tröger <enrico.troeger at uvena.de>
Committer:   Enrico Tröger <enrico.troeger at uvena.de>
Date:        Sat, 06 Jul 2019 13:27:16 UTC
Commit:      46e697136dd9d7be028b0454dcd972ed3d93b8fb
             https://github.com/geany/www.geany.org/commit/46e697136dd9d7be028b0454dcd972ed3d93b8fb

Log Message:
-----------
Use rounded corners and a little box shadow on theme preview images

Also add a little margin between the images and the text below.
Closes #13.


Modified Paths:
--------------
    static_docs/templates/pages/download/themes.html

Modified: static_docs/templates/pages/download/themes.html
6 lines changed, 4 insertions(+), 2 deletions(-)
===================================================================
@@ -5,8 +5,10 @@
 {% block extra_css %}
 <link rel="stylesheet" href="{% static "mezzanine/css/magnific-popup.css" %}">
 <style>
-    .img-thumbnail {
+    .img-rounded {
         cursor: zoom-in;
+        box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5);
+        margin-bottom: 5px;
     }
 </style>
 {% endblock %}
@@ -29,7 +31,7 @@ <h3>Available Themes</h3>
                 <a href="{{ theme.screenshot }}" title="{{ theme.name }} - {{ theme.description }}">
                     <img
                         src="data:image/png;base64,{{ theme.thumbnail }}"
-                        class="img-responsive img-thumbnail center-block"
+                        class="img-responsive img-rounded center-block"
                         alt="Thumbnail of colorscheme {{ theme.name }}" />
                 </a>
                 <div class="text-center">{{ theme.description }}</div>



--------------
This E-Mail was brought to you by github_commit_mail.py (Source: https://github.com/geany/infrastructure).