Subversion Repositories SmartDukaan

Rev

Rev 11731 | Rev 12727 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 11731 Rev 11752
Line 165... Line 165...
165
  background:@blue;
165
  background:@blue;
166
  .menu{
166
  .menu{
167
    .float(left);
167
    .float(left);
168
    width:40px;
168
    width:40px;
169
    height:45px;
169
    height:45px;
170
    background:url("../images/menu.PNG")no-repeat center center;
170
    background:url("../images/sprite1.png")no-repeat;
-
 
171
    background-position:0 0;
171
    background-size:26px;
172
    background-size: 107px;
172
  }
173
  }
173
  h1{
174
  h1{
174
    display:inline-block;
175
    display:inline-block;
175
     height:40px;
176
     height:40px;
176
    a{
177
    a{
Line 183... Line 184...
183
  }
184
  }
184
  .profile{
185
  .profile{
185
    .float(right);
186
    .float(right);
186
    width:40px;
187
    width:40px;
187
    height:45px;
188
    height:45px;
188
    background:url("../images/profile.png")no-repeat center center;
189
    background: url("../images/sprite1.png") no-repeat center center;
189
    background-size:28px;
190
    background-size: 139px;
-
 
191
    background-position: -8px -56px;
190
  }
192
  }
191
 
193
 
192
  .profile.selected-pr{
194
  .profile.selected-pr{
193
      background:url("../images/profile_selected.png")no-repeat center center;
195
      background: url("../images/sprite1.png") no-repeat;
194
    background-size:28px;
196
      background-size: 139px;
-
 
197
      background-position: -91px -56px;
195
  }
198
  }
196
  .cart{
199
  .cart{
197
     display:block;
200
     display:block;
198
    .float(right);
201
    .float(right);
199
    width:40px;
202
    width:40px;
200
    height:45px;
203
    height:45px;
201
    background:url("../images/cart.PNG")no-repeat center center;
204
    background: url("../images/sprite1.png") no-repeat;
202
    background-size:30px;
205
    background-size: 104px;
-
 
206
    position: relative;
-
 
207
    background-position: -65px 2px;
203
    position:relative;
208
    position:relative;
204
    span{
209
    span{
205
      position: absolute;
210
      position: absolute;
206
      right: 19px;
211
      right: 19px;
207
      background: #F1C618;
212
      background: #F1C618;
Line 296... Line 301...
296
  color:@white;
301
  color:@white;
297
  padding:10px 5px;
302
  padding:10px 5px;
298
  a:nth-of-type(1){
303
  a:nth-of-type(1){
299
    color:@white;
304
    color:@white;
300
    display:block;
305
    display:block;
301
    background:url("../images/mobile-12.png")no-repeat 7px center, @green;
306
    background:url("../images/sprite1.png")no-repeat, @green;
302
    background-size:18px,100%;
307
    background-size:92px,100%;
-
 
308
    background-position: -27px -110px;
303
    width: 100%;
309
    width: 100%;
304
    padding: 10px 0;
310
    padding: 10px 0;
305
    border-radius:2px;
311
    border-radius:2px;
306
    -o-border-radius:2px;
312
    -o-border-radius:2px;
307
    .boxsize;
313
    .boxsize;
308
    .float(left);
314
    .float(left);
309
      text-align:center;
315
      text-align:center;
310
      .font(1.8em); 
316
      .font(1.8em); 
311
      padding-left: 22px;
317
      padding-left: 22px;
-
 
318
      
312
  }
319
  }
313
  a:nth-of-type(2){
320
  a:nth-of-type(2){
314
    display:block;
321
    display:block;
315
    color:@white;
322
    color:@white;
316
    background:url("../images/dish.png")no-repeat 7px center, @ltblue;
323
    background:url("../images/sprite1.png")no-repeat, @ltblue;
317
    background-size: 30px,100%;
324
    background-size: 111px,100%;
-
 
325
    background-position: -33px -89px;
318
    width: 100%;
326
    width: 100%;
319
    padding: 10px 8px 10px 36px;
327
    padding: 10px 8px 10px 36px;
320
    .boxsize;
328
    .boxsize;
321
    .float(right);
329
    .float(right);
322
    .font(1.8em);
330
    .font(1.8em);
Line 429... Line 437...
429
      height:100px;
437
      height:100px;
430
    }
438
    }
431
  .pd-name{
439
  .pd-name{
432
    color:@grey;
440
    color:@grey;
433
    .font(1.4em);
441
    .font(1.4em);
-
 
442
    text-align:center;
-
 
443
    white-space: nowrap;
434
    overflow: hidden;
444
    overflow: hidden;
435
    text-overflow: ellipsis;
445
    text-overflow: ellipsis;
436
    -ms-text-overflow: ellipsis;
-
 
437
    display: -webkit-box;
-
 
438
    -webkit-line-clamp: 2;
446
    //-webkit-line-clamp: 2;
439
    -webkit-box-orient: vertical;
447
    //-webkit-box-orient: vertical;
440
    white-space: normal;
-
 
441
    //min-height:34px;
448
    //min-height:34px;
442
  }
449
  }
443
  .pd-desc{
450
  .pd-desc{
444
    text-align:center;
451
    text-align:center;
445
    white-space: nowrap;
452
    white-space: nowrap;
Line 796... Line 803...
796
 
803
 
797
@keyframes spin {
804
@keyframes spin {
798
  100% {  transform: rotate(359deg); }
805
  100% {  transform: rotate(359deg); }
799
}
806
}
800
 
807
 
-
 
808
/*welcome popup*/
-
 
809
 
-
 
810
.welcome-popup{
-
 
811
  display:none;
-
 
812
  background:rgba(0,0,0,0.6);
-
 
813
  position:absolute;
-
 
814
  width:100%;
-
 
815
  height:100%;
-
 
816
  top:0;
-
 
817
  left:0;
-
 
818
  bottom:0;
-
 
819
  z-index:1000;
-
 
820
}
-
 
821
  .popup{
-
 
822
    display:none;
-
 
823
    z-index:1010;
-
 
824
    position:absolute;
-
 
825
    width:80%;
-
 
826
    left:10%;
-
 
827
    top:20%;
-
 
828
    -webkit-appearance: none;
-
 
829
    -moz-appearance: none;
-
 
830
    -o-appearance:none;
-
 
831
    appearance: none;
-
 
832
    background:@blue;
-
 
833
    .boxsize;
-
 
834
    padding:20px 10px;
-
 
835
    text-align:center;
-
 
836
    img{
-
 
837
      width:50%;
-
 
838
      max-width:250px;
-
 
839
      margin-bottom:15px;
-
 
840
    }
-
 
841
    p{
-
 
842
      .font(1.4em);
-
 
843
      margin-bottom:20px;
-
 
844
      color:@white;
-
 
845
    }
-
 
846
    .m-btn{
-
 
847
      .font(1.6em);
-
 
848
      padding:8px 0;
-
 
849
      background:@orange;
-
 
850
      color:@white;
-
 
851
      margin-bottom:20px;
-
 
852
      text-transform:uppercase;
-
 
853
    }
-
 
854
    .desktop-link{
-
 
855
      text-decoration:underline;
-
 
856
      .font(1.4em);
-
 
857
      color:@white;
-
 
858
    }
-
 
859
  }