jquerylistadecompras 4.0.24 → 4.0.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/jquery.listadecompras.css +231 -182
- package/jquery.listadecompras.js +832 -455
- package/package.json +1 -1
|
@@ -1,222 +1,271 @@
|
|
|
1
|
-
*{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
* {
|
|
2
|
+
}
|
|
3
|
+
body {
|
|
4
|
+
font-family:
|
|
5
|
+
"Arial",
|
|
6
|
+
Helvetica Neue,
|
|
7
|
+
sans-serif;
|
|
8
|
+
margin: 0;
|
|
9
|
+
padding: 0;
|
|
10
|
+
position: relative;
|
|
11
|
+
}
|
|
12
|
+
h1,
|
|
13
|
+
h2,
|
|
14
|
+
h3,
|
|
15
|
+
h4,
|
|
16
|
+
h5,
|
|
17
|
+
h6 {
|
|
18
|
+
margin: 0;
|
|
7
19
|
}
|
|
8
|
-
h1,h2,h3,h4,h5,h6{margin:0;}
|
|
9
20
|
|
|
10
21
|
.listaDeCompras {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
22
|
+
padding: 1px;
|
|
23
|
+
border-radius: 5px;
|
|
24
|
+
min-width: 310px;
|
|
14
25
|
}
|
|
15
26
|
|
|
16
|
-
.listaDeCompras table thead tr th{
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
27
|
+
.listaDeCompras table thead tr th {
|
|
28
|
+
line-height: 25px;
|
|
29
|
+
font-size: 12px;
|
|
30
|
+
text-align: center;
|
|
20
31
|
}
|
|
21
32
|
|
|
22
|
-
.listaDeCompras table thead tr.header th{
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
33
|
+
.listaDeCompras table thead tr.header th {
|
|
34
|
+
color: #fff;
|
|
35
|
+
font-size: 16px;
|
|
36
|
+
height: 25px;
|
|
37
|
+
padding: 5px;
|
|
27
38
|
}
|
|
28
39
|
|
|
29
|
-
.listaDeCompras table tbody tr td{
|
|
30
|
-
|
|
31
|
-
|
|
40
|
+
.listaDeCompras table tbody tr td {
|
|
41
|
+
text-align: center;
|
|
42
|
+
vertical-align: middle;
|
|
32
43
|
}
|
|
33
44
|
|
|
34
|
-
.listaDeCompras table tbody td h6{
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
45
|
+
.listaDeCompras table tbody td h6 {
|
|
46
|
+
font-size: 14px;
|
|
47
|
+
color: #333;
|
|
48
|
+
font-weight: 300;
|
|
49
|
+
line-height: 18px;
|
|
39
50
|
}
|
|
40
51
|
|
|
41
|
-
.listaDeCompras table tbody td span{
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
52
|
+
.listaDeCompras table tbody td span {
|
|
53
|
+
font-size: 14px;
|
|
54
|
+
color: #666;
|
|
55
|
+
font-weight: 900;
|
|
45
56
|
}
|
|
46
57
|
|
|
47
|
-
.listaDeCompras table tbody tr{
|
|
48
|
-
|
|
49
|
-
|
|
58
|
+
.listaDeCompras table tbody tr {
|
|
59
|
+
border: 2px solid #fff;
|
|
60
|
+
line-height: 0;
|
|
50
61
|
}
|
|
51
62
|
|
|
52
|
-
.listaDeCompras table tbody tr:nth-child(even){
|
|
53
|
-
|
|
63
|
+
.listaDeCompras table tbody tr:nth-child(even) {
|
|
64
|
+
background-color: #f0f0f0;
|
|
54
65
|
}
|
|
55
66
|
|
|
56
|
-
.listaDeCompras table tbody tr:nth-child(odd){
|
|
57
|
-
|
|
67
|
+
.listaDeCompras table tbody tr:nth-child(odd) {
|
|
68
|
+
background-color: #f6f6f6;
|
|
58
69
|
}
|
|
59
70
|
|
|
60
|
-
.listaDeCompras table tbody tr td:first-child{
|
|
61
|
-
|
|
62
|
-
|
|
71
|
+
.listaDeCompras table tbody tr td:first-child {
|
|
72
|
+
padding: 0;
|
|
73
|
+
margin: 0;
|
|
63
74
|
}
|
|
64
75
|
|
|
65
|
-
.listaDeCompras table tbody tr td:first-child img{
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
76
|
+
.listaDeCompras table tbody tr td:first-child img {
|
|
77
|
+
border: 1px solid #ddd;
|
|
78
|
+
width: 100px;
|
|
79
|
+
height: 100px;
|
|
80
|
+
margin: 5px 0;
|
|
70
81
|
}
|
|
71
82
|
|
|
72
83
|
.listaDeCompras table tbody tr td input[type="checkbox"] {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
84
|
+
display: none;
|
|
85
|
+
}
|
|
86
|
+
|
|
76
87
|
.listaDeCompras table tbody tr td input[type="checkbox"] + .stockIcon {
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
}
|
|
84
|
-
.listaDeCompras
|
|
88
|
+
width: 20px;
|
|
89
|
+
height: 20px;
|
|
90
|
+
display: block;
|
|
91
|
+
background-image: url("/Images/item_available.png");
|
|
92
|
+
background-repeat: no-repeat;
|
|
93
|
+
margin: 15px auto;
|
|
94
|
+
}
|
|
95
|
+
.listaDeCompras
|
|
96
|
+
table
|
|
97
|
+
tbody
|
|
98
|
+
tr
|
|
99
|
+
td
|
|
100
|
+
input[type="checkbox"][value="0"]
|
|
101
|
+
+ .stockIcon,
|
|
85
102
|
.listaDeCompras table tbody tr td .stockIcon.quantityZero {
|
|
86
|
-
|
|
103
|
+
background-image: url("/Images/item_unavailable.png") !important;
|
|
87
104
|
}
|
|
88
105
|
|
|
89
106
|
.listaDeCompras table tbody tr td div.cart {
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
107
|
+
width: 45px;
|
|
108
|
+
height: 30px;
|
|
109
|
+
margin: 0 auto;
|
|
110
|
+
position: relative;
|
|
111
|
+
top: -10px;
|
|
95
112
|
}
|
|
96
113
|
|
|
97
114
|
.listaDeCompras table tbody tr td div.cart input[type="text"].quantity {
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
115
|
+
position: absolute;
|
|
116
|
+
top: 0px;
|
|
117
|
+
left: 0px;
|
|
118
|
+
width: 28px;
|
|
119
|
+
height: 48px;
|
|
120
|
+
border-radius: 2px;
|
|
121
|
+
background-color: #fff;
|
|
122
|
+
text-align: center;
|
|
123
|
+
font-size: 22px;
|
|
124
|
+
font-weight: 300;
|
|
125
|
+
color: #666;
|
|
126
|
+
border: 1px solid #999;
|
|
127
|
+
padding: 0;
|
|
128
|
+
margin: 0;
|
|
129
|
+
font-family:
|
|
130
|
+
"Arial",
|
|
131
|
+
Helvetica Neue,
|
|
132
|
+
sans-serif;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.listaDeCompras
|
|
136
|
+
table
|
|
137
|
+
tbody
|
|
138
|
+
tr
|
|
139
|
+
td
|
|
140
|
+
div.cart
|
|
141
|
+
input[type="text"].quantity:disabled {
|
|
142
|
+
background-color: #ddd !important;
|
|
143
|
+
box-shadow: inset 1px 1px 5px 0 rgba(0, 0, 0, 0.2);
|
|
144
|
+
cursor: not-allowed;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.listaDeCompras table tbody tr td div.cart input[type="text"].quantity:focus {
|
|
148
|
+
box-shadow: inset 0 0 16px #ddd;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
.listaDeCompras table tbody tr td div.cart button[type="button"].quantity {
|
|
152
|
+
position: absolute;
|
|
153
|
+
left: 29px;
|
|
154
|
+
height: 25px;
|
|
155
|
+
line-height: 1px;
|
|
156
|
+
width: 15px;
|
|
157
|
+
padding: 0;
|
|
158
|
+
color: #666;
|
|
159
|
+
border: 1px solid #999;
|
|
160
|
+
background-color: #e6e6e6;
|
|
161
|
+
background-image: -webkit-linear-gradient(#ffffff 100%, #e6e6e6 0);
|
|
162
|
+
background-image: linear-gradient(#ffffff 0%, #e6e6e6 100%);
|
|
163
|
+
background-image: -webkit-linear-gradient(
|
|
164
|
+
top,
|
|
165
|
+
#ffffff,
|
|
166
|
+
#e6e6e6
|
|
167
|
+
); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
|
|
168
|
+
background-image: -webkit-gradient(
|
|
169
|
+
linear,
|
|
170
|
+
left top,
|
|
171
|
+
left bottom,
|
|
172
|
+
from(#ffffff),
|
|
173
|
+
to(#e6e6e6)
|
|
174
|
+
); /* Chrome, Safari 4+ */
|
|
139
175
|
}
|
|
140
176
|
|
|
141
177
|
.listaDeCompras table tbody tr td div.cart button[type="button"]:disabled {
|
|
142
|
-
|
|
178
|
+
display: none;
|
|
143
179
|
}
|
|
144
|
-
|
|
180
|
+
|
|
145
181
|
.listaDeCompras table tbody tr td div.cart button[type="button"].quantity.plus {
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
182
|
+
top: 0;
|
|
183
|
+
border-radius: 0px 5px 0px 0px;
|
|
184
|
+
border-bottom: 0;
|
|
149
185
|
}
|
|
150
186
|
|
|
151
|
-
.listaDeCompras
|
|
152
|
-
|
|
153
|
-
|
|
187
|
+
.listaDeCompras
|
|
188
|
+
table
|
|
189
|
+
tbody
|
|
190
|
+
tr
|
|
191
|
+
td
|
|
192
|
+
div.cart
|
|
193
|
+
button[type="button"].quantity.plus:hover {
|
|
194
|
+
background: #a3c354;
|
|
195
|
+
color: #fff;
|
|
154
196
|
}
|
|
155
197
|
|
|
156
198
|
.listaDeCompras table tbody tr td div.cart button[type="button"].quantity.less {
|
|
157
|
-
|
|
158
|
-
|
|
199
|
+
top: 25px;
|
|
200
|
+
border-radius: 0px 0px 5px;
|
|
159
201
|
}
|
|
160
202
|
|
|
161
|
-
.listaDeCompras
|
|
162
|
-
|
|
163
|
-
|
|
203
|
+
.listaDeCompras
|
|
204
|
+
table
|
|
205
|
+
tbody
|
|
206
|
+
tr
|
|
207
|
+
td
|
|
208
|
+
div.cart
|
|
209
|
+
button[type="button"].quantity.less:hover {
|
|
210
|
+
background: #bf4133;
|
|
211
|
+
color: #fff;
|
|
164
212
|
}
|
|
165
213
|
|
|
166
214
|
.listaDeCompras table tfoot tr td p {
|
|
167
|
-
|
|
215
|
+
font-size: 11px;
|
|
216
|
+
padding: 0 5px;
|
|
168
217
|
}
|
|
169
218
|
|
|
170
219
|
.listaDeCompras table tfoot tr td div.amount {
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
220
|
+
width: 95%;
|
|
221
|
+
border: 1px solid #97bb3f;
|
|
222
|
+
border-radius: 5px;
|
|
223
|
+
display: inline-block;
|
|
224
|
+
background-color: #97bb3f;
|
|
176
225
|
}
|
|
177
226
|
|
|
178
227
|
.listaDeCompras table tfoot tr td div.amount span {
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
228
|
+
width: 60%;
|
|
229
|
+
float: left;
|
|
230
|
+
padding: 5px 0;
|
|
231
|
+
font-size: 16px;
|
|
232
|
+
background-color: #fff;
|
|
233
|
+
border-radius: 5px 0 0 5px;
|
|
185
234
|
}
|
|
186
235
|
|
|
187
236
|
.listaDeCompras table tfoot tr td div.amount span > b {
|
|
188
|
-
|
|
237
|
+
color: #97bb3f;
|
|
189
238
|
}
|
|
190
239
|
|
|
191
|
-
.listaDeCompras table tfoot tr td div.amount div.buy{
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
240
|
+
.listaDeCompras table tfoot tr td div.amount div.buy {
|
|
241
|
+
margin: 0 auto;
|
|
242
|
+
cursor: pointer;
|
|
243
|
+
width: 35%;
|
|
244
|
+
background: none;
|
|
245
|
+
color: #fff;
|
|
246
|
+
border: 0;
|
|
247
|
+
line-height: 28px;
|
|
248
|
+
font-size: 16px;
|
|
249
|
+
padding: 0;
|
|
250
|
+
text-decoration: none;
|
|
251
|
+
float: right;
|
|
203
252
|
}
|
|
204
253
|
|
|
205
254
|
@media (max-width: 940px) {
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
255
|
+
.listaDeCompras table tfoot tr td div.amount div.buy {
|
|
256
|
+
line-height: 50px !important;
|
|
257
|
+
font-size: 13px !important;
|
|
258
|
+
font-weight: 300;
|
|
259
|
+
display: inline-block;
|
|
260
|
+
}
|
|
261
|
+
.listaDeCompras table tfoot tr td div.amount span {
|
|
262
|
+
height: 40px;
|
|
263
|
+
width: 100%;
|
|
264
|
+
}
|
|
265
|
+
.listaDeCompras table tfoot tr td div.amount span > b {
|
|
266
|
+
display: block;
|
|
267
|
+
font-size: 15px;
|
|
268
|
+
}
|
|
220
269
|
}
|
|
221
270
|
|
|
222
271
|
/* Themes */
|
|
@@ -224,107 +273,107 @@ h1,h2,h3,h4,h5,h6{margin:0;}
|
|
|
224
273
|
/* Default Theme */
|
|
225
274
|
|
|
226
275
|
.listaDeCompras.defaultTheme {
|
|
227
|
-
|
|
276
|
+
border: 1px solid #ddd;
|
|
228
277
|
}
|
|
229
278
|
|
|
230
|
-
.listaDeCompras.defaultTheme table thead {
|
|
231
|
-
|
|
279
|
+
.listaDeCompras.defaultTheme table thead {
|
|
280
|
+
background-color: #ddd;
|
|
232
281
|
}
|
|
233
282
|
|
|
234
283
|
.listaDeCompras.defaultTheme table thead th {
|
|
235
|
-
|
|
284
|
+
color: #666;
|
|
236
285
|
}
|
|
237
286
|
|
|
238
287
|
.listaDeCompras.defaultTheme table thead tr.header th {
|
|
239
|
-
|
|
288
|
+
border-bottom: 1px solid #333;
|
|
240
289
|
}
|
|
241
290
|
|
|
242
291
|
/* Orange Theme */
|
|
243
292
|
|
|
244
293
|
.listaDeCompras.orangeTheme {
|
|
245
|
-
|
|
294
|
+
border: 1px solid #fca24b;
|
|
246
295
|
}
|
|
247
296
|
|
|
248
297
|
.listaDeCompras.orangeTheme table thead {
|
|
249
|
-
|
|
298
|
+
background-color: #fca24b;
|
|
250
299
|
}
|
|
251
300
|
|
|
252
301
|
.listaDeCompras.orangeTheme table thead th {
|
|
253
|
-
|
|
302
|
+
color: #fff;
|
|
254
303
|
}
|
|
255
304
|
|
|
256
305
|
.listaDeCompras.orangeTheme table thead tr.header th {
|
|
257
|
-
|
|
306
|
+
border-bottom: 1px solid #ff6600;
|
|
258
307
|
}
|
|
259
308
|
|
|
260
309
|
/* Blue Theme */
|
|
261
310
|
|
|
262
311
|
.listaDeCompras.blueTheme {
|
|
263
|
-
|
|
312
|
+
border: 1px solid blue;
|
|
264
313
|
}
|
|
265
314
|
|
|
266
315
|
.listaDeCompras.blueTheme table thead {
|
|
267
|
-
|
|
316
|
+
background-color: blue;
|
|
268
317
|
}
|
|
269
318
|
|
|
270
319
|
.listaDeCompras.blueTheme table thead th {
|
|
271
|
-
|
|
320
|
+
color: #fff;
|
|
272
321
|
}
|
|
273
322
|
|
|
274
323
|
.listaDeCompras.blueTheme table thead tr.header th {
|
|
275
|
-
|
|
324
|
+
border-bottom: 1px solid deepskyblue;
|
|
276
325
|
}
|
|
277
326
|
|
|
278
327
|
/* Green Theme */
|
|
279
328
|
|
|
280
329
|
.listaDeCompras.greenTheme {
|
|
281
|
-
|
|
330
|
+
border: 1px solid green;
|
|
282
331
|
}
|
|
283
332
|
|
|
284
333
|
.listaDeCompras.greenTheme table thead {
|
|
285
|
-
|
|
334
|
+
background-color: green;
|
|
286
335
|
}
|
|
287
336
|
|
|
288
337
|
.listaDeCompras.greenTheme table thead th {
|
|
289
|
-
|
|
338
|
+
color: #fff;
|
|
290
339
|
}
|
|
291
340
|
|
|
292
341
|
.listaDeCompras.greenTheme table thead tr.header th {
|
|
293
|
-
|
|
342
|
+
border-bottom: 1px solid springgreen;
|
|
294
343
|
}
|
|
295
344
|
|
|
296
345
|
/* Olive Drab Theme */
|
|
297
346
|
|
|
298
347
|
.listaDeCompras.oliveDrabTheme {
|
|
299
|
-
|
|
348
|
+
border: 1px solid #9ab95b;
|
|
300
349
|
}
|
|
301
350
|
|
|
302
351
|
.listaDeCompras.oliveDrabTheme table thead {
|
|
303
|
-
|
|
352
|
+
background-color: #9ab95b;
|
|
304
353
|
}
|
|
305
354
|
|
|
306
355
|
.listaDeCompras.oliveDrabTheme table thead th {
|
|
307
|
-
|
|
356
|
+
color: #fff;
|
|
308
357
|
}
|
|
309
358
|
|
|
310
359
|
.listaDeCompras.oliveDrabTheme table thead tr.header th {
|
|
311
|
-
|
|
360
|
+
border-bottom: 1px solid darkolivegreen;
|
|
312
361
|
}
|
|
313
362
|
|
|
314
363
|
/* Red Theme */
|
|
315
364
|
|
|
316
365
|
.listaDeCompras.redTheme {
|
|
317
|
-
|
|
366
|
+
border: 1px solid red;
|
|
318
367
|
}
|
|
319
368
|
|
|
320
369
|
.listaDeCompras.redTheme table thead {
|
|
321
|
-
|
|
370
|
+
background-color: red;
|
|
322
371
|
}
|
|
323
372
|
|
|
324
373
|
.listaDeCompras.redTheme table thead th {
|
|
325
|
-
|
|
374
|
+
color: #fff;
|
|
326
375
|
}
|
|
327
376
|
|
|
328
377
|
.listaDeCompras.redTheme table thead tr.header th {
|
|
329
|
-
|
|
330
|
-
}
|
|
378
|
+
border-bottom: 1px solid darkred;
|
|
379
|
+
}
|