This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* input placeholder width | |
*/ | |
input { | |
width: auto; | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* The first commented line is your dabblet’s title | |
*/ | |
div { | |
width: 190px; | |
font-size: 62.5%; | |
font-family: arial; | |
font-size :14px; | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* The first commented line is your dabblet’s title | |
*/ | |
div { | |
width: 190px; | |
font-size: 62.5%; | |
font-family: arial; | |
font-size :14px; | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* The first commented line is your dabblet’s title | |
*/ | |
div { | |
width: 190px; | |
font-size: 62.5%; | |
font-family: arial; | |
font-size :14px; | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var _gaq=[['_setAccount','UA-XXXXXXX-X'],['_trackPageview']], | |
WebFontConfig = { google: { families: [ 'Marvel::latin' ]}}; | |
(function(d,t){ | |
function addScript(p, url){ | |
var g=d.createElement(t),s=d.getElementsByTagName(t)[0]; | |
g.src=('https:'==location.protocol?p.s:p.n)+url; | |
s.parentNode.insertBefore(g,s); | |
} | |
addScript({ s: '//ssl', n: '//www'}, '.google-analytics.com/ga.js'); | |
addScript({ s: 'https', n: 'http'}, '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* SVG Data URI Background borders | |
*/ | |
body{ | |
background: #fff; | |
min-height: 100%; | |
font-family: sans-serif; | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Finds the width in ems of any string | |
// Useful for finding out how wide elements set on the page in ems will be in pixels | |
function getEmWidth(chars){ | |
var p = document.createElement("span"); | |
p.innerHTML = chars; | |
document.body.appendChild(p); | |
var width = p.getBoundingClientRect().width; | |
document.body.removeChild(p); | |
return width; | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Desaturated background colour/image in firefox/webkit | |
*/ | |
li, a { | |
margin: 0; | |
padding: 0; | |
list-style-type : none; | |
position:relative; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Desaturated background colour/image in firefox/webkit | |
*/ | |
li, a { | |
margin: 0; | |
padding: 0; | |
list-style-type : none; | |
position:relative; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Two elements, vertical alignment bottom, variable height and width | |
*/ | |
header { | |
display: table; | |
border-collapse:collapse; | |
height: 180px; | |
margin: 0 auto; | |
} | |
h1 { |
NewerOlder