diff --git a/fonts/FontAwesome.otf b/fonts/FontAwesome.otf new file mode 100644 index 0000000..7012545 Binary files /dev/null and b/fonts/FontAwesome.otf differ diff --git a/fonts/fontawesome-webfont.eot b/fonts/fontawesome-webfont.eot new file mode 100755 index 0000000..0662cb9 Binary files /dev/null and b/fonts/fontawesome-webfont.eot differ diff --git a/fonts/fontawesome-webfont.svg b/fonts/fontawesome-webfont.svg new file mode 100755 index 0000000..2edb4ec --- /dev/null +++ b/fonts/fontawesome-webfont.svg @@ -0,0 +1,399 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fonts/fontawesome-webfont.ttf b/fonts/fontawesome-webfont.ttf new file mode 100755 index 0000000..d365924 Binary files /dev/null and b/fonts/fontawesome-webfont.ttf differ diff --git a/fonts/fontawesome-webfont.woff b/fonts/fontawesome-webfont.woff new file mode 100755 index 0000000..b9bd17e Binary files /dev/null and b/fonts/fontawesome-webfont.woff differ diff --git a/images/image-large-placeholder.png b/images/image-large-placeholder.png index bfe35e6..78fdb3f 100644 Binary files a/images/image-large-placeholder.png and b/images/image-large-placeholder.png differ diff --git a/images/item-large-placeholder.png b/images/item-large-placeholder.png new file mode 100644 index 0000000..b93d434 Binary files /dev/null and b/images/item-large-placeholder.png differ diff --git a/index.html b/index.html index dc6c9ff..4c710b8 100644 --- a/index.html +++ b/index.html @@ -7,14 +7,17 @@ Button Styles +
-
+
+ +
+ +
+ +
+ +
Image
-

Flatby the UI Kit

-

The subtitle for the main text blurb. Add some stuff here so that it fills up the line

+

Flatby UI

+

The subtitle for the main text blurb

+

What the hell is this? Get out of town, I didn't know you did anything creative. Ah, let me read some. Yeah, but you're uh, you're so, you're so thin. Hey Biff, check out this guy's life preserver, dork thinks he's gonna drown. Doc, you gotta help me. you were the only one who knows how your time machine works.

Call To Action! Buy our stuff!
+
+
+ Image + +
+

Item title

+

What the hell is this? Get out of town, I didn't know you did anything creative. Ah, let me read some.

+ £49.99 + Get it now +
+
+
+

Simple Title

This is a simple subtitle

@@ -129,33 +181,6 @@

Button styles

22
- -
-

Bootstrap button styles

- - - - - - - - - - - - - - - - - - - - - - - -
\ No newline at end of file diff --git a/sass/fonts.scss b/sass/fonts.scss new file mode 100644 index 0000000..e6f5216 --- /dev/null +++ b/sass/fonts.scss @@ -0,0 +1,1479 @@ +/*! + * Font Awesome 3.2.1 + * the iconic font designed for Bootstrap + * ------------------------------------------------------------------------------ + * The full suite of pictographic icons, examples, and documentation can be + * found at http://fontawesome.io. Stay up to date on Twitter at + * http://twitter.com/fontawesome. + * + * License + * ------------------------------------------------------------------------------ + * - The Font Awesome font is licensed under SIL OFL 1.1 - + * http://scripts.sil.org/OFL + * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License - + * http://opensource.org/licenses/mit-license.html + * - Font Awesome documentation licensed under CC BY 3.0 - + * http://creativecommons.org/licenses/by/3.0/ + * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: + * "Font Awesome by Dave Gandy - http://fontawesome.io" + * + * Author - Dave Gandy + * ------------------------------------------------------------------------------ + * Email: dave@fontawesome.io + * Twitter: http://twitter.com/davegandy + * Work: Lead Product Designer @ Kyruus - http://kyruus.com + */ +/* FONT PATH + * -------------------------- */ +@font-face { + font-family: 'FontAwesome'; + src: url('../fonts/fontawesome-webfont.eot?v=3.2.1'); + src: url('../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg'); + font-weight: normal; + font-style: normal; +} +/* FONT AWESOME CORE + * -------------------------- */ +[class^="icon-"], +[class*=" icon-"] { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + *margin-right: .3em; +} +[class^="icon-"]:before, +[class*=" icon-"]:before { + text-decoration: inherit; + display: inline-block; + speak: none; +} +/* makes the font 33% larger relative to the icon container */ +.icon-large:before { + vertical-align: -10%; + font-size: 1.3333333333333333em; +} +/* makes sure icons active on rollover in links */ +a [class^="icon-"], +a [class*=" icon-"] { + display: inline; +} +/* increased font size for icon-large */ +[class^="icon-"].icon-fixed-width, +[class*=" icon-"].icon-fixed-width { + display: inline-block; + width: 1.1428571428571428em; + text-align: right; + padding-right: 0.2857142857142857em; +} +[class^="icon-"].icon-fixed-width.icon-large, +[class*=" icon-"].icon-fixed-width.icon-large { + width: 1.4285714285714286em; +} +.icons-ul { + margin-left: 2.142857142857143em; + list-style-type: none; +} +.icons-ul > li { + position: relative; +} +.icons-ul .icon-li { + position: absolute; + left: -2.142857142857143em; + width: 2.142857142857143em; + text-align: center; + line-height: inherit; +} +[class^="icon-"].hide, +[class*=" icon-"].hide { + display: none; +} +.icon-muted { + color: #eeeeee; +} +.icon-light { + color: #ffffff; +} +.icon-dark { + color: #333333; +} +.icon-border { + border: solid 1px #eeeeee; + padding: .2em .25em .15em; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.icon-2x { + font-size: 2em; +} +.icon-2x.icon-border { + border-width: 2px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.icon-3x { + font-size: 3em; +} +.icon-3x.icon-border { + border-width: 3px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} +.icon-4x { + font-size: 4em; +} +.icon-4x.icon-border { + border-width: 4px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} +.icon-5x { + font-size: 5em; +} +.icon-5x.icon-border { + border-width: 5px; + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + border-radius: 7px; +} +.pull-right { + float: right; +} +.pull-left { + float: left; +} +[class^="icon-"].pull-left, +[class*=" icon-"].pull-left { + margin-right: .3em; +} +[class^="icon-"].pull-right, +[class*=" icon-"].pull-right { + margin-left: .3em; +} +/* BOOTSTRAP SPECIFIC CLASSES + * -------------------------- */ +/* Bootstrap 2.0 sprites.less reset */ +[class^="icon-"], +[class*=" icon-"] { + display: inline; + width: auto; + height: auto; + line-height: normal; + vertical-align: baseline; + background-image: none; + background-position: 0% 0%; + background-repeat: repeat; + margin-top: 0; +} +/* more sprites.less reset */ +.icon-white, +.nav-pills > .active > a > [class^="icon-"], +.nav-pills > .active > a > [class*=" icon-"], +.nav-list > .active > a > [class^="icon-"], +.nav-list > .active > a > [class*=" icon-"], +.navbar-inverse .nav > .active > a > [class^="icon-"], +.navbar-inverse .nav > .active > a > [class*=" icon-"], +.dropdown-menu > li > a:hover > [class^="icon-"], +.dropdown-menu > li > a:hover > [class*=" icon-"], +.dropdown-menu > .active > a > [class^="icon-"], +.dropdown-menu > .active > a > [class*=" icon-"], +.dropdown-submenu:hover > a > [class^="icon-"], +.dropdown-submenu:hover > a > [class*=" icon-"] { + background-image: none; +} +/* keeps Bootstrap styles with and without icons the same */ +.btn [class^="icon-"].icon-large, +.nav [class^="icon-"].icon-large, +.btn [class*=" icon-"].icon-large, +.nav [class*=" icon-"].icon-large { + line-height: .9em; +} +.btn [class^="icon-"].icon-spin, +.nav [class^="icon-"].icon-spin, +.btn [class*=" icon-"].icon-spin, +.nav [class*=" icon-"].icon-spin { + display: inline-block; +} +.nav-tabs [class^="icon-"], +.nav-pills [class^="icon-"], +.nav-tabs [class*=" icon-"], +.nav-pills [class*=" icon-"], +.nav-tabs [class^="icon-"].icon-large, +.nav-pills [class^="icon-"].icon-large, +.nav-tabs [class*=" icon-"].icon-large, +.nav-pills [class*=" icon-"].icon-large { + line-height: .9em; +} +.btn [class^="icon-"].pull-left.icon-2x, +.btn [class*=" icon-"].pull-left.icon-2x, +.btn [class^="icon-"].pull-right.icon-2x, +.btn [class*=" icon-"].pull-right.icon-2x { + margin-top: .18em; +} +.btn [class^="icon-"].icon-spin.icon-large, +.btn [class*=" icon-"].icon-spin.icon-large { + line-height: .8em; +} +.btn.btn-small [class^="icon-"].pull-left.icon-2x, +.btn.btn-small [class*=" icon-"].pull-left.icon-2x, +.btn.btn-small [class^="icon-"].pull-right.icon-2x, +.btn.btn-small [class*=" icon-"].pull-right.icon-2x { + margin-top: .25em; +} +.btn.btn-large [class^="icon-"], +.btn.btn-large [class*=" icon-"] { + margin-top: 0; +} +.btn.btn-large [class^="icon-"].pull-left.icon-2x, +.btn.btn-large [class*=" icon-"].pull-left.icon-2x, +.btn.btn-large [class^="icon-"].pull-right.icon-2x, +.btn.btn-large [class*=" icon-"].pull-right.icon-2x { + margin-top: .05em; +} +.btn.btn-large [class^="icon-"].pull-left.icon-2x, +.btn.btn-large [class*=" icon-"].pull-left.icon-2x { + margin-right: .2em; +} +.btn.btn-large [class^="icon-"].pull-right.icon-2x, +.btn.btn-large [class*=" icon-"].pull-right.icon-2x { + margin-left: .2em; +} +/* Fixes alignment in nav lists */ +.nav-list [class^="icon-"], +.nav-list [class*=" icon-"] { + line-height: inherit; +} +/* EXTRAS + * -------------------------- */ +/* Stacked and layered icon */ +.icon-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: -35%; +} +.icon-stack [class^="icon-"], +.icon-stack [class*=" icon-"] { + display: block; + text-align: center; + position: absolute; + width: 100%; + height: 100%; + font-size: 1em; + line-height: inherit; + *line-height: 2em; +} +.icon-stack .icon-stack-base { + font-size: 2em; + *line-height: 1em; +} +/* Animated rotating icon */ +.icon-spin { + display: inline-block; + -moz-animation: spin 2s infinite linear; + -o-animation: spin 2s infinite linear; + -webkit-animation: spin 2s infinite linear; + animation: spin 2s infinite linear; +} +/* Prevent stack and spinners from being taken inline when inside a link */ +a .icon-stack, +a .icon-spin { + display: inline-block; + text-decoration: none; +} +@-moz-keyframes spin { + 0% { + -moz-transform: rotate(0deg); + } + 100% { + -moz-transform: rotate(359deg); + } +} +@-webkit-keyframes spin { + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + } +} +@-o-keyframes spin { + 0% { + -o-transform: rotate(0deg); + } + 100% { + -o-transform: rotate(359deg); + } +} +@-ms-keyframes spin { + 0% { + -ms-transform: rotate(0deg); + } + 100% { + -ms-transform: rotate(359deg); + } +} +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(359deg); + } +} +/* Icon rotations and mirroring */ +.icon-rotate-90:before { + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -o-transform: rotate(90deg); + transform: rotate(90deg); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); +} +.icon-rotate-180:before { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); +} +.icon-rotate-270:before { + -webkit-transform: rotate(270deg); + -moz-transform: rotate(270deg); + -ms-transform: rotate(270deg); + -o-transform: rotate(270deg); + transform: rotate(270deg); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); +} +.icon-flip-horizontal:before { + -webkit-transform: scale(-1, 1); + -moz-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + -o-transform: scale(-1, 1); + transform: scale(-1, 1); +} +.icon-flip-vertical:before { + -webkit-transform: scale(1, -1); + -moz-transform: scale(1, -1); + -ms-transform: scale(1, -1); + -o-transform: scale(1, -1); + transform: scale(1, -1); +} +/* ensure rotation occurs inside anchor tags */ +a .icon-rotate-90:before, +a .icon-rotate-180:before, +a .icon-rotate-270:before, +a .icon-flip-horizontal:before, +a .icon-flip-vertical:before { + display: inline-block; +} +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.icon-glass:before { + content: "\f000"; +} +.icon-music:before { + content: "\f001"; +} +.icon-search:before { + content: "\f002"; +} +.icon-envelope-alt:before { + content: "\f003"; +} +.icon-heart:before { + content: "\f004"; +} +.icon-star:before { + content: "\f005"; +} +.icon-star-empty:before { + content: "\f006"; +} +.icon-user:before { + content: "\f007"; +} +.icon-film:before { + content: "\f008"; +} +.icon-th-large:before { + content: "\f009"; +} +.icon-th:before { + content: "\f00a"; +} +.icon-th-list:before { + content: "\f00b"; +} +.icon-ok:before { + content: "\f00c"; +} +.icon-remove:before { + content: "\f00d"; +} +.icon-zoom-in:before { + content: "\f00e"; +} +.icon-zoom-out:before { + content: "\f010"; +} +.icon-power-off:before, +.icon-off:before { + content: "\f011"; +} +.icon-signal:before { + content: "\f012"; +} +.icon-gear:before, +.icon-cog:before { + content: "\f013"; +} +.icon-trash:before { + content: "\f014"; +} +.icon-home:before { + content: "\f015"; +} +.icon-file-alt:before { + content: "\f016"; +} +.icon-time:before { + content: "\f017"; +} +.icon-road:before { + content: "\f018"; +} +.icon-download-alt:before { + content: "\f019"; +} +.icon-download:before { + content: "\f01a"; +} +.icon-upload:before { + content: "\f01b"; +} +.icon-inbox:before { + content: "\f01c"; +} +.icon-play-circle:before { + content: "\f01d"; +} +.icon-rotate-right:before, +.icon-repeat:before { + content: "\f01e"; +} +.icon-refresh:before { + content: "\f021"; +} +.icon-list-alt:before { + content: "\f022"; +} +.icon-lock:before { + content: "\f023"; +} +.icon-flag:before { + content: "\f024"; +} +.icon-headphones:before { + content: "\f025"; +} +.icon-volume-off:before { + content: "\f026"; +} +.icon-volume-down:before { + content: "\f027"; +} +.icon-volume-up:before { + content: "\f028"; +} +.icon-qrcode:before { + content: "\f029"; +} +.icon-barcode:before { + content: "\f02a"; +} +.icon-tag:before { + content: "\f02b"; +} +.icon-tags:before { + content: "\f02c"; +} +.icon-book:before { + content: "\f02d"; +} +.icon-bookmark:before { + content: "\f02e"; +} +.icon-print:before { + content: "\f02f"; +} +.icon-camera:before { + content: "\f030"; +} +.icon-font:before { + content: "\f031"; +} +.icon-bold:before { + content: "\f032"; +} +.icon-italic:before { + content: "\f033"; +} +.icon-text-height:before { + content: "\f034"; +} +.icon-text-width:before { + content: "\f035"; +} +.icon-align-left:before { + content: "\f036"; +} +.icon-align-center:before { + content: "\f037"; +} +.icon-align-right:before { + content: "\f038"; +} +.icon-align-justify:before { + content: "\f039"; +} +.icon-list:before { + content: "\f03a"; +} +.icon-indent-left:before { + content: "\f03b"; +} +.icon-indent-right:before { + content: "\f03c"; +} +.icon-facetime-video:before { + content: "\f03d"; +} +.icon-picture:before { + content: "\f03e"; +} +.icon-pencil:before { + content: "\f040"; +} +.icon-map-marker:before { + content: "\f041"; +} +.icon-adjust:before { + content: "\f042"; +} +.icon-tint:before { + content: "\f043"; +} +.icon-edit:before { + content: "\f044"; +} +.icon-share:before { + content: "\f045"; +} +.icon-check:before { + content: "\f046"; +} +.icon-move:before { + content: "\f047"; +} +.icon-step-backward:before { + content: "\f048"; +} +.icon-fast-backward:before { + content: "\f049"; +} +.icon-backward:before { + content: "\f04a"; +} +.icon-play:before { + content: "\f04b"; +} +.icon-pause:before { + content: "\f04c"; +} +.icon-stop:before { + content: "\f04d"; +} +.icon-forward:before { + content: "\f04e"; +} +.icon-fast-forward:before { + content: "\f050"; +} +.icon-step-forward:before { + content: "\f051"; +} +.icon-eject:before { + content: "\f052"; +} +.icon-chevron-left:before { + content: "\f053"; +} +.icon-chevron-right:before { + content: "\f054"; +} +.icon-plus-sign:before { + content: "\f055"; +} +.icon-minus-sign:before { + content: "\f056"; +} +.icon-remove-sign:before { + content: "\f057"; +} +.icon-ok-sign:before { + content: "\f058"; +} +.icon-question-sign:before { + content: "\f059"; +} +.icon-info-sign:before { + content: "\f05a"; +} +.icon-screenshot:before { + content: "\f05b"; +} +.icon-remove-circle:before { + content: "\f05c"; +} +.icon-ok-circle:before { + content: "\f05d"; +} +.icon-ban-circle:before { + content: "\f05e"; +} +.icon-arrow-left:before { + content: "\f060"; +} +.icon-arrow-right:before { + content: "\f061"; +} +.icon-arrow-up:before { + content: "\f062"; +} +.icon-arrow-down:before { + content: "\f063"; +} +.icon-mail-forward:before, +.icon-share-alt:before { + content: "\f064"; +} +.icon-resize-full:before { + content: "\f065"; +} +.icon-resize-small:before { + content: "\f066"; +} +.icon-plus:before { + content: "\f067"; +} +.icon-minus:before { + content: "\f068"; +} +.icon-asterisk:before { + content: "\f069"; +} +.icon-exclamation-sign:before { + content: "\f06a"; +} +.icon-gift:before { + content: "\f06b"; +} +.icon-leaf:before { + content: "\f06c"; +} +.icon-fire:before { + content: "\f06d"; +} +.icon-eye-open:before { + content: "\f06e"; +} +.icon-eye-close:before { + content: "\f070"; +} +.icon-warning-sign:before { + content: "\f071"; +} +.icon-plane:before { + content: "\f072"; +} +.icon-calendar:before { + content: "\f073"; +} +.icon-random:before { + content: "\f074"; +} +.icon-comment:before { + content: "\f075"; +} +.icon-magnet:before { + content: "\f076"; +} +.icon-chevron-up:before { + content: "\f077"; +} +.icon-chevron-down:before { + content: "\f078"; +} +.icon-retweet:before { + content: "\f079"; +} +.icon-shopping-cart:before { + content: "\f07a"; +} +.icon-folder-close:before { + content: "\f07b"; +} +.icon-folder-open:before { + content: "\f07c"; +} +.icon-resize-vertical:before { + content: "\f07d"; +} +.icon-resize-horizontal:before { + content: "\f07e"; +} +.icon-bar-chart:before { + content: "\f080"; +} +.icon-twitter-sign:before { + content: "\f081"; +} +.icon-facebook-sign:before { + content: "\f082"; +} +.icon-camera-retro:before { + content: "\f083"; +} +.icon-key:before { + content: "\f084"; +} +.icon-gears:before, +.icon-cogs:before { + content: "\f085"; +} +.icon-comments:before { + content: "\f086"; +} +.icon-thumbs-up-alt:before { + content: "\f087"; +} +.icon-thumbs-down-alt:before { + content: "\f088"; +} +.icon-star-half:before { + content: "\f089"; +} +.icon-heart-empty:before { + content: "\f08a"; +} +.icon-signout:before { + content: "\f08b"; +} +.icon-linkedin-sign:before { + content: "\f08c"; +} +.icon-pushpin:before { + content: "\f08d"; +} +.icon-external-link:before { + content: "\f08e"; +} +.icon-signin:before { + content: "\f090"; +} +.icon-trophy:before { + content: "\f091"; +} +.icon-github-sign:before { + content: "\f092"; +} +.icon-upload-alt:before { + content: "\f093"; +} +.icon-lemon:before { + content: "\f094"; +} +.icon-phone:before { + content: "\f095"; +} +.icon-unchecked:before, +.icon-check-empty:before { + content: "\f096"; +} +.icon-bookmark-empty:before { + content: "\f097"; +} +.icon-phone-sign:before { + content: "\f098"; +} +.icon-twitter:before { + content: "\f099"; +} +.icon-facebook:before { + content: "\f09a"; +} +.icon-github:before { + content: "\f09b"; +} +.icon-unlock:before { + content: "\f09c"; +} +.icon-credit-card:before { + content: "\f09d"; +} +.icon-rss:before { + content: "\f09e"; +} +.icon-hdd:before { + content: "\f0a0"; +} +.icon-bullhorn:before { + content: "\f0a1"; +} +.icon-bell:before { + content: "\f0a2"; +} +.icon-certificate:before { + content: "\f0a3"; +} +.icon-hand-right:before { + content: "\f0a4"; +} +.icon-hand-left:before { + content: "\f0a5"; +} +.icon-hand-up:before { + content: "\f0a6"; +} +.icon-hand-down:before { + content: "\f0a7"; +} +.icon-circle-arrow-left:before { + content: "\f0a8"; +} +.icon-circle-arrow-right:before { + content: "\f0a9"; +} +.icon-circle-arrow-up:before { + content: "\f0aa"; +} +.icon-circle-arrow-down:before { + content: "\f0ab"; +} +.icon-globe:before { + content: "\f0ac"; +} +.icon-wrench:before { + content: "\f0ad"; +} +.icon-tasks:before { + content: "\f0ae"; +} +.icon-filter:before { + content: "\f0b0"; +} +.icon-briefcase:before { + content: "\f0b1"; +} +.icon-fullscreen:before { + content: "\f0b2"; +} +.icon-group:before { + content: "\f0c0"; +} +.icon-link:before { + content: "\f0c1"; +} +.icon-cloud:before { + content: "\f0c2"; +} +.icon-beaker:before { + content: "\f0c3"; +} +.icon-cut:before { + content: "\f0c4"; +} +.icon-copy:before { + content: "\f0c5"; +} +.icon-paperclip:before, +.icon-paper-clip:before { + content: "\f0c6"; +} +.icon-save:before { + content: "\f0c7"; +} +.icon-sign-blank:before { + content: "\f0c8"; +} +.icon-reorder:before { + content: "\f0c9"; +} +.icon-list-ul:before { + content: "\f0ca"; +} +.icon-list-ol:before { + content: "\f0cb"; +} +.icon-strikethrough:before { + content: "\f0cc"; +} +.icon-underline:before { + content: "\f0cd"; +} +.icon-table:before { + content: "\f0ce"; +} +.icon-magic:before { + content: "\f0d0"; +} +.icon-truck:before { + content: "\f0d1"; +} +.icon-pinterest:before { + content: "\f0d2"; +} +.icon-pinterest-sign:before { + content: "\f0d3"; +} +.icon-google-plus-sign:before { + content: "\f0d4"; +} +.icon-google-plus:before { + content: "\f0d5"; +} +.icon-money:before { + content: "\f0d6"; +} +.icon-caret-down:before { + content: "\f0d7"; +} +.icon-caret-up:before { + content: "\f0d8"; +} +.icon-caret-left:before { + content: "\f0d9"; +} +.icon-caret-right:before { + content: "\f0da"; +} +.icon-columns:before { + content: "\f0db"; +} +.icon-sort:before { + content: "\f0dc"; +} +.icon-sort-down:before { + content: "\f0dd"; +} +.icon-sort-up:before { + content: "\f0de"; +} +.icon-envelope:before { + content: "\f0e0"; +} +.icon-linkedin:before { + content: "\f0e1"; +} +.icon-rotate-left:before, +.icon-undo:before { + content: "\f0e2"; +} +.icon-legal:before { + content: "\f0e3"; +} +.icon-dashboard:before { + content: "\f0e4"; +} +.icon-comment-alt:before { + content: "\f0e5"; +} +.icon-comments-alt:before { + content: "\f0e6"; +} +.icon-bolt:before { + content: "\f0e7"; +} +.icon-sitemap:before { + content: "\f0e8"; +} +.icon-umbrella:before { + content: "\f0e9"; +} +.icon-paste:before { + content: "\f0ea"; +} +.icon-lightbulb:before { + content: "\f0eb"; +} +.icon-exchange:before { + content: "\f0ec"; +} +.icon-cloud-download:before { + content: "\f0ed"; +} +.icon-cloud-upload:before { + content: "\f0ee"; +} +.icon-user-md:before { + content: "\f0f0"; +} +.icon-stethoscope:before { + content: "\f0f1"; +} +.icon-suitcase:before { + content: "\f0f2"; +} +.icon-bell-alt:before { + content: "\f0f3"; +} +.icon-coffee:before { + content: "\f0f4"; +} +.icon-food:before { + content: "\f0f5"; +} +.icon-file-text-alt:before { + content: "\f0f6"; +} +.icon-building:before { + content: "\f0f7"; +} +.icon-hospital:before { + content: "\f0f8"; +} +.icon-ambulance:before { + content: "\f0f9"; +} +.icon-medkit:before { + content: "\f0fa"; +} +.icon-fighter-jet:before { + content: "\f0fb"; +} +.icon-beer:before { + content: "\f0fc"; +} +.icon-h-sign:before { + content: "\f0fd"; +} +.icon-plus-sign-alt:before { + content: "\f0fe"; +} +.icon-double-angle-left:before { + content: "\f100"; +} +.icon-double-angle-right:before { + content: "\f101"; +} +.icon-double-angle-up:before { + content: "\f102"; +} +.icon-double-angle-down:before { + content: "\f103"; +} +.icon-angle-left:before { + content: "\f104"; +} +.icon-angle-right:before { + content: "\f105"; +} +.icon-angle-up:before { + content: "\f106"; +} +.icon-angle-down:before { + content: "\f107"; +} +.icon-desktop:before { + content: "\f108"; +} +.icon-laptop:before { + content: "\f109"; +} +.icon-tablet:before { + content: "\f10a"; +} +.icon-mobile-phone:before { + content: "\f10b"; +} +.icon-circle-blank:before { + content: "\f10c"; +} +.icon-quote-left:before { + content: "\f10d"; +} +.icon-quote-right:before { + content: "\f10e"; +} +.icon-spinner:before { + content: "\f110"; +} +.icon-circle:before { + content: "\f111"; +} +.icon-mail-reply:before, +.icon-reply:before { + content: "\f112"; +} +.icon-github-alt:before { + content: "\f113"; +} +.icon-folder-close-alt:before { + content: "\f114"; +} +.icon-folder-open-alt:before { + content: "\f115"; +} +.icon-expand-alt:before { + content: "\f116"; +} +.icon-collapse-alt:before { + content: "\f117"; +} +.icon-smile:before { + content: "\f118"; +} +.icon-frown:before { + content: "\f119"; +} +.icon-meh:before { + content: "\f11a"; +} +.icon-gamepad:before { + content: "\f11b"; +} +.icon-keyboard:before { + content: "\f11c"; +} +.icon-flag-alt:before { + content: "\f11d"; +} +.icon-flag-checkered:before { + content: "\f11e"; +} +.icon-terminal:before { + content: "\f120"; +} +.icon-code:before { + content: "\f121"; +} +.icon-reply-all:before { + content: "\f122"; +} +.icon-mail-reply-all:before { + content: "\f122"; +} +.icon-star-half-full:before, +.icon-star-half-empty:before { + content: "\f123"; +} +.icon-location-arrow:before { + content: "\f124"; +} +.icon-crop:before { + content: "\f125"; +} +.icon-code-fork:before { + content: "\f126"; +} +.icon-unlink:before { + content: "\f127"; +} +.icon-question:before { + content: "\f128"; +} +.icon-info:before { + content: "\f129"; +} +.icon-exclamation:before { + content: "\f12a"; +} +.icon-superscript:before { + content: "\f12b"; +} +.icon-subscript:before { + content: "\f12c"; +} +.icon-eraser:before { + content: "\f12d"; +} +.icon-puzzle-piece:before { + content: "\f12e"; +} +.icon-microphone:before { + content: "\f130"; +} +.icon-microphone-off:before { + content: "\f131"; +} +.icon-shield:before { + content: "\f132"; +} +.icon-calendar-empty:before { + content: "\f133"; +} +.icon-fire-extinguisher:before { + content: "\f134"; +} +.icon-rocket:before { + content: "\f135"; +} +.icon-maxcdn:before { + content: "\f136"; +} +.icon-chevron-sign-left:before { + content: "\f137"; +} +.icon-chevron-sign-right:before { + content: "\f138"; +} +.icon-chevron-sign-up:before { + content: "\f139"; +} +.icon-chevron-sign-down:before { + content: "\f13a"; +} +.icon-html5:before { + content: "\f13b"; +} +.icon-css3:before { + content: "\f13c"; +} +.icon-anchor:before { + content: "\f13d"; +} +.icon-unlock-alt:before { + content: "\f13e"; +} +.icon-bullseye:before { + content: "\f140"; +} +.icon-ellipsis-horizontal:before { + content: "\f141"; +} +.icon-ellipsis-vertical:before { + content: "\f142"; +} +.icon-rss-sign:before { + content: "\f143"; +} +.icon-play-sign:before { + content: "\f144"; +} +.icon-ticket:before { + content: "\f145"; +} +.icon-minus-sign-alt:before { + content: "\f146"; +} +.icon-check-minus:before { + content: "\f147"; +} +.icon-level-up:before { + content: "\f148"; +} +.icon-level-down:before { + content: "\f149"; +} +.icon-check-sign:before { + content: "\f14a"; +} +.icon-edit-sign:before { + content: "\f14b"; +} +.icon-external-link-sign:before { + content: "\f14c"; +} +.icon-share-sign:before { + content: "\f14d"; +} +.icon-compass:before { + content: "\f14e"; +} +.icon-collapse:before { + content: "\f150"; +} +.icon-collapse-top:before { + content: "\f151"; +} +.icon-expand:before { + content: "\f152"; +} +.icon-euro:before, +.icon-eur:before { + content: "\f153"; +} +.icon-gbp:before { + content: "\f154"; +} +.icon-dollar:before, +.icon-usd:before { + content: "\f155"; +} +.icon-rupee:before, +.icon-inr:before { + content: "\f156"; +} +.icon-yen:before, +.icon-jpy:before { + content: "\f157"; +} +.icon-renminbi:before, +.icon-cny:before { + content: "\f158"; +} +.icon-won:before, +.icon-krw:before { + content: "\f159"; +} +.icon-bitcoin:before, +.icon-btc:before { + content: "\f15a"; +} +.icon-file:before { + content: "\f15b"; +} +.icon-file-text:before { + content: "\f15c"; +} +.icon-sort-by-alphabet:before { + content: "\f15d"; +} +.icon-sort-by-alphabet-alt:before { + content: "\f15e"; +} +.icon-sort-by-attributes:before { + content: "\f160"; +} +.icon-sort-by-attributes-alt:before { + content: "\f161"; +} +.icon-sort-by-order:before { + content: "\f162"; +} +.icon-sort-by-order-alt:before { + content: "\f163"; +} +.icon-thumbs-up:before { + content: "\f164"; +} +.icon-thumbs-down:before { + content: "\f165"; +} +.icon-youtube-sign:before { + content: "\f166"; +} +.icon-youtube:before { + content: "\f167"; +} +.icon-xing:before { + content: "\f168"; +} +.icon-xing-sign:before { + content: "\f169"; +} +.icon-youtube-play:before { + content: "\f16a"; +} +.icon-dropbox:before { + content: "\f16b"; +} +.icon-stackexchange:before { + content: "\f16c"; +} +.icon-instagram:before { + content: "\f16d"; +} +.icon-flickr:before { + content: "\f16e"; +} +.icon-adn:before { + content: "\f170"; +} +.icon-bitbucket:before { + content: "\f171"; +} +.icon-bitbucket-sign:before { + content: "\f172"; +} +.icon-tumblr:before { + content: "\f173"; +} +.icon-tumblr-sign:before { + content: "\f174"; +} +.icon-long-arrow-down:before { + content: "\f175"; +} +.icon-long-arrow-up:before { + content: "\f176"; +} +.icon-long-arrow-left:before { + content: "\f177"; +} +.icon-long-arrow-right:before { + content: "\f178"; +} +.icon-apple:before { + content: "\f179"; +} +.icon-windows:before { + content: "\f17a"; +} +.icon-android:before { + content: "\f17b"; +} +.icon-linux:before { + content: "\f17c"; +} +.icon-dribbble:before { + content: "\f17d"; +} +.icon-skype:before { + content: "\f17e"; +} +.icon-foursquare:before { + content: "\f180"; +} +.icon-trello:before { + content: "\f181"; +} +.icon-female:before { + content: "\f182"; +} +.icon-male:before { + content: "\f183"; +} +.icon-gittip:before { + content: "\f184"; +} +.icon-sun:before { + content: "\f185"; +} +.icon-moon:before { + content: "\f186"; +} +.icon-archive:before { + content: "\f187"; +} +.icon-bug:before { + content: "\f188"; +} +.icon-vk:before { + content: "\f189"; +} +.icon-weibo:before { + content: "\f18a"; +} +.icon-renren:before { + content: "\f18b"; +} diff --git a/sass/screen.scss b/sass/screen.scss index f6957e3..cdc0980 100644 --- a/sass/screen.scss +++ b/sass/screen.scss @@ -6,6 +6,11 @@ @import "compass/reset"; @import "compass/css3"; +$text-shadow : 1px 1px 1px rgba(0, 0, 0, 0.2); + + +// TO-DO +// Unifiy all the list/nav crap body { font-family: "proxima nova", helvetica, arial, sans-serif; @@ -26,7 +31,6 @@ h1 { h2 { font-size: 1.5em; - opacity: 0.5; } a { @@ -39,8 +43,8 @@ p { .clear { clear: both; - width: 0px; - height: 0px; + width: 1px; + height: 1px; } section, article, .container { @@ -48,6 +52,7 @@ section, article, .container { padding: 2em; background: #fff; border-radius: 4px; + position: relative; article { float: left; @@ -62,6 +67,21 @@ section, article, .container { &.blurb { text-align: center; background: #252525; + + background-image: linear-gradient(top, rgb(68,68,68) 0%, rgb(36,36,36) 100%); + background-image: -o-linear-gradient(top, rgb(68,68,68) 0%, rgb(36,36,36) 100%); + background-image: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(36,36,36) 100%); + background-image: -webkit-linear-gradient(top, rgb(68,68,68) 0%, rgb(36,36,36) 100%); + background-image: -ms-linear-gradient(top, rgb(68,68,68) 0%, rgb(36,36,36) 100%); + + background-image: -webkit-gradient( + linear, + left top, + left bottom, + color-stop(0, rgb(68,68,68)), + color-stop(1, rgb(36,36,36)) + ); + color: #f0f0f0; > div { @@ -69,27 +89,36 @@ section, article, .container { } h1, h2, p { - //text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - opacity: 0.4; + text-shadow: $text-shadow; } h1 { - font-weight: 700; - font-size: 3.5em; + font-weight: 100; + font-size: 6em; + opacity: 1; text-transform: uppercase; + letter-spacing: 0.2em; } h2 { margin-bottom: 0.3em; + font-size: 1.2em; + text-transform: uppercase; + letter-spacing: 0.2em; + color: #949494; } p { margin-bottom: 0; + font-size: 0.9em; + color: #949494; } } img { max-width: 100%; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } p { @@ -138,23 +167,23 @@ body > section, body > header, body > footer, .container { margin-bottom: 20px; } -nav { +nav.navigation { background: #444; margin-top: 2em; border-radius: 4px; - ul { + > ul { list-style: none; margin: 0; padding: 0; - li { + > li { display: inline; border: 0; padding: 0; - a { + > a { color: #fff; display: block; font-weight: 500; @@ -177,6 +206,91 @@ nav { } } + +ul.dropdown { + display: inline-block; + border-radius: 4px; + background: #444; + color: #fff; + min-width: 350px; + + &:before { + content: ' '; + display: block; + background: none; + width: 1px; + height: 1px; + position: absolute; + left: 20px; + top: -10px; + border: 5px solid rgba(0, 0, 0, 0.0); + border-bottom: 5px solid #444; + } + + li { + + a { + display: block; + padding: 0.75em 1em; + border-bottom: 1px solid #595959; + text-decoration: none; + color: #cecece; + + &:hover { + background: rgba(0, 0, 0, 0.2); + } + } + + &:last-child { + a { + border-bottom: 0; + } + + } + } +} + + + +nav { + &.breadcrumbs { + padding-left: 1em; + font-size: 0.85em; + color: #cecece; + + ul { + li { + display: inline; + + &:last-child { + font-weight: 500; + color: #444; + } + + a { + display: inline; + float: none; + text-decoration: none; + color: inherit; + + &:hover { + color: #444; + } + } + + i { + position: relative; + margin-left: 4px; + margin-right: 4px; + } + } + } + } +} + + + + .clear { clear: both; } @@ -199,19 +313,18 @@ img.righty { - - .button, input[type="button"] { - background: #a2c15f; + @include box-sizing(border-box); + background: #444; padding: 0.7em 1em; margin: 0; - border-radius: 4px; text-decoration: none; color: #fff; border: 0px; font-size: 1em; font-family: "proxima nova", helvetica, arial, sans-serif; cursor: pointer; + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); &.button-pressable { border-bottom: 0.20em solid #a2a2a2; @@ -235,7 +348,16 @@ img.righty { padding: 1em 4em; text-transform: uppercase; font-weight: 500; - letter-spacing: 2px; + letter-spacing: 0.2em; + } + + &.button-buy { + display: inline-block; + width: 100%; + text-align: center; + font-weight: 500; + text-transform: uppercase; + margin-top: 1em; } } @@ -271,14 +393,49 @@ textarea { height: 180px; } -// Bootstrap styles - -.btn { - @extend .button; +hr { + width: 100%; + height: 1px; + background: #cecece; + margin-top: 1em; + margin-bottom: 1em; + border: 0px; + opacity: 0.2; } +.item { + @include box-sizing(border-box); + border-radius: 4px; + width: 33%; + background: #fff; + + .item-info { + padding: 1em 2em; + padding-bottom: 2em; + } + + h1 { + font-size: 1.5em; + font-weight: 500; + } + p { + font-size: 0.9em; + color: #7d7d7d; + } + + img { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } +} + +.price { + display: block; + font-size: 1.4em; + font-weight: 500; +} diff --git a/stylesheets/fonts.css b/stylesheets/fonts.css new file mode 100644 index 0000000..e35cd96 --- /dev/null +++ b/stylesheets/fonts.css @@ -0,0 +1,1894 @@ +/* + * Font Awesome 3.2.1 + * the iconic font designed for Bootstrap + * ------------------------------------------------------------------------------ + * The full suite of pictographic icons, examples, and documentation can be + * found at http://fontawesome.io. Stay up to date on Twitter at + * http://twitter.com/fontawesome. + * + * License + * ------------------------------------------------------------------------------ + * - The Font Awesome font is licensed under SIL OFL 1.1 - + * http://scripts.sil.org/OFL + * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License - + * http://opensource.org/licenses/mit-license.html + * - Font Awesome documentation licensed under CC BY 3.0 - + * http://creativecommons.org/licenses/by/3.0/ + * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: + * "Font Awesome by Dave Gandy - http://fontawesome.io" + * + * Author - Dave Gandy + * ------------------------------------------------------------------------------ + * Email: dave@fontawesome.io + * Twitter: http://twitter.com/davegandy + * Work: Lead Product Designer @ Kyruus - http://kyruus.com + */ +/* FONT PATH + * -------------------------- */ +@font-face { + font-family: 'FontAwesome'; + src: url("../fonts/fontawesome-webfont.eot?v=3.2.1"); + src: url("../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg"); + font-weight: normal; + font-style: normal; } + +/* FONT AWESOME CORE + * -------------------------- */ +/* line 38, ../sass/fonts.scss */ +[class^="icon-"], +[class*=" icon-"] { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + *margin-right: .3em; } + +/* line 47, ../sass/fonts.scss */ +[class^="icon-"]:before, +[class*=" icon-"]:before { + text-decoration: inherit; + display: inline-block; + speak: none; } + +/* makes the font 33% larger relative to the icon container */ +/* line 53, ../sass/fonts.scss */ +.icon-large:before { + vertical-align: -10%; + font-size: 1.3333333333333333em; } + +/* makes sure icons active on rollover in links */ +/* line 59, ../sass/fonts.scss */ +a [class^="icon-"], +a [class*=" icon-"] { + display: inline; } + +/* increased font size for icon-large */ +/* line 64, ../sass/fonts.scss */ +[class^="icon-"].icon-fixed-width, +[class*=" icon-"].icon-fixed-width { + display: inline-block; + width: 1.1428571428571428em; + text-align: right; + padding-right: 0.2857142857142857em; } + +/* line 71, ../sass/fonts.scss */ +[class^="icon-"].icon-fixed-width.icon-large, +[class*=" icon-"].icon-fixed-width.icon-large { + width: 1.4285714285714286em; } + +/* line 74, ../sass/fonts.scss */ +.icons-ul { + margin-left: 2.142857142857143em; + list-style-type: none; } + +/* line 78, ../sass/fonts.scss */ +.icons-ul > li { + position: relative; } + +/* line 81, ../sass/fonts.scss */ +.icons-ul .icon-li { + position: absolute; + left: -2.142857142857143em; + width: 2.142857142857143em; + text-align: center; + line-height: inherit; } + +/* line 89, ../sass/fonts.scss */ +[class^="icon-"].hide, +[class*=" icon-"].hide { + display: none; } + +/* line 92, ../sass/fonts.scss */ +.icon-muted { + color: #eeeeee; } + +/* line 95, ../sass/fonts.scss */ +.icon-light { + color: #ffffff; } + +/* line 98, ../sass/fonts.scss */ +.icon-dark { + color: #333333; } + +/* line 101, ../sass/fonts.scss */ +.icon-border { + border: solid 1px #eeeeee; + padding: .2em .25em .15em; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } + +/* line 108, ../sass/fonts.scss */ +.icon-2x { + font-size: 2em; } + +/* line 111, ../sass/fonts.scss */ +.icon-2x.icon-border { + border-width: 2px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } + +/* line 117, ../sass/fonts.scss */ +.icon-3x { + font-size: 3em; } + +/* line 120, ../sass/fonts.scss */ +.icon-3x.icon-border { + border-width: 3px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; } + +/* line 126, ../sass/fonts.scss */ +.icon-4x { + font-size: 4em; } + +/* line 129, ../sass/fonts.scss */ +.icon-4x.icon-border { + border-width: 4px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; } + +/* line 135, ../sass/fonts.scss */ +.icon-5x { + font-size: 5em; } + +/* line 138, ../sass/fonts.scss */ +.icon-5x.icon-border { + border-width: 5px; + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + border-radius: 7px; } + +/* line 144, ../sass/fonts.scss */ +.pull-right { + float: right; } + +/* line 147, ../sass/fonts.scss */ +.pull-left { + float: left; } + +/* line 151, ../sass/fonts.scss */ +[class^="icon-"].pull-left, +[class*=" icon-"].pull-left { + margin-right: .3em; } + +/* line 155, ../sass/fonts.scss */ +[class^="icon-"].pull-right, +[class*=" icon-"].pull-right { + margin-left: .3em; } + +/* BOOTSTRAP SPECIFIC CLASSES + * -------------------------- */ +/* Bootstrap 2.0 sprites.less reset */ +/* line 162, ../sass/fonts.scss */ +[class^="icon-"], +[class*=" icon-"] { + display: inline; + width: auto; + height: auto; + line-height: normal; + vertical-align: baseline; + background-image: none; + background-position: 0% 0%; + background-repeat: repeat; + margin-top: 0; } + +/* more sprites.less reset */ +/* line 186, ../sass/fonts.scss */ +.icon-white, +.nav-pills > .active > a > [class^="icon-"], +.nav-pills > .active > a > [class*=" icon-"], +.nav-list > .active > a > [class^="icon-"], +.nav-list > .active > a > [class*=" icon-"], +.navbar-inverse .nav > .active > a > [class^="icon-"], +.navbar-inverse .nav > .active > a > [class*=" icon-"], +.dropdown-menu > li > a:hover > [class^="icon-"], +.dropdown-menu > li > a:hover > [class*=" icon-"], +.dropdown-menu > .active > a > [class^="icon-"], +.dropdown-menu > .active > a > [class*=" icon-"], +.dropdown-submenu:hover > a > [class^="icon-"], +.dropdown-submenu:hover > a > [class*=" icon-"] { + background-image: none; } + +/* keeps Bootstrap styles with and without icons the same */ +/* line 193, ../sass/fonts.scss */ +.btn [class^="icon-"].icon-large, +.nav [class^="icon-"].icon-large, +.btn [class*=" icon-"].icon-large, +.nav [class*=" icon-"].icon-large { + line-height: .9em; } + +/* line 199, ../sass/fonts.scss */ +.btn [class^="icon-"].icon-spin, +.nav [class^="icon-"].icon-spin, +.btn [class*=" icon-"].icon-spin, +.nav [class*=" icon-"].icon-spin { + display: inline-block; } + +/* line 209, ../sass/fonts.scss */ +.nav-tabs [class^="icon-"], +.nav-pills [class^="icon-"], +.nav-tabs [class*=" icon-"], +.nav-pills [class*=" icon-"], +.nav-tabs [class^="icon-"].icon-large, +.nav-pills [class^="icon-"].icon-large, +.nav-tabs [class*=" icon-"].icon-large, +.nav-pills [class*=" icon-"].icon-large { + line-height: .9em; } + +/* line 215, ../sass/fonts.scss */ +.btn [class^="icon-"].pull-left.icon-2x, +.btn [class*=" icon-"].pull-left.icon-2x, +.btn [class^="icon-"].pull-right.icon-2x, +.btn [class*=" icon-"].pull-right.icon-2x { + margin-top: .18em; } + +/* line 219, ../sass/fonts.scss */ +.btn [class^="icon-"].icon-spin.icon-large, +.btn [class*=" icon-"].icon-spin.icon-large { + line-height: .8em; } + +/* line 225, ../sass/fonts.scss */ +.btn.btn-small [class^="icon-"].pull-left.icon-2x, +.btn.btn-small [class*=" icon-"].pull-left.icon-2x, +.btn.btn-small [class^="icon-"].pull-right.icon-2x, +.btn.btn-small [class*=" icon-"].pull-right.icon-2x { + margin-top: .25em; } + +/* line 229, ../sass/fonts.scss */ +.btn.btn-large [class^="icon-"], +.btn.btn-large [class*=" icon-"] { + margin-top: 0; } + +/* line 235, ../sass/fonts.scss */ +.btn.btn-large [class^="icon-"].pull-left.icon-2x, +.btn.btn-large [class*=" icon-"].pull-left.icon-2x, +.btn.btn-large [class^="icon-"].pull-right.icon-2x, +.btn.btn-large [class*=" icon-"].pull-right.icon-2x { + margin-top: .05em; } + +/* line 239, ../sass/fonts.scss */ +.btn.btn-large [class^="icon-"].pull-left.icon-2x, +.btn.btn-large [class*=" icon-"].pull-left.icon-2x { + margin-right: .2em; } + +/* line 243, ../sass/fonts.scss */ +.btn.btn-large [class^="icon-"].pull-right.icon-2x, +.btn.btn-large [class*=" icon-"].pull-right.icon-2x { + margin-left: .2em; } + +/* Fixes alignment in nav lists */ +/* line 248, ../sass/fonts.scss */ +.nav-list [class^="icon-"], +.nav-list [class*=" icon-"] { + line-height: inherit; } + +/* EXTRAS + * -------------------------- */ +/* Stacked and layered icon */ +/* line 254, ../sass/fonts.scss */ +.icon-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: -35%; } + +/* line 263, ../sass/fonts.scss */ +.icon-stack [class^="icon-"], +.icon-stack [class*=" icon-"] { + display: block; + text-align: center; + position: absolute; + width: 100%; + height: 100%; + font-size: 1em; + line-height: inherit; + *line-height: 2em; } + +/* line 273, ../sass/fonts.scss */ +.icon-stack .icon-stack-base { + font-size: 2em; + *line-height: 1em; } + +/* Animated rotating icon */ +/* line 278, ../sass/fonts.scss */ +.icon-spin { + display: inline-block; + -moz-animation: spin 2s infinite linear; + -o-animation: spin 2s infinite linear; + -webkit-animation: spin 2s infinite linear; + animation: spin 2s infinite linear; } + +/* Prevent stack and spinners from being taken inline when inside a link */ +/* line 287, ../sass/fonts.scss */ +a .icon-stack, +a .icon-spin { + display: inline-block; + text-decoration: none; } + +@-moz-keyframes spin { + /* line 292, ../sass/fonts.scss */ + 0% { + -moz-transform: rotate(0deg); } + + /* line 295, ../sass/fonts.scss */ + 100% { + -moz-transform: rotate(359deg); } } + +@-webkit-keyframes spin { + /* line 300, ../sass/fonts.scss */ + 0% { + -webkit-transform: rotate(0deg); } + + /* line 303, ../sass/fonts.scss */ + 100% { + -webkit-transform: rotate(359deg); } } + +@-o-keyframes spin { + /* line 308, ../sass/fonts.scss */ + 0% { + -o-transform: rotate(0deg); } + + /* line 311, ../sass/fonts.scss */ + 100% { + -o-transform: rotate(359deg); } } + +@-ms-keyframes spin { + /* line 316, ../sass/fonts.scss */ + 0% { + -ms-transform: rotate(0deg); } + + /* line 319, ../sass/fonts.scss */ + 100% { + -ms-transform: rotate(359deg); } } + +@keyframes spin { + /* line 324, ../sass/fonts.scss */ + 0% { + transform: rotate(0deg); } + + /* line 327, ../sass/fonts.scss */ + 100% { + transform: rotate(359deg); } } + +/* Icon rotations and mirroring */ +/* line 332, ../sass/fonts.scss */ +.icon-rotate-90:before { + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -o-transform: rotate(90deg); + transform: rotate(90deg); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } + +/* line 340, ../sass/fonts.scss */ +.icon-rotate-180:before { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } + +/* line 348, ../sass/fonts.scss */ +.icon-rotate-270:before { + -webkit-transform: rotate(270deg); + -moz-transform: rotate(270deg); + -ms-transform: rotate(270deg); + -o-transform: rotate(270deg); + transform: rotate(270deg); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } + +/* line 356, ../sass/fonts.scss */ +.icon-flip-horizontal:before { + -webkit-transform: scale(-1, 1); + -moz-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + -o-transform: scale(-1, 1); + transform: scale(-1, 1); } + +/* line 363, ../sass/fonts.scss */ +.icon-flip-vertical:before { + -webkit-transform: scale(1, -1); + -moz-transform: scale(1, -1); + -ms-transform: scale(1, -1); + -o-transform: scale(1, -1); + transform: scale(1, -1); } + +/* ensure rotation occurs inside anchor tags */ +/* line 375, ../sass/fonts.scss */ +a .icon-rotate-90:before, +a .icon-rotate-180:before, +a .icon-rotate-270:before, +a .icon-flip-horizontal:before, +a .icon-flip-vertical:before { + display: inline-block; } + +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +/* line 380, ../sass/fonts.scss */ +.icon-glass:before { + content: "\f000"; } + +/* line 383, ../sass/fonts.scss */ +.icon-music:before { + content: "\f001"; } + +/* line 386, ../sass/fonts.scss */ +.icon-search:before { + content: "\f002"; } + +/* line 389, ../sass/fonts.scss */ +.icon-envelope-alt:before { + content: "\f003"; } + +/* line 392, ../sass/fonts.scss */ +.icon-heart:before { + content: "\f004"; } + +/* line 395, ../sass/fonts.scss */ +.icon-star:before { + content: "\f005"; } + +/* line 398, ../sass/fonts.scss */ +.icon-star-empty:before { + content: "\f006"; } + +/* line 401, ../sass/fonts.scss */ +.icon-user:before { + content: "\f007"; } + +/* line 404, ../sass/fonts.scss */ +.icon-film:before { + content: "\f008"; } + +/* line 407, ../sass/fonts.scss */ +.icon-th-large:before { + content: "\f009"; } + +/* line 410, ../sass/fonts.scss */ +.icon-th:before { + content: "\f00a"; } + +/* line 413, ../sass/fonts.scss */ +.icon-th-list:before { + content: "\f00b"; } + +/* line 416, ../sass/fonts.scss */ +.icon-ok:before { + content: "\f00c"; } + +/* line 419, ../sass/fonts.scss */ +.icon-remove:before { + content: "\f00d"; } + +/* line 422, ../sass/fonts.scss */ +.icon-zoom-in:before { + content: "\f00e"; } + +/* line 425, ../sass/fonts.scss */ +.icon-zoom-out:before { + content: "\f010"; } + +/* line 429, ../sass/fonts.scss */ +.icon-power-off:before, +.icon-off:before { + content: "\f011"; } + +/* line 432, ../sass/fonts.scss */ +.icon-signal:before { + content: "\f012"; } + +/* line 436, ../sass/fonts.scss */ +.icon-gear:before, +.icon-cog:before { + content: "\f013"; } + +/* line 439, ../sass/fonts.scss */ +.icon-trash:before { + content: "\f014"; } + +/* line 442, ../sass/fonts.scss */ +.icon-home:before { + content: "\f015"; } + +/* line 445, ../sass/fonts.scss */ +.icon-file-alt:before { + content: "\f016"; } + +/* line 448, ../sass/fonts.scss */ +.icon-time:before { + content: "\f017"; } + +/* line 451, ../sass/fonts.scss */ +.icon-road:before { + content: "\f018"; } + +/* line 454, ../sass/fonts.scss */ +.icon-download-alt:before { + content: "\f019"; } + +/* line 457, ../sass/fonts.scss */ +.icon-download:before { + content: "\f01a"; } + +/* line 460, ../sass/fonts.scss */ +.icon-upload:before { + content: "\f01b"; } + +/* line 463, ../sass/fonts.scss */ +.icon-inbox:before { + content: "\f01c"; } + +/* line 466, ../sass/fonts.scss */ +.icon-play-circle:before { + content: "\f01d"; } + +/* line 470, ../sass/fonts.scss */ +.icon-rotate-right:before, +.icon-repeat:before { + content: "\f01e"; } + +/* line 473, ../sass/fonts.scss */ +.icon-refresh:before { + content: "\f021"; } + +/* line 476, ../sass/fonts.scss */ +.icon-list-alt:before { + content: "\f022"; } + +/* line 479, ../sass/fonts.scss */ +.icon-lock:before { + content: "\f023"; } + +/* line 482, ../sass/fonts.scss */ +.icon-flag:before { + content: "\f024"; } + +/* line 485, ../sass/fonts.scss */ +.icon-headphones:before { + content: "\f025"; } + +/* line 488, ../sass/fonts.scss */ +.icon-volume-off:before { + content: "\f026"; } + +/* line 491, ../sass/fonts.scss */ +.icon-volume-down:before { + content: "\f027"; } + +/* line 494, ../sass/fonts.scss */ +.icon-volume-up:before { + content: "\f028"; } + +/* line 497, ../sass/fonts.scss */ +.icon-qrcode:before { + content: "\f029"; } + +/* line 500, ../sass/fonts.scss */ +.icon-barcode:before { + content: "\f02a"; } + +/* line 503, ../sass/fonts.scss */ +.icon-tag:before { + content: "\f02b"; } + +/* line 506, ../sass/fonts.scss */ +.icon-tags:before { + content: "\f02c"; } + +/* line 509, ../sass/fonts.scss */ +.icon-book:before { + content: "\f02d"; } + +/* line 512, ../sass/fonts.scss */ +.icon-bookmark:before { + content: "\f02e"; } + +/* line 515, ../sass/fonts.scss */ +.icon-print:before { + content: "\f02f"; } + +/* line 518, ../sass/fonts.scss */ +.icon-camera:before { + content: "\f030"; } + +/* line 521, ../sass/fonts.scss */ +.icon-font:before { + content: "\f031"; } + +/* line 524, ../sass/fonts.scss */ +.icon-bold:before { + content: "\f032"; } + +/* line 527, ../sass/fonts.scss */ +.icon-italic:before { + content: "\f033"; } + +/* line 530, ../sass/fonts.scss */ +.icon-text-height:before { + content: "\f034"; } + +/* line 533, ../sass/fonts.scss */ +.icon-text-width:before { + content: "\f035"; } + +/* line 536, ../sass/fonts.scss */ +.icon-align-left:before { + content: "\f036"; } + +/* line 539, ../sass/fonts.scss */ +.icon-align-center:before { + content: "\f037"; } + +/* line 542, ../sass/fonts.scss */ +.icon-align-right:before { + content: "\f038"; } + +/* line 545, ../sass/fonts.scss */ +.icon-align-justify:before { + content: "\f039"; } + +/* line 548, ../sass/fonts.scss */ +.icon-list:before { + content: "\f03a"; } + +/* line 551, ../sass/fonts.scss */ +.icon-indent-left:before { + content: "\f03b"; } + +/* line 554, ../sass/fonts.scss */ +.icon-indent-right:before { + content: "\f03c"; } + +/* line 557, ../sass/fonts.scss */ +.icon-facetime-video:before { + content: "\f03d"; } + +/* line 560, ../sass/fonts.scss */ +.icon-picture:before { + content: "\f03e"; } + +/* line 563, ../sass/fonts.scss */ +.icon-pencil:before { + content: "\f040"; } + +/* line 566, ../sass/fonts.scss */ +.icon-map-marker:before { + content: "\f041"; } + +/* line 569, ../sass/fonts.scss */ +.icon-adjust:before { + content: "\f042"; } + +/* line 572, ../sass/fonts.scss */ +.icon-tint:before { + content: "\f043"; } + +/* line 575, ../sass/fonts.scss */ +.icon-edit:before { + content: "\f044"; } + +/* line 578, ../sass/fonts.scss */ +.icon-share:before { + content: "\f045"; } + +/* line 581, ../sass/fonts.scss */ +.icon-check:before { + content: "\f046"; } + +/* line 584, ../sass/fonts.scss */ +.icon-move:before { + content: "\f047"; } + +/* line 587, ../sass/fonts.scss */ +.icon-step-backward:before { + content: "\f048"; } + +/* line 590, ../sass/fonts.scss */ +.icon-fast-backward:before { + content: "\f049"; } + +/* line 593, ../sass/fonts.scss */ +.icon-backward:before { + content: "\f04a"; } + +/* line 596, ../sass/fonts.scss */ +.icon-play:before { + content: "\f04b"; } + +/* line 599, ../sass/fonts.scss */ +.icon-pause:before { + content: "\f04c"; } + +/* line 602, ../sass/fonts.scss */ +.icon-stop:before { + content: "\f04d"; } + +/* line 605, ../sass/fonts.scss */ +.icon-forward:before { + content: "\f04e"; } + +/* line 608, ../sass/fonts.scss */ +.icon-fast-forward:before { + content: "\f050"; } + +/* line 611, ../sass/fonts.scss */ +.icon-step-forward:before { + content: "\f051"; } + +/* line 614, ../sass/fonts.scss */ +.icon-eject:before { + content: "\f052"; } + +/* line 617, ../sass/fonts.scss */ +.icon-chevron-left:before { + content: "\f053"; } + +/* line 620, ../sass/fonts.scss */ +.icon-chevron-right:before { + content: "\f054"; } + +/* line 623, ../sass/fonts.scss */ +.icon-plus-sign:before { + content: "\f055"; } + +/* line 626, ../sass/fonts.scss */ +.icon-minus-sign:before { + content: "\f056"; } + +/* line 629, ../sass/fonts.scss */ +.icon-remove-sign:before { + content: "\f057"; } + +/* line 632, ../sass/fonts.scss */ +.icon-ok-sign:before { + content: "\f058"; } + +/* line 635, ../sass/fonts.scss */ +.icon-question-sign:before { + content: "\f059"; } + +/* line 638, ../sass/fonts.scss */ +.icon-info-sign:before { + content: "\f05a"; } + +/* line 641, ../sass/fonts.scss */ +.icon-screenshot:before { + content: "\f05b"; } + +/* line 644, ../sass/fonts.scss */ +.icon-remove-circle:before { + content: "\f05c"; } + +/* line 647, ../sass/fonts.scss */ +.icon-ok-circle:before { + content: "\f05d"; } + +/* line 650, ../sass/fonts.scss */ +.icon-ban-circle:before { + content: "\f05e"; } + +/* line 653, ../sass/fonts.scss */ +.icon-arrow-left:before { + content: "\f060"; } + +/* line 656, ../sass/fonts.scss */ +.icon-arrow-right:before { + content: "\f061"; } + +/* line 659, ../sass/fonts.scss */ +.icon-arrow-up:before { + content: "\f062"; } + +/* line 662, ../sass/fonts.scss */ +.icon-arrow-down:before { + content: "\f063"; } + +/* line 666, ../sass/fonts.scss */ +.icon-mail-forward:before, +.icon-share-alt:before { + content: "\f064"; } + +/* line 669, ../sass/fonts.scss */ +.icon-resize-full:before { + content: "\f065"; } + +/* line 672, ../sass/fonts.scss */ +.icon-resize-small:before { + content: "\f066"; } + +/* line 675, ../sass/fonts.scss */ +.icon-plus:before { + content: "\f067"; } + +/* line 678, ../sass/fonts.scss */ +.icon-minus:before { + content: "\f068"; } + +/* line 681, ../sass/fonts.scss */ +.icon-asterisk:before { + content: "\f069"; } + +/* line 684, ../sass/fonts.scss */ +.icon-exclamation-sign:before { + content: "\f06a"; } + +/* line 687, ../sass/fonts.scss */ +.icon-gift:before { + content: "\f06b"; } + +/* line 690, ../sass/fonts.scss */ +.icon-leaf:before { + content: "\f06c"; } + +/* line 693, ../sass/fonts.scss */ +.icon-fire:before { + content: "\f06d"; } + +/* line 696, ../sass/fonts.scss */ +.icon-eye-open:before { + content: "\f06e"; } + +/* line 699, ../sass/fonts.scss */ +.icon-eye-close:before { + content: "\f070"; } + +/* line 702, ../sass/fonts.scss */ +.icon-warning-sign:before { + content: "\f071"; } + +/* line 705, ../sass/fonts.scss */ +.icon-plane:before { + content: "\f072"; } + +/* line 708, ../sass/fonts.scss */ +.icon-calendar:before { + content: "\f073"; } + +/* line 711, ../sass/fonts.scss */ +.icon-random:before { + content: "\f074"; } + +/* line 714, ../sass/fonts.scss */ +.icon-comment:before { + content: "\f075"; } + +/* line 717, ../sass/fonts.scss */ +.icon-magnet:before { + content: "\f076"; } + +/* line 720, ../sass/fonts.scss */ +.icon-chevron-up:before { + content: "\f077"; } + +/* line 723, ../sass/fonts.scss */ +.icon-chevron-down:before { + content: "\f078"; } + +/* line 726, ../sass/fonts.scss */ +.icon-retweet:before { + content: "\f079"; } + +/* line 729, ../sass/fonts.scss */ +.icon-shopping-cart:before { + content: "\f07a"; } + +/* line 732, ../sass/fonts.scss */ +.icon-folder-close:before { + content: "\f07b"; } + +/* line 735, ../sass/fonts.scss */ +.icon-folder-open:before { + content: "\f07c"; } + +/* line 738, ../sass/fonts.scss */ +.icon-resize-vertical:before { + content: "\f07d"; } + +/* line 741, ../sass/fonts.scss */ +.icon-resize-horizontal:before { + content: "\f07e"; } + +/* line 744, ../sass/fonts.scss */ +.icon-bar-chart:before { + content: "\f080"; } + +/* line 747, ../sass/fonts.scss */ +.icon-twitter-sign:before { + content: "\f081"; } + +/* line 750, ../sass/fonts.scss */ +.icon-facebook-sign:before { + content: "\f082"; } + +/* line 753, ../sass/fonts.scss */ +.icon-camera-retro:before { + content: "\f083"; } + +/* line 756, ../sass/fonts.scss */ +.icon-key:before { + content: "\f084"; } + +/* line 760, ../sass/fonts.scss */ +.icon-gears:before, +.icon-cogs:before { + content: "\f085"; } + +/* line 763, ../sass/fonts.scss */ +.icon-comments:before { + content: "\f086"; } + +/* line 766, ../sass/fonts.scss */ +.icon-thumbs-up-alt:before { + content: "\f087"; } + +/* line 769, ../sass/fonts.scss */ +.icon-thumbs-down-alt:before { + content: "\f088"; } + +/* line 772, ../sass/fonts.scss */ +.icon-star-half:before { + content: "\f089"; } + +/* line 775, ../sass/fonts.scss */ +.icon-heart-empty:before { + content: "\f08a"; } + +/* line 778, ../sass/fonts.scss */ +.icon-signout:before { + content: "\f08b"; } + +/* line 781, ../sass/fonts.scss */ +.icon-linkedin-sign:before { + content: "\f08c"; } + +/* line 784, ../sass/fonts.scss */ +.icon-pushpin:before { + content: "\f08d"; } + +/* line 787, ../sass/fonts.scss */ +.icon-external-link:before { + content: "\f08e"; } + +/* line 790, ../sass/fonts.scss */ +.icon-signin:before { + content: "\f090"; } + +/* line 793, ../sass/fonts.scss */ +.icon-trophy:before { + content: "\f091"; } + +/* line 796, ../sass/fonts.scss */ +.icon-github-sign:before { + content: "\f092"; } + +/* line 799, ../sass/fonts.scss */ +.icon-upload-alt:before { + content: "\f093"; } + +/* line 802, ../sass/fonts.scss */ +.icon-lemon:before { + content: "\f094"; } + +/* line 805, ../sass/fonts.scss */ +.icon-phone:before { + content: "\f095"; } + +/* line 809, ../sass/fonts.scss */ +.icon-unchecked:before, +.icon-check-empty:before { + content: "\f096"; } + +/* line 812, ../sass/fonts.scss */ +.icon-bookmark-empty:before { + content: "\f097"; } + +/* line 815, ../sass/fonts.scss */ +.icon-phone-sign:before { + content: "\f098"; } + +/* line 818, ../sass/fonts.scss */ +.icon-twitter:before { + content: "\f099"; } + +/* line 821, ../sass/fonts.scss */ +.icon-facebook:before { + content: "\f09a"; } + +/* line 824, ../sass/fonts.scss */ +.icon-github:before { + content: "\f09b"; } + +/* line 827, ../sass/fonts.scss */ +.icon-unlock:before { + content: "\f09c"; } + +/* line 830, ../sass/fonts.scss */ +.icon-credit-card:before { + content: "\f09d"; } + +/* line 833, ../sass/fonts.scss */ +.icon-rss:before { + content: "\f09e"; } + +/* line 836, ../sass/fonts.scss */ +.icon-hdd:before { + content: "\f0a0"; } + +/* line 839, ../sass/fonts.scss */ +.icon-bullhorn:before { + content: "\f0a1"; } + +/* line 842, ../sass/fonts.scss */ +.icon-bell:before { + content: "\f0a2"; } + +/* line 845, ../sass/fonts.scss */ +.icon-certificate:before { + content: "\f0a3"; } + +/* line 848, ../sass/fonts.scss */ +.icon-hand-right:before { + content: "\f0a4"; } + +/* line 851, ../sass/fonts.scss */ +.icon-hand-left:before { + content: "\f0a5"; } + +/* line 854, ../sass/fonts.scss */ +.icon-hand-up:before { + content: "\f0a6"; } + +/* line 857, ../sass/fonts.scss */ +.icon-hand-down:before { + content: "\f0a7"; } + +/* line 860, ../sass/fonts.scss */ +.icon-circle-arrow-left:before { + content: "\f0a8"; } + +/* line 863, ../sass/fonts.scss */ +.icon-circle-arrow-right:before { + content: "\f0a9"; } + +/* line 866, ../sass/fonts.scss */ +.icon-circle-arrow-up:before { + content: "\f0aa"; } + +/* line 869, ../sass/fonts.scss */ +.icon-circle-arrow-down:before { + content: "\f0ab"; } + +/* line 872, ../sass/fonts.scss */ +.icon-globe:before { + content: "\f0ac"; } + +/* line 875, ../sass/fonts.scss */ +.icon-wrench:before { + content: "\f0ad"; } + +/* line 878, ../sass/fonts.scss */ +.icon-tasks:before { + content: "\f0ae"; } + +/* line 881, ../sass/fonts.scss */ +.icon-filter:before { + content: "\f0b0"; } + +/* line 884, ../sass/fonts.scss */ +.icon-briefcase:before { + content: "\f0b1"; } + +/* line 887, ../sass/fonts.scss */ +.icon-fullscreen:before { + content: "\f0b2"; } + +/* line 890, ../sass/fonts.scss */ +.icon-group:before { + content: "\f0c0"; } + +/* line 893, ../sass/fonts.scss */ +.icon-link:before { + content: "\f0c1"; } + +/* line 896, ../sass/fonts.scss */ +.icon-cloud:before { + content: "\f0c2"; } + +/* line 899, ../sass/fonts.scss */ +.icon-beaker:before { + content: "\f0c3"; } + +/* line 902, ../sass/fonts.scss */ +.icon-cut:before { + content: "\f0c4"; } + +/* line 905, ../sass/fonts.scss */ +.icon-copy:before { + content: "\f0c5"; } + +/* line 909, ../sass/fonts.scss */ +.icon-paperclip:before, +.icon-paper-clip:before { + content: "\f0c6"; } + +/* line 912, ../sass/fonts.scss */ +.icon-save:before { + content: "\f0c7"; } + +/* line 915, ../sass/fonts.scss */ +.icon-sign-blank:before { + content: "\f0c8"; } + +/* line 918, ../sass/fonts.scss */ +.icon-reorder:before { + content: "\f0c9"; } + +/* line 921, ../sass/fonts.scss */ +.icon-list-ul:before { + content: "\f0ca"; } + +/* line 924, ../sass/fonts.scss */ +.icon-list-ol:before { + content: "\f0cb"; } + +/* line 927, ../sass/fonts.scss */ +.icon-strikethrough:before { + content: "\f0cc"; } + +/* line 930, ../sass/fonts.scss */ +.icon-underline:before { + content: "\f0cd"; } + +/* line 933, ../sass/fonts.scss */ +.icon-table:before { + content: "\f0ce"; } + +/* line 936, ../sass/fonts.scss */ +.icon-magic:before { + content: "\f0d0"; } + +/* line 939, ../sass/fonts.scss */ +.icon-truck:before { + content: "\f0d1"; } + +/* line 942, ../sass/fonts.scss */ +.icon-pinterest:before { + content: "\f0d2"; } + +/* line 945, ../sass/fonts.scss */ +.icon-pinterest-sign:before { + content: "\f0d3"; } + +/* line 948, ../sass/fonts.scss */ +.icon-google-plus-sign:before { + content: "\f0d4"; } + +/* line 951, ../sass/fonts.scss */ +.icon-google-plus:before { + content: "\f0d5"; } + +/* line 954, ../sass/fonts.scss */ +.icon-money:before { + content: "\f0d6"; } + +/* line 957, ../sass/fonts.scss */ +.icon-caret-down:before { + content: "\f0d7"; } + +/* line 960, ../sass/fonts.scss */ +.icon-caret-up:before { + content: "\f0d8"; } + +/* line 963, ../sass/fonts.scss */ +.icon-caret-left:before { + content: "\f0d9"; } + +/* line 966, ../sass/fonts.scss */ +.icon-caret-right:before { + content: "\f0da"; } + +/* line 969, ../sass/fonts.scss */ +.icon-columns:before { + content: "\f0db"; } + +/* line 972, ../sass/fonts.scss */ +.icon-sort:before { + content: "\f0dc"; } + +/* line 975, ../sass/fonts.scss */ +.icon-sort-down:before { + content: "\f0dd"; } + +/* line 978, ../sass/fonts.scss */ +.icon-sort-up:before { + content: "\f0de"; } + +/* line 981, ../sass/fonts.scss */ +.icon-envelope:before { + content: "\f0e0"; } + +/* line 984, ../sass/fonts.scss */ +.icon-linkedin:before { + content: "\f0e1"; } + +/* line 988, ../sass/fonts.scss */ +.icon-rotate-left:before, +.icon-undo:before { + content: "\f0e2"; } + +/* line 991, ../sass/fonts.scss */ +.icon-legal:before { + content: "\f0e3"; } + +/* line 994, ../sass/fonts.scss */ +.icon-dashboard:before { + content: "\f0e4"; } + +/* line 997, ../sass/fonts.scss */ +.icon-comment-alt:before { + content: "\f0e5"; } + +/* line 1000, ../sass/fonts.scss */ +.icon-comments-alt:before { + content: "\f0e6"; } + +/* line 1003, ../sass/fonts.scss */ +.icon-bolt:before { + content: "\f0e7"; } + +/* line 1006, ../sass/fonts.scss */ +.icon-sitemap:before { + content: "\f0e8"; } + +/* line 1009, ../sass/fonts.scss */ +.icon-umbrella:before { + content: "\f0e9"; } + +/* line 1012, ../sass/fonts.scss */ +.icon-paste:before { + content: "\f0ea"; } + +/* line 1015, ../sass/fonts.scss */ +.icon-lightbulb:before { + content: "\f0eb"; } + +/* line 1018, ../sass/fonts.scss */ +.icon-exchange:before { + content: "\f0ec"; } + +/* line 1021, ../sass/fonts.scss */ +.icon-cloud-download:before { + content: "\f0ed"; } + +/* line 1024, ../sass/fonts.scss */ +.icon-cloud-upload:before { + content: "\f0ee"; } + +/* line 1027, ../sass/fonts.scss */ +.icon-user-md:before { + content: "\f0f0"; } + +/* line 1030, ../sass/fonts.scss */ +.icon-stethoscope:before { + content: "\f0f1"; } + +/* line 1033, ../sass/fonts.scss */ +.icon-suitcase:before { + content: "\f0f2"; } + +/* line 1036, ../sass/fonts.scss */ +.icon-bell-alt:before { + content: "\f0f3"; } + +/* line 1039, ../sass/fonts.scss */ +.icon-coffee:before { + content: "\f0f4"; } + +/* line 1042, ../sass/fonts.scss */ +.icon-food:before { + content: "\f0f5"; } + +/* line 1045, ../sass/fonts.scss */ +.icon-file-text-alt:before { + content: "\f0f6"; } + +/* line 1048, ../sass/fonts.scss */ +.icon-building:before { + content: "\f0f7"; } + +/* line 1051, ../sass/fonts.scss */ +.icon-hospital:before { + content: "\f0f8"; } + +/* line 1054, ../sass/fonts.scss */ +.icon-ambulance:before { + content: "\f0f9"; } + +/* line 1057, ../sass/fonts.scss */ +.icon-medkit:before { + content: "\f0fa"; } + +/* line 1060, ../sass/fonts.scss */ +.icon-fighter-jet:before { + content: "\f0fb"; } + +/* line 1063, ../sass/fonts.scss */ +.icon-beer:before { + content: "\f0fc"; } + +/* line 1066, ../sass/fonts.scss */ +.icon-h-sign:before { + content: "\f0fd"; } + +/* line 1069, ../sass/fonts.scss */ +.icon-plus-sign-alt:before { + content: "\f0fe"; } + +/* line 1072, ../sass/fonts.scss */ +.icon-double-angle-left:before { + content: "\f100"; } + +/* line 1075, ../sass/fonts.scss */ +.icon-double-angle-right:before { + content: "\f101"; } + +/* line 1078, ../sass/fonts.scss */ +.icon-double-angle-up:before { + content: "\f102"; } + +/* line 1081, ../sass/fonts.scss */ +.icon-double-angle-down:before { + content: "\f103"; } + +/* line 1084, ../sass/fonts.scss */ +.icon-angle-left:before { + content: "\f104"; } + +/* line 1087, ../sass/fonts.scss */ +.icon-angle-right:before { + content: "\f105"; } + +/* line 1090, ../sass/fonts.scss */ +.icon-angle-up:before { + content: "\f106"; } + +/* line 1093, ../sass/fonts.scss */ +.icon-angle-down:before { + content: "\f107"; } + +/* line 1096, ../sass/fonts.scss */ +.icon-desktop:before { + content: "\f108"; } + +/* line 1099, ../sass/fonts.scss */ +.icon-laptop:before { + content: "\f109"; } + +/* line 1102, ../sass/fonts.scss */ +.icon-tablet:before { + content: "\f10a"; } + +/* line 1105, ../sass/fonts.scss */ +.icon-mobile-phone:before { + content: "\f10b"; } + +/* line 1108, ../sass/fonts.scss */ +.icon-circle-blank:before { + content: "\f10c"; } + +/* line 1111, ../sass/fonts.scss */ +.icon-quote-left:before { + content: "\f10d"; } + +/* line 1114, ../sass/fonts.scss */ +.icon-quote-right:before { + content: "\f10e"; } + +/* line 1117, ../sass/fonts.scss */ +.icon-spinner:before { + content: "\f110"; } + +/* line 1120, ../sass/fonts.scss */ +.icon-circle:before { + content: "\f111"; } + +/* line 1124, ../sass/fonts.scss */ +.icon-mail-reply:before, +.icon-reply:before { + content: "\f112"; } + +/* line 1127, ../sass/fonts.scss */ +.icon-github-alt:before { + content: "\f113"; } + +/* line 1130, ../sass/fonts.scss */ +.icon-folder-close-alt:before { + content: "\f114"; } + +/* line 1133, ../sass/fonts.scss */ +.icon-folder-open-alt:before { + content: "\f115"; } + +/* line 1136, ../sass/fonts.scss */ +.icon-expand-alt:before { + content: "\f116"; } + +/* line 1139, ../sass/fonts.scss */ +.icon-collapse-alt:before { + content: "\f117"; } + +/* line 1142, ../sass/fonts.scss */ +.icon-smile:before { + content: "\f118"; } + +/* line 1145, ../sass/fonts.scss */ +.icon-frown:before { + content: "\f119"; } + +/* line 1148, ../sass/fonts.scss */ +.icon-meh:before { + content: "\f11a"; } + +/* line 1151, ../sass/fonts.scss */ +.icon-gamepad:before { + content: "\f11b"; } + +/* line 1154, ../sass/fonts.scss */ +.icon-keyboard:before { + content: "\f11c"; } + +/* line 1157, ../sass/fonts.scss */ +.icon-flag-alt:before { + content: "\f11d"; } + +/* line 1160, ../sass/fonts.scss */ +.icon-flag-checkered:before { + content: "\f11e"; } + +/* line 1163, ../sass/fonts.scss */ +.icon-terminal:before { + content: "\f120"; } + +/* line 1166, ../sass/fonts.scss */ +.icon-code:before { + content: "\f121"; } + +/* line 1169, ../sass/fonts.scss */ +.icon-reply-all:before { + content: "\f122"; } + +/* line 1172, ../sass/fonts.scss */ +.icon-mail-reply-all:before { + content: "\f122"; } + +/* line 1176, ../sass/fonts.scss */ +.icon-star-half-full:before, +.icon-star-half-empty:before { + content: "\f123"; } + +/* line 1179, ../sass/fonts.scss */ +.icon-location-arrow:before { + content: "\f124"; } + +/* line 1182, ../sass/fonts.scss */ +.icon-crop:before { + content: "\f125"; } + +/* line 1185, ../sass/fonts.scss */ +.icon-code-fork:before { + content: "\f126"; } + +/* line 1188, ../sass/fonts.scss */ +.icon-unlink:before { + content: "\f127"; } + +/* line 1191, ../sass/fonts.scss */ +.icon-question:before { + content: "\f128"; } + +/* line 1194, ../sass/fonts.scss */ +.icon-info:before { + content: "\f129"; } + +/* line 1197, ../sass/fonts.scss */ +.icon-exclamation:before { + content: "\f12a"; } + +/* line 1200, ../sass/fonts.scss */ +.icon-superscript:before { + content: "\f12b"; } + +/* line 1203, ../sass/fonts.scss */ +.icon-subscript:before { + content: "\f12c"; } + +/* line 1206, ../sass/fonts.scss */ +.icon-eraser:before { + content: "\f12d"; } + +/* line 1209, ../sass/fonts.scss */ +.icon-puzzle-piece:before { + content: "\f12e"; } + +/* line 1212, ../sass/fonts.scss */ +.icon-microphone:before { + content: "\f130"; } + +/* line 1215, ../sass/fonts.scss */ +.icon-microphone-off:before { + content: "\f131"; } + +/* line 1218, ../sass/fonts.scss */ +.icon-shield:before { + content: "\f132"; } + +/* line 1221, ../sass/fonts.scss */ +.icon-calendar-empty:before { + content: "\f133"; } + +/* line 1224, ../sass/fonts.scss */ +.icon-fire-extinguisher:before { + content: "\f134"; } + +/* line 1227, ../sass/fonts.scss */ +.icon-rocket:before { + content: "\f135"; } + +/* line 1230, ../sass/fonts.scss */ +.icon-maxcdn:before { + content: "\f136"; } + +/* line 1233, ../sass/fonts.scss */ +.icon-chevron-sign-left:before { + content: "\f137"; } + +/* line 1236, ../sass/fonts.scss */ +.icon-chevron-sign-right:before { + content: "\f138"; } + +/* line 1239, ../sass/fonts.scss */ +.icon-chevron-sign-up:before { + content: "\f139"; } + +/* line 1242, ../sass/fonts.scss */ +.icon-chevron-sign-down:before { + content: "\f13a"; } + +/* line 1245, ../sass/fonts.scss */ +.icon-html5:before { + content: "\f13b"; } + +/* line 1248, ../sass/fonts.scss */ +.icon-css3:before { + content: "\f13c"; } + +/* line 1251, ../sass/fonts.scss */ +.icon-anchor:before { + content: "\f13d"; } + +/* line 1254, ../sass/fonts.scss */ +.icon-unlock-alt:before { + content: "\f13e"; } + +/* line 1257, ../sass/fonts.scss */ +.icon-bullseye:before { + content: "\f140"; } + +/* line 1260, ../sass/fonts.scss */ +.icon-ellipsis-horizontal:before { + content: "\f141"; } + +/* line 1263, ../sass/fonts.scss */ +.icon-ellipsis-vertical:before { + content: "\f142"; } + +/* line 1266, ../sass/fonts.scss */ +.icon-rss-sign:before { + content: "\f143"; } + +/* line 1269, ../sass/fonts.scss */ +.icon-play-sign:before { + content: "\f144"; } + +/* line 1272, ../sass/fonts.scss */ +.icon-ticket:before { + content: "\f145"; } + +/* line 1275, ../sass/fonts.scss */ +.icon-minus-sign-alt:before { + content: "\f146"; } + +/* line 1278, ../sass/fonts.scss */ +.icon-check-minus:before { + content: "\f147"; } + +/* line 1281, ../sass/fonts.scss */ +.icon-level-up:before { + content: "\f148"; } + +/* line 1284, ../sass/fonts.scss */ +.icon-level-down:before { + content: "\f149"; } + +/* line 1287, ../sass/fonts.scss */ +.icon-check-sign:before { + content: "\f14a"; } + +/* line 1290, ../sass/fonts.scss */ +.icon-edit-sign:before { + content: "\f14b"; } + +/* line 1293, ../sass/fonts.scss */ +.icon-external-link-sign:before { + content: "\f14c"; } + +/* line 1296, ../sass/fonts.scss */ +.icon-share-sign:before { + content: "\f14d"; } + +/* line 1299, ../sass/fonts.scss */ +.icon-compass:before { + content: "\f14e"; } + +/* line 1302, ../sass/fonts.scss */ +.icon-collapse:before { + content: "\f150"; } + +/* line 1305, ../sass/fonts.scss */ +.icon-collapse-top:before { + content: "\f151"; } + +/* line 1308, ../sass/fonts.scss */ +.icon-expand:before { + content: "\f152"; } + +/* line 1312, ../sass/fonts.scss */ +.icon-euro:before, +.icon-eur:before { + content: "\f153"; } + +/* line 1315, ../sass/fonts.scss */ +.icon-gbp:before { + content: "\f154"; } + +/* line 1319, ../sass/fonts.scss */ +.icon-dollar:before, +.icon-usd:before { + content: "\f155"; } + +/* line 1323, ../sass/fonts.scss */ +.icon-rupee:before, +.icon-inr:before { + content: "\f156"; } + +/* line 1327, ../sass/fonts.scss */ +.icon-yen:before, +.icon-jpy:before { + content: "\f157"; } + +/* line 1331, ../sass/fonts.scss */ +.icon-renminbi:before, +.icon-cny:before { + content: "\f158"; } + +/* line 1335, ../sass/fonts.scss */ +.icon-won:before, +.icon-krw:before { + content: "\f159"; } + +/* line 1339, ../sass/fonts.scss */ +.icon-bitcoin:before, +.icon-btc:before { + content: "\f15a"; } + +/* line 1342, ../sass/fonts.scss */ +.icon-file:before { + content: "\f15b"; } + +/* line 1345, ../sass/fonts.scss */ +.icon-file-text:before { + content: "\f15c"; } + +/* line 1348, ../sass/fonts.scss */ +.icon-sort-by-alphabet:before { + content: "\f15d"; } + +/* line 1351, ../sass/fonts.scss */ +.icon-sort-by-alphabet-alt:before { + content: "\f15e"; } + +/* line 1354, ../sass/fonts.scss */ +.icon-sort-by-attributes:before { + content: "\f160"; } + +/* line 1357, ../sass/fonts.scss */ +.icon-sort-by-attributes-alt:before { + content: "\f161"; } + +/* line 1360, ../sass/fonts.scss */ +.icon-sort-by-order:before { + content: "\f162"; } + +/* line 1363, ../sass/fonts.scss */ +.icon-sort-by-order-alt:before { + content: "\f163"; } + +/* line 1366, ../sass/fonts.scss */ +.icon-thumbs-up:before { + content: "\f164"; } + +/* line 1369, ../sass/fonts.scss */ +.icon-thumbs-down:before { + content: "\f165"; } + +/* line 1372, ../sass/fonts.scss */ +.icon-youtube-sign:before { + content: "\f166"; } + +/* line 1375, ../sass/fonts.scss */ +.icon-youtube:before { + content: "\f167"; } + +/* line 1378, ../sass/fonts.scss */ +.icon-xing:before { + content: "\f168"; } + +/* line 1381, ../sass/fonts.scss */ +.icon-xing-sign:before { + content: "\f169"; } + +/* line 1384, ../sass/fonts.scss */ +.icon-youtube-play:before { + content: "\f16a"; } + +/* line 1387, ../sass/fonts.scss */ +.icon-dropbox:before { + content: "\f16b"; } + +/* line 1390, ../sass/fonts.scss */ +.icon-stackexchange:before { + content: "\f16c"; } + +/* line 1393, ../sass/fonts.scss */ +.icon-instagram:before { + content: "\f16d"; } + +/* line 1396, ../sass/fonts.scss */ +.icon-flickr:before { + content: "\f16e"; } + +/* line 1399, ../sass/fonts.scss */ +.icon-adn:before { + content: "\f170"; } + +/* line 1402, ../sass/fonts.scss */ +.icon-bitbucket:before { + content: "\f171"; } + +/* line 1405, ../sass/fonts.scss */ +.icon-bitbucket-sign:before { + content: "\f172"; } + +/* line 1408, ../sass/fonts.scss */ +.icon-tumblr:before { + content: "\f173"; } + +/* line 1411, ../sass/fonts.scss */ +.icon-tumblr-sign:before { + content: "\f174"; } + +/* line 1414, ../sass/fonts.scss */ +.icon-long-arrow-down:before { + content: "\f175"; } + +/* line 1417, ../sass/fonts.scss */ +.icon-long-arrow-up:before { + content: "\f176"; } + +/* line 1420, ../sass/fonts.scss */ +.icon-long-arrow-left:before { + content: "\f177"; } + +/* line 1423, ../sass/fonts.scss */ +.icon-long-arrow-right:before { + content: "\f178"; } + +/* line 1426, ../sass/fonts.scss */ +.icon-apple:before { + content: "\f179"; } + +/* line 1429, ../sass/fonts.scss */ +.icon-windows:before { + content: "\f17a"; } + +/* line 1432, ../sass/fonts.scss */ +.icon-android:before { + content: "\f17b"; } + +/* line 1435, ../sass/fonts.scss */ +.icon-linux:before { + content: "\f17c"; } + +/* line 1438, ../sass/fonts.scss */ +.icon-dribbble:before { + content: "\f17d"; } + +/* line 1441, ../sass/fonts.scss */ +.icon-skype:before { + content: "\f17e"; } + +/* line 1444, ../sass/fonts.scss */ +.icon-foursquare:before { + content: "\f180"; } + +/* line 1447, ../sass/fonts.scss */ +.icon-trello:before { + content: "\f181"; } + +/* line 1450, ../sass/fonts.scss */ +.icon-female:before { + content: "\f182"; } + +/* line 1453, ../sass/fonts.scss */ +.icon-male:before { + content: "\f183"; } + +/* line 1456, ../sass/fonts.scss */ +.icon-gittip:before { + content: "\f184"; } + +/* line 1459, ../sass/fonts.scss */ +.icon-sun:before { + content: "\f185"; } + +/* line 1462, ../sass/fonts.scss */ +.icon-moon:before { + content: "\f186"; } + +/* line 1465, ../sass/fonts.scss */ +.icon-archive:before { + content: "\f187"; } + +/* line 1468, ../sass/fonts.scss */ +.icon-bug:before { + content: "\f188"; } + +/* line 1471, ../sass/fonts.scss */ +.icon-vk:before { + content: "\f189"; } + +/* line 1474, ../sass/fonts.scss */ +.icon-weibo:before { + content: "\f18a"; } + +/* line 1477, ../sass/fonts.scss */ +.icon-renren:before { + content: "\f18b"; } diff --git a/stylesheets/screen.css b/stylesheets/screen.css index 6f50967..085e844 100644 --- a/stylesheets/screen.css +++ b/stylesheets/screen.css @@ -58,7 +58,7 @@ a img { article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } -/* line 10, ../sass/screen.scss */ +/* line 15, ../sass/screen.scss */ body { font-family: "proxima nova", helvetica, arial, sans-serif; font-weight: 100; @@ -66,124 +66,140 @@ body { color: #565656; line-height: 1.75em; } -/* line 18, ../sass/screen.scss */ +/* line 23, ../sass/screen.scss */ h1, h2, h3 { margin-bottom: 12px; } -/* line 22, ../sass/screen.scss */ +/* line 27, ../sass/screen.scss */ h1 { font-size: 2.2em; line-height: 1em; } -/* line 27, ../sass/screen.scss */ +/* line 32, ../sass/screen.scss */ h2 { - font-size: 1.5em; - opacity: 0.5; } + font-size: 1.5em; } -/* line 32, ../sass/screen.scss */ +/* line 36, ../sass/screen.scss */ a { color: inherit; } -/* line 36, ../sass/screen.scss */ +/* line 40, ../sass/screen.scss */ p { margin-bottom: 12px; } -/* line 40, ../sass/screen.scss */ +/* line 44, ../sass/screen.scss */ .clear { clear: both; - width: 0px; - height: 0px; } + width: 1px; + height: 1px; } -/* line 46, ../sass/screen.scss */ +/* line 50, ../sass/screen.scss */ section, article, .container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 2em; background: #fff; - border-radius: 4px; } - /* line 52, ../sass/screen.scss */ + border-radius: 4px; + position: relative; } + /* line 57, ../sass/screen.scss */ section article, article article, .container article { float: left; width: 50%; } - /* line 57, ../sass/screen.scss */ + /* line 62, ../sass/screen.scss */ section.blank, article.blank, .container.blank { padding: 0; background: none; } - /* line 62, ../sass/screen.scss */ + /* line 67, ../sass/screen.scss */ section.blurb, article.blurb, .container.blurb { text-align: center; background: #252525; + background-image: linear-gradient(top, #444444 0%, #242424 100%); + background-image: -o-linear-gradient(top, #444444 0%, #242424 100%); + background-image: -moz-linear-gradient(top, #444444 0%, #242424 100%); + background-image: -webkit-linear-gradient(top, #444444 0%, #242424 100%); + background-image: -ms-linear-gradient(top, #444444 0%, #242424 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444444), color-stop(1, #242424)); color: #f0f0f0; } - /* line 67, ../sass/screen.scss */ + /* line 87, ../sass/screen.scss */ section.blurb > div, article.blurb > div, .container.blurb > div { padding: 3em 3em; } - /* line 71, ../sass/screen.scss */ + /* line 91, ../sass/screen.scss */ section.blurb h1, section.blurb h2, section.blurb p, article.blurb h1, article.blurb h2, article.blurb p, .container.blurb h1, .container.blurb h2, .container.blurb p { - opacity: 0.4; } - /* line 76, ../sass/screen.scss */ + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } + /* line 95, ../sass/screen.scss */ section.blurb h1, article.blurb h1, .container.blurb h1 { - font-weight: 700; - font-size: 3.5em; - text-transform: uppercase; } - /* line 82, ../sass/screen.scss */ + font-weight: 100; + font-size: 6em; + opacity: 1; + text-transform: uppercase; + letter-spacing: 0.2em; } + /* line 103, ../sass/screen.scss */ section.blurb h2, article.blurb h2, .container.blurb h2 { - margin-bottom: 0.3em; } - /* line 86, ../sass/screen.scss */ + margin-bottom: 0.3em; + font-size: 1.2em; + text-transform: uppercase; + letter-spacing: 0.2em; + color: #949494; } + /* line 111, ../sass/screen.scss */ section.blurb p, article.blurb p, .container.blurb p { - margin-bottom: 0; } - /* line 91, ../sass/screen.scss */ + margin-bottom: 0; + font-size: 0.9em; + color: #949494; } + /* line 118, ../sass/screen.scss */ section img, article img, .container img { - max-width: 100%; } - /* line 101, ../sass/screen.scss */ + max-width: 100%; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + /* line 130, ../sass/screen.scss */ section ul.list-generic, article ul.list-generic, .container ul.list-generic { margin-top: 1em; } - /* line 104, ../sass/screen.scss */ + /* line 133, ../sass/screen.scss */ section ul.list-generic li, article ul.list-generic li, .container ul.list-generic li { padding-top: 0.5em; padding-bottom: 0.5em; border-bottom: 1px solid #cecece; } - /* line 109, ../sass/screen.scss */ + /* line 138, ../sass/screen.scss */ section ul.list-generic li:last-child, article ul.list-generic li:last-child, .container ul.list-generic li:last-child { margin-bottom: 0; } - /* line 114, ../sass/screen.scss */ + /* line 143, ../sass/screen.scss */ section ul.list-generic h1, article ul.list-generic h1, .container ul.list-generic h1 { font-size: 1.3em; margin-bottom: 0em; } - /* line 119, ../sass/screen.scss */ + /* line 148, ../sass/screen.scss */ section ul.list-generic h2, article ul.list-generic h2, .container ul.list-generic h2 { font-size: 1em; margin-bottom: 0em; text-transform: uppercase; font-weight: 500; } - /* line 126, ../sass/screen.scss */ + /* line 155, ../sass/screen.scss */ section ul.list-generic p, article ul.list-generic p, .container ul.list-generic p { font-size: 0.9em; margin-bottom: 0em; } -/* line 135, ../sass/screen.scss */ +/* line 164, ../sass/screen.scss */ body > section, body > header, body > footer, .container { max-width: 1180px; margin: 0 auto; margin-bottom: 20px; } -/* line 141, ../sass/screen.scss */ -nav { +/* line 170, ../sass/screen.scss */ +nav.navigation { background: #444; margin-top: 2em; border-radius: 4px; } - /* line 146, ../sass/screen.scss */ - nav ul { + /* line 175, ../sass/screen.scss */ + nav.navigation > ul { list-style: none; margin: 0; padding: 0; } - /* line 152, ../sass/screen.scss */ - nav ul li { + /* line 181, ../sass/screen.scss */ + nav.navigation > ul > li { display: inline; border: 0; padding: 0; } - /* line 157, ../sass/screen.scss */ - nav ul li a { + /* line 186, ../sass/screen.scss */ + nav.navigation > ul > li > a { color: #fff; display: block; font-weight: 500; @@ -192,59 +208,122 @@ nav { background: inherit; padding: 1em 1.5em; text-decoration: none; } - /* line 167, ../sass/screen.scss */ - nav ul li a:hover, nav ul li a:active { + /* line 196, ../sass/screen.scss */ + nav.navigation > ul > li > a:hover, nav.navigation > ul > li > a:active { background: rgba(255, 255, 255, 0.2); } - /* line 171, ../sass/screen.scss */ - nav ul li a.focus { + /* line 200, ../sass/screen.scss */ + nav.navigation > ul > li > a.focus { background: rgba(255, 255, 255, 0.2); padding: 1em 1.8em; } -/* line 180, ../sass/screen.scss */ +/* line 210, ../sass/screen.scss */ +ul.dropdown { + display: inline-block; + border-radius: 4px; + background: #444; + color: #fff; + min-width: 350px; } + /* line 217, ../sass/screen.scss */ + ul.dropdown:before { + content: ' '; + display: block; + background: none; + width: 1px; + height: 1px; + position: absolute; + left: 20px; + top: -10px; + border: 5px solid rgba(0, 0, 0, 0); + border-bottom: 5px solid #444; } + /* line 232, ../sass/screen.scss */ + ul.dropdown li a { + display: block; + padding: 0.75em 1em; + border-bottom: 1px solid #595959; + text-decoration: none; + color: #cecece; } + /* line 239, ../sass/screen.scss */ + ul.dropdown li a:hover { + background: rgba(0, 0, 0, 0.2); } + /* line 245, ../sass/screen.scss */ + ul.dropdown li:last-child a { + border-bottom: 0; } + +/* line 256, ../sass/screen.scss */ +nav.breadcrumbs { + padding-left: 1em; + font-size: 0.85em; + color: #cecece; } + /* line 262, ../sass/screen.scss */ + nav.breadcrumbs ul li { + display: inline; } + /* line 265, ../sass/screen.scss */ + nav.breadcrumbs ul li:last-child { + font-weight: 500; + color: #444; } + /* line 270, ../sass/screen.scss */ + nav.breadcrumbs ul li a { + display: inline; + float: none; + text-decoration: none; + color: inherit; } + /* line 276, ../sass/screen.scss */ + nav.breadcrumbs ul li a:hover { + color: #444; } + /* line 281, ../sass/screen.scss */ + nav.breadcrumbs ul li i { + position: relative; + margin-left: 4px; + margin-right: 4px; } + +/* line 294, ../sass/screen.scss */ .clear { clear: both; } -/* line 184, ../sass/screen.scss */ +/* line 298, ../sass/screen.scss */ .lefty { float: left; } -/* line 188, ../sass/screen.scss */ +/* line 302, ../sass/screen.scss */ img.lefty { margin-right: 12px; } -/* line 192, ../sass/screen.scss */ +/* line 306, ../sass/screen.scss */ .righty { float: right; } -/* line 196, ../sass/screen.scss */ +/* line 310, ../sass/screen.scss */ img.righty { margin-left: 12px; } -/* line 204, ../sass/screen.scss */ -.button, .btn, input[type="button"] { - background: #a2c15f; +/* line 316, ../sass/screen.scss */ +.button, input[type="button"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + background: #444; padding: 0.7em 1em; margin: 0; - border-radius: 4px; text-decoration: none; color: #fff; border: 0px; font-size: 1em; font-family: "proxima nova", helvetica, arial, sans-serif; - cursor: pointer; } - /* line 216, ../sass/screen.scss */ - .button.button-pressable, .button-pressable.btn, input[type="button"].button-pressable { + cursor: pointer; + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } + /* line 329, ../sass/screen.scss */ + .button.button-pressable, input[type="button"].button-pressable { border-bottom: 0.20em solid #a2a2a2; padding-bottom: 0.5em; } - /* line 221, ../sass/screen.scss */ - .button.button-red, .button-red.btn, input[type="button"].button-red { + /* line 334, ../sass/screen.scss */ + .button.button-red, input[type="button"].button-red { background: #ef4040; } - /* line 225, ../sass/screen.scss */ - .button.button-adjacent, .button-adjacent.btn, input[type="button"].button-adjacent { + /* line 338, ../sass/screen.scss */ + .button.button-adjacent, input[type="button"].button-adjacent { border-bottom-left-radius: 0; border-top-left-radius: 0; } - /* line 230, ../sass/screen.scss */ - .button.button-cta, .button-cta.btn, input[type="button"].button-cta { + /* line 343, ../sass/screen.scss */ + .button.button-cta, input[type="button"].button-cta { display: inline-block; font-size: 1.3em; background: #444; @@ -252,18 +331,26 @@ img.righty { padding: 1em 4em; text-transform: uppercase; font-weight: 500; - letter-spacing: 2px; } + letter-spacing: 0.2em; } + /* line 354, ../sass/screen.scss */ + .button.button-buy, input[type="button"].button-buy { + display: inline-block; + width: 100%; + text-align: center; + font-weight: 500; + text-transform: uppercase; + margin-top: 1em; } -/* line 242, ../sass/screen.scss */ +/* line 364, ../sass/screen.scss */ label { display: block; margin-bottom: 1em; } - /* line 246, ../sass/screen.scss */ + /* line 368, ../sass/screen.scss */ label h2 { font-size: 1.1em; margin: 0; } -/* line 254, ../sass/screen.scss */ +/* line 376, ../sass/screen.scss */ input[type="text"], textarea { background: #f6f6f6; border: 0; @@ -272,12 +359,53 @@ input[type="text"], textarea { padding: 0.7em 1em; margin: 0; font-size: 1em; } - /* line 263, ../sass/screen.scss */ + /* line 385, ../sass/screen.scss */ input[type="text"].button-adjacent, textarea.button-adjacent { border-bottom-right-radius: 0; border-top-right-radius: 0; } -/* line 269, ../sass/screen.scss */ +/* line 391, ../sass/screen.scss */ textarea { width: 400px; height: 180px; } + +/* line 396, ../sass/screen.scss */ +hr { + width: 100%; + height: 1px; + background: #cecece; + margin-top: 1em; + margin-bottom: 1em; + border: 0px; + opacity: 0.2; } + +/* line 407, ../sass/screen.scss */ +.item { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; + width: 33%; + background: #fff; } + /* line 413, ../sass/screen.scss */ + .item .item-info { + padding: 1em 2em; + padding-bottom: 2em; } + /* line 418, ../sass/screen.scss */ + .item h1 { + font-size: 1.5em; + font-weight: 500; } + /* line 423, ../sass/screen.scss */ + .item p { + font-size: 0.9em; + color: #7d7d7d; } + /* line 428, ../sass/screen.scss */ + .item img { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +/* line 434, ../sass/screen.scss */ +.price { + display: block; + font-size: 1.4em; + font-weight: 500; }