/* This file controls the look of the Live shoutbox... */ #chatoutput { /* Height of the shoutbox*/ height: 300px; /*Uncomment width below*/ /*width: 220px;*/ /* Horizontal Scrollbar Killer */ padding: 6px 0px; /* Borders */ border: 0px solid #shoutbox_name_color; border-width: 0px 0px; font: 11px tahoma, helvetica, arial, sans-serif; color: #shoutbox_text_color; background: #shoutbox_fade_to; overflow: auto; margin-top: 10px; } #chatoutput span { font-size: 1.1em; color: #shoutbox_name_color; } #chatForm label, #shoutboxAdmin { display: block; margin: 4px 0; } #chatoutput a { font-style: normal; font-weight: bold; color: #shoutbox_name_color} /* User names with links */ #chatoutput li span a { font-weight: normal; display: inline !important; border-bottom: 1px dotted #shoutbox_name_color} /* Solve dark background bug, let's comment this and recreate it */ /* #chatForm input, #chatForm textarea { width: 120px; display: block; margin: 0 auto; } */ .shoutbox, #chatForm textarea { width: 145px; display: block; margin: 0 auto; } #chatForm textarea { width: 150px; } .smileys, #chatForm input#submitchat { width: 70px; margin: 10px auto; border: 2px outset; padding: 2px; } #chatoutput ul#outputList { padding: 0; position: static; margin: 0; } #chatoutput ul#outputList li { padding: 4px; margin: 0; color: #shoutbox_text_color; background: none; font-size: 1em; list-style: none; } /* No bullets from Kubrick et al. */ #chatoutput ul#outputList li:before { content: ''; } ul#outputList li:first-line { line-height: 16px; } #lastMessage { padding-bottom: 2px; text-align: center; border-bottom: 2px dotted #shoutbox_fade_from; } #help { padding-bottom: 2px; text-align: left; } .help_link { cursor: help; } em#responseTime { font-style: normal; display: block; } #chatoutput .wp-smiley { vertical-align: middle; } /* turning mouse cursor into help .help { font-size: 13px; cursor: help }