2013-09-18 13:45:40 -04:00
|
|
|
// Forms and Buttons
|
|
|
|
|
|
2013-10-23 08:16:27 -04:00
|
|
|
input[type=text], input[type=email], input[type=search], input[type=password], textarea, .main .status
|
2013-09-18 12:40:05 -04:00
|
|
|
-webkit-appearance: none
|
|
|
|
|
roundall(3px)
|
2013-09-18 13:28:42 -04:00
|
|
|
padding: 0 10px
|
2013-10-23 09:35:36 -04:00
|
|
|
background-color: white
|
2013-10-23 13:57:46 -04:00
|
|
|
border: 1px solid $gray-lighter
|
2013-10-23 11:15:02 -04:00
|
|
|
font-size: $font-size-small
|
2013-10-23 13:57:46 -04:00
|
|
|
color: $gray
|
2013-09-18 12:40:05 -04:00
|
|
|
borderbox()
|
2013-10-23 11:15:02 -04:00
|
|
|
font-family: $font-family-gotham
|
2013-09-23 14:54:35 -04:00
|
|
|
-webkit-font-smoothing: antialiased
|
|
|
|
|
-webkit-appearance: none
|
2013-09-18 12:40:05 -04:00
|
|
|
|
|
|
|
|
transition: border .2s ease-in 0
|
|
|
|
|
-webkit-transition: border .2s ease-in 0
|
|
|
|
|
-moz-transition: border .2s ease-in 0
|
|
|
|
|
|
2013-10-23 08:16:27 -04:00
|
|
|
input[type=text], input[type=email], input[type=search], input[type=password], .main .status
|
2013-09-18 13:28:42 -04:00
|
|
|
height: 35px
|
2013-09-18 12:40:05 -04:00
|
|
|
|
|
|
|
|
textarea
|
|
|
|
|
resize: none
|
|
|
|
|
|
|
|
|
|
input[type=text]:focus,
|
|
|
|
|
input[type=email]:focus,
|
|
|
|
|
input[type=search]:focus,
|
2013-09-18 13:28:42 -04:00
|
|
|
input[type=password]:focus,
|
2013-09-25 04:09:24 -04:00
|
|
|
textarea:focus,
|
|
|
|
|
.main .status:focus
|
2013-09-18 12:40:05 -04:00
|
|
|
outline: none
|
2013-10-23 13:57:46 -04:00
|
|
|
border: 1px solid lighten($blue, 50%)
|
2013-09-18 13:40:00 -04:00
|
|
|
|
|
|
|
|
label
|
|
|
|
|
display: block
|
|
|
|
|
margin-bottom: 5px
|
|
|
|
|
font-size: 13px
|
2013-10-23 11:15:02 -04:00
|
|
|
font-weight: $font-weight-bold
|
2013-10-23 13:57:46 -04:00
|
|
|
color: $gray
|
2013-09-18 13:40:00 -04:00
|
|
|
|
2013-09-19 14:37:01 -04:00
|
|
|
a.button
|
|
|
|
|
line-height: 35px
|
|
|
|
|
|
2013-09-20 04:30:22 -04:00
|
|
|
button, a.button
|
2013-09-18 13:40:00 -04:00
|
|
|
display: inline-block
|
2013-09-19 07:29:42 -04:00
|
|
|
gotham()
|
2013-09-18 13:40:00 -04:00
|
|
|
roundall(3px)
|
|
|
|
|
border: none
|
|
|
|
|
height: 35px
|
2013-09-18 13:50:11 -04:00
|
|
|
min-width: 80px
|
2013-09-18 13:40:00 -04:00
|
|
|
padding: 0 1em
|
|
|
|
|
color: white
|
2013-10-23 13:57:46 -04:00
|
|
|
background: $blue
|
2013-10-23 11:15:02 -04:00
|
|
|
font-size: $font-size-small
|
|
|
|
|
font-weight: $font-weight-bold
|
2013-09-18 13:50:11 -04:00
|
|
|
text-decoration: none
|
|
|
|
|
text-align: center
|
2013-09-18 13:40:00 -04:00
|
|
|
cursor: pointer
|
|
|
|
|
|
2013-10-23 09:35:36 -04:00
|
|
|
&:focus
|
|
|
|
|
outline: none
|
|
|
|
|
|
2013-09-18 13:40:00 -04:00
|
|
|
&:hover
|
2013-10-23 13:57:46 -04:00
|
|
|
background: darken($blue, 30%)
|
2013-10-15 15:14:16 -04:00
|
|
|
|
2013-10-23 08:29:45 -04:00
|
|
|
.installFirefox, .addContact
|
|
|
|
|
margin-left: 5px
|
