CSS Request

[Monstarr21]

Hey there. I am looking to get some custom CSS for my alerts if possible
Follower
Image Link: http://fc07.deviantart.net/fs70/f/2011/241/0/e/jay_and_silent_bob___dance_by_ominousstorm-d488vcv.gif
Font Style/Link: If possible http://www.dafont.com/rapscallion.font
Font Color: white
Any text fill/boarder?: no
Marquee/Scroll Effect?: no
Where do you want text located? (Follower Name): Middle of image
Example (If applicable): NA
Anything else?: Na

Donation Alert

Image Link: http://4.bp.blogspot.com/-SRTPsftNfb8/VJaN7iv-CMI/AAAAAAAAEDg/757OSL05vDY/s1600/tumblr_lqz9v4TBqA1qmu5v6.gif
Font Style/Link: http://www.dafont.com/rapscallion.font
Font Color: White
Any text fill/boarder?: no
Marquee/Scroll Effect?: no
Currency Type: USD
Where do you want text located?(Donator Name, Donation Amount, Message) Donation name and amount at top of image, message at the bottom of image
Example (If applicable):NA
Anything else?:NA

Thank you again! Much appreciated

[TheNumbLock]

Requested by:

Follower:

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 500
Height: 250

CSS Code:

Code: [Select]

@font-face {
font-family: "RAPSCALL";
src: url("http://download1488.mediafire.com/4bsttvdyu5ag/t247cl5yg2sofxm/RAPSCALL.TTF");
}
#follow-notification {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 424px !important;
height: 232px !important;
border-radius: 00px !important;
background-image: url("http://i.imgur.com/fkQbON0.gif") !important;
background-repeat: no-repeat;
}
#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 50px !important;
margin-left: 90px !important;
margin-right: 100px !important;
width: 200px !important;
font-size: 60px !important;
font-weight: normal !important;
font-family: RAPSCALL !important;
color: white !important;
}

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





Donation:

Link: http://deepbot.tv/notifications/donationnotification2.htm
Width: 510
Height: 280

CSS Code:

Code: [Select]

@font-face {
font-family: "RAPSCALL";
src: url("http://download1488.mediafire.com/4bsttvdyu5ag/t247cl5yg2sofxm/RAPSCALL.TTF");
}
#donor-notification {
width: 499px !important;
height: 268px !important;
background-color: transparent !important;
background-image:url("http://i.imgur.com/NNFQfEN.gif") !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 {
position: absolute !important;
text-align: center !important;
margin-top: 130px !important;
margin-left: 70px !important;
margin-right: 150px !important;
width: 400px !important;
font-size: 22px !important;
font-weight: normal !important;
font-family: RAPSCALL !important;
color: white !important;
}
#donor-notification .amount {
position: absolute !important;
text-align: center !important;
margin-top: 35px !important;
margin-left: 150px !important;
margin-right: 150px !important;
width: 200px !important;
font-size: 30px !important;
font-weight: normal !important;
font-family: RAPSCALL !important;
color: white !important;
}
#donor-notification .donor {
position: absolute !important;
text-align: center !important;
margin-top: -20px !important;
margin-left: 150px !important;
margin-right: 150px !important;
width: 200px !important;
font-size: 30px !important;
font-weight: normal !important;
font-family: RAPSCALL !important;
color: white !important;
}

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

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

[Monstarr21]

Thank you Repent! Much appreciated!