From 068ad9ec39174401632affe57a2251636063775d Mon Sep 17 00:00:00 2001 From: Andrew Senetar Date: Mon, 27 May 2013 22:16:02 -0400 Subject: [PATCH] Current Sass Files The Current Sass / scss development files. --- static/sass/_iconSettings.scss | 59 + static/sass/_settings.scss | 1138 +++++++++++++++++ static/sass/app.scss | 45 + static/sass/icons.scss | 813 ++++++++++++ static/sass/icons_ie7.scss | 694 ++++++++++ static/sass/normalize.scss | 402 ++++++ static/sass/rangertbc/_base.scss | 130 ++ static/sass/rangertbc/_settings.scss | 50 + static/sass/rangertbc/components/_print.scss | 17 + .../sass/rangertbc/components/_scrollbar.scss | 47 + static/sass/rangertbc/components/_topbar.scss | 123 ++ 11 files changed, 3518 insertions(+) create mode 100644 static/sass/_iconSettings.scss create mode 100644 static/sass/_settings.scss create mode 100644 static/sass/app.scss create mode 100644 static/sass/icons.scss create mode 100644 static/sass/icons_ie7.scss create mode 100644 static/sass/normalize.scss create mode 100644 static/sass/rangertbc/_base.scss create mode 100644 static/sass/rangertbc/_settings.scss create mode 100644 static/sass/rangertbc/components/_print.scss create mode 100644 static/sass/rangertbc/components/_scrollbar.scss create mode 100644 static/sass/rangertbc/components/_topbar.scss diff --git a/static/sass/_iconSettings.scss b/static/sass/_iconSettings.scss new file mode 100644 index 0000000..0fae02d --- /dev/null +++ b/static/sass/_iconSettings.scss @@ -0,0 +1,59 @@ +// +// Sass Icon Fonts +// + +// Settings File _iconSettings.scss +// Version: 0.2 +// Created By: Andrew Senetar +// Date: May, 19 2013 +// Used: Font Awesome Styles, Foundation Icon Fonts Scss as Starting; animation from Fontello + +//// Compass imports used later in icons.scss + +@import "compass/css3/font-face"; +@import "compass/css3/border-radius"; +@import "compass/css3/transform"; +@import "animation"; + +//// Font and class variables + +$classPrefix: "icon-"; // icon class prefix [prefix-][name] +$set: "fontello"; // font name + +//// Color Variables (from Font Awesome) + +$iconBorderColor: #eee; +$iconMuted: #eee; +$iconLight: #fff; +$iconDark: #333; + +//// Mixin for creation of individual icon class +//// Use: @include i-class([name],[code]); (assumed to be working in the e[xxx] range) + +@mixin i-class($name,$pua) { + .#{$classPrefix}#{$name}:before { + content: "\e#{$pua}"; + } +} + +//// Mixin for creation of individual icon class for Internet Explorer +//// Use: @include i-class([name],[code]); (assumed to be working in the e[xxx] range) + +@mixin ie-class($name,$pua) { + .#{$classPrefix}#{$name} { + *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = "#{$pua}; "); + } +} + +//// Mixin for @font-face +//// Use @include face([$set]); + +@mixin face($set) { + @include font-face("#{$set}", + font-files("#{$set}.woff", + "#{$set}.ttf", + "#{$set}.svg"), + '#{$set}.eot', + normal, + normal); +} diff --git a/static/sass/_settings.scss b/static/sass/_settings.scss new file mode 100644 index 0000000..89b7cbf --- /dev/null +++ b/static/sass/_settings.scss @@ -0,0 +1,1138 @@ +// +// Foundation Variables +// + +//// The default font-size is set to 100% of the browser style sheet (usually 16px) +//// for compatibility with brower-based text zoom or user-set defaults. +$base-font-size: 100% !default; + +//// $base-line-height is 24px while $base-font-size is 16px +//// $base-line-height: 150%; + +//// This is the default html and body font-size for the base em value. + +//// Since the typical default browser font-size is 16px, that makes the calculation for grid size. +//// If you want your base font-size to be a different size and not have it effect grid size too, +//// set the value of $em-base to $base-font-size ($em-base: $base-font-size;) +$em-base: 16px !default; + +//// Working in ems is annoying. Think in pixels by using this handy function, emCalc(#px) +@function emCalc($pxWidth) { + @return $pxWidth / $em-base * 1em; +} + +//// Various global styles + +$body-bg: #fff; +$body-font-color: #222; +$body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; +$body-font-weight: normal; +$body-font-style: normal; + +//// Font-smoothing + +$font-smoothing: antialiased; + +//// Text direction settings + +// $text-direction: ltr; + +//// Colors + + $primary-color: #9b160d; + $secondary-color: #e0e0e0; +// $alert-color: #c60f13; +// $success-color: #5da423; + +//// Make sure border radius matches unless we want it different. + +// $global-radius: 3px; +// $global-rounded: 1000px; + +//// Inset shadow shiny edges and depressions. + +// $shiny-edge-size: 0 1px 0; +// $shiny-edge-color: rgba(#fff, .5); +// $shiny-edge-active-color: rgba(#000, .2); + +//// Control whether or not CSS classes come through in the CSS files. + +// $include-html-classes: true; +// $include-print-styles: true; +// $include-html-grid-classes: $include-html-classes; +// $include-html-visibility-classes: $include-html-classes; +// $include-html-button-classes: $include-html-classes; +// $include-html-form-classes: $include-html-classes; +// $include-html-media-classes: $include-html-classes; +// $include-html-section-classes: $include-html-classes; +// $include-html-reveal-classes: $include-html-classes; +// $include-html-alert-classes: $include-html-classes; +// $include-html-nav-classes: $include-html-classes; +// $include-html-label-classes: $include-html-classes; +// $include-html-panel-classes: $include-html-classes; +// $include-html-pricing-classes: $include-html-classes; +// $include-html-progress-classes: $include-html-classes; +// $include-html-magellan-classes: $include-html-classes; + +//// Media Queries + +// $small-screen: emCalc(768px); +$medium-screen: emCalc(960px); //allows for half of 1920 without going responsive +// $large-screen: emCalc(1440px); + +// $screen: "only screen"; +// $small: "only screen and (min-width:"#{$small-screen}")"; +// $medium: "only screen and (min-width:"#{$medium-screen}")"; +// $large: "only screen and (min-width:"#{$large-screen}")"; +// $landscape: "only screen and (orientation: landscape)"; +// $portrait: "only screen and (orientation: portrait)"; + +// +// Grid Variables +// + +// $row-width: emCalc(1000px); +// $column-gutter: emCalc(30px); +// $total-columns: 12; + +// +// Block Grid Variables +// + +//// Maximum number of block grid elements per row + +// $block-grid-elements: 12; +// $block-grid-default-spacing: 10px; + +//// Enables media queries for block-grid classes. Set to false if writing semantic HTML. + +// $block-grid-media-queries: true; + +// +// Typography Variables +// + +//// Heading font styles + +// $header-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; +// $header-font-weight: bold; +// $header-font-style: normal; +// $header-font-color: #222; +// $header-line-height: 1.4; +// $header-top-margin: .2em; +// $header-bottom-margin: .5em; +// $header-text-rendering: optimizeLegibility; + +//// Heading font sizes + + $h1-font-size: emCalc(32px); + $h2-font-size: emCalc(28px); + $h3-font-size: emCalc(25px); + $h4-font-size: emCalc(22px); + $h5-font-size: emCalc(18px); + $h6-font-size: 1em; + +//// Subheaders + +// $subheader-line-height: 1.4; +// $subheader-font-color: lighten($header-font-color, 30%); +// $subheader-font-weight: 300; +// $subheader-top-margin: .2em; +// $subheader-bottom-margin: .5em; + +//// styling + +// $small-font-size: 60%; +// $small-font-color: lighten($header-font-color, 30%); + +//// Paragraphs + +// $paragraph-font-family: inherit; +// $paragraph-font-weight: normal; +// $paragraph-font-size: 1em; +// $paragraph-line-height: 1.6; +// $paragraph-margin-bottom: emCalc(20px); +// $paragraph-aside-font-size: emCalc(14px); +// $paragraph-aside-line-height: 1.35; +// $paragraph-aside-font-style: italic; + +//// tags + +// $code-color: darken($alert-color, 15%); +// $code-font-family: Consolas, 'Liberation Mono', Courier, monospace; +// $code-font-weight: bold; + +//// Anchors + +// $anchor-text-decoration: none; +// $anchor-font-color: $primary-color; +// $anchor-font-color-hover: darken($primary-color, 5%); + +////
element + +// $hr-border-width: 1px; +// $hr-border-style: solid; +// $hr-border-color: #ddd; +// $hr-margin: emCalc(20px); + +//// Lists + +// $list-style-position: outside; +// $list-side-margin: emCalc(18px); +// $definition-list-header-weight: bold; +// $definition-list-header-margin-bottom: .3em; +// $definition-list-margin-bottom: emCalc(12px); + +//// Blockquotes + +// $blockquote-font-color: lighten($header-font-color, 30%); +// $blockquote-padding: emCalc(9px) emCalc(20px) 0 emCalc(19px); +// $blockquote-border: 1px solid #ddd; +// $blockquote-cite-font-size: emCalc(13px); +// $blockquote-cite-font-color: lighten($header-font-color, 20%); +// $blockquote-cite-link-color: $blockquote-cite-font-color; + +//// Acronym + +// $acronym-underline: 1px dotted #ddd; + +//// Padding and margin + +// $microformat-padding: emCalc(10px) emCalc(12px); +// $microformat-margin: 0 0 emCalc(20px) 0; + +//// Border styles + +// $microformat-border-width: 1px; +// $microformat-border-style: solid; +// $microformat-border-color: #ddd; + +//// Full name font styles + +// $microformat-fullname-font-weight: bold; +// $microformat-fullname-font-size: emCalc(15px); + +//// Summary font styles + +// $microformat-summary-font-weight: bold; + +//// padding + +// $microformat-abbr-padding: 0 emCalc(1px); + +//// font styles + +// $microformat-abbr-font-weight: bold; +// $microformat-abbr-font-decoration: none; + +// +// Form Variables +// + +//// Base for lots of form spacing and positioning styles + +// $form-spacing: emCalc(16px); + +//// Labels + +// $label-pointer: pointer; +// $label-font-size: emCalc(14px); +// $label-font-weight: 500; +// $label-font-color: lighten(#000, 30%); +// $label-bottom-margin: emCalc(3px); +// $input-font-family: inherit; +// $input-font-color: rgba(0,0,0,0.75); +// $input-font-size: emCalc(14px); +// $input-bg-color: #fff; +// $input-focus-bg-color: darken(#fff, 2%); +// $input-border-color: darken(#fff, 20%); +// $input-focus-border-color: darken(#fff, 40%); +// $input-border-style: solid; +// $input-border-width: 1px; +// $input-disabled-bg: #ddd; +// $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); + +//// Fieldset border and spacing. + +// $fieldset-border-style: solid; +// $fieldset-border-width: 1px; +// $fieldset-border-color: #ddd; +// $fieldset-padding: emCalc(20px); +// $fieldset-margin: emCalc(18px) 0; + +//// Legends + +// $legend-bg: #fff; +// $legend-font-weight: bold; +// $legend-padding: 0 emCalc(3px); + +//// Prefix and postfix input elements + +// $input-prefix-bg: darken(#fff, 5%); +// $input-prefix-border-color: darken(#fff, 20%); +// $input-prefix-border-size: 1px; +// $input-prefix-border-type: solid; +// $input-prefix-overflow: hidden; +// $input-prefix-font-color: #333; +// $input-prefix-font-color-alt: #fff; + +//// Error states for inputs and labels + +// $input-error-message-padding: emCalc(6px) emCalc(4px); +// $input-error-message-top: -($form-spacing) - emCalc(5px); +// $input-error-message-font-size: emCalc(12px); +// $input-error-message-font-weight: bold; +// $input-error-message-font-color: #fff; +// $input-error-message-font-color-alt: #333; + +//// Padding for buttons. + +// $button-tny: emCalc(7px); +// $button-sml: emCalc(9px); +// $button-med: emCalc(12px); +// $button-lrg: emCalc(16px); + +//// Display property. + +// $button-display: inline-block; +// $button-margin-bottom: emCalc(20px); + +//// Button text styles. + +// $button-font-family: inherit; +// $button-font-color: #fff; +// $button-font-color-alt: #333; +// $button-font-med: emCalc(16px); +// $button-font-tny: emCalc(11px); +// $button-font-sml: emCalc(13px); +// $button-font-lrg: emCalc(20px); +// $button-font-weight: bold; +// $button-font-align: center; + +//// Various hover effects. + +// $button-function-factor: 10%; + +//// Button border styles. + +// $button-border-width: 1px; +// $button-border-style: solid; +// $button-border-color: darken($primary-color, $button-function-factor); + +//// Radius used throughout the core. + +// $button-radius: $global-radius; + +//// Opacity for disabled buttons. + +// $button-disabled-opacity: 0.6; + +// +// Dropdown Button Variables +// + +// Color of the pip in dropdown buttons + +// $dropdown-button-pip-color: #fff; +// $dropdown-button-pip-color-alt: #333; + +//// Tiny dropdown buttons + +// $dropdown-button-padding-tny: $button-tny * 5; +// $dropdown-button-pip-size-tny: $button-tny; +// $dropdown-button-pip-right-tny: $button-tny * 2; +// $dropdown-button-pip-top-tny: -$button-tny / 2 + emCalc(1px); + +//// Small dropdown buttons + +// $dropdown-button-padding-sml: $button-sml * 5; +// $dropdown-button-pip-size-sml: $button-sml; +// $dropdown-button-pip-right-sml: $button-sml * 2; +// $dropdown-button-pip-top-sml: -$button-sml / 2 + emCalc(1px); + +//// Medium dropdown buttons + +// $dropdown-button-padding-med: $button-med * 4 + emCalc(3px); +// $dropdown-button-pip-size-med: $button-med - emCalc(3px); +// $dropdown-button-pip-right-med: $button-med * 2; +// $dropdown-button-pip-top-med: -$button-med / 2 + emCalc(2px); + +//// Large dropdown buttons + +// $dropdown-button-padding-lrg: $button-lrg * 4; +// $dropdown-button-pip-size-lrg: $button-lrg - emCalc(6px); +// $dropdown-button-pip-right-lrg: $button-lrg + emCalc(12px); +// $dropdown-button-pip-top-lrg: -$button-lrg / 2 + emCalc(3px); + +// +// Split Button Variables +// + +//// Shared styles for Split Buttons + +// $split-button-function-factor: 15%; +// $split-button-pip-color: #fff; +// $split-button-pip-color-alt: #333; +// $split-button-active-bg-tint: rgba(0,0,0,0.1); + +//// Tiny split buttons + +// $split-button-padding-tny: $button-tny * 9; +// $split-button-span-width-tny: $button-tny * 6.5; +// $split-button-pip-size-tny: $button-tny; +// $split-button-pip-top-tny: $button-tny * 2; +// $split-button-pip-left-tny: emCalc(-5px); + +//// Small split buttons + +// $split-button-padding-sml: $button-sml * 7; +// $split-button-span-width-sml: $button-sml * 5; +// $split-button-pip-size-sml: $button-sml; +// $split-button-pip-top-sml: $button-sml * 1.5; +// $split-button-pip-left-sml: emCalc(-9px); + +//// Medium split buttons + +// $split-button-padding-med: $button-med * 6.4; +// $split-button-span-width-med: $button-med * 4; +// $split-button-pip-size-med: $button-med - emCalc(3px); +// $split-button-pip-top-med: $button-med * 1.5; +// $split-button-pip-left-med: emCalc(-9px); + +//// Large split buttons + +// $split-button-padding-lrg: $button-lrg * 6; +// $split-button-span-width-lrg: $button-lrg * 3.75; +// $split-button-pip-size-lrg: $button-lrg - emCalc(6px); +// $split-button-pip-top-lrg: $button-lrg + emCalc(5px); +// $split-button-pip-left-lrg: emCalc(-9px); + +// +// Alert Variables +// + +//// Alert padding. + +// $alert-padding-top: emCalc(11px); +// $alert-padding-left: $alert-padding-top; +// $alert-padding-right: $alert-padding-top + emCalc(10px); +// $alert-padding-bottom: $alert-padding-top + emCalc(1px); + +//// Text style. + +// $alert-font-weight: bold; +// $alert-font-size: emCalc(14px); +// $alert-font-color: #fff; +// $alert-font-color-alt: darken($secondary-color, 60%); + +//// Close hover effect. + +// $alert-function-factor: 10%; + +//// Border styles. + +// $alert-border-style: solid; +// $alert-border-width: 1px; +// $alert-border-color: darken($primary-color, $alert-function-factor); +// $alert-bottom-margin: emCalc(20px); + +//// Close buttons + +// $alert-close-color: #333; +// $alert-close-position: emCalc(5px); +// $alert-close-font-size: emCalc(22px); +// $alert-close-opacity: 0.3; +// $alert-close-opacity-hover: 0.5; +// $alert-close-padding: 5px 4px 4px; + +//// Border radius + +// $alert-radius: $global-radius; + +// +// Breadcrumb Variables +// + +//// Background color for the breadcrumb container. + +// $crumb-bg: lighten($secondary-color, 5%); + +//// Padding around the breadcrumbs. + +// $crumb-padding: emCalc(6px) emCalc(14px) emCalc(9px); +// $crumb-side-padding: emCalc(12px); + +//// Border styles. + +// $crumb-function-factor: 10%; +// $crumb-border-size: 1px; +// $crumb-border-style: solid; +// $crumb-border-color: darken($crumb-bg, $crumb-function-factor); +// $crumb-radius: $global-radius; + +//// Various text styles for breadcrumbs. + +// $crumb-font-size: emCalc(11px); +// $crumb-font-color: $primary-color; +// $crumb-font-color-current: #333; +// $crumb-font-color-unavailable: #999; +// $crumb-font-transform: uppercase; +// $crumb-link-decor: underline; + +//// Slash between breadcrumbs + +// $crumb-slash-color: #aaa; +// $crumb-slash: "/"; + +// +// Clearing Variables +// + +//// Background colors for parts of Clearing. + +// $clearing-bg: #111; +// $clearing-caption-bg: $clearing-bg; +// $clearing-carousel-bg: #111; +// $clearing-img-bg: $clearing-bg; + +//// Close button + +// $clearing-close-color: #fff; +// $clearing-close-size: 40px; + +//// Style the arrows + +// $clearing-arrow-size: 16px; +// $clearing-arrow-color: $clearing-close-color; + +//// Style captions + +// $clearing-caption-font-color: #fff; +// $clearing-caption-padding: 10px 30px; + +//// Make the image and carousel height and style + +// $clearing-active-img-height: 75%; +// $clearing-carousel-height: 150px; +// $clearing-carousel-thumb-width: 175px; +// $clearing-carousel-thumb-active-border: 4px solid rgb(255,255,255); + +// +// Custom Form Variables +// + +//// Basic form styles input styles + +// $custom-form-border-color: #ccc; +// $custom-form-bg: #fff; +// $custom-form-bg-disabled: #ddd; +// $custom-form-check-color: #222; + +//// Custom select form element. + +// $custom-select-bg: #fff; +// $custom-select-fade-to-color: #f3f3f3; +// $custom-select-border-color: #ddd; +// $custom-select-triangle-color: #aaa; +// $custom-select-triangle-color-open: #222; +// $custom-select-height: emCalc(13px) + ($form-spacing * 1.5); +// $custom-select-margin-bottom: emCalc(20px); +// $custom-select-font-color-selected: #141414; +// $custom-select-disabled-color: #888; + +//// Custom select dropdown element. + +// $custom-dropdown-height: 200px; +// $custom-dropdown-bg: #fff; +// $custom-dropdown-border-color: darken(#fff, 20%); +// $custom-dropdown-border-width: 1px; +// $custom-dropdown-border-style: solid; +// $custom-dropdown-font-color: #555; +// $custom-dropdown-font-size: emCalc(14px); +// $custom-dropdown-color-selected: #eeeeee; +// $custom-dropdown-font-color-selected: #000; +// $custom-dropdown-shadow: 0 2px 2px 0px rgba(0,0,0,0.1); +// $custom-dropdown-offset-top: none; +// $custom-dropdown-list-padding: emCalc(4px); +// $custom-dropdown-left-padding: emCalc(6px); +// $custom-dropdown-right-padding: emCalc(38px); +// $custom-dropdown-list-item-min-height: emCalc(24px); + +// +// Dropdown Variables +// + +//// Height and width styles. + +// $f-dropdown-max-width: 200px; +// $f-dropdown-height: auto; +// $f-dropdown-max-height: none; +// $f-dropdown-margin-top: 2px; + +//// Background color + +// $f-dropdown-bg: #fff; + +//// Border styles for dropdowns. + +// $f-dropdown-border-style: solid; +// $f-dropdown-border-width: 1px; +// $f-dropdown-border-color: darken(#fff, 20%); + +//// Triangle pip. + +// $f-dropdown-triangle-size: 6px; +// $f-dropdown-triangle-color: #fff; +// $f-dropdown-triangle-side-offset: 10px; + +//// List elements. + +// $f-dropdown-list-style: none; +// $f-dropdown-font-color: #555; +// $f-dropdown-font-size: emCalc(14px); +// $f-dropdown-list-padding: emCalc(5px) emCalc(10px); +// $f-dropdown-line-height: emCalc(18px); +// $f-dropdown-list-hover-bg: #eeeeee; +// $dropdown-mobile-left: 0; + +//// When the dropdown has custom content. + +// $f-dropdown-content-padding: emCalc(20px); + +// +// Flex Video Variables +// + +//// Video container padding and margins + +// $flex-video-padding-top: emCalc(25px); +// $flex-video-padding-bottom: 67.5%; +// $flex-video-margin-bottom: emCalc(16px); + +//// Widescreen bottom padding + +// $flex-video-widescreen-padding-bottom: 57.25%; + +// +// Inline List Variables +// + +//// Margins and padding of the inline list. + +// $inline-list-margin-bottom: emCalc(17px) emCalc(-22px ); +// $inline-list-margin: 0 0; +// $inline-list-padding: 0; + +//// Overflow of the inline list. + +// $inline-list-overflow: hidden; + +//// List items + +// $inline-list-display: block; + +//// Elments within list items + +// $inline-list-children-display: block; + +// +// Joyride Variables +// + +//// Joyride styles + +// $joyride-tip-bg: rgb(0,0,0); +// $joyride-tip-default-width: 300px; +// $joyride-tip-padding: emCalc(18px) emCalc(20px) emCalc(24px); +// $joyride-tip-border: solid 1px #555; +// $joyride-tip-radius: 4px; +// $joyride-tip-position-offset: 22px; + +//// Tip font styles + +// $joyride-tip-font-color: #fff; +// $joyride-tip-font-size: emCalc(14px); +// $joyride-tip-header-weight: bold; + +//// Changes the nub size + +// $joyride-tip-nub-size: 14px; + +//// Adjusts the styles for the timer when its enabled + +// $joyride-tip-timer-width: 50px; +// $joyride-tip-timer-height: 3px; +// $joyride-tip-timer-color: #666; + +//// Changes up the styles for the close button + +// $joyride-tip-close-color: #777; +// $joyride-tip-close-size: 30px; +// $joyride-tip-close-weight: normal; + +//// When Joyride is filling the screen, style for the bg + +// $joyride-screenfill: rgba(0,0,0,0.5); + +// +// Keystroke Variables +// + +//// Text styles. + +// $keystroke-font: "Consolas", "Menlo", "Courier", monospace; +// $keystroke-font-size: emCalc(15px); +// $keystroke-font-color: #222; +// $keystroke-font-color-alt: #fff; +// $keystroke-function-factor: 7%; + +//// Keystroke padding. + +// $keystroke-padding: emCalc(2px) emCalc(4px) emCalc(0px); + +//// Background and border styles. + +// $keystroke-bg: darken(#fff, $keystroke-function-factor); +// $keystroke-border-style: solid; +// $keystroke-border-width: 1px; +// $keystroke-border-color: darken($keystroke-bg, $keystroke-function-factor); +// $keystroke-radius: $global-radius; + +// +// Label Variables +// + +//// Style the labels + +// $label-padding: emCalc(3px) emCalc(10px) emCalc(4px); +// $label-radius: $global-radius; + +//// We use these to style the label text + +// $label-font-sizing: emCalc(14px); +// $label-font-weight: bold; +// $label-font-color: #333; +// $label-font-color-alt: #fff; + +// +// Magellan Variables +// + +//// Basic visual styles + +// $magellan-bg: #fff; +// $magellan-padding: 10px; + +// +// Orbit Settings +// + +//// Caption styles + +// $orbit-container-bg: #f5f5f5; +// $orbit-caption-bg-old-browser: #000; +// $orbit-caption-bg-old: rgb(0,0,0); +// $orbit-caption-bg: rgba(0,0,0,0.6); +// $orbit-caption-font-color: #fff; + +//// Left/right nav styles + +// $orbit-nav-bg-old: rgb(0,0,0); +// $orbit-nav-bg: rgba(0,0,0,0.6); + +//// Timer styles + +// $orbit-timer-bg-old: rgb(0,0,0); +// $orbit-timer-bg: rgba(0,0,0,0.6); + +//// Bullet nav styles + +// $orbit-bullet-nav-color: #999; +// $orbit-bullet-nav-color-active: #222; + +//// Slide numbers + +// $orbit-slide-number-bg: rgb(0,0,0); +// $orbit-slide-number-font-color: #fff; +// $orbit-slide-number-padding: emCalc(5px); + +//// Margin for when Orbit is stacked on small screens + +// $stack-on-small-margin-bottom: emCalc(20px); // Doesn't quite work yet + +// +// Pagination Variables +// + +//// Pagination container + +// $pagination-height: emCalc(24px); +// $pagination-margin: emCalc(-5px); + +//// List-item properties + +// $pagination-li-float: $default-float; +// $pagination-li-height: emCalc(24px); +// $pagination-li-font-color: #222; +// $pagination-li-font-size: emCalc(14px); +// $pagination-li-margin: emCalc(5px); + +//// Pagination anchor links + +// $pagination-link-pad: emCalc(1px) emCalc(7px) emCalc(1px); +// $pagination-link-font-color: #999; +// $pagination-link-active-bg: darken(#fff, 10%); + +//// Disabled anchor links + +// $pagination-link-unavailable-cursor: default; +// $pagination-link-unavailable-font-color: #999; +// $pagination-link-unavailable-bg-active: transparent; + +//// Currently selected anchor links + +// $pagination-link-current-background: $primary-color; +// $pagination-link-current-font-color: #fff; +// $pagination-link-current-font-weight: bold; +// $pagination-link-current-cursor: default; +// $pagination-link-current-active-bg: $primary-color; + +// +// Panel Variables +// + +//// Background and border styles + +// $panel-bg: darken(#fff, 5%); +// $panel-border-style: solid; +// $panel-border-size: 1px; + +//// Control how much we darken things on hover + +// $panel-function-factor: 10%; +// $panel-border-color: darken($panel-bg, $panel-function-factor); + +//// Inner padding and bottom margin + +// $panel-margin-bottom: emCalc(20px); +// $panel-padding: emCalc(20px); + +//// Font colors + +// $panel-font-color: #333; +// $panel-font-color-alt: #fff; + +// +// Pricing Table Variables +// + +//// Border color + +// $price-table-border: solid 1px #ddd; + +//// Bottom margin of the pricing table + +// $price-table-margin-bottom: emCalc(20px); + +//// Control the title styles + +// $price-title-bg: #ddd; +// $price-title-padding: emCalc(15px) emCalc(20px); +// $price-title-align: center; +// $price-title-color: #333; +// $price-title-weight: bold; +// $price-title-size: emCalc(16px); + +//// Control the price styles + +// $price-money-bg: #eee; +// $price-money-padding: emCalc(15px) emCalc(20px); +// $price-money-align: center; +// $price-money-color: #333; +// $price-money-weight: normal; +// $price-money-size: emCalc(20px); + +//// Description styles + +// $price-bg: #fff; +// $price-desc-color: #777; +// $price-desc-padding: emCalc(15px); +// $price-desc-align: center; +// $price-desc-font-size: emCalc(12px); +// $price-desc-weight: normal; +// $price-desc-line-height: 1.4; +// $price-desc-bottom-border: dotted 1px #ddd; + +//// List item styles + +// $price-item-color: #333; +// $price-item-padding: emCalc(15px); +// $price-item-align: center; +// $price-item-font-size: emCalc(14px); +// $price-item-weight: normal; +// $price-item-bottom-border: dotted 1px #ddd; + +//// CTA area styles + +// $price-cta-bg: #f5f5f5; +// $price-cta-align: center; +// $price-cta-padding: emCalc(20px) emCalc(20px) 0; + +// +// Progress Bar Variables +// + +//// Progress bar height + +// $progress-bar-height: emCalc(25px); +// $progress-bar-color: transparent; + +//// Border styles + +// $progress-bar-border-color: darken(#fff, 20%); +// $progress-bar-border-size: 1px; +// $progress-bar-border-style: solid; +// $progress-bar-border-radius: $global-radius; + +//// Margin & padding + +// $progress-bar-pad: emCalc(2px); +// $progress-bar-margin-bottom: emCalc(10px); + +//// Meter colors + +// $progress-meter-color: $primary-color; +// $progress-meter-secondary-color: $secondary-color; +// $progress-meter-success-color: $success-color; +// $progress-meter-alert-color: $alert-color; + +// +// Reveal Variables +// + +//// Reveal overlay. + +// $reveal-overlay-bg: rgba(#000, .45); +// $reveal-overlay-bg-old: #000; + +//// Modal itself. + +// $reveal-modal-bg: #fff; +// $reveal-position-top: 50px; +// $reveal-default-width: 80%; +// $reveal-modal-padding: emCalc(20px); +// $reveal-box-shadow: 0 0 10px rgba(#000,.4); + +//// Reveal close button + +// $reveal-close-font-size: emCalc(22px); +// $reveal-close-top: emCalc(8px); +// $reveal-close-side: emCalc(11px); +// $reveal-close-color: #aaa; +// $reveal-close-weight: bold; + +//// Modal border + +// $reveal-border-style: solid; +// $reveal-border-width: 1px; +// $reveal-border-color: #666; + +// +// Section Variables +// + +//// Padding and hover factor + +// $section-padding: emCalc(15px); +// $section-function-factor: 10%; + +//// Titles + +// $section-title-color: #333; +// $section-title-bg: #efefef; +// $section-title-bg-active: darken($section-title-bg, $section-function-factor); +// $section-title-bg-active-tabs: #fff; + +//// Border size + +// $section-border-size: 1px; +// $section-border-style: solid; +// $section-border-color: #ccc; + +//// Color of the background and some size options + +// $section-content-bg: #fff; +// $section-vertical-nav-min-width: emCalc(200px); +// $section-vertical-tabs-title-width: emCalc(200px); +// $section-bottom-margin: emCalc(20px); + +// +// Side Nav Variables +// + +//// Padding + +// $side-nav-padding: emCalc(14px) 0; + +//// List styles + +// $side-nav-list-type: none; +// $side-nav-list-position: inside; +// $side-nav-list-margin: 0 0 emCalc(7px) 0; + +//// Link styles + +// $side-nav-link-color: $primary-color; +// $side-nav-link-color-active: lighten(#000, 30%); +// $side-nav-font-size: emCalc(14px); +// $side-nav-font-weight: bold; + +//// Border styles + +// $side-nav-divider-size: 1px; +// $side-nav-divider-style: solid; +// $side-nav-divider-color: darken(#fff, 10%); + +// +// Sub Nav Variables +// + +//// Margin and padding + +// $sub-nav-list-margin: emCalc(-4px) 0 emCalc(18px); +// $sub-nav-list-padding-top: emCalc(4px); + +//// Definition + +// $sub-nav-font-size: emCalc(14px); +// $sub-nav-font-color: #999; +// $sub-nav-font-weight: normal; +// $sub-nav-text-decoration: none; +// $sub-nav-border-radius: 1000px; + +//// Active item styles + +// $sub-nav-active-font-weight: bold; +// $sub-nav-active-bg: $primary-color; +// $sub-nav-active-color: #fff; +// $sub-nav-active-padding: emCalc(3px) emCalc(9px); +// $sub-nav-active-cursor: default; + +// +// Switch Variables +// + +//// Border styles and background colors for the switch container + +// $switch-border-color: darken(#fff, 20%); +// $switch-border-style: solid; +// $switch-border-width: 1px; +// $switch-bg: #fff; + +//// Switch heights for our default classes + +// $switch-height-tny: 22px; +// $switch-height-sml: 28px; +// $switch-height-med: 36px; +// $switch-height-lrg: 44px; +// $switch-bottom-margin: emCalc(20px); + +//// Font sizes for our classes. + +// $switch-font-size-tny: 11px; +// $switch-font-size-sml: 12px; +// $switch-font-size-med: 14px; +// $switch-font-size-lrg: 17px; +// $switch-label-side-padding: 6px; + +//// Switch-paddle + +// $switch-paddle-bg: #fff; +// $switch-paddle-fade-to-color: darken($switch-paddle-bg, 10%); +// $switch-paddle-border-color: darken($switch-paddle-bg, 35%); +// $switch-paddle-border-width: 1px; +// $switch-paddle-border-style: solid; +// $switch-paddle-transition-speed: .1s; +// $switch-paddle-transition-ease: ease-out; +// $switch-positive-color: lighten($success-color, 50%); +// $switch-negative-color: #f5f5f5; + +//// Outline Style for tabbing through switches + +// $switch-label-outline: 1px dotted #888; + +// +// Table Variables +// + +//// Background color for the table and even rows + +// $table-bg: #fff; +// $table-even-row-bg: #f9f9f9; + +//// Table cell border style + +// $table-border-style: solid; +// $table-border-size: 1px; +// $table-border-color: #ddd; + +//// Table head styles + +// $table-head-bg: #f5f5f5; +// $table-head-font-size: emCalc(14px); +// $table-head-font-color: #222; +// $table-head-font-weight: bold; +// $table-head-padding: emCalc(8px) emCalc(10px) emCalc(10px); + +//// Row padding and font styles + +// $table-row-padding: emCalc(9px) emCalc(10px); +// $table-row-font-size: emCalc(14px); +// $table-row-font-color: #222; +// $table-line-height: emCalc(18px); + +//// Display and margin of tables + +// $table-display: table-cell; +// $table-margin-bottom: emCalc(20px); + +// +// Image Thumbnail Variables +// + +//// Border styles + +// $thumb-border-style: solid; +// $thumb-border-width: 4px; +// $thumb-border-color: #fff; +// $thumb-box-shadow: 0 0 0 1px rgba(#000,.2); +// $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5); + +//// Radius and transition speed for thumbs + +// $thumb-radius: $global-radius; +// $thumb-transition-speed: 200ms; + +// +// Tooltip Variables +// + +// $has-tip-border-bottom: dotted 1px #ccc; +// $has-tip-font-weight: bold; +// $has-tip-font-color: #333; +// $has-tip-border-bottom-hover: dotted 1px darken($primary-color, 20%); +// $has-tip-font-color-hover: $primary-color; +// $has-tip-cursor-type: help; + +// $tooltip-padding: emCalc(8px); +// $tooltip-bg: #000; +// $tooltip-font-size: emCalc(15px); +// $tooltip-font-weight: bold; +// $tooltip-font-color: #fff; +// $tooltip-line-height: 1.3; +// $tooltip-close-font-size: emCalc(10px); +// $tooltip-close-font-weight: normal; +// $tooltip-close-font-color: #888; +// $tooltip-font-size-sml: emCalc(14px); +// $tooltip-radius: $global-radius; +// $tooltip-pip-size: 5px; diff --git a/static/sass/app.scss b/static/sass/app.scss new file mode 100644 index 0000000..2530e4f --- /dev/null +++ b/static/sass/app.scss @@ -0,0 +1,45 @@ +/// Global Foundation Settings +@import "settings"; //mainly foundation settings atm will merge with rangertbc/settings later + +/// List of Foundation components in import order used elsewhere + +// @import "foundation/components/global"; // *always required +// @import "foundation/components/grid"; +// @import "foundation/components/visibility"; +// @import "foundation/components/block-grid"; +// @import "foundation/components/type"; +// @import "foundation/components/buttons"; +// @import "foundation/components/forms"; // *requires components/buttons +// @import "foundation/components/custom-forms"; // *requires components/buttons, components/forms +// @import "foundation/components/button-groups"; // *requires components/buttons +// @import "foundation/components/dropdown-buttons"; // *requires components/buttons +// @import "foundation/components/split-buttons"; // *requires components/buttons +// @import "foundation/components/flex-video"; +// @import "foundation/components/section"; +// @import "foundation/components/top-bar"; // *requires components/grid +// @import "foundation/components/orbit"; +// @import "foundation/components/reveal"; +// @import "foundation/components/joyride"; +// @import "foundation/components/clearing"; +// @import "foundation/components/alert-boxes"; +// @import "foundation/components/breadcrumbs"; +// @import "foundation/components/keystrokes"; +// @import "foundation/components/labels"; +// @import "foundation/components/inline-lists"; +// @import "foundation/components/pagination"; +// @import "foundation/components/panels"; +// @import "foundation/components/pricing-tables"; +// @import "foundation/components/progress-bars"; +// @import "foundation/components/side-nav"; +// @import "foundation/components/sub-nav"; +// @import "foundation/components/switch"; +// @import "foundation/components/magellan"; +// @import "foundation/components/tables"; +// @import "foundation/components/thumbs"; +// @import "foundation/components/tooltips"; +// @import "foundation/components/dropdown"; + +/// Custom Site Settings +@import "rangertbc/base"; // Currently imports all components + +/// Icon Fonts (TODO once Finalized) diff --git a/static/sass/icons.scss b/static/sass/icons.scss new file mode 100644 index 0000000..7acd5ab --- /dev/null +++ b/static/sass/icons.scss @@ -0,0 +1,813 @@ +// +// Sass Icon Fonts +// + +// Main File icons.scss +// Version: 0.2 +// Created By: Andrew Senetar +// Date: May, 19 2013 +// Used: Font Awesome Styles, Foundation Icon Fonts Scss as Starting; animation from Fontello + +@import "iconSettings"; + +@include face(#{$set}); //@font-face + +//// global icon styles (from Foundation Icons + Font Awesome) + +[class*="#{$classPrefix}"] { + background-image: none; + background-position: 0% 0%; + background-repeat: repeat; + display: inline; + height: auto; + width: auto; + vertical-align: baseline; + line-height: 1; + margin-top: 0; + speak: none; + font-family: '#{$set}'; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; +} + +[class*="#{$classPrefix}"]:before { + text-decoration: inherit; + display: inline-block; + speak: none; +} + +//// Icon borders (from Font Awesome) + +[class*="border #{$classPrefix}"] { + border: solid 1px $iconBorderColor; + padding: .2em .25em .15em; + @include border-radius(3px); +} + +//// Icon sizes (from Font Awesome) + +[class*="large #{$classPrefix}"]:before { + vertical-align: -10%; + font-size: 1.333em; +} + +[class*="huge #{$classPrefix}"]:before { + vertical-align: -17%; + font-size: 1.75em; +} + +[class*="2x #{$classPrefix}"] { + font-size: 2em; + & .border { + border-width: 2px; + @include border-radius(4px); + } +} + +[class*="3x #{$classPrefix}"] { + font-size: 3em; + & .border { + border-width: 3px; + @include border-radius(5px); + } +} + +[class*="4x #{$classPrefix}"] { + font-size: 4em; + & .border { + border-width: 4px; + @include border-radius(6px); + } +} + +[class*="5x #{$classPrefix}"] { + font-size: 5em; + & .border { + border-width: 5px; + @include border-radius(7px); + } +} + +//// Colors (from Font Awesome) + +[class*="muted #{$classPrefix}"]{ + color: $iconMuted; +} + +[class*="light #{$classPrefix}"]{ + color: $iconLight; +} + +[class*="dark #{$classPrefix}"]{ + color: $iconDark; +} + +//// Fixes + +//// makes sure icons active on rollover in links (from Font Awesome) + +a [class*="#{$classPrefix}"]:before { + display: inline; +} + +//// Animation for Spinners (from Fontello) + +@include keyframes(spin){ + 0%{ + @include transform(rotate(0deg)); + } + 100%{ + @include transform(rotate(359deg)); + } +} + +.animate-spin{ + @include animation(spin 2s infinite linear); +} + +//// Actual Icons + +@include i-class('duckduckgo','a15'); +@include i-class('aim','a16'); +@include i-class('delicious','a17'); +@include i-class('paypal-1','a18'); +@include i-class('flattr-1','a19'); +@include i-class('android','a1a'); +@include i-class('eventful','a1b'); +@include i-class('smashmag','a1c'); +@include i-class('gplus-2','a1d'); +@include i-class('plus','816'); +@include i-class('plus-1','936'); +@include i-class('wikipedia','a1e'); +@include i-class('lanyrd','a1f'); +@include i-class('minus','819'); +@include i-class('minus-1','938'); +@include i-class('calendar-2','a20'); +@include i-class('stumbleupon-1','a21'); +@include i-class('fivehundredpx','a22'); +@include i-class('pinterest-1','a23'); +@include i-class('bitcoin','a24'); +@include i-class('w3c','a25'); +@include i-class('foursquare','a26'); +@include i-class('html5','a27'); +@include i-class('ie','a28'); +@include i-class('call','a29'); +@include i-class('grooveshark','a2a'); +@include i-class('ninetyninedesigns','a2b'); +@include i-class('forrst','a2c'); +@include i-class('digg','a2d'); +@include i-class('spotify-1','a2e'); +@include i-class('reddit','a2f'); +@include i-class('guest','a30'); +@include i-class('gowalla','a31'); +@include i-class('at','a9d'); +@include i-class('appstore','a32'); +@include i-class('blogger','a33'); +@include i-class('cc-1','a34'); +@include i-class('dribbble-1','a35'); +@include i-class('evernote-1','a36'); +@include i-class('flickr-1','a37'); +@include i-class('google','a38'); +@include i-class('viadeo','a39'); +@include i-class('instapaper','a3a'); +@include i-class('weibo','a3b'); +@include i-class('klout','a3c'); +@include i-class('linkedin-2','a3d'); +@include i-class('meetup','a3e'); +@include i-class('vk','a3f'); +@include i-class('plancast','a40'); +@include i-class('disqus','a41'); +@include i-class('rss-2','a42'); +@include i-class('skype-1','a43'); +@include i-class('twitter-2','a44'); +@include i-class('youtube','a45'); +@include i-class('vimeo-1','a46'); +@include i-class('windows','a47'); +@include i-class('xing','a48'); +@include i-class('yahoo','a49'); +@include i-class('chrome','a4a'); +@include i-class('email','a4b'); +@include i-class('macstore','a4c'); +@include i-class('myspace','a4d'); +@include i-class('podcast','a4e'); +@include i-class('amazon','a4f'); +@include i-class('steam','a50'); +@include i-class('cloudapp','a51'); +@include i-class('dropbox-1','a52'); +@include i-class('ebay','a53'); +@include i-class('facebook-2','a54'); +@include i-class('github-2','a55'); +@include i-class('googleplay','a57'); +@include i-class('itunes','a58'); +@include i-class('plurk','a59'); +@include i-class('songkick','a5a'); +@include i-class('lastfm-1','a5b'); +@include i-class('gmail','a5c'); +@include i-class('pinboard','a5d'); +@include i-class('openid','a5e'); +@include i-class('quora','a5f'); +@include i-class('soundcloud-1','a60'); +@include i-class('tumblr-1','a61'); +@include i-class('eventasaurus','a62'); +@include i-class('wordpress','a63'); +@include i-class('yelp','a64'); +@include i-class('intensedebate','a65'); +@include i-class('eventbrite','a66'); +@include i-class('scribd','a67'); +@include i-class('posterous','a68'); +@include i-class('stripe','a69'); +@include i-class('pilcrow','a9c'); +@include i-class('opentable','a6a'); +@include i-class('cart','a6b'); +@include i-class('print-2','a6c'); +@include i-class('angellist','a6d'); +@include i-class('instagram-1','a6e'); +@include i-class('dwolla','a6f'); +@include i-class('appnet','a70'); +@include i-class('statusnet','a71'); +@include i-class('acrobat','a72'); +@include i-class('drupal','a73'); +@include i-class('buffer','a74'); +@include i-class('pocket','a75'); +@include i-class('github-circled-2','a56'); +@include i-class('bitbucket','a76'); +@include i-class('lego','a77'); +@include i-class('login-2','a78'); +@include i-class('stackoverflow','a79'); +@include i-class('hackernews','a7a'); +@include i-class('lkdto','a7b'); +@include i-class('info','81e'); +@include i-class('left-thin','88c'); +@include i-class('left-1','997'); +@include i-class('up-thin','88e'); +@include i-class('up-1','999'); +@include i-class('right-thin','88d'); +@include i-class('right-1','998'); +@include i-class('down-thin','88b'); +@include i-class('down-1','996'); +@include i-class('level-up','893'); +@include i-class('level-down','892'); +@include i-class('switch','896'); +@include i-class('infinity','8c2'); +@include i-class('plus-squared','818'); +@include i-class('minus-squared','81b'); +@include i-class('home-1','93c'); +@include i-class('home','821'); +@include i-class('keyboard','83a'); +@include i-class('erase','8c3'); +@include i-class('pause-1','9aa'); +@include i-class('pause','899'); +@include i-class('fast-fw','9af'); +@include i-class('fast-forward','89d'); +@include i-class('fast-backward','89e'); +@include i-class('fast-bw','9b0'); +@include i-class('to-end-1','9ab'); +@include i-class('to-end','89b'); +@include i-class('to-start','89c'); +@include i-class('to-start-1','9ad'); +@include i-class('hourglass','863'); +@include i-class('stop','898'); +@include i-class('stop-1','9a9'); +@include i-class('up-dir','886'); +@include i-class('up-dir-1','987'); +@include i-class('play-1','9a7'); +@include i-class('play','897'); +@include i-class('right-dir','885'); +@include i-class('right-dir-1','989'); +@include i-class('down-dir','883'); +@include i-class('down-dir-1','986'); +@include i-class('left-dir','884'); +@include i-class('left-dir-1','988'); +@include i-class('adjust','867'); +@include i-class('cloud-1','9bb'); +@include i-class('cloud','8b2'); +@include i-class('umbrella','9bd'); +@include i-class('star','808'); +@include i-class('star-1','923'); +@include i-class('star-empty','809'); +@include i-class('star-empty-1','924'); +@include i-class('check-1','9df'); +@include i-class('cup','846'); +@include i-class('left-hand','99b'); +@include i-class('up-hand','99c'); +@include i-class('right-hand','99a'); +@include i-class('down-hand','99d'); +@include i-class('menu','811'); +@include i-class('th-list','92f'); +@include i-class('moon','8b5'); +@include i-class('heart-empty-1','922'); +@include i-class('heart-empty','807'); +@include i-class('heart-1','921'); +@include i-class('heart','806'); +@include i-class('note','800'); +@include i-class('music-1','91d'); +@include i-class('note-beamed','801'); +@include i-class('layout','810'); +@include i-class('th','92e'); +@include i-class('flag-1','949'); +@include i-class('flag','82a'); +@include i-class('tools','856'); +@include i-class('cog','855'); +@include i-class('cog-1','96e'); +@include i-class('attention','83e'); +@include i-class('attention-1','95f'); +@include i-class('flash','8b4'); +@include i-class('flash-1','9bc'); +@include i-class('record','89a'); +@include i-class('cloud-thunder','8b3'); +@include i-class('cog-alt','96f'); +@include i-class('scissors','9d3'); +@include i-class('tape','8c8'); +@include i-class('flight','8b6'); +@include i-class('flight-1','9be'); +@include i-class('mail','805'); +@include i-class('mail-1','91f'); +@include i-class('edit','956'); +@include i-class('pencil','836'); +@include i-class('pencil-1','955'); +@include i-class('feather','837'); +@include i-class('check','812'); +@include i-class('ok','930'); +@include i-class('ok-circle','931'); +@include i-class('cancel','813'); +@include i-class('cancel-1','933'); +@include i-class('cancel-circled','814'); +@include i-class('cancel-circle','934'); +@include i-class('asterisk','9e3'); +@include i-class('cancel-squared','815'); +@include i-class('help','81c'); +@include i-class('attention-circle','960'); +@include i-class('quote','833'); +@include i-class('plus-circled','817'); +@include i-class('plus-circle','937'); +@include i-class('minus-circled','81a'); +@include i-class('minus-circle','939'); +@include i-class('right','881'); +@include i-class('direction','844'); +@include i-class('forward-1','951'); +@include i-class('forward','832'); +@include i-class('ccw-1','9a3'); +@include i-class('ccw','88f'); +@include i-class('cw','890'); +@include i-class('cw-1','9a2'); +@include i-class('left','880'); +@include i-class('up','882'); +@include i-class('down','87f'); +@include i-class('resize-vertical','97f'); +@include i-class('resize-horizontal','980'); +@include i-class('eject','9b1'); +@include i-class('list-add','8a6'); +@include i-class('list','8a5'); +@include i-class('left-bold','888'); +@include i-class('right-bold','889'); +@include i-class('up-bold','88a'); +@include i-class('down-bold','887'); +@include i-class('user-add','80c'); +@include i-class('star-half','925'); +@include i-class('ok-circle2','932'); +@include i-class('cancel-circle2','935'); +@include i-class('help-circle','93a'); +@include i-class('help-circled','81d'); +@include i-class('info-circle','93b'); +@include i-class('info-circled','81f'); +@include i-class('th-large','92d'); +@include i-class('eye','826'); +@include i-class('eye-1','943'); +@include i-class('eye-off','944'); +@include i-class('tag-1','945'); +@include i-class('tag','827'); +@include i-class('tags','946'); +@include i-class('camera-alt','92c'); +@include i-class('upload-cloud','82f'); +@include i-class('reply','830'); +@include i-class('reply-all','831'); +@include i-class('code','834'); +@include i-class('export','835'); +@include i-class('export-1','954'); +@include i-class('print','838'); +@include i-class('print-1','957'); +@include i-class('retweet-1','958'); +@include i-class('retweet','839'); +@include i-class('comment-1','959'); +@include i-class('comment','83b'); +@include i-class('chat','83c'); +@include i-class('chat-1','95a'); +@include i-class('vcard','840'); +@include i-class('address','841'); +@include i-class('location-1','961'); +@include i-class('location','842'); +@include i-class('map','843'); +@include i-class('compass','845'); +@include i-class('trash-1','962'); +@include i-class('trash','847'); +@include i-class('doc','848'); +@include i-class('doc-text-inv','84c'); +@include i-class('docs','849'); +@include i-class('doc-landscape','84a'); +@include i-class('archive','851'); +@include i-class('rss','853'); +@include i-class('share','857'); +@include i-class('basket','859'); +@include i-class('basket-1','971'); +@include i-class('shareable','858'); +@include i-class('login-1','973'); +@include i-class('login','85c'); +@include i-class('logout-1','974'); +@include i-class('logout','85d'); +@include i-class('volume','861'); +@include i-class('resize-full','869'); +@include i-class('resize-full-1','97c'); +@include i-class('resize-small','86a'); +@include i-class('resize-small-1','97e'); +@include i-class('popup','86b'); +@include i-class('publish','86c'); +@include i-class('window','86d'); +@include i-class('arrow-combo','86e'); +@include i-class('zoom-in','982'); +@include i-class('zoom-out','983'); +@include i-class('chart-pie','8c4'); +@include i-class('language','8ca'); +@include i-class('air','8ce'); +@include i-class('database','8d3'); +@include i-class('drive','8d4'); +@include i-class('bucket','8d5'); +@include i-class('thermometer','8d6'); +@include i-class('down-circled','86f'); +@include i-class('down-circle2','984'); +@include i-class('left-circled','870'); +@include i-class('right-circled','871'); +@include i-class('up-circled','872'); +@include i-class('up-circle2','985'); +@include i-class('down-open','873'); +@include i-class('down-open-1','98a'); +@include i-class('left-open-1','98b'); +@include i-class('left-open','874'); +@include i-class('right-open-1','98c'); +@include i-class('right-open','875'); +@include i-class('up-open','876'); +@include i-class('up-open-1','98d'); +@include i-class('arrows-cw','9a4'); +@include i-class('down-open-mini','877'); +@include i-class('play-circle2','9a8'); +@include i-class('left-open-mini','878'); +@include i-class('right-open-mini','879'); +@include i-class('to-end-alt','9ac'); +@include i-class('up-open-mini','87a'); +@include i-class('to-start-alt','9ae'); +@include i-class('down-open-big','87b'); +@include i-class('left-open-big','87c'); +@include i-class('right-open-big','87d'); +@include i-class('up-open-big','87e'); +@include i-class('progress-0','89f'); +@include i-class('progress-1','8a0'); +@include i-class('progress-2','8a1'); +@include i-class('progress-3','8a2'); +@include i-class('back-in-time','8aa'); +@include i-class('network','8ad'); +@include i-class('inbox-1','9b9'); +@include i-class('inbox','8af'); +@include i-class('install','8b0'); +@include i-class('font','9c1'); +@include i-class('bold','9c2'); +@include i-class('italic','9c3'); +@include i-class('text-height','9c4'); +@include i-class('text-width','9c5'); +@include i-class('align-left','9c6'); +@include i-class('align-center','9c7'); +@include i-class('align-right','9c8'); +@include i-class('align-justify','9c9'); +@include i-class('list-1','9ca'); +@include i-class('indent-left','9cb'); +@include i-class('indent-right','9cc'); +@include i-class('lifebuoy','8b9'); +@include i-class('mouse','8ba'); +@include i-class('dot','8bd'); +@include i-class('dot-2','8be'); +@include i-class('dot-3','8bf'); +@include i-class('off','9d7'); +@include i-class('suitcase','8bc'); +@include i-class('road','9d8'); +@include i-class('list-alt','9d9'); +@include i-class('flow-cascade','8d8'); +@include i-class('flow-branch','8d9'); +@include i-class('qrcode','9da'); +@include i-class('flow-tree','8da'); +@include i-class('barcode','9db'); +@include i-class('flow-line','8db'); +@include i-class('ajust','9dd'); +@include i-class('tint','9de'); +@include i-class('flow-parallel','8dc'); +@include i-class('brush','8c0'); +@include i-class('paper-plane','8b7'); +@include i-class('magnet-1','9e6'); +@include i-class('magnet','8c1'); +@include i-class('gauge','8de'); +@include i-class('traffic-cone','8df'); +@include i-class('cc','8e0'); +@include i-class('cc-by','8e1'); +@include i-class('cc-nc','8e2'); +@include i-class('cc-nc-eu','8e3'); +@include i-class('cc-nc-jp','8e4'); +@include i-class('cc-sa','8e5'); +@include i-class('cc-nd','8e6'); +@include i-class('cc-pd','8e7'); +@include i-class('cc-zero','8e8'); +@include i-class('cc-share','8e9'); +@include i-class('cc-remix','8ea'); +@include i-class('spin1','aa3'); +@include i-class('spin2','aa2'); +@include i-class('spin3','aa1'); +@include i-class('spin4','aa0'); +@include i-class('spin5','a9e'); +@include i-class('spin6','a9f'); +@include i-class('firefox','aa4'); +@include i-class('chrome-1','aa5'); +@include i-class('opera','aa6'); +@include i-class('ie-1','aa7'); +@include i-class('move','981'); +@include i-class('link-ext','93e'); +@include i-class('check-empty','9e0'); +@include i-class('bookmark-empty','948'); +@include i-class('phone-squared','96c'); +@include i-class('twitter-1','a0a'); +@include i-class('facebook-1','a0c'); +@include i-class('github-circled-1','a07'); +@include i-class('rss-1','96a'); +@include i-class('hdd','9eb'); +@include i-class('certificate','9ed'); +@include i-class('left-circled-1','99e'); +@include i-class('right-circled-1','99f'); +@include i-class('up-circled-1','9a0'); +@include i-class('down-circled-1','9a1'); +@include i-class('tasks','9ee'); +@include i-class('filter','9ef'); +@include i-class('resize-full-alt','97d'); +@include i-class('beaker','9f0'); +@include i-class('docs-1','964'); +@include i-class('blank','a13'); +@include i-class('menu-1','96d'); +@include i-class('list-bullet','9cd'); +@include i-class('list-numbered','9ce'); +@include i-class('strike','9cf'); +@include i-class('underline','9d0'); +@include i-class('table','9d1'); +@include i-class('magic','9f1'); +@include i-class('pinterest-circled-1','a0f'); +@include i-class('pinterest-squared','a10'); +@include i-class('gplus-squared','a11'); +@include i-class('gplus-1','a12'); +@include i-class('money','9f3'); +@include i-class('columns','9d2'); +@include i-class('sort','9f4'); +@include i-class('sort-down','9f5'); +@include i-class('sort-up','9f6'); +@include i-class('mail-alt','920'); +@include i-class('linkedin-1','a0e'); +@include i-class('gauge-1','9f8'); +@include i-class('comment-empty','95b'); +@include i-class('chat-empty','95c'); +@include i-class('sitemap','9f9'); +@include i-class('paste','9d4'); +@include i-class('lightbulb','97a'); +@include i-class('exchange','9a6'); +@include i-class('download-cloud','94e'); +@include i-class('upload-cloud-1','94f'); +@include i-class('user-md','9fe'); +@include i-class('stethoscope','9ff'); +@include i-class('suitcase-1','9d6'); +@include i-class('bell-alt','95e'); +@include i-class('coffee','9fb'); +@include i-class('food','9fc'); +@include i-class('doc-alt','965'); +@include i-class('building','a05'); +@include i-class('hospital','a04'); +@include i-class('ambulance','a00'); +@include i-class('medkit','a01'); +@include i-class('fighter-jet','9bf'); +@include i-class('beer','9fd'); +@include i-class('h-sigh','a02'); +@include i-class('plus-squared-1','a03'); +@include i-class('angle-double-left','992'); +@include i-class('angle-double-right','993'); +@include i-class('angle-double-up','994'); +@include i-class('angle-double-down','995'); +@include i-class('angle-left','98e'); +@include i-class('angle-right','98f'); +@include i-class('angle-up','990'); +@include i-class('angle-down','991'); +@include i-class('desktop','9b5'); +@include i-class('laptop','9b6'); +@include i-class('tablet','9b7'); +@include i-class('mobile-1','9b8'); +@include i-class('circle-empty','9e2'); +@include i-class('quote-left','952'); +@include i-class('quote-right','953'); +@include i-class('spinner','9fa'); +@include i-class('circle','9e1'); +@include i-class('reply-1','950'); +@include i-class('github-1','a08'); +@include i-class('folder-empty','968'); +@include i-class('folder-open-empty','969'); +@include i-class('github-squared','a06'); +@include i-class('facebook-3','a7c'); +@include i-class('github','8eb'); +@include i-class('facebook-rect','a7d'); +@include i-class('github-circled','8ec'); +@include i-class('twitter-3','a7e'); +@include i-class('twitter-bird','a7f'); +@include i-class('flickr','8ed'); +@include i-class('flickr-circled','8ee'); +@include i-class('twitter-squared','a09'); +@include i-class('icq','a88'); +@include i-class('yandex','a89'); +@include i-class('yandex-rect','a8a'); +@include i-class('vimeo','8ef'); +@include i-class('github-text','a85'); +@include i-class('vimeo-circled','8f0'); +@include i-class('github-3','a86'); +@include i-class('facebook-squared-1','a0b'); +@include i-class('googleplus-rect','a84'); +@include i-class('twitter','8f1'); +@include i-class('vkontakte-rect','a8b'); +@include i-class('twitter-circled','8f2'); +@include i-class('skype-2','a87'); +@include i-class('facebook','8f3'); +@include i-class('odnoklassniki','a8c'); +@include i-class('linkedin-squared','a0d'); +@include i-class('odnoklassniki-rect','a8d'); +@include i-class('facebook-circled','8f4'); +@include i-class('vimeo-rect','a81'); +@include i-class('facebook-squared','8f5'); +@include i-class('gplus','8f6'); +@include i-class('vimeo-2','a80'); +@include i-class('tumblr-rect','a83'); +@include i-class('gplus-circled','8f7'); +@include i-class('tumblr-2','a82'); +@include i-class('friendfeed','a8e'); +@include i-class('pinterest','8f8'); +@include i-class('friendfeed-rect','a8f'); +@include i-class('pinterest-circled','8f9'); +@include i-class('blogger-1','a90'); +@include i-class('tumblr','8fa'); +@include i-class('blogger-rect','a91'); +@include i-class('deviantart','a92'); +@include i-class('tumblr-circled','8fb'); +@include i-class('jabber','a93'); +@include i-class('lastfm-2','a94'); +@include i-class('linkedin','8fc'); +@include i-class('lastfm-rect','a95'); +@include i-class('linkedin-circled','8fd'); +@include i-class('linkedin-3','a96'); +@include i-class('linkedin-rect','a97'); +@include i-class('dribbble','8fe'); +@include i-class('dribbble-circled','8ff'); +@include i-class('picasa-1','a98'); +@include i-class('wordpress-1','a99'); +@include i-class('stumbleupon','900'); +@include i-class('instagram-2','a9a'); +@include i-class('instagram-filled','a9b'); +@include i-class('stumbleupon-circled','901'); +@include i-class('lastfm','902'); +@include i-class('lastfm-circled','903'); +@include i-class('rdio','904'); +@include i-class('rdio-circled','905'); +@include i-class('spotify','906'); +@include i-class('spotify-circled','907'); +@include i-class('qq','908'); +@include i-class('instagram','909'); +@include i-class('dropbox','90a'); +@include i-class('evernote','90b'); +@include i-class('flattr','90c'); +@include i-class('skype','90d'); +@include i-class('skype-circled','90e'); +@include i-class('renren','90f'); +@include i-class('sina-weibo','910'); +@include i-class('paypal','911'); +@include i-class('picasa','912'); +@include i-class('soundcloud','913'); +@include i-class('mixi','914'); +@include i-class('behance','915'); +@include i-class('google-circles','916'); +@include i-class('vkontakte','917'); +@include i-class('smashing','918'); +@include i-class('db-shape','91a'); +@include i-class('sweden','919'); +@include i-class('logo-db','91b'); +@include i-class('picture','80e'); +@include i-class('picture-1','92a'); +@include i-class('globe','8b1'); +@include i-class('globe-1','9ba'); +@include i-class('leaf-1','9c0'); +@include i-class('leaf','8b8'); +@include i-class('lemon','a14'); +@include i-class('glass','91c'); +@include i-class('gift','9e4'); +@include i-class('graduation-cap','8c9'); +@include i-class('mic','85e'); +@include i-class('videocam','929'); +@include i-class('headphones','978'); +@include i-class('palette','8a4'); +@include i-class('ticket','8cb'); +@include i-class('video-1','928'); +@include i-class('video','80d'); +@include i-class('target','8a3'); +@include i-class('target-1','9b2'); +@include i-class('music','802'); +@include i-class('trophy','8a8'); +@include i-class('award','9b4'); +@include i-class('thumbs-up','82b'); +@include i-class('thumbs-up-1','94a'); +@include i-class('thumbs-down','82c'); +@include i-class('thumbs-down-1','94b'); +@include i-class('bag','85a'); +@include i-class('user','80a'); +@include i-class('user-1','926'); +@include i-class('users-1','927'); +@include i-class('users','80b'); +@include i-class('lamp','864'); +@include i-class('alert','83f'); +@include i-class('water','8cc'); +@include i-class('droplet','8cd'); +@include i-class('credit-card','8cf'); +@include i-class('credit-card-1','9e8'); +@include i-class('monitor','8ab'); +@include i-class('briefcase-1','9d5'); +@include i-class('briefcase','8bb'); +@include i-class('floppy-1','9e9'); +@include i-class('floppy','8d0'); +@include i-class('cd','8ae'); +@include i-class('folder','850'); +@include i-class('folder-1','966'); +@include i-class('folder-open','967'); +@include i-class('doc-1','963'); +@include i-class('doc-text','84b'); +@include i-class('calendar-1','972'); +@include i-class('calendar','85b'); +@include i-class('chart-line','8c5'); +@include i-class('chart-bar-1','9e7'); +@include i-class('chart-bar','8c6'); +@include i-class('clipboard','8d1'); +@include i-class('pin','942'); +@include i-class('attach-1','93f'); +@include i-class('attach','823'); +@include i-class('bookmarks','829'); +@include i-class('book','84f'); +@include i-class('book-1','9dc'); +@include i-class('book-open','84e'); +@include i-class('phone','854'); +@include i-class('phone-1','96b'); +@include i-class('megaphone','8d2'); +@include i-class('megaphone-1','9ea'); +@include i-class('upload','82e'); +@include i-class('upload-1','94d'); +@include i-class('download-1','94c'); +@include i-class('download','82d'); +@include i-class('box','852'); +@include i-class('newspaper','84d'); +@include i-class('mobile','8ac'); +@include i-class('signal','8a7'); +@include i-class('signal-1','9b3'); +@include i-class('camera-1','92b'); +@include i-class('camera','80f'); +@include i-class('shuffle-1','9a5'); +@include i-class('shuffle','894'); +@include i-class('loop','895'); +@include i-class('arrows-ccw','891'); +@include i-class('light-down','865'); +@include i-class('light-up','866'); +@include i-class('mute','85f'); +@include i-class('volume-off','975'); +@include i-class('volume-down','976'); +@include i-class('volume-up','977'); +@include i-class('sound','860'); +@include i-class('battery','8a9'); +@include i-class('search','803'); +@include i-class('search-1','91e'); +@include i-class('key','8d7'); +@include i-class('key-1','9ec'); +@include i-class('lock','824'); +@include i-class('lock-1','940'); +@include i-class('lock-open-1','941'); +@include i-class('lock-open','825'); +@include i-class('bell-1','95d'); +@include i-class('bell','83d'); +@include i-class('bookmark','828'); +@include i-class('bookmark-1','947'); +@include i-class('link-1','93d'); +@include i-class('link','822'); +@include i-class('back','820'); +@include i-class('fire','9e5'); +@include i-class('flashlight','804'); +@include i-class('wrench','970'); +@include i-class('hammer','9f7'); +@include i-class('chart-area','8c7'); +@include i-class('clock-1','979'); +@include i-class('clock','862'); +@include i-class('rocket','8dd'); +@include i-class('truck','9f2'); +@include i-class('block','868'); +@include i-class('block-1','97b'); diff --git a/static/sass/icons_ie7.scss b/static/sass/icons_ie7.scss new file mode 100644 index 0000000..d3a17c5 --- /dev/null +++ b/static/sass/icons_ie7.scss @@ -0,0 +1,694 @@ +// +// Sass Icon Fonts +// + +// IE Icons icons_ie7.scss +// Version: 0.2 +// Created By: Andrew Senetar +// Date: May, 19 2013 +// Used: Font Awesome Styles, Foundation Icon Fonts Scss as Starting; animation from Fontello + +@import "iconSettings"; + +//// Actual Icons + +@include ie-class(duckduckgo,a15); +@include ie-class(aim,a16); +@include ie-class(delicious,a17); +@include ie-class(paypal-1,a18); +@include ie-class(flattr-1,a19); +@include ie-class(android,a1a); +@include ie-class(eventful,a1b); +@include ie-class(smashmag,a1c); +@include ie-class(gplus-2,a1d); +@include ie-class(plus,816); +@include ie-class(plus-1,936); +@include ie-class(wikipedia,a1e); +@include ie-class(lanyrd,a1f); +@include ie-class(minus,819); +@include ie-class(minus-1,938); +@include ie-class(calendar-2,a20); +@include ie-class(stumbleupon-1,a21); +@include ie-class(fivehundredpx,a22); +@include ie-class(pinterest-1,a23); +@include ie-class(bitcoin,a24); +@include ie-class(w3c,a25); +@include ie-class(foursquare,a26); +@include ie-class(html5,a27); +@include ie-class(ie,a28); +@include ie-class(call,a29); +@include ie-class(rooveshark,a2a); +@include ie-class(ninetyninedesigns,a2b); +@include ie-class(forrst,a2c); +@include ie-class(digg,a2d); +@include ie-class(spotify-1,a2e); +@include ie-class(reddit,a2f); +@include ie-class(guest,a30); +@include ie-class(gowalla,a31); +@include ie-class(at,a9d); +@include ie-class(appstore,a32); +@include ie-class(blogger,a33); +@include ie-class(cc-1,a34); +@include ie-class(dribbble-1,a35); +@include ie-class(evernote-1,a36); +@include ie-class(flickr-1,a37); +@include ie-class(google,a38); +@include ie-class(viadeo,a39); +@include ie-class(instapaper,a3a); +@include ie-class(weibo,a3b); +@include ie-class(klout,a3c); +@include ie-class(linkedin-2,a3d); +@include ie-class(meetup,a3e); +@include ie-class(vk,a3f); +@include ie-class(plancast,a40); +@include ie-class(disqus,a41); +@include ie-class(rss-2,a42); +@include ie-class(skype-1,a43); +@include ie-class(twitter-2,a44); +@include ie-class(youtube,a45); +@include ie-class(vimeo-1,a46); +@include ie-class(windows,a47); +@include ie-class(xing,a48); +@include ie-class(yahoo,a49); +@include ie-class(chrome,a4a); +@include ie-class(email,a4b); +@include ie-class(macstore,a4c); +@include ie-class(myspace,a4d); +@include ie-class(podcast,a4e); +@include ie-class(amazon,a4f); +@include ie-class(steam,a50); +@include ie-class(cloudapp,a51); +@include ie-class(dropbox-1,a52); +@include ie-class(ebay,a53); +@include ie-class(facebook-2,a54); +@include ie-class(github-2,a55); +@include ie-class(googleplay,a57); +@include ie-class(itunes,a58); +@include ie-class(plurk,a59); +@include ie-class(songkick,a5a); +@include ie-class(lastfm-1,a5b); +@include ie-class(gmail,a5c); +@include ie-class(pinboard,a5d); +@include ie-class(openid,a5e); +@include ie-class(quora,a5f); +@include ie-class(soundcloud-1,a60); +@include ie-class(tumblr-1,a61); +@include ie-class(eventasaurus,a62); +@include ie-class(wordpress,a63); +@include ie-class(yelp,a64); +@include ie-class(intensedebate,a65); +@include ie-class(eventbrite,a66); +@include ie-class(scribd,a67); +@include ie-class(posterous,a68); +@include ie-class(stripe,a69); +@include ie-class(pilcrow,a9c); +@include ie-class(opentable,a6a); +@include ie-class(cart,a6b); +@include ie-class(print-2,a6c); +@include ie-class(angellist,a6d); +@include ie-class(instagram-1,a6e); +@include ie-class(dwolla,a6f); +@include ie-class(appnet,a70); +@include ie-class(statusnet,a71); +@include ie-class(acrobat,a72); +@include ie-class(drupal,a73); +@include ie-class(buffer,a74); +@include ie-class(pocket,a75); +@include ie-class(github-circled-2,a56); +@include ie-class(bitbucket,a76); +@include ie-class(lego,a77); +@include ie-class(login-2,a78); +@include ie-class(stackoverflow,a79); +@include ie-class(hackernews,a7a); +@include ie-class(lkdto,a7b); +@include ie-class(info,81e); +@include ie-class(left-thin,88c); +@include ie-class(left-1,997); +@include ie-class(up-thin,88e); +@include ie-class(up-1,999); +@include ie-class(right-thin,88d); +@include ie-class(right-1,998); +@include ie-class(down-thin,88b); +@include ie-class(down-1,996); +@include ie-class(level-up,893); +@include ie-class(level-down,892); +@include ie-class(switch,896); +@include ie-class(infinity,8c2); +@include ie-class(plus-squared,818); +@include ie-class(minus-squared,81b); +@include ie-class(home-1,93c); +@include ie-class(home,821); +@include ie-class(keyboard,83a); +@include ie-class(erase,8c3); +@include ie-class(pause-1,9aa); +@include ie-class(pause,899); +@include ie-class(fast-fw,9af); +@include ie-class(fast-forward,89d); +@include ie-class(fast-backward,89e); +@include ie-class(fast-bw,9b0); +@include ie-class(to-end-1,9ab); +@include ie-class(to-end,89b); +@include ie-class(to-start,89c); +@include ie-class(to-start-1,9ad); +@include ie-class(hourglass,863); +@include ie-class(stop,898); +@include ie-class(stop-1,9a9); +@include ie-class(up-dir,886); +@include ie-class(up-dir-1,987); +@include ie-class(play-1,9a7); +@include ie-class(play,897); +@include ie-class(right-dir,885); +@include ie-class(right-dir-1,989); +@include ie-class(down-dir,883); +@include ie-class(down-dir-1,986); +@include ie-class(left-dir,884); +@include ie-class(left-dir-1,988); +@include ie-class(adjust,867); +@include ie-class(cloud-1,9bb); +@include ie-class(cloud,8b2); +@include ie-class(umbrella,9bd); +@include ie-class(star,808); +@include ie-class(star-1,923); +@include ie-class(star-empty,809); +@include ie-class(star-empty-1,924); +@include ie-class(check-1,9df); +@include ie-class(cup,846); +@include ie-class(left-hand,99b); +@include ie-class(up-hand,99c); +@include ie-class(right-hand,99a); +@include ie-class(down-hand,99d); +@include ie-class(menu,811); +@include ie-class(th-list,92f); +@include ie-class(moon,8b5); +@include ie-class(heart-empty-1,922); +@include ie-class(heart-empty,807); +@include ie-class(heart-1,921); +@include ie-class(heart,806); +@include ie-class(note,800); +@include ie-class(music-1,91d); +@include ie-class(note-beamed,801); +@include ie-class(layout,810); +@include ie-class(th,92e); +@include ie-class(flag-1,949); +@include ie-class(flag,82a); +@include ie-class(tools,856); +@include ie-class(cog,855); +@include ie-class(cog-1,96e); +@include ie-class(attention,83e); +@include ie-class(attention-1,95f); +@include ie-class(flash,8b4); +@include ie-class(flash-1,9bc); +@include ie-class(record,89a); +@include ie-class(cloud-thunder,8b3); +@include ie-class(cog-alt,96f); +@include ie-class(scissors,9d3); +@include ie-class(tape,8c8); +@include ie-class(flight,8b6); +@include ie-class(flight-1,9be); +@include ie-class(mail,805); +@include ie-class(mail-1,91f); +@include ie-class(edit,956); +@include ie-class(pencil,836); +@include ie-class(pencil-1,955); +@include ie-class(feather,837); +@include ie-class(check,812); +@include ie-class(ok,930); +@include ie-class(ok-circle,931); +@include ie-class(cancel,813); +@include ie-class(cancel-1,933); +@include ie-class(cancel-circled,814); +@include ie-class(cancel-circle,934); +@include ie-class(asterisk,9e3); +@include ie-class(cancel-squared,815); +@include ie-class(help,81c); +@include ie-class(attention-circle,960); +@include ie-class(quote,833); +@include ie-class(plus-circled,817); +@include ie-class(plus-circle,937); +@include ie-class(minus-circled,81a); +@include ie-class(minus-circle,939); +@include ie-class(right,881); +@include ie-class(direction,844); +@include ie-class(forward-1,951); +@include ie-class(forward,832); +@include ie-class(ccw-1,9a3); +@include ie-class(ccw,88f); +@include ie-class(cw,890); +@include ie-class(cw-1,9a2); +@include ie-class(left,880); +@include ie-class(up,882); +@include ie-class(down,87f); +@include ie-class(resize-vertical,97f); +@include ie-class(resize-horizontal,980); +@include ie-class(eject,9b1); +@include ie-class(list-add,8a6); +@include ie-class(list,8a5); +@include ie-class(left-bold,888); +@include ie-class(right-bold,889); +@include ie-class(up-bold,88a); +@include ie-class(down-bold,887); +@include ie-class(user-add,80c); +@include ie-class(star-half,925); +@include ie-class(ok-circle2,932); +@include ie-class(cancel-circle2,935); +@include ie-class(help-circle,93a); +@include ie-class(help-circled,81d); +@include ie-class(info-circle,93b); +@include ie-class(info-circled,81f); +@include ie-class(th-large,92d); +@include ie-class(eye,826); +@include ie-class(eye-1,943); +@include ie-class(eye-off,944); +@include ie-class(tag-1,945); +@include ie-class(tag,827); +@include ie-class(tags,946); +@include ie-class(camera-alt,92c); +@include ie-class(upload-cloud,82f); +@include ie-class(reply,830); +@include ie-class(reply-all,831); +@include ie-class(code,834); +@include ie-class(export,835); +@include ie-class(export-1,954); +@include ie-class(print,838); +@include ie-class(print-1,957); +@include ie-class(retweet-1,958); +@include ie-class(retweet,839); +@include ie-class(comment-1,959); +@include ie-class(comment,83b); +@include ie-class(chat,83c); +@include ie-class(chat-1,95a); +@include ie-class(vcard,840); +@include ie-class(address,841); +@include ie-class(location-1,961); +@include ie-class(location,842); +@include ie-class(map,843); +@include ie-class(compass,845); +@include ie-class(trash-1,962); +@include ie-class(trash,847); +@include ie-class(doc,848); +@include ie-class(doc-text-inv,84c); +@include ie-class(docs,849); +@include ie-class(doc-landscape,84a); +@include ie-class(archive,851); +@include ie-class(rss,853); +@include ie-class(share,857); +@include ie-class(basket,859); +@include ie-class(basket-1,971); +@include ie-class(shareable,858); +@include ie-class(login-1,973); +@include ie-class(login,85c); +@include ie-class(logout-1,974); +@include ie-class(logout,85d); +@include ie-class(volume,861); +@include ie-class(resize-full,869); +@include ie-class(resize-full-1,97c); +@include ie-class(resize-small,86a); +@include ie-class(resize-small-1,97e); +@include ie-class(popup,86b); +@include ie-class(publish,86c); +@include ie-class(window,86d); +@include ie-class(arrow-combo,86e); +@include ie-class(zoom-in,982); +@include ie-class(zoom-out,983); +@include ie-class(chart-pie,8c4); +@include ie-class(language,8ca); +@include ie-class(air,8ce); +@include ie-class(database,8d3); +@include ie-class(drive,8d4); +@include ie-class(bucket,8d5); +@include ie-class(thermometer,8d6); +@include ie-class(down-circled,86f); +@include ie-class(down-circle2,984); +@include ie-class(left-circled,870); +@include ie-class(right-circled,871); +@include ie-class(up-circled,872); +@include ie-class(up-circle2,985); +@include ie-class(down-open,873); +@include ie-class(down-open-1,98a); +@include ie-class(left-open-1,98b); +@include ie-class(left-open,874); +@include ie-class(right-open-1,98c); +@include ie-class(right-open,875); +@include ie-class(up-open,876); +@include ie-class(up-open-1,98d); +@include ie-class(arrows-cw,9a4); +@include ie-class(down-open-mini,877); +@include ie-class(play-circle2,9a8); +@include ie-class(left-open-mini,878); +@include ie-class(right-open-mini,879); +@include ie-class(to-end-alt,9ac); +@include ie-class(up-open-mini,87a); +@include ie-class(to-start-alt,9ae); +@include ie-class(down-open-big,87b); +@include ie-class(left-open-big,87c); +@include ie-class(right-open-big,87d); +@include ie-class(up-open-big,87e); +@include ie-class(progress-0,89f); +@include ie-class(progress-1,8a0); +@include ie-class(progress-2,8a1); +@include ie-class(progress-3,8a2); +@include ie-class(back-in-time,8aa); +@include ie-class(network,8ad); +@include ie-class(inbox-1,9b9); +@include ie-class(inbox,8af); +@include ie-class(install,8b0); +@include ie-class(font,9c1); +@include ie-class(bold,9c2); +@include ie-class(italic,9c3); +@include ie-class(text-height,9c4); +@include ie-class(text-width,9c5); +@include ie-class(align-left,9c6); +@include ie-class(align-center,9c7); +@include ie-class(align-right,9c8); +@include ie-class(align-justify,9c9); +@include ie-class(list-1,9ca); +@include ie-class(indent-left,9cb); +@include ie-class(indent-right,9cc); +@include ie-class(lifebuoy,8b9); +@include ie-class(mouse,8ba); +@include ie-class(dot,8bd); +@include ie-class(dot-2,8be); +@include ie-class(dot-3,8bf); +@include ie-class(off,9d7); +@include ie-class(suitcase,8bc); +@include ie-class(road,9d8); +@include ie-class(list-alt,9d9); +@include ie-class(flow-cascade,8d8); +@include ie-class(flow-branch,8d9); +@include ie-class(qrcode,9da); +@include ie-class(flow-tree,8da); +@include ie-class(barcode,9db); +@include ie-class(flow-line,8db); +@include ie-class(ajust,9dd); +@include ie-class(tint,9de); +@include ie-class(flow-parallel,8dc); +@include ie-class(brush,8c0); +@include ie-class(paper-plane,8b7); +@include ie-class(magnet-1,9e6); +@include ie-class(magnet,8c1); +@include ie-class(gauge,8de); +@include ie-class(traffic-cone,8df); +@include ie-class(cc,8e0); +@include ie-class(cc-by,8e1); +@include ie-class(cc-nc,8e2); +@include ie-class(cc-nc-eu,8e3); +@include ie-class(cc-nc-jp,8e4); +@include ie-class(cc-sa,8e5); +@include ie-class(cc-nd,8e6); +@include ie-class(cc-pd,8e7); +@include ie-class(cc-zero,8e8); +@include ie-class(cc-share,8e9); +@include ie-class(cc-remix,8ea); +@include ie-class(spin1,aa3); +@include ie-class(spin2,aa2); +@include ie-class(spin3,aa1); +@include ie-class(spin4,aa0); +@include ie-class(spin5,a9e); +@include ie-class(spin6,a9f); +@include ie-class(firefox,aa4); +@include ie-class(chrome-1,aa5); +@include ie-class(opera,aa6); +@include ie-class(ie-1,aa7); +@include ie-class(move,981); +@include ie-class(link-ext,93e); +@include ie-class(check-empty,9e0); +@include ie-class(bookmark-empty,948); +@include ie-class(phone-squared,96c); +@include ie-class(twitter-1,a0a); +@include ie-class(facebook-1,a0c); +@include ie-class(github-circled-1,a07); +@include ie-class(rss-1,96a); +@include ie-class(hdd,9eb); +@include ie-class(certificate,9ed); +@include ie-class(left-circled-1,99e); +@include ie-class(right-circled-1,99f); +@include ie-class(up-circled-1,9a0); +@include ie-class(down-circled-1,9a1); +@include ie-class(tasks,9ee); +@include ie-class(filter,9ef); +@include ie-class(resize-full-alt,97d); +@include ie-class(beaker,9f0); +@include ie-class(docs-1,964); +@include ie-class(blank,a13); +@include ie-class(menu-1,96d); +@include ie-class(list-bullet,9cd); +@include ie-class(list-numbered,9ce); +@include ie-class(strike,9cf); +@include ie-class(underline,9d0); +@include ie-class(table,9d1); +@include ie-class(magic,9f1); +@include ie-class(pinterest-circled-1,a0f); +@include ie-class(pinterest-squared,a10); +@include ie-class(gplus-squared,a11); +@include ie-class(gplus-1,a12); +@include ie-class(money,9f3); +@include ie-class(columns,9d2); +@include ie-class(sort,9f4); +@include ie-class(sort-down,9f5); +@include ie-class(sort-up,9f6); +@include ie-class(mail-alt,920); +@include ie-class(linkedin-1,a0e); +@include ie-class(gauge-1,9f8); +@include ie-class(comment-empty,95b); +@include ie-class(chat-empty,95c); +@include ie-class(sitemap,9f9); +@include ie-class(paste,9d4); +@include ie-class(lightbulb,97a); +@include ie-class(exchange,9a6); +@include ie-class(download-cloud,94e); +@include ie-class(upload-cloud-1,94f); +@include ie-class(user-md,9fe); +@include ie-class(stethoscope,9ff); +@include ie-class(suitcase-1,9d6); +@include ie-class(bell-alt,95e); +@include ie-class(coffee,9fb); +@include ie-class(food,9fc); +@include ie-class(doc-alt,965); +@include ie-class(building,a05); +@include ie-class(hospital,a04); +@include ie-class(ambulance,a00); +@include ie-class(medkit,a01); +@include ie-class(fighter-jet,9bf); +@include ie-class(beer,9fd); +@include ie-class(h-sigh,a02); +@include ie-class(plus-squared-1,a03); +@include ie-class(angle-double-left,992); +@include ie-class(angle-double-right,993); +@include ie-class(angle-double-up,994); +@include ie-class(angle-double-down,995); +@include ie-class(angle-left,98e); +@include ie-class(angle-right,98f); +@include ie-class(angle-up,990); +@include ie-class(angle-down,991); +@include ie-class(desktop,9b5); +@include ie-class(laptop,9b6); +@include ie-class(tablet,9b7); +@include ie-class(mobile-1,9b8); +@include ie-class(circle-empty,9e2); +@include ie-class(quote-left,952); +@include ie-class(quote-right,953); +@include ie-class(spinner,9fa); +@include ie-class(circle,9e1); +@include ie-class(reply-1,950); +@include ie-class(github-1,a08); +@include ie-class(folder-empty,968); +@include ie-class(folder-open-empty,969); +@include ie-class(github-squared,a06); +@include ie-class(facebook-3,a7c); +@include ie-class(github,8eb); +@include ie-class(facebook-rect,a7d); +@include ie-class(github-circled,8ec); +@include ie-class(twitter-3,a7e); +@include ie-class(twitter-bird,a7f); +@include ie-class(flickr,8ed); +@include ie-class(flickr-circled,8ee); +@include ie-class(twitter-squared,a09); +@include ie-class(icq,a88); +@include ie-class(yandex,a89); +@include ie-class(yandex-rect,a8a); +@include ie-class(vimeo,8ef); +@include ie-class(github-text,a85); +@include ie-class(vimeo-circled,8f0); +@include ie-class(github-3,a86); +@include ie-class(facebook-squared-1,a0b); +@include ie-class(googleplus-rect,a84); +@include ie-class(twitter,8f1); +@include ie-class(vkontakte-rect,a8b); +@include ie-class(twitter-circled,8f2); +@include ie-class(skype-2,a87); +@include ie-class(facebook,8f3); +@include ie-class(odnoklassniki,a8c); +@include ie-class(linkedin-squared,a0d); +@include ie-class(odnoklassniki-rect,a8d); +@include ie-class(facebook-circled,8f4); +@include ie-class(vimeo-rect,a81); +@include ie-class(facebook-squared,8f5); +@include ie-class(gplus,8f6); +@include ie-class(vimeo-2,a80); +@include ie-class(tumblr-rect,a83); +@include ie-class(gplus-circled,8f7); +@include ie-class(tumblr-2,a82); +@include ie-class(friendfeed,a8e); +@include ie-class(pinterest,8f8); +@include ie-class(friendfeed-rect,a8f); +@include ie-class(pinterest-circled,8f9); +@include ie-class(blogger-1,a90); +@include ie-class(tumblr,8fa); +@include ie-class(blogger-rect,a91); +@include ie-class(deviantart,a92); +@include ie-class(tumblr-circled,8fb); +@include ie-class(jabber,a93); +@include ie-class(lastfm-2,a94); +@include ie-class(linkedin,8fc); +@include ie-class(lastfm-rect,a95); +@include ie-class(linkedin-circled,8fd); +@include ie-class(linkedin-3,a96); +@include ie-class(linkedin-rect,a97); +@include ie-class(dribbble,8fe); +@include ie-class(dribbble-circled,8ff); +@include ie-class(picasa-1,a98); +@include ie-class(wordpress-1,a99); +@include ie-class(stumbleupon,900); +@include ie-class(instagram-2,a9a); +@include ie-class(instagram-filled,a9b); +@include ie-class(stumbleupon-circled,901); +@include ie-class(lastfm,902); +@include ie-class(lastfm-circled,903); +@include ie-class(rdio,904); +@include ie-class(rdio-circled,905); +@include ie-class(spotify,906); +@include ie-class(spotify-circled,907); +@include ie-class(qq,908); +@include ie-class(instagram,909); +@include ie-class(dropbox,90a); +@include ie-class(evernote,90b); +@include ie-class(flattr,90c); +@include ie-class(skype,90d); +@include ie-class(skype-circled,90e); +@include ie-class(renren,90f); +@include ie-class(sina-weibo,910); +@include ie-class(paypal,911); +@include ie-class(picasa,912); +@include ie-class(soundcloud,913); +@include ie-class(mixi,914); +@include ie-class(behance,915); +@include ie-class(google-circles,916); +@include ie-class(vkontakte,917); +@include ie-class(smashing,918); +@include ie-class(db-shape,91a); +@include ie-class(sweden,919); +@include ie-class(logo-db,91b); +@include ie-class(picture,80e); +@include ie-class(picture-1,92a); +@include ie-class(globe,8b1); +@include ie-class(globe-1,9ba); +@include ie-class(leaf-1,9c0); +@include ie-class(leaf,8b8); +@include ie-class(lemon,a14); +@include ie-class(glass,91c); +@include ie-class(gift,9e4); +@include ie-class(graduation-cap,8c9); +@include ie-class(mic,85e); +@include ie-class(videocam,929); +@include ie-class(headphones,978); +@include ie-class(palette,8a4); +@include ie-class(ticket,8cb); +@include ie-class(video-1,928); +@include ie-class(video,80d); +@include ie-class(target,8a3); +@include ie-class(target-1,9b2); +@include ie-class(music,802); +@include ie-class(trophy,8a8); +@include ie-class(award,9b4); +@include ie-class(thumbs-up,82b); +@include ie-class(thumbs-up-1,94a); +@include ie-class(thumbs-down,82c); +@include ie-class(thumbs-down-1,94b); +@include ie-class(bag,85a); +@include ie-class(user,80a); +@include ie-class(user-1,926); +@include ie-class(users-1,927); +@include ie-class(users,80b); +@include ie-class(lamp,864); +@include ie-class(alert,83f); +@include ie-class(water,8cc); +@include ie-class(droplet,8cd); +@include ie-class(credit-card,8cf); +@include ie-class(credit-card-1,9e8); +@include ie-class(monitor,8ab); +@include ie-class(briefcase-1,9d5); +@include ie-class(briefcase,8bb); +@include ie-class(floppy-1,9e9); +@include ie-class(floppy,8d0); +@include ie-class(cd,8ae); +@include ie-class(folder,850); +@include ie-class(folder-1,966); +@include ie-class(folder-open,967); +@include ie-class(doc-1,963); +@include ie-class(doc-text,84b); +@include ie-class(calendar-1,972); +@include ie-class(calendar,85b); +@include ie-class(chart-line,8c5); +@include ie-class(chart-bar-1,9e7); +@include ie-class(chart-bar,8c6); +@include ie-class(clipboard,8d1); +@include ie-class(pin,942); +@include ie-class(attach-1,93f); +@include ie-class(attach,823); +@include ie-class(bookmarks,829); +@include ie-class(book,84f); +@include ie-class(book-1,9dc); +@include ie-class(book-open,84e); +@include ie-class(phone,854); +@include ie-class(phone-1,96b); +@include ie-class(megaphone,8d2); +@include ie-class(megaphone-1,9ea); +@include ie-class(upload,82e); +@include ie-class(upload-1,94d); +@include ie-class(download-1,94c); +@include ie-class(download,82d); +@include ie-class(box,852); +@include ie-class(newspaper,84d); +@include ie-class(mobile,8ac); +@include ie-class(signal,8a7); +@include ie-class(signal-1,9b3); +@include ie-class(camera-1,92b); +@include ie-class(camera,80f); +@include ie-class(shuffle-1,9a5); +@include ie-class(shuffle,894); +@include ie-class(loop,895); +@include ie-class(arrows-ccw,891); +@include ie-class(light-down,865); +@include ie-class(light-up,866); +@include ie-class(mute,85f); +@include ie-class(volume-off,975); +@include ie-class(volume-down,976); +@include ie-class(volume-up,977); +@include ie-class(sound,860); +@include ie-class(battery,8a9); +@include ie-class(search,803); +@include ie-class(search-1,91e); +@include ie-class(key,8d7); +@include ie-class(key-1,9ec); +@include ie-class(lock,824); +@include ie-class(lock-1,940); +@include ie-class(lock-open-1,941); +@include ie-class(lock-open,825); +@include ie-class(bell-1,95d); +@include ie-class(bell,83d); +@include ie-class(bookmark,828); +@include ie-class(bookmark-1,947); +@include ie-class(link-1,93d); +@include ie-class(link,822); +@include ie-class(back,820); +@include ie-class(fire,9e5); +@include ie-class(flashlight,804); +@include ie-class(wrench,970); +@include ie-class(hammer,9f7); +@include ie-class(chart-area,8c7); +@include ie-class(clock-1,979); +@include ie-class(clock,862); +@include ie-class(rocket,8dd); +@include ie-class(truck,9f2); +@include ie-class(block,868); +@include ie-class(block-1,97b); diff --git a/static/sass/normalize.scss b/static/sass/normalize.scss new file mode 100644 index 0000000..6d24a38 --- /dev/null +++ b/static/sass/normalize.scss @@ -0,0 +1,402 @@ +/*! normalize.css v2.1.1 | MIT License | git.io/normalize */ + +/* ========================================================================== + HTML5 display definitions + ========================================================================== */ + +/** + * Correct `block` display not defined in IE 8/9. + */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} + +/** + * Correct `inline-block` display not defined in IE 8/9. + */ + +audio, +canvas, +video { + display: inline-block; +} + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/** + * Address styling not present in IE 8/9. + */ + +[hidden] { + display: none; +} + +/* ========================================================================== + Base + ========================================================================== */ + +/** + * 1. Prevent system color scheme's background color being used in Firefox, IE, + * and Opera. + * 2. Prevent system color scheme's text color being used in Firefox, IE, and + * Opera. + * 3. Set default font family to sans-serif. + * 4. Prevent iOS text size adjust after orientation change, without disabling + * user zoom. + */ + +html { + background: #fff; /* 1 */ + color: #000; /* 2 */ + font-family: sans-serif; /* 3 */ + -ms-text-size-adjust: 100%; /* 4 */ + -webkit-text-size-adjust: 100%; /* 4 */ +} + +/** + * Remove default margin. + */ + +body { + margin: 0; +} + +/* ========================================================================== + Links + ========================================================================== */ + +/** + * Address `outline` inconsistency between Chrome and other browsers. + */ + +a:focus { + outline: thin dotted; +} + +/** + * Improve readability when focused and also mouse hovered in all browsers. + */ + +a:active, +a:hover { + outline: 0; +} + +/* ========================================================================== + Typography + ========================================================================== */ + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari 5, and Chrome. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/** + * Address styling not present in IE 8/9, Safari 5, and Chrome. + */ + +abbr[title] { + border-bottom: 1px dotted; +} + +/** + * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. + */ + +b, +strong { + font-weight: bold; +} + +/** + * Address styling not present in Safari 5 and Chrome. + */ + +dfn { + font-style: italic; +} + +/** + * Address differences between Firefox and other browsers. + */ + +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} + +/** + * Address styling not present in IE 8/9. + */ + +mark { + background: #ff0; + color: #000; +} + +/** + * Correct font family set oddly in Safari 5 and Chrome. + */ + +code, +kbd, +pre, +samp { + font-family: monospace, serif; + font-size: 1em; +} + +/** + * Improve readability of pre-formatted text in all browsers. + */ + +pre { + white-space: pre-wrap; +} + +/** + * Set consistent quote types. + */ + +q { + quotes: "\201C" "\201D" "\2018" "\2019"; +} + +/** + * Address inconsistent and variable font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +/* ========================================================================== + Embedded content + ========================================================================== */ + +/** + * Remove border when inside `a` element in IE 8/9. + */ + +img { + border: 0; +} + +/** + * Correct overflow displayed oddly in IE 9. + */ + +svg:not(:root) { + overflow: hidden; +} + +/* ========================================================================== + Figures + ========================================================================== */ + +/** + * Address margin not present in IE 8/9 and Safari 5. + */ + +figure { + margin: 0; +} + +/* ========================================================================== + Forms + ========================================================================== */ + +/** + * Define consistent border, margin, and padding. + */ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/** + * 1. Correct `color` not being inherited in IE 8/9. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ + +legend { + border: 0; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * 1. Correct font family not being inherited in all browsers. + * 2. Correct font size not being inherited in all browsers. + * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. + */ + +button, +input, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 2 */ + margin: 0; /* 3 */ +} + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ + +button, +input { + line-height: normal; +} + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. + * Correct `select` style inheritance in Firefox 4+ and Opera. + */ + +button, +select { + text-transform: none; +} + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + */ + +button, +html input[type="button"], /* 1 */ +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; /* 2 */ + cursor: pointer; /* 3 */ +} + +/** + * Re-set default cursor for disabled elements. + */ + +button[disabled], +html input[disabled] { + cursor: default; +} + +/** + * 1. Address box sizing set to `content-box` in IE 8/9. + * 2. Remove excess padding in IE 8/9. + */ + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome + * (include `-moz` to future-proof). + */ + +input[type="search"] { + -webkit-appearance: textfield; /* 1 */ + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; /* 2 */ + box-sizing: content-box; +} + +/** + * Remove inner padding and search cancel button in Safari 5 and Chrome + * on OS X. + */ + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * Remove inner padding and border in Firefox 4+. + */ + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/** + * 1. Remove default vertical scrollbar in IE 8/9. + * 2. Improve readability and alignment in all browsers. + */ + +textarea { + overflow: auto; /* 1 */ + vertical-align: top; /* 2 */ +} + +/* ========================================================================== + Tables + ========================================================================== */ + +/** + * Remove most spacing between table cells. + */ + +table { + border-collapse: collapse; + border-spacing: 0; +} diff --git a/static/sass/rangertbc/_base.scss b/static/sass/rangertbc/_base.scss new file mode 100644 index 0000000..13aa390 --- /dev/null +++ b/static/sass/rangertbc/_base.scss @@ -0,0 +1,130 @@ +// +// RangerTBC Specific Styles +// + +// Base File _base.scss +// Version: 0.1 +// Created By: Andrew Senetar +// Date: May, 22 2013 +// Used: + +@import "rangertbc/settings"; //just to be reduntant and make sure the right one is loaded for now + +//// Global Mixins + +//// Global Styles + +//// Element Styles +body{ + height: 100%; + margin: 0; + overflow-y: scroll; + overflow-x: hidden; + background-color: $body-bg; +} + +.article { + & > article{ + background-color: darken($body-bg, 5%); + padding-top: $topbar-height + 15px; + padding-bottom: emCalc(15px); + @include box-shadow(2px 2px 5px rgba(0,0,0,0.2)); + header{ + background-color: #ffffff; + border-bottom: 1px solid $secondary-color; + h1{ + color: $primary-color; + @include text-shadow(2px 2px 2px rgba(0,0,0,0.3)); + } + time{ + color: darken($secondary-color,20%); + font-weight: bold; + line-height: emCalc(18px); + font-size: emCalc(18px); + padding-top: emCalc(10px); + paddting-bottom: emCalc(5px); + display: block; + text-align: right; + } + } + .content{ + padding-top: emCalc(10px); + background-color: #f5f5f5; + padding-left: emCalc(5px); + } + footer{ + background-color: #ffffff; + border-top: 1px solid $secondary-color; + padding-top: emCalc(7px); + padding-bottom: emCalc(10px); + color: darken($secondary-color, 20%); + border-bottom: solid 2px rgba(0,0,0,0.2); + a{ + color: rgba($primary-color, 0.6); + } + } + } + + & > aside{ + & >.row > .columns { + background-color: #f5f5f5; + @include box-shadow(2px 2px 5px rgba(0,0,0,0.2)); + & > div{ + + } + } + } +} + +.articleComments { + & > div { + background-color: #f5f5f5; + @include box-shadow(2px 2px 5px rgba(0,0,0,0.2)); + padding-top: emCalc(10px); + } +} + +// fixing the aside in small view +@media #{$small} { + .article > aside{ + padding-top: $topbar-height + 15px; //mediaquery to remove on small? + & >.row > .columns { + background-color: inherit; + padding-right: 0; + @include box-shadow(none); + & > div{ + @include box-shadow(2px 2px 5px rgba(0,0,0,0.2)); + @include panel(#f5f5f5); + } + } + } +} + +.articleInfo{ + h5 { + text-align: center; + } +} + +//custom footer +body #footer{ + color: rgba($primary-color, 0.4); + padding-top: emCalc(10px); + padding-bottom: emCalc(15px); + padding-right: emCalc(15px); + text-align: right; + a{ + color: inherit; + } + a:hover{ + color: rgba($primary-color, 0.8); + } +} + +//// Components + +@import "rangertbc/components/topbar"; // topbar requires nav for menu +@import "rangertbc/components/scrollbar"; // allows styling of window scrollbar (chrome only?) +//@import "rangertbc/components/global"; // global styles and mixins + +@import "rangertbc/components/print"; // print styles (LAST) \ No newline at end of file diff --git a/static/sass/rangertbc/_settings.scss b/static/sass/rangertbc/_settings.scss new file mode 100644 index 0000000..b91e6c0 --- /dev/null +++ b/static/sass/rangertbc/_settings.scss @@ -0,0 +1,50 @@ +// +// RangerTBC Specific Styles +// + +// Settings File _settings.scss +// Version: 0.1 +// Created By: Andrew Senetar +// Date: May, 22 2013 +// Used: + +//// External Imports + +/// Compass (reason in comment) +@import "compass/css3/box-shadow"; // Used by topbar and ... +@import "compass/css3/border-radius"; // Used by ... +@import "compass/css3/text-shadow"; // Used by ... + +/// Foundation (reason in comment) +@import "foundation/components/global"; // Global Foundation (required for any foundation) +@import "foundation/components/grid"; // Foundation Grid (styles are used in layout using grid) +@import "foundation/components/type"; // The typography styles are nice +@import "foundation/components/clearing"; // Not sure by seems to help? +@import "foundation/components/panels"; + +//// Variables +$body-bg: #e5e5e5; + +/// Topbar (defaults shown) + +// Background color for the top bar +// $topbar-bg: rgba($primary-color,0.9); + +// Height and margin +$topbar-height: 45px; //referenced to setup body margin atm +// $topbar-margin-bottom: 0; + +//Shadow Color +// $topbar-shadow-color: rgba(50, 50, 50, 0.4); + +// Controlling the styles for the title in the top bar +// $topbar-title-weight: bold; +// $topbar-title-font-size: emCalc(17px); + +// Set the link colors and styles for top-level nav +// $topbar-link-color: #fff; +// $topbar-link-color-hover: #fff; +// $topbar-link-color-active: #fff; +// $topbar-link-weight: bold; +// $topbar-link-font-size: emCalc(13px); +// $topbar-link-hover-lightness: -10%; diff --git a/static/sass/rangertbc/components/_print.scss b/static/sass/rangertbc/components/_print.scss new file mode 100644 index 0000000..2e18db3 --- /dev/null +++ b/static/sass/rangertbc/components/_print.scss @@ -0,0 +1,17 @@ +// +// RangerTBC Style Components +// + +// Print Styles components/_print.scss +// Version: 0.1 +// Created By: Andrew Senetar +// Date: May, 22 2013 +// Used: + +//// Global Print Style +@media print { + // Hide iframes in .hide-on-print elements + .hide-on-print iframe{ + display: none; + } +} \ No newline at end of file diff --git a/static/sass/rangertbc/components/_scrollbar.scss b/static/sass/rangertbc/components/_scrollbar.scss new file mode 100644 index 0000000..fdc3522 --- /dev/null +++ b/static/sass/rangertbc/components/_scrollbar.scss @@ -0,0 +1,47 @@ +// +// RangerTBC Style Components +// + +// Scrollbar Component components/_scrollbar.scss +// Version: 0.1 +// Created By: Andrew Senetar +// Date: May, 22 2013 +// Used: Google+ Style as Starting Point + +//// Variables + +//// Mixins + +// this was going to be more cool? +@mixin scrollbar(){ + ::-webkit-scrollbar{ + width: 12px; + height: 12px; + } + ::-webkit-scrollbar-button,{ + height: 0; + width: 0; + } + ::-webkit-scrollbar-track{ + border: solid transparent; + background-color: #f5f5f5; + } + ::-webkit-scrollbar-track-piece { + background-color: #f5f5f5; + @include box-shadow(inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07)); + } + ::-webkit-scrollbar-thumb { + min-height: 30px; + background-color: rgba(0,0,0,0.2); + border: none; + @include box-shadow(inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07)); + &:hover{ + background-color: rgba(0,0,0,0.4); + } + } +} + +//// Style + +//scrollbar styling +@include scrollbar(); \ No newline at end of file diff --git a/static/sass/rangertbc/components/_topbar.scss b/static/sass/rangertbc/components/_topbar.scss new file mode 100644 index 0000000..66e70ff --- /dev/null +++ b/static/sass/rangertbc/components/_topbar.scss @@ -0,0 +1,123 @@ +// +// RangerTBC Style Components +// + +// Topbar Component components/_topbar.scss +// Version: 0.1 +// Created By: Andrew Senetar +// Date: May, 22 2013 +// Used: Foundation Topbar as starting point + +//// Top Bar Variables + +// Background color for the top bar +$topbar-bg: rgba($primary-color,0.9) !default; + +// Height and margin +$topbar-height: 45px !default; +$topbar-margin-bottom: 0px !default; + +//Shadow Color +$topbar-shadow-color: rgba(50, 50, 50, 0.4) !default; + +// Controlling the styles for the title in the top bar +$topbar-title-weight: bold !default; +$topbar-title-font-size: emCalc(17px) !default; + +// Set the link colors and styles for top-level nav +$topbar-link-color: #fff !default; +$topbar-link-color-hover: #fff !default; +$topbar-link-color-active: #fff !default; +$topbar-link-weight: bold !default; +$topbar-link-font-size: emCalc(13px) !default; +$topbar-link-hover-lightness: -10% !default; // Darken by 10% + +//// Top Bar Style + +.top-bar { + overflow: hidden; + height: $topbar-height; + line-height: $topbar-height; + max-width: none; + background: $topbar-bg; + position: relative; + margin-bottom: $topbar-margin-bottom; + @include box-shadow(0 5px 5px $topbar-shadow-color); + + // Topbar Global list style + ul { + margin-bottom: 0; + list-style: none; + } + + .title-area { + float: left; + position: relative; + height: $topbar-height; + margin: 0; + line-height: $topbar-height; + font-size: $topbar-title-font-size; + margin: 0; + a { + font-weight: $topbar-title-weight; + color: $topbar-link-color; + width: auto; + display: block; + padding: 0 $topbar-height / 3; + &:hover{ + color: $topbar-link-color-hover; + } + &:active{ + color: $topbar-link-color-active; + } + } + } + + .social-area { + float: right; + width: auto; + height: auto; + display: inline; + li { + float: left; + a { + display: block; + color: $topbar-link-color; + height: $topbar-height; + line-height: $topbar-height; + width: 100%; + padding: 0 $topbar-height / 5; + font-size: $topbar-link-font-size; + font-weight: $topbar-link-weight; + &:hover { background: adjust-color($topbar-bg, $lightness: $topbar-link-hover-lightness); } + } + } + } +} + +/// Fixed Topbar (at end to override default position) + +[class="fixed top-bar"] { + width: 100%; + left: 0; + position: fixed; + top: 0; + margin-bottom: 0; + z-index: 99; +} + +/// Print Styles + +@media print{ + .top-bar{ + position: relative; // stop from appearing all over the place when fixed + .title-area { + i{ + display: none; // no need to show menu button + } + } + .social-area{ + display: none; // these icons are uesless as well + } + } +} \ No newline at end of file