arunmdavid/dabblet.css

## dabblet.css
/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

## dabblet.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="format-detection" content="telephone=no"><meta name="format-detection" content="address=no"><title>DoPartTime - Part time jobs</title><!-- Master Email CSS --><style type="text/css">div, p, a, li, td { -webkit-text-size-adjust:none; }#DOEmail p,body#DOEmail {margin: 0;padding: 0;font-size: 14px;font-family: Arial, sans-serif; }/* Client-specific Styles */#outlook a {padding:0;} /* Force Outlook to provide a "view in browser" menu link. */body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;}/* Prevent Webkit and Windows Mobile platforms from changing default font sizes, while not breaking desktop design. */.ExternalClass {width:100%;} /* Force Hotmail to display emails at full width */.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing. More on that: http://www.emailonacid.com/forum/viewthread/43/ *//* End reset */.ExternalClass p {margin-bottom: 0.5em;}*[class=appdownload] {display: none !important;}*[class=appdownload] td {border-spacing: 0px;line-height: 0px;}*[class=appdownloadtext] {line-height: 0px;font-size: 0px;display: none;}*[class=appdownloadtext] img {height: 0px !important;}.ecxmobileHide {margin: 0px !important;}@media only screen and (max-device-width: 620px), screen and (max-width: 620px) {*[class=mainTable] {width:100% !important;}*[class=nextTable],*[class=bigWidth] {width:95% !important;margin:0px auto;}div[id=DOEmailWrapper] .appdownload {display: inline-block !important;}div[id=DOEmailWrapper] .appdownload td {line-height: 12px;}div[id=DOEmailWrapper] .appdownloadtext {font-weight: bold;line-height: 12px !important;font-size: 12px !important;display: inline !important;}div[id=DOEmailWrapper] .appdownload img {display: inline !important;height: 18px !important;}div[id=DOEmailWrapper] .colPadding {width:0px !important;}.links {display: none;}h1[class=y] {line-height:16px !important;font-size: 14px !important;/*margin: 0 0 12px;padding: 0 0 13px 0;*/}p[class=y] {font-size:12px !important;}br[class=brBreak] {line-height: 0px !important;display: none !important;}div[id=DOEmailWrapper] #Logo {width:100px !important;height: 60px !important;}div[id=DOEmailWrapper] p.footer {font-size:10px !important;} }</style><!-- Core Email CSS --><style type="text/css">/************** SPACERS************ *//************** LAYOUT************ */td.col1 {min-width:105px;width:105px;}.flushed {width: 100%;}/************** FONT* *********** */div[id=DOEmailWrapper] p.alignLeft {text-align: left !important;}/************** ELEMENTS************ */img.ecxfbCompanyLogo {width:75px;height:75px;max-width:75px;}td.squareLogo {width:75px;max-width:75px;}div.uploadResumeHeader {display: block;}table.ecxrecommendedAlerts {padding-left: 20px;padding-bottom: 20px;border-spacing: 5px;}p.footer {text-align: center;}table.ecxhtmlButton p {margin-bottom: 0px !important;margin: 0 0 0 0 !important;}</style><!-- Core Mobile Email CSS --><style type="text/css">@media only screen and (max-device-width: 620px) ,screen and (max-width: 620px) {/************** SPACERS************ */div[id=DOEmailWrapper] .noMobilePad {padding: 0 !important;}div[id=DOEmailWrapper] .mobileBlock {display: block !important;margin-bottom: 3px;}div[id=DOEmailWrapper] .mobileCenter {text-align: center !important;}div[id=DOEmailWrapper] td.spacer {width: 10px !important;}div[id=DOEmailWrapper] td div[class=vspacer],div[id=DOEmailWrapper] td.squareLogo div[class=vspacer],div[id=DOEmailWrapper] td.aboutJob div[class=vspacer] {height:10px !important;font-size:10px !important;line-height:10px !important;}div[id=DOEmailWrapper] .hspacer {min-width: 5px !important;width: 5px !important;}div[id=DOEmailWrapper] .flexHdr div[class=hspacer] {max-height: 0px !important;height: 0px !important;overflow: hidden;}div[id=DOEmailWrapper] .flexHdr div[class=vspacer] {height: 10px !important;}div[id=DOEmailWrapper] .flexHdr tr[class=hspacer] {height: 0px !important;}div[id=DOEmailWrapper] .flexBody td[class=hspacer] {width: 0.2em !important;}div[id=DOEmailWrapper] .flexFtr *[class=hspacer] {width: 10px !important;}table[class=spacerTable] tr,table[class=spacerTable] td {height: 10px !important;max-height: 10px !important;border-spacing: 0px !important;}div[id=DOEmailWrapper] .mobWidth5 {width: 5px !important;}div[id=DOEmailWrapper] .mobWidth10 {width: 10px !important;}div[id=DOEmailWrapper] .mobWidthFull {width: 100% !important;}div[id=DOEmailWrapper] input[type=text].mobWidthFull {width: 100% !important;box-sizing: border-box !important;}div[id=DOEmailWrapper] .mobH5 {height: 5px !important;}div[id=DOEmailWrapper] .mobH10 {height: 10px !important;}div[id=DOEmailWrapper] .mobMargBot5 {margin-bottom: 5px !important;}div[id=DOEmailWrapper] .mobMargBot10 {margin-bottom: 10px !important;}div[id=DOEmailWrapper] .mobMargBot15 {margin-bottom: 15px !important;}div[id=DOEmailWrapper] .mobMargBot20 {margin-bottom: 20px !important;}div[id=DOEmailWrapper] .mobPadBot5 {padding-bottom: 5px !important;}div[id=DOEmailWrapper] .mobPadBot10 {padding-bottom: 10px !important;}div[id=DOEmailWrapper] .mobPadBot15 {padding-bottom: 15px !important;}div[id=DOEmailWrapper] .vspacerMacro {height: 15px !important;}/************** LAYOUT************ */*[class=wrapper] {margin-bottom: 0px !important;}*[class=bigWidth] {width:93% !important;margin:0px auto;}*[class=fullWidthHeader] {width:100% !important;margin:0px auto;}td[class=containerTopPadding] {height: 12px !important;}div[id=DOEmailWrapper] td.col1 {min-width:0px !important;width:0px !important;}*[class=flexHdr] .flexHdrCol1 {width: 100% !important;display: block !important;}*[class=flexHdr] .flexHdrCol2 {width: 100% !important;display: block !important;}*[class=flexHdr] .flexHdrCol2 table {margin-top: 5px;}*[class=flexHdr] .flexHdrCol2 table td {text-align: left !important;}table[class=flexBody] {margin-left: 10px !important;width: 92% !important;}table[class=flexBody] td.flexBodyCol1,table[class=flexBody] td.flexBodyCol2 {width: 100% !important;display: block !important;padding-left: 0.2em !important;}table[class=flexBody] td.flexBodyCol2 {margin-top: 20px !important;margin-bottom: 20px !important;}*[class=flexBody] td.hspacer {display: none !important;}/* Collapsing */div[id=DOEmailWrapper] table.collapseMobile > tr > td,div[id=DOEmailWrapper] table.collapseMobile > tbody > tr > td {width: 100% !important;display: block !important;}div[id=DOEmailWrapper] table.collapseMobile > tr > td.mobileHide,div[id=DOEmailWrapper] table.collapseMobile > tbody > tr > td.mobileHide {display: none !important;}div[id=DOEmailWrapper] table.collapseMobile p {text-align: center !important;}div[id=DOEmailWrapper] table.collapseMobile .collapseAlignLeft {text-align: left !important;}div[id=DOEmailWrapper] table.collapseMobile p.alignLeft {text-align: left !important;}/************** FONT* *********** */div[id=DOEmailWrapper] p.y {font-size:14px !important;}div[id=DOEmailWrapper] p.y.jobTitle,div[id=DOEmailWrapper] p.y.jobLocation,div[id=DOEmailWrapper] p.y.jobMeta {margin: 0px !important;}div[id=DOEmailWrapper] p.y.jobTitle {font-size: 14px !important;line-height: 18px !important;}div[id=DOEmailWrapper] p.y.jobLocation {font-size: 12px !important;line-height: 20px !important;}div[id=DOEmailWrapper] p.y.jobMeta {font-size: 11px !important;line-height: 16px !important;}div[id=DOEmailWrapper] .highlightContent p.y {float:none !important;text-align:center !important;margin:0 !important;width:auto;display:block;line-height:1em !important;margin-left:0 !important;margin-top:0.4em !important;}div[id=DOEmailWrapper] p.flexHdrLine1 {font-size: 20px !important;margin-bottom: 10px !important;}div[id=DOEmailWrapper] h1.heading {line-height: 20px;}div[id=DOEmailWrapper] p.subHeading {line-height: 20px;}div[id=DOEmailWrapper] table.block p.subHeading {margin-bottom: 10px !important;}/************** ELEMENTS************ */div[id=DOEmailWrapper] .viewJob,div[id=DOEmailWrapper] .mobileHide {display: none !important;}div[id=DOEmailWrapper] .mobileBlock {display: block !important;margin-bottom: 3px;}*[class=mobileOnly] td {display : block !important;width : auto !important;max-height: inherit !important;overflow : visible !important;float : none !important;}*[class=linkButton] a {font-size: .8em !important;}*[class=linkButton] td {padding-left: .5em !important;padding-right: .5em !important;}.highlightContent {margin-bottom:1em}.highlightContent .linkButton {float:none !important;text-align:center !important;margin:0 !important;width:auto;display:block;}div[class=uploadResumeHeader] {display: none !important;}div[id=DOEmailWrapper] *[class="headerTitleMobile"] {font-size: 12px !important;color: #ffffff !important;line-height: 12px !important;height: auto !important;}div[id=DOEmailWrapper] .htmlButton.fullWidthBtn {width: 100% !important;}}</style><!--[if gte mso 9]><style type="text/css">table[class=recommendedAlerts] td {padding: 5px;}div[class=recommendItem] {margin: 0px;margin-right: 0px;}.mobileOnly {display: none !important;visibility: hidden !important;mso-hide: all !important;}table.htmlButton td {border-collapse: collapse;}table.htmlButton { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }</style><![endif]--><!-- Email Theme CSS --><style type="text/css">/************** Theme 2014* Green header + Card style body content + Boxed Footer************ */</style></head><body bgcolor="#f3f3f3" id="DOEmail" yahoofix class="yahoofix"><div id="DOEmailWrapper" style="margin: 0; padding: 0; font-size: 14px; font-family: Arial, sans-serif;"><table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f3f3f3"><tr><td><table class="flushed" border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color:#F3F3F3"><tbody><tr><td valign="top" style="border-collapse:collapse;"><center><table class="fullWidthHeader" border="0" cellpadding="0" cellspacing="0" width="600" style="background-color:#F3F3F3" align="center"><tbody><tr><td class="mobWidth10" style="width: 0px"></td><td valign="top" style="border-collapse:collapse"><table class="fullWidthLogo" width="" border="0" cellpadding="0" cellspacing="0" align="center" style="background-color:#F3F3F3"><tbody><tr><td valign="middle" height="45" style="border-collapse:collapse;"><a href="http://bemygenie.com" style="color:#333;font-weight:normal;text-decoration:none;" target="_blank"><img src="http://bemygenie.com/assets/logo-5235ba99dd1767868fb918f213cb98097b2afe370fc1100b80126b612b8d38f1.png" id="Logo" class="logo" alt="BeMyGenie" title="BeMyGenie" border="0"></a></td></tr></tbody></table>
<table class="appdownload" border="0" cellspacing="0" cellpadding="0" style="display: none; line-height: 0px; font-size: 12px; float: right;"></table></td><td class="mobWidth10" style="width: 0px"></td></tr></tbody></table></center></td></tr></tbody></table><table class="mainTable" width="620" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td class="colPadding" style="width: 10px"></td><td><table class="nextTable" width="600" border="0" align="center" cellpadding="0" cellspacing="0"><!-- Floating header --><!-- /Floating header --><tr bgcolor="#f3f3f3" height="15" class=""><td colspan="1" height="15" bgcolor="#f3f3f3" class="vspacerMacro" style='background-color: #f3f3f3'></td></tr><tr><td bgcolor="#ffffff"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td colspan="3" style="border-top:1px solid #d4d4d4;"></td></tr><tr><td class="colPadding" style="width:2.1em; border-left:1px solid #d4d4d4;"></td><td class="bigWidth" width="689" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td height="20" class="containerTopPadding"></td></tr><tr><td><table width="100%" border="0" cellspacing="0" cellpadding="0" ><tr><td class="colPadding" style="width: 2em;"></td><td><p style="margin-bottom: 1em; font-family: Arial, sans-serif; padding-right: 10px;">		Dear <--Name--><br><br>	<p>Welcome to BeMyGenie</p><br><br>	<div class="mobile-app-play-badge" style="">    <div style="color:#7E7E83;border:1px solid #dde5eb;padding:10px;text-align:center;font-size:14px;background:#EEF6FC;line-height:1.4em">        Download Our App and Book any Services on the Go!<br> <div style="text-align:center;margin-top:10px;padding:5px;">            <a href="https://play.google.com/store/apps/details?id=com.bemygenie.customer" target="_blank">                <img alt="Get it on Google Play" src="https://developer.android.com/images/brand/en_generic_rgb_wo_45.png" />            </a>        </div>    </div>    <br></div><br/>			<br/>			If you have any questions, Please mail to <a href="#">help@bemygenie.com</a> or call us at +91-7305-644-644.		<br/><br/>			Thanks and regards,<br/>The BeMyGenie Team.<br/><br/>			</p>		</td><td class="colPadding" style="width: 2em;"></td></tr></table></td></tr><tr height="20" class='mobH10'><td height="20" class='mobH10'></td></tr></table></td></tr></table></td><td class="colPadding" style="width:2.1em; border-right:1px solid #d4d4d4;"></td></tr><tr height="1"><td height="1" colspan="3" style="border-bottom:1px solid #d4d4d4;"></td></tr></table></td></tr><tr bgcolor="#f3f3f3" height="15" class=""><td colspan="1" height="15" bgcolor="#f3f3f3" class="vspacerMacro" style='background-color: #f3f3f3'></td></tr><tr><td align="left"><p class="footer" style="font-family: Arial, sans-serif; font-size: 10px; color: #888888; line-height: 18px; margin: 0; margin-top: 0px; margin-bottom: 0px;; text-align: center;">BeMyGenie, Chennai<br><a href="http://bemygenie.com/terms_condition" style="color:#0066CC; text-decoration: none;">Terms & Conditions</a> &nbsp;|&nbsp;<a href="http://bemygenie.com/privacy_policy" style="color:#0066CC; text-decoration: none;">Privacy Policy</a><br><a href="http://bemygenie.com">www.bemygenie.com</a><br><br></p></td></tr></table></td><td class="colPadding" style="width: 10px;"></td></tr></table><br></td></tr></table></div><!-- <img src="" alt="" width="1" height="1" border="0" style="height:1px !important;width:1px !important;border-width:0 !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;"/> --></body></html>

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
	/**
	* The first commented line is your dabblet’s title
	*/

	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;