Changeset 1002

Timestamp:

11/21/2014 07:57:42 PM (10 years ago)

Author:

iandunn

Message:

WordCamp Coming Soon Page: Add basic responsive styles.

props nvwd, Kau-Boy
See #616

Location:

sites/trunk/wordcamp.org/public_html/wp-content/plugins/wordcamp-coming-soon-page

Files:

• classes/wordcamp-coming-soon-page.php (modified) (2 diffs)
• css/template-coming-soon.css (modified) (4 diffs)

sites/trunk/wordcamp.org/public_html/wp-content/plugins/wordcamp-coming-soon-page/classes/wordcamp-coming-soon-page.php

@@ -87 +87 @@
         <style type="text/css">
             html, body {
-                background-color: <?php echo esc_html( $settings['body_background_color'] ); ?>;
                 color: <?php echo esc_html( $settings['text_color'] ); ?>;
             }
@@ -94 +93 @@
             .widget  {
                 background-color: <?php echo esc_html( $settings['container_background_color'] ); ?>;
+            }
+
+            @media all and ( min-width: 800px ) {
+                html, body {
+                    background-color: <?php echo esc_html( $settings['body_background_color'] ); ?>;
+                }
             }
         </style>

sites/trunk/wordcamp.org/public_html/wp-content/plugins/wordcamp-coming-soon-page/css/template-coming-soon.css

@@ -7 +7 @@
 #wccsp-container {
     max-width: 700px;
-    margin: 50px auto;
+    margin-left: auto;
+    margin-right: auto;
     padding: 40px;
     overflow: auto;
-
-    border: 1px solid black; /* todo box shadow */
 }
     
@@ -25 +24 @@
     
     .wccsp-box {
-        width: 46%;     /* todo temp workaround */
+        width: 100%;
         min-height: 150px;
-        float: left;
         overflow: auto;
         margin: 40px 40px 0 0;
@@ -53 +51 @@
         
         .wccsp-box input[type="text"],
+        .wccsp-box input[type="email"],
         .wccsp-box textarea {
             width: 100%;
@@ -77 +76 @@
             padding-left: 5px;
         }
+
+@media all and ( min-width: 800px ) {
+    #wccsp-container {
+        margin-top: 50px;
+        margin-bottom: 50px;
+        border: 1px solid black; /* todo box shadow */
+    }
+
+        .wccsp-box {
+            float: left;
+            width: 46%;     /* todo temp workaround */
+        }
+}