├── img
    ├── themes.gif
    ├── tmp
    │   └── grid.png
    └── menu
    │   ├── hamburger.png
    │   ├── nav-icon.png
    │   └── arrow-down.png
├── fonts
    ├── icomoon.eot
    ├── icomoon.ttf
    ├── icomoon.woff
    ├── FontAwesome.otf
    ├── fontawesome-webfont.eot
    ├── fontawesome-webfont.ttf
    ├── fontawesome-webfont.svgz
    ├── fontawesome-webfont.woff
    └── fontawesome-webfont.woff2
├── .github
    └── FUNDING.yml
├── robots.txt
├── .gitignore
├── sass
    ├── theme
    │   ├── _footer.scss
    │   ├── _header.scss
    │   ├── _main.scss
    │   └── _menu.scss
    ├── modules
    │   ├── _hr.scss
    │   ├── _breadcrumbs.scss
    │   ├── _links.scss
    │   ├── _blockquotes.scss
    │   ├── _media.scss
    │   ├── _pager.scss
    │   ├── _lists.scss
    │   ├── _tables.scss
    │   ├── _pagination.scss
    │   ├── _transitions.scss
    │   ├── _tabs.scss
    │   ├── _animations.scss
    │   ├── _buttons.scss
    │   ├── _slideshow.scss
    │   └── _forms.scss
    ├── helpers
    │   ├── _columns-single-element.scss
    │   ├── _render-gradients.scss
    │   └── _ie-support.scss
    ├── base
    │   ├── _base.scss
    │   ├── _mixins.scss
    │   └── _variables.scss
    ├── framework
    │   ├── _grid.scss
    │   └── _typography.scss
    ├── wirefy.scss
    └── vendor
    │   └── _normalize.scss
├── package.json
├── composer.json
├── config.rb
├── humans.txt
├── bower.json
├── LICENSE
├── Gruntfile.js
├── js
    ├── wirefy.js
    └── helper.js
├── README.md
├── CONTRIBUTING.md
├── index.html
└── css
    ├── ie7
        └── ie7.js
    └── font-awesome-ie7.min.css


/img/themes.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cjdsie/wirefy/HEAD/img/themes.gif


--------------------------------------------------------------------------------
/fonts/icomoon.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cjdsie/wirefy/HEAD/fonts/icomoon.eot


--------------------------------------------------------------------------------
/fonts/icomoon.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cjdsie/wirefy/HEAD/fonts/icomoon.ttf


--------------------------------------------------------------------------------
/img/tmp/grid.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cjdsie/wirefy/HEAD/img/tmp/grid.png


--------------------------------------------------------------------------------
/fonts/icomoon.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cjdsie/wirefy/HEAD/fonts/icomoon.woff


--------------------------------------------------------------------------------
/fonts/FontAwesome.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cjdsie/wirefy/HEAD/fonts/FontAwesome.otf


--------------------------------------------------------------------------------
/img/menu/hamburger.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cjdsie/wirefy/HEAD/img/menu/hamburger.png


--------------------------------------------------------------------------------
/img/menu/nav-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cjdsie/wirefy/HEAD/img/menu/nav-icon.png


--------------------------------------------------------------------------------
/img/menu/arrow-down.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cjdsie/wirefy/HEAD/img/menu/arrow-down.png


--------------------------------------------------------------------------------
/.github/FUNDING.yml:
--------------------------------------------------------------------------------
1 | 
2 | 
3 | open_collective: chris-da-sie
4 | custom: https://www.paypal.me/chrisdasie
5 | 


--------------------------------------------------------------------------------
/fonts/fontawesome-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cjdsie/wirefy/HEAD/fonts/fontawesome-webfont.eot


--------------------------------------------------------------------------------
/fonts/fontawesome-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cjdsie/wirefy/HEAD/fonts/fontawesome-webfont.ttf


--------------------------------------------------------------------------------
/fonts/fontawesome-webfont.svgz:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cjdsie/wirefy/HEAD/fonts/fontawesome-webfont.svgz


--------------------------------------------------------------------------------
/fonts/fontawesome-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cjdsie/wirefy/HEAD/fonts/fontawesome-webfont.woff


--------------------------------------------------------------------------------
/fonts/fontawesome-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cjdsie/wirefy/HEAD/fonts/fontawesome-webfont.woff2


--------------------------------------------------------------------------------
/robots.txt:
--------------------------------------------------------------------------------
1 | # www.robotstxt.org/
2 | # http://code.google.com/web/controlcrawlindex/
3 | 
4 | User-agent: *
5 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # OS generated files #
 2 | ######################
 3 |   .DS_Store
 4 |   .DS_Store?
 5 |   Thumbs.db
 6 | 
 7 | .sass-cache/
 8 | node_modules/
 9 | 
10 | scss-lint-report.xml
11 | 
12 | .scss-lint.yml


--------------------------------------------------------------------------------
/sass/theme/_footer.scss:
--------------------------------------------------------------------------------
1 | /************************
2 | ******   Footer    *******
3 | **** Version: 0.0.1 *****
4 | *************************/
5 | 
6 | /* A collection of styles containing the footer information */
7 | 


--------------------------------------------------------------------------------
/sass/theme/_header.scss:
--------------------------------------------------------------------------------
1 | /************************
2 | ******   Header    *******
3 | **** Version: 0.0.1 *****
4 | *************************/
5 | 
6 | /* A collection of styles containing the header information */
7 | 


--------------------------------------------------------------------------------
/sass/modules/_hr.scss:
--------------------------------------------------------------------------------
 1 | /************************
 2 | ******   HR    *******
 3 | **** Version: 0.0.1 *****
 4 | *************************/
 5 | 
 6 | /* Horizontal Rules
 7 | --------------------------------------------------*/
 8 | 
 9 | hr {
10 |   border: solid #ddd;
11 |   border-width: 1px 0 0;
12 |   clear: both;
13 |   margin: .625em 0 1.875em;
14 |   height: 0;
15 | }
16 | 


--------------------------------------------------------------------------------
/sass/modules/_breadcrumbs.scss:
--------------------------------------------------------------------------------
 1 | /************************
 2 | ******* Breadcrumb ******
 3 | **** Version: 0.0.1 *****
 4 | *************************/
 5 | 
 6 | .breadcrumb {
 7 |   padding: .4375em .875em;
 8 |   margin: 0 0 1.125em;
 9 |   list-style: none;
10 | 
11 |   li {
12 |     display: inline-block;
13 |   }
14 | 
15 |   .divider {
16 |     padding: 0 em(5);
17 |     color: #999;
18 |   }
19 | 
20 | }
21 | 


--------------------------------------------------------------------------------
/sass/theme/_main.scss:
--------------------------------------------------------------------------------
 1 | /************************
 2 | ******  Main    *******
 3 | **** Version: 0.0.1 *****
 4 | *************************/
 5 | 
 6 | // declare non-grid-related styles for your elements ============================================= /
 7 | section div {
 8 |   padding: ($base-unit * 3) 0;
 9 | }
10 | 
11 | .hero {
12 |   height: $vertical-measure * 10;
13 |   background-color: $black-60;
14 | }
15 | 


--------------------------------------------------------------------------------
/sass/modules/_links.scss:
--------------------------------------------------------------------------------
 1 | /************************
 2 | ******   Links    *******
 3 | **** Version: 0.0.1 *****
 4 | *************************/
 5 | 
 6 | a {
 7 |   color: $black-70;
 8 |   text-decoration: none;
 9 |   outline: 0;
10 | 
11 |   &:visited {
12 |     color: $black-70;
13 |     text-decoration: underline;
14 |     outline: 0;
15 |   }
16 | 
17 |   @include hoveractivefocus(color, $link-color-hover);
18 | }
19 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "Wirefy",
 3 |   "version": "3.0.5",
 4 |   "private": true,
 5 |   "dependencies": {
 6 |     "grunt-lib-contrib": "~0.6.1"
 7 |   },
 8 |   "devDependencies": {
 9 |     "grunt": "~0.4.5",
10 |     "grunt-contrib-uglify": "~0.2.7",
11 |     "grunt-contrib-imagemin": "~0.1.4",
12 |     "grunt-contrib-sass": "~0.5.1",
13 |     "grunt-contrib-concat": "~0.3.0",
14 |     "grunt-contrib-cssmin": "~0.7.0",
15 |     "grunt-scss-lint": "*"
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "cjdsie/wirefy",
 3 |   "description": "Build intuitive, powerful wireframes for smarter web development.",
 4 |   "keywords": ["wireframe", "css", "framework", "ui", "prototype"],
 5 |   "homepage": "http://getwirefy.com",
 6 |   "authors": [
 7 |     {
 8 |       "name": "Chris Da Sie",
 9 |       "email": "cjdsie@gmail.com"
10 |     }
11 |   ],
12 |   "support": {
13 |     "issues": "https://github.com/cjdsie/wirefy/issues"
14 |   },
15 |   "license": "MIT"
16 | }


--------------------------------------------------------------------------------
/sass/helpers/_columns-single-element.scss:
--------------------------------------------------------------------------------
 1 | /*********************************
 2 | * Columns Within Single Elements *
 3 | ****     Version: 0.0.1      *****
 4 | **********************************/
 5 | 
 6 | // We use this to generate columns via CSS within a single element.
 7 | 
 8 | $count: 3 !default;
 9 | $gap: em(20) !default; 
10 | 
11 | .content-columns($width, $count, $gap) {
12 |   @include vendorize(column-width, $width);
13 |   @include vendorize(column-count, $count);
14 |   @include vendorize(column-gap, $gap);
15 | }


--------------------------------------------------------------------------------
/config.rb:
--------------------------------------------------------------------------------
 1 | http_path = "/" #root level target path
 2 | css_dir = "css" #targets our default style.css file at the root level of our theme
 3 | sass_dir = "sass" #targets our sass directory
 4 |  
 5 | # You can select your preferred output style here (can be overridden via the command line):
 6 | # output_style = :expanded or :nested or :compact or :compressed
 7 | output_style = :compressed
 8 |  
 9 | # To enable relative paths to assets via compass helper functions.
10 | # note: this is important in wordpress themes for sprites
11 |  
12 | relative_assets = true
13 | 


--------------------------------------------------------------------------------
/humans.txt:
--------------------------------------------------------------------------------
 1 | /* humanstxt.org */
 2 | 
 3 | /* TEAM */
 4 | 
 5 | Name: 			eg: Chris Da Sie
 6 | Site:			eg: http://chrisdasie.com
 7 | Twitter:		eg: @chrisdasie
 8 | Location:		eg: Canada
 9 | 
10 | /* SITE */
11 | 
12 | Standards: 
13 | 
14 | HTML5
15 | CSS3
16 | 
17 | Components: 
18 | 
19 | Font Awesome: 		http://fortawesome.github.com/Font-Awesome
20 | Foundation: 		https://github.com/zurb/foundation
21 | jQuery: 		    http://jquery.com
22 | Modernizr: 		    http://modernizr.com
23 | Selectivizr: 		http://selectivizr.com
24 | Color Palette:      https://github.com/FearMediocrity/sass-color-palettes


--------------------------------------------------------------------------------
/bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "Wirefy",
 3 |   "version": "3.0.5",
 4 |   "main": [
 5 |     "./css/wirefy.css",
 6 |     "./js/plugins.min.js",
 7 |     "./js/wirefy.js",
 8 |     "./fonts/fontawesome-webfont.eot",
 9 |     "./fonts/fontawesome-webfont.svg",
10 |     "./fonts/fontawesome-webfont.ttf",
11 |     "./fonts/fontawesome-webfont.woff"
12 |   ],
13 |   "ignore": [
14 |     "**/.*",
15 |     "*.html",
16 |     "_*",
17 |     "CNAME",
18 |     "composer.json",
19 |     "CONTRIBUTING.md"
20 |   ],
21 |   "dependencies": {
22 |     "jquery": ">= 1.10.2",
23 |     "modernizr": ">= 2.6.2"
24 |   },
25 |   "private": true
26 | }
27 | 


--------------------------------------------------------------------------------
/sass/modules/_blockquotes.scss:
--------------------------------------------------------------------------------
 1 | /************************
 2 | ****** Blockquotes *******
 3 | **** Version: 0.0.1 *****
 4 | *************************/
 5 | 
 6 | 
 7 | blockquote {
 8 |   font-size: inherit;
 9 |   line-height: inherit;
10 |   color: #777;
11 |   font-style: italic;
12 | 
13 |   p {
14 |     font-size: inherit;
15 |     line-height: $line-height;
16 |     color: #777;
17 |     font-style: italic;
18 |   }
19 | 
20 |   margin: 0 0 ($base-unit * 3);
21 |   padding: $base-unit ($base-unit * 2) 0 ($base-unit * 4);
22 |   border-left: 1px solid #ddd;
23 | 
24 |   cite {
25 |     display: block;
26 |     font-size: em(12);
27 |     color: $black-50;
28 | 
29 |     &:before {
30 |       content: "\2014 \0020";
31 |     }
32 | 
33 |     a {
34 |       color: $black-50;
35 | 
36 |       &:visited {
37 |         color: $black-50;
38 |       }
39 | 
40 |     }
41 |   }
42 | }


--------------------------------------------------------------------------------
/sass/modules/_media.scss:
--------------------------------------------------------------------------------
 1 | /* Images
 2 | --------------------------------------------------*/
 3 | 
 4 | img {
 5 |   max-width: 100%;
 6 |   border-width: 0;
 7 |   vertical-align: middle;
 8 |   -ms-interpolation-mode: bicubic;
 9 | }
10 | 
11 | svg:not(:root) {
12 |   overflow: hidden;
13 | }
14 | 
15 | /* -- FIGURES -- */
16 | 
17 | figure {
18 |   margin-bottom: ($base-unit * 6);
19 | 
20 |   img {
21 |     margin-bottom: ($base-unit * 2);
22 |   }
23 | 
24 |   figcaption {
25 |     display: block;
26 |     font-weight: normal;
27 |     font-size: em(14);
28 |     color: #808080;
29 |   }
30 | 
31 | }
32 | 
33 | /* -- VIDEOS & OTHER MEDIA -- */
34 | 
35 | video {
36 |   width:100%;
37 | }
38 | 	
39 | iframe, embed, object {
40 |   max-width: 100%;
41 | }
42 | 
43 | .vendor {
44 |   padding:2%;
45 |   background: #d1eed1;
46 |   margin-bottom:2em;
47 | }
48 | 
49 | .unsupported {
50 |   background:#fddfde;
51 | }
52 | 


--------------------------------------------------------------------------------
/sass/helpers/_render-gradients.scss:
--------------------------------------------------------------------------------
 1 | // User for linear and radial gradients within background-image or border-image properties
 2 | 
 3 | @function _render-gradients($gradient-positions, $gradients, $gradient-type, $vendor: false) {
 4 |   $pre-spec: null;
 5 |   $spec: null;
 6 |   $vendor-gradients: null;
 7 |   @if $gradient-type == linear {
 8 |     @if $gradient-positions {
 9 |       $pre-spec: nth($gradient-positions, 1);
10 |       $spec:     nth($gradient-positions, 2);
11 |     }
12 |   } @else if $gradient-type == radial {
13 |     $pre-spec: nth($gradient-positions, 1);
14 |     $spec:     nth($gradient-positions, 2);
15 |   }
16 | 
17 |   @if $vendor {
18 |     $vendor-gradients: -#{$vendor}-#{$gradient-type}-gradient(#{$pre-spec} $gradients);
19 |   } @else if $vendor == false {
20 |     $vendor-gradients: "#{$gradient-type}-gradient(#{$spec} #{$gradients})";
21 |     $vendor-gradients: unquote($vendor-gradients);
22 |   }
23 |   @return $vendor-gradients;
24 | }
25 | 


--------------------------------------------------------------------------------
/sass/modules/_pager.scss:
--------------------------------------------------------------------------------
 1 | /************************
 2 | ******   Pager    *******
 3 | **** Version: 0.0.1 *****
 4 | *************************/
 5 | 
 6 | 
 7 | .pager {
 8 |   padding: 0;
 9 |   margin-bottom: 1.125em;
10 |   margin-left: 0;
11 |   text-align: center;
12 |   list-style: none;
13 |   @include clearfix();
14 | 
15 |   li {
16 |     display: inline;
17 |   }
18 | 
19 |   a {
20 |     display: inline-block;
21 |     padding: 5px 14px;
22 |     background-color: #fff;
23 |     border: 1px solid #ddd;
24 |     @include vendorize(border-radius, .9375em);
25 | 
26 |     &:hover {
27 |       text-decoration: none;
28 |       background-color: #f5f5f5;
29 |     }
30 | 
31 |   }
32 | 
33 |   .next a {
34 |     float: right;
35 |   }
36 | 
37 |   .previous a {
38 |     float: left;
39 |   }
40 | 
41 |   .disabled a {
42 |     color: #999;
43 |     cursor: default;
44 |     background-color: #fff;
45 | 
46 |     &:hover {
47 |       color: #999;
48 |       cursor: default;
49 |       background-color: #fff;
50 |     }
51 | 
52 |   }
53 | 
54 | }
55 | 


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


--------------------------------------------------------------------------------
/sass/modules/_lists.scss:
--------------------------------------------------------------------------------
 1 | /* Lists
 2 | --------------------------------------------------*/
 3 | 
 4 | ul, 
 5 | ol {
 6 |   margin-bottom: ($base-unit * 3);
 7 | }
 8 | 
 9 | ul {
10 |   list-style: none outside;
11 | 
12 |   &.square, &.circle, &.disc {
13 |     margin-left: ($base-unit * 3);
14 |   }
15 | 
16 |   &.square {
17 |     list-style: square outside;
18 |   }
19 | 
20 |   &.circle {
21 |     list-style: circle outside;
22 |   }
23 | 
24 |   &.disc {
25 |     list-style: disc outside;
26 |   }
27 | 
28 |   ul, 
29 |   ol {
30 |     margin: $base-unit 0 $base-unit ($base-unit * 3);
31 |     font-size: 90%;
32 |   }
33 | 
34 | }
35 | 
36 | ol {
37 |   list-style: decimal;
38 |   margin-left: ($base-unit * 3);
39 | 
40 |   ol, 
41 |   ul {
42 |     margin: $base-unit 0 $base-unit ($base-unit * 3);
43 |     font-size: 90%;
44 |   }
45 | 
46 | }
47 | 
48 | ul, 
49 | ol {
50 | 
51 |   ul, 
52 |   ol {
53 | 
54 |     li {
55 |       margin-bottom: $base-unit;
56 |     }
57 | 
58 |   }
59 | 
60 | }
61 | 
62 | li {
63 |   line-height: inherit;
64 |   margin-bottom: ($base-unit * 2);
65 | }
66 | 
67 | ul.large li, 
68 | li p {
69 |   line-height: inherit;
70 | }
71 | 
72 | .list-bordered {
73 |   list-style-type: none;
74 |   margin: 0 0 ($base-unit * 3) 0;
75 |   padding: 0;
76 | 
77 |   li {
78 |     margin-bottom: $base-unit;
79 |     padding-bottom: $base-unit;
80 |     border-bottom: 1px dashed #c7ced6;
81 | 
82 |     &:last-child {
83 |       margin-bottom: 0;
84 |       padding-bottom: 0;
85 |       border-bottom-width: 0;
86 |     }
87 | 
88 |   }
89 | 
90 | }	
91 | 


--------------------------------------------------------------------------------
/sass/modules/_tables.scss:
--------------------------------------------------------------------------------
 1 | 
 2 | table {
 3 |   width: 100%;
 4 |   max-width: 100%;
 5 |   margin-bottom: 1.5em;
 6 |   border-collapse: collapse;
 7 |   border-spacing: 0;
 8 |   background-color: transparent;
 9 | 
10 |   th, 
11 |   td {
12 |     padding: .5em;
13 |     vertical-align: top;
14 |     border-top: 1px solid #8c9bab;
15 |     font-size: em(14);
16 |     line-height: 1.5;
17 |     text-align: left;
18 |   }
19 | 
20 |   th {
21 |     font-weight: bold;
22 |   }
23 | 
24 |   thead th {
25 |     vertical-align: bottom;
26 |   }
27 | 
28 |   colgroup + thead tr:first-child {
29 | 
30 |     th, 
31 |     td {
32 |       border-top: 0;
33 |     }
34 | 
35 |   }
36 | 
37 |   thead:first-child tr:first-child {
38 | 
39 |     th, 
40 |     td {
41 |       border-top: 0;
42 |     }
43 | 
44 |   }
45 | 
46 |   tbody {
47 | 
48 |     + tbody {
49 |       border-top: 2px solid #8c9bab;
50 |     }
51 | 
52 |   }
53 | 
54 | }
55 | 
56 | .table-condensed {
57 | 
58 |   th, 
59 |   td {
60 |     padding: .25em .3125em;
61 |   }
62 | }
63 | 
64 | .table-bordered {
65 |   border: 1px solid #8c9bab;
66 |   border-left: 0;
67 |   border-collapse: separate;
68 |   *border-collapse: collapsed;
69 | 
70 |   th, 
71 |   td {
72 |     border-left: 1px solid #8c9bab;
73 |   }
74 | 
75 |   thead:first-child tr:first-child th {
76 |     border-top: 0;
77 |   }
78 | 
79 |   tbody:first-child tr:first-child {
80 | 
81 |     th, 
82 |     td {
83 |       border-top: 0;
84 |     }
85 | 
86 |   }
87 | 
88 | }
89 | 
90 | .table-striped tbody tr:nth-child(odd) {
91 | 
92 |   td, 
93 |   th {
94 |     background-color: #c7ced6;
95 |   }
96 | 
97 | }
98 | 


--------------------------------------------------------------------------------
/sass/base/_base.scss:
--------------------------------------------------------------------------------
 1 | 
 2 | /* HTML Elements
 3 | ================================================== */
 4 | /* apply a natural box layout model to all elements */
 5 | 
 6 | /* HTML & Body
 7 | --------------------------------------------------*/
 8 | 
 9 | * {
10 |   @include border-box;
11 |   margin: 0;
12 |   padding: 0;
13 | }
14 | 
15 | html {
16 |   background-color: $body-bg; 
17 |   height: 100%;
18 |   font-size: $base-font-size;
19 |   -webkit-overflow-scrolling: touch;
20 |   -webkit-tap-highlight-color: $link-color;
21 |   @include vendorize(text-size-adjust, $base-font-size);
22 | }
23 | 
24 | @if $root-font-size != 16 {
25 |     // So you decided to change that value? Okay pal, you asked for it...
26 |     html {
27 |         font-size: $root-font-size * 1px;
28 |     }
29 | }
30 | 
31 | body {
32 |   width: 100%;
33 |   background-color: transparent url('#{$imagePath}/tmp/grid.png');
34 |   @include type-setting(18, 27);
35 |   color: $body-font-color;
36 |   -webkit-font-smoothing: $font-smoothing;
37 |   /* Fix for webkit rendering */
38 |   @include vendorize(text-size-adjust, $base-font-size);
39 |   @include clearfix();
40 | }
41 | 
42 | 
43 | h1,
44 | h2,
45 | h3,
46 | h4,
47 | h5,
48 | h6,
49 | hgroup,
50 | ul,
51 | ol,
52 | dd,
53 | p,
54 | figure,
55 | pre,
56 | table,
57 | fieldset,
58 | hr {
59 |   margin-bottom: $spacing;
60 | }
61 | 
62 | /* Containers
63 | --------------------------------------------------*/
64 | 
65 | .container {
66 |   @include center-block;
67 |   width: 100%; 
68 |   max-width: $total-width; 
69 |   padding: 0;
70 | }
71 | 
72 | .content {
73 |   position: relative;
74 |   width: 100%;
75 | }
76 | 
77 | 
78 | 


--------------------------------------------------------------------------------
/sass/framework/_grid.scss:
--------------------------------------------------------------------------------
 1 | /*************************
 2 | ****** Grid System *******
 3 | **** Version: 0.0.2 ******
 4 | *************************/
 5 | // Utility function — you should never need to modify this
 6 | @function gridsystem-width($columns:$columns) {
 7 |   @return ($column-width * $columns) + ($gutter-width * $columns);
 8 | }
 9 | 
10 | //////////
11 | // GRID //
12 | //////////
13 | 
14 | @mixin row($columns:$columns) {
15 |   display: block;
16 |   width: $total-width*(($gutter-width + gridsystem-width($columns))/gridsystem-width($columns));
17 |   margin: 0 $total-width*((($gutter-width*.5)/gridsystem-width($columns))*-1);
18 |   // *width: $total-width*(($gutter-width + gridsystem-width($columns))/gridsystem-width($columns))-$correction;
19 |   // *margin: 0 $total-width*((($gutter-width*.5)/gridsystem-width($columns))*-1)-$correction;
20 |   @include clearfix();
21 | }
22 | 
23 | @mixin column($x, $columns:$columns) {
24 |   display: inline;
25 |   float: left;
26 |   width: $total-width*(((($gutter-width+$column-width)*$x)-$gutter-width) / gridsystem-width($columns));
27 |   margin: 0 $total-width*(($gutter-width*.5)/gridsystem-width($columns));
28 |   // *width: $total-width*(((($gutter-width+$column-width)*$x)-$gutter-width) / gridsystem-width($columns))-$correction;
29 |   // *margin: 0 $total-width*(($gutter-width*.5)/gridsystem-width($columns))-$correction;
30 | }
31 | 
32 | @mixin push($offset:1) {
33 |   margin-left: $total-width*((($gutter-width+$column-width)*$offset) / gridsystem-width($columns)) + $total-width*(($gutter-width*.5)/gridsystem-width($columns));
34 | }
35 | 
36 | @mixin pull($offset:1) {
37 |   margin-right: $total-width*((($gutter-width+$column-width)*$offset) / gridsystem-width($columns)) + $total-width*(($gutter-width*.5)/gridsystem-width($columns));
38 | }


--------------------------------------------------------------------------------
/sass/modules/_pagination.scss:
--------------------------------------------------------------------------------
 1 | /************************
 2 | ******* Pagination ******
 3 | **** Version: 0.0.1 *****
 4 | *************************/
 5 | 
 6 | /* Variables
 7 | ================================================== */
 8 | 
 9 |   $paging-shadow: 0 1px 2px rgba(0, 0, 0, .05);
10 |   $paging-radius: .1875em;
11 | 
12 | 
13 | .pagination {
14 |   height: 2.25em;
15 |   margin: 1.125em 0;
16 | 
17 |   ul {
18 |     display: inline-block;
19 |     padding: 0;
20 |     margin-bottom: 0;
21 |     margin-left: 0;
22 |     @include vendorize(border-radius, $paging-radius);
23 |     @include vendorize(box-shadow, $paging-shadow);
24 |   }
25 | 
26 |   li {
27 |     display: inline;
28 | 
29 |     &:first-child a {
30 |       border-left-width: 1px;
31 |       @include border-left-radius($paging-radius);
32 |     }
33 | 
34 |     &:last-child a {
35 |       @include border-right-radius($paging-radius);
36 |     }
37 | 
38 |   }
39 | 
40 |   a {
41 |     float: left;
42 |     padding: 0 .625em;
43 |     line-height: 1.75em;
44 |     text-decoration: none;
45 |     border: 1px solid #ddd;
46 |     border-left-width: 0;
47 | 
48 |     &:hover {
49 |       background-color: #f5f5f5;
50 |     }
51 | 
52 |   }
53 | 
54 |   .active a {
55 |     background-color: #f5f5f5;
56 |     color: #999;
57 |     cursor: default;
58 |   }
59 | 
60 |   .disabled {
61 | 
62 |     span {
63 |       color: #999;
64 |       cursor: default;
65 |       background-color: transparent;
66 |     }
67 | 
68 |     a {
69 |       color: #999;
70 |       cursor: default;
71 |       background-color: transparent;
72 | 
73 |       &:hover {
74 |         color: #999;
75 |         cursor: default;
76 |         background-color: transparent;
77 |       }
78 | 
79 |     }
80 | 
81 |   }
82 | 
83 | }
84 | 
85 | .pagination-centered {
86 |   text-align: center;
87 | }
88 | 
89 | .pagination-right {
90 |   text-align: right;
91 | }
92 | 


--------------------------------------------------------------------------------
/sass/helpers/_ie-support.scss:
--------------------------------------------------------------------------------
 1 | /* IE Support
 2 | ================================================== */
 3 | /* To ease the pain of dealing with special values for IE 6 - 10
 4 | */
 5 | 
 6 | // For example:
 7 | // test {
 8 | // /* Internet Explorer 10 */
 9 | //   @include ie10((property: value));
10 | // }
11 | 
12 | // Internet Explorer 6
13 | // ---
14 | // @param [literal] $value: value for Internet Explorer 6
15 | @function ie6($value) {
16 |   @return #{'_' + $value};
17 | }
18 | 
19 | @mixin ie6($declarations) {
20 |   @each $property, $value in $declarations {
21 |     #{$property}: ie6($value);
22 |   }
23 | }
24 | 
25 | // Internet Explorer 6-7
26 | // ---
27 | // @param [literal] $value: value for Internet Explorer 6 and 7
28 | @function ie7($value) {
29 |   @return #{'!' + $value};
30 | }
31 | 
32 | @mixin ie7($declarations) {
33 |   @each $property, $value in $declarations {
34 |     #{$property}: ie7($value);
35 |   }
36 | }
37 | 
38 | // Internet Explorer 6-8
39 | // ---
40 | // @param [literal] $value: value for Internet Explorer 6 to 8
41 | @function ie8($value) {
42 |   @return #{$value + ' \9'};
43 | }
44 | 
45 | @mixin ie8($declarations) {
46 |   @each $property, $value in $declarations {
47 |     #{$property}: ie8($value);
48 |   }
49 | }
50 | 
51 | // Internet Explorer 9-10
52 | // ---
53 | // @param [literal] $value: value for Internet Explorer 9 and 10
54 | @function ie9($value) {
55 |   @return #{$value + '\0'};
56 | }
57 | 
58 | @mixin ie9($declarations) {
59 |   @each $property, $value in $declarations {
60 |     #{$property}: ie9($value);
61 |   }
62 | }
63 | 
64 | // Internet Explorer 6-10
65 | // ---
66 | // @param [literal] $value: value for Internet Explorer 6 to 10
67 | @function ie10($value) {
68 |   @return #{$value + '\9'};
69 | }
70 | 
71 | @mixin ie10($declarations) {
72 |   @each $property, $value in $declarations {
73 |     #{$property}: ie10($value);
74 |   }
75 | }
76 | 


--------------------------------------------------------------------------------
/sass/modules/_transitions.scss:
--------------------------------------------------------------------------------
 1 | // Shorthand mixin. Supports multiple parentheses-deliminated values for each variable.
 2 | // Example: @include transition (all, 2.0s, ease-in-out);
 3 | //          @include transition ((opacity, width), (1.0s, 2.0s), ease-in, (0, 2s));
 4 | //          @include transition ($property:(opacity, width), $delay: (1.5s, 2.5s));
 5 | 
 6 | @mixin transition ($properties...) {
 7 |   @if length($properties) >= 1 {
 8 |     @include vendorize(transition, $properties);
 9 |   } @else {
10 |     $properties: all .15s ease-out 0;
11 |     @include vendorize(transition, $properties);
12 |   }
13 | }
14 | 
15 | @mixin transition-property ($properties...) {
16 |   -webkit-transition-property: transition-property-names($properties, 'webkit');
17 |   -moz-transition-property: transition-property-names($properties, 'moz');
18 |   transition-property: transition-property-names($properties, false);
19 | }
20 | 
21 | @mixin transition-duration ($times...) {
22 |   @include vendorize(transition-duration, $times);
23 | }
24 | 
25 | @mixin transition-timing-function ($motions...) {
26 | // ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier()
27 |   @include vendorize(transition-timing-function, $motions);
28 | }
29 | 
30 | @mixin transition-delay ($times...) {
31 |   @include vendorize(transition-delay, $times);
32 | }
33 | 
34 | 
35 | @mixin transform($property: none) {
36 | //  none | <transform-function>
37 |   @include prefixer(transform, $property, webkit moz ms o spec);
38 | }
39 | 
40 | @mixin transform-origin($axes: 50%) {
41 | // x-axis - left | center | right  | length | %
42 | // y-axis - top  | center | bottom | length | %
43 | // z-axis -                          length
44 |   @include prefixer(transform-origin, $axes, webkit moz ms o spec);
45 | }
46 | 
47 | @mixin transform-style ($style: flat) {
48 |   @include prefixer(transform-style, $style, webkit moz ms o spec);
49 | }
50 | 


--------------------------------------------------------------------------------
/sass/modules/_tabs.scss:
--------------------------------------------------------------------------------
 1 | /************************
 2 | *****     Tabs     ******
 3 | **** Version: 0.0.1 *****
 4 | *************************/
 5 | 
 6 | ul {
 7 | 
 8 |   &.tabs {
 9 |     display: block;
10 |     margin: 0 0 1.25em;
11 |     padding: 0;
12 |     border-bottom: solid 1px #ddd;
13 |     @include clear();
14 |     zoom: 1;
15 | 
16 |     li {
17 |       display: block;
18 |       width: auto;
19 |       height: auto;
20 |       padding: 0;
21 |       float: left;
22 |       margin-bottom: 0;
23 | 
24 |       a {
25 |         display: block;
26 |         text-decoration: none;
27 |         width: auto;
28 |         height: 1.8125em;
29 |         padding: 0 1.25em;
30 |         line-height: 1.815em;
31 |         border: solid 1px #ddd;
32 |         border-width: 1px 1px 0 0;
33 |         margin: 0;
34 |         background: #f5f5f5;
35 |         font-size: em(14);
36 | 
37 |         &.active {
38 |           background: #fff;
39 |           height: 1.8125em;
40 |           position: relative;
41 |           border-left-width: 1px;
42 |           margin: 0 0 0 -1px;
43 |           color: #111;
44 |           @include border-top-radius(em(2));
45 | 
46 |         }
47 | 
48 |       }
49 | 
50 |       &:first-child a {
51 | 
52 |         &.active {
53 |           margin-left: 0;
54 |         }
55 | 
56 |         border-width: 1px 1px 0;
57 |         -moz-border-radius-topleft: em(2);
58 |         -webkit-border-top-left-radius: em(2);
59 |         border-top-left-radius: em(2);
60 |       }
61 | 
62 |       &:last-child a {
63 |         -moz-border-radius-topright: em(2);
64 |         -webkit-border-top-right-radius: em(2);
65 |         border-top-right-radius: em(2);
66 |       }
67 | 
68 |     }
69 | 
70 |   }
71 | 
72 |   &.tabs-content {
73 |     margin: 0;
74 |     display: block;
75 | 
76 |     > li {
77 |       display: none;
78 | 
79 |       &.active {
80 |         display: block;
81 |       }
82 | 
83 |     }
84 | 
85 |   }
86 | 
87 | }
88 | 


--------------------------------------------------------------------------------
/sass/wirefy.scss:
--------------------------------------------------------------------------------
 1 | /* ============================================================
 2 | 
 3 | Wirefy by Chris Da Sie
 4 | Version: 3.0.5
 5 | URL: https://github.com/cjdsie/wirefy
 6 | Text Domain: Wirefy
 7 | MIT License
 8 | 
 9 | /* Import Base partial **Important Remove Partials That Aren't Needed**
10 | ==================================================*/
11 | 
12 | 
13 | /* VENDOR - Default fall backs & external .scss files. 
14 | ========================================================================== */
15 | 
16 | @import 'vendor/_normalize.scss';
17 | 
18 | /* Base - Base variable file along with starting points mixins & placeholders. ========================================================================== */
19 | 
20 | @import 'base/_variables.scss';
21 | @import 'base/_mixins.scss';
22 | @import 'base/_base.scss';
23 | 
24 | 
25 | /* FRAMEWORK - Structure & layout files including the grid function. 
26 | ========================================================================== */
27 | 
28 | @import 'framework/_grid.scss';
29 | @import 'framework/_typography.scss';
30 | 
31 | 
32 | /* Helpers - Added value to each file. (Optional) 
33 | ========================================================================== */
34 | 
35 | @import 'helpers/_ie-support.scss';
36 | @import 'helpers/_color-palette.scss';
37 | @import 'helpers/_font-awesome.scss';
38 | @import 'helpers/_render-gradients.scss';
39 | 
40 | 
41 | /* MODULES - Individual site elements. 
42 | ========================================================================== */
43 | 
44 | @import 'modules/_animations.scss';
45 | @import 'modules/_transitions.scss';
46 | @import 'modules/_breadcrumbs.scss';
47 | @import 'modules/_buttons.scss';
48 | @import 'modules/_blockquotes.scss';
49 | @import 'modules/_lists.scss';
50 | @import 'modules/_links.scss';
51 | @import 'modules/_pager.scss';
52 | @import 'modules/_pagination.scss';
53 | @import 'modules/_media.scss';
54 | @import 'modules/_slideshow.scss';
55 | @import 'modules/_hr.scss';
56 | @import 'modules/_forms.scss';
57 | @import 'modules/_tables.scss';
58 | @import 'modules/_tabs.scss';
59 | 
60 | 
61 | /* Theme - Theme styles for each area of the site. 
62 | ========================================================================== */
63 | 
64 | @import 'theme/_header.scss';
65 | @import 'theme/_menu.scss';
66 | @import 'theme/_main.scss';
67 | @import 'theme/_footer.scss';
68 | 


--------------------------------------------------------------------------------
/Gruntfile.js:
--------------------------------------------------------------------------------
 1 | module.exports = function(grunt) {
 2 | 
 3 | grunt.initConfig({
 4 | 	pkg: grunt.file.readJSON('package.json'),
 5 | 	scsslint: {
 6 | 	    allFiles: [
 7 | 	        'sass/*.scss', 'sass/base/*.scss', 'sass/helpers/*.scss', 'sass/framework/*.scss', 'sass/modules/*.scss', 'sass/theme/*.scss', 'sass/vendor/*.scss'
 8 | 	    ],
 9 | 	    options: {
10 | 	        bundleExec: false,
11 | 	        config: '.scss-lint.yml',
12 | 	        reporterOutput: 'scss-lint-report.xml',
13 | 	        colorizeOutput: true,
14 | 	        maxBuffer: 'Infinite'
15 | 	    }
16 | 	},
17 |     sass: {                                 // Task
18 |         dist: {                             // Target
19 |             files: {                        // Dictionary of files
20 |                 'css/wirefy.css': 'sass/wirefy.scss'     // 'destination': 'source'
21 |             }
22 |         },
23 |         dev: {                              // Another target
24 |             options: {
25 | 	            style: 'compressed',                      // Dictionary of render options
26 |                 includePaths: [
27 |                     'sass/','base/', 'helpers/', 'framework/', 'modules/', 'theme/', 'vendor/'
28 |                 ]
29 |             }
30 | 
31 |         }
32 |     },
33 |     uglify: {
34 | 	    build: {
35 | 	        src: 'js/plugins.js',
36 | 	        dest: 'js/plugins.min.js'
37 | 	    }
38 | 	},
39 | 	imagemin: {
40 | 		dynamic: {
41 | 		    files: [{
42 | 		      expand: true,
43 | 		      cwd: 'img/',
44 | 		      src: ['**/*.{png,jpg,gif}'],
45 | 		      dest: 'img/'
46 | 		    }]
47 | 		  }
48 | 	},
49 | 	cssmin: {
50 | 	  minify: {
51 | 	    expand: true,
52 | 	    cwd: 'css/',
53 | 	    src: ['wirefy.css', '!wirefy.min.css'],
54 | 	    dest: 'css/',
55 | 	    ext: '.min.css'
56 | 	  }
57 | 	},
58 | 	concat: {
59 | 		options: {
60 | 		      separator: ';'
61 | 		    },
62 | 	  js: {
63 | 	    src: [
64 | 	      'js/plugins.min.js',
65 | 	      'js/wirefy.js',
66 | 	      'js/helper.js',
67 | 	    ],
68 | 	    dest: 'js/wirefy.min.js'
69 | 	  }
70 | 	}
71 | });
72 | 
73 | grunt.loadNpmTasks('grunt-scss-lint');
74 | grunt.loadNpmTasks('grunt-contrib-sass');
75 | grunt.loadNpmTasks('grunt-contrib-uglify');
76 | grunt.loadNpmTasks('grunt-contrib-imagemin');
77 | grunt.loadNpmTasks('grunt-contrib-cssmin');
78 | grunt.loadNpmTasks('grunt-contrib-concat');
79 | grunt.registerTask('default', ['sass', 'uglify', 'imagemin', 'cssmin', 'concat']);
80 | 
81 | };


--------------------------------------------------------------------------------
/sass/theme/_menu.scss:
--------------------------------------------------------------------------------
  1 | /************************
  2 | ******   Menus    *******
  3 | **** Version: 0.0.1 *****
  4 | *************************/
  5 | /*! responsive-nav.js 1.0.23 by @viljamis */
  6 | 
  7 | .nav-collapse {
  8 |   list-style: none;
  9 |   width: 100%;
 10 |   float: left;
 11 | 
 12 |   ul {
 13 |     margin: 0;
 14 |     padding: 0;
 15 |     width: 100%;
 16 |     display: block;
 17 |     list-style: none;
 18 |     float: left;
 19 |   }
 20 | 
 21 |   li {
 22 |     width: 100%;
 23 |     display: block;
 24 |     float: left;
 25 | 
 26 |     @media(min-width: 40em) {
 27 |       width: 25%;
 28 |       *width: 24.9%;
 29 |       /* IE7 Hack */
 30 |       _width: 19%;
 31 |       /* IE6 Hack */ 
 32 |     }
 33 | 
 34 |   }
 35 | 
 36 |   &.opened {
 37 |     max-height: 9999px;
 38 |   }
 39 | 
 40 |   a {
 41 |     color: $white;
 42 |     text-decoration: none;
 43 |     width: 100%;
 44 |     background: $black-10;
 45 |     border-bottom: 1px solid $white;
 46 |     padding: .7em 1em;
 47 |     float: left;
 48 | 
 49 |     @media(min-width: 40em) {
 50 |       margin: 0;
 51 |       padding: 1em;
 52 |       float: left;
 53 |       text-align: center;
 54 |       border-bottom: 0;
 55 |       border-right: 1px solid $white;
 56 |     }
 57 | 
 58 |   }
 59 | 
 60 |   ul ul a {
 61 |     background: $black-20;
 62 |     padding-left: 2em;
 63 | 
 64 |     @media(min-width: 40em) {
 65 |       display: none;
 66 |     }
 67 | 
 68 |   }
 69 | 
 70 | }
 71 | 
 72 | .js .nav-collapse {
 73 |   clip: rect(0 0 0 0);
 74 |   max-height: 0;
 75 |   position: absolute;
 76 |   display: block;
 77 |   overflow: hidden;
 78 |   zoom: 1;
 79 | 
 80 |   @media(min-width: 40em) {
 81 |     position: relative;
 82 | 
 83 |     &.closed {
 84 |       max-height: none;
 85 |     }
 86 |   
 87 |   }
 88 | 
 89 | }
 90 | 
 91 | .disable-pointer-events {
 92 |   pointer-events: none !important;
 93 | }
 94 | 
 95 | .nav-toggle {
 96 |   position: fixed;
 97 |   -webkit-font-smoothing: antialiased;
 98 |   -moz-osx-font-smoothing: grayscale;
 99 |   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
100 |   -webkit-touch-callout: none;
101 |   @include vendorize(user-select, none);
102 |   text-decoration: none;
103 |   text-indent: -999px;
104 |   position: relative;
105 |   overflow: hidden;
106 |   width: 70px;
107 |   height: 55px;
108 |   float: right;
109 |   
110 |   &:before {
111 |     color: #444;
112 |     font-family: "icomoon";
113 |     font-style: normal;
114 |     font-weight: normal;
115 |     font-variant: normal;
116 |     font-size: 28px;
117 |     text-transform: none;
118 |     position: absolute;
119 |     content: "\e6b8";
120 |     text-indent: 0;
121 |     text-align: center;
122 |     line-height: 65px;
123 |     speak: none;
124 |     width: 100%;
125 |     top: 0;
126 |     left: 0;
127 |   }
128 | 
129 |   .active {
130 | 
131 |     &:before {
132 |       font-size: 24px;
133 |       content: "\e6fd";
134 |     }
135 | 
136 |   }
137 | 
138 |   @media(min-width: 40em) {
139 |     display: none;
140 |   }
141 | 
142 | }
143 | 


--------------------------------------------------------------------------------
/sass/modules/_animations.scss:
--------------------------------------------------------------------------------
  1 | /************************
  2 | ****** CSS Animation *******
  3 | **** Version: 0.0.1 *****
  4 | *************************/
  5 | 
  6 | /* Animations
  7 | ========================= */
  8 | 
  9 | // http://www.w3.org/TR/css3-animations/#the-animation-name-property-
 10 | // Each of these mixins support comma separated lists of values, which allows different transitions for individual properties to be described in a single style rule. Each value in the list corresponds to the value at that same position in the other properties.
 11 | 
 12 | // Official animation shorthand property.
 13 | @mixin animation ($animations...) {
 14 |   @include vendorize(animation, $animations);
 15 | }
 16 | 
 17 | // Individual Animation Properties
 18 | @mixin animation-name ($names...) {
 19 |   @include vendorize(animation-name, $names);
 20 | }
 21 | 
 22 | 
 23 | @mixin animation-duration ($times...) {
 24 |   @include vendorize(animation-duration, $times);
 25 | }
 26 | 
 27 | 
 28 | @mixin animation-timing-function ($motions...) {
 29 | // ease | linear | ease-in | ease-out | ease-in-out
 30 |   @include vendorize(animation-timing-function, $motions);
 31 | }
 32 | 
 33 | 
 34 | @mixin animation-iteration-count ($values...) {
 35 | // infinite | <number>
 36 |   @include vendorize(animation-iteration-count, $values);
 37 | }
 38 | 
 39 | 
 40 | @mixin animation-direction ($directions...) {
 41 | // normal | alternate
 42 |   @include vendorize(animation-direction, $directions);
 43 | }
 44 | 
 45 | 
 46 | @mixin animation-play-state ($states...) {
 47 | // running | paused
 48 |   @include vendorize(animation-play-state, $states);
 49 | }
 50 | 
 51 | 
 52 | @mixin animation-delay ($times...) {
 53 |   @include vendorize(animation-delay, $times);
 54 | }
 55 | 
 56 | 
 57 | @mixin animation-fill-mode ($modes...) {
 58 | // none | forwards | backwards | both
 59 |   @include vendorize(animation-fill-mode, $modes);
 60 | }
 61 | 
 62 | 
 63 | /* Keyframes
 64 | ========================= */
 65 | 
 66 | // Adds keyframes blocks for supported prefixes, removing redundant prefixes in the block's content
 67 | @mixin keyframes($name) {
 68 |   $original-prefix-for-webkit:    $prefix-for-webkit;
 69 |   $original-prefix-for-mozilla:   $prefix-for-mozilla;
 70 |   $original-prefix-for-microsoft: $prefix-for-microsoft;
 71 |   $original-prefix-for-opera:     $prefix-for-opera;
 72 |   $original-prefix-for-spec:      $prefix-for-spec;
 73 | 
 74 |   @if $original-prefix-for-webkit {
 75 |     @include disable-prefix-for-all();
 76 |     $prefix-for-webkit: true;
 77 |     @-webkit-keyframes #{$name} {
 78 |       @content;
 79 |     }
 80 |   }
 81 |   @if $original-prefix-for-mozilla {
 82 |     @include disable-prefix-for-all();
 83 |     $prefix-for-mozilla: true;
 84 |     @-moz-keyframes #{$name} {
 85 |       @content;
 86 |     }
 87 |   }
 88 |   @if $original-prefix-for-opera {
 89 |     @include disable-prefix-for-all();
 90 |     $prefix-for-opera: true;
 91 |     @-o-keyframes #{$name} {
 92 |       @content;
 93 |     }
 94 |   }
 95 |   @if $original-prefix-for-spec {
 96 |     @include disable-prefix-for-all();
 97 |     $prefix-for-spec: true;
 98 |     @keyframes #{$name} {
 99 |       @content;
100 |     }
101 |   }
102 | 
103 |   $prefix-for-webkit:    $original-prefix-for-webkit;
104 |   $prefix-for-mozilla:   $original-prefix-for-mozilla;
105 |   $prefix-for-microsoft: $original-prefix-for-microsoft;
106 |   $prefix-for-opera:     $original-prefix-for-opera;
107 |   $prefix-for-spec:      $original-prefix-for-spec;
108 | }
109 | 


--------------------------------------------------------------------------------
/js/wirefy.js:
--------------------------------------------------------------------------------
 1 | /* There are three styles of Slideshows you can use. #Slider1 offers the ability to have center buttons underneath the images. #Slider2 offers left and right arrows. And finally #Slider3 is the Kitchen sink. Both centered buttons and nav arrows are used. For Development, please delete the Sliders you don't need.
 2 | 
 3 | // Slideshow 1
 4 |  $(".rslides").responsiveSlides({
 5 |    auto: false,
 6 |    pager: true,
 7 |    nav: true,
 8 |    speed: 500,
 9 |    maxwidth: 800,
10 |    namespace: "centered-btns"
11 |  });
12 | 
13 |  // Slideshow 2
14 |  $(".rslides").responsiveSlides({
15 |    auto: false,
16 |    pager: true,
17 |    nav: true,
18 |    speed: 500,
19 |    maxwidth: 800,
20 |    namespace: "transparent-btns"
21 |  });
22 | 
23 |  // Slideshow 3
24 |   $(".rslides").responsiveSlides({
25 |     manualControls: '#slider3-pager',
26 |     maxwidth: 540
27 |   });
28 | 
29 |   // Slideshow 4
30 |   $(".rslides").responsiveSlides({
31 |     auto: false,
32 |     pager: false,
33 |     nav: true,
34 |     speed: 500,
35 |     namespace: "callbacks",
36 |     before: function () {
37 |       $('.events').append("<li>before event fired.</li>");
38 |     },
39 |     after: function () {
40 |       $('.events').append("<li>after event fired.</li>");
41 |     }
42 |   });
43 | 
44 | */
45 | 
46 | /* Other Slideshow Options */
47 | 
48 | $(".rslides").responsiveSlides({
49 |   auto: true,             // Boolean: Animate automatically, true or false
50 |   speed: 500,            // Integer: Speed of the transition, in milliseconds
51 |   timeout: 4000,          // Integer: Time between slide transitions, in milliseconds
52 |   pager: false,           // Boolean: Show pager, true or false
53 |   nav: false,             // Boolean: Show navigation, true or false
54 |   random: false,          // Boolean: Randomize the order of the slides, true or false
55 |   pause: false,           // Boolean: Pause on hover, true or false
56 |   pauseControls: true,    // Boolean: Pause when hovering controls, true or false
57 |   prevText: "Previous",   // String: Text for the "previous" button
58 |   nextText: "Next",       // String: Text for the "next" button
59 |   maxwidth: "",           // Integer: Max-width of the slideshow, in pixels
60 |   navContainer: "",       // Selector: Where controls should be appended to, default is after the 'ul'
61 |   manualControls: "",     // Selector: Declare custom pager navigation
62 |   namespace: "rslides",   // String: Change the default namespace used
63 |   before: function(){},   // Function: Before callback
64 |   after: function(){}     // Function: After callback
65 | });
66 | 
67 | 
68 | /* Responsive navigation */
69 | 
70 | var navigation = responsiveNav(".nav-collapse", {
71 |     animate: true,                    // Boolean: Use CSS3 transitions, true or false
72 |     transition: 284,                  // Integer: Speed of the transition, in milliseconds
73 |     label: "Menu",                    // String: Label for the navigation toggle
74 |     insert: "after",                  // String: Insert the toggle before or after the navigation
75 |     customToggle: "",                 // Selector: Specify the ID of a custom toggle
76 |     closeOnNavClick: false,           // Boolean: Close the navigation when one of the links are clicked
77 |     openPos: "relative",              // String: Position of the opened nav, relative or static
78 |     navClass: "nav-collapse",         // String: Default CSS class. If changed, you need to edit the CSS too!
79 |     navActiveClass: "js-nav-active",  // String: Class that is added to <html> element when nav is active
80 |     jsClass: "js",                    // String: 'JS enabled' class which is added to <html> element
81 |     init: function(){},               // Function: Init callback
82 |     open: function(){},               // Function: Open callback
83 |     close: function(){}               // Function: Close callback
84 |   });
85 | 
86 | /* FitVids is a standard when it comes to resizing videos through Responsive design. It currently supports inputs from YouTube, Vimeo, Blip.tv, Viddler and Kickstarter. FitVid also offers the ability to add your own vendor as well. */ 
87 | 
88 | $(".container").fitVids();
89 | // Custom selector and No-Double-Wrapping Prevention Test
90 | $(".container").fitVids({ customSelector: "iframe[src^='http://socialcam.com']"});


--------------------------------------------------------------------------------
/sass/framework/_typography.scss:
--------------------------------------------------------------------------------
  1 | /************************
  2 | ****** Typography *******
  3 | **** Version: 0.0.1 *****
  4 | *************************/
  5 | 
  6 | /* Table of Content
  7 | ==================================================
  8 | 	1.0 Variables
  9 | 	2.0 Functions
 10 | 	3.0 Mixins
 11 | 	4.0 Base Styles
 12 | 	4.0 Google Web Fonts Implementation
 13 | 	5.0 Font Awesome Implementation
 14 | 	*/
 15 | /**
 16 | *
 17 | * Type Setting Mixin
 18 | *
 19 | * Let all your relative type size worries wash away with this mixin.
 20 | * This mixin requires a target value, and a line height that will output a
 21 | * font-size in rems as a default. In addition, if a context value is given,
 22 | * the font size will be written in ems instead.
 23 | *
 24 | * Example (using rems):
 25 | *
 26 | * h1 {
 27 | *   @include type-setting(32, 36);
 28 | * }
 29 | *
 30 | * Output:
 31 | *
 32 | * h1 {
 33 | *   font-size: 2rem;
 34 | *   line-height: 1.125;
 35 | * }
 36 | *
 37 | *
 38 | **/
 39 | 
 40 | /* Base Styles
 41 | ========================= */
 42 | 
 43 | h1, 
 44 | h2, 
 45 | h3, 
 46 | h4, 
 47 | h5, 
 48 | h6 {
 49 |   @include web-font((Open Sans));
 50 |   color: $black-80;
 51 |   font-weight: $semi-bold;
 52 |   text-rendering: optimizelegibility;
 53 |   line-height:(24 / $basefont);
 54 | 
 55 |   a {
 56 |     font-weight: inherit;
 57 |   }
 58 | 
 59 | }
 60 | 
 61 | h1 {
 62 |   margin-bottom:em(21, $baseh1);
 63 | }
 64 | 
 65 | h2 {
 66 |   margin-bottom:em(17, $baseh2);
 67 | }
 68 | 
 69 | h3 {
 70 |   margin-bottom:em(19, $baseh3);
 71 | }
 72 | 
 73 | h4 {
 74 |   margin-bottom:em(24, $baseh4);
 75 | 	 
 76 | }
 77 | 
 78 | h5 {
 79 |  margin-bottom:em(20, $baseh5);
 80 | }
 81 | 
 82 | h6 {
 83 |  margin-bottom:em(20, $baseh6);
 84 |  text-transform:uppercase;
 85 | }
 86 | 
 87 | .subheader {
 88 |   color: #777;
 89 | }
 90 | 
 91 | p {
 92 |   margin: 0 0 $vertical-measure; // set bottom margin equal to line-height/vertical measure
 93 |   @include vendorize(word-wrap, break-word);
 94 |   word-break: break-word;
 95 |   @include vendorize(hyphens, auto);
 96 | 
 97 |   img {
 98 |     margin-bottom: .375em;
 99 |   }
100 | 
101 |   &.lead {
102 |     font-size: em(21);
103 |     line-height: em(27/$basefont);
104 |     color: #777;
105 |   }
106 | 
107 |   + p.no-indent {
108 |     text-indent: 0;
109 |   }
110 | 
111 | }
112 | 
113 | ol, 
114 | ul, 
115 | dl, 
116 | address {
117 |   margin-bottom: em(24, $basefont);
118 |   font-size: em($basefont);
119 |   line-height: (24 / $basefont);
120 | }
121 | 
122 | small {
123 |   font-size: em(10);
124 | }
125 | 
126 | blockquote {
127 | 
128 |   &:before, &:after {
129 |     content: '';
130 |     content: none;
131 |   }
132 | 
133 | }
134 | 
135 | q {
136 |   quotes: none;
137 | 
138 |   &:before, &:after {
139 |     content: '';
140 |     content: none;
141 |   }
142 | 
143 | }
144 | 
145 | cite {
146 |   font-style: normal;
147 | }
148 | 
149 | dl, 
150 | dd {
151 |   margin-bottom: em(24);
152 | }
153 | 
154 | dt {
155 |   font-weight: $heavy;
156 | }
157 | 
158 | .dl-horizontal {
159 | 
160 |   dt {
161 |     float: left;
162 |     clear: left;
163 |     width: 20.25%;
164 |     text-align: right;
165 |   }
166 | 
167 |   dd {
168 |     margin-left: 22.78%;
169 |   }
170 | 
171 | }
172 | 
173 | abbr[title] {
174 |   border-bottom: 1px dotted #c7ced6;
175 |   cursor: help;
176 | }
177 | 
178 | b, 
179 | strong {
180 |   font-weight: $heavy;
181 | }
182 | 
183 | dfn {
184 |   font-style: italic;
185 | }
186 | 
187 | ins {
188 |   background-color: #f3f5f6;
189 |   color: #000;
190 |   text-decoration: none;
191 | }
192 | 
193 | mark {
194 |   background-color: #f3f5f6;
195 |   color: $black;
196 |   font-style: italic;
197 |   font-weight: bold;
198 |   padding: 0 .25em;
199 | }
200 | 
201 | pre, 
202 | code, 
203 | kbd, 
204 | samp {
205 |   font-family: Monaco,Courier New,monospace;
206 |   font-size: em(14);
207 |   line-height: 1.5;
208 | }
209 | 
210 | 
211 | pre {
212 |   white-space: pre;
213 |   white-space: pre-wrap;
214 |   word-wrap: break-word;
215 | }
216 | 
217 | sub {
218 |   position: relative;
219 |   font-size: em(12);
220 |   line-height: 0;
221 |   vertical-align: baselineheight;
222 |   bottom: -.25em;
223 | }
224 | 
225 | sup {
226 |   position: relative;
227 |   font-size: em(12);
228 |   line-height: 0;
229 |   vertical-align: baselineheight;
230 |   top: -.5em;
231 | }
232 | 
233 | em {
234 |   font-style: italic;
235 | }
236 | 
237 | strong {
238 |   font-weight: bold;
239 |   color: #333;
240 | }
241 | 
242 | del {
243 |   text-decoration: line-through;
244 | }
245 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | [Wirefy](http://getwirefy.com)
 2 | =================
 3 | 
 4 | # Build intuitive, powerful wireframes for smarter web development
 5 | 
 6 | Wirefy was created as a tool to help web designers and developers create fast, manageable wireframes. It helps to speed up the journey between sketches and final deliverables. Like the web, it is in constant iteration. This requires a simple workflow and a well-defined collection of [atomic elements](http://bradfrostweb.com/blog/post/atomic-web-design/) so that new UIs can be quickly pulled together.
 7 | 
 8 | It is our belief that we aren't building pages but rather systems of components. This is why Wirefy has been built to be as flexible and comprehensive as it possible can be.  We are giving you the foundation layer to build on. You can style, add or remove components as you see fit. 
 9 | 
10 | Our goal is to help you make smarter UX decisions by focusing on the content first rather than the subjective design decisions. With a bit of base knowledge of HTML and CSS, you can start building flexible wireframes without the headache of working through countless calculations.
11 | 
12 | Creating static wireframes can be great but sometimes clients just don't understand how they function or change based on various devices. Building functional wireframes will help you communicate with clients better and work as a foundation for your fluid designs without losing sight of the importance of the content.
13 | 
14 | 
15 | ## Quick Start
16 | 
17 | Clone the git repo - `git clone git://github.com/cjdsie/wirefy.git` - or [download it](https://github.com/cjdsie/wirefy/zipball/master)
18 | 
19 | 
20 | ## Getting started
21 | 
22 | This framework using Node.js, NPM (Node Package Manager), and Grunt.js to manage the code in this repo. Please make sure that you have these installed to begin with. In order to get started with Grunt, you must install the Grunt command line interface (CLI) globally `npm install -g grunt-cli`. This will give you the ability to use the grunt development tasks found in the Gruntfile.js file. To preview code locally, you'll need to install Node and NPM, then run the following commands from a terminal window, in the repo directory: 
23 | 
24 | ``` bash
25 |  // If Grunt is not installed yet
26 |  $ npm install -g grunt-cli
27 | 
28 |  // If Grunt is installed start here
29 |  $ npm install
30 |  $ grunt
31 | ```
32 | Those commands do the following:
33 | 
34 | - `npm install` will install the necessary node.js packages to develop on this project
35 | - `grunt` will run a series of tasks defined in Gruntfile.js, such as concatenating or minifying CSS and JavaScript.
36 | 
37 | This is the only bit of the Node language will you will need to know to use Wirefy. Everything else is simple HTML, Sass and Javascript.
38 | 
39 | You can also include the `wirefy.min.css` file to the head of any project with CDN. 
40 | 
41 | `<link rel="stylesheet" src="//cdn.getwirefy.com/wirefy.min.css">` 
42 | 
43 | 
44 | ## Features
45 | 
46 | * Percentage based grid system
47 | * Responsive menu
48 | * Placeholder images
49 | * Three options for creating a responsive slideshow
50 | * A suite of form elements
51 | * Standard typography and the use of Font Awesome or Icomoon for icon fonts
52 | * Framework includes all base styles in one place
53 | 
54 | For full documentation, our homepage [here](http://getwirefy.com). 
55 | 
56 | ## Changelog
57 | 
58 | *	v3.0.5 New Typography mixin for rem's added, latest version of Font Awesome updated, config.rb file included for compass integration.
59 | *	v3.0.4 Updated README file with Grunt CLI install information and fixed button SASS file for global use across various SASS versions.
60 | *   v3.0.3 SASS Partials restructured for easier maintenance and basic JS functions added in.
61 | *   v3.0.2 Icomoon Font added. Better Partials and added CDN support
62 | *   v3.0.1 Added Grunt functionality for automated tasks.
63 | *   v3.0.0 Rebuilt from the ground up.
64 | *   v2.2.0 Reworked the entire grid to be more semantic and changed several other CSS files. More to come. 
65 | *	v2.1.1 Created Base Partial with Modular Scale Typography
66 | *	v2.0.9 Font Awesome Updated to 3.0 release
67 | *	v2.0.6 Reorganized and consolidated JS files into the plugin.js
68 | *   v2.0.5 Several fixes to the Grid and base.css. As well as a new class for Galleries. Added Templates for faster builds. 
69 | *   v2.0.3 Reduced Image sizes for increased compression overall
70 | *	v2.0.2 Added SASS support
71 | *	v2.0.1 Committed v2.0.1 
72 | 
73 | ## Contributing
74 | 
75 | Anyone and everyone is welcome to [contribute](/cjdsie/wirefy/blob/master/CONTRIBUTING.md). Help make Wirefy the best responsive wireframe tool.
76 | 
77 | 
78 | ## Project information
79 | 
80 | * Source: [http://github.com/cjdsie/wirefy](http://github.com/cjdsie/wirefy)
81 | * Web: [http://getwirefy.com](http://getwirefy.com)
82 | * Twitter: [@wirefy](http://twitter.com/wirefy)
83 | 
84 | If you've been using Wirefy, we want to hear from you. We want to make Wirefy even better as an efficient tool in your process. Please send us along any feedback you have.
85 | 
86 | ## ToDo
87 | 
88 | * Create new Template files
89 | * Continue to improve grid and typography
90 | 
91 | 
92 | 


--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
  1 | #Contributing to Wirefy
  2 | =================
  3 | ♥ [Wirefy](http://getwirefy.com) and want to get involved?
  4 | We would love that and you've made us blush. First thank you so much. Now there are plenty of ways you can help.
  5 | 
  6 | 
  7 | ## Reporting Issues
  8 | A bug is caused by a coding problem located in the repository. These can hinder users from getting the most out of Wirefy. We want to reduce the number of bugs and issues found within the code.  
  9 | 
 10 | Please review the following guidelines before you [report an issue](https://github.com/cjdsie/wirefy/issues/):
 11 | 
 12 | 1. **Use the GitHub issue search** &mdash; to see if the issue has already been
 13 |    reported. If it has been, please only comment on the existing issue.
 14 | 
 15 | 2. **Check if the issue has been fixed** &mdash; the latest `master` or
 16 |    development branch may already contain a fix. Always grab the latest code to work from.
 17 | 
 18 | 3. **Isolate the problem** &mdash; make sure that the code in the
 19 |    project's repository is _definitely_ responsible for the issue. Create a
 20 |    [reduced test case](http://css-tricks.com/6263-reduced-test-cases/) - an
 21 |    extremely simple and immediately viewable example of the issue.
 22 | 
 23 | 4. **Include a live example** &mdash; provide a link to your reduced test case
 24 |    when appropriate (e.g. if the issue is related to (front-end technologies).
 25 |    Please use [jsFiddle](http://jsfiddle.net) or [codepen](http://codepen.io) to host examples.
 26 | 
 27 | Please be as detailed as possible in your report too. What is your
 28 | environment? What steps will reproduce the issue? What browser(s) and OS
 29 | experience the problem? What would you expect to be the outcome? All these
 30 | details will help people to assess and fix any potential bugs.
 31 | 
 32 | 
 33 | ## Example Bug Report:
 34 | 
 35 | > Short and descriptive title
 36 | >
 37 | > A summary of the issue and the browser/OS environment in which it occurs. If
 38 | > suitable, include the steps required to reproduce the bug.
 39 | >
 40 | > 1. This is the first step
 41 | > 2. This is the second step
 42 | > 3. Further steps, etc.
 43 | >
 44 | > `<url>` (a link to the reduced test case)
 45 | >
 46 | > Any other information you want to share that is relevant to the issue being
 47 | > reported. This might include the lines of code that you have identified as
 48 | > causing the bug, and potential solutions (and your opinions on their
 49 | > merits).
 50 | 
 51 | A good bug report shouldn't leave people needing to chase you up to get further information that is required to assess or fix the bug.
 52 | 
 53 | **[File a bug report](https://github.com/cjdsie/wirefy/issues/)**  
 54 | 
 55 | 
 56 | ## Pull Requests
 57 | 
 58 | Good pull requests — patches, improvements, new features — are a fantastic way to help. They should remain focused in scope and avoid containing unrelated commits.
 59 | 
 60 | If your contribution involves a significant amount of work or substantial changes to any part of the project, please open an issue to discuss it first.
 61 | 
 62 | Please follow this process; it's the best way to get your work included in the project:
 63 | 
 64 | 1. [Fork](http://help.github.com/fork-a-repo/) the project.
 65 | 
 66 | 2. Clone your fork (`git clone
 67 |    https://github.com/<your-username>/wirefy.git`).
 68 | 
 69 | 3. Add an `upstream` remote (`git remote add upstream
 70 |    https://github.com/cjdsie/wirefy.git`).
 71 | 
 72 | 4. Get the latest changes from upstream (e.g. `git pull upstream
 73 |    <dev-branch>`).
 74 | 
 75 | 5. Create a new topic branch to contain your feature, change, or fix (`git
 76 |    checkout -b <topic-branch-name>`).
 77 | 
 78 | 6. Make sure that your changes adhere to the current coding conventions used
 79 |    throughout the project - indentation, accurate comments, etc. Please update
 80 |    any documentation that is relevant to the change you are making.
 81 | 
 82 | 7. Commit your changes in logical chunks; use git's [interactive
 83 |    rebase](https://help.github.com/articles/interactive-rebase) feature to tidy
 84 |    up your commits before making them public. Please adhere to these [git commit
 85 |    message
 86 |    guidelines](http://tbaggery.com/2008/04/19/a-note-about-git-commit-messages.html)
 87 |    or your pull request is unlikely be merged into the main project.
 88 | 
 89 | 8. Locally merge (or rebase) the upstream branch into your topic branch.
 90 | 
 91 | 9. Push your topic branch up to your fork (`git push origin
 92 |    <topic-branch-name>`).
 93 | 
 94 | 10. [Open a Pull Request](http://help.github.com/send-pull-requests/) with a
 95 |     clear title and description. Please mention which browsers you tested in.
 96 | 
 97 | ## Examples and Tutorial
 98 | 
 99 | If you've been working with Wirefy and would like to share your work with the world, we want to hear from you. We will feature you as an example. [Get in touch](mailto:chris@chrisdasie.com?subject=I'm%20using%20Wirefy) with the subject line of _I'm using Wirefy_.
100 | 
101 | You can also help others with Wirefy by writing tutorials or articles about the ways you use the code. We will then compile that list and forward new users to your site.
102 | 
103 | 
104 | 
105 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <!-- 
  3 | Wirefy by Chris Da Sie
  4 | Version: 3.0.4
  5 | URL: https://getwirefy.com
  6 | MIT License
  7 | -->
  8 | 
  9 | <!-- HTML5 Boilerplate -->
 10 | <!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
 11 | <!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]-->
 12 | <!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]-->
 13 | <!--[if gt IE 8]><!--> <html class="no-js" lang="en"><!--<![endif]-->
 14 | <head>
 15 | 
 16 |  <!-- Basic Page Needs
 17 | ================================================= -->
 18 |  <meta charset="utf-8">
 19 |  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 20 |  <title></title>
 21 |  <meta name="description" content="">
 22 |  <meta name="author" content="humans.txt">
 23 |  <meta name="keywords" content="">
 24 |  
 25 |  <!-- Mobile Specific Metas
 26 | ================================================= -->
 27 |  <meta name="HandheldFriendly" content="True">
 28 |  <meta name="MobileOptimized" content="320">
 29 |  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 30 | 
 31 | 
 32 |  <!-- CSS - These are your main CSS files. All base styles can be found in the base.css and any additional styles 
 33 |  or overwrites should be used in the layout.css. We have now added support for SCSS. Using CodeKit or a similar preprocessor will help you write and rewrite the SCSS files.  
 34 | ================================================= -->
 35 |  <!-- <link rel="stylesheet" href="css/font-awesome-ie7.min.css"> -->
 36 |  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.min.css">
 37 |  	<!-- IcoMoon Font -->
 38 |  <link rel="stylesheet" href="http://i.icomoon.io/public/18970fcf57/Wirefy/style.css">
 39 |  <link rel="stylesheet" href="css/wirefy.css"> <!-- Compiled from wirefy.scss -->
 40 |  <!-- Optional use CDN. Then add your own stylesheet on top -->
 41 |  <!-- <link rel="stylesheet" href="//cdn.getwirefy.com/wirefy.min.css"> -->
 42 |  
 43 |  <!-- Browser Specific Javascript
 44 | ================================================= -->
 45 |  <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
 46 | 
 47 | <!--[if lt IE 9 & !IEMobile]>
 48 |   <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
 49 |   <script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.js"></script>
 50 | <![endif]-->
 51 | 
 52 |  <!-- Favicon and apple-touch-icon.png in the img folder. Include the ones you need.
 53 |  ================================================== -->
 54 |  <link rel="apple-touch-icon" href="images/favicon/favicon.png"/>
 55 |  <link rel="icon" href="images/favicon/favicon.png"/>
 56 |  <link rel="icon" href="images/favicon/favicon.png" sizes="16x16"/>
 57 |  <link rel="icon" href="images/favicon/favicon.png" sizes="32x32"/>
 58 |  <link rel="icon" href="images/favicon/favicon.png" sizes="48x48"/>
 59 |  <link rel="icon" href="images/favicon/favicon.png" sizes="64x64"/>
 60 |  <link rel="icon" href="images/favicon/favicon.png" sizes="128x128"/>
 61 |  <!--[if IE]>
 62 |    <link rel="shortcut icon" href="images/favicon/favicon.ico"/>
 63 |  <![endif]-->
 64 | 
 65 | 
 66 | 
 67 |  <!-- Windows 8 startup screen
 68 |  ================================================== -->
 69 | <meta name="application-name" content="Wirefy"/> 
 70 | <meta name="msapplication-TileColor" content="#111"/>
 71 | <meta name="msapplication-TileImage" content="images/favicon/favicon.png"/>
 72 |  
 73 |  <!-- Font Smoothing FF/Windows
 74 |  ================================================== -->
 75 |  <meta http-equiv="cleartype" content="on">
 76 | 
 77 | </head>
 78 | 
 79 | <body>
 80 | 	
 81 |   <!-- Begin adding your site or application content here -->
 82 | 
 83 |   <!-- This is the header information. You can add things like logos and navigation here. -->
 84 |   <header role="banner">
 85 |     <nav role="navigation" class="nav-collapse">
 86 |     </nav>
 87 |   </header>
 88 | 			
 89 |   <div role="main">
 90 | 	<p>Something very very interesting being written here.</p>	
 91 |   </div>
 92 | 	
 93 |   <!-- This is you can place your footer information like menu links, contact information, etc -->		
 94 |   <footer role="contentinfo">
 95 |   </footer>
 96 | 
 97 |   <!-- JS - Add or remove any of the scripts to suit the functionality you wish to display. 
 98 |   ================================================== -->
 99 |   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
100 |   <script>window.jQuery || document.write('<script src="js/vendor/jquery.min.js"><\/script>')</script>
101 |   <script src="js/plugins.min.js"></script>
102 |   <script src="js/wirefy.js"></script>
103 |    <!-- Optional use CDN. Then add your own javascript on top -->
104 |    <!-- <script src="//cdn.getwirefy.com/wirefy.min.js"></script> -->
105 |   
106 |   
107 |   <!-- Asynchronous Google Analytics snippet. Change UA-XXXXX-X to be your site's ID.
108 |      mathiasbynens.be/notes/async-analytics-snippet -->
109 |   <script>
110 |       var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
111 |       (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
112 |       g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
113 |       s.parentNode.insertBefore(g,s)}(document,'script'));
114 |   </script>
115 | 
116 | </body>
117 | </html>


--------------------------------------------------------------------------------
/sass/modules/_buttons.scss:
--------------------------------------------------------------------------------
  1 | /************************
  2 | *****    Buttons   ******
  3 | **** Version: 0.0.3 ****
  4 | **** Updated for SASS 3.3.5 *****
  5 | *************************/
  6 | 
  7 | 
  8 | //
  9 | // Button Variables
 10 | //
 11 | 
 12 | // We use these to build padding for buttons.
 13 | $button-med: em(12);
 14 | $button-tny: em(7);
 15 | $button-sml: em(9);
 16 | $button-lrg: em(16);
 17 | 
 18 | // We use this to control the display property.
 19 | $button-display: inline-block;
 20 | $button-margin-bottom: em(20);
 21 | 
 22 | // We use these to control button text styles.
 23 | $button-font-family: inherit;
 24 | $button-font-color: #fff;
 25 | $button-font-color-alt: #333;
 26 | $button-font-med: em(16);
 27 | $button-font-tny: em(11);
 28 | $button-font-sml: em(13);
 29 | $button-font-lrg: em(20);
 30 | $button-font-weight: $semi-bold;
 31 | $button-font-align: center;
 32 | 
 33 | // We use these to control various hover effects.
 34 | $button-function-factor: 10%;
 35 | 
 36 | // We use these to control button border styles.
 37 | $button-border-width: 1px;
 38 | $button-border-style: solid;
 39 | 
 40 | // Radius and Rounded
 41 | $global-radius: em(3);
 42 | $global-rounded: em(1000);
 43 | 
 44 | // We use this to set the default radius used throughout the core.
 45 | $button-radius: $global-radius;
 46 | $button-round: $global-rounded;
 47 | 
 48 | // We use this to set default opacity for disabled buttons.
 49 | $button-disabled-opacity: .6;
 50 | 
 51 | 
 52 | 
 53 | 
 54 | //
 55 | // Button Mixins
 56 | //
 57 | 
 58 | // We use this mixin to create a default button base.
 59 | @mixin button-base($style:true, $display:$button-display) {
 60 |   @if $style {
 61 |     border-style: $button-border-style;
 62 |     border-width: $button-border-width;
 63 |     cursor: $cursor-pointer-value;
 64 |     font-family: $button-font-family;
 65 |     font-weight: $button-font-weight;
 66 |     line-height: 1;
 67 |     margin: 0 0 $button-margin-bottom;
 68 |     position: relative;
 69 |     text-decoration: none;
 70 |     text-align: $button-font-align;
 71 |   }
 72 |   @if $display { display: $display; }
 73 | }
 74 | 
 75 | // We use this mixin to add button size styles
 76 | @mixin button-size($padding:$button-med, $full-width:false, $is-input:false) {
 77 | 
 78 |   // We control which padding styles come through,
 79 |   // these can be turned off by setting $padding:false
 80 |   @if $padding {
 81 |     padding-top: $padding;
 82 |     padding-#{$opposite-direction}: $padding * 2;
 83 |     padding-bottom: $padding + em(1);
 84 |     padding-#{$default-float}: $padding * 2;
 85 | 
 86 |     // We control the font-size based on mixin input.
 87 |     @if      $padding == $button-med { font-size: $button-font-med; }
 88 |     @else if $padding == $button-tny { font-size: $button-font-tny; }
 89 |     @else if $padding == $button-sml { font-size: $button-font-sml; }
 90 |     @else if $padding == $button-lrg { font-size: $button-font-lrg; }
 91 |     @else                     { font-size: $padding - em(2); }
 92 |   }
 93 | 
 94 |   // We can set $full-width:true to remove side padding extend width.
 95 |   @if $full-width {
 96 |     // We still need to check if $padding is set.
 97 |     @if $padding {
 98 |       padding-top: $padding;
 99 |       padding-bottom: $padding + em(1);
100 |     } @else if $padding == false {
101 |       padding-top: 0;
102 |       padding-bottom: 0;
103 |     }
104 |     padding-right: 0;
105 |     padding-left: 0;
106 |     width: 100%;
107 |   }
108 | 
109 |   // <input>'s and <button>'s take on strange padding. We added this to help fix that.
110 |   @if $is-input == $button-lrg {
111 |     padding-top: $is-input + em(.5);
112 |     padding-bottom: $is-input + em(.5);
113 |     -webkit-appearance: none;
114 |   } @else if $is-input {
115 |     padding-top: $is-input + em(1);
116 |     padding-bottom: $is-input;
117 |     -webkit-appearance: none;
118 |   }
119 | }
120 | 
121 | // We use this mixin to add button color styles
122 | @mixin button-style($bg:$primary-color, $radius:false, $disabled:false) {
123 | 
124 |   // We control which background styles are used,
125 |   // these can be removed by setting $bg:false
126 |   @if $bg {
127 |     // This find the lightness percentage of the background color.
128 |     $bg-lightness: lightness($bg);
129 | 
130 |     background-color: $bg;
131 |     border-color: darken($bg, $button-function-factor);
132 | 
133 |     &:hover,
134 |     &:focus { 
135 |       background-color: darken($bg, $button-function-factor); 
136 |     }
137 | 
138 |     // We control the text color for you based on the background color.
139 |     @if $bg-lightness > 70% {
140 |       color: $button-font-color-alt;
141 | 
142 |       &:hover,
143 |       &:focus {
144 |         color: $button-font-color-alt; 
145 |       }
146 | 
147 |     } @else {
148 |       color: $button-font-color;
149 | 
150 |       &:hover,
151 |       &:focus { 
152 |         color: $button-font-color; 
153 |       }
154 | 
155 |     }
156 | 
157 |   }
158 | 
159 |   // We can set $disabled:true to create a disabled transparent button.
160 |   @if $disabled {
161 |     cursor: $cursor-default-value;
162 |     opacity: $button-disabled-opacity;
163 |     @if $experimental {
164 |       -webkit-box-shadow: none;
165 |     }
166 |     box-shadow: none;
167 | 
168 |     &:hover,
169 |     &:focus { 
170 |       background-color: $bg; 
171 |     }
172 | 
173 |   }
174 | 
175 |   // We can control how much button radius us used.
176 |   @if $radius == true { @include radius($button-radius); }
177 |   @else if $radius { @include radius($radius); }
178 | 
179 | }
180 | 
181 | // We use this to quickly create buttons with a single mixin. As @jaredhardy puts it, "the kitchen sink mixin"
182 | @mixin button($padding:$button-med, $bg:$primary-color, $radius:false, $full-width:false, $disabled:false, $is-input:false, $is-prefix:false) {
183 |   @include button-base;
184 |   @include button-size($padding, $full-width, $is-input);
185 |   @include button-style($bg, $radius, $disabled);
186 | }
187 | 


--------------------------------------------------------------------------------
/sass/vendor/_normalize.scss:
--------------------------------------------------------------------------------
  1 | /*************************
  2 | ***** Normalize.css ******
  3 | **** Version: 0.0.1 ******
  4 | *************************/
  5 | 
  6 | /*! normalize.css v2.1.2 | MIT License | git.io/normalize */
  7 | 
  8 | /* ==========================================================================
  9 |    HTML5 display definitions
 10 |    ========================================================================== */
 11 | 
 12 | /**
 13 |  * Correct `block` display not defined in IE 8/9.
 14 |  */
 15 | 
 16 | article, 
 17 | aside, 
 18 | details, 
 19 | figcaption, 
 20 | figure, 
 21 | footer, 
 22 | header, 
 23 | hgroup, 
 24 | main, 
 25 | nav, 
 26 | section, 
 27 | summary {
 28 |   display: block;
 29 | }
 30 | 
 31 | /**
 32 |  * Correct `inline-block` display not defined in IE 8/9.
 33 |  */
 34 | 
 35 | audio, 
 36 | canvas, 
 37 | video {
 38 |   display: inline-block;
 39 | }
 40 | 
 41 | /**
 42 |  * Prevent modern browsers from displaying `audio` without controls.
 43 |  * Remove excess height in iOS 5 devices.
 44 |  */
 45 | 
 46 | audio:not([controls]) {
 47 |   display: none;
 48 |   height: 0;
 49 | }
 50 | 
 51 | /**
 52 |  * Address styling not present in IE 8/9.
 53 |  */
 54 | 
 55 | [hidden] {
 56 |   display: none;
 57 | }
 58 | 
 59 | /* ==========================================================================
 60 |    Base
 61 |    ========================================================================== */
 62 | 
 63 | /**
 64 |  * 1. Set default font family to sans-serif.
 65 |  * 2. Prevent iOS text size adjust after orientation change, without disabling
 66 |  *    user zoom.
 67 |  */
 68 | 
 69 | html {
 70 |   font-family: sans-serif;
 71 |   /* 1 */
 72 |   -ms-text-size-adjust: 100%;
 73 |   /* 2 */
 74 |   -webkit-text-size-adjust: 100%;
 75 |   /* 2 */
 76 | }
 77 | 
 78 | /**
 79 |  * Remove default margin.
 80 |  */
 81 | 
 82 | body {
 83 |   margin: 0;
 84 | }
 85 | 
 86 | /* ==========================================================================
 87 |    Links
 88 |    ========================================================================== */
 89 | 
 90 | /**
 91 |  * Address `outline` inconsistency between Chrome and other browsers.
 92 |  */
 93 | 
 94 | a {
 95 |   &:focus {
 96 |     outline: thin dotted;
 97 |   }
 98 |   &:active, &:hover {
 99 |     outline: 0;
100 |   }
101 | }
102 | 
103 | /**
104 |  * Improve readability when focused and also mouse hovered in all browsers.
105 |  */
106 | 
107 | /* ==========================================================================
108 |    Typography
109 |    ========================================================================== */
110 | 
111 | /**
112 |  * Address variable `h1` font-size and margin within `section` and `article`
113 |  * contexts in Firefox 4+, Safari 5, and Chrome.
114 |  */
115 | 
116 | h1 {
117 |   font-size: 2em;
118 |   margin: .67em 0;
119 | }
120 | 
121 | /**
122 |  * Address styling not present in IE 8/9, Safari 5, and Chrome.
123 |  */
124 | 
125 | abbr[title] {
126 |   border-bottom: 1px dotted;
127 | }
128 | 
129 | /**
130 |  * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
131 |  */
132 | 
133 | b, strong {
134 |   font-weight: bold;
135 | }
136 | 
137 | /**
138 |  * Address styling not present in Safari 5 and Chrome.
139 |  */
140 | 
141 | dfn {
142 |   font-style: italic;
143 | }
144 | 
145 | /**
146 |  * Address differences between Firefox and other browsers.
147 |  */
148 | 
149 | hr {
150 |   -moz-box-sizing: content-box;
151 |   box-sizing: content-box;
152 |   height: 0;
153 | }
154 | 
155 | /**
156 |  * Address styling not present in IE 8/9.
157 |  */
158 | 
159 | mark {
160 |   background: #ff0;
161 |   color: #000;
162 | }
163 | 
164 | /**
165 |  * Correct font family set oddly in Safari 5 and Chrome.
166 |  */
167 | 
168 | code, kbd, pre, samp {
169 |   font-family: monospace, serif;
170 |   font-size: 1em;
171 | }
172 | 
173 | /**
174 |  * Improve readability of pre-formatted text in all browsers.
175 |  */
176 | 
177 | pre {
178 |   white-space: pre-wrap;
179 | }
180 | 
181 | /**
182 |  * Set consistent quote types.
183 |  */
184 | 
185 | q {
186 |   quotes: "\201C" "\201D" "\2018" "\2019";
187 | }
188 | 
189 | /**
190 |  * Address inconsistent and variable font size in all browsers.
191 |  */
192 | 
193 | small {
194 |   font-size: 80%;
195 | }
196 | 
197 | /**
198 |  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
199 |  */
200 | 
201 | sub {
202 |   font-size: 75%;
203 |   line-height: 0;
204 |   position: relative;
205 |   vertical-align: baseline;
206 | }
207 | 
208 | sup {
209 |   font-size: 75%;
210 |   line-height: 0;
211 |   position: relative;
212 |   vertical-align: baseline;
213 |   top: -.5em;
214 | }
215 | 
216 | sub {
217 |   bottom: -.25em;
218 | }
219 | 
220 | /* ==========================================================================
221 |    Embedded content
222 |    ========================================================================== */
223 | 
224 | /**
225 |  * Remove border when inside `a` element in IE 8/9.
226 |  */
227 | 
228 | img {
229 |   border: 0;
230 | }
231 | 
232 | /**
233 |  * Correct overflow displayed oddly in IE 9.
234 |  */
235 | 
236 | svg:not(:root) {
237 |   overflow: hidden;
238 | }
239 | 
240 | /* ==========================================================================
241 |    Figures
242 |    ========================================================================== */
243 | 
244 | /**
245 |  * Address margin not present in IE 8/9 and Safari 5.
246 |  */
247 | 
248 | figure {
249 |   margin: 0;
250 | }
251 | 
252 | /* ==========================================================================
253 |    Forms
254 |    ========================================================================== */
255 | 
256 | /**
257 |  * Define consistent border, margin, and padding.
258 |  */
259 | 
260 | fieldset {
261 |   border: 1px solid #c0c0c0;
262 |   margin: 0 2px;
263 |   padding: .35em .625em .75em;
264 | }
265 | 
266 | /**
267 |  * 1. Correct `color` not being inherited in IE 8/9.
268 |  * 2. Remove padding so people aren't caught out if they zero out fieldsets.
269 |  */
270 | 
271 | legend {
272 |   border: 0;
273 |   /* 1 */
274 |   padding: 0;
275 |   /* 2 */
276 | }
277 | 
278 | /**
279 |  * 1. Correct font family not being inherited in all browsers.
280 |  * 2. Correct font size not being inherited in all browsers.
281 |  * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
282 |  */
283 | 
284 | button, 
285 | input, 
286 | select, 
287 | textarea {
288 |   font-family: inherit;
289 |   /* 1 */
290 |   font-size: 100%;
291 |   /* 2 */
292 |   margin: 0;
293 |   /* 3 */
294 | }
295 | 
296 | /**
297 |  * Address Firefox 4+ setting `line-height` on `input` using `!important` in
298 |  * the UA stylesheet.
299 |  */
300 | 
301 | button, 
302 | input {
303 |   line-height: normal;
304 | }
305 | 
306 | /**
307 |  * Address inconsistent `text-transform` inheritance for `button` and `select`.
308 |  * All other form control elements do not inherit `text-transform` values.
309 |  * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
310 |  * Correct `select` style inheritance in Firefox 4+ and Opera.
311 |  */
312 | 
313 | button, 
314 | select {
315 |   text-transform: none;
316 | }
317 | 
318 | /**
319 |  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
320 |  *    and `video` controls.
321 |  * 2. Correct inability to style clickable `input` types in iOS.
322 |  * 3. Improve usability and consistency of cursor style between image-type
323 |  *    `input` and others.
324 |  */
325 | 
326 | button, 
327 | html input[type="button"] {
328 |   -webkit-appearance: button;
329 |   /* 2 */
330 |   cursor: pointer;
331 |   /* 3 */
332 | }
333 | 
334 | input {
335 |   &[type="reset"], &[type="submit"] {
336 |     -webkit-appearance: button;
337 |     /* 2 */
338 |     cursor: pointer;
339 |     /* 3 */
340 |   }
341 | }
342 | 
343 | /**
344 |  * Re-set default cursor for disabled elements.
345 |  */
346 | 
347 | button[disabled], 
348 | html input[disabled] {
349 |   cursor: default;
350 | }


--------------------------------------------------------------------------------
/js/helper.js:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * MBP - Mobile boilerplate helper functions
  3 |  */
  4 | (function(document){
  5 | 
  6 | window.MBP = window.MBP || {}; 
  7 | 
  8 | // Fix for iPhone viewport scale bug 
  9 | // http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/
 10 | 
 11 | MBP.viewportmeta = document.querySelector && document.querySelector('meta[name="viewport"]');
 12 | MBP.ua = navigator.userAgent;
 13 | 
 14 | MBP.scaleFix = function () {
 15 |   if (MBP.viewportmeta && /iPhone|iPad|iPod/.test(MBP.ua) && !/Opera Mini/.test(MBP.ua)) {
 16 |     MBP.viewportmeta.content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";
 17 |     document.addEventListener("gesturestart", MBP.gestureStart, false);
 18 |   }
 19 | };
 20 | MBP.gestureStart = function () {
 21 |   MBP.viewportmeta.content = "width=device-width, minimum-scale=0.25, maximum-scale=1.6";
 22 | };
 23 | 
 24 | 
 25 | /*
 26 |   * Normalized hide address bar for iOS & Android
 27 |   * (c) Scott Jehl, scottjehl.com
 28 |   * MIT License
 29 | */
 30 | 
 31 | // If we split this up into two functions we can reuse
 32 | // this function if we aren't doing full page reloads.
 33 | 
 34 | // If we cache this we don't need to re-calibrate everytime we call
 35 | // the hide url bar
 36 | MBP.BODY_SCROLL_TOP = false;
 37 | 
 38 | // So we don't redefine this function everytime we
 39 | // we call hideUrlBar
 40 | MBP.getScrollTop = function(){
 41 |   var win = window,
 42 |       doc = document;
 43 | 
 44 |   return win.pageYOffset || doc.compatMode === "CSS1Compat" && doc.documentElement.scrollTop || doc.body.scrollTop || 0;
 45 | };
 46 | 
 47 | // It should be up to the mobile
 48 | MBP.hideUrlBar = function(){
 49 |     var win = window;
 50 | 
 51 |     // if there is a hash, or MBP.BODY_SCROLL_TOP hasn't been set yet, wait till that happens
 52 |     if( !location.hash && MBP.BODY_SCROLL_TOP !== false){
 53 |         win.scrollTo( 0, MBP.BODY_SCROLL_TOP === 1 ? 0 : 1 );
 54 |     }
 55 | };
 56 | 
 57 | MBP.hideUrlBarOnLoad = function () {
 58 |   var win = window,
 59 |       doc = win.document;
 60 | 
 61 |   // If there's a hash, or addEventListener is undefined, stop here
 62 |   if( !location.hash && win.addEventListener ) {
 63 | 
 64 |     //scroll to 1
 65 |     window.scrollTo( 0, 1 );
 66 |     MBP.BODY_SCROLL_TOP = 1;
 67 | 
 68 |     //reset to 0 on bodyready, if needed
 69 |     bodycheck = setInterval(function() {
 70 |       if( doc.body ) {
 71 |         clearInterval( bodycheck );
 72 |         MBP.BODY_SCROLL_TOP = MBP.getScrollTop();
 73 |         MBP.hideUrlBar();
 74 |       }
 75 |     }, 15 );
 76 | 
 77 |     win.addEventListener( "load", function() {
 78 |       setTimeout(function() {
 79 |         //at load, if user hasn't scrolled more than 20 or so...
 80 |         if( MBP.getScrollTop() < 20 ) {
 81 |           //reset to hide addr bar at onload
 82 |           MBP.hideUrlBar();
 83 |         }
 84 |       }, 0);
 85 |     } );
 86 |   }
 87 | };
 88 | 
 89 | // Fast Buttons - read wiki below before using
 90 | // https://github.com/h5bp/mobile-boilerplate/wiki/JavaScript-Helper
 91 | MBP.fastButton = function (element, handler) {
 92 |   this.element = element;
 93 |   this.handler = handler;
 94 | 	
 95 | 	addEvt(element, "touchstart", this, false);
 96 | 	addEvt(element, "click", this, false);
 97 | };
 98 |  
 99 | MBP.fastButton.prototype.handleEvent = function(event) {
100 | 	event = event || window.event;
101 |   switch (event.type) {
102 |     case 'touchstart': this.onTouchStart(event); break;
103 |     case 'touchmove': this.onTouchMove(event); break;
104 |     case 'touchend': this.onClick(event); break;
105 |     case 'click': this.onClick(event); break;
106 |   }
107 | };
108 | 
109 | MBP.fastButton.prototype.onTouchStart = function(event) {
110 |   event.stopPropagation();
111 |   this.element.addEventListener('touchend', this, false);
112 |   document.body.addEventListener('touchmove', this, false);
113 |   this.startX = event.touches[0].clientX;
114 |   this.startY = event.touches[0].clientY;
115 |   this.element.style.backgroundColor = "rgba(0,0,0,.7)";
116 | };
117 | 
118 | MBP.fastButton.prototype.onTouchMove = function(event) {
119 |   if(Math.abs(event.touches[0].clientX - this.startX) > 10 || 
120 |     Math.abs(event.touches[0].clientY - this.startY) > 10    ) {
121 |     this.reset();
122 |   }
123 | };
124 | 
125 | MBP.fastButton.prototype.onClick = function(event) {
126 | 	event = event || window.event;
127 |   if (event.stopPropagation) { event.stopPropagation(); }
128 |   this.reset();
129 |   this.handler(event);
130 |   if(event.type == 'touchend') {
131 |     MBP.preventGhostClick(this.startX, this.startY);
132 |   }
133 |   this.element.style.backgroundColor = "";
134 | };
135 | 
136 | MBP.fastButton.prototype.reset = function() {
137 | 	rmEvt(this.element, "touchend", this, false);
138 | 	rmEvt(document.body, "touchmove", this, false);
139 |   this.element.style.backgroundColor = "";
140 | };
141 | 
142 | MBP.preventGhostClick = function (x, y) {
143 |   MBP.coords.push(x, y);
144 |   window.setTimeout(function (){
145 |     MBP.coords.splice(0, 2);
146 |   }, 2500);
147 | };
148 | 
149 | MBP.ghostClickHandler = function (event) {
150 |   if (!MBP.hadTouchEvent && 'ontouchstart' in window) {
151 |     // This is a bit of fun for Android 2.3...
152 |     // If you change window.location via fastButton, a click event will fire
153 |     // on the new page, as if the events are continuing from the previous page.
154 |     // We pick that event up here, but MBP.coords is empty, because it's a new page,
155 |     // so we don't prevent it. Here's we're assuming that click events on touch devices
156 |     // that occur without a preceding touchStart are to be ignored. 
157 |     event.stopPropagation();
158 |     event.preventDefault();
159 |     return;
160 |   }
161 |   for(var i = 0, len = MBP.coords.length; i < len; i += 2) {
162 |     var x = MBP.coords[i];
163 |     var y = MBP.coords[i + 1];
164 |     if(Math.abs(event.clientX - x) < 25 && Math.abs(event.clientY - y) < 25) {
165 |       event.stopPropagation();
166 |       event.preventDefault();
167 |     }
168 |   }
169 | };
170 | 
171 | if (document.addEventListener) {
172 |   document.addEventListener('click', MBP.ghostClickHandler, true);
173 | }
174 | 
175 | addEvt( document.documentElement, 'touchstart', function() {
176 |   MBP.hadTouchEvent = true;
177 | }, false);
178 |                             
179 | MBP.coords = [];
180 | 
181 | // fn arg can be an object or a function, thanks to handleEvent
182 | // read more about the explanation at: http://www.thecssninja.com/javascript/handleevent
183 | function addEvt(el, evt, fn, bubble) {
184 |   if("addEventListener" in el) {
185 |     // BBOS6 doesn't support handleEvent, catch and polyfill
186 |     try {
187 |       el.addEventListener(evt, fn, bubble);
188 |     } catch(e) {
189 |       if(typeof fn == "object" && fn.handleEvent) {
190 |         el.addEventListener(evt, function(e){
191 |         // Bind fn as this and set first arg as event object
192 |         fn.handleEvent.call(fn,e);
193 |         }, bubble);
194 |       } else {
195 |         throw e;
196 |       }
197 |     }
198 |   } else if("attachEvent" in el) {
199 |     // check if the callback is an object and contains handleEvent
200 |     if(typeof fn == "object" && fn.handleEvent) {
201 |       el.attachEvent("on" + evt, function(){
202 |         // Bind fn as this
203 |         fn.handleEvent.call(fn);
204 |       });
205 |     } else {
206 |       el.attachEvent("on" + evt, fn);
207 |     }
208 |   }
209 | }
210 | 
211 | function rmEvt(el, evt, fn, bubble) {
212 |   if("removeEventListener" in el) {
213 |     // BBOS6 doesn't support handleEvent, catch and polyfill
214 |     try {
215 |       el.removeEventListener(evt, fn, bubble);
216 |     } catch(e) {
217 |       if(typeof fn == "object" && fn.handleEvent) {
218 |         el.removeEventListener(evt, function(e){
219 |           // Bind fn as this and set first arg as event object
220 |           fn.handleEvent.call(fn,e);
221 |         }, bubble);
222 |       } else {
223 |         throw e;
224 |       }
225 |     }
226 |   } else if("detachEvent" in el) {
227 |     // check if the callback is an object and contains handleEvent
228 |     if(typeof fn == "object" && fn.handleEvent) {
229 |       el.detachEvent("on" + evt, function(){
230 |         // Bind fn as this
231 |         fn.handleEvent.call(fn);
232 |       });
233 |     } else {
234 |       el.detachEvent("on" + evt, fn);
235 |     }
236 |   }
237 | }
238 | 
239 | 
240 | // iOS Startup Image
241 | // https://github.com/h5bp/mobile-boilerplate/issues#issue/2
242 | 
243 | MBP.splash = function () {
244 |   var filename = navigator.platform === 'iPad' ? 'h/' : 'l/';
245 |   document.write('<link rel="apple-touch-startup-image" href="/img/' + filename + 'splash.png" />' );
246 | };
247 | 
248 | 
249 | // Autogrow
250 | // http://googlecode.blogspot.com/2009/07/gmail-for-mobile-html5-series.html
251 | 
252 | MBP.autogrow = function (element, lh) {
253 |   function handler(e){
254 |     var newHeight = this.scrollHeight,
255 |         currentHeight = this.clientHeight;
256 |     if (newHeight > currentHeight) {
257 |       this.style.height = newHeight + 3 * textLineHeight + "px";
258 |     }
259 |   }
260 | 
261 |   var setLineHeight = (lh) ? lh : 12,
262 |       textLineHeight = element.currentStyle ? element.currentStyle.lineHeight : 
263 |                        getComputedStyle(element, null).lineHeight;
264 | 
265 |   textLineHeight = (textLineHeight.indexOf("px") == -1) ? setLineHeight :
266 |                    parseInt(textLineHeight, 10);
267 | 
268 |   element.style.overflow = "hidden";
269 |   element.addEventListener ? element.addEventListener('keyup', handler, false) :
270 |                              element.attachEvent('onkeyup', handler);
271 | };
272 | 
273 | 
274 | // Enable active
275 | // Enable CSS active pseudo styles in Mobile Safari
276 | // http://miniapps.co.uk/blog/post/enable-css-active-pseudo-styles-in-mobile-safari/
277 | MBP.enableActive = function () {
278 |   document.addEventListener("touchstart", function() {}, false);
279 | };
280 | 
281 | 
282 | // Prevent iOS from zooming onfocus
283 | // http://nerd.vasilis.nl/prevent-ios-from-zooming-onfocus/
284 | 
285 | MBP.viewportMeta = $('meta[name="viewport"]');
286 | MBP.preventZoom = function () {
287 |   $('input, select, textarea').bind('focus blur', function(event) {
288 |     MBP.viewportMeta.attr('content', 'width=device-width,initial-scale=1,maximum-scale=' + (event.type == 'blur' ? 10 : 1));
289 |   });
290 | };
291 | 
292 | })(document);


--------------------------------------------------------------------------------
/sass/modules/_slideshow.scss:
--------------------------------------------------------------------------------
  1 | /************************
  2 | ******* Slideshow *******
  3 | **** Version: 0.0.1 *****
  4 | *************************/
  5 | 
  6 | 
  7 | /* Slideshow
  8 | ================================================== */
  9 | /*! Modified from http://responsiveslides.com v1.54 by @viljamis */
 10 | 
 11 | 
 12 | /* Variables
 13 | ========================= */
 14 | 
 15 |  $rslides_tabs: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1);
 16 |  $inset_shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3);
 17 | 
 18 | 
 19 | /* Build
 20 | ========================= */
 21 | 
 22 | .rslides {
 23 |   position: relative;
 24 |   list-style: none;
 25 |   overflow: hidden;
 26 |   width: 100%;
 27 |   padding: 0;
 28 |   margin: 0;
 29 | 
 30 |   li {
 31 |     -webkit-backface-visibility: hidden;
 32 |     @include abs-pos($top: 0, $left: 0);
 33 |     display: none;
 34 |     width: 100%;
 35 | 
 36 |     &:first-child {
 37 |       position: relative;
 38 |       display: block;
 39 |       float: left;
 40 |     }
 41 | 
 42 |   }
 43 | 
 44 |   img {
 45 |     display: block;
 46 |     height: auto;
 47 |     float: left;
 48 |     width: 100%;
 49 |     border: 0;
 50 |   }
 51 | 
 52 | }
 53 | 
 54 | .rslides {
 55 |   margin: 0 auto em(40);
 56 | }
 57 | 
 58 | /* Main SlideShow Themes
 59 | ------------------------------------- */
 60 | .rslides_container {
 61 |   margin-bottom: em(50);
 62 |   position: relative;
 63 |   float: left;
 64 |   width: 100%;
 65 | }
 66 | 
 67 | .centered-btns_nav {
 68 |   z-index: 3;
 69 |   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 70 |   @include abs-pos($top: 50%, $left: 0, $right: auto);
 71 |   @include linkTextOffscreen();
 72 |   opacity: .7;
 73 |   height: em(61);
 74 |   width: em(38);
 75 |   background: transparent url('#{$imagePath}/themes/themes.gif') no-repeat left top;
 76 |   margin-top: em(-45);
 77 | 
 78 |   &:active {
 79 |     opacity: 1.0;
 80 |   }
 81 | 
 82 |   &.next {
 83 |     @include abs-pos($left: auto, $right: 0);
 84 |     left: auto;
 85 |     background-position: right top;
 86 |     right: 0;
 87 |   }
 88 | 
 89 | }
 90 | 
 91 | .transparent-btns_nav {
 92 |   z-index: 3;
 93 |   @include abs-pos($top: 0, $left: 0, $right: auto);
 94 |   @include linkTextOffscreen();
 95 |   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 96 |   display: block;
 97 |   background: #fff;
 98 |   /* Fix for IE6-9 */
 99 |   opacity: 0;
100 |   filter: alpha(opacity = 1);
101 |   width: 48%;
102 |   height: 91%;
103 | 
104 |   &.next {
105 |     @include abs-pos($left: auto, $right: 0);
106 |   }
107 | 
108 | }
109 | 
110 | .large-btns_nav {
111 |   z-index: 3;
112 |   @include abs-pos($top: 0, $left: 0, $bottom: 0, $right: auto);
113 |   @include linkTextOffscreen();
114 |   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
115 |   opacity: 0.6;
116 |   background: black url('#{$imagePath}/themes/themes.gif') no-repeat left 50%;
117 |   width: em(38);
118 | 
119 |   &:active {
120 |     opacity: 1.0;
121 |   }
122 | 
123 |   &.next {
124 |     @include abs-pos($left: auto, $right: 0);
125 |     background-position: right 50%;
126 |   }
127 | 
128 | }
129 | 
130 | .centered-btns_nav:focus, 
131 | .transparent-btns_nav:focus, 
132 | .large-btns_nav:focus {
133 |   outline: none;
134 | }
135 | 
136 | .centered-btns_tabs, 
137 | .transparent-btns_tabs, 
138 | .large-btns_tabs {
139 |   margin-top: em(10);
140 |   text-align: center;
141 | 
142 |   li {
143 |     display: inline;
144 |     float: none;
145 |     _float: left;
146 |     *float: left;
147 |     margin-right: em(5);
148 |   }
149 | 
150 |   a {
151 |     @include linkTextOffscreen();
152 |     @include border-radius(em(15));
153 |     background: #ccc;
154 |     background: rgba(0, 0, 0, .2);
155 |     display: inline-block;
156 |     _display: block;
157 |     *display: block;
158 |     @include vendorize(box-shadow, $inset_shadow);
159 |     width: em(9);
160 |     height: em(9);
161 |   }
162 |   
163 | }
164 | 
165 | .centered-btns_here a, 
166 | .transparent-btns_here a, 
167 | .large-btns_here a {
168 |   background: #222;
169 |   background: rgba(0, 0, 0, .8);
170 | }
171 | 
172 | /* Other Theme Options
173 | ---------------------------------- */
174 | 
175 | #slider2, 
176 | #slider3 {
177 |   @include vendorize(box-shadow, none);
178 |   margin: 0 auto;
179 | }
180 | 
181 | .rslides_tabs {
182 |   list-style: none;
183 |   padding: 0;
184 |   background: rgba(0, 0, 0, .25);
185 |   @include vendorize(box-shadow, $rslides_tabs);
186 |   font-size: em(18);
187 |   list-style: none;
188 |   margin: 0 auto em(50);
189 |   max-width: em(540);
190 |   padding: em(10) 0;
191 |   text-align: center;
192 |   width: 100%;
193 | 
194 |   li {
195 |     display: inline;
196 |     float: none;
197 |     margin-right: em(1);
198 | 
199 |     &:first-child {
200 |       margin-left: 0;
201 |     }
202 | 
203 |   }
204 | 
205 |   a {
206 |     width: auto;
207 |     line-height: em(20);
208 |     padding: em(9) em(20);
209 |     height: auto;
210 |     background: transparent;
211 |     display: inline;
212 |   }
213 | 
214 |   .rslides_here a {
215 |     background: rgba(255, 255, 255, 0.1);
216 |     color: #fff;
217 |     font-weight: bold;
218 |   }
219 | 
220 | }
221 | 
222 | a {
223 |   color: #fff;
224 |   text-decoration: none;
225 | }
226 | 
227 | .footer {
228 |   font-size: em(11);
229 | }
230 | 
231 | /* Callback example */
232 | 
233 | .events {
234 |   list-style: none;
235 | }
236 | 
237 | .callbacks_container {
238 |   margin-bottom: em(50);
239 |   position: relative;
240 |   float: left;
241 |   width: 100%;
242 | }
243 | 
244 | .callbacks {
245 |   position: relative;
246 |   list-style: none;
247 |   overflow: hidden;
248 |   width: 100%;
249 |   padding: 0;
250 |   margin: 0;
251 | 
252 |   li {
253 |     position: absolute;
254 |     width: 100%;
255 |     left: 0;
256 |     top: 0;
257 |   }
258 | 
259 |   img {
260 |     display: block;
261 |     position: relative;
262 |     z-index: 1;
263 |     height: auto;
264 |     width: 100%;
265 |     border: 0;
266 |   }
267 | 
268 |   .caption {
269 |     display: block;
270 |     @include abs-pos($left:0, $right: 0, $bottom: 0);
271 |     z-index: 2;
272 |     font-size: em(20);
273 |     text-shadow: none;
274 |     color: #fff;
275 |     background: #000;
276 |     background: rgba(0, 0, 0, 0.8);
277 |     padding: em(10) em(20);
278 |     margin: 0;
279 |     max-width: none;
280 |   }
281 | 
282 | }
283 | 
284 | .callbacks_nav {
285 |   @include abs-pos($top: 52%, $left: 0);
286 |   @include linkTextOffscreen();
287 |   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
288 |   opacity: 0.7;
289 |   z-index: 3;
290 |   height: em(61);
291 |   width: em(38);
292 |   background: transparent url('#{$imagePath}/themes/themes.gif') no-repeat left top;
293 |   margin-top: em(-45);
294 | 
295 |   &:active {
296 |     opacity: 1.0;
297 |   }
298 | 
299 |   &.next {
300 |     @include abs-pos($left: auto, $right: 0);
301 |     background-position: right top;
302 |   }
303 | 
304 |   @media (max-width: em(600)) {
305 | 
306 |     top: 47%;
307 |     @include abs-pos($top: 47%);
308 |   }
309 | 
310 | }
311 | 
312 | #slider3-pager {
313 | 
314 |   a {
315 |     display: inline-block;
316 |     padding: 0;
317 |   }
318 | 
319 |   img {
320 |     float: left;
321 |   }
322 | 
323 |   .rslides_here a {
324 |     background: transparent;
325 |     box-shadow: 0 0 0 2px #666;
326 |   }
327 | 
328 | }
329 | 
330 | 
331 | 
332 | /*
333 |  * jQuery FlexSlider v2.2.0
334 |  * http://www.woothemes.com/flexslider/
335 |  *
336 |  * Copyright 2012 WooThemes
337 |  * Free to use under the GPLv2 license.
338 |  * http://www.gnu.org/licenses/gpl-2.0.html
339 |  *
340 |  * Contributing author: Tyler Smith (@mbmufffin)
341 |  */
342 | 
343 | 
344 | /* Browser Resets
345 | *********************************/
346 | .flex-container a:active,
347 | .flexslider a:active,
348 | .flex-container a:focus,
349 | .flexslider a:focus {
350 |   outline: none;
351 | }
352 | 
353 | .slides,
354 | .flex-control-nav,
355 | .flex-direction-nav {
356 |   margin: 0; padding: 0; list-style: none;
357 | }
358 | 
359 | /* Icon Fonts
360 | *********************************/
361 | /* Font-face Icons */
362 | @font-face {
363 |   font-family: 'flexslider-icon';
364 |   src:url('fonts/flexslider-icon.eot');
365 |   src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
366 |   	url('fonts/flexslider-icon.woff') format('woff'),
367 |   	url('fonts/flexslider-icon.ttf') format('truetype'),
368 |   	url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
369 |   font-weight: normal;
370 |   font-style: normal;
371 | }
372 | 
373 | /* FlexSlider Necessary Styles
374 | *********************************/
375 | .flexslider {
376 |   margin: 0; padding: 0;
377 | 
378 |   .slides > li {
379 |     display: none; -webkit-backface-visibility: hidden;
380 |   }
381 | 
382 |   .slides img {
383 |     width: 100%; display: block;
384 |   }
385 | }
386 | 
387 | .flex-pauseplay span {
388 |   text-transform: capitalize;
389 | }
390 | 
391 | /* Clearfix for the .slides element */
392 | .slides:after {
393 |   content: "\0020"; 
394 |   display: block; 
395 |   clear: both; 
396 |   visibility: hidden; 
397 |   line-height: 0; 
398 |   height: 0;
399 | }
400 | 
401 | html[xmlns] .slides {
402 |   display: block;
403 | }
404 | 
405 | * html .slides { 
406 |   height: 1%;
407 | }
408 | 
409 | /* No JavaScript Fallback */
410 | /* If you are not using another script, such as Modernizr, make sure you
411 |  * include js that eliminates this class on page load */
412 | .no-js .slides > li:first-child {
413 |   display: block;
414 | }
415 | 
416 | /* FlexSlider Default Theme
417 | *********************************/
418 | .flexslider { 
419 |   margin: 0 0 60px; 
420 |   background: #fff; 
421 |   border: 4px solid #fff; 
422 |   position: relative;
423 |   @include vendorize(border-radius, 4px);
424 |   @include vendorize(box-shadow, 0 1px 4px rgba(0, 0, 0, .2));
425 |   zoom: 1; 
426 | }
427 | 
428 | .flex-viewport { 
429 |   max-height: 2000px;
430 |   @include vendorize(transition, all 1s ease);
431 | }
432 | 
433 | .loading .flex-viewport { 
434 |   max-height: 300px; 
435 | }
436 | 
437 | .flexslider .slides { 
438 |   zoom: 1; 
439 | }
440 | 
441 | .carousel li { 
442 |   margin-right: 5px; 
443 | }
444 | 
445 | /* Direction Nav */
446 | .flex-direction-nav {
447 |   *height: 0;
448 | 
449 |   a {
450 |     text-decoration:none; 
451 |     display: block; 
452 |     width: 40px; 
453 |     height: 60px; 
454 |     margin: -20px 0 0; 
455 |     position: absolute; 
456 |     top: 50%; 
457 |     z-index: 10; 
458 |     overflow: hidden; 
459 |     opacity: 0; 
460 |     cursor: pointer; 
461 |     color: rgba(0, 0, 0, .8)!important; 
462 |     text-shadow: 1px 1px 0 rgba(255, 255, 255, .3); 
463 |     @include vendorize(transition, all .3s ease);
464 | 
465 |     &:before {
466 |       font-family: "icomoon"; 
467 |       font-size: 40px; 
468 |       display: inline-block; 
469 |       content: '\e736';
470 |     }
471 | 
472 |     .flex-next {
473 | 
474 |       &:before {
475 |         content: '\e732';  
476 |       }
477 | 
478 |     }
479 | 
480 |   }
481 | 
482 |   .flex-prev { 
483 |     left: -50px;
484 | 
485 |     @media(max-width: 860px) {
486 |       opacity: 1; 
487 |       left: 10px;
488 |     } 
489 | 
490 |   }
491 | 
492 |   .flex-next { 
493 |     right: -50px; 
494 |     text-align: right;
495 | 
496 |     @media(max-width: 860px) {
497 |       opacity: 1; 
498 |       right: 10px;
499 |     } 
500 | 
501 |   }
502 | 
503 |   .flex-disabled { 
504 |     opacity: 0!important; 
505 |     filter:alpha(opacity=0); 
506 |     cursor: default; 
507 |   }
508 | 
509 | }
510 | 
511 | .flexslider:hover {
512 | 
513 |   .flex-prev { 
514 |     opacity: .7; 
515 |     left: 10px; 
516 |   }
517 |   
518 |   .flex-next { 
519 |     opacity: .7; 
520 |     right: 10px; 
521 |   }
522 | 
523 | } 
524 | 
525 | 
526 | /* Pause/Play */
527 | .flex-pauseplay a { 
528 |   display: block; 
529 |   width: 20px; 
530 |   height: 20px; 
531 |   position: absolute; 
532 |   bottom: 5px; 
533 |   left: 10px; 
534 |   opacity: .8; 
535 |   z-index: 10; 
536 |   overflow: hidden; 
537 |   cursor: pointer; 
538 |   color: #000;
539 | 
540 |   &:before {
541 |     font-family: "icomoon"; 
542 |     font-size: 20px; 
543 |     display: inline-block; 
544 |     content: '\e706';
545 |   }
546 |   
547 |   &:hover {
548 |     opacity: 1;
549 |   }
550 | 
551 |   &.flex-play {
552 | 
553 |     &:before {
554 |       content: '\e732';  
555 |     }
556 |   }
557 | 
558 | }
559 | 
560 | /* Control Nav */
561 | .flex-control-nav {
562 |   width: 100%; 
563 |   position: absolute; 
564 |   bottom: -40px; 
565 |   text-align: center;
566 | 
567 |   li {
568 |     margin: 0 6px; 
569 |     display: inline-block; 
570 |     zoom: 1; 
571 |     *display: inline;
572 |   }
573 | 
574 | }
575 | .flex-control-paging li a {
576 |   width: 11px; 
577 |   height: 11px; 
578 |   display: block; 
579 |   background: #666; 
580 |   background: rgba(0, 0, 0,.5); 
581 |   cursor: pointer; 
582 |   text-indent: -9999px;
583 |   @include vendorize(border-radius, 20px);
584 |   @include vendorize(box-shadow, inset 0 0 3px rgba(0, 0, 0, .3)); 
585 | 
586 |   &:hover {
587 |     background: #333; 
588 |     background: rgba(0, 0, 0, .7);
589 |   }
590 | 
591 |   &.flex-active {
592 |     background: #000; 
593 |     background: rgba(0, 0, 0, .9); 
594 |     cursor: default;
595 |   }
596 | 
597 | }
598 | 
599 | .flex-control-thumbs {
600 |   margin: 5px 0 0; 
601 |   position: static; 
602 |   overflow: hidden;
603 |   
604 |   li {
605 |     width: 25%; 
606 |     float: left; 
607 |     margin: 0;
608 |   }
609 | 
610 |   img {
611 |     width: 100%; 
612 |     display: block; 
613 |     opacity: .7; 
614 |     cursor: pointer;
615 | 
616 |     &:hover {
617 |       opacity: 1;
618 |     }
619 | 
620 |   }
621 | 
622 |   .flex-active {
623 |     opacity: 1; 
624 |     cursor: default;
625 |   }
626 | 
627 | }
628 | 


--------------------------------------------------------------------------------
/sass/base/_mixins.scss:
--------------------------------------------------------------------------------
  1 | /*************************
  2 | ***** Mixin Library ******
  3 | **** Version: 0.0.2 ******
  4 | *************************/
  5 | 
  6 | 
  7 | // Box sizing
  8 | 
  9 | @mixin border-box {
 10 |   -webkit-box-sizing: border-box;
 11 |   -moz-box-sizing: border-box;
 12 |   box-sizing: border-box;
 13 | }
 14 | 
 15 | 
 16 | // Horizontal centering
 17 | // Quickly center any element within its parent. Requires width or max-width to be set.
 18 | 
 19 | @mixin center-block {
 20 |   display: block;
 21 |   margin-left: auto;
 22 |   margin-right: auto;
 23 | }
 24 | 
 25 | @mixin vendorize($property, $value) {
 26 |   -webkit-#{$property}: $value;
 27 |   -moz-#{$property}: $value;
 28 |   -ms-#{$property}: $value;
 29 |   -o-#{$property}: $value;
 30 |   #{$property}: $value;
 31 | }
 32 | 
 33 | @mixin disable-prefix-for-all() {
 34 |   $prefix-for-webkit:    false;
 35 |   $prefix-for-mozilla:   false;
 36 |   $prefix-for-microsoft: false;
 37 |   $prefix-for-opera:     false;
 38 |   $prefix-for-spec:      false;
 39 | }
 40 | 
 41 | /* Image Rendering 
 42 | ========================= */
 43 | 
 44 | @mixin image-rendering ($mode:optimizeQuality) {
 45 | 
 46 |   @if ($mode == optimize-contrast) {
 47 |     image-rendering: -moz-crisp-edges;
 48 |     image-rendering: -o-crisp-edges;
 49 |     image-rendering: -webkit-optimize-contrast;
 50 |     image-rendering: optimize-contrast;
 51 |   } @else {
 52 |     image-rendering: $mode;
 53 |   }
 54 | }
 55 | 
 56 | /* Fixes and Resets
 57 | ========================= */
 58 | 
 59 | * {
 60 |   &:first-child + html {
 61 | 
 62 |     .row, 
 63 |     .clearfix {
 64 |       zoom: 1;
 65 |     }
 66 | 
 67 |   }
 68 | 
 69 |   @include vendorize(box-sizing, border-box);
 70 | 
 71 |   &:after, 
 72 |   &:before {
 73 |     @include vendorize(box-sizing, border-box);
 74 |   }
 75 | 
 76 | }
 77 | 
 78 | /* Breakpoints 
 79 | ========================= */
 80 | 
 81 | @mixin breakpoint($point, $value: 0) {
 82 |   @if $point == xlarge {
 83 |     @media (min-width: em(1392)) { 
 84 |       @content; 
 85 |     }
 86 | 
 87 |   } @else if $point == large {
 88 |     @media (min-width: em(1030)) { 
 89 |       @content; 
 90 |     }
 91 | 
 92 |   } @else if $point == medium {
 93 |     @media (min-width: em(888)) { 
 94 |       @content; 
 95 |     }
 96 |   } @else if $point == small {
 97 |     @media (min-width: em(600))  { 
 98 |       @content; 
 99 |     }
100 |   } @else if $point == xsmall {
101 |     @media (min-width: em(480))  { 
102 |       @content; 
103 |     }
104 |   } @else if $point == retina {
105 |     @media only screen and (-webkit-min-device-pixel-ratio : 1.5),
106 |     only screen and (min-device-pixel-ratio : 1.5)  { 
107 |       @content; 
108 |     }
109 |   } @else if $point == xlarge-retina {
110 |     @media (min-width: em(1392)) and (-webkit-min-device-pixel-ratio : 1.5),
111 |     only screen and (min-device-pixel-ratio : 1.5) { 
112 |       @content; 
113 |     }
114 |   } @else if $point == large-retina {
115 |     @media (min-width: em(1030)) and (-webkit-min-device-pixel-ratio : 1.5),
116 |     only screen and (min-device-pixel-ratio : 1.5) { 
117 |       @content; 
118 |     }
119 |   } @else if $point == medium-retina {
120 |     @media (min-width: em(888)) and (-webkit-min-device-pixel-ratio : 1.5),
121 |     only screen and (min-device-pixel-ratio : 1.5) { 
122 |       @content; 
123 |     }
124 |   } @else if $point == small-retina {
125 |     @media (min-width: em(600)) and (-webkit-min-device-pixel-ratio : 1.5),
126 |     only screen and (min-device-pixel-ratio : 1.5) { 
127 |       @content; 
128 |     }
129 |   } @else if $point == xsmall-retina {
130 |     @media (min-width: em(480)) and (-webkit-min-device-pixel-ratio : 1.5),
131 |     only screen and (min-device-pixel-ratio : 1.5) { 
132 |       @content; 
133 |     }
134 |   } @else if $point == hdpi($ratio: 1.3) {
135 |     @media only screen and (-webkit-min-device-pixel-ratio: $ratio),
136 |     only screen and (min--moz-device-pixel-ratio: $ratio),
137 |     only screen and (-o-min-device-pixel-ratio: #{$ratio}/1),
138 |     only screen and (min-resolution: #{round($ratio*96)}dpi),
139 |     only screen and (min-resolution: #{$ratio}dppx) { 
140 |       @content; 
141 |     }
142 |   } @else {
143 |     @media ($point: $value) { 
144 |       @content; 
145 |     }
146 |   }
147 | }
148 | 
149 | @mixin between-breakpoints($min, $max) {
150 | 
151 |   @media (min-width: $min) and (max-width: $max) {
152 |     @content;
153 |   }
154 | 
155 | }
156 | 
157 | /* Retina Displays 
158 | ========================= */
159 | 
160 | @mixin image-2x($image, $width, $height) {
161 |   @media (min--moz-device-pixel-ratio: 1.3),
162 |   (-o-min-device-pixel-ratio: 2.6/2),
163 |   (-webkit-min-device-pixel-ratio: 1.3),
164 |   (min-device-pixel-ratio: 1.3),
165 |   (min-resolution: 1.3dppx) {
166 |     /* on retina, use image that's scaled by 2 */
167 |     background-image: url($image);
168 |     background-size: $width $height;
169 |   }
170 | }
171 | 
172 | 
173 | /* Clearfix Hack 
174 | ========================= */
175 | 
176 | @mixin clearfix() {
177 |   & {
178 |     *zoom: 1;
179 |   }
180 | 
181 |   &:before,
182 |   &:after {
183 |     content: "";
184 |     display: table;
185 |   }
186 | 
187 |   &:after {
188 |     clear: both;
189 |   }
190 | 
191 | }
192 | 
193 | /* Visually Hidden Focusable
194 | ============================== */
195 | 
196 | .visuallyhidden.focusable {
197 | 
198 |   &:active, 
199 |   &:focus {
200 |     position: static;
201 |     clip: auto;
202 |     height: auto;
203 |     width: auto;
204 |     margin: 0;
205 |     overflow: visible;
206 |   }
207 | 
208 | }
209 | 
210 | /* Clear Floats 
211 | ========================= */
212 | @mixin clear() {
213 |   &:before, &:after {
214 |     content: "\0020";
215 |     display: block;
216 |     height: 0;
217 |     overflow: hidden;
218 |   }
219 | 
220 |   &:after {
221 |     clear: both;
222 |   }
223 | 
224 | }
225 | 
226 | 
227 | /***************************
228 | **** Component Settings ****
229 | ***************************/
230 | 
231 | /* Border Radius
232 | ========================= */
233 | 
234 | @mixin border-radius($radius) {
235 |   @include vendorize(border-radius, $radius);
236 |   background-clip: padding-box;  /* stops bg color from leaking outside the border: */
237 | }
238 | 
239 | // Single side border-radius
240 | 
241 | @mixin border-top-radius($radius) {
242 |   @include vendorize(border-top-right-radius, $radius);
243 |   @include vendorize(border-top-left-radius, $radius);
244 |   background-clip: padding-box;
245 | }
246 | @mixin border-right-radius($radius) {
247 |   @include vendorize(border-bottom-right-radius, $radius);
248 |   @include vendorize(border-top-right-radius, $radius);
249 |   background-clip: padding-box;
250 | }
251 | @mixin border-bottom-radius($radius) {
252 |   @include vendorize(border-bottom-right-radius, $radius);
253 |   @include vendorize(border-bottom-left-radius, $radius);
254 |   background-clip: padding-box;
255 | }
256 | @mixin border-left-radius($radius) {
257 |   @include vendorize(border-bottom-left-radius, $radius);
258 |   @include vendorize(border-top-left-radius, $radius);
259 |   background-clip: padding-box;
260 | }
261 | 
262 | /* Opacity - with IE8 fallback
263 | ============================== */
264 | 
265 | @mixin opacity($opacity) {
266 |   opacity: $opacity;
267 |   $opacity-ie: $opacity * 100;
268 |   filter: alpha(opacity=$opacity-ie); //IE8
269 | }
270 | 
271 | /* Center-align a block level element
272 | ===================================== */
273 | 
274 | @mixin center-block {
275 |   display: block;
276 |   margin-left: auto;
277 |   margin-right: auto;
278 | }
279 | 
280 | /* Text Overflow
281 | ============================== */
282 | 
283 | @mixin text-truncate {
284 |   overflow: hidden;
285 |   text-overflow: ellipsis;
286 |   white-space: nowrap;
287 | }
288 | 
289 | /* Absolute Positioned
290 | ============================== */
291 | 
292 | @mixin abs-pos ($top: auto, $right: auto, $bottom: auto, $left: auto) {
293 |   top: $top;
294 |   right: $right;
295 |   bottom: $bottom;
296 |   left: $left;
297 |   position: absolute;
298 | }
299 | 
300 | /* Offscreen Text
301 | ============================== */
302 | 
303 | @mixin linkTextOffscreen() {
304 |   text-indent: -9999px;
305 |   overflow: hidden;
306 |   text-decoration: none;
307 |   display: block;
308 |   font-size: 0;
309 |   text-align: start;
310 | }
311 | 
312 | /* :hover, :active, :focus Styles
313 | ============================== */
314 | 
315 | @mixin hoveractivefocus($property, $value) {
316 |   &:hover, &:active, &:focus {
317 |     #{$property}: $value;
318 |   }
319 | }
320 | 
321 | /* Image Path
322 | ============================== */
323 | $imagePath:   '../img/' !default;
324 | 
325 | 
326 | /* Large
327 | ============================== */
328 | @mixin large {
329 |   padding: em(14) em(24);
330 |   font-size: em(18);
331 |   text-align:center;
332 | }
333 | 
334 | @mixin remove-bottom {
335 |   margin-bottom: 0;
336 | }
337 | 
338 | @mixin half-bottom {
339 |   margin-bottom: .625em;
340 | }
341 | 
342 | @mixin add-bottom {
343 |   margin-bottom: $spacing;
344 | }
345 | 
346 | /* Callout
347 | ============================== */
348 | 
349 | @mixin callout {
350 |   background-color: $black-10;
351 |   padding: ($base-unit * 2);
352 |   width: 100%;
353 | }
354 | 
355 | /* Link List
356 | ============================== */
357 | 
358 | @mixin link-list {
359 |   width: 100%;
360 | 
361 |   li {
362 |     width: auto;
363 |     float: left;
364 |     margin: 0 ($base-unit * 2) 0 0;
365 | 
366 |     &:last-child {
367 |       margin: 0;
368 |     }
369 | 
370 |   }
371 | 
372 | }
373 | 
374 | /* Type setting
375 | ============================== */
376 | 
377 | @mixin type-setting($target, $line-height, $context: null) {
378 |  
379 |     // Is the target value unitless?
380 |     @if unitless($target) {
381 |  
382 |         // Is it relying on a context value?
383 |         @if $context != null {
384 |  
385 |             // Is the context unitless? If so, write out the target value in ems.
386 |             @if unitless($context) {
387 |                 font-size: ($target / $context) * 1em;
388 |             } @else {
389 |                 @error 'Your value for `$context` is not unitless.';
390 |             }
391 |         }
392 |         // Write out the target value in rems.
393 |         @else {
394 |             font-size: ($target / $root-font-size) * 1rem;
395 |         }
396 |  
397 |     } @else {
398 |         @error 'Your value for `$target` is not unitless.';
399 |     }
400 |  
401 |     // Line Height should be unitless.
402 |     @if unitless($line-height) {
403 |         // Line height should almost always be unitless, just simple math.
404 |         line-height: ($line-height / $target);
405 |     } @else {
406 |         @error 'Your value for `$line-height` is not unitless.';
407 |     }
408 |  
409 | }
410 | 
411 | /* Functions
412 | ========================= */
413 | 
414 | @function em($target, $context: $basefont) {
415 |   @return ($target / $context) * 1em;
416 | }
417 | 
418 | 
419 | /* Font Sizing
420 | ========================= */
421 | 
422 | @mixin font-size($sizevalue: 16) {
423 |   font-size: $sizevalue + px; //fallback for old browsers
424 |   font-size: em($sizevalue);
425 |   font-size: (.125 * $sizevalue) + rem;
426 | }
427 | 
428 | @mixin line-height($heightvalue: 24) {
429 |   line-height: $heightvalue + px; //fallback for old browsers
430 |   line-height: (24 / $basefont);
431 |   line-height: (.125 * $heightvalue) + rem;
432 | }
433 | 
434 | /* Google Web Fonts
435 | ================================================== */
436 | /* Google Web Font Mixin by Ross Penman - http://rosspenman.com/sass-web-fonts
437 | */
438 | 
439 | @mixin web-font($fonts, $variants: (), $subsets: (), $text: '', $effects: (), $secure: false) {
440 | 
441 |   //The $secure var defaults to false, the $url var is inited to use http
442 |   $url: 'http://fonts.googleapis.com/css?family=';
443 | 
444 |   //If flagged secure, import fonts using https
445 |   @if $secure {
446 |     $url: 'https://fonts.googleapis.com/css?family=';
447 |   }
448 | 
449 |   $i: 0;
450 |   
451 |   // Add the family argument to the URL string.
452 |   // We can assume that the user will always specify at least one font.
453 |   @each $font in $fonts {
454 |     $i: $i + 1;
455 |   
456 |     // Add the name of the font.
457 |     $j: 0;
458 |     @each $word in $font {
459 |       $j: $j + 1;
460 |       $url: $url + $word;
461 |       
462 |       // Add a plus symbol between words.
463 |       @if $j < length($font) {
464 |         $url: $url + '+';
465 |       }
466 |     }
467 |     
468 |     // If there is/are font variant(s) for this font, add them.
469 |     @if $j <= length($variants) {
470 |       $url: $url + ':';
471 |     
472 |       $k: 0;
473 |       @each $variant in nth($variants, $j) {
474 |         $k: $k + 1;
475 |         
476 |         $url: $url + $variant;
477 |         
478 |         // Add a comma between variants.
479 |         // For some reason length($variant) doesn't work. Weird!
480 |         @if ($k < length(nth($variants, $j))) {
481 |           $url: $url + ',';
482 |         }
483 |       }
484 |     }
485 |     
486 |     // Add a pipe between words.
487 |     // It would seem that a pipe isn't a valid URL character in its unescaped form,
488 |     // but Google reccommend using it anyway.
489 |     @if $i < length($fonts) {
490 |       $url: $url + '|';
491 |     }
492 |   }
493 |   
494 |   // Add the subset argument to the URL string, if it exists.
495 |   @if length($subsets) > 0 {
496 |     $url: $url + '&subset=';
497 |     $i: 0;
498 |     @each $subset in $subsets {
499 |       $i: $i + 1;
500 |       $url: $url + $subset;
501 |       
502 |       // Add a comma between subsets.
503 |       @if $i < length($subsets) {
504 |         $url: $url + ',';
505 |       }
506 |     }
507 |   }
508 |   
509 |   // Add the text argument to the URL string, if it exists.
510 |   // $text does not actually need to be enclosed in brackets.
511 |   @if length($text) > 0 and $text != '' {
512 |     
513 |     // To save the user the hassle of adding a space character every time they want
514 |     // to use a web font, we add one automatically.
515 |     $url: $url + "&text=%20#{$text}";
516 |   }
517 |   
518 |   // Add the effect argument to the URL string, if it exists.
519 |   @if length($effects) > 0 {
520 |     $url: $url + '&effect=';
521 |     $i: 0;
522 |     @each $effect in $effects {
523 |       $i: $i + 1;
524 |     
525 |       // Add the name of the font.
526 |       $j: 0;
527 |       @each $word in $effect {
528 |         $j: $j + 1;
529 |         $url: $url + $word;
530 |         
531 |         // Add a hyphen between words.
532 |         // A hyphen can actually be used to seperate words instead of a space,
533 |         // in which case the words will be counted as one and no extra hyphens will be added.
534 |         // Again, a string replacement function would make this a lot easier…
535 |         @if $j < length($effect) {
536 |           $url: $url + '-';
537 |         }
538 |       }
539 |       
540 |       // Add a pipe between effects.
541 |       @if $i < length($effects) {
542 |         $url: $url + '|';
543 |       }
544 |     }
545 |   }
546 |   
547 |   // Finally!
548 |   @import url(#{$url});
549 | }
550 | 
551 | 
552 | /* Font Awesome
553 | ============================== */
554 | 
555 | @mixin fa-icon() {
556 |   display: inline-block;
557 |   font: normal normal normal #{$fa-font-size-base}/1 FontAwesome; // shortening font declaration
558 |   font-size: inherit; // can't have font-size inherit on line above, so need to override
559 |   text-rendering: auto; // optimizelegibility throws things off #1094
560 |   -webkit-font-smoothing: antialiased;
561 |   -moz-osx-font-smoothing: grayscale;
562 |   transform: translate(0, 0); // ensures no half-pixel rendering in firefox
563 | 
564 | }
565 | 
566 | @mixin fa-icon-rotate($degrees, $rotation) {
567 |   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
568 |   -webkit-transform: rotate($degrees);
569 |       -ms-transform: rotate($degrees);
570 |           transform: rotate($degrees);
571 | }
572 | 
573 | @mixin fa-icon-flip($horiz, $vert, $rotation) {
574 |   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
575 |   -webkit-transform: scale($horiz, $vert);
576 |       -ms-transform: scale($horiz, $vert);
577 |           transform: scale($horiz, $vert);
578 | }
579 | 


--------------------------------------------------------------------------------
/css/ie7/ie7.js:
--------------------------------------------------------------------------------
  1 | /* To avoid CSS expressions while still supporting IE 7 and IE 6, use this script */
  2 | /* The script tag referring to this file must be placed before the ending body tag. */
  3 | 
  4 | /* Use conditional comments in order to target IE 7 and older:
  5 | 	<!--[if lt IE 8]><!-->
  6 | 	<script src="ie7/ie7.js"></script>
  7 | 	<!--<![endif]-->
  8 | */
  9 | 
 10 | (function() {
 11 | 	function addIcon(el, entity) {
 12 | 		var html = el.innerHTML;
 13 | 		el.innerHTML = '<span style="font-family: \'icomoon\'">' + entity + '</span>' + html;
 14 | 	}
 15 | 	var icons = {
 16 | 		'icon-home': '&#xe600;',
 17 | 		'icon-home2': '&#xe601;',
 18 | 		'icon-home3': '&#xe602;',
 19 | 		'icon-office': '&#xe603;',
 20 | 		'icon-newspaper': '&#xe604;',
 21 | 		'icon-pencil': '&#xe605;',
 22 | 		'icon-pencil2': '&#xe606;',
 23 | 		'icon-quill': '&#xe607;',
 24 | 		'icon-pen': '&#xe608;',
 25 | 		'icon-blog': '&#xe609;',
 26 | 		'icon-droplet': '&#xe60a;',
 27 | 		'icon-paint-format': '&#xe60b;',
 28 | 		'icon-image': '&#xe60c;',
 29 | 		'icon-image2': '&#xe60d;',
 30 | 		'icon-images': '&#xe60e;',
 31 | 		'icon-camera': '&#xe60f;',
 32 | 		'icon-music': '&#xe610;',
 33 | 		'icon-headphones': '&#xe611;',
 34 | 		'icon-play': '&#xe612;',
 35 | 		'icon-film': '&#xe613;',
 36 | 		'icon-camera2': '&#xe614;',
 37 | 		'icon-dice': '&#xe615;',
 38 | 		'icon-pacman': '&#xe616;',
 39 | 		'icon-spades': '&#xe617;',
 40 | 		'icon-clubs': '&#xe618;',
 41 | 		'icon-diamonds': '&#xe619;',
 42 | 		'icon-pawn': '&#xe61a;',
 43 | 		'icon-bullhorn': '&#xe61b;',
 44 | 		'icon-connection': '&#xe61c;',
 45 | 		'icon-podcast': '&#xe61d;',
 46 | 		'icon-feed': '&#xe61e;',
 47 | 		'icon-book': '&#xe61f;',
 48 | 		'icon-books': '&#xe620;',
 49 | 		'icon-library': '&#xe621;',
 50 | 		'icon-file': '&#xe622;',
 51 | 		'icon-profile': '&#xe623;',
 52 | 		'icon-file2': '&#xe624;',
 53 | 		'icon-file3': '&#xe625;',
 54 | 		'icon-file4': '&#xe626;',
 55 | 		'icon-copy': '&#xe627;',
 56 | 		'icon-copy2': '&#xe628;',
 57 | 		'icon-copy3': '&#xe629;',
 58 | 		'icon-paste': '&#xe62a;',
 59 | 		'icon-paste2': '&#xe62b;',
 60 | 		'icon-paste3': '&#xe62c;',
 61 | 		'icon-stack': '&#xe62d;',
 62 | 		'icon-folder': '&#xe62e;',
 63 | 		'icon-folder-open': '&#xe62f;',
 64 | 		'icon-tag': '&#xe630;',
 65 | 		'icon-tags': '&#xe631;',
 66 | 		'icon-barcode': '&#xe632;',
 67 | 		'icon-qrcode': '&#xe633;',
 68 | 		'icon-ticket': '&#xe634;',
 69 | 		'icon-cart': '&#xe635;',
 70 | 		'icon-cart2': '&#xe636;',
 71 | 		'icon-cart3': '&#xe637;',
 72 | 		'icon-coin': '&#xe638;',
 73 | 		'icon-credit': '&#xe639;',
 74 | 		'icon-calculate': '&#xe63a;',
 75 | 		'icon-support': '&#xe63b;',
 76 | 		'icon-phone': '&#xe63c;',
 77 | 		'icon-phone-hang-up': '&#xe63d;',
 78 | 		'icon-address-book': '&#xe63e;',
 79 | 		'icon-notebook': '&#xe63f;',
 80 | 		'icon-envelope': '&#xe640;',
 81 | 		'icon-pushpin': '&#xe641;',
 82 | 		'icon-location': '&#xe642;',
 83 | 		'icon-location2': '&#xe643;',
 84 | 		'icon-compass': '&#xe644;',
 85 | 		'icon-map': '&#xe645;',
 86 | 		'icon-map2': '&#xe646;',
 87 | 		'icon-history': '&#xe647;',
 88 | 		'icon-clock': '&#xe648;',
 89 | 		'icon-clock2': '&#xe649;',
 90 | 		'icon-alarm': '&#xe64a;',
 91 | 		'icon-alarm2': '&#xe64b;',
 92 | 		'icon-bell': '&#xe64c;',
 93 | 		'icon-stopwatch': '&#xe64d;',
 94 | 		'icon-calendar': '&#xe64e;',
 95 | 		'icon-calendar2': '&#xe64f;',
 96 | 		'icon-print': '&#xe650;',
 97 | 		'icon-keyboard': '&#xe651;',
 98 | 		'icon-screen': '&#xe652;',
 99 | 		'icon-laptop': '&#xe653;',
100 | 		'icon-mobile': '&#xe654;',
101 | 		'icon-mobile2': '&#xe655;',
102 | 		'icon-tablet': '&#xe656;',
103 | 		'icon-tv': '&#xe657;',
104 | 		'icon-cabinet': '&#xe658;',
105 | 		'icon-drawer': '&#xe659;',
106 | 		'icon-drawer2': '&#xe65a;',
107 | 		'icon-drawer3': '&#xe65b;',
108 | 		'icon-box-add': '&#xe65c;',
109 | 		'icon-box-remove': '&#xe65d;',
110 | 		'icon-download': '&#xe65e;',
111 | 		'icon-upload': '&#xe65f;',
112 | 		'icon-disk': '&#xe660;',
113 | 		'icon-storage': '&#xe661;',
114 | 		'icon-undo': '&#xe662;',
115 | 		'icon-redo': '&#xe663;',
116 | 		'icon-flip': '&#xe664;',
117 | 		'icon-flip2': '&#xe665;',
118 | 		'icon-undo2': '&#xe666;',
119 | 		'icon-redo2': '&#xe667;',
120 | 		'icon-forward': '&#xe668;',
121 | 		'icon-reply': '&#xe669;',
122 | 		'icon-bubble': '&#xe66a;',
123 | 		'icon-bubbles': '&#xe66b;',
124 | 		'icon-bubbles2': '&#xe66c;',
125 | 		'icon-bubble2': '&#xe66d;',
126 | 		'icon-bubbles3': '&#xe66e;',
127 | 		'icon-bubbles4': '&#xe66f;',
128 | 		'icon-user': '&#xe670;',
129 | 		'icon-users': '&#xe671;',
130 | 		'icon-user2': '&#xe672;',
131 | 		'icon-users2': '&#xe673;',
132 | 		'icon-user3': '&#xe674;',
133 | 		'icon-user4': '&#xe675;',
134 | 		'icon-quotes-left': '&#xe676;',
135 | 		'icon-busy': '&#xe677;',
136 | 		'icon-spinner': '&#xe678;',
137 | 		'icon-spinner2': '&#xe679;',
138 | 		'icon-spinner3': '&#xe67a;',
139 | 		'icon-spinner4': '&#xe67b;',
140 | 		'icon-spinner5': '&#xe67c;',
141 | 		'icon-spinner6': '&#xe67d;',
142 | 		'icon-binoculars': '&#xe67e;',
143 | 		'icon-search': '&#xe67f;',
144 | 		'icon-zoom-in': '&#xe680;',
145 | 		'icon-zoom-out': '&#xe681;',
146 | 		'icon-expand': '&#xe682;',
147 | 		'icon-contract': '&#xe683;',
148 | 		'icon-expand2': '&#xe684;',
149 | 		'icon-contract2': '&#xe685;',
150 | 		'icon-key': '&#xe686;',
151 | 		'icon-key2': '&#xe687;',
152 | 		'icon-lock': '&#xe688;',
153 | 		'icon-lock2': '&#xe689;',
154 | 		'icon-unlocked': '&#xe68a;',
155 | 		'icon-wrench': '&#xe68b;',
156 | 		'icon-settings': '&#xe68c;',
157 | 		'icon-equalizer': '&#xe68d;',
158 | 		'icon-cog': '&#xe68e;',
159 | 		'icon-cogs': '&#xe68f;',
160 | 		'icon-cog2': '&#xe690;',
161 | 		'icon-hammer': '&#xe691;',
162 | 		'icon-wand': '&#xe692;',
163 | 		'icon-aid': '&#xe693;',
164 | 		'icon-bug': '&#xe694;',
165 | 		'icon-pie': '&#xe695;',
166 | 		'icon-stats': '&#xe696;',
167 | 		'icon-bars': '&#xe697;',
168 | 		'icon-bars2': '&#xe698;',
169 | 		'icon-gift': '&#xe699;',
170 | 		'icon-trophy': '&#xe69a;',
171 | 		'icon-glass': '&#xe69b;',
172 | 		'icon-mug': '&#xe69c;',
173 | 		'icon-food': '&#xe69d;',
174 | 		'icon-leaf': '&#xe69e;',
175 | 		'icon-rocket': '&#xe69f;',
176 | 		'icon-meter': '&#xe6a0;',
177 | 		'icon-meter2': '&#xe6a1;',
178 | 		'icon-dashboard': '&#xe6a2;',
179 | 		'icon-hammer2': '&#xe6a3;',
180 | 		'icon-fire': '&#xe6a4;',
181 | 		'icon-lab': '&#xe6a5;',
182 | 		'icon-magnet': '&#xe6a6;',
183 | 		'icon-remove': '&#xe6a7;',
184 | 		'icon-remove2': '&#xe6a8;',
185 | 		'icon-briefcase': '&#xe6a9;',
186 | 		'icon-airplane': '&#xe6aa;',
187 | 		'icon-truck': '&#xe6ab;',
188 | 		'icon-road': '&#xe6ac;',
189 | 		'icon-accessibility': '&#xe6ad;',
190 | 		'icon-target': '&#xe6ae;',
191 | 		'icon-shield': '&#xe6af;',
192 | 		'icon-lightning': '&#xe6b0;',
193 | 		'icon-switch': '&#xe6b1;',
194 | 		'icon-power-cord': '&#xe6b2;',
195 | 		'icon-signup': '&#xe6b3;',
196 | 		'icon-list': '&#xe6b4;',
197 | 		'icon-list2': '&#xe6b5;',
198 | 		'icon-numbered-list': '&#xe6b6;',
199 | 		'icon-menu': '&#xe6b7;',
200 | 		'icon-menu2': '&#xe6b8;',
201 | 		'icon-tree': '&#xe6b9;',
202 | 		'icon-cloud': '&#xe6ba;',
203 | 		'icon-cloud-download': '&#xe6bb;',
204 | 		'icon-cloud-upload': '&#xe6bc;',
205 | 		'icon-download2': '&#xe6bd;',
206 | 		'icon-upload2': '&#xe6be;',
207 | 		'icon-download3': '&#xe6bf;',
208 | 		'icon-upload3': '&#xe6c0;',
209 | 		'icon-globe': '&#xe6c1;',
210 | 		'icon-earth': '&#xe6c2;',
211 | 		'icon-link': '&#xe6c3;',
212 | 		'icon-flag': '&#xe6c4;',
213 | 		'icon-attachment': '&#xe6c5;',
214 | 		'icon-eye': '&#xe6c6;',
215 | 		'icon-eye-blocked': '&#xe6c7;',
216 | 		'icon-eye2': '&#xe6c8;',
217 | 		'icon-bookmark': '&#xe6c9;',
218 | 		'icon-bookmarks': '&#xe6ca;',
219 | 		'icon-brightness-medium': '&#xe6cb;',
220 | 		'icon-brightness-contrast': '&#xe6cc;',
221 | 		'icon-contrast': '&#xe6cd;',
222 | 		'icon-star': '&#xe6ce;',
223 | 		'icon-star2': '&#xe6cf;',
224 | 		'icon-star3': '&#xe6d0;',
225 | 		'icon-heart': '&#xe6d1;',
226 | 		'icon-heart2': '&#xe6d2;',
227 | 		'icon-heart-broken': '&#xe6d3;',
228 | 		'icon-thumbs-up': '&#xe6d4;',
229 | 		'icon-thumbs-up2': '&#xe6d5;',
230 | 		'icon-happy': '&#xe6d6;',
231 | 		'icon-happy2': '&#xe6d7;',
232 | 		'icon-smiley': '&#xe6d8;',
233 | 		'icon-smiley2': '&#xe6d9;',
234 | 		'icon-tongue': '&#xe6da;',
235 | 		'icon-tongue2': '&#xe6db;',
236 | 		'icon-sad': '&#xe6dc;',
237 | 		'icon-sad2': '&#xe6dd;',
238 | 		'icon-wink': '&#xe6de;',
239 | 		'icon-wink2': '&#xe6df;',
240 | 		'icon-grin': '&#xe6e0;',
241 | 		'icon-grin2': '&#xe6e1;',
242 | 		'icon-cool': '&#xe6e2;',
243 | 		'icon-cool2': '&#xe6e3;',
244 | 		'icon-angry': '&#xe6e4;',
245 | 		'icon-angry2': '&#xe6e5;',
246 | 		'icon-evil': '&#xe6e6;',
247 | 		'icon-evil2': '&#xe6e7;',
248 | 		'icon-shocked': '&#xe6e8;',
249 | 		'icon-shocked2': '&#xe6e9;',
250 | 		'icon-confused': '&#xe6ea;',
251 | 		'icon-confused2': '&#xe6eb;',
252 | 		'icon-neutral': '&#xe6ec;',
253 | 		'icon-neutral2': '&#xe6ed;',
254 | 		'icon-wondering': '&#xe6ee;',
255 | 		'icon-wondering2': '&#xe6ef;',
256 | 		'icon-point-up': '&#xe6f0;',
257 | 		'icon-point-right': '&#xe6f1;',
258 | 		'icon-point-down': '&#xe6f2;',
259 | 		'icon-point-left': '&#xe6f3;',
260 | 		'icon-warning': '&#xe6f4;',
261 | 		'icon-notification': '&#xe6f5;',
262 | 		'icon-question': '&#xe6f6;',
263 | 		'icon-info': '&#xe6f7;',
264 | 		'icon-info2': '&#xe6f8;',
265 | 		'icon-blocked': '&#xe6f9;',
266 | 		'icon-cancel-circle': '&#xe6fa;',
267 | 		'icon-checkmark-circle': '&#xe6fb;',
268 | 		'icon-spam': '&#xe6fc;',
269 | 		'icon-close': '&#xe6fd;',
270 | 		'icon-checkmark': '&#xe6fe;',
271 | 		'icon-checkmark2': '&#xe6ff;',
272 | 		'icon-spell-check': '&#xe700;',
273 | 		'icon-minus': '&#xe701;',
274 | 		'icon-plus': '&#xe702;',
275 | 		'icon-enter': '&#xe703;',
276 | 		'icon-exit': '&#xe704;',
277 | 		'icon-play2': '&#xe705;',
278 | 		'icon-pause': '&#xe706;',
279 | 		'icon-stop': '&#xe707;',
280 | 		'icon-backward': '&#xe708;',
281 | 		'icon-forward2': '&#xe709;',
282 | 		'icon-play3': '&#xe70a;',
283 | 		'icon-pause2': '&#xe70b;',
284 | 		'icon-stop2': '&#xe70c;',
285 | 		'icon-backward2': '&#xe70d;',
286 | 		'icon-forward3': '&#xe70e;',
287 | 		'icon-first': '&#xe70f;',
288 | 		'icon-last': '&#xe710;',
289 | 		'icon-previous': '&#xe711;',
290 | 		'icon-next': '&#xe712;',
291 | 		'icon-eject': '&#xe713;',
292 | 		'icon-volume-high': '&#xe714;',
293 | 		'icon-volume-medium': '&#xe715;',
294 | 		'icon-volume-low': '&#xe716;',
295 | 		'icon-volume-mute': '&#xe717;',
296 | 		'icon-volume-mute2': '&#xe718;',
297 | 		'icon-volume-increase': '&#xe719;',
298 | 		'icon-volume-decrease': '&#xe71a;',
299 | 		'icon-loop': '&#xe71b;',
300 | 		'icon-loop2': '&#xe71c;',
301 | 		'icon-loop3': '&#xe71d;',
302 | 		'icon-shuffle': '&#xe71e;',
303 | 		'icon-arrow-up-left': '&#xe71f;',
304 | 		'icon-arrow-up': '&#xe720;',
305 | 		'icon-arrow-up-right': '&#xe721;',
306 | 		'icon-arrow-right': '&#xe722;',
307 | 		'icon-arrow-down-right': '&#xe723;',
308 | 		'icon-arrow-down': '&#xe724;',
309 | 		'icon-arrow-down-left': '&#xe725;',
310 | 		'icon-arrow-left': '&#xe726;',
311 | 		'icon-arrow-up-left2': '&#xe727;',
312 | 		'icon-arrow-up2': '&#xe728;',
313 | 		'icon-arrow-up-right2': '&#xe729;',
314 | 		'icon-arrow-right2': '&#xe72a;',
315 | 		'icon-arrow-down-right2': '&#xe72b;',
316 | 		'icon-arrow-down2': '&#xe72c;',
317 | 		'icon-arrow-down-left2': '&#xe72d;',
318 | 		'icon-arrow-left2': '&#xe72e;',
319 | 		'icon-arrow-up-left3': '&#xe72f;',
320 | 		'icon-arrow-up3': '&#xe730;',
321 | 		'icon-arrow-up-right3': '&#xe731;',
322 | 		'icon-arrow-right3': '&#xe732;',
323 | 		'icon-arrow-down-right3': '&#xe733;',
324 | 		'icon-arrow-down3': '&#xe734;',
325 | 		'icon-arrow-down-left3': '&#xe735;',
326 | 		'icon-arrow-left3': '&#xe736;',
327 | 		'icon-tab': '&#xe737;',
328 | 		'icon-checkbox-checked': '&#xe738;',
329 | 		'icon-checkbox-unchecked': '&#xe739;',
330 | 		'icon-checkbox-partial': '&#xe73a;',
331 | 		'icon-radio-checked': '&#xe73b;',
332 | 		'icon-radio-unchecked': '&#xe73c;',
333 | 		'icon-crop': '&#xe73d;',
334 | 		'icon-scissors': '&#xe73e;',
335 | 		'icon-filter': '&#xe73f;',
336 | 		'icon-filter2': '&#xe740;',
337 | 		'icon-font': '&#xe741;',
338 | 		'icon-text-height': '&#xe742;',
339 | 		'icon-text-width': '&#xe743;',
340 | 		'icon-bold': '&#xe744;',
341 | 		'icon-underline': '&#xe745;',
342 | 		'icon-italic': '&#xe746;',
343 | 		'icon-strikethrough': '&#xe747;',
344 | 		'icon-omega': '&#xe748;',
345 | 		'icon-sigma': '&#xe749;',
346 | 		'icon-table': '&#xe74a;',
347 | 		'icon-table2': '&#xe74b;',
348 | 		'icon-insert-template': '&#xe74c;',
349 | 		'icon-pilcrow': '&#xe74d;',
350 | 		'icon-left-toright': '&#xe74e;',
351 | 		'icon-right-toleft': '&#xe74f;',
352 | 		'icon-paragraph-left': '&#xe750;',
353 | 		'icon-paragraph-center': '&#xe751;',
354 | 		'icon-paragraph-right': '&#xe752;',
355 | 		'icon-paragraph-justify': '&#xe753;',
356 | 		'icon-paragraph-left2': '&#xe754;',
357 | 		'icon-paragraph-center2': '&#xe755;',
358 | 		'icon-paragraph-right2': '&#xe756;',
359 | 		'icon-paragraph-justify2': '&#xe757;',
360 | 		'icon-indent-increase': '&#xe758;',
361 | 		'icon-indent-decrease': '&#xe759;',
362 | 		'icon-new-tab': '&#xe75a;',
363 | 		'icon-embed': '&#xe75b;',
364 | 		'icon-code': '&#xe75c;',
365 | 		'icon-console': '&#xe75d;',
366 | 		'icon-share': '&#xe75e;',
367 | 		'icon-mail': '&#xe75f;',
368 | 		'icon-mail2': '&#xe760;',
369 | 		'icon-mail3': '&#xe761;',
370 | 		'icon-mail4': '&#xe762;',
371 | 		'icon-google': '&#xe763;',
372 | 		'icon-google-plus': '&#xe764;',
373 | 		'icon-google-plus2': '&#xe765;',
374 | 		'icon-google-plus3': '&#xe766;',
375 | 		'icon-google-plus4': '&#xe767;',
376 | 		'icon-google-drive': '&#xe768;',
377 | 		'icon-facebook': '&#xe769;',
378 | 		'icon-facebook2': '&#xe76a;',
379 | 		'icon-facebook3': '&#xe76b;',
380 | 		'icon-instagram': '&#xe76c;',
381 | 		'icon-twitter': '&#xe76d;',
382 | 		'icon-twitter2': '&#xe76e;',
383 | 		'icon-twitter3': '&#xe76f;',
384 | 		'icon-feed2': '&#xe770;',
385 | 		'icon-feed3': '&#xe771;',
386 | 		'icon-feed4': '&#xe772;',
387 | 		'icon-youtube': '&#xe773;',
388 | 		'icon-youtube2': '&#xe774;',
389 | 		'icon-vimeo': '&#xe775;',
390 | 		'icon-vimeo2': '&#xe776;',
391 | 		'icon-vimeo3': '&#xe777;',
392 | 		'icon-lanyrd': '&#xe778;',
393 | 		'icon-flickr': '&#xe779;',
394 | 		'icon-flickr2': '&#xe77a;',
395 | 		'icon-flickr3': '&#xe77b;',
396 | 		'icon-flickr4': '&#xe77c;',
397 | 		'icon-picassa': '&#xe77d;',
398 | 		'icon-picassa2': '&#xe77e;',
399 | 		'icon-dribbble': '&#xe77f;',
400 | 		'icon-dribbble2': '&#xe780;',
401 | 		'icon-dribbble3': '&#xe781;',
402 | 		'icon-forrst': '&#xe782;',
403 | 		'icon-forrst2': '&#xe783;',
404 | 		'icon-deviantart': '&#xe784;',
405 | 		'icon-deviantart2': '&#xe785;',
406 | 		'icon-steam': '&#xe786;',
407 | 		'icon-steam2': '&#xe787;',
408 | 		'icon-github': '&#xe788;',
409 | 		'icon-github2': '&#xe789;',
410 | 		'icon-github3': '&#xe78a;',
411 | 		'icon-github4': '&#xe78b;',
412 | 		'icon-github5': '&#xe78c;',
413 | 		'icon-wordpress': '&#xe78d;',
414 | 		'icon-wordpress2': '&#xe78e;',
415 | 		'icon-joomla': '&#xe78f;',
416 | 		'icon-blogger': '&#xe790;',
417 | 		'icon-blogger2': '&#xe791;',
418 | 		'icon-tumblr': '&#xe792;',
419 | 		'icon-tumblr2': '&#xe793;',
420 | 		'icon-yahoo': '&#xe794;',
421 | 		'icon-tux': '&#xe795;',
422 | 		'icon-apple': '&#xe796;',
423 | 		'icon-finder': '&#xe797;',
424 | 		'icon-android': '&#xe798;',
425 | 		'icon-windows': '&#xe799;',
426 | 		'icon-windows8': '&#xe79a;',
427 | 		'icon-soundcloud': '&#xe79b;',
428 | 		'icon-soundcloud2': '&#xe79c;',
429 | 		'icon-skype': '&#xe79d;',
430 | 		'icon-reddit': '&#xe79e;',
431 | 		'icon-linkedin': '&#xe79f;',
432 | 		'icon-lastfm': '&#xe7a0;',
433 | 		'icon-lastfm2': '&#xe7a1;',
434 | 		'icon-delicious': '&#xe7a2;',
435 | 		'icon-stumbleupon': '&#xe7a3;',
436 | 		'icon-stumbleupon2': '&#xe7a4;',
437 | 		'icon-stackoverflow': '&#xe7a5;',
438 | 		'icon-pinterest': '&#xe7a6;',
439 | 		'icon-pinterest2': '&#xe7a7;',
440 | 		'icon-xing': '&#xe7a8;',
441 | 		'icon-xing2': '&#xe7a9;',
442 | 		'icon-flattr': '&#xe7aa;',
443 | 		'icon-foursquare': '&#xe7ab;',
444 | 		'icon-foursquare2': '&#xe7ac;',
445 | 		'icon-paypal': '&#xe7ad;',
446 | 		'icon-paypal2': '&#xe7ae;',
447 | 		'icon-paypal3': '&#xe7af;',
448 | 		'icon-yelp': '&#xe7b0;',
449 | 		'icon-libreoffice': '&#xe7b1;',
450 | 		'icon-file-pdf': '&#xe7b2;',
451 | 		'icon-file-openoffice': '&#xe7b3;',
452 | 		'icon-file-word': '&#xe7b4;',
453 | 		'icon-file-excel': '&#xe7b5;',
454 | 		'icon-file-zip': '&#xe7b6;',
455 | 		'icon-file-powerpoint': '&#xe7b7;',
456 | 		'icon-file-xml': '&#xe7b8;',
457 | 		'icon-file-css': '&#xe7b9;',
458 | 		'icon-html5': '&#xe7ba;',
459 | 		'icon-html52': '&#xe7bb;',
460 | 		'icon-css3': '&#xe7bc;',
461 | 		'icon-chrome': '&#xe7bd;',
462 | 		'icon-firefox': '&#xe7be;',
463 | 		'icon-IE': '&#xe7bf;',
464 | 		'icon-opera': '&#xe7c0;',
465 | 		'icon-safari': '&#xe7c1;',
466 | 		'icon-IcoMoon': '&#xe7c2;',
467 | 		'0': 0
468 | 		},
469 | 		els = document.getElementsByTagName('*'),
470 | 		i, c, el;
471 | 	for (i = 0; ; i += 1) {
472 | 		el = els[i];
473 | 		if(!el) {
474 | 			break;
475 | 		}
476 | 		c = el.className;
477 | 		c = c.match(/icon-[^\s'"]+/);
478 | 		if (c && icons[c[0]]) {
479 | 			addIcon(el, icons[c[0]]);
480 | 		}
481 | 	}
482 | }());
483 | 


--------------------------------------------------------------------------------
/sass/modules/_forms.scss:
--------------------------------------------------------------------------------
  1 | /************************
  2 | ******   Forms    *******
  3 | **** Version: 0.0.1 *****
  4 | *************************/
  5 | 
  6 | form {
  7 |   margin: 0 0 1.25em;
  8 | }
  9 | 
 10 | fieldset {
 11 |   padding: 0;
 12 |   margin: 0;
 13 |   border: 0;
 14 | }
 15 | 
 16 | legend {
 17 |   display: block;
 18 |   width: 100%;
 19 |   padding: 0;
 20 |   margin-bottom: 1.25em;
 21 |   font-size: em(21);
 22 |   line-height: 2.5;
 23 |   color: $black-70;
 24 |   border: 0;
 25 |   border-bottom: 1px solid #e5e5e5;
 26 | 
 27 |   small {
 28 |     font-size: em(14);
 29 |     color: #999;
 30 |   }
 31 | 
 32 | }
 33 | 
 34 | label, input, button, select, textarea {
 35 |   font-size: em(14);
 36 |   font-weight: normal;
 37 |   line-height: 1.25;
 38 |   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 39 | }
 40 | 
 41 | label {
 42 |   display: block;
 43 |   margin-bottom: .3125em;
 44 | }
 45 | 
 46 | select, 
 47 | textarea {
 48 |   display: inline-block;
 49 |   height: auto;
 50 |   padding: .5em .375em;
 51 |   margin-bottom: .5625em;
 52 |   font-size: em(14);
 53 |   line-height: 1.25;
 54 |   color: $black-50;
 55 |   -webkit-border-radius: .1875em;
 56 |   -moz-border-radius: .1875em;
 57 |   border-radius: .1875em;
 58 | }
 59 | 
 60 | input {
 61 | 
 62 |   &[type="text"], 
 63 |   &[type="password"], 
 64 |   &[type="datetime"], 
 65 |   &[type="datetime-local"], 
 66 |   &[type="date"], 
 67 |   &[type="month"], 
 68 |   &[type="time"], 
 69 |   &[type="week"], 
 70 |   &[type="number"], 
 71 |   &[type="email"], 
 72 |   &[type="url"], 
 73 |   &[type="search"], 
 74 |   &[type="tel"], 
 75 |   &[type="color"] {
 76 |     display: inline-block;
 77 |     height: auto;
 78 |     padding: .5em .375em;
 79 |     margin-bottom: .5625em;
 80 |     font-size: em(14);
 81 |     line-height: 1.25;
 82 |     color: $black-50;
 83 |     -webkit-border-radius: .1875em;
 84 |     -moz-border-radius: .1875em;
 85 |     border-radius: .1875em;
 86 |   }
 87 | 
 88 | }
 89 | 
 90 | .uneditable-input {
 91 |   display: inline-block;
 92 |   height: auto;
 93 |   padding: .5em .375em;
 94 |   margin-bottom: .5625em;
 95 |   font-size: em(14);
 96 |   line-height: 1.25em;
 97 |   color: $black-50;
 98 |   -webkit-border-radius: .1875em;
 99 |   -moz-border-radius: .1875em;
100 |   border-radius: .1875em;
101 | }
102 | 
103 | input, textarea, 
104 | .uneditable-input {
105 |   width: auto
106 | }
107 | 
108 | textarea {
109 |   width:100%;
110 |   height: auto;
111 |   background-color: #fff;
112 |   border: 1px solid #ccc;
113 |   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
114 |   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
115 |   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
116 |   -webkit-transition: border linear .2s, box-shadow linear .2s;
117 |   -moz-transition: border linear .2s, box-shadow linear 0.2s;
118 |   -o-transition: border linear .2s, box-shadow linear .2s;
119 |   transition: border linear .2s, box-shadow linear .2s;
120 | 
121 |   &:focus {
122 |     border-color: rgba(82, 168, 236, .8);
123 |     outline: 0;
124 |     outline: thin dotted \9;
125 |     /* IE6-9 */
126 |     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
127 |     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
128 |     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
129 |   }
130 | 
131 | }
132 | 
133 | input {
134 | 
135 |   &[type="text"], 
136 |   &[type="password"], 
137 |   &[type="datetime"], 
138 |   &[type="datetime-local"], 
139 |   &[type="date"], 
140 |   &[type="month"], 
141 |   &[type="time"], 
142 |   &[type="week"], 
143 |   &[type="number"], 
144 |   &[type="email"], 
145 |   &[type="url"], 
146 |   &[type="search"], 
147 |   &[type="tel"], 
148 |   &[type="color"] {
149 |     background-color: #fff;
150 |     border: 1px solid #ccc;
151 |     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
152 |     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
153 |     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
154 |     -webkit-transition: border linear .2s, box-shadow linear .2s;
155 |     -moz-transition: border linear .2s, box-shadow linear .2s;
156 |     -o-transition: border linear .2s, box-shadow linear .2s;
157 |     transition: border linear .2s, box-shadow linear .2s;
158 | 
159 |     &:focus {
160 |       border-color: rgba(82, 168, 236, 0.8);
161 |       outline: 0;
162 |       outline: thin dotted \9;
163 |       /* IE6-9 */
164 |       -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
165 |       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
166 |       box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); 
167 |     }
168 | 
169 |   }
170 | 
171 |   &[type="radio"], 
172 |   &[type="checkbox"] {
173 |     margin: .25em 0 0;
174 |     margin-top: 1px \9;
175 |     *margin-top: 0;
176 |     line-height: normal;
177 |     cursor: pointer;
178 |   }
179 | 
180 |   &[type="file"], 
181 |   &[type="image"], 
182 |   &[type="submit"], 
183 |   &[type="reset"], 
184 |   &[type="button"], 
185 |   &[type="radio"], 
186 |   &[type="checkbox"] {
187 |     width: auto;
188 |   }
189 | 
190 |   &[type="file"], 
191 |   &[type="radio"], 
192 |   &[type="checkbox"] {
193 |     
194 |     &:focus {
195 |       outline: thin dotted $black-70;
196 |       outline: 5px auto -webkit-focus-ring-color;
197 |       outline-offset: -2px;
198 |     }
199 | 
200 |   }
201 | 
202 | }
203 | 
204 | .uneditable-input {
205 |   background-color: #fff;
206 |   border: 1px solid #ccc;
207 |   @include vendorize(box-shadow,inset 0 1px 2px rgba(0, 0, 0, .075));
208 |   -webkit-transition: border linear .2s,box-shadow linear .2s;
209 |   -moz-transition: border linear .2s,box-shadow linear .2s;
210 |   -o-transition: border linear .2s,box-shadow linear .2s;
211 |   transition: border linear .2s,box-shadow linear .2s;
212 | 
213 |   &:focus {
214 |     border-color: rgba(82, 168, 236, .8);
215 |     outline: 0;
216 |     outline: thin dotted \9;
217 |     /* IE6-9 */
218 |     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
219 |     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
220 |     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
221 |   }
222 | 
223 | }
224 | 
225 | select, 
226 | input[type="file"] {
227 |   height: 1.875em;
228 |   /* In IE7,the height of the select element cannot be changed by height,only font-size */
229 |   *margin-top: .25em;
230 |   /* For IE7,add top margin to align select with labels */
231 |   line-height: 1.875em;
232 | }
233 | 
234 | select {
235 |   width: 13.75em;
236 |   background-color: #fff;
237 |   border: 1px solid #ccc;
238 | 
239 |   &[multiple], 
240 |   &[size] {
241 |     height: auto;
242 |   }
243 | 
244 |   &:focus {
245 |     outline: thin dotted $black-70;
246 |     outline: 5px auto -webkit-focus-ring-color;
247 |     outline-offset: -2px;
248 |   }
249 | 
250 | }
251 | 
252 | .uneditable-input, 
253 | .uneditable-textarea {
254 |   color: #999;
255 |   cursor: not-allowed;
256 |   background-color: #fcfcfc;
257 |   border-color: #ccc;
258 |   @include vendorize(box-shadow, inset 0 1px 2px rgba(0, 0, 0, .025))
259 | }
260 | 
261 | .uneditable-input {
262 |   overflow: hidden;
263 |   white-space: nowrap;
264 | }
265 | 
266 | .uneditable-textarea {
267 |   width: auto;
268 |   height: auto;
269 | }
270 | 
271 | input:-moz-placeholder, 
272 | textarea:-moz-placeholder, 
273 | input:-ms-input-placeholder, 
274 | textarea:-ms-input-placeholder, 
275 | input::-webkit-input-placeholder, 
276 | textarea::-webkit-input-placeholder {
277 |   color: #999;
278 | }
279 | 
280 | .radio, 
281 | .checkbox {
282 |   min-height: 1.125em;
283 |   padding-left: 1.125em;
284 | 
285 |   &.inline {
286 |     display: inline-block;
287 |     padding-top: .3125em;
288 |     margin-bottom: 0;
289 |     vertical-align: middle;
290 |   }
291 | }
292 | 
293 | .radio input[type="radio"], 
294 | .checkbox input[type="checkbox"] {
295 |   float: left;
296 |   margin-left: -1.125em;
297 | }
298 | 
299 | .controls > {
300 | 
301 |   .radio:first-child, .checkbox:first-child {
302 |     padding-top: .3125em;
303 |   }
304 | 
305 | }
306 | 
307 | .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
308 |   margin-left: .625em;
309 | }
310 | 
311 | .input-mini, 
312 | .input-small, 
313 | .input-medium, 
314 | .input-large, 
315 | .input-xlarge, 
316 | .input-xxlarge {
317 |   width: 100%;
318 | }
319 | 
320 | input, 
321 | select, 
322 | textarea, 
323 | .uneditable-input {
324 | 
325 |   &[class*="span"] {
326 |     float: none;
327 |     margin-left: 0;
328 |   }
329 | 
330 | }
331 | 
332 | .row-fluid {
333 |   input, 
334 |   select, 
335 |   textarea, 
336 |   .uneditable-input {
337 | 
338 |     &[class*="span"] {
339 |       float: none;
340 |       margin-left: 0;
341 |       display: inline-block;
342 |     }
343 | 
344 |   }
345 | 
346 | }
347 | 
348 | .input-append,
349 | .input-prepend {
350 |   input, 
351 |   .uneditable-input {
352 | 
353 |     &[class*="span"] {
354 |       display: inline-block;
355 |     }
356 | 
357 |   }
358 | 
359 | }
360 | 
361 | 
362 | input, 
363 | textarea, 
364 | .uneditable-input {
365 |   margin-left: 0;
366 | }
367 | 
368 | .controls-row {
369 | 
370 |   [class*="span"] + [class*="span"] {
371 |     margin-left: 1.25em;
372 |   }
373 | 
374 |   @include clearfix();
375 | 
376 |   [class*="span"] {
377 |     float: left;
378 |   }
379 | 
380 | }
381 | 
382 | input, 
383 | select, 
384 | textarea, 
385 | input, 
386 | select, 
387 | textarea {
388 | 
389 |   &[disabled],
390 |   &[readonly] {
391 |     cursor: not-allowed;
392 |     background-color: #eee;
393 |   }
394 | 
395 | }
396 | 
397 | input {
398 |   &[type="radio"], 
399 |   &[type="checkbox"] {
400 |     
401 |     &[disabled],
402 |     &[readonly] {
403 |       background-color: transparent;
404 |     }
405 | 
406 |   }
407 | 
408 | }
409 | 
410 | .control-group {
411 | 
412 |   &.warning {
413 | 
414 |     > label, 
415 |     .help-block, 
416 |     .help-inline, 
417 |     .checkbox, 
418 |     .radio, 
419 |     input, 
420 |     select, 
421 |     textarea {
422 |       color: #c09853;
423 |     }
424 | 
425 |     input, 
426 |     select, 
427 |     textarea {
428 |       border-color: #c09853;
429 |       -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
430 |       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
431 |       box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
432 |       
433 |       &:focus {
434 | 	    border-color: #a47e3c;
435 |         -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dbc59e;
436 |         -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dbc59e;
437 |         box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dbc59e;
438 |       }
439 | 
440 |     }
441 | 
442 |     .input-prepend, 
443 |     .input-append {
444 | 
445 |       .add-on {
446 |         color: #c09853;
447 |         background-color: #fcf8e3;
448 |         border-color: #c09853;
449 |       }
450 | 
451 |     }
452 | 
453 |   }
454 |   &.error {
455 | 
456 |     > label, 
457 |     .help-block, 
458 |     .help-inline, 
459 |     .checkbox, 
460 |     .radio, 
461 |     input, 
462 |     select, 
463 |     textarea {
464 |       color: #b94a48;
465 |     }
466 |     input, 
467 |     select, 
468 |     textarea {
469 |       border-color: #b94a48;
470 |       -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
471 |       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
472 |       box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
473 |       
474 |       &:focus {
475 |         border-color: #953b39;
476 |         -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392;
477 |         -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392;
478 |         box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392;
479 |       }
480 | 
481 |     }
482 | 
483 |     .input-prepend, .input-append {
484 |       
485 |       .add-on {
486 |         color: #b94a48;
487 |         background-color: #f2dede;
488 |         border-color: #b94a48;
489 |       }
490 | 
491 |     }
492 | 
493 |   }
494 |   &.success {
495 | 
496 |     > label, 
497 |     .help-block, 
498 |     .help-inline, 
499 |     .checkbox, 
500 |     .radio, 
501 |     input, 
502 |     select, 
503 |     textarea {
504 |       color: #468847;
505 |     }
506 | 
507 |     input, 
508 |     select, 
509 |     textarea {
510 |       border-color: #468847;
511 |       -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
512 |       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
513 |       box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
514 |       
515 |       &:focus {
516 |         border-color: #356635;
517 |         -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
518 |         -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
519 |         box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
520 |       }
521 | 
522 |     }
523 | 
524 |     .input-prepend, 
525 |     .input-append {
526 | 
527 |       .add-on {
528 |         color: #468847;
529 |         background-color: #dff0d8;
530 |         border-color: #468847;
531 |       }
532 | 
533 |     }
534 | 
535 |   }
536 |   &.info {
537 | 
538 |     > label, 
539 |     .help-block, 
540 |     .help-inline, 
541 |     .checkbox, 
542 |     .radio, 
543 |     input, 
544 |     select, 
545 |     textarea {
546 |       color: #3a87ad;
547 |     }
548 | 
549 |     input, 
550 |     select, 
551 |     textarea {
552 |       border-color: #3a87ad;
553 |       -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
554 |       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
555 |       box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
556 |       
557 |       &:focus {
558 |         border-color: #2d6987;
559 |         -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7ab5d3;
560 |         -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7ab5d3;
561 |         box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7ab5d3;
562 |       }
563 | 
564 |     }
565 |     .input-prepend, .input-append {
566 | 
567 |       .add-on {
568 |         color: #3a87ad;
569 |         background-color: #d9edf7;
570 |         border-color: #3a87ad;
571 |       }
572 |   
573 |     }
574 | 
575 |   }
576 | 
577 | }
578 | 
579 | input:focus:required:invalid, 
580 | textarea:focus:required:invalid, 
581 | select:focus:required:invalid {
582 |   color: #b94a48;
583 |   border-color: #ee5f5b;
584 | 
585 |   &:focus {
586 |     border-color: #e9322d;
587 |     -webkit-box-shadow: 0 0 6px #f8b9b7;
588 |     -moz-box-shadow: 0 0 6px #f8b9b7;
589 |     box-shadow: 0 0 6px #f8b9b7;
590 |   }
591 | 
592 | }
593 | 
594 | .form-actions {
595 |   padding: 1.1875em 1.25em 1.25em;
596 |   margin: 1.125em 0;
597 |   background-color: #f5f5f5;
598 |   border-top: 1px solid #e5e5e5;
599 |   *zoom: 1;
600 | 
601 |   &:before {
602 |     display: table;
603 |     line-height: 0;
604 |     content: "";
605 |   }
606 | 
607 |   &:after {
608 |     display: table;
609 |     line-height: 0;
610 |     content: "";
611 |     clear: both;
612 |   }
613 | 
614 | }
615 | 
616 | .help-block, 
617 | .help-inline {
618 |   color: #595959;
619 | }
620 | 
621 | .help-block {
622 |   display: block;
623 |   margin-bottom: .625em;
624 | }
625 | 
626 | .help-inline {
627 |   display: inline-block;
628 |   *display: inline;
629 |   padding-left: .3125em;
630 |   vertical-align: middle;
631 |   *zoom: 1;
632 | }
633 | 
634 | .input-append, 
635 | .input-prepend {
636 |   margin-bottom: .3125em;
637 |   font-size: 0;
638 |   white-space: nowrap;
639 | }
640 | 
641 | .input-append, 
642 | .input-prepend {
643 | 
644 |   input,
645 |   select,
646 |   .uneditable-input {
647 |     position: relative;
648 |     margin-bottom: 0;
649 |     *margin-left: 0;
650 |     font-size: em(14);
651 |     vertical-align: top;
652 |     -webkit-border-radius: 0 3px 3px 0;
653 |     -moz-border-radius: 0 3px 3px 0;
654 |     border-radius: 0 3px 3px 0;
655 | 
656 |     &:focus {
657 | 	  z-index: 2;
658 | 	}
659 | 
660 |   }
661 | 
662 |   &.add-on {
663 |     display: inline-block;
664 |     width: auto;
665 |     height: auto;
666 |     min-width: 1em;
667 |     padding: .5em .3125em;
668 |     font-size: em(14);
669 |     font-weight: normal;
670 |     line-height: 1.25em;
671 |     text-align: center;
672 |     text-shadow: 0 1px 0 #fff;
673 |     background-color: #eee;
674 |     border: 1px solid #ccc;
675 |   }
676 | 
677 |   &.add-on,
678 |   &.btn {
679 |     vertical-align: middle;
680 |     -webkit-border-radius: 0;
681 |     -moz-border-radius: 0;
682 |     border-radius: 0;
683 |   }
684 | 
685 |   .active {
686 |     background-color: #a9dba9;
687 |     border-color: #46a546;
688 |   }
689 | 
690 | }
691 | 
692 | .input-prepend {
693 | 
694 |   .active {
695 |     background-color: #a9dba9;
696 |     border-color: #46a546;
697 |   }
698 | 
699 |   .add-on, 
700 |   .btn {
701 |     margin-right: -.0625em;
702 | 
703 |     &:first-child {
704 |       -webkit-border-radius: 3px 0 0 3px;
705 |       -moz-border-radius: 3px 0 0 3px;
706 |       border-radius: 3px 0 0 3px;
707 |     }
708 | 
709 |   }
710 | 
711 | }
712 | 
713 | .input-append {
714 | 
715 |   input, 
716 |   select, 
717 |   .uneditable-input {
718 |     -webkit-border-radius: 3px 0 0 3px;
719 |     -moz-border-radius: 3px 0 0 3px;
720 |     border-radius: 3px 0 0 3px;
721 |   }
722 | 
723 |   .add-on, 
724 |   .btn {
725 |     margin-left: -.0625em;
726 | 
727 |     &:last-child {
728 | 	  -webkit-border-radius: 0 3px 3px 0;
729 | 	  -moz-border-radius: 0 3px 3px 0;
730 | 	  border-radius: 0 3px 3px 0;
731 | 	}
732 |   }
733 | 
734 | }
735 | 
736 | .input-prepend.input-append {
737 | 
738 |   input, 
739 |   select, 
740 |   .uneditable-input {
741 |     -webkit-border-radius: 0;
742 |     -moz-border-radius: 0;
743 |     border-radius: 0;
744 |   }
745 | 
746 |   .add-on:first-child, .btn:first-child {
747 |     margin-right: -1px;
748 |     -webkit-border-radius: 3px 0 0 3px;
749 |     -moz-border-radius: 3px 0 0 3px;
750 |     border-radius: 3px 0 0 3px;
751 |   }
752 |   .add-on:last-child, .btn:last-child {
753 |     margin-left: -.0625em;
754 |     -webkit-border-radius: 0 3px 3px 0;
755 |     -moz-border-radius: 0 3px 3px 0;
756 |     border-radius: 0 3px 3px 0;
757 |   }
758 | }
759 | 
760 | input.search-query {
761 |   padding-right: .875em;
762 |   padding-right: .25em \9;
763 |   padding-left: .875em;
764 |   padding-left: .25em \9;
765 |   /* IE7-8 doesn't have border-radius,so don't indent the padding */
766 |   margin-bottom: 0;
767 |   -webkit-border-radius: 1em;
768 |   -moz-border-radius: 1em;
769 |   border-radius: 1em;
770 | }
771 | 
772 | /* Allow for input prepend/append in search forms */
773 | 
774 | .form-search {
775 | 
776 |   .input-append .search-query, .input-prepend .search-query {
777 |     -webkit-border-radius: 0;
778 |     -moz-border-radius: 0;
779 |     border-radius: 0;
780 |   }
781 | 
782 |   .input-append {
783 | 
784 |     .search-query {
785 |       -webkit-border-radius: .875em 0 0 .875em;
786 |       -moz-border-radius: .875em 0 0 .875em;
787 |       border-radius: .875em 0 0 .875em;
788 |     }
789 | 
790 |     .btn {
791 | 
792 |       -webkit-border-radius: 0 .875em .875em 0;
793 |       -moz-border-radius: 0 .875em .875em 0;
794 |       border-radius: 0 .875em .875em 0;
795 |     }
796 | 
797 |   }
798 |   .input-prepend {
799 | 
800 |     .search-query {
801 |       -webkit-border-radius: 0 .875em .875em 0;
802 |       -moz-border-radius: 0 .875em .875em 0;
803 |       border-radius: 0 .875em .875em 0;
804 |     }
805 | 
806 |     .btn {
807 |       -webkit-border-radius: .875em 0 0 .875em;
808 |       -moz-border-radius: .875em 0 0 .875em;
809 |       border-radius: .875em 0 0 .875em;
810 |       height: auto;
811 |     }
812 | 
813 |   }
814 | 
815 |   input {
816 |     display: inline-block;
817 |     *display: inline;
818 |     margin-bottom: 0;
819 |     vertical-align: top;
820 |     *zoom: 1;
821 |   }
822 | 
823 | }
824 | 
825 | .form-inline input, 
826 | .form-horizontal input, 
827 | .form-search textarea, 
828 | .form-inline textarea, 
829 | .form-horizontal textarea, 
830 | .form-search select, 
831 | .form-inline select, 
832 | .form-horizontal select, 
833 | .form-search .help-inline, 
834 | .form-inline .help-inline, 
835 | .form-horizontal .help-inline, 
836 | .form-search .uneditable-input, 
837 | .form-inline .uneditable-input, 
838 | .form-horizontal .uneditable-input, 
839 | .form-search .input-prepend, 
840 | .form-inline .input-prepend, 
841 | .form-horizontal .input-prepend, 
842 | .form-search .input-append, 
843 | .form-inline .input-append, 
844 | .form-horizontal .input-append {
845 |   display: inline-block;
846 |   *display: inline;
847 |   margin-bottom: 0;
848 |   vertical-align: top;
849 |   *zoom: 1;
850 | }
851 | 
852 | .form-search .hide, 
853 | .form-inline .hide, 
854 | .form-horizontal .hide {
855 |   display: none;
856 | }
857 | 
858 | .form-search label, 
859 | .form-inline label, 
860 | .form-search .btn-group, 
861 | .form-inline .btn-group {
862 |   display: inline-block;
863 | }
864 | 
865 | .form-search .input-append, 
866 | .form-inline .input-append, 
867 | .form-search .input-prepend, 
868 | .form-inline .input-prepend {
869 |   margin-bottom: 0;
870 | }
871 | 
872 | .form-search {
873 | 
874 |   .radio, .checkbox {
875 |     padding-left: 0;
876 |     margin-bottom: 0;
877 |     vertical-align: middle;
878 |   }
879 | 
880 | }
881 | 
882 | .form-inline {
883 | 
884 |   .radio, .checkbox {
885 |     padding-left: 0;
886 |     margin-bottom: 0;
887 |     vertical-align: middle;
888 |   }
889 | 
890 | }
891 | 
892 | .form-search {
893 | 
894 |   .radio input[type="radio"], 
895 |   .checkbox input[type="checkbox"] {
896 |     float: left;
897 |     margin-right: .1875em;
898 |     margin-left: 0;
899 |   }
900 | 
901 | }
902 | 
903 | .form-inline {
904 | 
905 |   .radio input[type="radio"], 
906 |   .checkbox input[type="checkbox"] {
907 |     float: left;
908 |     margin-right: .1875em;
909 |     margin-left: 0;
910 |   }
911 | 
912 | }
913 | 
914 | .control-group {
915 |   margin-bottom: .625em;
916 | }
917 | 
918 | legend + .control-group {
919 |   margin-top: 1.25em;
920 |   -webkit-margin-top-collapse: separate;
921 | }
922 | 
923 | .form-horizontal {
924 |   width: 90%;
925 | 
926 |   .control-group {
927 |     margin-bottom: 1.25em;
928 |     @include clearfix();
929 |   }
930 | 
931 |   .control-label {
932 |     float: left;
933 |     width: auto;
934 |     padding-top: .7125em;
935 |     text-align: left;
936 |     margin-right: 4%;
937 |   }
938 | 
939 |   .controls {
940 |     *display: inline-block;
941 |     *padding-left: 1.25em;
942 |     *margin-left: 0;
943 | 
944 |     &:first-child {
945 |       *padding-left: 11.25em;
946 |     }
947 | 
948 |   }
949 | 
950 |   .help-block {
951 |     margin-bottom: 0;
952 |   }
953 | 
954 |   input + .help-block, 
955 |   select + .help-block, 
956 |   textarea + .help-block {
957 |     margin-top: .625em;
958 |   }
959 | 
960 |   .form-actions {
961 |     padding-left: 11.25em;
962 |   }
963 | 
964 | }
965 | 


--------------------------------------------------------------------------------
/sass/base/_variables.scss:
--------------------------------------------------------------------------------
  1 | /* Global Variables
  2 | ================================================= */
  3 | 
  4 | // Wireframe Base Colors. For more color options, see color-palette.scss.
  5 | 
  6 | $white: #fff;
  7 | $black-10: darken(#fff, 10%);
  8 | $black-20: darken(#fff, 20%);
  9 | $black-30: darken(#fff, 30%);
 10 | $black-40: darken(#fff, 40%);
 11 | $black-50: darken(#fff, 50%);
 12 | $black-60: darken(#fff, 60%);
 13 | $black-70: darken(#fff, 70%);
 14 | $black-80: darken(#fff, 80%);
 15 | $black-90: darken(#fff, 90%);
 16 | 
 17 | 
 18 | 
 19 | /* Typography Variables
 20 | ========================= */
 21 | 
 22 | // The typography scale works in multiples of 6.
 23 | 
 24 | // Root Font Size Variable — best to avoid changing unless you like risks.
 25 | // If you're relying on it **relatively** with ems, be careful.
 26 | $root-font-size: 16!default;
 27 | 
 28 | $basefont:16;
 29 | $baseh1:40;
 30 | $baseh2:26;
 31 | $baseh3:27;
 32 | $baseh4:23;
 33 | $baseh5:18;
 34 | $baseh6:16;
 35 | $basep: 16;
 36 | 
 37 | $light: 100;
 38 | $regular: 300;
 39 | $semi-bold: 400;
 40 | $heavy: 700;
 41 | $black: 900;
 42 | 
 43 | $line-height: 1.5; // establish a consistent line-height equal to 27px
 44 | $vertical-measure: 1.5em; // establish a vertical distance for margins equal to line-height
 45 | 
 46 | 
 47 | $body-bg: #fff;
 48 | $body-font-color: $black-80;
 49 | $body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
 50 | $body-font-weight: $regular;
 51 | $body-font-style: normal;
 52 | 
 53 | // The default font-size is set to 100% of the browser style sheet (usually 16px)
 54 | // for compatibility with browser-based text zoom or user-set defaults.
 55 | $base-font-size: 100% !default;
 56 | 
 57 | // Font-smoothing
 58 | $font-smoothing: antialiased;
 59 | 
 60 | // Text direction settings
 61 | $text-direction: ltr;
 62 | 
 63 | 
 64 | /* Measurements
 65 | ========================= */
 66 | 
 67 | // Base Measurement Unit
 68 | $base-unit: 6px;
 69 | 
 70 | //margins & padding
 71 | 
 72 | $spacing: ($base-unit * 2);
 73 | 
 74 | 
 75 | 
 76 | 
 77 | 
 78 | // Custom use example -> $cursor-default-value: url(http://cursors-site.net/path/to/custom/cursor/default.cur),progress;
 79 | 
 80 | $cursor-crosshair-value: 'crosshair';
 81 | $cursor-default-value: 'default';
 82 | $cursor-pointer-value: 'pointer';
 83 | $cursor-help-value: 'help';
 84 | 
 85 | 
 86 | // Links
 87 | $link-color: $black-70;
 88 | $link-color-hover: darken($link-color, 15%);
 89 | 
 90 | 
 91 | /* Vendor Prefixing 
 92 | ========================= */
 93 | 
 94 | $prefix-for-webkit: true !default;
 95 | $prefix-for-mozilla: true !default;
 96 | $prefix-for-microsoft: true !default;
 97 | $prefix-for-opera: true !default;
 98 | $prefix-for-spec: true !default; // required for keyframe mixin
 99 | 
100 | 
101 | 
102 | /* Grid Variables
103 | ========================== */
104 | 
105 | // Defaults which you can freely override
106 | $column-width: 60px;
107 | $gutter-width: 20px;
108 | $columns: 12;
109 | 
110 | 
111 | // Set $total-width to 100% for a fluid layout
112 | $total-width: 100%;
113 | 
114 | // Uncomment these two lines and the star-hack width/margin lines below to enable sub-pixel fix for IE6 & 7. See http://tylertate.com/blog/2012/01/05/subpixel-rounding.html
115 | // $min-width: 999999;
116 | // $correction: 0.5 / $min-width * 100;
117 | 
118 | 
119 | // Font Awesome Variables
120 | // --------------------------
121 | 
122 | $fa-font-path:        "fonts" !default;
123 | $fa-font-size-base:   14px !default;
124 | //$fa-font-path:        "//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts" !default; // for referencing Bootstrap CDN font files directly
125 | $fa-css-prefix:       fa !default;
126 | $fa-version:          "4.3.0" !default;
127 | $fa-border-color:     #eee !default;
128 | $fa-inverse:          $white !default;
129 | $fa-li-width:         (30em / 14) !default;
130 | 
131 | $fa-var-adjust: "\f042";
132 | $fa-var-adn: "\f170";
133 | $fa-var-align-center: "\f037";
134 | $fa-var-align-justify: "\f039";
135 | $fa-var-align-left: "\f036";
136 | $fa-var-align-right: "\f038";
137 | $fa-var-ambulance: "\f0f9";
138 | $fa-var-anchor: "\f13d";
139 | $fa-var-android: "\f17b";
140 | $fa-var-angellist: "\f209";
141 | $fa-var-angle-double-down: "\f103";
142 | $fa-var-angle-double-left: "\f100";
143 | $fa-var-angle-double-right: "\f101";
144 | $fa-var-angle-double-up: "\f102";
145 | $fa-var-angle-down: "\f107";
146 | $fa-var-angle-left: "\f104";
147 | $fa-var-angle-right: "\f105";
148 | $fa-var-angle-up: "\f106";
149 | $fa-var-apple: "\f179";
150 | $fa-var-archive: "\f187";
151 | $fa-var-area-chart: "\f1fe";
152 | $fa-var-arrow-circle-down: "\f0ab";
153 | $fa-var-arrow-circle-left: "\f0a8";
154 | $fa-var-arrow-circle-o-down: "\f01a";
155 | $fa-var-arrow-circle-o-left: "\f190";
156 | $fa-var-arrow-circle-o-right: "\f18e";
157 | $fa-var-arrow-circle-o-up: "\f01b";
158 | $fa-var-arrow-circle-right: "\f0a9";
159 | $fa-var-arrow-circle-up: "\f0aa";
160 | $fa-var-arrow-down: "\f063";
161 | $fa-var-arrow-left: "\f060";
162 | $fa-var-arrow-right: "\f061";
163 | $fa-var-arrow-up: "\f062";
164 | $fa-var-arrows: "\f047";
165 | $fa-var-arrows-alt: "\f0b2";
166 | $fa-var-arrows-h: "\f07e";
167 | $fa-var-arrows-v: "\f07d";
168 | $fa-var-asterisk: "\f069";
169 | $fa-var-at: "\f1fa";
170 | $fa-var-automobile: "\f1b9";
171 | $fa-var-backward: "\f04a";
172 | $fa-var-ban: "\f05e";
173 | $fa-var-bank: "\f19c";
174 | $fa-var-bar-chart: "\f080";
175 | $fa-var-bar-chart-o: "\f080";
176 | $fa-var-barcode: "\f02a";
177 | $fa-var-bars: "\f0c9";
178 | $fa-var-bed: "\f236";
179 | $fa-var-beer: "\f0fc";
180 | $fa-var-behance: "\f1b4";
181 | $fa-var-behance-square: "\f1b5";
182 | $fa-var-bell: "\f0f3";
183 | $fa-var-bell-o: "\f0a2";
184 | $fa-var-bell-slash: "\f1f6";
185 | $fa-var-bell-slash-o: "\f1f7";
186 | $fa-var-bicycle: "\f206";
187 | $fa-var-binoculars: "\f1e5";
188 | $fa-var-birthday-cake: "\f1fd";
189 | $fa-var-bitbucket: "\f171";
190 | $fa-var-bitbucket-square: "\f172";
191 | $fa-var-bitcoin: "\f15a";
192 | $fa-var-bold: "\f032";
193 | $fa-var-bolt: "\f0e7";
194 | $fa-var-bomb: "\f1e2";
195 | $fa-var-book: "\f02d";
196 | $fa-var-bookmark: "\f02e";
197 | $fa-var-bookmark-o: "\f097";
198 | $fa-var-briefcase: "\f0b1";
199 | $fa-var-btc: "\f15a";
200 | $fa-var-bug: "\f188";
201 | $fa-var-building: "\f1ad";
202 | $fa-var-building-o: "\f0f7";
203 | $fa-var-bullhorn: "\f0a1";
204 | $fa-var-bullseye: "\f140";
205 | $fa-var-bus: "\f207";
206 | $fa-var-buysellads: "\f20d";
207 | $fa-var-cab: "\f1ba";
208 | $fa-var-calculator: "\f1ec";
209 | $fa-var-calendar: "\f073";
210 | $fa-var-calendar-o: "\f133";
211 | $fa-var-camera: "\f030";
212 | $fa-var-camera-retro: "\f083";
213 | $fa-var-car: "\f1b9";
214 | $fa-var-caret-down: "\f0d7";
215 | $fa-var-caret-left: "\f0d9";
216 | $fa-var-caret-right: "\f0da";
217 | $fa-var-caret-square-o-down: "\f150";
218 | $fa-var-caret-square-o-left: "\f191";
219 | $fa-var-caret-square-o-right: "\f152";
220 | $fa-var-caret-square-o-up: "\f151";
221 | $fa-var-caret-up: "\f0d8";
222 | $fa-var-cart-arrow-down: "\f218";
223 | $fa-var-cart-plus: "\f217";
224 | $fa-var-cc: "\f20a";
225 | $fa-var-cc-amex: "\f1f3";
226 | $fa-var-cc-discover: "\f1f2";
227 | $fa-var-cc-mastercard: "\f1f1";
228 | $fa-var-cc-paypal: "\f1f4";
229 | $fa-var-cc-stripe: "\f1f5";
230 | $fa-var-cc-visa: "\f1f0";
231 | $fa-var-certificate: "\f0a3";
232 | $fa-var-chain: "\f0c1";
233 | $fa-var-chain-broken: "\f127";
234 | $fa-var-check: "\f00c";
235 | $fa-var-check-circle: "\f058";
236 | $fa-var-check-circle-o: "\f05d";
237 | $fa-var-check-square: "\f14a";
238 | $fa-var-check-square-o: "\f046";
239 | $fa-var-chevron-circle-down: "\f13a";
240 | $fa-var-chevron-circle-left: "\f137";
241 | $fa-var-chevron-circle-right: "\f138";
242 | $fa-var-chevron-circle-up: "\f139";
243 | $fa-var-chevron-down: "\f078";
244 | $fa-var-chevron-left: "\f053";
245 | $fa-var-chevron-right: "\f054";
246 | $fa-var-chevron-up: "\f077";
247 | $fa-var-child: "\f1ae";
248 | $fa-var-circle: "\f111";
249 | $fa-var-circle-o: "\f10c";
250 | $fa-var-circle-o-notch: "\f1ce";
251 | $fa-var-circle-thin: "\f1db";
252 | $fa-var-clipboard: "\f0ea";
253 | $fa-var-clock-o: "\f017";
254 | $fa-var-close: "\f00d";
255 | $fa-var-cloud: "\f0c2";
256 | $fa-var-cloud-download: "\f0ed";
257 | $fa-var-cloud-upload: "\f0ee";
258 | $fa-var-cny: "\f157";
259 | $fa-var-code: "\f121";
260 | $fa-var-code-fork: "\f126";
261 | $fa-var-codepen: "\f1cb";
262 | $fa-var-coffee: "\f0f4";
263 | $fa-var-cog: "\f013";
264 | $fa-var-cogs: "\f085";
265 | $fa-var-columns: "\f0db";
266 | $fa-var-comment: "\f075";
267 | $fa-var-comment-o: "\f0e5";
268 | $fa-var-comments: "\f086";
269 | $fa-var-comments-o: "\f0e6";
270 | $fa-var-compass: "\f14e";
271 | $fa-var-compress: "\f066";
272 | $fa-var-connectdevelop: "\f20e";
273 | $fa-var-copy: "\f0c5";
274 | $fa-var-copyright: "\f1f9";
275 | $fa-var-credit-card: "\f09d";
276 | $fa-var-crop: "\f125";
277 | $fa-var-crosshairs: "\f05b";
278 | $fa-var-css3: "\f13c";
279 | $fa-var-cube: "\f1b2";
280 | $fa-var-cubes: "\f1b3";
281 | $fa-var-cut: "\f0c4";
282 | $fa-var-cutlery: "\f0f5";
283 | $fa-var-dashboard: "\f0e4";
284 | $fa-var-dashcube: "\f210";
285 | $fa-var-database: "\f1c0";
286 | $fa-var-dedent: "\f03b";
287 | $fa-var-delicious: "\f1a5";
288 | $fa-var-desktop: "\f108";
289 | $fa-var-deviantart: "\f1bd";
290 | $fa-var-diamond: "\f219";
291 | $fa-var-digg: "\f1a6";
292 | $fa-var-dollar: "\f155";
293 | $fa-var-dot-circle-o: "\f192";
294 | $fa-var-download: "\f019";
295 | $fa-var-dribbble: "\f17d";
296 | $fa-var-dropbox: "\f16b";
297 | $fa-var-drupal: "\f1a9";
298 | $fa-var-edit: "\f044";
299 | $fa-var-eject: "\f052";
300 | $fa-var-ellipsis-h: "\f141";
301 | $fa-var-ellipsis-v: "\f142";
302 | $fa-var-empire: "\f1d1";
303 | $fa-var-envelope: "\f0e0";
304 | $fa-var-envelope-o: "\f003";
305 | $fa-var-envelope-square: "\f199";
306 | $fa-var-eraser: "\f12d";
307 | $fa-var-eur: "\f153";
308 | $fa-var-euro: "\f153";
309 | $fa-var-exchange: "\f0ec";
310 | $fa-var-exclamation: "\f12a";
311 | $fa-var-exclamation-circle: "\f06a";
312 | $fa-var-exclamation-triangle: "\f071";
313 | $fa-var-expand: "\f065";
314 | $fa-var-external-link: "\f08e";
315 | $fa-var-external-link-square: "\f14c";
316 | $fa-var-eye: "\f06e";
317 | $fa-var-eye-slash: "\f070";
318 | $fa-var-eyedropper: "\f1fb";
319 | $fa-var-facebook: "\f09a";
320 | $fa-var-facebook-f: "\f09a";
321 | $fa-var-facebook-official: "\f230";
322 | $fa-var-facebook-square: "\f082";
323 | $fa-var-fast-backward: "\f049";
324 | $fa-var-fast-forward: "\f050";
325 | $fa-var-fax: "\f1ac";
326 | $fa-var-female: "\f182";
327 | $fa-var-fighter-jet: "\f0fb";
328 | $fa-var-file: "\f15b";
329 | $fa-var-file-archive-o: "\f1c6";
330 | $fa-var-file-audio-o: "\f1c7";
331 | $fa-var-file-code-o: "\f1c9";
332 | $fa-var-file-excel-o: "\f1c3";
333 | $fa-var-file-image-o: "\f1c5";
334 | $fa-var-file-movie-o: "\f1c8";
335 | $fa-var-file-o: "\f016";
336 | $fa-var-file-pdf-o: "\f1c1";
337 | $fa-var-file-photo-o: "\f1c5";
338 | $fa-var-file-picture-o: "\f1c5";
339 | $fa-var-file-powerpoint-o: "\f1c4";
340 | $fa-var-file-sound-o: "\f1c7";
341 | $fa-var-file-text: "\f15c";
342 | $fa-var-file-text-o: "\f0f6";
343 | $fa-var-file-video-o: "\f1c8";
344 | $fa-var-file-word-o: "\f1c2";
345 | $fa-var-file-zip-o: "\f1c6";
346 | $fa-var-files-o: "\f0c5";
347 | $fa-var-film: "\f008";
348 | $fa-var-filter: "\f0b0";
349 | $fa-var-fire: "\f06d";
350 | $fa-var-fire-extinguisher: "\f134";
351 | $fa-var-flag: "\f024";
352 | $fa-var-flag-checkered: "\f11e";
353 | $fa-var-flag-o: "\f11d";
354 | $fa-var-flash: "\f0e7";
355 | $fa-var-flask: "\f0c3";
356 | $fa-var-flickr: "\f16e";
357 | $fa-var-floppy-o: "\f0c7";
358 | $fa-var-folder: "\f07b";
359 | $fa-var-folder-o: "\f114";
360 | $fa-var-folder-open: "\f07c";
361 | $fa-var-folder-open-o: "\f115";
362 | $fa-var-font: "\f031";
363 | $fa-var-forumbee: "\f211";
364 | $fa-var-forward: "\f04e";
365 | $fa-var-foursquare: "\f180";
366 | $fa-var-frown-o: "\f119";
367 | $fa-var-futbol-o: "\f1e3";
368 | $fa-var-gamepad: "\f11b";
369 | $fa-var-gavel: "\f0e3";
370 | $fa-var-gbp: "\f154";
371 | $fa-var-ge: "\f1d1";
372 | $fa-var-gear: "\f013";
373 | $fa-var-gears: "\f085";
374 | $fa-var-genderless: "\f1db";
375 | $fa-var-gift: "\f06b";
376 | $fa-var-git: "\f1d3";
377 | $fa-var-git-square: "\f1d2";
378 | $fa-var-github: "\f09b";
379 | $fa-var-github-alt: "\f113";
380 | $fa-var-github-square: "\f092";
381 | $fa-var-gittip: "\f184";
382 | $fa-var-glass: "\f000";
383 | $fa-var-globe: "\f0ac";
384 | $fa-var-google: "\f1a0";
385 | $fa-var-google-plus: "\f0d5";
386 | $fa-var-google-plus-square: "\f0d4";
387 | $fa-var-google-wallet: "\f1ee";
388 | $fa-var-graduation-cap: "\f19d";
389 | $fa-var-gratipay: "\f184";
390 | $fa-var-group: "\f0c0";
391 | $fa-var-h-square: "\f0fd";
392 | $fa-var-hacker-news: "\f1d4";
393 | $fa-var-hand-o-down: "\f0a7";
394 | $fa-var-hand-o-left: "\f0a5";
395 | $fa-var-hand-o-right: "\f0a4";
396 | $fa-var-hand-o-up: "\f0a6";
397 | $fa-var-hdd-o: "\f0a0";
398 | $fa-var-header: "\f1dc";
399 | $fa-var-headphones: "\f025";
400 | $fa-var-heart: "\f004";
401 | $fa-var-heart-o: "\f08a";
402 | $fa-var-heartbeat: "\f21e";
403 | $fa-var-history: "\f1da";
404 | $fa-var-home: "\f015";
405 | $fa-var-hospital-o: "\f0f8";
406 | $fa-var-hotel: "\f236";
407 | $fa-var-html5: "\f13b";
408 | $fa-var-ils: "\f20b";
409 | $fa-var-image: "\f03e";
410 | $fa-var-inbox: "\f01c";
411 | $fa-var-indent: "\f03c";
412 | $fa-var-info: "\f129";
413 | $fa-var-info-circle: "\f05a";
414 | $fa-var-inr: "\f156";
415 | $fa-var-instagram: "\f16d";
416 | $fa-var-institution: "\f19c";
417 | $fa-var-ioxhost: "\f208";
418 | $fa-var-italic: "\f033";
419 | $fa-var-joomla: "\f1aa";
420 | $fa-var-jpy: "\f157";
421 | $fa-var-jsfiddle: "\f1cc";
422 | $fa-var-key: "\f084";
423 | $fa-var-keyboard-o: "\f11c";
424 | $fa-var-krw: "\f159";
425 | $fa-var-language: "\f1ab";
426 | $fa-var-laptop: "\f109";
427 | $fa-var-lastfm: "\f202";
428 | $fa-var-lastfm-square: "\f203";
429 | $fa-var-leaf: "\f06c";
430 | $fa-var-leanpub: "\f212";
431 | $fa-var-legal: "\f0e3";
432 | $fa-var-lemon-o: "\f094";
433 | $fa-var-level-down: "\f149";
434 | $fa-var-level-up: "\f148";
435 | $fa-var-life-bouy: "\f1cd";
436 | $fa-var-life-buoy: "\f1cd";
437 | $fa-var-life-ring: "\f1cd";
438 | $fa-var-life-saver: "\f1cd";
439 | $fa-var-lightbulb-o: "\f0eb";
440 | $fa-var-line-chart: "\f201";
441 | $fa-var-link: "\f0c1";
442 | $fa-var-linkedin: "\f0e1";
443 | $fa-var-linkedin-square: "\f08c";
444 | $fa-var-linux: "\f17c";
445 | $fa-var-list: "\f03a";
446 | $fa-var-list-alt: "\f022";
447 | $fa-var-list-ol: "\f0cb";
448 | $fa-var-list-ul: "\f0ca";
449 | $fa-var-location-arrow: "\f124";
450 | $fa-var-lock: "\f023";
451 | $fa-var-long-arrow-down: "\f175";
452 | $fa-var-long-arrow-left: "\f177";
453 | $fa-var-long-arrow-right: "\f178";
454 | $fa-var-long-arrow-up: "\f176";
455 | $fa-var-magic: "\f0d0";
456 | $fa-var-magnet: "\f076";
457 | $fa-var-mail-forward: "\f064";
458 | $fa-var-mail-reply: "\f112";
459 | $fa-var-mail-reply-all: "\f122";
460 | $fa-var-male: "\f183";
461 | $fa-var-map-marker: "\f041";
462 | $fa-var-mars: "\f222";
463 | $fa-var-mars-double: "\f227";
464 | $fa-var-mars-stroke: "\f229";
465 | $fa-var-mars-stroke-h: "\f22b";
466 | $fa-var-mars-stroke-v: "\f22a";
467 | $fa-var-maxcdn: "\f136";
468 | $fa-var-meanpath: "\f20c";
469 | $fa-var-medium: "\f23a";
470 | $fa-var-medkit: "\f0fa";
471 | $fa-var-meh-o: "\f11a";
472 | $fa-var-mercury: "\f223";
473 | $fa-var-microphone: "\f130";
474 | $fa-var-microphone-slash: "\f131";
475 | $fa-var-minus: "\f068";
476 | $fa-var-minus-circle: "\f056";
477 | $fa-var-minus-square: "\f146";
478 | $fa-var-minus-square-o: "\f147";
479 | $fa-var-mobile: "\f10b";
480 | $fa-var-mobile-phone: "\f10b";
481 | $fa-var-money: "\f0d6";
482 | $fa-var-moon-o: "\f186";
483 | $fa-var-mortar-board: "\f19d";
484 | $fa-var-motorcycle: "\f21c";
485 | $fa-var-music: "\f001";
486 | $fa-var-navicon: "\f0c9";
487 | $fa-var-neuter: "\f22c";
488 | $fa-var-newspaper-o: "\f1ea";
489 | $fa-var-openid: "\f19b";
490 | $fa-var-outdent: "\f03b";
491 | $fa-var-pagelines: "\f18c";
492 | $fa-var-paint-brush: "\f1fc";
493 | $fa-var-paper-plane: "\f1d8";
494 | $fa-var-paper-plane-o: "\f1d9";
495 | $fa-var-paperclip: "\f0c6";
496 | $fa-var-paragraph: "\f1dd";
497 | $fa-var-paste: "\f0ea";
498 | $fa-var-pause: "\f04c";
499 | $fa-var-paw: "\f1b0";
500 | $fa-var-paypal: "\f1ed";
501 | $fa-var-pencil: "\f040";
502 | $fa-var-pencil-square: "\f14b";
503 | $fa-var-pencil-square-o: "\f044";
504 | $fa-var-phone: "\f095";
505 | $fa-var-phone-square: "\f098";
506 | $fa-var-photo: "\f03e";
507 | $fa-var-picture-o: "\f03e";
508 | $fa-var-pie-chart: "\f200";
509 | $fa-var-pied-piper: "\f1a7";
510 | $fa-var-pied-piper-alt: "\f1a8";
511 | $fa-var-pinterest: "\f0d2";
512 | $fa-var-pinterest-p: "\f231";
513 | $fa-var-pinterest-square: "\f0d3";
514 | $fa-var-plane: "\f072";
515 | $fa-var-play: "\f04b";
516 | $fa-var-play-circle: "\f144";
517 | $fa-var-play-circle-o: "\f01d";
518 | $fa-var-plug: "\f1e6";
519 | $fa-var-plus: "\f067";
520 | $fa-var-plus-circle: "\f055";
521 | $fa-var-plus-square: "\f0fe";
522 | $fa-var-plus-square-o: "\f196";
523 | $fa-var-power-off: "\f011";
524 | $fa-var-print: "\f02f";
525 | $fa-var-puzzle-piece: "\f12e";
526 | $fa-var-qq: "\f1d6";
527 | $fa-var-qrcode: "\f029";
528 | $fa-var-question: "\f128";
529 | $fa-var-question-circle: "\f059";
530 | $fa-var-quote-left: "\f10d";
531 | $fa-var-quote-right: "\f10e";
532 | $fa-var-ra: "\f1d0";
533 | $fa-var-random: "\f074";
534 | $fa-var-rebel: "\f1d0";
535 | $fa-var-recycle: "\f1b8";
536 | $fa-var-reddit: "\f1a1";
537 | $fa-var-reddit-square: "\f1a2";
538 | $fa-var-refresh: "\f021";
539 | $fa-var-remove: "\f00d";
540 | $fa-var-renren: "\f18b";
541 | $fa-var-reorder: "\f0c9";
542 | $fa-var-repeat: "\f01e";
543 | $fa-var-reply: "\f112";
544 | $fa-var-reply-all: "\f122";
545 | $fa-var-retweet: "\f079";
546 | $fa-var-rmb: "\f157";
547 | $fa-var-road: "\f018";
548 | $fa-var-rocket: "\f135";
549 | $fa-var-rotate-left: "\f0e2";
550 | $fa-var-rotate-right: "\f01e";
551 | $fa-var-rouble: "\f158";
552 | $fa-var-rss: "\f09e";
553 | $fa-var-rss-square: "\f143";
554 | $fa-var-rub: "\f158";
555 | $fa-var-ruble: "\f158";
556 | $fa-var-rupee: "\f156";
557 | $fa-var-save: "\f0c7";
558 | $fa-var-scissors: "\f0c4";
559 | $fa-var-search: "\f002";
560 | $fa-var-search-minus: "\f010";
561 | $fa-var-search-plus: "\f00e";
562 | $fa-var-sellsy: "\f213";
563 | $fa-var-send: "\f1d8";
564 | $fa-var-send-o: "\f1d9";
565 | $fa-var-server: "\f233";
566 | $fa-var-share: "\f064";
567 | $fa-var-share-alt: "\f1e0";
568 | $fa-var-share-alt-square: "\f1e1";
569 | $fa-var-share-square: "\f14d";
570 | $fa-var-share-square-o: "\f045";
571 | $fa-var-shekel: "\f20b";
572 | $fa-var-sheqel: "\f20b";
573 | $fa-var-shield: "\f132";
574 | $fa-var-ship: "\f21a";
575 | $fa-var-shirtsinbulk: "\f214";
576 | $fa-var-shopping-cart: "\f07a";
577 | $fa-var-sign-in: "\f090";
578 | $fa-var-sign-out: "\f08b";
579 | $fa-var-signal: "\f012";
580 | $fa-var-simplybuilt: "\f215";
581 | $fa-var-sitemap: "\f0e8";
582 | $fa-var-skyatlas: "\f216";
583 | $fa-var-skype: "\f17e";
584 | $fa-var-slack: "\f198";
585 | $fa-var-sliders: "\f1de";
586 | $fa-var-slideshare: "\f1e7";
587 | $fa-var-smile-o: "\f118";
588 | $fa-var-soccer-ball-o: "\f1e3";
589 | $fa-var-sort: "\f0dc";
590 | $fa-var-sort-alpha-asc: "\f15d";
591 | $fa-var-sort-alpha-desc: "\f15e";
592 | $fa-var-sort-amount-asc: "\f160";
593 | $fa-var-sort-amount-desc: "\f161";
594 | $fa-var-sort-asc: "\f0de";
595 | $fa-var-sort-desc: "\f0dd";
596 | $fa-var-sort-down: "\f0dd";
597 | $fa-var-sort-numeric-asc: "\f162";
598 | $fa-var-sort-numeric-desc: "\f163";
599 | $fa-var-sort-up: "\f0de";
600 | $fa-var-soundcloud: "\f1be";
601 | $fa-var-space-shuttle: "\f197";
602 | $fa-var-spinner: "\f110";
603 | $fa-var-spoon: "\f1b1";
604 | $fa-var-spotify: "\f1bc";
605 | $fa-var-square: "\f0c8";
606 | $fa-var-square-o: "\f096";
607 | $fa-var-stack-exchange: "\f18d";
608 | $fa-var-stack-overflow: "\f16c";
609 | $fa-var-star: "\f005";
610 | $fa-var-star-half: "\f089";
611 | $fa-var-star-half-empty: "\f123";
612 | $fa-var-star-half-full: "\f123";
613 | $fa-var-star-half-o: "\f123";
614 | $fa-var-star-o: "\f006";
615 | $fa-var-steam: "\f1b6";
616 | $fa-var-steam-square: "\f1b7";
617 | $fa-var-step-backward: "\f048";
618 | $fa-var-step-forward: "\f051";
619 | $fa-var-stethoscope: "\f0f1";
620 | $fa-var-stop: "\f04d";
621 | $fa-var-street-view: "\f21d";
622 | $fa-var-strikethrough: "\f0cc";
623 | $fa-var-stumbleupon: "\f1a4";
624 | $fa-var-stumbleupon-circle: "\f1a3";
625 | $fa-var-subscript: "\f12c";
626 | $fa-var-subway: "\f239";
627 | $fa-var-suitcase: "\f0f2";
628 | $fa-var-sun-o: "\f185";
629 | $fa-var-superscript: "\f12b";
630 | $fa-var-support: "\f1cd";
631 | $fa-var-table: "\f0ce";
632 | $fa-var-tablet: "\f10a";
633 | $fa-var-tachometer: "\f0e4";
634 | $fa-var-tag: "\f02b";
635 | $fa-var-tags: "\f02c";
636 | $fa-var-tasks: "\f0ae";
637 | $fa-var-taxi: "\f1ba";
638 | $fa-var-tencent-weibo: "\f1d5";
639 | $fa-var-terminal: "\f120";
640 | $fa-var-text-height: "\f034";
641 | $fa-var-text-width: "\f035";
642 | $fa-var-th: "\f00a";
643 | $fa-var-th-large: "\f009";
644 | $fa-var-th-list: "\f00b";
645 | $fa-var-thumb-tack: "\f08d";
646 | $fa-var-thumbs-down: "\f165";
647 | $fa-var-thumbs-o-down: "\f088";
648 | $fa-var-thumbs-o-up: "\f087";
649 | $fa-var-thumbs-up: "\f164";
650 | $fa-var-ticket: "\f145";
651 | $fa-var-times: "\f00d";
652 | $fa-var-times-circle: "\f057";
653 | $fa-var-times-circle-o: "\f05c";
654 | $fa-var-tint: "\f043";
655 | $fa-var-toggle-down: "\f150";
656 | $fa-var-toggle-left: "\f191";
657 | $fa-var-toggle-off: "\f204";
658 | $fa-var-toggle-on: "\f205";
659 | $fa-var-toggle-right: "\f152";
660 | $fa-var-toggle-up: "\f151";
661 | $fa-var-train: "\f238";
662 | $fa-var-transgender: "\f224";
663 | $fa-var-transgender-alt: "\f225";
664 | $fa-var-trash: "\f1f8";
665 | $fa-var-trash-o: "\f014";
666 | $fa-var-tree: "\f1bb";
667 | $fa-var-trello: "\f181";
668 | $fa-var-trophy: "\f091";
669 | $fa-var-truck: "\f0d1";
670 | $fa-var-try: "\f195";
671 | $fa-var-tty: "\f1e4";
672 | $fa-var-tumblr: "\f173";
673 | $fa-var-tumblr-square: "\f174";
674 | $fa-var-turkish-lira: "\f195";
675 | $fa-var-twitch: "\f1e8";
676 | $fa-var-twitter: "\f099";
677 | $fa-var-twitter-square: "\f081";
678 | $fa-var-umbrella: "\f0e9";
679 | $fa-var-underline: "\f0cd";
680 | $fa-var-undo: "\f0e2";
681 | $fa-var-university: "\f19c";
682 | $fa-var-unlink: "\f127";
683 | $fa-var-unlock: "\f09c";
684 | $fa-var-unlock-alt: "\f13e";
685 | $fa-var-unsorted: "\f0dc";
686 | $fa-var-upload: "\f093";
687 | $fa-var-usd: "\f155";
688 | $fa-var-user: "\f007";
689 | $fa-var-user-md: "\f0f0";
690 | $fa-var-user-plus: "\f234";
691 | $fa-var-user-secret: "\f21b";
692 | $fa-var-user-times: "\f235";
693 | $fa-var-users: "\f0c0";
694 | $fa-var-venus: "\f221";
695 | $fa-var-venus-double: "\f226";
696 | $fa-var-venus-mars: "\f228";
697 | $fa-var-viacoin: "\f237";
698 | $fa-var-video-camera: "\f03d";
699 | $fa-var-vimeo-square: "\f194";
700 | $fa-var-vine: "\f1ca";
701 | $fa-var-vk: "\f189";
702 | $fa-var-volume-down: "\f027";
703 | $fa-var-volume-off: "\f026";
704 | $fa-var-volume-up: "\f028";
705 | $fa-var-warning: "\f071";
706 | $fa-var-wechat: "\f1d7";
707 | $fa-var-weibo: "\f18a";
708 | $fa-var-weixin: "\f1d7";
709 | $fa-var-whatsapp: "\f232";
710 | $fa-var-wheelchair: "\f193";
711 | $fa-var-wifi: "\f1eb";
712 | $fa-var-windows: "\f17a";
713 | $fa-var-won: "\f159";
714 | $fa-var-wordpress: "\f19a";
715 | $fa-var-wrench: "\f0ad";
716 | $fa-var-xing: "\f168";
717 | $fa-var-xing-square: "\f169";
718 | $fa-var-yahoo: "\f19e";
719 | $fa-var-yelp: "\f1e9";
720 | $fa-var-yen: "\f157";
721 | $fa-var-youtube: "\f167";
722 | $fa-var-youtube-play: "\f16a";
723 | $fa-var-youtube-square: "\f166";
724 | 
725 | 


--------------------------------------------------------------------------------
/css/font-awesome-ie7.min.css:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  *  Font Awesome 3.1.0
 3 |  *  the iconic font designed for Bootstrap
 4 |  *  -------------------------------------------------------
 5 |  *  The full suite of pictographic icons, examples, and documentation
 6 |  *  can be found at: http://fontawesome.io
 7 |  *
 8 |  *  License
 9 |  *  -------------------------------------------------------
10 |  *  - The Font Awesome font is licensed under the SIL Open Font License v1.1 -
11 |  *    http://scripts.sil.org/OFL
12 |  *  - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
13 |  *    http://opensource.org/licenses/mit-license.html
14 |  *  - Font Awesome documentation licensed under CC BY 3.0 License -
15 |  *    http://creativecommons.org/licenses/by/3.0/
16 |  *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
17 |  *    "Font Awesome by Dave Gandy - http://fontawesome.io"
18 | 
19 |  *  Contact
20 |  *  -------------------------------------------------------
21 |  *  Email: dave@fontawesome.io
22 |  *  Twitter: http://twitter.com/fortaweso_me
23 |  *  Work: Lead Product Designer @ http://kyruus.com
24 |  */.icon-large{font-size:1.3333333333333333em;margin-top:-4px;padding-top:3px;margin-bottom:-4px;padding-bottom:3px;vertical-align:middle}.nav [class^="icon-"],.nav [class*=" icon-"]{vertical-align:inherit;margin-top:-4px;padding-top:3px;margin-bottom:-4px;padding-bottom:3px}.nav [class^="icon-"].icon-large,.nav [class*=" icon-"].icon-large{vertical-align:-25%}.nav-pills [class^="icon-"].icon-large,.nav-tabs [class^="icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large{line-height:.75em;margin-top:-7px;padding-top:5px;margin-bottom:-5px;padding-bottom:4px}ul.icons-ul{text-indent:-1em;margin-left:2.142857142857143em}ul.icons-ul>li .icon-li{width:1em;margin-right:0}.btn [class^="icon-"].pull-left,.btn [class*=" icon-"].pull-left,.btn [class^="icon-"].pull-right,.btn [class*=" icon-"].pull-right{vertical-align:inherit}.btn [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large{margin-top:-0.5em}a [class^="icon-"],a [class*=" icon-"]{cursor:pointer}.icon-glass{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf000;')}.icon-music{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf001;')}.icon-search{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf002;')}.icon-envelope{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf003;')}.icon-heart{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf004;')}.icon-star{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf005;')}.icon-star-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf006;')}.icon-user{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf007;')}.icon-film{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf008;')}.icon-th-large{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf009;')}.icon-th{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf00a;')}.icon-th-list{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf00b;')}.icon-ok{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf00c;')}.icon-remove{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf00d;')}.icon-zoom-in{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf00e;')}.icon-zoom-out{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf010;')}.icon-off{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf011;')}.icon-signal{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf012;')}.icon-cog{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf013;')}.icon-trash{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf014;')}.icon-home{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf015;')}.icon-file{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf016;')}.icon-time{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf017;')}.icon-road{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf018;')}.icon-download-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf019;')}.icon-download{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf01a;')}.icon-upload{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf01b;')}.icon-inbox{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf01c;')}.icon-play-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf01d;')}.icon-repeat{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf01e;')}.icon-refresh{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf021;')}.icon-list-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf022;')}.icon-lock{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf023;')}.icon-flag{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf024;')}.icon-headphones{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf025;')}.icon-volume-off{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf026;')}.icon-volume-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf027;')}.icon-volume-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf028;')}.icon-qrcode{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf029;')}.icon-barcode{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf02a;')}.icon-tag{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf02b;')}.icon-tags{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf02c;')}.icon-book{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf02d;')}.icon-bookmark{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf02e;')}.icon-print{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf02f;')}.icon-camera{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf030;')}.icon-font{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf031;')}.icon-bold{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf032;')}.icon-italic{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf033;')}.icon-text-height{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf034;')}.icon-text-width{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf035;')}.icon-align-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf036;')}.icon-align-center{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf037;')}.icon-align-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf038;')}.icon-align-justify{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf039;')}.icon-list{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf03a;')}.icon-indent-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf03b;')}.icon-indent-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf03c;')}.icon-facetime-video{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf03d;')}.icon-picture{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf03e;')}.icon-pencil{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf040;')}.icon-map-marker{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf041;')}.icon-adjust{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf042;')}.icon-tint{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf043;')}.icon-edit{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf044;')}.icon-share{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf045;')}.icon-check{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf046;')}.icon-move{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf047;')}.icon-step-backward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf048;')}.icon-fast-backward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf049;')}.icon-backward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf04a;')}.icon-play{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf04b;')}.icon-pause{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf04c;')}.icon-stop{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf04d;')}.icon-forward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf04e;')}.icon-fast-forward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf050;')}.icon-step-forward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf051;')}.icon-eject{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf052;')}.icon-chevron-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf053;')}.icon-chevron-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf054;')}.icon-plus-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf055;')}.icon-minus-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf056;')}.icon-remove-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf057;')}.icon-ok-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf058;')}.icon-question-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf059;')}.icon-info-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf05a;')}.icon-screenshot{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf05b;')}.icon-remove-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf05c;')}.icon-ok-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf05d;')}.icon-ban-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf05e;')}.icon-arrow-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf060;')}.icon-arrow-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf061;')}.icon-arrow-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf062;')}.icon-arrow-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf063;')}.icon-share-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf064;')}.icon-resize-full{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf065;')}.icon-resize-small{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf066;')}.icon-plus{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf067;')}.icon-minus{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf068;')}.icon-asterisk{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf069;')}.icon-exclamation-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf06a;')}.icon-gift{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf06b;')}.icon-leaf{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf06c;')}.icon-fire{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf06d;')}.icon-eye-open{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf06e;')}.icon-eye-close{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf070;')}.icon-warning-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf071;')}.icon-plane{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf072;')}.icon-calendar{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf073;')}.icon-random{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf074;')}.icon-comment{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf075;')}.icon-magnet{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf076;')}.icon-chevron-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf077;')}.icon-chevron-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf078;')}.icon-retweet{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf079;')}.icon-shopping-cart{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf07a;')}.icon-folder-close{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf07b;')}.icon-folder-open{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf07c;')}.icon-resize-vertical{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf07d;')}.icon-resize-horizontal{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf07e;')}.icon-bar-chart{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf080;')}.icon-twitter-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf081;')}.icon-facebook-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf082;')}.icon-camera-retro{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf083;')}.icon-key{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf084;')}.icon-cogs{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf085;')}.icon-comments{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf086;')}.icon-thumbs-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf087;')}.icon-thumbs-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf088;')}.icon-star-half{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf089;')}.icon-heart-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf08a;')}.icon-signout{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf08b;')}.icon-linkedin-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf08c;')}.icon-pushpin{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf08d;')}.icon-external-link{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf08e;')}.icon-signin{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf090;')}.icon-trophy{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf091;')}.icon-github-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf092;')}.icon-upload-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf093;')}.icon-lemon{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf094;')}.icon-phone{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf095;')}.icon-check-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf096;')}.icon-bookmark-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf097;')}.icon-phone-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf098;')}.icon-twitter{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf099;')}.icon-facebook{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf09a;')}.icon-github{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf09b;')}.icon-unlock{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf09c;')}.icon-credit-card{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf09d;')}.icon-rss{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf09e;')}.icon-hdd{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0a0;')}.icon-bullhorn{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0a1;')}.icon-bell{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0a2;')}.icon-certificate{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0a3;')}.icon-hand-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0a4;')}.icon-hand-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0a5;')}.icon-hand-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0a6;')}.icon-hand-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0a7;')}.icon-circle-arrow-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0a8;')}.icon-circle-arrow-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0a9;')}.icon-circle-arrow-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0aa;')}.icon-circle-arrow-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0ab;')}.icon-globe{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0ac;')}.icon-wrench{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0ad;')}.icon-tasks{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0ae;')}.icon-filter{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0b0;')}.icon-briefcase{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0b1;')}.icon-fullscreen{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0b2;')}.icon-group{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0c0;')}.icon-link{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0c1;')}.icon-cloud{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0c2;')}.icon-beaker{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0c3;')}.icon-cut{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0c4;')}.icon-copy{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0c5;')}.icon-paper-clip{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0c6;')}.icon-save{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0c7;')}.icon-sign-blank{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0c8;')}.icon-reorder{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0c9;')}.icon-list-ul{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0ca;')}.icon-list-ol{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0cb;')}.icon-strikethrough{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0cc;')}.icon-underline{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0cd;')}.icon-table{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0ce;')}.icon-magic{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0d0;')}.icon-truck{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0d1;')}.icon-pinterest{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0d2;')}.icon-pinterest-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0d3;')}.icon-google-plus-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0d4;')}.icon-google-plus{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0d5;')}.icon-money{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0d6;')}.icon-caret-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0d7;')}.icon-caret-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0d8;')}.icon-caret-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0d9;')}.icon-caret-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0da;')}.icon-columns{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0db;')}.icon-sort{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0dc;')}.icon-sort-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0dd;')}.icon-sort-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0de;')}.icon-envelope-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0e0;')}.icon-linkedin{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0e1;')}.icon-undo{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0e2;')}.icon-legal{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0e3;')}.icon-dashboard{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0e4;')}.icon-comment-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0e5;')}.icon-comments-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0e6;')}.icon-bolt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0e7;')}.icon-sitemap{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0e8;')}.icon-umbrella{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0e9;')}.icon-paste{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0ea;')}.icon-lightbulb{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0eb;')}.icon-exchange{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0ec;')}.icon-cloud-download{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0ed;')}.icon-cloud-upload{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0ee;')}.icon-user-md{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0f0;')}.icon-stethoscope{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0f1;')}.icon-suitcase{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0f2;')}.icon-bell-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0f3;')}.icon-coffee{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0f4;')}.icon-food{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0f5;')}.icon-file-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0f6;')}.icon-building{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0f7;')}.icon-hospital{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0f8;')}.icon-ambulance{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0f9;')}.icon-medkit{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0fa;')}.icon-fighter-jet{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0fb;')}.icon-beer{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0fc;')}.icon-h-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0fd;')}.icon-plus-sign-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf0fe;')}.icon-double-angle-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf100;')}.icon-double-angle-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf101;')}.icon-double-angle-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf102;')}.icon-double-angle-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf103;')}.icon-angle-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf104;')}.icon-angle-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf105;')}.icon-angle-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf106;')}.icon-angle-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf107;')}.icon-desktop{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf108;')}.icon-laptop{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf109;')}.icon-tablet{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf10a;')}.icon-mobile-phone{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf10b;')}.icon-circle-blank{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf10c;')}.icon-quote-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf10d;')}.icon-quote-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf10e;')}.icon-spinner{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf110;')}.icon-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf111;')}.icon-reply{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf112;')}.icon-folder-close-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf114;')}.icon-folder-open-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf115;')}.icon-expand-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf116;')}.icon-collapse-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf117;')}.icon-smile{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf118;')}.icon-frown{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf119;')}.icon-meh{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf11a;')}.icon-gamepad{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf11b;')}.icon-keyboard{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf11c;')}.icon-flag-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf11d;')}.icon-flag-checkered{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf11e;')}.icon-terminal{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf120;')}.icon-code{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf121;')}.icon-reply-all{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf122;')}.icon-mail-reply-all{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf122;')}.icon-star-half-full,.icon-star-half-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf123;')}.icon-location-arrow{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf124;')}.icon-crop{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf125;')}.icon-code-fork{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf126;')}.icon-unlink{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf127;')}.icon-question{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf128;')}.icon-info{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf129;')}.icon-exclamation{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf12a;')}.icon-superscript{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf12b;')}.icon-subscript{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf12c;')}.icon-eraser{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf12d;')}.icon-puzzle-piece{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf12e;')}.icon-microphone{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf130;')}.icon-microphone-off{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf131;')}.icon-shield{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf132;')}.icon-calendar-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf133;')}.icon-fire-extinguisher{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf134;')}.icon-rocket{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf135;')}.icon-maxcdn{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf136;')}.icon-chevron-sign-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf137;')}.icon-chevron-sign-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf138;')}.icon-chevron-sign-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf139;')}.icon-chevron-sign-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf13a;')}.icon-html5{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf13b;')}.icon-css3{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf13c;')}.icon-anchor{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf13d;')}.icon-unlock-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf13e;')}.icon-bullseye{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf140;')}.icon-ellipsis-horizontal{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf141;')}.icon-ellipsis-vertical{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf142;')}.icon-rss-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf143;')}.icon-play-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf144;')}.icon-ticket{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf145;')}.icon-minus-sign-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf146;')}.icon-check-minus{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf147;')}.icon-level-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf148;')}.icon-level-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf149;')}.icon-check-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf14a;')}.icon-edit-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf14b;')}.icon-external-link-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf14c;')}.icon-share-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf14d;')}


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