body {
background-color: transparent;
color: white;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
#donor-notification {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 800px;
height: 365px;
background-repeat: no-repeat;
background-image: url('
http://i.imgur.com/L18eYr2.png');}
#donor-notification .date {
margin-right: 40px;
padding-top: 43px;
text-align: right;
line-height: 20px;
vertical-align: top;
font-size: 20px;
font-family: Algerian;
text-shadow: 2px 2px 1px #000;
color: white;
}
#donor-notification .streamname {
margin-left: 34px;
padding-top: 28px;
text-align: left;
line-height: 26px;
vertical-align: top;
font-size: 24px;
font-family: Algerian;
text-shadow: 2px 2px 1px #FFF;
color: black;
}
#donor-notification .message {
margin-left: 38px;
float: left;
padding-top: 9px;
width: 70%;
line-height: 40px;
text-align: left;
vertical-align: top;
font-size: 20px;
font-family: Verdana;
color: black;
}
#donor-notification .amount {
float: right;
width: 21%;
padding-top: 17px;
text-align: left;
line-height: 26px;
vertical-align: top;
font-size: 30px;
font-family: Algerian;
text-shadow: 2px 2px 1px #fff;
color: black;
}
#donor-notification .donor {
margin-left: 520px;
padding-top: 147px;
text-align: left;
line-height: 28px;
vertical-align: middle;
font-size: 28px;
font-family: Comic Sans MS;
text-shadow: 2px 2px 1px #fff;
color: black;
}
