Skip to content

Instantly share code, notes, and snippets.

@arunmdavid

arunmdavid/dabblet.css

Created October 15, 2015 13:50
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 arunmdavid/1d222ddfc9b2fb941254 to your computer and use it in GitHub Desktop.
Save arunmdavid/1d222ddfc9b2fb941254 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 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 <u>help@bemygenie.com</u> 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>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split-vertical","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