Changeset 19858 for branches/version-2_5-dev/html

Timestamp:

2011/01/08 15:31:42 (11 years ago)

Author:

yomoro

Message:

スマートフォンのカート画面以降のレイアウト微調整・ボタンのcss化

Location:

branches/version-2_5-dev/html/user_data/packages/sphone/css

Files:

• button.css (modified) (1 diff)
• common.css (modified) (4 diffs)
• table.css (modified) (4 diffs)
• width.css (modified) (1 diff)

branches/version-2_5-dev/html/user_data/packages/sphone/css/button.css

@@ -193 +193 @@
 text-decoration: none;
 }
+
+/* ショッピング関連ボタン
+----------------------------------------------- */
+.spbtn-shopping {
+display: block;
+margin: 0.5em auto 0.3em;
+font: bold 15px helvetica;
+border: solid 1px #666666;
+text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
+color: #ffffff;
+background-color: #fc4743;
+background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05)));
+-webkit-border-radius: 6px;
+-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
+}
+a.spbtn-shopping {
+width: 59%;
+max-width: 178px;
+}
+input.spbtn-shopping {
+width: 60%;
+max-width: 180px;
+}

branches/version-2_5-dev/html/user_data/packages/sphone/css/common.css

@@ -7 +7 @@
 background-position: 50% 0% fixed;
 font-family: helvetica, Osaka;
-font-size: large;
+font-size:small;
 margin: 0px 3.13% 10px;
 padding: 0px;
@@ -254 +254 @@
 ----------------------------------------------- */
 input[size="40"] {
-width: 60%;
+width: 50%;
 }
 input[type="password"] {
-width: 60%;
+width: 50%;
 }
 input[type="tel"] {
-width: 3.6em;
+width: 3em;
 }
 input, tr, th, td {
@@ -266 +266 @@
 }
 input {
-font-size: large;
+font-size: small;
 }
 textarea{
-font-size: 14px;
+font-size: small;
 width: 95%;
 }
 form dl{
-font: bold 17px helvetica;
+font: bold small helvetica;
 margin: 10px 0;
 }
@@ -279 +279 @@
 margin: 5px 0;
 color:#4D576B;
-font: bold 17px helvetica;
+font: bold small helvetica;
 background-color: transparent;
 text-shadow: 0px 1px 1px #ffffff;

branches/version-2_5-dev/html/user_data/packages/sphone/css/table.css

@@ -6 +6 @@
 background: #fff;
 border: 1px solid #B4B4B4;
-font: bold 17px 'Helvetica-Bold';
+font: bold small 'Helvetica-Bold';
 padding: 0;   
 margin: 10px 0;
@@ -16 +16 @@
 border-top: 1px solid #B4B4B4;
 list-style-type: none;
-padding: 7px 10px 7px 10px;
+padding: 4px 6px;
 }
 li:first-child {
@@ -111 +111 @@
 table td {
 margin: 0;
-max-width: 200px;
+max-width: 250px;
 height: 2em;
 background-color: #ffffff;
@@ -466 +466 @@
 }
 
+/* テーブル・商品詳細
+----------------------------------------------- */
+#detailrightblock table th {
+font-size: 15px;
+font-weight: normal;
+}
+
+/* お客様情報入力
+----------------------------------------------- */
+table[summary="お客様情報入力"] td{
+padding-left:5px;
+text-align: left;
+vertical-align: middle;
+}
+
 /* お問い合わせ
 ----------------------------------------------- */

branches/version-2_5-dev/html/user_data/packages/sphone/css/width.css

@@ -2 +2 @@
 
 .box60 {
-width: 3em;
+width: 2.2em;
 }
 .box120 {
-width: 4.5em;
+width: 2.8em;
 }
 .box300 {
-width: 262px;
+width: 250px;
 }
 .box380 {
-width: 260px;
+width: 250px;
 }
 /*