footer background w extra elements

diff --git a/styles.css b/styles.css
index b6c3322..4276465 100644 (file)
--- a/styles.css
+++ b/styles.css
@@ -343,11 +343,17 @@ body {
     font-weight: bold;
     }
 #copyright {
-    padding: 10px;
+    margin-bottom: 1em;
+    }
+#copyright .columns div {
     text-align: center;
+    background: rgba(255, 255, 255, .5);
+    border-radius: 5px;
     }
 #copyright p {
     font-size: 13px;
+    margin: 0;
+    padding: 10px;
     }
 /* Image Upload Icons */
 .file-download, .download {

diff --git a/templates/template.html b/templates/template.html
index eaf68bc..c17bef6 100644 (file)
--- a/templates/template.html
+++ b/templates/template.html
@@ -171,7 +171,11 @@ $(function() {
                 </div>
             </div>
             <div class="row" id="copyright">
-                <p>Copyright&copy;2014, All Rights Reserved. Produced by <a href="http://www.gaslightmedia.com/">Gaslight Media.</a></p>
+                <div class="columns">
+                    <div>
+                        <p>Copyright&copy;2014, All Rights Reserved. Produced by <a href="http://www.gaslightmedia.com/">Gaslight Media.</a></p>
+                    </div>
+                </div>
             </div>
         </section>
         <a class="exit-off-canvas"></a>