OBS Style Code

 <style>
            body {
                overflow: hidden;
                margin: 5px;
            }

	    @-webkit-keyframes FadeOut {
                0% {
                   opacity:1;
                   -webkit-transform: scaleY(1);
                   -webkit-transform: translateX(0%);
                }
                100% {
                   opacity:0;
                   -webkit-transform: scaleY(0);
                   -webkit-transform: translateX(90%);
                }
            }
	    @-webkit-keyframes FadeIn {
                0% {
                   opacity:0;
                   -webkit-transform: scaleY(0);
                   -webkit-transform: translateX(-90%);
                }
                100% {
                   opacity:1;
                   -webkit-transform: scaleY(1);
                   -webkit-transform: translateX(0%);
                }
            }
            #chat_box {
                background-color: transparent;
                font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
                font-size: 13px;
                font-style: normal;
                font-variant: normal;
                font-weight: normal;
                position: absolute;
                overflow: hidden;
                color: #D3D3D3;
                border-radius: 4px;
                width: calc(100% - 10px);
                height: calc(100% - 10px);
            }

            #chat_box.dark {
                background: rgba(0,0,0,0.3);
                color: #fff;
            }

            #chat_box.light {
                background: rgba(255,255,255,0.3);
                color: #000;
            }

            .nick {
                font-weight: bold;
                text-transform: capitalize;
            }

            .tag {
                display: inline-block;
                text-indent: 21px;
                background-position: 0 center;
                background-repeat: no-repeat;
                display: inline-block;
                vertical-align: bottom;
                height: 18px;
                min-width: 18px;
                width: expression(document.body.clientWidth < $width ? "18px":"auto");
                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(//www-cdn.jtvnw.net/images/xarth/g/g18_turbo-FFFFFF80.png);
            }

            .moderator {
                background-color: #009900;
                background-image: url(//www-cdn.jtvnw.net/images/xarth/g/g18_sword-FFFFFF80.png);
            }

            .broadcaster {
                background-color: #000000;
                background-image: url(//www-cdn.jtvnw.net/images/xarth/g/g18_camera-FFFFFF80.png);
            }

            .staff {
                background-color: #6441a5;
                background-image: url(//www-cdn.jtvnw.net/images/xarth/g/g18_wrench-FFFFFF80.png);
            }

            .admin {
                background-color: #FF0000;
                background-image: url(//www-cdn.jtvnw.net/images/xarth/g/g18_badge-FFFFFF80.png);
            }

            .chat_line {
                margin-left: 3px;
                margin-right: 3px;
                padding-top: 2px;
                padding-bottom: 3px;
                line-height: 16px;
                -webkit-animation: FadeIn .6s;
                -webkit-animation-delay: 0s;
            }

            .chat_line .message {
                word-break: break-all;
                word-wrap: break-word;
            }

            .emoticon {
                margin-bottom: -7px;
            }
        </style>