view gpp/shoutbox/static/css/shoutbox_app.css @ 481:9f888dbe61ce

Fixing #230; add a scrollbar to the PM popup dialog if necessary. This wasn't as easy as I thought. Had to wrap the PM text in a div with its styling (max-height and overflow). If I then resized the dialog, I'd get two scrollbars. So for now, made the dialog non-resizable.
author Brian Neal <bgneal@gmail.com>
date Fri, 07 Oct 2011 02:11:33 +0000
parents 88b2b9cb8c1f
children
line wrap: on
line source
div.shoutbox-history table {
   border-collapse: collapse;
   width: 95%;
   margin: 1em auto 1em auto;
   border: 1px solid black;
}
div.shoutbox-history th {
    border: 1px solid black;
    padding: 5px 2px;
    text-align: center;
    width: 10%;
}
div.shoutbox-history td {
    border: 1px solid black;
    padding: 5px 5px;
    width: 90%;
}
div.shoutbox-history tr.odd {
    background-color: #ddd;
}
div.shoutbox-history .date {
    font-style: italic;
}

div.shoutbox-history .edit {
    padding: 5px 5px;
}

div.shoutbox-history .edit:hover {
    background-color: #7fffd4;
    cursor: pointer;
}