spree_heist_theme 0.0.0

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

@@ -0,0 +1,141 @@
+body#cart h1 {
+  border-bottom: 1px solid #D9D9D9;
+}
+
+table#cart-detail {
+  width: 100%;
+}
+
+table#cart-detail th {
+  color: #777;
+  font-weight: normal;
+  text-align: left;
+  padding-bottom: 5px;
+}
+
+table#cart-detail th, table#cart-detail td {
+  border-bottom: 1px solid #D9D9D9;
+}
+
+table#cart-detail td {
+  padding: 10px 0;
+  font-weight: bold;
+  font-size: 1.2em;
+  vertical-align: middle;
+}
+
+table#cart-detail tr.totals td, table#cart-detail tr.actions td {
+  padding: 20px 0;
+}
+
+table#cart-detail tr.totals td, table#cart-detail td.actions {
+  text-align: right;
+}
+
+table#cart-detail td.image {
+  width: 180px;
+}
+table#cart-detail td.normal {
+  font-weight: normal;
+  vertical-align: middle;
+}
+table#cart-detail td.normal img {
+  vertical-align: sub;
+
+}
+
+
+table#cart-detail td.image img {
+  vertical-align: middle;
+}
+
+table#cart-detail td.description {
+  width: 250px;
+  padding-right: 50px;
+}
+
+table#cart-detail td.quantity {
+  width: 75px;
+  padding: 0;
+}
+
+table#cart-detail td.quantity input {
+  margin: 0!important;
+  width: 75px;
+  border: 1px solid #949494;
+  padding: 4px;
+}
+
+table#cart-detail td.unit-price, table#cart-detail td.total {
+  width: 60px;
+}
+
+table#cart-detail td.actions {
+  width: 130px;
+}
+
+table#cart-detail td.operator {
+  color: #999;
+  font-weight: normal;
+  text-align: center;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+table#cart-detail a.delete {
+  background-color: #333;
+}
+
+table#cart-detail .actions {
+  margin: 20px 0px;
+}
+
+table#cart-detail .actions div {
+  float: left;
+  margin: 10px;
+}
+
+table#cart-detail .move_item form{
+  display:none;
+  margin: 2px 8px;
+}
+
+body#cart a.checkout {
+  background-color: #E41E1E;
+}
+
+body#cart p.actions {
+  text-align: right;
+  font-size: 1.20em;
+}
+
+body#cart p.actions, body#cart p.actions a {
+  color: #999;
+  margin-bottom: 40px;
+}
+
+#edit_wishlist {
+  padding: 0px 140px 10px;
+  display: none;
+  border-bottom: 1px solid #D9D9D9;
+  margin-bottom: 20px;
+}
+#edit_wishlist label{
+  color: #777777;
+}
+#edit_wishlist input[type='text'] {
+  border: 2px solid #A0A0A0;
+  border-radius:2px;
+  margin-bottom: 4px;
+}
+#edit_wishlist input[type="checkbox"] {
+  vertical-align: baseline;
+}
+#edit_wishlist div {
+  float: left;
+}
+#edit_wishlist a.button{
+  float: left;
+  line-height: 15px;
+  margin: 25px 110px;
+}

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

@@ -0,0 +1,278 @@
+/* Styles for Checkout pages */
+/* ul, ol { margin-left: 2em; } */
+
+ul, ol {
+  margin-left: 0em;
+  list-style: none;
+}
+body#checkout ul.fields {
+  list-style: none;
+}
+
+input.blue {
+  color: #fff;
+  background-color: #0095da;
+}
+
+input.red {
+  color: #fff;
+  background-color: #e41e1e;
+}
+
+select {
+  padding: 7px 5px 5px;
+  color: #333;
+}
+
+input[type='text'], input[type='password'],
+input[type="email"], input[type="url"],
+input[type="phone"], textarea {
+  font-size: 18px;
+  padding: 7px 5px 5px;
+  border: 2px solid #A0A0A0;
+  border-radius:2px;
+  margin-bottom: 4px;
+  color: #333;
+
+}
+
+input[type='checkbox'] {
+  vertical-align: middle;
+}
+
+label {
+  color: #747474;
+  font-size: 14px;
+  margin-bottom: 2px;
+  display: block;
+}
+
+label.tick {
+  display: inline; 
+  vertical-align: -2px;
+}
+
+body#checkout div[role='main-content'] {
+  float:left;
+}
+
+body#checkout div[role='checkout'] {
+  vertical-align:top;
+  padding: 0 0 100px 0;
+  float: left;
+}
+
+body#checkout div[role='checkout'] div[role='title'] {
+  margin: 40px 0 20px 0;
+  letter-spacing:2px;
+  color: #d4d4d4;
+  font: 40px Arvo, Georgia, "Times New Roman", Times, serif;
+
+}
+
+body#checkout div[role='checkout'] div#tabs {
+  font: 18px Georgia, "Times New Roman", Times, serif;
+  float: left;
+  z-index: 99;
+  background-color: #fff;
+  width:660px;
+}
+
+body#checkout div[role="checkout"] div#tabs ul {
+  margin: 0;
+  font: 45px "Arvo", sans-serif;
+}
+
+body#checkout div[role='checkout'] div#tabs li {
+  display: inline;
+  float: left;
+  background-color: #eceded;
+  border-bottom: 5px solid #b7cbe9;
+  width: 130px;
+  height: 70px;
+  padding-top: 10px;
+}
+
+body#checkout div[role='checkout'] div#tabs li.active {
+  background-color: #fff;
+  border: 5px solid #b7cbe9;
+  border-bottom: none;
+}
+
+body#checkout div[role='checkout'] div#tabs li.end {
+  border-right: 3px solid #eceded;
+}
+
+body#checkout div[role='checkout'] div#tabs li span.number {
+  color: #bfbfbf;
+  font-size: 54px;
+  padding: 0 0 0 5px;
+  display: inline-block;
+  font-family: Arial;
+}
+
+body#checkout div[role='checkout'] div#tabs li.active span.number {
+  color: #324781;
+}
+
+
+body#checkout div[role='checkout'] div#tabs li span.title {
+  color: #bfbfbf;
+  font-size: 18px;
+  width: 85px;
+  padding: 0 0 0 5px;
+  display: inline-block;
+}
+
+body#checkout div[role='checkout'] div#tabs li.active span.title {
+  color: #758ed0;
+}
+
+body#checkout div[role='content'] {
+  border: 5px solid #b7cbe9;
+  font-size: 18px;
+  color: #A0A0A0;
+  width: 530px;
+  padding: 100px 60px 50px 60px;
+}
+
+body#checkout div[role='content'] h2 {
+  font: 28px Arvo;
+  color: #747474;
+  margin: 0px;
+  padding: 0px 0px 20px 0px;
+}
+
+body#checkout div[role='content'] div.submit {
+  padding-top: 20px;
+  text-align: center;
+}
+
+body#checkout div[role='content'] hr {
+  margin: 40px -30px;
+  visibility: visible;
+  border: 1px solid #D4D4D4;
+}
+
+body#checkout div[role='content'] ul.fields {
+  color: #747474;
+  margin: 0px;
+}
+
+body#checkout div[role='content'] ul.fields li {
+  padding: 0px 0 16px 0;
+  text-align: left;
+  clear: both;
+}
+
+body#checkout div[role='content'] ul.fields li.options {
+  margin: 0px 50px;
+  padding: 0px;
+}
+
+body#checkout div[role='content'] ul.fields li.options label {
+  display: inline;
+  vertical-align: -5px;
+  font: 22px Arvo;
+  margin-left: 15px;
+}
+
+
+body#checkout div[role='content'] ul.fields .quart {
+  width: 127px;
+  float: left;
+  clear: none;
+}
+
+body#checkout div[role='content'] ul.fields .half {
+  width: 254px;
+  float: left;
+  clear: none;
+}
+
+body#checkout div[role='content'] ul.fields .three-quart {
+  width: 381px;
+  float: left;
+  clear: none;
+}
+
+
+body#checkout div[role='content'] ul.fields .last {
+  margin-left: 20px;
+}
+
+
+
+body#checkout div[role='content'] ul.fields input[type='text'] {
+  width: 100%;
+}
+
+body#checkout div[role='content'] ul.fields select {
+  width: 100%;
+}
+
+body#checkout div[role='aside'] {
+  border: 3px solid #eceded;
+  width: 250px;
+  float: left;
+  margin: 100px 0px 0px 22px;
+  padding: 10px;
+  color: #7f7f7f;
+  font-size: 14px;
+}
+
+body#checkout div[role='aside'] h3 {
+  color: #0095da;
+  font: 24px Arvo;
+  margin: 10px 5px 10px 15px;
+  padding: 0 0 10px 0;
+}
+
+body#checkout div[role='aside'] div[role='order'] table td {
+  padding-right: 10px;
+}
+
+body#checkout div[role='aside'] div[role='order'] table.total {
+  margin-top:20px;
+  width: 100%;
+  text-align: right;
+}
+
+body#checkout div[role='aside'] div[role='order'] th {
+  font-weight: normal;
+}
+
+body#checkout div[role='aside'] div[role='order'] table.items td {
+  padding-bottom: 10px;
+}
+
+body#checkout div[role='aside'] div[role='order'] table.total td {
+  padding-bottom: 5px;
+}
+
+
+body#checkout div[role='aside'] div[role='order'] tr.total th, div[role='aside'] div[role='order'] tr.total td {
+  font-weight: bold;
+}
+
+
+body#checkout div[role='aside'] div[role='order'] tr td.qty {
+  width: 36px;
+}
+
+body#checkout div[role='aside'] div[role='order'] tr td.description {
+  width: 160px;
+}
+
+
+body#checkout div[role='aside'] div[role='order'] tr td.price {
+  width: 36px;
+}
+
+body#checkout .hidden{
+  display: none;
+  visibility: visible;
+}
+
+/* End Styles for Checkout page */
+

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

@@ -0,0 +1,225 @@
+/* @override http://localhost:3000/stylesheets/screen.css */
+body#product_list {
+  background: #fff url(<%= asset_path 'store/bg.png' %>) repeat-x;
+}
+
+body {
+  background: #fff url(<%= asset_path 'store/narrow_bg.png' %>) repeat-x;
+}
+
+#banner, #container, footer .inner {width: 960px; margin: 0 auto;}
+
+header, footer {background-color: #000;}
+header nav *, footer div#secondary * {display: inline-block;}
+header {
+  position: relative;
+  z-index: 100;
+  height: 58px;
+  margin: 0 auto;
+}
+
+header form {
+  position: absolute;
+  left: 320px;
+  top: 23px;
+  padding: 0;
+}
+header form input {
+  background: #fff url(<%= asset_path 'store/search_bg_s1.gif' %>) no-repeat;
+  border: 0;
+  width: 146px;
+  height: 23px;
+  padding: 0 25px 0 10px;
+  color: #333;
+  line-height: 23px;
+}
+header form input.empty  {
+  color: #aaa;
+} 
+
+
+header #logo {
+  position: absolute;
+  left:  0; top: 11px;
+}
+
+
+
+header nav {
+  position: absolute;
+  right: 0;
+  top: 24px;
+  text-align: right;
+}
+header nav a, header nav a:visited,header nav a:hover {
+  margin: 0 0 0 12px;
+  text-align: right;
+  font: normal normal normal 1.1em/1.6em Arvo;
+  color: #fff;
+}
+
+header nav a.cart {color: #B30000;}
+
+footer {
+  background: #fff url(<%= asset_path 'store/footer_bkgd.jpg' %>) repeat-x bottom left;
+  margin: 80px 0 0; clear: both;
+  font-family: Trebuchet MS;
+}
+
+footer .inner {
+  height: 520px;
+  position:  relative;
+}
+
+footer #kid {
+  position: absolute;
+  bottom: 60px;
+}
+footer #about-railsdog-radio {
+  position: absolute;
+  width: 710px;
+  left: 250px;
+  bottom: 0px;
+  height: 390px;
+  font-size: 150%;
+  line-height: 150%;
+  color: #666;
+}
+#more-about-railsdog-radio {
+  text-align: right;
+  font-size: 70%;
+}
+#more-about-railsdog-radio a {
+  text-decoration: none;
+}
+
+footer #about-railsdog-radio strong { color: #000; }
+footer #contact-us, footer #social, footer #menu {
+  width: 210px;
+  position: absolute;
+  bottom: 0;
+  height: 170px;
+}
+footer #contact-us a, footer #social a, footer #menu a { color: #797A7D; }
+footer #contact-us p, footer #social p, footer #menu p {
+  color: #797A7D;
+  line-height: 2.0em;
+  font-size: 1.2em;
+}
+footer #contact-us h3, footer #social h3, footer #menu h3 {
+  color: #fff;
+  font-size: 1.5em;
+  margin-bottom: 0.5em;
+}
+footer #contact-us {
+  left: 250px;
+}
+footer #social {
+  left: 500px;
+}
+footer #menu {
+  left: 750px;
+}
+footer #social a {
+  display: block;
+  width: 25px;
+  height: 25px;
+  float: left;
+  margin-right: 10px;
+  background-repeat: no-repeat;
+  background-image: url(<%= asset_path 'store/social-icons.png' %>);
+}
+footer #social a:hover {
+  background-image: url(<%= asset_path 'store/social-icons-rollover.png' %>);
+}
+footer #social a span    { display: none; }
+footer #social #rss      { background-position: -37px 0   }
+footer #social #twitter  { background-position: -75px 0  }
+
+
+footer #copyright {
+  color: #797A7D;
+  position: absolute;
+  bottom: 20px;
+  right: 0;
+}
+
+
+
+#sidebar .list-box {
+  width: 230px;
+  float: left;
+  background-color: #F3F3F3;
+  border-radius: 10px;
+  -moz-border-radius: 10px;
+  -webkit-border-radius: 10px;
+  padding:  0px 30px 30px 30px;
+  color: #666;
+  font-family: Trebuchet MS;
+}
+
+.list-box {
+  padding-top: 30px; /* match #contact  */
+}
+.list-box h2 {
+  color: #364D8C;
+}
+.list-box h2, #homepage #contact h2 {
+  font-family: Arvo;
+  font-size: 170%;
+  text-transform: uppercase;
+  font-weight: normal;
+  margin-bottom: 0.75em;
+  border-bottom: 1px solid #A3A3A3;
+  padding-bottom: 0.5em;
+}
+.list-box li {
+  font-size: 1.25em;
+  line-height: 1.5em;
+}
+.list-box a {
+  color: #666;
+  text-decoration: none;
+}
+.list-box a:hover {
+  text-decoration: underline;
+}
+#recent-products {
+  margin-top: 40px;
+}
+
+.breadcrumbs, .pagination {
+  font-size: 1.1em;
+  padding: 0 0 20px 0;
+}
+.breadcrumbs ul {
+  margin-left: 0px !important;
+}
+.breadcrumbs li {
+  float: left;
+  list-style: none;
+}
+.pagination {
+  text-align: right;
+}
+
+button, a.button, .button, input[type="submit"] {
+  border: none;
+  background-color: #0095DA;
+  color: #fff!important;
+  padding: 10px 18px 9px 18px;
+  font-size: 16px;
+  font-family: Arvo;
+  text-transform: uppercase;
+  border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  font-weight: normal;
+}
+a.button {
+  text-decoration: none;
+  line-height: 37px;
+}
+button:hover, a.button:hover {
+  background-color: #0068B8;
+}

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

@@ -0,0 +1,37 @@
+.yui-editor-container A {color: black !important;}
+.editor-mask-container.active .editor-mask {
+    background-color: black;
+	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* IE 5.5+*/
+	-moz-opacity: 0.3; /* Mozilla 1.6 */
+	-webkit-opacity: 0.3; /* Mozilla 1.6 */
+	-khtml-opacity: 0.3; /* Konqueror 3.1, Safari 1.1 */
+	opacity: 0.3;
+	width: 100%;
+	height: 100%;
+	width: 100%;
+	z-index: 100;
+	position: fixed;
+	top: 0;
+	left: 0;
+}
+.editor-mask-container .editor-mask-label {display: none;}
+.editor-mask-container.active .editor-mask-label {
+	background-color: black;
+	color: white;
+	font-weight: bold;
+	height: 25px;
+	left: 50%;
+	margin-left: -130px;
+	padding: 30px 50px;
+	position: fixed;
+	top: 250px;
+	width: 200px;
+	z-index: 101;
+	display: block !important;
+}
+.yui-toolbar-imageUpload {
+	background: url("/images/upload_image.png") no-repeat scroll 50% 50% transparent !important;
+}
+.yui-toolbar-fileUpload {
+	background: url("/images/upload_file.png") no-repeat scroll 50% 50% transparent !important;
+}

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

@@ -0,0 +1,55 @@
+.flash {
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  font-size: 1.3em;
+  margin-bottom: 1em;
+  padding: 0.8em;
+}
+.flash.notice {
+  background: #ccddff url(<%= asset_path('store/shadow_top.png') %>) 0px -50px repeat-x;
+  color: #556699;
+  border: 1px solid #99aacc;
+  margin-top: 1em;
+}
+.flash.errors {
+  background: #f4b4b4 url(<%= asset_path('store/shadow_top.png') %>) 0px -50px repeat-x;
+  color: #000000;
+  border: 1px solid #000000;
+  margin-top: 1em;
+}
+.formError {
+  font-size: 1.3em;
+  margin-bottom: 1em;
+  padding: 0.8em;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  background: #f4b4b4 url(<%= asset_path('store/shadow_top.png') %>) 0px -50px repeat-x;
+  color: #000000;
+  border: 1px solid #000000;
+}
+.formError p { margin: 0px; }
+.formError ul { margin-bottom: 0px; }
+.formError h2 {
+  font-weight: bold;
+  font-size: 1em;
+  margin: 0px;
+}
+#errorExplanation {
+  font-size: 1.3em;
+  margin: 1em 0;
+  padding: 0.8em;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  background: #f4b4b4 url(<%= asset_path('store/shadow_top.png') %>) 0px -50px repeat-x;
+  color: #000000;
+  border: 1px solid #000000;
+}
+#errorExplanation p { margin: 0px; }
+#errorExplanation ul { margin-bottom: 0px; }
+#errorExplanation h2 {
+  font-size: 1em;
+  margin: 0px;
+}