amitabhaghosh197
5/7/2013 - 11:11 PM

The first commented line is your dabblet’s title

The first commented line is your dabblet’s title

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
// alert('Hello world!');
<table class="containerTb" style="width: 100%; color: #A7B3BC; font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.4em; font-weight: normal; font-style: normal; text-decoration: none; border: 0; border-collapse: collapse; border-spacing: 0; margin: 0 auto; padding: 0;">			<tr>				<td class="containerTdMain" style="width: 100%; border-top: 0; border-right: 0; border-bottom: 1px solid #313538; border-left: 0; color: #A7B3BC; background: #1A1E21; vertical-align: top; margin: 0; padding: 2.5em 0;">					<table class="contentTb" style="width: 800px; color: #A7B3BC; font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.4em; font-weight: normal; font-style: normal; text-decoration: none; border: 0; border-collapse: collapse; border-spacing: 0; margin: 0 auto; padding: 0;">						<tr>							<td id="logoTd" style="text-align: left !important; width: 92px; vertical-align: middle; border: 0; margin: 0; padding: 0 0 0 20px;">								<a style="color: #EFC031; text-decoration: none;" href="http://pencilcase.createsend1.com/t/t-l-ajhjry-l-r/"><img id="logoRetina" style="width: 92px !important; height: 40px !important; border: 0;" src="http://i6.createsend1.com/ei/t/C3/715/92D/095455/images-for-zip/pencil-case2x.gif" alt="Pencil Case" /></a>							</td>							<td id="browserTd" style="text-align: right !important; width: 668px; vertical-align: middle; border: 0; margin: 0; padding: 0 20px 0 0;">								<a href="http://pencilcase.createsend1.com/t/t-e-ajhjry-l-t/" style="color: #49545A; text-decoration: none;">Read in Browser</a>							</td>						</tr>						<tr>							<td class="contentTd" style="text-align: left !important; width: 760px; border: 0; vertical-align: top; margin: 0; padding: 2.5em 20px 0 20px;" colspan="2">								<h1 id="h1" style="font-family: 'Crete Round', Arial, sans-serif; font-size: 2.2em; font-weight: 400; color: #FFFFFF; font-style: italic; line-height: 1em; margin: 0; padding: 0;">Your Pencil Case has been Upgraded!</h1>							</td>						</tr>						<tr>							<td class="contentTd" style="text-align: left !important; width: 760px; border: 0; vertical-align: top; color: #A7B3BC; margin: 0; padding: 2.5em 20px 0 20px;" colspan="2">								<p style="margin: 0 0 1.5em 0; padding: 0;">Hello, and thank you for joining the Pencil Case beta! I wanted to write and tell you about some of the recent improvements we've made - including your pencil case upgrade - and update you on how the beta is progressing.</p>								<p style="margin: 0 0 1.5em 0; padding: 0;">We're excited to now showcase over <span style="font-weight: bold;">200 resources</span> to nearly <span style="font-weight: bold;">500 members</span> (and counting). We're listening to your feedback, and making enhancements all of the time. Our big improvement is that every member's pencil case has been upgraded and is now capable of storing an <span style="font-weight: bold;">unlimited</span> number of resources!</p>								<p id="containerImgMembersDesktop" style="margin: 0 0 2.5em; padding: 0;"><img id="imgMembersDesktop" style="width: 760px !important; height: 95px !important; border: 0;" src="http://i10.createsend1.com/ei/t/C3/715/92D/095455/images-for-zip/img-members-desktop2x.gif" alt="Members" /></p>								<p id="containerImgMembersMobile" style="height: 0; overflow: hidden; display: none; margin: 0; padding: 0;"><img id="imgMembersMobile" style="width: 0; height: 0; border: 0;" src="http://i7.createsend1.com/ei/t/C3/715/92D/095455/images-for-zip/img-members-mobile2x.gif" alt="Members" /></p>								<h1 id="h2" style="font-family: 'Crete Round', Arial, sans-serif; font-size: 1.5em; font-weight: 400; color: #FFFFFF; font-style: italic; line-height: 1em; margin: 0 0 1.5em 0; padding: 0px;">...And Finding Resources Just Got Even Easier</h1>								<p style="margin: 0 0 1.5em 0; padding: 0;">Now, finding resources is simple. Our new <span style="font-weight: bold;">Find</span> feature lets you look for resources from within your pencil case. Simply click into an empty row and begin typing to look for resources by name or category. We'll show you the real-time results in order of popularity, to help you find the best tried-and-tested resources.</p>								<p id="containerImgFindDesktop" style="margin: 0 0 2.5em; padding: 0;"><img id="imgFindDesktop" style="width: 760px !important; height: 226px !important; border: 0;" src="http://i9.createsend1.com/ei/t/C3/715/92D/095455/images-for-zip/img-find-desktop2x.gif" alt="Find" /></p>								<p id="containerImgFindMobile" style="height: 0; overflow: hidden; display: none; margin: 0; padding: 0;"><img id="imgFindMobile" style="width: 0; height: 0; border: 0;" src="http://i8.createsend1.com/ei/t/C3/715/92D/095455/images-for-zip/img-find-mobile2x.gif" alt="Find" /></p>								<p style="margin: 0 0 1.5em 0; padding: 0;">We've also made it easier for you to suggest resources. If you use resources that aren't featured on Pencil Case, you can let us know about them by clicking the new 'Suggest a Resource' link when you're logged in. If your suggestion is accepted we'll display your avatar and username on the resource's page to give you credit for suggesting it.</p>								<p style="margin: 0 0 1.5em 0; padding: 0;">We have a lot more planned to help you discover, rate and share resources, and we're adding new ones all of the time, so please visit Pencil Case regularly. Remember to add all of your favourite resources to your pencil case - not only does this help you track them, it also helps others see what's popular!</p>								<p style="margin: 0 0 1.5em 0; padding: 0;">Thanks again. If you'd like to send us your feedback or get in touch about anything, please email <a style="color: #EFC031; text-decoration: none;" href="mailto:hello@pencilcaseapp.com">hello@pencilcaseapp.com</a> or contact us on twitter via <a style="color: #43AAD4; text-decoration: none;" href="http://pencilcase.createsend1.com/t/t-l-ajhjry-l-y/">@pencilcaseapp</a>. </p>								<p style="margin: 0 0 1.5em 0; padding: 0;">Regards,</p>								<div style="margin: 0; padding: 0;">Edward Williams<br />Founder<br />Pencil Case</div>							</td>						</tr>					</table>				</td>			</tr>			<tr>				<td class="containerTdFooter" style="width: 100%; border-top: 1px solid #000000; border-right: 0; border-bottom: 0; border-left: 0; color: #A7B3BC; background: #131618; margin: 0; vertical-align: top; margin: 0; padding: 2.5em 0;">					<table class="footerTb" style="width: 800px; color: #A7B3BC; font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.4em; font-weight: normal; font-style: normal; text-decoration: none; border: 0; border-collapse: collapse; border-spacing: 0; margin: 0 auto; padding: 0;">						<tr>							<td class="footerTdLeft" style="text-align: left !important; width: 370px; vertical-align: top; border: 0; margin: 0; padding: 0 0 0 20px;">								<div style="margin: 0; padding: 0;">									<a class="footerMobileLink" style="color: #49545A; text-decoration: none;" href="http://pencilcase.createsend1.com/t/t-l-ajhjry-l-j/">pencilcaseapp.com</a>									<a class="footerMobileLink" style="color: #49545A; text-decoration: none; margin-left: 20px;" href="mailto:hello@pencilcaseapp.com">hello@pencilcaseapp.com</a>								</div>								<div id="footerMobileLinks" style="font-size: 0; height: 0; overflow: hidden; margin: 0; padding: 0;">									<a href="http://pencilcase.createsend1.com/t/t-u-ajhjry-l-i/" class="footerMobileLink" style="color: #131618; text-decoration: none;">unsubscribe</a>								</div>							</td>							<td class="footerTdRight" style="text-align: right !important; width: 190px; vertical-align: top; border: 0; margin: 0; padding: 0 20px 0 0;">								<div style="margin: 0; padding: 0;"><a href="http://pencilcase.createsend1.com/t/t-u-ajhjry-l-d/" style="color: #49545A; text-decoration: none;">unsubscribe</a></div>							</td>						</tr>					</table>				</td>			</tr>		</table>
/**
 * The first commented line is your dabblet’s title
 */
<style type="text/css">			@import url(http://fonts.googleapis.com/css?family=Crete+Round:400italic);			.yshortcuts { color: #EFC031; }			/* mobile-specific CSS styles go here */			@media only screen and (max-device-width: 480px) {				body {					width: 320px !important;				}				h1[id=h1] {					font-size: 2.2em !important; line-height: 1.2em !important; margin: 0 !important;				}				h1[id=h2] {					font-size: 1.6em !important; line-height: 1.3em !important; margin: 0 0 1em 0 !important;				}				p[id=containerImgMembersDesktop] {					height: 0 !important; overflow: hidden !important; display: none !important;				}				p[id=containerImgMembersMobile] {					height: 95px !important; overflow: auto !important; display: block !important; margin: 0 0 1.5em 0 !important;				}				img[id=imgMembersMobile] {					width: 300px !important; height: 95px !important;				}				p[id=containerImgFindDesktop] {					height: 0 !important; overflow: hidden !important; display: none !important;				}				p[id=containerImgFindMobile] {					height: 95px !important; overflow: auto !important; display: block !important; margin: 0 0 1.5em 0 !important;				}				img[id=imgFindMobile] {					width: 300px !important; height: 95px !important;				}				table[class=contentTb] {					width: 320px !important;				}				table[class=contentTb] td[id=logoTd] {					width: 92px !important; padding: 0 0 0 20px !important;				}				table[class=contentTb] td[id=browserTd] {					width: 188px !important; padding: 0 20px 0 0 !important;				}				table[class=contentTb] td[class=contentTd] {					width: 300px !important; padding: 2.5em 20px 0 20px !important;				}				table[class=footerTb] {					width: 320px !important;				}				table[class=footerTb] td[class=footerTdLeft] {					width: 310px !important; padding: 0 0 0 20px !important;				}				table[class=footerTb] td[class=footerTdLeft] a[class=footerMobileLink] {					display: block !important; margin: 0 !important;				}				a[class=footerMobileLink] {					color: #49545A !important;				}				div[id=footerMobileLinks] {					font-size: 15px !important; height: auto !important; overflow: auto !important; margin: 10px 0 0 0 !important;				}				table[class=footerTb] td[class=footerTdRight] {					display: none !important;					width: 0 !important; padding: 0 !important;				}			}		</style>