WordPress.org

Making WordPress.org

Changeset 1002


Ignore:
Timestamp:
11/21/2014 07:57:42 PM (7 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:
2 edited

Legend:

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

    r955 r1002  
    8787        <style type="text/css">
    8888            html, body {
    89                 background-color: <?php echo esc_html( $settings['body_background_color'] ); ?>;
    9089                color: <?php echo esc_html( $settings['text_color'] ); ?>;
    9190            }
     
    9493            .widget  {
    9594                background-color: <?php echo esc_html( $settings['container_background_color'] ); ?>;
     95            }
     96
     97            @media all and ( min-width: 800px ) {
     98                html, body {
     99                    background-color: <?php echo esc_html( $settings['body_background_color'] ); ?>;
     100                }
    96101            }
    97102        </style>
  • sites/trunk/wordcamp.org/public_html/wp-content/plugins/wordcamp-coming-soon-page/css/template-coming-soon.css

    r398 r1002  
    77#wccsp-container {
    88    max-width: 700px;
    9     margin: 50px auto;
     9    margin-left: auto;
     10    margin-right: auto;
    1011    padding: 40px;
    1112    overflow: auto;
    12 
    13     border: 1px solid black; /* todo box shadow */
    1413}
    1514   
     
    2524   
    2625    .wccsp-box {
    27         width: 46%;     /* todo temp workaround */
     26        width: 100%;
    2827        min-height: 150px;
    29         float: left;
    3028        overflow: auto;
    3129        margin: 40px 40px 0 0;
     
    5351       
    5452        .wccsp-box input[type="text"],
     53        .wccsp-box input[type="email"],
    5554        .wccsp-box textarea {
    5655            width: 100%;
     
    7776            padding-left: 5px;
    7877        }
     78
     79@media all and ( min-width: 800px ) {
     80    #wccsp-container {
     81        margin-top: 50px;
     82        margin-bottom: 50px;
     83        border: 1px solid black; /* todo box shadow */
     84    }
     85
     86        .wccsp-box {
     87            float: left;
     88            width: 46%;     /* todo temp workaround */
     89        }
     90}
Note: See TracChangeset for help on using the changeset viewer.