1  body {

     2    margin: 0;

     3    height: 100%;

     4    color: #333;

     5    font: 14px helvetica, sans-serif;

     6    background: #ddd;

     7    background: -webkit-radial-gradient(circle,#aaa,#eee 60%) center fixed;

     8    background: -moz-radial-gradient(circle,#aaa,#eee 60%) center fixed;

     9    background: -ms-radial-gradient(circle,#aaa,#eee 60%) center fixed;

    10    background: -o-radial-gradient(circle,#aaa,#eee 60%) center fixed;

    11    border-top: 8px solid rgba(51,51,51,.8);

    12  }

    13  #wrapper {

    14    border-top: 1px solid #999;

    15    margin-top: 160px;

    16    padding: 15px;

    17    background: #eee;

    18    background: -webkit-linear-gradient(#fff,#ccc);

    19    background: -moz-linear-gradient(#fff,#ccc);

    20    background: -ms-linear-gradient(#fff,#ccc);

    21    background: -o-linear-gradient(#fff,#ccc);

    22    opacity: .9;

    23    box-shadow: 0px 1px 8px rgba(0,0,0,0.3);

    24  }

    25  #inner {

    26    width: 300px;

    27    margin: 0 auto;

    28  }

    29  #button {

    30    margin: 0 auto;

    31    border-radius: 3px;

    32    text-align: center;

    33    font: 36px verdana,arial,sans-serif;

    34    color: white;

    35    text-shadow: 0 -1px 0 rgba(0,0,0,.8);

    36    height: 70px;

    37    line-height: 70px;

    38    background: #555;

    39    background: -webkit-linear-gradient(#5F5F5F,#565656 50%,#4C4C4C 51%,#373737);

    40    background: -moz-linear-gradient(#5F5F5F,#565656 50%,#4C4C4C 51%,#373737);

    41    background: -ms-linear-gradient(#5F5F5F,#565656 50%,#4C4C4C 51%,#373737);

    42    background: -o-linear-gradient(#5F5F5F,#565656 50%,#4C4C4C 51%,#373737);

    43    box-shadow: inset 0 1px 3px rgba(0,0,0,0.9);

    44  }

    45  #button:hover {

    46    cursor: pointer;

    47    background: #666;

    48    background: -webkit-linear-gradient(#707070,#666666 50%,#5B5B5B 51%,#474747);

    49    background: -moz-linear-gradient(#707070,#666666 50%,#5B5B5B 51%,#474747);

    50    background: -ms-linear-gradient(#707070,#666666 50%,#5B5B5B 51%,#474747);

    51    background: -o-linear-gradient(#707070,#666666 50%,#5B5B5B 51%,#474747);

    52  }

    53  #button:active {

    54    box-shadow: inset 0 1px 12px rgba(0,0,0,0.9);

    55    background: #444;

    56  }

    57  #label {

    58    text-align: left;

    59    text-shadow: 0 1px 1px #fff;

    60    margin: 16px auto 0;

    61  }

    62  form {

    63    height: 38px;

    64    background: #fff;

    65    border: 1px solid #bbb;

    66    border-radius: 3px;

    67    position: relative;

    68  }

    69  button, input {

    70    font-weight: bold;

    71    font-size: 15px;

    72  }

    73  input[type="text"] {

    74    border-radius: 3px;

    75    box-sizing: border-box;

    76    -moz-box-sizing: border-box;   

    77    padding: 0 45px 0 10px;

    78    *padding: 0; /* IE7 hack */

    79    width: 100%;

    80    height: 100%;

    81    outline: none;

    82    border: none;

    83    position: absolute;

    84  }

    85  button[type="submit"] {

    86    position: absolute;

    87    right: 0;

    88    width: 45px;

    89    height: 38px;

    90  }

    91  @media only screen and (min-device-width: 320px) and (max-device-width: 720px) {

    92    body {

    93      background: #bbb;

    94      background: -webkit-linear-gradient(#aaa,#eee 60%) center fixed;

    95      background: -moz-linear-gradient(#aaa,#eee 60%) center fixed;

    96      background: -ms-linear-gradient(#aaa,#eee 60%) center fixed;

    97    }

    98    #wrapper {

    99      margin-top: 0;

   100    }

   101    #inner {

   102      width: 95%;        

   103    }

   104    #label {

   105      text-align: center;

   106    }

   107  }