added basic gallery outline with new style field in admin and made

thumbnails for gallery image select field

1 files changed, 55 insertions, 0 deletions

diff --git a/design/sass/_inbox.scss b/design/sass/_inbox.scss
index 7f44753..f74fc31 100644
--- a/design/sass/_inbox.scss
+++ b/design/sass/_inbox.scss
@@ -13,3 +13,58 @@
     margin-top: 3em;
     @include constrain_wide;
 }
+
+.photo-gallery {
+    margin: 0 auto;
+    margin-top: 1.5em;
+    position: relative; 
+    width: 100%; /* for IE 6 */
+    img {
+        width: 100%;
+        max-width: 100%;
+        padding: 0;
+    }
+    h4 {
+        font-weight: 500;
+        margin: .5em 0;
+        letter-spacing: 1px;
+        font-size: 2em;
+    }
+    time { display: inline; }
+    a { color: inherit;}
+    @include breakpoint(alpha) {
+        div {
+            position: absolute; 
+            bottom: 28%; 
+            left: .35em; 
+            text-align: left;
+        }
+        time {
+            margin-left: .5em; 
+        }
+        h4 {
+            font-size: 2.75em;
+            margin-bottom: 0;
+        }
+        p {
+            line-height: 1.3;
+            max-width: 80%;
+            margin-left: .25em;
+            @include fontsize(18);
+        }
+    }
+    @include breakpoint(beta) {
+        div {
+            bottom: 22%; 
+        }
+    }
+    @include breakpoint(gamma) {
+        div {
+            bottom: 20%; 
+        }
+        p {
+            max-width: 40%;
+        }
+        @include constrain_wide;
+    }
+}