css Message styling

p.success {
    border: 2px #9FCF9F solid;
    background-color: #DFFFDF;
    color: #005F00;
    padding: 10px;
}

p.warning {
    border: 2px #FDBF3B solid;
    background-color: #FFEBC1;
    color: #A6750C;
    padding: 10px;
}
 
p.error {
    border: 2px #DD0000 solid;
    background-color: #FFE3E3;
    color: #550000;
    padding: 10px;
}

/*compact:*/
p.success {border: 2px #9FCF9F solid;background-color: #DFFFDF;color: #005F00;padding: 10px;}
p.warning {border: 2px #FDBF3B solid;background-color: #FFEBC1;color: #A6750C;padding: 10px;}
p.error {border: 2px #DD0000 solid;background-color: #FFE3E3;color: #550000;padding: 10px;}
p.information{ border: 2px #b6d5e0 solid;background-color: #d0f5fe;color: #156e94}
Styles success (green), warning (amber) or error (red) messages as per Redmine.

Updated: Thursday 22nd November 2012, 10:53pm

There are 0 comments

Leave a comment of your own

Comments are currently closed.