summaryrefslogtreecommitdiff
path: root/_assets/stylesheets
diff options
context:
space:
mode:
authorFranck Cuny <franck.cuny@gmail.com>2013-09-15 10:45:41 -0700
committerFranck Cuny <franck.cuny@gmail.com>2013-09-15 10:45:41 -0700
commitf23d4c09210e8bf34e1f51d1e196e784ff9979d0 (patch)
tree4dbfbd5c9407d3b74dd4710c0b6cf81bb6672673 /_assets/stylesheets
parenttwo new drafts articles (diff)
downloadlumberjaph-f23d4c09210e8bf34e1f51d1e196e784ff9979d0.tar.gz
Another big layout/design change.
Diffstat (limited to '_assets/stylesheets')
-rw-r--r--_assets/stylesheets/foundation.css1055
-rw-r--r--_assets/stylesheets/lumberjaph.css.scss4
-rw-r--r--_assets/stylesheets/normalize.css402
-rw-r--r--_assets/stylesheets/pygment.css3
-rw-r--r--_assets/stylesheets/text.css69
5 files changed, 1533 insertions, 0 deletions
diff --git a/_assets/stylesheets/foundation.css b/_assets/stylesheets/foundation.css
new file mode 100644
index 0000000..33883cf
--- /dev/null
+++ b/_assets/stylesheets/foundation.css
@@ -0,0 +1,1055 @@
+*,
+*:before,
+*:after {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box; }
+
+html,
+body {
+ font-size: 100%; }
+
+body {
+ background: white;
+ color: #222222;
+ padding: 0;
+ margin: 0;
+ font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
+ font-weight: normal;
+ font-style: normal;
+ line-height: 1;
+ position: relative;
+ cursor: default; }
+
+a:hover {
+ cursor: pointer; }
+
+a:focus {
+ outline: none; }
+
+img,
+object,
+embed {
+ max-width: 100%;
+ height: auto; }
+
+object,
+embed {
+ height: 100%; }
+
+img {
+ -ms-interpolation-mode: bicubic; }
+
+#map_canvas img,
+#map_canvas embed,
+#map_canvas object,
+.map_canvas img,
+.map_canvas embed,
+.map_canvas object {
+ max-width: none !important; }
+
+.left {
+ float: left !important; }
+
+.right {
+ float: right !important; }
+
+.text-left {
+ text-align: left !important; }
+
+.text-right {
+ text-align: right !important; }
+
+.text-center {
+ text-align: center !important; }
+
+.text-justify {
+ text-align: justify !important; }
+
+.hide {
+ display: none; }
+
+.antialiased {
+ -webkit-font-smoothing: antialiased; }
+
+img {
+ display: inline-block;
+ vertical-align: middle; }
+
+textarea {
+ height: auto;
+ min-height: 50px; }
+
+select {
+ width: 100%; }
+
+/* Grid HTML Classes */
+.row {
+ width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ margin-top: 0;
+ margin-bottom: 0;
+ max-width: 52em;
+ *zoom: 1; }
+ .row:before, .row:after {
+ content: " ";
+ display: table; }
+ .row:after {
+ clear: both; }
+ .row.collapse .column,
+ .row.collapse .columns {
+ position: relative;
+ padding-left: 0;
+ padding-right: 0;
+ float: left; }
+ .row .row {
+ width: auto;
+ margin-left: -0.9375em;
+ margin-right: -0.9375em;
+ margin-top: 0;
+ margin-bottom: 0;
+ max-width: none;
+ *zoom: 1; }
+ .row .row:before, .row .row:after {
+ content: " ";
+ display: table; }
+ .row .row:after {
+ clear: both; }
+ .row .row.collapse {
+ width: auto;
+ margin: 0;
+ max-width: none;
+ *zoom: 1; }
+ .row .row.collapse:before, .row .row.collapse:after {
+ content: " ";
+ display: table; }
+ .row .row.collapse:after {
+ clear: both; }
+
+.column,
+.columns {
+ position: relative;
+ padding-left: 0.9375em;
+ padding-right: 0.9375em;
+ width: 100%;
+ float: left; }
+
+@media only screen {
+ .column,
+ .columns {
+ position: relative;
+ padding-left: 0.9375em;
+ padding-right: 0.9375em;
+ float: left; }
+
+ .small-1 {
+ position: relative;
+ width: 8.33333%; }
+
+ .small-2 {
+ position: relative;
+ width: 16.66667%; }
+
+ .small-3 {
+ position: relative;
+ width: 25%; }
+
+ .small-4 {
+ position: relative;
+ width: 33.33333%; }
+
+ .small-5 {
+ position: relative;
+ width: 41.66667%; }
+
+ .small-6 {
+ position: relative;
+ width: 50%; }
+
+ .small-7 {
+ position: relative;
+ width: 58.33333%; }
+
+ .small-8 {
+ position: relative;
+ width: 66.66667%; }
+
+ .small-9 {
+ position: relative;
+ width: 75%; }
+
+ .small-10 {
+ position: relative;
+ width: 83.33333%; }
+
+ .small-11 {
+ position: relative;
+ width: 91.66667%; }
+
+ .small-12 {
+ position: relative;
+ width: 100%; }
+
+ .small-offset-0 {
+ position: relative;
+ margin-left: 0%; }
+
+ .small-offset-1 {
+ position: relative;
+ margin-left: 8.33333%; }
+
+ .small-offset-2 {
+ position: relative;
+ margin-left: 16.66667%; }
+
+ .small-offset-3 {
+ position: relative;
+ margin-left: 25%; }
+
+ .small-offset-4 {
+ position: relative;
+ margin-left: 33.33333%; }
+
+ .small-offset-5 {
+ position: relative;
+ margin-left: 41.66667%; }
+
+ .small-offset-6 {
+ position: relative;
+ margin-left: 50%; }
+
+ .small-offset-7 {
+ position: relative;
+ margin-left: 58.33333%; }
+
+ .small-offset-8 {
+ position: relative;
+ margin-left: 66.66667%; }
+
+ .small-offset-9 {
+ position: relative;
+ margin-left: 75%; }
+
+ .small-offset-10 {
+ position: relative;
+ margin-left: 83.33333%; }
+
+ [class*="column"] + [class*="column"]:last-child {
+ float: right; }
+
+ [class*="column"] + [class*="column"].end {
+ float: left; }
+
+ .column.small-centered,
+ .columns.small-centered {
+ position: relative;
+ margin-left: auto;
+ margin-right: auto;
+ float: none !important; } }
+/* Styles for screens that are atleast 768px; */
+@media only screen and (min-width: 768px) {
+ .large-1 {
+ position: relative;
+ width: 8.33333%; }
+
+ .large-2 {
+ position: relative;
+ width: 16.66667%; }
+
+ .large-3 {
+ position: relative;
+ width: 25%; }
+
+ .large-4 {
+ position: relative;
+ width: 33.33333%; }
+
+ .large-5 {
+ position: relative;
+ width: 41.66667%; }
+
+ .large-6 {
+ position: relative;
+ width: 50%; }
+
+ .large-7 {
+ position: relative;
+ width: 58.33333%; }
+
+ .large-8 {
+ position: relative;
+ width: 66.66667%; }
+
+ .large-9 {
+ position: relative;
+ width: 75%; }
+
+ .large-10 {
+ position: relative;
+ width: 83.33333%; }
+
+ .large-11 {
+ position: relative;
+ width: 91.66667%; }
+
+ .large-12 {
+ position: relative;
+ width: 100%; }
+
+ .row .large-offset-0 {
+ position: relative;
+ margin-left: 0%; }
+
+ .row .large-offset-1 {
+ position: relative;
+ margin-left: 8.33333%; }
+
+ .row .large-offset-2 {
+ position: relative;
+ margin-left: 16.66667%; }
+
+ .row .large-offset-3 {
+ position: relative;
+ margin-left: 25%; }
+
+ .row .large-offset-4 {
+ position: relative;
+ margin-left: 33.33333%; }
+
+ .row .large-offset-5 {
+ position: relative;
+ margin-left: 41.66667%; }
+
+ .row .large-offset-6 {
+ position: relative;
+ margin-left: 50%; }
+
+ .row .large-offset-7 {
+ position: relative;
+ margin-left: 58.33333%; }
+
+ .row .large-offset-8 {
+ position: relative;
+ margin-left: 66.66667%; }
+
+ .row .large-offset-9 {
+ position: relative;
+ margin-left: 75%; }
+
+ .row .large-offset-10 {
+ position: relative;
+ margin-left: 83.33333%; }
+
+ .row .large-offset-11 {
+ position: relative;
+ margin-left: 91.66667%; }
+
+ .push-1 {
+ position: relative;
+ left: 8.33333%;
+ right: auto; }
+
+ .pull-1 {
+ position: relative;
+ right: 8.33333%;
+ left: auto; }
+
+ .push-2 {
+ position: relative;
+ left: 16.66667%;
+ right: auto; }
+
+ .pull-2 {
+ position: relative;
+ right: 16.66667%;
+ left: auto; }
+
+ .push-3 {
+ position: relative;
+ left: 25%;
+ right: auto; }
+
+ .pull-3 {
+ position: relative;
+ right: 25%;
+ left: auto; }
+
+ .push-4 {
+ position: relative;
+ left: 33.33333%;
+ right: auto; }
+
+ .pull-4 {
+ position: relative;
+ right: 33.33333%;
+ left: auto; }
+
+ .push-5 {
+ position: relative;
+ left: 41.66667%;
+ right: auto; }
+
+ .pull-5 {
+ position: relative;
+ right: 41.66667%;
+ left: auto; }
+
+ .push-6 {
+ position: relative;
+ left: 50%;
+ right: auto; }
+
+ .pull-6 {
+ position: relative;
+ right: 50%;
+ left: auto; }
+
+ .push-7 {
+ position: relative;
+ left: 58.33333%;
+ right: auto; }
+
+ .pull-7 {
+ position: relative;
+ right: 58.33333%;
+ left: auto; }
+
+ .push-8 {
+ position: relative;
+ left: 66.66667%;
+ right: auto; }
+
+ .pull-8 {
+ position: relative;
+ right: 66.66667%;
+ left: auto; }
+
+ .push-9 {
+ position: relative;
+ left: 75%;
+ right: auto; }
+
+ .pull-9 {
+ position: relative;
+ right: 75%;
+ left: auto; }
+
+ .push-10 {
+ position: relative;
+ left: 83.33333%;
+ right: auto; }
+
+ .pull-10 {
+ position: relative;
+ right: 83.33333%;
+ left: auto; }
+
+ .push-11 {
+ position: relative;
+ left: 91.66667%;
+ right: auto; }
+
+ .pull-11 {
+ position: relative;
+ right: 91.66667%;
+ left: auto; }
+
+ .column.large-centered,
+ .columns.large-centered {
+ position: relative;
+ margin-left: auto;
+ margin-right: auto;
+ float: none !important; }
+
+ .column.large-uncentered,
+ .columns.large-uncentered {
+ margin-left: 0;
+ margin-right: 0;
+ float: left !important; }
+
+ .column.large-uncentered.opposite,
+ .columns.large-uncentered.opposite {
+ float: right !important; } }
+/* Foundation Block Grids for below small breakpoint */
+@media only screen {
+ [class*="block-grid-"] {
+ display: block;
+ padding: 0;
+ margin: 0 -0.625em;
+ *zoom: 1; }
+ [class*="block-grid-"]:before, [class*="block-grid-"]:after {
+ content: " ";
+ display: table; }
+ [class*="block-grid-"]:after {
+ clear: both; }
+ [class*="block-grid-"] > li {
+ display: inline;
+ height: auto;
+ float: left;
+ padding: 0 0.625em 1.25em; }
+
+ .small-block-grid-1 > li {
+ width: 100%;
+ padding: 0 0.625em 1.25em; }
+ .small-block-grid-1 > li:nth-of-type(n) {
+ clear: none; }
+ .small-block-grid-1 > li:nth-of-type(1n+1) {
+ clear: both; }
+
+ .small-block-grid-2 > li {
+ width: 50%;
+ padding: 0 0.625em 1.25em; }
+ .small-block-grid-2 > li:nth-of-type(n) {
+ clear: none; }
+ .small-block-grid-2 > li:nth-of-type(2n+1) {
+ clear: both; }
+
+ .small-block-grid-3 > li {
+ width: 33.33333%;
+ padding: 0 0.625em 1.25em; }
+ .small-block-grid-3 > li:nth-of-type(n) {
+ clear: none; }
+ .small-block-grid-3 > li:nth-of-type(3n+1) {
+ clear: both; }
+
+ .small-block-grid-4 > li {
+ width: 25%;
+ padding: 0 0.625em 1.25em; }
+ .small-block-grid-4 > li:nth-of-type(n) {
+ clear: none; }
+ .small-block-grid-4 > li:nth-of-type(4n+1) {
+ clear: both; }
+
+ .small-block-grid-5 > li {
+ width: 20%;
+ padding: 0 0.625em 1.25em; }
+ .small-block-grid-5 > li:nth-of-type(n) {
+ clear: none; }
+ .small-block-grid-5 > li:nth-of-type(5n+1) {
+ clear: both; }
+
+ .small-block-grid-6 > li {
+ width: 16.66667%;
+ padding: 0 0.625em 1.25em; }
+ .small-block-grid-6 > li:nth-of-type(n) {
+ clear: none; }
+ .small-block-grid-6 > li:nth-of-type(6n+1) {
+ clear: both; }
+
+ .small-block-grid-7 > li {
+ width: 14.28571%;
+ padding: 0 0.625em 1.25em; }
+ .small-block-grid-7 > li:nth-of-type(n) {
+ clear: none; }
+ .small-block-grid-7 > li:nth-of-type(7n+1) {
+ clear: both; }
+
+ .small-block-grid-8 > li {
+ width: 12.5%;
+ padding: 0 0.625em 1.25em; }
+ .small-block-grid-8 > li:nth-of-type(n) {
+ clear: none; }
+ .small-block-grid-8 > li:nth-of-type(8n+1) {
+ clear: both; }
+
+ .small-block-grid-9 > li {
+ width: 11.11111%;
+ padding: 0 0.625em 1.25em; }
+ .small-block-grid-9 > li:nth-of-type(n) {
+ clear: none; }
+ .small-block-grid-9 > li:nth-of-type(9n+1) {
+ clear: both; }
+
+ .small-block-grid-10 > li {
+ width: 10%;
+ padding: 0 0.625em 1.25em; }
+ .small-block-grid-10 > li:nth-of-type(n) {
+ clear: none; }
+ .small-block-grid-10 > li:nth-of-type(10n+1) {
+ clear: both; }
+
+ .small-block-grid-11 > li {
+ width: 9.09091%;
+ padding: 0 0.625em 1.25em; }
+ .small-block-grid-11 > li:nth-of-type(n) {
+ clear: none; }
+ .small-block-grid-11 > li:nth-of-type(11n+1) {
+ clear: both; }
+
+ .small-block-grid-12 > li {
+ width: 8.33333%;
+ padding: 0 0.625em 1.25em; }
+ .small-block-grid-12 > li:nth-of-type(n) {
+ clear: none; }
+ .small-block-grid-12 > li:nth-of-type(12n+1) {
+ clear: both; } }
+/* Foundation Block Grids for above small breakpoint */
+@media only screen and (min-width: 768px) {
+ /* Remove small grid clearing */
+ .small-block-grid-1 > li:nth-of-type(1n+1) {
+ clear: none; }
+
+ .small-block-grid-2 > li:nth-of-type(2n+1) {
+ clear: none; }
+
+ .small-block-grid-3 > li:nth-of-type(3n+1) {
+ clear: none; }
+
+ .small-block-grid-4 > li:nth-of-type(4n+1) {
+ clear: none; }
+
+ .small-block-grid-5 > li:nth-of-type(5n+1) {
+ clear: none; }
+
+ .small-block-grid-6 > li:nth-of-type(6n+1) {
+ clear: none; }
+
+ .small-block-grid-7 > li:nth-of-type(7n+1) {
+ clear: none; }
+
+ .small-block-grid-8 > li:nth-of-type(8n+1) {
+ clear: none; }
+
+ .small-block-grid-9 > li:nth-of-type(9n+1) {
+ clear: none; }
+
+ .small-block-grid-10 > li:nth-of-type(10n+1) {
+ clear: none; }
+
+ .small-block-grid-11 > li:nth-of-type(11n+1) {
+ clear: none; }
+
+ .small-block-grid-12 > li:nth-of-type(12n+1) {
+ clear: none; }
+
+ .large-block-grid-1 > li {
+ width: 100%;
+ padding: 0 0.625em 1.25em; }
+ .large-block-grid-1 > li:nth-of-type(n) {
+ clear: none; }
+ .large-block-grid-1 > li:nth-of-type(1n+1) {
+ clear: both; }
+
+ .large-block-grid-2 > li {
+ width: 50%;
+ padding: 0 0.625em 1.25em; }
+ .large-block-grid-2 > li:nth-of-type(n) {
+ clear: none; }
+ .large-block-grid-2 > li:nth-of-type(2n+1) {
+ clear: both; }
+
+ .large-block-grid-3 > li {
+ width: 33.33333%;
+ padding: 0 0.625em 1.25em; }
+ .large-block-grid-3 > li:nth-of-type(n) {
+ clear: none; }
+ .large-block-grid-3 > li:nth-of-type(3n+1) {
+ clear: both; }
+
+ .large-block-grid-4 > li {
+ width: 25%;
+ padding: 0 0.625em 1.25em; }
+ .large-block-grid-4 > li:nth-of-type(n) {
+ clear: none; }
+ .large-block-grid-4 > li:nth-of-type(4n+1) {
+ clear: both; }
+
+ .large-block-grid-5 > li {
+ width: 20%;
+ padding: 0 0.625em 1.25em; }
+ .large-block-grid-5 > li:nth-of-type(n) {
+ clear: none; }
+ .large-block-grid-5 > li:nth-of-type(5n+1) {
+ clear: both; }
+
+ .large-block-grid-6 > li {
+ width: 16.66667%;
+ padding: 0 0.625em 1.25em; }
+ .large-block-grid-6 > li:nth-of-type(n) {
+ clear: none; }
+ .large-block-grid-6 > li:nth-of-type(6n+1) {
+ clear: both; }
+
+ .large-block-grid-7 > li {
+ width: 14.28571%;
+ padding: 0 0.625em 1.25em; }
+ .large-block-grid-7 > li:nth-of-type(n) {
+ clear: none; }
+ .large-block-grid-7 > li:nth-of-type(7n+1) {
+ clear: both; }
+
+ .large-block-grid-8 > li {
+ width: 12.5%;
+ padding: 0 0.625em 1.25em; }
+ .large-block-grid-8 > li:nth-of-type(n) {
+ clear: none; }
+ .large-block-grid-8 > li:nth-of-type(8n+1) {
+ clear: both; }
+
+ .large-block-grid-9 > li {
+ width: 11.11111%;
+ padding: 0 0.625em 1.25em; }
+ .large-block-grid-9 > li:nth-of-type(n) {
+ clear: none; }
+ .large-block-grid-9 > li:nth-of-type(9n+1) {
+ clear: both; }
+
+ .large-block-grid-10 > li {
+ width: 10%;
+ padding: 0 0.625em 1.25em; }
+ .large-block-grid-10 > li:nth-of-type(n) {
+ clear: none; }
+ .large-block-grid-10 > li:nth-of-type(10n+1) {
+ clear: both; }
+
+ .large-block-grid-11 > li {
+ width: 9.09091%;
+ padding: 0 0.625em 1.25em; }
+ .large-block-grid-11 > li:nth-of-type(n) {
+ clear: none; }
+ .large-block-grid-11 > li:nth-of-type(11n+1) {
+ clear: both; }
+
+ .large-block-grid-12 > li {
+ width: 8.33333%;
+ padding: 0 0.625em 1.25em; }
+ .large-block-grid-12 > li:nth-of-type(n) {
+ clear: none; }
+ .large-block-grid-12 > li:nth-of-type(12n+1) {
+ clear: both; } }
+p.lead {
+ font-size: 1.21875em;
+ line-height: 1.6; }
+
+.subheader {
+ line-height: 1.4;
+ color: #6f6f6f;
+ font-weight: 300;
+ margin-top: 0.2em;
+ margin-bottom: 0.5em; }
+
+/* Typography resets */
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+pre,
+form,
+p,
+blockquote,
+th,
+td {
+ margin: 0;
+ padding: 0;
+ direction: ltr; }
+
+/* Default Link Styles */
+a {
+ color: #2ba6cb;
+ text-decoration: none;
+ line-height: inherit; }
+ a:hover, a:focus {
+ color: #2795b6; }
+ a img {
+ border: none; }
+
+/* Default paragraph styles */
+p {
+ font-family: inherit;
+ font-weight: normal;
+ font-size: 1em;
+ line-height: 1.6;
+ margin-bottom: 1.25em;
+ text-rendering: optimizeLegibility; }
+ p aside {
+ font-size: 0.875em;
+ line-height: 1.35;
+ font-style: italic; }
+
+/* Default header styles */
+h1, h2, h3, h4, h5, h6 {
+ font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
+ font-weight: bold;
+ font-style: normal;
+ color: #222222;
+ text-rendering: optimizeLegibility;
+ margin-top: 0.2em;
+ margin-bottom: 0.5em;
+ line-height: 1.2125em; }
+ h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
+ font-size: 60%;
+ color: #6f6f6f;
+ line-height: 0; }
+
+h1 {
+ font-size: 2.125em; }
+
+h2 {
+ font-size: 1.6875em; }
+
+h3 {
+ font-size: 1.375em; }
+
+h4 {
+ font-size: 1.125em; }
+
+h5 {
+ font-size: 1.125em; }
+
+h6 {
+ font-size: 1em; }
+
+hr {
+ border: solid #dddddd;
+ border-width: 1px 0 0;
+ clear: both;
+ margin: 1.25em 0 1.1875em;
+ height: 0; }
+
+/* Helpful Typography Defaults */
+em,
+i {
+ font-style: italic;
+ line-height: inherit; }
+
+strong,
+b {
+ font-weight: bold;
+ line-height: inherit; }
+
+small {
+ font-size: 60%;
+ line-height: inherit; }
+
+code {
+ font-family: Consolas, "Liberation Mono", Courier, monospace;
+ font-weight: bold;
+ color: #7f0a0c; }
+
+/* Lists */
+ul,
+ol,
+dl {
+ font-size: 1em;
+ line-height: 1.6;
+ margin-bottom: 1.25em;
+ list-style-position: outside;
+ font-family: inherit; }
+
+ul, ol {
+ margin-left: 0; }
+
+/* Unordered Lists */
+ul li ul,
+ul li ol {
+ margin-left: 1.25em;
+ margin-bottom: 0;
+ font-size: 1em;
+ /* Override nested font-size change */ }
+ul.square li ul, ul.circle li ul, ul.disc li ul {
+ list-style: inherit; }
+ul.square {
+ list-style-type: square; }
+ul.circle {
+ list-style-type: circle; }
+ul.disc {
+ list-style-type: disc; }
+ul.no-bullet {
+ list-style: none; }
+
+/* Ordered Lists */
+ol li ul,
+ol li ol {
+ margin-left: 1.25em;
+ margin-bottom: 0; }
+
+/* Definition Lists */
+dl dt {
+ margin-bottom: 0.3em;
+ font-weight: bold; }
+dl dd {
+ margin-bottom: 0.75em; }
+
+/* Abbreviations */
+abbr,
+acronym {
+ text-transform: uppercase;
+ font-size: 90%;
+ color: #222222;
+ border-bottom: 1px dotted #dddddd;
+ cursor: help; }
+
+abbr {
+ text-transform: none; }
+
+/* Blockquotes */
+blockquote {
+ margin: 0 0 1.25em;
+ padding: 0.5625em 1.25em 0 1.1875em;
+ border-left: 1px solid #dddddd; }
+ blockquote cite {
+ display: block;
+ font-size: 0.8125em;
+ color: #555555; }
+ blockquote cite:before {
+ content: "\2014 \0020"; }
+ blockquote cite a,
+ blockquote cite a:visited {
+ color: #555555; }
+
+blockquote,
+blockquote p {
+ line-height: 1.6;
+ color: #6f6f6f; }
+
+/* Microformats */
+.vcard {
+ display: inline-block;
+ margin: 0 0 1.25em 0;
+ border: 1px solid #dddddd;
+ padding: 0.625em 0.75em; }
+ .vcard li {
+ margin: 0;
+ display: block; }
+ .vcard .fn {
+ font-weight: bold;
+ font-size: 0.9375em; }
+
+.vevent .summary {
+ font-weight: bold; }
+.vevent abbr {
+ cursor: default;
+ text-decoration: none;
+ font-weight: bold;
+ border: none;
+ padding: 0 0.0625em; }
+
+@media only screen and (min-width: 768px) {
+ h1, h2, h3, h4, h5, h6 {
+ line-height: 1.4; }
+
+ h1 {
+ font-size: 2.75em; }
+
+ h2 {
+ font-size: 2.3125em; }
+
+ h3 {
+ font-size: 1.6875em; }
+
+ h4 {
+ font-size: 1.4375em; } }
+/*
+ * Print styles.
+ *
+ * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
+ * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
+*/
+.print-only {
+ display: none !important; }
+
+@media print {
+ * {
+ background: transparent !important;
+ color: black !important;
+ /* Black prints faster: h5bp.com/s */
+ box-shadow: none !important;
+ text-shadow: none !important; }
+
+ a,
+ a:visited {
+ text-decoration: underline; }
+
+ a[href]:after {
+ content: " (" attr(href) ")"; }
+
+ abbr[title]:after {
+ content: " (" attr(title) ")"; }
+
+ .ir a:after,
+ a[href^="javascript:"]:after,
+ a[href^="#"]:after {
+ content: ""; }
+
+ pre,
+ blockquote {
+ border: 1px solid #999999;
+ page-break-inside: avoid; }
+
+ thead {
+ display: table-header-group;
+ /* h5bp.com/t */ }
+
+ tr,
+ img {
+ page-break-inside: avoid; }
+
+ img {
+ max-width: 100% !important; }
+
+ @page {
+ margin: 0.5cm; }
+
+ p,
+ h2,
+ h3 {
+ orphans: 3;
+ widows: 3; }
+
+ h2,
+ h3 {
+ page-break-after: avoid; }
+
+ .hide-on-print {
+ display: none !important; }
+
+ .print-only {
+ display: block !important; }
+
+ .hide-for-print {
+ display: none !important; }
+
+ .show-for-print {
+ display: inherit !important; } }
+
+/* Tables */
+table {
+ background: white;
+ margin-bottom: 1.25em;
+ border: solid 1px #dddddd; }
+ table thead,
+ table tfoot {
+ background: whitesmoke;
+ font-weight: bold; }
+ table thead tr th,
+ table thead tr td,
+ table tfoot tr th,
+ table tfoot tr td {
+ padding: 0.5em 0.625em 0.625em;
+ font-size: 0.875em;
+ color: #222222;
+ text-align: left; }
+ table tr th,
+ table tr td {
+ padding: 0.5625em 0.625em;
+ font-size: 0.875em;
+ color: #222222; }
+ table tr.even, table tr.alt, table tr:nth-of-type(even) {
+ background: #f9f9f9; }
+ table thead tr th,
+ table tfoot tr th,
+ table tbody tr td,
+ table tr td,
+ table tfoot tr td {
+ display: table-cell;
+ line-height: 1.125em; }
diff --git a/_assets/stylesheets/lumberjaph.css.scss b/_assets/stylesheets/lumberjaph.css.scss
new file mode 100644
index 0000000..ad28a66
--- /dev/null
+++ b/_assets/stylesheets/lumberjaph.css.scss
@@ -0,0 +1,4 @@
+//= require normalize
+//= require foundation
+//= require pygment
+//= require text
diff --git a/_assets/stylesheets/normalize.css b/_assets/stylesheets/normalize.css
new file mode 100644
index 0000000..6d24a38
--- /dev/null
+++ b/_assets/stylesheets/normalize.css
@@ -0,0 +1,402 @@
+/*! normalize.css v2.1.1 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+ HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+ display: inline-block;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+[hidden] {
+ display: none;
+}
+
+/* ==========================================================================
+ Base
+ ========================================================================== */
+
+/**
+ * 1. Prevent system color scheme's background color being used in Firefox, IE,
+ * and Opera.
+ * 2. Prevent system color scheme's text color being used in Firefox, IE, and
+ * Opera.
+ * 3. Set default font family to sans-serif.
+ * 4. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ background: #fff; /* 1 */
+ color: #000; /* 2 */
+ font-family: sans-serif; /* 3 */
+ -ms-text-size-adjust: 100%; /* 4 */
+ -webkit-text-size-adjust: 100%; /* 4 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Links
+ ========================================================================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+ outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* ==========================================================================
+ Typography
+ ========================================================================== */
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari 5, and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/**
+ * Correct font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, serif;
+ font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+ white-space: pre-wrap;
+}
+
+/**
+ * Set consistent quote types.
+ */
+
+q {
+ quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* ==========================================================================
+ Embedded content
+ ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9.
+ */
+
+img {
+ border: 0;
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* ==========================================================================
+ Figures
+ ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Forms
+ ========================================================================== */
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 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.
+ */
+
+button,
+input,
+select,
+textarea {
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 2 */
+ margin: 0; /* 3 */
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+ line-height: normal;
+}
+
+/**
+ * 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;
+}
+
+/**
+ * 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
+ * `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to `content-box` in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+ overflow: auto; /* 1 */
+ vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+ Tables
+ ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/_assets/stylesheets/pygment.css b/_assets/stylesheets/pygment.css
new file mode 100644
index 0000000..e3ed165
--- /dev/null
+++ b/_assets/stylesheets/pygment.css
@@ -0,0 +1,3 @@
+pre {
+ padding-left: 5px;
+}pre .c{color:#998;font-style:italic;}pre .err{color:#a61717;background-color:#e3d2d2;}pre .k{font-weight:bold;}pre .o{font-weight:bold;}pre .cm{color:#998;font-style:italic;}pre .cp{color:#999;font-weight:bold;}pre .c1{color:#998;font-style:italic;}pre .cs{color:#999;font-weight:bold;font-style:italic;}pre .gd{color:#000;background-color:#fdd;}pre .gd .x{color:#000;background-color:#faa;}pre .ge{font-style:italic;}pre .gr{color:#a00;}pre .gh{color:#999;}pre .gi{color:#000;background-color:#dfd;}pre .gi .x{color:#000;background-color:#afa;}pre .go{color:#888;}pre .gp{color:#555;}pre .gs{font-weight:bold;}pre .gu{color:#aaa;}pre .gt{color:#a00;}pre .kc{font-weight:bold;}pre .kd{font-weight:bold;}pre .kp{font-weight:bold;}pre .kr{font-weight:bold;}pre .kt{color:#458;font-weight:bold;}pre .m{color:#099;}pre .s{color:#d14;}pre .na{color:#008080;}pre .nb{color:#0086B3;}pre .nc{color:#458;font-weight:bold;}pre .no{color:#008080;}pre .ni{color:#800080;}pre .ne{color:#900;font-weight:bold;}pre .nf{color:#900;font-weight:bold;}pre .nn{color:#555;}pre .nt{color:#000080;}pre .nv{color:#008080;}pre .ow{font-weight:bold;}pre .w{color:#bbb;}pre .mf{color:#099;}pre .mh{color:#099;}pre .mi{color:#099;}pre .mo{color:#099;}pre .sb{color:#d14;}pre .sc{color:#d14;}pre .sd{color:#d14;}pre .s2{color:#d14;}pre .se{color:#d14;}pre .sh{color:#d14;}pre .si{color:#d14;}pre .sx{color:#d14;}pre .sr{color:#009926;}pre .s1{color:#d14;}pre .ss{color:#990073;}pre .bp{color:#999;}pre .vc{color:#008080;}pre .vg{color:#008080;}pre .vi{color:#008080;}pre .il{color:#099;}
diff --git a/_assets/stylesheets/text.css b/_assets/stylesheets/text.css
new file mode 100644
index 0000000..5b71cb2
--- /dev/null
+++ b/_assets/stylesheets/text.css
@@ -0,0 +1,69 @@
+#header h1 {
+ font-size: 120%;
+ display: inline-block;
+}
+
+code, pre {
+ color: #000;
+ background-color: #fff;
+ font-weight: normal;
+ font-family: "Menlo", "Consolas", "Inconsolata", "Anonymous", "Monaco", monospace;
+ font-size: 0.9em;
+ line-height: 1.2em;
+}
+
+p code, li>code {
+ border: 1px solid #DDDDDD;
+ padding: 2px;
+ font-size: 0.8em;
+}
+
+#header h1 a, h2.post-title a, h2.static-title a {
+ color: #000;
+}
+
+ul, ol {
+ margin-left: 2em;
+}
+
+div.highlight, pre {
+ margin-bottom: 1em;
+}
+
+code.has-jax {
+ border: none;
+ background-color: #fff;
+}
+
+.date {
+ font-style: italic;
+ color: #4e4e4e;
+}
+
+body {
+ font: 300 1.1em/1.6em "Droid Serif", "Open Sans", Cambria, Georgia, "DejaVu Serif", serif;
+}
+
+blockquote {
+ padding-top: 0;
+}
+
+.panel {
+ padding-left: 2em;
+ padding-right: 2em;
+ font-size: 120%;
+}
+
+.panel p {
+ font-weight: bold;
+ font-style: italic;
+ line-height: 1.1em;
+}
+
+footer {
+ text-align: center;
+}
+
+footer span {
+ font-style: italic;
+}