Bonjour à tous
Lors de la conception du skin pour WWStore 2.0.8 j'utilisais une version spéciale de Firefox qui comportait un certain nombre d'améliorations et d'outils pour le développement d'interface, dont un qui, sans le savoir, corrigeait le comportement de Firefox face aux déclarations en cascade ("nested imports"). De l'utilisation de cet outil adapté aux webdesigners découle un problème d'affichage des CSS avec plusieurs versions de Firefox. Pour résoudre ce problème une fois pour toute, voici la marche à suivre :
- Après avoir installé le module, rendez vous dans Templates/Template.css. Effacez en le contenu et collez le contenu de l'ensemble des fichiers CSS contenus dans Templates\StyleSheet, dans l'ordre des déclarations imbriquées. L'ordre est important, puisque certains attributs de classe doivent s'overrider.
Vous pouvez aussi coller directement ce contenu :
Note : Rien n'a été modifié dans ce code CSS, celui-ci est directement issu des fichiers CSS présents dans WWStore\Templates\StyleSheet version 2.0.8. Ce problème sera corrigé dans la prochaine version.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
/*
Nom du projet : WWStore for DotNetNuke
Date de realisation : 2007
URL : www.dotnetnuke.fr
Realisateur : Sebastien FICHOT
Contact : abcd@hotmail.fr - www.takethewave.net
Societe : Aricie - www.aricie.net
Derniere modification : 26/08/2007 - Corrected Nested Imports in Firefox
*/
@media screen { /* The media déclaration drop the skin's styles for printing. */
/* ===============*/
/* General layout */
/* ===============*/
.ProductEditMasterTABLE,
.ProductEditSpecialOfferTABLE,
#grdCategories,
.CatalogSettingsFeaturedProductList,
.CatalogSettingsPopularProductList,
.CatalogSettingsNewProductListTABLE,
.CatalogSettingsMasterTABLE,
.CatalogSettingsCategoryProductList,
.CatalogSettingsProductDetails,
.AddressEditMasterTABLE { width:100%; border:0; }
.AddressEditMasterTABLERightCell { width:35% }
.AddressEditMasterTABLERLeftCell { width:65% }
.ReviewListMasterTABLE { width:100%; }
.ReviewEditMasterTABLE { width:80% }
.ReviewEditMasterTABLELeftCell { width:33% }
.ReviewEditMasterTABLERightCell { width:67% }
.ProductListMasterTABLE { width:100%; }
.ProductDetailMasterTABLE { width:100%; }
.CustomerProfileMasterTABLE { width:100%; }
.CustomerOrdersMasterTABLE { width:100%; text-align:left; }
.CustomerOrdersDetailMasterTABLE { width:100%; }
.CustomerCartMasterTABLE { width:100%; }
.CheckoutMasterTABLE { width:100%; }
.CategorySettingsMasterTABLE { width:100%; }
.CategorySettingsMasterTABLERightCell { }
.CategorySettingsMasterTABLELeftCell { }
.WWStore-DataGrid { text-align:center; width:100%; border:0; }
.CartDetailsMasterTABLE .WWStore-DataGrid { width:100%; border:0; }
.CartDetailsMasterTABLE { width:100%; border:0; }
.WWStore-CommandDetails .Normal { text-align:left; border:0; }
.WWStore-CommandDetails .NormalBold { text-align:left; border:0; }
.WWStore-checkout-Entity { }
/* Module WWStore Menu */
/* Categories */
/* ========== */
.WWStore-CategoryMenu-Entity { }
.WWStore-CategoryMenu-Header { height:5px; }
.WWStore-CategoryMenu-ItemSelected A:link,
.WWStore-CategoryMenu-ItemSelected A:active,
.WWStore-CategoryMenu-ItemSelected A:visited,
.WWStore-CategoryMenu-ItemSelected { }
.WWStore-CategoryMenu-ItemSelected A.:hover {
}
.WWStore-CategoryMenu-Item A.:link, .WWStore-CategoryMenu-Item A.:active, .WWStore-CategoryMenu-Item A.:visited, .WWStore-CategoryMenu-Item {
}
.WWStore-CategoryMenu-Item A.:hover {
}
.WWStore-CategoryMenu-Footer { height:5px; }
/* Module WWStore Account */
/* ====================== */
.WWStore-Account-BtnTD,
.WWStore-Account-BtnTD A:link,
.WWStore-Account-BtnTD A:active,
.WWStore-Account-BtnTD A:visited { }
.WWStore-Account-BtnTD A:hover { }
.WWStore-Account-BtnTD { padding:0 15px 0 0; text-align:right; float:right; margin-top:-20px; }
/* =============*/
/* SkinObjects */
/* ============*/
/* MicroCart SkinObject */
DIV.WWStoreSkinObject-MicroCart-Entity { padding:10px; }
DIV.WWStoreSkinObject-MicroCart-Items { padding-bottom:6px; }
.WWStoreSkinObject-MicroCart-Items .NormalBold { font-weight:bold; } /* Label Your Cart */ /* TODO : this class won't work yet */
.WWStoreSkinObject-MicroCart-Items .Normal { color:red; } /* Label displaying item count */
DIV.WWStoreSkinObject-MicroCart-Total { }
.WWStoreSkinObject-MicroCart-Total .NormalBold { font-weight:bold; } /* Label Total */ /* TODO : this class won't work yet */
.WWStoreSkinObject-MicroCart-Total .Normal { color:red; } /* Label displaying item total */
/* Links SkinObject */
SPAN.WWStoreSkinObject-Links-Entity { padding:10px; }
SPAN.WWStoreSkinObject-Links-Entity IMG { border:0; } /* The cart/shop image */
.WWStoreSkinObject-Links-Entity a.Normal:link, /* The link */
.WWStoreSkinObject-Links-Entity a.Normal:visited,
.WWStoreSkinObject-Links-Entity a.Normal:active,
.WWStoreSkinObject-Links-Entity a.Normal:hover { text-decoration:none; }
/* Module WWStore Minicart */
/* MiniCart */
/* ======== */
DIV.WWStore-MiniCart-Entity { text-align:center; padding:5px; }
.MiniCartMasterTABLE { width:300px; text-align:center; border:0; padding-bottom:20px; }
.MiniCartMasterTABLE TD,
.MiniCartMasterTABLE SPAN { text-align:center; border:0; }
.MiniCartMasterTABLE .WWStore-DataGrid { border:0; }
.MiniCartMasterTABLE .Normal { }
.MiniCartMasterTABLE .NormalBold { }
.MiniCartMasterTABLE A:link,
.MiniCartMasterTABLE A:visited,
.MiniCartMasterTABLE A:active,
.MiniCartMasterTABLE A:hover { }
.WWStore-MiniCart-BtnViewCartMasterTD { text-align:center; vertical-align:middle; height:15px; }
.WWStore-MiniCart-BtnViewCartMasterTD .Normal { } /* Button View Cart */
.WWStore-MiniCart-BtnViewCartMasterTD A.Normal:link,
.WWStore-MiniCart-BtnViewCartMasterTD A.Normal:visited,
.WWStore-MiniCart-BtnViewCartMasterTD A.Normal:active,
.WWStore-MiniCart-BtnViewCartMasterTD A.Normal:hover { }
/* Module WWStore Account */
/* Cart */
/* ==== */
DIV.WWStore-Cart-Entity { text-align:center; padding:5px; width:100%; }
.CartMasterTABLE { width:100%; text-align:center; border:0; padding-bottom:20px; }
.CartMasterTABLE TD,
.CartMasterTABLE SPAN { text-align:center; border:0; padding:5px; }
.CartMasterTABLE .Normal { }
.CartMasterTABLE .NormalBold { }
.CartMasterTABLE A:link,
.CartMasterTABLE A:visited,
.CartMasterTABLE A:active,
.CartMasterTABLE A:hover { }
.WWStore-Cart-BtnViewCartMasterTD { text-align:center; vertical-align:middle; height:15px; }
.WWStore-Cart-BtnViewCartMasterTD .Normal { } /* Button Checkout */
.WWStore-Cart-BtnViewCartMasterTD A.Normal:link,
.WWStore-Cart-BtnViewCartMasterTD A.Normal:visited,
.WWStore-Cart-BtnViewCartMasterTD A.Normal:active,
.WWStore-Cart-BtnViewCartMasterTD A.Normal:hover { padding:0; }
.WWStore-Cart-BtnViewCart TD { padding:0; }
.WWStore-Cart-BtnTD .Normal { } /* Button Checkout */
.WWStore-Cart-BtnTD A.Normal:link,
.WWStore-Cart-BtnTD A.Normal:visited,
.WWStore-Cart-BtnTD A.Normal:active,
.WWStore-Cart-BtnTD A.Normal:hover { }
/* Style of the Cart button. Use this CSS styles for skinning an adaptive button */
.WWSTore-Boutton-left { width:8px; height:24px; border:0; BACKGROUND-IMAGE: url(../images/gel_left.gif); }
.WWSTore-Boutton-right { width:8px; height:24px; border:0; BACKGROUND-IMAGE: url(../images/gel_right.gif); }
.WWSTore-Boutton-spacer { width:15px; height:24px; BACKGROUND-IMAGE: url(../images/gel_background.gif); BACKGROUND-REPEAT: repeat-x; padding:0; }
.WWSTore-Boutton-back { height:24px; BACKGROUND-IMAGE: url(../images/gel_background.gif); BACKGROUND-REPEAT: repeat-x; padding:0; vertical-align:middle; }
.WWSTore-Boutton-spacer_gray { width:15px; height:24px; BACKGROUND-IMAGE: url(../images/gel_background_gray.gif); BACKGROUND-REPEAT: repeat-x; padding:0; }
.WWSTore-Boutton-back_gray { height:24px; BACKGROUND-IMAGE: url(../images/gel_background_gray.gif); BACKGROUND-REPEAT: repeat-x; padding:0; vertical-align:middle; }
/* CataLog Entity */
.CatalogWrapper { width:100%; padding:5px 0; position:relative; }
/* New Products */
/* Note : This template will be repeated in a non-fixed number of row and lines */
DIV.NewProduct-Entity { margin:15px; display:inline; }
.NewProduct-Entity { position:relative; width:240px; max-width:300px; text-align:center; padding:5px 5px 0 5px; }
.NewProduct-Entity SPAN, .NewProduct-Entity P, .NewProduct-Entity TABLE, .NewProduct-Entity TD, {
}
.NewProduct-Entity A.normalbold:link,
.NewProduct-Entity A.normalbold:visited { }
.NewProduct-Entity A.normalbold:hover { }
.NewProduct-Image { width:90px; height:90px; display:block; vertical-align:middle; text-align:center; margin:Auto; }
.NewProduct-Image IMG { border:0; }
.NewProduct-Price SPAN { height : 45px; display:block; padding-top:11px; }
.NewProduct-AddToCart { height : 45px; display:block; padding-bottom:10px; text-align:center; }
.NewProduct-AddToCart A:link,
.NewProduct-AddToCart A:visited,
.NewProduct-AddToCart A:active { }
.NewProduct-LinkDetail { height : 15px; display:block; text-align:right; }
.NewProduct-Title SPAN { display:block; text-align:center; padding:20px 8px 20px 8px; }
.NewProduct-Title A.normalbold:link,
.NewProduct-Title A.normalbold:visited { }
.NewProduct-Title A.normalbold:hover { }
.NewProduct-Summary { text-align:left; }
/* Featured Products */
/* Note : This template will be repeated in a non-fixed number of row and lines */
.FeaturedProduct-Entity { position:relative; width:270px; max-width:300px; text-align:center; padding:5px 5px 0 5px; }
.FeaturedProduct-Entity SPAN, .FeaturedProduct-Entity P, .FeaturedProduct-Entity TABLE, .FeaturedProduct-Entity TD, {
}
.FeaturedProduct-Entity A.normalbold:link,
.FeaturedProduct-Entity A.normalbold:visited { }
.FeaturedProduct-Entity A.normalbold:hover { ;
}
.FeaturedProduct-Image { width:120px; height:90px; display:block; vertical-align:middle; text-align:center; margin:Auto; }
.FeaturedProduct-Image IMG { border:0; }
.FeaturedProduct-Right { display:block; text-align:left; }
.FeaturedProduct-Price SPAN { height : 35px; display:inline; }
.FeaturedProduct-AddToCart { height : 35px; display:block; }
.FeaturedProduct-AddToCart A:link A:visited A:active { }
.FeaturedProduct-LinkDetail { height : 35px; display:block; }
.FeaturedProduct-Title SPAN { display:block; text-align:center; padding:20px 8px 20px 8px; }
.FeaturedProduct-Title A.normalbold:link,
.FeaturedProduct-Title A.normalbold:visited { }
.FeaturedProduct-Title A.normalbold:hover { }
.FeaturedProduct-Summary { text-align:left; }
/* Popular Products */
/* Note : This template will be repeated in a non-fixed number of row and lines */
DIV.PopularProduct-Entity { margin:0px; display:inline; width:100%; }
.PopularProduct-Entity { position:relative; text-align:left; padding:5px; }
.PopularProduct-Entity SPAN, .PopularProduct-Entity P, .PopularProduct-Entity TABLE, .PopularProduct-Entity TD, {
}
.PopularProduct-Entity A.normalbold:link,
.PopularProduct-Entity A.normalbold:visited { }
.PopularProduct-Entity A.normalbold:hover { }
.PopularProduct-Price SPAN { display:block; }
.PopularProduct-LinkDetail { display:block; text-align:right; }
.PopularProduct-Title { display:block; text-align:left; width:60%; }
.PopularProduct-Title SPAN { display:block; text-align:left; }
.PopularProduct-Title A.normalbold:link,
.PopularProduct-Title A.normalbold:visited { }
.PopularProduct-Title A.normalbold:hover { }
/* Product Details */
/* Note : This template will be displayed one time on a Tab */
.ProductDetail-Entity,
.ProductDetail-Top,
ProductDetail-Bottom { position:relative; width:100%; text-align:center; padding:5px 5px 0 5px; }
.ProductDetail-Entity SPAN, .ProductDetail-Entity P, .ProductDetail-Entity TABLE, .ProductDetail-Entity TD, {
}
.ProductDetail-Entity A.normalbold:link,
.ProductDetail-Entity A.normalbold:visited { }
.ProductDetail-Entity A.normalbold:hover { }
.ProductDetail-Entity TABLE P TD TR SPAN { }
.ProductDetail-Image { width:300px; height:150px; display:block; vertical-align:middle; text-align:center; margin:Auto; }
.ProductDetail-Image IMG { border:0; }
.ProductDetail-Right { display:block; text-align:left; }
.ProductDetail-Price SPAN { height : 35px; display:inline; }
.ProductDetail-VATPrice SPAN { height : 45px; }
.ProductDetail-AddToCart { height : 35px; display:block; }
.ProductDetail-AddToCart A:link A:visited A:active { }
.ProductDetail-LinkDetail { height : 35px; display:block; }
.ProductDetail-Title SPAN { display:block; text-align:center; padding:20px 8px 20px 8px; }
.ProductDetail-Title A.normalbold:link,
.ProductDetail-Title A.normalbold:visited { }
.ProductDetail-Title A.normalbold:hover { }
.ProductDetail-Summary { text-align:left; padding:30px; }
/* List Container entity */
.ListContainer-Entity { text-align:left; }
.ListContainer-Title { width:100%; border-bottom:1px dotted red; padding:5px 0 10px 25px; }
.ListContainer-Title SPAN { display:inline; width:1px; min-width:1px; white-space:nowrap; }
.ListContainer-Content { }
} /* End of @Media */
/* WWStore Fonts styles */
/* ==================== */
/* Note : For SkinObjects, look at SkinObjects.css */
/* General fonts styles */
.CatalogWrapper SPAN,
.CatalogWrapper DIV,
.CatalogWrapper TABLE,
.CatalogWrapper TR,
.CatalogWrapper TD,
.CatalogWrapper P { font: 14px Cambria, Verdana, Arial, Helvetica, sans-serif; line-height:15px; } /* Cambria is Microsoft ClearType font */
/* General hyperlinks styles */
.CatalogWrapper A:link,
.CatalogWrapper A:visited,
.CatalogWrapper A:active { }
.CatalogWrapper A:hover { }
/* ======================================================== */
/* This classes overides the defaults styles inherited from the
skin.css and general font styles for WWStore */
/* ======================================================== */
/* Module WWStore StoreFront */
/* ========================= */
/* New Products */
.NewProduct-Entity SPAN, .NewProduct-Entity P, .NewProduct-Entity TABLE, .NewProduct-Entity TD, {
font-size:12px;
color:#686a6f;
}
.NewProduct-Entity A.normalbold:link,
.NewProduct-Entity A.normalbold:visited { color:#0d69b2; text-decoration:none; }
.NewProduct-Entity A.normalbold:hover { color:#0d69b2; text-decoration:underline; }
.NewProduct-Price SPAN { color:red; font-size:12px; font-weight:400; }
.NewProduct-AddToCart A:link,
.NewProduct-AddToCart A:visited,
.NewProduct-AddToCart A:active { font-size:12px; color:#0d69b2; }
.NewProduct-Title SPAN { color:#0d69b2; }
.NewProduct-Title A.normalbold:link,
.NewProduct-Title A.normalbold:visited { color:#0d69b2; text-decoration:none; }
.NewProduct-Title A.normalbold:hover { color:#0d69b2; text-decoration:underline; }
/* Featured Products */
.FeaturedProduct-Entity SPAN, .FeaturedProduct-Entity P, .FeaturedProduct-Entity TABLE, .FeaturedProduct-Entity TD, {
font-size:12px;
color:#686a6f;
}
.FeaturedProduct-Entity A.normalbold:link,
.FeaturedProduct-Entity A.normalbold:visited { color:#0d69b2; text-decoration:none; }
.FeaturedProduct-Entity A.normalbold:hover { color:#0d69b2; text-decoration:underline; }
.FeaturedProduct-Price SPAN { color:red; font-size:18px; font-weight:700; }
.FeaturedProduct-AddToCart A:link A:visited A:active { font-size:18px; }
.FeaturedProduct-Title SPAN { color:#0d69b2; }
.FeaturedProduct-Title A.normalbold:link,
.FeaturedProduct-Title A.normalbold:visited { color:#0d69b2; text-decoration:none; }
.FeaturedProduct-Title A.normalbold:hover { color:#0d69b2; text-decoration:underline; }
/* Popular Products */
.PopularProduct-Entity SPAN, .PopularProduct-Entity P, .PopularProduct-Entity TABLE, .PopularProduct-Entity TD, {
font-size:12px;
color:#686a6f;
}
.PopularProduct-Entity A.normalbold:link,
.PopularProduct-Entity A.normalbold:visited { color:#0d69b2; text-decoration:none; }
.PopularProduct-Entity A.normalbold:hover { color:#0d69b2; text-decoration:underline; }
.PopularProduct-Price SPAN { color:red; font-size:12px; font-weight:400; }
.PopularProduct-LinkDetail { }
.PopularProduct-Title { color:#0d69b2; }
.PopularProduct-Title SPAN { color:#0d69b2; }
.PopularProduct-Title A.normalbold:link,
.PopularProduct-Title A.normalbold:visited { color:#0d69b2; text-decoration:none; }
.PopularProduct-Title A.normalbold:hover { color:#0d69b2; text-decoration:underline; }
/* Product Details */
.ProductDetail-Entity SPAN, .ProductDetail-Entity P, .ProductDetail-Entity TABLE, .ProductDetail-Entity TD, {
font-size:12px;
color:#686a6f;
}
.ProductDetail-Entity A.normalbold:link,
.ProductDetail-Entity A.normalbold:visited { color:#0d69b2; text-decoration:none; }
.ProductDetail-Entity A.normalbold:hover { color:#0d69b2; text-decoration:underline; }
.ProductDetail-Entity TABLE P TD TR SPAN { font-size:12px; color:#686a6f; }
.ProductDetail-Price SPAN { color:#a91a0c; font-size:18px; font-weight:700; }
.ProductDetail-VATPrice SPAN { color:#a91a0c; font-size:12px; font-weight:400; }
.ProductDetail-AddToCart A:link A:visited A:active { font-size:18px; }
.ProductDetail-Title SPAN { color:#47505a; font-size:18px; }
.ProductDetail-Title A.normalbold:link,
.ProductDetail-Title A.normalbold:visited { color:#47505a; text-decoration:none; }
.ProductDetail-Title A.normalbold:hover { color:#47505a; text-decoration:underline; }
/* Module WWStore Account */
/* Cart */
/* ==== */
.CartMasterTABLE .Normal { color:#0d69b2; font-weight:400; }
.CartMasterTABLE .NormalBold { color:#686a6f; font-weight:700; }
.CartMasterTABLE A:link,
.CartMasterTABLE A:visited,
.CartMasterTABLE A:active,
.CartMasterTABLE A:hover { color:#0d69b2; text-decoration:none; }
.WWStore-Cart-BtnViewCartMasterTD A.Normal:link,
.WWStore-Cart-BtnViewCartMasterTD A.Normal:visited,
.WWStore-Cart-BtnViewCartMasterTD A.Normal:active,
.WWStore-Cart-BtnViewCartMasterTD A.Normal:hover { color:white; text-decoration:none; }
.WWStore-Cart-BtnTD A.Normal:link,
.WWStore-Cart-BtnTD A.Normal:visited,
.WWStore-Cart-BtnTD A.Normal:active,
.WWStore-Cart-BtnTD A.Normal:hover { color:#0d69b2; text-decoration:none; }
/* ======= */
.WWStore-Account-BtnTD,
.WWStore-Account-BtnTD A:link,
.WWStore-Account-BtnTD A:active,
.WWStore-Account-BtnTD A:visited { color:#0d69b2; text-decoration:none; }
.WWStore-Account-BtnTD A:hover { color:#0d69b2; text-decoration:underline; }
.WWStore-Account-BtnTD { padding:0 15px 0 0; text-align:right; float:right; margin-top:-20px; }
/* Module WWStore Minicart */
/* MiniCart */
/* ======== */
.MiniCartMasterTABLE .Normal { color:#0d69b2; font-weight:400; }
.MiniCartMasterTABLE .NormalBold { color:#686a6f; font-weight:700; }
.MiniCartMasterTABLE A:link,
.MiniCartMasterTABLE A:visited,
.MiniCartMasterTABLE A:active,
.MiniCartMasterTABLE A:hover { color:#0d69b2; text-decoration:none; }
.WWStore-MiniCart-BtnViewCartMasterTD A.Normal:link,
.WWStore-MiniCart-BtnViewCartMasterTD A.Normal:visited,
.WWStore-MiniCart-BtnViewCartMasterTD A.Normal:active,
.WWStore-MiniCart-BtnViewCartMasterTD A.Normal:hover { color:#0d69b2; text-decoration:none; }
/* Module WWStore Menu */
/* Categories */
/* ========== */
.WWStore-CategoryMenu-Entity { font-size:12px; }
.WWStore-CategoryMenu-ItemSelected A:link,
.WWStore-CategoryMenu-ItemSelected A:active,
.WWStore-CategoryMenu-ItemSelected A:visited,
.WWStore-CategoryMenu-ItemSelected { color:#0d69b2; text-decoration:none; }
.WWStore-CategoryMenu-ItemSelected A.:hover {
text-decoration:underline;
}
.WWStore-CategoryMenu-Item A.:link, .WWStore-CategoryMenu-Item A.:active, .WWStore-CategoryMenu-Item A.:visited, .WWStore-CategoryMenu-Item {
color:#0d69b2;
text-decoration:none;
}
.WWStore-CategoryMenu-Item A.:hover {
text-decoration:underline;
}
/* Module WWStore Other controls */
/* ============================= */
.WWStore-DataGrid { color:#686a6f; }
.WWStore-CommandDetails .Normal { color:#686a6f; }
.WWStore-CommandDetails .NormalBold { color:#686a6f; }
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Une fois ceci enregistré, vous pouvez supprimer le dossier StyleSheet.
Sébastien