Subversion Repositories SmartDukaan

Rev

Rev 11930 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
10582 lgm 1 
@import "common.less";
2 
 
3 
.shipping-head{
4 
  border-top:@list-color1 solid 1px;
5 
  position:relative;
6 
  .boxsize;
7 
  width:100%;
8 
  border: #FFF solid 1px;
9 
  border-left: none;
10 
  border-right: none;
11 
  .shipping, .payment{
12 
    .float(left);
13 
    width:50%;
14 
    padding:10px 0;
15 
    .font(1.6em);
16 
    font-weight:bold;
17 
    color:@white;
18 
    text-align:center;
19 
    .boxsize;
20 
    text-transform:uppercase;
21 
    height:45px;
22 
    line-height:28px;
23 
    position: relative;
24 
    background:@ltblue;
25 
  }
26 
  .payment{
27 
        .float(right)!important;
28 
        color:@white;
29 
        background:lighten(@grey,20%);
30 
        padding-left: 7%;
31 
  }
32 
 
33 
  .shipping:after
34 
    {
35 
    content: "";
36 
    position: absolute;
37 
    top: 0px;
38 
    right: -22px;
39 
    border-style: solid;
40 
    border-width: 22px 0 22px 22px;
41 
    border-color: transparent @ltblue;
42 
    display: block;
43 
    width: 0;
44 
    z-index: 1;
45 
    }
46 
 
47 
     .payment:before
48 
    {
49 
      content: "";
50 
      position: absolute;
51 
      top: -3px;
52 
      left: 0;
53 
      border-style: solid;
54 
      border-width: 25px 0 25px 25px;
55 
      border-color: rgba(0, 0, 0, 0) #FFF;
56 
      display: block;
57 
      width: 0;
58 
      z-index: 0;
59 
    }
60 
}
61 
 
62 
select{
63 
    width:100%;
64 
    appearance:none;
65 
    -webkit-appearance:none;
66 
    border:@list-color1 solid 1px;
67 
    color:@grey;
68 
    border-radius:0;
69 
    outline:none;
70 
    padding:10px;
71 
    display:block;
72 
    .boxsize;
73 
    .font(1.4em);
74 
    margin:2px 0 8px 0;
11527 lgm 75 
    background:url('../images/dropdown.PNG')no-repeat 99% 16px,@white;
10582 lgm 76 
    background-size:20px,100%;
77 
  }
78 
 
79 
.shipping-cont{
80 
  padding:10px 5px;
81 
  background:@list-color2;
82 
  form{
83 
    fieldset{border:none;}
84 
    padding:5px 0;
85 
  }
86 
  label{
87 
    font-weight:bold;
88 
    display:block;
89 
    .font(1.4em);
90 
    color:@grey;
11119 lgm 91 
    margin-top:5px;
10582 lgm 92 
    span{
93 
      color:red;
94 
    }
95 
  }
96 
  input[type="submit"]{
97 
    .float(left);
98 
    width:100%;
99 
    margin:10px 0;
100 
    background:@orange;
101 
    color:@white;
102 
    .font(1.8em);
103 
    text-align:center;
104 
    padding:8px 0;
105 
    text-transform:uppercase;
106 
    appearance: none;
107 
    -webkit-appearance: none;
11249 lgm 108 
     -moz-appearance: none;
10582 lgm 109 
    border:none;
110 
  }
111 
 
112 
  .deliver-info{
113 
    border:lighten(@grey,45%) solid 1px;
114 
    >div:nth-of-type(1){
115 
      .float(left);
116 
      width:50%;
117 
      .boxsize;
118 
      .font(1.4em);
119 
      background:@grey;
120 
      padding:10px 0;
121 
      color:@white;
122 
      text-align:center;
123 
    }
124 
    >div:nth-of-type(2){
125 
      .float(left);
126 
      width:50%;
127 
      .boxsize;
128 
      .font(1.4em);
129 
      color:@white;
130 
      background:@grey;
131 
      padding:10px 0;
132 
      text-align:center;
133 
    }
134 
    .selected{
135 
      background:@white!important;
136 
      color:@ltblue!important;
137 
      font-weight:bold!important;
138 
    }
139 
 
140 
    .deliver-here, .pickup{
141 
      background:@white;
142 
      padding:5px;
143 
    }
144 
    .deliver-address,.pickup-spot{
145 
      padding:5px;
146 
      .font(1.2em);
147 
      color:@grey;
148 
      border-bottom:lighten(@grey,45%) solid 1px;
149 
      position:relative;
150 
      .cancel-btn{
151 
        position:absolute;
11125 lgm 152 
        bottom:4px;
153 
        right:0;
154 
        width:48px;
155 
        //height:20px;
156 
        //background:url('../images/cancel.png')no-repeat center center;
10582 lgm 157 
        background-size:contain;
11125 lgm 158 
        text-decoration: underline;
159 
        color: red;
10582 lgm 160 
      }
161 
    }
162 
    .add-address{
163 
      padding-top:10px;
164 
      .font(1.2em);
165 
      color:@grey;
166 
      text-align:right;
167 
      text-decoration: underline;
168 
      text-decoration-color: lighten(@grey,45%);
169 
    }
170 
    .selected-add{
171 
      border: dashed 1px #c8c8c8;
172 
      background:url('../images/check-sh.png')no-repeat 99% 4px;
173 
      background-size:20px;
174 
      .cancel-btn{
175 
        display:none;
176 
      }
177 
    }
178 
  }
179 
  .summary-head{
180 
    margin-top:10px;
181 
    background:@white;
182 
    padding:10px 6px;
183 
    .font(1.4em);
184 
    font-weight:bold;
185 
    color:@grey;
186 
    border:lighten(@grey,45%) solid 1px;
187 
    text-transform:capitalize;
188 
    >span{
189 
      .float(right);
190 
    }
191 
  }
192 
 
193 
  .order-summary{
194 
    border:lighten(@grey,45%) solid 1px;
195 
    border-top:none;
196 
    background:@white;
197 
    .os-head,.pd-summ{
198 
      border-bottom:lighten(@grey,45%) solid 1px;
199 
    }
200 
    .os-head > div{
201 
      font-weight:bold;
202 
      .font(1.4em);
203 
      text-transform:capitalize;
204 
    }
205 
    .os-head >div:nth-of-type(1),.pd-summ>div:nth-of-type(1){
206 
      .float(left);
207 
      width:45%;
208 
      .boxsize;
209 
      border-right:lighten(@grey,45%) solid 1px;
210 
      .boxsize;
211 
      padding:5px 3px;
212 
    }
213 
    .os-head > div:nth-of-type(2),.pd-summ>div:nth-of-type(2){
214 
      .float(left);
215 
      width:30%;
216 
      .boxsize;
217 
      padding:5px 3px;
218 
      text-align:center;
219 
      text-overflow: ellipsis;
220 
      overflow: hidden;
221 
      white-space: nowrap;
222 
    }
223 
    .os-head > div:nth-of-type(3),.pd-summ>div:nth-of-type(3){
224 
      .float(left);
225 
      width:25%;
226 
      .boxsize;
227 
      padding:5px 3px;
228 
      text-align:center;
229 
      border-left:lighten(@grey,45%) solid 1px;
230 
    }
231 
    .pd-summ>div>div{
232 
      .font(1.4em);
233 
      border:none!important;
234 
      text-transform:capitalize;
235 
      text-overflow: ellipsis;
236 
      overflow: hidden;
237 
      white-space: nowrap;
238 
    }
239 
    .pd-summ>div>span{
240 
      color:lighten(@grey,20%);
241 
    }
242 
    .pd-summ>div:nth-of-type(2){
243 
      .font(1.4em);
244 
    }
245 
    .add-ons{
246 
      >div:nth-of-type(1){
247 
        .float(left);
248 
        .font(1.4em);
249 
        width:75%;
250 
        padding:5px 3px;
251 
        .boxsize;
252 
        text-transform:capitalize;
253 
      }
254 
      >div:nth-of-type(2){
255 
        .float(left);
256 
        .font(1.4em);
257 
        width:25%;
258 
        padding:5px 3px;
259 
        text-align:center;
260 
        .boxsize;
261 
        text-transform:capitalize;
262 
      }
263 
    }
264 
 
265 
  }
266 
 
267 
}
268 
.gd-total{
269 
    border:lighten(@grey,45%) solid 1px;
10813 lgm 270 
    border-bottom:none;
10582 lgm 271 
    background:@white;
272 
    margin-top:10px;
273 
    color:@grey;
10813 lgm 274 
      >div:nth-of-type(odd){
10582 lgm 275 
        .float(left);
276 
         width:60%;
277 
        .font(1.6em);
278 
        .boxsize;
279 
        padding:10px 5px;
280 
        border-right:lighten(@grey,45%) solid 1px;
10813 lgm 281 
        border-bottom:lighten(@grey,45%) solid 1px;
10582 lgm 282 
      }
10813 lgm 283 
      >div:nth-of-type(even){
10582 lgm 284 
        .float(left);
285 
        width:40%;
286 
        .font(1.6em);
287 
        .boxsize;
288 
        padding:10px 5px;
289 
        text-align:center;
10813 lgm 290 
        border-bottom:lighten(@grey,45%) solid 1px;
10582 lgm 291 
      }
11930 anikendra 292 
      >div.discount{
293 
	color:tomato !important;
294 
      }
10582 lgm 295 
    }
296 
 
297 
    .procced-btn{
298 
      display:block;
299 
      width:100%;
300 
      margin:10px 0;
301 
      background:@orange;
302 
      color:@white;
303 
      .font(1.8em);
304 
      text-align:center;
305 
      padding:8px 0;
306 
      text-transform:uppercase;
307 
      appearance: none;
308 
      -webkit-appearance: none;
10660 lgm 309 
      border:none;
10582 lgm 310 
    }
311 
 
312 
    input[type="text"], input[type="number"] , input[type="date"]{
313 
      width: 100%;
314 
      appearance: none;
315 
      -webkit-appearance: none;
11249 lgm 316 
       -moz-appearance: none;
10582 lgm 317 
      border: #E5E6E0 solid 1px;
318 
      color: #555;
319 
      border-radius: 0;
320 
      outline: none;
321 
      padding: 10px;
322 
      display: block;
323 
      box-sizing: border-box;
324 
      -webkit-box-sizing: border-box;
325 
      -moz-box-sizing: border-box;
326 
      font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
327 
      margin: 2px 0 8px 0;
328 
      }
11927 anikendra 329 
.gd-discount{
330 
color:#FF7201 !important;
331 
}
10582 lgm 332 
/*----------------------error-msg---------------------------*/
333 
 
334 
.error_msg{
335 
  padding:5px 5px 5px 28px;
336 
  display:block;
337 
  border:#fc1f1f dashed 1px;
338 
  color:#fc1f1f;
339 
  .font(1.4em);
340 
  margin:0 5px;
341 
  background:url(../images/error-notification.png)no-repeat 5px center;
342 
  background-size:20px;
10813 lgm 343 
  margin-bottom: 10px;
10582 lgm 344 
}
345 
 
346 
/*-----------------------payment-hldr-------------------------------*/
347 
.payment-cont{
348 
  .shipping-head{
349 
  border-top:@list-color1 solid 1px;
350 
  position:relative;
351 
  .boxsize;
352 
  width:100%;
353 
  border: #FFF solid 1px;
354 
  border-left: none;
355 
  border-right: none;
356 
  .shipping, .payment{
357 
    .float(left);
358 
    width:50%;
359 
    padding:10px 0;
360 
    .font(1.6em);
361 
    font-weight:bold;
362 
    color:@white;
363 
    text-align:center;
364 
    .boxsize;
365 
    text-transform:uppercase;
366 
    height:45px;
367 
    line-height:28px;
368 
    position: relative;
369 
    background:@ltblue;
370 
    background:lighten(@grey,20%);
371 
    color:@white;
372 
  }
373 
  .payment{
374 
        .float(right)!important;
375 
        color:@white;
376 
        background:lighten(@grey,20%);
377 
        padding-left: 7%;
378 
  }
379 
  .selected{
380 
    color:@white!important;
381 
    background:@ltblue!important;
382 
  }
383 
 
384 
  .shipping:after
385 
    {
386 
    content: "";
387 
    position: absolute;
388 
    top: 0px;
389 
    right: -22px;
390 
    border-style: solid;
391 
    border-width: 22px 0 22px 22px;
392 
    //border-color: transparent @ltblue;
393 
    border-color: transparent lighten(@grey,20%);
394 
    display: block;
395 
    width: 0;
396 
    z-index: 1;
397 
    }
398 
 
399 
     .payment:before
400 
    {
401 
      content: "";
402 
      position: absolute;
403 
      top: -3px;
404 
      left: 0;
405 
      border-style: solid;
406 
      border-width: 25px 0 25px 25px;
407 
      border-color: rgba(0, 0, 0, 0) #FFF;
408 
      display: block;
409 
      width: 0;
410 
      z-index: 0;
411 
    }
412 
 
413 
}
414 
 
415 
.payment-hldr{
416 
  background:@list-color2;
417 
  padding:5px 5px 10px;
418 
  .hldr-sub{
419 
    margin-top:10px;
420 
    background:@white;
421 
    border:lighten(@grey,45%) solid 1px;
422 
    >div:nth-of-type(1){
423 
      color:@ltblue;
424 
      font-weight:bold;
425 
    }
426 
    form fieldset{
427 
      border:none;
428 
    }
429 
 
430 
    .cc-hldr{
431 
      border:lighten(@grey,45%) solid 1px;
432 
      border-bottom:none;
433 
      width: 100%;
434 
      .boxsize;
435 
     div{
436 
      .float(left);
437 
      width: 50%;
438 
      box-sizing: border-box;
439 
      -webkit-box-sizing: border-box;
440 
      -moz-box-sizing: border-box;
441 
      .font(1.4em);
442 
      color: @white;
443 
      background: @grey;
444 
      padding: 10px 0;
445 
      text-align: center;
446 
    }
447 
    .selected{
448 
      background: @white!important;
449 
      color: @ltblue!important;
450 
      font-weight:bold;
451 
    }
452 
    }
453 
 
454 
    > .card{
455 
      color:@grey;
456 
      padding:7px 5px;
457 
      .font(1.6em);
458 
      border-top:lighten(@grey,45%) solid 1px;
459 
      >span{
460 
        .float(right);
461 
      }
462 
    }
463 
    > .card:first-child{
464 
      border-top:none;
465 
    }
466 
  }
467 
  .credit-cards{
468 
    padding:0 5px 5px 5px;
469 
    .in-india, .out-india{
470 
      width:100%;
471 
      padding:20px 0 10px;
472 
      border:lighten(@grey,45%) solid 1px;
473 
      border-top:none;
474 
      .boxsize;
475 
      p{
476 
        text-align:center;
477 
        .font(1.2em);
478 
        margin:10px 0 0 0;
479 
        color:@grey;
480 
        .float(left);
481 
        width:100%;
482 
      }
483 
    }
484 
  }
485 
 
486 
  .info-hldr{
487 
    form fieldset{
488 
      border:none;
489 
    }
490 
    padding:0 5px 5px 5px;
491 
    .info-cap{
492 
      color:@grey;
493 
      .font(1.2em);
494 
    }
495 
    .emi-hldr{
496 
      border:lighten(@grey,45%) solid 1px;
497 
      border-bottom:none;
498 
        .emi-head{
499 
          border-bottom:lighten(@grey,45%) solid 1px;
500 
          .font(1.2em);
501 
          font-weight:bold;
502 
          background:@list-color1;
503 
          >div{
504 
          .float(left);
505 
          width:33.3%;
506 
          color:@grey;
507 
          text-align:center;
508 
          padding:7px 2px;
509 
          .boxsize;
510 
          }
511 
        }
512 
        .emi-body{
513 
          border-bottom:lighten(@grey,45%) solid 1px;
514 
          .font(1.2em);
515 
          color:@grey;
516 
          >div{
517 
          .float(left);
518 
          width:33.3%;
519 
          text-align:center;
520 
          padding:7px 2px;
521 
          .boxsize;
522 
          }
523 
        }
524 
         .emi-body.selected{
525 
            background:lighten(@green, 10%);
526 
            color:@white!important;
527 
            box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
528 
        }
529 
    }
530 
  }
531 
 
532 
 
533 
    .c-box{
534 
      padding:0 5px;
535 
       div{
536 
        float:left;
20278 aman.kumar 537 
        width:21%;
10582 lgm 538 
        .boxsize;
539 
        text-align:center;
540 
        padding:2px;
541 
        border:@white solid 2px;
10650 lgm 542 
        //opacity: 0.6;
10582 lgm 543 
        img{
11485 lgm 544 
          width: 80%;
545 
          height: 25px;
546 
          max-width: 90px;
10582 lgm 547 
        }
548 
      }
549 
      div:nth-of-type(3n+2){
550 
        margin:0 5%;
551 
      }
552 
      .selected{
553 
        border:@ltblue solid 2px;
554 
        opacity: 1;
555 
      }
556 
      p{
557 
        clear:both;
558 
      }
559 
    }
560 
 
561 
 
562 
 
563 
  .c-info{
564 
    color:@grey;
565 
    .font(1.4em);
566 
    padding:0 0 20px;
567 
    text-align:center;
568 
  }
569 
  .payment-btn{
570 
    appearance:none;
571 
    -webkit-appearance:none;
572 
    border:none;
573 
    width:100%;
574 
    background:@orange;
575 
    color:@white;
576 
    .font(1.8em);
577 
    padding:8px 0;
578 
    margin:15px 0 10px;
579 
  }
580 
 
581 
 
582 
}
583 
}
584 
 
585 
 
586 
/*-----------------------------orderconfirmation page------------------------------------*/
587 
 
588 
.order-conf{
589 
  padding:10px 5px;
590 
  background:@list-color2;
591 
  >p:nth-of-type(1){
592 
    color:@orange;
593 
    .font(1.8em);
594 
    font-weight:bold;
595 
    text-align:center;
596 
  }
597 
  >p:nth-of-type(2){
598 
    margin-top:5px;
599 
    color:@grey;
600 
    .font(1.6em);
601 
    text-align:center;
602 
    span{
603 
      color:@orange;
604 
    }
605 
  }
606 
  .ordered-item{
607 
    background:@white;
608 
    border:lighten(@grey,45%) solid 1px;
609 
    padding:5px;
610 
    margin-top:5px;
611 
    >div:first-child{
612 
      margin-top: 10px;
613 
      .font(1.6em);
614 
      color:@grey;
615 
      span{
616 
        font-weight:bold;
617 
      }
618 
    }
619 
    .ordered-item-head{
620 
      width:100%!important;
621 
      margin-top:10px;
622 
      padding:5px 0;
623 
       background:@grey;
624 
      .boxsize;
625 
      > div{
626 
        color:@white;
627 
      }
628 
    }
629 
    .ordered-item-body{
630 
      width:100%!important;
631 
    }
632 
     .ordered-item-head  >div:nth-of-type(1), .ordered-item-body > div:nth-of-type(1){
633 
       .font(1.2em);
634 
      .float(left);
635 
      width:45%;
636 
      .boxsize;
637 
      border-right:@white solid 1px;
638 
      .boxsize;
639 
      padding:5px 3px;
640 
    }
641 
    .ordered-item-head > div:nth-of-type(2),  .ordered-item-body > div:nth-of-type(2){
642 
      .font(1.2em);
643 
      .float(left);
644 
      width:30%;
645 
      .boxsize;
646 
      padding:5px 3px;
647 
      text-align:center;
648 
      text-overflow: ellipsis;
649 
      overflow: hidden;
650 
      white-space: nowrap;
651 
    }
652 
    .ordered-item-head > div:nth-of-type(3),  .ordered-item-body > div:nth-of-type(3){
653 
      .font(1.2em);
654 
      .float(left);
655 
      width:25%;
656 
      .boxsize;
657 
      padding:5px 3px;
658 
      text-align:center;
659 
      border-left:@white solid 1px;
660 
    }
661 
 
662 
    .tt-price, .ddate-div, .or-status{
663 
      .font(1.4em);
664 
       color:@grey;
665 
       margin-top:3px;
666 
       text-align:right;
667 
       >span:first-child{
668 
         display:inline-block;
669 
         width:50%;
670 
       }
671 
       >span:last-child{
672 
         display:inline-block;
673 
         width:40%;
674 
       }
675 
    }
676 
 
677 
  }
678 
}
679 
 
680 
.insured{
681 
  background:url('../images/insured.png')no-repeat 100% center;
682 
  background-size:55px;
683 
}
684 
 
685 
#clickCaptcha{
686 
  margin:5px 0 10px;
687 
  text-decoration:underline;
688 
}
689 
 
690 
 
691 
#ccAddress.update-address{
692 
  border:lighten(@grey,45%) solid 1px;
693 
  background:@white;
694 
  padding:5px;
695 
  margin-top:10px;
696 
  h3{
697 
    color:@grey;
698 
    .font(1.6em);
699 
    margin-bottom:5px;
700 
  }
701 
}
10633 lgm 702 
 
703 
  .payment-error-hldr{
704 
  padding:10px;
705 
.payment-error{
706 
  text-align:center;
707 
  .font(1.4em);
708 
  color:@grey;
709 
  margin-top:10%;
710 
}
711 
.btn{
712 
  background:@orange;
713 
  text-align:center;
714 
  .font(1.4em);
715 
  color:@white;
716 
  padding:8px 0;
717 
  margin:10px auto 30px;
718 
  display:block;
719 
  width:80%;
720 
 
721 
}
11927 anikendra 722 
}