diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..e432184 --- /dev/null +++ b/.gitignore @@ -0,0 +1,21 @@ +b-cov +*.seed +*.log +*.csv +*.dat +*.out +*.pid +*.gz + +pids +logs +results + +npm-debug.log +node_modules + +.idea/* +*.iml +projectFilesBackup + +.DS_Store \ No newline at end of file diff --git a/css/boilerplate.css b/css/boilerplate.css new file mode 100644 index 0000000..984d453 --- /dev/null +++ b/css/boilerplate.css @@ -0,0 +1,267 @@ +/* + * HTML5 Boilerplate + * + * What follows is the result of much research on cross-browser styling. + * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, + * Kroc Camen, and the H5BP dev community and team. + */ + +/* ========================================================================== + Base styles: opinionated defaults + ========================================================================== */ + +html, +button, +input, +select, +textarea { + color: #222; +} + +body { + font-size: 1em; + line-height: 1.4; +} + +/* + * Remove text-shadow in selection highlight: h5bp.com/i + * These selection declarations have to be separate. + * Customize the background color to match your design. + */ + +::-moz-selection { + background: #ff0054; + color:#fff; + text-shadow: none; +} + +::selection { + background: #ff0054; + color:#fff; + text-shadow: none; +} + +/* + * A better looking default horizontal rule + */ + +hr { + display: block; + height: 1px; + border: 0; + border-top: 1px solid #dadada; + margin: 3em 0; + padding: 0; +} + +/* + * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 + */ + +img { + vertical-align: middle; +} + +/* + * Remove default fieldset styles. + */ + +fieldset { + border: 0; + margin: 0; + padding: 0; +} + +/* + * Allow only vertical resizing of textareas. + */ + +textarea { + resize: vertical; +} + +/* ========================================================================== + Helper classes + ========================================================================== */ + +/* + * Image replacement + */ + +.ir { + background-color: transparent; + border: 0; + overflow: hidden; + /* IE 6/7 fallback */ + *text-indent: -9999px; +} + +.ir:before { + content: ""; + display: block; + width: 0; + height: 100%; +} + +/* + * Hide from both screenreaders and browsers: h5bp.com/u + */ + +.hidden { + display: none !important; + visibility: hidden; +} + +/* + * Hide only visually, but have it available for screenreaders: h5bp.com/v + */ + +.visuallyhidden, +.screen-reader-text { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +/* + * Extends the .visuallyhidden class to allow the element to be focusable + * when navigated to via the keyboard: h5bp.com/p + */ + +.visuallyhidden.focusable:active, +.visuallyhidden.focusable:focus { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto; +} + +/* + * Hide visually and from screenreaders, but maintain layout + */ + +.invisible { + visibility: hidden; +} + +/* + * Clearfix: contain floats + * + * For modern browsers + * 1. The space content is one way to avoid an Opera bug when the + * `contenteditable` attribute is included anywhere else in the document. + * Otherwise it causes space to appear at the top and bottom of elements + * that receive the `clearfix` class. + * 2. The use of `table` rather than `block` is only necessary if using + * `:before` to contain the top-margins of child elements. + */ + +.clearfix:before, +.clearfix:after { + content: " "; /* 1 */ + display: table; /* 2 */ +} + +.clearfix:after { + clear: both; +} + +/* + * For IE 6/7 only + * Include this rule to trigger hasLayout and contain floats. + */ + +.clearfix { + *zoom: 1; +} + +/* + * Some standard WordPress classes commonly used by themes/plugins. + */ + +.alignleft { + float:left; +} + +.alignright { + float:right; +} + +/* ========================================================================== + Print styles. + Inlined to avoid required HTTP connection: h5bp.com/r + ========================================================================== */ + +@media print { + * { + background: transparent !important; + color: #000 !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) ")"; + } + + /* + * Don't show links for images, or javascript/internal links + */ + + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + + pre, + blockquote { + border: 1px solid #999; + 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; + } +} \ No newline at end of file diff --git a/css/fonts.css b/css/fonts.css new file mode 100644 index 0000000..0a28ced --- /dev/null +++ b/css/fonts.css @@ -0,0 +1,11 @@ +@font-face { + font-family: 'galette'; + src: url('../fonts/galette-med-webfont.eot'); + src: url('../fonts/galette-med-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/galette-med-webfont.woff') format('woff'), + url('../fonts/galette-med-webfont.ttf') format('truetype'), + url('../fonts/galette-med-webfont.svg#galetteregular') format('svg'); + font-weight: normal; + font-style: normal; + +} \ No newline at end of file diff --git a/css/normalize.css b/css/normalize.css new file mode 100644 index 0000000..4fc77ed --- /dev/null +++ b/css/normalize.css @@ -0,0 +1,511 @@ +/*! normalize.css v1.0.2 | MIT License | git.io/normalize */ + +/* ========================================================================== + HTML5 display definitions + ========================================================================== */ + +/* + * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. + */ + +main, +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section, +summary { + display: block; +} + +/* + * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. + */ + +audio, +canvas, +video { + display: inline-block; + *display: inline; + *zoom: 1; +} + +/* + * Prevents modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/* + * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, + * and Safari 4. + * Known issue: no IE 6 support. + */ + +[hidden] { + display: none; +} + +/* ========================================================================== + Base + ========================================================================== */ + +/* + * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using + * `em` units. + * 2. Prevents iOS text size adjust after orientation change, without disabling + * user zoom. + */ + +html { + font-size: 100%; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ + -ms-text-size-adjust: 100%; /* 2 */ +} + +/* + * Addresses `font-family` inconsistency between `textarea` and other form + * elements. + */ + +html, +button, +input, +select, +textarea { + font-family: sans-serif; +} + +/* + * Addresses margins handled incorrectly in IE 6/7. + */ + +body { + margin: 0; +} + +/* ========================================================================== + Links + ========================================================================== */ + +/* + * Addresses `outline` inconsistency between Chrome and other browsers. + */ + +a:focus { + outline: thin dotted; +} + +/* + * Improves readability when focused and also mouse hovered in all browsers. + */ + +a:active, +a:hover { + outline: 0; +} + +/* ========================================================================== + Typography + ========================================================================== */ + +/* + * Addresses font sizes and margins set differently in IE 6/7. + * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, + * and Chrome. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +h2 { + font-size: 1.5em; + margin: 0.83em 0; +} + +h3 { + font-size: 1.17em; + margin: 1em 0; +} + +h4 { + font-size: 1em; + margin: 1.33em 0; +} + +h5 { + font-size: 0.83em; + margin: 1.67em 0; +} + +h6 { + font-size: 0.67em; + margin: 2.33em 0; +} + +/* + * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. + */ + +abbr[title] { + border-bottom: 1px dotted; +} + +/* + * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. + */ + +b, +strong { + font-weight: bold; +} + +blockquote { + margin: 1em 40px; +} + +/* + * Addresses styling not present in Safari 5 and Chrome. + */ + +dfn { + font-style: italic; +} + +/* + * Addresses styling not present in IE 6/7/8/9. + */ + +mark { + background: #ff0; + color: #000; +} + +/* + * Addresses margins set differently in IE 6/7. + */ + +p { + margin: 1em 0; +} + +/* + * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. + */ + +code, +kbd, +pre, +samp { + font-family: monospace, serif; + _font-family: 'courier new', monospace; + font-size: 1em; +} + +/* + * Improves readability of pre-formatted text in all browsers. + */ + +pre { + margin: 1.5em 0; + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} + +/* + * Addresses CSS quotes not supported in IE 6/7. + */ + +q { + quotes: none; +} + +/* + * Addresses `quotes` property not supported in Safari 4. + */ + +q:before, +q:after { + content: ''; + content: none; +} + +/* + * Addresses inconsistent and variable font size in all browsers. + */ + +small { + font-size: 80%; +} + +/* + * Prevents `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; +} + +/* ========================================================================== + Lists + ========================================================================== */ + +/* + * Addresses margins set differently in IE 6/7. + */ + +dl, +menu, +ol, +ul { + margin: 1em 0; +} + +dd { + margin: 0 0 0 2em; +} + +/* + * Addresses paddings set differently in IE 6/7. + */ + +menu, +ol, +ul { + padding: 0 0 0 2em; +} + +/* + * Corrects list images handled incorrectly in IE 7. + */ + +nav ul, +nav ol { + list-style: none; + list-style-image: none; +} + +li { + padding:0; + margin-top:5px; + line-height: 1.6em; +} + +/* ========================================================================== + Embedded content + ========================================================================== */ + +/* + * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3. + * 2. Improves image quality when scaled in IE 7. + */ + +img { + border: 0; /* 1 */ + -ms-interpolation-mode: bicubic; /* 2 */ +} + +/* + * Corrects overflow displayed oddly in IE 9. + */ + +svg:not(:root) { + overflow: hidden; +} + +/* ========================================================================== + Figures + ========================================================================== */ + +/* + * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. + */ + +figure { + margin: 0; +} + +/* ========================================================================== + Forms + ========================================================================== */ + +/* + * Corrects margin displayed oddly in IE 6/7. + */ + +form { + margin: 0; +} + +/* + * Define consistent border, margin, and padding. + */ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/* + * 1. Corrects color not being inherited in IE 6/7/8/9. + * 2. Corrects text not wrapping in Firefox 3. + * 3. Corrects alignment displayed oddly in IE 6/7. + */ + +legend { + border: 0; /* 1 */ + padding: 0; + white-space: normal; /* 2 */ + *margin-left: -7px; /* 3 */ +} + +/* + * 1. Corrects font size not being inherited in all browsers. + * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, + * and Chrome. + * 3. Improves appearance and consistency in all browsers. + */ + +button, +input, +select, +textarea { + font-size: 100%; /* 1 */ + margin: 0; /* 2 */ + vertical-align: baseline; /* 3 */ + *vertical-align: middle; /* 3 */ +} + +/* + * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ + +button, +input { + line-height: normal; +} + +/* + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Corrects inability to style clickable `input` types in iOS. + * 3. Improves usability and consistency of cursor style between image-type + * `input` and others. + * 4. Removes inner spacing in IE 7 without affecting normal text inputs. + * Known issue: inner spacing remains in IE 6. + */ + +button, +html input[type="button"], /* 1 */ +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; /* 2 */ + cursor: pointer; /* 3 */ + *overflow: visible; /* 4 */ +} + +/* + * Re-set default cursor for disabled elements. + */ + +button[disabled], +input[disabled] { + cursor: default; +} + +/* + * 1. Addresses box sizing set to content-box in IE 8/9. + * 2. Removes excess padding in IE 8/9. + * 3. Removes excess padding in IE 7. + * Known issue: excess padding remains in IE 6. + */ + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ + *height: 13px; /* 3 */ + *width: 13px; /* 3 */ +} + +/* + * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. + * 2. Addresses `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; +} + +/* + * Removes 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; +} + +/* + * Removes inner padding and border in Firefox 3+. + */ + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/* + * 1. Removes default vertical scrollbar in IE 6/7/8/9. + * 2. Improves 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; +} \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..6a533fc --- /dev/null +++ b/css/style.css @@ -0,0 +1,1244 @@ +/* + * Theme Name: Casper + * Theme URI: http://tryghost.org + * Description: The default Ghost theme for personal blogging. + * Author: Ghost + * Author URI: http://tryghost.org; + * Version:1.0 + */ + +/* ========================================================================== + Table of Contents + ========================================================================== */ + +/* + 1. Includes + 2. Something + 3. Something else + */ + +/* ========================================================================== + 1. Includes + ========================================================================== */ + +@import url(normalize.css); +@import url(boilerplate.css); +@import url(fonts.css); + +/* ========================================================================== + 2. Typography + ========================================================================== */ + +body { + color: #333; + font-style: normal; + font-weight: 400; + font-family: Georgia; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: galette; + text-transform: uppercase; +} + +h1, .h1 { + font-size: 69px; + line-height: 75px; + margin-bottom: 0px; + font-weight: 500; + letter-spacing: -1px; +} + +h2, .h2 { + margin-top: 50px; + margin-bottom: 25px; + font-size: 34px; + line-height: 34px; + letter-spacing: 0; + font-weight: 500; +} + +h3, .h3 { + font-size: 20px; + line-height: 20px; + margin: 1.5em 0 6px 0; + font-weight: normal; +} + +h4, .h4 { + font-size: 16px; + line-height: 26px; + margin: 1.5em 0 6px 0; + font-weight: normal; +} + +h5, .h5 { + font-size: 14px; + line-height: 18px; + margin: 1.5em 0 6px 0; + font-weight: normal; +} + +h6, .h6 { + font-size: 14px; + line-height: 18px; + margin: 1.5em 0 6px 0; + font-weight: normal; +} + +h1 a, +h2 a, +h3 a, +h4 a, +h5 a, +h6 a { + color:#333; + text-decoration: none; +} + +h1 a:hover, +h2 a:hover, +h3 a:hover, +h4 a:hover, +h5 a:hover, +h6 a:hover { + text-decoration: underline; +} + +a { + color:#222; +} + +small { + font-family: sans-serif; + font-size: 11px; + color:#aaa; +} + +blockquote { + margin:1.5em 0; + padding:0 0 0 1.5em; + font-size: 20px; + font-family: sans-serif; + font-style: italic; + font-weight: 400; + text-align: left; + border-left:#eee 8px solid; +} + +pre code { + display: block; + padding:1em 0; + border-top:#dadada 1px solid; + border-bottom: #dadada 1px solid; + background: #f5f5f5; + position: relative; +} + +pre code:before { + content: " "; + border-top:#dadada 1px solid; + border-bottom: #dadada 1px solid; + background: #f5f5f5; + position: absolute; + top: -1px; + bottom: -1px; + right:100%; + width: 9999px; +} + +pre code:after { + content: " "; + border-top:#dadada 1px solid; + border-bottom: #dadada 1px solid; + background: #f5f5f5; + position: absolute; + top: -1px; + bottom: -1px; + left:100%; + width: 9999px; +} + +figure { + position: relative; +} + +figcaption { + position: absolute; + bottom:0; + left:0; + right:0; + padding:8px 10px; + font-size: 12px; + font-family: sans-serif; + background: rgba(0,0,0,0.5); + color:#e4e4e4; + -webkit-transition: background .5s, color .5s; + -moz-transition: background .5s, color .5s; + -ms-transition: background .5s, color .5s; + transition: background .5s, color .5s; +} + +figcaption a { + color:#fff; +} + +figure:hover figcaption { + background: rgba(0,0,0,0.7); + color:#efefef; + -webkit-transition: background .5s, color .5s; + -moz-transition: background .5s, color .5s; + -ms-transition: background .5s, color .5s; + transition: background .5s, color .5s; +} + +input, textarea { + -webkit-appearance: none; + outline: none; +} + +input[type="text"], +textarea { + height:20px; + padding:8px; + font-size: 14px; + text-shadow:none; + background: #fff; + border:#dadada 1px solid; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + border-radius: 3px; +} + +input[type="text"]:focus, +textarea:focus { + border-color: #aaa; +} + +input[type="submit"] { + height:38px; + padding: 0; + color:#fff; + font-size: 14px; + text-shadow:none; + border:#000 1px solid; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + border-radius: 3px; + background: #222; + background: -moz-linear-gradient(bottom, #000, #333); + background: -webkit-gradient(linear, left bottom, left top, from(#000), to(#333)); +} + +input[type="submit"]:hover { + cursor:pointer; + background: #444; + background: -moz-linear-gradient(bottom, #111, #444); + background: -webkit-gradient(linear, left bottom, left top, from(#111), to(#444)); +} + +/* ========================================================================== + 3. Layout + ========================================================================== */ + +body { + background:#ececee url(../img/texture.png) top left repeat; +} + +body > header { + width:280px; + padding:60px; + position: fixed; + top: 0; + right:0; + bottom:0; +} + +section.content { + margin-right:400px; + background:#fff; + overflow: hidden; /*hide the :before :after elements on the entry header and footer*/ + -webkit-box-shadow: rgba(0,0,0,0.1) 1px 0 10px; + -moz-box-shadow: rgba(0,0,0,0.1) 1px 0 10px; + -ms-box-shadow: rgba(0,0,0,0.1) 1px 0 10px; + box-shadow: rgba(0,0,0,0.1) 1px 0 10px; +} + +/* Generic wrapper to control content width */ + +.wrap { + max-width:640px; + padding:0 60px; + margin:0 auto; +} + +/* ========================================================================== + 4. Header/Sidebar + ========================================================================== */ + +body > header { + font-family: sans-serif; + font-size:14px; + color:rgba(0,0,0,0.45); +} + +#logo { + display: block; + margin-bottom:25px; +} + +#logo img { + max-width: 280px; + height:auto; +} + +.blog-icon { + display: inline; + width:12px; + height:12px; + margin:0 0 0 5px; + vertical-align: baseline; +} + +#title { + font-family: Galette, sans-serif; + font-size: 30px; + line-height: 30px; + font-style: normal; + font-weight: normal; + color:#333; + text-transform: uppercase; + text-decoration: none; +} + +#site-navigation ul { + padding: 0; + position: relative; + z-index: 500; +} + +#site-navigation ul li { + border-top:rgba(0,0,0,0.1) 1px solid; + margin: 0; + line-height: 1.3em; +} + +#site-navigation ul li:first-child { + border:none; +} + +#site-navigation ul li a { + display: block; + padding:10px 0; + color:#333; + text-decoration: none; + background:transparent; + -webkit-transition: padding-left .25s, background .25s; + -moz-transition: padding-left .25s, background .25s; + -ms-transition: padding-left .25s, background .25s; + transition: padding-left .25s, background .25s; +} + +#site-navigation ul li a:hover { + padding-left: 10px; + background: rgba(0,0,0,0.05); + -webkit-transition: padding-left .25s, background .25s; + -moz-transition: padding-left .25s, background .25s; + -ms-transition: padding-left .25s, background .25s; + transition: padding-left .25s, background .25s; +} + +#site-navigation ul li.current-menu-item a { + padding-left:28px; + background: rgba(0,0,0,0.05) url(../img/icon.png) 10px 14px no-repeat; + background-size: 10px; +} + +#ghost { + display: block; + height:30px; + width:30px; + text-indent: -9999px; + position: absolute; + z-index: 999; + top: 10px; + left:10px; + background:rgba(0,0,0,0.1) url(../img/ghost.png) 8px 8px no-repeat; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -ms-transition: all 0.3s; + transition: all 0.3s; +} + +#ghost:hover { + background-color:rgba(0,0,0,0.3); + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -ms-transition: all 0.3s; + transition: all 0.3s; +} + + +/* ========================================================================== + 5. Post Content + ========================================================================== */ + +.post-thumb { + margin-bottom:-115px; /* Pull the article header+title up over the post image */ + min-height:115px; /* Make post layout look normal while image is loading */ +} + +.post-thumb img { + width:100%; + height:auto; +} + +.hentry header { + margin:35px 0 0 0; + padding:25px 0 0 30px; + background: #fff; + position: relative; + left:-30px; + z-index: 300; +} + +.hentry header:after { + content: " "; + background: #fff; + position: absolute; + top: 0; + bottom: 0; + left:100%; + width: 9999px; +} + +.entry-title { + margin-top:0; +} + +.entry-meta { + font-style: italic; + font-size: 12px; + line-height: 12px; + letter-spacing: 1px; + color:#666; +} + +.entry-meta time { + font-style: normal; + text-transform: uppercase; +} + +.hentry header .entry-meta time { + display: inline; +} + +.entry-content { + padding-bottom: 60px; +} + +.entry-content p { + margin-bottom: 0px; + text-indent: 16px; +} + +.entry-content blockquote p { + text-indent: -4px; +} + +.entry-content p:nth-of-type(1) { + text-indent: 0px; +} + +/* Introduction/Kicker */ +.post .entry-content p:nth-of-type(1), +.kicker { + margin-bottom: 25px; + line-height: 33px; + font-size: 24px; + font-style: normal; + font-weight: 400; + letter-spacing: 0px; +} + +.post .entry-content div p:nth-of-type(1), +.post .entry-content blockquote p:nth-of-type(1) { + margin-bottom: inherit; + line-height: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + letter-spacing: inherit; +} + +/* First paragraph after Introduction */ +.entry-content p:nth-of-type(2), +.introduction { + text-indent: 0px; +} + +/* Tombstone */ +.post .entry-content p:last-child:after, +.tombstone { + content: ""; + display: inline-block; + width:11px; + height:11px; + margin:0 0 0 8px; + vertical-align: baseline; + background: url(../img/icon.png) bottom right no-repeat; + background-size: 11px 11px; +} +/* Prevent Tombstone from appearing in nested elements */ +.entry-content * p:after {display: none!important;} + +.entry-content figure { + margin: 1.5em 0; +} + +.entry-content figure img { + width:100%; + height:auto; +} + +.hfeed { + padding-bottom: 1px; +} + +.hfeed .entry-content ol, +.hfeed .entry-content ul, +.hfeed .entry-content dl { + margin: 1em 0; + padding: 0 0 0 2em; +} + +.hfeed .entry-content li { + max-width: none; + padding:0; + margin:5px 0 0 0; +} + +.entry-footer { + border-top:#dadada 1px solid; + border-bottom: #dadada 1px solid; + position: relative; + font-size:11px; + line-height:17px; + color:#666; +} + +.entry-footer h4 { + font-family: Galette, sans-serif; + text-transform: uppercase; + letter-spacing: 0; + font-style: normal; + color:#aaa; + line-height:16px; + margin:0 0 12px 0; +} + +.entry-footer h5 { + font-family: Galette, sans-serif; + text-transform: uppercase; + letter-spacing: 0; + font-style: normal; + color:#aaa; + margin:13px 0 0 0; +} + +.entry-footer h5:first-child { + margin:0; +} + +.entry-footer .entry-meta { + font-size:11px; + line-height:17px; +} + +.entry-footer p { + margin:0; +} + +.entry-footer .share { + list-style: none; + margin: 0; + padding: 0; + font-style: normal; + letter-spacing: 0; +} + +.entry-footer .share li { + float:left; + padding:0 0 0 3px; +} + +.entry-footer .share li:after { + content: " \2022 "; /* Hex reference for • bullet point to divide list items */ +} + +.entry-footer .share li:last-child:after { + content: none; +} + +.entry-footer .share li:first-child { + padding-left:0; + border:none; +} + +.entry-footer:before { + content: ""; + border-top:#dadada 1px solid; + border-bottom: #dadada 1px solid; + position: absolute; + top: -1px; + bottom: -1px; + right:100%; + width: 9999px; +} +.entry-footer:after { + content: ""; + border-top:#dadada 1px solid; + border-bottom: #dadada 1px solid; + position: absolute; + top: -1px; + bottom: -1px; + left:100%; + width: 9999px; +} + +.entry-footer .entry-meta { + width:30%; + padding: 4% 5% 4% 0; + float:left; + -webkit-box-shadow:#dadada 1px 0 0; + -moz-box-shadow:#dadada 1px 0 0; + -ms-box-shadow:#dadada 1px 0 0; + box-shadow:#dadada 1px 0 0; +} + +.entry-footer .comments { + width:60%; + padding: 4% 0 4% 5%; + float:left; + -webkit-box-shadow:#dadada 1px 0 0 inset; + -moz-box-shadow:#dadada 1px 0 0 inset; + -ms-box-shadow:#dadada 1px 0 0 inset; + box-shadow:#dadada 1px 0 0 inset; +} + +/* ========================================================================== + 6. Single Post + ========================================================================== */ + + +/* ========================================================================== + 6. Page + ========================================================================== */ + +.error404 section.content { + padding:100px 0 140px 0; + text-align: center; +} + + +/* ========================================================================== + 7. Post Feed + ========================================================================== */ + +.hfeed { + margin: 0; + padding: 0; + list-style: none; +} + +.hfeed li { + max-width: 640px; + margin-top:0; +} + +.hfeed li.featured { + max-width: none; + padding:0; +} + +.hfeed .entry-title { + margin-bottom:0; +} + +.hfeed .hentry { + margin-bottom:40px; +} + +.hfeed .updated { + display: block; + color:#aaa; + font-size: 14px; + line-height: 14px; +} + +.hfeed .featured .updated { + display: inline; + color: inherit; + font-size: inherit; + line-height: 12px!important; +} + +#pagination { + height:32px; + padding:40px; + border-top:#dadada 1px solid; + text-align: center; + color: #aaa; +} + +#pagination a { + display: inline-block; + padding:8px 12px; + font-family: sans-serif; + font-size: 12px; + line-height: 12px; + text-decoration: none; + color:#fff; + border:#000 1px solid; + background: #222; + position: relative; + left: 0; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; + -webkit-transition: all 0.25s; + -moz-transition: all 0.25s; + -ms-transition: all 0.25s; + transition: all 0.25s; +} + +.previous-page { + float:right; +} + +.next-page { + float:left; +} + +#pagination .next-page a:hover { + left:-40px; + padding-left:52px; + margin-right:-40px; + border-radius: 0 5px 5px 0; + -webkit-transition: all 0.25s; + -moz-transition: all 0.25s; + -ms-transition: all 0.25s; + transition: all 0.25s; +} + +#pagination .previous-page a:hover { + left:40px; + padding-right:52px; + margin-left:-40px; + border-radius: 5px 0 0 5px; + -webkit-transition: all 0.25s; + -moz-transition: all 0.25s; + -ms-transition: all 0.25s; + transition: all 0.25s; +} + +.page-number { + display: inline-block; + padding:9px 10px; + font-family: sans-serif; + font-size: 14px; + line-height: 14px; + text-align: center; +} + +.loading { + padding:0 0 0 40px; + line-height: 34px; + opacity:0.4; + background: url(../img/loading.gif) top left no-repeat; +} + +#infscr-loading { + text-align: center; +} + +/* ========================================================================== + x. Archive + ========================================================================== */ + +.archive section.content, +.search section.content, +.paged section.content { + padding-top:60px; +} + +.archive .hfeed { + margin:0 0 80px 0; + padding-bottom: 1px; + box-shadow:#dadada 2px 0 0 inset; + position: relative; +} + +.archive .hfeed:after { + content: " "; + background: #dadada; + position: absolute; + bottom: 0; + left:0; + width: 9999px; + height:2px; +} + +.archive .hfeed li { + overflow: hidden; /* Hide the dots assigned to each li on timeline view with :before */ +} + +.archive .hfeed .timestamp { + max-width: none; + padding:0; + margin-bottom:40px; + list-style: none; + display: inline-block; + height:60px; + font-family: galette, sans-serif; + font-size: 50px; + line-height: 70px; + color:#ccc; + background: #fff; + position: relative; + left:-30px; + overflow: visible; /*Show the extra border added to the right of timestamps with :after */ +} + +.archive .hfeed .timestamp:after { + content: " "; + background: #dadada; + position: absolute; + top: 30px; + left:110%; + width: 9999px; + height:2px; +} + +.archive .hfeed .hentry { + padding-left: 30px; + position:relative; +} + +.archive .hfeed .hentry:before { + content: " "; + display: block; + width:12px; + height:12px; + border-radius:15px; + background:#dadada; + position: absolute; + top:23px; + left:-5px; +} + +#searchform { + position: relative; + margin-bottom: 60px; + padding-right:128px; +} + +#searchform #s { + display:inline-block; + width:100%; +} + +#searchform #searchsubmit { + width:100px; + display: inline-block; + position: absolute; + top:0; + right:0; +} + +/* ========================================================================== + x. Media Queries + ========================================================================== */ + +/* + * Large Screen Devices + */ + +@media only screen and (min-width: 1500px) { + + body > header { + left:0; + padding:100px; + } + + section.content { + max-width: 1100px; + margin: 60px 100px 60px 480px; + } + +} + +/* + * Tablets + */ + +@media only screen and (max-width: 1100px) { + + body > header { + width:140px; + padding:30px; + } + + #logo img { + max-width: 140px; + } + + #title { + font-size: 25px; + line-height: 25px; + margin:0px 0 0 0; + } + + section.content { + margin-right:200px; + } + + .wrap { + padding:0 30px; + } + + .archive section.content, + .search section.content, + .paged section.content { + padding-top:30px; + } + + .post-thumb { + margin-bottom:0; + } + + .hentry header { + margin:0 0 0 0; + } + + .hentry header:after { + display:none; + } + + .entry-content { + padding-bottom: 40px; + } + + #pagination { + padding:30px; + } + + .nav-previous { + top:30px; + left:30px; + } + + .nav-next { + top:30px; + right:30px; + } + + #searchform { + margin-bottom:35px; + } + + #sidebar #searchform #s{ + font-size: 12px; + } + + .archive .hfeed .timestamp { + left:-15px; + } + + .error404 section.content { + padding:80px 0 100px 0; + } + +} + +/* + * Small Tablets + */ + +@media only screen and (max-width: 900px) { + + h1, .h1 { + font-size: 54px; + line-height: 63px; + } + + h2, .h2 { + font-size: 30px; + line-height: 30px; + } + + .archive .hfeed .hentry:before { + top:19px; + } + +} + +/* + * Mobile Devices + */ + +@media only screen and (max-width: 700px) { + + h1, .h1 { + font-size: 40px; + line-height: 46px; + } + + h2, .h2 { + font-size: 25px; + line-height: 25px; + } + + h3, .h3 { + font-size: 18px; + line-height: 18px; + } + + h4, .h4 { + font-size: 16px; + line-height: 26px; + margin: 1.5em 0 6px 0; + } + + h5, .h5 { + font-size: 14px; + line-height: 18px; + margin: 1.5em 0 6px 0; + } + + h6, .h6 { + font-size: 14px; + line-height: 18px; + margin: 1.5em 0 6px 0; + } + + /* Introduction/Kicker */ + .post .entry-content p:nth-of-type(1) { + margin-bottom: 20px; + line-height: 29px; + font-size: 20px; + } + + body > header { + position: relative; + width:auto; + padding:20px 20px 0 20px; + } + + #logo { + float:left; + margin: 0 20px 0 0; + } + + #logo img { + max-width:75px; + } + + #title { + font-size: 20px; + line-height: 20px; + margin:10px 0 0 0; + } + + #description { + max-width: 460px; + font-size:1em; + line-height: 1.2em; + margin: 5px 0 0 0; + } + + #site-navigation ul { + margin: 20px 0 0 0; + } + + #site-navigation ul:after { + content: " "; + display: table; + clear:both; + } + + #site-navigation ul li { + border:none; + float:left; + } + + #site-navigation ul li a { + padding: 8px 10px; + color:#333; + -webkit-transition: none; + -moz-transition: none; + -ms-transition: none; + transition: none; + } + + #site-navigation ul li a:hover { + padding: 8px 10px; + -webkit-transition: none; + -moz-transition: none; + -ms-transition: none; + transition: none; + } + + #site-navigation ul li.current-menu-item a { + padding: 8px 10px; + background: #fff; + } + + #ghost { + display: none; + } + + section.content { + margin:0; + } + + .wrap { + padding:0 20px; + } + + .archive section.content, + .search section.content, + .paged section.content { + padding-top:20px; + } + + .entry-content { + padding-bottom: 30px; + } + + #pagination { + padding:20px; + } + + .extended { + display: none; + } + + #searchform { + margin-bottom:25px; + } + + .archive .hfeed .hentry { + padding-left: 20px; + } + + .archive .hfeed .hentry:before { + top:14px; + left:-6px; + } + + .archive .hfeed .timestamp { + left:-3px; + margin-bottom: 30px; + font-size: 30px; + } + + .error404 section.content { + padding:30px 0 50px 0; + } + +} + +/* + * Very Small Devices + */ + +@media only screen and (max-width: 400px) { + + h1, .h1 { + font-size: 30px; + line-height: 36px; + } + + h2, .h2 { + font-size: 20px; + line-height: 20px; + } + + h3, .h3 { + font-size: 16px; + line-height: 16px; + } + + h4, .h4 { + font-size: 15px; + line-height: 25px; + margin: 1.5em 0 6px 0; + } + + h5, .h5 { + font-size: 13px; + line-height: 16px; + margin: 1.5em 0 6px 0; + } + + h6, .h6 { + font-size: 12px; + line-height: 16px; + margin: 1.5em 0 6px 0; + } + + #logo img { + max-width: 60px; + } + + #description { + font-size:0.9em; + line-height: 1.1em; + } + + #site-navigation { + font-size: 13px; + } + + .hfeed .hentry { + margin-bottom: 30px; + } + + .hfeed .updated { + font-size: 13px; + } + + .archive .hfeed .hentry:before { + top:12px; + left:-7px; + } + + .entry-footer .entry-meta{ + width:100%; + padding:2em 0; + box-shadow: none; + } + + .entry-footer .comments { + width:100%; + padding:2em 0; + border-top:#dadada 1px dashed; + box-shadow: none; + } + + .page-number {display:none;} + +} + +/* ========================================================================== + DO NOT ADD ANY CODE BELOW THIS POINT + ========================================================================== */ \ No newline at end of file diff --git a/default.hbs b/default.hbs new file mode 100644 index 0000000..b5b94b1 --- /dev/null +++ b/default.hbs @@ -0,0 +1,20 @@ + + +
+ +{{ghostGlobals.description}}
+ +t |