diff --git a/public/css/app/chat.styl b/public/css/app/chat.styl index 1e2d363..d6680c7 100644 --- a/public/css/app/chat.styl +++ b/public/css/app/chat.styl @@ -142,20 +142,14 @@ position: relative textarea - background-color: #fff width: 100% + position: relative height: 30px - border: 1px solid $grayOutline - roundall: 3px line-height: 18px - outline: none - resize: none - color: #222f3b - font-size: 14px - -webkit-font-smoothing: antialiased - -webkit-appearance: none padding: 5px - borderbox() + background: white &.editing - background-color: yellow + background-color: #fffcea + border: 1px solid #efe391 + color: #d2bd2d diff --git a/public/css/app/forms.styl b/public/css/app/forms.styl index 2d31e43..8a2aef6 100644 --- a/public/css/app/forms.styl +++ b/public/css/app/forms.styl @@ -10,6 +10,8 @@ input[type=text], input[type=email], input[type=search], input[type=password], t color: $baseText borderbox() gotham() + -webkit-font-smoothing: antialiased + -webkit-appearance: none transition: border .2s ease-in 0 -webkit-transition: border .2s ease-in 0 diff --git a/public/css/otalk.css b/public/css/otalk.css index 596ce33..1053f56 100644 --- a/public/css/otalk.css +++ b/public/css/otalk.css @@ -696,30 +696,17 @@ td { position: relative; } .chatBox textarea { - background-color: #fff; width: 100%; + position: relative; height: 30px; - border: 1px solid #e4e4e4; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - -khtml-border-radius: 3px; - -o-border-radius: 3px; - -border-radius: 3px; - border-radius: 3px; line-height: 18px; - outline: none; - resize: none; - color: #222f3b; - font-size: 14px; - -webkit-font-smoothing: antialiased; - -webkit-appearance: none; padding: 5px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; + background: #fff; } .chatBox textarea.editing { - background-color: #ff0; + background-color: #fffcea; + border: 1px solid #efe391; + color: #d2bd2d; } #connectionOverlay { position: fixed; @@ -863,6 +850,8 @@ textarea { box-sizing: border-box; font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; font-style: normal; + -webkit-font-smoothing: antialiased; + -webkit-appearance: none; -webkit-transition: border 0.2s ease-in 0; -o-transition: border 0.2s ease-in 0; transition: border 0.2s ease-in 0;