Shoutbox

Also, better skining support for the shoutbox please... I did manage to get my theme the way I wanted it to look, but using Firefox's user.css.

code:

---

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix(http://shoutbox.menthix.net/shoutbox.php),
               url-prefix(http://shoutbox.menthix.net/shoutbox.php) {

    body {
            background-color: #ffffff !important;
        }
       
    body, input, td {
            font-family: verdana, arial, helvetica, sans-serif !important;
            font-size: 10px !important;
        }
       
    td { color: #000000 !important; }
   
    .trow1, .trow2 {
        background-image: url("http://shoutbox.menthix.net/images/headbg.gif") !important;
        background-repeat: repeat-x !important;
        background-position: top center !important;
        background-color: #1D80C0 !important;
    }
   
    .trow1 table td * {
        color: white !important;
        font-weight: bold !important;
        }
       
    .trow1[title~="Posted"], .trow1[align~="center"], body[id~="all"] .trow1, body[id~="all"] div div {
        background-image: url("http://shoutbox.menthix.net/images/tdbg2.gif") !important;
        background-repeat: repeat-x !important;
        background-position: top center !important;
        background-color: #D1EDF7 !important;
        }
   
    .trow2[title~="Posted"], body[id~="all"] .trow2 {
        background-image: url("http://shoutbox.menthix.net/images/tdbg1.gif") !important;
        background-repeat: repeat-x !important;
        background-position: top center !important;
        background-color: #FFFFFF !important;
        }
       
    body[id~="all"] div div {
        border: 1px solid #99c5cd !important;
    }
       
    .trowhl { border: 3px solid #99c5cd !important; }
    .trow_my { background-color: red !important; }
    .actionText { color: #FF0000 !important; }
    .highlightname { background-color: #FFFFC8 !important; }
    .tborder { background-color: #99c5cd !important; }
    .editlink { color: maroon !important; }
    a:link, a:visited { text-decoration: none !important; color: #376D95 !important; }
    a:hover { text-decoration: underline !important; color: #FF8D2F !important; }
    a.actionText:link, a.actionText:visited, a.actionText:hover { color: #FF0000 !important; }
    a.membername:link, a.membername:visited { text-decoration: none !important; }
    a.membername:hover { text-decoration: underline !important; }
}

---