annotate media/css/shoutbox.css @ 296:0eed8161ca39

Fixing #138. Shoutbox scroller breaks down if there aren't at least 2 things to scroll. Added some dummy shouts on the client side if the shout database is empty.
author Brian Neal <bgneal@gmail.com>
date Sun, 09 Jan 2011 20:53:00 +0000
parents 2a3285e32062
children
rev   line source
gremmie@1 1 span.shoutbox-user {
gremmie@1 2 font-weight: bold;
gremmie@1 3 text-decoration: underline;
gremmie@1 4 }
gremmie@1 5 span.shoutbox-shout {
gremmie@1 6 }
gremmie@1 7 span.shoutbox-date {
gremmie@1 8 font-style: italic;
gremmie@1 9 }
gremmie@1 10 div#shoutbox-smiley-frame {
gremmie@1 11 margin: 0.5em 2px;
gremmie@1 12 }
gremmie@1 13 div#shoutbox-smiley-frame img {
gremmie@1 14 padding: 1px 1px;
gremmie@1 15 }
gremmie@1 16 div.smiley_farm img {
gremmie@1 17 border: 0;
gremmie@1 18 cursor: pointer;
gremmie@1 19 }
bgneal@12 20 #shoutbox-shout-container {
bgneal@272 21 margin: auto;
bgneal@272 22 width: 142px;
bgneal@272 23 height: 200px;
bgneal@272 24 background-color: #bdd6d6;
bgneal@272 25 border: 1px solid teal;
bgneal@272 26 padding: 2px;
bgneal@272 27 padding-left: 4px;
bgneal@272 28 margin-bottom: 2px;
bgneal@272 29 -moz-border-radius: 5px;
bgneal@272 30 border-radius: 5px;
gremmie@1 31 }
bgneal@273 32 #shoutbox-shout-container p {
bgneal@273 33 margin-left: 2px;
bgneal@274 34 margin-right: 2px;
bgneal@274 35 margin-top: 0.5em;
bgneal@273 36 }