ZURB-foundation 2.1.3b

data/stylesheets/ZURB/_includes.sass

@@ -0,0 +1,3 @@
+@import includes/settings
+@import includes/colors
+@import includes/mixins

data/stylesheets/ZURB/_mobile.sass

@@ -0,0 +1,292 @@
+@import includes/settings
+@import includes/mixins
+@import includes/colors
+/* Mobile Grid Fixes */
+
+/* Typography */
+@media only screen and (max-width: 767px)
+  h1
+    +font-size(32)
+    line-height: 1.3
+  h2
+    +font-size(28)
+    line-height: 1.3
+  h3
+    +font-size(21)
+    line-height: 1.3
+  h4
+    +font-size(18)
+    line-height: 1.2
+  h5
+    +font-size(16)
+    line-height: 1.2
+  h6
+    +font-size(15)
+    line-height: 1.2
+  body, p
+    +font-size(15)
+    line-height: 1.4
+
+/* Tablet screens */
+@media only screen and (device-width: 768px), (device-width: 800)
+  /* Currently unused */
+
+@media only screen and (max-width: 767px)
+  body
+    -webkit-text-size-adjust: none
+    -ms-text-size-adjust: none
+    width: 100%
+    min-width: 0
+    margin-left: 0
+    margin-right: 0
+    padding-left: 0
+    padding-right: 0
+  .container
+    min-width: 0
+    margin-left: 0
+    margin-right: 0
+  .row
+    width: 100%
+    min-width: 0
+    margin-left: 0 
+    margin-right: 0
+  .row .row .column, .row .row .columns
+    padding: 0
+  .column, .columns
+    width: auto !important
+    float: none
+    margin-left: 0
+    margin-right: 0
+  .column:last-child, .columns:last-child
+    margin-right: 0
+  .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
+    margin-left: 0% !important
+
+/* Mobile 4-column Grid */
+.row
+  .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
+    margin-left: 0
+  .phone-one.column, .phone-two.column, .phone-three.column, .phone-four.column, .phone-one.columns, .phone-two.columns, .phone-three.columns, .phone-four.columns
+    margin-left: 4.4%
+    float: left
+    min-height: 1px
+    position: relative
+    padding: 0
+  .phone-one.columns
+    width: 21.68% !important
+  .phone-two.columns
+    width: 47.8% !important
+  .phone-three.columns
+    width: 73.9% !important
+  .phone-four.columns
+    width: 100% !important
+  
+  
+
+/* Block Grid */
+@media only screen and (max-width: 767px)
+  .block-grid.mobile
+    margin-left: 0%
+    li
+      float: none
+      width: 100%
+      margin-left: 0%
+  
+/* Mobile Visibility Affordances */
+.show-on-phones
+  display: none !important
+.show-on-tablets
+  display: none !important
+.show-on-desktops
+  display: block !important
+
+.hide-on-phones
+  display: block !important
+.hide-on-tablets
+  display: block !important
+.hide-on-desktops
+  display: none !important
+
+@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)
+  .show-on-phones
+    display: block !important
+  .show-on-tablets
+    display: none !important
+  .show-on-desktops
+    display: block !important
+  
+  .hide-on-phones
+    display: none !important
+  .hide-on-tablets
+    display: block !important
+  .hide-on-desktops
+    display: none !important
+    
+@media only screen and (max-width: 767px)
+  .show-on-phones
+    display: none !important
+  .show-on-tablets
+    display: block !important
+  .show-on-desktops
+    display: block !important
+  
+  .hide-on-phones
+    display: block !important
+  .hide-on-tablets
+    display: none !important
+  .hide-on-desktops
+    display: none !important 
+
+/* Specific overrides for elements that require something other than display: block */
+
+table
+  &.show-on-desktops
+    display: table !important
+  &.hide-on-phones
+    display: table !important
+  &.hide-on-tablets
+    display: table !important
+    
+@media only screen and (max-device-width: 800), only screen and (device-width: 1024px) and (device-height: 600), only screen and (width: 1280) and (orientation: landscape), only screen and (device-width: 800)
+  table
+    &.hide-on-phones
+      display: block !important
+    &.hide-on-desktops
+      display: block !important
+    &.show-on-tablets
+      display: block !important
+
+@media only screen and (max-width: 767px)
+  table
+    &.hide-on-tablets
+      display: block !important
+    &.hide-on-desktops
+      display: block !important
+    &.show-on-phones
+      display: block !important
+
+/* Forms */
+@media only screen and (max-width: 767px)
+  input.input-text, input.input-text.oversize, textarea, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea
+    display: block
+    width: 96%
+    padding: 6px 2% 4px
+    +font-size(18)
+  form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea
+    +border-radius(2px)
+  form.nice small.error
+    padding: 6px 2%
+    display: block
+  form.nice .small+.error, form.nice .medium+.error, form.nice .large+.error
+    width: auto
+
+/* Buttons */
+@media only screen and (max-width: 767px)
+  .button
+    display: block
+  button.button
+    width: 100%
+    padding-left: 0
+    padding-right: 0
+    
+/* Tabs */
+@media only screen and (max-width: 767px)
+  dl.tabs.mobile, dl.nice.tabs.mobile
+    width: auto
+    margin: 20px -20px 40px
+    height: auto
+  dl.tabs.mobile dt, dl.tabs.mobile dd, dl.nice.tabs.mobile dt, dl.nice.tabs.mobile dd
+    float: none
+    height: auto
+  
+  dl.tabs.mobile dd a
+    display: block 
+    width: auto
+    height: auto
+    padding: 18px 20px
+    line-height: 1
+    border: solid 0 #ccc
+    border-width: 1px 0 0
+    margin: 0
+    color: #555
+    background: #eee
+    +font-size(15)
+  dl.tabs.mobile dd a.active
+    height: auto
+    margin: 0
+    border-width: 1px 0 0
+  
+  .nice.tabs.mobile
+    border-bottom: solid 1px #ccc
+    height: auto
+  .nice.tabs.mobile dd a
+    padding: 18px 20px
+    border: none
+    border-left: none
+    border-right: none
+    border-top: solid 1px #ccc
+    background: #fff
+    &.active
+      border: none
+      background: #00a6fc
+      color: #fff
+      margin: 0
+      position: static
+      top: 0
+      height: auto
+  .nice.tabs.mobile dd:first-child a.active
+    margin-bottom: 0
+  
+  dl.contained.mobile, dl.nice.contained.mobile
+    margin-bottom: 0
+  dl.contained.tabs.mobile dd a
+    padding: 18px 20px
+  dl.nice.contained.tabs.mobile dd a
+    padding: 18px 20px
+
+  /* Nav Bar with Dropdowns */
+  .nav-bar
+    height: auto
+    &>li
+      float: none
+      display: block
+      &>a
+        text-align: left
+        border-top: 1px solid #ddd
+        border-right: none
+      &.has-flyout
+        &>a
+          &:after
+            content: ""
+            width: 0
+            height: 0
+            border-left: 4px solid transparent
+            border-right: 4px solid transparent
+            border-top: 4px solid #2a85e8
+            display: block
+      &:first-child
+        &>a
+          border-top: none
+      &:hover
+        &>a
+          font-weight: bold
+        ul
+          position: relative
+  .flyout
+    position: relative
+    width: auto
+    margin-right: -2px
+    border-width: 1px 1px 0px 1px
+    &.right
+      float: none
+      right: auto
+      left: -1px
+    &.small, &.large
+      width: auto
+    p.last-child
+      margin-bottom: 18px
+  
+/* Video */
+@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)
+  .video
+    padding-top: 0

data/stylesheets/ZURB/_orbit.sass

@@ -0,0 +1,156 @@
+@import includes/settings
+@import includes/mixins
+@import includes/colors
+/* CSS for jQuery Orbit Plugin 1.2.3 :: www.ZURB.com/playground :: Copyright 2010, ZURB :: Free to use under the MIT license. :: http://www.opensource.org/licenses/mit-license.php */
+
+/*  PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY */                    
+#featured
+  width: 940px
+  height: 450px
+  background: #000 image-url('orbit/loading.gif') no-repeat center center
+  overflow: hidden
+  &>img, &>div, &>a
+    display: none
+
+/* Container */
+div.orbit-wrapper
+  width: 1px
+  height: 1px
+  position: relative
+div.orbit
+  width: 1px
+  height: 1px
+  position: relative
+  overflow: hidden
+  &.with-bullets
+    margin-bottom: 40px
+  &>img
+    position: absolute
+    top: 0
+    left: 0
+  &>a
+    border: none
+    position: absolute
+    top: 0
+    left: 0
+    line-height: 0
+    display: none
+
+/* Note: 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 */
+/* Timer */
+div.timer
+  width: 40px
+  height: 40px
+  overflow: hidden
+  position: absolute
+  top: 10px
+  right: 10px
+  +opacity(0.6)
+  cursor: pointer
+  z-index: 1001
+span.rotator
+  display: block
+  width: 40px
+  height: 40px
+  position: absolute
+  top: 0
+  left: -20px
+  background: image-url('orbit/rotator-black.png') no-repeat
+  z-index: 3
+  &.move
+    left: 0
+span.mask
+  display: block
+  width: 20px
+  height: 40px
+  position: absolute
+  top: 0
+  right: 0
+  z-index: 2
+  overflow: hidden
+  &.move
+    width: 40px
+    left: 0
+    background: image-url('orbit/timer-black.png') repeat 0 0
+span.pause
+  display: block
+  width: 40px
+  height: 40px
+  position: absolute
+  top: 0
+  left: 0
+  background: image-url('orbit/pause-black.png') no-repeat
+  z-index: 4
+  +opacity(0)
+  &.active
+    background: image-url('orbit/pause-black.png') no-repeat 0 -40
+div.timer:hover span.pause, span.pause.active
+  +opacity(1)
+  
+/* Captions */
+.orbit-caption
+  display: none
+  +HelveticaFontStack
+.orbit-wrapper .orbit-caption
+  background: #000
+  background: rgba(0,0,0,0.6)
+  z-index: 1000
+  color: #fff
+  text-align: center
+  padding: 7px 0
+  +font-size(13)
+  position: absolute
+  right: 0
+  bottom: 0
+  width: 100%
+  
+/* Directional Nav */
+div.slider-nav
+  display: block
+  span
+    width: 78px
+    height: 100px
+    text-indent: -99999px
+    position: absolute
+    z-index: 1000
+    top: 50%
+    margin-top: -50px
+    cursor: pointer
+    &.right
+      background: image-url('orbit/right-arrow.png')
+      right: 0
+    &.left
+      background: image-url('orbit/left-arrow.png')
+      left: 0
+
+/* Bullet Nav */
+.orbit-bullets
+  position: absolute
+  z-index: 1000
+  list-style: none
+  bottom: -40px
+  left: 50%
+  margin-left: -50px
+  padding: 0
+  li
+    float: left
+    margin-left: 5px
+    cursor: pointer
+    color: #999
+    text-indent: -99999px
+    background: image-url('orbit/bullets.jpg') no-repeat 4px 0
+    width: 13px
+    height: 12px
+    overflow: hidden
+    &.active
+      color: #222
+      background-position: -8px 0
+    &.has-thumb
+      background: none
+      width: 100px
+      height: 75px
+    &.active
+      &.has-thumb
+        background-position: 0 0
+        border-top: solid 2px $black  
+