diff options
| author | Hauke Stieler <mail@hauke-stieler.de> | 2019-03-30 02:59:57 +0300 |
|---|---|---|
| committer | Hauke Stieler <mail@hauke-stieler.de> | 2019-03-30 02:59:57 +0300 |
| commit | 5ebdd2fea47d0ca1b2704a61e6382dc7db199ff5 (patch) | |
| tree | 09239d57a2f3b620862ab000db57e309045e6e35 | |
| parent | 1303d59241187d04b3b30d7147f4859fcadeb5f7 (diff) | |
Add border aroung embedded imaged
| -rw-r--r-- | layouts/shortcodes/img.html | 2 | ||||
| -rw-r--r-- | layouts/shortcodes/imgScale.html | 2 | ||||
| -rw-r--r-- | static/css/color-theme.css | 11 | ||||
| -rw-r--r-- | static/css/main.css | 5 |
4 files changed, 18 insertions, 2 deletions
diff --git a/layouts/shortcodes/img.html b/layouts/shortcodes/img.html index b1cee32..e195301 100644 --- a/layouts/shortcodes/img.html +++ b/layouts/shortcodes/img.html @@ -13,7 +13,7 @@ <figure> <a href={{ $image.Permalink }} target="_blank"> <center> - <img src={{ $image.Permalink }}> + <img class="embedded-image" src={{ $image.Permalink }}> </center> </a> <figcaption> diff --git a/layouts/shortcodes/imgScale.html b/layouts/shortcodes/imgScale.html index 7c155af..e8600c1 100644 --- a/layouts/shortcodes/imgScale.html +++ b/layouts/shortcodes/imgScale.html @@ -17,7 +17,7 @@ <figure> <a href={{ $originalImage.Permalink }} target="_blank"> <center> - <img src={{ $scaledImage.Permalink }}> + <img class="embedded-image" src={{ $scaledImage.Permalink }}> </center> </a> <figcaption> diff --git a/static/css/color-theme.css b/static/css/color-theme.css index 95d42d0..b7ce984 100644 --- a/static/css/color-theme.css +++ b/static/css/color-theme.css @@ -2,10 +2,12 @@ From material design color palette: #dcedc8 - Light Green 100 +#9ccc65 - Light Green 400 #558b2f - Light Green 800 #bdbdbd - Gray 400 #757575 - Gray 600 +#424242 - Gray 800 #000000 - Black */ @@ -142,3 +144,12 @@ a.btn-primary.disabled:focus { background-color: #424242; color: #fff; } + +.embedded-image { + border: 1px solid #dcedc8; +} + +.embedded-image:hover, +.embedded-image:focus { + border: 1px solid #9ccc65; +} diff --git a/static/css/main.css b/static/css/main.css index 2f2bb68..a70f1c4 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -342,3 +342,8 @@ I don't use the default pager-class because I want to use the normal buttons wit width: 1170px; } } + +/* Images */ +.embedded-image { + padding: 5px; +} |