gemgento 2.8.0

data/app/assets/stylesheets/gemgento/default-views/_address.scss

@@ -0,0 +1,11 @@
+table.address {
+	tr td:nth-child(1) {
+		font-family: Verlag-Bold;
+		vertical-align: top;
+		padding-right: 20px;
+	}
+
+	tr td:nth-child(2) {
+		font-family: Verlag-Light;
+	}
+}

data/app/assets/stylesheets/gemgento/default-views/_category.scss

@@ -0,0 +1,54 @@
+#product-list {
+  width: 100%;
+  margin: 0 auto;
+  position: relative;
+
+  .product {
+    position: relative;
+    width: 20%;
+    float: left;
+    border: 0px solid;
+    margin: 20px 0;
+
+    .product-description {
+      position: absolute;
+      bottom: 0px;
+      width: 180px;
+      min-height: 50px;
+      background: rgba(255, 255, 255, 0.8);
+      text-align: center;
+      padding: 12px;
+      font-size: 12px;
+
+      -webkit-transition: all 0.5s ease;
+      -moz-transition: all 0.5s ease;
+      -o-transition: all 0.5s ease;
+      filter: alpha(opacity=0);
+      opacity: 0;
+
+      a {
+        color: #5A5A5A;
+        text-decoration: none;
+        text-transform: uppercase;
+      }
+      .product-name {
+        position: relative;
+        display: block;
+      }
+      .product-price {
+        position: relative;
+        display: block;
+      }
+      .product-swatches {
+        position: relative;
+        display: block;
+      }
+    }
+
+  }
+  .product:hover .product-description {
+    color: #575858;
+    filter: alpha(opacity=100);
+    opacity: 1;
+  }
+}

data/app/assets/stylesheets/gemgento/default-views/_checkout.scss

@@ -0,0 +1,28 @@
+.checkout-steps {
+	position: absolute;
+	right: 0px;
+	bottom: 5px;
+
+	ul {
+		padding: 0px;
+		margin: 0px;
+		float: right;
+
+		li {
+			font-size: 11px;
+			text-transform: uppercase;
+			float: left;
+			list-style: none;
+			padding: 0 0 0 20px;
+
+			a {
+				color: #000;
+				text-decoration: none;
+			}
+		}
+
+		li.active {
+			font-weight: bold;
+		}
+	}
+}

data/app/assets/stylesheets/gemgento/default-views/_footer.scss

@@ -0,0 +1,13 @@
+#footer-nav-holder {
+	width: 50%;
+	float: left;
+	@include menu(12px, left, 0 40px 0 0)
+}
+
+#footer-copyright-holder {
+	width: 50%;
+	float: left;
+	text-align: right;
+	font-size: 9px;
+	color: #333333;
+}

data/app/assets/stylesheets/gemgento/default-views/_form.scss

@@ -0,0 +1,127 @@
+.form-header {
+  font-family: 'Verlag-Light';
+  font-size: 14px;
+  padding: 5px 0 15px 0px;
+
+  input[type="checkbox"] {
+    vertical-align: bottom;
+  }
+}
+
+.form-group {
+  font-family: 'Verlag-Bold';
+  margin-bottom: 10px;
+
+  .text {
+      font-family: 'Verlag-Light';
+    }
+
+  .form-left:nth-child(2) .field {
+    float: right;
+  }
+
+  .form-left {
+    width: 50%;
+    float: left;
+
+    .field {
+      position: relative;
+      width: calc(100% - 10px);
+      margin-bottom: 10px;
+      float: left;
+
+      h2 {
+        font-size: 12px;
+        font-weight: normal;
+        margin: 20px 0 10px 0;
+        padding: 0px;
+      }
+
+      a {
+        font-size: 9px;
+        font-weight: normal;
+        color: #333333;
+      }
+
+      .form-left .field{
+        float: left;
+      }
+
+      .form-left:nth-child(2) .field {
+        float: right;
+      }
+
+      label {
+        font-family: 'Verlag-Light';
+        size: 14px;
+        color: #333333;
+        font-weight: normal;
+        position: absolute;
+        padding: 8px 10px 7px;
+        line-height: 25px;
+      }
+
+      .field_with_errors label {
+        color: #FF0000;
+      }
+
+      input[type=text], input[type=password], input[type=email], input[type=number], input[type=url], input[type=tel], textarea {
+        background-color: #fff;
+        width: calc(100% - 22px);
+        border: 1px solid #c9d0d6;
+        -webkit-border-radius: 0px;
+        -moz-border-radius: 0px;
+        border-radius: 0px;
+        font-size: 0.95em;
+        outline: none;
+        padding: 0px 10px 0px 10px;
+        text-align: right;
+        height: 38px;
+      }
+
+      input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, input[type=url]:focus, input[type=tel]:focus, textarea:focus {
+        border: 1px solid #99a2aa;
+        box-shadow: 0 0 4px #99a2aa;
+        -moz-box-shadow: 0 0 4px #99a2aa;
+        -webkit-box-shadow: 0 0 4px #99a2aa;
+      }
+
+      input[type=radio] {
+        margin-top: 12px;
+      }
+      
+      select {
+        background-color: #fff;
+        width: calc(100%);
+        border: 1px solid #c9d0d6;
+        -webkit-border-radius: 0px;
+        -moz-border-radius: 0px;
+        border-radius: 0px;
+        font-size: 0.95em;
+        outline: none;
+        padding: 0px 10px 0px 10px;
+        text-align: right;
+        height: 40px;
+      }
+    }
+
+    .field.error input {
+      color: red;
+    }
+  }
+
+  input[type="submit"] {
+    font-family: 'Verlag-Bold';
+    background-color: #333333;
+    border: 0px;
+    font-size: 14px;
+    letter-spacing: 1px;
+    font-weight: normal;
+    color: #fff;
+    width: 100%;
+    height: 40px;
+    cursor: pointer;
+    width: 100%;
+    text-transform: none;
+  }
+}

data/app/assets/stylesheets/gemgento/default-views/_header.scss

@@ -0,0 +1,32 @@
+#logo-holder {
+	height: 100px;
+	display: table-cell;
+	vertical-align: bottom;
+
+	h1 {
+		font-size: 30px;
+		font-weight: normal;
+		font-family: 'Verlag-Black';
+		color: #333333;
+		margin: 0px;
+		padding: 0px;
+	}
+}
+
+#account-holder {
+	position: absolute;
+	top: 20px;
+	right: 0px;
+
+	@include menu(9px, right, 0 0 0 20px)
+}
+
+#header-nav-holder {
+	position: absolute;
+	bottom: 0px;
+	right: 0px;
+	font-family: 'Verlag-Bold';
+	color: #333333;
+
+	@include menu(16px, right, 0 0 0 40px)
+}

data/app/assets/stylesheets/gemgento/default-views/_layout.css.scss

@@ -0,0 +1,157 @@
+$font-stack: 'Verlag-Bold';
+
+@font-face {
+  font-family: 'Verlag-Black';
+  src: url('/assets/Verlag-Black.otf')
+}
+
+@font-face {
+  font-family: 'Verlag-Bold';
+  src: url('/assets/Verlag-Bold.otf')
+}
+
+@font-face {
+  font-family: 'Verlag-Light';
+  src: url('/assets/Verlag-Light.otf')
+}
+
+@font-face {
+  font-family: 'Verlag-Book';
+  src: url('/assets/Verlag-Book.otf')
+}
+
+@font-face {
+  font-family: 'Verlag-LightItalic';
+  src: url('/assets/Verlag-LightItalic.otf')
+}
+
+@mixin menu($font-size, $pull-direction, $padding) {
+  ul {
+    padding: 0px;
+    margin: 0px;
+    li {
+      font-size: $font-size;
+      text-transform: uppercase;
+      float: $pull-direction;
+      list-style: none;
+      padding: $padding;
+
+      a {
+        color: #333333;
+        text-decoration: none;
+      }
+
+      a.active {
+        color: #000;
+        text-decoration: underline;
+      }
+    }
+  }
+}
+
+body {
+  font-family: $font-stack;
+  margin: 0px;
+  padding: 0px;
+}
+
+.clear {
+  clear:both
+}
+
+.right {
+  float: right;
+}
+
+#overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: #000;
+  filter:alpha(opacity=50);
+  -moz-opacity:0.5;
+  -khtml-opacity: 0.5;
+  opacity: 0.5;
+  z-index: 10000;
+}
+
+#body-holder {
+  width: 1200px;
+  margin: 0 auto;
+  position: relative;
+
+  #header-holder {
+    width: 900px;
+    margin: 0 auto;
+    position: relative;
+    height: 100px;
+    padding: 0px 0 0px 0;
+
+    @import 'header';
+  }
+
+  #subheader-holder {
+    width: 900px;
+    margin: 0 auto;
+    position: relative;
+    padding: 20px 0px 20px 0;
+
+    @import 'subheader';
+  }
+
+  #content-holder {
+    padding: 20px 0px 20px 0px;
+    @import 'category';
+    @import 'product';
+    @import 'pages';
+  }
+
+  #footer-holder {
+    width: 900px;
+    margin: 0 auto;
+    padding: 40px 0 20px 0;
+    position: relative;
+    height: 100px;
+
+    @import 'footer';
+  }
+
+  button[type="submit"] {
+    font-family: 'Verlag-Bold';
+    background-color: #333333;
+    border: 0px;
+    font-size: 14px;
+    letter-spacing: 1px;
+    font-weight: normal;
+    color: #fff;
+    width: 100%;
+    height: 40px;
+    cursor: pointer;
+    width: 100%;
+    text-transform: none;
+  }
+
+  input[type=text], input[type=password], input[type=email], input[type=number], input[type=url], input[type=tel], textarea {
+    background-color: #fff;
+    width: calc(100% - 22px);
+    border: 1px solid #c9d0d6;
+    -webkit-border-radius: 0px;
+    -moz-border-radius: 0px;
+    border-radius: 0px;
+    font-size: 0.95em;
+    font-family: Helvetica, Arial, sans-serif;
+    outline: none;
+    padding: 0px 10px 0px 10px;
+    text-align: right;
+    height: 36px;
+  }
+
+  input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, input[type=url]:focus, input[type=tel]:focus, textarea:focus {
+    border: 1px solid #99a2aa;
+    box-shadow: 0 0 4px #99a2aa;
+    -moz-box-shadow: 0 0 4px #99a2aa;
+    -webkit-box-shadow: 0 0 4px #99a2aa;
+  }
+}

data/app/assets/stylesheets/gemgento/default-views/_pages.css.scss

@@ -0,0 +1,83 @@
+.pages-holder {
+  width: 900px;
+  margin: 0 auto;
+  position: relative;
+
+  .pages-holder-col10 {
+    float: left;
+    width: 10%;
+  }
+
+  .pages-holder-col20 {
+    float: left;
+    width: 20%;
+  }
+
+  .pages-holder-col30 {
+    float: left;
+    width: 30%;
+  }
+
+  .pages-holder-col40 {
+    float: left;
+    width: 40%;
+  }
+
+  .pages-holder-col50 {
+    float: left;
+    width: 50%;
+  }
+
+  .pages-holder-col60 {
+    float: left;
+    width: 60%;
+  }
+
+  .pages-holder-col70 {
+    float: left;
+    width: 70%;
+  }
+
+  .pages-header {
+    h1 {
+      font-size: 18px;
+      font-weight: normal;
+      color: #333333;
+      position: relative;
+      margin-top: 0px;
+
+      @import 'checkout'
+    }
+
+    h2 {
+      font-family: Verlag-LightItalic;
+      font-size: 14px;
+      color: #333333;
+    }
+
+    h1.checkout {
+      border-bottom: 1px solid #dedede;
+      padding-bottom: 5px;
+    }
+  }
+
+  .pages-content {
+    font-family: Verlag-Light;
+    font-size: 14px;
+    color: #333333;
+
+    a {
+      color: #333333;
+    }
+    
+    #shopping-bag {
+      @import 'shopping_bag'
+    }
+
+    form, .form {
+      @import 'form'
+    }
+    
+    @import 'address'
+  }
+}