engineyard-theme 1.0.5

data/example/public/engineyard-theme/stylesheets/sass/partials/_blog.sass

@@ -0,0 +1,156 @@
+#blog, #developer
+  clear: both
+  float: left
+  overflow: auto
+  width: 100%
+  background: url(../../images/bg_stroke.png) repeat-y 70%
+  margin: 0 0 2em
+  .section
+    border-bottom: 1px solid #CCC
+    margin: 0 1em 2em
+    padding: 0 1em
+  .section:last-child
+    border-bottom: none
+  #main
+    float: left
+    width: 70%
+    .post
+      margin: 0 2em 0 0
+      padding: 2em 0 2em 0
+      border-bottom: 1px solid #CCC
+      .title
+        overflow: auto
+        h3
+          font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif
+          font-weight: normal
+          font-size: 1.8em
+          margin: .25em 0 0
+        img
+          float: left
+          margin-right: 2em
+      .subtitle
+        color: #999
+        font-size: 1.1em
+    .post:first-child
+      padding-top: 0
+    .post:last-child
+      border: none
+  #sidebar
+    overflow: auto
+    float: right
+    width: 30%
+    a
+      /*color: #0072bc*/
+      color: #369
+    .feature
+      border-bottom: 1px solid #CCC
+      margin: 0 1em 2em
+      padding: 0 1em
+    #feature_summaries
+      margin-top: .5em
+    .linkroll
+      h3
+        font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif
+        font-weight: normal
+        font-size: 1.4em
+        margin: 0 0 1em
+      ul
+        margin: 0 0 2em
+        padding: 0
+        list-style-type: none
+        li
+          margin: 0 0 1em
+          padding: 0
+          font-size: 1.1em
+          color: #777
+    .event
+      border-bottom: 1px dotted #CCC
+      overflow: auto
+      padding-bottom: 10px
+      img
+        float: left
+        vertical-align: middle
+        margin: 1.5em 0 0 0
+      p
+        float: left
+        margin-left: 1em
+    .event:last-child
+      border-bottom: none
+      
+#developer
+  h2
+    font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif
+    font-weight: normal
+    font-size: 2em 
+  h3  
+    font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif
+    font-weight: normal
+    font-size: 1.4em
+    a
+      text-decoration: underline
+  
+  #sidebar
+    .event
+      div
+        float: left
+        margin: 1.5em 0 0 0
+        text-align: center
+        width: 47px
+        img
+          float: none
+          margin: 0  
+  #main
+    .third
+      overflow: auto
+      margin-bottom: 2em
+      img
+        float: left
+        margin: 0 1em 0 0
+        vertical-align: top
+      h3
+        float: left
+        margin: 0
+      p
+        float: left
+        margin: .25em 0 0 0
+        width: 60%
+        font-size: 1.1em
+  #social
+    margin: 0
+    img
+      vertical-align: middle
+      margin-right: .5em
+      position: relative
+      top: -2px
+    a
+      display: block
+      float: left
+      text-decoration: none
+      padding: .4em 1em
+      border-right: 1px solid #CCC
+      font-size: 1em
+      color: #666
+    a:last-child
+      padding-right: 0
+      border-right: none
+  .post
+    border-bottom: 1px dotted #CCC !important
+    h3
+      margin: 0 0 .25em 70px
+    p
+      margin: .5em 0 0 70px
+      a
+        color: #707070
+    img
+      float: left
+      border: 1px solid #999
+      width: 34px
+      margin-left: 20px
+  .post:last-child
+    border-bottom: none !important
+    
+  .featured
+    img
+      width: 50px
+      margin-left: 5px
+      

data/example/public/engineyard-theme/stylesheets/sass/partials/_buttons.sass

@@ -0,0 +1,62 @@
+.button
+  display: inline-block
+  zoom: 1
+  *display: inline
+  vertical-align: baseline
+  margin: 0 2px
+  outline: none
+  cursor: pointer
+  text-align: center
+  text-decoration: none
+  font: 14px/100% Helvetica, Arial, sans-serif
+  padding: .5em 2em .55em
+  /*text-shadow: 0 1px 1px rgba(0,0,0,.3)*/
+  -webkit-border-radius: .5em
+  -moz-border-radius: .5em
+  border-radius: .5em
+  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2)
+  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2)
+  box-shadow: 0 1px 2px rgba(0,0,0,.2)
+
+.button:hover, *
+  .button:hover
+    text-decoration: none
+  .button
+    a:hover
+      text-decoration: none
+
+.button:active
+  position: relative
+  top: 1px
+
+.large
+  font-size: 16px
+  padding: .6em 1.5em .55em
+
+.medium 
+  font-size: 13px
+  padding: .4em 1.5em .42em
+
+.small
+  font-size: 11px
+  padding: .2em .5em .275em
+
+.white
+  color: #606060
+  border: solid 1px #b7b7b7
+  background: #fff
+  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed))
+  background: -moz-linear-gradient(top,  #fff,  #ededed)
+  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed')
+
+.white:hover
+  background: #ededed
+  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc))
+  background: -moz-linear-gradient(top,  #fff,  #dcdcdc)
+  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc')
+
+.white:active
+  color: #999
+  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff))
+  background: -moz-linear-gradient(top,  #ededed,  #fff)
+  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff')

data/example/public/engineyard-theme/stylesheets/sass/partials/_clear.sass

@@ -0,0 +1,15 @@
+.clear:after
+	clear: both
+	content: '.'
+	display: block
+	height: 0
+	visibility: hidden
+
+.clear 
+	display: inline-block
+	
+/* \*/
+.clear
+	display: block
+	
+/* */

data/example/public/engineyard-theme/stylesheets/sass/partials/_colorbox.sass

@@ -0,0 +1,117 @@
+#colorbox, #cboxOverlay, #cboxWrapper
+  position: absolute
+  top: 0
+  left: 0
+  z-index: 9999
+  overflow: hidden
+#cboxOverlay
+  position: fixed
+  width: 100%
+  height: 100%
+#cboxMiddleLeft, #cboxBottomLeft
+  clear: left
+#cboxContent
+  position: relative
+  overflow: hidden
+#cboxLoadedContent
+  overflow: auto
+#cboxLoadedContent iframe
+  display: block
+  width: 100%
+  height: 100%
+  border: 0
+#cboxTitle
+  margin: 0
+#cboxLoadingOverlay, #cboxLoadingGraphic
+  position: absolute
+  top: 0
+  left: 0
+  width: 100%
+#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow
+  cursor: pointer
+#cboxOverlay
+  background: url(../images/overlay.png) 0 0 repeat
+#colorbox
+#cboxTopLeft
+  width: 21px
+  height: 21px
+  background: url(../images/controls.png) -100px 0 no-repeat
+#cboxTopRight
+  width: 21px
+  height: 21px
+  background: url(../images/controls.png) -129px 0 no-repeat
+#cboxBottomLeft
+  width: 21px
+  height: 21px
+  background: url(../images/controls.png) -100px -29px no-repeat
+#cboxBottomRight
+  width: 21px
+  height: 21px
+  background: url(../images/controls.png) -129px -29px no-repeat
+#cboxMiddleLeft
+  width: 21px
+  background: url(../images/controls.png) left top repeat-y
+#cboxMiddleRight
+  width: 21px
+  background: url(../images/controls.png) right top repeat-y
+#cboxTopCenter
+  height: 21px
+  background: url(../images/border.png) 0 0 repeat-x
+#cboxBottomCenter
+  height: 21px
+  background: url(../images/border.png) 0 -29px repeat-x
+#cboxContent
+  background: #fff
+#cboxLoadedContent
+  margin-bottom: 28px
+#cboxTitle
+  position: absolute
+  bottom: 4px
+  left: 0
+  text-align: center
+  width: 100%
+  color: #949494
+#cboxCurrent
+  position: absolute
+  bottom: 4px
+  left: 58px
+  color: #949494
+#cboxSlideshow
+  position: absolute
+  bottom: 4px
+  right: 30px
+  color: #0092ef
+#cboxPrevious
+  position: absolute
+  bottom: 0
+  left: 0px
+  background: url(../images/controls.png) -75px 0px no-repeat
+  width: 25px
+  height: 25px
+  text-indent: -9999px
+#cboxPrevious.hover
+  background-position: -75px -25px
+#cboxNext
+  position: absolute
+  bottom: 0
+  left: 27px
+  background: url(../images/controls.png) -50px 0px no-repeat
+  width: 25px
+  height: 25px
+  text-indent: -9999px
+#cboxNext.hover
+  background-position: -50px -25px
+#cboxLoadingOverlay
+  background: url(../images/loading_background.png) center center no-repeat
+#cboxLoadingGraphic
+  background: url(../images/loading.gif) center center no-repeat
+#cboxClose
+  position: absolute
+  bottom: 0
+  right: 0
+  background: url(../images/controls.png) -25px 0px no-repeat
+  width: 25px
+  height: 25px
+  text-indent: -9999px
+#cboxClose.hover
+  background-position: -25px -25px

data/example/public/engineyard-theme/stylesheets/sass/partials/_connect.sass

@@ -0,0 +1,42 @@
+#connect
+  clear: both
+  margin: 2em 0 2.5em
+  
+  .wrapper
+    border-top: 1px solid #d7d7d7
+    border-bottom: 1px solid #d7d7d7
+    height: 41px
+    margin: 0 auto
+    
+    h3
+      float: left
+      width: 25%
+      margin: 1em 0 1em 3em
+      font-size: 13px
+      font-weight: normal
+      text-align: center
+      color: #363636
+    
+    ul
+      margin: 1.3em 3.9em 1.3em 0
+      padding: 0
+      
+      li
+        float: left
+        margin: 0
+        padding: 0
+        list-style-type: none
+        width: 20%
+        font-size: 13px
+        text-align: center
+      
+        a
+          color: #363636
+          
+          img
+            vertical-align: middle
+            position: relative
+            top: -2px
+            margin-right: .5em
+        a:hover
+          text-decoration: none

data/example/public/engineyard-theme/stylesheets/sass/partials/_estimator.sass

@@ -0,0 +1,209 @@
+#pricingEstimator
+  background-color: #FCFCFC
+  color: #333
+  h2
+    float: left
+    padding-bottom: 1em
+    margin: 0
+    small
+      display: block
+      font-size: 0.6em
+      text-align: center
+      font-weight: normal
+  h3
+    font-size: 1.25em
+    margin: -20px -20px 20px
+    padding: 10px 20px
+    background: url(../images/estimator-header.png) repeat-x left top
+    text-shadow: 1px 1px 1px #FFF
+  #total
+    font-size: 3em
+    line-height: 1em
+    font-weight: bold
+    font-family: Georgia, Times New Roman, serif
+    float: right
+    text-align: left
+    margin: 0px 10px 0px 20px
+  #plan
+    width: 600px
+    margin: 0 auto
+  table
+    clear: both
+    -moz-box-shadow: 2px 2px 2px #EEE
+    -webkit-box-shadow: 2px 2px 2px #EEE
+  td
+    vertical-align: top
+    width: 276px
+    padding: 0
+    border: 1px solid #DDD
+  fieldset
+    padding: 20px
+    margin: -1px 0 0
+    border: none
+    border-top: 1px solid #DDD
+  input[type="text"]
+    backgroound: none
+    border: none
+    width: 2em
+    font-size: 1em
+  ul, li
+    padding: 0
+    margin: 20px 0
+    list-style: none
+  #backups, #bandwidth
+    height: 190px
+    width: 246px
+  #servers
+    input
+      text-align: center
+    div
+      border-top: 1px solid #EEE
+      padding: 10px 0
+  .plus, .minus
+    display: inline-block
+    height: 30px
+    width: 30px
+    color: #333
+    background: #DDD
+    border: 1px solid #CCC
+    padding: 1px 4px 4px
+    text-shadow: 1px 1px 1px #FFF
+    cursor: pointer
+    -moz-box-shadow: inset -1px -1px 0px #999, inset 1px 1px 1px #FFF
+    -webkit-box-shadow: 1px 1px 1px #999
+    &:active
+      background: #CCC
+      -moz-box-shadow: inset -1px -1px 0px #FFF, inset 1px 1px 1px #999
+    &[disabled=""]
+      color: #999
+      background: #EEE
+      border-color: #DDD
+  .plus
+    -moz-border-radius-topright: 6px
+    -moz-border-radius-bottomright: 6px
+    -webkit-border-top-right-radius: 6px
+    -webkit-border-bottom-right-radius: 6px
+  .minus
+    margin-right: -1px
+    -moz-border-radius-topleft: 6px
+    -moz-border-radius-bottomleft: 6px
+    -webkit-border-top-left-radius: 6px
+    -webkit-border-bottom-left-radius: 6px
+  #pageviews
+    width: 6em
+  #pagesize
+    width: 5em
+  #backup_frequency
+    width: 7em
+  .slider
+    background: #EEE
+    height: 26px
+    margin: 15px 0px
+    background: url(../images/estimator-widget.png) no-repeat left top
+    -moz-box-shadow: inset 1px 1px 1px #999
+    -moz-border-radius: 3px
+    -webkit-border-radius: 3px
+    a
+      height: 35px
+      width: 15px
+      display: block
+      position: relative
+      top: -7px
+      margin-left: -7px
+      background: #CCC
+      -moz-box-shadow: inset 1px 1px 1px #FFF, 2px 2px 2px #999
+      -webkit-box-shadow:  2px 2px 2px #999, 1px 1px 2px #FFF
+      -moz-border-radius: 3px
+      -webkit-border-radius: 3px
+      &.ui-state-active
+        background-color: #999
+        -moz-box-shadow:  inset 1px 1px 1px #FFF, 1px 1px 1px #333
+        -webkit-box-shadow:  1px 1px 2px #333, 1px 1px 2px #FFF
+  #support
+    li
+      height: 80px
+      border-top: 1px solid #EEE
+      padding: 20px 0
+      &:first-child
+        padding-top: 0
+        border: none
+    span
+      display: block
+      margin-left: 1.75em
+      font-style: italic
+  hr
+    display: block
+    margin: 20px 0 10px
+    border: none
+    border-top: 1px solid #FFF
+    -moz-box-shadow: 0px 1px 0px #EEE
+    -webkit-box-shadow: 0px 1px 0px #EEE
+
+.estimator
+  margin-bottom: 2.5em
+  h4, h5
+    margin: 0
+  .panel
+    padding: 20px
+    margin-top: 10px
+    border: 1px solid #CCC
+    -moz-box-shadow: 2px 2px 2px #EEE
+    -webkit-box-shadow: 2px 2px 2px #EEE
+    background: #FCFCFC
+  .section
+    border-bottom: 1px solid #DDD
+    padding: 10px 0
+    clear: both
+    &:first-child
+      padding-top: 0
+    &:last-child
+      border: none
+      padding-bottom: 0
+  table
+    margin: 0
+    &.layout
+      margin: 10px 0 0
+      th, td
+        padding: 3px 0
+  .tab
+    color: #369
+    cursor: pointer
+    &.selected
+      color: #333
+      cursor: text
+  .configuration
+    margin: 10px 0
+    padding: 0
+    min-height: 110px
+    li
+      list-style: none
+      display: block
+      float: left
+      width: 235px
+      min-height: 90px
+      padding: 10px
+      border: 1px solid #DDD
+      margin-right: 6px
+      cursor: pointer
+      &:last-child
+        margin-right: 0
+      &.selected, &:hover
+        border-color: #CCC
+        background: #FFE
+        -moz-box-shadow: 2px 2px 2px #EEE
+        -webkit-box-shadow: 2px 2px 2px #EEE
+    h5
+      font-size: 1.1em
+    p
+      font-size: 1em
+      margin-bottom: 0
+  #server_size
+    padding: 0
+    margin: 0
+    li
+      display: inline-block
+      list-style: none
+  #details
+    display: block
+    width: 450px
+    margin: 10px auto 20px