WordPress.org

Making WordPress.org

Ticket #616: 616.patch

File 616.patch, 2.7 KB (added by nvwd, 7 years ago)
  • template-coming-soon.css

     
    44        text-align: center;
    55}
    66
     7h1 ~ p {
     8        margin-bottom: 40px;
     9}
     10
    711#wccsp-container {
    8         max-width: 700px;
    9         margin: 50px auto;
    10         padding: 40px;
    1112        overflow: auto;
     13        padding: 1em;
     14}
    1215
    13         border: 1px solid black; /* todo box shadow */
     16#wccsp-image {
     17        display: block;
     18        max-width: 100%;
     19        margin: 0 auto 40px auto;
    1420}
    15        
    16         #wccsp-image {
    17                 display: block;
    18                 max-width: 100%;
    19                 margin: 0 auto 40px auto;
     21
     22.wccsp-box {
     23        border: 1px solid black;
     24        margin-bottom: 1em;
     25        overflow: auto;
     26        padding: 1em;
     27}
     28
     29.wccsp-box .widget {
     30        margin: 0;
     31        padding: 0;
     32}
     33
     34.wccsp-box h2 {
     35        margin-top: 0;
     36}
     37
     38.wccsp-box input[type="text"],
     39.wccsp-box input[type="email"],
     40.wccsp-box textarea {
     41        width: 100%;
     42        margin-bottom: 1em;
     43        padding: 2px 3px;
     44}
     45
     46.wccsp-box .jetpack_subscription_widget input {
     47        margin-bottom: 0;
     48}
     49
     50.wccsp-box p[class*="submit"], .wccsp-box p[id*="submit"] {
     51        margin-bottom: 0;
     52        text-align: center;
     53}
     54
     55.wccsp-box input[type="submit"] {
     56        margin: 0 auto;
     57        text-align: center;
     58}
     59
     60.wccsp-box textarea {
     61        height: 8em;
     62}
     63
     64.grunion-field-label span {
     65        padding-left: 5px;
     66}
     67
     68@media screen and ( min-width: 550px ) {
     69        #wccsp-container {
     70                padding: 40px;
    2071        }
    21        
    22         #wccsp-introduction {
    23                 margin-bottom: 0;
     72        .wccsp-box {
     73                margin-bottom: 40px;
    2474        }
    25        
     75}
     76@media screen and ( min-width: 600px ) {
    2677        .wccsp-box {
    27                 width: 46%;             /* todo temp workaround */
     78                width: calc( 50% - 20px );
    2879                min-height: 150px;
    2980                float: left;
    30                 overflow: auto;
    31                 margin: 40px 40px 0 0;
     81                margin: 0 40px 40px 0;
    3282                padding: 15px;
    33        
    34                 border: 1px solid black;        /* todo box shadow */
     83                border: 1px solid black; /* todo box shadow */
    3584        }
    36        
    37                 #wccsp-container .wccsp-box:last-child {
    38                         margin-right: 0;
    39                 }
    40                
    41                 .wccsp-box .widget {
    42                         margin: 0;
    43                         padding: 0;
    44                 }
    45        
    46                 .wccsp-box h2 {
    47                         margin-top: 0;
    48                 }
    49                
    50                 .wccsp-box p:last-child {
    51                         margin-bottom: 0;
    52                 }
    53                
    54                 .wccsp-box input[type="text"],
    55                 .wccsp-box textarea {
    56                         width: 100%;
    57                         margin-bottom: 1em;
    58                         padding: 2px 3px;
    59                        
    60                         /* todo not working */
    61                 }
    62                
    63                 .wccsp-box input[type="text"]:last-child {
    64                         margin-bottom: 0;
    65                 }
    66                
    67                 .wccsp-box input[type="submit"] {
    68                         margin: 0 auto;                         /*todo not working */
    69                         text-align: center;
    70                 }
    71                
    72                 .wccsp-box textarea {
    73                         height: 8em;
    74                 }
     85        .wccsp-box:last-child {
     86                margin: 0;
     87        }
    7588
    76                 .grunion-field-label span {
    77                         padding-left: 5px;
    78                 }
     89}
     90@media screen and ( min-width: 725px ) {
     91        #wccsp-container {
     92                border: 1px solid black; /* todo box shadow */
     93                margin: 50px auto;
     94                max-width: 700px;
     95        }
     96}