engineyard-theme 1.0.5

data/example/public/engineyard-theme/stylesheets/sass/_globalvariables.sass

@@ -0,0 +1,78 @@
+// Use // instead of /* */ to hide from production
+
+// --------------------------------------------------
+
+// GLOBAL VARIABLES
+// - Rounded Corners
+// - Convenience
+
+// --------------------------------------------------
+
+
+
+// --------------------------------------------------
+// Rounded Corners
+// --------------------------------------------------
+
+$radius             = 6px
+$pill-radius        = 12px
+$big-chunky-radius  = 24px
+
+@mixin rounded-box
+  -webkit-border-radius: $radius
+  -moz-border-radius: $radius
+  border-radius: $radius
+
+@mixin rounded-box-top
+  -webkit-border-top-left-radius: $radius
+  -webkit-border-top-right-radius: $radius
+  -moz-border-radius-topleft: $radius
+  -moz-border-radius-topright: $radius
+  border-top-left-radius: $radius
+  border-top-right-radius: $radius
+
+@mixin big-chunky-rounded-box
+  -webkit-border-radius: $big-chunky-radius
+  -moz-border-radius: $big-chunky-radius
+  border-radius: $big-chunky-radius
+
+@mixin remove-rounded-box
+  -webkit-border-radius: 0
+  -moz-border-radius: 0
+  border-radius: 0
+
+
+
+// --------------------------------------------------
+// Convenience
+// --------------------------------------------------
+
+@mixin reset
+  margin: 0
+  padding: 0
+  vertical-align: baseline
+
+@mixin hidden
+  // hide from both screen and screen readers
+  display: none
+  visibility: hidden
+
+@mixin visuallyhidden
+  // Hide from screen but keep visible to screenreaders
+  position: absolute !important
+  top: 0
+  left: -9999em
+  overflow: hidden
+  clip: rect(1px 1px 1px 1px)
+  clip: rect(1px, 1px, 1px, 1px)
+
+@mixin invisible
+  // Keep the element's space on the page, but just hide it visibly from screen
+  visibility: hidden
+
+@mixin clearfix
+  // clearing child floating elements
+  content: "\0020"
+  display: block
+  height: 0
+  visibility: hidden

data/example/public/engineyard-theme/stylesheets/sass/_header.sass

@@ -0,0 +1,96 @@
+// Use // instead of /* */ to hide from production
+
+// --------------------------------------------------
+
+// HEADER
+// - Grey Bar
+
+// --------------------------------------------------
+
+
+
+// --------------------------------------------------
+// GREY BAR
+// --------------------------------------------------
+
+// creating variables for the values that are repeated
+$header-gradient-top      = $color-background
+$header-gradient-bottom   = darken($color-background, 20%)
+$header-box-shadow-value  = 0 1px 3px darken($color-background, 25%)
+
+#header
+  position: relative
+  border-top: 1px solid lighten($color-background, 10%)
+  border-bottom: 1px solid darken($color-background, 30%)
+  padding: 8px 0 10px
+  background: $color-background url(../images/bg-header.gif) repeat-x bottom
+  background: -moz-linear-gradient(top, $header-gradient-top, $header-gradient-bottom)
+  background: -webkit-gradient(linear, left top, left bottom, from($header-gradient-top), to($header-gradient-bottom))
+  -moz-box-shadow: $header-box-shadow-value
+  -webkit-box-shadow: $header-box-shadow-value
+  box-shadow: $header-box-shadow-value
+  line-height: 1
+  text-shadow: 0 1px 2px $color-background
+  z-index: 1
+
+  a
+    &:link, &:visited
+      color: $color-text
+    &:focus, &:active
+      color: darken($color-text, 10%)
+    &:hover
+      color: darken($color-text, 20%)
+
+  p#brand
+    padding: 0
+    @include font-bold
+    color: $color-text-alert
+
+  ul#menu
+    @include reset
+    // get the menu to sit to the far right
+    float: right
+    display: inline
+    border-left: 1px solid $color-border
+    li
+      float: left
+      display: inline
+      margin: 0 0 0 24px
+
+      // do we use this?
+      &#search
+        border-left: 1px solid $color-border
+        padding-left: 15px
+        color: #666
+        input
+          background: #EAEAEA
+          padding: 3px
+          margin: 0 0 0 10px
+          border: 1px solid #CCC
+          color: #333
+          &:focus
+            background: #FFF
+
+  // do we use this?
+  #top_menu
+    float: left
+    display: inline
+    padding: 5px 6px 6px
+    li a
+      font-weight: bold
+    li
+      float: left
+      display: inline
+      padding: 0 12px
+      &#search
+        border-left: 1px solid $color-border
+        padding-left: 15px
+        color: #666
+        input
+          background: #EAEAEA
+          padding: 3px
+          margin: 0 0 0 10px
+          border: 1px solid #CCC
+          color: #333
+          &:focus
+            background: #FFF

data/example/public/engineyard-theme/stylesheets/sass/_icons.sass

@@ -0,0 +1,72 @@
+// Use // instead of /* */ to hide from production
+
+// --------------------------------------------------
+
+/* ICONS
+
+// --------------------------------------------------
+
+@mixin icon
+  @include reset
+  float: left
+  display: inline
+  border: 0
+  width: 16px
+  height: 16px
+  background: none
+  -webkit-box-shadow: none
+  -moz-box-shadow: none
+  box-shadow: none
+  text-indent: -9999em
+  text-align: left
+
+.icon-add a
+  @include icon
+  background: transparent url(../images/layout/icons/add.png) no-repeat
+
+.icon-edit
+  a, button, a.button
+    &, &:link, &:visited, &:hover, &:focus, &:active
+      @include icon
+      background: transparent url(../images/layout/icons/edit.png) no-repeat
+
+.icon-detach, .icon-delete
+  a, button, a.button
+    &, &:link, &:visited, &:hover, &:focus, &:active
+      @include icon
+      background: transparent url(../images/layout/icons/delete.png) no-repeat
+
+.icon-gem-add a
+  @include icon
+  background: transparent url(../images/layout/icons/gem-add.png) no-repeat
+
+.icon-unix-add a
+  @include icon
+  background: transparent url(../images/layout/icons/unix-add.png) no-repeat
+
+
+
+small.icon-edit
+  position: relative
+  a
+    position: absolute
+    top: -6px
+    left: 0
+
+a
+  &[target="_blank"], &[target="tab"]
+    padding-right: 12px
+    background: url(../images/icon_external_link.png) no-repeat 100% 75%
+
+a.email, span.email
+  padding-left: 18px
+  background: url(../images/layout/icons/email.png) no-repeat 0 0
+
+#footer-content
+  a.blog, a.twitter, a.facebook
+    padding: 2px 0 2px 20px
+    background: url(../images/layout/icons/social/rss.png) 0 50% no-repeat
+  a.twitter
+    background-image: url(../images/layout/icons/social/twitter.png)
+  a.facebook
+    background-image: url(../images/layout/icons/social/facebook.png)

data/example/public/engineyard-theme/stylesheets/sass/_jquery.tooltip.sass

@@ -0,0 +1,24 @@
+// Use // instead of /* */ to hide from production
+
+// --------------------------------------------------
+
+/* JQUERY TOOLTIP
+
+// --------------------------------------------------
+
+#tooltip
+  position: absolute
+  z-index: 3000
+  background-color: $color-text
+  padding: 0 1em
+  @include rounded-box
+  opacity: 0.85
+  color: $color-background
+  text-shadow: 0 -1px 2px darken($color-text, 25%)
+
+  h3, div
+    margin: 0
+    padding: .5em 0
+    font-size: 1em
+    color: $color-background
+    text-shadow: 0 -1px 2px darken($color-text, 25%)

data/example/public/engineyard-theme/stylesheets/sass/_jquery_ui.sass

@@ -0,0 +1,1450 @@
+/*
+ * jQuery UI CSS Framework 1.8.6
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Theming/API
+
+/* Layout helpers
+ *----------------------------------
+
+.ui-helper-hidden
+  display: none
+
+.ui-helper-hidden-accessible
+  position: absolute
+  left: -9999em
+
+.ui-helper-reset
+  @include reset
+  border: 0
+  outline: 0
+  line-height: 1.3
+  text-decoration: none
+  font-size: 100%
+  list-style: none
+
+.ui-helper-clearfix
+  zoom: 1
+  &:before, &:after
+    @include clearfix
+  &:after
+    clear: both
+
+.ui-helper-zfix
+  width: 100%
+  height: 100%
+  top: 0
+  left: 0
+  position: absolute
+  opacity: 0
+  filter: Alpha(Opacity = 0)
+
+/* Interaction Cues
+ *----------------------------------
+
+.ui-state-disabled
+  cursor: default !important
+
+/* Icons
+ *----------------------------------
+
+/* states and images
+
+.ui-icon
+  display: block
+  text-indent: -99999px
+  overflow: hidden
+  background-repeat: no-repeat
+
+/* Misc visuals
+ *----------------------------------
+
+/* Overlays
+
+.ui-widget-overlay
+  position: absolute
+  top: 0
+  left: 0
+  width: 100%
+  height: 100%
+
+/*
+ * jQuery UI CSS Framework 1.8.6
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Theming/API
+ *
+ * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=ccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaa&fcHeader=222&iconColorHeader=222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaa&fcContent=222&iconColorContent=222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
+
+/* Component containers
+ *----------------------------------
+
+.ui-widget
+  font-family: Verdana,Arial,sans-serif
+  font-size: 1.1em
+  .ui-widget
+    font-size: 1em
+  input, select, textarea, button
+    font-family: Verdana,Arial,sans-serif
+    font-size: 1em
+
+.ui-widget-content
+  border: 1px solid #aaa
+  background: white url(../images/jquery-ui/smoothness/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x
+  color: #222
+  a
+    color: #222
+
+.ui-widget-header
+  border: 1px solid #aaa
+  background: #ccc url(../images/jquery-ui/smoothness/ui-bg_highlight-soft_75_ccc_1x100.png) 50% 50% repeat-x
+  color: #222
+  font-weight: bold
+  a
+    color: #222
+
+/* Interaction states
+ *----------------------------------
+
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
+  border: 1px solid #d3d3d3
+  background: #e6e6e6 url(../images/jquery-ui/smoothness/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x
+  font-weight: normal
+  color: #555
+
+.ui-state-default a
+  color: #555
+  text-decoration: none
+  &:link, &:visited
+    color: #555
+    text-decoration: none
+
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
+  border: 1px solid #999
+  background: #dadada url(../images/jquery-ui/smoothness/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x
+  font-weight: normal
+  color: #212121
+
+.ui-state-hover a
+  color: #212121
+  text-decoration: none
+  &:hover
+    color: #212121
+    text-decoration: none
+
+.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
+  border: 1px solid #aaa
+  background: white url(../images/jquery-ui/smoothness/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x
+  font-weight: normal
+  color: #212121
+
+.ui-state-active a
+  color: #212121
+  text-decoration: none
+  &:link, &:visited
+    color: #212121
+    text-decoration: none
+
+.ui-widget :active
+  outline: none
+
+/* Interaction Cues
+ *----------------------------------
+
+.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
+  border: 1px solid #fcefa1
+  background: #fbf9ee url(../images/jquery-ui/smoothness/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x
+  color: #363636
+
+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a
+  color: #363636
+
+.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error
+  border: 1px solid #cd0a0a
+  background: #fef1ec url(../images/jquery-ui/smoothness/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x
+  color: #cd0a0a
+
+.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text
+  color: #cd0a0a
+
+.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary
+  font-weight: bold
+
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary
+  opacity: .7
+  filter: Alpha(Opacity = 70)
+  font-weight: normal
+
+.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled
+  opacity: .35
+  filter: Alpha(Opacity = 35)
+  background-image: none
+
+/* Icons
+ *----------------------------------
+
+/* states and images
+
+.ui-icon
+  width: 16px
+  height: 16px
+  background-image: url(../images/jquery-ui/smoothness/ui-icons_222_256x240.png)
+
+.ui-widget-content .ui-icon, .ui-widget-header .ui-icon
+  background-image: url(../images/jquery-ui/smoothness/ui-icons_222_256x240.png)
+
+.ui-state-default .ui-icon
+  background-image: url(../images/jquery-ui/smoothness/ui-icons_888888_256x240.png)
+
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-active .ui-icon
+  background-image: url(../images/jquery-ui/smoothness/ui-icons_454545_256x240.png)
+
+.ui-state-highlight .ui-icon
+  background-image: url(../images/jquery-ui/smoothness/ui-icons_2e83ff_256x240.png)
+
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon
+  background-image: url(../images/jquery-ui/smoothness/ui-icons_cd0a0a_256x240.png)
+
+/* positioning
+
+.ui-icon-carat-1-n
+  background-position: 0 0
+
+.ui-icon-carat-1-ne
+  background-position: -16px 0
+
+.ui-icon-carat-1-e
+  background-position: -32px 0
+
+.ui-icon-carat-1-se
+  background-position: -48px 0
+
+.ui-icon-carat-1-s
+  background-position: -64px 0
+
+.ui-icon-carat-1-sw
+  background-position: -80px 0
+
+.ui-icon-carat-1-w
+  background-position: -96px 0
+
+.ui-icon-carat-1-nw
+  background-position: -112px 0
+
+.ui-icon-carat-2-n-s
+  background-position: -128px 0
+
+.ui-icon-carat-2-e-w
+  background-position: -144px 0
+
+.ui-icon-triangle-1-n
+  background-position: 0 -16px
+
+.ui-icon-triangle-1-ne
+  background-position: -16px -16px
+
+.ui-icon-triangle-1-e
+  background-position: -32px -16px
+
+.ui-icon-triangle-1-se
+  background-position: -48px -16px
+
+.ui-icon-triangle-1-s
+  background-position: -64px -16px
+
+.ui-icon-triangle-1-sw
+  background-position: -80px -16px
+
+.ui-icon-triangle-1-w
+  background-position: -96px -16px
+
+.ui-icon-triangle-1-nw
+  background-position: -112px -16px
+
+.ui-icon-triangle-2-n-s
+  background-position: -128px -16px
+
+.ui-icon-triangle-2-e-w
+  background-position: -144px -16px
+
+.ui-icon-arrow-1-n
+  background-position: 0 -32px
+
+.ui-icon-arrow-1-ne
+  background-position: -16px -32px
+
+.ui-icon-arrow-1-e
+  background-position: -32px -32px
+
+.ui-icon-arrow-1-se
+  background-position: -48px -32px
+
+.ui-icon-arrow-1-s
+  background-position: -64px -32px
+
+.ui-icon-arrow-1-sw
+  background-position: -80px -32px
+
+.ui-icon-arrow-1-w
+  background-position: -96px -32px
+
+.ui-icon-arrow-1-nw
+  background-position: -112px -32px
+
+.ui-icon-arrow-2-n-s
+  background-position: -128px -32px
+
+.ui-icon-arrow-2-ne-sw
+  background-position: -144px -32px
+
+.ui-icon-arrow-2-e-w
+  background-position: -160px -32px
+
+.ui-icon-arrow-2-se-nw
+  background-position: -176px -32px
+
+.ui-icon-arrowstop-1-n
+  background-position: -192px -32px
+
+.ui-icon-arrowstop-1-e
+  background-position: -208px -32px
+
+.ui-icon-arrowstop-1-s
+  background-position: -224px -32px
+
+.ui-icon-arrowstop-1-w
+  background-position: -240px -32px
+
+.ui-icon-arrowthick-1-n
+  background-position: 0 -48px
+
+.ui-icon-arrowthick-1-ne
+  background-position: -16px -48px
+
+.ui-icon-arrowthick-1-e
+  background-position: -32px -48px
+
+.ui-icon-arrowthick-1-se
+  background-position: -48px -48px
+
+.ui-icon-arrowthick-1-s
+  background-position: -64px -48px
+
+.ui-icon-arrowthick-1-sw
+  background-position: -80px -48px
+
+.ui-icon-arrowthick-1-w
+  background-position: -96px -48px
+
+.ui-icon-arrowthick-1-nw
+  background-position: -112px -48px
+
+.ui-icon-arrowthick-2-n-s
+  background-position: -128px -48px
+
+.ui-icon-arrowthick-2-ne-sw
+  background-position: -144px -48px
+
+.ui-icon-arrowthick-2-e-w
+  background-position: -160px -48px
+
+.ui-icon-arrowthick-2-se-nw
+  background-position: -176px -48px
+
+.ui-icon-arrowthickstop-1-n
+  background-position: -192px -48px
+
+.ui-icon-arrowthickstop-1-e
+  background-position: -208px -48px
+
+.ui-icon-arrowthickstop-1-s
+  background-position: -224px -48px
+
+.ui-icon-arrowthickstop-1-w
+  background-position: -240px -48px
+
+.ui-icon-arrowreturnthick-1-w
+  background-position: 0 -64px
+
+.ui-icon-arrowreturnthick-1-n
+  background-position: -16px -64px
+
+.ui-icon-arrowreturnthick-1-e
+  background-position: -32px -64px
+
+.ui-icon-arrowreturnthick-1-s
+  background-position: -48px -64px
+
+.ui-icon-arrowreturn-1-w
+  background-position: -64px -64px
+
+.ui-icon-arrowreturn-1-n
+  background-position: -80px -64px
+
+.ui-icon-arrowreturn-1-e
+  background-position: -96px -64px
+
+.ui-icon-arrowreturn-1-s
+  background-position: -112px -64px
+
+.ui-icon-arrowrefresh-1-w
+  background-position: -128px -64px
+
+.ui-icon-arrowrefresh-1-n
+  background-position: -144px -64px
+
+.ui-icon-arrowrefresh-1-e
+  background-position: -160px -64px
+
+.ui-icon-arrowrefresh-1-s
+  background-position: -176px -64px
+
+.ui-icon-arrow-4
+  background-position: 0 -80px
+
+.ui-icon-arrow-4-diag
+  background-position: -16px -80px
+
+.ui-icon-extlink
+  background-position: -32px -80px
+
+.ui-icon-newwin
+  background-position: -48px -80px
+
+.ui-icon-refresh
+  background-position: -64px -80px
+
+.ui-icon-shuffle
+  background-position: -80px -80px
+
+.ui-icon-transfer-e-w
+  background-position: -96px -80px
+
+.ui-icon-transferthick-e-w
+  background-position: -112px -80px
+
+.ui-icon-folder-collapsed
+  background-position: 0 -96px
+
+.ui-icon-folder-open
+  background-position: -16px -96px
+
+.ui-icon-document
+  background-position: -32px -96px
+
+.ui-icon-document-b
+  background-position: -48px -96px
+
+.ui-icon-note
+  background-position: -64px -96px
+
+.ui-icon-mail-closed
+  background-position: -80px -96px
+
+.ui-icon-mail-open
+  background-position: -96px -96px
+
+.ui-icon-suitcase
+  background-position: -112px -96px
+
+.ui-icon-comment
+  background-position: -128px -96px
+
+.ui-icon-person
+  background-position: -144px -96px
+
+.ui-icon-print
+  background-position: -160px -96px
+
+.ui-icon-trash
+  background-position: -176px -96px
+
+.ui-icon-locked
+  background-position: -192px -96px
+
+.ui-icon-unlocked
+  background-position: -208px -96px
+
+.ui-icon-bookmark
+  background-position: -224px -96px
+
+.ui-icon-tag
+  background-position: -240px -96px
+
+.ui-icon-home
+  background-position: 0 -112px
+
+.ui-icon-flag
+  background-position: -16px -112px
+
+.ui-icon-calendar
+  background-position: -32px -112px
+
+.ui-icon-cart
+  background-position: -48px -112px
+
+.ui-icon-pencil
+  background-position: -64px -112px
+
+.ui-icon-clock
+  background-position: -80px -112px
+
+.ui-icon-disk
+  background-position: -96px -112px
+
+.ui-icon-calculator
+  background-position: -112px -112px
+
+.ui-icon-zoomin
+  background-position: -128px -112px
+
+.ui-icon-zoomout
+  background-position: -144px -112px
+
+.ui-icon-search
+  background-position: -160px -112px
+
+.ui-icon-wrench
+  background-position: -176px -112px
+
+.ui-icon-gear
+  background-position: -192px -112px
+
+.ui-icon-heart
+  background-position: -208px -112px
+
+.ui-icon-star
+  background-position: -224px -112px
+
+.ui-icon-link
+  background-position: -240px -112px
+
+.ui-icon-cancel
+  background-position: 0 -128px
+
+.ui-icon-plus
+  background-position: -16px -128px
+
+.ui-icon-plusthick
+  background-position: -32px -128px
+
+.ui-icon-minus
+  background-position: -48px -128px
+
+.ui-icon-minusthick
+  background-position: -64px -128px
+
+.ui-icon-close
+  background-position: -80px -128px
+
+.ui-icon-closethick
+  background-position: -96px -128px
+
+.ui-icon-key
+  background-position: -112px -128px
+
+.ui-icon-lightbulb
+  background-position: -128px -128px
+
+.ui-icon-scissors
+  background-position: -144px -128px
+
+.ui-icon-clipboard
+  background-position: -160px -128px
+
+.ui-icon-copy
+  background-position: -176px -128px
+
+.ui-icon-contact
+  background-position: -192px -128px
+
+.ui-icon-image
+  background-position: -208px -128px
+
+.ui-icon-video
+  background-position: -224px -128px
+
+.ui-icon-script
+  background-position: -240px -128px
+
+.ui-icon-alert
+  background-position: 0 -144px
+
+.ui-icon-info
+  background-position: -16px -144px
+
+.ui-icon-notice
+  background-position: -32px -144px
+
+.ui-icon-help
+  background-position: -48px -144px
+
+.ui-icon-check
+  background-position: -64px -144px
+
+.ui-icon-bullet
+  background-position: -80px -144px
+
+.ui-icon-radio-off
+  background-position: -96px -144px
+
+.ui-icon-radio-on
+  background-position: -112px -144px
+
+.ui-icon-pin-w
+  background-position: -128px -144px
+
+.ui-icon-pin-s
+  background-position: -144px -144px
+
+.ui-icon-play
+  background-position: 0 -160px
+
+.ui-icon-pause
+  background-position: -16px -160px
+
+.ui-icon-seek-next
+  background-position: -32px -160px
+
+.ui-icon-seek-prev
+  background-position: -48px -160px
+
+.ui-icon-seek-end
+  background-position: -64px -160px
+
+.ui-icon-seek-start, .ui-icon-seek-first
+  background-position: -80px -160px
+
+/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead
+
+.ui-icon-stop
+  background-position: -96px -160px
+
+.ui-icon-eject
+  background-position: -112px -160px
+
+.ui-icon-volume-off
+  background-position: -128px -160px
+
+.ui-icon-volume-on
+  background-position: -144px -160px
+
+.ui-icon-power
+  background-position: 0 -176px
+
+.ui-icon-signal-diag
+  background-position: -16px -176px
+
+.ui-icon-signal
+  background-position: -32px -176px
+
+.ui-icon-battery-0
+  background-position: -48px -176px
+
+.ui-icon-battery-1
+  background-position: -64px -176px
+
+.ui-icon-battery-2
+  background-position: -80px -176px
+
+.ui-icon-battery-3
+  background-position: -96px -176px
+
+.ui-icon-circle-plus
+  background-position: 0 -192px
+
+.ui-icon-circle-minus
+  background-position: -16px -192px
+
+.ui-icon-circle-close
+  background-position: -32px -192px
+
+.ui-icon-circle-triangle-e
+  background-position: -48px -192px
+
+.ui-icon-circle-triangle-s
+  background-position: -64px -192px
+
+.ui-icon-circle-triangle-w
+  background-position: -80px -192px
+
+.ui-icon-circle-triangle-n
+  background-position: -96px -192px
+
+.ui-icon-circle-arrow-e
+  background-position: -112px -192px
+
+.ui-icon-circle-arrow-s
+  background-position: -128px -192px
+
+.ui-icon-circle-arrow-w
+  background-position: -144px -192px
+
+.ui-icon-circle-arrow-n
+  background-position: -160px -192px
+
+.ui-icon-circle-zoomin
+  background-position: -176px -192px
+
+.ui-icon-circle-zoomout
+  background-position: -192px -192px
+
+.ui-icon-circle-check
+  background-position: -208px -192px
+
+.ui-icon-circlesmall-plus
+  background-position: 0 -208px
+
+.ui-icon-circlesmall-minus
+  background-position: -16px -208px
+
+.ui-icon-circlesmall-close
+  background-position: -32px -208px
+
+.ui-icon-squaresmall-plus
+  background-position: -48px -208px
+
+.ui-icon-squaresmall-minus
+  background-position: -64px -208px
+
+.ui-icon-squaresmall-close
+  background-position: -80px -208px
+
+.ui-icon-grip-dotted-vertical
+  background-position: 0 -224px
+
+.ui-icon-grip-dotted-horizontal
+  background-position: -16px -224px
+
+.ui-icon-grip-solid-vertical
+  background-position: -32px -224px
+
+.ui-icon-grip-solid-horizontal
+  background-position: -48px -224px
+
+.ui-icon-gripsmall-diagonal-se
+  background-position: -64px -224px
+
+.ui-icon-grip-diagonal-se
+  background-position: -80px -224px
+
+/* Misc visuals
+ *----------------------------------
+
+/* Corner radius
+
+.ui-corner-tl
+  -moz-border-radius-topleft: 4px
+  -webkit-border-top-left-radius: 4px
+  border-top-left-radius: 4px
+
+.ui-corner-tr
+  -moz-border-radius-topright: 4px
+  -webkit-border-top-right-radius: 4px
+  border-top-right-radius: 4px
+
+.ui-corner-bl
+  -moz-border-radius-bottomleft: 4px
+  -webkit-border-bottom-left-radius: 4px
+  border-bottom-left-radius: 4px
+
+.ui-corner-br
+  -moz-border-radius-bottomright: 4px
+  -webkit-border-bottom-right-radius: 4px
+  border-bottom-right-radius: 4px
+
+.ui-corner-top
+  -moz-border-radius-topleft: 4px
+  -webkit-border-top-left-radius: 4px
+  border-top-left-radius: 4px
+  -moz-border-radius-topright: 4px
+  -webkit-border-top-right-radius: 4px
+  border-top-right-radius: 4px
+
+.ui-corner-bottom
+  -moz-border-radius-bottomleft: 4px
+  -webkit-border-bottom-left-radius: 4px
+  border-bottom-left-radius: 4px
+  -moz-border-radius-bottomright: 4px
+  -webkit-border-bottom-right-radius: 4px
+  border-bottom-right-radius: 4px
+
+.ui-corner-right
+  -moz-border-radius-topright: 4px
+  -webkit-border-top-right-radius: 4px
+  border-top-right-radius: 4px
+  -moz-border-radius-bottomright: 4px
+  -webkit-border-bottom-right-radius: 4px
+  border-bottom-right-radius: 4px
+
+.ui-corner-left
+  -moz-border-radius-topleft: 4px
+  -webkit-border-top-left-radius: 4px
+  border-top-left-radius: 4px
+  -moz-border-radius-bottomleft: 4px
+  -webkit-border-bottom-left-radius: 4px
+  border-bottom-left-radius: 4px
+
+.ui-corner-all
+  -moz-border-radius: 4px
+  -webkit-border-radius: 4px
+  border-radius: 4px
+
+/* Overlays
+
+.ui-widget-overlay
+  background: #aaa url(../images/jquery-ui/smoothness/ui-bg_flat_0_aaa_40x100.png) 50% 50% repeat-x
+  opacity: .30
+  filter: Alpha(Opacity = 30)
+
+.ui-widget-shadow
+  margin: -8px 0 0 -8px
+  padding: 8px
+  background: #aaa url(../images/jquery-ui/smoothness/ui-bg_flat_0_aaa_40x100.png) 50% 50% repeat-x
+  opacity: .30
+  filter: Alpha(Opacity = 30)
+  -moz-border-radius: 8px
+  -webkit-border-radius: 8px
+  border-radius: 8px
+
+/*                                                                                                                                                                                                                                                                                   
+ * * jQuery UI Resizable 1.8.6
+ * *
+ * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * * Dual licensed under the MIT or GPL Version 2 licenses.
+ * * http://jquery.org/license
+ * *
+ * * http://docs.jquery.com/UI/Resizable#theming
+
+.ui-resizable
+  position: relative
+
+.ui-resizable-handle
+  position: absolute
+  font-size: 0.1px
+  z-index: 99999
+  display: block
+
+.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle
+  display: none
+
+.ui-resizable-n
+  cursor: n-resize
+  height: 7px
+  width: 100%
+  top: -5px
+  left: 0
+
+.ui-resizable-s
+  cursor: s-resize
+  height: 7px
+  width: 100%
+  bottom: -5px
+  left: 0
+
+.ui-resizable-e
+  cursor: e-resize
+  width: 7px
+  right: -5px
+  top: 0
+  height: 100%
+
+.ui-resizable-w
+  cursor: w-resize
+  width: 7px
+  left: -5px
+  top: 0
+  height: 100%
+
+.ui-resizable-se
+  cursor: se-resize
+  width: 12px
+  height: 12px
+  right: 1px
+  bottom: 1px
+
+.ui-resizable-sw
+  cursor: sw-resize
+  width: 9px
+  height: 9px
+  left: -5px
+  bottom: -5px
+
+.ui-resizable-nw
+  cursor: nw-resize
+  width: 9px
+  height: 9px
+  left: -5px
+  top: -5px
+
+.ui-resizable-ne
+  cursor: ne-resize
+  width: 9px
+  height: 9px
+  right: -5px
+  top: -5px
+
+/*                                                                                         
+ * * jQuery UI Selectable 1.8.6
+ * *
+ * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * * Dual licensed under the MIT or GPL Version 2 licenses.
+ * * http://jquery.org/license
+ * *
+ * * http://docs.jquery.com/UI/Selectable#theming
+
+.ui-selectable-helper
+  position: absolute
+  z-index: 100
+  border: 1px dotted black
+
+/*
+ * jQuery UI Accordion 1.8.6
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Accordion#theming
+/* IE/Win - Fix animation bug - #4615
+
+.ui-accordion
+  width: 100%
+  .ui-accordion-header
+    cursor: pointer
+    position: relative
+    margin-top: 1px
+    zoom: 1
+  .ui-accordion-li-fix
+    display: inline
+  .ui-accordion-header-active
+    border-bottom: 0 !important
+  .ui-accordion-header a
+    display: block
+    font-size: 1em
+    padding: .5em .5em .5em .7em
+
+.ui-accordion-icons .ui-accordion-header a
+  padding-left: 2.2em
+
+.ui-accordion
+  .ui-accordion-header .ui-icon
+    position: absolute
+    left: .5em
+    top: 50%
+    margin-top: -8px
+  .ui-accordion-content
+    padding: 1em 2.2em
+    border-top: 0
+    margin-top: -2px
+    position: relative
+    top: 1px
+    margin-bottom: 2px
+    overflow: auto
+    display: none
+    zoom: 1
+  .ui-accordion-content-active
+    display: block
+
+/*                                                                
+ * * jQuery UI Autocomplete 1.8.6
+ * *
+ * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * * Dual licensed under the MIT or GPL Version 2 licenses.
+ * * http://jquery.org/license
+ * *
+ * * http://docs.jquery.com/UI/Autocomplete#theming
+
+.ui-autocomplete
+  position: absolute
+  cursor: default
+
+/* workarounds
+
+* html .ui-autocomplete
+  width: 1px
+
+/* without this, the menu expands to 100% in IE6
+
+/*
+ * jQuery UI Menu 1.8.6
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Menu#theming
+
+.ui-menu
+  list-style: none
+  padding: 2px
+  margin: 0
+  display: block
+  float: left
+  .ui-menu
+    margin-top: -3px
+  .ui-menu-item
+    @include reset
+    zoom: 1
+    float: left
+    clear: left
+    width: 100%
+    a
+      text-decoration: none
+      display: block
+      padding: .2em .4em
+      line-height: 1.5
+      zoom: 1
+      &.ui-state-hover, &.ui-state-active
+        font-weight: normal
+        margin: -1px
+
+/*
+ * jQuery UI Button 1.8.6
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Button#theming
+
+.ui-button
+  display: inline-block
+  position: relative
+  padding: 0
+  margin-right: .1em
+  text-decoration: none !important
+  cursor: pointer
+  text-align: center
+  zoom: 1
+  overflow: visible
+
+/* the overflow property removes extra width in IE
+
+.ui-button-icon-only
+  width: 2.2em
+
+/* to make room for the icon, a width needs to be set here
+
+button.ui-button-icon-only
+  width: 2.4em
+
+/* button elements seem to need a little more width
+
+.ui-button-icons-only
+  width: 3.4em
+
+button.ui-button-icons-only
+  width: 3.7em
+
+/*button text element
+
+.ui-button .ui-button-text
+  display: block
+  line-height: 1.4
+
+.ui-button-text-only .ui-button-text
+  padding: .4em 1em
+
+.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text
+  padding: .4em
+  text-indent: -9999em
+
+.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text
+  padding: .4em 1em .4em 2.1em
+
+.ui-button-text-icon-secondary .ui-button-text
+  padding: .4em 2.1em .4em 1em
+
+.ui-button-text-icons .ui-button-text
+  padding: .4em 2.1em .4em 1em
+  padding-left: 2.1em
+  padding-right: 2.1em
+
+/* no icon support for input elements, provide padding by default
+
+input.ui-button
+  padding: .4em 1em
+
+/*button icon element(s)
+
+.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon
+  position: absolute
+  top: 50%
+  margin-top: -8px
+
+.ui-button-icon-only .ui-icon
+  left: 50%
+  margin-left: -8px
+
+.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary
+  left: .5em
+
+.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary
+  right: .5em
+
+/*button sets
+
+.ui-buttonset
+  margin-right: 7px
+  .ui-button
+    margin-left: 0
+    margin-right: -0.3em
+
+/* workarounds
+
+button.ui-button::-moz-focus-inner
+  border: 0
+  padding: 0
+
+/* reset extra padding in Firefox
+/*
+ * jQuery UI Dialog 1.8.6
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Dialog#theming
+
+.ui-dialog
+  position: absolute
+  padding: .2em
+  width: 300px
+  overflow: hidden
+  .ui-dialog-titlebar
+    padding: .5em 1em .3em
+    position: relative
+  .ui-dialog-title
+    float: left
+    margin: .1em 16px .2em 0
+  .ui-dialog-titlebar-close
+    position: absolute
+    right: .3em
+    top: 50%
+    width: 19px
+    margin: -10px 0 0 0
+    padding: 1px
+    height: 18px
+    span
+      display: block
+      margin: 1px
+    &:hover, &:focus
+      padding: 0
+  .ui-dialog-content
+    position: relative
+    border: 0
+    padding: .5em 1em
+    background: none
+    overflow: auto
+    zoom: 1
+  .ui-dialog-buttonpane
+    text-align: left
+    border-width: 1px 0 0 0
+    background-image: none
+    margin: .5em 0 0 0
+    padding: .3em 1em .5em .4em
+    .ui-dialog-buttonset
+      float: right
+    button
+      margin: .5em .4em .5em 0
+      cursor: pointer
+  .ui-resizable-se
+    width: 14px
+    height: 14px
+    right: 3px
+    bottom: 3px
+
+.ui-draggable .ui-dialog-titlebar
+  cursor: move
+
+/*
+ * jQuery UI Slider 1.8.6
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Slider#theming
+
+.ui-slider
+  position: relative
+  text-align: left
+  .ui-slider-handle
+    position: absolute
+    z-index: 2
+    width: 1.2em
+    height: 1.2em
+    cursor: default
+  .ui-slider-range
+    position: absolute
+    z-index: 1
+    font-size: .7em
+    display: block
+    border: 0
+    background-position: 0 0
+
+.ui-slider-horizontal
+  height: .8em
+  .ui-slider-handle
+    top: -0.3em
+    margin-left: -0.6em
+  .ui-slider-range
+    top: 0
+    height: 100%
+  .ui-slider-range-min
+    left: 0
+  .ui-slider-range-max
+    right: 0
+
+.ui-slider-vertical
+  width: .8em
+  height: 100px
+  .ui-slider-handle
+    left: -0.3em
+    margin-left: 0
+    margin-bottom: -0.6em
+  .ui-slider-range
+    left: 0
+    width: 100%
+  .ui-slider-range-min
+    bottom: 0
+  .ui-slider-range-max
+    top: 0
+
+/*                                                      
+ * * jQuery UI Tabs 1.8.6
+ * *
+ * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * * Dual licensed under the MIT or GPL Version 2 licenses.
+ * * http://jquery.org/license
+ * *
+ * * http://docs.jquery.com/UI/Tabs#theming
+
+.ui-tabs
+  position: relative
+  padding: .2em
+  zoom: 1
+  .ui-tabs-nav
+    margin: 0
+    padding: .2em .2em 0
+    li
+      list-style: none
+      float: left
+      position: relative
+      top: 1px
+      margin: 0 .2em 1px 0
+      border-bottom: 0 !important
+      padding: 0
+      white-space: nowrap
+      a
+        float: left
+        padding: .5em 1em
+        text-decoration: none
+      &.ui-tabs-selected
+        margin-bottom: 0
+        padding-bottom: 1px
+        a
+          cursor: text
+      &.ui-state-disabled a, &.ui-state-processing a
+        cursor: text
+      a
+        cursor: pointer
+  &.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a
+    cursor: pointer
+  .ui-tabs-panel
+    display: block
+    border-width: 0
+    padding: 1em 1.4em
+    background: none
+  .ui-tabs-hide
+    display: none !important
+
+/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed")
+
+/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere...
+
+/*
+ * jQuery UI Datepicker 1.8.6
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Datepicker#theming
+
+.ui-datepicker
+  width: 17em
+  padding: .2em .2em 0
+  .ui-datepicker-header
+    position: relative
+    padding: .2em 0
+  .ui-datepicker-prev, .ui-datepicker-next
+    position: absolute
+    top: 2px
+    width: 1.8em
+    height: 1.8em
+  .ui-datepicker-prev-hover, .ui-datepicker-next-hover
+    top: 1px
+  .ui-datepicker-prev
+    left: 2px
+  .ui-datepicker-next
+    right: 2px
+  .ui-datepicker-prev-hover
+    left: 1px
+  .ui-datepicker-next-hover
+    right: 1px
+  .ui-datepicker-prev span, .ui-datepicker-next span
+    display: block
+    position: absolute
+    left: 50%
+    margin-left: -8px
+    top: 50%
+    margin-top: -8px
+  .ui-datepicker-title
+    margin: 0 2.3em
+    line-height: 1.8em
+    text-align: center
+    select
+      font-size: 1em
+      margin: 1px 0
+  select
+    &.ui-datepicker-month-year
+      width: 100%
+    &.ui-datepicker-month, &.ui-datepicker-year
+      width: 49%
+  table
+    width: 100%
+    font-size: .9em
+    border-collapse: collapse
+    margin: 0 0 .4em
+  th
+    padding: .7em .3em
+    text-align: center
+    font-weight: bold
+    border: 0
+  td
+    border: 0
+    padding: 1px
+    span, a
+      display: block
+      padding: .2em
+      text-align: right
+      text-decoration: none
+  .ui-datepicker-buttonpane
+    background-image: none
+    margin: .7em 0 0 0
+    padding: 0 .2em
+    border-left: 0
+    border-right: 0
+    border-bottom: 0
+    button
+      float: right
+      margin: .5em .2em .4em
+      cursor: pointer
+      padding: .2em .6em .3em .6em
+      width: auto
+      overflow: visible
+      &.ui-datepicker-current
+        float: left
+  &.ui-datepicker-multi
+    width: auto
+
+/* with multiple calendars
+
+.ui-datepicker-multi .ui-datepicker-group
+  float: left
+  table
+    width: 95%
+    margin: 0 auto .4em
+
+.ui-datepicker-multi-2 .ui-datepicker-group
+  width: 50%
+
+.ui-datepicker-multi-3 .ui-datepicker-group
+  width: 33.3%
+
+.ui-datepicker-multi-4 .ui-datepicker-group
+  width: 25%
+
+.ui-datepicker-multi
+  .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-group-middle .ui-datepicker-header
+    border-left-width: 0
+  .ui-datepicker-buttonpane
+    clear: left
+
+.ui-datepicker-row-break
+  clear: both
+  width: 100%
+
+/* RTL support
+
+.ui-datepicker-rtl
+  direction: rtl
+  .ui-datepicker-prev
+    right: 2px
+    left: auto
+  .ui-datepicker-next
+    left: 2px
+    right: auto
+  .ui-datepicker-prev:hover
+    right: 1px
+    left: auto
+  .ui-datepicker-next:hover
+    left: 1px
+    right: auto
+  .ui-datepicker-buttonpane
+    clear: right
+    button
+      float: left
+      &.ui-datepicker-current
+        float: right
+  .ui-datepicker-group
+    float: right
+  .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-group-middle .ui-datepicker-header
+    border-right-width: 0
+    border-left-width: 1px
+
+/* IE6 IFRAME FIX (taken from datepicker 1.5.3
+
+.ui-datepicker-cover
+  display: none
+  /*sorry for IE5
+  display/**/: block
+  /*sorry for IE5
+  position: absolute
+  /*must have
+  z-index: -1
+  /*must have
+  filter: mask()
+  /*must have
+  top: -4px
+  /*must have
+  left: -4px
+  /*must have
+  width: 200px
+  /*must have
+  height: 200px
+  /*must have
+
+/*
+ ** jQuery UI Progressbar 1.8.6
+ **
+ ** Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ ** Dual licensed under the MIT or GPL Version 2 licenses.
+ ** http://jquery.org/license
+ **
+ ** http://docs.jquery.com/UI/Progressbar#theming
+
+.ui-progressbar
+  height: 2em
+  text-align: left
+  .ui-progressbar-value
+    margin: -1px
+    height: 100%