User foundation setup

app/assets/stylesheets/user/wood1/_constants.css.sass

@@ -0,0 +1,80 @@
+$qbrown: #853d15
+$qbrown-active: lighten($qbrown, 20%)
+$green: #7BB459 //Heineken
+//$wood: image-url('textures/wood001-vertical.jpg')
+$wood: image-url('textures/theme1.jpg')
+$background-brown: #57351f
+$side-spacing: 5px
+=wood-button
+  background-color: transparent
+  background-repeat: no-repeat, no-repeat, repeat-x
+  background-position: left center, right center, center center
+  background-image: image-url('theme1/button-wood-left.png'), image-url('theme1/button-wood-right.png'), image-url('theme1/button-wood-middle.png')
+  color: $green
+  border-width: 0
+  border-radius: 0
+  height: 31px
+  //padding-bottom: 18px
+  +box-shadow(#000 4px 4px 8px)
+  &:hover
+    background-color: transparent
+    background-repeat: no-repeat, no-repeat, repeat-x
+    background-position: left center, right center, center center
+    background-image: image-url('theme1/button-wood-left.png'), image-url('theme1/button-wood-right.png'), image-url('theme1/button-wood-middle.png')
+    color: blue
+=button-bar
+  background-color: transparent
+  background-repeat: no-repeat, no-repeat
+  background-position: left bottom, right bottom
+  background-image: image-url('theme1/button-bar-left.png'), image-url('theme1/button-bar-right.png')
+  color: $green
+  border-width: 0
+  border-radius: 0
+  min-height: 61px
+  height: 61px
+  padding-left: 49px
+  padding-right: 52px 
+  .button-bar-inner
+    //+single-box-shadow(#000, 0px, 4px, 8px, 0px, true)
+    background-color: white
+    background-repeat: repeat-x
+    background-position: center bottom
+    background-image: image-url('theme1/button-bar-middle.png')
+    //min-height: 61px
+    height: 100%
+    .button-bar-content
+      padding: 8px
+      .title
+        margin-top: 4px
+        margin-right: 5px
+        margin-left: 5px
+        margin-bottom: 3px
+        font-size: 1.1em
+        line-height: 1.1em
+        color: black
+        float: left
+      .action-buttons
+        float: left
+        width: 150px
+  //padding-bottom: 18px
+  //+box-shadow(#000 4px 4px 8px)
+=user-button
+  +wood-button
+  cursor: pointer
+  border: 0px solid black
+  //+border-radius(4px)
+  //+box-shadow(#000 4px 4px 8px)
+  width: 30px
+  //height: 34px
+  display: inline-block
+  float: left
+  margin-right: 15px
+  background-color: $qbrown
+  text-align: center
+  line-height: 34px
+  text-indent: -5000px
+  &.active
+    background-color: $qbrown-active
+  &.hide
+    display: none
+