My-Commerce_core 1.0.0

data/app/stylesheets/_buttons.less

@@ -0,0 +1,80 @@
+@import "_mixins";
+
+button, a.button, input.button {
+  .rounded_corners(0.3em);
+  background: #efefef url(../images/buttons/bg-button.png) center left repeat-x !important;
+  border-style: solid;
+  border-width: 1px !important;
+  border-color: #ddd #999 #999 #ddd !important;
+  -moz-outline-radius: .3em;
+  color: #111;
+  display: inline-block;
+  font-family: Helvetica Neue, Helvetica, Arial, Sans-serif;
+  font-size: 1.1em !important;
+  font-size-adjust: none;
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1.2em;
+  margin: 0px;
+  overflow: visible;
+  padding: 10px 17px;
+  text-decoration: none;
+  text-transform: lowercase;
+  width: auto;
+  height: auto;
+  cursor: pointer;
+}
+
+button.primary, a.button.primary, input.button.primary {
+  font-weight: bold;
+  color: #000;
+}
+
+button.disabled, a.button.disabled, input.button.disabled{
+  font-weight: bold;
+  color: #999;
+}
+
+button:hover, a.button:hover, input.button:hover {
+  background-image: url(../images/buttons/bg-button-hover.png) !important;
+}
+
+button.large, a.button.large, input.button.large {
+  .rounded_corners(0.3em);
+  font-size: 1.4em !important;
+  line-height: 1.4em;
+}
+
+button.small, a.button.small, input.button.small {
+  .rounded_corners(4px);
+  font-size: .9em;
+  line-height: 1.4em;
+  padding: 5px 10px;
+}
+
+button.small img, a.button.small img, input.button.small img {
+  margin: 0 3px 0 0 !important;
+}
+
+button.update img, button.checkout img, a.button.update img, a.button.checkout img, input.button.update img, input.button.checkout img {
+  margin-right: 7px;
+}
+
+button img, a.button img, input.button img {
+  vertical-align: middle;
+}
+
+button:focus, a.button:focus, input.button:focus {
+  outline: none;
+}
+
+button::-moz-focus-inner {
+  padding: 0px;
+  border: none;
+}
+
+p a.button img, p button img {
+  margin: 0 5px 0 0;
+}

data/app/stylesheets/_cart.less

@@ -0,0 +1,24 @@
+@import "_colors";
+@import "_mixins";
+
+div#subtotal {
+  .rightie;
+  width: auto;
+  text-align: left;
+}
+
+table {
+  border-collapse: collapse;
+  th {
+    background: transparent;
+    border-bottom: 1px solid #DDD;
+  }
+}
+table#cart {
+  tr td {
+    border-bottom: 1px solid #DDD;
+    padding: 1em 0;
+  }
+  tr#none td { border-bottom: none; }
+  h4 { margin-bottom: 0em; }
+}

data/app/stylesheets/_checkout.less

@@ -0,0 +1,76 @@
+@import "_colors";
+@import "_mixins";
+@import "_checkout_progress";
+
+div#checkout {
+  position: relative;
+
+  .progress-steps {
+    position: absolute;
+    top: 0.5em;
+    right: 0;
+  }
+
+  form {
+    background-position: top right; background-repeat: no-repeat;
+  }
+
+  #checkout_form_address {
+    background-image: url("../images/steps/2.png");
+  }
+  #checkout_form_delivery {
+    background-image: url("../images/steps/3.png");
+  }
+  #checkout_form_address #billing label, #checkout_form_address #shipping label {
+    width:190px;
+    float: left;
+    padding-right: 10px;
+    text-align: right;
+  }
+  #checkout_form_address #billing input, #checkout_form_address #shipping input,
+  #checkout_form_address #billing select, #checkout_form_address #shipping select {
+    width:304px;
+  }
+  #checkout_form_address #billing p.checkbox,
+  #checkout_form_address #shipping p.checkbox,
+  #checkout_form_address .form-buttons {
+    padding-left:200px;
+  }
+
+  #checkout_form_address #billing p.checkbox label, #checkout_form_address #shipping p.checkbox label {
+    width: auto!important;
+    float: none!important;
+  }
+  #checkout_form_address #billing p.checkbox input, #checkout_form_address #shipping p.checkbox input {
+    width: auto!important;
+  }
+
+  #checkout_form_payment {
+    background-image: url("../images/steps/5.png");
+    select { width: 75px; }
+    #payment { .column(8); }
+    #order_details { .column(12); }
+  }
+
+  #payment-methods {
+    list-style: none;
+    display:block;
+    padding: 0; margin: 0;
+    width: 720px;
+    li {
+        display:block;
+        .column(5);
+    }
+    li.last {
+      .column-last(5);
+    }
+  }
+
+  #checkout-summary {
+    background-color: #C3C9DF;
+    float: right;
+    margin-top: 10px;
+    padding: 20px;
+    width: 180px;
+  }
+}

data/app/stylesheets/_checkout_progress.less

@@ -0,0 +1,62 @@
+/* 
+  Checkout Progress Indicator
+  current-last etc. required instead of "current last" because IE6 won't handle multiple classes
+ */
+ol.progress-steps {
+  list-style: none;
+  margin:0; padding:0;
+  line-height: 1em;
+  font-size: 12px;
+  
+}
+ol.progress-steps li {
+  margin:0; padding: 0;
+  list-style: none;
+  display: block;
+  float:left;
+  color: #999;
+  background-position: top left;
+  background-repeat: no-repeat;
+  background-image: url(../images/step-progress/incomplete-incomplete.gif);
+}
+ol.progress-steps li span {
+  padding: 5px 14px 7px 24px;
+  display: block;
+  float:left;
+  background-position: top right;
+  background-repeat: no-repeat;
+}
+ol.progress-steps li a {
+  text-decoration: none;
+  color: #333;
+}
+/* lefts */
+ol.progress-steps li.current-first span, ol.progress-steps li.completed-first span {
+  padding-left: 14px;
+}
+ol.progress-steps li.current-first {
+  background-image: url(../images/step-progress/current-first.gif);
+}
+ol.progress-steps li.completed-first {
+  background-image: url(../images/step-progress/completed-first.gif)!important;
+}
+/* middles */
+ol.progress-steps li.current, ol.progress-steps li.current-first, ol.progress-steps li.current-last  {
+  color: #fff;
+}
+ol.progress-steps li.completed {
+  background-image: url(../images/step-progress/completed-completed.gif);
+}
+ol.progress-steps li.current, ol.progress-steps li.current-last {
+  background-image: url(../images/step-progress/completed-current.gif);
+}
+ol.progress-steps li.next, ol.progress-steps li.next-last {
+  background-image: url(../images/step-progress/current-incomplete.gif);
+}
+/* rights */
+ol.progress-steps li.last span, ol.progress-steps li.next-last span {
+  background-image: url(../images/step-progress/incomplete-right.gif);
+}
+ol.progress-steps li.current-last span {
+  background-image: url(../images/step-progress/current-right.gif);
+}

data/app/stylesheets/_colors.less

@@ -0,0 +1,16 @@
+@white: #FFF;
+@black: #000;
+@input_border: #BBB;
+@default_border_color: #DDD;
+@link_hover_color: #3C7DFB;
+@lighter_text_color: #666;
+@medium_blue: #2E6AB1;
+@lightest_blue: #BBDAFD;
+@light_blue: #E5F2F8;
+@dark_blue: #162F54;
+
+@link_color: #2E6AB1;
+@link_hover_color: @black;
+
+@selling_price_color: @medium_blue;
+

data/app/stylesheets/_forms.less

@@ -0,0 +1,50 @@
+form {
+  
+  p.field {
+    margin-bottom: 0.5em;
+    clear: both;
+    
+    span.req {
+      color: red;
+      float: left; 
+      margin-left: 2px;
+      position: relative;
+      top: -3px;
+    }
+    
+    input[type=text], select { 
+      float: left;
+      margin: 0 5px 7px 0; 
+    }
+  }
+  p.field.radios {
+    line-height: 150%;
+  }
+  
+}
+
+label {
+  font-weight: bold;
+}
+
+div#checkout #checkout_form_address #billing label.error, 
+div#checkout #checkout_form_address #shipping label.error
+{
+  color: red;
+  float: left;
+  text-align: left;
+  display:inline-block;
+  top: 0px;
+  font-size: 11px;
+  border: none;
+  padding: 0px;
+  width: auto;
+}
+fieldset {
+  margin-bottom: 1em;
+}
+legend {
+  font-size: 150%;
+  font-weight: bold;
+  margin-bottom: 0.5em;
+}

data/app/stylesheets/_layout.less

@@ -0,0 +1,77 @@
+@import "_colors";
+@import "_mixins";
+
+body {
+  margin-top: 0px;
+  background: #ffffff url(../images/tile-slider.png) top left repeat-x;
+}
+
+.container_bg{
+  width:50%;
+  background:url(../images/tile-header.png) top left repeat-x;
+}
+
+div.left { .leftie; }
+div.right { .rightie;  }
+a { outline: none; }
+
+#wrapper {
+  background: transparent url(../images/wrapper-back.png) top center no-repeat;
+  padding: 25px 20px 20px;
+  position: relative;
+  }
+  body.two-col #wrapper {
+    background-image: url(../images/wrapper-back-2.png);
+  }
+
+.container {
+  width: 950px;
+  margin: 0 auto;
+  overflow: hidden;
+  display: block; }
+
+#sidebar {
+  .column(4);
+  .colborder;
+  h3 { margin-bottom: .5em; }
+}
+
+body.one-col #content {
+  .column-last(24);
+}
+body.two-col #content {
+  .column-last(19);
+}
+
+#header {
+  position: relative;
+  color: @medium_blue;
+  clear: both;
+  a { color: @link_color; }
+  a:hover { color: @link_hover_color; }
+
+}
+
+#footer {
+  padding-top: 2em;
+  clear: both;
+  div.left { width: 37%; }
+  div.right { width: 63%; text-align: right; }
+}
+
+h1 { font-size: 2.5em; }
+
+.form-buttons, .clear { clear: both; }
+
+input.title { width: auto; }
+
+p.follow-all {
+  font-size: 1.3em;
+  text-align: center;
+  display: block;
+}
+p img {
+  float: left;
+  margin-right: 5px;
+  vertical-align: middle;
+}

data/app/stylesheets/_messages.less

@@ -0,0 +1,32 @@
+@import "_mixins";
+
+.flash {
+  .rounded_corners;
+  font-size: 1.3em;
+  margin-bottom: 1em;
+  padding: 0.8em;
+}
+.flash.notice {
+  .message_box(#CDF, #569, #9AC);
+}
+.flash.errors {
+  .message_box(#F4B4B4, #000, #000);
+}
+
+
+.formError, .errorExplanation {
+  font-size: 1.3em;
+  margin-bottom: 1em;
+  padding: 0.8em;
+  .rounded_corners;
+  .message_box(#F4B4B4, #000, #000);
+  p { margin: 0px; }
+  ul { margin-bottom: 0px; }
+  h2 {
+    font-weight: bold;
+    font-size: 1.0em;
+    margin: 0px;
+  }
+}
+
+.fieldWithErrors { clear: none; }

data/app/stylesheets/_mixins.less

@@ -0,0 +1,71 @@
+.no_margin_or_padding {
+  margin: 0; padding: 0;
+}
+
+.leftie {
+  float: left;
+  width: 49%;
+}
+.rightie {
+  float: right;
+  width: 49%;
+}
+.rounded_corners (@radius: 5px) {
+  -moz-border-radius: @radius;
+  -webkit-border-radius: @radius;
+  border-radius: @radius;
+}
+
+.message_box (@bg_color: #ccddff, @color: #556699, @border_color: #99aacc) {
+  background: @bg_color url(../images/shadow_top.png) 0px -50px repeat-x;
+  color: @color;
+  border: 1px solid @border_color;
+}
+
+.clearfix {
+  overflow: hidden;
+  display: inline-block; }
+  .clearfix {
+    display: block; }
+
+.nowrap { white-space: nowrap; }
+
+.no-bullets {
+  list-style: none;
+}
+
+.inline-list {
+  list-style-type: none;
+  margin: 0px;
+  padding: 0px;
+  display: inline;
+  li {
+    margin: 0px;
+    padding: 0px;
+    display: inline;
+  }
+}
+
+
+/* Compass/blueprint mixins for layout */
+
+@col_margin: 10px;
+@col_width: 30px;
+
+.column-last (@span: 1) {
+  display: inline;
+  float: left;
+  width: @col_width * @span + (@col_margin * (@span - 1));
+}
+.column (@span: 1) {
+  .column-last(@span);
+  margin-right: @col_margin;
+}
+
+.colborder {
+  padding-right: 24px;
+  margin-right: 25px;
+  border-right: 1px solid #eeeeee;  
+}
+
+    

data/app/stylesheets/_navigation.less

@@ -0,0 +1,130 @@
+@import "_colors";
+@import "_mixins";
+
+.navigation-list {
+  .no-bullets;
+  margin: 0 0 1.5em -15px;
+  li {
+    margin: 0;
+    a {
+      cursor: pointer!important;
+      text-decoration: none;
+      color: #333;
+      display: block;
+      line-height: 2.5em;
+      padding-left: 20px;
+      width: 170px;
+      white-space: nowrap;
+      overflow: hidden;
+    }
+    a:hover {
+      background: url(../images/menu-hover.png) right center no-repeat;
+    }
+  }
+  li.current {
+    width: 200px;
+    a {
+      width: 180px;
+      background: url(../images/menu-current.png) right center no-repeat;
+      white-space: nowrap;
+      overflow: hidden;
+    }
+    a.root {
+      width: 183px;
+    }
+  }
+  a.root {
+    color: #222;
+    font-size: 1.5em;
+    text-indent: -5px;
+    line-height: 2.2em;
+  }
+}
+
+
+.breadcrumbs {
+  margin-bottom: 1em;
+  ul {
+    .inline-list;
+    .no_margin_or_padding;
+    overflow: auto;
+    li {
+      line-height: 20px;
+      color: #666;
+      a,span {
+        text-decoration: none;
+        padding: 5px 7px;
+        color: #666;
+      }
+      span { color: #333; }
+    }
+        
+  }
+}
+
+
+div#login-bar { display: inline; }
+
+
+ul#language-bar {
+  .inline-list;
+  strong { font-weight: normal; }
+}
+
+
+ul#nav-bar {
+  line-height: 50px;
+  float: right;
+  clear: both;
+  font-size: 1.2em;
+  list-style: none;
+  .no_margin_or_padding;
+  li {
+    float: left;
+    margin-left: 1em;
+  }
+  li.cart-indicator {
+    a {
+      padding-right: 40px;
+      background: transparent url(../images/cart-empty_x32.png) center right no-repeat;
+      display: block;
+    }
+    a.full {
+      background-image: url(../images/cart-full_x32.png);
+    }
+  }
+}
+
+
+
+.pagination {
+  padding-top: 10px;
+  text-align: right;
+  a.page, span.page {
+    padding: 0px 5px;
+    margin: 0px 3px;
+  }
+  a.page {
+    text-decoration: none;
+    border: 1px solid #9aafe5;
+    color: #2e6ab1;
+  }
+  a.page:hover, a.page:active {
+    border: 1px solid #2b66a5;
+    color: @black;
+  }
+  a.next_page {
+    font-weight: bold;
+  }
+  span.disabled_page {
+    border: 1px solid #929292;
+    color: #929292;
+  }
+  span.current_page {
+    font-weight: bold;
+    border: 1px solid;
+    border-color: @dark_blue;
+    background-color: @medium_blue;
+    color: @white;
+  }
+}

data/app/stylesheets/_prices.less

@@ -0,0 +1,18 @@
+@import "_colors";
+
+.prices {
+  font-weight: bold;
+  #product-details .prices { font-size: 1.25em; }
+}
+.price.selling {
+  color: @selling_price_color;
+}
+#product-details .price.selling {
+  font-size: 1.5em;
+}
+
+.price.diff {
+  font-style: italic;
+  font-weight: normal;
+  color: @lighter_text_color;
+}

data/app/stylesheets/_product_details.less

@@ -0,0 +1,56 @@
+@import "_colors";
+@import "_mixins";
+
+#product-variants {
+  margin-bottom: 1em;
+  ul {
+    .no-bullets;
+    .no_margin_or_padding;
+  }
+}
+#product-images {
+  .column(7);
+  h4 {
+    padding: 6px 0px;
+    margin: 0px;
+    font-weight: bold;
+    clear: both;
+  }
+  #main-image {
+    min-height: 250px;
+    position: relative;
+    img {
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      margin: auto;
+    }
+  }
+}
+#product-description {
+  .column(8);
+  .colborder;
+}
+#cart-form { .column-last(7); }
+
+#taxon-crumbs {
+  .column(24);
+  display: block;
+  float: right;
+  margin-top: 20px;
+  width: 300px;
+}
+
+
+dl.table-display { margin: 0; padding: 0; }
+dl.table-display dt, dl.table-display dd {
+  float: left;
+  margin: 0;
+  padding: 5px;
+  border-top: 1px solid @default_border_color;
+}
+dl.table-display dt { width: 100px; }
+dl.table-display dd { width: 180px; }
+