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 
  }