Start with supplier foundation style

app/assets/stylesheets/supplier/foundation1/application.css

@@ -0,0 +1,9 @@
+/*
+*= require ./foundation_and_overrides
+*= require 'jquery-ui-1.8.23.custom.css'
+*= require qtip
+*= require_directory ../base1-shared
+*= require pickdate
+*= require_directory .
+*= require_self
+*/

app/assets/stylesheets/supplier/foundation1/menu_main.css.sass

@@ -0,0 +1,87 @@
+@import constants
+@import font-awesome
+@import foundation_and_overrides
+header.top-menu
+  height: 90px
+  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
+  padding-left: 49px
+  padding-right: 52px 
+  .menu-content
+    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%
+    section
+      height: 52px
+      line-height: 48px
+      &.main-buttons
+        float: left
+        @media #{$medium-up}
+          padding-left: 14px
+      &.extra-info
+        float: right
+        .supplier-info-row
+          float: right
+          clear: right
+          line-height: 27px
+          padding-right: 7px
+        .table-number
+          display: inline-block
+          //text-transform: lowercase
+        .supplier-name
+          display: inline-block
+        .supplier-orders-placed-count
+          display: inline-block
+          margin-right: 15px
+        .supplier-orders-in-process-count
+          display: inline-block
+  .menu-list-item
+    margin-left: 20px
+    cursor: pointer
+    border: 0.08em solid #eee
+    padding: 5px
+    border-radius: 0.1em
+    display: inline-block
+    line-height: 1em
+    margin-top: 10px
+    color: #999
+    &.active
+      color: yellow
+      border-color: yellow
+      &.callout
+        color: #f70
+        border-color: #f70
+    @media #{$medium-only}
+      margin-left: 8px
+    @media #{$small-only}
+      margin-left: 5px
+.orders-placed-count-icon
+  @extend .fa
+  @extend .fa-clock-o
+  @extend .fa-lg
+  margin-left: 3px
+.orders-in-process-count-icon
+  @extend .fa
+  @extend .fa-check
+  @extend .fa-lg
+  margin-left: 3px
+.toggle-side-menu
+  position: absolute
+  width: 28px
+  height: 28px
+  color: white
+  left: 0
+  cursor: pointer
+  z-index: 100
+  &.open
+    color: white
+  span
+    @extend .fa
+    @extend .fa-bars
+    @extend .fa-lg

app/assets/stylesheets/supplier/foundation1/menu_side.css.sass

@@ -0,0 +1,13 @@
+@import constants
+aside.side-menu
+  background-color: #444
+  position: fixed
+  display: none
+  left: -222px
+  top: 0
+  width: 222px
+  height: 100%
+  > ul
+    list-style: none
+    a
+      color: white

app/assets/stylesheets/supplier/foundation1/product_categories.css.sass

@@ -0,0 +1,30 @@
+@import font-awesome
+#product-category-list
+  list-style: none
+  li
+    clear: both
+    margin-bottom: 8px
+    .name
+      padding: 5px 5px
+#week_days-group
+  .btn
+    opacity: 0.4
+    &.active
+      opacity: 1
+#full_day-controller
+  @extend .fa
+  @extend .fa-clock-o
+  margin: 0 10px
+  color: #f70
+  &.active
+    // Full day active is not special, highlight when not active,
+    // because it indicates the being active of a time range
+    color: #444
+    
+#sub-day-container
+  display: inline-block
+  &.hide
+    display: none
+  select
+    width: 70px
+    margin-right: 14px

app/assets/stylesheets/supplier/foundation1/products_preview.css.sass

@@ -0,0 +1,17 @@
+.products_preview-date
+  .products_preview-time-container
+  float: left
+  input
+    width: 120px
+.products_preview-hour
+  float: left
+  margin-left: 10px
+  select
+    width: 50px
+  &:after
+    content: " :"
+.products_preview-minute
+  float: left
+  margin-left: 10px
+  select
+    width: 50px

app/assets/stylesheets/supplier/foundation1/structure.css.sass

@@ -0,0 +1,56 @@
+$side-spacing: 0px
+@import constants
+@import ./foundation_and_overrides
+html
+body
+  label
+    &.number
+      display: inline
+      padding: 4px 10px
+  input
+    &.number
+      width: 40px
+.supplier-is-closed
+  .alert
+    form
+      margin: 0
+.location_picker_search
+  float: left
+.draggable
+  cursor: move !important
+input.dimension
+  width: 40px
+.location_picker_map
+  width: 600px
+  height: 500px
+  border: 1px solid black
+  padding: 2px
+  display: inline-block
+  float: left
+  clear: left
+  img
+    max-width: none
+  label
+    width: auto
+    display:inline
+.handle
+  cursor: move
+  font-size: 0.8em
+  color: #777
+form
+  &.form-inline
+    display: inline-block
+    padding: 4px
+.clear
+  clear: both
+body
+  background-image: $wood
+  background-repeat: repeat
+main.main-section
+  +panel($bg:rgba(200,200,200,0.8))
+  min-height: 100%
+  padding: 0
+  margin: 0
+
+.hide, .hidden
+  display: none