engineyard-theme 1.0.5

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

@@ -0,0 +1,16 @@
+// Use // instead of /* */ to hide from production
+
+.running .spinner, a.image .inner
+  display: none
+
+
+.instance
+  a.toggler
+    display: inline-block
+    vertical-align: center
+    width: 16px
+    height: 16px
+    background: url('/images/icon_hide.png') top left no-repeat
+
+  &.closed a.toggler
+    background: url('/images/icon_expand.png') top left no-repeat

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

@@ -0,0 +1,68 @@
+// Use // instead of /* */ to hide from production
+
+// --------------------------------------------------
+
+/* MESSAGING
+// - General Messaging Notices
+
+// --------------------------------------------------
+
+// --------------------------------------------------
+// General Messaging Notices
+// --------------------------------------------------
+
+.message
+  position: relative
+  margin: 0 -12px 12px
+  padding: 8px 12px
+  @include rounded-box
+  background: $color-text
+  @include font-bold
+  a
+    &:link, &:visited
+      color: #fff
+      border-bottom: 1px solid $color-border
+    &:active
+      border-color: #e5e5e5
+    &:focus, &:hover
+      border-color: #fff
+
+  p
+    position: relative
+    padding-bottom: 0
+    color: $color-background
+
+    a.hide
+      position: absolute
+      right: 0
+      top: 3px
+      border: 0
+      @include font-normal
+      font-size: $font-size-small
+      line-height: 1
+      color: darken($color-background, 10%)
+
+  &.error
+    color: #fff
+    background: $color-text-alert
+    text-shadow: 0 -1px 2px darken($color-text-alert, 6.25%)
+
+  &.info
+    color: #fff
+    background: $color-text-callout
+    text-shadow: 0 -1px 2px darken($color-text-callout, 12.5%)
+
+  &.notice, &.sitewide_notice, &.notices div.notice
+    color: lighten($color-border, 25%)
+    text-shadow: 0 -1px 2px darken($color-text, 12.5%)
+
+  &.notices p +p
+    border-top: 1px solid lighten($color-text, 15%)
+    margin-top: 6px
+    padding-top: 6px
+    a.hide
+      top: 8px
+      z-index: 100
+
+  &+.message
+    margin-top: -10px

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

@@ -0,0 +1,267 @@
+// Use // instead of /* */ to hide from production
+
+// --------------------------------------------------
+
+/* PLUGINS
+// - Button Dropdown
+// - ThickBox
+// - ToolTip
+
+// --------------------------------------------------
+
+
+
+// --------------------------------------------------
+// Button Dropdown
+// --------------------------------------------------
+
+.positionHelper
+  .fg-menu-container
+    position: absolute
+    top: 23px !important
+    left: -9999em
+    margin: 0 3px
+    padding: 6px 10px
+    border: 1px solid darken($color-border, 5%)
+      top-color: darken($color-border, 25%)
+    -webkit-border-radius: 0
+    -moz-border-radius: 0
+    border-radius: 0
+    -webkit-border-bottom-left-radius: $button-radius
+    -webkit-border-bottom-right-radius: $button-radius
+    -moz-border-radius-bottomleft: $button-radius
+    -moz-border-radius-bottomright: $button-radius
+    border-bottom-left-radius: $button-radius
+    border-bottom-right-radius: $button-radius
+    width: 155px !important
+    background: #fff
+    background: -moz-linear-gradient(top, #fff, $color-background)
+    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to($color-background))
+    -moz-box-shadow: 0 2px 2px darken($color-border, 15%)
+    -webkit-box-shadow: 0 2px 2px darken($color-border, 15%)
+    box-shadow: 0 2px 2px darken($color-border, 15%)
+    overflow: auto
+    max-height: 240px
+    font-size: $font-size-small
+    line-height: $line-height
+    text-decoration: none
+    color: $color-text
+    cursor: pointer
+    z-index: 2
+    &.fg-menu-flyout
+      overflow: visible
+    ul.fg-menu
+      @include reset
+      position: relative
+      @include remove-rounded-box
+      -webkit-border-radius: 0
+      -moz-border-radius: 0
+      border-radius: 0
+      list-style: none
+    li
+      @include reset
+      clear: both
+      float: left
+      width: 100%
+      a
+        position: relative
+        display: block
+        margin: 1px -5px
+        padding: 2px 10px
+        border: 0
+        @include big-chunky-rounded-box
+        &:focus, &:hover
+          background: darken($color-background, 10%)
+
+
+
+// --------------------------------------------------
+// ThickBox
+// --------------------------------------------------
+
+#TB_overlay
+  position: fixed
+  top: 0px
+  left: 0px
+  height: 100%
+  width: 100%
+  background-color: #000
+  filter: alpha(opacity=75)
+  -moz-opacity: 0.75
+  opacity: 0.75
+  z-index: 600
+
+#TB_window
+  position: fixed
+  top: 50%
+  left: 50%
+  display: none
+  border: 1px solid $color-border
+    top-color: #fff
+    bottom-color: darken($color-border, 25%)
+  @include rounded-box
+  background: #fff
+  -moz-box-shadow: 0 1px 3px darken($color-text, 25%)
+  -webkit-box-shadow: 0 1px 3px darken($color-text, 25%)
+  box-shadow: 0 1px 3px darken($color-text, 25%)
+  font: 12px/1.5 $font-face-main
+  text-align: left
+  color: $color-text
+  z-index: 700
+
+#TB_title
+  position: relative
+  border-bottom: 1px solid darken($color-border, 10%)
+  background: $color-background-alt
+  background: -moz-linear-gradient(top, $color-background-alt, darken$color-background-alt, 20%)
+  background: -webkit-gradient(linear, left top, left bottom, from($color-background-alt), to(darken($color-background-alt, 20%)))
+  @include rounded-box-top
+  text-shadow: 0 1px 2px $color-background-alt
+  zoom: 1
+  &:before, &:after
+    @include clearfix
+  &:after
+    clear: both
+  #TB_ajaxWindowTitle
+    float: left
+    display: inline
+    padding: 6px 12px
+    @include font-bold
+    font-size: $font-size-h4
+    color: darken($color-text, 10%)
+
+#TB_closeAjaxWindow
+  float: right
+  display: inline
+  padding: 8px 12px
+  font-size: $font-size-small
+  a
+    color: $color-text
+    &:hover
+      color: darken($color-text, 10%)
+
+#TB_ajaxContent
+  margin: 0 auto
+  clear: both
+  padding: 24px 12px
+  h2
+    padding-top: 0
+  code
+    display: block
+  h1
+    font-size: $font-size-h3
+  label
+    display: block
+    padding-top: 6px
+  &.TB_modal
+    padding: 15px
+  p
+    padding: 5px 0px 5px 0px
+
+  #ssh-public-keys
+    h1
+      display: none
+
+  .formactions
+    border: 0
+
+#TB_secondLine
+  font: 10px Arial, Helvetica, sans-serif
+  color: #666666
+
+.TB_overlayMacFFBGHack
+  background: url(../images/macFFBgHack.png) repeat
+
+* html #TB_overlay
+  position: absolute
+  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')
+
+
+* html #TB_window
+  position: absolute
+  margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')
+
+#TB_window img#TB_Image
+  display: block
+  margin: 15px 0 0 15px
+  border-right: 1px solid #ccc
+  border-bottom: 1px solid #ccc
+  border-top: 1px solid #666
+  border-left: 1px solid #666
+
+#TB_caption
+  height: 25px
+  padding: 7px 30px 10px 25px
+  float: left
+
+#TB_closeWindow
+  height: 25px
+  padding: 11px 25px 10px 0
+  float: right
+
+#TB_closeWindowButton
+  text-decoration: underline
+  font-weight: bold
+
+#TB_load
+  position: fixed
+  display: none
+  height: 13px
+  width: 208px
+  z-index: 103
+  top: 50%
+  left: 50%
+  margin: -6px 0 0 -104px
+
+* html #TB_load
+  position: absolute
+  margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')
+
+#TB_HideSelect
+  z-index: 99
+  position: fixed
+  top: 0
+  left: 0
+  background-color: #fff
+  border: none
+  filter: alpha(opacity=0)
+  -moz-opacity: 0
+  opacity: 0
+  height: 100%
+  width: 100%
+
+* html #TB_HideSelect
+  position: absolute
+  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')
+
+#TB_iframeContent
+  clear: both
+  border: none
+  margin-bottom: -1px
+  margin-top: 1px
+
+#TB_ajaxContent
+  overflow: auto
+
+
+
+// --------------------------------------------------
+// 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/_sendgrid.sass

@@ -0,0 +1,76 @@
+// Use // instead of /* */ to hide from production
+
+// --------------------------------------------------
+
+/* SENDGRID
+
+// --------------------------------------------------
+
+table#sendgrid_pricing
+  margin: 0
+  padding: 0
+  border-collapse: collapse
+
+  th
+    margin: 0
+    padding: 5px 0 5px 16px
+    text-align: left
+    font-size: 14px
+    border: none
+
+  tr
+    margin: 0
+    padding: 0
+    -webkit-border-vertical-spacing: 0
+    -webkit-border-horizontal-spacing: 0
+
+  td
+    padding: 7px 14px
+    margin: 0
+    border-left: 2px solid #BBB
+    border-bottom: 1px solid #eee
+    background-color: #fff
+
+    span.no
+      color: #fff
+
+  td:first-child
+    border-left: none
+    border-bottom: none
+    padding-left: 0
+    background-color: #f8f8f8
+
+    &.sendgrid_feature
+      font-weight: bold
+
+  tr.tos_row
+    margin: 0
+    td
+      border: none
+      text-align: center
+      margin: 0
+      padding: 10px 0 3px 0
+      border-bottom: 1px solid #eee
+      background-color: #efefef
+      div.formrow
+        margin: 0
+    td:first-child
+      border: none
+      background-color: #f8f8f8
+
+  tr.buttons
+    margin: 0
+    td
+      border: none
+      padding: 8px 14px 0 14px
+      background-color: #f8f8f8
+
+  form
+    margin-top: 0
+
+  input
+    margin-top: 2px
+    margin-right: 8px
+
+  small
+    font-weight: normal

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

@@ -0,0 +1,126 @@
+// Use // instead of /* */ to hide from production
+
+// --------------------------------------------------
+
+/* STYLEGUIDE
+
+// --------------------------------------------------
+
+#styleguide
+  position: relative
+  margin: -18px -20px 0 0
+  padding-top: 18px
+  background: url(../images/layout/bg-vertical-rule.png) 620px 0 repeat-y
+  zoom: 1
+  .grid_8
+    margin-right: 30px
+    width: 600px
+  .grid_2
+    position: relative
+    margin-top: -18px
+    padding-top: 0
+  &:before, &:after
+    @include clearfix
+  &:after
+    clear: both
+
+  table.themed
+
+    th, td
+      border-top: 1px solid $color-background-alt
+      vertical-align: top
+      text-align: left
+
+    thead
+      th
+        border: 0
+
+    tbody
+      th
+        width: 210px
+        .string
+          @include font-normal
+        &.code
+          @include font-code
+          pre
+            background: none
+            padding: 0 0 10px
+            width: 210px
+            height: auto
+            overflow-x: auto
+            overflow-y: hidden
+            white-space: nowrap
+          .example
+            color: $color-text-alt
+
+    td
+      &.color-background
+        background: $color-background
+      &.color-background-alt
+        background: $color-background-alt
+      &.color-background-alt2
+        background: $color-background-alt2
+      &.color-text
+        background: $color-text
+      &.color-text-alt
+        background: $color-text-alt
+      &.color-brand
+        background: $color-text-alert
+      &.color-text-callout
+        background: $color-text-callout
+      &.color-border
+        background: $color-border
+      input.text
+        padding: 3px 5px
+        font-size: 14px
+      .field
+        margin-bottom: 0
+        padding-bottom: 24px
+        label
+          display: block
+          padding-bottom: 3px
+          &.radio, &.checkbox
+            display: inline
+            padding: 0
+        ul.choice-list
+          li
+            label
+              display: block
+
+  .ex-box
+    padding: 20px
+    background: $color-border
+  .rounded-box
+    @include rounded-box
+  .rounded-box-top
+    @include rounded-box-top
+  .big-chunky-rounded-box
+    @include big-chunky-rounded-box
+
+#dialog_link
+  padding: .4em 1em .4em 20px
+  text-decoration: none
+  position: relative
+
+  span.ui-icon
+    margin: 0 5px 0 0
+    position: absolute
+    left: .2em
+    top: 50%
+    margin-top: -8px
+
+ul#icons
+  margin: 0
+  padding: 0
+
+  li
+    margin: 2px
+    position: relative
+    padding: 4px 0
+    cursor: pointer
+    float: left
+    list-style: none
+
+  span.ui-icon
+    float: left
+    margin: 0 4px