Skip to Content

Changes for page ERDivaLook

Last modified by Ravi Mendis on 2010/09/10 01:14
From version 162.1
edited by Ravi Mendis
on 2009/04/23 09:50
Change comment: Add notes on CSS image replacement
To version 165.1
edited by Ravi Mendis
on 2009/04/23 10:21
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -57,7 +57,7 @@
57 57  
58 58  ==== A closer look at the CSS file... ====
59 59  
60 -1. h5.CSS Imports
60 +===== 1. CSS Imports =====
61 61  
62 62  {{code}}
63 63  
... ... @@ -73,10 +73,8 @@
73 73  
74 74  The CSS imports a global CSS for the theme, //Neutral.css//, a generic one for the edit page //ERDIVEditPage.css// and CSS files for D2W components used on an edit page.
75 75  
76 -1. h5. Image Replacement
76 +===== 2. Image Replacement =====
77 77  
78 -Standard CSS image replacement applies.
79 -
80 80  {{code}}
81 81  
82 82  div#a form h1.edit {
... ... @@ -86,6 +86,6 @@
86 86  
87 87  {{/code}}
88 88  
89 -Here, the edit page banner is being set.
90 -//div#a form h1.edit// is an example of a **CSS selector**. All elements in a Diva look D2W page will begin with //div#a//.
91 -The page title is a <h1> with a class //edit//, so the resulting CSS selector for that element would be //h1.edit//.
87 +Standard CSS image replacement applies.
88 +
89 +Here, the edit page banner is being set. {{color value="red"}}{{div#a form h1.edit}}{{/color}} is an example of a **CSS selector**. All elements in a Diva look D2W page will begin with ##div#a##. The page title is a <h1> with a class //edit//, so the resulting CSS selector for that element would be {{color value="red"}}{{h1.edit}}{{/color}} or {{color value="red"}}{{div#a form h1.edit}}{{/color}} more specifically.