git.roojs.org Git - bootswatch/blob - erine-coming-soon/css/form-elements.css

   1
   2 input[type="text"] {
   3     margin: 0;
   4     padding: 0 10px;
   5     vertical-align: middle;
   6     background: none;
   7     border: 1px solid #fff;
   8     font-family: 'Roboto', sans-serif;
   9     font-size: 22px;
  10     font-weight: 300;
  11     line-height: 50px;
  12     color: #fff;
  13     -moz-border-radius: 6px;
  14     -webkit-border-radius: 6px;
  15     border-radius: 6px;
  16     -moz-box-shadow: none;
  17     -webkit-box-shadow: none;
  18     box-shadow: none;
  19     -o-transition: all .3s;
  20     -moz-transition: all .3s;
  21     -webkit-transition: all .3s;
  22     -ms-transition: all .3s;
  23     transition: all .3s;
  24 }
  25
  26 input[type="text"]:focus {
  27         outline: 0;
  28     border: 1px solid #fff;
  29     -moz-box-shadow: none;
  30     -webkit-box-shadow: none;
  31     box-shadow: none;
  32 }
  33
  34 input[type="text"]:-moz-placeholder { color: #fff; }
  35 input[type="text"]:-ms-input-placeholder { color: #fff; }
  36 input[type="text"]::-webkit-input-placeholder { color: #fff; }
  37
  38
  39 .subscribe button {
  40         height: 52px;
  41     margin: 0;
  42     padding: 0 20px;
  43     vertical-align: middle;
  44     background: #ff5a56;
  45     border: 0;
  46     font-family: 'Roboto', sans-serif;
  47     font-size: 22px;
  48     font-weight: 300;
  49     line-height: 52px;
  50     color: #fff;
  51     -moz-border-radius: 6px;
  52     -webkit-border-radius: 6px;
  53     border-radius: 6px;
  54     text-shadow: none;
  55     -moz-box-shadow: none;
  56     -webkit-box-shadow: none;
  57     box-shadow: none;
  58     -o-transition: all .3s;
  59     -moz-transition: all .3s;
  60     -webkit-transition: all .3s;
  61     -ms-transition: all .3s;
  62     transition: all .3s;
  63 }
  64
  65 .subscribe button:hover {
  66     background: #555;
  67     color: #fff;
  68     -o-transition: all .3s;
  69     -moz-transition: all .3s;
  70     -webkit-transition: all .3s;
  71     -ms-transition: all .3s;
  72     transition: all .3s;
  73 }
  74
  75 .subscribe button:active {
  76         outline: 0;
  77     background: #555;
  78     color: #fff;
  79     -moz-box-shadow: none;
  80     -webkit-box-shadow: none;
  81     box-shadow: none;
  82 }
  83
  84 .subscribe button:focus {
  85         outline: 0;
  86         background: #555;
  87         color: #fff;
  88 }
  89
  90 .btn:focus, .btn:active:focus, .btn.active:focus {
  91         outline: 0;
  92         background: #555;
  93         color: #fff;
  94 }