Kod:
/* DVZ Shoutbox */
#shoutbox {
margin-bottom: 10px;
border: solid px rgba(0,0,0,0.1);
}
#shoutbox .head {
background: #F5F5F5;
color: #333;
padding: 8px;
border-bottom: 1px solid #DDD;
}
#shoutbox.front .head {
cursor: pointer;
}
#shoutbox .head .right {
float: right; margin: 0; font-size: 13px;
}
#shoutbox.collapsed .head {
opacity: 0.6;
}
#shoutbox.collapsed .body {
display: none;
}
#shoutbox .panel {
color: #ddd;
border-top: solid px rgba(0,0,0,0.1);
padding: 10px 15px;
background-color: #F5F5F5;
border-width: 1px medium medium;
border-style: solid none none;
border-color: #DDD -moz-use-text-color -moz-use-text-color;
}
#shoutbox input.text {
width: 100%;
color: #000;
margin: 0;
padding: 10px 8px;
box-sizing: border-box;
border: none;
box-shadow: inset 0 2px 4px rgba(0,0,0,0);
border-color: #DDD -moz-use-text-color #CCC #CCC;
border-width: 1px medium 1px 1px;
border-style: solid none solid solid;
border: 1px solid #BDBDBD;
height: 35px;
font-family: Arial, sans-serif;
font-size: 12px;
}
#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 {
border-top: solid 0px rgba(0,0,0,0.1);
overflow-y: scroll;
padding: 10px;
background-color: #FFF;
}
#shoutbox .data {
width: 100%;
text-align: left;
display: table;
border-top: solid 2px rgba(0,0,0,0.1);
font-family: Arial, sans-serif;
font-size: 12px;
}
#shoutbox.front .data {
border-top: none;
}
#shoutbox .entry {
border-bottom: 1px solid #f3f3f3;
margin-bottom: 5px;
padding-bottom: 5px;
display: block !important;
overflow: hidden;
clear: left;
background: none !important;
position: relative;
}
#shoutbox .entry:nth-child(even) {
background-color: #FFF;
}
#shoutbox .entry.new {
background-color: rgba(255,255,100,0.1);
}
#shoutbox .entry > div {
border-bottom: solid 1px rgba(0,0,0,0.05);
}
#shoutbox .entry:last-child > div {
border-bottom: none;
}
#shoutbox .entry > div {
/*padding: 6px;*/
}
#shoutbox .avatar img {
height: auto;
float:left;
width: 50px;
border: none;
box-shadow: none;
max-height: none;
max-width: none;
}
#shoutbox .user {
display: inline;
padding: 0 10px;
font-size: 14px;
text-transform: uppercase;
}
#shoutbox .text {
display: block;
padding: 0;
color: #777;
width: 100%;
padding-left: 60px;
}
#shoutbox .info {
color: #777;
position: absolute;
top: 0;
right: 0;
font-size: 10px;
}
#shoutbox .mod {
padding: 6px 8px; font-size: 9px; font-weight: bold; color: #AAA; text-decoration: none;
}
#shoutbox .mod:nth-of-type(2) {
margin-right: 5px;
border-left: solid 1px rgba(0,0,0,0.1);
}
#shoutbox .ip {
margin-right: 10px; color: #CECECE;
}
no z tego ss wynika co innego i każdy poszedł w tym kierunku co ja, więc pisz zrozumiale, a później miej pretensje.