diff --git a/bootstrap.css b/bootstrap.css index 7e2ba80237fc0132003eed626b77ba8429e0eb3e..c61c20987fdeab3a87b4a49756862462b6dbefa0 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 Jan 15 00:04:02 PST 2012 + * Date: Sun Jan 15 11:29:00 PST 2012 */ html, body { margin: 0; @@ -2689,38 +2689,38 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner { margin-right: -21px; } -.success-alert { +.alert-success { background-color: #dff0d8; border-color: #cfe8c4; } -.success-alert, .success-alert .alert-heading { +.alert-success, .alert-success .alert-heading { color: #468847; } -.danger-alert, .error-alert { +.alert-danger, .alert-error { background-color: #f2dede; border-color: #e9c7c7; } -.danger-alert, -.error-alert, -.danger-alert .alert-heading, -.error-alert .alert-heading { +.alert-danger, +.alert-error, +.alert-danger .alert-heading, +.alert-error .alert-heading { color: #B94A48; } -.info-alert { +.alert-info { background-color: #d9edf7; border-color: #bfe1f2; } -.info-alert, .info-alert .alert-heading { +.alert-info, .alert-info .alert-heading { color: #3a87ad; } -.block-alert { +.alert-block { padding-top: 14px; padding-bottom: 14px; } -.block-alert > p, .block-alert > ul { +.alert-block > p, .alert-block > ul { margin-bottom: 0; } -.block-alert p + p { +.alert-block p + p { margin-top: 5px; } .thumbnails { diff --git a/bootstrap.min.css b/bootstrap.min.css index 6b55745ea783df83afbcfe6eac34205316d896d9..ceec492dbd901a6c1f92b09972bb777d90e538f1 100644 --- a/bootstrap.min.css +++ b/bootstrap.min.css @@ -481,15 +481,15 @@ button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner{padding:0; .alert{position:relative;padding:8px 35px 8px 14px;margin-bottom:18px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#fcf8e3;border:1px solid #f3edd2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .alert,.alert-heading{color:#c09853;} .alert>.close{*margin-top:3px;margin-right:-21px;} -.success-alert{background-color:#dff0d8;border-color:#cfe8c4;} -.success-alert,.success-alert .alert-heading{color:#468847;} -.danger-alert,.error-alert{background-color:#f2dede;border-color:#e9c7c7;} -.danger-alert,.error-alert,.danger-alert .alert-heading,.error-alert .alert-heading{color:#B94A48;} -.info-alert{background-color:#d9edf7;border-color:#bfe1f2;} -.info-alert,.info-alert .alert-heading{color:#3a87ad;} -.block-alert{padding-top:14px;padding-bottom:14px;} -.block-alert>p,.block-alert>ul{margin-bottom:0;} -.block-alert p+p{margin-top:5px;} +.alert-success{background-color:#dff0d8;border-color:#cfe8c4;} +.alert-success,.alert-success .alert-heading{color:#468847;} +.alert-danger,.alert-error{background-color:#f2dede;border-color:#e9c7c7;} +.alert-danger,.alert-error,.alert-danger .alert-heading,.alert-error .alert-heading{color:#B94A48;} +.alert-info{background-color:#d9edf7;border-color:#bfe1f2;} +.alert-info,.alert-info .alert-heading{color:#3a87ad;} +.alert-block{padding-top:14px;padding-bottom:14px;} +.alert-block>p,.alert-block>ul{margin-bottom:0;} +.alert-block p+p{margin-top:5px;} .thumbnails{margin-left:-20px;margin-bottom:0;list-style:none;zoom:1;}.thumbnails:before,.thumbnails:after{display:table;*display:inline;content:"";zoom:1;} .thumbnails:after{clear:both;} .thumbnails>li{float:left;margin:0 0 20px 20px;} diff --git a/docs/components.html b/docs/components.html index 83a0244565add4cfbdc7726c8d5782e486326c5b..c9390272d6fcc095b52d2546bcded3324d1bf7f7 100644 --- a/docs/components.html +++ b/docs/components.html @@ -1132,7 +1132,7 @@ <h3>Rewritten base class</h3> <p>With Bootstrap 2, we've simplified the base class: <code>.alert</code> instead of <code>.alert-message</code>. We've also reduced the minimum required markup—no <code><p></code> is required by default, just the outter <code><div></code>.</p> <h3>Single alert message</h3> - <p>For a more durable component with less code, we've removed the differentiating look for block alerts, messages that com with more padding and typically more text. The class also has changed to <code>.block-alert</code>.</p> + <p>For a more durable component with less code, we've removed the differentiating look for block alerts, messages that com with more padding and typically more text. The class also has changed to <code>.alert-block</code>.</p> <hr> <h3>Goes great with javascript</h3> <p>Bootstrap comes with a great jQuery plugin that supports alert messages, making dismissing them quick and easy.</p> @@ -1151,14 +1151,14 @@ <strong>Warning!</strong> Best check yo self, you’re not looking too good. </div> </pre> - <p>Easily extend the standard alert message with two optional classes: <code>.block-alert</code> for more padding and text controls and <code>.alert-heading</code> for a matching heading.</p> - <div class="alert block-alert"> + <p>Easily extend the standard alert message with two optional classes: <code>.alert-block</code> for more padding and text controls and <code>.alert-heading</code> for a matching heading.</p> + <div class="alert alert-block"> <a class="close">×</a> <h4 class="alert-heading">Warning!</h4> <p>Best check yo self, you’re not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p> </div> <pre class="prettyprint linenums"> -<div class="alert block-alert"> +<div class="alert alert-block"> <a class="close">×</a> <h4 class="alert-heading">Warning!</h4> Best check yo self, you’re not... @@ -1171,36 +1171,36 @@ <div class="row"> <div class="span4"> <h3>Error or danger</h3> - <div class="alert error-alert"> + <div class="alert alert-error"> <a class="close">×</a> <strong>Oh snap!</strong> Change a few things up and try submitting again. </div> <pre class="prettyprint linenums"> -<div class="alert error-alert"> +<div class="alert alert-error"> ... </div> </pre> </div> <div class="span4"> <h3>Success</h3> - <div class="alert success-alert"> + <div class="alert alert-success"> <a class="close">×</a> <strong>Well done!</strong> You successfully read this important alert message. </div> <pre class="prettyprint linenums"> -<div class="alert success-alert"> +<div class="alert alert-success"> ... </div> </pre> </div> <div class="span4"> <h3>Information</h3> - <div class="alert info-alert"> + <div class="alert alert-info"> <a class="close">×</a> <strong>Heads up!</strong> This alert needs your attention, but it’s not super important. </div> <pre class="prettyprint linenums"> -<div class="alert info-alert"> +<div class="alert alert-info"> ... </div> </pre> diff --git a/lib/alerts.less b/lib/alerts.less index d1cd8addd5781385ea7de1dabe756bd288652e4a..a338f502a1918ec8fcf62db6476d337ff6cd10c1 100644 --- a/lib/alerts.less +++ b/lib/alerts.less @@ -25,45 +25,45 @@ // Alternate styles // ---------------- -.success-alert { +.alert-success { background-color: #dff0d8; border-color: #cfe8c4; } -.success-alert, -.success-alert .alert-heading { +.alert-success, +.alert-success .alert-heading { color: #468847; } -.danger-alert, -.error-alert { +.alert-danger, +.alert-error { background-color: #f2dede; border-color: #e9c7c7; } -.danger-alert, -.error-alert, -.danger-alert .alert-heading, -.error-alert .alert-heading { +.alert-danger, +.alert-error, +.alert-danger .alert-heading, +.alert-error .alert-heading { color: #B94A48; } -.info-alert { +.alert-info { background-color: #d9edf7; border-color: #bfe1f2; } -.info-alert, -.info-alert .alert-heading { +.alert-info, +.alert-info .alert-heading { color: #3a87ad; } // Block alerts // ------------------------ -.block-alert { +.alert-block { padding-top: 14px; padding-bottom: 14px; } -.block-alert > p, -.block-alert > ul { +.alert-block > p, +.alert-block > ul { margin-bottom: 0; } -.block-alert p + p { +.alert-block p + p { margin-top: 5px; } \ No newline at end of file