KNACSS/css/forms.css

80 lines
1.9 KiB
CSS
Raw Normal View History

2013-08-20 01:34:28 +02:00
/* -----------------------------
Forms
-----------------------------
2013-03-31 10:19:51 +02:00
2013-08-20 01:34:28 +02:00
thanks to :
* HTML5boilerplate
* github.com/nathansmith/formalize
* www.sitepen.com
*/
2013-03-31 10:19:51 +02:00
/* buttons */
.btn { display: inline-block; }
.btn.alternate {}
.btn.highlight {}
.login {}
.logout {}
.primary {}
.warning {}
.error {}
.success {}
/* forms items */
2013-08-20 01:34:28 +02:00
label {
display: inline-block;
vertical-align: middle;
cursor: pointer;
2013-03-31 10:19:51 +02:00
}
legend {
2013-08-20 01:34:28 +02:00
border: 0;
white-space: normal;
2013-03-31 10:19:51 +02:00
}
button,
input,
select {
2013-08-20 01:34:28 +02:00
margin: 0;
2013-03-31 10:19:51 +02:00
}
textarea {
2013-08-20 01:34:28 +02:00
overflow: auto; /* Removes default vertical scrollbar on empty textarea in IE6/7/8/9 */
min-height: 5em;
vertical-align: top;
2013-03-31 10:19:51 +02:00
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
2013-08-20 01:34:28 +02:00
cursor: pointer;
-webkit-appearance: button; /* clickable input types in iOS */
*overflow: visible; /* Corrects inner spacing displayed oddly in IE7 */
2013-03-31 10:19:51 +02:00
}
input[type="checkbox"],
input[type="radio"] {
2013-08-20 01:34:28 +02:00
padding: 0; /* Corrects excess space around these inputs in IE8/9 */
*width: 13px; *height: 13px; /* Corrects excess space around these inputs in IE7 */
2013-03-31 10:19:51 +02:00
}
input[type="search"] { -webkit-appearance: textfield; }
/* if select styling bugs on WebKit */
/* select { -webkit-appearance: none; } */
/* 'x' appears on right of search input when text is entered. This removes it */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
2013-08-20 01:34:28 +02:00
display: none;
2013-03-31 10:19:51 +02:00
}
::-webkit-input-placeholder { color: #777; }
input:-moz-placeholder,
textarea:-moz-placeholder { color: #777; }
/* Removes inner padding and border in FF3+ */
button::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner {
2013-08-20 01:34:28 +02:00
border: 0;
padding: 0;
2013-03-31 10:19:51 +02:00
}