Changeset 20614 for branches/version-2_5-dev/html/user_data/packages/sphone/css/detail.css

Timestamp:

2011/03/11 21:15:21 (13 years ago)

Author:

nagano

Message:

モバイル・スマートフォンのデザイン調整

File:

• branches/version-2_5-dev/html/user_data/packages/sphone/css/detail.css (modified) (10 diffs)

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

@@ -1 +1 @@
 /*商品情報（テキストなど）*/
 div#detailrightblock table td {
-    text-align: left;
-    vertical-align: middle;
+text-align: left;
+vertical-align: middle;
 }
 
@@ -8 +8 @@
 ----------------------------------------------- */
 #detailphotoblock {
-    margin-top: -1em;
-    margin-left: -3.4%;
-    width: 106.8%;
-    overflow: hidden;
-    background-color: #ffffff;
-    text-align:center;
-    border-bottom: 1px solid #ffffff;
+margin-top: -1em;
+margin-left: -3.4%;
+width: 106.8%;
+overflow: hidden;
+background-color: #ffffff;
+text-align:center;
+border-bottom: 1px solid #ffffff;
 }
 #detailphotoblock img:first-of-type {
@@ -33 +33 @@
     margin: 0;
     padding: 5px 0 0;
-    font-size: 95%;
+    font-size: 100%;
 }
 div#detail-size {
@@ -42 +42 @@
 /*商品情報（テーブル部分）*/
 div#detailrightblock table span.nomal-price {
-    font-size: 80%;
+    font-size: 100%;
 }
 div#detailrightblock table span.sale-price {
-    font-weight: bold;
-    color: #CC0000;
+    font-weight: bold;
+    color: #CC0000;
 }
 div#detailrightblock table span.member-point {
-    font-weight: bold;
-    color: #CC0000;
+    font-weight: bold;
+    color: #CC0000;
 }
 
@@ -61 +61 @@
     font-weight: bold;
     margin: 0;
-    padding: 5px 0 3px 12px;
-    background: url("../img/common/arrow_gray.gif") no-repeat left center;
+    padding: 5px 0 3px 0;
     line-height: 1.1;
 }
@@ -79 +78 @@
 ----------------------------------------------- */
 #btn_form {
-    width: 70%;
-    margin-left: auto;
-    margin-right: auto;
+width: 70%;
+margin-left: auto;
+margin-right: auto;
 }
 
@@ -87 +86 @@
 ----------------------------------------------- */
 input[type="submit"]#cart {
-    display:block;
-    width: 100%;
-    height: 1.8em;
-    margin-top: 20px;
-    margin-bottom: 10px;
-    font: bold large Helvetica, "Lucida Grande", sans-serif;
-    //font-size: large bold;
-    //font-family: Helvetica, "Lucida Grande", sans-serif;
-    color:#4D576B;
-    background-color: #c9c9c9;
-    background-image: -webkit-gradient(linear, left top, left bottom, from(#c9c9c9), to(#848484), color-stop(0.6, #a1a1a1));
-    vertical-align: middle;
-    text-align: center;
-    text-decoration: none;
-    text-shadow: 1px 1px 0px #cccccc;
-    -webkit-border-radius: 4px;
-    -webkit-box-shadow: 0 0 3px #000000;
+display:block;
+width: 100%;
+height: 1.8em;
+margin-top: 20px;
+margin-bottom: 10px;
+font: bold 100% Helvetica, "Lucida Grande", sans-serif;
+//font-size: 100% bold;
+//font-family: Helvetica, "Lucida Grande", sans-serif;
+color:#4D576B;
+background-color: #c9c9c9;
+background-image: -webkit-gradient(linear, left top, left bottom, from(#c9c9c9), to(#848484), color-stop(0.6, #a1a1a1));
+vertical-align: middle;
+text-align: center;
+text-decoration: none;
+text-shadow: 1px 1px 0px #cccccc;
+-webkit-border-radius: 4px;
+-webkit-box-shadow: 0 0 3px #000000;
 }
 
@@ -109 +108 @@
 ----------------------------------------------- */
 #detailrightblock table{
-    margin: 15px 0px;
-    width: 100%;
-    background-color: #ffffff;
-    -webkit-border-radius: 8px;
-    -webkit-box-shadow: 0 0 4px #000000;
+margin: 15px 0px;
+width: 100%;
+background-color: #ffffff;
+-webkit-border-radius: 8px;
+-webkit-box-shadow: 0 0 4px #000000;
 }
+
+
 #detailrightblock table tr td, #detailrightblock table tr th {
-    border-bottom: solid 1px #cccccc;
-    padding: 3px 7px;
+border-bottom: solid 1px #cccccc;
+padding: 3px 3px;
 }
 #detailrightblock table tr:last-child td, #detailrightblock table tr:last-child th {
-    border-bottom: none;
+border-bottom: none;
 }
 
 #btn-cago > a {
-    background-color: #E19200;
+background-color: #E19200;
 }
 
@@ -130 +131 @@
 ----------------------------------------------- */
 #btn-recommend {
-    text-align:center;
-    margin-top:15px;
+text-align:center;
+margin-top:15px;
+}
+
+div#recomendarea {
+margin-bottom:20px;
 }
 
@@ -140 +145 @@
     height: 250px;
 }
+
+
+
+/* footer
+----------------------------------------------- */
+span.footB {
+font-size:70%;
+color:#ccc;
+font-weight:normal;
+}
+
+
+/*detail
+-------------------------------------------*/
+div#whoboughtarea h2, div.subarea h3, div#whoboughtarea h3 {
+    font-weight: bold;
+    line-height: 1.1;
+    margin: 0;
+    padding: 5px 0 3px 0;
+    color:#4D576B;
+}
+
+div.subtext {
+font-size:80%;
+}
+
+div.subarea {
+margin-bottom:30px;
+}
+
+div#whoboughtarea {
+margin-bottom:30px;
+}
+
+div.subphotoimg {
+margin-top:10px;
+}
+
+div#mynavarea, div#mynavi_area {
+margin-bottom:20px;
+}