3.4.
Adaptation des couleurs et des paramètres utilisés pour l'affichage
Up one level
Différents paramètres utilisés dans les feuilles de style (CSS) sont définis dans le fichier "/portal_skins/CPSkin2/base_properties".
Ce fichier est basé sur le fichier "base_properties" original de Plone mais a été complété avec des paramètres utilisés dans le produit CPSkin2.
Afin de modifier ces valeurs, il est nécessaire de "customiser" le fichier "base_properties" se trouvant dans /portal_skins/CPSkin2 (voir point précédent concernant la customisation).
Ce fichier contient les éléments suivants :
| Paramètre | Valeur | Explication |
|---|---|---|
| backgroundColor | White | |
| borderStyle | solid | |
| borderStyleAnnotations | dashed | |
| borderWidth | 1px | |
| columnOneWidth | 16em | |
| columnTwoWidth | 16em | |
| contentViewBackgroundColor | #e8e8e8 | |
| contentViewBorderColor | #d1c8bf | |
| contentViewFontColor | #737270 | |
| discreetColor | #76797c | |
| evenRowBackgroundColor | #EFE7E1 | |
| fontBaseSize | 69% | |
| fontColor | Black | |
| fontFamily | "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif | |
| fontSmallSize | 85% | |
| globalBackgroundColor | #EFE7E1 | |
| globalBorderColor | #b45b5f | |
| globalFontColor | #436976 | |
| headingFontFamily | "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif | |
| helpBackgroundColor | #ffffe1 | |
| inputFontColor | Black | |
| linkActiveColor | Red | |
| linkColor | #436976 | |
| linkVisitedColor | Purple | |
| logoName | logo.jpg | |
| bannerName | banner.jpg | |
| notifyBackgroundColor | #ffce7b | |
| notifyBorderColor | #ffa500 | |
| oddRowBackgroundColor | transparent | |
| plone_skin | Plone Default | |
| portalMinWidth | 71em | |
| portletBgColor | #f5f0ec | |
| portletHeaderBgColor | #ab6467 | |
| portletInterneHeaderAColor | Black | |
| portletInterneHeaderBgColor | #efe7e1 | |
| portletInterneItemBgColor | #fdfdfd | |
| portletgaucheColorDark | #b45b5f | |
| portletgaucheColorLight | #f5e9e9 | |
| portletgaucheDarkHover | #fff3f3 | |
| portletgaucheFontColor | #737270 | |
| portletgaucheLightHover | #eedadb | |
| textTransform | normal | |
| theme1ColorDark | #38a8fe | |
| theme1ColorDarkHover | #4da1ec | |
| theme1ColorLight | #a5d4fe | |
| theme1a | #875f79 | |
| theme2ColorDark | #f6bc2c | |
| theme2ColorDarkHover | #edb233 | |
| theme2ColorLight | #fadd99 | |
| theme2a | #8b637d | |
| theme3ColorDark | #abdd30 | |
| theme3ColorDarkHover | #98c42b | |
| theme3ColorLight | #d3f094 | |
| theme3a | #976c87 | |
| theme4ColorDark | #ee6f3b | |
| theme4ColorDarkHover | #d96536 | |
| theme4ColorLight | #f4b89f | |
| theme4a | #99718b | |
| themeBg | #826990 | |
| themeBorder | 10px | |
| themeBorderStyle | solid | |
| topVague | #d1c8bf | |
| topVaguea | #8a627b | |
| vieColor | red |