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

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