Branch: refs/heads/master Author: Enrico Tröger enrico.troeger@uvena.de Committer: Enrico Tröger enrico.troeger@uvena.de Date: Sat, 06 Jul 2019 13:27:16 UTC Commit: 46e697136dd9d7be028b0454dcd972ed3d93b8fb https://github.com/geany/www.geany.org/commit/46e697136dd9d7be028b0454dcd972...
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).