ZURB-foundation 2.1.5.2 → 2.2
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.
- data/README.mkdn +35 -3
- data/lib/ZURB-foundation.rb +2 -2
- data/stylesheets/zurb/_buttons.sass +91 -59
- data/stylesheets/zurb/_forms.sass +62 -30
- data/stylesheets/zurb/_globals.sass +23 -35
- data/stylesheets/zurb/_grid.sass +18 -3
- data/stylesheets/zurb/_mobile.sass +66 -48
- data/stylesheets/zurb/_orbit.sass +16 -33
- data/stylesheets/zurb/_reveal.sass +20 -15
- data/stylesheets/zurb/_typography.sass +7 -13
- data/stylesheets/zurb/_ui.sass +149 -113
- data/stylesheets/zurb/shared/_colors.sass +1 -1
- data/stylesheets/zurb/shared/_mixins.sass +4 -4
- data/templates/project/MIT-LICENSE.txt +1 -1
- data/templates/project/humans.txt +1 -1
- data/templates/project/index.html +35 -23
- data/templates/project/javascripts/app.js +20 -2
- data/templates/project/javascripts/jquery.customforms.js +18 -4
- data/templates/project/javascripts/jquery.orbit-1.4.0.js +9 -3
- data/templates/project/javascripts/jquery.reveal.js +63 -37
- data/templates/project/javascripts/jquery.tooltips.js +126 -76
- data/templates/project/javascripts/modernizr.foundation.js +3 -3
- data/templates/project/manifest.rb +1 -1
- data/templates/project/sass/_settings.sass +15 -12
- data/templates/project/sass/app.sass +14 -7
- data/templates/project/sass/foundation.sass +17 -0
- data/templates/project/sass/ie.sass +15 -1
- metadata +5 -5
- data/templates/project/javascripts/forms.jquery.js +0 -58
| @@ -1,61 +1,43 @@ | |
| 1 1 | 
             
            // Table of Contents:
         | 
| 2 2 | 
             
            //
         | 
| 3 | 
            -
            //  | 
| 4 | 
            -
            // Body
         | 
| 3 | 
            +
            // Reset & Standards
         | 
| 5 4 | 
             
            // Links
         | 
| 6 5 | 
             
            // Lists
         | 
| 7 6 | 
             
            // Tables
         | 
| 8 7 | 
             
            // Misc
         | 
| 9 8 | 
             
            //                     
         | 
| 10 9 |  | 
| 11 | 
            -
            //  | 
| 12 | 
            -
             | 
| 10 | 
            +
            // Global Reset & Standards
         | 
| 11 | 
            +
            //-----------------------------------------
         | 
| 13 12 |  | 
| 13 | 
            +
            //	Eric Meyer's CSS Reset
         | 
| 14 | 
            +
            //	http://meyerweb.com/eric/tools/css/reset/ 
         | 
| 15 | 
            +
            //	v2.0 | 20110126
         | 
| 16 | 
            +
            //  License: none (public domain)
         | 
| 14 17 |  | 
| 15 | 
            -
            html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,  | 
| 16 | 
            -
              margin: 0 | 
| 18 | 
            +
            html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video
         | 
| 19 | 
            +
              margin: 0
         | 
| 17 20 | 
             
              padding: 0
         | 
| 18 21 | 
             
              border: 0
         | 
| 19 22 | 
             
              font: inherit
         | 
| 20 23 | 
             
              vertical-align: baseline
         | 
| 21 24 | 
             
            html
         | 
| 22 25 | 
             
              font-size: 62.5%
         | 
| 23 | 
            -
             | 
| 24 | 
            -
            // HTML 5 reset for older browsers
         | 
| 25 | 
            -
            //-----------------------------------------
         | 
| 26 | 
            -
             | 
| 26 | 
            +
            // HTML5 display-role reset for older browsers
         | 
| 27 27 | 
             
            article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
         | 
| 28 28 | 
             
              display: block
         | 
| 29 29 | 
             
            body
         | 
| 30 30 | 
             
              line-height: 1
         | 
| 31 | 
            -
            ol, | 
| 31 | 
            +
            ol,ul
         | 
| 32 32 | 
             
              list-style: none
         | 
| 33 33 | 
             
            blockquote, q
         | 
| 34 34 | 
             
              quotes: none
         | 
| 35 | 
            -
             | 
| 36 | 
            -
             | 
| 37 | 
            -
             | 
| 35 | 
            +
            blockquote:before, blockquote:after, q:before, q:after
         | 
| 36 | 
            +
              content: ""
         | 
| 37 | 
            +
              content: none
         | 
| 38 38 | 
             
            table
         | 
| 39 39 | 
             
              border-collapse: collapse
         | 
| 40 40 | 
             
              border-spacing: 0
         | 
| 41 | 
            -
                
         | 
| 42 | 
            -
            // Nicolas Gallagher's micro clearfix - http://nicolasgallagher.com/micro-clearfix-hack/
         | 
| 43 | 
            -
            //----------------------------------------------------------------------------------------------------
         | 
| 44 | 
            -
             | 
| 45 | 
            -
            // For modern browsers
         | 
| 46 | 
            -
            .clearfix
         | 
| 47 | 
            -
              &:before, &:after
         | 
| 48 | 
            -
                content: ""
         | 
| 49 | 
            -
                display: table
         | 
| 50 | 
            -
              &:after
         | 
| 51 | 
            -
                clear: both
         | 
| 52 | 
            -
             | 
| 53 | 
            -
            // For IE 6/7 (triggers hasLayout)
         | 
| 54 | 
            -
            .clearfix
         | 
| 55 | 
            -
              zoom: 1
         | 
| 56 | 
            -
              
         | 
| 57 | 
            -
            // Base Cascade
         | 
| 58 | 
            -
            //----------------------------------------------
         | 
| 59 41 |  | 
| 60 42 | 
             
            body
         | 
| 61 43 | 
             
              background: $body-background
         | 
| @@ -70,15 +52,14 @@ body | |
| 70 52 | 
             
            //-----------------------------------------
         | 
| 71 53 |  | 
| 72 54 | 
             
            a
         | 
| 73 | 
            -
              color: $ | 
| 55 | 
            +
              color: $default-color
         | 
| 74 56 | 
             
              text-decoration: none
         | 
| 75 57 | 
             
              line-height: inherit
         | 
| 76 58 | 
             
              &:hover
         | 
| 77 | 
            -
                color: lighten($ | 
| 59 | 
            +
                color: lighten($default-color, 10%)
         | 
| 78 60 | 
             
              &:focus
         | 
| 79 61 | 
             
                color: $orange
         | 
| 80 62 | 
             
                outline: none
         | 
| 81 | 
            -
                
         | 
| 82 63 | 
             
            p
         | 
| 83 64 | 
             
              a, a:visited
         | 
| 84 65 | 
             
                line-height: inherit
         | 
| @@ -141,6 +122,10 @@ table | |
| 141 122 | 
             
                    +font-size(12)
         | 
| 142 123 | 
             
                    line-height: 18px
         | 
| 143 124 | 
             
                    text-align: left
         | 
| 125 | 
            +
                    color: #333
         | 
| 126 | 
            +
                    padding: 9px 10px
         | 
| 127 | 
            +
                    vertical-align: top
         | 
| 128 | 
            +
                    border: none
         | 
| 144 129 | 
             
              tfoot
         | 
| 145 130 | 
             
                tr
         | 
| 146 131 | 
             
                  td
         | 
| @@ -169,3 +154,6 @@ table | |
| 169 154 | 
             
              display: none
         | 
| 170 155 | 
             
            .highlight
         | 
| 171 156 | 
             
              background: $yellow
         | 
| 157 | 
            +
             | 
| 158 | 
            +
            #googlemap img, object, embed, #map_canvas embed, #map_canvas img, #map_canvas object
         | 
| 159 | 
            +
              max-width: none
         | 
    
        data/stylesheets/zurb/_grid.sass
    CHANGED
    
    | @@ -1,8 +1,12 @@ | |
| 1 | 
            +
            // Grid
         | 
| 2 | 
            +
            //--------------------------------------
         | 
| 3 | 
            +
            // This is the mobile-friendly, responsive grid that
         | 
| 4 | 
            +
            // lets Foundation work much of its magic
         | 
| 5 | 
            +
             | 
| 1 6 | 
             
            .container
         | 
| 2 7 | 
             
              padding: 0 20px
         | 
| 3 8 |  | 
| 4 9 | 
             
            .row
         | 
| 5 | 
            -
              @extend .clearfix
         | 
| 6 10 | 
             
              width: 100%
         | 
| 7 11 | 
             
              max-width: $grid-max-width
         | 
| 8 12 | 
             
              min-width: $grid-min-width
         | 
| @@ -17,6 +21,8 @@ | |
| 17 21 | 
             
              position: relative
         | 
| 18 22 | 
             
              &:first-child
         | 
| 19 23 | 
             
                margin-left: 0
         | 
| 24 | 
            +
            [class*="column"]+[class*='column']:last-child
         | 
| 25 | 
            +
              float: right
         | 
| 20 26 |  | 
| 21 27 | 
             
            .row
         | 
| 22 28 | 
             
              .one.columns
         | 
| @@ -24,7 +30,7 @@ | |
| 24 30 | 
             
              .two.columns
         | 
| 25 31 | 
             
                width: 13%
         | 
| 26 32 | 
             
              .three.columns
         | 
| 27 | 
            -
                width: 21. | 
| 33 | 
            +
                width: 21.679%
         | 
| 28 34 | 
             
              .four.columns
         | 
| 29 35 | 
             
                width: 30.37%
         | 
| 30 36 | 
             
              .five.columns
         | 
| @@ -90,6 +96,7 @@ | |
| 90 96 | 
             
              .centered
         | 
| 91 97 | 
             
                float: none
         | 
| 92 98 | 
             
                margin: 0 auto
         | 
| 99 | 
            +
                
         | 
| 93 100 | 
             
            // Source Ordering
         | 
| 94 101 | 
             
            .push-two
         | 
| 95 102 | 
             
              left: 17.4%
         | 
| @@ -129,7 +136,6 @@ | |
| 129 136 | 
             
            .pull-ten
         | 
| 130 137 | 
             
              right: 87%
         | 
| 131 138 |  | 
| 132 | 
            -
             | 
| 133 139 | 
             
            img, object, embed
         | 
| 134 140 | 
             
              max-width: 100%
         | 
| 135 141 | 
             
              height: auto
         | 
| @@ -137,6 +143,15 @@ img | |
| 137 143 | 
             
              -ms-interpolation-mode: bicubic
         | 
| 138 144 | 
             
            #map_canvas img, .map_canvas img 
         | 
| 139 145 | 
             
              max-width: none !important
         | 
| 146 | 
            +
             | 
| 147 | 
            +
            // Nicolas Gallagher's micro clearfix
         | 
| 148 | 
            +
            .row:before, .row:after, .clearfix:before, .clearfix:after
         | 
| 149 | 
            +
              content: ""
         | 
| 150 | 
            +
              display: table
         | 
| 151 | 
            +
            .row:after, .clearfix:after
         | 
| 152 | 
            +
              clear: both
         | 
| 153 | 
            +
            .row, .clearfix
         | 
| 154 | 
            +
              zoom: 1
         | 
| 140 155 |  | 
| 141 156 | 
             
            // Blockgrids
         | 
| 142 157 | 
             
            //----------------------------------------------------------------------------------------------------
         | 
| @@ -27,6 +27,8 @@ | |
| 27 27 | 
             
                +font-size(15)
         | 
| 28 28 | 
             
                line-height: 1.4
         | 
| 29 29 |  | 
| 30 | 
            +
            // Grid
         | 
| 31 | 
            +
            //---------------------------------------------------
         | 
| 30 32 | 
             
            @media only screen and (max-width: 767px)
         | 
| 31 33 | 
             
              body
         | 
| 32 34 | 
             
                -webkit-text-size-adjust: none
         | 
| @@ -55,6 +57,14 @@ | |
| 55 57 | 
             
                margin-right: 0
         | 
| 56 58 | 
             
              .column:last-child, .columns:last-child
         | 
| 57 59 | 
             
                margin-right: 0
         | 
| 60 | 
            +
                float: none
         | 
| 61 | 
            +
              [class*="column"]+[class*="column"]:last-child
         | 
| 62 | 
            +
                float: none
         | 
| 63 | 
            +
              [class*="column"]:before, [class*="column"]:after
         | 
| 64 | 
            +
                content: ""
         | 
| 65 | 
            +
                display: table
         | 
| 66 | 
            +
              [class*="column"]
         | 
| 67 | 
            +
                clear: both
         | 
| 58 68 | 
             
              .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .centered
         | 
| 59 69 | 
             
                margin-left: 0% !important
         | 
| 60 70 | 
             
              .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten
         | 
| @@ -62,7 +72,7 @@ | |
| 62 72 | 
             
              .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten
         | 
| 63 73 | 
             
                right: none
         | 
| 64 74 | 
             
            // Mobile 4-column Grid
         | 
| 65 | 
            -
             | 
| 75 | 
            +
            //----------------------------------------------
         | 
| 66 76 | 
             
            .row
         | 
| 67 77 | 
             
              .phone-one.column:first-child, .phone-two.column:first-child, .phone-three.column:first-child, .phone-four.column:first-child, .phone-one.columns:first-child, .phone-two.columns:first-child, .phone-three.columns:first-child, .phone-four.columns:first-child
         | 
| 68 78 | 
             
                margin-left: 0
         | 
| @@ -94,8 +104,9 @@ | |
| 94 104 | 
             
                right: 52.2%
         | 
| 95 105 | 
             
              .columns.pull-three-phone
         | 
| 96 106 | 
             
                right: 78.3%
         | 
| 107 | 
            +
                
         | 
| 97 108 | 
             
            // Block Grid
         | 
| 98 | 
            -
             | 
| 109 | 
            +
            //--------------------------------------------------
         | 
| 99 110 | 
             
            @media only screen and (max-width: 767px)
         | 
| 100 111 | 
             
              .block-grid.mobile
         | 
| 101 112 | 
             
                margin-left: 0%
         | 
| @@ -105,7 +116,7 @@ | |
| 105 116 | 
             
                  margin-left: 0%
         | 
| 106 117 |  | 
| 107 118 | 
             
            // Mobile Visibility Affordances
         | 
| 108 | 
            -
             | 
| 119 | 
            +
            //---------------------------------------------------
         | 
| 109 120 | 
             
            .show-on-phones
         | 
| 110 121 | 
             
              display: none !important
         | 
| 111 122 | 
             
            .show-on-tablets
         | 
| @@ -120,21 +131,6 @@ | |
| 120 131 | 
             
            .hide-on-desktops
         | 
| 121 132 | 
             
              display: none !important
         | 
| 122 133 |  | 
| 123 | 
            -
            @media only screen and (max-device-width: 800), only screen and (device-width: 1024px) and (device-width: 600), only screen and (width: 1280) and (orientation: landscape), only screen and (device-width: 800)
         | 
| 124 | 
            -
              .hide-on-phones
         | 
| 125 | 
            -
                display: block !important
         | 
| 126 | 
            -
              .hide-on-tablets
         | 
| 127 | 
            -
                display: none !important
         | 
| 128 | 
            -
              .hide-on-desktops
         | 
| 129 | 
            -
                display: block !important
         | 
| 130 | 
            -
              
         | 
| 131 | 
            -
              .show-on-phones
         | 
| 132 | 
            -
                display: none !important
         | 
| 133 | 
            -
              .show-on-tablets
         | 
| 134 | 
            -
                display: block !important
         | 
| 135 | 
            -
              .show-on-desktops
         | 
| 136 | 
            -
                display: none !important
         | 
| 137 | 
            -
             | 
| 138 134 | 
             
            // Modernizr-enabled tablet targeting
         | 
| 139 135 | 
             
            //-------------------------------------------------
         | 
| 140 136 |  | 
| @@ -168,12 +164,7 @@ | |
| 168 164 | 
             
              .show-on-desktops
         | 
| 169 165 | 
             
                display: none !important 
         | 
| 170 166 |  | 
| 171 | 
            -
            // Specific overrides
         | 
| 172 | 
            -
            //----------------------------------------------------------------------------------------------------
         | 
| 173 | 
            -
             | 
| 174 | 
            -
            //
         | 
| 175 | 
            -
            // For elements that require something other than display: block
         | 
| 176 | 
            -
            //
         | 
| 167 | 
            +
            // Specific overrides for elements that require something other than display: block
         | 
| 177 168 |  | 
| 178 169 | 
             
            table
         | 
| 179 170 | 
             
              &.show-on-desktops
         | 
| @@ -183,54 +174,65 @@ table | |
| 183 174 | 
             
              &.hide-on-tablets
         | 
| 184 175 | 
             
                display: table !important
         | 
| 185 176 |  | 
| 186 | 
            -
            @media only screen and (max- | 
| 187 | 
            -
               | 
| 188 | 
            -
                 | 
| 189 | 
            -
                  display:  | 
| 190 | 
            -
                 | 
| 191 | 
            -
                  display:  | 
| 192 | 
            -
                 | 
| 193 | 
            -
                  display:  | 
| 177 | 
            +
            @media only screen and (max-width: 1280px) and (min-width: 768px)
         | 
| 178 | 
            +
              .touch
         | 
| 179 | 
            +
                table.hide-on-phones
         | 
| 180 | 
            +
                  display: table !important
         | 
| 181 | 
            +
                table.hide-on-desktops
         | 
| 182 | 
            +
                  display: table !important
         | 
| 183 | 
            +
                table.hide-on-tablets
         | 
| 184 | 
            +
                  display: table !important
         | 
| 194 185 |  | 
| 195 186 | 
             
            @media only screen and (max-width: 767px)
         | 
| 196 187 | 
             
              table
         | 
| 197 188 | 
             
                &.hide-on-tablets
         | 
| 198 | 
            -
                  display:  | 
| 189 | 
            +
                  display: table !important
         | 
| 199 190 | 
             
                &.hide-on-desktops
         | 
| 200 | 
            -
                  display:  | 
| 191 | 
            +
                  display: table !important
         | 
| 201 192 | 
             
                &.show-on-phones
         | 
| 202 | 
            -
                  display:  | 
| 193 | 
            +
                  display: table !important
         | 
| 203 194 |  | 
| 204 195 | 
             
            // Forms
         | 
| 205 | 
            -
             | 
| 196 | 
            +
            //----------------------------------------------
         | 
| 206 197 |  | 
| 207 198 | 
             
            @media only screen and (max-width: 767px)
         | 
| 208 | 
            -
              input.input-text, input.input-text.oversize, textarea, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea
         | 
| 199 | 
            +
              div.form-field input, div.form-field input.small, div.form-field input.medium, div.form-field input.large, div.form-field input.oversize, input.input-text, input.input-text.oversize, textarea, form.nice div.form-field input, form.nice div.form-field input.oversize, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea
         | 
| 209 200 | 
             
                display: block
         | 
| 210 | 
            -
                width:  | 
| 201 | 
            +
                width: 100%
         | 
| 211 202 | 
             
                padding: 6px 2% 4px
         | 
| 212 203 | 
             
                +font-size(18)
         | 
| 213 | 
            -
              form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea
         | 
| 204 | 
            +
              form.nice div.form-field input, form.nice div.form-field input.oversize, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea
         | 
| 214 205 | 
             
                +border-radius(2px)
         | 
| 215 | 
            -
              form.nice small.error
         | 
| 206 | 
            +
              form.nice div.form-field.error small, form.nice small.error
         | 
| 216 207 | 
             
                padding: 6px 2%
         | 
| 217 208 | 
             
                display: block
         | 
| 218 | 
            -
              form.nice . | 
| 209 | 
            +
              form.nice div.form-field.error .small + small, form.nice .small + .error
         | 
| 210 | 
            +
                width: auto
         | 
| 211 | 
            +
              form.nice div.form-field.error .medium + small, form.nice .medium + .error
         | 
| 212 | 
            +
                width: auto
         | 
| 213 | 
            +
              form.nice div.form-field.error .large + small, form.nice .large + .error
         | 
| 214 | 
            +
                width: auto
         | 
| 215 | 
            +
              form.nice div.form-field.error .expand + small, form.nice .expand + .error
         | 
| 219 216 | 
             
                width: auto
         | 
| 220 217 |  | 
| 218 | 
            +
            //----------------------------------------------
         | 
| 219 | 
            +
            // UI
         | 
| 220 | 
            +
            //----------------------------------------------
         | 
| 221 | 
            +
             | 
| 221 222 | 
             
            // Buttons
         | 
| 222 | 
            -
             | 
| 223 | 
            +
            //----------------------------------------------
         | 
| 223 224 |  | 
| 224 225 | 
             
            @media only screen and (max-width: 767px)
         | 
| 225 226 | 
             
              .button
         | 
| 226 227 | 
             
                display: block
         | 
| 227 | 
            -
              button.button
         | 
| 228 | 
            +
              button.button, input[submit="submit"].button
         | 
| 228 229 | 
             
                width: 100%
         | 
| 229 230 | 
             
                padding-left: 0
         | 
| 230 231 | 
             
                padding-right: 0
         | 
| 232 | 
            +
                margin-bottom: 5px
         | 
| 231 233 |  | 
| 232 234 | 
             
            // Tabs
         | 
| 233 | 
            -
             | 
| 235 | 
            +
            //-----------------------------------------------
         | 
| 234 236 |  | 
| 235 237 | 
             
            @media only screen and (max-width: 767px)
         | 
| 236 238 | 
             
              dl.tabs.mobile, dl.nice.tabs.mobile
         | 
| @@ -285,6 +287,10 @@ table | |
| 285 287 | 
             
                padding: 18px 20px
         | 
| 286 288 | 
             
              dl.nice.contained.tabs.mobile dd a
         | 
| 287 289 | 
             
                padding: 18px 20px
         | 
| 290 | 
            +
              dl.tabs.mobile + ul.contained
         | 
| 291 | 
            +
                margin-left: -20px
         | 
| 292 | 
            +
                margin-right: -20px
         | 
| 293 | 
            +
                border-width: 0 0 1px 0
         | 
| 288 294 |  | 
| 289 295 | 
             
              // Nav Bar with Dropdowns
         | 
| 290 296 | 
             
              .nav-bar
         | 
| @@ -341,11 +347,23 @@ table | |
| 341 347 | 
             
                  width: auto
         | 
| 342 348 | 
             
                p.last-child
         | 
| 343 349 | 
             
                  margin-bottom: 18px
         | 
| 344 | 
            -
             | 
| 345 | 
            -
             | 
| 346 | 
            -
             | 
| 350 | 
            +
             | 
| 351 | 
            +
            // Tooltips
         | 
| 352 | 
            +
            //-----------------------------------------------
         | 
| 353 | 
            +
             | 
| 354 | 
            +
            @media only screen and (max-width: 767px)
         | 
| 355 | 
            +
              .tooltip
         | 
| 356 | 
            +
                +font-size(14)
         | 
| 357 | 
            +
                line-height: 1.4
         | 
| 358 | 
            +
                padding: 7px 10px 9px 10px
         | 
| 359 | 
            +
              .tooltip > .nub, .tooltip.top > .nub, .tooltip.left > .nub, .tooltip.right > .nub
         | 
| 360 | 
            +
                border-color: transparent transparent rgb(0,0,0) transparent
         | 
| 361 | 
            +
                border-color: transparent transparent rgba(0,0,0,0.85) transparent
         | 
| 362 | 
            +
                top: -12px
         | 
| 363 | 
            +
                left: 10px
         | 
| 364 | 
            +
             | 
| 347 365 | 
             
            // Video
         | 
| 348 | 
            -
             | 
| 366 | 
            +
            //-----------------------------------------------
         | 
| 349 367 |  | 
| 350 368 | 
             
            @media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px)
         | 
| 351 369 | 
             
              .flex-video
         | 
| @@ -1,26 +1,10 @@ | |
| 1 | 
            -
            // CSS for jQuery Orbit Plugin 1.4.0 | 
| 2 | 
            -
            //  | 
| 3 | 
            -
            //
         | 
| 4 | 
            -
            //  | 
| 5 | 
            -
             | 
| 6 | 
            -
            // Orbit Slider
         | 
| 7 | 
            -
            //----------------------------------------------------------------------------------------------------
         | 
| 8 | 
            -
             | 
| 9 | 
            -
            // Orbit slider mixin
         | 
| 10 | 
            -
            @mixin orbit-slider($width: 940px, $height: 450px)
         | 
| 11 | 
            -
              width: $width
         | 
| 12 | 
            -
              height: $height
         | 
| 13 | 
            -
              background: #000 image-url('orbit/loading.gif') no-repeat center center
         | 
| 14 | 
            -
              overflow: hidden
         | 
| 15 | 
            -
              & > img, & > div, & > a
         | 
| 16 | 
            -
                display: none
         | 
| 17 | 
            -
             | 
| 18 | 
            -
            @if $include-default-orbit-slider-id
         | 
| 19 | 
            -
              ##{$orbit-slider-id}
         | 
| 20 | 
            -
                @include orbit-slider()
         | 
| 1 | 
            +
            // CSS for jQuery Orbit Plugin 1.4.0
         | 
| 2 | 
            +
            // Maintained for Foundation. foundation.zurb.com
         | 
| 3 | 
            +
            // Free to use under the MIT license.
         | 
| 4 | 
            +
            // http://www.opensource.org/licenses/mit-license.php
         | 
| 21 5 |  | 
| 22 6 | 
             
            // Orbit container
         | 
| 23 | 
            -
             | 
| 7 | 
            +
            //-------------------------------------------------
         | 
| 24 8 |  | 
| 25 9 | 
             
            div.orbit-wrapper
         | 
| 26 10 | 
             
              width: 1px
         | 
| @@ -46,11 +30,10 @@ div.orbit | |
| 46 30 | 
             
                width: 100%
         | 
| 47 31 | 
             
                height: 100%
         | 
| 48 32 |  | 
| 49 | 
            -
            //  | 
| 50 | 
            -
             | 
| 51 | 
            -
            //
         | 
| 52 | 
            -
             | 
| 53 | 
            -
            // declarations on the .orbit > div and div.orbit > a tags in addition to just the .orbit-wrapper
         | 
| 33 | 
            +
            // If your slider only uses content or anchors, you're going to want to put the width and height declarations on the .orbit > div and div.orbit > a tags in addition to just the .orbit-wrapper
         | 
| 34 | 
            +
             | 
| 35 | 
            +
            // Timer
         | 
| 36 | 
            +
            //--------------------------------------------------
         | 
| 54 37 | 
             
            div.orbit-wrapper
         | 
| 55 38 | 
             
              div.timer
         | 
| 56 39 | 
             
                width: 40px
         | 
| @@ -97,12 +80,12 @@ div.orbit-wrapper | |
| 97 80 | 
             
                z-index: 4
         | 
| 98 81 | 
             
                +opacity(0)
         | 
| 99 82 | 
             
                &.active
         | 
| 100 | 
            -
                  background: image-url('orbit/pause-black.png') no-repeat 0 - | 
| 83 | 
            +
                  background: image-url('orbit/pause-black.png') no-repeat 0 -40px
         | 
| 101 84 | 
             
              div.timer:hover span.pause, span.pause.active
         | 
| 102 85 | 
             
                +opacity(1)
         | 
| 103 86 |  | 
| 104 87 | 
             
            // Orbit captions
         | 
| 105 | 
            -
             | 
| 88 | 
            +
            //-------------------------------------------------
         | 
| 106 89 |  | 
| 107 90 | 
             
            .orbit-caption
         | 
| 108 91 | 
             
              display: none
         | 
| @@ -121,7 +104,7 @@ div.orbit-wrapper | |
| 121 104 | 
             
              width: 100%
         | 
| 122 105 |  | 
| 123 106 | 
             
            // Directional Nav
         | 
| 124 | 
            -
             | 
| 107 | 
            +
            //----------------------------------------------------
         | 
| 125 108 |  | 
| 126 109 | 
             
            div.orbit-wrapper
         | 
| 127 110 | 
             
              div.slider-nav
         | 
| @@ -143,7 +126,7 @@ div.orbit-wrapper | |
| 143 126 | 
             
                    left: 0
         | 
| 144 127 |  | 
| 145 128 | 
             
            // Bullet Nav
         | 
| 146 | 
            -
             | 
| 129 | 
            +
            //--------------------------------------------------
         | 
| 147 130 |  | 
| 148 131 | 
             
            ul.orbit-bullets
         | 
| 149 132 | 
             
              position: absolute
         | 
| @@ -178,15 +161,15 @@ ul.orbit-bullets | |
| 178 161 | 
             
            // Fluid Layout
         | 
| 179 162 | 
             
            //-------------------------------------------------------------------------------------
         | 
| 180 163 |  | 
| 181 | 
            -
            .orbit .fluid-placeholder
         | 
| 164 | 
            +
            div.orbit img.fluid-placeholder
         | 
| 182 165 | 
             
              visibility: hidden
         | 
| 183 166 | 
             
              position: static
         | 
| 184 167 | 
             
              display: block
         | 
| 185 168 | 
             
              width: 100%
         | 
| 186 | 
            -
            .orbit, .orbit-wrapper
         | 
| 169 | 
            +
            div.orbit, div.orbit-wrapper
         | 
| 187 170 | 
             
              width: 100% !important
         | 
| 188 171 |  | 
| 189 | 
            -
            .orbit-bullets
         | 
| 172 | 
            +
            ul.orbit-bullets
         | 
| 190 173 | 
             
              position: absolute
         | 
| 191 174 | 
             
              z-index: 30
         | 
| 192 175 | 
             
              list-style: none
         |