add extra states to the form examples

1 files changed, 78 insertions, 18 deletions

diff --git a/bootstrap.css b/bootstrap.css
index 176c332e7b..06d70b791e 100644
--- a/bootstrap.css
+++ b/bootstrap.css
@@ -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: Sun Oct  9 20:57:28 PDT 2011
+ * Date: Sun Oct  9 22:02:13 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).
@@ -722,33 +722,93 @@ input[type=file]:focus, input[type=checkbox]:focus, select:focus {
   box-shadow: none;
   outline: 1px dotted #666;
 }
-form .clearfix.error {
-  background: #fae5e3;
+form .clearfix.error, form .clearfix.warning, form .clearfix.success {
   padding: 10px 0;
   margin: 10px 0;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
 }
-form .clearfix.error > label, form .clearfix.error span.help-inline, form .clearfix.error span.help-block {
-  color: #9d261d;
+form .clearfix.error > label,
+form .clearfix.warning > label,
+form .clearfix.success > label,
+form .clearfix.error .help-inline,
+form .clearfix.warning .help-inline,
+form .clearfix.success .help-inline,
+form .clearfix.error .help-block,
+form .clearfix.warning .help-block,
+form .clearfix.success .help-block {
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+}
+form .clearfix.error input,
+form .clearfix.warning input,
+form .clearfix.success input,
+form .clearfix.error textarea,
+form .clearfix.warning textarea,
+form .clearfix.success textarea {
+  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+}
+form .clearfix.error {
+  background-color: #fce6e6;
+}
+form .clearfix.error > label, form .clearfix.error .help-inline, form .clearfix.error .help-block {
+  color: #ce1a15;
 }
 form .clearfix.error input, form .clearfix.error textarea {
-  border-color: #c87872;
-  -webkit-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
-  -moz-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
-  box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
+  border-color: #ee5f5b;
 }
 form .clearfix.error input:focus, form .clearfix.error textarea:focus {
-  border-color: #b9554d;
-  -webkit-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
-  -moz-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
-  box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
-}
-form .clearfix.error .input-prepend span.add-on, form .clearfix.error .input-append span.add-on {
-  background: #f4c8c5;
-  border-color: #c87872;
-  color: #b9554d;
+  border-color: #ee5f5b;
+  -webkit-box-shadow: 0 0 6px #ee5f5b;
+  -moz-box-shadow: 0 0 6px #ee5f5b;
+  box-shadow: 0 0 6px #ee5f5b;
+}
+form .clearfix.error .input-prepend .add-on, form .clearfix.error .input-append .add-on {
+  background-color: #ffffff;
+  border-color: #ee5f5b;
+  color: #ee5f5b;
+}
+form .clearfix.warning {
+  background-color: #fdf5d9;
+}
+form .clearfix.warning > label, form .clearfix.warning .help-inline, form .clearfix.warning .help-block {
+  color: #b58c09;
+}
+form .clearfix.warning input, form .clearfix.warning textarea {
+  border-color: #f7d360;
+}
+form .clearfix.warning input:focus, form .clearfix.warning textarea:focus {
+  border-color: #e6b20b;
+  -webkit-box-shadow: 0 0 6px #f7d360;
+  -moz-box-shadow: 0 0 6px #f7d360;
+  box-shadow: 0 0 6px #f7d360;
+}
+form .clearfix.warning .input-prepend .add-on, form .clearfix.warning .input-append .add-on {
+  background-color: #ffffff;
+  border-color: #fceec1;
+  color: #fceec1;
+}
+form .clearfix.success {
+  background-color: #d1eed1;
+}
+form .clearfix.success > label, form .clearfix.success .help-inline, form .clearfix.success .help-block {
+  color: #348c34;
+}
+form .clearfix.success input, form .clearfix.success textarea {
+  border-color: #42b142;
+}
+form .clearfix.success input:focus, form .clearfix.success textarea:focus {
+  border-color: #348c34;
+  -webkit-box-shadow: 0 0 6px #62c462;
+  -moz-box-shadow: 0 0 6px #62c462;
+  box-shadow: 0 0 6px #62c462;
+}
+form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-append .add-on {
+  background-color: #ffffff;
+  border-color: #62c462;
+  color: #62c462;
 }
 .input-mini,
 input.mini,