Hi everyone,
How is it that my chat badges are getting smaller when the message is bigger ?
CSS:
::-webkit-scrollbar {
visibility: hidden;
}
html {
height: 95%;
width: 95%;
}
BODY {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
color: #FFF;
height: 95%;
width: 95%;
overflow: hidden;
}
.nick {
font-weight: bold;
text-transform: capitalize;
text-shadow: 1px 1px 0 #000;
}
.emote {
margin: -4px 0px;
}
.tag {
display: inline-block;
text-indent: 21px;
background-position: 0 center;
background-repeat: no-repeat;
display: inline-block;
vertical-align: bottom;
height: 18px;
width: 18px;
padding: 0;
margin-right: 3px;
margin-bottom: -1px;
text-indent: -9999px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
overflow: hidden;
}
.turbo {
background-color: #6441a5;
background-image: url(http://www-cdn.jtvnw.net/images/xarth/badge_turbo.svg);
background-size: 100%;
}
.moderator {
background-color: #34ae0a;
background-image: url(http://www-cdn.jtvnw.net/images/xarth/badge_mod.svg);
background-size: 100%;
}
.broadcaster {
background-color: #e71818;
background-image: url(http://www-cdn.jtvnw.net/images/xarth/badge_broadcaster.svg);
background-size: 100%;
}
.staff {
background-color: #200f33;
background-image: url(http://www-cdn.jtvnw.net/images/xarth/badge_staff.svg);
background-size: 100%;
}
.admin {
background-color: #faaf19;
background-image: url(http://www-cdn.jtvnw.net/images/xarth/badge_admin.svg);
background-size: 100%;
}
.global_mod {
background-color: #0C6F20;
background-image: url(http://www-cdn.jtvnw.net/images/xarth/badge_globalmod.svg);
background-size: 100%;
}
.creator {
background-image: url(http://deepbot.deep.sg/images/obschat/creator.gif);
}
.support {
background-image: url(http://deepbot.deep.sg/images/obschat/support.png);
}
.vipbronze {
background-image: url(http://deepbot.deep.sg/images/obschat/vipbronze.png);
}
.vipsilver {
background-image: url(http://deepbot.deep.sg/images/obschat/vipsilver.png);
}
.vipgold {
background-image: url(http://deepbot.deep.sg/images/obschat/vipgold.png);
}
.chat_line {
padding-left: 5px;
padding-right: 5px;
margin-right: -10px;
padding-top: 2px;
padding-bottom: 15px;
line-height: 16px;
word-wrap: break-word;
color: #FFF;
}
#chat_box {} #chat_container {
border-radius: 10px;
background-color: transparent;
padding: 10px;
height: 95%;
width: 95%;
}
