Gamewhisp notification

[Flaunty17]

Subscriber Alert
Hello sir/madam,

Image Link: http://giphy.com/gifs/transparent-video-games-EVOQ4pd7nK9B6
Font Style/Link: Comic Sans
Font Color: Orange
Any text fill/boarder?: No
What do you want the alert to say?(Text Options: Sub Name, Months): Subname and Months
Example (If applicable): New sub:Name has just become a fox cub! Resub: Name has been a fox cub for (x) months!
Anything else?: no

Again thank you so much for doing this and taking your time with it, if there is anything missing let me know!

[TheNumbLock]

Requested by: Flaunty17

Gamewisp Sub:

Link: http://deepbot.tv/notifications/gwnotification.htm
Width: 500
Height: 350

CSS Code:

Code: [Select]

::-webkit-scrollbar {
    visibility: hidden !important;
}

body {
  background-color: transparent;
  color: black;
}
 
#sub-notification {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px !important;
  width: 466px !important;
  height: 232px !important;
  background-repeat: no-repeat;
  background-position-y: 0px;
  background-image: url(https://media.giphy.com/media/EVOQ4pd7nK9B6/giphy.gif) !important;
}
 
#sub-notification .subname {
  margin-left: 40px !important;
  padding-top: 240px !important;
  width: 400px !important;
  text-align: center;
  line-height: 36px !important;
  font-size: 36px !important;
  font-family: Comic Sans !important;
  font-weight: normal !important;
  text-shadow: 2px 2px 1px #000 !important;
  text-transform: capitalize !important;
  color: orange !important;
  -webkit-text-stroke-color: #00fff6;
-webkit-text-stroke-width: 0px;
}
 
#sub-notification .subtier {
visibility: hidden !important;
}
 
#sub-notification .submonths {
  position: absolute;
  top: 275px !important;
  margin-left: 10px !important;
  width: 455px;
  text-align: center;
  line-height: 36px !important;
  font-size: 36px !important;
  font-family: Comic Sans !important;
  font-weight: normal !important;
  text-shadow: 2px 2px 1px #000 !important;
  text-transform: capitalize !important;
  color: orange !important;
  -webkit-text-stroke-color: #00fff6;
-webkit-text-stroke-width: 0px;
}
 
#sub-notification .newsubmsg {
  position: absolute;
  top: 275px !important;
  margin-left: 0px !important;
  width: 455px;
  text-align: center;
  line-height: 36px !important;
  font-size: 36px !important;
  font-family: Comic Sans !important;
  font-weight: normal !important;
  text-shadow: 2px 2px 1px #000 !important;
  text-transform: capitalize !important;
  color: orange !important;
  -webkit-text-stroke-color: #00fff6;
-webkit-text-stroke-width: 0px;
}
 
#sub-notification .submonths::after {
  content: ' months!';
}
 
#sub-notification .newsubmsg::after {
  content: ' has just become a fox cub!' !important;
}

#sub-notification .submonths::before{
  content: ' has been a fox cub for ';
}

#sub-notification .subname::after {
  content: '' !important;
}

#sub-notification .subtier::before {
  content: '' !important;
}

#sub-notification .subtier::after {
  content: '' !important;
}
 
#sub-notification .subamount {
visibility: hidden !important;
}

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