1 # <a name="Color scheme settings for TWiki."></a><a name=" Color scheme settings for TWiki"></a> Color scheme settings for [[PatternSkin]]
3 Use this topic to change the color settings of [[PatternSkin]]. When this topic is saved, the attachment `theme-colors.css` will be updated with new color values. This method relies on TWiki:Plugins.AttachContentPlugin to work.
5 AttachContentPlugin is **not** installed.
7 ## <a name="Usage"></a><a name=" Usage"></a> Usage
9 ### <a name="Step 1"></a><a name=" Step 1"></a> Step 1
11 Let [[PatternSkin]] point to the custom-made colors style sheet. In [[Main.TWikiPreferences|Main/TWikiPreferences]] put:
13 * Set USERCOLORSURL = %PUBURLPATH%/%TWIKIWEB%/PatternSkin/theme-colors.css
15 ### <a name="Step 2"></a><a name=" Step 2"></a> Step 2
17 Edit this topic, and change the color variables as you like.
19 ### <a name="Step 3"></a><a name=" Step 3"></a> Step 3
21 Save the topic. This will generate an [attachment](http://www.dementia.org/twiki//view/TWiki/PatternSkin/theme-colors.css) to topic [[PatternSkin]].
23 <img src="http://www.dementia.org/twiki//view/Main/WebHome/info.gif" width="16" height="16" alt="info" /> For more help on customizing styles, see [[PatternSkinCustomization]].
25 ## <a name="Color variables"></a><a name=" Color variables"></a> Color variables
29 <li><a href="#Logical groupings"> Logical groupings</a><ul>
30 <li><a href="#Text"> Text</a><ul>
31 <li><a href="#MAIN_TEXT_COLOR Main text color"> MAIN_TEXT_COLOR Main text color</a></li>
32 <li><a href="#MAIN_BACKGROUND_COLOR Main backg"> MAIN_BACKGROUND_COLOR Main background color</a></li>
33 <li><a href="#LIGHT_ON_DARK_TEXT_COLOR Light o"> LIGHT_ON_DARK_TEXT_COLOR Light on dark text color</a></li>
34 <li><a href="#GRAYED_TEXT_COLOR"> GRAYED_TEXT_COLOR</a></li>
35 <li><a href="#GENERAL_TEXT General text (if no"> GENERAL_TEXT General text (if not set in MAIN_BACKGROUND_COLOR) (black)</a></li>
36 <li><a href="#HEADER_TEXT Header text"> HEADER_TEXT Header text</a></li>
37 <li><a href="#CODE_TEXT Code text, left bar te"> CODE_TEXT Code text, left bar text and links</a></li>
38 <li><a href="#MUTED_TEXT Muted text (dark gray"> MUTED_TEXT Muted text (dark gray)</a></li>
39 <li><a href="#GRAYED_OUT_TEXT Grayed out text"> GRAYED_OUT_TEXT Grayed out text</a></li>
42 <li><a href="#Links"> Links</a><ul>
43 <li><a href="#LINK_TEXT_NORMAL Link normal tex"> LINK_TEXT_NORMAL Link normal text</a></li>
44 <li><a href="#LINK_BACKGROUND_NORMAL Link norm"> LINK_BACKGROUND_NORMAL Link normal background</a></li>
45 <li><a href="#LINK_TEXT_NORMAL_VISITED Link no"> LINK_TEXT_NORMAL_VISITED Link normal text visited</a></li>
46 <li><a href="#LINK_TEXT_ACTION_BUTTON Link tex"> LINK_TEXT_ACTION_BUTTON Link text red (same as LINK_BACKGROUND_HOVER)</a></li>
47 <li><a href="#LINK_TEXT_HOVER Link hover text"> LINK_TEXT_HOVER Link hover text</a></li>
48 <li><a href="#LINK_BACKGROUND_HOVER Link backg"> LINK_BACKGROUND_HOVER Link background hover</a></li>
49 <li><a href="#SIDE_BAR_LINK_TEXT Side bar link"> SIDE_BAR_LINK_TEXT Side bar link text</a></li>
52 <li><a href="#Disabled"> Disabled</a><ul>
53 <li><a href="#DISABLED_BORDER Disabled border"> DISABLED_BORDER Disabled border</a></li>
54 <li><a href="#DISABLED_TEXT Disabled text"> DISABLED_TEXT Disabled text</a></li>
55 <li><a href="#DISABLED_BACKGROUND Disabled bac"> DISABLED_BACKGROUND Disabled background</a></li>
56 <li><a href="#BUTTON_BORDERS_DISABLED Disabled"> BUTTON_BORDERS_DISABLED Disabled button borders</a></li>
59 <li><a href="#'New'"> 'New'</a><ul>
60 <li><a href="#NEW_TEXT New text (green)"> NEW_TEXT New text (green)</a></li>
61 <li><a href="#NEW_BACKGROUND New background (l"> NEW_BACKGROUND New background (light green)</a></li>
64 <li><a href="#Alert"> Alert</a><ul>
65 <li><a href="#ALERT_TEXT Alert text (red)"> ALERT_TEXT Alert text (red)</a></li>
66 <li><a href="#ALERT_TEXT_MUTED Muted alert tex"> ALERT_TEXT_MUTED Muted alert text (dark red)</a></li>
67 <li><a href="#ALERT_BORDER Alert border"> ALERT_BORDER Alert border</a></li>
70 <li><a href="#Buttons"> Buttons</a><ul>
71 <li><a href="#BUTTON_TEXT Button text color (d"> BUTTON_TEXT Button text color (dark gray)</a></li>
72 <li><a href="#BUTTON_BORDERS Button borders"> BUTTON_BORDERS Button borders</a></li>
73 <li><a href="#BUTTON_BACKGROUND Button backgro"> BUTTON_BACKGROUND Button background</a></li>
74 <li><a href="#BUTTON_CANCEL_BACKGROUND Cancel"> BUTTON_CANCEL_BACKGROUND Cancel button background</a></li>
75 <li><a href="#SUBMIT_BUTTON_BACKGROUND Submit"> SUBMIT_BUTTON_BACKGROUND Submit button background</a></li>
76 <li><a href="#SUBMIT_BUTTON_BORDER_TEXT Submit"> SUBMIT_BUTTON_BORDER_TEXT Submit button text color</a></li>
77 <li><a href="#SELECT_BORDER Select border"> SELECT_BORDER Select border</a></li>
80 <li><a href="#Background colors"> Background colors</a><ul>
81 <li><a href="#GENERAL_BACKGROUND General backg"> GENERAL_BACKGROUND General background color (if not set in MAIN_BACKGROUND_COLOR) (white)</a></li>
82 <li><a href="#SIDE_BAR_BACKGROUND Side bar bac"> SIDE_BAR_BACKGROUND Side bar background</a></li>
83 <li><a href="#NEUTRAL_BACKGROUND"> NEUTRAL_BACKGROUND</a></li>
84 <li><a href="#TOP_BAR_BACKGROUND Top bar backg"> TOP_BAR_BACKGROUND Top bar background</a></li>
85 <li><a href="#ATTACHMENT_AND_FORM_BACKGROUND A"> ATTACHMENT_AND_FORM_BACKGROUND Attachment, form</a></li>
86 <li><a href="#TOPIC_ACTION_BACKGROUND Topic ac"> TOPIC_ACTION_BACKGROUND Topic action row</a></li>
87 <li><a href="#HEADER_BACKGROUND h2, h3"> HEADER_BACKGROUND h2, h3</a></li>
88 <li><a href="#DIFF_HEADER_BACKGROUND Diff head"> DIFF_HEADER_BACKGROUND Diff header (dark gray)</a></li>
89 <li><a href="#NOTIFICATION_BACKGROUND Info, br"> NOTIFICATION_BACKGROUND Info, broadcast message and notifications</a></li>
90 <li><a href="#INFO_BACKGROUND"> INFO_BACKGROUND</a></li>
93 <li><a href="#Border colors"> Border colors</a><ul>
94 <li><a href="#NEUTRAL_BORDER Info (light gray)"> NEUTRAL_BORDER Info (light gray)</a></li>
95 <li><a href="#SEPARATOR_BORDER"> SEPARATOR_BORDER</a></li>
96 <li><a href="#MINOR_SEPARATOR_BORDER Header H3"> MINOR_SEPARATOR_BORDER Header H3..H6 bottom</a></li>
97 <li><a href="#LAYOUT_ELEMENT_BORDER Main layou"> LAYOUT_ELEMENT_BORDER Main layout elements (neutral tone)</a></li>
98 <li><a href="#IMAGE_BORDER Image border"> IMAGE_BORDER Image border</a></li>
99 <li><a href="#FORM_STEP_BORDER Form step borde"> FORM_STEP_BORDER Form step border</a></li>
100 <li><a href="#NOTIFICATION_BORDER Broadcast me"> NOTIFICATION_BORDER Broadcast message</a></li>
101 <li><a href="#Table colors"> Table colors</a><ul>
102 <li><a href="#TABLE_DATA_BACKGROUND Table data"> TABLE_DATA_BACKGROUND Table data background</a></li>
103 <li><a href="#TABLE_HEADER_BACKGROUND Table he"> TABLE_HEADER_BACKGROUND Table header background</a></li>
104 <li><a href="#TABLE_SELECTED_COLUMN_HEADER_BAC"> TABLE_SELECTED_COLUMN_HEADER_BACKGROUND Sorted table column accent background</a></li>
105 <li><a href="#TABLE_DATA_ODD_BACKGROUND Table"> TABLE_DATA_ODD_BACKGROUND Table data background (odd row)</a></li>
106 <li><a href="#TABLE_DATA_EVEN_BACKGROUND Table"> TABLE_DATA_EVEN_BACKGROUND Table data background (even row)</a></li>
107 <li><a href="#TABLE_DATA_ODD_SELECTED_BACKGROU"> TABLE_DATA_ODD_SELECTED_BACKGROUND Table data background (odd row, selected column)</a></li>
108 <li><a href="#TABLE_DATA_EVEN_SELECTED_BACKGRO"> TABLE_DATA_EVEN_SELECTED_BACKGROUND Table data background (even row, selected column)</a></li>
109 <li><a href="#TABLE_DATA_MIX_BACKGROUND Table"> TABLE_DATA_MIX_BACKGROUND Table data background (mix between even and odd)</a></li>
112 <li><a href="#TABLE_BORDER Table border, sup ("> TABLE_BORDER Table border, sup (light neutral tone)</a></li>
113 <li><a href="#LINK_TEXT_NORMAL_TABLE_HEADER Ta"> LINK_TEXT_NORMAL_TABLE_HEADER Table header link text</a></li>
114 <li><a href="#LINK_TEXT_NORMAL_BORDER_TABLE_HE"> LINK_TEXT_NORMAL_BORDER_TABLE_HEADER Table header link border</a></li>
115 <li><a href="#LINK_TEXT_SORTED_TABLE_HEADER So"> LINK_TEXT_SORTED_TABLE_HEADER Sorted table header link text</a></li>
116 <li><a href="#LINK_TEXT_HOVER_TABLE_HEADER Tab"> LINK_TEXT_HOVER_TABLE_HEADER Table header link hover text</a></li>
117 <li><a href="#LINK_BORDER_TABLE_SELECTED_COLUM"> LINK_BORDER_TABLE_SELECTED_COLUMN_HEADER Link border in selected column header</a></li>
120 <li><a href="#Forms"> Forms</a><ul>
121 <li><a href="#INPUT_FIELD_BORDERS Input field"> INPUT_FIELD_BORDERS Input field borders</a></li>
122 <li><a href="#FORM_INPUT_BORDER Textarea, inpu"> FORM_INPUT_BORDER Textarea, input and select (darker gray)</a></li>
123 <li><a href="#FORM_BORDER Form (same as twikiT"> FORM_BORDER Form (same as twikiTable border)</a></li>
124 <li><a href="#ACTIVE_FORM_BACKGROUND Edit form"> ACTIVE_FORM_BACKGROUND Edit form, form steps</a></li>
125 <li><a href="#FORMFIELD_ACTIVE Active form fie"> FORMFIELD_ACTIVE Active form field</a></li>
126 <li><a href="#FORM_HEADER_TEXT Header text on"> FORM_HEADER_TEXT Header text on form background</a></li>
134 ## <a name="Logical groupings"></a> Logical groupings
136 ### <a name="Text"></a> Text
138 #### <a name="MAIN_TEXT_COLOR Main text color"></a> MAIN\_TEXT\_COLOR Main text color
140 - Set MAIN\_TEXT\_COLOR = #000
142 #### <a name="MAIN_BACKGROUND_COLOR Main backg"></a> MAIN\_BACKGROUND\_COLOR Main background color
144 - Set MAIN\_BACKGROUND\_COLOR = #fff
146 #### <a name="LIGHT_ON_DARK_TEXT_COLOR Light o"></a> LIGHT\_ON\_DARK\_TEXT\_COLOR Light on dark text color
148 - Set LIGHT\_ON\_DARK\_TEXT\_COLOR = #fff
150 #### <a name="GRAYED_TEXT_COLOR"></a> GRAYED\_TEXT\_COLOR
152 - Set GRAYED\_TEXT\_COLOR = #777
154 #### <a name="GENERAL_TEXT General text (if no"></a> GENERAL\_TEXT General text (if not set in MAIN\_BACKGROUND\_COLOR) (black)
156 - Set GENERAL\_TEXT = #000
158 #### <a name="HEADER_TEXT Header text"></a> HEADER\_TEXT Header text
160 - Set HEADER\_TEXT = #630000
162 #### <a name="CODE_TEXT Code text, left bar te"></a> CODE\_TEXT Code text, left bar text and links
164 - Set CODE\_TEXT = #7A4707
166 #### <a name="MUTED_TEXT Muted text (dark gray"></a> MUTED\_TEXT Muted text (dark gray)
168 - Set MUTED\_TEXT = %GRAYED\_TEXT\_COLOR%
170 #### <a name="GRAYED_OUT_TEXT Grayed out text"></a> GRAYED\_OUT\_TEXT Grayed out text
172 - Set GRAYED\_OUT\_TEXT = %GRAYED\_TEXT\_COLOR%
174 ### <a name="Links"></a> Links
176 #### <a name="LINK_TEXT_NORMAL Link normal tex"></a> LINK\_TEXT\_NORMAL Link normal text
178 - Set LINK\_TEXT\_NORMAL = #4571d0
180 #### <a name="LINK_BACKGROUND_NORMAL Link norm"></a> LINK\_BACKGROUND\_NORMAL Link normal background
182 - Set LINK\_BACKGROUND\_NORMAL =
184 #### <a name="LINK_TEXT_NORMAL_VISITED Link no"></a> LINK\_TEXT\_NORMAL\_VISITED Link normal text visited
186 - Set LINK\_TEXT\_NORMAL\_VISITED = #666
188 #### <a name="LINK_TEXT_ACTION_BUTTON Link tex"></a> LINK\_TEXT\_ACTION\_BUTTON Link text red (same as LINK\_BACKGROUND\_HOVER)
190 - Set LINK\_TEXT\_ACTION\_BUTTON = #be000a
192 #### <a name="LINK_TEXT_HOVER Link hover text"></a> LINK\_TEXT\_HOVER Link hover text
194 - Set LINK\_TEXT\_HOVER = #fff
196 #### <a name="LINK_BACKGROUND_HOVER Link backg"></a> LINK\_BACKGROUND\_HOVER Link background hover
198 - Set LINK\_BACKGROUND\_HOVER = #ce000f
200 #### <a name="SIDE_BAR_LINK_TEXT Side bar link"></a> SIDE\_BAR\_LINK\_TEXT Side bar link text
202 - Set SIDE\_BAR\_LINK\_TEXT = #444
204 ### <a name="Disabled"></a> Disabled
206 #### <a name="DISABLED_BORDER Disabled border"></a> DISABLED\_BORDER Disabled border
208 - Set DISABLED\_BORDER = #e0e0e0
210 #### <a name="DISABLED_TEXT Disabled text"></a> DISABLED\_TEXT Disabled text
212 - Set DISABLED\_TEXT = #aaa
214 #### <a name="DISABLED_BACKGROUND Disabled bac"></a> DISABLED\_BACKGROUND Disabled background
216 - Set DISABLED\_BACKGROUND = #fafaf8
218 #### <a name="BUTTON_BORDERS_DISABLED Disabled"></a> BUTTON\_BORDERS\_DISABLED Disabled button borders
220 - Set BUTTON\_BORDERS\_DISABLED = #fff #ccc #ccc #fff
222 ### <a name="'New'"></a> 'New'
224 #### <a name="NEW_TEXT New text (green)"></a> NEW\_TEXT New text (green)
226 - Set NEW\_TEXT = #049804
228 #### <a name="NEW_BACKGROUND New background (l"></a> NEW\_BACKGROUND New background (light green)
230 - Set NEW\_BACKGROUND = #ECFADC
232 ### <a name="Alert"></a> Alert
234 #### <a name="ALERT_TEXT Alert text (red)"></a> ALERT\_TEXT Alert text (red)
236 - Set ALERT\_TEXT = #f00
238 #### <a name="ALERT_TEXT_MUTED Muted alert tex"></a> ALERT\_TEXT\_MUTED Muted alert text (dark red)
240 - Set ALERT\_TEXT\_MUTED = #900
242 #### <a name="ALERT_BORDER Alert border"></a> ALERT\_BORDER Alert border
244 - Set ALERT\_BORDER = #f00
246 ### <a name="Buttons"></a> Buttons
248 #### <a name="BUTTON_TEXT Button text color (d"></a> BUTTON\_TEXT Button text color (dark gray)
250 - Set BUTTON\_TEXT = #000
252 #### <a name="BUTTON_BORDERS Button borders"></a> BUTTON\_BORDERS Button borders
254 - Set BUTTON\_BORDERS = #fff #888 #888 #fff
256 #### <a name="BUTTON_BACKGROUND Button backgro"></a> BUTTON\_BACKGROUND Button background
258 - Set BUTTON\_BACKGROUND = #e2e3e3
260 #### <a name="BUTTON_CANCEL_BACKGROUND Cancel"></a><a name="BUTTON_CANCEL_BACKGROUND Cancel "></a> BUTTON\_CANCEL\_BACKGROUND Cancel button background
262 - Set BUTTON\_CANCEL\_BACKGROUND = #f2d5d0
264 #### <a name="SUBMIT_BUTTON_BACKGROUND Submit"></a><a name="SUBMIT_BUTTON_BACKGROUND Submit "></a> SUBMIT\_BUTTON\_BACKGROUND Submit button background
266 - Set SUBMIT\_BUTTON\_BACKGROUND = #06c
268 #### <a name="SUBMIT_BUTTON_BORDER_TEXT Submit"></a> SUBMIT\_BUTTON\_BORDER\_TEXT Submit button text color
270 - Set SUBMIT\_BUTTON\_BORDER\_TEXT = #fff
272 #### <a name="SELECT_BORDER Select border"></a> SELECT\_BORDER Select border
274 - Set SELECT\_BORDER = #888
276 ### <a name="Background colors"></a> Background colors
278 #### <a name="GENERAL_BACKGROUND General backg"></a> GENERAL\_BACKGROUND General background color (if not set in MAIN\_BACKGROUND\_COLOR) (white)
280 - Set GENERAL\_BACKGROUND = #fff
282 #### <a name="SIDE_BAR_BACKGROUND Side bar bac"></a> SIDE\_BAR\_BACKGROUND Side bar background
284 - Set SIDE\_BAR\_BACKGROUND = #f6f6f6
286 #### <a name="NEUTRAL_BACKGROUND"></a> NEUTRAL\_BACKGROUND
288 - Set NEUTRAL\_BACKGROUND = #fdfaf1
290 #### <a name="TOP_BAR_BACKGROUND Top bar backg"></a> TOP\_BAR\_BACKGROUND Top bar background
292 - Set TOP\_BAR\_BACKGROUND = #fefcf7
294 #### <a name="ATTACHMENT_AND_FORM_BACKGROUND A"></a> ATTACHMENT\_AND\_FORM\_BACKGROUND Attachment, form
296 - Set ATTACHMENT\_AND\_FORM\_BACKGROUND = #f6f6f6
298 #### <a name="TOPIC_ACTION_BACKGROUND Topic ac"></a> TOPIC\_ACTION\_BACKGROUND Topic action row
300 - Set TOPIC\_ACTION\_BACKGROUND = %ATTACHMENT\_AND\_FORM\_BACKGROUND%
302 #### <a name="HEADER_BACKGROUND h2, h3"></a> HEADER\_BACKGROUND h2, h3
304 - Set HEADER\_BACKGROUND = %TOPIC\_ACTION\_BACKGROUND%
306 #### <a name="DIFF_HEADER_BACKGROUND Diff head"></a> DIFF\_HEADER\_BACKGROUND Diff header (dark gray)
308 - Set DIFF\_HEADER\_BACKGROUND = #ccc
310 #### <a name="NOTIFICATION_BACKGROUND Info, br"></a> NOTIFICATION\_BACKGROUND Info, broadcast message and notifications
312 - Set NOTIFICATION\_BACKGROUND = #ffe67b
314 #### <a name="INFO_BACKGROUND"></a> INFO\_BACKGROUND
316 - Set INFO\_BACKGROUND = %NOTIFICATION\_BACKGROUND%
318 ### <a name="Border colors"></a> Border colors
320 #### <a name="NEUTRAL_BORDER Info (light gray)"></a> NEUTRAL\_BORDER Info (light gray)
322 - Set NEUTRAL\_BORDER = #ddd
324 #### <a name="SEPARATOR_BORDER"></a> SEPARATOR\_BORDER
326 - Set SEPARATOR\_BORDER = #e2e2e2
328 #### <a name="MINOR_SEPARATOR_BORDER Header H3"></a> MINOR\_SEPARATOR\_BORDER Header H3..H6 bottom
330 - Set MINOR\_SEPARATOR\_BORDER = %SEPARATOR\_BORDER%
332 #### <a name="LAYOUT_ELEMENT_BORDER Main layou"></a> LAYOUT\_ELEMENT\_BORDER Main layout elements (neutral tone)
334 - Set LAYOUT\_ELEMENT\_BORDER = #dadada
336 #### <a name="IMAGE_BORDER Image border"></a> IMAGE\_BORDER Image border
338 - Set IMAGE\_BORDER = #eee
340 #### <a name="FORM_STEP_BORDER Form step borde"></a> FORM\_STEP\_BORDER Form step border
342 - Set FORM\_STEP\_BORDER = %SEPARATOR\_BORDER%
344 #### <a name="NOTIFICATION_BORDER Broadcast me"></a> NOTIFICATION\_BORDER Broadcast message
346 - Set NOTIFICATION\_BORDER = #ffdf4c
348 #### <a name="Table colors"></a> Table colors
350 ##### <a name="TABLE_DATA_BACKGROUND Table data"></a> TABLE\_DATA\_BACKGROUND Table data background
352 - Set TABLE\_DATA\_BACKGROUND = #f0f6f9
354 ##### <a name="TABLE_HEADER_BACKGROUND Table he"></a> TABLE\_HEADER\_BACKGROUND Table header background
356 - Set TABLE\_HEADER\_BACKGROUND = #6b7f93
358 ##### <a name="TABLE_SELECTED_COLUMN_HEADER_BAC"></a> TABLE\_SELECTED\_COLUMN\_HEADER\_BACKGROUND Sorted table column accent background
360 - Set TABLE\_SELECTED\_COLUMN\_HEADER\_BACKGROUND = #345
362 ##### <a name="TABLE_DATA_ODD_BACKGROUND Table"></a><a name="TABLE_DATA_ODD_BACKGROUND Table "></a> TABLE\_DATA\_ODD\_BACKGROUND Table data background (odd row)
364 - Set TABLE\_DATA\_ODD\_BACKGROUND = #f0f6fb
366 ##### <a name="TABLE_DATA_EVEN_BACKGROUND Table"></a> TABLE\_DATA\_EVEN\_BACKGROUND Table data background (even row)
368 - Set TABLE\_DATA\_EVEN\_BACKGROUND = #ffffff
370 ##### <a name="TABLE_DATA_ODD_SELECTED_BACKGROU"></a> TABLE\_DATA\_ODD\_SELECTED\_BACKGROUND Table data background (odd row, selected column)
372 - Set TABLE\_DATA\_ODD\_SELECTED\_BACKGROUND = #dce7ee
374 ##### <a name="TABLE_DATA_EVEN_SELECTED_BACKGRO"></a> TABLE\_DATA\_EVEN\_SELECTED\_BACKGROUND Table data background (even row, selected column)
376 - Set TABLE\_DATA\_EVEN\_SELECTED\_BACKGROUND = #f5f5f5
378 ##### <a name="TABLE_DATA_MIX_BACKGROUND Table"></a><a name="TABLE_DATA_MIX_BACKGROUND Table "></a> TABLE\_DATA\_MIX\_BACKGROUND Table data background (mix between even and odd)
380 - Set TABLE\_DATA\_MIX\_BACKGROUND = #f7fafc
382 #### <a name="TABLE_BORDER Table border, sup ("></a> TABLE\_BORDER Table border, sup (light neutral tone)
384 - Set TABLE\_BORDER = #e2e2e2
386 #### <a name="LINK_TEXT_NORMAL_TABLE_HEADER Ta"></a> LINK\_TEXT\_NORMAL\_TABLE\_HEADER Table header link text
388 - Set LINK\_TEXT\_NORMAL\_TABLE\_HEADER = #fff
390 #### <a name="LINK_TEXT_NORMAL_BORDER_TABLE_HE"></a> LINK\_TEXT\_NORMAL\_BORDER\_TABLE\_HEADER Table header link border
392 - Set LINK\_TEXT\_NORMAL\_BORDER\_TABLE\_HEADER = #bbb
394 #### <a name="LINK_TEXT_SORTED_TABLE_HEADER So"></a> LINK\_TEXT\_SORTED\_TABLE\_HEADER Sorted table header link text
396 - Set LINK\_TEXT\_SORTED\_TABLE\_HEADER = #fff
398 #### <a name="LINK_TEXT_HOVER_TABLE_HEADER Tab"></a> LINK\_TEXT\_HOVER\_TABLE\_HEADER Table header link hover text
400 - Set LINK\_TEXT\_HOVER\_TABLE\_HEADER = #fff
402 #### <a name="LINK_BORDER_TABLE_SELECTED_COLUM"></a> LINK\_BORDER\_TABLE\_SELECTED\_COLUMN\_HEADER Link border in selected column header
404 - Set LINK\_BORDER\_TABLE\_SELECTED\_COLUMN\_HEADER = #999
406 ### <a name="Forms"></a> Forms
408 #### <a name="INPUT_FIELD_BORDERS Input field"></a><a name="INPUT_FIELD_BORDERS Input field "></a> INPUT\_FIELD\_BORDERS Input field borders
410 - Set INPUT\_FIELD\_BORDERS = #bbb #f2f2f2 #f2f2f2 #bbb
412 #### <a name="FORM_INPUT_BORDER Textarea, inpu"></a> FORM\_INPUT\_BORDER Textarea, input and select (darker gray)
414 - Set FORM\_INPUT\_BORDER = #aaa
416 #### <a name="FORM_BORDER Form (same as twikiT"></a> FORM\_BORDER Form (same as twikiTable border)
418 - Set FORM\_BORDER = #cfcfcf
420 #### <a name="ACTIVE_FORM_BACKGROUND Edit form"></a> ACTIVE\_FORM\_BACKGROUND Edit form, form steps
422 - Set ACTIVE\_FORM\_BACKGROUND = #fbfbfb
424 #### <a name="FORMFIELD_ACTIVE Active form fie"></a> FORMFIELD\_ACTIVE Active form field
426 - Set FORMFIELD\_ACTIVE = #ffffe0
428 #### <a name="FORM_HEADER_TEXT Header text on"></a><a name="FORM_HEADER_TEXT Header text on "></a> FORM\_HEADER\_TEXT Header text on form background
430 - Set FORM\_HEADER\_TEXT = #036
432 Do not change the text below this line unless you know what you are doing!
436 %STARTATTACH{"theme-colors.css" web="%TWIKIWEB%" topic="PatternSkin"}%
437 /* PatternSkin colors */
438 /* Generated by AttachContentPlugin from %WEB%.%TOPIC% */
440 /* LAYOUT ELEMENTS */
443 border-color:%SEPARATOR_BORDER%;
444 background-color:%TOP_BAR_BACKGROUND%;
446 #patternMain { /* don't set a background here; use patternOuter */ }
448 background-color:%MAIN_BACKGROUND_COLOR%; /* Sets background of center col */
449 border-color:%LAYOUT_ELEMENT_BORDER%;
453 background-color:%SIDE_BAR_BACKGROUND%;
456 border-color:%SEPARATOR_BORDER%;
458 #patternBottomBarContents,
459 #patternBottomBarContents a:link,
460 #patternBottomBarContents a:visited {
461 color:%GRAYED_OUT_TEXT%;
463 #patternBottomBarContents a:hover {
464 color:%LINK_TEXT_HOVER%;
467 /* GENERAL HTML ELEMENTS */
470 background-color:%MAIN_BACKGROUND_COLOR%;
471 color:%MAIN_TEXT_COLOR%;
473 /* be kind to netscape 4 that doesn't understand inheritance */
474 body, p, li, ul, ol, dl, dt, dd, acronym, h1, h2, h3, h4, h5, h6 {
475 background-color:transparent;
478 color:%SEPARATOR_BORDER%;
479 background-color:%SEPARATOR_BORDER%;
485 background-color:%ACTIVE_FORM_BACKGROUND%;
486 border-color:%ACTIVE_FORM_BACKGROUND% %ACTIVE_FORM_BACKGROUND% %ACTIVE_FORM_BACKGROUND% %NEUTRAL_BORDER%;
492 h1, h2, h3, h4, h5, h6 {
496 background-color:%HEADER_BACKGROUND%;
497 border-color:%MINOR_SEPARATOR_BORDER%;
500 border-color:%MINOR_SEPARATOR_BORDER%;
502 /* to override old Render.pm coded font color style */
506 .twikiNewLink a:link sup,
507 .twikiNewLink a:visited sup {
509 border-color:%NEUTRAL_BORDER%;
511 .twikiNewLink a:hover sup {
512 background-color:%LINK_BACKGROUND_HOVER%;
513 color:%LINK_TEXT_HOVER%;
514 border-color:%LINK_BACKGROUND_HOVER%;
517 border-color:%NEUTRAL_BORDER%;
525 color:%LINK_TEXT_NORMAL%;
526 background-color:transparent;
530 color:%LINK_TEXT_HOVER%;
531 background-color:%LINK_BACKGROUND_HOVER%;
532 background-image:none;
536 background-color:transparent;
538 .patternTopic a:visited {
539 color:%LINK_TEXT_NORMAL_VISITED%;
541 .patternTopic a:hover {
542 color:%LINK_TEXT_HOVER%;
544 #patternMainContents h1 a:link, #patternMainContents h1 a:visited,
545 #patternMainContents h2 a:link, #patternMainContents h2 a:visited,
546 #patternMainContents h3 a:link, #patternMainContents h3 a:visited,
547 #patternMainContents h4 a:link, #patternMainContents h4 a:visited,
548 #patternMainContents h5 a:link, #patternMainContents h5 a:visited,
549 #patternMainContents h6 a:link, #patternMainContents h6 a:visited {
552 #patternMainContents h1 a:hover,
553 #patternMainContents h2 a:hover,
554 #patternMainContents h3 a:hover,
555 #patternMainContents h4 a:hover,
556 #patternMainContents h5 a:hover,
557 #patternMainContents h6 a:hover {
558 color:%LINK_TEXT_HOVER%;
560 .patternTopic .twikiUnvisited a:visited {
561 color:%LINK_TEXT_NORMAL%;
563 .patternTopic .twikiUnvisited a:hover {
564 color:%LINK_TEXT_HOVER%;
572 border-color:%FORM_INPUT_BORDER%;
573 color:%MAIN_TEXT_COLOR%;
574 background-color:%GENERAL_BACKGROUND%;
578 border-color:%BUTTON_BORDERS%;
581 color:%SUBMIT_BUTTON_BORDER_TEXT%;
582 background-color:%SUBMIT_BUTTON_BACKGROUND%;
586 background-color:%BUTTON_BACKGROUND%;
590 background-color:%BUTTON_CANCEL_BACKGROUND%;
592 .twikiSubmitDisabled,
593 .twikiSubmitDisabled:active {
594 border-color:%BUTTON_BORDERS_DISABLED%;
595 color:%DISABLED_TEXT%;
596 background-color:%ACTIVE_FORM_BACKGROUND%;
600 .twikiInputFieldDisabled,
601 .twikiInputFieldReadOnly,
603 border-color:%INPUT_FIELD_BORDERS%;
608 color:%MAIN_TEXT_COLOR%;
609 background-color:%MAIN_BACKGROUND_COLOR%;
611 .twikiInputField:active,
612 .twikiInputField:focus,
613 .twikiInputFieldFocus {
614 background-color:%FORMFIELD_ACTIVE%;
617 .twikiTextareaRawView {
618 color:%GENERAL_TEXT%;
620 .twikiInputFieldDisabled {
621 color:%DISABLED_TEXT%;
622 background-color:%DISABLED_BACKGROUND%;
624 .twikiInputFieldReadOnly {
625 color:%GRAYED_TEXT_COLOR%;
628 border-color:%INPUT_FIELD_BORDERS%;
629 color:%MAIN_TEXT_COLOR%;
630 background-color:%MAIN_BACKGROUND_COLOR%;
632 .twikiInputFieldDisabled,
633 .twikiSelectDisabled {
634 color:%DISABLED_TEXT%;
635 border-color:%INPUT_FIELD_BORDERS%;
636 background-color:%DISABLED_BACKGROUND%;
638 .twikiInputFieldBeforeFocus {
642 /* -----------------------------------------------------------
644 ----------------------------------------------------------- */
650 border-color:%TABLE_BORDER%;
652 .twikiTable th a:link,
653 .twikiTable th a:visited,
654 .twikiTable th a font {
655 color:%LINK_TEXT_NORMAL_TABLE_HEADER%;
660 color:%GRAYED_OUT_TEXT%;
662 a:hover.twistyTrigger {
663 color:%LINK_TEXT_HOVER%;
670 /* RevCommentPlugin */
671 .revComment .patternTopicAction {
672 background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
675 /* -----------------------------------------------------------
677 ----------------------------------------------------------- */
680 color:%GRAYED_OUT_TEXT%;
682 .twikiGrayText a:link,
683 .twikiGrayText a:visited {
684 color:%GRAYED_OUT_TEXT%;
686 .twikiGrayText a:hover {
687 color:%LINK_TEXT_HOVER%;
690 table.twikiFormTable th.twikiFormTableHRow,
691 table.twikiFormTable td.twikiFormTableRow {
695 color:%MAIN_TEXT_COLOR%;
697 .twikiEditForm .twikiFormTable,
698 .twikiEditForm .twikiFormTable th,
699 .twikiEditForm .twikiFormTable td {
700 border-color:%TABLE_BORDER%;
702 /* use a different table background color mix: no odd/even rows, no white background */
703 .twikiEditForm .twikiFormTable td {
704 background-color:%TABLE_DATA_MIX_BACKGROUND%;
706 .twikiEditForm .twikiFormTable th {
707 background-color:%TABLE_DATA_ODD_BACKGROUND%;
709 .patternContent .twikiAttachments,
710 .patternContent .twikiForm {
711 background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
712 border-color:%TABLE_BORDER%;
714 .twikiAttachments table,
715 table.twikiFormTable {
716 border-color:%TABLE_BORDER%;
717 background-color:%MAIN_BACKGROUND_COLOR%;
719 .twikiAttachments table {
720 background-color:%MAIN_BACKGROUND_COLOR%;
722 .twikiAttachments td,
723 .twikiAttachments th {
724 border-color:%TABLE_BORDER%;
726 .twikiAttachments .twikiTable th font,
727 table.twikiFormTable th.twikiFormTableHRow font {
728 color:%LINK_TEXT_NORMAL%;
732 background-color:%ACTIVE_FORM_BACKGROUND%;
733 border-color:%FORM_STEP_BORDER%;
736 border-color:%FORM_STEP_BORDER%;
740 color:%FORM_HEADER_TEXT%;
744 background-color:transparent;
746 .twikiActionFormStepSign {
747 color:%FORM_HEADER_TEXT%;
749 .twikiToc .twikiTocTitle {
752 .twikiBroadcastMessage {
753 background-color:%NOTIFICATION_BACKGROUND%;
756 background-color:%NOTIFICATION_BACKGROUND%;
758 #twikiLogin .patternLoginNotification {
759 background-color:%MAIN_BACKGROUND_COLOR%;
760 border-color:%ALERT_BORDER%;
763 background-color:%INFO_BACKGROUND%;
766 background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
767 border-color:%SEPARATOR_BORDER%;
769 .twikiBroadcastMessage b,
770 .twikiBroadcastMessage strong {
778 color:%LINK_TEXT_NORMAL%;
780 .twikiPageForm table {
781 border-color:%TABLE_BORDER%;
782 background:%MAIN_BACKGROUND_COLOR%;
785 border-color:%FORM_BORDER%;
786 background-color:%FORM_BORDER%;
791 border-color:%GRAYED_OUT_TEXT%;
793 a:link .twikiAccessKey,
794 a:visited .twikiAccessKey {
797 a:hover .twikiAccessKey {
801 border-color:%IMAGE_BORDER%;
802 background-color:%MAIN_BACKGROUND_COLOR%;
804 #patternTopBar .twikiImage img {
805 background-color:transparent;
807 .twikiImage a:hover img {
808 border-color:%LINK_BACKGROUND_HOVER%;
811 /* -----------------------------------------------------------
812 Pattern skin specific elements
813 ----------------------------------------------------------- */
815 background-color:%MAIN_BACKGROUND_COLOR%;
817 .patternHomePath a:link,
818 .patternHomePath a:visited {
819 border-color:%NEUTRAL_BORDER%;
820 color:%LINK_TEXT_NORMAL_VISITED%;
822 .patternTop a:hover {
824 color:%LINK_TEXT_HOVER%;
826 .patternHomePath .patternRevInfo,
827 .patternHomePath .patternRevInfo a:link,
828 .patternHomePath .patternRevInfo a:visited {
829 color:%GRAYED_OUT_TEXT%;
831 .patternHomePath .patternRevInfo a:hover {
832 color:%LINK_TEXT_HOVER%;
836 #patternLeftBarContents {
837 color:%GENERAL_TEXT%;
839 #patternLeftBarContents hr {
840 color:%FORM_STEP_BORDER%;
841 background-color:%FORM_STEP_BORDER%;
843 #patternLeftBarContents a:link,
844 #patternLeftBarContents a:visited {
845 color:%SIDE_BAR_LINK_TEXT%;
847 #patternLeftBarContents a:hover {
848 color:%LINK_TEXT_HOVER%;
850 #patternLeftBarContents .patternLeftBarPersonal,
851 #patternLeftBarContents .patternWebIndicator {
852 border-color:#dadada;
854 #patternLeftBarContents b,
855 #patternLeftBarContents strong {
859 .patternTopicActions {
860 border-color:%TABLE_BORDER%;
861 background-color:%TOPIC_ACTION_BACKGROUND%;
864 .patternTopicAction {
865 border-color:%TABLE_BORDER%;
867 .patternTopicAction s,
868 .patternTopicAction strike {
869 color:%DISABLED_TEXT%;
871 .patternTopicAction .twikiSeparator {
872 color:%SEPARATOR_BORDER%;
874 .patternActionButtons a:link,
875 .patternActionButtons a:visited {
876 color:%LINK_TEXT_ACTION_BUTTON%;
878 .patternActionButtons a:hover {
879 color:%LINK_TEXT_HOVER%;
881 .patternTopicAction .twikiAccessKey {
882 color:%LINK_TEXT_ACTION_BUTTON%;
883 border-color:%LINK_TEXT_ACTION_BUTTON%;
885 .patternTopicAction a:hover .twikiAccessKey {
886 color:%LINK_TEXT_HOVER%;
888 .patternTopicAction label {
889 color:%GENERAL_TEXT%;
892 color:%GRAYED_OUT_TEXT%;
897 .patternToolBar a:link .twikiAccessKey,
898 .patternToolBar a:visited .twikiAccessKey {
900 border-color:%LINK_TEXT_NORMAL_VISITED%;
902 .patternToolBar a:hover .twikiAccessKey {
903 background-color:transparent;
905 border-color:%LINK_TEXT_NORMAL_VISITED%;
908 background-color:%MAIN_BACKGROUND_COLOR%;
911 /* WebSearch, WebSearchAdvanced */
912 table#twikiSearchTable {
913 border-color:%FORM_STEP_BORDER%;
915 table#twikiSearchTable th,
916 table#twikiSearchTable td {
917 background-color:%GENERAL_BACKGROUND%;
918 border-color:%FORM_STEP_BORDER%;
920 table#twikiSearchTable hr {
921 border-color:%FORM_STEP_BORDER%;
922 background-color:%FORM_STEP_BORDER%;
924 table#twikiSearchTable th {
925 color:%MAIN_TEXT_COLOR%;
928 /* -----------------------------------------------------------
930 styles and overridden styles used in search.pattern.tmpl
931 ----------------------------------------------------------- */
933 h3.patternSearchResultsHeader,
934 h4.patternSearchResultsHeader {
935 background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
936 border-color:%SEPARATOR_BORDER%;
938 h4.patternSearchResultsHeader {
939 color:%MAIN_TEXT_COLOR%;
941 .patternNoViewPage h4.patternSearchResultsHeader {
944 .patternSearchResult .twikiBottomRow {
945 border-color:%MINOR_SEPARATOR_BORDER%;
947 .patternSearchResult .twikiAlert {
950 .patternSearchResult .twikiSummary .twikiAlert {
951 color:%ALERT_TEXT_MUTED%;
953 .patternSearchResult .twikiNew {
954 background-color:%NEW_BACKGROUND%;
955 border-color:%NEW_TEXT%;
958 .patternViewPage .patternSearchResultsBegin {
959 border-color:%TABLE_BORDER%;
962 /* Search results in book view format */
964 .patternBookView .twikiTopRow {
965 background-color:transparent; /* set to WEBBGCOLOR in css.pattern.tmpl */
968 .patternBookView .twikiBottomRow {
969 border-color:%TABLE_BORDER%;
971 .patternBookView .patternSearchResultCount {
972 color:%GRAYED_OUT_TEXT%;
975 /* edit.pattern.tmpl */
977 /* preview.pattern.tmpl */
980 border-color:%ALERT_BORDER%;
981 background-color:%MAIN_BACKGROUND_COLOR%;
984 /* rdiff.pattern.tmpl */
987 border-color:%TABLE_HEADER_BACKGROUND%;
989 #patternMainContents .patternDiff h4.patternSearchResultsHeader {
990 background-color:%TABLE_HEADER_BACKGROUND%;
991 color:%LIGHT_ON_DARK_TEXT_COLOR%;
993 #patternMainContents .patternDiff h4.patternSearchResultsHeader a:link,
994 #patternMainContents .patternDiff h4.patternSearchResultsHeader a:visited {
995 color:%LIGHT_ON_DARK_TEXT_COLOR%;
997 tr.twikiDiffDebug td {
998 border-color:%TABLE_BORDER%;
1000 .patternDiffPage .twikiDiffTable th {
1001 background-color:%DIFF_HEADER_BACKGROUND%;
1004 .twikiDiffChangedHeader,
1005 tr.twikiDiffDebug .twikiDiffChangedText,
1006 tr.twikiDiffDebug .twikiDiffChangedText {
1007 background:#9f9; /* green - do not change */
1010 .twikiDiffDeletedHeader,
1011 tr.twikiDiffDebug .twikiDiffDeletedMarker,
1012 tr.twikiDiffDebug .twikiDiffDeletedText {
1013 background-color:#f99; /* red - do not change */
1016 .twikiDiffAddedHeader,
1017 tr.twikiDiffDebug .twikiDiffAddedMarker,
1018 tr.twikiDiffDebug .twikiDiffAddedText {
1019 background-color:#ccf; /* violet - do not change */
1022 tr.twikiDiffDebug .twikiDiffUnchangedText {
1023 color:%GRAYED_OUT_TEXT%;
1025 .twikiDiffUnchangedTextContents { }
1026 .twikiDiffLineNumberHeader {
1027 background-color:%DIFF_HEADER_BACKGROUND%;
1031 /* image positions are set here as well as these are dependent on the image */
1034 .patternTopicAction {
1035 background-image:url(bg_action_gradient.gif);
1036 background-repeat:repeat-x;
1039 background-image:url(bullet-toc.gif);
1040 background-repeat:no-repeat;
1041 background-position:0 .4em;
1045 /* gradient yellow of left bar and main */
1046 background-image:url(bg_outer_gradient.gif);
1047 background-repeat:repeat-x;
1049 .patternPrintPage #patternOuter {
1050 background:#fff; /* white - do not change */
1052 .twikiPageForm table,
1053 table#twikiSearchTable td.twikiFirstRow {
1054 background-image:url(form_gradient.gif);
1055 background-repeat:repeat-x;
1056 background-color:#f5f5f5;
1059 .twikiSubmitDisabled {
1060 background-image:url(bg_submit_gradient.gif);
1061 background-repeat:repeat-x;
1065 a.twikiSubmit:visited {
1066 background-position:0px 0px;
1067 background-color:#06c;
1068 border-color:#abcdf0 #0048b8 #0048b8 #abcdf0;
1072 a.twikiSubmit:hover {
1073 background-position:0px -80px;
1074 background-color:#0047b7;
1075 border-color:#98bce9 #0031a4 #0031a4 #98bce9;
1078 .twikiSubmit:active,
1079 a.twikiSubmit:active {
1080 background-position:0px -160px;
1081 background-color:#73ace6;
1082 border-color:#0031a4 #98bce9 #98bce9 #0031a4;
1085 .twikiSubmitDisabled,
1086 .twikiSubmitDisabled:hover,
1087 .twikiSubmitDisabled:active {
1088 background-position:0px -240px;
1089 background-color:#d9e8f7;
1090 border-color:#f5f9fd #ccc #ccc #f5f9fd;
1095 a.twikiButton:visited {
1096 background-image:url(bg_button_gradient.gif);
1097 background-repeat:repeat-x;
1098 background-position:0px 0px;
1099 border-color:#f8f6ec #b8b6ad #b8b6ad #f8f6ec;
1100 background-color:#dbd9cf;
1103 .twikiChangeFormButtonHolder .twikiButton {
1104 background-color:#fff;
1105 background-image:none;
1108 .twikiChangeFormButtonHolder .twikiButton:hover,
1109 .twikiChangeFormButtonHolder .twikiButton:active {
1110 background-image:url(bg_button_gradient.gif);
1111 background-repeat:repeat-x;
1114 .twikiChangeFormButtonHolder .twikiButton:hover,
1115 a.twikiButton:hover {
1116 background-position:0px -80px;
1117 border-color:#f4f2eb #a3a092 #a3a092 #f4f2eb;
1118 background-color:#c2bfae;
1121 .twikiButton:active,
1122 .twikiChangeFormButtonHolder .twikiButton:active,
1123 a.twikiButton:active {
1124 background-position:0px -160px;
1125 border-color:#a3a092 #f4f2eb #f4f2eb #a3a092;
1126 background-color:#e8e5d7;
1129 .twikiButtonDisabled,
1130 .twikiButtonDisabled:hover,
1131 .twikiButtonDisabled:active {
1132 background-image:url(bg_button_gradient.gif);
1133 background-repeat:repeat-x;
1134 background-position:0px -240px;
1135 border-color:#fcfbf9 #e3e2dd #e3e2dd #fcfbf9;
1136 background-color:#edece6;
1139 .twikiButtonCancel {
1140 background-image:url(bg_buttoncancel_gradient.gif);
1141 background-repeat:repeat-x;
1142 background-position:0px 0px;
1143 border-color:#f3ddd7 #b5706a #b5706a #f3ddd7;
1144 background-color:#cc867f;
1147 .twikiButtonCancel:hover {
1148 background-position:0px -80px;
1149 border-color:#eacac1 #9f564f #9f564f #eacac1;
1150 background-color:#b26259;
1153 .twikiButtonCancel:active {
1154 background-position:0px -160px;
1155 border-color:#9f564f #eacac1 #eacac1 #9f564f;
1156 background-color:#e5bdb1;
1159 .patternToolBar span a:link,
1160 .patternToolBar span a:visited,
1161 .patternToolBar span s,
1162 .patternToolBar span strike {
1163 background-image:url(bg_button_small_gradient.gif);
1164 background-repeat:repeat-x;
1166 .patternToolBar span a:link,
1167 .patternToolBar span a:visited {
1168 background-position:0px 0px;
1169 border-color:#f8f6ec #b8b6ad #b8b6ad #f8f6ec;
1170 background-color:#dbd9cf;
1173 .patternToolBar span a:hover {
1174 background-position:0px -80px;
1175 border-color:#f4f2eb #a3a092 #a3a092 #f4f2eb;
1176 background-color:#c2bfae;
1179 .patternToolBar span a:active {
1180 background-position:0px -160px;
1181 border-color:#a3a092 #f4f2eb #f4f2eb #a3a092;
1182 background-color:#e8e5d7;
1185 .patternToolBar span s,
1186 .patternToolBar span strike {
1187 background-position:0px -240px;
1188 border-color:#fcfbf9 #e3e2dd #e3e2dd #fcfbf9;
1189 background-color:#edece6;
1192 .patternTextareaButton {
1193 border-color:#fffefd #b8b6ad #b8b6ad #fffefd;
1196 .patternButtonFontSelector {
1197 background-image:url(button_font_selector.gif);
1201 .patternButtonFontSelectorProportional {
1202 background-position:0 0;
1204 .patternButtonFontSelectorMonospace {
1205 background-position:0 -16px;
1207 .patternButtonEnlarge,
1208 .patternButtonShrink {
1209 background-image:url(button_arrow.gif);
1213 .patternButtonEnlarge {
1214 background-position:0 0;
1216 .patternButtonEnlarge:hover {
1217 background-position:0 -42px;
1219 .patternButtonEnlarge:active {
1220 background-position:0 -84px;
1222 .patternButtonShrink {
1223 background-position:16px 0;
1225 .patternButtonShrink:hover {
1226 background-position:16px -42px;
1228 .patternButtonShrink:active {
1229 background-position:16px -84px;
1231 .twikiBroadcastMessage,
1232 .twikiNotification {
1233 background-image:url(background_alert.gif);
1234 background-repeat:repeat-x;
1237 /* common settings */
1238 .patternLeftBarPersonal li,
1242 background-position:0 .4em;
1243 background-repeat:no-repeat;
1245 .patternLeftBarPersonal li {
1246 background-image:url(bullet-personal_sidebar.gif);
1248 .patternLeftBarPersonal li.patternLogOut {
1249 background-image:url(bullet-lock.gif);
1251 .patternLeftBarPersonal li.patternLogIn {
1252 background-image:url(bullet-lock.gif);