Skip to content

Instantly share code, notes, and snippets.

@timrobinson81

timrobinson81/dabblet.css

Created September 25, 2012 04:46
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save timrobinson81/3780028 to your computer and use it in GitHub Desktop.
Save timrobinson81/3780028 to your computer and use it in GitHub Desktop.
Download ZIP
The first commented line is your dabblet’s title
Raw
dabblet.css
/**
* The first commented line is your dabblet’s title
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
Raw
dabblet.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Bluesfest</title>
<style type="text/css">
.ReadMsgBody {
width: 100%;
}
.ExternalClass {
width: 100%;
}
body {
background-image: url('http://ecards.showticks.com/bluesfest/BLF1717/images/background_repeat.png');
background-repeat: repeat-y no-repeat;
background-color:#fff;
margin:0;
padding:0;
}
p, table.prices td, li {
margin:5px 0 5px 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
color: #000000;
font-weight: bold;
letter-spacing: -1px;
vertical-align:top;
}
table.prices th {
margin:5px 0 5px 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
color: #cc0000;
font-weight: bold;
letter-spacing: -1px;
vertical-align:top;
text-align:left;
}
div.MsoNormal {
mso-style-unhide:no;
mso-style-qformat:yes;
mso-style-parent:"";
margin-top:0cm;
margin-right:0cm;
margin-bottom:10.0pt;
margin-left:0cm;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri", "sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:Calibri;
mso-fareast-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;
mso-fareast-language:EN-US;
}
li.MsoNormal {
mso-style-unhide:no;
mso-style-qformat:yes;
mso-style-parent:"";
margin-top:0cm;
margin-right:0cm;
margin-bottom:10.0pt;
margin-left:0cm;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri", "sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:Calibri;
mso-fareast-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;
mso-fareast-language:EN-US;
}
p.MsoNormal {
mso-style-unhide:no;
mso-style-qformat:yes;
mso-style-parent:"";
margin-top:0cm;
margin-right:0cm;
margin-bottom:10.0pt;
margin-left:0cm;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri", "sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:Calibri;
mso-fareast-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;
mso-fareast-language:EN-US;
}
span.SpellE {
mso-style-name:"";
mso-spl-e:yes;
}
</style>
</head>
<body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="background-image: url(http://ecards.showticks.com/bluesfest/BLF1717/images/background_repeat.png);background-repeat: repeat-y no-repeat;background-color: #fff;margin: 0;padding: 0;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="http://ecards.showticks.com/bluesfest/BLF1717/images/background_repeat.png">
<tr>
<td align="center"><table width="650" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;">
<!-- start: link to online version -->
<tr>
<td style="text-align: center; color:#000; font: normal 12px Arial, Helvetica, sans-serif;"><table width="650" border="0" cellspacing="0" cellpadding="0" bgcolor="#996633">
<tr>
<td><img src="http://ecards.showticks.com/bluesfest/BLF1620/images/spacer.png" alt="" width="1" height="39" style="display:block;"></td>
<td align="left" style="text-transform:uppercase; font:normal 11px Arial; color:#000000; background:url(http://ecards.showticks.com/deniutemuster/DUM1323/images/alert-overlay.png) top left repeat-x #996633;" width="99%">No Images?
<a href="http://ecards.showticks.com/bluesfest/BLF1866/email.html" target="_blank" style="color:#000; font-weight:bold;">Click here!<br>
</a>
<span style="color:white; font-weight:bold; font-size:12px;">Bluesfest Pty Ltd presents</span>
</td>
<td align="right" style="padding-top:3px; background:url(http://ecards.showticks.com/deniutemuster/DUM1323/images/alert-overlay.png) top left repeat-x #996633;"><a href="http://www.facebook.com/share.php?u=http://ecards.showticks.com/bluesfest/BLF1866/index.html" target="_blank">
<img src="http://ecards.showticks.com/supafest/SPF1163/images/icon_facebook_share.png" alt="Share with Facebook" border="0" style="display:block;">
</a>
<!--<img src="http://ecards.showticks.com/supafest/SPF1163/images/icon_twitter.png" alt="" />-->
</td>
<td align="right" style="padding-top:3px; background:url(http://ecards.showticks.com/deniutemuster/DUM1323/images/alert-overlay.png) top left repeat-x #996633;"><a href="http://www.youtube.com/watch?v=K6iMKxf3vC4&amp;list=FLWpfO4sOGBprzHynMy09jNg&amp;feature=plpp_play_all" target="_blank">
<img src="http://ecards.showticks.com/supafest/SPF1163/images/icon_youtube.png" alt="YouTube" border="0" style="display:block;">
</a></td>
<td align="right" style="padding-top:3px; background:url(http://ecards.showticks.com/deniutemuster/DUM1323/images/alert-overlay.png) top left repeat-x #996633;"><a href="http://sendtoafriend.emediacampaigns.com/?JobID=1866&amp;Email=##email##&amp;Name=##firstname##" target="_blank">
<img src="http://ecards.showticks.com/supafest/SPF1163/images/icon_email.png" alt="Tell A Friend" border="0" style="display:block;">
</a></td>
<td align="right" style="padding-top:3px; background:url(http://ecards.showticks.com/deniutemuster/DUM1323/images/alert-overlay.png) top left repeat-x #996633;"><a href="https://www.facebook.com/bluesfestbyronbay" target="_blank">
<img src="http://ecards.showticks.com/supafest/SPF1163/images/icon_facebook.png" alt="Facebook" border="0" style="display:block;">
</a></td>
</tr>
</table></td>
</tr>
<!-- end: link to online version -->
<!-- start: header -->
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="http://www.facebook.com/share.php?u=http://ecards.showticks.com/bluesfest/BLF1399/index.html" target="_blank"></a>
<a href="http://www.bluesfest.com.au/?utm_source=BLF1866&amp;utm_medium=email&amp;utm_campaign=header" target="_blank"><img src="http://ecards.showticks.com.s3.amazonaws.com/bluesfest/BLF1882/images/headline.jpg" border="0" style="display:block;"></a></td>
</tr>
</table></td>
</tr>
<!-- end: header -->
<tr>
<td style="font:normal 13px Georgia; vertical-align:top;" align="center"><table width="632" border="0" cellspacing="0" cellpadding="0" bgcolor="#ede0c8">
<tr>
<td><img src="http://ecards.showticks.com/bluesfest/BLF1030/images/spacer.png"></td>
<td valign="top" style="font:bold 12px Arial; vertical-align:top; text-align:left"><img src="http://ecards.showticks.com.s3.amazonaws.com/bluesfest/BLF1882/images/header_art_collage.jpg" alt="" style="display:block;">
<table width="100%" border="0" cellspacing="0" cellpadding="7" style="margin:0 0 0 0; border-bottom:3px solid #000033; border-collapse:collapse;">
<tr>
<td style="background:url(http://ecards.showticks.com/deniutemuster/DUM1323/images/alert-overlay.png) top left repeat-x #006699;"><div align="center">
<a href="#" target="_blank" style="margin:0; font-size:28px; font-weight:bold; font-family:Helvetica, Arial, sans-serif; letter-spacing: -1px; text-align:center; color:white; text-decoration:none; text-shadow: 0px 1px 0px #000; text-shadow: 0px 1px 0px #000;">Thursday 4th of October 2012</a>
</div></td>
</tr>
</table>
<p>
Dear ##firstname##,
</p>
<table width="0%" border="0" cellspacing="0" align="right" cellpadding="0" style="float:right; margin:0 0 0 15px;">
<tr>
<td><img src="http://ecards.showticks.com.s3.amazonaws.com/bluesfest/BLF1882/images/calendar.jpg" alt="" align="right"></td>
</tr>
</table>
<p>
That was one very impressive 1st Artist Announcement, do you agree?
</p>
<p>
Please list all the artists announced but I don&rsquo;t want it to take up the entire ecard&hellip;
</p>
<p>
Ben Harper, Santana, Steve Miller Bank, Chris Isaak, Wilco, Bonnie Raitt, Dropkick Murphys, Glen Hansard with The Frames, Frank Turner &amp; The Sleeping Souls, Playing For Change, Tedeschi &amp; Trucks Band, Newton Faulkner, William Elliott Whitmore, Grace Potter, Ben Caplan
</p>
<p>
So, do you think we can do it all again and deliver yet another truly great line up?
</p>
<p>
YES, WE CAN - and Announcement Nr 2 is just around the corner.
</p>
<p>
Our 2nd of 4 fantastic announcements will be coming to you on Thursday 4th of October. More amazing artists will be added for each day of the Festival and get ready for some more dreams coming true!
</p>
<table width="100%" border="0" cellspacing="0" cellpadding="7" style="margin:0 0 0 0; border-bottom:3px solid #000033; border-collapse:collapse;">
<tr>
<td style="background:url(http://ecards.showticks.com/deniutemuster/DUM1323/images/alert-overlay.png) top left repeat-x #006699;"><div align="center">
<a href="#" target="_blank" style="margin:0; font-size:28px; font-weight:bold; font-family:Helvetica, Arial, sans-serif; letter-spacing: -1px; text-align:center; color:white; text-decoration:none; text-shadow: 0px 1px 0px #000; text-shadow: 0px 1px 0px #000;">Very important:</a>
</div></td>
</tr>
</table>
<p>
Prices will go up with each announcement! Sorry, we have to keep saying it and having to do it each time.
</p>
<p>
The response to the 1st announcement has been massive (Thank you) and the &lsquo;First announcement&rsquo; tickets are in very big demand and the allocation is almost sold!
</p>
<p>
Time to pay: The very popular &rsquo;Time to Pay&rsquo; option is still available! We understand that it makes it easier on the pocket paying your tickets off over 4 easy payments and keeping it open for a bit longer!
</p>
<p>
<a href="http://www.bluesfest.com.au/membersarea/orders/buy_tickets.aspx?utm_source=BLF1866&amp;utm_medium=email&amp;utm_campaign=cta_book_tickets" target="_blank"><img src="http://ecards.showticks.com/bluesfest/BLF1797/images/btn_buy_tickets.jpg" alt="" border="0" /></a>
</p>
<table width="100%" border="0" cellspacing="0" cellpadding="7" style="margin:0 0 0 0; border-bottom:3px solid #000033; border-collapse:collapse;">
<tr>
<td style="background:url(http://ecards.showticks.com/deniutemuster/DUM1323/images/alert-overlay.png) top left repeat-x #006699;"><div align="center">
<a href="#" target="_blank" style="margin:0; font-size:28px; font-weight:bold; font-family:Helvetica, Arial, sans-serif; letter-spacing: -1px; text-align:center; color:white; text-decoration:none; text-shadow: 0px 1px 0px #000; text-shadow: 0px 1px 0px #000;">Very cool:</a>
</div></td>
</tr>
</table>
<p>
You are currently only paying under $100 per day for a 5 day ticket!! For the quality of music and the number of artists performing each day, that is a true bargain.
</p>
<p>
5 Day ticket: $455 = $91 per day ONLY
</p>
<p>
Buddy Package for 2: $1,370 = $137 per person per day ONLY for 5 day Festival and 6 night camping. Our hottest seller.
</p>
<p>
3 Day Ticket: $335 - $111 per day ONLY
</p>
<p>
<a href="http://sendtoafriend.emediacampaigns.com/?JobID=1866&amp;Email=##email##&amp;Name=##firstname##" target="_blank"><img src="http://ecards.showticks.com/bluesfest/BLF1797/images/btn_tell_a_friend.jpg" alt="" border="0" /></a>
</p>
<table width="100%" border="0" cellspacing="0" cellpadding="7" style="margin:0 0 0 0; border-bottom:3px solid #000033; border-collapse:collapse;">
<tr>
<td style="background:url(http://ecards.showticks.com/deniutemuster/DUM1323/images/alert-overlay.png) top left repeat-x #006699;"><div align="center">
<a href="#" target="_blank" style="margin:0; font-size:28px; font-weight:bold; font-family:Helvetica, Arial, sans-serif; letter-spacing: -1px; text-align:center; color:white; text-decoration:none; text-shadow: 0px 1px 0px #000; text-shadow: 0px 1px 0px #000;">All ticket prices:</a>
</div></td>
</tr>
</table>
<table border="0" cellpadding="0" width="100%" class="prices">
<tbody>
<tr>
<th width="70%"> <strong>Festival 5 Day Season Ticket </strong>
</th>
<th> <strong>1ST ANNOUNCE</strong>
<strong></strong>
</th>
</tr>
<tr>
<td height="24"> Adult Festival </td>
<td> $455- save$90<strong>
</strong>
</td>
</tr>
<tr>
<td> Child Festival (6&ndash;14 years inclusive) </td>
<td> $120- save $20 </td>
</tr>
<tr>
<td> Buddy Package (Festival &amp; Camping for two at a discount) </td>
<td> $1370- save $220 </td>
</tr>
<tr>
<td> NEW Family Pack 2 x Adults Festival 2 x Child Festival </td>
<td> $1080 - save $220 </td>
</tr>
<tr>
<td> NEW Four Pack 4 x Adult Festival </td>
<td> $1740 - $435 per ticket! </td>
</tr>
<tr>
<td> VIP Lounge Entry *In addition to your festival ticket 18+ Only </td>
<td> $250 - selling fast! </td>
</tr>
<tr>
<td> NEW Diamond Bluesfest VIP Package* In addition to your festival ticket - see below 18+ only </td>
<td> $1199 </td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" class="prices">
<tbody>
<tr>
<th width="70%"> <strong></strong>
<strong>Festival 3 Day Ticket </strong>
</th>
<th> <strong>1ST ANNOUNCE</strong>
<strong></strong>
</th>
</tr>
<tr>
<td> Adult Festival Thu/Fri/Sat </td>
<td> $335 - save $60 </td>
</tr>
<tr>
<td> Adult Festival Fri/Sat/Sun </td>
<td> $335 - save $60 </td>
</tr>
<tr>
<td> Adult Festival Sat/Sun/Mon </td>
<td> $335 - save $60 </td>
</tr>
<tr>
<td> NEW Family Pack 2 x Adults 2 x Child </td>
<td> $760- save $140 </td>
</tr>
<tr>
<td> NEW Adult Festival Four Pack 4 x Adult 3 day </td>
<td> $1280 - $320 per ticket ! </td>
</tr>
<tr>
<td> Child Festival (6&ndash;14 years inclusive) </td>
<td> $75 - save $10 </td>
</tr>
<tr>
<td> VIP Lounge Entry *In addition to your festival ticket 18+ Only </td>
<td> $150 - selling fast! </td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0">
<tbody>
<tr>
<td><strong>VIP Lounge 1 Day Ticket &ndash; In addition to festival ticket</strong>
<strong></strong>
</td>
<td></td>
</tr>
<tr>
<td> VIP Tickets 18+ Only </td>
<td></td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" width="100%" class="prices">
<tbody>
<tr>
<th width="70%"> <strong>Camping 5 Day Season Ticket</strong>
</th>
<th> <strong>1ST ANNOUNCE</strong>
<strong></strong>
</th>
</tr>
<tr>
<td> Adult Camping </td>
<td> $260 - save $20 </td>
</tr>
<tr>
<td> Child Camping (6&ndash;14 years inclusive ) </td>
<td> $90 - save $10 </td>
</tr>
<tr>
<td> 5 Day Large Camper Vehicle site &ndash; extra fee &ndash; see notes below </td>
<td> $175 </td>
</tr>
<tr>
<td> NEW 5 day reserved campsite ( in addition to your 5 day fest &amp; Camping ticket) </td>
<td> $175 </td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" class="prices">
<thead>
<tr>
<th width="70%"> <strong>Camping 3 Day Ticket</strong>
</th>
<th> <strong>1ST ANNOUNCE</strong>
<strong></strong>
</th>
</tr>
</thead>
<tbody>
<tr>
<td> Adult Camping </td>
<td> $160 - save $15 </td>
</tr>
<tr>
<td> Child Camping (6&ndash;14 yrs incl) </td>
<td> $60 - save $10 </td>
</tr>
<tr>
<td> 3 Day Large Camper Vehicle site&ndash; extra fee&ndash; see notes below </td>
<td> $105 </td>
</tr>
</tbody>
</table>
<p>
<a href="http://www.bluesfest.com.au/pages/?ParentPageID=9&amp;PageID=124&amp;utm_source=BLF1866&amp;utm_medium=email&amp;utm_campaign=cta_ticket_prices" target="_blank"><img src="http://ecards.showticks.com/bluesfest/BLF1797/images/btn_ticket_prices.jpg" alt="" border="0" /></a>
</p>
<p>
Get in now before prices go up again!
</p>
<p>
We truly are rocking this year and it&rsquo;s such a joy to be presenting such fine artists to Bluesfest 2013.
</p>
<p>
Single day tickets will go on sale very soon!! <br />
We will keep you updated.
</p>
<p>
Please know that you get much more value out of a 3 or 5 day ticket on so many levels&hellip;not just talking about the cost but the experience.
</p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="31%" valign="top"><img src="http://ecards.showticks.com/bluesfest/BLF1612/images/logo.jpg" style="display:block; border-bottom:1px solid #ede0c8; border-collapse:collapse;"></td>
<td width="3%"><img src="http://ecards.showticks.com/bluesfest/BLF1030/images/spacer.png"></td>
<td width="66%" style="font-size:12px; font-family:Arial;"><p style="margin: 5px 0 5px 0;font-family: Helvetica, Arial, sans-serif;font-size: 22px;color: #000000;font-weight: bold;letter-spacing: -1px;vertical-align: top;">
Bluesfest is made for 5 days!!
</p>
<p style="margin: 5px 0 5px 0;font-family: Helvetica, Arial, sans-serif;font-size: 18px;color: #000000;font-weight: bold;letter-spacing: -1px;vertical-align: top;">
Your Bluesfest Team
</p></td>
</tr>
</table>
<img src="http://ecards.showticks.com/bluesfest/BLF1532/images/divider.png" alt="" width="592" height="26" style="margin:5px 0;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top" style="font:bold 12px Arial;"><p style="margin: 5px 0 5px 0;font-family: Helvetica, Arial, sans-serif;font-size: 22px;color: #000000;font-weight: bold;letter-spacing: -1px;vertical-align: top;">
Byron Bay Accommodation
</p>
<p style="font: normal 12px Arial;letter-spacing: 0px;">
If camping is not the thing for you but you would like to stay in the area then please check out Byron Bay Accom on
<a href="http://www.byronbayaccom.net" target="_blank" style="color:#cc0000; font-weight:bold;">www.byronbayaccom.net</a>
or call&nbsp;<strong><span class="skype_pnh_print_container_1338764009">02 6680 8666</span><span class="skype_pnh_container" dir="ltr" tabindex="-1"><span class="skype_pnh_mark"></span></span></strong>.
</p>
<p style="font: normal 12px Arial;letter-spacing: 0px;">
They have a range of great accommodation available from B&amp;B's, houses, motels, hotels and apartments.
</p></td>
<td valign="middle"><img src="http://ecards.showticks.com/bluesfest/BLF1733/images/ByronBayAccom-hires-white.jpg" style="display:block; border-bottom:1px solid #ede0c8; border-collapse:collapse;"></td>
</tr>
</tbody>
</table></td>
<td><img src="http://ecards.showticks.com/bluesfest/BLF1030/images/spacer.png"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td valign="top" style="font:bold 12px Arial; vertical-align:top; text-align:left">&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="http://ecards.showticks.com/bluesfest/BLF1797/images/footer.png" border="0" usemap="#Map22" style="display:block; height:">
<map name="Map22" id="Map22">
<area shape="rect" coords="91,152,189,169" href="http://www.bluesfest.com.au/pages/default.aspx?PageID=42" target="_blank" alt="">
</area>
<area shape="rect" coords="187,152,303,168" href="http://www.bluesfest.com.au/pages/default.aspx?PageID=53" target="_blank" alt="">
</area>
<area shape="rect" coords="433,153,549,168" href="http://www.emediacampaigns.com/" target="_blank" alt="">
</area>
</map></td>
</tr>
<!-- start: link to unsubscribe -->
<tr>
<td style="font: normal 12px Arial; color: #000000; margin: 0px; padding: 7px 0px 7px 0px; text-align: center;">If you wish to send this email to a friend
<a href="http://sendtoafriend.emediacampaigns.com/?JobID=1866&amp;Email=##email##&amp;Name=##firstname##" target="_blank" style="color: #cc0000; font-weight:bold;">click here</a>
| If you wish to unsubscribe from this newsletter
<a href="http://www.bluesfest.com.au/MembersArea/unsubscribe.aspx" target="_blank" style="color: #cc0000; font-weight: bold;">click here</a></td>
</tr>
<!-- end: link to unsubscribe -->
</table></td>
</tr>
<tr>
<td align="center"></td>
</tr>
</table>
</body>
</html>
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment