Skip to content

Instantly share code, notes, and snippets.

@grahamb
Created January 22, 2010 08:03
Show Gist options
  • Save grahamb/283579 to your computer and use it in GitHub Desktop.
Save grahamb/283579 to your computer and use it in GitHub Desktop.
Redbox
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
p { margin: 0; padding: 0;}
#donations {
background-color: #b5111a;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1, rgb(181,17,25)), color-stop(0.22, rgb(138,0,12)));
background-image: -moz-linear-gradient(center bottom, rgb(181,17,25), rgb(138,0,12));
height: 450px;
font-size: 60px;
color: #fff;
font-family: 'District', 'Helvetica Neue', Helvetica, Arial, sans-serif;
padding: 50px;
text-shadow:-2px -2px 2px #574343;
line-height: 100%;
width: 275px;
}
.smaller { font-size: 30px;}
.redpair { padding-bottom: 35px; }
.cents {
font-size: 30px;
vertical-align:super;
border-bottom: 1px solid white;
}
</style>
</head>
<body>
<div id="donations">
<div id="goal"class="redpair">
<p class="smaller">GOAL:</p>
<p>$5000.<span class="cents">00</span></p>
</div>
<div id="raised" class="redpair">
<p class="smaller">RAISED:</p>
<p>$0.<span class="cents">00</span></p>
</div>
<div id="togo" class="redpair">
<p class="smaller">DAYS TO GO:</p>
<p>150</p>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment