I do not know if this will work for you, but here you go:
Requested by: dorian_d
Host:Link:
http://deepbot.tv/notifications/follownotification1.htmWidth: 850
Height: 650
CSS Code:
body {
background-color: transparent;
color: white;
}
#host-notification {
top: 0px;
left: 0px;
width: 800px !important;
height: 600px !important;
border-radius: 0px !important;
background-image: url('http://i.imgur.com/Q4shF7c.gif') !important;
background-repeat: no-repeat;
overflow: visible !important;
}
#host-notification .hostname {
margin-top: 5px !important;
margin-left: 230px !important;
text-align: center;
width: 313px;
font-size: 32px !important;
font-family: Impact !important;
text-shadow: 0px 0px 0px #000 !important;
color: white !important;
}
.hostdiv {
text-align: center;
vertical-align: middle;
margin-top: 4px;
margin-left: 2px;
text-shadow: 0px 0px 0px #000 !important;
color: white !Important;
border-radius: 50%;
width: 44px;
height: 38px;
line-height: 36px;
background: #0000;
border: 0px solid #F00 !important;
font: 32px Impact !important;
-webkit-transform: rotate(0deg) !important;
}
.hostnumber {
position: absolute !important;
top: 20% !important;
margin-left: 290px !important;
margin-top: 110px !important;
}
#host-notification .header {
text-align: center;
width: 500;
vertical-align: top;
font-size: 26px;
line-height: 26px;
font-family: Algerian;
text-shadow: 1px 1px 1px #97A02A;
text-decoration: underline;
color: red;
visibility: hidden;
padding-top: -50px;
}
.hostname:after {
content: ' is hosting the stream for ' !important;
}
.hostnumber:after {
content: 'viewers!' !important;
margin-left: 10px !important;
}
.header:after {
content: ' viewers!' !important;
}
Preview: (If there is a black background, it is just my background.)