[enh] CSS: Adds icons to alerts and filters styles

This commit is contained in:
alban 2013-10-18 12:42:05 +00:00
parent 4475d675e4
commit 7f5121bae4
1 changed files with 45 additions and 13 deletions

View File

@ -95,6 +95,14 @@ pre {
-moz-border-radius: 4px; -moz-border-radius: 4px;
} }
.filter a, a.edit, input.filter {
background-image: url(../icon/filter.png);
background-repeat: no-repeat;
background-position: 8px 3px;
padding-left: 30px;
}
.inp { .inp {
/* Should not be use anymore !!! */ /* Should not be use anymore !!! */
border-color: blue; border-color: blue;
@ -267,6 +275,7 @@ img {
vertical-align: middle; vertical-align: middle;
} }
/* Alerts */
.alert { .alert {
border: 1px solid transparent; border: 1px solid transparent;
border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;
@ -298,48 +307,71 @@ img {
.alert-success { .alert-success {
background-color: #DFF0D8; background-color: #DFF0D8;
border-color: #D6E9C6; border-color: #D6E9C6;
color: #468847; color: #356635;
} }
.alert-success hr { .alert-success hr {
border-top-color: #C9E2B3; border-top-color: #C9E2B3;
} }
.alert-success .alert-link { .alert-success .alert-link,
color: #356635; .alert-success a{
color: #234323;
} }
.alert-info { .alert-info {
background-color: #D9EDF7; background-color: #D9EDF7;
border-color: #BCE8F1; border-color: #BCE8F1;
color: #3A87AD; color: #2D6987;}
}
.alert-info hr { .alert-info hr {
border-top-color: #A6E1EC; border-top-color: #A6E1EC;
} }
.alert-info .alert-link { .alert-info .alert-link,
color: #2D6987; .alert-info a
{
color: #193B4D;
} }
.alert-warning { .alert-warning {
background-color: #FCF8E3; background-color: #FCF8E3;
border-color: #FBEED5; border-color: #FBEED5;
color: #C09853; color: #A47E3C;
} }
.alert-warning hr { .alert-warning hr {
border-top-color: #F8E5BE; border-top-color: #F8E5BE;
} }
.alert-warning .alert-link { .alert-warning .alert-link,
color: #A47E3C; .alert-warning a {
color: #6C5228;
} }
.alert-danger { .alert-danger {
background-color: #F2DEDE; background-color: #F2DEDE;
border-color: #EED3D7; border-color: #EED3D7;
color: #B94A48; color: #953B39;
} }
.alert-danger hr { .alert-danger hr {
border-top-color: #E6C1C7; border-top-color: #E6C1C7;
} }
.alert-danger .alert-link { .alert-danger .alert-link,
color: #953B39; .alert-danger a{
color: #6F2B2A;
} }
/* Alert icons */
#content .alert {
background-position: 16px 16px;
padding-left: 48px;
}
#content .alert-danger {
background-image: url("../images/danger.png");
}
#content .alert-info{
background-image: url("../images/info.png");
}
#content .alert-success {
background-image: url("../images/success.png");
}
#content .alert-warning {
background-image: url("../images/warning.png");
}
.alerte { .alerte {
color: #A00; color: #A00;
font-style: italic; font-style: italic;