├── .gitignore
├── Gruntfile.js
├── LICENSE
├── README.md
├── assets
    ├── css
    │   ├── custom.css
    │   ├── ie.css
    │   └── style.css
    ├── fonts
    │   └── monosocial
    │   │   ├── MonoSocialIconsFont-1.10.eot
    │   │   ├── MonoSocialIconsFont-1.10.otf
    │   │   ├── MonoSocialIconsFont-1.10.svg
    │   │   ├── MonoSocialIconsFont-1.10.ttf
    │   │   └── MonoSocialIconsFont-1.10.woff
    ├── images
    │   ├── apple-icon-touch.png
    │   ├── custom-post-icon.png
    │   ├── login-logo.png
    │   ├── nothing.gif
    │   ├── nothumb.gif
    │   └── win8-tile-icon.png
    └── js
    │   ├── libs
    │       ├── jquery-migrate-1.2.1.js
    │       └── modernizr.custom.min.js
    │   └── scripts.js
├── author.hbs
├── default.hbs
├── index.hbs
├── package.json
├── page.hbs
├── partials
    ├── comments.hbs
    ├── full-post.hbs
    ├── header.hbs
    ├── list-post.hbs
    ├── navigation.hbs
    └── sidebar.hbs
├── post.hbs
├── scss
    ├── _1030up.scss
    ├── _1240up.scss
    ├── _2x.scss
    ├── _481up.scss
    ├── _768up.scss
    ├── _base.scss
    ├── _fonts.scss
    ├── _grid.scss
    ├── _mixins.scss
    ├── _normalize.scss
    ├── _print.scss
    ├── ie.scss
    └── style.scss
└── tag.hbs


/.gitignore:
--------------------------------------------------------------------------------
 1 | 
 2 | # Generated Stuff
 3 | .sass-cache
 4 | .sass-cache/*
 5 | css/*.map
 6 | 
 7 | # bundling output
 8 | build/*
 9 | build
10 | dist/*
11 | dist
12 | 
13 | # Node Modules (use `npm install` to generate these)
14 | node_modules/*
15 | node_modules
16 | 
17 | 
18 | # OS X Junk
19 | .DS_Store
20 | .DS_Store/*
21 | 
22 | 
23 | # Not-Needed System Files
24 | *.swp
25 | *.bak
26 | 


--------------------------------------------------------------------------------
/Gruntfile.js:
--------------------------------------------------------------------------------
 1 | module.exports = function(grunt) {
 2 | 
 3 |     grunt.initConfig({
 4 |         paths: {
 5 |             scss: './scss',
 6 |             css: './assets/css'
 7 |         },
 8 |         buildType: 'Build',
 9 |         pkg: grunt.file.readJSON('package.json'),
10 |         archive_name: grunt.option('name') || 'linen',
11 | 
12 |         clean: {
13 |             pre: ['dist/', 'build/'],
14 |             post: ['<%= archive_name %>.zip']
15 |         },
16 | 
17 |         compress: {
18 |             main: {
19 |                 options: {
20 |                     archive: '<%= archive_name %>.zip'
21 |                 },
22 |                 expand: true,
23 |                 cwd: 'build/',
24 |                 src: ['**/*'],
25 |                 dest: ''
26 |             }
27 |         },
28 | 
29 |         copy: {
30 |             main: {
31 |                 files: [
32 |                     {expand: true, src: ['assets/css/**'], dest: 'build/'},
33 |                     {expand: true, src: ['assets/fonts/**'], dest: 'build/'},
34 |                     {expand: true, src: ['assets/images/**'], dest: 'build/'},
35 |                     {expand: true, src: ['assets/js/**'], dest: 'build/'},
36 |                     {expand: true, src: ['partials/**'], dest: 'build/'},
37 |                     {expand: true, src: ['scss/**'], dest: 'build/'},
38 |                     {expand: true, src: ['*', '!.gitignore', '!.DS_Store'], dest: 'build/'}
39 |                 ]
40 |             },
41 |             archive: {
42 |                 files: [
43 |                     {expand: true, src: ['<%= archive_name %>.zip'], dest: 'dist/'}
44 |                 ]
45 |             }
46 |         },
47 | 
48 |         sass: {
49 |             admin: {
50 |                 options : {
51 |                     // Only enable sourcemaps if you have Sass 3.3 installed.
52 |                     // sourcemap: true
53 |                 },
54 |                 files: {
55 |                     '<%= paths.css %>/style.css': '<%= paths.scss %>/style.scss',
56 |                     '<%= paths.css %>/ie.css': '<%= paths.scss %>/ie.scss'
57 |                 }
58 |             }
59 |         },
60 | 
61 |         watch: {
62 |             sass: {
63 |                 files: './scss/**/*.scss',
64 |                 tasks: ['sass:admin']
65 |             }
66 |         }
67 |     });
68 | 
69 |     grunt.loadNpmTasks('grunt-contrib-clean');
70 |     grunt.loadNpmTasks('grunt-contrib-compress');
71 |     grunt.loadNpmTasks('grunt-contrib-copy');
72 |     //grunt.loadNpmTasks('grunt-contrib-sass');
73 |     grunt.loadNpmTasks('grunt-sass');
74 |     grunt.loadNpmTasks('grunt-contrib-watch');
75 | 
76 |     grunt.registerTask('default', ['sass:admin']);
77 |     grunt.registerTask('bundle', ['clean:pre', 'copy:main', 'compress', 'copy:archive', 'clean:post']);
78 | };
79 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | Copyright (c) 2013 Theme Spectre, LLC (http://themespectre.com) - Released under The MIT License.
 2 | 
 3 | Permission is hereby granted, free of charge, to any person
 4 | obtaining a copy of this software and associated documentation
 5 | files (the "Software"), to deal in the Software without
 6 | restriction, including without limitation the rights to use,
 7 | copy, modify, merge, publish, distribute, sublicense, and/or sell
 8 | copies of the Software, and to permit persons to whom the
 9 | Software is furnished to do so, subject to the following
10 | conditions:
11 | 
12 | The above copyright notice and this permission notice shall be
13 | included in all copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
16 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
17 | OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
18 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
19 | HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
20 | WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
21 | FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
22 | OTHER DEALINGS IN THE SOFTWARE.


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Linen - A Starter Theme for Ghost
 2 | 
 3 | ## Demo
 4 | 
 5 | http://linen.themespectre.com/
 6 | 
 7 | **Get started making great Ghost themes with Linen!**
 8 | 
 9 | This is a *starter theme* for Ghost, and is not intended to be used as-is on any site or blog.
10 | 
11 | Linen is a sensible collection of default styles and templates that can be mixed, matched, removed or refactored to create a unique Ghost theme.
12 | 
13 | Linen is created and maintained by *[Theme Spectre](http://themespectre.com/linen)*
14 | 
15 | ## Installation
16 | 
17 | ### Prerequisites
18 | 
19 | 1. Node.js
20 | 2. Sass (libsass)
21 | 3. Grunt
22 | 
23 | 
24 | ### Setup
25 | 
26 | Clone (or fork) this repository into your /content/themes/ folder in Ghost.
27 | 
28 | Run `npm install` in the linen directory to install grunt modules.
29 | 
30 | Run `grunt` to build the Sass files, or `grunt watch` when you are ready to start themeing.
31 | 
32 | 
33 | ### Build
34 | 
35 | To build a .zip file of your theme for distribution, run:
36 | 
37 | `grunt bundle --name=yourthemename`
38 | 
39 | The *build* folder will contain the necessary theme files, and the *dist* folder will contain a .zip file of your theme that you can distribute and use in other Ghost instances.
40 | 
41 | ## Thanks To:
42 | 
43 | * Themble & Eddie Machado for the Bones framework
44 | * HTML5 Boilerplate
45 | * Mono Social Icon Font
46 | * Ghost and Casper
47 | 


--------------------------------------------------------------------------------
/assets/css/custom.css:
--------------------------------------------------------------------------------
1 | /******************************************************************
2 | Site Name:
3 | Author:
4 | 
5 | Stylesheet: Add your custom CSS and overrides here
6 | 
7 | ******************************************************************/


--------------------------------------------------------------------------------
/assets/css/ie.css:
--------------------------------------------------------------------------------
  1 | /******************************************************************
  2 | Site Name: 
  3 | Author: 
  4 | 
  5 | Stylesheet: IE Stylesheet
  6 | 
  7 | So instead of using the respond.js file to add media query support
  8 | to IE, we're going to use SASS to create an easily readable css file.
  9 | Here, we import all the styles the standard stylesheet gets, only
 10 | without the media queries. No need to worry about editing anything!
 11 | 
 12 | ******************************************************************/
 13 | /*
 14 | Remember, all the BASE styles are called already since IE can
 15 | read those. Below, we need to import only the stuff IE can't 
 16 | understand (what's inside the media queries). We also need to
 17 | import the mixins file so SASS can understand the variables.
 18 | */
 19 | /*********************
 20 | TYPOGRAPHY
 21 | *********************/
 22 | /*
 23 |  * MONO SOCIAL ICONS FONT
 24 |  * http://drinchev.github.io/monosocialiconsfont/
 25 | */
 26 | @font-face {
 27 |   font-family: 'Mono Social Icons Font';
 28 |   src: url('../fonts/monosocial/MonoSocialIconsFont-1.10.eot');
 29 |   src: url('../fonts/monosocial/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'), url('../fonts/monosocial/MonoSocialIconsFont-1.10.woff') format('woff'), url('../fonts/monosocial/MonoSocialIconsFont-1.10.ttf') format('truetype'), url('../fonts/monosocial/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
 30 |   src: url('../fonts/monosocial/MonoSocialIconsFont-1.10.ttf') format('truetype');
 31 |   font-weight: normal;
 32 |   font-style: normal; }
 33 | 
 34 | .symbol, a.symbol:before {
 35 |   font-family: 'Mono Social Icons Font';
 36 |   -webkit-text-rendering: optimizeLegibility;
 37 |   -moz-text-rendering: optimizeLegibility;
 38 |   -ms-text-rendering: optimizeLegibility;
 39 |   -o-text-rendering: optimizeLegibility;
 40 |   text-rendering: optimizeLegibility;
 41 |   -webkit-font-smoothing: antialiased;
 42 |   -moz-font-smoothing: antialiased;
 43 |   -ms-font-smoothing: antialiased;
 44 |   -o-font-smoothing: antialiased;
 45 |   font-smoothing: antialiased; }
 46 | 
 47 | a.symbol:before {
 48 |   content: attr(title);
 49 |   margin-right: 0.3em;
 50 |   font-size: 130%; }
 51 | 
 52 | /* import mixins */
 53 | /******************************************************************
 54 | Site Name:
 55 | Author:
 56 | 
 57 | Stylesheet: Mixins & Constants Stylesheet
 58 | 
 59 | This is where you can take advantage of Sass' great features:
 60 | Mixins & Constants. I won't go in-depth on how they work exactly,
 61 | there are a few articles below that will help do that. What I will
 62 | tell you is that this will help speed up simple changes like
 63 | changing a color or adding CSS3 techniques gradients.
 64 | 
 65 | A WORD OF WARNING: It's very easy to overdo it here. Be careful and
 66 | remember less is more.
 67 | 
 68 | ******************************************************************/
 69 | /*********************
 70 | CLEARFIXIN'
 71 | *********************/
 72 | .clearfix {
 73 |   zoom: 1; }
 74 |   .clearfix:before, .clearfix:after {
 75 |     content: "";
 76 |     display: table; }
 77 |   .clearfix:after {
 78 |     clear: both; }
 79 | 
 80 | /*********************
 81 | TOOLS
 82 | *********************/
 83 | * {
 84 |   -webkit-box-sizing: border-box;
 85 |   -moz-box-sizing: border-box;
 86 |   box-sizing: border-box; }
 87 | 
 88 | .image-replacement {
 89 |   text-indent: 100%;
 90 |   white-space: nowrap;
 91 |   overflow: hidden; }
 92 | 
 93 | /*********************
 94 | COLORS
 95 | Need help w/ choosing your colors? Try this site out:
 96 | http://0to255.com/
 97 | Also: http://sachagreif.com/sass-color-variables/
 98 | *********************/
 99 | /*
100 | use the best ampersand
101 | http://simplebits.com/notebook/2008/08/14/ampersands-2/
102 | */
103 | span.amp {
104 |   font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif !important;
105 |   font-style: italic; }
106 | 
107 | .text-left {
108 |   text-align: left; }
109 | 
110 | .text-center {
111 |   text-align: center; }
112 | 
113 | .text-right {
114 |   text-align: right; }
115 | 
116 | /*********************
117 | TRANSITION
118 | *********************/
119 | /*
120 | @eddiemachado totally rewrote this to be cleaner and easier to use.
121 | You'll need to be using Sass 3.2+ for these to work.
122 | Thanks to @anthonyshort for the inspiration on these.
123 | USAGE: @include transition(all 0.2s ease-in-out);
124 | */
125 | /*********************
126 | CSS3 GRADIENTS
127 | Be careful with these since they can
128 | really slow down your CSS. Don't overdo it.
129 | *********************/
130 | /* @include css-gradient(#dfdfdf,#f8f8f8); */
131 | /*********************
132 | BOX SIZING
133 | *********************/
134 | /* @include box-sizing(border-box); */
135 | /* NOTE: value of "padding-box" is only supported in Gecko. So
136 | probably best not to use it. I mean, were you going to anyway? */
137 | /*********************
138 | BUTTONS
139 | *********************/
140 | .button, .button:visited {
141 |   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
142 |   border: 1px solid #060606;
143 |   border-top-color: #151515;
144 |   border-left-color: #151515;
145 |   padding: 4px 12px;
146 |   color: #efefef;
147 |   display: inline-block;
148 |   font-size: 11px;
149 |   font-weight: bold;
150 |   text-decoration: none;
151 |   text-shadow: 0 1px rgba(0, 0, 0, 0.75);
152 |   cursor: pointer;
153 |   margin-bottom: 20px;
154 |   line-height: 21px;
155 |   border-radius: 4px;
156 |   background-color: #1a1a1a;
157 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#272727), to(#1a1a1a));
158 |   background-image: -webkit-linear-gradient(top, #272727, #1a1a1a);
159 |   background-image: -moz-linear-gradient(top, #272727, #1a1a1a);
160 |   background-image: -o-linear-gradient(top, #272727, #1a1a1a);
161 |   background-image: linear-gradient(to bottom, #272727, #1a1a1a); }
162 |   .button:hover, .button:focus, .button:visited:hover, .button:visited:focus {
163 |     color: #efefef;
164 |     border: 1px solid #060606;
165 |     border-top-color: black;
166 |     border-left-color: black;
167 |     background-color: #0e0e0e;
168 |     background-image: -webkit-gradient(linear, left top, left bottom, from(#1a1a1a), to(#0e0e0e));
169 |     background-image: -webkit-linear-gradient(top, #1a1a1a, #0e0e0e);
170 |     background-image: -moz-linear-gradient(top, #1a1a1a, #0e0e0e);
171 |     background-image: -o-linear-gradient(top, #1a1a1a, #0e0e0e);
172 |     background-image: linear-gradient(to bottom, #1a1a1a, #0e0e0e); }
173 |   .button:active, .button:visited:active {
174 |     background-color: #272727;
175 |     background-image: -webkit-gradient(linear, left top, left bottom, from(#1a1a1a), to(#272727));
176 |     background-image: -webkit-linear-gradient(top, #1a1a1a, #272727);
177 |     background-image: -moz-linear-gradient(top, #1a1a1a, #272727);
178 |     background-image: -o-linear-gradient(top, #1a1a1a, #272727);
179 |     background-image: linear-gradient(to bottom, #1a1a1a, #272727); }
180 | 
181 | /******************************************************************
182 | Site Name:
183 | Author:
184 | 
185 | Stylesheet: Grid Stylesheet
186 | 
187 | I've seperated the grid so you can swap it out easily. It's
188 | called at the top the style.scss stylesheet.
189 | 
190 | There are a ton of grid solutions out there. You should definitely
191 | experiment with your own. Here are some recommendations:
192 | 
193 | http://gridsetapp.com - Love this site. Responsive Grids made easy.
194 | http://susy.oddbird.net/ - Grids using Compass. Very elegant.
195 | http://gridpak.com/ - Create your own responsive grid.
196 | 
197 | The grid below is a combination of the 1140 grid and Twitter Boostrap. 
198 | I liked 1140 but Boostrap's grid was way more detailed so I merged them 
199 | together, let's see how this works out. If you want to use 1140, the original 
200 | values are commented out on each line.
201 | 
202 | ******************************************************************/
203 | .onecol {
204 |   width: 5.8011%; }
205 | 
206 | /* 4.85%;  } /* grid_1  */
207 | .twocol {
208 |   width: 14.36464%; }
209 | 
210 | /* 13.45%; } /* grid_2  */
211 | .threecol {
212 |   width: 22.92818%; }
213 | 
214 | /* 22.05%; } /* grid_3  */
215 | .fourcol {
216 |   width: 31.49171%; }
217 | 
218 | /* 30.75%; } /* grid_4  */
219 | .fivecol {
220 |   width: 40.05525%; }
221 | 
222 | /* 39.45%; } /* grid_5  */
223 | .sixcol {
224 |   width: 48.61878%; }
225 | 
226 | /* 48%;    } /* grid_6  */
227 | .sevencol {
228 |   width: 57.18232%; }
229 | 
230 | /* 56.75%; } /* grid_7  */
231 | .eightcol {
232 |   width: 65.74586%; }
233 | 
234 | /* 65.4%;  } /* grid_8  */
235 | .ninecol {
236 |   width: 74.30939%; }
237 | 
238 | /* 74.05%; } /* grid_9  */
239 | .tencol {
240 |   width: 82.87293%; }
241 | 
242 | /* 82.7%;  } /* grid_10 */
243 | .elevencol {
244 |   width: 91.43646%; }
245 | 
246 | /* 91.35%; } /* grid_11 */
247 | .twelvecol {
248 |   width: 100%; }
249 | 
250 | /* 100%;   } /* grid_12 */
251 | .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
252 |   position: relative;
253 |   display: block;
254 |   float: left;
255 |   margin-left: 2.76243%; }
256 | 
257 | .first {
258 |   margin-left: 0; }
259 | 
260 | .last {
261 |   float: right; }
262 | 
263 | /******************************************************************
264 | Site Name: 
265 | Author: 
266 | 
267 | Stylesheet: 481px and Up Stylesheet
268 | 
269 | This stylesheet is loaded for larger devices. It's set to 
270 | 481px because at 480px it would load on a landscaped iPhone.
271 | This isn't ideal because then you would be loading all those
272 | extra styles on that same mobile connection. 
273 | 
274 | A word of warning. This size COULD be a larger mobile device,
275 | so you still want to keep it pretty light and simply expand
276 | upon your base.scss styles.
277 | 
278 | ******************************************************************/
279 | /*********************
280 | NAVIGATION STYLES
281 | *********************/
282 | 
283 | /* .menu is clearfixed inside mixins.scss */
284 | ul {
285 |   /* end .menu ul li */ }
286 |   ul li a {
287 |     /*
288 |             you can use hover styles here even though this size
289 |             has the possibility of being a mobile device.
290 |             */ }
291 | 
292 | /* end .menu ul */
293 | /*********************
294 | POSTS & CONTENT STYLES
295 | *********************/
296 | /* entry content */
297 | .entry-content {
298 |   /* at this larger size, we can start to align images */ }
299 |   .entry-content .alignleft, .entry-content img.alignleft {
300 |     margin-right: 1.5em;
301 |     display: inline;
302 |     float: left; }
303 |   .entry-content .alignright, .entry-content img.alignright {
304 |     margin-left: 1.5em;
305 |     display: inline;
306 |     float: right; }
307 |   .entry-content .aligncenter, .entry-content img.aligncenter {
308 |     margin-right: auto;
309 |     margin-left: auto;
310 |     display: block;
311 |     clear: both; }
312 | 
313 | /* end .entry-content */
314 | /*********************
315 | FOOTER STYLES
316 | *********************/
317 | 
318 | /* end .footer */
319 | /******************************************************************
320 | Site Name:
321 | Author:
322 | 
323 | Stylesheet: Tablet & Small Desktop Stylesheet
324 | 
325 | Here's where you can start getting into the good stuff.
326 | This size will work on iPads, other tablets, and desktops.
327 | So you can start working with more styles, background images,
328 | and other resources. You'll also notice the grid starts to
329 | come into play. Have fun!
330 | 
331 | ******************************************************************/
332 | /*********************
333 | GENERAL STYLES
334 | *********************/
335 | 
336 | /*********************
337 | LAYOUT & GRID STYLES
338 | *********************/
339 | .wrap {
340 |   max-width: 1140px; }
341 | 
342 | /*********************
343 | HEADER STYLES
344 | *********************/
345 | 
346 | 
347 | #site-title {
348 |   font-size: 2.5em; }
349 | 
350 | /*********************
351 | NAVIGATION STYLES
352 | *********************/
353 | #site-navigation {
354 |   background: #eee;
355 |   border: 0;
356 |   /* end .menu ul li */ }
357 |   #site-navigation li {
358 |     float: left;
359 |     position: relative;
360 |     /* showing sub-menus */ }
361 |     #site-navigation li a {
362 |       border-bottom: 0;
363 |       /*
364 | 			you can use hover styles here even though this size
365 | 			has the possibility of being a mobile device.
366 | 			*/ }
367 |       #site-navigation li a:hover, #site-navigation li a:focus {
368 |         background-color: #dedede; }
369 |     #site-navigation li:hover ul {
370 |       top: auto;
371 |       display: block; }
372 | 
373 | /* end .nav */
374 | /*********************
375 | SIDEBARS & ASIDES
376 | *********************/
377 | .sidebar {
378 |   margin-top: 2.2em; }
379 | 
380 | .widgettitle {
381 |   border-bottom: 2px solid #444;
382 |   margin-bottom: 0.75em; }
383 | 
384 | .widget {
385 |   padding: 0 10px;
386 |   margin: 2.2em 0; }
387 |   .widget ul li {
388 |     margin-bottom: 0.75em; }
389 | 
390 | /* end .widget */
391 | /*********************
392 | FOOTER STYLES
393 | *********************/
394 | 
395 | /* end .footer */
396 | /******************************************************************
397 | Site Name: 
398 | Author: 
399 | 
400 | Stylesheet: Desktop Stylsheet
401 | 
402 | This is the desktop size. It's larger than an iPad so it will only
403 | be seen on the Desktop. 
404 | 
405 | ******************************************************************/
406 | /* 
407 | you can call the larger styles if you want, but there's really no need 
408 | */
409 | /******************************************************************
410 | ADDITIONAL IE FIXES
411 | These fixes are now ONLY seen by IE, so you don't have to worry
412 | about using prefixes, although it's best practice. For more info
413 | on using Modernizr classes, check out this link:
414 | http://www.modernizr.com/docs/
415 | ******************************************************************/
416 | /*
417 | For example, you can use something like:
418 | 
419 | .no-textshadow .class { ... }
420 | 
421 | You can also target specific versions by using the classes applied to
422 | the html element. These can sometimes change, so take a look inside the
423 | header.php file to see what they are:
424 | 
425 | 
426 | .lt-ie8 .class { ... }
427 | 
428 | */


--------------------------------------------------------------------------------
/assets/css/style.css:
--------------------------------------------------------------------------------
   1 | /******************************************************************
   2 | Site Name:
   3 | Author:
   4 | 
   5 | Stylesheet: Main Stylesheet
   6 | 
   7 | Here's where the magic happens. Here, you'll see we are calling in
   8 | the separate media queries. The base mobile goes outside any query
   9 | and is called at the beginning, after that we call the rest
  10 | of the styles inside media queries.
  11 | ******************************************************************/
  12 | /*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
  13 | /* ==========================================================================
  14 |    HTML5 display definitions
  15 |    ========================================================================== */
  16 | /*
  17 |  * Corrects `block` display not defined in IE6/7/8/9 & FF3.
  18 |  */
  19 | article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  20 |   display: block; }
  21 | 
  22 | /*
  23 |  * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
  24 |  */
  25 | audio, canvas, video {
  26 |   display: inline-block;
  27 |   *display: inline;
  28 |   *zoom: 1; }
  29 | 
  30 | /*
  31 |  * Prevents modern browsers from displaying `audio` without controls.
  32 |  * Remove excess height in iOS5 devices.
  33 |  */
  34 | audio:not([controls]) {
  35 |   display: none;
  36 |   height: 0; }
  37 | 
  38 | /*
  39 |  * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
  40 |  * Known issue: no IE6 support.
  41 |  */
  42 | [hidden] {
  43 |   display: none; }
  44 | 
  45 | /* ==========================================================================
  46 |    Base
  47 |    ========================================================================== */
  48 | /*
  49 |  * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
  50 |  *    `em` units.
  51 |  * 2. Prevents iOS text size adjust after orientation change, without disabling
  52 |  *    user zoom.
  53 |  */
  54 | html {
  55 |   font-size: 100%;
  56 |   /* 1 */
  57 |   -webkit-text-size-adjust: 100%;
  58 |   /* 2 */
  59 |   -ms-text-size-adjust: 100%;
  60 |   /* 2 */ }
  61 | 
  62 | /*
  63 |  * Addresses `font-family` inconsistency between `textarea` and other form
  64 |  * elements.
  65 |  */
  66 | html, button, input, select, textarea {
  67 |   font-family: sans-serif; }
  68 | 
  69 | /*
  70 |  * Addresses margins handled incorrectly in IE6/7.
  71 |  */
  72 | body {
  73 |   margin: 0; }
  74 | 
  75 | /* ==========================================================================
  76 |    Links
  77 |    ========================================================================== */
  78 | /**
  79 |  * Remove the gray background color from active links in IE 10.
  80 |  */
  81 | a {
  82 |   background: transparent; }
  83 | 
  84 | /*
  85 |  * Addresses `outline` inconsistency between Chrome and other browsers.
  86 |  */
  87 | a:focus {
  88 |   outline: thin dotted; }
  89 | 
  90 | /*
  91 |  * Improves readability when focused and also mouse hovered in all browsers.
  92 |  * people.opera.com/patrickl/experiments/keyboard/test
  93 |  */
  94 | a:active, a:hover {
  95 |   outline: 0; }
  96 | 
  97 | /* ==========================================================================
  98 |    Typography
  99 |    ========================================================================== */
 100 | /*
 101 |  * Addresses font sizes and margins set differently in IE6/7.
 102 |  * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 103 |  */
 104 | h1 {
 105 |   font-size: 2em;
 106 |   margin: 0.67em 0; }
 107 | 
 108 | h2 {
 109 |   font-size: 1.5em;
 110 |   margin: 0.83em 0; }
 111 | 
 112 | h3 {
 113 |   font-size: 1.17em;
 114 |   margin: 1em 0; }
 115 | 
 116 | h4 {
 117 |   font-size: 1em;
 118 |   margin: 1.33em 0; }
 119 | 
 120 | h5 {
 121 |   font-size: 0.83em;
 122 |   margin: 1.67em 0; }
 123 | 
 124 | h6 {
 125 |   font-size: 0.75em;
 126 |   margin: 2.33em 0; }
 127 | 
 128 | /*
 129 |  * Addresses styling not present in IE7/8/9, S5, Chrome.
 130 |  */
 131 | abbr[title] {
 132 |   border-bottom: 1px dotted; }
 133 | 
 134 | /*
 135 |  * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 136 |  */
 137 | b, strong {
 138 |   font-weight: bold; }
 139 | 
 140 | blockquote {
 141 |   margin: 1em 40px; }
 142 | 
 143 | /*
 144 |  * Addresses styling not present in S5, Chrome.
 145 |  */
 146 | dfn {
 147 |   font-style: italic; }
 148 | 
 149 | /*
 150 |  * Addresses styling not present in IE6/7/8/9.
 151 |  */
 152 | mark {
 153 |   background: #ff0;
 154 |   color: #000; }
 155 | 
 156 | /*
 157 |  * Addresses margins set differently in IE6/7.
 158 |  */
 159 | p, pre {
 160 |   margin: 1em 0; }
 161 | 
 162 | /*
 163 |  * Corrects font family set oddly in IE6, S4/5, Chrome.
 164 |  * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 165 |  */
 166 | code, kbd, pre, samp {
 167 |   font-family: monospace, serif;
 168 |   _font-family: 'courier new', monospace;
 169 |   font-size: 1em; }
 170 | 
 171 | /*
 172 |  * Improves readability of pre-formatted text in all browsers.
 173 |  */
 174 | pre {
 175 |   white-space: pre;
 176 |   white-space: pre-wrap;
 177 |   word-wrap: break-word; }
 178 | 
 179 | /*
 180 |  * Addresses CSS quotes not supported in IE6/7.
 181 |  */
 182 | q {
 183 |   quotes: none; }
 184 | 
 185 | /*
 186 |  * Addresses `quotes` property not supported in S4.
 187 |  */
 188 | q:before, q:after {
 189 |   content: '';
 190 |   content: none; }
 191 | 
 192 | small {
 193 |   font-size: 75%; }
 194 | 
 195 | /*
 196 |  * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 197 |  * gist.github.com/413930
 198 |  */
 199 | sub, sup {
 200 |   font-size: 75%;
 201 |   line-height: 0;
 202 |   position: relative;
 203 |   vertical-align: baseline; }
 204 | 
 205 | sup {
 206 |   top: -0.5em; }
 207 | 
 208 | sub {
 209 |   bottom: -0.25em; }
 210 | 
 211 | /* ==========================================================================
 212 |    Lists
 213 |    ========================================================================== */
 214 | /*
 215 |  * Addresses margins set differently in IE6/7.
 216 |  */
 217 | dl, menu, ol, ul {
 218 |   margin: 1em 0; }
 219 | 
 220 | dd {
 221 |   margin: 0 0 0 40px; }
 222 | 
 223 | /*
 224 |  * Addresses paddings set differently in IE6/7.
 225 |  */
 226 | menu, ol, ul {
 227 |   padding: 0 0 0 40px; }
 228 | 
 229 | /*
 230 |  * Corrects list images handled incorrectly in IE7.
 231 |  */
 232 | nav ul, nav ol {
 233 |   list-style: none;
 234 |   list-style-image: none; }
 235 | 
 236 | /* ==========================================================================
 237 |    Embedded content
 238 |    ========================================================================== */
 239 | /*
 240 |  * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 241 |  * 2. Improves image quality when scaled in IE7.
 242 |  *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 243 |  */
 244 | img {
 245 |   border: 0;
 246 |   /* 1 */
 247 |   -ms-interpolation-mode: bicubic;
 248 |   /* 2 */ }
 249 | 
 250 | /*
 251 |  * Corrects overflow displayed oddly in IE9.
 252 |  */
 253 | svg:not(:root) {
 254 |   overflow: hidden; }
 255 | 
 256 | /* ==========================================================================
 257 |    Figures
 258 |    ========================================================================== */
 259 | /*
 260 |  * Addresses margin not present in IE6/7/8/9, S5, O11.
 261 |  */
 262 | figure {
 263 |   margin: 0; }
 264 | 
 265 | /* ==========================================================================
 266 |    Forms
 267 |    ========================================================================== */
 268 | /*
 269 |  * Corrects margin displayed oddly in IE6/7.
 270 |  */
 271 | form {
 272 |   margin: 0; }
 273 | 
 274 | /*
 275 |  * Define consistent border, margin, and padding.
 276 |  */
 277 | fieldset {
 278 |   border: 1px solid #c0c0c0;
 279 |   margin: 0 2px;
 280 |   padding: 0.35em 0.625em 0.75em; }
 281 | 
 282 | /*
 283 |  * 1. Corrects color not being inherited in IE6/7/8/9.
 284 |  * 2. Corrects text not wrapping in FF3.
 285 |  * 3. Corrects alignment displayed oddly in IE6/7.
 286 |  */
 287 | legend {
 288 |   border: 0;
 289 |   /* 1 */
 290 |   padding: 0;
 291 |   white-space: normal;
 292 |   /* 2 */
 293 |   *margin-left: -7px;
 294 |   /* 3 */ }
 295 | 
 296 | /*
 297 |  * 1. Corrects font size not being inherited in all browsers.
 298 |  * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 299 |  * 3. Improves appearance and consistency in all browsers.
 300 |  */
 301 | button, input, select, textarea {
 302 |   font-size: 100%;
 303 |   /* 1 */
 304 |   margin: 0;
 305 |   /* 2 */
 306 |   vertical-align: baseline;
 307 |   /* 3 */
 308 |   *vertical-align: middle;
 309 |   /* 3 */ }
 310 | 
 311 | /*
 312 |  * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 313 |  * UA stylesheet.
 314 |  */
 315 | button, input {
 316 |   line-height: normal; }
 317 | 
 318 | /*
 319 |  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 320 |  *    and `video` controls.
 321 |  * 2. Corrects inability to style clickable `input` types in iOS.
 322 |  * 3. Improves usability and consistency of cursor style between image-type
 323 |  *    `input` and others.
 324 |  * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 325 |  *    Known issue: inner spacing remains in IE6.
 326 |  */
 327 | button, html input[type="button"], input[type="reset"], input[type="submit"] {
 328 |   -webkit-appearance: button;
 329 |   /* 2 */
 330 |   cursor: pointer;
 331 |   /* 3 */
 332 |   *overflow: visible;
 333 |   /* 4 */ }
 334 | 
 335 | /*
 336 |  * Re-set default cursor for disabled elements.
 337 |  */
 338 | button[disabled], input[disabled] {
 339 |   cursor: default; }
 340 | 
 341 | /*
 342 |  * 1. Addresses box sizing set to content-box in IE8/9.
 343 |  * 2. Removes excess padding in IE8/9.
 344 |  * 3. Removes excess padding in IE7.
 345 |  *    Known issue: excess padding remains in IE6.
 346 |  */
 347 | input[type="checkbox"], input[type="radio"] {
 348 |   box-sizing: border-box;
 349 |   /* 1 */
 350 |   padding: 0;
 351 |   /* 2 */
 352 |   *height: 13px;
 353 |   /* 3 */
 354 |   *width: 13px;
 355 |   /* 3 */ }
 356 | 
 357 | /*
 358 |  * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 359 |  * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
 360 |  *    to future-proof).
 361 |  */
 362 | input[type="search"] {
 363 |   -webkit-appearance: textfield;
 364 |   /* 1 */
 365 |   -moz-box-sizing: content-box;
 366 |   -webkit-box-sizing: content-box;
 367 |   /* 2 */
 368 |   box-sizing: content-box; }
 369 | 
 370 | /*
 371 |  * Removes inner padding and search cancel button in S5, Chrome on OS X.
 372 |  */
 373 | input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 374 |   -webkit-appearance: none; }
 375 | 
 376 | /*
 377 |  * Removes inner padding and border in FF3+.
 378 |  */
 379 | button::-moz-focus-inner, input::-moz-focus-inner {
 380 |   border: 0;
 381 |   padding: 0; }
 382 | 
 383 | /*
 384 |  * 1. Removes default vertical scrollbar in IE6/7/8/9.
 385 |  * 2. Improves readability and alignment in all browsers.
 386 |  */
 387 | textarea {
 388 |   overflow: auto;
 389 |   /* 1 */
 390 |   vertical-align: top;
 391 |   /* 2 */ }
 392 | 
 393 | /* ==========================================================================
 394 |    Tables
 395 |    ========================================================================== */
 396 | /*
 397 |  * Remove most spacing between table cells.
 398 |  */
 399 | table {
 400 |   border-collapse: collapse;
 401 |   border-spacing: 0; }
 402 | 
 403 | /******************************************************************
 404 | CUSTOMIZED RESET VALUES
 405 | I added these extra styles as a more personalized reset. Feel free
 406 | to remove them if you like or add your own. If you want to update
 407 | the normalize styles, make sure to edit from this point up.
 408 | ******************************************************************/
 409 | p {
 410 |   -webkit-hyphens: auto;
 411 |   -epub-hyphens: auto;
 412 |   -moz-hyphens: auto;
 413 |   hyphens: auto; }
 414 | 
 415 | b, strong, .strong {
 416 |   font-weight: bold; }
 417 | 
 418 | dfn, em, .em {
 419 |   font-style: italic; }
 420 | 
 421 | small, .small {
 422 |   font-size: 75%; }
 423 | 
 424 | ul, ol {
 425 |   padding: 0;
 426 |   list-style-type: none; }
 427 | 
 428 | dd {
 429 |   margin: 0; }
 430 | 
 431 | .sidebar ul, .sidebar ol, .commentlist {
 432 |   list-style: none; }
 433 | 
 434 | /*********************
 435 | TYPOGRAPHY
 436 | *********************/
 437 | /*
 438 |  * MONO SOCIAL ICONS FONT
 439 |  * http://drinchev.github.io/monosocialiconsfont/
 440 | */
 441 | @font-face {
 442 |   font-family: 'Mono Social Icons Font';
 443 |   src: url('../fonts/monosocial/MonoSocialIconsFont-1.10.eot');
 444 |   src: url('../fonts/monosocial/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'), url('../fonts/monosocial/MonoSocialIconsFont-1.10.woff') format('woff'), url('../fonts/monosocial/MonoSocialIconsFont-1.10.ttf') format('truetype'), url('../fonts/monosocial/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
 445 |   src: url('../fonts/monosocial/MonoSocialIconsFont-1.10.ttf') format('truetype');
 446 |   font-weight: normal;
 447 |   font-style: normal; }
 448 | 
 449 | .symbol, a.symbol:before {
 450 |   font-family: 'Mono Social Icons Font';
 451 |   -webkit-text-rendering: optimizeLegibility;
 452 |   -moz-text-rendering: optimizeLegibility;
 453 |   -ms-text-rendering: optimizeLegibility;
 454 |   -o-text-rendering: optimizeLegibility;
 455 |   text-rendering: optimizeLegibility;
 456 |   -webkit-font-smoothing: antialiased;
 457 |   -moz-font-smoothing: antialiased;
 458 |   -ms-font-smoothing: antialiased;
 459 |   -o-font-smoothing: antialiased;
 460 |   font-smoothing: antialiased; }
 461 | 
 462 | a.symbol:before {
 463 |   content: attr(title);
 464 |   margin-right: 0.3em;
 465 |   font-size: 130%; }
 466 | 
 467 | /******************************************************************
 468 | Site Name:
 469 | Author:
 470 | 
 471 | Stylesheet: Mixins & Constants Stylesheet
 472 | 
 473 | This is where you can take advantage of Sass' great features:
 474 | Mixins & Constants. I won't go in-depth on how they work exactly,
 475 | there are a few articles below that will help do that. What I will
 476 | tell you is that this will help speed up simple changes like
 477 | changing a color or adding CSS3 techniques gradients.
 478 | 
 479 | A WORD OF WARNING: It's very easy to overdo it here. Be careful and
 480 | remember less is more.
 481 | 
 482 | ******************************************************************/
 483 | /*********************
 484 | CLEARFIXIN'
 485 | *********************/
 486 | .clearfix {
 487 |   zoom: 1; }
 488 |   .clearfix:before, .clearfix:after {
 489 |     content: "";
 490 |     display: table; }
 491 |   .clearfix:after {
 492 |     clear: both; }
 493 | 
 494 | /*********************
 495 | TOOLS
 496 | *********************/
 497 | * {
 498 |   -webkit-box-sizing: border-box;
 499 |   -moz-box-sizing: border-box;
 500 |   box-sizing: border-box; }
 501 | 
 502 | .image-replacement {
 503 |   text-indent: 100%;
 504 |   white-space: nowrap;
 505 |   overflow: hidden; }
 506 | 
 507 | /*********************
 508 | COLORS
 509 | Need help w/ choosing your colors? Try this site out:
 510 | http://0to255.com/
 511 | Also: http://sachagreif.com/sass-color-variables/
 512 | *********************/
 513 | /*
 514 | use the best ampersand
 515 | http://simplebits.com/notebook/2008/08/14/ampersands-2/
 516 | */
 517 | span.amp {
 518 |   font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif !important;
 519 |   font-style: italic; }
 520 | 
 521 | .text-left {
 522 |   text-align: left; }
 523 | 
 524 | .text-center {
 525 |   text-align: center; }
 526 | 
 527 | .text-right {
 528 |   text-align: right; }
 529 | 
 530 | /*********************
 531 | TRANSITION
 532 | *********************/
 533 | /*
 534 | @eddiemachado totally rewrote this to be cleaner and easier to use.
 535 | You'll need to be using Sass 3.2+ for these to work.
 536 | Thanks to @anthonyshort for the inspiration on these.
 537 | USAGE: @include transition(all 0.2s ease-in-out);
 538 | */
 539 | /*********************
 540 | CSS3 GRADIENTS
 541 | Be careful with these since they can
 542 | really slow down your CSS. Don't overdo it.
 543 | *********************/
 544 | /* @include css-gradient(#dfdfdf,#f8f8f8); */
 545 | /*********************
 546 | BOX SIZING
 547 | *********************/
 548 | /* @include box-sizing(border-box); */
 549 | /* NOTE: value of "padding-box" is only supported in Gecko. So
 550 | probably best not to use it. I mean, were you going to anyway? */
 551 | /*********************
 552 | BUTTONS
 553 | *********************/
 554 | .button, .button:visited {
 555 |   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 556 |   border: 1px solid #060606;
 557 |   border-top-color: #151515;
 558 |   border-left-color: #151515;
 559 |   padding: 4px 12px;
 560 |   color: #efefef;
 561 |   display: inline-block;
 562 |   font-size: 11px;
 563 |   font-weight: bold;
 564 |   text-decoration: none;
 565 |   text-shadow: 0 1px rgba(0, 0, 0, 0.75);
 566 |   cursor: pointer;
 567 |   margin-bottom: 20px;
 568 |   line-height: 21px;
 569 |   border-radius: 4px;
 570 |   background-color: #1a1a1a;
 571 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#272727), to(#1a1a1a));
 572 |   background-image: -webkit-linear-gradient(top, #272727, #1a1a1a);
 573 |   background-image: -moz-linear-gradient(top, #272727, #1a1a1a);
 574 |   background-image: -o-linear-gradient(top, #272727, #1a1a1a);
 575 |   background-image: linear-gradient(to bottom, #272727, #1a1a1a); }
 576 |   .button:hover, .button:focus, .button:visited:hover, .button:visited:focus {
 577 |     color: #efefef;
 578 |     border: 1px solid #060606;
 579 |     border-top-color: black;
 580 |     border-left-color: black;
 581 |     background-color: #0e0e0e;
 582 |     background-image: -webkit-gradient(linear, left top, left bottom, from(#1a1a1a), to(#0e0e0e));
 583 |     background-image: -webkit-linear-gradient(top, #1a1a1a, #0e0e0e);
 584 |     background-image: -moz-linear-gradient(top, #1a1a1a, #0e0e0e);
 585 |     background-image: -o-linear-gradient(top, #1a1a1a, #0e0e0e);
 586 |     background-image: linear-gradient(to bottom, #1a1a1a, #0e0e0e); }
 587 |   .button:active, .button:visited:active {
 588 |     background-color: #272727;
 589 |     background-image: -webkit-gradient(linear, left top, left bottom, from(#1a1a1a), to(#272727));
 590 |     background-image: -webkit-linear-gradient(top, #1a1a1a, #272727);
 591 |     background-image: -moz-linear-gradient(top, #1a1a1a, #272727);
 592 |     background-image: -o-linear-gradient(top, #1a1a1a, #272727);
 593 |     background-image: linear-gradient(to bottom, #1a1a1a, #272727); }
 594 | 
 595 | /*
 596 | BASE (MOBILE) SIZE
 597 | This are the mobile styles. It's what people see on their phones. If
 598 | you set a great foundation, you won't need to add too many styles in
 599 | the other stylesheets. Remember, keep it light: Speed is Important.
 600 | */
 601 | /******************************************************************
 602 | 
 603 | Stylesheet: Base Mobile Stylesheet
 604 | 
 605 | Be light and don't over style since everything here will be
 606 | loaded by mobile devices. You want to keep it as minimal as
 607 | possible. This is called at the top of the main stylsheet
 608 | and will be used across all viewports.
 609 | 
 610 | ******************************************************************/
 611 | /*********************
 612 | GENERAL STYLES
 613 | *********************/
 614 | body {
 615 |   font-family: "Georgia", Cambria, Times New Roman, Times, serif;
 616 |   font-size: 100%;
 617 |   line-height: 1.5;
 618 |   color: #565656; }
 619 | 
 620 | /*********************
 621 | LAYOUT & GRID STYLES
 622 | *********************/
 623 | .wrap {
 624 |   width: 96%;
 625 |   margin: 0 auto; }
 626 | 
 627 | /*********************
 628 | LINK STYLES
 629 | *********************/
 630 | a, a:visited {
 631 |   color: #272727;
 632 |   /* on hover */
 633 |   /* on click */
 634 |   /* mobile tap color */ }
 635 |   a:hover, a:focus, a:visited:hover, a:visited:focus {
 636 |     color: #474747; }
 637 |   a:link, a:visited:link {
 638 |     /*
 639 | 		this highlights links on iPhones/iPads.
 640 | 		so it basically works like the :hover selector
 641 | 		for mobile devices.
 642 | 		*/
 643 |     -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }
 644 | 
 645 | /******************************************************************
 646 | H1, H2, H3, H4, H5 STYLES
 647 | ******************************************************************/
 648 | h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
 649 |   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 650 |   text-rendering: optimizelegibility;
 651 |   font-weight: 500;
 652 |   /*
 653 | 	if you're going to use webfonts, be sure to check your weights
 654 | 	http://css-tricks.com/watch-your-font-weight/
 655 | 	*/
 656 |   /* removing text decoration from all headline links */ }
 657 |   h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
 658 |     text-decoration: none; }
 659 | 
 660 | h1, .h1 {
 661 |   font-size: 2.5em;
 662 |   line-height: 1.333em; }
 663 | 
 664 | h2, .h2 {
 665 |   font-size: 1.75em;
 666 |   line-height: 1.4em;
 667 |   margin-bottom: 0.375em; }
 668 | 
 669 | h3, .h3 {
 670 |   font-size: 1.125em; }
 671 | 
 672 | h4, .h4 {
 673 |   font-size: 1.1em;
 674 |   font-weight: 700; }
 675 | 
 676 | h5, .h5 {
 677 |   font-size: 0.846em;
 678 |   line-height: 2.09em;
 679 |   text-transform: uppercase;
 680 |   letter-spacing: 2px; }
 681 | 
 682 | /*********************
 683 | HEADER STYLES
 684 | *********************/
 685 | .header {
 686 |   margin-top: 24px; }
 687 | 
 688 | #logo img {
 689 |   max-width: 100%; }
 690 | 
 691 | #site-title {
 692 |   font-size: 1.8em; }
 693 | 
 694 | /*********************
 695 | NAVIGATION STYLES
 696 | *********************/
 697 | /* The {{nav}} helper outputs a site-navigation div */
 698 | #site-navigation {
 699 |   border: 1px solid #ccc;
 700 |   border-bottom: 0;
 701 |   /* end .menu li */ }
 702 |   #site-navigation ul {
 703 |     margin: 0; }
 704 |   #site-navigation li a {
 705 |     display: block;
 706 |     text-decoration: none;
 707 |     padding: 10px 10px;
 708 |     background-color: #eee;
 709 |     border-bottom: 1px solid #ccc;
 710 |     /*
 711 | 			remember this is for mobile ONLY, so there's no need
 712 | 			to even declare hover styles here, you can do it in
 713 | 			the style.scss file where it's relevant. We want to
 714 | 			keep this file as small as possible!
 715 | 			*/ }
 716 | 
 717 | /* end .nav */
 718 | /*********************
 719 | POSTS & CONTENT STYLES
 720 | *********************/
 721 | #content {
 722 |   margin-top: 2.2em; }
 723 | 
 724 | 
 725 | /* end .hentry */
 726 | 
 727 | /* style by tag (i.e. tag-news) */
 728 | /* post meta */
 729 | .byline {
 730 |   color: #999; }
 731 | 
 732 | /* Article entry content */
 733 | .entry-content dd {
 734 |   margin-left: 0;
 735 |   font-size: 0.9em;
 736 |   color: #787878;
 737 |   margin-bottom: 1.5em; }
 738 | .entry-content img {
 739 |   margin: 0 0 1.5em 0;
 740 |   max-width: 100%;
 741 |   height: auto; }
 742 | .entry-content video, .entry-content object {
 743 |   max-width: 100%;
 744 |   height: auto; }
 745 | .entry-content pre {
 746 |   background: #eee;
 747 |   border: 1px solid #cecece;
 748 |   padding: 10px; }
 749 | 
 750 | /* end .entry-content */
 751 | .img-caption {
 752 |   max-width: 100%;
 753 |   background: #eee;
 754 |   padding: 5px;
 755 |   /* images inside img-caption */ }
 756 |   .img-caption img {
 757 |     max-width: 100%;
 758 |     margin-bottom: 0;
 759 |     width: 100%; }
 760 |   .img-caption p.img-caption-text {
 761 |     font-size: 0.85em;
 762 |     margin: 4px 0 7px;
 763 |     text-align: center; }
 764 | 
 765 | /* end .img-caption */
 766 | /* Add a comma after tags, unless it is the last one */
 767 | .tag-label:after {
 768 |   content: ","; }
 769 | 
 770 | .tag-label:last-child:after {
 771 |   content: ""; }
 772 | 
 773 | /******************************************************************
 774 | PAGINATION (Thanks to the Ghost team for this)
 775 | ******************************************************************/
 776 | /* The main wrapper for our pagination links */
 777 | .pagination {
 778 |   position: relative;
 779 |   width: 80%;
 780 |   margin: 4rem auto;
 781 |   font-size: 1.3rem;
 782 |   text-align: center; }
 783 | 
 784 | /* Push the previous/next links out to the left/right */
 785 | .older-posts, .newer-posts {
 786 |   position: absolute;
 787 |   display: inline-block;
 788 |   padding: 10px 10px;
 789 |   text-decoration: none; }
 790 |   .older-posts:hover, .newer-posts:hover {
 791 |     background-color: #eee; }
 792 | 
 793 | .older-posts {
 794 |   right: 0; }
 795 | 
 796 | .page-number {
 797 |   display: inline-block;
 798 |   padding: 2px 0; }
 799 | 
 800 | .newer-posts {
 801 |   left: 0; }
 802 | 
 803 | /*********************
 804 | SIDEBARS & ASIDES
 805 | *********************/
 806 | 
 807 | 
 808 | .widget img {
 809 |   max-width: 100%; }
 810 | .widget ul li a {
 811 |   font-size: 1.2em;
 812 |   text-decoration: none; }
 813 | 
 814 | /* end .widget */
 815 | /*********************
 816 | FOOTER STYLES
 817 | *********************/
 818 | .footer {
 819 |   clear: both; }
 820 | 
 821 | 
 822 | /*
 823 | LARGER MOBILE DEVICES
 824 | This is for devices like the Galaxy Note or something that's
 825 | larger than an iPhone but smaller than a tablet. Let's call them
 826 | tweeners.
 827 | */
 828 | @media only screen and (min-width: 481px) {
 829 |   /******************************************************************
 830 | Site Name: 
 831 | Author: 
 832 | 
 833 | Stylesheet: 481px and Up Stylesheet
 834 | 
 835 | This stylesheet is loaded for larger devices. It's set to 
 836 | 481px because at 480px it would load on a landscaped iPhone.
 837 | This isn't ideal because then you would be loading all those
 838 | extra styles on that same mobile connection. 
 839 | 
 840 | A word of warning. This size COULD be a larger mobile device,
 841 | so you still want to keep it pretty light and simply expand
 842 | upon your base.scss styles.
 843 | 
 844 | ******************************************************************/
 845 |   /*********************
 846 | NAVIGATION STYLES
 847 | *********************/
 848 |   /* .menu is clearfixed inside mixins.scss */
 849 |   /* end .menu ul */
 850 |   /*********************
 851 | POSTS & CONTENT STYLES
 852 | *********************/
 853 |   /* entry content */
 854 |   /* end .entry-content */
 855 |   /*********************
 856 | FOOTER STYLES
 857 | *********************/
 858 |   /* end .footer */
 859 |   ul {
 860 |     /* end .menu ul li */ }
 861 |     ul li a {
 862 |       /*
 863 |             you can use hover styles here even though this size
 864 |             has the possibility of being a mobile device.
 865 |             */ }
 866 |   .entry-content {
 867 |     /* at this larger size, we can start to align images */ }
 868 |     .entry-content .alignleft, .entry-content img.alignleft {
 869 |       margin-right: 1.5em;
 870 |       display: inline;
 871 |       float: left; }
 872 |     .entry-content .alignright, .entry-content img.alignright {
 873 |       margin-left: 1.5em;
 874 |       display: inline;
 875 |       float: right; }
 876 |     .entry-content .aligncenter, .entry-content img.aligncenter {
 877 |       margin-right: auto;
 878 |       margin-left: auto;
 879 |       display: block;
 880 |       clear: both; } }
 881 | 
 882 | /*
 883 | TABLET & SMALLER LAPTOPS
 884 | This is the average viewing window. So Desktops, Laptops, and
 885 | in general anyone not viewing on a mobile device. Here's where
 886 | you can add resource intensive styles.
 887 | */
 888 | @media only screen and (min-width: 768px) {
 889 |   /******************************************************************
 890 | Site Name:
 891 | Author:
 892 | 
 893 | Stylesheet: Grid Stylesheet
 894 | 
 895 | I've seperated the grid so you can swap it out easily. It's
 896 | called at the top the style.scss stylesheet.
 897 | 
 898 | There are a ton of grid solutions out there. You should definitely
 899 | experiment with your own. Here are some recommendations:
 900 | 
 901 | http://gridsetapp.com - Love this site. Responsive Grids made easy.
 902 | http://susy.oddbird.net/ - Grids using Compass. Very elegant.
 903 | http://gridpak.com/ - Create your own responsive grid.
 904 | 
 905 | The grid below is a combination of the 1140 grid and Twitter Boostrap. 
 906 | I liked 1140 but Boostrap's grid was way more detailed so I merged them 
 907 | together, let's see how this works out. If you want to use 1140, the original 
 908 | values are commented out on each line.
 909 | 
 910 | ******************************************************************/
 911 |   /* 4.85%;  } /* grid_1  */
 912 |   /* 13.45%; } /* grid_2  */
 913 |   /* 22.05%; } /* grid_3  */
 914 |   /* 30.75%; } /* grid_4  */
 915 |   /* 39.45%; } /* grid_5  */
 916 |   /* 48%;    } /* grid_6  */
 917 |   /* 56.75%; } /* grid_7  */
 918 |   /* 65.4%;  } /* grid_8  */
 919 |   /* 74.05%; } /* grid_9  */
 920 |   /* 82.7%;  } /* grid_10 */
 921 |   /* 91.35%; } /* grid_11 */
 922 |   /* 100%;   } /* grid_12 */
 923 |   /******************************************************************
 924 | Site Name:
 925 | Author:
 926 | 
 927 | Stylesheet: Tablet & Small Desktop Stylesheet
 928 | 
 929 | Here's where you can start getting into the good stuff.
 930 | This size will work on iPads, other tablets, and desktops.
 931 | So you can start working with more styles, background images,
 932 | and other resources. You'll also notice the grid starts to
 933 | come into play. Have fun!
 934 | 
 935 | ******************************************************************/
 936 |   /*********************
 937 | GENERAL STYLES
 938 | *********************/
 939 |   /*********************
 940 | LAYOUT & GRID STYLES
 941 | *********************/
 942 |   /*********************
 943 | HEADER STYLES
 944 | *********************/
 945 |   /*********************
 946 | NAVIGATION STYLES
 947 | *********************/
 948 |   /* end .nav */
 949 |   /*********************
 950 | SIDEBARS & ASIDES
 951 | *********************/
 952 |   /* end .widget */
 953 |   /*********************
 954 | FOOTER STYLES
 955 | *********************/
 956 |   /* end .footer */
 957 |   .onecol {
 958 |     width: 5.8011%; }
 959 |   .twocol {
 960 |     width: 14.36464%; }
 961 |   .threecol {
 962 |     width: 22.92818%; }
 963 |   .fourcol {
 964 |     width: 31.49171%; }
 965 |   .fivecol {
 966 |     width: 40.05525%; }
 967 |   .sixcol {
 968 |     width: 48.61878%; }
 969 |   .sevencol {
 970 |     width: 57.18232%; }
 971 |   .eightcol {
 972 |     width: 65.74586%; }
 973 |   .ninecol {
 974 |     width: 74.30939%; }
 975 |   .tencol {
 976 |     width: 82.87293%; }
 977 |   .elevencol {
 978 |     width: 91.43646%; }
 979 |   .twelvecol {
 980 |     width: 100%; }
 981 |   .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
 982 |     position: relative;
 983 |     display: block;
 984 |     float: left;
 985 |     margin-left: 2.76243%; }
 986 |   .first {
 987 |     margin-left: 0; }
 988 |   .last {
 989 |     float: right; }
 990 |   .wrap {
 991 |     max-width: 1140px; }
 992 |   #site-title {
 993 |     font-size: 2.5em; }
 994 |   #site-navigation {
 995 |     background: #eee;
 996 |     border: 0;
 997 |     /* end .menu ul li */ }
 998 |     #site-navigation li {
 999 |       float: left;
1000 |       position: relative;
1001 |       /* showing sub-menus */ }
1002 |       #site-navigation li a {
1003 |         border-bottom: 0;
1004 |         /*
1005 | 			you can use hover styles here even though this size
1006 | 			has the possibility of being a mobile device.
1007 | 			*/ }
1008 |         #site-navigation li a:hover, #site-navigation li a:focus {
1009 |           background-color: #dedede; }
1010 |       #site-navigation li:hover ul {
1011 |         top: auto;
1012 |         display: block; }
1013 |   .sidebar {
1014 |     margin-top: 2.2em; }
1015 |   .widgettitle {
1016 |     border-bottom: 2px solid #444;
1017 |     margin-bottom: 0.75em; }
1018 |   .widget {
1019 |     padding: 0 10px;
1020 |     margin: 2.2em 0; }
1021 |     .widget ul li {
1022 |       margin-bottom: 0.75em; } }
1023 | 
1024 | /*
1025 | DESKTOP
1026 | This is the average viewing window. So Desktops, Laptops, and
1027 | in general anyone not viewing on a mobile device. Here's where
1028 | you can add resource intensive styles.
1029 | */
1030 | @media only screen and (min-width: 1030px) {
1031 |   /******************************************************************
1032 | Site Name: 
1033 | Author: 
1034 | 
1035 | Stylesheet: Desktop Stylsheet
1036 | 
1037 | This is the desktop size. It's larger than an iPad so it will only
1038 | be seen on the Desktop. 
1039 | 
1040 | ******************************************************************/ }
1041 | 
1042 | /*
1043 | LARGE VIEWING SIZE
1044 | This is for the larger monitors and possibly full screen viewers.
1045 | */
1046 | @media only screen and (min-width: 1240px) {
1047 |   /******************************************************************
1048 | Site Name: 
1049 | Author: 
1050 | 
1051 | Stylesheet: Super Large Monitor Stylesheet
1052 | 
1053 | You can add some advanced styles here if you like. This kicks in
1054 | on larger screens.
1055 | 
1056 | ******************************************************************/ }
1057 | 
1058 | /*
1059 | RETINA (2x RESOLUTION DEVICES)
1060 | This applies to the retina iPhone (4s) and iPad (2,3) along with
1061 | other displays with a 2x resolution. You can also create a media
1062 | query for retina AND a certain size if you want. Go Nuts.
1063 | */
1064 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
1065 |   /******************************************************************
1066 | 
1067 | Stylesheet: Retina Screens & Devices Stylesheet
1068 | 
1069 | When handling retina screens you need to make adjustments, especially
1070 | if you're not using font icons. Here you can add them in one neat
1071 | place.
1072 | 
1073 | ******************************************************************/
1074 |   /* 
1075 | 
1076 | EXAMPLE 
1077 | Let's say you have an image and you need to make sure it looks ok
1078 | on retina screens. Let's say we have an icon which dimension are
1079 | 24px x 24px. In your regular stylesheets, it would look something
1080 | like this:
1081 | 
1082 | .icon {
1083 | 	width: 24px;
1084 | 	height: 24px;
1085 | 	background: url(img/test.png) no-repeat;
1086 | }
1087 | 
1088 | For retina screens, we have to make some adjustments, so that image
1089 | doesn't look blurry. So, taking into account the image above and the
1090 | dimensions, this is what we would put in our retina stylesheet:
1091 | 
1092 | .icon {
1093 | 	background: url(img/test@2x.png) no-repeat;
1094 | 	background-size: 24px 24px;
1095 | }
1096 | 
1097 | So, you would create the same icon, but at double the resolution, meaning 
1098 | it would be 48px x 48px. You'd name it the same, but with a @2x at the end
1099 | (this is pretty standard practice). Set the background image so it matches
1100 | the original dimensions and you are good to go. 
1101 | 
1102 | */ }
1103 | 
1104 | /*
1105 | iPHONE 5 MEDIA QUERY
1106 | Want to get fancy for no good reason? Knock yourself out.
1107 | */
1108 | @media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) { }
1109 | 
1110 | /*
1111 | PRINT STYLESHEET
1112 | Feel free to customize this. Remember to add things that won't make
1113 | sense to print at the bottom. Things like nav, ads, and forms should
1114 | be set to display none.
1115 | */
1116 | @media print {
1117 |   /******************************************************************
1118 | Site Name:
1119 | Author:
1120 | 
1121 | Stylesheet: Print Stylesheet
1122 | 
1123 | This is the print stylesheet. There's probably not a lot
1124 | of reasons to edit this stylesheet. If you want to
1125 | though, go for it.
1126 | 
1127 | ******************************************************************/
1128 |   @page {
1129 |     margin: 0.5cm; }
1130 | 
1131 |   * {
1132 |     background: transparent !important;
1133 |     color: black !important;
1134 |     text-shadow: none !important;
1135 |     filter: none !important;
1136 |     -ms-filter: none !important; }
1137 |   a, a:visited {
1138 |     color: #444 !important;
1139 |     text-decoration: underline; }
1140 |     a:after, a:visited:after {
1141 |       content: " (" attr(href) ")"; }
1142 |     a abbr[title]:after, a:visited abbr[title]:after {
1143 |       content: " (" attr(title) ")"; }
1144 |   .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
1145 |     content: ""; }
1146 |   pre, blockquote {
1147 |     border: 1px solid #999;
1148 |     page-break-inside: avoid; }
1149 |   thead {
1150 |     display: table-header-group; }
1151 |   tr, img {
1152 |     page-break-inside: avoid; }
1153 |   img {
1154 |     max-width: 100% !important; }
1155 |   p, h2, h3 {
1156 |     orphans: 3;
1157 |     widows: 3; }
1158 |   h2, h3 {
1159 |     page-break-after: avoid; }
1160 |   .sidebar, .page-navigation, .wp-prev-next, .respond-form, nav {
1161 |     display: none; } }
1162 | 


--------------------------------------------------------------------------------
/assets/fonts/monosocial/MonoSocialIconsFont-1.10.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ThemeSpectre/Linen/8107fa330f386c95c3673ab2eddf57db7ed72323/assets/fonts/monosocial/MonoSocialIconsFont-1.10.eot


--------------------------------------------------------------------------------
/assets/fonts/monosocial/MonoSocialIconsFont-1.10.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ThemeSpectre/Linen/8107fa330f386c95c3673ab2eddf57db7ed72323/assets/fonts/monosocial/MonoSocialIconsFont-1.10.otf


--------------------------------------------------------------------------------
/assets/fonts/monosocial/MonoSocialIconsFont-1.10.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ThemeSpectre/Linen/8107fa330f386c95c3673ab2eddf57db7ed72323/assets/fonts/monosocial/MonoSocialIconsFont-1.10.ttf


--------------------------------------------------------------------------------
/assets/fonts/monosocial/MonoSocialIconsFont-1.10.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ThemeSpectre/Linen/8107fa330f386c95c3673ab2eddf57db7ed72323/assets/fonts/monosocial/MonoSocialIconsFont-1.10.woff


--------------------------------------------------------------------------------
/assets/images/apple-icon-touch.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ThemeSpectre/Linen/8107fa330f386c95c3673ab2eddf57db7ed72323/assets/images/apple-icon-touch.png


--------------------------------------------------------------------------------
/assets/images/custom-post-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ThemeSpectre/Linen/8107fa330f386c95c3673ab2eddf57db7ed72323/assets/images/custom-post-icon.png


--------------------------------------------------------------------------------
/assets/images/login-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ThemeSpectre/Linen/8107fa330f386c95c3673ab2eddf57db7ed72323/assets/images/login-logo.png


--------------------------------------------------------------------------------
/assets/images/nothing.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ThemeSpectre/Linen/8107fa330f386c95c3673ab2eddf57db7ed72323/assets/images/nothing.gif


--------------------------------------------------------------------------------
/assets/images/nothumb.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ThemeSpectre/Linen/8107fa330f386c95c3673ab2eddf57db7ed72323/assets/images/nothumb.gif


--------------------------------------------------------------------------------
/assets/images/win8-tile-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ThemeSpectre/Linen/8107fa330f386c95c3673ab2eddf57db7ed72323/assets/images/win8-tile-icon.png


--------------------------------------------------------------------------------
/assets/js/libs/jquery-migrate-1.2.1.js:
--------------------------------------------------------------------------------
  1 | /*!
  2 |  * jQuery Migrate - v1.2.1 - 2013-05-08
  3 |  * https://github.com/jquery/jquery-migrate
  4 |  * Copyright 2005, 2013 jQuery Foundation, Inc. and other contributors; Licensed MIT
  5 |  */
  6 | (function( jQuery, window, undefined ) {
  7 | // See http://bugs.jquery.com/ticket/13335
  8 | // "use strict";
  9 | 
 10 | 
 11 | var warnedAbout = {};
 12 | 
 13 | // List of warnings already given; public read only
 14 | jQuery.migrateWarnings = [];
 15 | 
 16 | // Set to true to prevent console output; migrateWarnings still maintained
 17 | // jQuery.migrateMute = false;
 18 | 
 19 | // Show a message on the console so devs know we're active
 20 | if ( !jQuery.migrateMute && window.console && window.console.log ) {
 21 | 	window.console.log("JQMIGRATE: Logging is active");
 22 | }
 23 | 
 24 | // Set to false to disable traces that appear with warnings
 25 | if ( jQuery.migrateTrace === undefined ) {
 26 | 	jQuery.migrateTrace = true;
 27 | }
 28 | 
 29 | // Forget any warnings we've already given; public
 30 | jQuery.migrateReset = function() {
 31 | 	warnedAbout = {};
 32 | 	jQuery.migrateWarnings.length = 0;
 33 | };
 34 | 
 35 | function migrateWarn( msg) {
 36 | 	var console = window.console;
 37 | 	if ( !warnedAbout[ msg ] ) {
 38 | 		warnedAbout[ msg ] = true;
 39 | 		jQuery.migrateWarnings.push( msg );
 40 | 		if ( console && console.warn && !jQuery.migrateMute ) {
 41 | 			console.warn( "JQMIGRATE: " + msg );
 42 | 			if ( jQuery.migrateTrace && console.trace ) {
 43 | 				console.trace();
 44 | 			}
 45 | 		}
 46 | 	}
 47 | }
 48 | 
 49 | function migrateWarnProp( obj, prop, value, msg ) {
 50 | 	if ( Object.defineProperty ) {
 51 | 		// On ES5 browsers (non-oldIE), warn if the code tries to get prop;
 52 | 		// allow property to be overwritten in case some other plugin wants it
 53 | 		try {
 54 | 			Object.defineProperty( obj, prop, {
 55 | 				configurable: true,
 56 | 				enumerable: true,
 57 | 				get: function() {
 58 | 					migrateWarn( msg );
 59 | 					return value;
 60 | 				},
 61 | 				set: function( newValue ) {
 62 | 					migrateWarn( msg );
 63 | 					value = newValue;
 64 | 				}
 65 | 			});
 66 | 			return;
 67 | 		} catch( err ) {
 68 | 			// IE8 is a dope about Object.defineProperty, can't warn there
 69 | 		}
 70 | 	}
 71 | 
 72 | 	// Non-ES5 (or broken) browser; just set the property
 73 | 	jQuery._definePropertyBroken = true;
 74 | 	obj[ prop ] = value;
 75 | }
 76 | 
 77 | if ( document.compatMode === "BackCompat" ) {
 78 | 	// jQuery has never supported or tested Quirks Mode
 79 | 	migrateWarn( "jQuery is not compatible with Quirks Mode" );
 80 | }
 81 | 
 82 | 
 83 | var attrFn = jQuery( "<input/>", { size: 1 } ).attr("size") && jQuery.attrFn,
 84 | 	oldAttr = jQuery.attr,
 85 | 	valueAttrGet = jQuery.attrHooks.value && jQuery.attrHooks.value.get ||
 86 | 		function() { return null; },
 87 | 	valueAttrSet = jQuery.attrHooks.value && jQuery.attrHooks.value.set ||
 88 | 		function() { return undefined; },
 89 | 	rnoType = /^(?:input|button)$/i,
 90 | 	rnoAttrNodeType = /^[238]$/,
 91 | 	rboolean = /^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i,
 92 | 	ruseDefault = /^(?:checked|selected)$/i;
 93 | 
 94 | // jQuery.attrFn
 95 | migrateWarnProp( jQuery, "attrFn", attrFn || {}, "jQuery.attrFn is deprecated" );
 96 | 
 97 | jQuery.attr = function( elem, name, value, pass ) {
 98 | 	var lowerName = name.toLowerCase(),
 99 | 		nType = elem && elem.nodeType;
100 | 
101 | 	if ( pass ) {
102 | 		// Since pass is used internally, we only warn for new jQuery
103 | 		// versions where there isn't a pass arg in the formal params
104 | 		if ( oldAttr.length < 4 ) {
105 | 			migrateWarn("jQuery.fn.attr( props, pass ) is deprecated");
106 | 		}
107 | 		if ( elem && !rnoAttrNodeType.test( nType ) &&
108 | 			(attrFn ? name in attrFn : jQuery.isFunction(jQuery.fn[name])) ) {
109 | 			return jQuery( elem )[ name ]( value );
110 | 		}
111 | 	}
112 | 
113 | 	// Warn if user tries to set `type`, since it breaks on IE 6/7/8; by checking
114 | 	// for disconnected elements we don't warn on $( "<button>", { type: "button" } ).
115 | 	if ( name === "type" && value !== undefined && rnoType.test( elem.nodeName ) && elem.parentNode ) {
116 | 		migrateWarn("Can't change the 'type' of an input or button in IE 6/7/8");
117 | 	}
118 | 
119 | 	// Restore boolHook for boolean property/attribute synchronization
120 | 	if ( !jQuery.attrHooks[ lowerName ] && rboolean.test( lowerName ) ) {
121 | 		jQuery.attrHooks[ lowerName ] = {
122 | 			get: function( elem, name ) {
123 | 				// Align boolean attributes with corresponding properties
124 | 				// Fall back to attribute presence where some booleans are not supported
125 | 				var attrNode,
126 | 					property = jQuery.prop( elem, name );
127 | 				return property === true || typeof property !== "boolean" &&
128 | 					( attrNode = elem.getAttributeNode(name) ) && attrNode.nodeValue !== false ?
129 | 
130 | 					name.toLowerCase() :
131 | 					undefined;
132 | 			},
133 | 			set: function( elem, value, name ) {
134 | 				var propName;
135 | 				if ( value === false ) {
136 | 					// Remove boolean attributes when set to false
137 | 					jQuery.removeAttr( elem, name );
138 | 				} else {
139 | 					// value is true since we know at this point it's type boolean and not false
140 | 					// Set boolean attributes to the same name and set the DOM property
141 | 					propName = jQuery.propFix[ name ] || name;
142 | 					if ( propName in elem ) {
143 | 						// Only set the IDL specifically if it already exists on the element
144 | 						elem[ propName ] = true;
145 | 					}
146 | 
147 | 					elem.setAttribute( name, name.toLowerCase() );
148 | 				}
149 | 				return name;
150 | 			}
151 | 		};
152 | 
153 | 		// Warn only for attributes that can remain distinct from their properties post-1.9
154 | 		if ( ruseDefault.test( lowerName ) ) {
155 | 			migrateWarn( "jQuery.fn.attr('" + lowerName + "') may use property instead of attribute" );
156 | 		}
157 | 	}
158 | 
159 | 	return oldAttr.call( jQuery, elem, name, value );
160 | };
161 | 
162 | // attrHooks: value
163 | jQuery.attrHooks.value = {
164 | 	get: function( elem, name ) {
165 | 		var nodeName = ( elem.nodeName || "" ).toLowerCase();
166 | 		if ( nodeName === "button" ) {
167 | 			return valueAttrGet.apply( this, arguments );
168 | 		}
169 | 		if ( nodeName !== "input" && nodeName !== "option" ) {
170 | 			migrateWarn("jQuery.fn.attr('value') no longer gets properties");
171 | 		}
172 | 		return name in elem ?
173 | 			elem.value :
174 | 			null;
175 | 	},
176 | 	set: function( elem, value ) {
177 | 		var nodeName = ( elem.nodeName || "" ).toLowerCase();
178 | 		if ( nodeName === "button" ) {
179 | 			return valueAttrSet.apply( this, arguments );
180 | 		}
181 | 		if ( nodeName !== "input" && nodeName !== "option" ) {
182 | 			migrateWarn("jQuery.fn.attr('value', val) no longer sets properties");
183 | 		}
184 | 		// Does not return so that setAttribute is also used
185 | 		elem.value = value;
186 | 	}
187 | };
188 | 
189 | 
190 | var matched, browser,
191 | 	oldInit = jQuery.fn.init,
192 | 	oldParseJSON = jQuery.parseJSON,
193 | 	// Note: XSS check is done below after string is trimmed
194 | 	rquickExpr = /^([^<]*)(<[\w\W]+>)([^>]*)$/;
195 | 
196 | // $(html) "looks like html" rule change
197 | jQuery.fn.init = function( selector, context, rootjQuery ) {
198 | 	var match;
199 | 
200 | 	if ( selector && typeof selector === "string" && !jQuery.isPlainObject( context ) &&
201 | 			(match = rquickExpr.exec( jQuery.trim( selector ) )) && match[ 0 ] ) {
202 | 		// This is an HTML string according to the "old" rules; is it still?
203 | 		if ( selector.charAt( 0 ) !== "<" ) {
204 | 			migrateWarn("$(html) HTML strings must start with '<' character");
205 | 		}
206 | 		if ( match[ 3 ] ) {
207 | 			migrateWarn("$(html) HTML text after last tag is ignored");
208 | 		}
209 | 		// Consistently reject any HTML-like string starting with a hash (#9521)
210 | 		// Note that this may break jQuery 1.6.x code that otherwise would work.
211 | 		if ( match[ 0 ].charAt( 0 ) === "#" ) {
212 | 			migrateWarn("HTML string cannot start with a '#' character");
213 | 			jQuery.error("JQMIGRATE: Invalid selector string (XSS)");
214 | 		}
215 | 		// Now process using loose rules; let pre-1.8 play too
216 | 		if ( context && context.context ) {
217 | 			// jQuery object as context; parseHTML expects a DOM object
218 | 			context = context.context;
219 | 		}
220 | 		if ( jQuery.parseHTML ) {
221 | 			return oldInit.call( this, jQuery.parseHTML( match[ 2 ], context, true ),
222 | 					context, rootjQuery );
223 | 		}
224 | 	}
225 | 	return oldInit.apply( this, arguments );
226 | };
227 | jQuery.fn.init.prototype = jQuery.fn;
228 | 
229 | // Let $.parseJSON(falsy_value) return null
230 | jQuery.parseJSON = function( json ) {
231 | 	if ( !json && json !== null ) {
232 | 		migrateWarn("jQuery.parseJSON requires a valid JSON string");
233 | 		return null;
234 | 	}
235 | 	return oldParseJSON.apply( this, arguments );
236 | };
237 | 
238 | jQuery.uaMatch = function( ua ) {
239 | 	ua = ua.toLowerCase();
240 | 
241 | 	var match = /(chrome)[ \/]([\w.]+)/.exec( ua ) ||
242 | 		/(webkit)[ \/]([\w.]+)/.exec( ua ) ||
243 | 		/(opera)(?:.*version|)[ \/]([\w.]+)/.exec( ua ) ||
244 | 		/(msie) ([\w.]+)/.exec( ua ) ||
245 | 		ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec( ua ) ||
246 | 		[];
247 | 
248 | 	return {
249 | 		browser: match[ 1 ] || "",
250 | 		version: match[ 2 ] || "0"
251 | 	};
252 | };
253 | 
254 | // Don't clobber any existing jQuery.browser in case it's different
255 | if ( !jQuery.browser ) {
256 | 	matched = jQuery.uaMatch( navigator.userAgent );
257 | 	browser = {};
258 | 
259 | 	if ( matched.browser ) {
260 | 		browser[ matched.browser ] = true;
261 | 		browser.version = matched.version;
262 | 	}
263 | 
264 | 	// Chrome is Webkit, but Webkit is also Safari.
265 | 	if ( browser.chrome ) {
266 | 		browser.webkit = true;
267 | 	} else if ( browser.webkit ) {
268 | 		browser.safari = true;
269 | 	}
270 | 
271 | 	jQuery.browser = browser;
272 | }
273 | 
274 | // Warn if the code tries to get jQuery.browser
275 | migrateWarnProp( jQuery, "browser", jQuery.browser, "jQuery.browser is deprecated" );
276 | 
277 | jQuery.sub = function() {
278 | 	function jQuerySub( selector, context ) {
279 | 		return new jQuerySub.fn.init( selector, context );
280 | 	}
281 | 	jQuery.extend( true, jQuerySub, this );
282 | 	jQuerySub.superclass = this;
283 | 	jQuerySub.fn = jQuerySub.prototype = this();
284 | 	jQuerySub.fn.constructor = jQuerySub;
285 | 	jQuerySub.sub = this.sub;
286 | 	jQuerySub.fn.init = function init( selector, context ) {
287 | 		if ( context && context instanceof jQuery && !(context instanceof jQuerySub) ) {
288 | 			context = jQuerySub( context );
289 | 		}
290 | 
291 | 		return jQuery.fn.init.call( this, selector, context, rootjQuerySub );
292 | 	};
293 | 	jQuerySub.fn.init.prototype = jQuerySub.fn;
294 | 	var rootjQuerySub = jQuerySub(document);
295 | 	migrateWarn( "jQuery.sub() is deprecated" );
296 | 	return jQuerySub;
297 | };
298 | 
299 | 
300 | // Ensure that $.ajax gets the new parseJSON defined in core.js
301 | jQuery.ajaxSetup({
302 | 	converters: {
303 | 		"text json": jQuery.parseJSON
304 | 	}
305 | });
306 | 
307 | 
308 | var oldFnData = jQuery.fn.data;
309 | 
310 | jQuery.fn.data = function( name ) {
311 | 	var ret, evt,
312 | 		elem = this[0];
313 | 
314 | 	// Handles 1.7 which has this behavior and 1.8 which doesn't
315 | 	if ( elem && name === "events" && arguments.length === 1 ) {
316 | 		ret = jQuery.data( elem, name );
317 | 		evt = jQuery._data( elem, name );
318 | 		if ( ( ret === undefined || ret === evt ) && evt !== undefined ) {
319 | 			migrateWarn("Use of jQuery.fn.data('events') is deprecated");
320 | 			return evt;
321 | 		}
322 | 	}
323 | 	return oldFnData.apply( this, arguments );
324 | };
325 | 
326 | 
327 | var rscriptType = /\/(java|ecma)script/i,
328 | 	oldSelf = jQuery.fn.andSelf || jQuery.fn.addBack;
329 | 
330 | jQuery.fn.andSelf = function() {
331 | 	migrateWarn("jQuery.fn.andSelf() replaced by jQuery.fn.addBack()");
332 | 	return oldSelf.apply( this, arguments );
333 | };
334 | 
335 | // Since jQuery.clean is used internally on older versions, we only shim if it's missing
336 | if ( !jQuery.clean ) {
337 | 	jQuery.clean = function( elems, context, fragment, scripts ) {
338 | 		// Set context per 1.8 logic
339 | 		context = context || document;
340 | 		context = !context.nodeType && context[0] || context;
341 | 		context = context.ownerDocument || context;
342 | 
343 | 		migrateWarn("jQuery.clean() is deprecated");
344 | 
345 | 		var i, elem, handleScript, jsTags,
346 | 			ret = [];
347 | 
348 | 		jQuery.merge( ret, jQuery.buildFragment( elems, context ).childNodes );
349 | 
350 | 		// Complex logic lifted directly from jQuery 1.8
351 | 		if ( fragment ) {
352 | 			// Special handling of each script element
353 | 			handleScript = function( elem ) {
354 | 				// Check if we consider it executable
355 | 				if ( !elem.type || rscriptType.test( elem.type ) ) {
356 | 					// Detach the script and store it in the scripts array (if provided) or the fragment
357 | 					// Return truthy to indicate that it has been handled
358 | 					return scripts ?
359 | 						scripts.push( elem.parentNode ? elem.parentNode.removeChild( elem ) : elem ) :
360 | 						fragment.appendChild( elem );
361 | 				}
362 | 			};
363 | 
364 | 			for ( i = 0; (elem = ret[i]) != null; i++ ) {
365 | 				// Check if we're done after handling an executable script
366 | 				if ( !( jQuery.nodeName( elem, "script" ) && handleScript( elem ) ) ) {
367 | 					// Append to fragment and handle embedded scripts
368 | 					fragment.appendChild( elem );
369 | 					if ( typeof elem.getElementsByTagName !== "undefined" ) {
370 | 						// handleScript alters the DOM, so use jQuery.merge to ensure snapshot iteration
371 | 						jsTags = jQuery.grep( jQuery.merge( [], elem.getElementsByTagName("script") ), handleScript );
372 | 
373 | 						// Splice the scripts into ret after their former ancestor and advance our index beyond them
374 | 						ret.splice.apply( ret, [i + 1, 0].concat( jsTags ) );
375 | 						i += jsTags.length;
376 | 					}
377 | 				}
378 | 			}
379 | 		}
380 | 
381 | 		return ret;
382 | 	};
383 | }
384 | 
385 | var eventAdd = jQuery.event.add,
386 | 	eventRemove = jQuery.event.remove,
387 | 	eventTrigger = jQuery.event.trigger,
388 | 	oldToggle = jQuery.fn.toggle,
389 | 	oldLive = jQuery.fn.live,
390 | 	oldDie = jQuery.fn.die,
391 | 	ajaxEvents = "ajaxStart|ajaxStop|ajaxSend|ajaxComplete|ajaxError|ajaxSuccess",
392 | 	rajaxEvent = new RegExp( "\\b(?:" + ajaxEvents + ")\\b" ),
393 | 	rhoverHack = /(?:^|\s)hover(\.\S+|)\b/,
394 | 	hoverHack = function( events ) {
395 | 		if ( typeof( events ) !== "string" || jQuery.event.special.hover ) {
396 | 			return events;
397 | 		}
398 | 		if ( rhoverHack.test( events ) ) {
399 | 			migrateWarn("'hover' pseudo-event is deprecated, use 'mouseenter mouseleave'");
400 | 		}
401 | 		return events && events.replace( rhoverHack, "mouseenter$1 mouseleave$1" );
402 | 	};
403 | 
404 | // Event props removed in 1.9, put them back if needed; no practical way to warn them
405 | if ( jQuery.event.props && jQuery.event.props[ 0 ] !== "attrChange" ) {
406 | 	jQuery.event.props.unshift( "attrChange", "attrName", "relatedNode", "srcElement" );
407 | }
408 | 
409 | // Undocumented jQuery.event.handle was "deprecated" in jQuery 1.7
410 | if ( jQuery.event.dispatch ) {
411 | 	migrateWarnProp( jQuery.event, "handle", jQuery.event.dispatch, "jQuery.event.handle is undocumented and deprecated" );
412 | }
413 | 
414 | // Support for 'hover' pseudo-event and ajax event warnings
415 | jQuery.event.add = function( elem, types, handler, data, selector ){
416 | 	if ( elem !== document && rajaxEvent.test( types ) ) {
417 | 		migrateWarn( "AJAX events should be attached to document: " + types );
418 | 	}
419 | 	eventAdd.call( this, elem, hoverHack( types || "" ), handler, data, selector );
420 | };
421 | jQuery.event.remove = function( elem, types, handler, selector, mappedTypes ){
422 | 	eventRemove.call( this, elem, hoverHack( types ) || "", handler, selector, mappedTypes );
423 | };
424 | 
425 | jQuery.fn.error = function() {
426 | 	var args = Array.prototype.slice.call( arguments, 0);
427 | 	migrateWarn("jQuery.fn.error() is deprecated");
428 | 	args.splice( 0, 0, "error" );
429 | 	if ( arguments.length ) {
430 | 		return this.bind.apply( this, args );
431 | 	}
432 | 	// error event should not bubble to window, although it does pre-1.7
433 | 	this.triggerHandler.apply( this, args );
434 | 	return this;
435 | };
436 | 
437 | jQuery.fn.toggle = function( fn, fn2 ) {
438 | 
439 | 	// Don't mess with animation or css toggles
440 | 	if ( !jQuery.isFunction( fn ) || !jQuery.isFunction( fn2 ) ) {
441 | 		return oldToggle.apply( this, arguments );
442 | 	}
443 | 	migrateWarn("jQuery.fn.toggle(handler, handler...) is deprecated");
444 | 
445 | 	// Save reference to arguments for access in closure
446 | 	var args = arguments,
447 | 		guid = fn.guid || jQuery.guid++,
448 | 		i = 0,
449 | 		toggler = function( event ) {
450 | 			// Figure out which function to execute
451 | 			var lastToggle = ( jQuery._data( this, "lastToggle" + fn.guid ) || 0 ) % i;
452 | 			jQuery._data( this, "lastToggle" + fn.guid, lastToggle + 1 );
453 | 
454 | 			// Make sure that clicks stop
455 | 			event.preventDefault();
456 | 
457 | 			// and execute the function
458 | 			return args[ lastToggle ].apply( this, arguments ) || false;
459 | 		};
460 | 
461 | 	// link all the functions, so any of them can unbind this click handler
462 | 	toggler.guid = guid;
463 | 	while ( i < args.length ) {
464 | 		args[ i++ ].guid = guid;
465 | 	}
466 | 
467 | 	return this.click( toggler );
468 | };
469 | 
470 | jQuery.fn.live = function( types, data, fn ) {
471 | 	migrateWarn("jQuery.fn.live() is deprecated");
472 | 	if ( oldLive ) {
473 | 		return oldLive.apply( this, arguments );
474 | 	}
475 | 	jQuery( this.context ).on( types, this.selector, data, fn );
476 | 	return this;
477 | };
478 | 
479 | jQuery.fn.die = function( types, fn ) {
480 | 	migrateWarn("jQuery.fn.die() is deprecated");
481 | 	if ( oldDie ) {
482 | 		return oldDie.apply( this, arguments );
483 | 	}
484 | 	jQuery( this.context ).off( types, this.selector || "**", fn );
485 | 	return this;
486 | };
487 | 
488 | // Turn global events into document-triggered events
489 | jQuery.event.trigger = function( event, data, elem, onlyHandlers  ){
490 | 	if ( !elem && !rajaxEvent.test( event ) ) {
491 | 		migrateWarn( "Global events are undocumented and deprecated" );
492 | 	}
493 | 	return eventTrigger.call( this,  event, data, elem || document, onlyHandlers  );
494 | };
495 | jQuery.each( ajaxEvents.split("|"),
496 | 	function( _, name ) {
497 | 		jQuery.event.special[ name ] = {
498 | 			setup: function() {
499 | 				var elem = this;
500 | 
501 | 				// The document needs no shimming; must be !== for oldIE
502 | 				if ( elem !== document ) {
503 | 					jQuery.event.add( document, name + "." + jQuery.guid, function() {
504 | 						jQuery.event.trigger( name, null, elem, true );
505 | 					});
506 | 					jQuery._data( this, name, jQuery.guid++ );
507 | 				}
508 | 				return false;
509 | 			},
510 | 			teardown: function() {
511 | 				if ( this !== document ) {
512 | 					jQuery.event.remove( document, name + "." + jQuery._data( this, name ) );
513 | 				}
514 | 				return false;
515 | 			}
516 | 		};
517 | 	}
518 | );
519 | 
520 | 
521 | })( jQuery, window );
522 | 


--------------------------------------------------------------------------------
/assets/js/libs/modernizr.custom.min.js:
--------------------------------------------------------------------------------
1 | /* Modernizr 2.6.2 (Custom Build) | MIT & BSD
2 |  * Build: http://modernizr.com/download/#-fontface-backgroundsize-borderimage-borderradius-boxshadow-flexbox-flexboxlegacy-hsla-multiplebgs-opacity-rgba-textshadow-cssanimations-csscolumns-generatedcontent-cssgradients-cssreflections-csstransforms-csstransforms3d-csstransitions-applicationcache-canvas-canvastext-draganddrop-hashchange-history-audio-video-indexeddb-input-inputtypes-localstorage-postmessage-sessionstorage-touch-shiv-mq-cssclasses-teststyles-testprop-testallprops-hasevent-prefixes-domprefixes-load
3 |  */
4 | ;window.Modernizr=function(a,b,c){function C(a){j.cssText=a}function D(a,b){return C(n.join(a+";")+(b||""))}function E(a,b){return typeof a===b}function F(a,b){return!!~(""+a).indexOf(b)}function G(a,b){for(var d in a){var e=a[d];if(!F(e,"-")&&j[e]!==c)return b=="pfx"?e:!0}return!1}function H(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:E(f,"function")?f.bind(d||b):f}return!1}function I(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),e=(a+" "+p.join(d+" ")+d).split(" ");return E(b,"string")||E(b,"undefined")?G(e,b):(e=(a+" "+q.join(d+" ")+d).split(" "),H(e,b,c))}function J(){e.input=function(c){for(var d=0,e=c.length;d<e;d++)t[c[d]]=c[d]in k;return t.list&&(t.list=!!b.createElement("datalist")&&!!a.HTMLDataListElement),t}("autocomplete autofocus list placeholder max min multiple pattern required step".split(" ")),e.inputtypes=function(a){for(var d=0,e,f,h,i=a.length;d<i;d++)k.setAttribute("type",f=a[d]),e=k.type!=="text",e&&(k.value=l,k.style.cssText="position:absolute;visibility:hidden;",/^range$/.test(f)&&k.style.WebkitAppearance!==c?(g.appendChild(k),h=b.defaultView,e=h.getComputedStyle&&h.getComputedStyle(k,null).WebkitAppearance!=="textfield"&&k.offsetHeight!==0,g.removeChild(k)):/^(search|tel)$/.test(f)||(/^(url|email)$/.test(f)?e=k.checkValidity&&k.checkValidity()===!1:e=k.value!=l)),s[a[d]]=!!e;return s}("search tel url email datetime date month week time datetime-local number range color".split(" "))}var d="2.6.2",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k=b.createElement("input"),l=":)",m={}.toString,n=" -webkit- -moz- -o- -ms- ".split(" "),o="Webkit Moz O ms",p=o.split(" "),q=o.toLowerCase().split(" "),r={},s={},t={},u=[],v=u.slice,w,x=function(a,c,d,e){var f,i,j,k,l=b.createElement("div"),m=b.body,n=m||b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:h+(d+1),l.appendChild(j);return f=["&#173;",'<style id="s',h,'">',a,"</style>"].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},y=function(b){var c=a.matchMedia||a.msMatchMedia;if(c)return c(b).matches;var d;return x("@media "+b+" { #"+h+" { position: absolute; } }",function(b){d=(a.getComputedStyle?getComputedStyle(b,null):b.currentStyle)["position"]=="absolute"}),d},z=function(){function d(d,e){e=e||b.createElement(a[d]||"div"),d="on"+d;var f=d in e;return f||(e.setAttribute||(e=b.createElement("div")),e.setAttribute&&e.removeAttribute&&(e.setAttribute(d,""),f=E(e[d],"function"),E(e[d],"undefined")||(e[d]=c),e.removeAttribute(d))),e=null,f}var a={select:"input",change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"};return d}(),A={}.hasOwnProperty,B;!E(A,"undefined")&&!E(A.call,"undefined")?B=function(a,b){return A.call(a,b)}:B=function(a,b){return b in a&&E(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=v.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(v.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(v.call(arguments)))};return e}),r.flexbox=function(){return I("flexWrap")},r.flexboxlegacy=function(){return I("boxDirection")},r.canvas=function(){var a=b.createElement("canvas");return!!a.getContext&&!!a.getContext("2d")},r.canvastext=function(){return!!e.canvas&&!!E(b.createElement("canvas").getContext("2d").fillText,"function")},r.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:x(["@media (",n.join("touch-enabled),("),h,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=a.offsetTop===9}),c},r.postmessage=function(){return!!a.postMessage},r.indexedDB=function(){return!!I("indexedDB",a)},r.hashchange=function(){return z("hashchange",a)&&(b.documentMode===c||b.documentMode>7)},r.history=function(){return!!a.history&&!!history.pushState},r.draganddrop=function(){var a=b.createElement("div");return"draggable"in a||"ondragstart"in a&&"ondrop"in a},r.rgba=function(){return C("background-color:rgba(150,255,150,.5)"),F(j.backgroundColor,"rgba")},r.hsla=function(){return C("background-color:hsla(120,40%,100%,.5)"),F(j.backgroundColor,"rgba")||F(j.backgroundColor,"hsla")},r.multiplebgs=function(){return C("background:url(https://),url(https://),red url(https://)"),/(url\s*\(.*?){3}/.test(j.background)},r.backgroundsize=function(){return I("backgroundSize")},r.borderimage=function(){return I("borderImage")},r.borderradius=function(){return I("borderRadius")},r.boxshadow=function(){return I("boxShadow")},r.textshadow=function(){return b.createElement("div").style.textShadow===""},r.opacity=function(){return D("opacity:.55"),/^0.55$/.test(j.opacity)},r.cssanimations=function(){return I("animationName")},r.csscolumns=function(){return I("columnCount")},r.cssgradients=function(){var a="background-image:",b="gradient(linear,left top,right bottom,from(#9f9),to(white));",c="linear-gradient(left top,#9f9, white);";return C((a+"-webkit- ".split(" ").join(b+a)+n.join(c+a)).slice(0,-a.length)),F(j.backgroundImage,"gradient")},r.cssreflections=function(){return I("boxReflect")},r.csstransforms=function(){return!!I("transform")},r.csstransforms3d=function(){var a=!!I("perspective");return a&&"webkitPerspective"in g.style&&x("@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}",function(b,c){a=b.offsetLeft===9&&b.offsetHeight===3}),a},r.csstransitions=function(){return I("transition")},r.fontface=function(){var a;return x('@font-face {font-family:"font";src:url("https://")}',function(c,d){var e=b.getElementById("smodernizr"),f=e.sheet||e.styleSheet,g=f?f.cssRules&&f.cssRules[0]?f.cssRules[0].cssText:f.cssText||"":"";a=/src/i.test(g)&&g.indexOf(d.split(" ")[0])===0}),a},r.generatedcontent=function(){var a;return x(["#",h,"{font:0/0 a}#",h,':after{content:"',l,'";visibility:hidden;font:3px/1 a}'].join(""),function(b){a=b.offsetHeight>=3}),a},r.video=function(){var a=b.createElement("video"),c=!1;try{if(c=!!a.canPlayType)c=new Boolean(c),c.ogg=a.canPlayType('video/ogg; codecs="theora"').replace(/^no$/,""),c.h264=a.canPlayType('video/mp4; codecs="avc1.42E01E"').replace(/^no$/,""),c.webm=a.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/,"")}catch(d){}return c},r.audio=function(){var a=b.createElement("audio"),c=!1;try{if(c=!!a.canPlayType)c=new Boolean(c),c.ogg=a.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,""),c.mp3=a.canPlayType("audio/mpeg;").replace(/^no$/,""),c.wav=a.canPlayType('audio/wav; codecs="1"').replace(/^no$/,""),c.m4a=(a.canPlayType("audio/x-m4a;")||a.canPlayType("audio/aac;")).replace(/^no$/,"")}catch(d){}return c},r.localstorage=function(){try{return localStorage.setItem(h,h),localStorage.removeItem(h),!0}catch(a){return!1}},r.sessionstorage=function(){try{return sessionStorage.setItem(h,h),sessionStorage.removeItem(h),!0}catch(a){return!1}},r.applicationcache=function(){return!!a.applicationCache};for(var K in r)B(r,K)&&(w=K.toLowerCase(),e[w]=r[K](),u.push((e[w]?"":"no-")+w));return e.input||J(),e.addTest=function(a,b){if(typeof a=="object")for(var d in a)B(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},C(""),i=k=null,function(a,b){function k(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.elements;return typeof a=="string"?a.split(" "):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e<g;e++)d.createElement(f[e]);return d}function p(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return r.shivMethods?n(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+l().join().replace(/\w+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(r,b.frag)}function q(a){a||(a=b);var c=m(a);return r.shivCSS&&!f&&!c.hasCSS&&(c.hasCSS=!!k(a,"article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}")),j||p(a,c),a}var c=a.html5||{},d=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,e=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,f,g="_html5shiv",h=0,i={},j;(function(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",f="hidden"in a,j=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,e._prefixes=n,e._domPrefixes=q,e._cssomPrefixes=p,e.mq=y,e.hasEvent=z,e.testProp=function(a){return G([a])},e.testAllProps=I,e.testStyles=x,g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+u.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f<d;f++)g=a[f].split("="),(e=z[g.shift()])&&(c=e(c,g));for(f=0;f<b;f++)c=x[f](c);return c}function g(a,e,f,g,h){var i=b(a),j=i.autoCallback;i.url.split(".").pop().split("?").shift(),i.bypass||(e&&(e=d(e)?e:e[a]||e[g]||e[a.split("/").pop().split("?")[0]]),i.instead?i.instead(a,e,f,g,h):(y[i.url]?i.noexec=!0:y[i.url]=1,f.load(i.url,i.forceCSS||!i.forceJS&&"css"==i.url.split(".").pop().split("?").shift()?"c":c,i.noexec,i.attrs,i.timeout),(d(e)||d(j))&&f.load(function(){k(),e&&e(i.origUrl,h,g),j&&j(i.origUrl,h,g),y[i.url]=2})))}function h(a,b){function c(a,c){if(a){if(e(a))c||(j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}),g(a,j,b,0,h);else if(Object(a)===a)for(n in m=function(){var b=0,c;for(c in a)a.hasOwnProperty(c)&&b++;return b}(),a)a.hasOwnProperty(n)&&(!c&&!--m&&(d(j)?j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}:j[n]=function(a){return function(){var b=[].slice.call(arguments);a&&a.apply(this,b),l()}}(k[n])),g(a[n],j,b,n,h))}else!c&&l()}var h=!!a.test,i=a.load||a.both,j=a.callback||f,k=j,l=a.complete||f,m,n;c(h?a.yep:a.nope,!!i),i&&c(i)}var i,j,l=this.yepnope.loader;if(e(a))g(a,0,l,0);else if(w(a))for(i=0;i<a.length;i++)j=a[i],e(j)?g(j,0,l,0):w(j)?B(j):Object(j)===j&&h(j,l);else Object(a)===a&&h(a,l)},B.addPrefix=function(a,b){z[a]=b},B.addFilter=function(a){x.push(a)},B.errorTimeout=1e4,null==b.readyState&&b.addEventListener&&(b.readyState="loading",b.addEventListener("DOMContentLoaded",A=function(){b.removeEventListener("DOMContentLoaded",A,0),b.readyState="complete"},0)),a.yepnope=k(),a.yepnope.executeStack=h,a.yepnope.injectJs=function(a,c,d,e,i,j){var k=b.createElement("script"),l,o,e=e||B.errorTimeout;k.src=a;for(o in d)k.setAttribute(o,d[o]);c=j?h:c||f,k.onreadystatechange=k.onload=function(){!l&&g(k.readyState)&&(l=1,c(),k.onload=k.onreadystatechange=null)},m(function(){l||(l=1,c(1))},e),i?k.onload():n.parentNode.insertBefore(k,n)},a.yepnope.injectCss=function(a,c,d,e,g,i){var e=b.createElement("link"),j,c=i?h:c||f;e.href=a,e.rel="stylesheet",e.type="text/css";for(j in d)e.setAttribute(j,d[j]);g||(n.parentNode.insertBefore(e,n),m(c,0))}}(this,document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))};


--------------------------------------------------------------------------------
/assets/js/scripts.js:
--------------------------------------------------------------------------------
  1 | /*
  2 |  Bones Scripts File
  3 |  Author: Eddie Machado
  4 | 
  5 |  This file should contain any js scripts you want to add to the site.
  6 |  Instead of calling it in the header or throwing it inside wp_head()
  7 |  this file will be called automatically in the footer so as not to
  8 |  slow the page load.
  9 | 
 10 |  */
 11 | 
 12 | // IE8 ployfill for GetComputed Style (for Responsive Script below)
 13 | if (!window.getComputedStyle) {
 14 |     window.getComputedStyle = function(el, pseudo) {
 15 |         this.el = el;
 16 |         this.getPropertyValue = function(prop) {
 17 |             var re = /(\-([a-z]){1})/g;
 18 |             if (prop == 'float') prop = 'styleFloat';
 19 |             if (re.test(prop)) {
 20 |                 prop = prop.replace(re, function () {
 21 |                     return arguments[2].toUpperCase();
 22 |                 });
 23 |             }
 24 |             return el.currentStyle[prop] ? el.currentStyle[prop] : null;
 25 |         }
 26 |         return this;
 27 |     }
 28 | }
 29 | 
 30 | // as the page loads, call these scripts
 31 | jQuery(document).ready(function($) {
 32 | 
 33 |     /*
 34 |      Responsive jQuery is a tricky thing.
 35 |      There's a bunch of different ways to handle
 36 |      it, so be sure to research and find the one
 37 |      that works for you best.
 38 |      */
 39 | 
 40 |     /* getting viewport width */
 41 |     var responsive_viewport = $(window).width();
 42 | 
 43 |     /* if is below 481px */
 44 |     if (responsive_viewport < 481) {
 45 | 
 46 |     } /* end smallest screen */
 47 | 
 48 |     /* if is larger than 481px */
 49 |     if (responsive_viewport > 481) {
 50 | 
 51 |     } /* end larger than 481px */
 52 | 
 53 |     /* if is above or equal to 768px */
 54 |     if (responsive_viewport >= 768) {
 55 | 
 56 |         /* load gravatars */
 57 |         $('.comment img[data-gravatar]').each(function(){
 58 |             $(this).attr('src',$(this).attr('data-gravatar'));
 59 |         });
 60 | 
 61 |     }
 62 | 
 63 |     /* off the bat large screen actions */
 64 |     if (responsive_viewport > 1030) {
 65 | 
 66 |     }
 67 | 
 68 | 
 69 |     // add all your scripts here
 70 | 
 71 | 
 72 | }); /* end of as page load scripts */
 73 | 
 74 | 
 75 | /*! A fix for the iOS orientationchange zoom bug.
 76 |  Script by @scottjehl, rebound by @wilto.
 77 |  MIT License.
 78 |  */
 79 | (function(w){
 80 |     // This fix addresses an iOS bug, so return early if the UA claims it's something else.
 81 |     if( !( /iPhone|iPad|iPod/.test( navigator.platform ) && navigator.userAgent.indexOf( "AppleWebKit" ) > -1 ) ){ return; }
 82 |     var doc = w.document;
 83 |     if( !doc.querySelector ){ return; }
 84 |     var meta = doc.querySelector( "meta[name=viewport]" ),
 85 |         initialContent = meta && meta.getAttribute( "content" ),
 86 |         disabledZoom = initialContent + ",maximum-scale=1",
 87 |         enabledZoom = initialContent + ",maximum-scale=10",
 88 |         enabled = true,
 89 |         x, y, z, aig;
 90 |     if( !meta ){ return; }
 91 |     function restoreZoom(){
 92 |         meta.setAttribute( "content", enabledZoom );
 93 |         enabled = true; }
 94 |     function disableZoom(){
 95 |         meta.setAttribute( "content", disabledZoom );
 96 |         enabled = false; }
 97 |     function checkTilt( e ){
 98 |         aig = e.accelerationIncludingGravity;
 99 |         x = Math.abs( aig.x );
100 |         y = Math.abs( aig.y );
101 |         z = Math.abs( aig.z );
102 |         // If portrait orientation and in one of the danger zones
103 |         if( !w.orientation && ( x > 7 || ( ( z > 6 && y < 8 || z < 8 && y > 6 ) && x > 5 ) ) ){
104 |             if( enabled ){ disableZoom(); } }
105 |         else if( !enabled ){ restoreZoom(); } }
106 |     w.addEventListener( "orientationchange", restoreZoom, false );
107 |     w.addEventListener( "devicemotion", checkTilt, false );
108 | })( this );


--------------------------------------------------------------------------------
/author.hbs:
--------------------------------------------------------------------------------
 1 | {{!< default}}
 2 | 
 3 | <h1>Posts by {{author.name}}...</h1>
 4 | 
 5 | {{#foreach posts}}
 6 |     {{> list-post}}
 7 | {{/foreach}}
 8 | 
 9 | 
10 | {{!! After all the posts, show the newer/older pagination links }}
11 | {{#if pagination}}
12 |     {{pagination}}
13 | {{/if}}


--------------------------------------------------------------------------------
/default.hbs:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <!--[if lt IE 7]><html lang="en-US" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
 3 | <!--[if (IE 7)&!(IEMobile)]><html lang="en-US" class="no-js lt-ie9 lt-ie8"><![endif]-->
 4 | <!--[if (IE 8)&!(IEMobile)]><html lang="en-US" class="no-js lt-ie9"><![endif]-->
 5 | <!--[if gt IE 8]><!-->
 6 | <html lang="en-US" class="js flexbox webgl no-touch geolocation hashchange history websockets rgba hsla multiplebgs backgroundsize borderimage textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage applicationcache svg svgclippaths mediaqueries no-regions no-supports" style="">
 7 | <!--<![endif]-->
 8 | 
 9 | <head>
10 |     <meta charset="utf-8">
11 |     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
12 | 
13 |     <title>{{meta_title}}</title>
14 | 
15 |     <meta name="description" content="{{meta_description}}">
16 | 
17 |     <!-- mobile meta -->
18 |     <meta name="HandheldFriendly" content="True">
19 |     <meta name="MobileOptimized" content="320">
20 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
21 | 
22 |     <!-- Announce the rss feed -->
23 |     <link rel="alternate" type="application/rss+xml" title="{{@blog.title}} » Feed" href="{{@blog.url}}/rss">
24 | 
25 |     <!-- Add Modernizr for better IE8 Support -->
26 |     <script type="text/javascript" src="{{asset '/js/libs/modernizr.custom.min.js'}}"></script>
27 | 
28 |     <!-- Include the main stylesheet-->
29 |     <link rel="stylesheet" id="linen-stylesheet-css" href="{{asset 'css/style.css'}}" type="text/css" media="all" />
30 | 
31 |     <!--[if lt IE 9]>
32 |     <link rel='stylesheet' id='linen-ie-only-css'  href="{{asset 'css/ie.css'}}" type='text/css' media='all' />
33 |     <![endif]-->
34 | 
35 |     {{! Ghost outputs important style and meta data with this tag }}
36 |     {{ghost_head}}
37 | 
38 |     <!-- Include custom CSS -->
39 |     <link rel="stylesheet" id="custom-stylesheet-css" href="{{asset 'css/custom.css'}}" type="text/css" media="all">
40 | </head>
41 | 
42 | 
43 | <body class="{{body_class}}">
44 | 
45 |     <div id="container">
46 | 
47 |         {{! Output the content of the header partial template }}
48 |         {{> header}}
49 | 
50 |         <section id="content">
51 | 
52 |             {{! The 'inner' divs provide a nice wrapper for content to help with fluidity and responsiveness }}
53 |             <div id="inner-content" class="wrap clearfix">
54 | 
55 |                 {{! The main section uses eight columns in the grid framework }}
56 |                 <main id="main" class="eightcol first clearfix" role="main">
57 |                     {{{body}}}
58 |                 </main> <!-- end #main -->
59 | 
60 |                 {{! The sidebar fills in the remaining four columns }}
61 |                 <aside id="sidebar-main" class="sidebar fourcol clearfix" role="complementary">
62 |                     {{> sidebar}}
63 |                 </aside>
64 | 
65 |             </div> <!-- end #inner-content -->
66 | 
67 |         </section> <!-- end #content -->
68 | 
69 |         <footer class="footer" role="contentinfo">
70 |             <div id="inner-footer" class="wrap clearfix">
71 |                 <p class="source-org copyright">© 2013 <a href="http://themespectre.com">Theme Spectre, LLC.</a></p>
72 |             </div> <!-- end #inner-footer -->
73 |         </footer> <!-- end footer -->
74 | 
75 |     </div> <!-- end #container -->
76 | 
77 |     <!-- The Ghost footer helper will insert some shared javascript libraries and files required by plugins -->
78 |     {{ghost_foot}}
79 | 
80 |     <!-- Custom Scripts -->
81 |     <script type="text/javascript" src="{{asset '/js/scripts.js'}}"></script>
82 | 
83 | </body>
84 | </html>


--------------------------------------------------------------------------------
/index.hbs:
--------------------------------------------------------------------------------
 1 | {{!< default}}
 2 | 
 3 | {{#foreach posts}}
 4 |     {{#if @first}}
 5 |         {{> full-post}}
 6 |     {{else}}
 7 |         {{> list-post}}
 8 |     {{/if}}
 9 | {{/foreach}}
10 | 
11 | 
12 | {{!! After all the posts, show the newer/older pagination links }}
13 | {{#if pagination}}
14 |     {{pagination}}
15 | {{/if}}
16 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "linen",
 3 |     "version": "0.5.0",
 4 |     "author" : "Theme Spectre",
 5 |     "description" : "An open-source starter theme for Ghost.",
 6 |     "homepage" : "http://themespectre.com/linen/",
 7 |     "repository" : {
 8 |         "type" : "git",
 9 |         "url" : "git://github.com/ThemeSpectre/Linen.git"
10 |     },
11 |     "devDependencies": {
12 |     "grunt": "~0.4.1",
13 |         "grunt-contrib-clean": "~0.5.0",
14 |         "grunt-contrib-compress": "~0.5.1",
15 |         "grunt-contrib-copy": "~0.4.1",
16 |         "grunt-sass": "~0.11.0",
17 |         "grunt-contrib-watch": "~0.5.0",
18 |         "grunt-contrib-uglify": "~0.2.2"
19 |     }
20 | }
21 | 


--------------------------------------------------------------------------------
/page.hbs:
--------------------------------------------------------------------------------
 1 | {{!< default}}
 2 | 
 3 | {{!
 4 |     This is the same as the page template, but without comments.
 5 |     Any post marked as a 'static page' in Ghost will use this template.
 6 | }}
 7 | 
 8 | {{#post}}
 9 | 
10 |     {{> full-post}}
11 | 
12 | {{/post}}
13 | 


--------------------------------------------------------------------------------
/partials/comments.hbs:
--------------------------------------------------------------------------------
 1 | {{!
 2 |   By Default, this theme supports comments supplied by Disqus (http://disqus.com)
 3 |   For assistance in setting up your own Disqus account and customizing it for your needs,
 4 |   please see the Disqus QuickStart Guide: http://help.disqus.com/customer/portal/articles/466182-quick-start-guide
 5 | }}
 6 | 
 7 | {{! Use this to force light-on-dark theme: <style>#disqus_thread { color: #000; }</style> }}
 8 | {{! Use this to force dark-on-light theme: <style>#disqus_thread { color: #FFF; }</style> }}
 9 | <div id="disqus_thread"></div>
10 | <script type="text/javascript">
11 |     /* * * CONFIGURATION VARIABLES: THIS CODE IS ONLY AN EXAMPLE * * */
12 |     // var disqus_shortname = 'example'; // Required - Replace example with your forum shortname
13 |     // var disqus_identifier = 'a unique identifier for each page where Disqus is present';
14 |     // var disqus_title = 'a unique title for each page where Disqus is present';
15 |     // var disqus_url = 'a unique URL for each page where Disqus is present';
16 | 
17 |     /* * * DON'T EDIT BELOW THIS LINE * * */
18 |     (function() {
19 |         var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
20 |         dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
21 |         (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
22 |     })();
23 | </script>
24 | <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
25 | <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
26 | 


--------------------------------------------------------------------------------
/partials/full-post.hbs:
--------------------------------------------------------------------------------
 1 | {{! This template displays a post in its entirety.
 2 |     It is used to display the latest post in the index, and any single post }}
 3 | <article class="hentry clearfix {{post_class}}" role="article">
 4 | 
 5 |     <header class="article-header">
 6 | 
 7 |         <h1 class="h2">
 8 |             <a href="{{url}}" rel="bookmark" title="{{title}}">{{title}}</a>
 9 |         </h1>
10 | 
11 |         <p class="byline vcard">
12 |             Posted
13 |             <time class="updated"
14 |                   datetime="{{date published_at format='YYYY-MM-DD'}}"
15 |                   pubdate="">
16 |                 {{date published_at format='YYYY-MM-DD'}}
17 |             </time>
18 | 
19 |             by
20 |             <span class="author">
21 |                 {{author}}
22 |             </span>
23 | 
24 |             {{#if tags}}
25 |                 <span class="amp">&amp;</span>
26 |                 filed under <span class="tags-title">{{tags}}</span>
27 |             {{/if}}
28 |         </p>
29 | 
30 |     </header> <!-- end article header -->
31 | 
32 |     <section class="entry-content clearfix">
33 |         {{content}}
34 |     </section> <!-- end article section -->
35 | 
36 |     <footer class="article-footer">
37 |         {{#if tags}}
38 |             <p class="tags">
39 |                 <span class="tags-title">
40 |                     Tags: {{tags}}
41 |                 </span>
42 |             </p>
43 |         {{/if}}
44 |     </footer> <!-- end article footer -->
45 | 
46 | </article>


--------------------------------------------------------------------------------
/partials/header.hbs:
--------------------------------------------------------------------------------
 1 | <header class="header" role="banner">
 2 | 
 3 |     <div id="inner-header" class="wrap clearfix">
 4 | 
 5 |         {{#if @blog.logo}}
 6 |             <!-- Logo -->
 7 |             <div id="logo" class="h1">
 8 |                 <a id="logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="Logo"></a>
 9 |             </div>
10 |         {{/if}}
11 | 
12 |         <!-- Title -->
13 |         <div id="site-title" class="h1">
14 |             <a href="{{@blog.url}}" rel="nofollow">{{@blog.title}}</a>
15 |         </div>
16 | 
17 |         <!-- Static Menu (Dynamic menu not yet available in Ghost 0.3) -->
18 |         {{> navigation}}
19 | 
20 |     </div> <!-- end #inner-header -->
21 | 
22 | </header> <!-- end header -->


--------------------------------------------------------------------------------
/partials/list-post.hbs:
--------------------------------------------------------------------------------
 1 | {{! This partial will list a post excerpt using the 'excerpt' theme helper in Ghost }}
 2 | <article class="post hentry {{post_class}}">
 3 | 
 4 |     <header class="h2 entry-title">
 5 |         <a href="{{url}}" rel="bookmark">{{title}}</a>
 6 |     </header>
 7 | 
 8 |     <time class="updated" datetime="2012-05-03">
 9 |         {{date published_at format="MMMM DD, YYYY"}}
10 |     </time>
11 | 
12 |     {{#if tags}}
13 |         <span class="amp">&amp;</span>
14 |         filed under <span class="tags-title">{{tags}}</span>
15 |     {{/if}}
16 | 
17 |     <section class="entry-content clearfix">
18 |         {{excerpt}}... <a href="{{url}}">Read More</a>
19 |     </section>
20 | 
21 | </article> <!-- end list article  -->
22 | 


--------------------------------------------------------------------------------
/partials/navigation.hbs:
--------------------------------------------------------------------------------
 1 | {{! Here is where you edit the static links displayed on every page.
 2 |     Eventually, these links will be editable in the Ghost Admin Interface
 3 |     and be inserted with the nav theme helper }}
 4 | 
 5 | <nav id="site-navigation">
 6 |     <ul>
 7 |         <li><a href="{{@blog.url}}">Home</a></li>
 8 |         <li><a href="">Contact</a></li>
 9 |         <li><a href="{{@blog.url}}/about-me">About Me</a></li>
10 |     </ul>
11 | </nav>


--------------------------------------------------------------------------------
/partials/sidebar.hbs:
--------------------------------------------------------------------------------
 1 | {{! Sidebar items go in here }}
 2 | 
 3 | {{! A "Widget" is not an official Ghost concept.
 4 |     It's just a class name used in linen to separate items in the sidebar }}
 5 | 
 6 | <section class="widget">
 7 | 
 8 |     {{! If a the page is rendering a single post, show the author info.
 9 |          Otherwise show the blog description. }}
10 |     {{#if post}}
11 |         {{#post}}
12 |         <header class="h4 widgettitle">{{author.name}}</header>
13 |         <section id="author-info">
14 |             <p><img src="{{author.image}}" title="author pic"/></p>
15 | 
16 |             <p>{{author.bio}}</p>
17 | 
18 |             <p>{{author.location}}</p>
19 |         </section>
20 |         {{/post}}
21 |     {{else}}
22 |         <header class="h4 widgettitle">{{@blog.title}}</header>
23 |         <section id="blog-info">
24 |             {{@blog.description}}
25 |         </section>
26 |     {{/if}}
27 | </section> <!-- end .widget -->
28 | 
29 | {{! This is just an example of how to use the Mono Social Icon Font
30 |     You'll probably want to change most of this. }}
31 | <section class="widget">
32 |     <header class="h4 widgettitle">Social Links</header>
33 |     <section id="author-info">
34 |         <ul>
35 |             {{! Get unicode values from http://drinchev.github.io/monosocialiconsfont/ }}
36 |             <li><a href='#' class='symbol' title='&#xe086;'></a>Tweet Me!</li>
37 |             <li><a href='#' class='symbol' title='&#xe027;'></a>Find Me on Facebook</li>
38 |             <li><a href='#' class='symbol' title='&#xe039;'></a>What's Google Plus?</li>
39 |         </ul>
40 |     </section>
41 | </section> <!-- end .widget -->
42 | 


--------------------------------------------------------------------------------
/post.hbs:
--------------------------------------------------------------------------------
 1 | {{!< default}}
 2 | 
 3 | {{#post}}
 4 | 
 5 |     {{> full-post}}
 6 | 
 7 |     {{! Add the comments partial template (currently only Disqus comments) }}
 8 |     {{> comments}}
 9 | 
10 | {{/post}}
11 | 
12 | 


--------------------------------------------------------------------------------
/scss/_1030up.scss:
--------------------------------------------------------------------------------
 1 | /******************************************************************
 2 | Site Name: 
 3 | Author: 
 4 | 
 5 | Stylesheet: Desktop Stylsheet
 6 | 
 7 | This is the desktop size. It's larger than an iPad so it will only
 8 | be seen on the Desktop. 
 9 | 
10 | ******************************************************************/
11 | 


--------------------------------------------------------------------------------
/scss/_1240up.scss:
--------------------------------------------------------------------------------
 1 | /******************************************************************
 2 | Site Name: 
 3 | Author: 
 4 | 
 5 | Stylesheet: Super Large Monitor Stylesheet
 6 | 
 7 | You can add some advanced styles here if you like. This kicks in
 8 | on larger screens.
 9 | 
10 | ******************************************************************/
11 | 
12 | 


--------------------------------------------------------------------------------
/scss/_2x.scss:
--------------------------------------------------------------------------------
 1 | /******************************************************************
 2 | 
 3 | Stylesheet: Retina Screens & Devices Stylesheet
 4 | 
 5 | When handling retina screens you need to make adjustments, especially
 6 | if you're not using font icons. Here you can add them in one neat
 7 | place.
 8 | 
 9 | ******************************************************************/
10 | 
11 | /* 
12 | 
13 | EXAMPLE 
14 | Let's say you have an image and you need to make sure it looks ok
15 | on retina screens. Let's say we have an icon which dimension are
16 | 24px x 24px. In your regular stylesheets, it would look something
17 | like this:
18 | 
19 | .icon {
20 | 	width: 24px;
21 | 	height: 24px;
22 | 	background: url(img/test.png) no-repeat;
23 | }
24 | 
25 | For retina screens, we have to make some adjustments, so that image
26 | doesn't look blurry. So, taking into account the image above and the
27 | dimensions, this is what we would put in our retina stylesheet:
28 | 
29 | .icon {
30 | 	background: url(img/test@2x.png) no-repeat;
31 | 	background-size: 24px 24px;
32 | }
33 | 
34 | So, you would create the same icon, but at double the resolution, meaning 
35 | it would be 48px x 48px. You'd name it the same, but with a @2x at the end
36 | (this is pretty standard practice). Set the background image so it matches
37 | the original dimensions and you are good to go. 
38 | 
39 | */
40 | 
41 | 


--------------------------------------------------------------------------------
/scss/_481up.scss:
--------------------------------------------------------------------------------
 1 | /******************************************************************
 2 | Site Name: 
 3 | Author: 
 4 | 
 5 | Stylesheet: 481px and Up Stylesheet
 6 | 
 7 | This stylesheet is loaded for larger devices. It's set to 
 8 | 481px because at 480px it would load on a landscaped iPhone.
 9 | This isn't ideal because then you would be loading all those
10 | extra styles on that same mobile connection. 
11 | 
12 | A word of warning. This size COULD be a larger mobile device,
13 | so you still want to keep it pretty light and simply expand
14 | upon your base.scss styles.
15 | 
16 | ******************************************************************/
17 | 
18 | 
19 | 	
20 | /*********************
21 | NAVIGATION STYLES
22 | *********************/
23 | 
24 | #site-navigation {}
25 | 
26 | /* .menu is clearfixed inside mixins.scss */
27 | ul {
28 |     li {
29 |         a {
30 | 
31 |             /*
32 |             you can use hover styles here even though this size
33 |             has the possibility of being a mobile device.
34 |             */
35 |             &:hover, &:focus {
36 | 
37 |             }
38 |         }
39 |     } /* end .menu ul li */
40 | } /* end .menu ul */
41 | 
42 | /*********************
43 | POSTS & CONTENT STYLES
44 | *********************/
45 | 
46 | /* entry content */
47 | .entry-content {
48 | 
49 | 	/* at this larger size, we can start to align images */
50 | 	.alignleft, img.alignleft { 
51 | 		margin-right: 1.5em; 
52 | 		display: inline; 
53 | 		float: left; 
54 | 	}
55 | 	.alignright, img.alignright { 
56 | 		margin-left: 1.5em; 
57 | 		display: inline; 
58 | 		float: right; 
59 | 	}
60 | 	.aligncenter, img.aligncenter { 
61 | 		margin-right: auto; 
62 | 		margin-left: auto; 
63 | 		display: block; 
64 | 		clear: both; 
65 | 	}
66 | 			
67 | } /* end .entry-content */
68 | 
69 | /*********************
70 | FOOTER STYLES
71 | *********************/
72 | 
73 | .footer {
74 | 
75 | } /* end .footer */
76 | 			
77 | 


--------------------------------------------------------------------------------
/scss/_768up.scss:
--------------------------------------------------------------------------------
  1 | /******************************************************************
  2 | Site Name:
  3 | Author:
  4 | 
  5 | Stylesheet: Tablet & Small Desktop Stylesheet
  6 | 
  7 | Here's where you can start getting into the good stuff.
  8 | This size will work on iPads, other tablets, and desktops.
  9 | So you can start working with more styles, background images,
 10 | and other resources. You'll also notice the grid starts to
 11 | come into play. Have fun!
 12 | 
 13 | ******************************************************************/
 14 | 
 15 | 
 16 | /*********************
 17 | GENERAL STYLES
 18 | *********************/
 19 | 
 20 | body {}
 21 | 
 22 | /*********************
 23 | LAYOUT & GRID STYLES
 24 | *********************/
 25 | 
 26 | .wrap {
 27 | 	max-width: 1140px;
 28 | }
 29 | 
 30 | /*********************
 31 | HEADER STYLES
 32 | *********************/
 33 | 
 34 | .header {}
 35 | 
 36 | #logo {}
 37 | 
 38 | #site-title {
 39 |     font-size: 2.5em;
 40 | }
 41 | 
 42 | /*********************
 43 | NAVIGATION STYLES
 44 | *********************/
 45 | 
 46 | #site-navigation {
 47 | 	background: #eee;
 48 | 	border: 0;
 49 | 
 50 | 	li {
 51 | 		float: left;
 52 | 		position: relative;
 53 | 
 54 | 		a {
 55 | 			border-bottom: 0;
 56 | 
 57 | 			/*
 58 | 			you can use hover styles here even though this size
 59 | 			has the possibility of being a mobile device.
 60 | 			*/
 61 | 			&:hover, &:focus {
 62 | 				background-color: #dedede;
 63 | 
 64 | 			}
 65 | 		}
 66 | 
 67 | 		&:first-child {}
 68 | 		&:last-child {}
 69 | 
 70 | 		/* showing sub-menus */
 71 | 		&:hover ul {
 72 | 			top: auto;
 73 | 			display: block;
 74 | 		}
 75 | 
 76 | 	} /* end .menu ul li */
 77 | 
 78 | } /* end .nav */
 79 | 
 80 | /*********************
 81 | SIDEBARS & ASIDES
 82 | *********************/
 83 | 
 84 | .sidebar {
 85 | 	margin-top: 2.2em;
 86 | }
 87 | 
 88 | .widgettitle {
 89 |     border-bottom: 2px solid #444;
 90 |     margin-bottom: 0.75em;
 91 | }
 92 | 
 93 | .widget {
 94 |     padding: 0 10px;
 95 |     margin: 2.2em 0;
 96 | 
 97 |     ul {
 98 |         li {
 99 |             margin-bottom: 0.75em;
100 | 
101 |             &:first-child {}
102 |             &:last-child {}
103 |             a {}
104 |         }
105 |     }
106 | } /* end .widget */
107 | 
108 | /*********************
109 | FOOTER STYLES
110 | *********************/
111 | 
112 | .footer {
113 | 
114 | } /* end .footer */
115 | 
116 | 


--------------------------------------------------------------------------------
/scss/_base.scss:
--------------------------------------------------------------------------------
  1 | /******************************************************************
  2 | 
  3 | Stylesheet: Base Mobile Stylesheet
  4 | 
  5 | Be light and don't over style since everything here will be
  6 | loaded by mobile devices. You want to keep it as minimal as
  7 | possible. This is called at the top of the main stylsheet
  8 | and will be used across all viewports.
  9 | 
 10 | ******************************************************************/
 11 | 
 12 | /*********************
 13 | GENERAL STYLES
 14 | *********************/
 15 | 
 16 | body {
 17 | 	font-family: $serif;
 18 | 	font-size: 100%;
 19 | 	line-height: 1.5;
 20 | 	color: #565656;
 21 | }
 22 | 
 23 | /*********************
 24 | LAYOUT & GRID STYLES
 25 | *********************/
 26 | 
 27 | .wrap {
 28 | 	width: 96%;
 29 | 	margin: 0 auto;
 30 | }
 31 | 
 32 | /*********************
 33 | LINK STYLES
 34 | *********************/
 35 | 
 36 | a, a:visited {
 37 | 	color: $link-color;
 38 | 
 39 | 	/* on hover */
 40 | 	&:hover, &:focus {
 41 | 		color: $link-hover;
 42 | 	}
 43 | 
 44 | 	/* on click */
 45 | 	&:active {
 46 | 
 47 | 	}
 48 | 
 49 | 	/* mobile tap color */
 50 | 	&:link {
 51 | 		/*
 52 | 		this highlights links on iPhones/iPads.
 53 | 		so it basically works like the :hover selector
 54 | 		for mobile devices.
 55 | 		*/
 56 | 		-webkit-tap-highlight-color : rgba( 0, 0, 0, 0.3 );
 57 | 	}
 58 | }
 59 | 
 60 | /******************************************************************
 61 | H1, H2, H3, H4, H5 STYLES
 62 | ******************************************************************/
 63 | 
 64 | h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
 65 | 	font-family: $sans-serif;
 66 | 	text-rendering: optimizelegibility;
 67 | 	font-weight: 500;
 68 | 	/*
 69 | 	if you're going to use webfonts, be sure to check your weights
 70 | 	http://css-tricks.com/watch-your-font-weight/
 71 | 	*/
 72 | 
 73 | 	/* removing text decoration from all headline links */
 74 | 	a {
 75 | 		text-decoration: none;
 76 | 	}
 77 | }
 78 | 
 79 | h1, .h1 {
 80 | 	font-size: 2.5em;
 81 | 	line-height: 1.333em;
 82 | }
 83 | 
 84 | h2, .h2 {
 85 | 	font-size: 1.75em;
 86 | 	line-height: 1.4em;
 87 | 	margin-bottom: 0.375em;
 88 | }
 89 | 
 90 | h3, .h3 {
 91 | 	font-size: 1.125em;
 92 | }
 93 | 
 94 | h4, .h4 {
 95 | 	font-size: 1.1em;
 96 | 	font-weight: 700;
 97 | }
 98 | 
 99 | h5, .h5 {
100 | 	font-size: 0.846em;
101 | 	line-height: 2.09em;
102 | 	text-transform: uppercase;
103 | 	letter-spacing: 2px;
104 | }
105 | 
106 | /*********************
107 | HEADER STYLES
108 | *********************/
109 | 
110 | .header {
111 |     margin-top: 24px;
112 | }
113 | 
114 | #logo {
115 |     img {
116 |         max-width: 100%;
117 |     }
118 | }
119 | 
120 | #site-title {
121 |     font-size: 1.8em;
122 | }
123 | 
124 | /*********************
125 | NAVIGATION STYLES
126 | *********************/
127 | 
128 | /* The {{nav}} helper outputs a site-navigation div */
129 | 
130 | #site-navigation {
131 | 	border: 1px solid #ccc;
132 | 	border-bottom: 0;
133 | 
134 |     ul {
135 |       margin : 0;
136 |     }
137 | 
138 | 	li {
139 | 
140 | 		a {
141 | 			display: block;
142 | 			text-decoration: none;
143 | 			padding: 10px 10px;
144 | 			background-color: #eee;
145 | 			border-bottom: 1px solid #ccc;
146 | 
147 | 			/*
148 | 			remember this is for mobile ONLY, so there's no need
149 | 			to even declare hover styles here, you can do it in
150 | 			the style.scss file where it's relevant. We want to
151 | 			keep this file as small as possible!
152 | 			*/
153 | 			&:hover, &:focus {
154 | 
155 | 			}
156 | 		}
157 | 
158 | 		&:first-child {}
159 | 
160 | 		&:last-child {}
161 | 
162 | 	} /* end .menu li */
163 | 
164 | } /* end .nav */
165 | 
166 | 
167 | /*********************
168 | POSTS & CONTENT STYLES
169 | *********************/
170 | 
171 | #content {
172 | 	margin-top: 2.2em;
173 | }
174 | 
175 | .hentry {
176 | 
177 |     header {}
178 | 
179 |     footer {}
180 | 
181 | } /* end .hentry */
182 | 
183 | .tag-slug {}        /* style by tag (i.e. tag-news) */
184 | 
185 | /* post meta */
186 | .byline {
187 |     color: #999;
188 |     time {}
189 | }
190 | 
191 | /* Article entry content */
192 | .entry-content {
193 | 
194 |     p {}
195 | 
196 |     ul, ol, table, dl {}
197 | 
198 |     ul, ol {
199 |         li {}
200 |     }
201 | 
202 |     ul {
203 |         li {}
204 |     }
205 | 
206 |     ol {
207 |         li {}
208 |     }
209 | 
210 |     blockquote {
211 |         &:before {}
212 |     }
213 | 
214 |     dl {}
215 |     dt {}
216 |     dd {
217 |         margin-left: 0;
218 |         font-size: 0.9em;
219 |         color: #787878;
220 |         margin-bottom: 1.5em;
221 |     }
222 | 
223 |     img {
224 |         margin: 0 0 1.5em 0;
225 |         max-width: 100%;
226 |         height: auto;
227 |     }
228 | 
229 |     video, object {
230 |         max-width: 100%;
231 |         height: auto;
232 |     }
233 | 
234 |     pre {
235 |         background: #eee;
236 |         border: 1px solid #cecece;
237 |         padding: 10px;
238 |     }
239 | 
240 | } /* end .entry-content */
241 | 
242 | .img-caption {
243 |     max-width: 100%;
244 |     background: #eee;
245 |     padding: 5px;
246 | 
247 |     /* images inside img-caption */
248 |     img {
249 |         max-width: 100%;
250 |         margin-bottom: 0;
251 |         width: 100%;
252 |     }
253 | 
254 |     p.img-caption-text {
255 |         font-size: 0.85em;
256 |         margin: 4px 0 7px;
257 |         text-align: center;
258 |     }
259 | 
260 | } /* end .img-caption */
261 | 
262 | /* Add a comma after tags, unless it is the last one */
263 | .tag-label:after {
264 |     content: ",";
265 | }
266 | 
267 | .tag-label:last-child:after {
268 |     content: "";
269 | }
270 | 
271 | /******************************************************************
272 | PAGINATION (Thanks to the Ghost team for this)
273 | ******************************************************************/
274 | 
275 | /* The main wrapper for our pagination links */
276 | .pagination {
277 |   position: relative;
278 |   width: 80%;
279 |   margin: 4rem auto;
280 |   font-size: 1.3rem;
281 |   text-align: center;
282 | 
283 |   a {}
284 | }
285 | 
286 | /* Push the previous/next links out to the left/right */
287 | .older-posts,
288 | .newer-posts {
289 |   position: absolute;
290 |   display: inline-block;
291 |   padding: 10px 10px;
292 |   text-decoration: none;
293 | 
294 |   &:hover {
295 |     background-color: #eee;
296 |   }
297 | }
298 | 
299 | .older-posts {
300 |   right: 0;
301 | }
302 | 
303 | .page-number {
304 |   display: inline-block;
305 |   padding: 2px 0;
306 | }
307 | 
308 | .newer-posts {
309 |   left: 0;
310 | }
311 | 
312 | /*********************
313 | SIDEBARS & ASIDES
314 | *********************/
315 | 
316 | .sidebar {}
317 | 
318 | .widgettitle {}
319 | 
320 | .widget {
321 | 
322 |     img {
323 |         max-width: 100%;
324 |     }
325 | 
326 |     ul {
327 | 
328 |         li {
329 |             &:first-child {}
330 |             &:last-child {}
331 | 
332 |             a {
333 |                 font-size: 1.2em;
334 |                 text-decoration: none;
335 |             }
336 |         }
337 | 
338 |     }
339 | 
340 | } /* end .widget */
341 | 
342 | /*********************
343 | FOOTER STYLES
344 | *********************/
345 | 
346 | .footer {
347 | 	clear: both;
348 | }
349 | 
350 | .copyright {}
351 | 
352 | 


--------------------------------------------------------------------------------
/scss/_fonts.scss:
--------------------------------------------------------------------------------
 1 | /*********************
 2 | TYPOGRAPHY
 3 | *********************/
 4 | 
 5 | $sans-serif:        "Helvetica Neue", Helvetica, Arial, sans-serif;
 6 | $serif:             "Georgia", Cambria, Times New Roman, Times, serif;
 7 | 
 8 | /*
 9 |  * MONO SOCIAL ICONS FONT
10 |  * http://drinchev.github.io/monosocialiconsfont/
11 | */
12 | 
13 | @font-face {
14 |     font-family: 'Mono Social Icons Font';
15 |     src: url('../fonts/monosocial/MonoSocialIconsFont-1.10.eot');
16 |     src: url('../fonts/monosocial/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
17 |     url('../fonts/monosocial/MonoSocialIconsFont-1.10.woff') format('woff'),
18 |     url('../fonts/monosocial/MonoSocialIconsFont-1.10.ttf') format('truetype'),
19 |     url('../fonts/monosocial/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
20 |     src: url('../fonts/monosocial/MonoSocialIconsFont-1.10.ttf') format('truetype');
21 |     font-weight: normal;
22 |     font-style: normal;
23 | }
24 | 
25 | .symbol, a.symbol:before {
26 |     font-family: 'Mono Social Icons Font';
27 |     -webkit-text-rendering: optimizeLegibility;
28 |     -moz-text-rendering: optimizeLegibility;
29 |     -ms-text-rendering: optimizeLegibility;
30 |     -o-text-rendering: optimizeLegibility;
31 |     text-rendering: optimizeLegibility;
32 |     -webkit-font-smoothing: antialiased;
33 |     -moz-font-smoothing: antialiased;
34 |     -ms-font-smoothing: antialiased;
35 |     -o-font-smoothing: antialiased;
36 |     font-smoothing: antialiased;
37 | }
38 | 
39 | a.symbol:before {
40 |     content: attr(title);
41 |     margin-right: 0.3em;
42 |     font-size: 130%;
43 | }


--------------------------------------------------------------------------------
/scss/_grid.scss:
--------------------------------------------------------------------------------
 1 | /******************************************************************
 2 | Site Name:
 3 | Author:
 4 | 
 5 | Stylesheet: Grid Stylesheet
 6 | 
 7 | I've seperated the grid so you can swap it out easily. It's
 8 | called at the top the style.scss stylesheet.
 9 | 
10 | There are a ton of grid solutions out there. You should definitely
11 | experiment with your own. Here are some recommendations:
12 | 
13 | http://gridsetapp.com - Love this site. Responsive Grids made easy.
14 | http://susy.oddbird.net/ - Grids using Compass. Very elegant.
15 | http://gridpak.com/ - Create your own responsive grid.
16 | 
17 | The grid below is a combination of the 1140 grid and Twitter Boostrap. 
18 | I liked 1140 but Boostrap's grid was way more detailed so I merged them 
19 | together, let's see how this works out. If you want to use 1140, the original 
20 | values are commented out on each line.
21 | 
22 | ******************************************************************/
23 | 
24 | .onecol    { width: 5.801104972%;  }       /* 4.85%;  } /* grid_1  */
25 | .twocol    { width: 14.364640883%; }       /* 13.45%; } /* grid_2  */
26 | .threecol  { width: 22.928176794%; }       /* 22.05%; } /* grid_3  */
27 | .fourcol   { width: 31.491712705%; }       /* 30.75%; } /* grid_4  */
28 | .fivecol   { width: 40.055248616%; }       /* 39.45%; } /* grid_5  */
29 | .sixcol    { width: 48.618784527%; }       /* 48%;    } /* grid_6  */
30 | .sevencol  { width: 57.182320438000005%; } /* 56.75%; } /* grid_7  */
31 | .eightcol  { width: 65.74585634900001%; }  /* 65.4%;  } /* grid_8  */
32 | .ninecol   { width: 74.30939226%; }        /* 74.05%; } /* grid_9  */
33 | .tencol    { width: 82.87292817100001%; }  /* 82.7%;  } /* grid_10 */
34 | .elevencol { width: 91.436464082%; }       /* 91.35%; } /* grid_11 */
35 | .twelvecol { width: 99.999999993%; }       /* 100%;   } /* grid_12 */
36 | 
37 | // layout & column defaults
38 | .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
39 |   position: relative;
40 |   display: block;
41 |   float: left;
42 |   margin-left: 2.762430939%;
43 | }
44 | 
45 | .first {
46 |   margin-left: 0;
47 | }
48 | 
49 | .last {
50 |   float: right;
51 | }
52 | 


--------------------------------------------------------------------------------
/scss/_mixins.scss:
--------------------------------------------------------------------------------
  1 | /******************************************************************
  2 | Site Name:
  3 | Author:
  4 | 
  5 | Stylesheet: Mixins & Constants Stylesheet
  6 | 
  7 | This is where you can take advantage of Sass' great features:
  8 | Mixins & Constants. I won't go in-depth on how they work exactly,
  9 | there are a few articles below that will help do that. What I will
 10 | tell you is that this will help speed up simple changes like
 11 | changing a color or adding CSS3 techniques gradients.
 12 | 
 13 | A WORD OF WARNING: It's very easy to overdo it here. Be careful and
 14 | remember less is more.
 15 | 
 16 | ******************************************************************/
 17 | 
 18 | /*********************
 19 | CLEARFIXIN'
 20 | *********************/
 21 | 
 22 | // Contain floats: nicolasgallagher.com/micro-clearfix-hack/
 23 | .clearfix {
 24 |   zoom: 1;
 25 | 	&:before, &:after { content: ""; display: table; }
 26 | 	&:after { clear: both; }
 27 | }
 28 | 
 29 | /*********************
 30 | TOOLS
 31 | *********************/
 32 | 
 33 | // BORDER-BOX ALL THE THINGS! (http://paulirish.com/2012/box-sizing-border-box-ftw/)
 34 | * {
 35 | 	-webkit-box-sizing: border-box;
 36 | 	-moz-box-sizing:    border-box;
 37 | 	box-sizing:         border-box;
 38 | }
 39 | 
 40 | // http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/
 41 | .image-replacement {
 42 | 	text-indent: 100%;
 43 | 	white-space: nowrap;
 44 | 	overflow: hidden;
 45 | }
 46 | 
 47 | 
 48 | /*********************
 49 | COLORS
 50 | Need help w/ choosing your colors? Try this site out:
 51 | http://0to255.com/
 52 | Also: http://sachagreif.com/sass-color-variables/
 53 | *********************/
 54 | 
 55 | $black:             #212121;
 56 | $white:             #efefef;
 57 | 
 58 | $link-color:        #272727;
 59 | $link-hover:        #474747;
 60 | 
 61 | 
 62 | /*
 63 | use the best ampersand
 64 | http://simplebits.com/notebook/2008/08/14/ampersands-2/
 65 | */
 66 | span.amp {
 67 |   font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
 68 |   font-style: italic;
 69 | }
 70 | 
 71 | // text alignment
 72 | .text-left   { text-align: left; }
 73 | .text-center { text-align: center; }
 74 | .text-right  { text-align: right; }
 75 | 
 76 | 
 77 | /*********************
 78 | TRANSITION
 79 | *********************/
 80 | 
 81 | /*
 82 | @eddiemachado totally rewrote this to be cleaner and easier to use.
 83 | You'll need to be using Sass 3.2+ for these to work.
 84 | Thanks to @anthonyshort for the inspiration on these.
 85 | USAGE: @include transition(all 0.2s ease-in-out);
 86 | */
 87 | 
 88 | @mixin transition($transition...) {
 89 | 	// defining prefixes so we can use them in mixins below
 90 | 	$prefixes:      ("-webkit", "-ms", "-o",  "");
 91 |   @each $prefix in $prefixes {
 92 |     #{$prefix}-transition: $transition;
 93 |   }
 94 | 
 95 |   transition: $transition;
 96 | }
 97 | 
 98 | /*********************
 99 | CSS3 GRADIENTS
100 | Be careful with these since they can
101 | really slow down your CSS. Don't overdo it.
102 | *********************/
103 | 
104 | /* @include css-gradient(#dfdfdf,#f8f8f8); */
105 | @mixin css-gradient($from: #dfdfdf, $to: #f8f8f8) {
106 | 	background-color: $to;
107 | 	background-image: -webkit-gradient(linear, left top, left bottom, from($from), to($to));
108 | 	background-image: -webkit-linear-gradient(top, $from, $to);
109 | 	background-image: -moz-linear-gradient(top, $from, $to);
110 | 	background-image: -o-linear-gradient(top, $from, $to);
111 | 	background-image: linear-gradient(to bottom, $from, $to);
112 | }
113 | 
114 | /*********************
115 | BOX SIZING
116 | *********************/
117 | 
118 | /* @include box-sizing(border-box); */
119 | /* NOTE: value of "padding-box" is only supported in Gecko. So
120 | probably best not to use it. I mean, were you going to anyway? */
121 | @mixin box-sizing($type: border-box) {
122 | 	-webkit-box-sizing: $type;
123 | 	-moz-box-sizing:    $type;
124 | 	-ms-box-sizing:     $type;
125 | 	box-sizing:         $type;
126 | }
127 | 
128 | 
129 | /*********************
130 | BUTTONS
131 | *********************/
132 | 
133 | .button, .button:visited {
134 | 	font-family: $sans-serif;
135 | 	border: 1px solid darken($link-color, 13%);
136 | 	border-top-color: darken($link-color, 7%);
137 | 	border-left-color: darken($link-color, 7%);
138 | 	padding: 4px 12px;
139 | 	color: $white;
140 | 	display: inline-block;
141 | 	font-size: 11px;
142 | 	font-weight: bold;
143 | 	text-decoration: none;
144 | 	text-shadow: 0 1px rgba(0,0,0, .75);
145 | 	cursor: pointer;
146 | 	margin-bottom: 20px;
147 | 	line-height: 21px;
148 | 	border-radius: 4px;
149 | 	@include css-gradient($link-color, darken($link-color, 5%));
150 | 
151 | 
152 | 	&:hover, &:focus {
153 | 		color: $white;
154 | 	  	border: 1px solid darken($link-color, 13%);
155 | 	  	border-top-color: darken($link-color, 20%);
156 | 	 	border-left-color: darken($link-color, 20%);
157 | 		@include css-gradient(darken($link-color, 5%), darken($link-color, 10%));
158 | 	}
159 | 
160 | 	&:active {
161 | 		@include css-gradient(darken($link-color, 5%), $link-color);
162 | 	}
163 | }


--------------------------------------------------------------------------------
/scss/_normalize.scss:
--------------------------------------------------------------------------------
  1 | /*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
  2 | 
  3 | /* ==========================================================================
  4 |    HTML5 display definitions
  5 |    ========================================================================== */
  6 | 
  7 | /*
  8 |  * Corrects `block` display not defined in IE6/7/8/9 & FF3.
  9 |  */
 10 | 
 11 | article,
 12 | aside,
 13 | details,
 14 | figcaption,
 15 | figure,
 16 | footer,
 17 | header,
 18 | hgroup,
 19 | nav,
 20 | section,
 21 | summary {
 22 |     display: block;
 23 | }
 24 | 
 25 | /*
 26 |  * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 27 |  */
 28 | 
 29 | audio,
 30 | canvas,
 31 | video {
 32 |     display: inline-block;
 33 |     *display: inline;
 34 |     *zoom: 1;
 35 | }
 36 | 
 37 | /*
 38 |  * Prevents modern browsers from displaying `audio` without controls.
 39 |  * Remove excess height in iOS5 devices.
 40 |  */
 41 | 
 42 | audio:not([controls]) {
 43 |     display: none;
 44 |     height: 0;
 45 | }
 46 | 
 47 | /*
 48 |  * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 49 |  * Known issue: no IE6 support.
 50 |  */
 51 | 
 52 | [hidden] {
 53 |     display: none;
 54 | }
 55 | 
 56 | /* ==========================================================================
 57 |    Base
 58 |    ========================================================================== */
 59 | 
 60 | /*
 61 |  * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 62 |  *    `em` units.
 63 |  * 2. Prevents iOS text size adjust after orientation change, without disabling
 64 |  *    user zoom.
 65 |  */
 66 | 
 67 | html {
 68 |     font-size: 100%; /* 1 */
 69 |     -webkit-text-size-adjust: 100%; /* 2 */
 70 |     -ms-text-size-adjust: 100%; /* 2 */
 71 | }
 72 | 
 73 | /*
 74 |  * Addresses `font-family` inconsistency between `textarea` and other form
 75 |  * elements.
 76 |  */
 77 | 
 78 | html,
 79 | button,
 80 | input,
 81 | select,
 82 | textarea {
 83 |     font-family: sans-serif;
 84 | }
 85 | 
 86 | /*
 87 |  * Addresses margins handled incorrectly in IE6/7.
 88 |  */
 89 | 
 90 | body {
 91 |     margin: 0;
 92 | }
 93 | 
 94 | /* ==========================================================================
 95 |    Links
 96 |    ========================================================================== */
 97 | 
 98 | /**
 99 |  * Remove the gray background color from active links in IE 10.
100 |  */
101 | 
102 | a {
103 |   background: transparent;
104 | }
105 | 
106 | /*
107 |  * Addresses `outline` inconsistency between Chrome and other browsers.
108 |  */
109 | 
110 | a:focus {
111 |     outline: thin dotted;
112 | }
113 | 
114 | /*
115 |  * Improves readability when focused and also mouse hovered in all browsers.
116 |  * people.opera.com/patrickl/experiments/keyboard/test
117 |  */
118 | 
119 | a:active,
120 | a:hover {
121 |     outline: 0;
122 | }
123 | 
124 | /* ==========================================================================
125 |    Typography
126 |    ========================================================================== */
127 | 
128 | /*
129 |  * Addresses font sizes and margins set differently in IE6/7.
130 |  * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
131 |  */
132 | 
133 | h1 {
134 |     font-size: 2em;
135 |     margin: 0.67em 0;
136 | }
137 | 
138 | h2 {
139 |     font-size: 1.5em;
140 |     margin: 0.83em 0;
141 | }
142 | 
143 | h3 {
144 |     font-size: 1.17em;
145 |     margin: 1em 0;
146 | }
147 | 
148 | h4 {
149 |     font-size: 1em;
150 |     margin: 1.33em 0;
151 | }
152 | 
153 | h5 {
154 |     font-size: 0.83em;
155 |     margin: 1.67em 0;
156 | }
157 | 
158 | h6 {
159 |     font-size: 0.75em;
160 |     margin: 2.33em 0;
161 | }
162 | 
163 | /*
164 |  * Addresses styling not present in IE7/8/9, S5, Chrome.
165 |  */
166 | 
167 | abbr[title] {
168 |     border-bottom: 1px dotted;
169 | }
170 | 
171 | /*
172 |  * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
173 |  */
174 | 
175 | b,
176 | strong {
177 |     font-weight: bold;
178 | }
179 | 
180 | blockquote {
181 |     margin: 1em 40px;
182 | }
183 | 
184 | /*
185 |  * Addresses styling not present in S5, Chrome.
186 |  */
187 | 
188 | dfn {
189 |     font-style: italic;
190 | }
191 | 
192 | /*
193 |  * Addresses styling not present in IE6/7/8/9.
194 |  */
195 | 
196 | mark {
197 |     background: #ff0;
198 |     color: #000;
199 | }
200 | 
201 | /*
202 |  * Addresses margins set differently in IE6/7.
203 |  */
204 | 
205 | p,
206 | pre {
207 |     margin: 1em 0;
208 | }
209 | 
210 | /*
211 |  * Corrects font family set oddly in IE6, S4/5, Chrome.
212 |  * en.wikipedia.org/wiki/User:Davidgothberg/Test59
213 |  */
214 | 
215 | code,
216 | kbd,
217 | pre,
218 | samp {
219 |     font-family: monospace, serif;
220 |     _font-family: 'courier new', monospace;
221 |     font-size: 1em;
222 | }
223 | 
224 | /*
225 |  * Improves readability of pre-formatted text in all browsers.
226 |  */
227 | 
228 | pre {
229 |     white-space: pre;
230 |     white-space: pre-wrap;
231 |     word-wrap: break-word;
232 | }
233 | 
234 | /*
235 |  * Addresses CSS quotes not supported in IE6/7.
236 |  */
237 | 
238 | q {
239 |     quotes: none;
240 | }
241 | 
242 | /*
243 |  * Addresses `quotes` property not supported in S4.
244 |  */
245 | 
246 | q:before,
247 | q:after {
248 |     content: '';
249 |     content: none;
250 | }
251 | 
252 | small {
253 |     font-size: 75%;
254 | }
255 | 
256 | /*
257 |  * Prevents `sub` and `sup` affecting `line-height` in all browsers.
258 |  * gist.github.com/413930
259 |  */
260 | 
261 | sub,
262 | sup {
263 |     font-size: 75%;
264 |     line-height: 0;
265 |     position: relative;
266 |     vertical-align: baseline;
267 | }
268 | 
269 | sup {
270 |     top: -0.5em;
271 | }
272 | 
273 | sub {
274 |     bottom: -0.25em;
275 | }
276 | 
277 | /* ==========================================================================
278 |    Lists
279 |    ========================================================================== */
280 | 
281 | /*
282 |  * Addresses margins set differently in IE6/7.
283 |  */
284 | 
285 | dl,
286 | menu,
287 | ol,
288 | ul {
289 |     margin: 1em 0;
290 | }
291 | 
292 | dd {
293 |     margin: 0 0 0 40px;
294 | }
295 | 
296 | /*
297 |  * Addresses paddings set differently in IE6/7.
298 |  */
299 | 
300 | menu,
301 | ol,
302 | ul {
303 |     padding: 0 0 0 40px;
304 | }
305 | 
306 | /*
307 |  * Corrects list images handled incorrectly in IE7.
308 |  */
309 | 
310 | nav ul,
311 | nav ol {
312 |     list-style: none;
313 |     list-style-image: none;
314 | }
315 | 
316 | /* ==========================================================================
317 |    Embedded content
318 |    ========================================================================== */
319 | 
320 | /*
321 |  * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
322 |  * 2. Improves image quality when scaled in IE7.
323 |  *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
324 |  */
325 | 
326 | img {
327 |     border: 0; /* 1 */
328 |     -ms-interpolation-mode: bicubic; /* 2 */
329 | }
330 | 
331 | /*
332 |  * Corrects overflow displayed oddly in IE9.
333 |  */
334 | 
335 | svg:not(:root) {
336 |     overflow: hidden;
337 | }
338 | 
339 | /* ==========================================================================
340 |    Figures
341 |    ========================================================================== */
342 | 
343 | /*
344 |  * Addresses margin not present in IE6/7/8/9, S5, O11.
345 |  */
346 | 
347 | figure {
348 |     margin: 0;
349 | }
350 | 
351 | /* ==========================================================================
352 |    Forms
353 |    ========================================================================== */
354 | 
355 | /*
356 |  * Corrects margin displayed oddly in IE6/7.
357 |  */
358 | 
359 | form {
360 |     margin: 0;
361 | }
362 | 
363 | /*
364 |  * Define consistent border, margin, and padding.
365 |  */
366 | 
367 | fieldset {
368 |     border: 1px solid #c0c0c0;
369 |     margin: 0 2px;
370 |     padding: 0.35em 0.625em 0.75em;
371 | }
372 | 
373 | /*
374 |  * 1. Corrects color not being inherited in IE6/7/8/9.
375 |  * 2. Corrects text not wrapping in FF3.
376 |  * 3. Corrects alignment displayed oddly in IE6/7.
377 |  */
378 | 
379 | legend {
380 |     border: 0; /* 1 */
381 |     padding: 0;
382 |     white-space: normal; /* 2 */
383 |     *margin-left: -7px; /* 3 */
384 | }
385 | 
386 | /*
387 |  * 1. Corrects font size not being inherited in all browsers.
388 |  * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
389 |  * 3. Improves appearance and consistency in all browsers.
390 |  */
391 | 
392 | button,
393 | input,
394 | select,
395 | textarea {
396 |     font-size: 100%; /* 1 */
397 |     margin: 0; /* 2 */
398 |     vertical-align: baseline; /* 3 */
399 |     *vertical-align: middle; /* 3 */
400 | }
401 | 
402 | /*
403 |  * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
404 |  * UA stylesheet.
405 |  */
406 | 
407 | button,
408 | input {
409 |     line-height: normal;
410 | }
411 | 
412 | /*
413 |  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
414 |  *    and `video` controls.
415 |  * 2. Corrects inability to style clickable `input` types in iOS.
416 |  * 3. Improves usability and consistency of cursor style between image-type
417 |  *    `input` and others.
418 |  * 4. Removes inner spacing in IE7 without affecting normal text inputs.
419 |  *    Known issue: inner spacing remains in IE6.
420 |  */
421 | 
422 | button,
423 | html input[type="button"], /* 1 */
424 | input[type="reset"],
425 | input[type="submit"] {
426 |     -webkit-appearance: button; /* 2 */
427 |     cursor: pointer; /* 3 */
428 |     *overflow: visible;  /* 4 */
429 | }
430 | 
431 | /*
432 |  * Re-set default cursor for disabled elements.
433 |  */
434 | 
435 | button[disabled],
436 | input[disabled] {
437 |     cursor: default;
438 | }
439 | 
440 | /*
441 |  * 1. Addresses box sizing set to content-box in IE8/9.
442 |  * 2. Removes excess padding in IE8/9.
443 |  * 3. Removes excess padding in IE7.
444 |  *    Known issue: excess padding remains in IE6.
445 |  */
446 | 
447 | input[type="checkbox"],
448 | input[type="radio"] {
449 |     box-sizing: border-box; /* 1 */
450 |     padding: 0; /* 2 */
451 |     *height: 13px; /* 3 */
452 |     *width: 13px; /* 3 */
453 | }
454 | 
455 | /*
456 |  * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
457 |  * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
458 |  *    to future-proof).
459 |  */
460 | 
461 | input[type="search"] {
462 |     -webkit-appearance: textfield; /* 1 */
463 |     -moz-box-sizing: content-box;
464 |     -webkit-box-sizing: content-box; /* 2 */
465 |     box-sizing: content-box;
466 | }
467 | 
468 | /*
469 |  * Removes inner padding and search cancel button in S5, Chrome on OS X.
470 |  */
471 | 
472 | input[type="search"]::-webkit-search-cancel-button,
473 | input[type="search"]::-webkit-search-decoration {
474 |     -webkit-appearance: none;
475 | }
476 | 
477 | /*
478 |  * Removes inner padding and border in FF3+.
479 |  */
480 | 
481 | button::-moz-focus-inner,
482 | input::-moz-focus-inner {
483 |     border: 0;
484 |     padding: 0;
485 | }
486 | 
487 | /*
488 |  * 1. Removes default vertical scrollbar in IE6/7/8/9.
489 |  * 2. Improves readability and alignment in all browsers.
490 |  */
491 | 
492 | textarea {
493 |     overflow: auto; /* 1 */
494 |     vertical-align: top; /* 2 */
495 | }
496 | 
497 | /* ==========================================================================
498 |    Tables
499 |    ========================================================================== */
500 | 
501 | /*
502 |  * Remove most spacing between table cells.
503 |  */
504 | 
505 | table {
506 |     border-collapse: collapse;
507 |     border-spacing: 0;
508 | }
509 | 
510 | /******************************************************************
511 | CUSTOMIZED RESET VALUES
512 | I added these extra styles as a more personalized reset. Feel free
513 | to remove them if you like or add your own. If you want to update
514 | the normalize styles, make sure to edit from this point up.
515 | ******************************************************************/
516 | 
517 | // proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens) 
518 | p {
519 | 	-webkit-hyphens: auto;
520 | 	-epub-hyphens:   auto;
521 | 	-moz-hyphens:    auto;
522 |   hyphens:         auto;
523 | }
524 | 
525 | b, strong, .strong { font-weight: bold; }
526 | 
527 | dfn, em, .em { font-style: italic; }
528 | 
529 | small, .small { font-size: 75%; }
530 | 
531 | ul, ol {
532 | 	padding: 0;
533 | 	list-style-type: none;
534 | }
535 | 
536 | dd {
537 | 	margin: 0;
538 | }
539 | 
540 | .sidebar ul,
541 | .sidebar ol,
542 | .commentlist {
543 | 	list-style: none;
544 | }
545 | 


--------------------------------------------------------------------------------
/scss/_print.scss:
--------------------------------------------------------------------------------
 1 | /******************************************************************
 2 | Site Name:
 3 | Author:
 4 | 
 5 | Stylesheet: Print Stylesheet
 6 | 
 7 | This is the print stylesheet. There's probably not a lot
 8 | of reasons to edit this stylesheet. If you want to
 9 | though, go for it.
10 | 
11 | ******************************************************************/
12 | 
13 | 
14 | 
15 |   * {
16 |     background: transparent !important;
17 |     color: black !important;
18 |     text-shadow: none !important;
19 |     filter:none !important;
20 |     -ms-filter: none !important;
21 |   }
22 | 
23 |   a, a:visited {
24 |     color: #444 !important;
25 |     text-decoration: underline;
26 | 
27 |     // show links on printed pages
28 |     &:after {
29 |       content: " (" attr(href) ")";
30 |     }
31 | 
32 |     // show title too
33 |     abbr[title]:after {
34 |       content: " (" attr(title) ")";
35 |     }
36 |   }
37 | 
38 |   .ir a:after,
39 |   a[href^="javascript:"]:after,
40 |   a[href^="#"]:after {
41 |     content: "";
42 |   }
43 | 
44 |   pre, blockquote {
45 |     border: 1px solid #999;
46 |     page-break-inside: avoid;
47 |   }
48 | 
49 |   thead {
50 |     display: table-header-group;
51 |   }
52 | 
53 |   tr, img {
54 |     page-break-inside: avoid;
55 |   }
56 | 
57 |   img {
58 |     max-width: 100% !important;
59 |   }
60 | 
61 |     @page {
62 |       margin: 0.5cm;
63 |     }
64 | 
65 |     p, h2, h3 {
66 |       orphans: 3;
67 |       widows: 3;
68 |     }
69 | 
70 |     h2,
71 |     h3 {
72 |       page-break-after: avoid;
73 |     }
74 | 
75 |     // hide content people who print don't need to see
76 |     .sidebar,
77 |     .page-navigation,
78 |     .wp-prev-next,
79 |     .respond-form,
80 |     nav {
81 |       display: none;
82 |     }
83 | 


--------------------------------------------------------------------------------
/scss/ie.scss:
--------------------------------------------------------------------------------
 1 | /******************************************************************
 2 | Site Name: 
 3 | Author: 
 4 | 
 5 | Stylesheet: IE Stylesheet
 6 | 
 7 | So instead of using the respond.js file to add media query support
 8 | to IE, we're going to use SASS to create an easily readable css file.
 9 | Here, we import all the styles the standard stylesheet gets, only
10 | without the media queries. No need to worry about editing anything!
11 | 
12 | ******************************************************************/
13 | 
14 | /*
15 | Remember, all the BASE styles are called already since IE can
16 | read those. Below, we need to import only the stuff IE can't 
17 | understand (what's inside the media queries). We also need to
18 | import the mixins file so SASS can understand the variables.
19 | */
20 | 
21 | // import fonts
22 | @import "fonts";
23 | 
24 | /* import mixins */
25 | @import "mixins";
26 | 
27 | @import "grid";
28 | @import "481up";
29 | @import "768up";
30 | @import "1030up";
31 | 
32 | /* 
33 | you can call the larger styles if you want, but there's really no need 
34 | */
35 | 
36 | 
37 | /******************************************************************
38 | ADDITIONAL IE FIXES
39 | These fixes are now ONLY seen by IE, so you don't have to worry
40 | about using prefixes, although it's best practice. For more info
41 | on using Modernizr classes, check out this link:
42 | http://www.modernizr.com/docs/
43 | ******************************************************************/
44 | 
45 | /*
46 | For example, you can use something like:
47 | 
48 | .no-textshadow .class { ... }
49 | 
50 | You can also target specific versions by using the classes applied to
51 | the html element. These can sometimes change, so take a look inside the
52 | header.php file to see what they are:
53 | 
54 | 
55 | .lt-ie8 .class { ... }
56 | 
57 | */
58 | 


--------------------------------------------------------------------------------
/scss/style.scss:
--------------------------------------------------------------------------------
  1 | /******************************************************************
  2 | Site Name:
  3 | Author:
  4 | 
  5 | Stylesheet: Main Stylesheet
  6 | 
  7 | Here's where the magic happens. Here, you'll see we are calling in
  8 | the separate media queries. The base mobile goes outside any query
  9 | and is called at the beginning, after that we call the rest
 10 | of the styles inside media queries.
 11 | ******************************************************************/
 12 | 
 13 | 
 14 | //
 15 | // IMPORTING STYLES
 16 | //
 17 | 
 18 | // import normalize
 19 | @import "normalize";
 20 | 
 21 | // import fonts
 22 | @import "fonts";
 23 | 
 24 | // import mixins
 25 | @import "mixins";
 26 | 
 27 | /*
 28 | BASE (MOBILE) SIZE
 29 | This are the mobile styles. It's what people see on their phones. If
 30 | you set a great foundation, you won't need to add too many styles in
 31 | the other stylesheets. Remember, keep it light: Speed is Important.
 32 | */
 33 | 
 34 | // styles in base.scss
 35 | @import "base";
 36 | 
 37 | /*
 38 | LARGER MOBILE DEVICES
 39 | This is for devices like the Galaxy Note or something that's
 40 | larger than an iPhone but smaller than a tablet. Let's call them
 41 | tweeners.
 42 | */
 43 | @media only screen and (min-width: 481px) {
 44 | 
 45 | 	// styles in 481up.scss
 46 | 	@import "481up";
 47 | 
 48 | } // end of media query
 49 | 
 50 | /*
 51 | TABLET & SMALLER LAPTOPS
 52 | This is the average viewing window. So Desktops, Laptops, and
 53 | in general anyone not viewing on a mobile device. Here's where
 54 | you can add resource intensive styles.
 55 | */
 56 | @media only screen and (min-width: 768px) {
 57 | 
 58 | 	// import grids
 59 | 	@import "grid";
 60 | 
 61 | 	// styles in 768up.scss
 62 | 	@import "768up";
 63 | 
 64 | } // end of media query
 65 | 
 66 | /*
 67 | DESKTOP
 68 | This is the average viewing window. So Desktops, Laptops, and
 69 | in general anyone not viewing on a mobile device. Here's where
 70 | you can add resource intensive styles.
 71 | */
 72 | @media only screen and (min-width: 1030px) {
 73 | 
 74 | 	// styles in 1030up.scss
 75 | 	@import "1030up";
 76 | 
 77 | } // end of media query
 78 | 
 79 | /*
 80 | LARGE VIEWING SIZE
 81 | This is for the larger monitors and possibly full screen viewers.
 82 | */
 83 | @media only screen and (min-width: 1240px) {
 84 | 
 85 | 	// styles in 1240up.scss
 86 | 	@import "1240up";
 87 | 
 88 | } // end of media query
 89 | 
 90 | /*
 91 | RETINA (2x RESOLUTION DEVICES)
 92 | This applies to the retina iPhone (4s) and iPad (2,3) along with
 93 | other displays with a 2x resolution. You can also create a media
 94 | query for retina AND a certain size if you want. Go Nuts.
 95 | */
 96 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 97 |        only screen and (min--moz-device-pixel-ratio: 1.5),
 98 |        only screen and (min-device-pixel-ratio: 1.5) {
 99 | 
100 | 	// styles in 2x.scss
101 | 	@import "2x";
102 | 
103 | } // end of media query
104 | 
105 | /*
106 | iPHONE 5 MEDIA QUERY
107 | Want to get fancy for no good reason? Knock yourself out.
108 | */
109 | @media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
110 |   
111 |   // iPhone 5 or iPod Touch 5th generation styles (you can include your own file if you want)
112 |   
113 | }
114 | 
115 | /*
116 | PRINT STYLESHEET
117 | Feel free to customize this. Remember to add things that won't make
118 | sense to print at the bottom. Things like nav, ads, and forms should
119 | be set to display none.
120 | */
121 | @media print {
122 | 	@import "print";
123 | }
124 | 


--------------------------------------------------------------------------------
/tag.hbs:
--------------------------------------------------------------------------------
 1 | {{!< default}}
 2 | 
 3 | <h1>Posts about <em>{{tag.name}}</em></h1>
 4 | 
 5 | {{#foreach posts}}
 6 |     {{> list-post}}
 7 | {{/foreach}}
 8 | 
 9 | 
10 | {{!! After all the posts, show the newer/older pagination links }}
11 | {{#if pagination}}
12 |     {{pagination}}
13 | {{/if}}


--------------------------------------------------------------------------------