Making error messages look a bit fancier.

This commit is contained in:
mark_story 2011-09-01 21:40:20 +01:00
parent 85d9b1af8d
commit b56b6e3614

View file

@ -343,15 +343,51 @@ div.message {
background: #c73e14; background: #c73e14;
padding: 5px; padding: 5px;
} }
.notice,
.error,
div.error-message {
background: #ffcc00;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#ffcc00), to(#E6B800));
background-image: -moz-linear-gradient(top, #ffcc00, #E6B800);
background-image: -ms-linear-gradient(top, #ffcc00, #E6B800);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcc00), color-stop(100%, #E6B800));
background-image: -webkit-linear-gradient(top, #ffcc00, #E6B800);
background-image: -o-linear-gradient(top, #ffcc00, #E6B800);
background-image: linear-gradient(top, #ffcc00, #E6B800);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border: 1px solid rgba(0, 0, 0, 0.2);
margin-bottom: 18px;
padding: 7px 14px;
color: #404040;
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);
}
p.error,
div.error-message { div.error-message {
clear: both; clear: both;
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
background: #c73e14; border: 1px solid rgba(0, 0, 0, 0.5);
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
background-image: linear-gradient(top, #ee5f5b, #c43c35);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
} }
p.error { p.error {
background-color: #e32;
color: #fff;
font-family: Courier, monospace; font-family: Courier, monospace;
font-size: 120%; font-size: 120%;
line-height: 140%; line-height: 140%;
@ -359,12 +395,10 @@ p.error {
margin: 1em 0; margin: 1em 0;
} }
p.error em { p.error em {
color: #000;
font-weight: normal; font-weight: normal;
line-height: 140%; line-height: 140%;
} }
.notice { .notice {
background: #ffcc00;
color: #000; color: #000;
display: block; display: block;
font-family: Courier, monospace; font-family: Courier, monospace;