Skip to content

Instantly share code, notes, and snippets.

<html lang="en">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>
MIKE KUS - Colour Direct
</title>
<style type="text/css">
a:hover { text-decoration: none !important; }
.header h1 {color: #000; font: bold 54px Helvetica, Arial,sans-serif; margin: 0; padding: 0; line-height: 55px;letter-spacing: -3px; }
.header p {color: #000; font: normal 17px Helvetica, Arial,sans-serif; margin: 0; padding: 0; line-height: 18px; font-style: italic;}
@patocallaghan
patocallaghan / email-content.html
Created June 5, 2015 08:01
Sample Email Content
<h1 class="intercom-align-left" align="left !important">Heading <a href="http://google.com/" target="_blank" >with link</a></h1>
<h2 class="intercom-align-left" align="left !important">Heading <a href="http://google.com/" target="_blank" >with link</a></h2>
<h1 class="intercom-align-center" align="center !important">Centered Heading <a href="http://google.com/" target="_blank">with link</a></h1>
<h2 class="intercom-align-center">Centered Heading <a href="http://google.com/" target="_blank">with link</a></h2>
<div class="intercom-container intercom-align-left"><img src="https://uploads-test.intercomcdn.com/i/o/55/9dbff6ed75b46b893e91b79c/custom_2.png" alt=""></div>
<p class="intercom-align-left">Paragraph <b>Proin</b> <i>egestas?</i> <b><i>Nunc</i></b> <a href="http://google.com/" target="_blank" ><b>pellentesque</b></a> <a href="http://google.com/" target="_blank" ><i>pid integer</i></a> <a href="http://google.com/" target="_blank" ><b><i>purus enim</i></b></a>. Augue? Sit pellentesque ut, porta, ac dictumst,
{
"person": {
"firstName": "Barack",
"lastName": "Obama",
"isPersonOfTheYear": true
}
}
@patocallaghan
patocallaghan / AddJSClass.js
Created March 8, 2012 11:17
Replacing "no-js" class on HTML tag with "js" (similar to how Modernizr does it)
(function(doc, classToAdd){
doc.className = (doc.className).replace("no-js", classToAdd);
})(document.documentElement, "js");
@patocallaghan
patocallaghan / webkit-css.css
Created May 15, 2012 23:37
CSS to target only Webkit browsers #css #webkit #chrome #safari
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* put webkit CSS here*/
}
@patocallaghan
patocallaghan / FirefoxOnlyCSS.css
Created May 15, 2012 23:33
CSS to target only Mozilla browsers #css #firefox
@-moz-document url-prefix() {
h1 {
color: red;
}
}
@patocallaghan
patocallaghan / ie8legendbugfix.css
Created May 28, 2012 01:27
IE8 Legend display:none bugfix #css #ie8 #legend
/* From http://snipplr.com/view/22523/ */
legend {
display: block !important;
height: 0;
margin: 0;
padding: 0;
width: 0;
visibility: hidden;
}
c:\Dev>mkdir test
c:\Dev>cd test
c:\Dev\test>node --version
v0.6.18
c:\Dev\test>npm --version
1.1.21
@patocallaghan
patocallaghan / docpad6.0.0.txt
Created June 20, 2012 11:25
DocPad Error v6.0.7
c:\Dev>mkdir docpad
c:\Dev>cd docpad
c:\Dev\docpad>docpad --version
6.0.7
c:\Dev\docpad>docpad run -d
debug: DocPad loaded succesfully
→ [2012-06-20 23:12:57.446] [C:\Users\Pat\AppData\Roaming\npm\node_modules\docpad\out\lib\docpad.js] [DocPad.log]
@patocallaghan
patocallaghan / checkbox-align.css
Created June 20, 2012 11:32
Handy checkbox alignment #css #forms #checkbox
/* Source: http://stackoverflow.com/questions/306252/how-to-align-checkboxes-and-their-labels-consistently-cross-browsers */
/*=====
<form>
<div>
<label><input type="checkbox" /> Label text</label>
</div>
</form>
=======*/
<style type="text/css">