Custom Sub Alert

[RepoTactics]

Hi there! Would someone mind putting this into a custom CSS for xsplit? I recently updated Xsplit and it deleted my old sub alert  . Here is the image to my sub alert: https://lh3.googleusercontent.com/-Fkrh1aJ9-Po/VdetGRljkUI/AAAAAAAAAFg/3Qmq1Qtv3Ig/w426-h237/alert_S.png

Finally would someone mind doing the same for a host alert? Here is the host alert image:https://lh3.googleusercontent.com/-yJBbh7Q8Z7Y/VhWhJIeQJBI/AAAAAAAAAHg/ZFBe1AMNjYU/w426-h237/alert_H.png

I would really appreciate it .
Thanks!

[TheNumbLock]

Requested by:

Subscriber:

Link: http://deepbot.tv/notifications/subnotification1.htm
Width: 450
Height: 120

CSS Code:

Code: [Select]

#sub-notification {
width: 426px !important;
height: 90px !important;
background-color: transparent !important;
background-image:url("https://lh3.googleusercontent.com/-Fkrh1aJ9-Po/VdetGRljkUI/AAAAAAAAAFg/3Qmq1Qtv3Ig/w426-h237/alert_S.png") !important;
background-repeat: no-repeat !important;
background-size: initial !important;
}
#sub-notification .subname {
position: absolute !important;
        margin-top: -165px !important;
        margin-left: 60px !important;
        text-align: center;
        line-height: 80px;
        width: 300px !important;
        font-size: 26px !important;
        text-transform: capitalize;
        font-weight: normal !important;
        font-family: impact !important;
        color: blue !important;
  text-shadow: 2px 2px 1px #000;
  -webkit-text-fill-color: black;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: teal;
}

Preview: (If there is a background, it is just my background.)



It's hard for me to test it, it's not as easy as follower/donations/subs. But it may be off a bit.

Host:

Link: http://deepbot.tv/notifications/hostnotification.htm
Width: 450
Height: 120

CSS Code:

Code: [Select]

body {
background-color: transparent;
color: white;
}

#host-notification {
  top: 0px;
  left: 0px;
width: 426px !important;
height: 81px !important;
border-radius: 0px !important;
background-image: url("http://i.imgur.com/ow5d8lV.png") !important;
background-repeat: no-repeat;
overflow: hidden;
}

#host-notification .hostname {
margin-top: -20px !important;
  margin-left: 0px !important;
text-align: center;
width: 300px !important;
font-size: 20px !important;
font-family: Impact !important;
text-shadow: 2px 2px 1px #000;
color: #ffffff;
-webkit-text-fill-color: black !important;
-webkit-text-stroke-width: 1px !important;
-webkit-text-stroke-color: cyan !important;
}

.hostdiv {
visibility: hidden !important;
}

.hostnumber {
visibility: hidden !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: "" !important;
}

.hostnum:after {
content: "" !important;
}

Preview: (If there is a black background, it is just my background.)

None. Sorry. :/