Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
15403 manish.sha 1
 /*custom template */
2
html, body {
3
   height: 100%;
4
   font-family: 'PT Sans', sans-serif,verdana,arial;
5
   color:#555555;
6
   background-color: #E5E6E6;
7
}
8
 
9
body.adminpanel{
10
	background-color: #fff !important;
11
}
12
 
13
body > .container{
14
	padding-top: 60px 5px 0;
15
}
16
 
17
.nav {
18
   font-family:Arial,sans-serif;
19
   font-size:13px;
20
}
21
 
22
a {
23
  color:#222222;
24
}
25
 
26
a:hover {
15839 manish.sha 27
  background-color:#F4FA58;
15403 manish.sha 28
}
29
 
30
hr {
31
  border-color:#dedede;
32
}
33
 
34
.wrapper, .row {
35
   /*height: 100%;*/
36
   margin-left:0;
37
   margin-right:0;
38
}
39
 
40
.wrapper:before, .wrapper:after,
41
.column:before, .column:after {
42
    content: "";
43
    display: table;
44
}
45
 
46
.wrapper:after,
47
.column:after {
48
    clear: both;
49
}
50
 
51
.column {
52
    height: 100%;
53
    overflow: auto;
54
    *zoom:1;
55
}
56
 
57
.column .padding {
58
    padding: 20px;
59
}
60
 
61
.full{
62
	padding-top:70px;
63
}
64
 
65
.box {
66
  	bottom: 0; /* increase for footer use */
67
    left: 0;
68
    position: absolute;
69
    right: 0;
70
    top: 0;
71
    background-color:#3A3838;
72
  /*
73
    background-image:url('/assets/example/bg_suburb.jpg');
74
    background-size:cover;
75
    background-attachment:fixed;
76
  */
77
}
78
 
79
.divider {
80
	margin-top:32px;
81
}
82
 
83
.navbar-blue {
84
    border-width:0;
85
	background-color:#3B5999;
86
    color:#ffffff;
87
    font-family:arial,sans-serif;
88
    top:0;
89
    position:fixed;
90
    width:inherit;
91
}
92
 
93
.navbar-blue li > a,.navbar-toggle  {
94
   color:#efefef;
95
}
96
 
97
.navbar-blue .dropdown-menu li a {color:#2A4888;}
98
.navbar-blue .dropdown-menu li > a {padding-left:30px;}
99
 
100
.navbar-blue li>a:hover, .navbar-blue li>a:focus, .navbar-blue .open, .navbar-blue .open>a, .navbar-blue .open>a:hover, .navbar-blue .open>a:focus {
15839 manish.sha 101
   background-color:#F4FA58;
15403 manish.sha 102
   color:#fff;
103
}
104
 
105
#main {
106
   background-color:#e9eaed;
107
   padding-left:0;
108
   padding-right:0;
109
}
110
#main .img-circle {
111
   margin-top:18px;
112
   height:150px;
113
   width:150px;
114
}
115
 
116
#sidebar {
117
    padding:0px;
118
	padding-top:15px;
119
}
120
 
121
#sidebar, #sidebar a, #sidebar-footer a {
122
    color:#ffffff;
123
    background-color:transparent;
124
	text-shadow:0 0 2px #000000;
125
    padding-left:5px;
126
}
127
#sidebar .nav li>a:hover {
15839 manish.sha 128
    background-color:#F4FA58;
15403 manish.sha 129
}
130
 
131
.logo {
132
  display:block;
133
  padding:3px;
134
  background-color:#fff;
135
  color:#3B5999;
136
  height:28px;
137
  width:28px;
138
  margin:9px;
139
  margin-right:2px;
140
  margin-left:15px;
141
  font-size:20px;
142
  font-weight:700;
143
  text-align:center;
144
  text-decoration:none;
145
  text-shadow:0 0 1px;
146
  border-radius:2px;
147
}
148
#sidebar-footer {
149
  background-color:#444;
150
  position:absolute;
151
  bottom:5px;
152
  padding:5px;
153
}
154
#footer {
155
  margin-bottom:20px;
156
}
157
 
158
/* bootstrap overrides */
159
 
160
h1,h2,h3 {
161
   font-weight:800;
162
}
163
 
164
.navbar-toggle, .close {
165
	outline:0;
166
}
167
 
168
.navbar-toggle .icon-bar {
169
	background-color: #fff;
170
}
171
 
172
.btn-primary,.label-primary,.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus  {
15839 manish.sha 173
	background-color:#F4FA58;
15403 manish.sha 174
    color:#fffffe;
175
}
176
.btn-default {
15839 manish.sha 177
    color:#FFFFFF;
178
    background-color:#FF8000;
15403 manish.sha 179
    text-shadow:0 0 1px rgba(0,0,0,.3);
15839 manish.sha 180
    height:34px;
15403 manish.sha 181
}
182
.form-control {
183
 
184
}
185
 
186
.panel textarea, .well textarea, textarea.form-control
187
{
188
   resize: none;
189
}
190
 
191
.badge{
192
   color:#3B5999;
193
   background-color:#fff;
194
}
195
.badge:hover, .badge-inverse{
15839 manish.sha 196
   background-color:#F4FA58;
15403 manish.sha 197
   color:#fff;
198
}
199
/* 
200
.jumbotron {
201
  background-color:transparent;
202
}
203
*/
204
.label-default {
205
  background-color:#dddddd;
206
}
207
.page-header {
208
  margin-top: 55px;
209
  padding-top: 9px;
210
  border-top:1px solid #eeeeee;
211
  font-weight:700;
212
  text-transform:uppercase;
213
  letter-spacing:2px;
214
}
215
 
216
.panel-default .panel-heading {
217
  background-color:#f9fafb;
218
  color:#555555;
219
}
220
 
221
.col-sm-9.full {
222
    width: 100%;
223
}
224
 
225
.modal-header, .modal-footer {
226
	background-color:#f2f2f2;
227
  font-weight:800;
228
  font-size:12px;
229
  padding: 2px !important;
230
}
231
 
232
.modal-footer i, .well i {
233
    font-size:20px;
234
    color:#c0c0c0;
235
}
236
 
237
.modal-body {
238
	padding:0px;
239
}
240
.modal-body div{padding: 0;margin: 0;}
241
.modal-body textarea.form-control
242
{
243
   resize: none;
244
   border:0;
245
   box-shadow:0 0 0;
246
}
247
 
248
small.text-muted {
249
  font-family:courier,courier-new,monospace;
250
}
251
 
252
/* adjust the contents on smaller devices */
253
@media (max-width: 768px) {
254
 
255
  .column .padding {
256
    padding: 7px;
257
  }
258
 
259
  .full{
260
	padding-top:20px;
261
  }
262
 
263
  .navbar-blue {
264
	background-color:#3B5999;
265
    top:0;
266
    width:100%;
267
    position:relative;
268
  }
269
 
270
}
271
 
272
 
273
/*
274
 * off canvas sidebar
275
 * --------------------------------------------------
276
 */
277
@media screen and (max-width: 768px) {
278
  .row-offcanvas {
279
    position: relative;
280
    -webkit-transition: all 0.25s ease-out;
281
    -moz-transition: all 0.25s ease-out;
282
    transition: all 0.25s ease-out;
283
  }
284
 
285
  .row-offcanvas-left.active {
286
    left: 33%;
287
  }
288
 
289
  .row-offcanvas-left.active .sidebar-offcanvas {
290
    left: -33%;
291
    position: absolute;
292
    top: 0;
293
    width: 33%;
294
    margin-left: 5px;
295
  }
296
 
297
  #sidebar, #sidebar a, #sidebar-footer a {
298
    padding-left:3px;
299
  }
300
}
301
#posts{min-height:465px;}
302
.widgetframe{
303
	border:none;
304
	height:320px;
305
}
306
.jumbotron p{
307
	font-size:16px;
308
	color:#ccc;
309
}
310
#flashMessage{
311
	margin-top:10px;
312
	font-size:1.1em;
313
	color:#ccc;
314
	text-align:center;
315
	border: 1px dotted #285E8E;
316
}
317
.modal-dialog {}
318
.thumbnail {margin-bottom:6px;}
319
 
320
.carousel-control.left,.carousel-control.right{
321
  background-image:none;
322
  margin-top:10%;
323
  width:5%;
324
}
325
#push{margin-top: 60px;}
326
.form-signin label{width: 150px;}
327
 
15839 manish.sha 328
.navbar {
329
    position: fixed !important;
330
    top: 0px;
331
    width: 1351px;
332
}
333
 
334
.navbar-fixed-top {
335
  position: fixed;
336
  right: 0;
337
  left: 0;
338
  z-index: 1030;
339
  background-color:#F4FA58;
340
}
341
 
15403 manish.sha 342
/*mobile app css */
343
.product_image{padding: 10px 0 0 10px;}
344
.productthumb img{max-width: 100px;}
345
.productthumb{padding-left:5px;}
346
.product_card{width: 160px;height: auto;float: left;margin-left: 8px;}
347
.product_name{margin:16px auto 0 !important;font-size: 14px !important;font-weight: bold !important;text-align: center;height: 40px;}
348
.product_prices{margin: 0 0 5px 0;}
349
.product_prices div{margin-top: 2px;}
350
.producttitle{margin-bottom:5px;font-size: 14px;}
351
.product_price{font-size: 14px !important; font-weight: bold !important;color: #ff0000;}
352
span.rupee{background-image: url("/img/sprite.png");height: 12px; width: 11px; background-position: 0px -103px; margin-top: 4px;vertical-align: top;display: inline-block;}
353
.cashbacklabel{padding: 0px;margin: 0px;display: inline-block;font-size: 10px;}
354
.cashbackrupee{background-image: url("/img/sprite.png"); display: inline-block;height: 15px; width: 10px; background-position: 0px -188px; margin: 0px;vertical-align: middle;}
355
.rupeesym{margin-bottom: 8px;height: 17px;}
356
.deal_price{float: right}
357
.deal_price span.rupee{background-image: url("/img/sprite.png"); height: 12px; width: 10px; background-position: 0px -188px; margin: 5px 0;vertical-align: top;}
358
.text-striked{text-decoration: line-through;}
359
.product_cashback{float:right;font-size: 10px !important;margin-right: 5px;}
360
.productdetails{min-height: 100px;position: relative;padding-left:5px;padding-right: 0;}
361
.productdetails h4{margin: 0 0 5px 0;padding:0}
362
.product_short_description{margin:0 0 5x;font-size:12px !important; /*line-height: 20px;*/ color:#737373;}
363
.product_actions{padding:0;height: 95px;}
364
.product_actions li{float: right;}
365
.product_actions li.likedeal{margin-right: 5px; background:url('/img/sprite.png');background-position: 0px -68px;width: 24px;height: 24px;}
366
.product_actions li.likedeal.active{background:url('/img/sprite.png');background-position: 0px -0px;width: 24px;height: 24px;}
367
.product_actions li.dislikedeal{position: absolute;bottom: 0; background:url('/img/sprite.png');background-position: 0px -34px;width: 24px;height: 24px;right:5px; }
368
.product_actions li.dislikedeal.active{background:url('/img/sprite.png');background-position: 0px -128px;width: 24px;height: 24px;}
369
/*.list:last-child{margin: 0 0 10px 0 !important};*/
370
.list{background-color: #fff;margin: 2px;width: 170px;height: 220px;padding: 0 !important;}
371
.card{background-color: white;margin: 5px 0 0 0;padding: 5px 5px 0 5px;}
372
.scrollable{overflow: auto;-webkit-overflow-scrolling: touch;}
373
.scroll{-webkit-overflow-scrolling: touch;}
374
.swipable{display: inline-block;white-space: nowrap;}
375
.swipable li{border-right: 1px solid $c6c6c6;}
376
.likedeal button.active{background-color:green;}
377
.dislikedeal button.active{background-color:orange;}
378
.suborder{background-color: #fff;margin: 5px;padding: 5px;}
379
.suborder h4{font-weight: bold;}
380
span.deliverydate{font-weight: bold;}
381
.filters p{margin: 5px;color: #58d936;font-weight: bold;background-color: #fff;}
382
.aboutus{margin: 10px 5px;background-color: #fff;padding: 10px;}
383
.aboutus .subheader{color:#58d936;margin: 0px;}
384
.bluelink{color: darkorchid;}
385
#myModal .modal-content{background-color: #36d98a;color:#000;padding: 10px;}
386
#myModal .modal-content h4{display: inline;padding-left: 5px;}
387
#myModal .modal-content .text-muted,#myModal .modal-content .btn-xs{margin-left: 35px;}
388
.container{width: 100% !important; padding: 0 5px 0 5px !important;}
389
.carousel-inner img{margin: 0 auto;}
390
.howitworks{background-color: #fff;height: 100%;}
391
#gotit{width: 100px;background-color: #58d936;color: #fff;padding: 5px 10px;margin: -20px 0 ;}
392
.carousel-inner{height: 550px;}
393
.subheader{height: 40px;clear: both;}
394
.subheader h4,.subheader h5{color:#737373;}
395
.nav-tabs a{color: #fff;}
396
.howitworks img{height: 400px !important;}
397
.viewproduct{cursor: crosshair !important;}
398
.dealoffer{color: #000; height: auto;width:100%;}
399
.noshow{visibility: hidden;}
15839 manish.sha 400
.offerlabel{font-weight:bold;font-size: 12px;padding:0;color:#F4FA58;}
15403 manish.sha 401
.offertext{font-size: 10px;padding-left:0;max-height: 40px;overflow: hidden;text-overflow:ellipsis;}
402
.categorypreferences{background-color: #fff;margin-bottom:10px;}
403
.categorytab{border: 1px solid #adadad;height: 35px;padding: 5px 0;}
404
.categoryname{width: 60px;display: inline-block;}
405
.brandpreferences,.pricepreferences{padding: 10px;}
406
.brandpreferences h5,.pricepreferences h5{font-weight: bold;}
407
.categorytabcontrol{background:url('/img/catclosed.png') no-repeat;float: right;margin: 8px; height: 10px;width: 10px;display: inline-block;}
408
/*.minrange{float: left;}*/
409
/*.maxrange{float: right;}*/
410
.brandselector{visibility: hidden;}
411
.brandselector.active{visibility: visible;}
412
.categorytabcontrol.active{background:url('/img/catopen.png') no-repeat;float: right;margin: 8px; height: 10px;width: 10px;display: inline-block;}
413
/*.orderdetails{border-left: 1px solid #eaeaea;}*/
414
/*.orderdetails .btn{color: #fff; border-radius: 0px !important;}*/
415
button.orderstatus{background-color: #57d835;}
416
button.trackingurl{background-color: #959595;}
417
.deletefav{background:url('/img/recycle-bin.png') no-repeat;height: 20px;width: 20px;display: inline-block;margin-top: 10px;}
418
.clearfavs{padding-top:10px;}
419
.deleteallfavs{background:url('/img/recycle-bin-inverted.png') no-repeat;height: 15px;width: 15px;display: inline-block;}
420
.clearlist{font-size: 16px;font-weight: bold;color: #fff;}
421
.mobileverification{background-color: #fff;margin: 10px 5px;height:100%;}
422
.askformobileverification{margin: 20px 0 30px;color: #000; font-size: 1.5em;}
423
.telecaller{text-align: center;margin: 20px;}
424
.verificationcontrols{text-align: center;}
425
.skipbtn{position:absolute;bottom:0;right:15px;}
426
.first_name{font-size: 1.6em;}
427
.inline{display: inline;}
428
.address{padding: 10px 15px;}
429
.editable{height: auto;font-size:1.4em;margin: 10px 0;}
430
.profilelabel{font-size:1.4em;}
431
.editbtn{text-align: center;background-color: #f1f1f1;padding:5px 0;}
432
.editall{font-size: 1.2em;}
433
.editall i{margin-right: 5px;}
434
.inputable{border: 2px solid #eaeaea;
435
padding: 5px;
436
cursor: pointer;}
437
.ordercontrols{padding:0 !important;margin:5px 0;}
438
.ordercontrols .btn{color: #fff;font-weight: bold;}
439
.filters{padding: 5px;color: #fff;height: auto;background-color: #fff;}
440
.filters div{padding: 0;margin: 0;}
441
/*.filters div.dropdown{width: 120px;}*/
15839 manish.sha 442
.filters .herotext{padding-top: 7px;font-weight: bold;color: #F4FA58;}
15403 manish.sha 443
.filters ul.dropdown-menu{padding: 0px !important;margin: 0 !important;}
15839 manish.sha 444
.filters .dropdown button{background-color: #F4FA58;color:#fff;font-weight: bold;border-radius: 0;width: 100%;}
445
.filters .dropdown button .greenbigtext{color: #F4FA58;}
446
.filters .dropdown button .greensmalltext{color: #F4FA58;font-size: smaller;min-height: 5px;}
15403 manish.sha 447
li.menu-item:not(:first-child):not(.dropdown-header) {padding: 5px 0;}
448
.menu-item:not(:last-child){border-bottom: 1px solid #e5e5e5}
15839 manish.sha 449
.menu-item a:hover,.menu-item.selected{background-color: #F4FA58 !important;}
450
.dropdown-header.menu-item{padding-top: 10px;padding-bottom: 5px;color: #F4FA58;font-weight: bold;background-color: #fafafa;}
15403 manish.sha 451
/*.categorypreferences .brandselector{background-image: url('/img/checkbox.png') no-repeat;height: 15px;width: 15px;}*/
452
input[type="checkbox"]:checked {background: url('/img/checkbox_checked.png') no-repeat center center;background-size: contain;width: 25px;height: 25px;}
453
input[type="checkbox"] {float: left;appearance: none;-webkit-appearance: none;width: 25px;height: 25px;background: url('/img/checkbox.png') no-repeat center center;background-size: contain;margin-right: 5px;}
454
.maxrange .slider{width: 100% !important;}
455
.product_prices div{padding: 0 !important;font-size: 0.8em;color: #58d936;}
456
.orderdetails{padding:0;}
457
.orderdetails div{padding: 0;margin: 0;/*font-size:0.8em;*/overflow:hidden;text-overflow:ellipsis;/*height:15px;*/}
458
.orderid span{display: block;}
459
.text-bold{font-weight: bold;text-transform: uppercase;}
460
.orderimage{position: relative;}
461
.orderimage img{margin:auto;width: 80px;}
462
.revealbrands{width: 100%;clear: both; text-decoration: underline;}
463
.brands{font-size: 1.2em;}
464
.w25px{width: 25px !important;}
465
#srch-term{border-radius: 0;}
466
.searchterm{margin: 5px 15px;background-color: #fff;padding: 5px 10px;font-size: 1.2em;}
467
.searchbar .btn{height: 34px;}
468
.searchresults .card{margin-left: 15px;margin-right: 15px;height: auto;}
469
.centeredimage img{margin: 0 auto;}
15839 manish.sha 470
.greenborder:not(:first-child){border-top: 1px solid #F4FA58;padding: 5px 0;}
15403 manish.sha 471
.greenborder:first-child{margin-top:5px;padding: 5px 0;}
472
.variants{color: #6294C3;font-size: 0.8em;}
473
#storeproducts{font-weight: bold;border-bottom: 1px solid #cecece;}
474
#bestpricecontainer{font-size: 15px;margin-bottom: 5px;}
475
.greenborder div{padding:0;}
476
.modal-header .close{margin-top: -5px !important;font-size: 4em !important;}
477
.pendingcashbacks .panel-body {background-color: #58d936}
478
.storeproductinfo{padding: 5px 0;border-bottom: 1px solid #cecece;}
479
.suborders{background-color:#58d936}
480
ul.noborder{border: none !important;}
481
ul.noborder li{padding: 0 !important;}
482
ul.noborder li a{border-radius: 0;}
483
.verificationalert{color: #000;font-weight: normal;}
484
.verificationalert a{color: #58d936;}
15839 manish.sha 485
ul.catselect{width: 100%;background-color:#F4FA58}
15403 manish.sha 486
.catselect li{padding: 0;text-align: center;}
15839 manish.sha 487
.catselect li a{border-radius: 0;color:black;}
15403 manish.sha 488
.typeahead{width: 100%}
489
.typeahead input{width: 100%;}
490
.storeproductinfo .col-xs-3{text-align: center;}
491
#storeproducts .col-xs-3{text-align: center;}
492
.campaigntext{font-size: 1.2em;}
493
.filters .alert{padding: 6px;}
494
.filters .alert a{font-weight: bold;}
495
.alert-info{border: 2px solid #58d936 !important;background: none !important;}
496
#bestprice{font-size: 15px;color: #ff0000;}
497
#bestpriceproductname{margin: 5px 0 0 0 !important;font-size: 18px;}
498
.text-small{font-size: smaller;}
499
.storelogo{height: 20px;}
500
[data-storename],.varnts{font-size: smaller;}
501
.cashbackamount{color:#58d936;font-size: 12px;margin-left: 0px;}
502
#beststorelink{background-color: #ff0000; font-weight: bold;color:#fff;}
503
.clearfix.varnts{margin-bottom: 5px;line-height: 150%;}
504
span.variantcashback {font-size: smaller;color:#58d936;}
505
span.storeminprice{color: #ff0000;}
15839 manish.sha 506
.arrowright{background: url('/img/arrow2.png') no-repeat center center;background-size: contain;width: 100px;height: 35px;}
15403 manish.sha 507
#notificationMessage{padding: 10px;}
508
#skippopup{margin-top: 10px;}
509
.notificationmodal{}
510
.notificationmodal .modal-footer{background: none;border: none;text-align: center;padding: 2px 2px 0 2px !important;margin-top: 20px;}
511
/*a.okbtn{color:#58d936;font-size: 1.3em;font-weight: 100;}*/
512
.dismissbtn{padding-top: 5px;}
513
.dismissbtn a{color:#58d936;font-size: 1.3em;font-weight: 100;}
514
.notificationmodal.modal1{}
515
.notificationMessage{font-size: 1.2em;text-align: center;font-weight: 100;}
516
.closepopup{float: right;margin-top: -10px;margin-right: -5px;}
517
.timeago{font-size: 0.8em;padding-left: 5px;}
518
a.okbtn.btn{border-radius: 0;color: #fff !important;background-color: #58d936 !important;}
519
.modal-dialog{width: 75%;margin: 100px auto;}
520
span.clock{background: url('/img/clock.png') no-repeat center center;background-size: contain;width: 12px;height: 12px;display: inline-block;vertical-align: middle;}
521
.greyarrow{background: url('/img/greyarrow.png') no-repeat center center;background-size: contain;width: 12px;height: 12px;float: right; display: inline-block;margin-top: 4px;}
522
.dropdown-menu>li{display: block;padding: 3px 20px;clear: both;font-weight: 400;line-height: 1.42857143;color: #333;white-space: nowrap;}
523
span.sortlabel{margin-left: 20px;}
524
/*.btn-desc{display: inline-block !important;padding: 3px 10px !important;border:1px solid ##e5e5e5;color:#000;font-weight: bold;}*/
525
.btn-asc,.btn-desc{display: inline-block !important;padding: 3px 10px !important;border: 1px solid #e5e5e5;color: #000 !important;border-radius: 0 !important;font-weight: bold;}
526
ul.brands{background-color: #fff;margin: 0 15px;padding: 10px 20px;}
527
li.brand{border-bottom: 1px solid #f9f9f9;padding: 5px 0;}
528
.brandname{margin-right: 5px;color: #58d936;}
529
.brandcount{color: #ccc;}
530
.filteractions{text-align: center;margin: 0 15px;height: 40px;}
531
.filteractions div{padding: 0 !important;}
532
.filteractions a {font-size: 1.5em;height: 40px;width: 100%;display: block;padding-top: 5px;}
533
.filteractions a.clearfilter{background-color: #ccc;color: #000;}
534
.filteractions a.applyfilter{background-color: #3ca8f4;color: #fff;}
535
.filterbrand{float: right !important;}
536
#showallbrands{background-color: #fff;font-size: 1.2em;margin: 0 15px;text-align: center;height: 30px;}
537
.clearfilters{color: #fff !important;background-color: #58d936;padding: 0;margin: 0;width: 70% !important;font-size: 0.9em;}
538
.greentext{color: #58d936;}
539
#popovertrigger{position: absolute;top:10px;z-index: -999;}
540
.popover{max-width: 160px !important;}
541
.nodeals{text-decoration: underline;color: #fff;font-size: 1.2em;font-weight: bold;}
542
.tales {width: 50%;}
543
.carousel-inner{width:100%; max-height: 200px !important;}