DVZ Shoutbox – New Look

[Spartak]

DVZ Shoutbox – New Look

Hello everyone! I have a new CSS code for DVZ Shoutbox.<br />
<br />
CSS code:<br />
<pre class="block-code line-numbers language-none"><code class="language-none">#shoutbox { margin-bottom: 10px; background-color: #FFF; border-radius: 5px; border: 1px solid #000; }
#shoutbox .head { padding: 8px; }
#shoutbox.front .head { cursor: pointer; }
#shoutbox .head .right { float: right; margin: 0; font-size: 13px; }
#shoutbox .head .right a { padding: 8px; }
#shoutbox.collapsed .head { opacity: 0.6; }
#shoutbox.collapsed .body { display: none; }

#shoutbox .panel { padding: 10px 15px; }
#shoutbox input.text { padding: 10px 8px; width: 100%; font-family: Arial, sans-serif; font-size: 12px; color: #000; box-sizing: border-box; border-radius: 5px; border: 1px solid #BBB; background-color: #E5E5E5; }
#shoutbox .minposts, #shoutbox .blocked { padding: 6px; font-size: 11px; }
#shoutbox .panel.minposts { color: #727250; background-color: #FFFED8; }
#shoutbox .panel.blocked { color: #543A3A; background-color: #FCEFEF; }
#shoutbox .panel p { margin: 0; }

#shoutbox .window { padding: 10px; overflow-y: scroll; }
#shoutbox .data { display: table; width: 100%; font-family: Arial, sans-serif; font-size: 12px; }
#shoutbox.front .data { border-top: none; }

#shoutbox .entry { display: block !important; padding: 10px 0 10px 0; overflow: hidden; position: relative; }
#shoutbox .entry:last-child &gt; div { border-bottom: none; }
#shoutbox .entry:nth-child(even) { border-radius: 5px; background-color: #F1F1F1;}

#shoutbox .avatar img { float: left; margin-left: 8px; vertical-align: middle; height: 40px; width: 40px; border-radius: 10px; cursor: pointer; }
#shoutbox .user { display: inline; padding: 12px; white-space: nowrap; font-size: 13px; }
#shoutbox .text { display: block; padding-left: 60px; color: #000; }

#shoutbox .info { margin: 8px; position: absolute; top: 0; right: 0; color: #000; font-size: 10px; }
#shoutbox .info a { color: inherit; }
#shoutbox .mod { padding: 6px 8px; font-size: 9px; font-weight: bold; text-decoration: none; }
#shoutbox .mod:nth-of-type(2) { margin-right: 5px; border-left: 1px solid #DDD; }
#shoutbox .ip { margin-right: 10px; color: #000; }</code></pre><br />
Preview:<br />
<img src="

Please, Log in or Register to view URLs content!

" data-original-url="https://i.imgur.com/Hx43M8V.png" loading="lazy" alt="[Image: Hx43M8V.png]" class="mycode_img" />

Please, Log in or Register to view URLs content!