Deep Bot - Twitch Streamer Assistant

Deep Bot => Custom Notifications => Topic started by: MercurY3rd on January 27, 2015, 05:13:46 PM

Title: Don't know if it works this way
Post by: MercurY3rd on January 27, 2015, 05:13:46 PM

I want to set up my Follower and Donation alerts, but my CSS skills are under all pig  ;).
It looks great with the test donations and followers, but will it work with the real stuff.... i don't know. So if someone would be so kind and tell me what to change in the css part?

thx

---

Follower:
Link: http://deepbot.tv/notifications/follownotification1.htm (http://deepbot.tv/notifications/follownotification1.htm)

Css:

Code: [Select]

@font-face {
font-family: "CF Crack and Bold";
src: url("http://krank-haft.de/CFCrackandBold.ttf");
}
#follow-notification {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 800px !important;
height: 220px !important;
border-radius: 00px !important;
background-image: url('http://krank-haft.de/Follow2.png') !important;
background-repeat: no-repeat;
}
#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 5px !important;
margin-left: 100px !important;
margin-right: 100px !important;
width: 600px !important;
font-size: 60px !important;
font-weight: normal !important;
font-family: CF Crack and Bold !important;
color: #4298C1 !important;
-webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #6DC6F9;
    -webkit-text-fill-color: #4298C1;


}

---

Donation:
Link:http://deepbot.tv/notifications/donationnotification2.htm?ccy=%E2%82%AC (http://deepbot.tv/notifications/donationnotification2.htm?ccy=%E2%82%AC)

Css:

Code: [Select]

@font-face {
font-family: "CF Crack and Bold";
src: url("http://krank-haft.de/CFCrackandBold.ttf");
}
#donor-notification {
width: 800px !important;
height: 350px !important;
background-color: transparent !important;
background-image:url('http://krank-haft.de/Donor.png') !important;
background-repeat: no-repeat !important;
background-size: initial !important;
}


#donor-notification .header {
position: absolute !important;
visibility: hidden !important;
}

#donor-notification .streamname {
visibility: hidden !important;
}

#donor-notification .message {
visibility: hidden !important;
}
#donor-notification .amount {
position: absolute !important;
text-align: center !important;
margin-top: 85px !important;
margin-left: 250px !important;
margin-right: 250px !important;
width: 300px !important;
font-size: 72px !important;
font-weight: normal !important;
font-family: CF Crack and Bold !important;
color: #4298C1 !important;
-webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #6DC6F9;
    -webkit-text-fill-color: #4298C1;
}
#donor-notification .donor {
position: absolute !important;
text-align: center !important;
margin-top: -20px !important;
margin-left: 100px !important;
margin-right: 100px !important;
width: 600px !important;
font-size: 70px !important;
font-weight: normal !important;
font-family: CF Crack and Bold !important;
color: #4298C1 !important;
-webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #6DC6F9;
    -webkit-text-fill-color: #4298C1;
}

#donor-notification .title {
padding-top: 44px !important;
margin-left: 0px !important;
width: 100% !important;
float: left !important;
text-align: left !important;
}


Title: Re: Don't know if it works this way
Post by: TheNumbLock on January 27, 2015, 06:09:05 PM

Wow, didn't realize CSS could be this advanced. Again, I don't know much, but very good in my opinion. :D
I don't think you need to change anything, but I am not that good at CSS. I am pretty much a noob. :D