From 1b245ffdf8f4bdc8d5845ae86aa78569dfb03cad Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 3 Oct 2011 22:36:51 -0700 Subject: [PATCH] make links in error messages not be blue, but instead match the text color and be bold: --- bootstrap.css | 18 +++++++++++++++++- bootstrap.min.css | 3 +++ docs/index.html | 10 +++++----- lib/patterns.less | 20 ++++++++++++++++++++ 4 files changed, 45 insertions(+), 6 deletions(-) diff --git a/bootstrap.css b/bootstrap.css index 63f01b2ac2..bbbaac48a4 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: Mon Oct 3 22:26:41 PDT 2011 + * Date: Mon Oct 3 22:36:24 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). @@ -1960,6 +1960,16 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner { /* IE7 spacing */ } +.alert-message a { + font-weight: bold; + color: #404040; +} +.alert-message.danger p a, +.alert-message.error p a, +.alert-message.success p a, +.alert-message.info p a { + color: #ffffff; +} .alert-message h5 { line-height: 18px; } @@ -2014,6 +2024,12 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner { background-color: #ddf4fb; border-color: #c6edf9; } +.alert-message.block-message.danger p a, +.alert-message.block-message.error p a, +.alert-message.block-message.success p a, +.alert-message.block-message.info p a { + color: #404040; +} .pagination { height: 36px; margin: 18px 0; diff --git a/bootstrap.min.css b/bootstrap.min.css index a499855701..45f4332940 100644 --- a/bootstrap.min.css +++ b/bootstrap.min.css @@ -290,6 +290,8 @@ footer{margin-top:17px;padding-top:17px;border-top:1px solid #eee;} button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner{padding:0;border:0;} .close{float:right;color:#000000;font-size:20px;font-weight:bold;line-height:13.5px;text-shadow:0 1px 0 #ffffff;filter:alpha(opacity=20);-khtml-opacity:0.2;-moz-opacity:0.2;opacity:0.2;}.close:hover{color:#000000;text-decoration:none;filter:alpha(opacity=40);-khtml-opacity:0.4;-moz-opacity:0.4;opacity:0.4;} .alert-message{position:relative;padding:7px 15px;margin-bottom:18px;color:#404040;background-color:#eedc94;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));background-image:-moz-linear-gradient(top, #fceec1, #eedc94);background-image:-ms-linear-gradient(top, #fceec1, #eedc94);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));background-image:-webkit-linear-gradient(top, #fceec1, #eedc94);background-image:-o-linear-gradient(top, #fceec1, #eedc94);background-image:linear-gradient(top, #fceec1, #eedc94);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#eedc94 #eedc94 #e4c652;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);border-width:1px;border-style:solid;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);}.alert-message .close{*margin-top:3px;} +.alert-message a{font-weight:bold;color:#404040;} +.alert-message.danger p a,.alert-message.error p a,.alert-message.success p a,.alert-message.info p a{color:#ffffff;} .alert-message h5{line-height:18px;} .alert-message p{margin-bottom:0;} .alert-message div{margin-top:5px;margin-bottom:2px;line-height:28px;} @@ -302,6 +304,7 @@ button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner{padding:0; .alert-message.block-message.error{background-color:#fddfde;border-color:#fbc7c6;} .alert-message.block-message.success{background-color:#d1eed1;border-color:#bfe7bf;} .alert-message.block-message.info{background-color:#ddf4fb;border-color:#c6edf9;} +.alert-message.block-message.danger p a,.alert-message.block-message.error p a,.alert-message.block-message.success p a,.alert-message.block-message.info p a{color:#404040;} .pagination{height:36px;margin:18px 0;}.pagination ul{float:left;margin:0;border:1px solid #ddd;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);} .pagination li{display:inline;} .pagination a{float:left;padding:0 14px;line-height:34px;border-right:1px solid;border-right-color:#ddd;border-right-color:rgba(0, 0, 0, 0.15);*border-right-color:#ddd;text-decoration:none;} diff --git a/docs/index.html b/docs/index.html index 2b2d4f9d95..ccba3b34d1 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1538,19 +1538,19 @@
× -

Holy guacamole! Best check yo self, you’re not looking too good.

+

Holy guacamole! Best check yo self, you’re not looking too good.

× -

Oh snap! Change this and that and try again.

+

Oh snap! Change this and that and try again.

× -

Well done! You successfully read this alert message.

+

Well done! You successfully read this alert message.

× -

Heads up! This is an alert that needs your attention, but it’s not a huge priority just yet.

+

Heads up! This is an alert that needs your attention, but it’s not a huge priority just yet.

Example code

@@ -1580,7 +1580,7 @@
× -

Oh snap! You got an error! Change this and that and try again.

+

Oh snap! You got an error! Change this and that and try again.