bootstrap-sass 1.4.4 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Potentially problematic release.
This version of bootstrap-sass might be problematic. Click here for more details.
- data/README.md +52 -19
 - data/lib/bootstrap-sass.rb +24 -6
 - data/lib/bootstrap-sass/compass_extensions.rb +10 -0
 - data/lib/bootstrap-sass/config/sass_extentions.rb +14 -0
 - data/lib/bootstrap-sass/engine.rb +9 -0
 - data/templates/project/manifest.rb +18 -0
 - data/templates/project/styles.scss +5 -0
 - data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
 - data/vendor/assets/images/glyphicons-halflings.png +0 -0
 - data/vendor/assets/javascripts/bootstrap-alert.js +91 -0
 - data/vendor/assets/javascripts/bootstrap-button.js +98 -0
 - data/vendor/assets/javascripts/bootstrap-carousel.js +154 -0
 - data/vendor/assets/javascripts/bootstrap-collapse.js +136 -0
 - data/vendor/assets/javascripts/bootstrap-dropdown.js +58 -21
 - data/vendor/assets/javascripts/bootstrap-modal.js +63 -114
 - data/vendor/assets/javascripts/bootstrap-popover.js +38 -33
 - data/vendor/assets/javascripts/bootstrap-scrollspy.js +62 -44
 - data/vendor/assets/javascripts/bootstrap-tab.js +130 -0
 - data/vendor/assets/javascripts/bootstrap-tooltip.js +270 -0
 - data/vendor/assets/javascripts/bootstrap-transition.js +51 -0
 - data/vendor/assets/javascripts/bootstrap-typeahead.js +271 -0
 - data/vendor/assets/javascripts/bootstrap.js +9 -6
 - data/vendor/assets/stylesheets/_bootstrap-responsive.scss +314 -0
 - data/vendor/assets/stylesheets/_bootstrap.scss +63 -0
 - data/vendor/assets/stylesheets/bootstrap/_accordion.scss +28 -0
 - data/vendor/assets/stylesheets/bootstrap/_alerts.scss +62 -0
 - data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +22 -0
 - data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +136 -0
 - data/vendor/assets/stylesheets/bootstrap/_buttons.scss +149 -0
 - data/vendor/assets/stylesheets/bootstrap/_carousel.scss +116 -0
 - data/vendor/assets/stylesheets/bootstrap/_close.scss +18 -0
 - data/vendor/assets/stylesheets/bootstrap/_code.scss +43 -0
 - data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +18 -0
 - data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +127 -0
 - data/vendor/assets/stylesheets/bootstrap/_forms.scss +458 -0
 - data/vendor/assets/stylesheets/bootstrap/_grid.scss +8 -0
 - data/vendor/assets/stylesheets/bootstrap/_hero-unit.scss +20 -0
 - data/vendor/assets/stylesheets/bootstrap/_labels.scss +16 -0
 - data/vendor/assets/stylesheets/bootstrap/_layouts.scss +17 -0
 - data/vendor/assets/stylesheets/bootstrap/_mixins.scss +479 -0
 - data/vendor/assets/stylesheets/bootstrap/_modals.scss +72 -0
 - data/vendor/assets/stylesheets/bootstrap/_navbar.scss +282 -0
 - data/vendor/assets/stylesheets/bootstrap/_navs.scss +320 -0
 - data/vendor/assets/stylesheets/bootstrap/_pager.scss +30 -0
 - data/vendor/assets/stylesheets/bootstrap/_pagination.scss +53 -0
 - data/vendor/assets/stylesheets/bootstrap/_popovers.scss +49 -0
 - data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +95 -0
 - data/vendor/assets/stylesheets/bootstrap/_reset.scss +105 -0
 - data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +29 -0
 - data/vendor/assets/stylesheets/bootstrap/_sprites.scss +156 -0
 - data/vendor/assets/stylesheets/bootstrap/_tables.scss +117 -0
 - data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +35 -0
 - data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +35 -0
 - data/vendor/assets/stylesheets/bootstrap/_type.scss +209 -0
 - data/vendor/assets/stylesheets/bootstrap/_utilities.scss +23 -0
 - data/vendor/assets/stylesheets/bootstrap/_variables.scss +99 -0
 - data/vendor/assets/stylesheets/bootstrap/_wells.scss +17 -0
 - metadata +68 -20
 - data/vendor/assets/javascripts/bootstrap-alerts.js +0 -124
 - data/vendor/assets/javascripts/bootstrap-buttons.js +0 -64
 - data/vendor/assets/javascripts/bootstrap-tabs.js +0 -80
 - data/vendor/assets/javascripts/bootstrap-twipsy.js +0 -321
 - data/vendor/assets/stylesheets/bootstrap.css.scss +0 -25
 - data/vendor/assets/stylesheets/bootstrap/forms.css.scss +0 -427
 - data/vendor/assets/stylesheets/bootstrap/mixins.css.scss +0 -216
 - data/vendor/assets/stylesheets/bootstrap/patterns.css.scss +0 -994
 - data/vendor/assets/stylesheets/bootstrap/reset.css.scss +0 -142
 - data/vendor/assets/stylesheets/bootstrap/scaffolding.css.scss +0 -129
 - data/vendor/assets/stylesheets/bootstrap/tables.css.scss +0 -212
 - data/vendor/assets/stylesheets/bootstrap/type.css.scss +0 -186
 - data/vendor/assets/stylesheets/bootstrap/variables.css.scss +0 -51
 
| 
         @@ -0,0 +1,30 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            // PAGER
         
     | 
| 
      
 2 
     | 
    
         
            +
            // -----
         
     | 
| 
      
 3 
     | 
    
         
            +
             
     | 
| 
      
 4 
     | 
    
         
            +
            .pager {
         
     | 
| 
      
 5 
     | 
    
         
            +
              margin-left: 0;
         
     | 
| 
      
 6 
     | 
    
         
            +
              margin-bottom: $baseLineHeight;
         
     | 
| 
      
 7 
     | 
    
         
            +
              list-style: none;
         
     | 
| 
      
 8 
     | 
    
         
            +
              text-align: center;
         
     | 
| 
      
 9 
     | 
    
         
            +
              @include clearfix();
         
     | 
| 
      
 10 
     | 
    
         
            +
            }
         
     | 
| 
      
 11 
     | 
    
         
            +
            .pager li {
         
     | 
| 
      
 12 
     | 
    
         
            +
              display: inline;
         
     | 
| 
      
 13 
     | 
    
         
            +
            }
         
     | 
| 
      
 14 
     | 
    
         
            +
            .pager a {
         
     | 
| 
      
 15 
     | 
    
         
            +
              display: inline-block;
         
     | 
| 
      
 16 
     | 
    
         
            +
              padding: 5px 14px;
         
     | 
| 
      
 17 
     | 
    
         
            +
              background-color: #fff;
         
     | 
| 
      
 18 
     | 
    
         
            +
              border: 1px solid #ddd;
         
     | 
| 
      
 19 
     | 
    
         
            +
              @include border-radius(15px);
         
     | 
| 
      
 20 
     | 
    
         
            +
            }
         
     | 
| 
      
 21 
     | 
    
         
            +
            .pager a:hover {
         
     | 
| 
      
 22 
     | 
    
         
            +
              text-decoration: none;
         
     | 
| 
      
 23 
     | 
    
         
            +
              background-color: #f5f5f5;
         
     | 
| 
      
 24 
     | 
    
         
            +
            }
         
     | 
| 
      
 25 
     | 
    
         
            +
            .pager .next a {
         
     | 
| 
      
 26 
     | 
    
         
            +
              float: right;
         
     | 
| 
      
 27 
     | 
    
         
            +
            }
         
     | 
| 
      
 28 
     | 
    
         
            +
            .pager .previous a {
         
     | 
| 
      
 29 
     | 
    
         
            +
              float: left;
         
     | 
| 
      
 30 
     | 
    
         
            +
            }
         
     | 
| 
         @@ -0,0 +1,53 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            // PAGINATION
         
     | 
| 
      
 2 
     | 
    
         
            +
            // ----------
         
     | 
| 
      
 3 
     | 
    
         
            +
             
     | 
| 
      
 4 
     | 
    
         
            +
            .pagination {
         
     | 
| 
      
 5 
     | 
    
         
            +
              height: $baseLineHeight * 2;
         
     | 
| 
      
 6 
     | 
    
         
            +
              margin: $baseLineHeight 0;
         
     | 
| 
      
 7 
     | 
    
         
            +
             }
         
     | 
| 
      
 8 
     | 
    
         
            +
            .pagination ul {
         
     | 
| 
      
 9 
     | 
    
         
            +
              display: inline-block;
         
     | 
| 
      
 10 
     | 
    
         
            +
              @include ie7-inline-block();
         
     | 
| 
      
 11 
     | 
    
         
            +
              margin-left: 0;
         
     | 
| 
      
 12 
     | 
    
         
            +
              margin-bottom: 0;
         
     | 
| 
      
 13 
     | 
    
         
            +
              @include border-radius(3px);
         
     | 
| 
      
 14 
     | 
    
         
            +
              @include box-shadow(0 1px 2px rgba(0,0,0,.05));
         
     | 
| 
      
 15 
     | 
    
         
            +
            }
         
     | 
| 
      
 16 
     | 
    
         
            +
            .pagination li {
         
     | 
| 
      
 17 
     | 
    
         
            +
              display: inline;
         
     | 
| 
      
 18 
     | 
    
         
            +
            }
         
     | 
| 
      
 19 
     | 
    
         
            +
            .pagination a {
         
     | 
| 
      
 20 
     | 
    
         
            +
              float: left;
         
     | 
| 
      
 21 
     | 
    
         
            +
              padding: 0 14px;
         
     | 
| 
      
 22 
     | 
    
         
            +
              line-height: ($baseLineHeight * 2) - 2;
         
     | 
| 
      
 23 
     | 
    
         
            +
              text-decoration: none;
         
     | 
| 
      
 24 
     | 
    
         
            +
              border: 1px solid #ddd;
         
     | 
| 
      
 25 
     | 
    
         
            +
              border-left-width: 0;
         
     | 
| 
      
 26 
     | 
    
         
            +
            }
         
     | 
| 
      
 27 
     | 
    
         
            +
            .pagination a:hover, .pagination .active a {
         
     | 
| 
      
 28 
     | 
    
         
            +
              background-color: #f5f5f5;
         
     | 
| 
      
 29 
     | 
    
         
            +
            }
         
     | 
| 
      
 30 
     | 
    
         
            +
            .pagination .active a {
         
     | 
| 
      
 31 
     | 
    
         
            +
              color: $grayLight;
         
     | 
| 
      
 32 
     | 
    
         
            +
              cursor: default;
         
     | 
| 
      
 33 
     | 
    
         
            +
            }
         
     | 
| 
      
 34 
     | 
    
         
            +
            .pagination .disabled a, .pagination .disabled a:hover {
         
     | 
| 
      
 35 
     | 
    
         
            +
              color: $grayLight;
         
     | 
| 
      
 36 
     | 
    
         
            +
              background-color: transparent;
         
     | 
| 
      
 37 
     | 
    
         
            +
              cursor: default;
         
     | 
| 
      
 38 
     | 
    
         
            +
            }
         
     | 
| 
      
 39 
     | 
    
         
            +
            .pagination li:first-child a {
         
     | 
| 
      
 40 
     | 
    
         
            +
              border-left-width: 1px;
         
     | 
| 
      
 41 
     | 
    
         
            +
              @include border-radius(3px 0 0 3px);
         
     | 
| 
      
 42 
     | 
    
         
            +
            }
         
     | 
| 
      
 43 
     | 
    
         
            +
            .pagination li:last-child a {
         
     | 
| 
      
 44 
     | 
    
         
            +
              @include border-radius(0 3px 3px 0);
         
     | 
| 
      
 45 
     | 
    
         
            +
            }
         
     | 
| 
      
 46 
     | 
    
         
            +
             
     | 
| 
      
 47 
     | 
    
         
            +
            // Centered
         
     | 
| 
      
 48 
     | 
    
         
            +
            .pagination-centered {
         
     | 
| 
      
 49 
     | 
    
         
            +
              text-align: center;
         
     | 
| 
      
 50 
     | 
    
         
            +
            }
         
     | 
| 
      
 51 
     | 
    
         
            +
            .pagination-right {
         
     | 
| 
      
 52 
     | 
    
         
            +
              text-align: right;
         
     | 
| 
      
 53 
     | 
    
         
            +
            }
         
     | 
| 
         @@ -0,0 +1,49 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            // POPOVERS
         
     | 
| 
      
 2 
     | 
    
         
            +
            // --------
         
     | 
| 
      
 3 
     | 
    
         
            +
             
     | 
| 
      
 4 
     | 
    
         
            +
            .popover {
         
     | 
| 
      
 5 
     | 
    
         
            +
              position: absolute;
         
     | 
| 
      
 6 
     | 
    
         
            +
              top: 0;
         
     | 
| 
      
 7 
     | 
    
         
            +
              left: 0;
         
     | 
| 
      
 8 
     | 
    
         
            +
              z-index: $zindexPopover;
         
     | 
| 
      
 9 
     | 
    
         
            +
              display: none;
         
     | 
| 
      
 10 
     | 
    
         
            +
              padding: 5px;
         
     | 
| 
      
 11 
     | 
    
         
            +
              &.top    { margin-top:  -5px; }
         
     | 
| 
      
 12 
     | 
    
         
            +
              &.right  { margin-left:  5px; }
         
     | 
| 
      
 13 
     | 
    
         
            +
              &.bottom { margin-top:   5px; }
         
     | 
| 
      
 14 
     | 
    
         
            +
              &.left   { margin-left: -5px; }
         
     | 
| 
      
 15 
     | 
    
         
            +
              &.top .arrow    { @include popoverArrowTop(); }
         
     | 
| 
      
 16 
     | 
    
         
            +
              &.right .arrow  { @include popoverArrowRight(); }
         
     | 
| 
      
 17 
     | 
    
         
            +
              &.bottom .arrow { @include popoverArrowBottom(); }
         
     | 
| 
      
 18 
     | 
    
         
            +
              &.left .arrow   { @include popoverArrowLeft();  }
         
     | 
| 
      
 19 
     | 
    
         
            +
              .arrow {
         
     | 
| 
      
 20 
     | 
    
         
            +
                position: absolute;
         
     | 
| 
      
 21 
     | 
    
         
            +
                width: 0;
         
     | 
| 
      
 22 
     | 
    
         
            +
                height: 0;
         
     | 
| 
      
 23 
     | 
    
         
            +
              }
         
     | 
| 
      
 24 
     | 
    
         
            +
            }
         
     | 
| 
      
 25 
     | 
    
         
            +
            .popover-inner {
         
     | 
| 
      
 26 
     | 
    
         
            +
              padding: 3px;
         
     | 
| 
      
 27 
     | 
    
         
            +
              width: 280px;
         
     | 
| 
      
 28 
     | 
    
         
            +
              overflow: hidden;
         
     | 
| 
      
 29 
     | 
    
         
            +
              background: $black; // has to be full background declaration for IE fallback
         
     | 
| 
      
 30 
     | 
    
         
            +
              background: rgba(0,0,0,.8);
         
     | 
| 
      
 31 
     | 
    
         
            +
              @include border-radius(6px);
         
     | 
| 
      
 32 
     | 
    
         
            +
              @include box-shadow(0 3px 7px rgba(0,0,0,0.3));
         
     | 
| 
      
 33 
     | 
    
         
            +
            }
         
     | 
| 
      
 34 
     | 
    
         
            +
            .popover-title {
         
     | 
| 
      
 35 
     | 
    
         
            +
              padding: 9px 15px;
         
     | 
| 
      
 36 
     | 
    
         
            +
              line-height: 1;
         
     | 
| 
      
 37 
     | 
    
         
            +
              background-color: #f5f5f5;
         
     | 
| 
      
 38 
     | 
    
         
            +
              border-bottom:1px solid #eee;
         
     | 
| 
      
 39 
     | 
    
         
            +
              @include border-radius(3px 3px 0 0);
         
     | 
| 
      
 40 
     | 
    
         
            +
            }
         
     | 
| 
      
 41 
     | 
    
         
            +
            .popover-content {
         
     | 
| 
      
 42 
     | 
    
         
            +
              padding: 14px;
         
     | 
| 
      
 43 
     | 
    
         
            +
              background-color: $white;
         
     | 
| 
      
 44 
     | 
    
         
            +
              @include border-radius(0 0 3px 3px);
         
     | 
| 
      
 45 
     | 
    
         
            +
              @include background-clip(padding-box);
         
     | 
| 
      
 46 
     | 
    
         
            +
              p, ul, ol {
         
     | 
| 
      
 47 
     | 
    
         
            +
                margin-bottom: 0;
         
     | 
| 
      
 48 
     | 
    
         
            +
              }
         
     | 
| 
      
 49 
     | 
    
         
            +
            }
         
     | 
| 
         @@ -0,0 +1,95 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            // PROGRESS BARS
         
     | 
| 
      
 2 
     | 
    
         
            +
            // -------------
         
     | 
| 
      
 3 
     | 
    
         
            +
             
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
      
 5 
     | 
    
         
            +
            // ANIMATIONS
         
     | 
| 
      
 6 
     | 
    
         
            +
            // ----------
         
     | 
| 
      
 7 
     | 
    
         
            +
             
     | 
| 
      
 8 
     | 
    
         
            +
            // Webkit
         
     | 
| 
      
 9 
     | 
    
         
            +
            @-webkit-keyframes progress-bar-stripes {
         
     | 
| 
      
 10 
     | 
    
         
            +
              from  { background-position: 0 0; }
         
     | 
| 
      
 11 
     | 
    
         
            +
              to    { background-position: 40px 0; }
         
     | 
| 
      
 12 
     | 
    
         
            +
            }
         
     | 
| 
      
 13 
     | 
    
         
            +
             
     | 
| 
      
 14 
     | 
    
         
            +
            // Firefox
         
     | 
| 
      
 15 
     | 
    
         
            +
            @-moz-keyframes progress-bar-stripes {
         
     | 
| 
      
 16 
     | 
    
         
            +
              from  { background-position: 0 0; }
         
     | 
| 
      
 17 
     | 
    
         
            +
              to    { background-position: 40px 0; }
         
     | 
| 
      
 18 
     | 
    
         
            +
            }
         
     | 
| 
      
 19 
     | 
    
         
            +
             
     | 
| 
      
 20 
     | 
    
         
            +
            // Spec
         
     | 
| 
      
 21 
     | 
    
         
            +
            @keyframes progress-bar-stripes {
         
     | 
| 
      
 22 
     | 
    
         
            +
              from  { background-position: 0 0; }
         
     | 
| 
      
 23 
     | 
    
         
            +
              to    { background-position: 40px 0; }
         
     | 
| 
      
 24 
     | 
    
         
            +
            }
         
     | 
| 
      
 25 
     | 
    
         
            +
             
     | 
| 
      
 26 
     | 
    
         
            +
             
     | 
| 
      
 27 
     | 
    
         
            +
             
     | 
| 
      
 28 
     | 
    
         
            +
            // THE BARS
         
     | 
| 
      
 29 
     | 
    
         
            +
            // --------
         
     | 
| 
      
 30 
     | 
    
         
            +
             
     | 
| 
      
 31 
     | 
    
         
            +
            // Outer container
         
     | 
| 
      
 32 
     | 
    
         
            +
            .progress {
         
     | 
| 
      
 33 
     | 
    
         
            +
              overflow: hidden;
         
     | 
| 
      
 34 
     | 
    
         
            +
              height: 18px;
         
     | 
| 
      
 35 
     | 
    
         
            +
              margin-bottom: 18px;
         
     | 
| 
      
 36 
     | 
    
         
            +
              @include gradient-vertical(#f5f5f5, #f9f9f9);
         
     | 
| 
      
 37 
     | 
    
         
            +
              @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
         
     | 
| 
      
 38 
     | 
    
         
            +
              @include border-radius(4px);
         
     | 
| 
      
 39 
     | 
    
         
            +
            }
         
     | 
| 
      
 40 
     | 
    
         
            +
             
     | 
| 
      
 41 
     | 
    
         
            +
            // Bar of progress
         
     | 
| 
      
 42 
     | 
    
         
            +
            .progress .bar {
         
     | 
| 
      
 43 
     | 
    
         
            +
              width: 0%;
         
     | 
| 
      
 44 
     | 
    
         
            +
              height: 18px;
         
     | 
| 
      
 45 
     | 
    
         
            +
              color: $white;
         
     | 
| 
      
 46 
     | 
    
         
            +
              font-size: 12px;
         
     | 
| 
      
 47 
     | 
    
         
            +
              text-align: center;
         
     | 
| 
      
 48 
     | 
    
         
            +
              text-shadow: 0 -1px 0 rgba(0,0,0,.25);
         
     | 
| 
      
 49 
     | 
    
         
            +
              @include gradient-vertical(#149bdf, #0480be);
         
     | 
| 
      
 50 
     | 
    
         
            +
              @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
         
     | 
| 
      
 51 
     | 
    
         
            +
              @include box-sizing(border-box);
         
     | 
| 
      
 52 
     | 
    
         
            +
              @include transition(width .6s ease);
         
     | 
| 
      
 53 
     | 
    
         
            +
            }
         
     | 
| 
      
 54 
     | 
    
         
            +
             
     | 
| 
      
 55 
     | 
    
         
            +
            // Striped bars
         
     | 
| 
      
 56 
     | 
    
         
            +
            .progress-striped .bar {
         
     | 
| 
      
 57 
     | 
    
         
            +
              @include gradient-striped(#62c462);
         
     | 
| 
      
 58 
     | 
    
         
            +
              @include background-size(40px 40px);
         
     | 
| 
      
 59 
     | 
    
         
            +
            }
         
     | 
| 
      
 60 
     | 
    
         
            +
             
     | 
| 
      
 61 
     | 
    
         
            +
            // Call animation for the active one
         
     | 
| 
      
 62 
     | 
    
         
            +
            .progress.active .bar {
         
     | 
| 
      
 63 
     | 
    
         
            +
              -webkit-animation: progress-bar-stripes 2s linear infinite;
         
     | 
| 
      
 64 
     | 
    
         
            +
                 -moz-animation: progress-bar-stripes 2s linear infinite;
         
     | 
| 
      
 65 
     | 
    
         
            +
                      animation: progress-bar-stripes 2s linear infinite;
         
     | 
| 
      
 66 
     | 
    
         
            +
            }
         
     | 
| 
      
 67 
     | 
    
         
            +
             
     | 
| 
      
 68 
     | 
    
         
            +
             
     | 
| 
      
 69 
     | 
    
         
            +
             
     | 
| 
      
 70 
     | 
    
         
            +
            // COLORS
         
     | 
| 
      
 71 
     | 
    
         
            +
            // ------
         
     | 
| 
      
 72 
     | 
    
         
            +
             
     | 
| 
      
 73 
     | 
    
         
            +
            // Danger (red)
         
     | 
| 
      
 74 
     | 
    
         
            +
            .progress-danger .bar {
         
     | 
| 
      
 75 
     | 
    
         
            +
              @include gradient-vertical(#ee5f5b, #c43c35);
         
     | 
| 
      
 76 
     | 
    
         
            +
            }
         
     | 
| 
      
 77 
     | 
    
         
            +
            .progress-danger.progress-striped .bar {
         
     | 
| 
      
 78 
     | 
    
         
            +
              @include gradient-striped(#ee5f5b);
         
     | 
| 
      
 79 
     | 
    
         
            +
            }
         
     | 
| 
      
 80 
     | 
    
         
            +
             
     | 
| 
      
 81 
     | 
    
         
            +
            // Success (green)
         
     | 
| 
      
 82 
     | 
    
         
            +
            .progress-success .bar {
         
     | 
| 
      
 83 
     | 
    
         
            +
              @include gradient-vertical(#62c462, #57a957);
         
     | 
| 
      
 84 
     | 
    
         
            +
            }
         
     | 
| 
      
 85 
     | 
    
         
            +
            .progress-success.progress-striped .bar {
         
     | 
| 
      
 86 
     | 
    
         
            +
              @include gradient-striped(#62c462);
         
     | 
| 
      
 87 
     | 
    
         
            +
            }
         
     | 
| 
      
 88 
     | 
    
         
            +
             
     | 
| 
      
 89 
     | 
    
         
            +
            // Info (teal)
         
     | 
| 
      
 90 
     | 
    
         
            +
            .progress-info .bar {
         
     | 
| 
      
 91 
     | 
    
         
            +
              @include gradient-vertical(#5bc0de, #339bb9);
         
     | 
| 
      
 92 
     | 
    
         
            +
            }
         
     | 
| 
      
 93 
     | 
    
         
            +
            .progress-info.progress-striped .bar {
         
     | 
| 
      
 94 
     | 
    
         
            +
              @include gradient-striped(#5bc0de);
         
     | 
| 
      
 95 
     | 
    
         
            +
            }
         
     | 
| 
         @@ -0,0 +1,105 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            // Reset.css.scss
         
     | 
| 
      
 2 
     | 
    
         
            +
            // Adapted from Normalize.css http://github.com/necolas/normalize.css
         
     | 
| 
      
 3 
     | 
    
         
            +
            // ------------------------------------------------------------------------
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
      
 5 
     | 
    
         
            +
            // Display in IE6-9 and FF3
         
     | 
| 
      
 6 
     | 
    
         
            +
            // -------------------------
         
     | 
| 
      
 7 
     | 
    
         
            +
             
     | 
| 
      
 8 
     | 
    
         
            +
            article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
         
     | 
| 
      
 9 
     | 
    
         
            +
              display: block;
         
     | 
| 
      
 10 
     | 
    
         
            +
            }
         
     | 
| 
      
 11 
     | 
    
         
            +
             
     | 
| 
      
 12 
     | 
    
         
            +
            // Display block in IE6-9 and FF3
         
     | 
| 
      
 13 
     | 
    
         
            +
            // -------------------------
         
     | 
| 
      
 14 
     | 
    
         
            +
             
     | 
| 
      
 15 
     | 
    
         
            +
            audio, canvas, video {
         
     | 
| 
      
 16 
     | 
    
         
            +
              display: inline-block;
         
     | 
| 
      
 17 
     | 
    
         
            +
              *display: inline;
         
     | 
| 
      
 18 
     | 
    
         
            +
              *zoom: 1;
         
     | 
| 
      
 19 
     | 
    
         
            +
            }
         
     | 
| 
      
 20 
     | 
    
         
            +
             
     | 
| 
      
 21 
     | 
    
         
            +
            // Prevents modern browsers from displaying 'audio' without controls
         
     | 
| 
      
 22 
     | 
    
         
            +
            // -------------------------
         
     | 
| 
      
 23 
     | 
    
         
            +
             
     | 
| 
      
 24 
     | 
    
         
            +
            audio:not([controls]) {
         
     | 
| 
      
 25 
     | 
    
         
            +
                display: none;
         
     | 
| 
      
 26 
     | 
    
         
            +
            }
         
     | 
| 
      
 27 
     | 
    
         
            +
             
     | 
| 
      
 28 
     | 
    
         
            +
            // Base settings
         
     | 
| 
      
 29 
     | 
    
         
            +
            // -------------------------
         
     | 
| 
      
 30 
     | 
    
         
            +
             
     | 
| 
      
 31 
     | 
    
         
            +
            html {
         
     | 
| 
      
 32 
     | 
    
         
            +
              font-size: 100%;
         
     | 
| 
      
 33 
     | 
    
         
            +
              -webkit-text-size-adjust: 100%;
         
     | 
| 
      
 34 
     | 
    
         
            +
                  -ms-text-size-adjust: 100%;
         
     | 
| 
      
 35 
     | 
    
         
            +
            }
         
     | 
| 
      
 36 
     | 
    
         
            +
            // Focus states
         
     | 
| 
      
 37 
     | 
    
         
            +
            a:focus {
         
     | 
| 
      
 38 
     | 
    
         
            +
              @include tab-focus();
         
     | 
| 
      
 39 
     | 
    
         
            +
            }
         
     | 
| 
      
 40 
     | 
    
         
            +
            // Hover & Active
         
     | 
| 
      
 41 
     | 
    
         
            +
            a:hover, a:active {
         
     | 
| 
      
 42 
     | 
    
         
            +
              outline: 0;
         
     | 
| 
      
 43 
     | 
    
         
            +
            }
         
     | 
| 
      
 44 
     | 
    
         
            +
             
     | 
| 
      
 45 
     | 
    
         
            +
            // Prevents sub and sup affecting line-height in all browsers
         
     | 
| 
      
 46 
     | 
    
         
            +
            // -------------------------
         
     | 
| 
      
 47 
     | 
    
         
            +
             
     | 
| 
      
 48 
     | 
    
         
            +
            sub, sup {
         
     | 
| 
      
 49 
     | 
    
         
            +
              position: relative;
         
     | 
| 
      
 50 
     | 
    
         
            +
              font-size: 75%;
         
     | 
| 
      
 51 
     | 
    
         
            +
              line-height: 0;
         
     | 
| 
      
 52 
     | 
    
         
            +
              vertical-align: baseline;
         
     | 
| 
      
 53 
     | 
    
         
            +
            }
         
     | 
| 
      
 54 
     | 
    
         
            +
            sup {
         
     | 
| 
      
 55 
     | 
    
         
            +
              top: -0.5em;
         
     | 
| 
      
 56 
     | 
    
         
            +
            }
         
     | 
| 
      
 57 
     | 
    
         
            +
            sub {
         
     | 
| 
      
 58 
     | 
    
         
            +
              bottom: -0.25em;
         
     | 
| 
      
 59 
     | 
    
         
            +
            }
         
     | 
| 
      
 60 
     | 
    
         
            +
             
     | 
| 
      
 61 
     | 
    
         
            +
            // Img border in a's and image quality
         
     | 
| 
      
 62 
     | 
    
         
            +
            // -------------------------
         
     | 
| 
      
 63 
     | 
    
         
            +
             
     | 
| 
      
 64 
     | 
    
         
            +
            img {
         
     | 
| 
      
 65 
     | 
    
         
            +
              max-width: 100%;
         
     | 
| 
      
 66 
     | 
    
         
            +
              height: auto;
         
     | 
| 
      
 67 
     | 
    
         
            +
              border: 0;
         
     | 
| 
      
 68 
     | 
    
         
            +
              -ms-interpolation-mode: bicubic;
         
     | 
| 
      
 69 
     | 
    
         
            +
            }
         
     | 
| 
      
 70 
     | 
    
         
            +
             
     | 
| 
      
 71 
     | 
    
         
            +
            // Forms
         
     | 
| 
      
 72 
     | 
    
         
            +
            // -------------------------
         
     | 
| 
      
 73 
     | 
    
         
            +
             
     | 
| 
      
 74 
     | 
    
         
            +
            // Font size in all browsers, margin changes, misc consistency
         
     | 
| 
      
 75 
     | 
    
         
            +
            button, input, select, textarea {
         
     | 
| 
      
 76 
     | 
    
         
            +
              margin: 0;
         
     | 
| 
      
 77 
     | 
    
         
            +
              font-size: 100%;
         
     | 
| 
      
 78 
     | 
    
         
            +
              vertical-align: middle;
         
     | 
| 
      
 79 
     | 
    
         
            +
            }
         
     | 
| 
      
 80 
     | 
    
         
            +
            button, input {
         
     | 
| 
      
 81 
     | 
    
         
            +
              *overflow: visible; // Inner spacing ie IE6/7
         
     | 
| 
      
 82 
     | 
    
         
            +
              line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
         
     | 
| 
      
 83 
     | 
    
         
            +
            }
         
     | 
| 
      
 84 
     | 
    
         
            +
            button::-moz-focus-inner, input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
         
     | 
| 
      
 85 
     | 
    
         
            +
              padding: 0;
         
     | 
| 
      
 86 
     | 
    
         
            +
              border: 0;
         
     | 
| 
      
 87 
     | 
    
         
            +
            }
         
     | 
| 
      
 88 
     | 
    
         
            +
            button, input[type="button"], input[type="reset"], input[type="submit"] {
         
     | 
| 
      
 89 
     | 
    
         
            +
              cursor: pointer; // Cursors on all buttons applied consistently
         
     | 
| 
      
 90 
     | 
    
         
            +
              -webkit-appearance: button; // Style clicable inputs in iOS
         
     | 
| 
      
 91 
     | 
    
         
            +
            }
         
     | 
| 
      
 92 
     | 
    
         
            +
            input[type="search"] { // Appearance in Safari/Chrome
         
     | 
| 
      
 93 
     | 
    
         
            +
              -webkit-appearance: textfield;
         
     | 
| 
      
 94 
     | 
    
         
            +
              -webkit-box-sizing: content-box;
         
     | 
| 
      
 95 
     | 
    
         
            +
                 -moz-box-sizing: content-box;
         
     | 
| 
      
 96 
     | 
    
         
            +
                      box-sizing: content-box;
         
     | 
| 
      
 97 
     | 
    
         
            +
            }
         
     | 
| 
      
 98 
     | 
    
         
            +
            input[type="search"]::-webkit-search-decoration,
         
     | 
| 
      
 99 
     | 
    
         
            +
            input[type="search"]::-webkit-search-cancel-button {
         
     | 
| 
      
 100 
     | 
    
         
            +
              -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
         
     | 
| 
      
 101 
     | 
    
         
            +
            }
         
     | 
| 
      
 102 
     | 
    
         
            +
            textarea {
         
     | 
| 
      
 103 
     | 
    
         
            +
              overflow: auto; // Remove vertical scrollbar in IE6-9
         
     | 
| 
      
 104 
     | 
    
         
            +
              vertical-align: top; // Readability and alignment cross-browser
         
     | 
| 
      
 105 
     | 
    
         
            +
            }
         
     | 
| 
         @@ -0,0 +1,29 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            // Scaffolding
         
     | 
| 
      
 2 
     | 
    
         
            +
            // Basic and global styles for generating a grid system, structural layout, and page templates
         
     | 
| 
      
 3 
     | 
    
         
            +
            // -------------------------------------------------------------------------------------------
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
      
 5 
     | 
    
         
            +
             
     | 
| 
      
 6 
     | 
    
         
            +
            // STRUCTURAL LAYOUT
         
     | 
| 
      
 7 
     | 
    
         
            +
            // -----------------
         
     | 
| 
      
 8 
     | 
    
         
            +
             
     | 
| 
      
 9 
     | 
    
         
            +
            body {
         
     | 
| 
      
 10 
     | 
    
         
            +
              margin: 0;
         
     | 
| 
      
 11 
     | 
    
         
            +
              font-family: $baseFontFamily;
         
     | 
| 
      
 12 
     | 
    
         
            +
              font-size: $baseFontSize;
         
     | 
| 
      
 13 
     | 
    
         
            +
              line-height: $baseLineHeight;
         
     | 
| 
      
 14 
     | 
    
         
            +
              color: $textColor;
         
     | 
| 
      
 15 
     | 
    
         
            +
              background-color: $white;
         
     | 
| 
      
 16 
     | 
    
         
            +
            }
         
     | 
| 
      
 17 
     | 
    
         
            +
             
     | 
| 
      
 18 
     | 
    
         
            +
             
     | 
| 
      
 19 
     | 
    
         
            +
            // LINKS
         
     | 
| 
      
 20 
     | 
    
         
            +
            // -----
         
     | 
| 
      
 21 
     | 
    
         
            +
             
     | 
| 
      
 22 
     | 
    
         
            +
            a {
         
     | 
| 
      
 23 
     | 
    
         
            +
              color: $linkColor;
         
     | 
| 
      
 24 
     | 
    
         
            +
              text-decoration: none;
         
     | 
| 
      
 25 
     | 
    
         
            +
            }
         
     | 
| 
      
 26 
     | 
    
         
            +
            a:hover {
         
     | 
| 
      
 27 
     | 
    
         
            +
              color: $linkColorHover;
         
     | 
| 
      
 28 
     | 
    
         
            +
              text-decoration: underline;
         
     | 
| 
      
 29 
     | 
    
         
            +
            }
         
     | 
| 
         @@ -0,0 +1,156 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            // SPRITES
         
     | 
| 
      
 2 
     | 
    
         
            +
            // Glyphs and icons for buttons, nav, and more
         
     | 
| 
      
 3 
     | 
    
         
            +
            // -------------------------------------------
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
      
 5 
     | 
    
         
            +
             
     | 
| 
      
 6 
     | 
    
         
            +
            // ICONS
         
     | 
| 
      
 7 
     | 
    
         
            +
            // -----
         
     | 
| 
      
 8 
     | 
    
         
            +
             
     | 
| 
      
 9 
     | 
    
         
            +
            // All icons receive the styles of the <i> tag with a base class 
         
     | 
| 
      
 10 
     | 
    
         
            +
            // of .i and are then given a unique class to add width, height, 
         
     | 
| 
      
 11 
     | 
    
         
            +
            // and background-position. Your resulting HTML will look like
         
     | 
| 
      
 12 
     | 
    
         
            +
            // <i class="i icon-inbox"></i>.
         
     | 
| 
      
 13 
     | 
    
         
            +
             
     | 
| 
      
 14 
     | 
    
         
            +
            // For the white version of the  icons, just add the .icon-white class:
         
     | 
| 
      
 15 
     | 
    
         
            +
            // <i class="i icon-inbox icon-white"></i>
         
     | 
| 
      
 16 
     | 
    
         
            +
             
     | 
| 
      
 17 
     | 
    
         
            +
            [class^="icon-"] {
         
     | 
| 
      
 18 
     | 
    
         
            +
              display: inline-block;
         
     | 
| 
      
 19 
     | 
    
         
            +
              width: 14px;
         
     | 
| 
      
 20 
     | 
    
         
            +
              height: 14px;
         
     | 
| 
      
 21 
     | 
    
         
            +
              vertical-align: text-top;
         
     | 
| 
      
 22 
     | 
    
         
            +
              background-image: asset-url("glyphicons-halflings.png", image);
         
     | 
| 
      
 23 
     | 
    
         
            +
              background-position: 14px 14px;
         
     | 
| 
      
 24 
     | 
    
         
            +
              background-repeat: no-repeat;
         
     | 
| 
      
 25 
     | 
    
         
            +
             
     | 
| 
      
 26 
     | 
    
         
            +
              @include ie7-restore-right-whitespace();
         
     | 
| 
      
 27 
     | 
    
         
            +
            }
         
     | 
| 
      
 28 
     | 
    
         
            +
            .icon-white {
         
     | 
| 
      
 29 
     | 
    
         
            +
              background-image: asset-url("glyphicons-halflings-white.png", image);
         
     | 
| 
      
 30 
     | 
    
         
            +
            }
         
     | 
| 
      
 31 
     | 
    
         
            +
             
     | 
| 
      
 32 
     | 
    
         
            +
            .icon-glass              { background-position: 0      0; }
         
     | 
| 
      
 33 
     | 
    
         
            +
            .icon-music              { background-position: -24px  0; }
         
     | 
| 
      
 34 
     | 
    
         
            +
            .icon-search             { background-position: -48px  0; }
         
     | 
| 
      
 35 
     | 
    
         
            +
            .icon-envelope           { background-position: -72px  0; }
         
     | 
| 
      
 36 
     | 
    
         
            +
            .icon-heart              { background-position: -96px  0; }
         
     | 
| 
      
 37 
     | 
    
         
            +
            .icon-star               { background-position: -120px 0; }
         
     | 
| 
      
 38 
     | 
    
         
            +
            .icon-star-empty         { background-position: -144px 0; }
         
     | 
| 
      
 39 
     | 
    
         
            +
            .icon-user               { background-position: -168px 0; }
         
     | 
| 
      
 40 
     | 
    
         
            +
            .icon-film               { background-position: -192px 0; }
         
     | 
| 
      
 41 
     | 
    
         
            +
            .icon-th-large           { background-position: -216px 0; }
         
     | 
| 
      
 42 
     | 
    
         
            +
            .icon-th                 { background-position: -240px 0; }
         
     | 
| 
      
 43 
     | 
    
         
            +
            .icon-th-list            { background-position: -264px 0; }
         
     | 
| 
      
 44 
     | 
    
         
            +
            .icon-ok                 { background-position: -288px 0; }
         
     | 
| 
      
 45 
     | 
    
         
            +
            .icon-remove             { background-position: -312px 0; }
         
     | 
| 
      
 46 
     | 
    
         
            +
            .icon-zoom-in            { background-position: -336px 0; }
         
     | 
| 
      
 47 
     | 
    
         
            +
            .icon-zoom-out           { background-position: -360px 0; }
         
     | 
| 
      
 48 
     | 
    
         
            +
            .icon-off                { background-position: -384px 0; }
         
     | 
| 
      
 49 
     | 
    
         
            +
            .icon-signal             { background-position: -408px 0; }
         
     | 
| 
      
 50 
     | 
    
         
            +
            .icon-cog                { background-position: -432px 0; }
         
     | 
| 
      
 51 
     | 
    
         
            +
            .icon-trash              { background-position: -456px 0; }
         
     | 
| 
      
 52 
     | 
    
         
            +
             
     | 
| 
      
 53 
     | 
    
         
            +
            .icon-home               { background-position: 0      -24px; }
         
     | 
| 
      
 54 
     | 
    
         
            +
            .icon-file               { background-position: -24px  -24px; }
         
     | 
| 
      
 55 
     | 
    
         
            +
            .icon-time               { background-position: -48px  -24px; }
         
     | 
| 
      
 56 
     | 
    
         
            +
            .icon-road               { background-position: -72px  -24px; }
         
     | 
| 
      
 57 
     | 
    
         
            +
            .icon-download-alt       { background-position: -96px  -24px; }
         
     | 
| 
      
 58 
     | 
    
         
            +
            .icon-download           { background-position: -120px -24px; }
         
     | 
| 
      
 59 
     | 
    
         
            +
            .icon-upload             { background-position: -144px -24px; }
         
     | 
| 
      
 60 
     | 
    
         
            +
            .icon-inbox              { background-position: -168px -24px; }
         
     | 
| 
      
 61 
     | 
    
         
            +
            .icon-play-circle        { background-position: -192px -24px; }
         
     | 
| 
      
 62 
     | 
    
         
            +
            .icon-repeat             { background-position: -216px -24px; }
         
     | 
| 
      
 63 
     | 
    
         
            +
            .icon-refresh            { background-position: -240px -24px; }
         
     | 
| 
      
 64 
     | 
    
         
            +
            .icon-list-alt           { background-position: -264px -24px; }
         
     | 
| 
      
 65 
     | 
    
         
            +
            .icon-lock               { background-position: -287px -24px; } // 1px off
         
     | 
| 
      
 66 
     | 
    
         
            +
            .icon-flag               { background-position: -312px -24px; }
         
     | 
| 
      
 67 
     | 
    
         
            +
            .icon-headphones         { background-position: -336px -24px; }
         
     | 
| 
      
 68 
     | 
    
         
            +
            .icon-volume-off         { background-position: -360px -24px; }
         
     | 
| 
      
 69 
     | 
    
         
            +
            .icon-volume-down        { background-position: -384px -24px; }
         
     | 
| 
      
 70 
     | 
    
         
            +
            .icon-volume-up          { background-position: -408px -24px; }
         
     | 
| 
      
 71 
     | 
    
         
            +
            .icon-qrcode             { background-position: -432px -24px; }
         
     | 
| 
      
 72 
     | 
    
         
            +
            .icon-barcode            { background-position: -456px -24px; }
         
     | 
| 
      
 73 
     | 
    
         
            +
             
     | 
| 
      
 74 
     | 
    
         
            +
            .icon-tag                { background-position: 0      -48px; }
         
     | 
| 
      
 75 
     | 
    
         
            +
            .icon-tags               { background-position: -25px  -48px; } // 1px off
         
     | 
| 
      
 76 
     | 
    
         
            +
            .icon-book               { background-position: -48px  -48px; }
         
     | 
| 
      
 77 
     | 
    
         
            +
            .icon-bookmark           { background-position: -72px  -48px; }
         
     | 
| 
      
 78 
     | 
    
         
            +
            .icon-print              { background-position: -96px  -48px; }
         
     | 
| 
      
 79 
     | 
    
         
            +
            .icon-camera             { background-position: -120px -48px; }
         
     | 
| 
      
 80 
     | 
    
         
            +
            .icon-font               { background-position: -144px -48px; }
         
     | 
| 
      
 81 
     | 
    
         
            +
            .icon-bold               { background-position: -167px -48px; } // 1px off
         
     | 
| 
      
 82 
     | 
    
         
            +
            .icon-italic             { background-position: -192px -48px; }
         
     | 
| 
      
 83 
     | 
    
         
            +
            .icon-text-height        { background-position: -216px -48px; }
         
     | 
| 
      
 84 
     | 
    
         
            +
            .icon-text-width         { background-position: -240px -48px; }
         
     | 
| 
      
 85 
     | 
    
         
            +
            .icon-align-left         { background-position: -264px -48px; }
         
     | 
| 
      
 86 
     | 
    
         
            +
            .icon-align-center       { background-position: -288px -48px; }
         
     | 
| 
      
 87 
     | 
    
         
            +
            .icon-align-right        { background-position: -312px -48px; }
         
     | 
| 
      
 88 
     | 
    
         
            +
            .icon-align-justify      { background-position: -336px -48px; }
         
     | 
| 
      
 89 
     | 
    
         
            +
            .icon-list               { background-position: -360px -48px; }
         
     | 
| 
      
 90 
     | 
    
         
            +
            .icon-indent-left        { background-position: -384px -48px; }
         
     | 
| 
      
 91 
     | 
    
         
            +
            .icon-indent-right       { background-position: -408px -48px; }
         
     | 
| 
      
 92 
     | 
    
         
            +
            .icon-facetime-video     { background-position: -432px -48px; }
         
     | 
| 
      
 93 
     | 
    
         
            +
            .icon-picture            { background-position: -456px -48px; }
         
     | 
| 
      
 94 
     | 
    
         
            +
             
     | 
| 
      
 95 
     | 
    
         
            +
            .icon-pencil             { background-position: 0      -72px; }
         
     | 
| 
      
 96 
     | 
    
         
            +
            .icon-map-marker         { background-position: -24px  -72px; }
         
     | 
| 
      
 97 
     | 
    
         
            +
            .icon-adjust             { background-position: -48px  -72px; }
         
     | 
| 
      
 98 
     | 
    
         
            +
            .icon-tint               { background-position: -72px  -72px; }
         
     | 
| 
      
 99 
     | 
    
         
            +
            .icon-edit               { background-position: -96px  -72px; }
         
     | 
| 
      
 100 
     | 
    
         
            +
            .icon-share              { background-position: -120px -72px; }
         
     | 
| 
      
 101 
     | 
    
         
            +
            .icon-check              { background-position: -144px -72px; }
         
     | 
| 
      
 102 
     | 
    
         
            +
            .icon-move               { background-position: -168px -72px; }
         
     | 
| 
      
 103 
     | 
    
         
            +
            .icon-step-backward      { background-position: -192px -72px; }
         
     | 
| 
      
 104 
     | 
    
         
            +
            .icon-fast-backward      { background-position: -216px -72px; }
         
     | 
| 
      
 105 
     | 
    
         
            +
            .icon-backward           { background-position: -240px -72px; }
         
     | 
| 
      
 106 
     | 
    
         
            +
            .icon-play               { background-position: -264px -72px; }
         
     | 
| 
      
 107 
     | 
    
         
            +
            .icon-pause              { background-position: -288px -72px; }
         
     | 
| 
      
 108 
     | 
    
         
            +
            .icon-stop               { background-position: -312px -72px; }
         
     | 
| 
      
 109 
     | 
    
         
            +
            .icon-forward            { background-position: -336px -72px; }
         
     | 
| 
      
 110 
     | 
    
         
            +
            .icon-fast-forward       { background-position: -360px -72px; }
         
     | 
| 
      
 111 
     | 
    
         
            +
            .icon-step-forward       { background-position: -384px -72px; }
         
     | 
| 
      
 112 
     | 
    
         
            +
            .icon-eject              { background-position: -408px -72px; }
         
     | 
| 
      
 113 
     | 
    
         
            +
            .icon-chevron-left       { background-position: -432px -72px; }
         
     | 
| 
      
 114 
     | 
    
         
            +
            .icon-chevron-right      { background-position: -456px -72px; }
         
     | 
| 
      
 115 
     | 
    
         
            +
             
     | 
| 
      
 116 
     | 
    
         
            +
            .icon-plus-sign          { background-position: 0      -96px; }
         
     | 
| 
      
 117 
     | 
    
         
            +
            .icon-minus-sign         { background-position: -24px  -96px; }
         
     | 
| 
      
 118 
     | 
    
         
            +
            .icon-remove-sign        { background-position: -48px  -96px; }
         
     | 
| 
      
 119 
     | 
    
         
            +
            .icon-ok-sign            { background-position: -72px  -96px; }
         
     | 
| 
      
 120 
     | 
    
         
            +
            .icon-question-sign      { background-position: -96px  -96px; }
         
     | 
| 
      
 121 
     | 
    
         
            +
            .icon-info-sign          { background-position: -120px -96px; }
         
     | 
| 
      
 122 
     | 
    
         
            +
            .icon-screenshot         { background-position: -144px -96px; }
         
     | 
| 
      
 123 
     | 
    
         
            +
            .icon-remove-circle      { background-position: -168px -96px; }
         
     | 
| 
      
 124 
     | 
    
         
            +
            .icon-ok-circle          { background-position: -192px -96px; }
         
     | 
| 
      
 125 
     | 
    
         
            +
            .icon-ban-circle         { background-position: -216px -96px; }
         
     | 
| 
      
 126 
     | 
    
         
            +
            .icon-arrow-left         { background-position: -240px -96px; }
         
     | 
| 
      
 127 
     | 
    
         
            +
            .icon-arrow-right        { background-position: -264px -96px; }
         
     | 
| 
      
 128 
     | 
    
         
            +
            .icon-arrow-up           { background-position: -289px -96px; } // 1px off
         
     | 
| 
      
 129 
     | 
    
         
            +
            .icon-arrow-down         { background-position: -312px -96px; }
         
     | 
| 
      
 130 
     | 
    
         
            +
            .icon-share-alt          { background-position: -336px -96px; }
         
     | 
| 
      
 131 
     | 
    
         
            +
            .icon-resize-full        { background-position: -360px -96px; }
         
     | 
| 
      
 132 
     | 
    
         
            +
            .icon-resize-small       { background-position: -384px -96px; }
         
     | 
| 
      
 133 
     | 
    
         
            +
            .icon-plus               { background-position: -408px -96px; }
         
     | 
| 
      
 134 
     | 
    
         
            +
            .icon-minus              { background-position: -433px -96px; }
         
     | 
| 
      
 135 
     | 
    
         
            +
            .icon-asterisk           { background-position: -456px -96px; }
         
     | 
| 
      
 136 
     | 
    
         
            +
             
     | 
| 
      
 137 
     | 
    
         
            +
            .icon-exclamation-sign   { background-position: 0      -120px; }
         
     | 
| 
      
 138 
     | 
    
         
            +
            .icon-gift               { background-position: -24px  -120px; }
         
     | 
| 
      
 139 
     | 
    
         
            +
            .icon-leaf               { background-position: -48px  -120px; }
         
     | 
| 
      
 140 
     | 
    
         
            +
            .icon-fire               { background-position: -72px  -120px; }
         
     | 
| 
      
 141 
     | 
    
         
            +
            .icon-eye-open           { background-position: -96px  -120px; }
         
     | 
| 
      
 142 
     | 
    
         
            +
            .icon-eye-close          { background-position: -120px -120px; }
         
     | 
| 
      
 143 
     | 
    
         
            +
            .icon-warning-sign       { background-position: -144px -120px; }
         
     | 
| 
      
 144 
     | 
    
         
            +
            .icon-plane              { background-position: -168px -120px; }
         
     | 
| 
      
 145 
     | 
    
         
            +
            .icon-calendar           { background-position: -192px -120px; }
         
     | 
| 
      
 146 
     | 
    
         
            +
            .icon-random             { background-position: -216px -120px; }
         
     | 
| 
      
 147 
     | 
    
         
            +
            .icon-comment            { background-position: -240px -120px; }
         
     | 
| 
      
 148 
     | 
    
         
            +
            .icon-magnet             { background-position: -264px -120px; }
         
     | 
| 
      
 149 
     | 
    
         
            +
            .icon-chevron-up         { background-position: -288px -120px; }
         
     | 
| 
      
 150 
     | 
    
         
            +
            .icon-chevron-down       { background-position: -313px -119px; } // 1px off
         
     | 
| 
      
 151 
     | 
    
         
            +
            .icon-retweet            { background-position: -336px -120px; }
         
     | 
| 
      
 152 
     | 
    
         
            +
            .icon-shopping-cart      { background-position: -360px -120px; }
         
     | 
| 
      
 153 
     | 
    
         
            +
            .icon-folder-close       { background-position: -384px -120px; }
         
     | 
| 
      
 154 
     | 
    
         
            +
            .icon-folder-open        { background-position: -408px -120px; }
         
     | 
| 
      
 155 
     | 
    
         
            +
            .icon-resize-vertical    { background-position: -432px -119px; }
         
     | 
| 
      
 156 
     | 
    
         
            +
            .icon-resize-horizontal  { background-position: -456px -118px; }
         
     |