Hi Swede: I ended up just borrowing the CSS for flash messages from the latest osclass modern theme. What you see below is what I replaced the old CSS on my bcute theme with. As far as the style and placement of the X (close message icon), I think if you experiment changing the CSS values for .flashmessage .ico-close that will fix the problem. I got the X placed on the right side of the message in the corner, and when mouse hovers over it appears that some action will take place, but when click on the X the message does not close. I don't know if it's a CSS thing or a Java thing
Any help on that would be appreciated too. Thanks, hope this helps.
/* begin flash message */
.flashmessage,
.flashmessage {
font-size: 22px;
padding: 10px 0px 10px 0px;
width: 100%;
top: 0px;
z-index: 999;
text-align: center;
}
.flashmessage-warning {
background-color: #FF0000;
border: solid 0px #FBEED5;
color: #FFF;
}
.flashmessage-error {
background-color: #FF0000;
border: solid 0px #EED3D7;
color: #FFF;
}
.flashmessage-info,
.flashmessage-ok {
background-color: #FF0000;
border: solid 0px #BCE8F1;
color: #FFF;
}
.flashmessage .ico-close {
position: absolute;
top: 14px;
right: 17px;
float: right;
font-size: 20px;
line-height: 18px;
color: #FFF;
text-shadow:none;
text-decoration:none;
font-weight: bold;
cursor: pointer;
}
.flashmessage-error .close {
color: #B94A48;
}
.flashmessage-warning .close {
color: #000;
}
.flashmessage-success .close,
.flashmessage-information .close {
color: #3A87AD;
}
/* end flash message */
