spree_heist_theme 0.0.0

data/app/assets/stylesheets/store/login.css

@@ -0,0 +1,31 @@
+body#login #social_login {
+  float: left;
+  width: 46%;
+  padding: 0px 2%;
+}
+
+body#login #local_login {
+  float: left;
+  width: 46%;
+  padding: 0px 2%;
+}
+
+#social_login p.social_link{
+  margin: 20px 25%; 
+}
+
+body#login form {
+  width: 70%;
+}
+
+body#login #local_login input[type='text'] {
+  width: 100%
+}
+
+body#login #local_login input[type='password'] {
+  width: 100%
+}
+
+body#login #local_login .button {
+  margin: 0 33%;
+}

data/app/assets/stylesheets/store/misc.css

@@ -0,0 +1,85 @@
+header a, #banner nav ul li a {
+  text-transform: uppercase;
+  text-decoration: none;
+}
+
+/* for image replacement */
+.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
+
+/* Hide for both screenreaders and browsers
+css-discuss.incutio.com/wiki/Screenreader_Visibility */
+.hidden { display: none; visibility: hidden; }
+
+/* Hide only visually, but have it available for screenreaders
+www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden
+Updated to ensure no other style overrides the styles defined in this rule */
+.visuallyHidden {
+  border: 0 !important;
+  clip: rect(0 0 0 0);
+  height: 1px !important;
+  margin: -1px !important;
+  overflow: hidden !important;
+  padding: 0 !important;
+  position: absolute !important;
+  width: 1px !important;
+}
+
+/* Hide visually and from screenreaders, but maintain layout */
+.invisible { visibility: hidden; }
+
+/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
+.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
+.clearfix:after { clear: both; }
+/* fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
+.clearfix { zoom: 1; }
+/* Textual Styles */
+span.bold {font-weight: bold;}
+
+.inline { display: inline }
+
+
+
+/*
+ * media queries for responsive design
+ * these follow after primary styles so they will successfully override.
+ */
+
+@media all and (orientation:portrait) {
+  /* style adjustments for portrait mode goes here */
+
+}
+
+@media all and (orientation:landscape) {
+  /* style adjustments for landscape mode goes here */
+
+}
+
+/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
+consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
+@media screen and (max-device-width: 480px) {
+
+
+  /* uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
+  j.mp/textsizeadjust
+  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
+}
+
+/*
+ * print styles
+ * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
+ */
+@media print {
+  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
+    -ms-filter: none !important; } /* black prints faster: sanbeiji.com/archives/953 */
+    a, a:visited { color: #444 !important; text-decoration: underline; }
+    a[href]:after { content: " (" attr(href) ")"; }
+    abbr[title]:after { content: " (" attr(title) ")"; }
+    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* don't show links for images, or javascript/internal links */
+    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
+    thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
+    tr, img { page-break-inside: avoid; }
+    @page { margin: 0.5cm; }
+    p, h2, h3 { orphans: 3; widows: 3; }
+    h2, h3{ page-break-after: avoid; }
+}
+

data/app/assets/stylesheets/store/products.css

@@ -0,0 +1,133 @@
+body#product-list h1, body#product-details h1 {
+  margin: 0px;
+}
+body#product-details #product-images {
+  width: 380px;
+  margin-bottom: 20px;
+}
+
+body#product-details #cart-form {
+  width: 220px;
+}
+
+body#product-details #product-images, body#product-details #cart-form {
+  float: left;
+}
+
+body#product-details #product-description {
+  clear: left;
+  border-top: 1px solid #A3A3A3;
+  padding-top: 10px;
+}
+
+#product-images #main-image {
+  width: 350px;
+  text-align: center;
+  min-height: 240px;
+}
+
+#product-images #thumbnails ul {
+  list-style: none;
+  background-color: #ff0;
+}
+
+#product-images #thumbnails li {
+  background-color: #0ff;
+}
+
+#product-images #thumbnails li a {
+  display: block;
+  width: 45px;
+  float: left;
+  border: 2px solid #CCC;
+  margin: 2px;
+  text-align: center;
+  border-image: initial;
+}
+
+#product-images #thumbnails li a img {
+  width: 45px;
+}
+
+#product-images #thumbnails li a:hover {
+  border: 2px solid #31519A;
+}
+
+#cart-form {
+  margin-bottom: 20px;
+}
+
+#cart-form form {
+  width: 220px;
+}
+
+#cart-form dl {
+  font-size: 1.2em;
+  width: 100%;
+  margin: 0;
+  padding: 5px 0 5px 0;
+}
+
+#cart-form dt, #cart-form dd {
+  float: left;
+  line-height: 1.5em;
+}
+
+#cart-form dt {
+  clear: left;
+  color: #666;
+  width: 140px;
+}
+
+#cart-form dd {
+  width: 80px;
+  text-align: right;
+  font-size: 1.1em;
+}
+
+#cart-form dd .price {
+  font-size: 1em;
+}
+
+hr {
+  clear: left;
+  visibility: hidden;
+}
+
+#cart-form dl.part-numbers {
+  font-size: 0.8em;
+}
+
+dl.prices {
+  border-top: 1px solid #A7A7A7;
+  border-bottom: 1px solid #A7A7A7;
+}
+
+dl.part-numbers dd {
+  font-weight: bold;
+}
+
+#cart-form .extras input {
+  float: left;
+  height: 30px;
+}
+
+#cart-form .extras label {
+  margin-left: 20px;
+  display: block;
+}
+
+#product-variants ul{
+  margin: 0;
+  list-style: none;
+}
+#product-variants ul li {
+  margin-bottom: 10px;
+}
+#product-variants ul li span.price {
+  font-size: 12px;
+  color: red;
+}
+#product-variants ul li label {
+  display: inline;
+}

data/app/assets/stylesheets/store/rdr.css

@@ -0,0 +1,16 @@
+/*
+ *= require store/reset
+ *= require store/typography
+ *= require store/misc
+ *= require store/display
+ *= require store/taxonomy
+ *= require store/products
+ *= require store/cart
+ *= require store/checkout
+ *= require store/login
+ *= require store/social
+ *= require store/errors
+ *= require store/auth-buttons
+ *= require jq-autocomplete
+ *= require jq-mobile-1.0a2
+*/

data/app/assets/stylesheets/store/reset.css

@@ -0,0 +1,72 @@
+/*
+HTML5 ✰ Boilerplate
+
+style.css contains a reset, font normalization and some base styles.
+
+credit is left where credit is due.
+much inspiration was taken from these projects:
+yui.yahooapis.com/2.8.1/build/base/base.css
+camendesign.com/design/
+praegnanz.de/weblog/htmlcssjs-kickstart
+ */
+
+/*
+html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
+v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
+html5doctor.com/html-5-reset-stylesheet/
+ */
+
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+  margin:0;
+  padding:0;
+  border:0;
+  outline:0;
+  font-size:100%;
+  vertical-align:baseline;
+  background:transparent;
+}
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display:block;
+}
+
+nav ul { list-style:none; }
+
+blockquote, q { quotes:none; }
+
+blockquote:before, blockquote:after,
+q:before, q:after { content:''; content:none; }
+
+a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
+
+ins { background-color:#ff9; color:#000; text-decoration:none; }
+
+mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
+
+del { text-decoration: line-through; }
+
+abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
+
+/* tables still need cellspacing="0" in the markup */
+table { border-collapse:collapse; border-spacing:0; }
+
+hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
+
+input, select { vertical-align:middle; }
+
+/* END RESET CSS */
+
+
+

data/app/assets/stylesheets/store/social.css

@@ -0,0 +1,61 @@
+.authentications {
+  margin-bottom: 30px;
+}
+
+.authentication {
+  float: left;
+  background-color: #EEE;
+  border: solid 1px #999;
+  padding: 5px 10px;
+  -moz-border-radius: 8px;
+  -webkit-border-radius: 8px;
+  position: relative;
+  margin-right: 10px;
+}
+
+.authentication .remove {
+  text-decoration: none;
+  position: absolute;
+  top: 3px;
+  right: 3px;
+  color: #333;
+  padding: 2px 4px;
+  font-size: 10px;
+}
+
+.authentication .remove:hover {
+  color: #FFF;
+  background-color: #777;
+  -moz-border-radius: 7px;
+  -webkit-border-radius: 7px;
+}
+
+.authentication img {
+  float: left;
+}
+
+.authentication .provider, .authentication .uid {
+  margin-left: 38px;
+  margin-right: 20px;
+}
+
+.authentication .provider {
+  font-weight: bold;
+}
+
+.authentication .uid {
+  color: #666;
+  font-size: 11px;
+}
+
+.auth_provider img {
+  display: block;
+}
+
+.auth_provider {
+  float: left;
+  text-decoration: none;
+  margin-right: 20px;
+  text-align: center;
+  margin-bottom: 10px;
+}

data/app/assets/stylesheets/store/taxonomy.css.erb

@@ -0,0 +1,72 @@
+body#product-list, body#product-details {
+  background-image: url(<%= asset_path 'store/bg.jpg' %>);
+}
+
+body#product-details #banner, body#product-list #banner {
+  height: 143px;
+  background-repeat: no-repeat;
+  margin-bottom: 30px;
+}
+
+body#product-details #banner, body#product-list #banner {
+  position: relative;
+}
+body#product-details #banner h1, body#product-list #banner h1 {
+  position: absolute;
+  color: #fff;
+  font-family: Trebuchet MS;
+  font-size: 4em;
+  line-height: 140px;
+  text-shadow: rgba(0,0,0,1) 1px 1px 2px;
+}
+
+body#product-list #banner img {
+  position: absolute;
+  top: 0; left: 0;
+  z-index: 1;
+}
+
+body#product-list #main, body#product-details #main, body#content #main {
+  width: 600px;
+  float: left;
+  margin-right: 70px;
+}
+
+#sidebar {
+  width: 290px;
+  float: left;
+}
+
+body#product-list .product {
+  border-top: 1px solid #a3a3a3;
+  border-bottom: 1px solid #a3a3a3;
+  margin-top: -1px;
+}
+
+body#product-list .product h2 {
+  font-size: 1.5em;
+  margin: 10px 0 0;
+}
+
+body#product-list .product .image {
+  width: 280px;
+  float: left;
+  margin-bottom: 10px;
+}
+
+body#product-list .product .details {
+  float: left;
+  width: 320px;
+}
+
+body#product-list .product .details p {
+  margin: 14px 0;
+}
+
+body#product-list .product .description {
+  clear: left;
+}
+
+body#product-list #main .list {
+  margin-bottom: 20px;
+}

data/app/assets/stylesheets/store/typography.css

@@ -0,0 +1,167 @@
+/* fonts.css from the YUI Library: developer.yahoo.com/yui/
+refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages
+
+there are three custom edits:
+ * remove arial, helvetica from explicit font stack
+ * we normalize monospace styles ourselves
+ * table font-size is reset in the HTML5 reset above so there is no need to repeat
+ */
+body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */
+
+select, input, textarea, button { font:99% sans-serif; }
+
+/* normalize monospace sizing
+ * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
+ */
+pre, code, kbd, samp { font-family: monospace, sans-serif; }
+
+
+/*
+ * minimal base styles
+ */
+
+
+body, select, input, textarea {
+  color: #222;
+}
+
+#main p {
+  line-height: 1.4em;
+}
+#main p {
+  line-height: 1.4em;
+}
+#main p, #main h2, #main h3, #main dl, #main ul, #main table {
+  margin-bottom: 1em;
+}
+#main ul {
+  list-style: disc;
+  margin-left: 20px;
+}
+
+
+/* headers (h1,h2,etc) have no default font-size or margin,
+you'll want to define those yourself. */
+h1,h2,h3,h4,h5,h6 { font-weight: bold; }
+
+h2, h3 { font-family: Trebuchet MS }
+
+/* always force a scrollbar in non-IE: */
+html { overflow-y: scroll; }
+
+
+/* accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
+a:hover, a:active { outline: none; }
+
+a, a:active, a:visited { color: #31519A; }
+a:hover { color: #036; }
+
+
+ol { list-style-type: decimal; }
+
+/* remove margins for navigation lists */
+nav ul, nav li { margin: 0; }
+
+small { font-size: 85%; }
+strong, th { font-weight: bold; }
+
+td { vertical-align: top; }
+
+/* set sub, sup without affecting line-height: gist.github.com/413930*/
+sub, sup { font-size: 75%; line-height: 0; position: relative; }
+sup { top: -0.5em; }
+sub { bottom: -0.25em; }
+
+pre {
+  padding: 15px;
+
+  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
+  white-space: pre; /* CSS2 */
+  white-space: pre-wrap; /* CSS 2.1 */
+  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
+  word-wrap: break-word; /* IE */
+}
+
+textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
+
+.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */
+
+/* align checkboxes, radios, text inputs with their label
+by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
+input[type="radio"] { vertical-align: text-bottom; }
+input[type="checkbox"] { vertical-align: baseline; }
+.ie7 input[type="checkbox"] { vertical-align: baseline; }
+.ie6 input { vertical-align: text-bottom; }
+
+/* hand cursor on clickable input elements */
+label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
+
+/* webkit browsers add a 2px margin outside the chrome of form elements */
+button, input, select, textarea { margin: 0; }
+
+/* colors for form validity */
+input:valid, textarea:valid   {  }
+input:invalid, textarea:invalid {
+  border-radius: 1px;
+  -moz-box-shadow: 0px 0px 5px red;
+  -webkit-box-shadow: 0px 0px 5px red;
+  box-shadow: 0px 0px 5px red;
+}
+.no-boxshadow input:invalid,
+.no-boxshadow textarea:invalid { background-color: #f0dddd; }
+
+
+/* These selection declarations have to be separate.
+No text-shadow: twitter.com/miketaylr/status/12228805301
+Also: hot pink. */
+::-moz-selection{ background: #0095da; color:#fff; text-shadow: none; }
+::selection { background:#0095da; color:#fff; text-shadow: none; }
+
+/*  j.mp/webkit-tap-highlight-color */
+a:link { -webkit-tap-highlight-color: #FF5E99; }
+
+/* make buttons play nice in IE:
+www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
+button {  width: auto; overflow: visible; }
+
+/* bicubic resizing for non-native sized IMG:
+code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
+.ie7 img { -ms-interpolation-mode: bicubic; }
+
+
+span.price {
+  font-size: 1.5em;
+}
+span.price.discounted {
+  color: #f00;
+  text-decoration: line-through;
+}
+span.price.selling {
+  font-weight: bold;
+}
+
+h1{
+  color: #D3D3D3;
+  font: normal normal 3.5em Arvo;
+  text-transform: uppercase;
+  margin: 60px 0 20px 0;
+  padding-bottom: 10px;
+}
+
+h1 a {
+  margin-left: 20px;
+  text-transform:lowercase;
+}
+
+h2{
+  font: normal normal 2em Arvo;
+  text-transform: uppercase;
+  margin: 30px 0 10px 0;
+  padding-bottom: 10px;
+}
+
+h3 {
+  color: #777;
+  font: normal normal 2em Arvo;
+  margin-bottom: 10px;
+}

data/app/overrides/shared/replace_rescently_viewed_products_block_title.rb

@@ -0,0 +1,4 @@
+Deface::Override.new(:virtual_path => 'shared/_recently_viewed_products',
+                     :name => 'replace_rescently_viewed_products_block_title',
+                     :replace => "h3",
+                     :text => %q{<h2><%= t(:recently_viewed) %></h2>})

data/app/overrides/spree/checkout/payment/remove_card_expiration.rb

@@ -0,0 +1,3 @@
+Deface::Override.new(:virtual_path => %q{spree/checkout/payment/_gateway},
+                          :name => %q{remove_card_expiration},
+                          :remove => %q{[data-hook='card_expiration']})

data/app/overrides/spree/checkout/payment/remove_cart_code.rb

@@ -0,0 +1,3 @@
+Deface::Override.new(:virtual_path => %q{spree/checkout/payment/_gateway},
+                          :name => %q{remove_cart_code},
+                          :remove => %q{[data-hook='cart_code']})

data/app/overrides/spree/checkout/payment/remove_gateway_icons.rb

@@ -0,0 +1,5 @@
+Deface::Override.new(:virtual_path => %q{spree/checkout/payment/_gateway},
+                     :name => %q{remove_gateway_icons},
+                     :remove => %q{code[erb-loud]:contains('image_tag')},
+                     :sequence => {:before => 'replace_gateway_fields' })
+

data/app/overrides/spree/checkout/payment/replace_gateway_fields.rb

@@ -0,0 +1,26 @@
+Deface::Override.new(:virtual_path => %q{spree/checkout/payment/_gateway},
+                          :name => %q{replace_gateway_fields},
+                          :replace => %q{[data-hook='card_number']},
+                          :text => %q{<li class="payment_method <%= payment_method.id %>" style="display:<%= checked == payment_method.id ? "block" : "none" %>;">
+  <h2>Your Credit Card Information</h2>
+  <% ['mastercard', 'visa', 'american-express', 'discover'].each do |card| %>
+    <%= image_tag "store/icons/#{card}-curved-32px.png", :alt => card.capitalize %>
+  <% end %>
+</li>
+
+<li class="payment_method <%= payment_method.id %> three-quart" style="display:<%= checked == payment_method.id ? "block" : "none" %>;">
+  <label>Credit card number</label>
+  <% options_hash = Rails.env.production? ? {:autocomplete => "off"} : {} %>
+  <%= text_field_tag "#{param_prefix}[number]", '', options_hash.merge(:class => 'required', :size => 19, :maxlength => 19) %>
+</li>
+
+<li class="payment_method <%= payment_method.id %> quart last" style="display:<%= checked == payment_method.id ? "block" : "none" %>;">
+  <label>Security code</label>
+  <%= text_field_tag "#{param_prefix}[verification_value]", '', options_hash.merge(:class => 'required', :size => 5) %>
+</li>
+
+<li class="payment_method <%= payment_method.id %>" style="display:<%= checked == payment_method.id ? "block" : "none" %>;">
+  <label>Expiration</label>
+  <%= select_month(Date.today, {:prefix => param_prefix, :field_name => 'month', :use_month_numbers => true}, :class => 'required half') %>
+  <%= select_year(Date.today, {:prefix => param_prefix, :field_name => 'year', :start_year => Date.today.year, :end_year => Date.today.year + 15}, :class => 'required half last') %>
+</li>})