mirror of
https://github.com/kamilwylegala/cakephp2-php8.git
synced 2024-11-15 11:28:25 +00:00
Making error messages look a bit fancier.
This commit is contained in:
parent
85d9b1af8d
commit
b56b6e3614
1 changed files with 39 additions and 5 deletions
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue