Catalogue de présentation - css
mardi 9 décembre 2008
| css
Voilà la feuille de style catalog.css qui est utilisée pour tous les types de catalogue dans e-majine. Cela signifie donc que certains styles ne seront pas utiles pour le catalogue de présentation par exemple, car il n'y a pas d'achat en ligne.
/*===BEGIN===catalog/boxes/box_search.html===BEGIN===*/ /*CSSEditor|boxes,specifs_boxes|Recherche dans le catalogue|noizimedia*/ .box_catalog_search{ } /*===END===catalog/boxes/box_search.html===END===*/ /*===BEGIN===catalog/boxes/products.html===BEGIN===*/ .boxproduct{ } div.product{ } span.product_name{ } /*===END===catalog/boxes/products.html===END===*/ /*===BEGIN===catalog/cart/box_cart.html===BEGIN===*/ /*CSSEditor|boxes,specifs_boxes|Panier|noizimedia*/ .boxcart{ } .boxcart .viewcart{ text-align:right; } div.row{ } span.label{ } span.value{ } span.viewcart{ } /*méthode générale sur les tableaux pour supprimer la largeur des libellés de champs dans le tableau recaptitualitif de la commande*/ .cart_tableau table .row label, .cart_tableau .row label{ float:none; width:auto; } /*===END===catalog/cart/box_cart.html===END===*/ /*===BEGIN===catalog/cart/cart.html===BEGIN===*/ #cart{ } #empty_cart{ } #steps_cart{ } #selections_cart{ } tr.shipping{ } tr.amount{ } /*===END===catalog/cart/cart.html===END===*/ /*===BEGIN===catalog/cart/cart_address.html===BEGIN===*/ #cart_address{ } #steps_cart{ } #current_address{ } div.address invoicing_adress{ } div.address delivery_address{ } #manage_address{ } #manage_address .adresses{ background:#eee; } /*===END===catalog/cart/cart_address.html===END===*/ /*===BEGIN===catalog/cart/cart_authentification.html===BEGIN===*/ #cart_authentification{ } #steps_cart{ } /*===END===catalog/cart/cart_authentification.html===END===*/ /*===BEGIN===catalog/cart/cart_order_confirmation.html===BEGIN===*/ #cart_order_confirmation{ } #steps_cart{ } div.address invoicing_adress{ } div.address delivery_address{ } #cart_detail{ } tr.shipping{ } tr.amount{ } #payment_modules{ } div.row{ } span.condition_label{ } span.condition_field{ } .normal_price{ text-decoration: line-through; } /*===END===catalog/cart/cart_order_confirmation.html===END===*/ /*===BEGIN===catalog/cart/cart_payment_confirmation.html===BEGIN===*/ #cart_payment_confirmation{ } #steps_cart{ } #payment_infos{ } div.address invoicing_adress{ } div.address delivery_address{ } #payment_actions{ } #cart_footer{ } /*===END===catalog/cart/cart_payment_confirmation.html===END===*/ /*===BEGIN===catalog/cart/cart_subscription.html===BEGIN===*/ #cart_subscription{ } #steps_cart{ } /*===END===catalog/cart/cart_subscription.html===END===*/ /*===BEGIN===catalog/publication_methods/products.html===BEGIN===*/ #products{ } /*===END===catalog/publication_methods/products.html===END===*/ /*===BEGIN===catalog/publication_methods/catalog.html===BEGIN===*/ .catalog{ } #familly_presentation{ background:#eee; border:1px solid #aab6b8; margin: 5px auto; width:85%; } #familly_presentation img{ float:left; margin:5px; } #familly_presentation p{ padding:5px; } #children_selector{ } /*ne s'affiche que lorsque une famille a des produits et des sous-familles*/ #formArboSelect, #children_selector{ margin:auto; width:85%; } #contents #formArboSelect fieldset{ } div.line1, div.line2, div.line3, div.line4{ /* prévoir autant que de ligne il y aura si on veut des styles différent par ligne*/ clear:left; } div.col1, div.col2, div.col3, div.col4{ } .familly{ margin:5px 0 5px 10px; border-bottom:1px solid #f0f0f0; border-right:1px solid #f0f0f0; float:left; padding:0; text-align:center; width:170px; } .familly img{ margin:5px; } .familly h3{ background:#0097C7; color:#fff; font-size:1.2em; margin:0 0 10px 0; margin:0; padding:2px 2px 2px 10px; text-align:left; } .familly a{ clear:left; display:block; margin:0 5px 0 0; text-align:right; } /*===END===catalog/publication_methods/catalog.html===END===*/ /*===BEGIN===catalog/product/zoom_diaporama_product.html===BEGIN===*/ span.zoom_diaporama{ } /*===END===catalog/product/zoom_diaporama_product.html===END===*/ /*===BEGIN===catalog/product/zoom_gallery_product.html===BEGIN===*/ #zoom_gallery{ padding:10px; } div.gallery_element{ float:left; padding:5px; } /*===END===catalog/product/zoom_gallery_product.html===END===*/ /*===BEGIN===catalog/product/short_product.html===BEGIN===*/ .short_product{ margin:5px 0 5px 10px; border-bottom:1px solid #f0f0f0; border-right:1px solid #f0f0f0; float:left; padding:0; text-align:center; width:170px; } .short_product h3{ background:#0097C7; color:#fff; font-size:1.2em; margin:0 0 10px 0; margin:0; padding:2px 2px 2px 10px; text-align:left; } .short_product p{ margin:0; } .short_product .prix{ color: #0097C7; font-size: 1.6em; font-weight:bold; } .short_product .panier{ clear:left; display:block; margin:0 5px 5px 0; text-align:right; } .short_product .panier a{ background:url(/common_images/skin001/ico_panier.gif) no-repeat center left; padding:3px 3px 3px 20px; text-decoration:none; } .short_product .row label{ width:auto; } .short_product .row input, .short_product .row select{ width:50px; } .short_product .panier .submit{ } /*===END===catalog/product/short_product.html===END===*/ /*===BEGIN===catalog/product/add2cart_product.html===BEGIN===*/ /*Overlib*/ #overDiv{ background:#eee; border: 1px solid #0097C7; margin: 0; width: 230px; } #overDiv p{ margin:0; } #overlibheader div{ background:#0097C7; color:#fff; font-weight:bold; padding:2px; } div.overlibcaption{ float:left; width:80% ; } div.overlibclose{ padding:0 5px; text-align:right; } #overlibheader a{ background:none; border:none; color:#fff; font-weight:bold; text-decoration:none; } #overlibcontent{ clear:both; padding:2px; text-align:left; } #overlibfooter{ padding:2px; } /*===END===catalog/product/add2cart_product.html===END===*/ /*===BEGIN===catalog/product/add2cart_confirmation_product.html===BEGIN===*//*Overlib*/ #add2cart_confirmation{ background:transparent; } /*===END===catalog/product/add2cart_confirmation_product.html===END===*/ /*===BEGIN===catalog/product/product.html===BEGIN===*/ #product{ } #product .prix, #product .total_price{ color: #0097C7; font-size: 1.6em; font-weight:bold; } span.old_price{ text-decoration:line-through; } #product .panier{ text-align:right; } #product .panier a{ font-size:1.4em; font-weight:bold; } #visuels_additionnels, #produits_associes, #produits_commentaires{ margin:20px; text-align:center; } #visuels_additionnels h4, #produits_associes h4, #produits_commentaires h4{ margin:0; text-align:left; } #produits_commentaires form, #produits_commentaires #comments_list{ text-align:left; } #produits_commentaires h6{ display:inline; margin:0; } #visuels_additionnels img{ border:1px solid #1FBDF0; margin:3px; padding:3px; } /*===END===catalog/product/product.html===END===*/