Subversion Repositories SmartDukaan

Rev

Rev 15839 | Go to most recent revision | Details | 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 {
27
  background-color:#125688;
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 {
101
   background-color:#125688;
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 {
128
    background-color:#125688;
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  {
173
	background-color:#125688;
174
    color:#fffffe;
175
}
176
.btn-default {
177
    color:#666666;
178
    text-shadow:0 0 1px rgba(0,0,0,.3);
179
}
180
.form-control {
181
 
182
}
183
 
184
.panel textarea, .well textarea, textarea.form-control
185
{
186
   resize: none;
187
}
188
 
189
.badge{
190
   color:#3B5999;
191
   background-color:#fff;
192
}
193
.badge:hover, .badge-inverse{
194
   background-color:#125688;
195
   color:#fff;
196
}
197
/* 
198
.jumbotron {
199
  background-color:transparent;
200
}
201
*/
202
.label-default {
203
  background-color:#dddddd;
204
}
205
.page-header {
206
  margin-top: 55px;
207
  padding-top: 9px;
208
  border-top:1px solid #eeeeee;
209
  font-weight:700;
210
  text-transform:uppercase;
211
  letter-spacing:2px;
212
}
213
 
214
.panel-default .panel-heading {
215
  background-color:#f9fafb;
216
  color:#555555;
217
}
218
 
219
.col-sm-9.full {
220
    width: 100%;
221
}
222
 
223
.modal-header, .modal-footer {
224
	background-color:#f2f2f2;
225
  font-weight:800;
226
  font-size:12px;
227
  padding: 2px !important;
228
}
229
 
230
.modal-footer i, .well i {
231
    font-size:20px;
232
    color:#c0c0c0;
233
}
234
 
235
.modal-body {
236
	padding:0px;
237
}
238
.modal-body div{padding: 0;margin: 0;}
239
.modal-body textarea.form-control
240
{
241
   resize: none;
242
   border:0;
243
   box-shadow:0 0 0;
244
}
245
 
246
small.text-muted {
247
  font-family:courier,courier-new,monospace;
248
}
249
 
250
/* adjust the contents on smaller devices */
251
@media (max-width: 768px) {
252
 
253
  .column .padding {
254
    padding: 7px;
255
  }
256
 
257
  .full{
258
	padding-top:20px;
259
  }
260
 
261
  .navbar-blue {
262
	background-color:#3B5999;
263
    top:0;
264
    width:100%;
265
    position:relative;
266
  }
267
 
268
}
269
 
270
 
271
/*
272
 * off canvas sidebar
273
 * --------------------------------------------------
274
 */
275
@media screen and (max-width: 768px) {
276
  .row-offcanvas {
277
    position: relative;
278
    -webkit-transition: all 0.25s ease-out;
279
    -moz-transition: all 0.25s ease-out;
280
    transition: all 0.25s ease-out;
281
  }
282
 
283
  .row-offcanvas-left.active {
284
    left: 33%;
285
  }
286
 
287
  .row-offcanvas-left.active .sidebar-offcanvas {
288
    left: -33%;
289
    position: absolute;
290
    top: 0;
291
    width: 33%;
292
    margin-left: 5px;
293
  }
294
 
295
  #sidebar, #sidebar a, #sidebar-footer a {
296
    padding-left:3px;
297
  }
298
}
299
#posts{min-height:465px;}
300
.widgetframe{
301
	border:none;
302
	height:320px;
303
}
304
.jumbotron p{
305
	font-size:16px;
306
	color:#ccc;
307
}
308
#flashMessage{
309
	margin-top:10px;
310
	font-size:1.1em;
311
	color:#ccc;
312
	text-align:center;
313
	border: 1px dotted #285E8E;
314
}
315
.modal-dialog {}
316
.thumbnail {margin-bottom:6px;}
317
 
318
.carousel-control.left,.carousel-control.right{
319
  background-image:none;
320
  margin-top:10%;
321
  width:5%;
322
}
323
#push{margin-top: 60px;}
324
.form-signin label{width: 150px;}
325
 
326
/*mobile app css */
327
.product_image{padding: 10px 0 0 10px;}
328
.productthumb img{max-width: 100px;}
329
.productthumb{padding-left:5px;}
330
.product_card{width: 160px;height: auto;float: left;margin-left: 8px;}
331
.product_name{margin:16px auto 0 !important;font-size: 14px !important;font-weight: bold !important;text-align: center;height: 40px;}
332
.product_prices{margin: 0 0 5px 0;}
333
.product_prices div{margin-top: 2px;}
334
.producttitle{margin-bottom:5px;font-size: 14px;}
335
.product_price{font-size: 14px !important; font-weight: bold !important;color: #ff0000;}
336
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;}
337
.cashbacklabel{padding: 0px;margin: 0px;display: inline-block;font-size: 10px;}
338
.cashbackrupee{background-image: url("/img/sprite.png"); display: inline-block;height: 15px; width: 10px; background-position: 0px -188px; margin: 0px;vertical-align: middle;}
339
.rupeesym{margin-bottom: 8px;height: 17px;}
340
.deal_price{float: right}
341
.deal_price span.rupee{background-image: url("/img/sprite.png"); height: 12px; width: 10px; background-position: 0px -188px; margin: 5px 0;vertical-align: top;}
342
.text-striked{text-decoration: line-through;}
343
.product_cashback{float:right;font-size: 10px !important;margin-right: 5px;}
344
.productdetails{min-height: 100px;position: relative;padding-left:5px;padding-right: 0;}
345
.productdetails h4{margin: 0 0 5px 0;padding:0}
346
.product_short_description{margin:0 0 5x;font-size:12px !important; /*line-height: 20px;*/ color:#737373;}
347
.product_actions{padding:0;height: 95px;}
348
.product_actions li{float: right;}
349
.product_actions li.likedeal{margin-right: 5px; background:url('/img/sprite.png');background-position: 0px -68px;width: 24px;height: 24px;}
350
.product_actions li.likedeal.active{background:url('/img/sprite.png');background-position: 0px -0px;width: 24px;height: 24px;}
351
.product_actions li.dislikedeal{position: absolute;bottom: 0; background:url('/img/sprite.png');background-position: 0px -34px;width: 24px;height: 24px;right:5px; }
352
.product_actions li.dislikedeal.active{background:url('/img/sprite.png');background-position: 0px -128px;width: 24px;height: 24px;}
353
/*.list:last-child{margin: 0 0 10px 0 !important};*/
354
.list{background-color: #fff;margin: 2px;width: 170px;height: 220px;padding: 0 !important;}
355
.card{background-color: white;margin: 5px 0 0 0;padding: 5px 5px 0 5px;}
356
.scrollable{overflow: auto;-webkit-overflow-scrolling: touch;}
357
.scroll{-webkit-overflow-scrolling: touch;}
358
.swipable{display: inline-block;white-space: nowrap;}
359
.swipable li{border-right: 1px solid $c6c6c6;}
360
.likedeal button.active{background-color:green;}
361
.dislikedeal button.active{background-color:orange;}
362
.suborder{background-color: #fff;margin: 5px;padding: 5px;}
363
.suborder h4{font-weight: bold;}
364
span.deliverydate{font-weight: bold;}
365
.filters p{margin: 5px;color: #58d936;font-weight: bold;background-color: #fff;}
366
.aboutus{margin: 10px 5px;background-color: #fff;padding: 10px;}
367
.aboutus .subheader{color:#58d936;margin: 0px;}
368
.bluelink{color: darkorchid;}
369
#myModal .modal-content{background-color: #36d98a;color:#000;padding: 10px;}
370
#myModal .modal-content h4{display: inline;padding-left: 5px;}
371
#myModal .modal-content .text-muted,#myModal .modal-content .btn-xs{margin-left: 35px;}
372
.container{width: 100% !important; padding: 0 5px 0 5px !important;}
373
.carousel-inner img{margin: 0 auto;}
374
.howitworks{background-color: #fff;height: 100%;}
375
#gotit{width: 100px;background-color: #58d936;color: #fff;padding: 5px 10px;margin: -20px 0 ;}
376
.carousel-inner{height: 550px;}
377
.subheader{height: 40px;clear: both;}
378
.subheader h4,.subheader h5{color:#737373;}
379
.nav-tabs a{color: #fff;}
380
.howitworks img{height: 400px !important;}
381
.viewproduct{cursor: crosshair !important;}
382
.dealoffer{color: #000; height: auto;width:100%;}
383
.noshow{visibility: hidden;}
384
.offerlabel{font-weight:bold;font-size: 12px;padding:0;color:#125688;}
385
.offertext{font-size: 10px;padding-left:0;max-height: 40px;overflow: hidden;text-overflow:ellipsis;}
386
.categorypreferences{background-color: #fff;margin-bottom:10px;}
387
.categorytab{border: 1px solid #adadad;height: 35px;padding: 5px 0;}
388
.categoryname{width: 60px;display: inline-block;}
389
.brandpreferences,.pricepreferences{padding: 10px;}
390
.brandpreferences h5,.pricepreferences h5{font-weight: bold;}
391
.categorytabcontrol{background:url('/img/catclosed.png') no-repeat;float: right;margin: 8px; height: 10px;width: 10px;display: inline-block;}
392
/*.minrange{float: left;}*/
393
/*.maxrange{float: right;}*/
394
.brandselector{visibility: hidden;}
395
.brandselector.active{visibility: visible;}
396
.categorytabcontrol.active{background:url('/img/catopen.png') no-repeat;float: right;margin: 8px; height: 10px;width: 10px;display: inline-block;}
397
/*.orderdetails{border-left: 1px solid #eaeaea;}*/
398
/*.orderdetails .btn{color: #fff; border-radius: 0px !important;}*/
399
button.orderstatus{background-color: #57d835;}
400
button.trackingurl{background-color: #959595;}
401
.deletefav{background:url('/img/recycle-bin.png') no-repeat;height: 20px;width: 20px;display: inline-block;margin-top: 10px;}
402
.clearfavs{padding-top:10px;}
403
.deleteallfavs{background:url('/img/recycle-bin-inverted.png') no-repeat;height: 15px;width: 15px;display: inline-block;}
404
.clearlist{font-size: 16px;font-weight: bold;color: #fff;}
405
.mobileverification{background-color: #fff;margin: 10px 5px;height:100%;}
406
.askformobileverification{margin: 20px 0 30px;color: #000; font-size: 1.5em;}
407
.telecaller{text-align: center;margin: 20px;}
408
.verificationcontrols{text-align: center;}
409
.skipbtn{position:absolute;bottom:0;right:15px;}
410
.first_name{font-size: 1.6em;}
411
.inline{display: inline;}
412
.address{padding: 10px 15px;}
413
.editable{height: auto;font-size:1.4em;margin: 10px 0;}
414
.profilelabel{font-size:1.4em;}
415
.editbtn{text-align: center;background-color: #f1f1f1;padding:5px 0;}
416
.editall{font-size: 1.2em;}
417
.editall i{margin-right: 5px;}
418
.inputable{border: 2px solid #eaeaea;
419
padding: 5px;
420
cursor: pointer;}
421
.ordercontrols{padding:0 !important;margin:5px 0;}
422
.ordercontrols .btn{color: #fff;font-weight: bold;}
423
.filters{padding: 5px;color: #fff;height: auto;background-color: #fff;}
424
.filters div{padding: 0;margin: 0;}
425
/*.filters div.dropdown{width: 120px;}*/
426
.filters .herotext{padding-top: 7px;font-weight: bold;color: #125688;}
427
.filters ul.dropdown-menu{padding: 0px !important;margin: 0 !important;}
428
.filters .dropdown button{background-color: #125688;color:#fff;font-weight: bold;border-radius: 0;width: 100%;}
429
.filters .dropdown button .greenbigtext{color: #125688;}
430
.filters .dropdown button .greensmalltext{color: #125688;font-size: smaller;min-height: 5px;}
431
li.menu-item:not(:first-child):not(.dropdown-header) {padding: 5px 0;}
432
.menu-item:not(:last-child){border-bottom: 1px solid #e5e5e5}
433
.menu-item a:hover,.menu-item.selected{background-color: #125688 !important;}
434
.dropdown-header.menu-item{padding-top: 10px;padding-bottom: 5px;color: #125688;font-weight: bold;background-color: #fafafa;}
435
/*.categorypreferences .brandselector{background-image: url('/img/checkbox.png') no-repeat;height: 15px;width: 15px;}*/
436
input[type="checkbox"]:checked {background: url('/img/checkbox_checked.png') no-repeat center center;background-size: contain;width: 25px;height: 25px;}
437
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;}
438
.maxrange .slider{width: 100% !important;}
439
.product_prices div{padding: 0 !important;font-size: 0.8em;color: #58d936;}
440
.orderdetails{padding:0;}
441
.orderdetails div{padding: 0;margin: 0;/*font-size:0.8em;*/overflow:hidden;text-overflow:ellipsis;/*height:15px;*/}
442
.orderid span{display: block;}
443
.text-bold{font-weight: bold;text-transform: uppercase;}
444
.orderimage{position: relative;}
445
.orderimage img{margin:auto;width: 80px;}
446
.revealbrands{width: 100%;clear: both; text-decoration: underline;}
447
.brands{font-size: 1.2em;}
448
.w25px{width: 25px !important;}
449
#srch-term{border-radius: 0;}
450
.searchterm{margin: 5px 15px;background-color: #fff;padding: 5px 10px;font-size: 1.2em;}
451
.searchbar .btn{height: 34px;}
452
.searchresults .card{margin-left: 15px;margin-right: 15px;height: auto;}
453
.centeredimage img{margin: 0 auto;}
454
.greenborder:not(:first-child){border-top: 1px solid #125688;padding: 5px 0;}
455
.greenborder:first-child{margin-top:5px;padding: 5px 0;}
456
.variants{color: #6294C3;font-size: 0.8em;}
457
#storeproducts{font-weight: bold;border-bottom: 1px solid #cecece;}
458
#bestpricecontainer{font-size: 15px;margin-bottom: 5px;}
459
.greenborder div{padding:0;}
460
.modal-header .close{margin-top: -5px !important;font-size: 4em !important;}
461
.pendingcashbacks .panel-body {background-color: #58d936}
462
.storeproductinfo{padding: 5px 0;border-bottom: 1px solid #cecece;}
463
.suborders{background-color:#58d936}
464
ul.noborder{border: none !important;}
465
ul.noborder li{padding: 0 !important;}
466
ul.noborder li a{border-radius: 0;}
467
.verificationalert{color: #000;font-weight: normal;}
468
.verificationalert a{color: #58d936;}
469
ul.catselect{width: 100%;background-color:#125688}
470
.catselect li{padding: 0;text-align: center;}
471
.catselect li a{border-radius: 0;}
472
.typeahead{width: 100%}
473
.typeahead input{width: 100%;}
474
.storeproductinfo .col-xs-3{text-align: center;}
475
#storeproducts .col-xs-3{text-align: center;}
476
.campaigntext{font-size: 1.2em;}
477
.filters .alert{padding: 6px;}
478
.filters .alert a{font-weight: bold;}
479
.alert-info{border: 2px solid #58d936 !important;background: none !important;}
480
#bestprice{font-size: 15px;color: #ff0000;}
481
#bestpriceproductname{margin: 5px 0 0 0 !important;font-size: 18px;}
482
.text-small{font-size: smaller;}
483
.storelogo{height: 20px;}
484
[data-storename],.varnts{font-size: smaller;}
485
.cashbackamount{color:#58d936;font-size: 12px;margin-left: 0px;}
486
#beststorelink{background-color: #ff0000; font-weight: bold;color:#fff;}
487
.clearfix.varnts{margin-bottom: 5px;line-height: 150%;}
488
span.variantcashback {font-size: smaller;color:#58d936;}
489
span.storeminprice{color: #ff0000;}
490
.arrowright{background: url('/img/arrow.png') no-repeat center center;background-size: contain;width: 25px;height: 25px;}
491
#notificationMessage{padding: 10px;}
492
#skippopup{margin-top: 10px;}
493
.notificationmodal{}
494
.notificationmodal .modal-footer{background: none;border: none;text-align: center;padding: 2px 2px 0 2px !important;margin-top: 20px;}
495
/*a.okbtn{color:#58d936;font-size: 1.3em;font-weight: 100;}*/
496
.dismissbtn{padding-top: 5px;}
497
.dismissbtn a{color:#58d936;font-size: 1.3em;font-weight: 100;}
498
.notificationmodal.modal1{}
499
.notificationMessage{font-size: 1.2em;text-align: center;font-weight: 100;}
500
.closepopup{float: right;margin-top: -10px;margin-right: -5px;}
501
.timeago{font-size: 0.8em;padding-left: 5px;}
502
a.okbtn.btn{border-radius: 0;color: #fff !important;background-color: #58d936 !important;}
503
.modal-dialog{width: 75%;margin: 100px auto;}
504
span.clock{background: url('/img/clock.png') no-repeat center center;background-size: contain;width: 12px;height: 12px;display: inline-block;vertical-align: middle;}
505
.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;}
506
.dropdown-menu>li{display: block;padding: 3px 20px;clear: both;font-weight: 400;line-height: 1.42857143;color: #333;white-space: nowrap;}
507
span.sortlabel{margin-left: 20px;}
508
/*.btn-desc{display: inline-block !important;padding: 3px 10px !important;border:1px solid ##e5e5e5;color:#000;font-weight: bold;}*/
509
.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;}
510
ul.brands{background-color: #fff;margin: 0 15px;padding: 10px 20px;}
511
li.brand{border-bottom: 1px solid #f9f9f9;padding: 5px 0;}
512
.brandname{margin-right: 5px;color: #58d936;}
513
.brandcount{color: #ccc;}
514
.filteractions{text-align: center;margin: 0 15px;height: 40px;}
515
.filteractions div{padding: 0 !important;}
516
.filteractions a {font-size: 1.5em;height: 40px;width: 100%;display: block;padding-top: 5px;}
517
.filteractions a.clearfilter{background-color: #ccc;color: #000;}
518
.filteractions a.applyfilter{background-color: #3ca8f4;color: #fff;}
519
.filterbrand{float: right !important;}
520
#showallbrands{background-color: #fff;font-size: 1.2em;margin: 0 15px;text-align: center;height: 30px;}
521
.clearfilters{color: #fff !important;background-color: #58d936;padding: 0;margin: 0;width: 70% !important;font-size: 0.9em;}
522
.greentext{color: #58d936;}
523
#popovertrigger{position: absolute;top:10px;z-index: -999;}
524
.popover{max-width: 160px !important;}
525
.nodeals{text-decoration: underline;color: #fff;font-size: 1.2em;font-weight: bold;}
526
.tales {width: 50%;}
527
.carousel-inner{width:100%; max-height: 200px !important;}