Commit 46c65ce4 authored by catch's avatar catch
Browse files

Issue #1271362 by aspilicious, Bojhan: Added Fade-in input form outlines upon focus.

parent 76b2882a
...@@ -704,13 +704,20 @@ select.form-select { ...@@ -704,13 +704,20 @@ select.form-select {
border-top-color: #999; border-top-color: #999;
background: #fff; background: #fff;
color: #333; color: #333;
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
} }
input.form-text:focus, input.form-text:focus,
input.form-file:focus, input.form-file:focus,
textarea.form-textarea:focus, textarea.form-textarea:focus,
select.form-select:focus { select.form-select:focus {
color: #000; color: #000;
border-color: #ace; border-color: rgba(0, 116, 189, 0.8);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(220, 220, 220, 0.4);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(220, 220, 220, 0.4);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(220, 220, 220, 0.4);
outline-color: rgba(0, 116, 189, 0.5);
} }
html.js input.form-autocomplete { html.js input.form-autocomplete {
background-position: 100% 4px; background-position: 100% 4px;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment