Newer
Older
/* normalize.css v2.1.0 | MIT License | git.io/normalize */
/* normalize.scss v2.1.0 | MIT/GPLv2 License | bit.ly/normalize-with-compass */
John Albin Wilkins
committed
/* =============================================================================
Normalize.css is intended to be used as an alternative to CSS resets.
John Albin Wilkins
committed
It's suggested that you read the normalize.scss file and customise it to meet
your needs, rather then including the file in your project and overriding the
defaults later in your CSS.
@see http://nicolasgallagher.com/about-normalize-css/
John Albin Wilkins
committed
Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
@see http://snook.ca/archives/html_and_css/no_css_reset/
========================================================================== */
John Albin Wilkins
committed
/* ==========================================================================
John Albin Wilkins
committed
HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined in IE 8/9.
John Albin Wilkins
committed
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
John Albin Wilkins
committed
nav,
section,
summary {
John Albin Wilkins
committed
display: block;
John Albin Wilkins
committed
}
/**
* Correct `inline-block` display not defined in IE 8/9.
John Albin Wilkins
committed
*/
audio,
canvas,
video {
John Albin Wilkins
committed
display: inline-block;
*display: inline;
*zoom: 1;
John Albin Wilkins
committed
}
/**
* Prevent modern browsers from displaying `audio` without controls.
John Albin Wilkins
committed
* Remove excess height in iOS 5 devices.
John Albin Wilkins
committed
*/
audio:not([controls]) {
John Albin Wilkins
committed
display: none;
John Albin Wilkins
committed
height: 0;
John Albin Wilkins
committed
}
/**
* Address styling not present in IE 7/8/9.
* Known issue: no IE 6 support.
John Albin Wilkins
committed
*/
[hidden] {
John Albin Wilkins
committed
display: none;
John Albin Wilkins
committed
}
John Albin Wilkins
committed
/* ==========================================================================
John Albin Wilkins
committed
Base
========================================================================== */
John Albin Wilkins
committed
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
/* Instead of relying on the fonts that are available on a user's computer, you
can use web fonts which, like images, are resources downloaded to the user's
browser. Because of the bandwidth and rendering resources required, web fonts
should be used with care.
Numerous resources for web fonts can be found on Google. Here are a few
websites where you can find Open Source fonts to download:
- http://www.fontsquirrel.com/fontface
- http://www.theleagueofmoveabletype.com
In order to use these fonts, you will need to convert them into formats
suitable for web fonts. We recommend the free-to-use Font Squirrel's
Font-Face Generator:
http://www.fontsquirrel.com/fontface/generator
The following is an example @font-face declaration. This font can then be
used in any ruleset using a property like this: font-family: Example, serif;
*/
/*
@font-face {
font-family: 'Example';
src: url('../fonts/example.eot');
src: url('../fonts/example.eot?iefix') format('eot'),
url('../fonts/example.woff') format('woff'),
url('../fonts/example.ttf') format('truetype'),
url('../fonts/example.svg#webfontOkOndcij') format('svg');
font-weight: normal;
font-style: normal;
}
*/
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
John Albin Wilkins
committed
* user zoom.
* 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
John Albin Wilkins
committed
* `em` units.
John Albin Wilkins
committed
*/
html {
John Albin Wilkins
committed
font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif; /* 1 */
John Albin Wilkins
committed
/*
* To use a 14px font size on the page, delete the 16px and 12px declarations.
* To use a 12px font size on the page, delete the 16px and 14px declarations.
*/
John Albin Wilkins
committed
/* 3 */
font-size: 75%; /* Use a 12px base font size. 16px x 75% = 12px */
font-size: 87.5%; /* Use a 14px base font size. 16px x .875 = 14px */
font-size: 100%; /* Use a 16px base font size. */
John Albin Wilkins
committed
John Albin Wilkins
committed
-webkit-text-size-adjust: 100%; /* 2 */
John Albin Wilkins
committed
-ms-text-size-adjust: 100%; /* 2 */
John Albin Wilkins
committed
John Albin Wilkins
committed
line-height: 1.5em; /* Establish a vertical rhythm. */
John Albin Wilkins
committed
}
/**
* Address `font-family` inconsistency between `textarea` and other form
John Albin Wilkins
committed
* elements in IE 6/7.
John Albin Wilkins
committed
*/
button,
input,
select,
textarea {
John Albin Wilkins
committed
/* The following font family declarations are based on the Microsoft core web
* fonts which are common fonts available on most computer systems. The DejaVu
* and Nimbus Sans fonts are commonly available on Linux systems where the MS
* fonts are less common. Tahoma and Helvetica are also widely available.
*
* A user's web browser will look at the comma-separated list and will
* attempt to use each font in turn until it finds one that is available
* on the user's computer. The final "generic" font (sans-serif, serif or
* monospace) hints at what type of font to use if the web browser doesn't
* find any of the fonts in the list.
font-family: "Times New Roman", Times, Georgia, "DejaVu Serif", serif;
font-family: Times, "Times New Roman", Georgia, "DejaVu Serif", serif;
font-family: Georgia, "Times New Roman", "DejaVu Serif", serif;
font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif;
font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
font-family: "Courier New", "DejaVu Sans Mono", monospace;
*/
font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
John Albin Wilkins
committed
}
John Albin Wilkins
committed
*/
body {
John Albin Wilkins
committed
margin: 0;
padding: 0;
John Albin Wilkins
committed
}
John Albin Wilkins
committed
/* ==========================================================================
John Albin Wilkins
committed
Links
========================================================================== */
* The order of link states are based on Eric Meyer's article:
John Albin Wilkins
committed
* http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
*/
John Albin Wilkins
committed
a:link {
}
a:visited {
}
a:hover,
a:focus {
}
a:active {
}
/**
* Address `outline` inconsistency between Chrome and other browsers.
John Albin Wilkins
committed
*/
a:focus {
John Albin Wilkins
committed
outline: thin dotted;
John Albin Wilkins
committed
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
John Albin Wilkins
committed
*/
John Albin Wilkins
committed
a:active,
a:hover {
John Albin Wilkins
committed
outline: 0;
John Albin Wilkins
committed
}
John Albin Wilkins
committed
/* ==========================================================================
John Albin Wilkins
committed
Typography
John Albin Wilkins
committed
To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins
so that the line height of our base font becomes the basic unit of vertical
measurement. We use multiples of that unit to set the top and bottom margins
for our block level elements and to set the line heights of any fonts.
For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm
John Albin Wilkins
committed
========================================================================== */
/**
* Set 1 unit of vertical rhythm on the top and bottom margin.
John Albin Wilkins
committed
*/
p,
pre {
margin: 1.5em 0;
}
blockquote { /* Set 1 unit of vertical rhythm on the top and bottom margin. */
John Albin Wilkins
committed
margin: 1.5em 30px;
}
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari 5, and Chrome.
John Albin Wilkins
committed
*/
h1 {
/* Set the font-size and line-height while keeping a proper vertical rhythm. */
John Albin Wilkins
committed
font-size: 2em;
John Albin Wilkins
committed
line-height: 1.5em; /* 3rem / 2em = 1.5em */
/* Set 1 unit of vertical rhythm on the top and bottom margins. */
margin-top: 0.75em; /* 1.5rem / 2em = .75em */
margin-bottom: 0.75em;
John Albin Wilkins
committed
}
h2 {
John Albin Wilkins
committed
font-size: 1.5em;
John Albin Wilkins
committed
line-height: 2em; /* 3rem / 1.5em = 2em */
margin-top: 1em; /* 1.5rem / 1.5em = 1em */
margin-bottom: 1em;
John Albin Wilkins
committed
}
h3 {
John Albin Wilkins
committed
font-size: 1.17em;
John Albin Wilkins
committed
line-height: 1.28205em; /* 1.5rem / 1.17em = 1.28205em */
margin-top: 1.28205em;
margin-bottom: 1.28205em;
John Albin Wilkins
committed
}
h4 {
John Albin Wilkins
committed
font-size: 1em;
John Albin Wilkins
committed
line-height: 1.5em; /* 1.5rem / 1em = 1.5em */
margin-top: 1.5em;
margin-bottom: 1.5em;
John Albin Wilkins
committed
}
h5 {
John Albin Wilkins
committed
font-size: 0.83em;
John Albin Wilkins
committed
line-height: 1.80723em; /* 1.5rem / 0.83em = 1.80723em */
margin-top: 1.80723em;
margin-bottom: 1.80723em;
John Albin Wilkins
committed
}
h6 {
font-size: 0.67em;
line-height: 2.23881em; /* 1.5rem / 0.67em = 2.23881em */
margin-top: 2.23881em;
margin-bottom: 2.23881em;
John Albin Wilkins
committed
}
/**
* Address styling not present in IE 8/9, Safari 5, and Chrome.
John Albin Wilkins
committed
*/
abbr[title] {
John Albin Wilkins
committed
border-bottom: 1px dotted;
John Albin Wilkins
committed
}
/**
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
John Albin Wilkins
committed
*/
John Albin Wilkins
committed
b,
strong {
John Albin Wilkins
committed
font-weight: bold;
John Albin Wilkins
committed
}
/**
* Address styling not present in Safari 5 and Chrome.
John Albin Wilkins
committed
*/
dfn {
John Albin Wilkins
committed
font-style: italic;
John Albin Wilkins
committed
}
/**
* Address differences between Firefox and other browsers.
* Known issue: no IE 6/7 normalization.
*/
hr {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 1px;
border: 1px solid #666666;
padding-bottom: -1px;
margin: 1.5em 0;
}
John Albin Wilkins
committed
*/
mark {
John Albin Wilkins
committed
background: #ff0;
color: #000;
John Albin Wilkins
committed
}
/**
* Correct font family set oddly in Safari 5 and Chrome.
John Albin Wilkins
committed
*/
code,
kbd,
John Albin Wilkins
committed
pre,
John Albin Wilkins
committed
samp,
tt,
var {
font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif;
_font-family: "courier new", monospace;
John Albin Wilkins
committed
font-size: 1em;
John Albin Wilkins
committed
}
/**
* Improve readability of pre-formatted text in all browsers.
John Albin Wilkins
committed
*/
pre {
John Albin Wilkins
committed
white-space: pre-wrap;
John Albin Wilkins
committed
}
John Albin Wilkins
committed
*/
q {
John Albin Wilkins
committed
quotes: "\201C" "\201D" "\2018" "\2019";
John Albin Wilkins
committed
}
/**
* Address inconsistent and variable font size in all browsers.
John Albin Wilkins
committed
*/
John Albin Wilkins
committed
small {
John Albin Wilkins
committed
font-size: 80%;
John Albin Wilkins
committed
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
John Albin Wilkins
committed
*/
sub,
sup {
John Albin Wilkins
committed
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
John Albin Wilkins
committed
}
sup {
John Albin Wilkins
committed
top: -0.5em;
John Albin Wilkins
committed
}
sub {
John Albin Wilkins
committed
bottom: -0.25em;
John Albin Wilkins
committed
}
John Albin Wilkins
committed
/* ==========================================================================
John Albin Wilkins
committed
Lists
========================================================================== */
John Albin Wilkins
committed
* Set 1 unit of vertical rhythm and a consistent indentation.
John Albin Wilkins
committed
*/
dl,
menu,
ol,
John Albin Wilkins
committed
ul {
John Albin Wilkins
committed
margin: 1.5em 0;
John Albin Wilkins
committed
padding: 0 0 0 30px; /* LTR */
John Albin Wilkins
committed
}
John Albin Wilkins
committed
ul ul,
ul ol,
ol ul,
ol ol {
John Albin Wilkins
committed
margin: 0; /* Turn off margins on nested lists. */
}
John Albin Wilkins
committed
dl {
padding: 0;
}
John Albin Wilkins
committed
John Albin Wilkins
committed
dd {
margin: 0 0 0 30px; /* LTR */
John Albin Wilkins
committed
}
/**
* Correct list images handled incorrectly in IE 7.
John Albin Wilkins
committed
*/
nav ul,
nav ol {
John Albin Wilkins
committed
list-style: none;
list-style-image: none;
John Albin Wilkins
committed
}
John Albin Wilkins
committed
/* ==========================================================================
John Albin Wilkins
committed
Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9.
John Albin Wilkins
committed
*/
img {
border: 0; /* Improve image quality when scaled in IE 7. */
-ms-interpolation-mode: bicubic;
John Albin Wilkins
committed
/* vertical-align: bottom; */ /* Suppress the space beneath the baseline */
John Albin Wilkins
committed
/* Responsive images */ /* @todo Look into adding responsive embedded video. */
John Albin Wilkins
committed
max-width: 100%;
height: auto;
width: auto; /* Correct IE 8 not scaling image height when resized. */
John Albin Wilkins
committed
}
/**
* Correct overflow displayed oddly in IE 9.
John Albin Wilkins
committed
*/
svg:not(:root) {
John Albin Wilkins
committed
overflow: hidden;
John Albin Wilkins
committed
}
John Albin Wilkins
committed
/* ==========================================================================
John Albin Wilkins
committed
Figures
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari 5.
John Albin Wilkins
committed
*/
figure {
John Albin Wilkins
committed
margin: 0;
John Albin Wilkins
committed
}
John Albin Wilkins
committed
/* ==========================================================================
John Albin Wilkins
committed
Forms
========================================================================== */
/**
* Correct margin displayed oddly in IE 6/7.
John Albin Wilkins
committed
*/
form {
John Albin Wilkins
committed
margin: 0;
John Albin Wilkins
committed
}
John Albin Wilkins
committed
* Define consistent border, margin, and padding.
John Albin Wilkins
committed
*/
fieldset {
John Albin Wilkins
committed
border: 1px solid #c0c0c0;
margin: 0 2px;
John Albin Wilkins
committed
padding: 0.5em 0.625em 1em;
John Albin Wilkins
committed
}
/**
* 1. Correct `color` not being inherited in IE 8/9.
John Albin Wilkins
committed
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
John Albin Wilkins
committed
*/
legend {
John Albin Wilkins
committed
border: 0; /* 1 */
John Albin Wilkins
committed
padding: 0; /* 2 */
John Albin Wilkins
committed
*margin-left: -7px; /* 3 */ /* LTR */
John Albin Wilkins
committed
}
/**
* 1. Correct font family not being inherited in all browsers.
* 2. Correct font size not being inherited in all browsers.
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
* 4. Improve appearance and consistency with IE 6/7.
John Albin Wilkins
committed
*/
button,
input,
select,
textarea {
John Albin Wilkins
committed
font-family: inherit; /* 1 */
font-size: 100%; /* 2 */
margin: 0; /* 3 */
vertical-align: baseline; /* 4 */
*vertical-align: middle; /* 4 */
John Albin Wilkins
committed
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
John Albin Wilkins
committed
* the UA stylesheet.
John Albin Wilkins
committed
*/
button,
input {
John Albin Wilkins
committed
line-height: normal;
John Albin Wilkins
committed
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
button,
select {
text-transform: none;
}
John Albin Wilkins
committed
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
John Albin Wilkins
committed
* `input` and others.
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
John Albin Wilkins
committed
* Known issue: inner spacing remains in IE 6.
John Albin Wilkins
committed
*/
button,
John Albin Wilkins
committed
html input[type="button"], /* 1 */
John Albin Wilkins
committed
input[type="reset"],
input[type="submit"] {
John Albin Wilkins
committed
-webkit-appearance: button; /* 2 */
John Albin Wilkins
committed
cursor: pointer; /* 3 */
*overflow: visible; /* 4 */
John Albin Wilkins
committed
}
John Albin Wilkins
committed
* Re-set default cursor for disabled elements.
John Albin Wilkins
committed
*/
button[disabled],
John Albin Wilkins
committed
cursor: default;
John Albin Wilkins
committed
}
/**
* 1. Address box sizing set to `content-box` in IE 8/9.
* 2. Remove excess padding in IE 8/9.
* 3. Remove excess padding in IE 7.
John Albin Wilkins
committed
* Known issue: excess padding remains in IE 6.
John Albin Wilkins
committed
*/
input[type="checkbox"],
input[type="radio"] {
John Albin Wilkins
committed
-webkit-box-sizing: border-box;
John Albin Wilkins
committed
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
*height: 13px; /* 3 */
*width: 13px; /* 3 */
John Albin Wilkins
committed
}
/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
John Albin Wilkins
committed
* (include `-moz` to future-proof).
John Albin Wilkins
committed
*/
input[type="search"] {
John Albin Wilkins
committed
-webkit-appearance: textfield; /* 1 */
John Albin Wilkins
committed
-webkit-box-sizing: content-box;
John Albin Wilkins
committed
box-sizing: content-box; /* 2 */
John Albin Wilkins
committed
}
/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
John Albin Wilkins
committed
* on OS X.
John Albin Wilkins
committed
*/
John Albin Wilkins
committed
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
John Albin Wilkins
committed
-webkit-appearance: none;
John Albin Wilkins
committed
}
/**
* Remove inner padding and border in Firefox 4+.
John Albin Wilkins
committed
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
John Albin Wilkins
committed
border: 0;
padding: 0;
John Albin Wilkins
committed
}
/**
* 1. Remove default vertical scrollbar in IE 8/9.
* 2. Improve readability and alignment in all browsers.
John Albin Wilkins
committed
*/
textarea {
John Albin Wilkins
committed
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
John Albin Wilkins
committed
}
John Albin Wilkins
committed
label {
display: block;
font-weight: bold;
}
John Albin Wilkins
committed
John Albin Wilkins
committed
/* ==========================================================================
John Albin Wilkins
committed
Tables
========================================================================== */
John Albin Wilkins
committed
* Remove most spacing between table cells.
John Albin Wilkins
committed
*/
table {
John Albin Wilkins
committed
border-collapse: collapse;
border-spacing: 0;
/* width: 100%; */ /* Prevent cramped-looking tables */
/* Add vertical rhythm margins. */
margin-top: 1.5em;
margin-bottom: 1.5em;