Deep Bot - Twitch Streamer Assistant

Deep Bot => Custom Notifications => Topic started by: Spektral50 on May 14, 2016, 01:26:55 AM

Title: Custom Gamewisp CSS work
Post by: Spektral50 on May 14, 2016, 01:26:55 AM

Hello I was hoping you could help me get my CSS work for CLR brower done for my gamewisp notification

this is the image I would like: http://imgur.com/nlpxMTj

Title: Re: Custom Gamewisp CSS work
Post by: TheNumbLock on May 14, 2016, 02:12:56 AM

GameWisp:

Code: [Select]

GameWisp Sub Alert

Image Link:
Font Style/Link:
Font Color:
Any text fill/boarder?:
What do you want the alert to say?(Text Options: Sub Name, Sub months, New Sub, Sub Tier):
Example (If applicable):
Anything else?:


Title: Re: Custom Gamewisp CSS work
Post by: Spektral50 on May 14, 2016, 02:25:18 AM

GameWisp Sub Alert

Image Link: http://imgur.com/nlpxMTj
Font Style/Link: impact
Font Color: white text with black border

What it should say: User has subbed to the Hoodie Ninja Elite!

Title: Re: Custom Gamewisp CSS work
Post by: TheNumbLock on May 14, 2016, 03:07:45 AM

Requested by:

Follower:

Link: http://deepbot.tv/notifications/gwnotification.htm?dur=10000
Width: 800
Height: 800

CSS Code:

Code: [Select]

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

#sub-notification {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 800px !important;
  height: 800px !important;
  background-repeat: no-repeat;
  background-position-y: 0px;
  background-image: url(http://i.imgur.com/nlpxMTj.png) !important;
}

#sub-notification .subname {
  margin-left: 160px !important;
  margin-top: 10px !important;
  padding-top: 30px;
  width: 455px;
  text-align: center;
  line-height: 30px !important;
  font-size: 30px !important;
  font-weight: normal !important;
  font-family: Impact !important;
  text-shadow: none !important;
  text-transform: none !important;
  color: White !important;
  -webkit-text-stroke-color: black;
  -webkit-text-stroke-width: 1.5px;
}

#sub-notification .subtier {
visibility: hidden !important;
}

#sub-notification .submonths {
visibility: hidden !important;
}

#sub-notification .newsubmsg {
visibility: hidden !important;
}

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

#sub-notification .subname::after {
  content: ' has subbed to the Hoodie Ninja Elite!' !important;
}

.submonths::before {
content: '' !important;
}

#sub-notification .newsubmsg::after {
  content: '';
}

.subtier::before {
content: '' !important;
}

#sub-notification .subamount {
visibility: hidden !important;
}

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

(http://puu.sh/oQF7P/d569d4c676.png)