/skin/frontend/ultimo/default/css/magestore/onestepcheckout.css
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}