slitaz-forge view shop/shop.color.css @ rev 718

pangolin/web/index.php: add games.slitaz.org
author Pascal Bellard <pascal.bellard@slitaz.org>
date Mon Oct 25 17:27:46 2021 +0000 (2021-10-25)
parents
children
line source
1 /*
2 Color CSS style for SliTaz Shop - (C) 2012 SliTaz GNU/Linux
3 Modified styles are ident with tab.
4 */
5
6 /* Begin Spreadshop style */
7 /********************************************
8 *
9 * Colours and fonts
10 *
11 */
12
13 /* Form */
14
15 input, textarea, select {
16 color: #444444;
17 padding: 3px;
18 margin: 4px;
19 font-size: 13px;
20 line-height: 1.2em;
21 border: 1px solid #cccccc;
22 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
23 background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
24 -webkit-appearance: none;
25 -webkit-padding-end: 6px;
26 -webkit-padding-start: 6px;
27 }
28
29 /*
30 * ~~~ Font family ~~~
31 */
32 select,
33 input,
34 textarea,
35 body
36 {
37 font-family:Arial, Helvetica, sans-serif;
38 }
39 /*
40 * ~~~ Link color, hover color ~~~
41 */
42 a,
43 .links_color
44 {
45 color:#11aeb2;
46 }
47 a:hover,
48 .mark,
49 .navigation div span,
50 #detailArticlePrint .detailArticleViews span strong a,
51 .link_hover_color
52 {
53 color:#ff5e13;
54 }
55 /*
56 * ~~~ Font color 1 ~~~
57 */
58 body,
59 h1,
60 h4,
61 .navigation,
62 .basketAdditionals #frmProceed #basketPriceTotal div label,
63 #frmOrderShow #basketItems .basketAdditionals #basketPriceTotal label,
64 #footer small,
65 .font_color_1
66 {
67 color:#666666;
68 }
69 /*
70 * ~~~ Font color 2 ~~~
71 */
72 h2,
73 .content #basketItems h1
74 {
75 color:#444;
76 }
77 #ibox_content p,
78 .font_color_2 {
79 color:#444 !important;
80 }
81 /*
82 * ~~~ Font color 3 ~~~
83 */
84 h3,
85 .checkout-login .gap_down_large h1,
86 .checkout-lost-password .gap_down_large h1,
87 .font_color_3
88 {
89 color:#fd7739;
90 }
91 /*
92 * ~~~ Font color 4 ~~~
93 */
94 /*
95 * ~~~ Font color 5 ~~~
96 */
97 h5,
98 .price-old,
99 #checkoutAddress form fieldset label,
100 #frmOrderShow #basketItems .basketAdditionals #basketPriceTax,
101 #frmOrderShow #basketItems .basketAdditionals #basketPriceTax .price,
102 .checkout .basketAdditionals #frmProceed #basketPriceTotal div#basketTax,
103 .checkout-login .gap_down_large p.metatext,
104 .checkout-lost-password .gap_down_large p.metatext,
105 .checkout-v2 #basketItems fieldset .basketItemViewConfig dl dt,
106 .checkout-v2 #basketItems fieldset .basketItemViewConfig dl dd,
107 .checkout-v2 .content input.error,
108 .checkout-v2 .content select.error,
109 .checkout-v2 #checkoutAddress form fieldset label,
110 .checkout-v2 #basketAddressSelect fieldset label,
111 .checkout-v2 #checkoutPaymentInfo form label,
112 .checkout-v2 #checkoutPaymentInfo div.paymentOption fieldset div label,
113 .checkout-v2 #checkoutAddress #ShippingDeliveryType2 label a,
114 .checkout-v2 #checkoutAddress #ShippingDeliveryType2 label a:hover,
115 .font_color_5
116 {
117 color:#558d18;
118 }
119 /*
120 * ~~~ Font color 6 ~~~
121 */
122 #detailArticlePrint h4,
123 #basketItems fieldset ul.basketColumn span,
124 .basketAdditionals #frmProceed div label,
125 .basketAdditionals #frmProceed #basketHandlingPrice span,
126 .basketAdditionals #frmProceed #basketShippingCoupon span,
127 .basketAdditionals #frmProceed #basketShippingPrice span strong,
128 .basketAdditionals #frmProceed #basketBonusPayment span,
129 .basketAdditionals #frmProceed #basketCoupon span,
130 .basketAdditionals #frmProceed #basketDiscount span,
131 #checkoutAddress form h3,
132 #checkoutAddress form .checkoutAdditionals fieldset div .price,
133 #checkoutPaymentInfo form div.paymentOption h3,
134 #checkoutPaymentInfo form div span strong,
135 #frmOrderShow #basketItems .basketAdditionals #basketCharging .price,
136 .checkout-v2 .basketAdditionals #frmProceed div label,
137 .checkout-v2 .basketAdditionals #frmProceed #basketHandlingPrice span,
138 .checkout-v2 .basketAdditionals #frmProceed #basketShippingCoupon span,
139 .checkout-v2 .basketAdditionals #frmProceed #basketShippingPrice span strong,
140 .checkout-v2 .basketAdditionals #frmProceed #basketBonusPayment span,
141 .checkout-v2 .basketAdditionals #frmProceed #basketCoupon span,
142 .checkout-v2 #checkoutAddress form h3,
143 .checkout-v2 #checkoutAddress form h3 a,
144 .checkout-v2 #checkoutAddress form .checkoutAdditionals fieldset div .price,
145 .checkout-v2 #checkoutPaymentInfo form div.paymentOption h3,
146 .checkout-v2 #checkoutPaymentInfo form div span strong,
147 .checkout-v2 #frmOrderShow #basketItems .basketAdditionals #basketCharging .price,
148 .checkout-v2 #frmOrderShow #basketItems .basketAdditionals #basketPriceTotal label,
149 .checkout-v2 #ShippingDeliveryType2 label a,
150 .font_color_6
151 {
152 color:#666666;
153 }
154 /*
155 * ~~~ Font color 7 ~~~
156 */
157 #headerUserInformation ul li,
158 #detailArticlePrint fieldset,
159 #basketItems fieldset ul.basketColumn,
160 #checkoutAddress form .checkoutAdditionals fieldset div label,
161 #checkoutAddress form .checkoutAdditionals fieldset div p,
162 #checkoutPaymentInfo form label,
163 #checkoutPaymentInfo form fieldset,
164 #checkoutPaymentInfo div.paymentOption fieldset div label,
165 #checkoutPaymentInfo div.paymentOption fieldset p,
166 #frmOrderShow #basketItems .basketAdditionals #basketCharging,
167 .rowData td,
168 .rowData td.rowRange,
169 .basketAdditionals #frmProceed div span,
170 .checkout-v2 .basketAdditionals #frmProceed div span,
171 .checkout-v2 #checkoutAddress form .checkoutAdditionals fieldset div label,
172 .checkout-v2 #checkoutAddress form .checkoutAdditionals fieldset div p,
173 .checkout-v2 #checkoutPaymentInfo form fieldset,
174 .checkout-v2 #checkoutPaymentInfo div.paymentOption fieldset p,
175 .checkout-v2 #frmOrderShow #basketItems .basketAdditionals #basketCharging,
176 .font_color_7
177 {
178 color:#666666;
179 }
180 /*
181 * ~~~ Background color 1, background image ~~~
182 */
183 body
184 {
185 background:#ffffff ;
186 }
187 bg_color_1 {
188 background:#ffffff;
189 }
190 /*
191 * ~~~ Background color 2 ~~~
192 */
193 #main,
194 #tooltip,
195 #banner,
196 .popup,
197 .classicCompact form fieldset div.articleDesc,
198 .classicCompact form fieldset div.articlePrice,
199 #frmArticleDetails p.articleDesc,
200 #checkoutPaymentInfo ul.checkoutStepsTop,
201 #articleDesigns h3,
202 #producttypeDetails #productDetailsImage,
203 .faqPopup,
204 .bg_color_2
205 {
206 background-color:#ffffff;
207 }
208 #ibox_content {
209 background-color:#ffffff !important;
210 }
211 body.popup
212 {
213 background:#ffffff;
214 }
215 /*
216 * ~~~ Background color 3 ~~~
217 */
218 .classicCompact form fieldset div.articleImages,
219 .classicCompact form fieldset ul,
220 .classicExtended form fieldset .articleImages,
221 .classicExtended form fieldset ul,
222 .basketAdditionals #frmProceed div div,
223 .rowData td,
224 #headerUserInformation,
225 #detailArticlePrint,
226 #articleRecommend .articleImages,
227 #basketItems fieldset ul.basketColumn,
228 #checkoutAddress form .checkoutAdditionals fieldset,
229 #checkoutPaymentInfo form div.paymentOption div,
230 #checkoutPaymentInfo form fieldset,
231 #frmOrderShow #basketItems .basketAdditionals #basketCharging,
232 #articleDesigns div,
233 #producttypeDetails #measureImage,
234 #menuFooter,
235 .mvc #help .faqAnswers div table th,
236 .bg_color_3,
237 #producttype_tabbox tr.even td
238 {
239 background-color:#ffffff;
240 }
241 /*
242 * ~~~ Background color 4 ~~~
243 */
244
245 #frmFilter,
246 #menuCheckout,
247 #menu li#menuItemShop.current a,
248 #menu li.current a,
249 #menu li a:hover,
250 form.topArticle fieldset .articleImages ul,
251 form.topArticle fieldset .articleImages,
252 h3.navi-level-4-header,
253 .bg_color_4
254 {
255 background-color:#555555;
256 }
257 #menu li#menuItemShop.current a, #menu li.current a,
258 #menu li a:hover {
259 -webkit-border-top-left-radius: 2px;
260 -webkit-border-top-right-radius: 2px;
261 -moz-border-radius-topleft: 2px;
262 -moz-border-radius-topright: 2px;
263 border-top-left-radius: 2px;
264 border-top-right-radius: 2px;
265 }
266
267 #ibox_wrapper {
268 background-color:#555555 !important;
269 }
270 #menu li a
271 {
272 color:#555555;
273 }
274 /*
275 * ~~~ Background color 5 ~~~
276 */
277 #menuCheckout a:hover,
278 .bg_color_5
279 {
280 background-color: #666666;
281 }
282 /*
283 * ~~~ Background color 6 ~~~
284 */
285 #menuCheckout ol li.current,
286 .bg_color_6
287 {
288 background-color:#558d18;
289 }
290 /*
291 * ~~~ Background color 7 ~~~
292 */
293 #menu,
294 #menu li,
295 .bg_color_7
296 {
297 background-color:#ffffff;
298 }
299 #menu li a:hover,
300 #menu li.current a,
301 #menuCheckout ol li a,
302 #frmFilter h4,
303 h3.navi-level-4-header,
304 .headers-color
305 {
306 color:#ffffff;
307 font-weight: bold;
308 text-decoration: none;
309 }
310
311 #producttype_tabbox a:hover {
312 color: #d66018;
313 text-decoration: none;
314 }
315 /*
316 * ~~~ Border colours (all) ~~~
317 */
318 .button.delete,
319 .tag,
320 .delicious,
321 .recommend,
322 .message a img,
323 .classicCompact form fieldset a img,
324 .classicExtended form fieldset a img,
325 .classicCompact .button.basket,
326 #tooltip,
327 #detailArticlePrint #detailArticleThumb,
328 #detailArticlePrint .detailArticleViews a img,
329 #detailArticlePrint .detailCurrentView a img,
330 #detailArticlePrint fieldset div span img,
331 #articleAdditionalLinks ul li a img,
332 #detailProductInformation img,
333 #articleRecommend .articleImages a img,
334 #basketItems a.thumb,
335 #basketItems fieldset .basketArticleImages a,
336 #basketItems li.basketColor img,
337 #articleDesigns div a img,
338 #producttypeDetails #measureImage img,
339 #producttypeDetails #productDetailsImage,
340 .checkout-v2 #basketAddressSelect fieldset ul li a.del,
341 .mvc .box,
342 .checkout-v2 #basketItems fieldset .thumb,
343 .checkout-v2 #basketItems fieldset .basketArticleImages a,
344 .checkout-v2 #basketItems .thumb,
345 .checkout-v2 .content select,
346 .checkout-v2 .content fieldset input,
347 .checkout-v2 .content textarea,
348 .checkout-v2 #basketItems a.button.delete,
349 .mvc #help .faqAnswers div table th,
350 .checkout-v2 #basketItems li.basketColor span img,
351 .border_color_1
352 {
353 border: 2px solid #ddd;
354 }
355 .checkout-v2 .content img,
356 .checkout-v2 .content .button.delete
357 {
358 border:0 solid #ffffff;
359 }
360 .checkout-v2 #basketItems li.basketColor img
361 {
362 border:1px solid #ffffff;
363 }
364 /*
365 * ~~~ Border colours (top) ~~~
366 */
367 .classicCompact form fieldset div.articlePrice,
368 .classicExtended form fieldset .articleDesc #freeColorSelection,
369 .classicExtended form fieldset div.articlePrice,
370 .checkoutStepsTop,
371 .checkoutStepsBottom,
372 .faqEmbedded .faqAnswer h5,
373 .basketAdditionals #frmProceed div,
374 #frmArticleDetails fieldset div#articlePrice,
375 #detailProduct,
376 #checkoutAddress #checkoutDeliveryAddress,
377 #checkoutAddress form .checkoutAdditionals,
378 #checkoutPaymentInfo form div.paymentOption,
379 #basketCheck div#listBasketCheck,
380 #frmOrderShow #basketItems,
381 #frmOrderShow #basketItems .basketAdditionals,
382 #frmOrderShow #basketItems .basketAdditionals #basketSum,
383 #impressum #impressumSpreadshirt,
384 #cart .total,
385 .checkout-v2 #frmOrderShow #basketItems .basketAdditionals #basketSum,
386 .checkout-v2 #frmOrderShow #basketItems .basketAdditionals,
387 .checkout-v2 #frmOrderShow #basketItems,
388 .checkout-v2 #checkoutPaymentInfo form div.paymentOption,
389 .checkout-v2 #checkoutAddress #checkoutDeliveryAddress,
390 .checkout-v2 #basketCheck div#listBasketCheck,
391 .checkout-v2 #basketItems .basketDelete,
392 .checkout-v2 .basketAdditionals #frmProceed div
393 .checkout-v2 .basketAdditionals #frmProceed div,
394 .checkout-v2 .checkoutStepsBottom,
395 .mvc #copyright,
396 .mvc #help,
397 .mvc #privacy,
398 .mvc #impressum,
399 .border_top_color_1
400 {
401 border-top:1px solid #ffffff;
402 }
403 /*
404 * ~~~ Border colours (bottom) ~~~
405 */
406 .detailMenuPath,
407 .classicCompact form fieldset div.articlePrice,
408 .classicExtended form fieldset div.articlePrice,
409 #frmArticleDetails,
410 #frmArticleDetails .articleProducttypeDesc,
411 #frmArticleDetails p.articleDesc,
412 #basketItems .updateBasketItem:hover,
413 #basketItems .updateBasketItem,
414 #basketAddressSelect fieldset,
415 #basketAddressSelect .checkoutInformation,
416 .checkout-v2 #basketAddressSelect fieldset,
417 .checkout-v2 .checkoutStepsTop,
418 .checkout-lost-password .gap_down_large form,
419 .mvc #help .faqCategories,
420 .mvc #terms ul.term-links,
421 .border_bottom_color_1
422 {
423 border-bottom:1px solid #ffffff;
424 }
425 .filter
426 {
427 border-bottom:1px solid #ffffff !important;
428 }
429 /*
430 * ~~~ Border colours (left) ~~~
431 */
432 #ssl a,
433 #headerUserInformation ul.left li,
434 #headerUserInformation ul.right li,
435 .border_left_color_1
436 {
437 border-left:1px solid #ffffff;
438 }
439 /*
440 * ~~~ Border colours (right) ~~~
441 */
442 .rowHL td,
443 #menu li,
444 #menuFooter ul li,
445 #headerUserInformation ul.right,
446 .border_right_color_1
447 {
448 border-right:1px solid #ffffff;
449 }
450 /*
451 * ~~~ Border colours (hover) ~~~
452 */
453 .tag:hover,
454 .delicious:hover,
455 .recommend:hover,
456 .message a:hover img,
457 .classicCompact form fieldset a:hover img,
458 .classicCompact .button:hover.basket,
459 .classicExtended form fieldset a:hover img,
460 #detailArticlePrint .detailArticleViews a:hover img,
461 #detailArticlePrint .detailCurrentView a:hover img,
462 #articleAdditionalLinks ul li a:hover img,
463 #articleRecommend .articleImages a:hover img,
464 .content #basketItems fieldset .basketArticleImages a:hover,
465 #articleDesigns div a:hover img,
466 .checkout-v2 #basketItems fieldset .basketArticleImages a:hover,
467 .borderCurrent,
468 .border_color_2
469 {
470 border:1px solid #fd7739;
471 }
472 .mvc input:focus,
473 .mvc input:active,
474 .mvc input:hover,
475 .mvc select:hover,
476 .mvc select:focus,
477 .mvc textarea:hover,
478 .mvc textarea:focus
479 {
480 border-color:#fd7739;
481 }
482 /*
483 * ~~~ Messages ~~~
484 */
485 .error,
486 .mvc .message error
487 {
488 border:1px solid #bf4500;
489 color:#bf4500;
490 }
491 .mvc .message error a
492 {
493 color:#bf4500;
494 text-decoration:underline;
495 }
496 .checkout-v2 #span-error
497 {
498 border:1px solid #bf4500 !important;
499 }
500 .checkout-v2 .content select.error,
501 .checkout-v2 .content input.error
502 {
503 border-color:#bf4500;
504 }
505 .pending
506 {
507 border:1px solid #cc9933;
508 color:#cc9933;
509 }
510 .info
511 {
512 border:1px solid #0060a1;
513 color:#0060a1;
514 }
515 .success,
516 .mvc .message info
517 {
518 border:1px solid #009933;
519 color:#009933;
520 }
521 /*
522 * ~~~ Article images (background, hardcoded) ~~~
523 */
524 .button.delete,
525 #detailArticlePrint #detailArticleThumb,
526 #detailArticlePrint fieldset div span img,
527 #basketItems li.basketColor img,
528 #articleDesigns div a img
529 {
530 background-color:#fff;
531 }
532 /* End Spreadshop style */