PageRenderTime 75ms CodeModel.GetById 24ms app.highlight 46ms RepoModel.GetById 1ms app.codeStats 0ms

/skin/frontend/ultimo/default/css/magestore/onestepcheckout.css

https://gitlab.com/Tung/magento
CSS | 768 lines | 606 code | 104 blank | 58 comment | 0 complexity | bf81fa7b01c62b8c756cedd2bd68154e MD5 | raw file
  1/* Clear */
  2.clear{
  3	width:100%;
  4	height:0px;
  5	clear:both;
  6	font-size:0px;
  7	line-height:0px;
  8}
  9
 10.clearfix:after {
 11    content: "."; 
 12    display: block; 
 13    height: 0; 
 14    clear: both; 
 15    visibility: hidden;
 16}
 17/* Hides from IE-mac \*/
 18* html .clearfix {height: 1%;}
 19/* End hide from IE-mac */
 20
 21
 22
 23.one-step-checkout h1.checkout_header
 24{
 25	text-transform:uppercase;
 26}
 27/* Style Onestepcheckout Form Popup */
 28.onestepcheckout-formpopup .page-title{text-align:left;}
 29.onestepcheckout-formpopup .page-title h1{color:#F18200;font-size:16px;font-weight:bold;}
 30.onestepcheckout-formpopup .login-fields{}
 31.onestepcheckout-formpopup .login-fields ul li{margin-bottom:3px;float:left;width:100%;text-align:left;}
 32.onestepcheckout-formpopup .login-fields span.require{color:#EB340A;float:right;}
 33.onestepcheckout-formpopup .login-fields .input-field input.input-text{width:200px;}
 34.onestepcheckout-formpopup .login-button{float:left;width:100%;}
 35.onestepcheckout-login{}
 36.onestepcheckout-forgot-password{}
 37/************************/
 38.one-step-checkout li.section { position:relative; }
 39.one-step-checkout .group-select { margin-right:0; }
 40.one-step-checkout .box { border:1px solid #bbb6a5; border-top:0; padding:15px 20px; background:#faf7ee; }
 41.one-step-checkout .head { margin-bottom:0; padding:4px 8px 4px 8px; background:#F9F3E3; border-width:0 1px 0 1px; border-color:#D9DDE3; border-style:solid; border-top:1px solid #fff; }
 42.one-step-checkout .tool-tip { right:8px; }
 43.one-step-checkout .head a { display:none; }  /* Hide Edit button in step header */
 44.one-step-checkout h3 { color:#999; font-size:1.05em; }
 45.one-step-checkout h4 { border-bottom:1px solid #E4E4E4; padding-bottom:2px; text-transform:uppercase; }
 46.one-step-checkout h4.title { border-bottom:0; text-transform:none; }
 47.one-step-checkout .step-count { background:#fff; font-size:.9em; padding:0 4px; line-height:1em; }
 48.one-step-checkout .content { padding:10px 20px; }
 49.one-step-checkout label.label { font-size:1.05em; color:#2f2f2f; }
 50.one-step-checkout .allow .head { background:#d0dce1; border-color:#a3aeb3; border-width:1px 1px 0 1px; cursor:pointer; }
 51.one-step-checkout .head { margin-bottom:0; border:1px solid #BBAFA0; background:#F9F3E3; cursor:default; }
 52.one-step-checkout .alloq .head a { display:block; } /* Display Edit button in active selection */
 53.one-step-checkout .group-select { margin-top:0; border:0; background:none; padding:0; }
 54.one-step-checkout .allow h3 { color:#a4b3b9; }
 55/* .one-step-checkout h3 { color:#F18200; margin:0; } */
 56.one-step-checkout h3 { color:#404040; margin:0; }
 57.one-step-checkout .allow .step-count { background:#dbe6eb; }
 58.one-step-checkout .step-count { color:#fff; border:1px solid #f19900; background:#F18200; }
 59.one-step-checkout .box { display:block; border-color:#BBAFA0; background:#FBFAF6 url(../images/onestepcheckout/multi_address_box_bg.gif) 0 0 repeat-x;min-height:40px;height:auto !important;height:40px;}
 60.one-step-checkout dd .form-list ul { margin:5px 17px 15px 17px; }
 61.one-step-checkout .checkmo-mailing-address { padding-left:20px; }
 62.one-step-checkout-progress .page-head { margin-bottom:1em; }
 63.one-step-checkout-progress li { border:1px solid #A3AEB3; background:#eee; margin-bottom:6px; }
 64.one-step-checkout-progress h4 { margin:0; color:#999; padding:2px 8px; background:#eee; text-transform:none;  }
 65.one-step-checkout-progress h4.complete { border-bottom:1px solid #A3AEB3; background:#D0DCE1; color:#5e8ab4; }
 66.one-step-checkout-progress h4 a { text-transform:none; }
 67.one-step-checkout-progress .content { padding:8px 13px; }
 68#opc-login .button-set { border-top:0; }
 69#opc-review .box { border:0; padding:0; }
 70#opc-review .content { border:1px solid #d9dde3; border-top:0; }
 71#opc-review .data-table { border-top:0; }
 72.opc-please-wait { padding-right:7px; }
 73.one-step-checkout a.back { background:url(../images/onestepcheckout/icon_opc_back.gif) no-repeat; padding-left:16px; line-height:13px; }
 74.one-step-checkout .payment-methods dd { padding:0; }
 75.one-step-checkout .button-set { margin-top:0; /*padding-top:2em;*/ }
 76
 77.one-step-checkout .checkout-agreements { border:1px solid #d9dde3; border-width:0 1px; padding:5px 20px; }
 78.one-step-checkout .checkout-agreements li { margin:20px 0 0; }
 79.one-step-checkout .checkout-agreements .agreement-content { background-color:#fff; border-color:#e4e4e4; padding:5px; }
 80.one-step-checkout .checkout-agreements .agree { padding-left:6px; }
 81
 82.one-step-checkout .box-no-padding {
 83    border:1px solid #bbb6a5;
 84    border-top:0;
 85    padding:15px 0px;
 86    background:#faf7ee;
 87}
 88
 89.one-step-checkout .box-no-padding .inner-box {
 90   padding:0px 20px;
 91}
 92
 93.one-step-checkout .address-information {
 94	width:49%;
 95	float:left;
 96	border-top:0;
 97	margin-bottom:15px;
 98	background:url(../../images/onestepcheckout/vertical_line.gif) top right no-repeat;
 99}
100
101.address-information ul li{padding: 4px 0;}
102
103.address-information ul li .input-box
104{
105	width:49%;
106	float:left;
107}
108
109.address-information ul li .input-box .error-message p {
110	color:red;
111}
112
113.address-information ul li.wide input{width:78%; clear:both; margin-bottom:3px;}
114
115
116.one-step-checkout .order-information {
117	width:49%;
118	float:right;
119	border-top:0;
120	margin-bottom:15px;
121}
122
123.order-information ol li{
124	margin-bottom:10px;
125}
126
127.one-step-checkout .login{padding-bottom: 20px;}
128.one-step-checkout .address-order
129{
130	width:100%; 
131	border-top:1px solid #D8D2C7;
132	margin-top:10px;
133	
134}
135#loading-mask-onestepcheckout {
136	position:absolute;
137	color:#d85909;
138	font-size:1.1em;
139	font-weight:bold;
140	text-align:center;
141	opacity:0.80;
142	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
143	z-index:500;    
144}	
145
146#loading-mask-onestepcheckout .loader-onestepcheckout {
147	position:fixed;
148	top:45%;
149	left:50%;
150	width:120px;
151	margin-left:-60px;
152	padding:15px 60px;
153	background:#fff4e9;
154	border:2px solid #f1af73;
155	color:#d85909;
156	font-weight:bold;
157	text-align:center;
158	z-index:1000;
159}
160
161.shipping-method, .payment-method, .order-review-info{
162	position:relative;
163}
164
165.ajax-loader1{
166	/* position:absolute;
167	right:300px;
168	top:40px; */
169	margin-left: 40%;
170    margin-top: 40px;
171	width:32px;
172	height:32px;
173	background:url(../../images/onestepcheckout/ajax-loader.gif) top left no-repeat;
174	z-index:999;
175}
176
177.ajax-loader2{
178	/* position:absolute;
179	right:300px;
180	top:40px; */
181	margin-left: 40%;
182    margin-top: 40px;
183	width:32px;
184	height:32px;
185	background:url(../../images/onestepcheckout/ajax-loader.gif) top left no-repeat;
186}
187
188.ajax-loader3{
189	/* position:absolute;
190	right:300px;
191	top:40px; */
192	margin-left: 40%;
193    margin-top: 40px;
194	width:32px;
195	height:32px;
196	background:url(../../images/onestepcheckout/ajax-loader.gif) top left no-repeat;
197}
198.onestepcheckout-index-success .main{padding:0 10px; width:auto;}
199.checkout-success .page-title h1{color:#6E6E70;}
200
201#checkout-step-login .form-list li input{float:left; margin:2px 5px 0px 0px}
202#checkout-step-login .ul { list-style:disc outside; padding-left:18px; }
203.disc li{
204	list-style:disc;
205}
206
207.one-step-checkout li label{font-weight:bold;}
208.one-step-checkout li label span.required{color:#F00;}
209.one-step-checkout .login{width:49%;}
210.one-step-checkout h3.step_1
211{
212	/*background:url(../../images/onestepcheckout/onestepcheckout_step_1.gif) center left no-repeat;*/
213	padding-left:30px;
214	height:35px;
215	padding-top:9px;
216	margin-bottom:25px;
217	margin-top:10px;
218	font-weight:bold;
219	font-size:15px;
220}
221
222.one-step-checkout h3.step_2
223{
224	/*background:url(../../images/onestepcheckout/onestepcheckout_step_2.gif) center left no-repeat;*/
225	padding-left:30px;
226	height:35px;
227	padding-top:9px;
228	margin-bottom:25px;
229	margin-top:10px;
230	font-weight:bold;
231	font-size:15px;
232}
233
234.one-step-checkout h3.step_3
235{
236	/*background:url(../../images/onestepcheckout/onestepcheckout_step_3.gif) center left no-repeat;*/
237	padding-left:30px;
238	height:35px;
239	padding-top:7px;
240	margin-bottom:25px;
241	margin-top:10px;
242	font-weight:bold;
243	font-size:15px;
244}
245
246.one-step-checkout h3.step_4
247{
248	/*background:url(../../images/onestepcheckout/onestepcheckout_step_4.gif) center left no-repeat;*/
249	padding-left:30px;
250	height:35px;
251	padding-top:11px;
252	margin-bottom:25px;
253	margin-top:10px;
254	font-weight:bold;
255	font-size:15px;
256}
257
258.one-step-checkout h3.step_5
259{
260	/*background:url(../../images/onestepcheckout/onestepcheckout_step_5.gif) center left no-repeat;*/
261	padding-left:30px;
262	height:35px;
263	padding-top:11px;
264	margin-bottom:25px;
265	margin-top:10px;
266	font-weight:bold;
267	font-size:15px;
268}
269
270#onestepcheckout-login-loading {
271	background: url(../../images/onestepcheckout/preload.gif) center center no-repeat;
272	height:35px;
273	/* padding-top:100px; */
274}
275
276#onestepcheckout-login-error-message {
277	float:left;
278	padding-bottom:10px;
279	color:red;
280}
281
282#onestepcheckout-password-loading {
283	background: url(../../images/onestepcheckout/preload.gif) center center no-repeat;
284	height:35px;
285}
286
287.order-review-info .onestepcheckout-newsletter {
288	padding-top:15px;	
289}
290
291.order-review-info .onestepcheckout-newsletter  label{
292	font-weight:normal;
293}
294
295.order-review-info .onestepcheckout-giftwrap {
296	padding-top: 15px;
297    /*margin-bottom: 10px;*/
298}
299
300.order-review-info .onestepcheckout-giftwrap  label{
301	font-weight:normal;
302}
303
304.onestepcheckout-comment{
305	padding-top: 10px;
306}
307
308.onestepcheckout-comment textarea {
309	/* width: 300px;
310	height: 150px; */
311	width: 98%;	
312}	
313
314.order-review-info .onestepcheckout-terms-conditions {
315	padding-top: 15px;
316}
317
318.order-review-info .onestepcheckout-terms-conditions label{
319	font-weight:normal;
320}
321
322.order-review-info .onestepcheckout-discount {
323	/*padding-bottom:20px;*/
324	margin-top: 20px;
325}
326
327.order-review-info .onestepcheckout-discount label{
328	font-weight:normal;
329}
330
331.order-review-info .onestepcheckout-giftmessage {
332	padding-top: 20px;
333}
334
335/*.order-review-info .onestepcheckout-giftmessage .gift-messages {
336	padding-bottom:10px;
337}*/
338
339.order-review-info .onestepcheckout-giftmessage .gift-messages label {
340	font-weight:normal;
341}
342
343.onestepcheckout-form-list .field {
344	float:left;
345	width: 45%;
346	/* width:220px; */
347}
348
349.onestepcheckout-form-list .field .input-box{
350	width:100%;
351}
352
353.onestepcheckout-form-list .field .input-box .input-text{
354	/* width:180px; */
355	width:100%;
356}
357
358#gift-message-whole-message {
359	/* width: 400px; */
360	width: 98%;
361}
362
363/* for 3 columns layout*/
364.order-review-section { float:right; width:33%;}
365
366.one-step-checkout .order-info-3-columns {
367	width:30%;
368	float:left;
369	margin-left:15px;
370}
371
372.one-step-checkout .address-info-3-columns {
373	width:33%;
374	float:left;
375}
376
377/**
378* FORM LOGIN POPUP
379**/
380div.loading-ajax, div.loading-ajax-login {
381    height: 50px;
382    text-align: center;
383    background-image: url(images/ajax-loader.gif);
384    background-repeat: no-repeat;
385    background-position: center center;
386}
387
388#onestepcheckout-login-popup,#onestepcheckout-toc-popup {
389    text-align: left !important;
390}
391
392#onestepcheckout-login-popup {
393    width: 482px;
394    /* position: absolute; */
395    /* z-index: 0; */
396	/* display:none; */
397    position: fixed;
398}
399
400#onestepcheckout-login-popup table {
401    width: 99%;
402}
403
404#onestepcheckout-login-popup table td {
405    padding-top: 3px;
406    padding-bottom: 3px;
407}
408
409#onestepcheckout-login-popup button {
410    padding: 3px 10px;
411}
412
413#onestepcheckout-login-popup div.onestepcheckout-popup-contents {
414
415}
416
417#onestepcheckout-login-popup p.close,#onestepcheckout-toc-popup p.close
418    {
419    font-size: 15px;
420    text-transform: uppercase;
421    font-weight: bold;
422    position: absolute;
423    right: 10px;
424    bottom: -5px;
425}
426
427#onestepcheckout-login-popup p.close a,#onestepcheckout-login-popup p.close a:link,#onestepcheckout-login-popup p.close a:visited,#onestepcheckout-toc-popup p.close a,#onestepcheckout-toc-popup p.close a:link,#onestepcheckout-toc-popup p.close a:visited
428    {
429    text-decoration: none;
430    color: black;
431}
432
433#onestepcheckout-login-popup p.close a:hover,#onestepcheckout-toc-popup p.close a:hover
434    {
435    text-decoration: underline;
436}
437
438#onestepcheckout-login-error,#onestepcheckout-forgot-error {
439    color: red;
440    margin-bottom: 10px;
441}
442
443#onestepcheckout-forgot-table .td-fogot {
444     vertical-align: middle !important; 
445}
446
447#onestepcheckout-toc-popup {
448    width: 482px;
449    height: 530px;
450    position: absolute;
451    z-index: 1000001;
452}
453
454/* Onestepcheckout v2.0.0 */
455.one-field{
456	width:100%;
457}
458.two-fields{
459	/*width:48%;*/
460    width:44%;
461	float:left;
462}
463.one-field input{
464	width:82%;
465}
466.two-fields input{
467	/*width:70%;*/
468    width:86%;
469}
470.two-fields select{
471	width:73% !important;
472}
473.address-info-3-columns .group-select ul li .two-fields select{
474	/*width:75% !important;*/
475    width:86% !important;
476}
477.one-field select{
478	width:83% !important;
479}
480.address-info-3-columns .group-select ul li .one-field select{
481	width:84% !important;
482}
483.one-step-checkout{
484	background: none repeat scroll 0 0 #FBFAF6;
485    border: 1px solid #BBAFA0;
486	padding: 20px;
487	/* margin: 28px 0;  */
488}
489
490.onestepcheckout-giftmessage .gift-messages-form{
491	margin-top: 10px;
492}
493
494.onestepcheckout-giftmessage .gift-messages-form .whole-order h4{
495	color: #404040 !important;
496}
497
498.onestepcheckout-form-list .fields{
499	width: 98% !important;
500}
501/*.onestepcheckout-discount #add_coupon_code_button{
502	background-color: #618499;
503}*/
504
505.onestepcheckout-popup-footer{
506	background-image:  url(../../images/onestepcheckout/onestepcheckout-popup-footer.png);
507	background-repeat: no-repeat;
508	height: 13px;
509}
510
511.onestepcheckout-popup-contents {
512	margin-left: 20px;
513	margin-right: 20px;
514	margin-bottom: 0;
515	padding-bottom: 1px;
516}
517
518.onestepcheckout-popup-wrapper .input-text {
519	width: 190px !important;
520}
521
522.onestepcheckout-popup-wrapper h1 {
523	font-size: 18px !important;
524	padding-bottom: 10px !important;
525	padding-top: 15px !important;
526}
527
528.onestepcheckout-giftwrap label span{
529	font-weight: bold;
530}
531
532#one-step-checkout-form label{
533	color: #666666;
534	font-weight: normal;
535}
536
537.onestepcheckout-login-link{
538	padding-top:5px;
539}
540
541.one-step-checkout .order-info-3-columns {
542	background: url("../../images/onestepcheckout/vertical_line.gif") no-repeat scroll right top transparent;
543}
544
545/* Review */
546#one-step-checkout-form .checkout-review-load .data-table{
547	border: none !important;
548	border-top: 1px solid #BEBCB7 !important;
549	/* border-bottom: 1px solid #BEBCB7 !important; */
550}
551#one-step-checkout-form .checkout-review-load .data-table th, #one-step-checkout-form .checkout-review-load .data-table td{
552	/* padding: 3px 0!important; */
553	border-bottom: 1px solid #BEBCB7 !important;
554}
555#one-step-checkout-form .checkout-review-load  .data-table thead th{
556	background: none !important;
557	border-right: none !important;
558	border-bottom: 1px solid #BEBCB7 !important;
559}
560
561#one-step-checkout-form .checkout-review-load .data-table tfoot td{
562	border-bottom: 1px solid #BEBCB7 !important;
563	border-right: none !important;
564	/* font: 12px/1.55em arial, helvetica, sans-serif !important; */
565}
566
567#one-step-checkout-form .checkout-review-load .data-table tfoot tr.first td{
568	background: none !important;
569}
570
571#one-step-checkout-form .checkout-review-load .data-table .odd{
572	background: none !important;
573}
574
575#one-step-checkout-form .checkout-review-load .data-table .even{
576	background: none !important;
577}
578
579#one-step-checkout-form .checkout-review-load  .data-table tbody th, #one-step-checkout-form .checkout-review-load .data-table tbody td{
580	border-bottom: 1px solid #BEBCB7 !important;
581}
582
583#one-step-checkout-form .checkout-review-load  .data-table tfoot tr{
584	background: none !important;
585}
586
587#one-step-checkout-form .checkout-review-load .data-table tr.last th, .data-table tr.last td{
588	border-bottom: 1px solid #BEBCB7 !important;
589}
590
591#one-step-checkout-form .checkout-review-load .data-table tbody th, .data-table tbody td{
592	border-right: none !important;
593}
594
595#one-step-checkout-form .data-table tfoot strong{
596	font-size: 13px !important;
597} 
598
599#one-step-checkout-form .checkout-review-load .data-table td{
600	padding: 5px 8px !important;
601}
602
603#control_overlay{
604	background-color: #000000;
605	/* opacity: 0.5;
606    filter:alpha(opacity=75); */
607}
608.payment-method .input-box .input-text{
609	width:85% !important;
610}
611.payment-method .input-box select{
612	width:87% !important;
613}
614.payment-method .input-box select.month{
615	width:95% !important;
616}
617.payment-method .input-box select.year{
618	width:100% !important;
619}
620
621/*PAYPAL Pro*/
622div.ajaxcart-overlay{
623    width: 100%;
624    background: #000000;
625    position: fixed;
626    opacity: 0.5;
627    filter:alpha(opacity=50);
628    top: 0;
629    left: 0;
630    z-index: 196;
631	height:100%;
632}
633
634div.ajaxcart-loading{
635	position:fixed;
636	top:20%;
637	left:50%;
638	width:127px;
639    text-align:center;
640	margin-left:-125px;
641	padding:15px 60px;
642	border:2px solid #F1AF73;
643	color:#D85909;
644	background:#FFF4E9;
645	z-index: 197;
646}
647div.form-paypal{
648	position:fixed;
649	top:45%;
650	left:50%;
651	width:120px;
652    text-align:center;
653	margin-left:-125px;
654	padding:15px 60px;
655	border:2px solid #F1AF73;
656	color:#D85909;
657	background:#FFF4E9;
658	z-index: 197;
659}
660
661/* #onestepcheckout-toc-popup .onestepcheckout-popup-wrapper{
662	height: 515px !important;
663} */
664
665.onestepcheckout-popup-wrapper{
666	background-image:  url(../../images/onestepcheckout/onestepcheckout-popup-header.png);
667	background-repeat: no-repeat;
668}
669
670#onestepcheckout-toc-popup{
671	-moz-border-radius: 15px 15px / 15px 15px;
672	border-radius: 15px 15px / 15px 15px;
673}
674	
675#onestepcheckout-toc-popup h1{
676	margin-left: 20px;
677	font-size: 18px !important;
678	padding-bottom: 10px !important;
679	padding-top: 15px !important;
680}
681
682#onestepcheckout-toc-popup .onestepcheckout-toc-terms{
683	margin: 20px;
684	margin-top: 0 !important;
685	/* height: 440px !important; */
686	overflow: auto;
687	padding-right: 10px;
688}
689
690#onestepcheckout-toc-popup .onestepcheckout-popup-wrapper2{
691	background: #fcfcfc;
692	border-radius: 15px;	
693}
694
695.address-info-3-columns ul li p select{
696	width:84% !important;
697}
698.address-info-3-columns #showhide_shipping p select{
699	width:84% !important;
700}
701
702.onestepcheckout-survey select{
703	width: 99%;
704}
705
706.onestepcheckout-survey {
707	padding-top: 15px;
708}
709
710.onestepcheckout-survey-freetext{
711	padding-top: 15px;
712}
713
714.onestepcheckout-survey-freetext textarea{
715	width: 98%;
716}
717
718#coupon_code_onestepcheckout{
719	margin-bottom:5px;
720	width:70%;
721}
722.button-onestepcheckout{
723	padding-top: 20px;
724}
725.onestepcheckout-place{
726	width:250px !important;
727	padding-top:15px !important;
728}
729.onestepcheckout-place span{
730	font-size:16px !important;
731}
732#onestepcheckout-place-order-loading{
733	font-style: italic;
734    margin-top: 10px;
735}
736button.place-order-loader span {
737	background:none repeat scroll 0 0 #CCCCCC !important;
738}
739#email-error-message{
740	width:84%;
741}
742/*20130121*/
743.dob-month{
744	float:left;
745	width:20%;
746}
747.dob-day{
748	float:left;
749	width:20%;
750}
751.dob-year{
752	float:left;
753	width:44%;
754}
755.one-field .customer-dob .dob-year{
756	float:left;
757	width:51%;
758}
759.one-field .customer-dob .dob-year input{
760	width:83%;
761}
762#one-step-checkout-form .sp-methods .validation-failed{
763 outline: 1px dashed red;
764}
765
766#one-step-checkout-form .sp-methods .input-box .validation-failed{
767 outline: none !important;
768}