1 rizwank 1.1 %META:TOPICINFO{author="ArthurClemens" date="1093821497" format="1.0" version="1.2"}%
2 ---+!! !PatternSkinPalette
3
4 <span style="background:#000000" > </span><span style="background:#041d3a" > </span><span style="background:#05264d" > </span><span style="background:#333333" > </span><span style="background:#334455" > </span><span style="background:#880000" > </span><span style="background:#990000" > </span><span style="background:#844f0c" > </span><span style="background:#22638c" > </span><span style="background:#666666" > </span><span style="background:#3db234" > </span><span style="background:#1559b3" > </span><span style="background:#1e5bbd" > </span><span style="background:#808080" > </span><span style="background:#888888" > </span><span style="background:#e24628" > </span><span style="background:#698fa8" > </span><span style="background:#9e9e70" > </span><span style="background:#888e9c" > </span><span style="background:#8490a1" > </span><span style="background:#ff0000" > </span><span style="background:#ff3000" > </span><span style="background:#98a2b0" > </span><span style="background:#aaaaaa" > </span><span style="background:#bbbbbb" > </span><span style="background:#a3bcf1" > </span><span style="background:#cccccc" > </span><span style="background:#ffff00" > </span><span style="background:#b9d6fa" > </span><span style="background:#dadada" > </span><span style="background:#b4d5ff" > </span><span style="background:#dddddd" > </span><span style="background:#e9e9e9" > </span><span style="background:#e0e9f7" > </span><span style="background:#efedea" > </span><span style="background:#f3ede7" > </span><span style="background:#dfedfd" > </span><span style="background:#eeeeee" > </span><span style="background:#ebf7ea" > </span><span style="background:#efefef" > </span><span style="background:#ffeae5" > </span><span style="background:#e8f1f9" > </span><span style="background:#f1f1f1" > </span><span style="background:#f2f2f2" > </span><span style="background:#f8f8f8" > </span><span style="background:#f5f7fd" > </span><span style="background:#fcfaf7" > </span><span style="background:#ffffff" > </span>
5
6 This page gives an overview of the colors used by PatternSkin and describes where to change them to create your own style.
7
8 %TOC{title="Page contents:" depth="2"}%
9
10 ---++ Create your own colors
11
12 To create a customised set of colors for TWiki.PatternSkin
13 * download [[%ATTACHURL%/PatternSkinPalette.css][PatternSkinPalette.css]]
14 * modify the CSS colors in !PatternSkinPalette.css
15 * [[%SCRIPTURL%/attach%SCRIPTSUFFIX%/%MAINWEB%/%WIKINAME% attach]] your modified !PatternSkinPalette.css to your home page
16 * as shown below, add the =USERSTYLEURL= setting to [[%MAINWEB%.%WIKINAME%][your home page]]
17 <verbatim>
18 * Plugins.PatternSkin CSS Settings (change colour palette)
19 * Set USERSTYLEURL = %PUBURL%/%MAINWEB%/%WIKINAME%/PatternSkinPalette.css
20 </verbatim>
21
22 rizwank 1.1 You can also change the colors in a modified version of =style.css=. See PatternSkinCustomization for instructions.
23
24 ---++ Colors overview
25
26 ---+++ Text colors
27
28 <table cellspacing="4px">
29 <tr>
30 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#e24628;"></td>
31 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#e24628; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td>
32 <td> ==#e24628== </td>
33 <td>header =h1= </td>
34 </tr>
35 <tr>
36 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#900;"></td>
37 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#900; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td>
38 <td> ==#990000== </td>
39 <td>header =h2, h3, h4, h5, h6= </td>
40 </tr>
41 <tr>
42 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#F3EDE7;"></td>
43 rizwank 1.1 <td></td>
44 <td> ==#F3EDE7== </td>
45 <td>background header =h2= </td>
46 </tr>
47 <tr>
48 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#8490A1;"></td>
49 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#8490A1; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td>
50 <td> ==#8490A1== </td>
51 <td>grayed out text =.twikiGrayText= </td>
52 </tr>
53 <tr>
54 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#1e5bbd;"></td>
55 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#1e5bbd; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td>
56 <td> ==#1e5bbd== </td>
57 <td>link =:link, :visited= </td>
58 </tr>
59 <tr>
60 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#b4d5ff;"></td>
61 <td></td>
62 <td> ==#b4d5ff== </td>
63 <td>background hover link (note: the link color becomes #1559B3 on hover) =:link:hover= </td>
64 rizwank 1.1 </tr>
65 <tr>
66 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#666;"></td>
67 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#666; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td>
68 <td> ==#666666== </td>
69 <td>visited link in topic text =.twikiTopic a:visited= </td>
70 </tr>
71 <tr>
72 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#7A4707;"></td>
73 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#7A4707; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td>
74 <td> ==#7A4707== </td>
75 <td>code =pre, code, tt= </td>
76 </tr>
77 <tr>
78 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#000;"></td>
79 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#000; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td>
80 <td> ==#000000== </td>
81 <td>body text</td>
82 </tr>
83 </table>
84
85 rizwank 1.1 ---+++ Page colors
86
87 <table cellspacing="4px">
88 <tr>
89 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#f8f8f8;"></td>
90 <td style="width:30px;"></td>
91 <td> ==#f8f8f8== </td>
92 <td>page =body= </td>
93 </tr>
94 <tr>
95 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#fff;"></td>
96 <td></td>
97 <td> ==#ffffff== </td>
98 <td>main page =.twikiMain= </td>
99 </tr>
100 <tr>
101 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#ddd;"></td>
102 <td></td>
103 <td> ==#dddddd== </td>
104 <td>main page border =.twikiMain= </td>
105 </tr>
106 rizwank 1.1 </table>
107
108 ---+++ Left bar
109
110 <table cellspacing="4px">
111 <tr>
112 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#800;"></td>
113 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#800; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td>
114 <td> ==#880000== </td>
115 <td>body text in left bar =.twikiLeftBar= </td>
116 </tr>
117 <tr>
118 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#22638C;"></td>
119 <td></td>
120 <td> ==#22638C== </td>
121 <td>top border left bar contents =.twikiLeftBarContents= </td>
122 </tr>
123 <tr>
124 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#DFEDFD;"></td>
125 <td></td>
126 <td> ==#DFEDFD== </td>
127 rizwank 1.1 <td>personal left bar background =.twikiLeftBarPersonal= </td>
128 </tr>
129 <tr>
130 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#ccc;"></td>
131 <td></td>
132 <td> ==#cccccc== </td>
133 <td>personal left bar border =.twikiLeftBarPersonal= </td>
134 </tr>
135 </table>
136
137 ---+++ Forms
138
139 ---++++ Action buttons
140
141 ---+++++ View page
142
143 <table cellspacing="4px">
144 <tr>
145 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#98A2B0;"></td>
146 <td></td>
147 <td> ==#98A2B0== </td>
148 rizwank 1.1 <td>action buttons background view page =.twikiTopicAction= </td>
149 </tr>
150 <tr>
151 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#fff;"></td>
152 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#fff; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td>
153 <td> ==#ffffff== </td>
154 <td>action buttons text and links</td>
155 </tr>
156 <tr>
157 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#ccc;"></td>
158 <td></td>
159 <td> ==#cccccc== </td>
160 <td>action buttons links bottom border</td>
161 </tr>
162 </table>
163
164 ---+++++ Non-view pages
165
166 <table cellspacing="4px">
167 <tr>
168 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#22638c;"></td>
169 rizwank 1.1 <td></td>
170 <td> ==#22638c== </td>
171 <td>action buttons background non-view page =.twikiTopicAction= </td>
172 </tr>
173 <tr>
174 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#698FA8;"></td>
175 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#698FA8; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td>
176 <td> ==#698FA8== </td>
177 <td>action buttons links bottom border</td>
178 </tr>
179 <tr>
180 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#DFEDFD;"></td>
181 <td></td>
182 <td> ==#DFEDFD== </td>
183 <td>action buttons secondary row (top) background =.twikiTopicActionSecondary= </td>
184 </tr>
185 <tr>
186 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#22638c;"></td>
187 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#22638c; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td>
188 <td> ==#22638c== </td>
189 <td>action buttons secondary row text</td>
190 rizwank 1.1 </tr>
191 <tr>
192 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#A3BCF1;"></td>
193 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#A3BCF1; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td>
194 <td> ==#A3BCF1== </td>
195 <td>action buttons secondary row links bottom border</td>
196 </tr>
197 <tr>
198 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#D4E6FC;"></td>
199 <td></td>
200 <td> ==#D4E6FC== </td>
201 <td>action buttons submit options =.twikiSubmitOptions= </td>
202 </tr>
203 <tr>
204 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#B6C6D9;"></td>
205 <td></td>
206 <td> ==#B6C6D9== </td>
207 <td>action buttons submit options border =.twikiSubmitOptions= </td>
208 </tr>
209 </table>
210
211 rizwank 1.1 ---++++ Buttons
212
213 <table cellspacing="4px">
214 <tr>
215 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#041D3A;"></td>
216 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#041D3A; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td>
217 <td> ==#041D3A== </td>
218 <td>submit button =.twikiSubmit= </td>
219 </tr>
220 <tr>
221 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#f2f2f2;"></td>
222 <td></td>
223 <td> ==#f2f2f2== </td>
224 <td>button background =.twikiSubmit= </td>
225 </tr>
226 <tr>
227 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#05264D;"></td>
228 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#05264D; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td>
229 <td> ==#05264D== </td>
230 <td>submit button =.twikiButton= </td>
231 </tr>
232 rizwank 1.1 <tr>
233 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#E8F1F9;"></td>
234 <td></td>
235 <td> ==#E8F1F9== </td>
236 <td>topic submit button =.twikiTopic .twikiSubmit= </td>
237 </tr>
238 <tr>
239 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#B9D6FA;"></td>
240 <td></td>
241 <td> ==#B9D6FA== </td>
242 <td>secondary submit button =.twikiTopic .twikiSubmit= </td>
243 </tr>
244 <tr>
245 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#eee;"></td>
246 <td></td>
247 <td> ==#eeeeee== </td>
248 <td>cancel button =.twikiCancel= </td>
249 </tr>
250 </table>
251
252 ---++++ Edit page
253 rizwank 1.1
254 <table cellspacing="4px">
255 <tr>
256 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#FCFAF7;"></td>
257 <td></td>
258 <td> ==#FCFAF7== </td>
259 <td>textarea background =.twikiEditPage textarea= </td>
260 </tr>
261 <tr>
262 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#888;"></td>
263 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#888; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td>
264 <td> ==#888888== </td>
265 <td> =.twikiChangeFormButton= </td>
266 </tr>
267 <tr>
268 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#E0E9F7;"></td>
269 <td></td>
270 <td> ==#E0E9F7== </td>
271 <td>edit form header background =.twikiEditPage .twikiEditForm th= </td>
272 </tr>
273 <tr>
274 rizwank 1.1 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#F5F7FD;"></td>
275 <td></td>
276 <td> ==#F5F7FD== </td>
277 <td>edit form row background =.twikiEditPage .twikiEditForm td= </td>
278 </tr>
279 <tr>
280 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#EFEDEA;"></td>
281 <td></td>
282 <td> ==#EFEDEA== </td>
283 <td>signature area background =.twikiEditPage .twikiSig input= </td>
284 </tr>
285 <tr>
286 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#ccc;"></td>
287 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#ccc; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td>
288 <td> ==#cccccc== </td>
289 <td>help text =.twikiEditPage .twikiHelp= </td>
290 </tr>
291 <tr>
292 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#900;"></td>
293 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#900; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td>
294 <td> ==#990000== </td>
295 rizwank 1.1 <td>help text code text =.twikiEditPage .twikiHelp code= </td>
296 </tr>
297 </table>
298
299 ---++++ Versatile table
300
301 <table cellspacing="4px">
302 <tr>
303 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#F5F7FD;"></td>
304 <td style="width:30px;"></td>
305 <td> ==#F5F7FD== </td>
306 <td>background =.twikiVersatileTable td= </td>
307 </tr>
308 <tr>
309 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#E0E9F7;"></td>
310 <td></td>
311 <td> ==#E0E9F7== </td>
312 <td>background =.twikiVersatileTable th= </td>
313 </tr>
314 <tr>
315 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#fff;"></td>
316 rizwank 1.1 <td></td>
317 <td> ==#ffffff== </td>
318 <td>background main part =.twikiVersatileTable .twikiMainCol= </td>
319 </tr>
320 <tr>
321 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#E9E9E9;"></td>
322 <td></td>
323 <td> ==#E9E9E9== </td>
324 <td>background =.twikiVersatileTable .twikiOldCol= </td>
325 </tr>
326 <tr>
327 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#E9E9E9;"></td>
328 <td></td>
329 <td> ==#E9E9E9== </td>
330 <td>background =.twikiVersatileTable .twikiOldCol= </td>
331 </tr>
332 <tr>
333 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#8490A1;"></td>
334 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#8490A1; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td>
335 <td> ==#8490A1== </td>
336 <td>help text =.twikiHelpCol= </td>
337 rizwank 1.1 </tr>
338 </table>
339
340 ---+++ Attachment and form table
341
342 <table cellspacing="4px">
343 <tr>
344 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#888e9c;"></td>
345 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#888e9c; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td>
346 <td> ==#888e9c== </td>
347 <td>text color</td>
348 </tr>
349 <tr>
350 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#000;"></td>
351 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#000; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td>
352 <td> ==#000000== </td>
353 <td>text color previous attachments =.twikiAttachPage .twikiPrevious .twikiAttachments table= </td>
354 </tr>
355 <tr>
356 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#ccc;"></td>
357 <td></td>
358 rizwank 1.1 <td> ==#cccccc== </td>
359 <td>borders</td>
360 </tr>
361 <tr>
362 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#345;"></td>
363 <td></td>
364 <td> ==#334455== </td>
365 <td>sort indicator line =.twikiAttachments a, .twikiForm a= </td>
366 </tr>
367 <tr>
368 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#fff;"></td>
369 <td></td>
370 <td> ==#ffffff== </td>
371 <td>background color</td>
372 </tr>
373 <tr>
374 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#f1f1f1;"></td>
375 <td></td>
376 <td> ==#f1f1f1== </td>
377 <td>background color view page</td>
378 </tr>
379 rizwank 1.1 <tr>
380 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#DADADA;"></td>
381 <td></td>
382 <td> ==#DADADA== </td>
383 <td>sort indicator background =.twikiAttachments th.twikiSortedAscendingCol= </td>
384 </tr>
385 </table>
386
387 ---+++ Diff pages
388
389 <table cellspacing="4px">
390 <tr>
391 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#FF3000;"></td>
392 <td style="width:30px;"></td>
393 <td> ==#FF3000== </td>
394 <td>deleted header background =.twikiDiffPage .twikiDiffDeletedHeader, -twikiDiffDeletedMarker= </td>
395 </tr>
396 <tr>
397 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#FFEAE5;"></td>
398 <td style="width:30px;"></td>
399 <td> ==#FFEAE5== </td>
400 rizwank 1.1 <td>deleted header background =.twikiDiffPage .twikiDiffDeletedText= </td>
401 </tr>
402 <tr>
403 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#3DB234;"></td>
404 <td style="width:30px;"></td>
405 <td> ==#3DB234== </td>
406 <td>added header background =.twikiDiffPage .twikiDiffAddedHeader, -twikiDiffAddedMarker= </td>
407 </tr>
408 <tr>
409 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#EBF7EA;"></td>
410 <td style="width:30px;"></td>
411 <td> ==#EBF7EA== </td>
412 <td>added header background =.twikiDiffPage .twikiDiffAddedText= </td>
413 </tr>
414 <tr>
415 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#98A2B0;"></td>
416 <td style="width:30px;"></td>
417 <td> ==#98A2B0== </td>
418 <td>changed header and row background =.twikiDiffPage th.twikiDiffChangedHeader= </td>
419 </tr>
420 <tr>
421 rizwank 1.1 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#ddd;"></td>
422 <td style="width:30px;"></td>
423 <td> ==#dddddd== </td>
424 <td> =.twikiDiffPage .twikiDiffLineNumberHeader= </td>
425 </tr>
426 </table>
427
428 ---+++ Various colors
429
430 <table cellspacing="4px">
431 <tr>
432 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#9E9E70;"></td>
433 <td></td>
434 <td> ==#9E9E70== </td>
435 <td>horizontal line =hr= </td>
436 </tr>
437 <tr>
438 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#ccc;"></td>
439 <td></td>
440 <td> ==#cccccc== </td>
441 <td>left bar horizontal line =hr= </td>
442 rizwank 1.1 </tr>
443 <tr>
444 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#ddd;"></td>
445 <td></td>
446 <td> ==#dddddd== </td>
447 <td>TOC border =.twikiToc= </td>
448 </tr>
449 <tr>
450 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#666;"></td>
451 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#666; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td>
452 <td> ==#666666== </td>
453 <td>TOC title =.twikiToc .twikiTocTitle= </td>
454 </tr>
455 <tr>
456 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#F3EDE7;"></td>
457 <td></td>
458 <td> ==#F3EDE7== </td>
459 <td>background search results header =.twikiSearchResultsHeader, .twikiSearchString= </td>
460 </tr>
461 <tr>
462 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#ccc;"></td>
463 rizwank 1.1 <td></td>
464 <td> ==#cccccc== </td>
465 <td>bottom border search results header =.twikiSearchResultsHeader, .twikiSearchString= </td>
466 </tr>
467 <tr>
468 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#f00;"></td>
469 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#f00; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td>
470 <td> ==#ff0000== </td>
471 <td>alert =.twikiAlert= </td>
472 </tr>
473 <tr>
474 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#900;"></td>
475 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#900; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td>
476 <td> ==#990000== </td>
477 <td>alert in search results =.twikiSearchResults .twikiSummary .twikiAlert= </td>
478 </tr>
479 <tr>
480 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#22638c;"></td>
481 <td></td>
482 <td> ==#22638c== </td>
483 <td>search results in book view, top row background =.twikiBookViewList .twikiTopRow= </td>
484 rizwank 1.1 </tr>
485 <tr>
486 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#ccc;"></td>
487 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#ccc; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td>
488 <td> ==#cccccc== </td>
489 <td>search results in book view, top row =.twikiBookViewList .twikiTopRow= </td>
490 </tr>
491 <tr>
492 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#ff0;"></td>
493 <td></td>
494 <td> ==#ffff00== </td>
495 <td>broadcast message background =.twikiBroadcastMessage= </td>
496 </tr>
497 <tr>
498 <td style="width:30px; height:30px; border:1px solid #fff; background-color:#f00;"></td>
499 <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#f00; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td>
500 <td> ==#ff0000== </td>
501 <td>broadcast message bold text =.twikiBroadcastMessage strong= </td>
502 </tr>
503 </table>
504
505 rizwank 1.1 ---++ Descending color table
506
507 <table>
508 <tr> <th>rgb</th> <th>colour sample</th> </tr>
509
510 <tr style="height:20px" >
511 <td style="height:20px" >#000000</td>
512 <td style="height:20px; width:150px; background:#000000" > </td>
513 </tr >
514 <tr style="height:20px" >
515 <td style="height:20px" >#041d3a</td>
516 <td style="height:20px; width:150px; background:#041d3a" > </td>
517 </tr >
518 <tr style="height:20px" >
519 <td style="height:20px" >#05264d</td>
520 <td style="height:20px; width:150px; background:#05264d" > </td>
521 </tr >
522 <tr style="height:20px" >
523 <td style="height:20px" >#333333</td>
524 <td style="height:20px; width:150px; background:#333333" > </td>
525 </tr >
526 rizwank 1.1 <tr style="height:20px" >
527 <td style="height:20px" >#334455</td>
528 <td style="height:20px; width:150px; background:#334455" > </td>
529 </tr >
530 <tr style="height:20px" >
531 <td style="height:20px" >#880000</td>
532 <td style="height:20px; width:150px; background:#880000" > </td>
533 </tr >
534 <tr style="height:20px" >
535 <td style="height:20px" >#990000</td>
536 <td style="height:20px; width:150px; background:#990000" > </td>
537 </tr >
538 <tr style="height:20px" >
539 <td style="height:20px" >#844f0c</td>
540 <td style="height:20px; width:150px; background:#844f0c" > </td>
541 </tr >
542 <tr style="height:20px" >
543 <td style="height:20px" >#22638c</td>
544 <td style="height:20px; width:150px; background:#22638c" > </td>
545 </tr >
546 <tr style="height:20px" >
547 rizwank 1.1 <td style="height:20px" >#666666</td>
548 <td style="height:20px; width:150px; background:#666666" > </td>
549 </tr >
550 <tr style="height:20px" >
551 <td style="height:20px" >#3db234</td>
552 <td style="height:20px; width:150px; background:#3db234" > </td>
553 </tr >
554 <tr style="height:20px" >
555 <td style="height:20px" >#1559b3</td>
556 <td style="height:20px; width:150px; background:#1559b3" > </td>
557 </tr >
558 <tr style="height:20px" >
559 <td style="height:20px" >#1e5bbd</td>
560 <td style="height:20px; width:150px; background:#1e5bbd" > </td>
561 </tr >
562 <tr style="height:20px" >
563 <td style="height:20px" >#808080</td>
564 <td style="height:20px; width:150px; background:#808080" > </td>
565 </tr >
566 <tr style="height:20px" >
567 <td style="height:20px" >#888888</td>
568 rizwank 1.1 <td style="height:20px; width:150px; background:#888888" > </td>
569 </tr >
570 <tr style="height:20px" >
571 <td style="height:20px" >#e24628</td>
572 <td style="height:20px; width:150px; background:#e24628" > </td>
573 </tr >
574 <tr style="height:20px" >
575 <td style="height:20px" >#698fa8</td>
576 <td style="height:20px; width:150px; background:#698fa8" > </td>
577 </tr >
578 <tr style="height:20px" >
579 <td style="height:20px" >#9e9e70</td>
580 <td style="height:20px; width:150px; background:#9e9e70" > </td>
581 </tr >
582 <tr style="height:20px" >
583 <td style="height:20px" >#888e9c</td>
584 <td style="height:20px; width:150px; background:#888e9c" > </td>
585 </tr >
586 <tr style="height:20px" >
587 <td style="height:20px" >#8490a1</td>
588 <td style="height:20px; width:150px; background:#8490a1" > </td>
589 rizwank 1.1 </tr >
590 <tr style="height:20px" >
591 <td style="height:20px" >#ff0000</td>
592 <td style="height:20px; width:150px; background:#ff0000" > </td>
593 </tr >
594 <tr style="height:20px" >
595 <td style="height:20px" >#ff3000</td>
596 <td style="height:20px; width:150px; background:#ff3000" > </td>
597 </tr >
598 <tr style="height:20px" >
599 <td style="height:20px" >#98a2b0</td>
600 <td style="height:20px; width:150px; background:#98a2b0" > </td>
601 </tr >
602 <tr style="height:20px" >
603 <td style="height:20px" >#aaaaaa</td>
604 <td style="height:20px; width:150px; background:#aaaaaa" > </td>
605 </tr >
606 <tr style="height:20px" >
607 <td style="height:20px" >#bbbbbb</td>
608 <td style="height:20px; width:150px; background:#bbbbbb" > </td>
609 </tr >
610 rizwank 1.1 <tr style="height:20px" >
611 <td style="height:20px" >#a3bcf1</td>
612 <td style="height:20px; width:150px; background:#a3bcf1" > </td>
613 </tr >
614 <tr style="height:20px" >
615 <td style="height:20px" >#cccccc</td>
616 <td style="height:20px; width:150px; background:#cccccc" > </td>
617 </tr >
618 <tr style="height:20px" >
619 <td style="height:20px" >#ffff00</td>
620 <td style="height:20px; width:150px; background:#ffff00" > </td>
621 </tr >
622 <tr style="height:20px" >
623 <td style="height:20px" >#b9d6fa</td>
624 <td style="height:20px; width:150px; background:#b9d6fa" > </td>
625 </tr >
626 <tr style="height:20px" >
627 <td style="height:20px" >#dadada</td>
628 <td style="height:20px; width:150px; background:#dadada" > </td>
629 </tr >
630 <tr style="height:20px" >
631 rizwank 1.1 <td style="height:20px" >#b4d5ff</td>
632 <td style="height:20px; width:150px; background:#b4d5ff" > </td>
633 </tr >
634 <tr style="height:20px" >
635 <td style="height:20px" >#dddddd</td>
636 <td style="height:20px; width:150px; background:#dddddd" > </td>
637 </tr >
638 <tr style="height:20px" >
639 <td style="height:20px" >#e9e9e9</td>
640 <td style="height:20px; width:150px; background:#e9e9e9" > </td>
641 </tr >
642 <tr style="height:20px" >
643 <td style="height:20px" >#e0e9f7</td>
644 <td style="height:20px; width:150px; background:#e0e9f7" > </td>
645 </tr >
646 <tr style="height:20px" >
647 <td style="height:20px" >#efedea</td>
648 <td style="height:20px; width:150px; background:#efedea" > </td>
649 </tr >
650 <tr style="height:20px" >
651 <td style="height:20px" >#f3ede7</td>
652 rizwank 1.1 <td style="height:20px; width:150px; background:#f3ede7" > </td>
653 </tr >
654 <tr style="height:20px" >
655 <td style="height:20px" >#dfedfd</td>
656 <td style="height:20px; width:150px; background:#dfedfd" > </td>
657 </tr >
658 <tr style="height:20px" >
659 <td style="height:20px" >#eeeeee</td>
660 <td style="height:20px; width:150px; background:#eeeeee" > </td>
661 </tr >
662 <tr style="height:20px" >
663 <td style="height:20px" >#ebf7ea</td>
664 <td style="height:20px; width:150px; background:#ebf7ea" > </td>
665 </tr >
666 <tr style="height:20px" >
667 <td style="height:20px" >#efefef</td>
668 <td style="height:20px; width:150px; background:#efefef" > </td>
669 </tr >
670 <tr style="height:20px" >
671 <td style="height:20px" >#ffeae5</td>
672 <td style="height:20px; width:150px; background:#ffeae5" > </td>
673 rizwank 1.1 </tr >
674 <tr style="height:20px" >
675 <td style="height:20px" >#e8f1f9</td>
676 <td style="height:20px; width:150px; background:#e8f1f9" > </td>
677 </tr >
678 <tr style="height:20px" >
679 <td style="height:20px" >#f1f1f1</td>
680 <td style="height:20px; width:150px; background:#f1f1f1" > </td>
681 </tr >
682 <tr style="height:20px" >
683 <td style="height:20px" >#f2f2f2</td>
684 <td style="height:20px; width:150px; background:#f2f2f2" > </td>
685 </tr >
686 <tr style="height:20px" >
687 <td style="height:20px" >#f8f8f8</td>
688 <td style="height:20px; width:150px; background:#f8f8f8" > </td>
689 </tr >
690 <tr style="height:20px" >
691 <td style="height:20px" >#f5f7fd</td>
692 <td style="height:20px; width:150px; background:#f5f7fd" > </td>
693 </tr >
694 rizwank 1.1 <tr style="height:20px" >
695 <td style="height:20px" >#fcfaf7</td>
696 <td style="height:20px; width:150px; background:#fcfaf7" > </td>
697 </tr >
698 <tr style="height:20px" >
699 <td style="height:20px" >#ffffff</td>
700 <td style="height:20px; width:150px; background:#ffffff" > </td>
701 </tr ></table>
702
703 -- Main.ArthurClemens - 29 Aug 2004
704
705 %META:FILEATTACHMENT{name="PatternSkinPalette.css" attr="" comment="" date="1093733793" path="PatternSkinPalette.css" size="9554" user="ArthurClemens" version="1.1"}%
706 %META:FILEATTACHMENT{name="filterColours.pl.txt" attr="" comment="" date="1093733821" path="filterColours.pl.txt" size="98" user="ArthurClemens" version="1.1"}%
707 %META:FILEATTACHMENT{name="makeColourTable.pl.txt" attr="" comment="" date="1093733844" path="makeColourTable.pl.txt" size="330" user="ArthurClemens" version="1.1"}%
708 %META:FILEATTACHMENT{name="textmask.gif" attr="h" comment="" date="1093821457" path="textmask.gif" size="101" user="ArthurClemens" version="1.1"}%
|
Return to
PatternSkinPalette.txt
CVS log
Up to [RizwankCVS] / geekymedia_web / twiki / data / TWiki