gistfile1.txt

commit 53cd7e1fe94addb4c67bd69d96ac32fe40c270ef
Author: Eric Andrew Lewis <eric.andrew.lewis@gmail.com>
Date:   Wed Feb 19 11:39:03 2014 -0500

    Hide newsletter signup form; add overlay for it

diff --git a/themes/times-journeys/css/base.css b/themes/times-journeys/css/base.css
index c7068c2..2f0dabc 100644
--- a/themes/times-journeys/css/base.css
+++ b/themes/times-journeys/css/base.css
@@ -6223,6 +6223,20 @@ ul.gfield_checkbox label {
   text-transform: uppercase;
   width: 100%;
 }
+.newsletter-signup.hidden {
+  display: none;
+}
+.newsletter-signup-overlay {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 100;
+}
+.newsletter-signup-overlay.hidden {
+  display: none;
+}
 @media (max-width: 1170px) {
   .nyt-sister-brand-extensions {
     display: none;
diff --git a/themes/times-journeys/footer.php b/themes/times-journeys/footer.php
index 3e192ba..4fdd398 100644
--- a/themes/times-journeys/footer.php
+++ b/themes/times-journeys/footer.php
@@ -14,7 +14,7 @@
 		</ul>
 		<div>
 			<!-- Get and display footer text -->
-			
+
 			<p class="footer-text">
 				<?php
 					$footer_options = get_option( 'general_settings' );
@@ -31,7 +31,7 @@
 		</ul>
 	</div>
 </div>
-<div class="newsletter-signup">
+<div class="newsletter-signup hidden">
 	<form method="post" target="" action"">
 		<div class="form-body">
 			<ul class="list-reset form-fields">
@@ -54,5 +54,6 @@
 		</div>
 	</form>
 </div>
+<div class="newsletter-signup-overlay hidden"></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/themes/times-journeys/less/footer.less b/themes/times-journeys/less/footer.less
index b31b526..0e1683a 100644
--- a/themes/times-journeys/less/footer.less
+++ b/themes/times-journeys/less/footer.less
@@ -96,7 +96,21 @@
 		text-transform: uppercase;
 		width: 100%;
 	}
+	&.hidden {
+		display: none;
+	}
+}
 
+.newsletter-signup-overlay {
+	position: fixed;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	z-index: 100;
+	&.hidden {
+		display: none;
+	}
 }
 
 @media (max-width: 1170px) {