Skip to content

Instantly share code, notes, and snippets.

@arunmdavid

arunmdavid/dabblet.css

Last active August 29, 2015 14:23
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/f49192a727b11588119a to your computer and use it in GitHub Desktop.
Save arunmdavid/f49192a727b11588119a 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:91px !important;height: 34px !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="left" style="background-color:#F3F3F3"><tbody><tr><td valign="middle" height="45" style="border-collapse:collapse;"><a href="http://www.doparttime.com/?utm_source=email_notification&utm_medium=email&utm_campaign=email_notification" style="color:#333;font-weight:normal;text-decoration:none" target="_blank"><img src="http://doparttime.com/images/logo-email.png" id="Logo" class="logo" alt="DoPartTime.com" title="DoPartTime.com" border="0" width="91" height="35" style="height:34px;width:91px;"></a></td></tr></tbody></table><table class="" border="0" cellpadding="0" cellspacing="0" align="right" style="background-color:#F3F3F3"><tbody><tr><td valign="middle" height="45" style="border-collapse:collapse"><div style="text-align:right; color:#ffffff; font-family: Arial, sans-serif; font-size: 14px;"><span class="nomobileHide"><!-- <a class="headerTitle" href="http://www.doparttime.com/auth/login?utm_source=email_notification&utm_medium=email&utm_campaign=email_notification" style="color:#333; text-decoration:none; font-family: Arial, sans-serif; font-size: 14px;" target="_blank">Sign in</a> --></span></div></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;">
<a href='http://bit.ly/1ROz9yY'><img src='http://i.imgur.com/qTo3tlY.jpg' style='max-width:100%'/></a>
</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>Thank you for choosing DoPartTime for your part time hiring needs. We work hard to make your hiring experience simple and easy.
<br><br>Now, we have made our mobile app for employers to keep track of your job applications and message with the candidades.
<br><br>
Features available now,<br/>- View and Manage Job Applications<br/>- View Candidate profiles<br/>- Message with applicants<br/>- Job Application Alerts<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 mobile app and make your hiring easier.<br> <div style="text-align:center;margin-top:10px;padding:5px;"> <a href="http://bit.ly/1Jga2nM" 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="mailto:support@doparttime.com">support@doparttime.com</a> or call us at +91 9500055569 <br/><br/> Thanks and regards,<br/> The DoPartTime 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;">DoPartTime, #334, 6th Floor, Block A,Futura IT Park, OMR, Sholinganallur, Chennai, Tamil Nadu, India - 600119.<br>This message was sent to <a href="mailto:kasi227.c@gmail.com" style="color:#0066CC; text-decoration: none;">kasi227.c@gmail.com</a>.<br><a href="http://www.doparttime.com/terms?utm_source=email_notification&utm_medium=email&utm_campaign=email_notification" style="color:#0066CC; text-decoration: none;">Terms & Conditions</a> &nbsp;|&nbsp;<a href="http://www.doparttime.com/privacy?utm_source=email_notification&utm_medium=email&utm_campaign=email_notification" style="color:#0066CC; text-decoration: none;">Privacy Policy</a><br><a href="http://www.doparttime.com?utm_source=email_notification&utm_medium=email&utm_campaign=email_notification">www.doparttime.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