diff options
author | Edward Chen <c4150221@gmail.com> | 2014-02-05 16:24:21 +0400 |
---|---|---|
committer | Edward Chen <c4150221@gmail.com> | 2014-02-05 16:24:21 +0400 |
commit | bf653cac49134b611e2de77b9149db351c6f0fe6 (patch) | |
tree | bc1003717a7223adbc74fdc3634369c93d9f233a /themes | |
parent | a46f125b8ebc542e875d9f0608ad930f6a2c7821 (diff) |
Add select and input hover effects(box-shadow).
Add disabled select and input style.
Just pmahomme
Signed-off-by: Edward Chen <c4150221@gmail.com>
Diffstat (limited to 'themes')
-rw-r--r-- | themes/pmahomme/css/common.css.php | 61 |
1 files changed, 53 insertions, 8 deletions
diff --git a/themes/pmahomme/css/common.css.php b/themes/pmahomme/css/common.css.php index 187c00475f..826941a6e7 100644 --- a/themes/pmahomme/css/common.css.php +++ b/themes/pmahomme/css/common.css.php @@ -173,6 +173,13 @@ form { display: inline; } + +input, +select { + /* Fix outline in Chrome: */ + outline: none; +} + input[type=text], input[type=password], input[type=number], @@ -181,16 +188,58 @@ input[type=date] { -moz-border-radius: 2px; -webkit-border-radius: 2px; - box-shadow: 0 1px 2px #ddd; - -moz-box-shadow: 0 1px 2px #ddd; - -webkit-box-shadow: 0 1px 2px #ddd; background: white; border: 1px solid #aaa; color: #555; padding: 4px; margin: 6px; +} + +input[type=text], +input[type=password], +input[type=number], +input[type=date], +select { + transition: all 0.2s; + -ms-transition: all 0.2s; + -webkit-transition: all 0.2s; + -moz-transition: all 0.2s; +} + +input[type=text][disabled], +input[type=text][disabled]:hover, +input[type=password][disabled], +input[type=password][disabled]:hover, +input[type=number][disabled], +input[type=number][disabled]:hover, +input[type=date][disabled], +input[type=date][disabled]:hover, +select[disabled], +select[disabled]:hover { + background: #e8e8e8; + box-shadow: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; +} + +input[type=text]:hover, +input[type=text]:focus, +input[type=password]:hover, +input[type=password]:focus, +input[type=number]:hover, +input[type=number]:focus, +input[type=date]:hover, +input[type=date]:focus, +select:hover { + + border: 1px solid #999; + box-shadow: 0 1px 3px #aaa; + -webkit-box-shadow: 0 1px 3px #aaa; + -moz-box-shadow: 0 1px 3px #aaa; + + background: #fff; } input[type=submit], @@ -331,11 +380,7 @@ select { -webkit-border-radius: 2px; border-radius: 2px; - -moz-box-shadow: 0 1px 2px #ddd; - -webkit-box-shadow: 0 1px 2px #ddd; - box-shadow: 0 1px 2px #ddd; - - border: 1px solid #aaa; + border: 1px solid #bbb; color: #333; padding: 3px; background: white; |