Subversion Repositories SmartDukaan

Rev

Rev 15973 | Rev 15978 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
10582 lgm 1
@import "common.less";
2
 
3
.cart-head{
4
  padding:7px 5px;
5
  margin-top:1px;
6
  background:darken(@list-color2,5%);
7
  > div:nth-of-type(1){
8
    .font(1.8em);
9
    text-transform:capitalize;
10
    color:@grey;
11
    font-weight:bold;
12
  }
13
  >div:nth-of-type(2){
14
    margin-top:3px;
15
    input{
16
      color:@grey;
17
      appearance:none;
18
      -webkit-appearance:none;
19
      .float(left);
20
      width:55%;
21
      border:@list-color2 solid 1px;
22
      padding:5px 4px;
23
      height:30px;
24
      .boxsize;
25
      .font(1.2em);
26
    }
27
    >div{
28
      .font(1.4em);
29
      .float(right);
30
      width:40%;
10846 lgm 31
      background:@sub-list;
10582 lgm 32
      color:@white;
33
      height:30px;
34
      line-height:30px;
35
      text-align:center;
36
    }
37
  }
38
 
39
}
40
 
41
.added-pd-hldr{
42
  padding: 8px;
43
  background: @list-color2;
44
  margin-top: 1px;
45
}
46
 
47
.added-pd{
48
  background:@white;
49
  border:@list-color2 solid 1px;
50
  margin-bottom:8px;
51
  border-left:none;
52
  border-right:none;
53
  .pd-img{
54
    .float(left);
55
    width:30%;
56
    height:100px;
57
    .boxsize;
58
    //border-right:@list-color2 solid 1px;
59
  }
60
  .pd-info{
61
    .float(left);
62
    width:70%;
63
    .pd-name{
64
      position:relative;
65
      padding:10px;
11227 lgm 66
      min-height: 100px;
10582 lgm 67
      .boxsize;
68
      >div:nth-of-type(1){
69
        .font(1.4em);
70
        color:@grey;
71
        white-space: nowrap;
72
        overflow: hidden;
73
        text-overflow: ellipsis;
10846 lgm 74
        padding-right:18px;
10582 lgm 75
      }
76
      > div.spec{
77
        padding-top:1px;
78
        .font(1.2em);
79
        color:@grey;
80
      }
81
      .cancel{
82
        position:absolute;
83
        width:20px;
84
        height:20px;
85
        right:5px;
86
        top:5px;
87
        z-index:2;
88
        background:url('../images/cancel.png')no-repeat center center;
89
        background-size:contain;
90
      }
91
    }
92
 
93
  }
94
 
11885 anikendra 95
.dealdiv{
96
	color: tomato !important;
97
	font-style: oblique !important;
98
}
99
 
100
.pd-price{
10582 lgm 101
      border-top:@list-color2 solid 1px;
102
      >div{
15971 manish.sha 103
        .float(left);
15974 manish.sha 104
        width:30%;
10582 lgm 105
        .boxsize;
106
        padding:4px;
107
        text-align:center;
108
        color:@grey;
109
        span{
110
          display:block;
111
          padding:0 0 1px;
112
        }
113
        >div{
114
          padding-top:8px;
115
        }
116
      }
117
      > span{
118
        float:left;
119
        width:1%;
120
        padding-top: 28px;
15973 manish.sha 121
        margin-right: 5px;
10582 lgm 122
      }
15971 manish.sha 123
      > div:nth-of-type(1){
124
        div{
125
          .font(1.2em);
126
        }
127
      }
10582 lgm 128
      > div:nth-of-type(2){
15953 manish.sha 129
        input{
10582 lgm 130
          appearance: none;
131
          -webkit-appearance: none;
15971 manish.sha 132
          width: 60%;
133
          float:left;
10582 lgm 134
          border: #F2F3EF solid 1px;
135
          text-align: center;
15972 manish.sha 136
          padding: 8px 3px;
15973 manish.sha 137
  		  margin-left: 3px;
10582 lgm 138
          .boxsize;
139
          color:@grey;
140
          background:@white;
15971 manish.sha 141
        }
142
        .confirm-qty{
143
          .font(1.0em);
144
	      float:right;
15973 manish.sha 145
	      padding: 8px 3px;
15972 manish.sha 146
	      width:25%;
15933 manish.sha 147
	      background:@sub-list;
148
	      color:@white;
149
	      text-align:center;
15971 manish.sha 150
        }     
10582 lgm 151
      }
15971 manish.sha 152
      >div:nth-of-type(3){
10582 lgm 153
          div{
154
            padding-top:7px;
155
            .font(1.4em);
10846 lgm 156
             color:@grey;
10582 lgm 157
             font-weight:bold;
158
          }
159
      }
160
    }
161
}
162
.insure{
163
  border-top:@list-color2 solid 1px;
164
  .insure-hldr{
165
    padding:5px;
166
    img{
167
      width:20px;
168
      .float(left);
169
      margin:5px 16px 0 10px;
170
    }
171
    label{
172
      .font(1.2em);
173
    }
174
  }
175
  >div:nth-of-type(2){
176
    //border-top:@list-color2 solid 1px;
177
    padding:5px 5px 5px 50px;
178
    label{
179
      display:block;
180
 
181
      padding-top:5px;
182
      .font(1.2em);
183
    }
184
  }
185
  .one-assist{
186
    border-top:@list-color2 solid 1px;
187
    padding:5px;
188
    img{
189
      width:40px;
190
      .float(left);
191
      margin:5px 5px 0 0;
192
    }
193
    label{
194
      .font(1.2em);
195
    }
196
  }
197
}
198
 
199
input[type="checkbox"]{
200
  .float(left);
201
  appearance:none;
202
  -webkit-appearance:none;
203
  width:25px;
204
  height:25px;
205
  background:url('../images/checkbox.png')no-repeat center center;
206
  background-size:contain;
207
  margin-right:5px;
208
}
209
input[type="checkbox"]:checked{
210
  background:url('../images/checkbox_selected.png')no-repeat center center;
211
  background-size:contain;
212
}
213
 
214
.sub-total{
215
  .sub-total-head{
216
    .font(1.4em);
217
    padding:6px;
10846 lgm 218
    background:@list-color1;
219
    color:@grey;
10582 lgm 220
    text-align:center;
221
    text-transform:uppercase;
222
  }
223
  .left{
224
    .float(left);
225
    width:40%;
226
    .boxsize;
227
    padding:7px;
228
    color:@grey;
229
    border-bottom:@list-color2 solid 1px;
230
    border-right:@list-color2 solid 1px;
231
    text-align:right;
232
    .font(1.4em);
233
  }
234
  .right{
235
    .float(right);
236
    padding:7px;
237
    width:60%;
238
    .boxsize;
239
    color:@grey;
240
    border-bottom:@list-color2 solid 1px;
241
    text-align:right;
242
    .font(1.4em);
243
  }
244
}
245
 
246
.checkout-hldr{
247
  background:@list-color2;
248
  padding:10px;
249
  .checkout-btn{
250
    background:@orange;
251
    text-transform:uppercase;
252
    color:@white;
253
    padding:10px;
254
    text-align:center;
255
    .font(1.6em);
256
  }
257
}
258
 
259
.add-coupon{
260
  border:@list-color1 solid 1px;
261
  background:@white;
262
  >div:nth-of-type(1){
263
    padding:5px;
264
  display:block;
265
  border:red dotted 1px;
266
  background:@list-color2;
267
  color:red;
268
  .font(1.4em);
269
  margin:10px;
270
  }
271
  >div:nth-of-type(2){
15952 manish.sha 272
    padding:10px 5px;
273
    background:@grey;
274
    color:@white;
275
    .font(1.4em);
276
  }
277
  >div:nth-of-type(3){
10582 lgm 278
    padding:10px 5px 10px;
279
    input{
280
    color:@grey;
281
      appearance:none;
282
      -webkit-appearance:none;
283
      .float(left);
284
      .boxsize;
285
      width:55%;
286
      border:@list-color2 solid 1px;
287
      padding:0 4px;
288
      height:30px;
289
      line-height:30px;
290
  }
291
  .apply-coupon{
292
    .font(1.4em);
293
      .float(right);
294
      width:40%;
15961 manish.sha 295
      background:@extgrey;
15933 manish.sha 296
      color:@black;
10582 lgm 297
      height:30px;
298
      line-height:30px;
299
      text-align:center;
300
  }
301
 }
302
}
303
.remove-coupon{
304
    .font(1.4em);
305
      background:@grey;
306
      color:@white;
307
      height:30px;
308
      line-height:30px;
309
      text-align:center;
310
  }
311
 
312
.cart-cont{
313
}
314
 
315
.empty-cart{
316
  height: 100px;
11094 lgm 317
  background: url('../images/empty-cart.png') no-repeat center center;
318
  background-size: contain;
319
  margin-top: 20%;
10582 lgm 320
 
321
}
322
 
323
.empty-msg{
324
  .font(1.6em);
325
  margin:10px 0;
326
  color:@grey;
327
}
328
 
329
.shop-more{
330
    .font(1.6em);
331
    font-weight:bold;
332
      background:@ltblue;
333
      color:@white;
334
      padding:8px 0;
335
      text-align:center;
336
      margin:10px auto;
337
      width:70%;
338
      max-width:260px;
339
  }
340
 
341
/*----------------------error-msg---------------------------*/
342
 
343
.error_msg{
344
  padding:5px;
345
  display:block;
346
  border:red dotted 1px;
347
  background:@list-color2;
348
  color:red;
349
  .font(1.4em);
350
  margin:10px;
351
}
352
 
11929 anikendra 353
#discount{
354
	.left{
355
		color:tomato !important;
356
	}
357
	.right{
358
		color:tomato !important;
359
	}
360
}