Subversion Repositories SmartDukaan

Rev

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