comable-frontend-fashionable 0.6.0

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

@@ -0,0 +1,278 @@
+@charset "UTF-8";
+/* CSS cart */
+
+p.center {
+	text-align: center;
+}
+	p.center a {
+		color: #000;
+		text-decoration: underline;
+	}
+	p.center a:hover {
+		color: #000;
+		text-decoration: none;
+	}
+	p.center span {
+		display: block;
+		font-size: 14px;
+		padding: 0 0 30px 0;
+	}
+	p.center span.strong {
+		display: block;
+		font-weight: bold;
+		padding: 30px 0;
+	}
+
+
+
+/* 会員登録 */
+/* -------------------------------- */
+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;
+	}
+
+
+/* ボタン */
+/* -------------------------------- */
+.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 )";
+}
+/* -------------------------------- */
+/* ログイン画面 */
+/* -------------------------------- */
+section {
+        width: 850px;
+        margin: 10px auto;
+}
+
+p.title {
+        font-size: 15px;
+        font-weight: bold;
+        background: image-url("icon.png") top left no-repeat;
+        background-position: 0px 3px;
+}
+
+p.left {
+        text-align: left;
+        margin: 5px 0 20px 0;
+        }
+
+/* table */
+.login {
+        width: 850px;
+        margin: 5px auto 20px;
+}
+        .login th {
+                width: 150px;
+                background: #f1f1f1;
+                border: #ccc 1px solid;
+                padding: 10px 20px;
+        }
+        .login td {
+                font-size: 11px;
+                border: #ccc 1px solid;
+                padding: 10px 20px;
+        }
+                .login td span a {
+                        color: #000;
+                        text-decoration: underline;
+                        margin: 0 0 0 60px;
+                }
+                .login td span a:hover {
+                        color: #747474;
+                        text-decoration: none;
+                }
+
+/* -------------------------------- */
+/* my page */
+/* -------------------------------- */
+.my-menu {
+        float: left;
+        width: 260px;
+        padding: 0 0 0 20px;
+}
+        .my-menu p {
+                margin: 0 0 5px 0;
+        }
+        .my-menu p a {
+                color: #000;
+        }
+        .my-menu p a:hover {
+                text-decoration: underline;
+        }
+
+/* 内容 */
+.my-contents {
+        float: left;
+        width: 680px;
+}
+
+        /* 注文履歴 */
+        .history {
+                width: 680px;
+        }
+        .history th {
+                text-align: center;
+                border: #ccc 1px solid;
+                background: #f1f1f1;
+                padding: 5px 20px;
+        }
+        .history td {
+                text-align: center;
+                border: #ccc 1px solid;
+                padding: 10px 20px;
+        }
+
+        /* メールアドレス・パスワード変更 */
+        .account {
+                width: 680px;
+                margin: 0 0 15px 0;
+        }
+        .account th {
+                vertical-align: top;
+                border: #ccc 1px solid;
+                background: #f1f1f1;
+                padding: 10px;
+        }
+        .account td {
+                border: #ccc 1px solid;
+                padding: 10px;
+        }
+                .account span {
+                        display: block;
+                        font-size: 11px;
+                }
+
+        /* 住所変更 */
+        .address {
+                width: 680px;
+                margin: 0 0 15px 0;
+        }
+        .address th {
+                width: 160px;
+                border: #ccc 1px solid;
+                background: #f1f1f1;
+                padding: 5px 0 5px 20px;
+        }
+                .address th span {
+                        color: #e71f19;
+                }
+        .address td {
+                border: #ccc 1px solid;
+                padding: 5px 0 5px 20px;
+        }
+
+/* 変更後 */
+p.center {
+        text-align: center;
+                color: #000;
+                text-decoration: underline;
+        }
+        p.center a:hover {
+                color: #000;
+                text-decoration: none;
+        }
+        p.center span {
+                display: block;
+                font-size: 14px;
+                padding: 0 0 30px 0;
+        }
+        p.center span.strong {
+                display: block;
+                font-weight: bold;
+                padding: 30px 0;
+        }
+
+/* -------------------------------- */
+/* パスワード再発行 */
+/* -------------------------------- */
+.forget {
+                width: 980px;
+                margin: 10px 0 15px 0;
+        }
+        .forget th {
+                width: 160px;
+                border: #ccc 1px solid;
+                background: #f1f1f1;
+                padding: 5px 0 5px 20px;
+        }
+                .forget th span {
+                        color: #e71f19;
+                }
+        .forget td {
+                border: #ccc 1px solid;
+                padding: 5px 0 5px 20px;
+        }
+
+
+
+
+/* ボタン */
+.bt-box {
+        background: #ccc;
+        text-align: center;
+        padding: 20px;
+        margin: 5px 0 40px 0;
+}
+
+/* ログインボタン */
+.btn {
+        font-size:14px;
+        font-family:Arial;
+        font-weight:normal;
+        -moz-border-radius:3px;
+        -webkit-border-radius:3px;
+        border-radius:5px;
+        padding:6px 18px 5px 0;
+        text-indent: 40px;
+        background: image-url("bt_icon.png") no-repeat #000;
+        background-position: 18px 49%;
+        color:#ffffff;
+        display:inline-block;
+}
+.btn:hover {
+        opacity: 0.8;
+        filter: alpha(opacity=80);
+        -ms-filter: "alpha( opacity=80 )";
+}

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

@@ -0,0 +1,287 @@
+@charset "UTF-8";
+/* CSS mypage */
+
+
+/* -------------------------------- */
+/* ログイン画面 */
+/* -------------------------------- */
+section {
+	width: 850px;
+	margin: 10px auto;
+}
+
+p.title {
+	font-size: 15px;
+	font-weight: bold;
+	background: image-url("icon.png") top left no-repeat;
+	background-position: 0px 3px;
+	text-indent: 23px;
+}
+
+p.left {
+	text-align: left;
+	margin: 5px 0 20px 0;
+	}
+
+/* table */
+.login {
+	width: 850px;
+	margin: 5px auto 20px;
+}
+	.login th {
+		width: 150px;
+		background: #f1f1f1;
+		border: #ccc 1px solid;
+		padding: 10px 20px;
+	}
+	.login td {
+		font-size: 11px;
+		border: #ccc 1px solid;
+		padding: 10px 20px;
+	}
+		.login td span a {
+			color: #000;
+			text-decoration: underline;
+			margin: 0 0 0 60px;
+		}
+		.login td span a:hover {
+			color: #747474;
+			text-decoration: none;
+		}
+
+/* -------------------------------- */
+/* my page */
+/* -------------------------------- */
+.my-menu {
+	float: left;
+	width: 260px;
+	padding: 0 0 0 20px;
+}
+	.my-menu p {
+		margin: 0 0 5px 0;
+	}
+	.my-menu p a {
+		color: #000;
+	}
+	.my-menu p a:hover {
+		text-decoration: underline;
+	}
+
+/* 内容 */
+.my-contents {
+	float: left;
+	width: 680px;
+}
+
+	/* 注文履歴 */
+	.history {
+		width: 680px;
+	}
+	.history th {
+		text-align: center;
+		border: #ccc 1px solid;
+		background: #f1f1f1;
+		padding: 5px 20px;
+	}
+	.history td {
+		text-align: center;
+		border: #ccc 1px solid;
+		padding: 10px 20px;
+	}
+
+	/* メールアドレス・パスワード変更 */
+	.account {
+		width: 680px;
+		margin: 0 0 15px 0;
+	}
+	.account th {
+		vertical-align: top;
+		border: #ccc 1px solid;
+		background: #f1f1f1;
+		padding: 10px;
+	}
+	.account td {
+		border: #ccc 1px solid;
+		padding: 10px;
+	}
+		.account span {
+			display: block;
+			font-size: 11px;
+		}
+	/* 住所変更 */
+	.address {
+		width: 680px;
+		margin: 0 0 15px 0;
+	}
+	.address th {
+		width: 160px;
+		border: #ccc 1px solid;
+		background: #f1f1f1;
+		padding: 5px 0 5px 20px;
+	}
+		.address th span {
+			color: #e71f19;
+		}
+	.address td {
+		border: #ccc 1px solid;
+		padding: 5px 0 5px 20px;
+	}
+
+/* 変更後 */
+p.center {
+	text-align: center;
+}
+	p.center a {
+		color: #000;
+		text-decoration: underline;
+	}
+	p.center a:hover {
+		color: #000;
+		text-decoration: none;
+	}
+	p.center span {
+		display: block;
+		font-size: 14px;
+		padding: 0 0 30px 0;
+	}
+	p.center span.strong {
+		display: block;
+		font-weight: bold;
+		padding: 30px 0;
+	}
+
+/* -------------------------------- */
+/* パスワード再発行 */
+/* -------------------------------- */
+.forget {
+		width: 980px;
+		margin: 10px 0 15px 0;
+	}
+	.forget th {
+		width: 160px;
+		border: #ccc 1px solid;
+		background: #f1f1f1;
+		padding: 5px 0 5px 20px;
+	}
+		.forget th span {
+			color: #e71f19;
+		}
+	.forget td {
+		border: #ccc 1px solid;
+		padding: 5px 0 5px 20px;
+	}
+
+
+
+
+/* ボタン */
+.bt-box {
+	background: #ccc;
+	text-align: center;
+	padding: 20px;
+	margin: 5px 0 40px 0;
+}
+
+/* ログインボタン */
+.btn {
+	font-size:14px;
+	font-family:Arial;
+	font-weight:normal;
+	-moz-border-radius:3px;
+	-webkit-border-radius:3px;
+	border-radius:5px;
+	padding:6px 18px 5px 0;
+	text-indent: 40px;
+	background: image-url("bt_icon.png") no-repeat #000;
+	background-position: 18px 49%;
+	color:#ffffff;
+	display:inline-block;
+}
+.btn:hover {
+	opacity: 0.8;
+	filter: alpha(opacity=80);
+	-ms-filter: "alpha( opacity=80 )";
+
+}
+
+
+
+/* CSS cart */
+
+p.center {
+        text-align: center;
+}
+        p.center a {
+                color: #000;
+                text-decoration: underline;
+        }
+        p.center a:hover {
+                color: #000;
+                text-decoration: none;
+        }
+        p.center span {
+                display: block;
+                font-size: 14px;
+                padding: 0 0 30px 0;
+        }
+        p.center span.strong {
+                display: block;
+                font-weight: bold;
+                padding: 30px 0;
+        }
+
+
+
+/* 会員登録 */
+/* -------------------------------- */
+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;
+        }
+
+
+/* ボタン */
+/* -------------------------------- */
+.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: url(../img/account/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 )";
+}