color: #555555;
}
+input,
+textarea {
+ width: 210px;
+}
+
textarea,
input[type="text"],
input[type="password"],
transition: border linear 0.2s, box-shadow linear 0.2s;
}
+input[type="radio"],
+input[type="checkbox"] {
+ margin: 3px 0;
+ *margin-top: 0;
+ /* IE7 */
+
+ line-height: normal;
+ cursor: pointer;
+}
+
+input[type="submit"],
+input[type="reset"],
+input[type="button"],
+input[type="radio"],
+input[type="checkbox"] {
+ width: auto;
+}
+
.uneditable-textarea {
width: auto;
height: auto;
line-height: 28px;
}
+select {
+ width: 220px;
+ border: 1px solid #bbb;
+}
+
select[multiple],
select[size] {
height: auto;
color: @gray;
}
-// Reset background, border, and box-shadow for textual inputs and textarea
+// Reset appearance properties for textual inputs and textarea
+// Declare width for legacy (can't be on input[type=*] selectors or it's too specific)
+input,
+textarea {
+ width: 210px;
+}
+// Everything else
textarea,
input[type="text"],
input[type="password"],
.transition(@transition);
}
-// Unused selectors
+// Position radios and checkboxes better
input[type="radio"],
input[type="checkbox"] {
+ margin: 3px 0;
+ *margin-top: 0; /* IE7 */
+ line-height: normal;
+ cursor: pointer;
}
-input[type="button"],
+
+// Reset width of input buttons, radios, checkboxes
input[type="submit"],
-input[type="reset"] {
-}
-input[type="file"] {
-}
-input[type="hidden"] {
-}
-input[type="image"] {
-}
-input[type="range"] {
+input[type="reset"],
+input[type="button"],
+input[type="radio"],
+input[type="checkbox"] {
+ width: auto; // Override of generic input selector
}
// Make uneditable textareas behave like a textarea
line-height: 28px;
}
+// Make select elements obey height by applying a border
+select {
+ width: 220px; // default input width + 10px of padding that doesn't get applied
+ border: 1px solid #bbb;
+}
+
// Make multiple select elements height not fixed
select[multiple],
select[size] {