Skip to content

Instantly share code, notes, and snippets.

@arunmdavid

arunmdavid/dabblet.css

Created January 6, 2015 11:58
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/f70b56dc744f37c408ce to your computer and use it in GitHub Desktop.
Save arunmdavid/f70b56dc744f37c408ce to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
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;
}
}
table.profile-miss-table{
border: 1px solid #e7c3c3;
background: #f2dede;
padding: 10px;
}
td.profile-miss-indicator{
padding-left: 10px;
color: #a00;
}
</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://www.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;">
<img src='http://i.imgur.com/9NwPC3k.png' style='width:100%;max-width:800px;'>
</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 Boobalan,<br/><br/>
Greetings from DoPartTime!<br/><br/>
With the arrival of a new year, we have made a few changes in our website features.
<br/><br/>
By way of introducing new profiles for job-seekers, we have made it easier for you to spot and hire the right candidate for your job openings.
<br/>
<br>
<table cellspacing="0" cellpadding="0" align="center"> <tr>
<td align="center" width="200" height="40" bgcolor="#2d6ca2" style="-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #ffffff; display: block;">
<a href="http://www.doparttime.com/emailActivate?id=<userId>&code=<emailCode>" style="font-size:16px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height:40px; width:100%; display:inline-block"><span style="color: #FFFFFF">View all jobs</span></a>
</td>
</tr> </table>
<br><br>
<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center" style="background-color:#ffffff;border:1px solid #e7e6e6"><tbody>
<tr>
<td style="font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#d24127;font-weight:bold;padding:10px">What's in it for you?</td>
</tr>
<tr><td valign="top">
<table style="width:48%" cellpadding="0" cellspacing="0" align="left" border="0"><tbody>
<tr>
<td width="10"> </td>
<td>
<table style="background:#fff" cellpadding="0" cellspacing="0" align="center" width="100%"><tbody><tr>
<td width="15%" valign="top" style="padding:10px;color:#d24127;font-weight:bold;">
>
</td>
<td width="85%" valign="top" style="padding:10px">Ensures that only the person suited for your opening will get the job offer.
</tr></tbody></table>
</td>
<td width="10"> </td>
</tr>
<tr>
<td></td>
<td height="10"></td>
<td></td>
</tr>
</tbody></table>
<table style="width:48%" cellpadding="0" cellspacing="0" align="left" border="0"><tbody>
<tr>
<td width="10"> </td>
<td><table style="background:#fff" cellpadding="0" cellspacing="0" align="center" width="100%"><tbody><tr>
<td width="15%" valign="top" style="padding:10px;color:#d24127;font-weight:bold;">></td>
<td width="85%" valign="top" style="padding:10px">Makes the hiring process hassle-free and completely in your hands.</td>
</tr></tbody></table></td>
<td width="10"> </td>
</tr>
<tr>
<td></td>
<td height="10"></td>
<td></td>
</tr>
</tbody></table>
</td></tr>
</tbody></table>
<br/><br/>
While hunting for the prospective employee, this new feature ensures that you get to view the job-seeker’s educational qualifications and interests faster and quicker. Once you feel like you have found the right candidates, you can unlock and contact them!
<br/>
<br/>
Got any question/suggestion, 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:<emailId>" style="color:#0066CC; text-decoration: none;"><emailId></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> |
<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