source: branches/comu-ver2/html/user_data/packages/default/css/products.css @ 17498

Revision 17498, 6.0 KB checked in by Seasoft, 16 years ago (diff)

ページクラスやテンプレートで定義している文字列が画像に含まれるため、連動して変更されない問題を回避する試み。

Line 
1@charset "utf-8";
2
3
4/* 検索結果
5----------------------------------------------- */
6p.conditionarea {
7    clear: both;
8    width: 566px;
9    margin: 0 auto;
10    padding: 5px;
11    border: solid 1px #333;
12}
13
14
15/* ページ送り
16----------------------------------------------- */
17.pagenumberarea, .pagecondarea {
18    clear: both;
19    width: 560px;
20    margin: 20px 0;
21    padding: 10px;
22    background-color: #f3f3f3;
23}
24
25ul.pagenumberarea {
26    height: 2.5ex;
27}
28
29ul.pagecondarea {
30    border: 1px solid #CCCCCC;
31}
32
33ul.pagenumberarea li {
34    float: left;
35    width: 32.9%;
36}
37
38ul.pagenumberarea li.left {
39    text-align: left;
40    white-space: nowrap;
41}
42
43ul.pagenumberarea li.center {
44    text-align: center;
45    white-space: pre;
46}
47
48ul.pagenumberarea li.right {
49    text-align: right;
50    white-space: nowrap;
51}
52
53.pagenumberarea .pagenumber{
54    color: #ff0000;
55    font-weight: bold;
56}
57
58p.pagenumberarea .number{
59    font-weight: bold;
60}
61
62/* 商品一覧 */
63
64/* タイトル
65----------------------------------------------- */
66.product h2.title {
67    border-color: #f00 #ccc;
68    background: url("../img/products/title_icon.gif") no-repeat left center;
69    background-color: #ffebca;
70}
71
72/* 商品
73----------------------------------------------- */
74div.listarea {
75    clear: both;
76    width: 580px;
77    padding: 20px 0 30px 0;
78    overflow: auto;
79    background: url("../img/common/line_580.gif") no-repeat bottom;
80}
81
82div.listphoto {
83    float: left;
84    width: 130px;
85}
86
87div.listrightblock {
88    float: right;
89    width: 440px;
90}
91
92div.listrightblock li {
93    display: inline;
94    padding: 0 0 10px 0;
95}
96
97div.listrightblock h3 {
98    width: 420px;
99    margin: 5px 0;
100    padding: 5px 10px;
101    border-bottom: 2px solid #ebebd6;
102    background-color: #f9f9ec;
103    font-size: 120%;
104}
105
106div.listrightblock h3 a {
107    font-size: 100%;
108    font-weight: bold;
109}
110
111div.listrightblock .listcomment {
112    margin: 0 0 10px 0;
113}
114
115div.listrightblock .pricebox {
116    float: left;
117}
118
119div.listrightblock .soldout {
120    clear: both;
121}
122
123div.listrightblock .in_cart {
124    margin: 20px auto 5px 130px;
125    padding: 10px;
126    width: 285px;
127    clear: both;
128    background-color: #ecf5ff;
129    border: 1px solid #CCCCCC;
130}
131
132div.listrightblock .quantity {
133    width: 150px;
134}
135
136div.listrightblock .btnbox {
137    margin: 0 0 10px 0;
138    padding: 1px;
139    float: right;
140}
141
142div.listrightblock dt {
143    width: 75px;
144    float: left;
145    text-align: right;
146    padding: 3px;
147    font-weight: bold;
148}
149
150div.listrightblock dd {
151    padding: 3px;
152}
153
154div.listrightblock .cartbtn {
155    clear: both;
156    text-align: center;
157}
158
159div.listrightblock .cartbtn img {
160    display: block;
161    width: 115px;
162    margin: 5px auto 0 auto;
163}
164
165div.listrightblock .box54 {
166    width: 54px;
167    border: solid 1px #ccc;
168}
169
170/* 商品詳細 */
171
172/* 商品
173----------------------------------------------- */
174div#detailarea {
175    width: 580px;
176    margin: 15px 0 0 0;
177}
178
179div#detailphotoblock {
180    float: left;
181    width: 292px;
182}
183
184div#detailphotoblock p {
185    margin: 5px 0 0 0;
186}
187
188div#detailrightblock {
189    float: right;
190    width: 280px;
191}
192
193div#detailrightblock li {
194    display: inline;
195}
196
197div#detailrightblock h2 {
198    margin: 5px 0;
199    padding: 0;
200    color: #ff6600;
201    font-size: 140%;
202    font-weight: bold;
203}
204
205div#detailrightblock dl {
206    padding: 15px 0 0 0;
207}
208
209div#detailrightblock dt {
210    font-weight: bold;
211    padding: 0 0 0 15px;
212    background: url("../img/common/arrow_gray.gif") no-repeat left center;
213}
214
215div#detailrightblock dd {
216    margin: 0 15px 0 0;
217}
218
219div#detailrightblock .box54 {
220    width: 54px;
221    border: solid 1px #ccc;
222}
223
224div#detailrightblock .btn {
225    clear: both;
226    margin: 15px 0 0 0;
227    padding: 15px 0 0 0;
228    text-align: center;
229    background: url("../img/common/line_280.gif") no-repeat;
230}
231
232/* サブタイトル
233----------------------------------------------- */
234div.subarea {
235    clear: both;
236    width: 580px;
237    padding: 30px 0 0 0;
238}
239
240div.subarea h3 {
241    width: 560px;
242    font-size: 120%;
243    margin: 0 0 10px 0;
244    padding: 5px 10px;
245    background-color: #e4e4e4;
246}
247
248div.subtext {
249    float: left;
250    width: 365px;
251}
252
253div.subphotoimg {
254    float: right;
255    width: 202px;
256}
257
258div.subphotoimg p {
259    margin: 5px 0 0 0;
260    text-align:right;
261}
262
263
264/* お客様の声
265----------------------------------------------- */
266div#customervoicearea {
267    clear: both;
268    width: 580px;
269    padding: 35px 0 0 0;
270}
271
272div#customervoicearea h2 {
273    padding: 0 0 10px 0;
274}
275
276div#customervoicearea .voicedate{
277    font-weight: bold;
278    margin: 10px 0 0 0;
279}
280
281div#customervoicearea .voicetitle{
282    padding: 5px 0;
283    font-size: 120%;
284    font-weight: bold;
285}
286
287div#customervoicearea li {
288    padding: 0 0 10px 0;
289    background: url("../img/common/line_580.gif") no-repeat bottom;
290}
291
292/* トラックバック
293----------------------------------------------- */
294div#trackbackarea {
295    clear: both;
296    width: 580px;
297    padding: 35px 0 0 0;
298}
299
300div#trackbackarea h2 {
301    padding: 0 0 10px 0;
302}
303
304div#trackbackarea h3 {
305    font-size: 100%;
306    font-weight: bold;
307    padding: 0 0 10px 0;
308}
309
310div#trackbackarea .box500 {
311    width: 500px;
312    border: solid 1px #ccc;
313}
314
315/* この商品を買った人はこんな商品も買っています
316----------------------------------------------- */
317div#whoboughtarea {
318    clear: both;
319    width: 580px;
320    padding: 35px 0 0 0;
321}
322
323div.whoboughtblock {
324    clear: both;
325    width: 580px;
326    padding: 10px 0;
327    overflow: auto;
328}
329
330div.whoboughtleft {
331    float: left;
332    width: 280px;
333    padding: 10px 0;
334    position: relative;
335    background: url("../img/common/line_578.gif") no-repeat bottom;
336}
337
338div.whoboughtleft img {
339    display: block;
340    float: left;
341    margin: 0 5px 0 0;
342}
343
344div.whoboughtleft p {
345    margin: 0 0 5px 0;
346}
347
348div.whoboughtright {
349    float: right;
350    width: 280px;
351    padding: 10px 0;
352    position: relative;
353    background: url("../img/common/line_578.gif") no-repeat bottom;
354}
355
356div.whoboughtright img {
357    display: block;
358    float: left;
359    margin: 0 5px 0 0;
360}
361
362div.whoboughtright p {
363    margin: 0 0 5px 0;
364}
365
366div.whoboughtleft h3 {
367    font-size: 100%;
368}
369
370div.whoboughtright h3 {
371    font-size: 100%;
372}
Note: See TracBrowser for help on using the repository browser.