08.07.2015, 10:30
wersja skryptu MyBB: 1.84
adres forum: localhost
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki):
Mam takowy efekt http://screenshot.sh/mKMN2Kmk346II chciałbym aby wiadomość , data itp była po środku z avatarem.
adres forum: localhost
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki):
Mam takowy efekt http://screenshot.sh/mKMN2Kmk346II chciałbym aby wiadomość , data itp była po środku z avatarem.
Kod PHP:
/* DVZ Shoutbox */
#shoutbox { margin-bottom: 10px; }
#shoutbox div.thead { padding: 6px; font-weight: bold; }
#shoutbox.front .thead { cursor: pointer; }
#shoutbox .thead .right { float: right; margin: 0; font-size: 13px; font-weight: normal; color: #EEE; }
#shoutbox.collapsed .thead { opacity: 0.6; }
#shoutbox.collapsed .body { display: none; }
#shoutbox input.text {
z-index: 2;
background:url(images/playordie/sb_belka.png) no-repeat;
width:960px;
height:57px;
border:none;
margin-top: 22px;
position:relative; }
#shoutbox .minposts, #shoutbox .blocked { padding: 6px; font-size: 11px; }
#shoutbox .panel.minposts { background: #FFFED8; color: #727250; }
#shoutbox .panel.blocked { background: #FCEFEF; color: #543A3A; }
#shoutbox .panel p { margin: 0; }
#shoutbox .window { padding: 1px; overflow-y: scroll;
width: 960px;
float: left;
margin-top: 10px;}
#shoutbox .data { display: table; width: 100%; font: 12px Arial, sans-serif; }
#shoutbox .entry {
margin-bottom: 6px;
width: 100%;
background: rgba(0, 0, 0, 0.2) none repeat scroll 0% 0%;
border-radius: 15px;
}
#shoutbox .entry:nth-child(even) { background-color: rgba(0, 0, 0, 0.14); }
#shoutbox .entry.new { background-color: rgba(255,255,100,0.1); }
#shoutbox .entry > div { }
#shoutbox .entry:last-child > div { }
#shoutbox .avatar { display: table-cell; padding: 6px; }
#shoutbox .avatar img {width: 47px;
height: 47px;
float: left;
margin-top: 3px;
margin-left: 3px;
border: 2px solid #003857;
border-radius: 15px; }
#shoutbox .user { display: table-cell; margin: 0; padding: 6px; text-align: right; white-space: nowrap; }
#shoutbox .text { display: table-cell; margin-bottom: 20px; width: 100%; color: #555; }
#shoutbox .call { cursor: pointer; color: #AAAAAA; }
#shoutbox .info { display: table-cell; padding: 4px; font-size: 11px; color: #AAA; text-align: right; white-space: nowrap; }
#shoutbox .info .date { margin-right: 10px; }
#shoutbox .info .ip { margin-right: 5px; color: #CECECE; }
#shoutbox .mod { padding: 6px 8px; font-size: 9px; font-weight: bold; color: #AAA; text-decoration: none; }
#shoutbox .mod:nth-of-type(2) { border-left: solid 1px #EEE; }
#shoutbox .ip { margin-left: 10px; }