Last modified by Ecaterina Moraru on 2013/11/13 12:48
From version 20.1
edited by Ecaterina Moraru
on 2013/11/13 12:48
Change comment: Moved page to http://design.xwiki.org/xwiki/bin/view/Improvements/34Proposal
To version 19.5
edited by Ecaterina Valica
on 2011/12/19 10:27
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -xwiki:XWiki.risherry
1 +XWiki.evalica
Content
... ... @@ -1,1 +1,217 @@
1 -{{warning}}Moved to [[design.xwiki.org:Improvements.34Proposal>>http://design.xwiki.org/xwiki/bin/view/Improvements/34Proposal]]{{/warning}}
1 +{{velocity}}
2 +$xwiki.ssx.use("Improvements.WebHome")
3 +$xwiki.ssx.use("Standards.WebHome")
4 +$xwiki.ssx.use("Improvements.34Proposal")
5 +{{/velocity}}
6 +
7 +{{info}}
8 +[Vote][Proposal] New Skin/ColorTheme Improvements for XE 3.4: http://xwiki.markmail.org/thread/tgiqfyqcew2ynfph
9 +[Discussion] Problematic ColorTheme extensibility: http://xwiki.markmail.org/thread/ex6fgou6fl6vjwfr
10 +{{/info}}
11 +
12 +(% class="left column33" %)
13 +(((
14 +=== Var A: Skin + ColorTheme (%class='important'%)[[Demo>>Improvements.WebHome]] ===
15 +[[[[image:skincolortheme.png||width="100%"]]>>attach:skincolortheme.png]]
16 +)))
17 +
18 +(% class="left column33 " %)
19 +(((
20 +=== Var B: Current (%class='important'%)[[Demo>>Drafts.WebHome]] ===
21 +[[[[image:default.png||width="100%"]]>>attach:default.png]]
22 +)))
23 +
24 +(% class="left column33 " %)
25 +(((
26 +=== Var C: ColorTheme (%class='important'%)[[Demo>>Standards.WebHome]] ===
27 +[[[[image:colortheme.png||width="100%"]]>>attach:colortheme.png]]
28 +)))
29 +
30 +(% class="clearfloats"%) ((( )))
31 +
32 +(% class="left column33" %)
33 +(((
34 +[[[[image:skincolorthemeAdmin.png||width="100%"]]>>attach:skincolorthemeAdmin.png]]
35 +)))
36 +
37 +(% class="left column33 " %)
38 +(((
39 +[[[[image:defaultAdmin.png||width="100%"]]>>attach:defaultAdmin.png]]
40 +)))
41 +
42 +(% class="left column33 " %)
43 +(((
44 +[[[[image:colorthemeAdmin.png||width="100%"]]>>attach:colorthemeAdmin.png]]
45 +)))
46 +
47 +(% class="clearfloats"%) ((( )))
48 +
49 +(% class="left column33" %)
50 +(((
51 +**Changes:**
52 +This variant brings some changes that are listed below:
53 +)))
54 +
55 +(% class="left column33 " %)
56 +(((
57 +**Changes:** No changes
58 +)))
59 +
60 +(% class="left column33 " %)
61 +(((
62 +**Changes:** No changes, just other colors
63 +)))
64 +
65 +(% class="clearfloats"%) ((( )))
66 +
67 +=== Gradients in menus, panels and tabs ===
68 +
69 +(% class="clearfloats"%) ((( )))
70 +
71 +(% class="left column33" %)
72 +(((
73 +[[[[image:skincolorthemeAddMenu.png||width="100%"]]>>attach:skincolorthemeAddMenu.png]]
74 +)))
75 +
76 +(% class="left column33 " %)
77 +(((
78 +[[[[image:defaultAddMenu.png||width="100%"]]>>attach:defaultAddMenu.png]]
79 +)))
80 +
81 +(% class="left column33 " %)
82 +(((
83 +)))
84 +
85 +(% class="clearfloats"%) ((( )))
86 +
87 +(% class="left column33" %)
88 +(((
89 +[[[[image:skincolorthemeGlobalMenu.png||width="100%"]]>>attach:skincolorthemeGlobalMenu.png]]
90 +)))
91 +
92 +(% class="left column33 " %)
93 +(((
94 +[[[[image:defaultGlobalMenu.png||width="100%"]]>>attach:defaultGlobalMenu.png]]
95 +)))
96 +
97 +(% class="left column33 " %)
98 +(((
99 +)))
100 +
101 +(% class="clearfloats"%) ((( )))
102 +
103 +(% class="left column33" %)
104 +(((
105 +[[[[image:skincolorthemeContextMenu.png]]>>attach:skincolorthemeContextMenu.png]]
106 +)))
107 +
108 +(% class="left column33 " %)
109 +(((
110 +[[[[image:defautlContextMenu.png]]>>attach:defautlContextMenu.png]]
111 +)))
112 +
113 +(% class="left column33 " %)
114 +(((
115 +)))
116 +
117 +(% class="clearfloats"%) ((( )))
118 +
119 +(% class="left column33" %)
120 +(((
121 +[[[[image:skincolorthemePanel.png]]>>attach:skincolorthemePanel.png]]
122 +)))
123 +
124 +(% class="left column33 " %)
125 +(((
126 +[[[[image:defaultPanel.png]]>>attach:defaultPanel.png]]
127 +)))
128 +
129 +(% class="left column33 " %)
130 +(((
131 +)))
132 +
133 +(% class="clearfloats"%) ((( )))
134 +
135 +=== Gradients on buttons ===
136 +
137 +(% class="left column33" %)
138 +(((
139 +[[[[image:skincolorthemeButtons.png]]>>attach:skincolorthemeButtons.png]]
140 +)))
141 +
142 +(% class="left column33 " %)
143 +(((
144 +[[[[image:defaultButtons.png]]>>attach:defaultButtons.png]]
145 +)))
146 +
147 +(% class="left column33 " %)
148 +(((
149 +)))
150 +
151 +(% class="clearfloats"%) ((( )))
152 +
153 +=== Gradients and shadow on form elements===
154 +
155 +(% class="left column33" %)
156 +(((
157 +[[[[image:skincolorthemeForm.png]]>>attach:skincolorthemeForm.png]]
158 +)))
159 +
160 +(% class="left column33 " %)
161 +(((
162 +[[[[image:defaultForm.png]]>>attach:defaultForm.png]]
163 +)))
164 +
165 +(% class="left column33 " %)
166 +(((
167 +)))
168 +
169 +(% class="clearfloats"%) ((( )))
170 +
171 +
172 +
173 +
174 +
175 +
176 +
177 +== Other elements for the Skin + ColorTheme proposal ==
178 +
179 +[[[[image:attachments.png]]>>attach:attachments.png]]
180 +
181 +[[[[image:comments.png]]>>attach:comments.png]]
182 +
183 +(% class="clearfloats"%) ((( )))
184 +
185 +(% class="left column33" %)
186 +(((
187 +[[[[image:status.png]]>>attach:status.png]]
188 +)))
189 +
190 +(% class="left column33 " %)
191 +(((
192 +[[[[image:statushover.png]]>>attach:statushover.png]]
193 +)))
194 +
195 +(% class="clearfloats"%) ((( )))
196 +
197 +[[[[image:admin1.png]]>>attach:admin1.png]]
198 +
199 +[[[[image:admin2.png]]>>attach:admin2.png]]
200 +
201 +[[[[image:AllDocs.png||width="98%" style="max-width: 1100px;"]]>>attach:AllDocs.png]]
202 +
203 +(% class="clearfloats"%) ((( )))
204 +
205 +(% class="left column33" %)
206 +(((
207 +==== IE9 ====
208 +[[[[image:IE9.png||width="100%"]]>>attach:IE9.png]]
209 +)))
210 +
211 +(% class="left column33 " %)
212 +(((
213 +==== IE7 ====
214 +[[[[image:IE7.png||width="100%"]]>>attach:IE7.png]]
215 +)))
216 +
217 +(% class="clearfloats"%) ((( )))