comable-frontend-fashionable 0.6.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: bedbac93db63213e8615716f836edc93cdef410a
+  data.tar.gz: 632a148abe663dc026ae07bb8a31ff38937c10fa
+SHA512:
+  metadata.gz: 129b0af18601fb8a7382de319b012ccd5538bdda1d6e49299ee2084594aa3c7428b771fe24a56101052ebd8418e305b9ed90790776ec6e61846d1107bc844417
+  data.tar.gz: 66921e8b3fe9dcda41c70a3090d3ee2c5b1486c13ed11d0a8684a89ea21d69afbf1d3f2d87905867d63569fb2e4d65d24a8cbf3d6e4b59d95388cbc169161b4f

data/README.rdoc

@@ -0,0 +1,28 @@
+== README
+
+This README would normally document whatever steps are necessary to get the
+application up and running.
+
+Things you may want to cover:
+
+* Ruby version
+
+* System dependencies
+
+* Configuration
+
+* Database creation
+
+* Database initialization
+
+* How to run the test suite
+
+* Services (job queues, cache servers, search engines, etc.)
+
+* Deployment instructions
+
+* ...
+
+
+Please feel free to use a different markup language if you do not plan to run
+<tt>rake doc:app</tt>.

data/Rakefile

@@ -0,0 +1,4 @@
+require 'bundler/gem_tasks'
+require 'rake/testtask'
+
+Dir.glob('tasks/*.rake').each { |r| load r }

data/app/assets/javascripts/comable/application.js

@@ -0,0 +1,15 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file.
+//
+// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require jquery
+//= require jquery_ujs
+//= require_tree

data/app/assets/javascripts/comable/base.js.coffee

@@ -0,0 +1,24 @@
+$ ->
+  $ ->
+    $('#acMenu dt').on 'click', ->
+      $(this).next().slideToggle()
+      $(this).toggleClass 'active'
+      #追加部分
+      return
+    return
+  $ ->
+    # #で始まるアンカーをクリックした場合に処理
+    $('a[href^=#]').click ->
+      # スクロールの速度
+      speed = 400
+      # ミリ秒
+      # アンカーの値取得
+      href = $(this).attr('href')
+      # 移動先を取得
+      target = $(if href == '#' or href == '' then 'html' else href)
+      # 移動先を数値で取得
+      position = target.offset().top
+      # スムーススクロール
+      $('body,html').animate { scrollTop: position }, speed, 'swing'
+      false
+    return

data/app/assets/javascripts/comable/products.js.coffee

@@ -0,0 +1,32 @@
+$ ->
+  # 画像切り替え
+  $ ->
+    $('.DetailColor img').click ->
+      #　thumbをfulに置換
+      img_full = $(this).attr('src').replace('DetailColor', 'sample')
+      # 画像をフェードイン、フェードアウトする
+      $('.sample img').fadeOut 'fast', ->
+        $(this).attr('src', img_full).fadeIn()
+        return
+      # 画像をフェードイン、フェードアウトしない
+      # $('#full img').attr('src', img_full);
+      return
+    return
+  #最大表示数切り替え
+  $ ->
+    #
+    $('#per_page select').change ->
+      $(this).closest('form').submit()
+
+  #並び替え（新着、価格）
+  $ ->
+    #
+    $('#order_by select').change ->
+      $(this).closest('form').submit()
+
+  #在庫の有無
+  $ ->
+    #
+    $('#filter_by_stocks select').change ->
+      $(this).closest('form').submit()
+

data/app/assets/stylesheets/comable/application.css

@@ -0,0 +1,14 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any styles
+ * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
+ * file per style scope.
+ *
+ *= require_self
+ */

data/app/assets/stylesheets/comable/carts.scss

@@ -0,0 +1,339 @@
+@charset "UTF-8";
+/* CSS cart */
+
+
+p.center {
+	text-align: center;
+}
+	p.center a {
+		color: #000;
+		text-decoration: underline;
+	}
+	p.center a:hover {
+		color: #747474;
+		text-decoration: none;
+	}
+	p.center span {
+		display: block;
+		font-size: 14px;
+		padding: 30px 0;
+	}
+
+/* -------------------------------- */
+.cart {
+	width: 850px;
+	margin: 0 auto;
+}
+	 /* th */
+	.cart th {
+		text-align: center;
+		border: #ccc 1px solid;
+		padding: 2px 10px;
+	}
+	/* td */
+	.cart td {
+		border: #ccc 1px solid;
+		padding: 5px 10px;
+	}
+	.cart td img.sample {
+		width: 80px;
+	}
+	.cart td.center {
+		text-align: center;
+	}
+	.cart td.right {
+		text-align: right;
+	}
+	td.center img:hover {
+	opacity: 0.8;
+	filter: alpha(opacity=80);
+	-ms-filter: "alpha( opacity=80 )";
+	background: #fff;
+}
+
+/* 新規会員登録 */
+table.new-member {
+	width: 828px;
+	margin: 0 auto 15px;
+}
+	/* th */
+	table.new-member th {
+		width: 160px;
+		background: #f1f1f1;
+		border: #ccc 1px solid;
+		padding: 5px 20px;
+	}
+	table.new-member th span {
+		color: #e71f19;
+	}
+	/* td */
+	table.new-member td {
+		border: #ccc 1px solid;
+		padding: 5px 0 5px 20px;
+	}
+
+
+/* step1 注文情報入力（新規会員登録） */
+/* -------------------------------- */
+/* step */
+.step {
+	width: 775px;
+	margin: 0 auto 20px;
+}
+
+/* ログイン・会員登録 */
+.member {
+	overflow: hidden;
+	width: 850px;
+	margin: 20px auto;
+}
+	/* ログイン */
+	.login-box {
+		float: left;
+		width: 375px;
+		border: #000 1px solid;
+		padding: 10px 20px;
+	}
+	.login-box p.login {
+		overflow: hidden;
+		background: #000;
+		color: #fff;
+		font-size: 13px;
+		border-radius: 5px;
+		padding: 4px 20px 2px;
+		margin: 0 0 10px 0;
+	}
+		.login-box span {
+			display: block;
+			color: #747474;
+			font-size: 11px;
+		}
+		.id-pass {
+			width: 365px;
+			margin: 0 0 12px 0;
+		}
+		.bt-login {
+			float: left;
+		}
+			.bt-login img:hover {
+				opacity: 0.8;
+				filter: alpha(opacity=80);
+				-ms-filter: "alpha( opacity=80 )";
+				background: #fff;
+			}
+		.forget {
+			float: right;
+			font-size: 14px;
+			background: image-url("forget_icon.png") no-repeat;
+			background-position: 98% 65%;
+			padding: 8px 18px 0 0;
+		}
+			.forget a {
+				color: #000;
+			}
+			.forget a:hover {
+				color: #666446;
+				text-decoration: underline;
+			}
+	/* 会員登録 */
+	.member-box {
+		float: right;
+		width: 375px;
+		border: #000 1px solid;
+		padding: 10px 20px;
+	}
+	.member-box p.login {
+		overflow: hidden;
+		background: #000;
+		color: #fff;
+		font-size: 13px;
+		border-radius: 5px;
+		padding: 4px 20px 2px;
+		margin: 0 0 10px 0;
+	}
+	.member-box .bt-member {
+		width: 207px;
+		margin: 10px auto 0;
+	}
+		.bt-member img:hover {
+			opacity: 0.8;
+			filter: alpha(opacity=80);
+			-ms-filter: "alpha( opacity=80 )";
+			background: #fff;
+		}
+
+/* button nonmember */
+.nonmember {
+	clear: both;
+	width: 260px;
+	margin: 15px auto 0;
+}
+	.nonmember img:hover {
+		opacity: 0.8;
+		filter: alpha(opacity=80);
+		-ms-filter: "alpha( opacity=80 )";
+		background: #fff;
+	}
+
+
+/* 注文者報入力 */
+/* -------------------------------- */
+table.nonmember-ordre {
+	width: 828px;
+	margin: 0 auto 15px;
+}
+	/* th */
+	table.nonmember-ordre th {
+		width: 160px;
+		background: #f1f1f1;
+		border: #ccc 1px solid;
+		padding: 10px 20px;
+	}
+	table.nonmember-ordre th span {
+		color: #e71f19;
+	}
+	/* td */
+	table.nonmember-ordre td {
+		border: #ccc 1px solid;
+		padding: 5px 0 5px 20px;
+	}
+
+
+/* step2 支払い方法・配送日時の選択 */
+/* -------------------------------- */
+p.title {
+	width: 810px;
+	background: #000;
+	color: #fff;
+	padding: 5px 20px;
+	margin: 20px auto 0;
+}
+.box {
+	width: 828px;
+	border: #000 1px solid;
+	padding: 15px 10px 0;
+	margin: 0 auto 10px;
+}
+	.box p {
+		padding: 0 0 15px 0;
+	}
+	.box p span {
+		display: block;
+		background: #cbcbcb;
+		padding: 2px 5px;
+		margin: 0 0 4px 0;
+	}
+table.delivery {
+	width: 828px;
+	margin: -15px 0 15px 0;
+}
+	table.delivery th {
+		width: 150px;
+		border: #ccc 1px solid;
+		padding: 5px 10px;
+	}
+	table.delivery td {
+		border: #ccc 1px solid;
+		padding: 5px 10px;
+	}
+	table.delivery td textarea {
+		resize: none;
+		height: 12px;
+	}
+
+/* ボタン */
+/* -------------------------------- */
+.btn-inner {
+	width:100%;
+	text-align:center;
+	margin: 20px 0 0 0;
+}
+
+.btn_new_member {
+	font-size:14px;
+	font-family:Arial;
+	font-weight:normal;
+	-moz-border-radius:3px;
+	-webkit-border-radius:3px;
+	border-radius:3px;
+	border:1px solid #5e5e5e;
+	padding:4px 18px 3px 0;
+	text-indent: 40px;
+	background: image-url("bt_icon.png") no-repeat #818181;
+	background-position: 18px 49%;
+	color:#ffffff;
+	display:inline-block;
+	-webkit-box-shadow:inset 1px 1px 0px 0px #cccccc;
+	-moz-box-shadow:inset 1px 1px 0px 0px #cccccc;
+	box-shadow:inset 1px 1px 0px 0px #cccccc;
+}
+.btn_new_member:hover {
+	opacity: 0.8;
+	filter: alpha(opacity=80);
+	-ms-filter: "alpha( opacity=80 )";
+}
+
+.btn {
+	font-size:14px;
+	font-family:Arial;
+	font-weight:normal;
+	-moz-border-radius:3px;
+	-webkit-border-radius:3px;
+	border-radius:3px;
+	border:1px solid #c91b24;
+	padding:4px 18px 3px 0;
+	text-indent: 40px;
+	background: image-url("bt_icon.png") no-repeat #e96b27;
+	background-position: 18px 49%;
+	color:#ffffff;
+	display:inline-block;
+	-webkit-box-shadow:inset 1px 1px 0px 0px #fce2c1;
+	-moz-box-shadow:inset 1px 1px 0px 0px #fce2c1;
+	box-shadow:inset 1px 1px 0px 0px #fce2c1;
+	margin: 0 auto 20px;}
+.btn:hover {
+	opacity: 0.8;
+	filter: alpha(opacity=80);
+	-ms-filter: "alpha( opacity=80 )";
+}
+
+/* next prev */
+.button-box {
+	width: 205px;
+	margin: 20px auto 0;
+}
+.prv-next {
+	float: left;
+	width: 80px;
+	font-size:14px;
+	font-weight:normal;
+	text-align: center;
+	-moz-border-radius:2px;
+	-webkit-border-radius:2px;
+	border-radius:2px;
+	border:1px solid #eeb44f;
+	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
+	background:-ms-linear-gradient( top, #ffc477 5%, #fb9e25 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffc477), color-stop(100%, #fb9e25) );
+	background-color:#ffc477;
+	color:#ffffff;
+	display:inline-block;
+	text-shadow:1px 1px 0px #cc9f52;
+	-webkit-box-shadow:inset 1px 1px 0px 0px #fce2c1;
+	-moz-box-shadow:inset 1px 1px 0px 0px #fce2c1;
+	box-shadow:inset 1px 1px 0px 0px #fce2c1;
+	padding: 3px 0;
+	margin: 0 10px;
+}
+.prv-next:hover {
+	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
+	background:-ms-linear-gradient( top, #fb9e25 5%, #ffc477 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fb9e25), color-stop(100%, #ffc477) );
+	background-color:#fb9e25;
+}
+.prv-next:active {
+	position:relative;
+	top:1px;
+}