source: branches/version-2_11-dev/html/user_data/packages/sphone/css/contents.css @ 21081

Revision 21081, 11.3 KB checked in by Seasoft, 13 years ago (diff)

#1294 (ソースを読みやすくする)

  • Property svn:mime-type set to text/plain
Line 
1@charset "utf-8";
2/* ===================================================================
3CSS information
4style info :下層コンテンツ用(#undercolumn)
5=================================================================== */
6/* -----------------------------------------------
7#undercolumn 汎用
8----------------------------------------------- */
9#undercolumn{
10    padding-bottom:35px;
11}
12/**イントロダクション*/
13.information{
14    font-weight:bold;
15    padding:5px 10px;
16    line-height:1.3;
17    border-bottom:#CCC solid 1px;
18}
19.information p:first-child{
20    font-size:14px;
21    margin-bottom:0.5em;
22}
23/*フォーム枠*/
24.form_area{
25    padding:10px;
26}
27.form_area p:first-child{
28    margin-bottom:0.5em;
29}
30.formBox{
31    margin-bottom:20px;
32    border:#A9ABAD solid 1px;
33    border-radius:7px;
34    -moz-border-radius:7px;
35    -webkit-border-radius:7px;
36}
37.innerBox{
38    padding:10px;
39    border-bottom:#CCC solid 1px;
40}
41.arrowBox{
42    padding:10px 25px 10px 10px;
43    background:url(../img/common/ico_arrowR.png) 95% center no-repeat;
44    border-bottom:#CCC solid 1px;
45    clear:both;
46}
47@media only screen and (-webkit-min-device-pixel-ratio: 2) {
48    .arrowBox {
49        background: url(../img/common/ico_arrowR2.png) 95% center no-repeat;
50        -webkit-background-size: 10px 15px;
51        background-size: 10px 15px;
52    }
53}
54.box_header{
55    font-size:16px;
56    font-weight:bold;
57    background:#EEE;
58    padding:10px;
59    border-radius:7px 7px 0 0;
60    -moz-border-radius:7px 7px 0 0;
61    -webkit-border-radius:7px 7px 0 0;
62    border-bottom:#CCC solid 1px;
63}
64/*合計(フォーム下)*/
65.total_area,.result_area{
66    padding:10px;
67    text-align:right;
68    background:#F7F5F0;
69    border-top:#FFF solid 1px;
70    border-bottom:#A9ABAD solid 1px;
71}
72.formBox .btn_area_btm{
73    padding:10px;
74    background:#F7F5F0;
75    border-top:#FFF solid 1px;
76    border-bottom:none;
77    border-radius:0 0 7px 7px;
78    -moz-border-radius: 0 0 7px 7px;
79    -webkit-border-radius: 0 0 7px 7px;
80}
81.formBox div:first-child{
82    border-radius:7px 7px 0 0;
83    -moz-border-radius:7px 7px 0 0;
84    -webkit-border-radius:7px 7px 0 0;
85}
86.formBox div:last-child{
87    border-radius:0 0 7px 7px;
88    -moz-border-radius: 0 0 7px 7px;
89    -webkit-border-radius: 0 0 7px 7px;
90    border-bottom:none;
91}
92.form_area div:after{
93    content: "."; 
94    display: block;
95    clear: both;
96    height: 0;
97    visibility: hidden;
98}
99
100/* -----------------------------------------------
101カートボックス
102----------------------------------------------- */
103
104/*カゴの中の商品*/
105.cartinarea{
106    padding:10px;
107    border-bottom:#CCC solid 1px;
108}
109.cartitemBox{
110    padding:10px 0;
111    border-bottom:#CCC solid 1px;
112    clear:both;
113}
114.cartinarea .cartitemBox:last-child{
115    border-bottom:none;
116}
117.cartinarea .photoL{
118    width:80px;
119}
120.cartinarea .cartinContents{
121    width:68%;
122    float:right;
123    display:block;
124    position:relative;
125}
126/* -----------------------------------------------
127ふきだしボックス
128----------------------------------------------- */
129.bubbleBox{
130    width:90%;
131    font-weight:bold;
132    margin:10px auto 20px auto;
133    padding:10px 15px;
134    position:relative;
135    background-color:#F6F6F6;
136    border:1px solid #C5C4C0;
137    -moz-border-radius:7px;
138    -webkit-border-radius:7px;
139    -moz-box-shadow:inset 1px 1px 1px #FFF;
140    -webkit-box-shadow:inset 1px 1px 1px #FFF;
141    cursor:pointer;
142}
143.bubble_arrow_line{
144    width:0;
145    height:0;
146    border-color: #C5C4C0 transparent transparent transparent;
147    border-style: solid;
148    border-width: 10px;
149    position:absolute;
150    bottom:-21px;
151    left:50%;
152}
153.bubble_arrow{
154    width:0;
155    height:0;
156    border-color: #F6F6F6 transparent transparent transparent;
157    border-style: solid;
158    border-width: 10px;
159    position:absolute;
160    bottom:-19px;
161    left:50%;
162}
163.bubble_announce{
164    height:2.5em;
165    background:url(../img/common/ico_arrowR.png)  right center no-repeat;
166    clear:both;
167    vertical-align:middle;
168    margin-bottom:8px;
169}
170@media only screen and (-webkit-min-device-pixel-ratio: 2) {
171    .bubble_announce {
172        background: url(../img/common/ico_arrowR2.png) right center no-repeat;
173        -webkit-background-size: 10px 15px;
174        background-size: 10px 15px;
175    }
176}
177.bubbleBox p.fb{
178    line-height:2.5em;
179}
180.deliv_announce p{
181    width:80%;
182}
183.bubbleBox a:link,.bubbleBox a:visited{
184    color:#333;
185}
186/* -----------------------------------------------
187カートの中ページ
188----------------------------------------------- */
189.totalmoney_area{
190    font-size:14px;
191    font-weight:bold;
192    padding:10px;
193    border-bottom:#CCC solid 1px;
194}
195.point_announce{
196    font-size:14px;
197    font-weight:bold;
198    margin-bottom:5px;
199}
200.cartinContents .btn_delete{
201    padding:2px;
202    right:0;
203    float:right;
204    position:absolute;
205    top:0;
206    cursor:pointer;
207}
208.cartinContents ul{
209    float:right;
210    clear:both;
211    line-height:1.1;
212}
213.cartinContents ul li{
214    display:inline;
215    float:left;
216}
217.cartinContents ul li.result{
218    padding-left:0.5em;
219    padding-top:1em;
220    vertical-align:bottom;
221}
222
223/* -----------------------------------------------
224お届け先指定
225----------------------------------------------- */
226.deliv_check{
227    clear:both;
228}
229.deliv_check dt{
230    font-size:14px;
231    font-weight:bold;
232    padding:15px 10px 5px 10px;
233    background:#EEE;
234    border-top:#FFF solid 1px;
235    vertical-align:middle;
236    position:relative;
237    display:block;
238}
239.deliv_check dt p{
240    vertical-align:middle;
241}
242.deliv_check dd{
243    font-size:12px;
244    padding:10px;
245    border-bottom:#CCC solid 1px;
246    display:block;
247}
248.deliv_check dd p{
249    display:inline;
250    float:left;
251}
252.deliv_check ul.edit{
253    float:right;
254    clear:right;
255    display:inline;
256    line-height:1.1;
257    position:absolute;
258    right:10px;
259    top:8px;
260}
261.deliv_check dt:first-child{
262    border-top:none;
263    border-radius:7px 7px 0 0;
264    -moz-border-radius:7px 7px 0 0;
265    -webkit-border-radius:7px 7px 0 0;
266}
267
268/* -----------------------------------------------
269お届け先指定(複数)
270----------------------------------------------- */
271.delivitemBox{
272    padding:10px;
273    border-bottom:#CCC solid 1px;
274    clear:both;
275    position:relative;
276}
277.delivitemBox .photoL{
278    width:80px;
279}
280.delivitemBox .delivContents{
281    width:67%;
282    float:right;
283    display:block;
284    position:relative;
285}
286.delivContents p{
287    float:left;
288}
289.delivContents ul{
290    width:2.2em;
291    float:right;
292    right:15px;
293    position:absolute;
294}
295.delivContents ul li{
296    text-align:center;
297    clear:both;
298}
299
300/* -----------------------------------------------
301お支払方法・お届け時間等の指定
302----------------------------------------------- */
303.pay_area ul{
304    padding:10px;
305    margin-bottom:10px;
306    font-weight:bold;
307}
308.pay_area ul li{
309    margin-bottom:6px;
310}
311.pay_area02 select:first-child{
312    margin-bottom:12px;
313}
314p.check_point{
315    font-size:12px;
316    padding-left:1em;
317    font-weight:normal;
318}
319p.check_point .box_point{
320    margin-right:0.5em;
321}
322/* -----------------------------------------------
323ご注文内容のご確認
324----------------------------------------------- */
325.cartcartconfirmarea{
326    padding:0 10px;
327    border-bottom:#CCC solid 1px;
328}
329.cartconfirmBox{
330    padding:10px 0;
331    border-bottom:#CCC solid 1px;
332    clear:both;
333    position:relative;
334}
335.cartconfirmBox:last-child{
336    border-bottom:none;
337}
338.cartconfirmBox .photoL{
339    width:80px;
340    float:left;
341}
342.cartconfirmContents{
343    width:67%;
344    float:right;
345    display:block;
346    position:relative;
347}
348.cartconfirmBox ul{
349    float:right;
350    clear:both;
351    line-height:1.1;
352}
353.cartconfirmBox ul li{
354    display:inline;
355    font-weight:bold;
356}
357.cartconfirmBox ul li.result{
358    padding-left:1em;
359    vertical-align:bottom;
360}
361.result_area{
362    font-size:14px;
363    font-weight:bold;
364}
365.result_area dl{
366    text-align:right;
367    float:right;
368    display:block;
369}
370.result_area dt,.result_area dd{
371    text-align:right;
372}
373.result_area dt{
374    font-size:11px;
375    clear:left;
376    float:right;
377}
378dl.point dl{
379    display:block;
380}
381.point_confifrm dl{
382    font-weight:bold;
383    border-bottom:#CCC solid 1px;
384}
385.point_confifrm dl:last-child{
386    border-bottom:none;
387}
388.point_confifrm dt{
389    width:60%;
390    padding:10px 0 10px 10px;
391    float:left;
392    display:block;
393}
394.point_confifrm dd{
395    width:30%;
396    padding:10px 10px 10px 0;
397    float:left;
398    text-align:right;
399}
400.deliv_confirm dt{
401    font-size:14px;
402    font-weight:bold;
403    padding:10px;
404    background:#EEE;
405    border-top:#FFF solid 1px;
406    border-radius:7px 7px 0 0;
407    -moz-border-radius:7px 7px 0 0;
408    -webkit-border-radius:7px 7px 0 0;
409    line-height:1.2;
410    vertical-align:middle;
411    position:relative;
412    display:block;
413}
414.deliv_confirm dd{
415    font-size:12px;
416    padding:10px;
417    border-bottom:#CCC solid 1px;
418    display:block;
419}
420.deliv_confirm dd:last-child{
421    border-bottom:none;
422}
423.date_confirm li{
424    padding-right:1em;
425    display:inline;
426}
427/* -----------------------------------------------
428入力フォーム/確認画面共通
429----------------------------------------------- */
430dl.form_entry{
431    width:100%;
432    margin:0 0 15px 0;
433    padding:0;
434    border-top:#999 solid 1px;
435    border-bottom:#999 solid 1px;
436    position:relative;
437}
438dl.form_entry dt{
439    font-weight:bold;
440    padding:10px 12px 0;
441}
442dl.form_entry dd{
443    padding:0 12px 10px;
444    border-bottom:#CCC solid 1px;
445}
446dl.form_entry dd:last-child{
447    border-bottom:0;
448}
449dl.form_entry .selectdate{
450    margin-top:12px;
451    padding:5px 6px 5px 2px;
452    font-size:12px;
453    vertical-align:bottom;
454}
455dl.form_entry li{
456    margin-bottom:0.3em;
457    vertical-align:middle;
458}
459/* -----------------------------------------------
460完了画面
461----------------------------------------------- */
462.thankstext{
463    font-size:16px;
464    color:#FF6633;
465    font-weight:bold;
466    padding:10px;
467    margin-bottom:10px;
468}
469#completetext,.shopInformation{
470    font-size:14px;
471    padding:10px;
472    clear:both;
473}
474#completetext p,.shopInformation p{
475    margin-bottom:0.5em;
476}
477/* -----------------------------------------------
478特定商/当サイトについて
479----------------------------------------------- */
480dl.form_info{
481    width:100%;
482    margin:10px 0 15px 0;
483    padding:0;
484    border-bottom:#999 solid 1px;
485    position:relative;
486}
487dl.form_info dt{
488    font-weight:bold;
489    padding:10px 10px 0;
490}
491dl.form_info dd{
492    padding:0 10px 10px;
493    border-bottom:#CCC solid 1px;
494}
495dl.form_info dd:last-child{
496    border-bottom:0;
497}
498
499#maps{
500    width:88%!important;
501    margin:10px auto!important;
502}
503/* -----------------------------------------------
504規約
505----------------------------------------------- */
506#kiyaku_text{
507    padding:10px 20px;
508    border-bottom:#999 solid 1px;
509    border-top:#999 solid 1px;
510    overflow: hidden;
511    text-overflow: ellipsis;
512    line-height:1.3;
513}
514/*-------------------------------------------------
515error
516----------------------------------------*/
517#errorBox {
518    text-align:left;
519    padding:20px;
520}
Note: See TracBrowser for help on using the repository browser.