round the corners on the search form inputs like a boss

This commit is contained in:
Mark Otto 2011-09-29 01:47:55 -07:00
parent 00204a80cf
commit f54568fa31
3 changed files with 16 additions and 1 deletions

7
bootstrap.css vendored
View File

@ -6,7 +6,7 @@
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
* Date: Thu Sep 29 01:44:42 PDT 2011
* Date: Thu Sep 29 01:47:26 PDT 2011
*/
/* Reset.less
* Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
@ -930,6 +930,11 @@ textarea[readonly] {
margin-right: 0;
margin-left: -1px;
}
.form-search .search-query {
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
}
.control-group {
margin-bottom: 18px;
}

1
bootstrap.min.css vendored
View File

@ -161,6 +161,7 @@ input[disabled],select[disabled],textarea[disabled],input[readonly],select[reado
.input-prepend .add-on{*margin-top:1px;}
.input-append input{float:left;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
.input-append .add-on{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;margin-right:0;margin-left:-1px;}
.form-search .search-query{-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;}
.control-group{margin-bottom:18px;}
.control-group>label{font-weight:bold;}
.form-horizontal .control-group>label{float:left;width:130px;padding-top:5px;text-align:right;}

View File

@ -357,6 +357,15 @@ textarea[readonly] {
// SEARCH FORM
// -----------
.form-search .search-query {
.border-radius(14px);
}
// HORIZONTAL & VERTICAL FORMS
// ---------------------------