Info boxes

Here we present how to do info boxex. Note that we have an id with an index.
We directly call onclick=hide('hide-me-\$message')

function html_message_info()
{
    global $message_nr;
    print("<div id='hide-me-$message_nr' class='rbis-message-info' 
          title='Klicka för att ta bort' onclick=hide('hide-me-$message_nr')>
          <p>Info</p>No: $message_nr - $message</div>");
    $message_nr++;
}

.rbis-message-info
{

    z-index: 0;
    position: fixed;
    height: 100px;
    bottom: 200px;
    margin-left: 100px;

    text-align: center;
    padding: 5px;
    width: calc(100% - 300px);

    font-size: 14px;
    font-family: Sans;

    border: 8px solid #66CC00;

    background-color: #A9C1D9;

    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;

}

html_message_info("Info text to display.");

html_message_warning("Warning text to display.");