Subversion Repositories SmartDukaan

Rev

Rev 15984 | Rev 16005 | 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;
15978 manish.sha 107
        text-align:left;
10582 lgm 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;
15984 manish.sha 121
        margin-right: 8px;
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;
16001 manish.sha 134
          border: #F2F3EF solid 2px;
10582 lgm 135
          text-align: center;
15972 manish.sha 136
          padding: 8px 3px;
10582 lgm 137
          .boxsize;
138
          color:@grey;
139
          background:@white;
15971 manish.sha 140
        }
141
        .confirm-qty{
15978 manish.sha 142
          .font(1.4em);
15971 manish.sha 143
	      float:right;
15973 manish.sha 144
	      padding: 8px 3px;
15972 manish.sha 145
	      width:25%;
15933 manish.sha 146
	      background:@sub-list;
147
	      color:@white;
148
	      text-align:center;
15971 manish.sha 149
        }     
10582 lgm 150
      }
15971 manish.sha 151
      >div:nth-of-type(3){
10582 lgm 152
          div{
153
            padding-top:7px;
154
            .font(1.4em);
10846 lgm 155
             color:@grey;
10582 lgm 156
             font-weight:bold;
157
          }
158
      }
159
    }
160
}
161
.insure{
162
  border-top:@list-color2 solid 1px;
163
  .insure-hldr{
164
    padding:5px;
165
    img{
166
      width:20px;
167
      .float(left);
168
      margin:5px 16px 0 10px;
169
    }
170
    label{
171
      .font(1.2em);
172
    }
173
  }
174
  >div:nth-of-type(2){
175
    //border-top:@list-color2 solid 1px;
176
    padding:5px 5px 5px 50px;
177
    label{
178
      display:block;
179
 
180
      padding-top:5px;
181
      .font(1.2em);
182
    }
183
  }
184
  .one-assist{
185
    border-top:@list-color2 solid 1px;
186
    padding:5px;
187
    img{
188
      width:40px;
189
      .float(left);
190
      margin:5px 5px 0 0;
191
    }
192
    label{
193
      .font(1.2em);
194
    }
195
  }
196
}
197
 
198
input[type="checkbox"]{
199
  .float(left);
200
  appearance:none;
201
  -webkit-appearance:none;
202
  width:25px;
203
  height:25px;
204
  background:url('../images/checkbox.png')no-repeat center center;
205
  background-size:contain;
206
  margin-right:5px;
207
}
208
input[type="checkbox"]:checked{
209
  background:url('../images/checkbox_selected.png')no-repeat center center;
210
  background-size:contain;
211
}
212
 
213
.sub-total{
214
  .sub-total-head{
215
    .font(1.4em);
216
    padding:6px;
10846 lgm 217
    background:@list-color1;
218
    color:@grey;
10582 lgm 219
    text-align:center;
220
    text-transform:uppercase;
221
  }
222
  .left{
223
    .float(left);
224
    width:40%;
225
    .boxsize;
226
    padding:7px;
227
    color:@grey;
228
    border-bottom:@list-color2 solid 1px;
229
    border-right:@list-color2 solid 1px;
230
    text-align:right;
231
    .font(1.4em);
232
  }
233
  .right{
234
    .float(right);
235
    padding:7px;
236
    width:60%;
237
    .boxsize;
238
    color:@grey;
239
    border-bottom:@list-color2 solid 1px;
240
    text-align:right;
241
    .font(1.4em);
242
  }
243
}
244
 
245
.checkout-hldr{
246
  background:@list-color2;
247
  padding:10px;
248
  .checkout-btn{
249
    background:@orange;
250
    text-transform:uppercase;
251
    color:@white;
252
    padding:10px;
253
    text-align:center;
254
    .font(1.6em);
255
  }
256
}
257
 
258
.add-coupon{
259
  border:@list-color1 solid 1px;
260
  background:@white;
261
  >div:nth-of-type(1){
262
    padding:5px;
263
  display:block;
264
  border:red dotted 1px;
265
  background:@list-color2;
266
  color:red;
267
  .font(1.4em);
268
  margin:10px;
269
  }
270
  >div:nth-of-type(2){
15952 manish.sha 271
    padding:10px 5px;
272
    background:@grey;
273
    color:@white;
274
    .font(1.4em);
275
  }
276
  >div:nth-of-type(3){
10582 lgm 277
    padding:10px 5px 10px;
278
    input{
279
    color:@grey;
280
      appearance:none;
281
      -webkit-appearance:none;
282
      .float(left);
283
      .boxsize;
284
      width:55%;
285
      border:@list-color2 solid 1px;
286
      padding:0 4px;
287
      height:30px;
288
      line-height:30px;
289
  }
290
  .apply-coupon{
291
    .font(1.4em);
292
      .float(right);
293
      width:40%;
15961 manish.sha 294
      background:@extgrey;
15933 manish.sha 295
      color:@black;
10582 lgm 296
      height:30px;
297
      line-height:30px;
298
      text-align:center;
299
  }
300
 }
301
}
302
.remove-coupon{
303
    .font(1.4em);
304
      background:@grey;
305
      color:@white;
306
      height:30px;
307
      line-height:30px;
308
      text-align:center;
309
  }
310
 
311
.cart-cont{
312
}
313
 
314
.empty-cart{
315
  height: 100px;
11094 lgm 316
  background: url('../images/empty-cart.png') no-repeat center center;
317
  background-size: contain;
318
  margin-top: 20%;
10582 lgm 319
 
320
}
321
 
322
.empty-msg{
323
  .font(1.6em);
324
  margin:10px 0;
325
  color:@grey;
326
}
327
 
328
.shop-more{
329
    .font(1.6em);
330
    font-weight:bold;
331
      background:@ltblue;
332
      color:@white;
333
      padding:8px 0;
334
      text-align:center;
335
      margin:10px auto;
336
      width:70%;
337
      max-width:260px;
338
  }
339
 
340
/*----------------------error-msg---------------------------*/
341
 
342
.error_msg{
343
  padding:5px;
344
  display:block;
345
  border:red dotted 1px;
346
  background:@list-color2;
347
  color:red;
348
  .font(1.4em);
349
  margin:10px;
350
}
351
 
11929 anikendra 352
#discount{
353
	.left{
354
		color:tomato !important;
355
	}
356
	.right{
357
		color:tomato !important;
358
	}
359
}