slitaz-forge diff shop/shop.color.css @ rev 688

scn: bigger font (match website)
author Christophe Lincoln <pankso@slitaz.org>
date Sat Mar 25 00:01:52 2017 +0100 (2017-03-25)
parents
children
line diff
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/shop/shop.color.css	Sat Mar 25 00:01:52 2017 +0100
     1.3 @@ -0,0 +1,532 @@
     1.4 +/*
     1.5 +	Color CSS style for SliTaz Shop - (C) 2012 SliTaz GNU/Linux
     1.6 +	Modified styles are ident with tab.
     1.7 +*/
     1.8 +
     1.9 +/* Begin Spreadshop style */
    1.10 +/********************************************
    1.11 +*
    1.12 +* Colours and fonts
    1.13 +*
    1.14 +*/
    1.15 +
    1.16 +/* Form */
    1.17 +
    1.18 +input, textarea, select {
    1.19 +	color: #444444;
    1.20 +	padding: 3px;
    1.21 +	margin: 4px;
    1.22 +	font-size: 13px;
    1.23 +	line-height: 1.2em;
    1.24 +	border: 1px solid #cccccc;
    1.25 +	background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
    1.26 +	background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
    1.27 +	-webkit-appearance: none;
    1.28 +	-webkit-padding-end: 6px;
    1.29 +	-webkit-padding-start: 6px;
    1.30 +}
    1.31 +
    1.32 +/*
    1.33 +* ~~~ Font family  ~~~
    1.34 +*/
    1.35 +select,
    1.36 +input,
    1.37 +textarea,
    1.38 +body
    1.39 +{
    1.40 +font-family:Arial, Helvetica, sans-serif;
    1.41 +}
    1.42 +/*
    1.43 +* ~~~ Link color, hover color  ~~~
    1.44 +*/
    1.45 +a,
    1.46 +.links_color
    1.47 +{
    1.48 +color:#11aeb2;
    1.49 +}
    1.50 +a:hover,
    1.51 +.mark,
    1.52 +.navigation div span,
    1.53 +#detailArticlePrint .detailArticleViews span strong a,
    1.54 +.link_hover_color
    1.55 +{
    1.56 +color:#ff5e13;
    1.57 +}
    1.58 +/*
    1.59 +* ~~~ Font color 1  ~~~
    1.60 +*/
    1.61 +body,
    1.62 +h1,
    1.63 +h4,
    1.64 +.navigation,
    1.65 +.basketAdditionals #frmProceed #basketPriceTotal div label,
    1.66 +#frmOrderShow #basketItems .basketAdditionals #basketPriceTotal label,
    1.67 +#footer small,
    1.68 +.font_color_1
    1.69 +{
    1.70 +color:#666666;
    1.71 +}
    1.72 +/*
    1.73 +* ~~~ Font color 2  ~~~
    1.74 +*/
    1.75 +h2,
    1.76 +.content #basketItems h1
    1.77 +{
    1.78 +color:#444;
    1.79 +}
    1.80 +#ibox_content p,
    1.81 +.font_color_2 {
    1.82 +color:#444 !important;
    1.83 +}
    1.84 +/*
    1.85 +* ~~~ Font color 3  ~~~
    1.86 +*/
    1.87 +h3,
    1.88 +.checkout-login .gap_down_large h1,
    1.89 +.checkout-lost-password .gap_down_large h1,
    1.90 +.font_color_3
    1.91 +{
    1.92 +color:#fd7739;
    1.93 +}
    1.94 +/*
    1.95 +* ~~~ Font color 4  ~~~
    1.96 +*/
    1.97 +/*
    1.98 +* ~~~ Font color 5  ~~~
    1.99 +*/
   1.100 +h5,
   1.101 +.price-old,
   1.102 +#checkoutAddress form fieldset label,
   1.103 +#frmOrderShow #basketItems .basketAdditionals #basketPriceTax,
   1.104 +#frmOrderShow #basketItems .basketAdditionals #basketPriceTax .price,
   1.105 +.checkout .basketAdditionals #frmProceed #basketPriceTotal div#basketTax,
   1.106 +.checkout-login .gap_down_large p.metatext,
   1.107 +.checkout-lost-password .gap_down_large p.metatext,
   1.108 +.checkout-v2 #basketItems fieldset .basketItemViewConfig dl dt,
   1.109 +.checkout-v2 #basketItems fieldset .basketItemViewConfig dl dd,
   1.110 +.checkout-v2 .content input.error,
   1.111 +.checkout-v2 .content select.error,
   1.112 +.checkout-v2 #checkoutAddress form fieldset label,
   1.113 +.checkout-v2 #basketAddressSelect fieldset label,
   1.114 +.checkout-v2 #checkoutPaymentInfo form label,
   1.115 +.checkout-v2 #checkoutPaymentInfo div.paymentOption fieldset div label,
   1.116 +.checkout-v2 #checkoutAddress #ShippingDeliveryType2 label a,
   1.117 +.checkout-v2 #checkoutAddress #ShippingDeliveryType2 label a:hover,
   1.118 +.font_color_5
   1.119 +{
   1.120 +color:#558d18;
   1.121 +}
   1.122 +/*
   1.123 +* ~~~ Font color 6  ~~~
   1.124 +*/
   1.125 +#detailArticlePrint h4,
   1.126 +#basketItems fieldset ul.basketColumn span,
   1.127 +.basketAdditionals #frmProceed div label,
   1.128 +.basketAdditionals #frmProceed #basketHandlingPrice span,
   1.129 +.basketAdditionals #frmProceed #basketShippingCoupon span,
   1.130 +.basketAdditionals #frmProceed #basketShippingPrice span strong,
   1.131 +.basketAdditionals #frmProceed #basketBonusPayment span,
   1.132 +.basketAdditionals #frmProceed #basketCoupon span,
   1.133 +.basketAdditionals #frmProceed #basketDiscount span,
   1.134 +#checkoutAddress form h3,
   1.135 +#checkoutAddress form .checkoutAdditionals fieldset div .price,
   1.136 +#checkoutPaymentInfo form div.paymentOption h3,
   1.137 +#checkoutPaymentInfo form div span strong,
   1.138 +#frmOrderShow #basketItems .basketAdditionals #basketCharging .price,
   1.139 +.checkout-v2 .basketAdditionals #frmProceed div label,
   1.140 +.checkout-v2 .basketAdditionals #frmProceed #basketHandlingPrice span,
   1.141 +.checkout-v2 .basketAdditionals #frmProceed #basketShippingCoupon span,
   1.142 +.checkout-v2 .basketAdditionals #frmProceed #basketShippingPrice span strong,
   1.143 +.checkout-v2 .basketAdditionals #frmProceed #basketBonusPayment span,
   1.144 +.checkout-v2 .basketAdditionals #frmProceed #basketCoupon span,
   1.145 +.checkout-v2 #checkoutAddress form h3,
   1.146 +.checkout-v2 #checkoutAddress form h3 a,
   1.147 +.checkout-v2 #checkoutAddress form .checkoutAdditionals fieldset div .price,
   1.148 +.checkout-v2 #checkoutPaymentInfo form div.paymentOption h3,
   1.149 +.checkout-v2 #checkoutPaymentInfo form div span strong,
   1.150 +.checkout-v2 #frmOrderShow #basketItems .basketAdditionals #basketCharging .price,
   1.151 +.checkout-v2 #frmOrderShow #basketItems .basketAdditionals #basketPriceTotal label,
   1.152 +.checkout-v2 #ShippingDeliveryType2 label a,
   1.153 +.font_color_6
   1.154 +{
   1.155 +color:#666666;
   1.156 +}
   1.157 +/*
   1.158 +* ~~~ Font color 7  ~~~
   1.159 +*/
   1.160 +#headerUserInformation ul li,
   1.161 +#detailArticlePrint fieldset,
   1.162 +#basketItems fieldset ul.basketColumn,
   1.163 +#checkoutAddress form .checkoutAdditionals fieldset div label,
   1.164 +#checkoutAddress form .checkoutAdditionals fieldset div p,
   1.165 +#checkoutPaymentInfo form label,
   1.166 +#checkoutPaymentInfo form fieldset,
   1.167 +#checkoutPaymentInfo div.paymentOption fieldset div label,
   1.168 +#checkoutPaymentInfo div.paymentOption fieldset p,
   1.169 +#frmOrderShow #basketItems .basketAdditionals #basketCharging,
   1.170 +.rowData td,
   1.171 +.rowData td.rowRange,
   1.172 +.basketAdditionals #frmProceed div span,
   1.173 +.checkout-v2 .basketAdditionals #frmProceed div span,
   1.174 +.checkout-v2 #checkoutAddress form .checkoutAdditionals fieldset div label,
   1.175 +.checkout-v2 #checkoutAddress form .checkoutAdditionals fieldset div p,
   1.176 +.checkout-v2 #checkoutPaymentInfo form fieldset,
   1.177 +.checkout-v2 #checkoutPaymentInfo div.paymentOption fieldset p,
   1.178 +.checkout-v2 #frmOrderShow #basketItems .basketAdditionals #basketCharging,
   1.179 +.font_color_7
   1.180 +{
   1.181 +color:#666666;
   1.182 +}
   1.183 +/*
   1.184 +* ~~~ Background color 1, background image  ~~~
   1.185 +*/
   1.186 +body
   1.187 +{
   1.188 +background:#ffffff ;
   1.189 +}
   1.190 +bg_color_1 {
   1.191 +background:#ffffff;
   1.192 +}
   1.193 +/*
   1.194 +* ~~~ Background color 2 ~~~
   1.195 +*/
   1.196 +#main,
   1.197 +#tooltip,
   1.198 +#banner,
   1.199 +.popup,
   1.200 +.classicCompact form fieldset div.articleDesc,
   1.201 +.classicCompact form fieldset div.articlePrice,
   1.202 +#frmArticleDetails p.articleDesc,
   1.203 +#checkoutPaymentInfo ul.checkoutStepsTop,
   1.204 +#articleDesigns h3,
   1.205 +#producttypeDetails #productDetailsImage,
   1.206 +.faqPopup,
   1.207 +.bg_color_2
   1.208 +{
   1.209 +background-color:#ffffff;
   1.210 +}
   1.211 +#ibox_content {
   1.212 +background-color:#ffffff !important;
   1.213 +}
   1.214 +body.popup
   1.215 +{
   1.216 +background:#ffffff;
   1.217 +}
   1.218 +/*
   1.219 +* ~~~ Background color 3 ~~~
   1.220 +*/
   1.221 +.classicCompact form fieldset div.articleImages,
   1.222 +.classicCompact form fieldset ul,
   1.223 +.classicExtended form fieldset .articleImages,
   1.224 +.classicExtended form fieldset ul,
   1.225 +.basketAdditionals #frmProceed div div,
   1.226 +.rowData td,
   1.227 +#headerUserInformation,
   1.228 +#detailArticlePrint,
   1.229 +#articleRecommend .articleImages,
   1.230 +#basketItems fieldset ul.basketColumn,
   1.231 +#checkoutAddress form .checkoutAdditionals fieldset,
   1.232 +#checkoutPaymentInfo form div.paymentOption div,
   1.233 +#checkoutPaymentInfo form fieldset,
   1.234 +#frmOrderShow #basketItems .basketAdditionals #basketCharging,
   1.235 +#articleDesigns div,
   1.236 +#producttypeDetails #measureImage,
   1.237 +#menuFooter,
   1.238 +.mvc #help .faqAnswers div table th,
   1.239 +.bg_color_3,
   1.240 +#producttype_tabbox  tr.even td
   1.241 +{
   1.242 +background-color:#ffffff;
   1.243 +}
   1.244 +/*
   1.245 +* ~~~ Background color 4 ~~~
   1.246 +*/
   1.247 +
   1.248 +#frmFilter,
   1.249 +#menuCheckout,
   1.250 +#menu li#menuItemShop.current a,
   1.251 +#menu li.current a,
   1.252 +#menu li a:hover,
   1.253 +form.topArticle fieldset .articleImages ul,
   1.254 +form.topArticle fieldset .articleImages,
   1.255 +h3.navi-level-4-header,
   1.256 +.bg_color_4
   1.257 +{
   1.258 +	background-color:#555555;
   1.259 +}
   1.260 +#menu li#menuItemShop.current a, #menu li.current a,
   1.261 +#menu li a:hover {
   1.262 +	-webkit-border-top-left-radius: 2px;
   1.263 +	-webkit-border-top-right-radius: 2px;
   1.264 +	-moz-border-radius-topleft: 2px;
   1.265 +	-moz-border-radius-topright: 2px;
   1.266 +	border-top-left-radius: 2px;
   1.267 +	border-top-right-radius: 2px;
   1.268 +}
   1.269 +
   1.270 +#ibox_wrapper {
   1.271 +background-color:#555555 !important;
   1.272 +}
   1.273 +#menu li a
   1.274 +{
   1.275 +color:#555555;
   1.276 +}
   1.277 +/*
   1.278 +* ~~~ Background color 5 ~~~
   1.279 +*/
   1.280 +#menuCheckout a:hover,
   1.281 +.bg_color_5
   1.282 +{
   1.283 +	background-color: #666666;
   1.284 +}
   1.285 +/*
   1.286 +* ~~~ Background color 6 ~~~
   1.287 +*/
   1.288 +#menuCheckout ol li.current,
   1.289 +.bg_color_6
   1.290 +{
   1.291 +background-color:#558d18;
   1.292 +}
   1.293 +/*
   1.294 +* ~~~ Background color 7 ~~~
   1.295 +*/
   1.296 +#menu,
   1.297 +#menu li,
   1.298 +.bg_color_7
   1.299 +{
   1.300 +background-color:#ffffff;
   1.301 +}
   1.302 +#menu li a:hover,
   1.303 +#menu li.current a,
   1.304 +#menuCheckout ol li a,
   1.305 +#frmFilter h4,
   1.306 +h3.navi-level-4-header,
   1.307 +.headers-color
   1.308 +{
   1.309 +	color:#ffffff;
   1.310 +	font-weight: bold;
   1.311 +	text-decoration: none;
   1.312 +}
   1.313 +
   1.314 +#producttype_tabbox a:hover {
   1.315 +	color: #d66018;
   1.316 +	text-decoration: none;
   1.317 +}
   1.318 +/*
   1.319 +* ~~~ Border colours (all) ~~~
   1.320 +*/
   1.321 +.button.delete,
   1.322 +.tag,
   1.323 +.delicious,
   1.324 +.recommend,
   1.325 +.message a img,
   1.326 +.classicCompact form fieldset a img,
   1.327 +.classicExtended form fieldset a img,
   1.328 +.classicCompact .button.basket,
   1.329 +#tooltip,
   1.330 +#detailArticlePrint #detailArticleThumb,
   1.331 +#detailArticlePrint .detailArticleViews a img,
   1.332 +#detailArticlePrint .detailCurrentView a img,
   1.333 +#detailArticlePrint fieldset div span img,
   1.334 +#articleAdditionalLinks ul li a img,
   1.335 +#detailProductInformation img,
   1.336 +#articleRecommend .articleImages a img,
   1.337 +#basketItems a.thumb,
   1.338 +#basketItems fieldset .basketArticleImages a,
   1.339 +#basketItems li.basketColor img,
   1.340 +#articleDesigns div a img,
   1.341 +#producttypeDetails #measureImage img,
   1.342 +#producttypeDetails #productDetailsImage,
   1.343 +.checkout-v2 #basketAddressSelect fieldset ul li a.del,
   1.344 +.mvc .box,
   1.345 +.checkout-v2 #basketItems fieldset .thumb,
   1.346 +.checkout-v2 #basketItems fieldset .basketArticleImages a,
   1.347 +.checkout-v2 #basketItems .thumb,
   1.348 +.checkout-v2 .content select,
   1.349 +.checkout-v2 .content fieldset input,
   1.350 +.checkout-v2 .content textarea,
   1.351 +.checkout-v2 #basketItems a.button.delete,
   1.352 +.mvc #help .faqAnswers div table th,
   1.353 +.checkout-v2 #basketItems li.basketColor span img,
   1.354 +.border_color_1
   1.355 +{
   1.356 +	border: 2px solid #ddd;
   1.357 +}
   1.358 +.checkout-v2 .content img,
   1.359 +.checkout-v2 .content .button.delete
   1.360 +{
   1.361 +border:0 solid #ffffff;
   1.362 +}
   1.363 +.checkout-v2 #basketItems li.basketColor img
   1.364 +{
   1.365 +border:1px solid #ffffff;
   1.366 +}
   1.367 +/*
   1.368 +* ~~~ Border colours (top) ~~~
   1.369 +*/
   1.370 +.classicCompact form fieldset div.articlePrice,
   1.371 +.classicExtended form fieldset .articleDesc #freeColorSelection,
   1.372 +.classicExtended form fieldset div.articlePrice,
   1.373 +.checkoutStepsTop,
   1.374 +.checkoutStepsBottom,
   1.375 +.faqEmbedded .faqAnswer h5,
   1.376 +.basketAdditionals #frmProceed div,
   1.377 +#frmArticleDetails fieldset div#articlePrice,
   1.378 +#detailProduct,
   1.379 +#checkoutAddress #checkoutDeliveryAddress,
   1.380 +#checkoutAddress form .checkoutAdditionals,
   1.381 +#checkoutPaymentInfo form div.paymentOption,
   1.382 +#basketCheck div#listBasketCheck,
   1.383 +#frmOrderShow #basketItems,
   1.384 +#frmOrderShow #basketItems .basketAdditionals,
   1.385 +#frmOrderShow #basketItems .basketAdditionals #basketSum,
   1.386 +#impressum #impressumSpreadshirt,
   1.387 +#cart .total,
   1.388 +.checkout-v2 #frmOrderShow #basketItems .basketAdditionals #basketSum,
   1.389 +.checkout-v2 #frmOrderShow #basketItems .basketAdditionals,
   1.390 +.checkout-v2 #frmOrderShow #basketItems,
   1.391 +.checkout-v2 #checkoutPaymentInfo form div.paymentOption,
   1.392 +.checkout-v2 #checkoutAddress #checkoutDeliveryAddress,
   1.393 +.checkout-v2 #basketCheck div#listBasketCheck,
   1.394 +.checkout-v2 #basketItems .basketDelete,
   1.395 +.checkout-v2 .basketAdditionals #frmProceed div
   1.396 +.checkout-v2 .basketAdditionals #frmProceed div,
   1.397 +.checkout-v2 .checkoutStepsBottom,
   1.398 +.mvc #copyright,
   1.399 +.mvc #help,
   1.400 +.mvc #privacy,
   1.401 +.mvc #impressum,
   1.402 +.border_top_color_1
   1.403 +{
   1.404 +border-top:1px solid #ffffff;
   1.405 +}
   1.406 +/*
   1.407 +* ~~~ Border colours (bottom) ~~~
   1.408 +*/
   1.409 +.detailMenuPath,
   1.410 +.classicCompact form fieldset div.articlePrice,
   1.411 +.classicExtended form fieldset div.articlePrice,
   1.412 +#frmArticleDetails,
   1.413 +#frmArticleDetails .articleProducttypeDesc,
   1.414 +#frmArticleDetails p.articleDesc,
   1.415 +#basketItems .updateBasketItem:hover,
   1.416 +#basketItems .updateBasketItem,
   1.417 +#basketAddressSelect fieldset,
   1.418 +#basketAddressSelect .checkoutInformation,
   1.419 +.checkout-v2 #basketAddressSelect fieldset,
   1.420 +.checkout-v2 .checkoutStepsTop,
   1.421 +.checkout-lost-password .gap_down_large form,
   1.422 +.mvc #help .faqCategories,
   1.423 +.mvc #terms ul.term-links,
   1.424 +.border_bottom_color_1
   1.425 +{
   1.426 +border-bottom:1px solid #ffffff;
   1.427 +}
   1.428 +.filter
   1.429 +{
   1.430 +border-bottom:1px solid #ffffff !important;
   1.431 +}
   1.432 +/*
   1.433 +* ~~~ Border colours (left) ~~~
   1.434 +*/
   1.435 +#ssl a,
   1.436 +#headerUserInformation ul.left li,
   1.437 +#headerUserInformation ul.right li,
   1.438 +.border_left_color_1
   1.439 +{
   1.440 +border-left:1px solid #ffffff;
   1.441 +}
   1.442 +/*
   1.443 +* ~~~ Border colours (right) ~~~
   1.444 +*/
   1.445 +.rowHL td,
   1.446 +#menu li,
   1.447 +#menuFooter ul li,
   1.448 +#headerUserInformation ul.right,
   1.449 +.border_right_color_1
   1.450 +{
   1.451 +border-right:1px solid #ffffff;
   1.452 +}
   1.453 +/*
   1.454 +* ~~~ Border colours (hover) ~~~
   1.455 +*/
   1.456 +.tag:hover,
   1.457 +.delicious:hover,
   1.458 +.recommend:hover,
   1.459 +.message a:hover img,
   1.460 +.classicCompact form fieldset a:hover img,
   1.461 +.classicCompact .button:hover.basket,
   1.462 +.classicExtended form fieldset a:hover img,
   1.463 +#detailArticlePrint .detailArticleViews a:hover img,
   1.464 +#detailArticlePrint .detailCurrentView a:hover img,
   1.465 +#articleAdditionalLinks ul li a:hover img,
   1.466 +#articleRecommend .articleImages a:hover img,
   1.467 +.content #basketItems fieldset .basketArticleImages a:hover,
   1.468 +#articleDesigns div a:hover img,
   1.469 +.checkout-v2 #basketItems fieldset .basketArticleImages a:hover,
   1.470 +.borderCurrent,
   1.471 +.border_color_2
   1.472 +{
   1.473 +border:1px solid #fd7739;
   1.474 +}
   1.475 +.mvc input:focus,
   1.476 +.mvc input:active,
   1.477 +.mvc input:hover,
   1.478 +.mvc select:hover,
   1.479 +.mvc select:focus,
   1.480 +.mvc textarea:hover,
   1.481 +.mvc textarea:focus
   1.482 +{
   1.483 +border-color:#fd7739;
   1.484 +}
   1.485 +/*
   1.486 +* ~~~ Messages ~~~
   1.487 +*/
   1.488 +.error,
   1.489 +.mvc .message error
   1.490 +{
   1.491 +border:1px solid #bf4500;
   1.492 +color:#bf4500;
   1.493 +}
   1.494 +.mvc .message error a
   1.495 +{
   1.496 +color:#bf4500;
   1.497 +text-decoration:underline;
   1.498 +}
   1.499 +.checkout-v2 #span-error
   1.500 +{
   1.501 +border:1px solid #bf4500 !important;
   1.502 +}
   1.503 +.checkout-v2 .content select.error,
   1.504 +.checkout-v2 .content input.error
   1.505 +{
   1.506 +border-color:#bf4500;
   1.507 +}
   1.508 +.pending
   1.509 +{
   1.510 +border:1px solid #cc9933;
   1.511 +color:#cc9933;
   1.512 +}
   1.513 +.info
   1.514 +{
   1.515 +border:1px solid #0060a1;
   1.516 +color:#0060a1;
   1.517 +}
   1.518 +.success,
   1.519 +.mvc .message info
   1.520 +{
   1.521 +border:1px solid #009933;
   1.522 +color:#009933;
   1.523 +}
   1.524 +/*
   1.525 +* ~~~ Article images (background, hardcoded) ~~~
   1.526 +*/
   1.527 +.button.delete,
   1.528 +#detailArticlePrint #detailArticleThumb,
   1.529 +#detailArticlePrint fieldset div span img,
   1.530 +#basketItems li.basketColor img,
   1.531 +#articleDesigns div a img
   1.532 +{
   1.533 +background-color:#fff;
   1.534 +}
   1.535 +/* End Spreadshop style */