form { margin: 0 0 5px 0; fieldset { margin-bottom: 5px; padding: 0; border-width: 0; } legend { display: block; width: 100%; margin-bottom: 5px * 2; *margin-left: -7px; padding: 0; color: @textcolor; border: 0; border-bottom: 1px solid lighten(@black, 80); white-space: normal; } p { margin-bottom: 5px / 2; } ul { list-style-type: none; margin: 0 0 5px 0; padding: 0; } br { display: none; } } label, input, button, select, textarea { vertical-align: baseline; *vertical-align: middle; } input, button, select, textarea { font-family: @basefont; .box-sizing(border-box); } label { display: block; margin-bottom: 10px / 8; font-weight: bold; color: @textcolor; cursor: pointer; input, textarea, select { display: block; } } input, textarea, select { display: inline-block; width: 100%; padding: 4px; margin-bottom: 5px / 4; background-color: @white; border: 1px solid lighten(@black, 80); color: @textcolor; &:hover { border-color: lighten(@accentcolor, 50); } } .input-mini { width: 60px; } .input-small { width: 90px; } input[type="image"], input[type="checkbox"], input[type="radio"] { width: auto; height: auto; padding: 0; margin: 3px 0; *margin-top: 0; line-height: normal; cursor: pointer; .rounded(0); border: 0 \9; } input[type="checkbox"], input[type="radio"] { .box-sizing(border-box); padding: 0; *width: 13px; *height: 13px; } input[type="image"] { border: 0; .box-shadow(none); } input[type="file"] { width: auto; padding: initial; line-height: initial; border: initial; background-color: transparent; background-color: initial; .box-shadow(none); } input[type="button"], input[type="reset"], input[type="submit"] { width : auto; height : auto; cursor : pointer; *overflow : visible; } select, input[type="file"] { *margin-top : 4px; } select { width : auto; background-color : @white; } select[multiple], select[size] { height : auto; } textarea { .resize(vertical); height : auto; overflow : auto; vertical-align : top; } input[type="hidden"] { display : none; } .radio, .checkbox { padding-left : 18px; font-weight : normal; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float : left; margin-left : -18px; } .radio.inline, .checkbox.inline { display : inline-block; padding-top : 5px; margin-bottom : 0; vertical-align : middle; } .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left : 10px; } /* disabled ==================================== */ input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { .opacity(.5); cursor : not-allowed; } /* focus and active ============================ */ input:focus, textarea:focus { border-color : @accentcolor; outline : 0; outline : thin dotted \9; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus { .box-shadow(none); } /* help text ==================================== */ .help-block, .help-inline { color : lighten(@black, 50); } .help-block { display : block; margin-bottom : 1em; line-height : 1em; } .help-inline { display : inline-block; vertical-align : middle; padding-left : 5px; } /* .form-inline ================================= */ .form-inline input, .form-inline textarea, .form-inline select { display : inline-block; margin-bottom : 0; } .form-inline label { display : inline-block; } .form-inline .radio, .form-inline .checkbox, .form-inline .radio { padding-left : 0; margin-bottom : 0; vertical-align : middle; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float : left; margin-left : 0; margin-right : 3px; } /* .form-search ================================= */ .form-search input, .form-search textarea, .form-search select { display : inline-block; margin-bottom : 0; } .form-search .search-query { padding-left : 14px; padding-right : 14px; margin-bottom : 0; .rounded(14px); } .form-search label { display : inline-block; } .form-search .radio, .form-search .checkbox, .form-inline .radio { padding-left : 0; margin-bottom : 0; vertical-align : middle; } .form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"] { float : left; margin-left : 0; margin-right : 3px; }