123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 |
- form {
- input[type=text], input[type=password], textarea, input[type=email] {
- margin: 5px;
- font-size: 1em;
- /* padding: 25px 15px; */
- height: 34px;
- color: #404040;
- background: white;
- border: 1px solid;
- border-color: #c4c4c4 #d1d1d1 #d4d4d4;
- border-radius: 2px;
- outline: 5px solid #eff4f7;
- -moz-outline-radius: 3px;
- -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
- box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
- margin-bottom: 25px;
- width: 99%; /* all browsers */
- width: -moz-calc(100% - 10px); /* Firefox 4+ */
- width: calc(100% - 10px); /* IE9+ and future browsers */
- /*
- Crashing Safari
- width: -webkit-calc(100% - 10px);
- @include experimental-value(width, calc(100% - 10px));
- */
- }
- :-moz-placeholder {
- color: #c9c9c9 !important;
- font-size: 15px;
- }
- ::-webkit-input-placeholder {
- color: #ccc;
- font-size: 15px;
- }
- .input.select {
- select {
- -moz-appearance: none;
- text-indent: 0.01px;
- text-overflow: '';
- background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>");
- background-color:#EFF4F7;
- background-repeat:no-repeat;
- background-position: right 10px top 15px;
- background-size: 16px 16px;
- color: #333 !important;
- padding:6px;
- padding-right: 40px;
- width:auto;
- font-size:16px;
- font-weight:bold;
- color:#fff;
- text-align:center;
- border-radius:3px;
- -webkit-border-radius:3px;
- -webkit-appearance: none;
- -ms-appearance: none;
- -o-appearance: none;
- appearance: none;
- border: 1px solid #D4D4D4;
- outline:0;
- -webkit-transition:0.3s ease all;
- -moz-transition:0.3s ease all;
- -ms-transition:0.3s ease all;
- -o-transition:0.3s ease all;
- transition:all0.3s ease all;
- &:hover {
- cursor: pointer;
- }
- }
- }
- }
|