2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00

fix problem with error styles in forms that clashed with alert-messages by qualifying the .error with .clearfix

This commit is contained in:
Mark Otto
2011-09-11 21:43:23 -07:00
parent 0afba3867d
commit c73533ac73
3 changed files with 13 additions and 13 deletions
+7 -7
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: Sun Sep 11 21:11:10 PDT 2011
* Date: Sun Sep 11 21:42:35 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).
@@ -814,7 +814,7 @@ input[type=file]:focus, input[type=checkbox]:focus, select:focus {
box-shadow: none;
outline: 1px dotted #666;
}
form div.error {
form div.clearfix.error {
background: #fae5e3;
padding: 10px 0;
margin: -10px 0 10px;
@@ -822,22 +822,22 @@ form div.error {
-moz-border-radius: 4px;
border-radius: 4px;
}
form div.error > label, form div.error span.help-inline, form div.error span.help-block {
form div.clearfix.error > label, form div.clearfix.error span.help-inline, form div.clearfix.error span.help-block {
color: #9d261d;
}
form div.error input, form div.error textarea {
form div.clearfix.error input, form div.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);
}
form div.error input:focus, form div.error textarea:focus {
form div.clearfix.error input:focus, form div.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 div.error .input-prepend span.add-on, form div.error .input-append span.add-on {
form div.clearfix.error .input-prepend span.add-on, form div.clearfix.error .input-append span.add-on {
background: #f4c8c5;
border-color: #c87872;
color: #b9554d;
@@ -1128,7 +1128,7 @@ textarea[readonly] {
font-weight: normal;
padding-top: 0;
}
.form-stacked div.error {
.form-stacked div.clearfix.error {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;