source: branches/version-2_5-dev/html/user_data/packages/sphone/css/detail.css @ 20566

Revision 20566, 3.1 KB checked in by Seasoft, 13 years ago (diff)

#627(ソース整形・ソースコメントの改善)

  • TAB
  • インデント

#624(軽微な表示乱れを修正)

  • HTML 構文誤り
  • CSS 構文誤り
  • Property svn:eol-style set to LF
  • Property svn:keywords set to Id
Line 
1/*商品情報(テキストなど)*/
2div#detailrightblock table td {
3    text-align: left;
4    vertical-align: middle;
5}
6
7/* 商品写真
8----------------------------------------------- */
9#detailphotoblock {
10    margin-top: -1em;
11    margin-left: -3.4%;
12    width: 106.8%;
13    overflow: hidden;
14    background-color: #ffffff;
15    text-align:center;
16    border-bottom: 1px solid #ffffff;
17}
18#detailphotoblock img:first-of-type {
19    margin: 10px auto;
20}
21
22/*商品情報(ブロック)*/
23div#detailarea {
24    margin-bottom: 1em;
25}
26
27/*商品情報(テキストなど)*/
28div#status-icon {
29    margin: 0;
30    padding: 0;
31}
32div#detail-comment {
33    margin: 0;
34    padding: 5px 0 0;
35    font-size: 95%;
36}
37div#detail-size {
38    margin: 0;
39    padding: 5px 0 0;
40}
41
42/*商品情報(テーブル部分)*/
43div#detailrightblock table span.nomal-price {
44    font-size: 80%;
45}
46div#detailrightblock table span.sale-price {
47    font-weight: bold;
48    color: #CC0000;
49}
50div#detailrightblock table span.member-point {
51    font-weight: bold;
52    color: #CC0000;
53}
54
55/*商品情報(規格部分)*/
56div#detailrightblock dl {
57    margin: 0;
58    padding: 5px 0 0;
59}
60div#detailrightblock dt {
61    font-weight: bold;
62    margin: 0;
63    padding: 5px 0 3px 12px;
64    background: url("../img/common/arrow_gray.gif") no-repeat left center;
65    line-height: 1.1;
66}
67div#detailrightblock dd {
68    margin: 0;
69    padding: 0 0 5px;
70}
71div#detailrightblock .fm-detail-quantity {
72    width: 70px;
73    height: 16px;
74    padding: 2px;
75    border: solid 1px #CCCCCC;
76}
77
78/* ボタン周辺
79----------------------------------------------- */
80#btn_form {
81    width: 70%;
82    margin-left: auto;
83    margin-right: auto;
84}
85
86/* 購入ボタン
87----------------------------------------------- */
88input[type="submit"]#cart {
89    display:block;
90    width: 100%;
91    height: 1.8em;
92    margin-top: 20px;
93    margin-bottom: 10px;
94    font: bold large Helvetica, "Lucida Grande", sans-serif;
95    //font-size: large bold;
96    //font-family: Helvetica, "Lucida Grande", sans-serif;
97    color:#4D576B;
98    background-color: #c9c9c9;
99    background-image: -webkit-gradient(linear, left top, left bottom, from(#c9c9c9), to(#848484), color-stop(0.6, #a1a1a1));
100    vertical-align: middle;
101    text-align: center;
102    text-decoration: none;
103    text-shadow: 1px 1px 0px #cccccc;
104    -webkit-border-radius: 4px;
105    -webkit-box-shadow: 0 0 3px #000000;
106}
107
108/* お問い合わせ/友達に教える
109----------------------------------------------- */
110#detailrightblock table{
111    margin: 15px 0px;
112    width: 100%;
113    background-color: #ffffff;
114    -webkit-border-radius: 8px;
115    -webkit-box-shadow: 0 0 4px #000000;
116}
117#detailrightblock table tr td, #detailrightblock table tr th {
118    border-bottom: solid 1px #cccccc;
119    padding: 3px 7px;
120}
121#detailrightblock table tr:last-child td, #detailrightblock table tr:last-child th {
122    border-bottom: none;
123}
124
125#btn-cago > a {
126    background-color: #E19200;
127}
128
129/* お気に入り
130----------------------------------------------- */
131#btn-recommend {
132    text-align:center;
133    margin-top:15px;
134}
135
136
137/* 会員登録
138----------------------------------------------- */
139div#undercolumn_entry .kiyaku_text {
140    height: 250px;
141}
Note: See TracBrowser for help on using the repository browser.