Add Post View Styling

2 files changed, 23 insertions, 1 deletions

diff --git a/layouts/shortcodes/fancybox.html b/layouts/shortcodes/fancybox.html
index d9fa783..d558180 100644
--- a/layouts/shortcodes/fancybox.html
+++ b/layouts/shortcodes/fancybox.html
@@ -51,6 +51,9 @@
     {{ $caption  := $.Scratch.Get "caption" }}
     {{ $gallery := $.Scratch.Get "gallery" }}
 
-    <a data-fancybox="{{ $gallery }}" href="{{ $path }}/{{ $file }}" data-caption="{{ $caption }}"><img src="{{ $path }}/{{ $file }}"></a>
+    <div class="fancybox">
+      <a data-fancybox="{{ $gallery }}" href="{{ $path }}/{{ $file }}" data-caption="{{ $caption }}"><img src="{{ $path }}/{{ $file }}"></a>
+      <div class="caption">{{ $caption }}</div>
+    </div>
   {{ end }}
 {{ end }}
diff --git a/static/css/add-on.css b/static/css/add-on.css
index c584bac..677c010 100644
--- a/static/css/add-on.css
+++ b/static/css/add-on.css
@@ -383,3 +383,22 @@ ul.pagination li {
         transition: opacity .3s 0s, visibility 0s 0s;
         opacity: .5;
     }
+
+    .fancybox {
+      width: 85%;
+      padding: .5em;
+      background: #ddd;
+      margin: auto;
+    }
+
+        .fancybox a {
+          border: 0;
+        }
+
+        .fancybox .caption {
+          margin: 0;
+          line-height: .5em;
+          color: #777;
+          text-align: center;
+          font-style: italic;
+        }