Subversion Repositories SmartDukaan

Rev

Rev 15859 | 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
}
332
 
333
.navbar-fixed-top {
334
  position: fixed;
335
  right: 0;
336
  left: 0;
337
  background-color:#F4FA58;
338
}
339
 
15403 manish.sha 340
/*mobile app css */
341
.product_image{padding: 10px 0 0 10px;}
342
.productthumb img{max-width: 100px;}
343
.productthumb{padding-left:5px;}
344
.product_card{width: 160px;height: auto;float: left;margin-left: 8px;}
345
.product_name{margin:16px auto 0 !important;font-size: 14px !important;font-weight: bold !important;text-align: center;height: 40px;}
346
.product_prices{margin: 0 0 5px 0;}
347
.product_prices div{margin-top: 2px;}
348
.producttitle{margin-bottom:5px;font-size: 14px;}
349
.product_price{font-size: 14px !important; font-weight: bold !important;color: #ff0000;}
350
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;}
351
.cashbacklabel{padding: 0px;margin: 0px;display: inline-block;font-size: 10px;}
352
.cashbackrupee{background-image: url("/img/sprite.png"); display: inline-block;height: 15px; width: 10px; background-position: 0px -188px; margin: 0px;vertical-align: middle;}
353
.rupeesym{margin-bottom: 8px;height: 17px;}
354
.deal_price{float: right}
355
.deal_price span.rupee{background-image: url("/img/sprite.png"); height: 12px; width: 10px; background-position: 0px -188px; margin: 5px 0;vertical-align: top;}
356
.text-striked{text-decoration: line-through;}
357
.product_cashback{float:right;font-size: 10px !important;margin-right: 5px;}
358
.productdetails{min-height: 100px;position: relative;padding-left:5px;padding-right: 0;}
359
.productdetails h4{margin: 0 0 5px 0;padding:0}
360
.product_short_description{margin:0 0 5x;font-size:12px !important; /*line-height: 20px;*/ color:#737373;}
361
.product_actions{padding:0;height: 95px;}
362
.product_actions li{float: right;}
363
.product_actions li.likedeal{margin-right: 5px; background:url('/img/sprite.png');background-position: 0px -68px;width: 24px;height: 24px;}
364
.product_actions li.likedeal.active{background:url('/img/sprite.png');background-position: 0px -0px;width: 24px;height: 24px;}
365
.product_actions li.dislikedeal{position: absolute;bottom: 0; background:url('/img/sprite.png');background-position: 0px -34px;width: 24px;height: 24px;right:5px; }
366
.product_actions li.dislikedeal.active{background:url('/img/sprite.png');background-position: 0px -128px;width: 24px;height: 24px;}
367
/*.list:last-child{margin: 0 0 10px 0 !important};*/
368
.list{background-color: #fff;margin: 2px;width: 170px;height: 220px;padding: 0 !important;}
369
.card{background-color: white;margin: 5px 0 0 0;padding: 5px 5px 0 5px;}
370
.scrollable{overflow: auto;-webkit-overflow-scrolling: touch;}
371
.scroll{-webkit-overflow-scrolling: touch;}
372
.swipable{display: inline-block;white-space: nowrap;}
373
.swipable li{border-right: 1px solid $c6c6c6;}
374
.likedeal button.active{background-color:green;}
375
.dislikedeal button.active{background-color:orange;}
376
.suborder{background-color: #fff;margin: 5px;padding: 5px;}
377
.suborder h4{font-weight: bold;}
378
span.deliverydate{font-weight: bold;}
379
.filters p{margin: 5px;color: #58d936;font-weight: bold;background-color: #fff;}
380
.aboutus{margin: 10px 5px;background-color: #fff;padding: 10px;}
381
.aboutus .subheader{color:#58d936;margin: 0px;}
382
.bluelink{color: darkorchid;}
383
#myModal .modal-content{background-color: #36d98a;color:#000;padding: 10px;}
384
#myModal .modal-content h4{display: inline;padding-left: 5px;}
385
#myModal .modal-content .text-muted,#myModal .modal-content .btn-xs{margin-left: 35px;}
386
.container{width: 100% !important; padding: 0 5px 0 5px !important;}
387
.carousel-inner img{margin: 0 auto;}
388
.howitworks{background-color: #fff;height: 100%;}
389
#gotit{width: 100px;background-color: #58d936;color: #fff;padding: 5px 10px;margin: -20px 0 ;}
390
.carousel-inner{height: 550px;}
391
.subheader{height: 40px;clear: both;}
392
.subheader h4,.subheader h5{color:#737373;}
393
.nav-tabs a{color: #fff;}
394
.howitworks img{height: 400px !important;}
395
.viewproduct{cursor: crosshair !important;}
396
.dealoffer{color: #000; height: auto;width:100%;}
397
.noshow{visibility: hidden;}
15839 manish.sha 398
.offerlabel{font-weight:bold;font-size: 12px;padding:0;color:#F4FA58;}
15403 manish.sha 399
.offertext{font-size: 10px;padding-left:0;max-height: 40px;overflow: hidden;text-overflow:ellipsis;}
400
.categorypreferences{background-color: #fff;margin-bottom:10px;}
401
.categorytab{border: 1px solid #adadad;height: 35px;padding: 5px 0;}
402
.categoryname{width: 60px;display: inline-block;}
403
.brandpreferences,.pricepreferences{padding: 10px;}
404
.brandpreferences h5,.pricepreferences h5{font-weight: bold;}
405
.categorytabcontrol{background:url('/img/catclosed.png') no-repeat;float: right;margin: 8px; height: 10px;width: 10px;display: inline-block;}
406
/*.minrange{float: left;}*/
407
/*.maxrange{float: right;}*/
408
.brandselector{visibility: hidden;}
409
.brandselector.active{visibility: visible;}
410
.categorytabcontrol.active{background:url('/img/catopen.png') no-repeat;float: right;margin: 8px; height: 10px;width: 10px;display: inline-block;}
411
/*.orderdetails{border-left: 1px solid #eaeaea;}*/
412
/*.orderdetails .btn{color: #fff; border-radius: 0px !important;}*/
413
button.orderstatus{background-color: #57d835;}
414
button.trackingurl{background-color: #959595;}
415
.deletefav{background:url('/img/recycle-bin.png') no-repeat;height: 20px;width: 20px;display: inline-block;margin-top: 10px;}
416
.clearfavs{padding-top:10px;}
417
.deleteallfavs{background:url('/img/recycle-bin-inverted.png') no-repeat;height: 15px;width: 15px;display: inline-block;}
418
.clearlist{font-size: 16px;font-weight: bold;color: #fff;}
419
.mobileverification{background-color: #fff;margin: 10px 5px;height:100%;}
420
.askformobileverification{margin: 20px 0 30px;color: #000; font-size: 1.5em;}
421
.telecaller{text-align: center;margin: 20px;}
422
.verificationcontrols{text-align: center;}
423
.skipbtn{position:absolute;bottom:0;right:15px;}
424
.first_name{font-size: 1.6em;}
425
.inline{display: inline;}
426
.address{padding: 10px 15px;}
427
.editable{height: auto;font-size:1.4em;margin: 10px 0;}
428
.profilelabel{font-size:1.4em;}
429
.editbtn{text-align: center;background-color: #f1f1f1;padding:5px 0;}
430
.editall{font-size: 1.2em;}
431
.editall i{margin-right: 5px;}
432
.inputable{border: 2px solid #eaeaea;
433
padding: 5px;
434
cursor: pointer;}
435
.ordercontrols{padding:0 !important;margin:5px 0;}
436
.ordercontrols .btn{color: #fff;font-weight: bold;}
437
.filters{padding: 5px;color: #fff;height: auto;background-color: #fff;}
438
.filters div{padding: 0;margin: 0;}
439
/*.filters div.dropdown{width: 120px;}*/
15839 manish.sha 440
.filters .herotext{padding-top: 7px;font-weight: bold;color: #F4FA58;}
15403 manish.sha 441
.filters ul.dropdown-menu{padding: 0px !important;margin: 0 !important;}
15839 manish.sha 442
.filters .dropdown button{background-color: #F4FA58;color:#fff;font-weight: bold;border-radius: 0;width: 100%;}
443
.filters .dropdown button .greenbigtext{color: #F4FA58;}
444
.filters .dropdown button .greensmalltext{color: #F4FA58;font-size: smaller;min-height: 5px;}
15403 manish.sha 445
li.menu-item:not(:first-child):not(.dropdown-header) {padding: 5px 0;}
446
.menu-item:not(:last-child){border-bottom: 1px solid #e5e5e5}
15839 manish.sha 447
.menu-item a:hover,.menu-item.selected{background-color: #F4FA58 !important;}
448
.dropdown-header.menu-item{padding-top: 10px;padding-bottom: 5px;color: #F4FA58;font-weight: bold;background-color: #fafafa;}
15403 manish.sha 449
/*.categorypreferences .brandselector{background-image: url('/img/checkbox.png') no-repeat;height: 15px;width: 15px;}*/
450
input[type="checkbox"]:checked {background: url('/img/checkbox_checked.png') no-repeat center center;background-size: contain;width: 25px;height: 25px;}
451
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;}
452
.maxrange .slider{width: 100% !important;}
453
.product_prices div{padding: 0 !important;font-size: 0.8em;color: #58d936;}
454
.orderdetails{padding:0;}
455
.orderdetails div{padding: 0;margin: 0;/*font-size:0.8em;*/overflow:hidden;text-overflow:ellipsis;/*height:15px;*/}
456
.orderid span{display: block;}
457
.text-bold{font-weight: bold;text-transform: uppercase;}
458
.orderimage{position: relative;}
459
.orderimage img{margin:auto;width: 80px;}
460
.revealbrands{width: 100%;clear: both; text-decoration: underline;}
461
.brands{font-size: 1.2em;}
462
.w25px{width: 25px !important;}
463
#srch-term{border-radius: 0;}
464
.searchterm{margin: 5px 15px;background-color: #fff;padding: 5px 10px;font-size: 1.2em;}
465
.searchbar .btn{height: 34px;}
466
.searchresults .card{margin-left: 15px;margin-right: 15px;height: auto;}
467
.centeredimage img{margin: 0 auto;}
15839 manish.sha 468
.greenborder:not(:first-child){border-top: 1px solid #F4FA58;padding: 5px 0;}
15403 manish.sha 469
.greenborder:first-child{margin-top:5px;padding: 5px 0;}
470
.variants{color: #6294C3;font-size: 0.8em;}
471
#storeproducts{font-weight: bold;border-bottom: 1px solid #cecece;}
472
#bestpricecontainer{font-size: 15px;margin-bottom: 5px;}
473
.greenborder div{padding:0;}
474
.modal-header .close{margin-top: -5px !important;font-size: 4em !important;}
475
.pendingcashbacks .panel-body {background-color: #58d936}
476
.storeproductinfo{padding: 5px 0;border-bottom: 1px solid #cecece;}
477
.suborders{background-color:#58d936}
478
ul.noborder{border: none !important;}
479
ul.noborder li{padding: 0 !important;}
480
ul.noborder li a{border-radius: 0;}
481
.verificationalert{color: #000;font-weight: normal;}
482
.verificationalert a{color: #58d936;}
15839 manish.sha 483
ul.catselect{width: 100%;background-color:#F4FA58}
15403 manish.sha 484
.catselect li{padding: 0;text-align: center;}
15839 manish.sha 485
.catselect li a{border-radius: 0;color:black;}
15403 manish.sha 486
.typeahead{width: 100%}
487
.typeahead input{width: 100%;}
488
.storeproductinfo .col-xs-3{text-align: center;}
489
#storeproducts .col-xs-3{text-align: center;}
490
.campaigntext{font-size: 1.2em;}
491
.filters .alert{padding: 6px;}
492
.filters .alert a{font-weight: bold;}
493
.alert-info{border: 2px solid #58d936 !important;background: none !important;}
494
#bestprice{font-size: 15px;color: #ff0000;}
495
#bestpriceproductname{margin: 5px 0 0 0 !important;font-size: 18px;}
496
.text-small{font-size: smaller;}
497
.storelogo{height: 20px;}
498
[data-storename],.varnts{font-size: smaller;}
499
.cashbackamount{color:#58d936;font-size: 12px;margin-left: 0px;}
500
#beststorelink{background-color: #ff0000; font-weight: bold;color:#fff;}
501
.clearfix.varnts{margin-bottom: 5px;line-height: 150%;}
502
span.variantcashback {font-size: smaller;color:#58d936;}
503
span.storeminprice{color: #ff0000;}
15873 manish.sha 504
.arrowright{background: url('/img/arrow2.png') no-repeat center center;background-size: contain;width: 57px;height: 31px;}
15403 manish.sha 505
#notificationMessage{padding: 10px;}
506
#skippopup{margin-top: 10px;}
507
.notificationmodal{}
508
.notificationmodal .modal-footer{background: none;border: none;text-align: center;padding: 2px 2px 0 2px !important;margin-top: 20px;}
509
/*a.okbtn{color:#58d936;font-size: 1.3em;font-weight: 100;}*/
510
.dismissbtn{padding-top: 5px;}
511
.dismissbtn a{color:#58d936;font-size: 1.3em;font-weight: 100;}
512
.notificationmodal.modal1{}
513
.notificationMessage{font-size: 1.2em;text-align: center;font-weight: 100;}
514
.closepopup{float: right;margin-top: -10px;margin-right: -5px;}
515
.timeago{font-size: 0.8em;padding-left: 5px;}
516
a.okbtn.btn{border-radius: 0;color: #fff !important;background-color: #58d936 !important;}
517
.modal-dialog{width: 75%;margin: 100px auto;}
518
span.clock{background: url('/img/clock.png') no-repeat center center;background-size: contain;width: 12px;height: 12px;display: inline-block;vertical-align: middle;}
519
.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;}
520
.dropdown-menu>li{display: block;padding: 3px 20px;clear: both;font-weight: 400;line-height: 1.42857143;color: #333;white-space: nowrap;}
521
span.sortlabel{margin-left: 20px;}
522
/*.btn-desc{display: inline-block !important;padding: 3px 10px !important;border:1px solid ##e5e5e5;color:#000;font-weight: bold;}*/
523
.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;}
524
ul.brands{background-color: #fff;margin: 0 15px;padding: 10px 20px;}
525
li.brand{border-bottom: 1px solid #f9f9f9;padding: 5px 0;}
526
.brandname{margin-right: 5px;color: #58d936;}
527
.brandcount{color: #ccc;}
528
.filteractions{text-align: center;margin: 0 15px;height: 40px;}
529
.filteractions div{padding: 0 !important;}
530
.filteractions a {font-size: 1.5em;height: 40px;width: 100%;display: block;padding-top: 5px;}
531
.filteractions a.clearfilter{background-color: #ccc;color: #000;}
532
.filteractions a.applyfilter{background-color: #3ca8f4;color: #fff;}
533
.filterbrand{float: right !important;}
534
#showallbrands{background-color: #fff;font-size: 1.2em;margin: 0 15px;text-align: center;height: 30px;}
535
.clearfilters{color: #fff !important;background-color: #58d936;padding: 0;margin: 0;width: 70% !important;font-size: 0.9em;}
536
.greentext{color: #58d936;}
537
#popovertrigger{position: absolute;top:10px;z-index: -999;}
538
.popover{max-width: 160px !important;}
539
.nodeals{text-decoration: underline;color: #fff;font-size: 1.2em;font-weight: bold;}
540
.tales {width: 50%;}
541
.carousel-inner{width:100%; max-height: 200px !important;}