Skip to content

Instantly share code, notes, and snippets.

View Paul-Browne's full-sized avatar
🏠
Working from home

Paul Browne Paul-Browne

🏠
Working from home
View GitHub Profile
@-ms-viewport{width: device-width}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
@Paul-Browne
Paul-Browne / gist:d6777ea4d6aeb7f9a6c8
Last active August 29, 2015 14:02
My own "BoilerPlate"
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- initial scale=1 for Windows Phone 8 bugfix -->
<script>(function(){if("-ms-user-select" in document.documentElement.style && navigator.userAgent.match(/IEMobile\/10\.0/)){var msViewportStyle = document.createElement("style");msViewportStyle.appendChild(document.createTextNode("@-ms-viewport{width:auto!important}"));document.getElementsByTagName("head")[0].appendChild(msViewportStyle);}})();</script>
<title>Zee Tie Tel</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,600|Droid+Serif:400italic' rel='stylesheet' type='text/css'>
@Paul-Browne
Paul-Browne / gist:a9e11b8a5c512cab0472
Last active August 29, 2015 14:02
resets | typography | iconfont | misc | indent | print | buttons | tables | inputs
/* requires <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,600|Droid+Serif:400italic' rel='stylesheet' type='text/css'> */
/*requires iconfont in directory*/
/* windows phone 8 initial-scale bug fix */
@-ms-viewport{width: device-width}
/* normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
@Paul-Browne
Paul-Browne / gist:8ebfd5dc4e5b6aec64b9
Created June 12, 2014 10:09
highlight.js for HTML CSS JS
var hljs=new function(){function k(v){return v.replace(/&/gm,"&amp;").replace(/</gm,"&lt;").replace(/>/gm,"&gt;")}function t(v){return v.nodeName.toLowerCase()}function i(w,x){var v=w&&w.exec(x);return v&&v.index==0}function d(v){return Array.prototype.map.call(v.childNodes,function(w){if(w.nodeType==3){return b.useBR?w.nodeValue.replace(/\n/g,""):w.nodeValue}if(t(w)=="br"){return"\n"}return d(w)}).join("")}function r(w){var v=(w.className+" "+(w.parentNode?w.parentNode.className:"")).split(/\s+/);v=v.map(function(x){return x.replace(/^language-/,"")});return v.filter(function(x){return j(x)||x=="no-highlight"})[0]}function o(x,y){var v={};for(var w in x){v[w]=x[w]}if(y){for(var w in y){v[w]=y[w]}}return v}function u(x){var v=[];(function w(y,z){for(var A=y.firstChild;A;A=A.nextSibling){if(A.nodeType==3){z+=A.nodeValue.length}else{if(t(A)=="br"){z+=1}else{if(A.nodeType==1){v.push({event:"start",offset:z,node:A});z=w(A,z);v.push({event:"stop",offset:z,node:A})}}}}return z})(x,0);return v}function q(w,y,C){var
/*********************
INPUTS
*********************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
#submit,
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
@media only screen and (max-width: 767px) {
.m-no-break > p {
display: inline;
}
.m-no-break > p,
.m-indent > p {
margin-bottom: 0;
}
.m-no-break,
.m-indent {
@Paul-Browne
Paul-Browne / gist:bab0e915526aa1d458a9
Created June 12, 2014 10:43
iconfont styles - requires iconfont in directory font/iconfont
/*iconfont*/
/*
@font-face
==========
fonts for every browser
=======================
*/
@font-face {
font-family: 'iconfont';
@Paul-Browne
Paul-Browne / gist:11ff9db551b54b26094e
Last active August 29, 2015 14:02
typography - main
body {
color: #4d4d4d;
font-weight: 300;
font-size: 106.25%;
font-family: 'Open Sans', helvetica, verdana, sans-serif;
line-height: 1.5295;
}
p, pre, dl, menu, ol, ul, address, blockquote, figure, table, table caption {
margin-bottom: 1.5295em;
margin-top: 0;
@Paul-Browne
Paul-Browne / gist:7c799f798e90b51f31ef
Created June 12, 2014 10:47
miscellaneous styles
.center-text {
text-align: center;
}
p.halfgap {
margin: -0.7648em 0 0 0;
}
figcaption {
margin-top: -0.5715em;
font-size: 0.8236em;
line-height: 1.2858em;