Merge pull request #366 from mikaelcarrara/improv-mailing-form

jzimdars · jzimdars · commit 55cbe5f0209d · 2013-11-22T06:28:15.000-08:00
Improv mailing form #357
diff --git a/stylesheets/main.css b/stylesheets/main.css
@@ -485,3 +485,58 @@ hr.hidden-modern { display: none; }
     background-size: 62px 62px;
   }
 }
+
+
+/* Subscription Form */
+
+#subscriptions-form table input {
+  border-radius: 4px;
+  height: 36px;
+  line-height: 36px;
+  font-family: Arial, sans-serif;
+  padding: 0 10px 0 10px;
+  border: 1px solid #ccc;
+  color: #666;
+  outline: none;
+}
+
+#subscriptions-form { margin: 20px 0 30px 0; }
+
+#subscriptions-form table input {
+  width: 260px;
+  font-size: 14px;
+}
+
+#subscriptions-form table input,
+#subscriptions-form table select { margin-left: 15px; }
+
+#subscriptions-form td { min-width: 120px; }
+
+#subscriptions-form table tr {
+  width: 94%;
+  font-size: 14px;
+  margin-top: 2px;
+  background: #f6f6f6;
+  padding: 5px 3% 5px 3%;
+  color: #666;
+  float: left;
+}
+
+.buttons .button {
+  border-radius: 4px;
+  padding: 0 10px 0 10px;
+  line-height: 36px;
+  border: none;
+  border-bottom: 2px solid #973329;
+  background: #bc3f33;
+  font-family: Arial, sans-serif;
+  font-size: 14px;
+  height: 36px;
+  display: inline-block;
+  margin: 15px 0 0 0;
+  color: #fff;
+  outline: none;
+  cursor: pointer;
+}
+
+.button:hover { opacity: .7; }
diff --git a/stylesheets/mobile.css b/stylesheets/mobile.css
@@ -153,6 +153,21 @@
 
   #header div.site-links a + a { border-top-color: #7c7874; }
   #header div.site-links.open a.menu { background-color: #433f3c; }
+  
+  #subscriptions-form tr,
+  #subscriptions-form td {
+    min-width: auto !important;
+    width: 100%;
+    display: block;
+  }
+
+  #subscriptions-form table input {
+    width: 94% !important;
+    padding: 0 3% 0 3% !important;
+  }
+  
+  #subscriptions-form table input,
+  #subscriptions-form table select { margin-left: 0 !important; }
 
   #sidebar {
     border: none;
