add email input type to styled inputs, fix #2097

This commit is contained in:
Jan-Christoph Borchardt 2013-03-06 12:38:43 +01:00
parent 2b7ff7273d
commit 114c6457a3

View file

@ -35,9 +35,9 @@ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#35537a', endC
.header-right { float:right; vertical-align:middle; padding:0 0.5em; }
.header-right > * { vertical-align:middle; }
/* INPUTS */
input[type="text"], input[type="password"], input[type="number"] { cursor:text; }
input[type="text"], input[type="password"], input[type="search"], input[type="number"],
input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="email"],
textarea, select, button, .button, #quota, div.jp-progress, .pager li a {
width:10em; margin:.3em; padding:.6em .5em .4em;
font-size:1em; font-family:Arial, Verdana, sans-serif;
@ -46,13 +46,22 @@ textarea, select, button, .button, #quota, div.jp-progress, .pager li a {
-moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em;
}
input[type="hidden"] { height:0; width:0; }
input[type="text"], input[type="password"], input[type="search"], input[type="number"], textarea { background:#f8f8f8; color:#555; cursor:text; }
input[type="text"], input[type="password"], input[type="search"], input[type="number"] { -webkit-appearance:textfield; -moz-appearance:textfield; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; }
input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="email"], textarea {
background:#f8f8f8; color:#555; cursor:text;
}
input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="email"] {
-webkit-appearance:textfield; -moz-appearance:textfield;
-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;
}
input[type="text"]:hover, input[type="text"]:focus, input[type="text"]:active,
input[type="password"]:hover, input[type="password"]:focus, input[type="password"]:active,
input[type="number"]:hover, input[type="number"]:focus, input[type="number"]:active,
.searchbox input[type="search"]:hover, .searchbox input[type="search"]:focus, .searchbox input[type="search"]:active,
textarea:hover, textarea:focus, textarea:active { background-color:#fff; color:#333; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; }
input[type="email"]:hover, input[type="email"]:focus, input[type="email"]:active,
textarea:hover, textarea:focus, textarea:active {
background-color:#fff; color:#333;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1;
}
input[type="checkbox"] { margin:0; padding:0; height:auto; width:auto; }
input[type="checkbox"]:hover+label, input[type="checkbox"]:focus+label { color:#111 !important; }
#quota { cursor:default; }