1 # <a name="Color scheme settings for _TWiki"></a> Color scheme settings for [[TWikiNetSkin]]
3 - Set SKIN = twikinet,pattern
5 ## <a name="Usage"></a><a name=" Usage"></a> Usage
7 ### <a name="Step 1"></a><a name=" Step 1"></a> Step 1
9 Let [[TWikiNetSkin]] point to the custom-made colors style sheet. In [[Main.TWikiPreferences|Main/TWikiPreferences]] put:
11 * Set USERCOLORSURL = %PUBURLPATH%/%TWIKIWEB%/TWikiNetSkin/theme-colors.css
13 ### <a name="Step 2"></a><a name=" Step 2"></a> Step 2
15 Edit this topic, and change the color variables as you like.
17 ### <a name="Step 3"></a><a name=" Step 3"></a> Step 3
19 Save the topic. This will generate an [attachment](http://www.dementia.org/twiki//view/TWiki/TWikiNetSkin/theme-colors.css) to topic [[TWikiNetSkin]].
21 <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]].
23 ## <a name="Color variables"></a><a name=" Color variables"></a> Color variables
29 <li><a href="#TWikiNetSkin specific"> TWikiNetSkin specific</a><ul>
30 <li><a href="#SHADE_TOPTOOLBAR_BORDER"> SHADE_TOPTOOLBAR_BORDER</a></li>
31 <li><a href="#SHADE_TOPTOOLBAR_BACKGROUND"> SHADE_TOPTOOLBAR_BACKGROUND</a></li>
32 <li><a href="#SHADE_SIDE_BAR_STRONG_TEXT"> SHADE_SIDE_BAR_STRONG_TEXT</a></li>
33 <li><a href="#SHADE_BLOCKQUOTE_BACKGROUND"> SHADE_BLOCKQUOTE_BACKGROUND</a></li>
34 <li><a href="#SHADE_TWIKIFORM_TABLECELL_BORDER"> SHADE_TWIKIFORM_TABLECELL_BORDER</a></li>
35 <li><a href="#SHADE_TWIKITABLE_HEADER_BACKGROU"> SHADE_TWIKITABLE_HEADER_BACKGROUND</a></li>
36 <li><a href="#SHADE_TWIKIFORM_FIRSTCOL_BACKGRO"> SHADE_TWIKIFORM_FIRSTCOL_BACKGROUND</a></li>
37 <li><a href="#SHADE_TWIKIFORM_HEADER_BACKGROUN"> SHADE_TWIKIFORM_HEADER_BACKGROUND</a></li>
38 <li><a href="#SHADE_BOTTOM_BAR_BACKGROUND"> SHADE_BOTTOM_BAR_BACKGROUND</a></li>
39 <li><a href="#SHADE_BOTTOM_BAR_TEXT"> SHADE_BOTTOM_BAR_TEXT</a></li>
40 <li><a href="#SHADE_ALERT_TEXT"> SHADE_ALERT_TEXT</a></li>
41 <li><a href="#SHADE_BLUEISH_TEXT"> SHADE_BLUEISH_TEXT</a></li>
42 <li><a href="#SHADE_DARKISH_TEXT"> SHADE_DARKISH_TEXT</a></li>
43 <li><a href="#SHADE_TOPTOOLBAR_WEBNAME_TEXT"> SHADE_TOPTOOLBAR_WEBNAME_TEXT</a></li>
44 <li><a href="#SHADE_BROADCASTMESSAGE_BACKGROUN"> SHADE_BROADCASTMESSAGE_BACKGROUND</a></li>
49 <li><a href="#Logical groupings"> Logical groupings</a><ul>
50 <li><a href="#Text"> Text</a><ul>
51 <li><a href="#MAIN_TEXT_COLOR Main text color"> MAIN_TEXT_COLOR Main text color</a></li>
52 <li><a href="#MAIN_BACKGROUND_COLOR Main backg"> MAIN_BACKGROUND_COLOR Main background color</a></li>
53 <li><a href="#LIGHT_ON_DARK_TEXT_COLOR Light o"> LIGHT_ON_DARK_TEXT_COLOR Light on dark text color</a></li>
54 <li><a href="#GRAYED_TEXT_COLOR"> GRAYED_TEXT_COLOR</a></li>
55 <li><a href="#GENERAL_TEXT General text (if no"> GENERAL_TEXT General text (if not set in MAIN_BACKGROUND_COLOR) (black)</a></li>
56 <li><a href="#HEADER_TEXT Header text"> HEADER_TEXT Header text</a></li>
57 <li><a href="#CODE_TEXT Code text, left bar te"> CODE_TEXT Code text, left bar text and links</a></li>
58 <li><a href="#MUTED_TEXT Muted text"> MUTED_TEXT Muted text</a></li>
59 <li><a href="#GRAYED_OUT_TEXT Grayed out text"> GRAYED_OUT_TEXT Grayed out text</a></li>
60 <li><a href="#TOPIC_ACTION_TEXT"> TOPIC_ACTION_TEXT</a></li>
63 <li><a href="#Links"> Links</a><ul>
64 <li><a href="#LINK_TEXT_NORMAL Link normal tex"> LINK_TEXT_NORMAL Link normal text</a></li>
65 <li><a href="#LINK_BACKGROUND_NORMAL Link norm"> LINK_BACKGROUND_NORMAL Link normal background</a></li>
66 <li><a href="#LINK_TEXT_NORMAL_VISITED Link no"> LINK_TEXT_NORMAL_VISITED Link normal text visited</a></li>
67 <li><a href="#LINK_TEXT_ACTION_BUTTON Link tex"> LINK_TEXT_ACTION_BUTTON Link text</a></li>
68 <li><a href="#LINK_TEXT_HOVER Link hover text"> LINK_TEXT_HOVER Link hover text</a></li>
69 <li><a href="#SIDE_BAR_LINK_TEXT Side bar link"> SIDE_BAR_LINK_TEXT Side bar link text</a></li>
72 <li><a href="#Disabled"> Disabled</a><ul>
73 <li><a href="#DISABLED_BORDER Disabled border"> DISABLED_BORDER Disabled border</a></li>
74 <li><a href="#DISABLED_TEXT Disabled text"> DISABLED_TEXT Disabled text</a></li>
75 <li><a href="#DISABLED_BACKGROUND Disabled bac"> DISABLED_BACKGROUND Disabled background</a></li>
76 <li><a href="#BUTTON_BORDERS_DISABLED Disabled"> BUTTON_BORDERS_DISABLED Disabled button borders</a></li>
79 <li><a href="#'New'"> 'New'</a><ul>
80 <li><a href="#NEW_TEXT New text (green)"> NEW_TEXT New text (green) </a></li>
81 <li><a href="#NEW_BACKGROUND New background (l"> NEW_BACKGROUND New background (light green) </a></li>
84 <li><a href="#Alert"> Alert</a><ul>
85 <li><a href="#ALERT_TEXT Alert text (red)"> ALERT_TEXT Alert text (red)</a></li>
86 <li><a href="#ALERT_TEXT_MUTED Muted alert tex"> ALERT_TEXT_MUTED Muted alert text (dark red)</a></li>
87 <li><a href="#ALERT_BORDER Alert border"> ALERT_BORDER Alert border</a></li>
90 <li><a href="#Buttons"> Buttons</a><ul>
91 <li><a href="#BUTTON_TEXT Button text color (d"> BUTTON_TEXT Button text color (dark gray)</a></li>
92 <li><a href="#BUTTON_BORDERS Button borders"> BUTTON_BORDERS Button borders</a></li>
93 <li><a href="#BUTTON_BACKGROUND Button backgro"> BUTTON_BACKGROUND Button background</a></li>
94 <li><a href="#BUTTON_CANCEL_BACKGROUND Cancel"> BUTTON_CANCEL_BACKGROUND Cancel button background</a></li>
95 <li><a href="#SUBMIT_BUTTON_BACKGROUND Submit"> SUBMIT_BUTTON_BACKGROUND Submit button background</a></li>
96 <li><a href="#SUBMIT_BUTTON_BORDER_TEXT Submit"> SUBMIT_BUTTON_BORDER_TEXT Submit button text color</a></li>
97 <li><a href="#SELECT_BORDER Select border"> SELECT_BORDER Select border</a></li>
100 <li><a href="#Background colors"> Background colors</a><ul>
101 <li><a href="#GENERAL_BACKGROUND General backg"> GENERAL_BACKGROUND General background color (if not set in MAIN_BACKGROUND_COLOR) (white)</a></li>
102 <li><a href="#SIDE_BAR_BACKGROUND Side bar bac"> SIDE_BAR_BACKGROUND Side bar background</a></li>
103 <li><a href="#NEUTRAL_BACKGROUND"> NEUTRAL_BACKGROUND</a></li>
104 <li><a href="#TOP_BAR_BACKGROUND Top bar backg"> TOP_BAR_BACKGROUND Top bar background</a></li>
105 <li><a href="#TOPIC_ACTION_BACKGROUND Topic ac"> TOPIC_ACTION_BACKGROUND Topic action row</a></li>
106 <li><a href="#HEADER_BACKGROUND h2"> HEADER_BACKGROUND h2</a></li>
107 <li><a href="#ATTACHMENT_AND_FORM_BACKGROUND A"> ATTACHMENT_AND_FORM_BACKGROUND Attachment, form</a></li>
108 <li><a href="#DIFF_HEADER_BACKGROUND Diff head"> DIFF_HEADER_BACKGROUND Diff header </a></li>
109 <li><a href="#NOTIFICATION_BACKGROUND Info and"> NOTIFICATION_BACKGROUND Info and notifications</a></li>
110 <li><a href="#INFO_BACKGROUND"> INFO_BACKGROUND</a></li>
113 <li><a href="#Border colors"> Border colors</a><ul>
114 <li><a href="#NEUTRAL_BORDER Info (light gray)"> NEUTRAL_BORDER Info (light gray)</a></li>
115 <li><a href="#SEPARATOR_BORDER"> SEPARATOR_BORDER </a></li>
116 <li><a href="#MINOR_SEPARATOR_BORDER Header H3"> MINOR_SEPARATOR_BORDER Header H3..H6 bottom</a></li>
117 <li><a href="#LAYOUT_ELEMENT_BORDER Main layou"> LAYOUT_ELEMENT_BORDER Main layout elements (neutral tone) </a></li>
118 <li><a href="#IMAGE_BORDER Image border"> IMAGE_BORDER Image border</a></li>
119 <li><a href="#NOTIFICATION_BORDER Broadcast me"> NOTIFICATION_BORDER Broadcast message</a></li>
120 <li><a href="#TOPIC_ACTION_BORDER"> TOPIC_ACTION_BORDER</a></li>
121 <li><a href="#Table colors"> Table colors</a><ul>
122 <li><a href="#TABLE_DATA_BACKGROUND Table data"> TABLE_DATA_BACKGROUND Table data background</a></li>
123 <li><a href="#TABLE_HEADER_BACKGROUND Table he"> TABLE_HEADER_BACKGROUND Table header background</a></li>
124 <li><a href="#TABLE_SELECTED_COLUMN_HEADER_BAC"> TABLE_SELECTED_COLUMN_HEADER_BACKGROUND Sorted table column accent background </a></li>
125 <li><a href="#TABLE_DATA_ODD_BACKGROUND Table"> TABLE_DATA_ODD_BACKGROUND Table data background (odd row)</a></li>
126 <li><a href="#TABLE_DATA_EVEN_BACKGROUND Table"> TABLE_DATA_EVEN_BACKGROUND Table data background (even row)</a></li>
127 <li><a href="#TABLE_DATA_ODD_SELECTED_BACKGROU"> TABLE_DATA_ODD_SELECTED_BACKGROUND Table data background (odd row, selected column)</a></li>
128 <li><a href="#TABLE_DATA_EVEN_SELECTED_BACKGRO"> TABLE_DATA_EVEN_SELECTED_BACKGROUND Table data background (even row, selected column)</a></li>
129 <li><a href="#TABLE_DATA_MIX_BACKGROUND Table"> TABLE_DATA_MIX_BACKGROUND Table data background (mix between even and odd)</a></li>
132 <li><a href="#TABLE_BORDER Table border, sup ("> TABLE_BORDER Table border, sup (light neutral tone)</a></li>
133 <li><a href="#LINK_TEXT_NORMAL_TABLE_HEADER Ta"> LINK_TEXT_NORMAL_TABLE_HEADER Table header link text</a></li>
134 <li><a href="#LINK_TEXT_NORMAL_UNDERLINE_TABLE"> LINK_TEXT_NORMAL_UNDERLINE_TABLE_HEADER Table header link border</a></li>
135 <li><a href="#LINK_TEXT_SORTED_TABLE_HEADER So"> LINK_TEXT_SORTED_TABLE_HEADER Sorted table header link text</a></li>
136 <li><a href="#LINK_TEXT_HOVER_TABLE_HEADER Tab"> LINK_TEXT_HOVER_TABLE_HEADER Table header link hover text</a></li>
137 <li><a href="#LINK_BORDER_TABLE_SELECTED_COLUM"> LINK_BORDER_TABLE_SELECTED_COLUMN_HEADER Link border in selected column header</a></li>
140 <li><a href="#Forms"> Forms</a><ul>
141 <li><a href="#INPUT_FIELD_BORDERS Input field"> INPUT_FIELD_BORDERS Input field borders</a></li>
142 <li><a href="#FORM_INPUT_BORDER Textarea, inpu"> FORM_INPUT_BORDER Textarea, input and select (darker gray)</a></li>
143 <li><a href="#FORM_BORDER Form"> FORM_BORDER Form</a></li>
144 <li><a href="#ACTIVE_FORM_BACKGROUND Edit form"> ACTIVE_FORM_BACKGROUND Edit form, form steps</a></li>
145 <li><a href="#FORM_STEP_BORDER Form step borde"> FORM_STEP_BORDER Form step border</a></li>
146 <li><a href="#FORMFIELD_ACTIVE Active form fie"> FORMFIELD_ACTIVE Active form field</a></li>
154 ### <a name="TWikiNetSkin specific"></a> [[TWikiNetSkin]] specific
156 #### <a name="SHADE_TOPTOOLBAR_BORDER"></a> SHADE\_TOPTOOLBAR\_BORDER
158 - Set SHADE\_TOPTOOLBAR\_BORDER = #c4cbd6
160 #### <a name="SHADE_TOPTOOLBAR_BACKGROUND"></a> SHADE\_TOPTOOLBAR\_BACKGROUND
162 - Set SHADE\_TOPTOOLBAR\_BACKGROUND = #e9ecf2
164 #### <a name="SHADE_SIDE_BAR_STRONG_TEXT"></a> SHADE\_SIDE\_BAR\_STRONG\_TEXT
166 - Set SHADE\_SIDE\_BAR\_STRONG\_TEXT = #252b37
168 #### <a name="SHADE_BLOCKQUOTE_BACKGROUND"></a> SHADE\_BLOCKQUOTE\_BACKGROUND
170 - Set SHADE\_BLOCKQUOTE\_BACKGROUND = #edeff4
172 #### <a name="SHADE_TWIKIFORM_TABLECELL_BORDER"></a> SHADE\_TWIKIFORM\_TABLECELL\_BORDER
174 - Set SHADE\_TWIKIFORM\_TABLECELL\_BORDER = #e6e8ee
176 #### <a name="SHADE_TWIKITABLE_HEADER_BACKGROU"></a> SHADE\_TWIKITABLE\_HEADER\_BACKGROUND
178 - Set SHADE\_TWIKITABLE\_HEADER\_BACKGROUND = #f4f5f9
180 #### <a name="SHADE_TWIKIFORM_FIRSTCOL_BACKGRO"></a> SHADE\_TWIKIFORM\_FIRSTCOL\_BACKGROUND
182 - Set SHADE\_TWIKIFORM\_FIRSTCOL\_BACKGROUND = #f9f9fb
184 #### <a name="SHADE_TWIKIFORM_HEADER_BACKGROUN"></a> SHADE\_TWIKIFORM\_HEADER\_BACKGROUND
186 - Set SHADE\_TWIKIFORM\_HEADER\_BACKGROUND = #eceef2
188 #### <a name="SHADE_BOTTOM_BAR_BACKGROUND"></a> SHADE\_BOTTOM\_BAR\_BACKGROUND
190 - Set SHADE\_BOTTOM\_BAR\_BACKGROUND = #7d8ca5
192 #### <a name="SHADE_BOTTOM_BAR_TEXT"></a> SHADE\_BOTTOM\_BAR\_TEXT
194 - Set SHADE\_BOTTOM\_BAR\_TEXT = #d8dde4
196 #### <a name="SHADE_ALERT_TEXT"></a> SHADE\_ALERT\_TEXT
198 - Set SHADE\_ALERT\_TEXT = #f60
200 #### <a name="SHADE_BLUEISH_TEXT"></a> SHADE\_BLUEISH\_TEXT
202 - Set SHADE\_BLUEISH\_TEXT = #3f4e67
204 #### <a name="SHADE_DARKISH_TEXT"></a> SHADE\_DARKISH\_TEXT
206 - Set SHADE\_DARKISH\_TEXT = #333
208 #### <a name="SHADE_TOPTOOLBAR_WEBNAME_TEXT"></a> SHADE\_TOPTOOLBAR\_WEBNAME\_TEXT
210 - Set SHADE\_TOPTOOLBAR\_WEBNAME\_TEXT = %SHADE\_BLUEISH\_TEXT%
212 #### <a name="SHADE_BROADCASTMESSAGE_BACKGROUN"></a> SHADE\_BROADCASTMESSAGE\_BACKGROUND
214 - Set SHADE\_BROADCASTMESSAGE\_BACKGROUND = #fff765
216 ## <a name="Logical groupings"></a> Logical groupings
218 ### <a name="Text"></a> Text
220 #### <a name="MAIN_TEXT_COLOR Main text color"></a> MAIN\_TEXT\_COLOR Main text color
222 - Set MAIN\_TEXT\_COLOR = #252b37
224 #### <a name="MAIN_BACKGROUND_COLOR Main backg"></a> MAIN\_BACKGROUND\_COLOR Main background color
226 - Set MAIN\_BACKGROUND\_COLOR = #fff
228 #### <a name="LIGHT_ON_DARK_TEXT_COLOR Light o"></a> LIGHT\_ON\_DARK\_TEXT\_COLOR Light on dark text color
230 - Set LIGHT\_ON\_DARK\_TEXT\_COLOR = #fff
232 #### <a name="GRAYED_TEXT_COLOR"></a> GRAYED\_TEXT\_COLOR
234 - Set GRAYED\_TEXT\_COLOR = #7d8ca5
236 #### <a name="GENERAL_TEXT General text (if no"></a> GENERAL\_TEXT General text (if not set in MAIN\_BACKGROUND\_COLOR) (black)
238 - Set GENERAL\_TEXT = #000
240 #### <a name="HEADER_TEXT Header text"></a> HEADER\_TEXT Header text
242 - Set HEADER\_TEXT = %SHADE\_ALERT\_TEXT%
244 #### <a name="CODE_TEXT Code text, left bar te"></a> CODE\_TEXT Code text, left bar text and links
246 - Set CODE\_TEXT = #669
248 #### <a name="MUTED_TEXT Muted text"></a> MUTED\_TEXT Muted text
250 - Set MUTED\_TEXT = %GRAYED\_TEXT\_COLOR%
252 #### <a name="GRAYED_OUT_TEXT Grayed out text"></a> GRAYED\_OUT\_TEXT Grayed out text
254 - Set GRAYED\_OUT\_TEXT = #999
256 #### <a name="TOPIC_ACTION_TEXT"></a> TOPIC\_ACTION\_TEXT
258 - Set TOPIC\_ACTION\_TEXT = #97a3b7
260 ### <a name="Links"></a> Links
262 #### <a name="LINK_TEXT_NORMAL Link normal tex"></a> LINK\_TEXT\_NORMAL Link normal text
264 - Set LINK\_TEXT\_NORMAL = #36c
266 #### <a name="LINK_BACKGROUND_NORMAL Link norm"></a> LINK\_BACKGROUND\_NORMAL Link normal background
268 - Set LINK\_BACKGROUND\_NORMAL =
270 #### <a name="LINK_TEXT_NORMAL_VISITED Link no"></a> LINK\_TEXT\_NORMAL\_VISITED Link normal text visited
272 - Set LINK\_TEXT\_NORMAL\_VISITED = #707f99
274 #### <a name="LINK_TEXT_ACTION_BUTTON Link tex"></a> LINK\_TEXT\_ACTION\_BUTTON Link text
276 - Set LINK\_TEXT\_ACTION\_BUTTON = %LINK\_TEXT\_NORMAL%
278 #### <a name="LINK_TEXT_HOVER Link hover text"></a> LINK\_TEXT\_HOVER Link hover text
280 - Set LINK\_TEXT\_HOVER = #036
282 #### <a name="SIDE_BAR_LINK_TEXT Side bar link"></a> SIDE\_BAR\_LINK\_TEXT Side bar link text
284 - Set SIDE\_BAR\_LINK\_TEXT = %SHADE\_BLUEISH\_TEXT%
286 ### <a name="Disabled"></a> Disabled
288 #### <a name="DISABLED_BORDER Disabled border"></a> DISABLED\_BORDER Disabled border
290 - Set DISABLED\_BORDER = #e0e0e0
292 #### <a name="DISABLED_TEXT Disabled text"></a> DISABLED\_TEXT Disabled text
294 - Set DISABLED\_TEXT = #aaa
296 #### <a name="DISABLED_BACKGROUND Disabled bac"></a> DISABLED\_BACKGROUND Disabled background
298 - Set DISABLED\_BACKGROUND = #f8f8f8
300 #### <a name="BUTTON_BORDERS_DISABLED Disabled"></a> BUTTON\_BORDERS\_DISABLED Disabled button borders
302 - Set BUTTON\_BORDERS\_DISABLED = #fff #ccc #ccc #fff
304 ### <a name="'New'"></a> 'New'
306 #### <a name="NEW_TEXT New text (green)"></a> NEW\_TEXT New text (green)
308 - Set NEW\_TEXT = #049804
310 #### <a name="NEW_BACKGROUND New background (l"></a> NEW\_BACKGROUND New background (light green)
312 - Set NEW\_BACKGROUND = #ECFADC
314 ### <a name="Alert"></a> Alert
316 #### <a name="ALERT_TEXT Alert text (red)"></a> ALERT\_TEXT Alert text (red)
318 - Set ALERT\_TEXT = #f00
320 #### <a name="ALERT_TEXT_MUTED Muted alert tex"></a> ALERT\_TEXT\_MUTED Muted alert text (dark red)
322 - Set ALERT\_TEXT\_MUTED = #900
324 #### <a name="ALERT_BORDER Alert border"></a> ALERT\_BORDER Alert border
326 - Set ALERT\_BORDER = #f00
328 ### <a name="Buttons"></a> Buttons
330 #### <a name="BUTTON_TEXT Button text color (d"></a> BUTTON\_TEXT Button text color (dark gray)
332 - Set BUTTON\_TEXT = #000
334 #### <a name="BUTTON_BORDERS Button borders"></a> BUTTON\_BORDERS Button borders
336 - Set BUTTON\_BORDERS = #fff #888 #888 #fff
338 #### <a name="BUTTON_BACKGROUND Button backgro"></a> BUTTON\_BACKGROUND Button background
340 - Set BUTTON\_BACKGROUND = #e2e3e3
342 #### <a name="BUTTON_CANCEL_BACKGROUND Cancel"></a><a name="BUTTON_CANCEL_BACKGROUND Cancel "></a> BUTTON\_CANCEL\_BACKGROUND Cancel button background
344 - Set BUTTON\_CANCEL\_BACKGROUND = #f2d5d0
346 #### <a name="SUBMIT_BUTTON_BACKGROUND Submit"></a><a name="SUBMIT_BUTTON_BACKGROUND Submit "></a> SUBMIT\_BUTTON\_BACKGROUND Submit button background
348 - Set SUBMIT\_BUTTON\_BACKGROUND = #06c
350 #### <a name="SUBMIT_BUTTON_BORDER_TEXT Submit"></a> SUBMIT\_BUTTON\_BORDER\_TEXT Submit button text color
352 - Set SUBMIT\_BUTTON\_BORDER\_TEXT = #fff
354 #### <a name="SELECT_BORDER Select border"></a> SELECT\_BORDER Select border
356 - Set SELECT\_BORDER = #888
358 ### <a name="Background colors"></a> Background colors
360 #### <a name="GENERAL_BACKGROUND General backg"></a> GENERAL\_BACKGROUND General background color (if not set in MAIN\_BACKGROUND\_COLOR) (white)
362 - Set GENERAL\_BACKGROUND = #fff
364 #### <a name="SIDE_BAR_BACKGROUND Side bar bac"></a> SIDE\_BAR\_BACKGROUND Side bar background
366 - Set SIDE\_BAR\_BACKGROUND = #f4f5f8
368 #### <a name="NEUTRAL_BACKGROUND"></a> NEUTRAL\_BACKGROUND
370 - Set NEUTRAL\_BACKGROUND = #fdfaf1
372 #### <a name="TOP_BAR_BACKGROUND Top bar backg"></a> TOP\_BAR\_BACKGROUND Top bar background
374 - Set TOP\_BAR\_BACKGROUND = #dfe3ec
376 #### <a name="TOPIC_ACTION_BACKGROUND Topic ac"></a> TOPIC\_ACTION\_BACKGROUND Topic action row
378 - Set TOPIC\_ACTION\_BACKGROUND = #f8f9fa
380 #### <a name="HEADER_BACKGROUND h2"></a> HEADER\_BACKGROUND h2
382 - Set HEADER\_BACKGROUND = #f8f9fb
384 #### <a name="ATTACHMENT_AND_FORM_BACKGROUND A"></a> ATTACHMENT\_AND\_FORM\_BACKGROUND Attachment, form
386 - Set ATTACHMENT\_AND\_FORM\_BACKGROUND = #f2f3f6
388 #### <a name="DIFF_HEADER_BACKGROUND Diff head"></a> DIFF\_HEADER\_BACKGROUND Diff header
390 - Set DIFF\_HEADER\_BACKGROUND = #ccc
392 #### <a name="NOTIFICATION_BACKGROUND Info and"></a> NOTIFICATION\_BACKGROUND Info and notifications
394 - Set NOTIFICATION\_BACKGROUND = #fff9d1
396 #### <a name="INFO_BACKGROUND"></a> INFO\_BACKGROUND
398 - Set INFO\_BACKGROUND = #f4f5f8
400 ### <a name="Border colors"></a> Border colors
402 #### <a name="NEUTRAL_BORDER Info (light gray)"></a> NEUTRAL\_BORDER Info (light gray)
404 - Set NEUTRAL\_BORDER = #d7dbe4
406 #### <a name="SEPARATOR_BORDER"></a> SEPARATOR\_BORDER
408 - Set SEPARATOR\_BORDER = #e5e8ed
410 #### <a name="MINOR_SEPARATOR_BORDER Header H3"></a> MINOR\_SEPARATOR\_BORDER Header H3..H6 bottom
412 - Set MINOR\_SEPARATOR\_BORDER = %SEPARATOR\_BORDER%
414 #### <a name="LAYOUT_ELEMENT_BORDER Main layou"></a> LAYOUT\_ELEMENT\_BORDER Main layout elements (neutral tone)
416 - Set LAYOUT\_ELEMENT\_BORDER = #cfcfcf
418 #### <a name="IMAGE_BORDER Image border"></a> IMAGE\_BORDER Image border
420 - Set IMAGE\_BORDER = #eee
422 #### <a name="NOTIFICATION_BORDER Broadcast me"></a> NOTIFICATION\_BORDER Broadcast message
424 - Set NOTIFICATION\_BORDER = #fc0
426 #### <a name="TOPIC_ACTION_BORDER"></a> TOPIC\_ACTION\_BORDER
428 - Set TOPIC\_ACTION\_BORDER = #dee2e8
430 #### <a name="Table colors"></a> Table colors
432 ##### <a name="TABLE_DATA_BACKGROUND Table data"></a> TABLE\_DATA\_BACKGROUND Table data background
434 - Set TABLE\_DATA\_BACKGROUND = #f2f3f6
436 ##### <a name="TABLE_HEADER_BACKGROUND Table he"></a> TABLE\_HEADER\_BACKGROUND Table header background
438 - Set TABLE\_HEADER\_BACKGROUND = #d8dde4
440 ##### <a name="TABLE_SELECTED_COLUMN_HEADER_BAC"></a> TABLE\_SELECTED\_COLUMN\_HEADER\_BACKGROUND Sorted table column accent background
442 - Set TABLE\_SELECTED\_COLUMN\_HEADER\_BACKGROUND = #ced4dd
444 ##### <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)
446 - Set TABLE\_DATA\_ODD\_BACKGROUND = #f2f3f6
448 ##### <a name="TABLE_DATA_EVEN_BACKGROUND Table"></a> TABLE\_DATA\_EVEN\_BACKGROUND Table data background (even row)
450 - Set TABLE\_DATA\_EVEN\_BACKGROUND = #ffffff
452 ##### <a name="TABLE_DATA_ODD_SELECTED_BACKGROU"></a> TABLE\_DATA\_ODD\_SELECTED\_BACKGROUND Table data background (odd row, selected column)
454 - Set TABLE\_DATA\_ODD\_SELECTED\_BACKGROUND = #e7e9ee
456 ##### <a name="TABLE_DATA_EVEN_SELECTED_BACKGRO"></a> TABLE\_DATA\_EVEN\_SELECTED\_BACKGROUND Table data background (even row, selected column)
458 - Set TABLE\_DATA\_EVEN\_SELECTED\_BACKGROUND = #f3f5f7
460 ##### <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)
462 - Set TABLE\_DATA\_MIX\_BACKGROUND = #e7e9ee
464 #### <a name="TABLE_BORDER Table border, sup ("></a> TABLE\_BORDER Table border, sup (light neutral tone)
466 - Set TABLE\_BORDER = #e7e9ef
468 #### <a name="LINK_TEXT_NORMAL_TABLE_HEADER Ta"></a> LINK\_TEXT\_NORMAL\_TABLE\_HEADER Table header link text
470 - Set LINK\_TEXT\_NORMAL\_TABLE\_HEADER = #252b37
472 #### <a name="LINK_TEXT_NORMAL_UNDERLINE_TABLE"></a> LINK\_TEXT\_NORMAL\_UNDERLINE\_TABLE\_HEADER Table header link border
474 - Set LINK\_TEXT\_NORMAL\_UNDERLINE\_TABLE\_HEADER = #252b37
476 #### <a name="LINK_TEXT_SORTED_TABLE_HEADER So"></a> LINK\_TEXT\_SORTED\_TABLE\_HEADER Sorted table header link text
478 - Set LINK\_TEXT\_SORTED\_TABLE\_HEADER = %LINK\_TEXT\_NORMAL\_TABLE\_HEADER%
480 #### <a name="LINK_TEXT_HOVER_TABLE_HEADER Tab"></a> LINK\_TEXT\_HOVER\_TABLE\_HEADER Table header link hover text
482 - Set LINK\_TEXT\_HOVER\_TABLE\_HEADER = %LINK\_TEXT\_NORMAL\_TABLE\_HEADER%
484 #### <a name="LINK_BORDER_TABLE_SELECTED_COLUM"></a> LINK\_BORDER\_TABLE\_SELECTED\_COLUMN\_HEADER Link border in selected column header
486 - Set LINK\_BORDER\_TABLE\_SELECTED\_COLUMN\_HEADER = %LINK\_TEXT\_NORMAL\_TABLE\_HEADER%
488 ### <a name="Forms"></a> Forms
490 #### <a name="INPUT_FIELD_BORDERS Input field"></a><a name="INPUT_FIELD_BORDERS Input field "></a> INPUT\_FIELD\_BORDERS Input field borders
492 - Set INPUT\_FIELD\_BORDERS = #bbc3d1 #c3cad7 #c3cad7 #bbc3d1
494 #### <a name="FORM_INPUT_BORDER Textarea, inpu"></a> FORM\_INPUT\_BORDER Textarea, input and select (darker gray)
496 - Set FORM\_INPUT\_BORDER = #aaa
498 #### <a name="FORM_BORDER Form"></a> FORM\_BORDER Form
500 - Set FORM\_BORDER = #dee2e8
502 #### <a name="ACTIVE_FORM_BACKGROUND Edit form"></a> ACTIVE\_FORM\_BACKGROUND Edit form, form steps
504 - Set ACTIVE\_FORM\_BACKGROUND = #f4f5f8
506 #### <a name="FORM_STEP_BORDER Form step borde"></a> FORM\_STEP\_BORDER Form step border
508 - Set FORM\_STEP\_BORDER = %FORM\_BORDER%
510 #### <a name="FORMFIELD_ACTIVE Active form fie"></a> FORMFIELD\_ACTIVE Active form field
512 - Set FORMFIELD\_ACTIVE = %NOTIFICATION\_BACKGROUND%
514 Do not change the text below this line unless you know what you are doing!
518 %STARTATTACH{"theme-colors.css" web="%TWIKIWEB%" topic="TWikiNetSkin"}%
519 /* PatternSkin colors */
520 /* Generated by AttachContentPlugin from %WEB%.%TOPIC% */
522 /* LAYOUT ELEMENTS */
525 background-color:%TOP_BAR_BACKGROUND%;
527 #patternMain { /* don't set a background here; use patternOuter */ }
529 background-color:%MAIN_BACKGROUND_COLOR%; /* Sets background of center col */
530 border-color:%LAYOUT_ELEMENT_BORDER%;
534 background-color:%MAIN_BACKGROUND_COLOR%;
537 background-color:%SHADE_BOTTOM_BAR_BACKGROUND%;
539 #patternBottomBarContents,
540 #patternBottomBarContents a:link,
541 #patternBottomBarContents a:visited {
542 color:%SHADE_BOTTOM_BAR_TEXT%;
544 #patternBottomBarContents a:hover {
545 color:%LIGHT_ON_DARK_TEXT_COLOR%;
548 /* GENERAL HTML ELEMENTS */
551 background-color:%SHADE_BOTTOM_BAR_BACKGROUND%;
552 color:%MAIN_TEXT_COLOR%;
554 /* be kind to netscape 4 that doesn't understand inheritance */
555 body, p, li, ul, ol, dl, dt, dd, acronym, h1, h2, h3, h4, h5, h6 {
556 background-color:transparent;
559 color:%SEPARATOR_BORDER%;
560 background-color:%SEPARATOR_BORDER%;
566 background-color:%SHADE_BLOCKQUOTE_BACKGROUND%;
567 border-color:%NEUTRAL_BORDER%;
569 h1, h2, h3, h4, h5, h6 {
572 /* to override old Render.pm coded font color style */
576 .twikiNewLink a:link sup,
577 .twikiNewLink a:visited sup {
579 border-color:%NEUTRAL_BORDER%;
581 .twikiNewLink a:hover sup {
582 color:%LINK_TEXT_HOVER%;
583 border-color:%LINK_TEXT_HOVER%;
586 border-color:%NEUTRAL_BORDER%;
594 color:%LINK_TEXT_NORMAL%;
595 background-color:transparent;
599 color:%LINK_TEXT_HOVER%;
600 background-color:transparent;
601 background-image:none;
602 text-decoration:underline;
606 background-color:transparent;
608 .patternTopic a:visited {
609 color:%LINK_TEXT_NORMAL_VISITED%;
611 .patternTopic a:hover {
612 color:%LINK_TEXT_HOVER%;
614 #patternMainContents h1 a:link, #patternMainContents h1 a:visited,
615 #patternMainContents h2 a:link, #patternMainContents h2 a:visited,
616 #patternMainContents h3 a:link, #patternMainContents h3 a:visited,
617 #patternMainContents h4 a:link, #patternMainContents h4 a:visited,
618 #patternMainContents h5 a:link, #patternMainContents h5 a:visited,
619 #patternMainContents h6 a:link, #patternMainContents h6 a:visited {
622 #patternMainContents h1 a:hover,
623 #patternMainContents h2 a:hover,
624 #patternMainContents h3 a:hover,
625 #patternMainContents h4 a:hover,
626 #patternMainContents h5 a:hover,
627 #patternMainContents h6 a:hover {
628 color:%LINK_TEXT_HOVER%;
630 .patternTopic .twikiUnvisited a:visited {
631 color:%LINK_TEXT_NORMAL%;
633 .patternTopic .twikiUnvisited a:hover {
634 color:%LINK_TEXT_HOVER%;
636 .patternTop a:hover {
638 color:%LINK_TEXT_HOVER%;
646 border-color:%FORM_INPUT_BORDER%;
647 color:%SHADE_BLUEISH_TEXT%;
648 background-color:%GENERAL_BACKGROUND%;
652 border-color:%BUTTON_BORDERS%;
655 color:%SUBMIT_BUTTON_BORDER_TEXT%;
656 background-color:%SUBMIT_BUTTON_BACKGROUND%;
660 background-color:%BUTTON_BACKGROUND%;
664 background-color:%BUTTON_CANCEL_BACKGROUND%;
666 .twikiSubmitDisabled,
667 .twikiSubmitDisabled:active {
668 border-color:%BUTTON_BORDERS_DISABLED%;
669 color:%DISABLED_TEXT%;
670 background-color:%ACTIVE_FORM_BACKGROUND%;
674 .twikiInputFieldDisabled,
675 .twikiInputFieldReadOnly,
677 border-color:%INPUT_FIELD_BORDERS%;
682 color:%MAIN_TEXT_COLOR%;
683 background-color:%MAIN_BACKGROUND_COLOR%;
685 .twikiInputField:active,
686 .twikiInputField:focus {
687 background-color:%FORMFIELD_ACTIVE%;
689 .twikiTextareaRawView {
690 color:%SHADE_BLUEISH_TEXT%;
692 .twikiInputFieldDisabled {
693 color:%DISABLED_TEXT%;
694 background-color:%DISABLED_BACKGROUND%;
696 .twikiInputFieldReadOnly {
697 color:%GRAYED_TEXT_COLOR%;
700 border-color:%INPUT_FIELD_BORDERS%;
701 color:%SHADE_BLUEISH_TEXT%;
702 background-color:%MAIN_BACKGROUND_COLOR%;
704 .twikiInputFieldDisabled,
705 .twikiSelectDisabled {
706 color:%DISABLED_TEXT%;
707 border-color:%INPUT_FIELD_BORDERS%;
708 background-color:%DISABLED_BACKGROUND%;
710 .twikiInputFieldBeforeFocus {
714 /* -----------------------------------------------------------
716 ----------------------------------------------------------- */
722 border-color:%TABLE_BORDER%;
725 border-color:%LIGHT_ON_DARK_TEXT_COLOR%;
727 .twikiTable th.twikiFirstCol {
728 border-left-color:%SHADE_TWIKITABLE_HEADER_BACKGROUND%;
730 .twikiTable th.twikiLastCol {
731 border-right-color:%SHADE_TWIKITABLE_HEADER_BACKGROUND%;
733 .twikiTable th a:link,
734 .twikiTable th a:visited,
735 .twikiTable th a font {
736 color:%LINK_TEXT_NORMAL_TABLE_HEADER%;
741 color:%GRAYED_OUT_TEXT%;
743 a:hover.twistyTrigger {
744 color:%LINK_TEXT_HOVER%;
747 /* RevCommentPlugin */
748 .revComment .patternTopicAction {
749 background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
752 /* -----------------------------------------------------------
754 ----------------------------------------------------------- */
757 color:%GRAYED_OUT_TEXT%;
759 .twikiGrayText a:link,
760 .twikiGrayText a:visited {
761 color:%GRAYED_OUT_TEXT%;
763 .twikiGrayText a:hover {
764 color:%LINK_TEXT_HOVER%;
767 .twikiAttachments .twikiTable th {
768 border-top-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
770 .twikiAttachments .twikiTable th,
772 background-color:%SHADE_TWIKIFORM_HEADER_BACKGROUND%;
774 .twikiAttachments .twikiTable th.twikiFirstCol {
775 border-left-color:%SHADE_TWIKITABLE_HEADER_BACKGROUND%;
777 .twikiAttachments .twikiTable th.twikiLastCol {
778 border-right-color:%SHADE_TWIKITABLE_HEADER_BACKGROUND%;
782 border-color:%SHADE_TWIKIFORM_TABLECELL_BORDER%;
784 .patternContent .twikiForm td.twikiFirstCol,
785 .patternEditPage .twikiFormTable th {
786 background-color:%SHADE_TWIKIFORM_FIRSTCOL_BACKGROUND%;
787 color:%SHADE_BLUEISH_TEXT%;
789 .patternContent .twikiForm td,
790 .patternEditPage .twikiFormTable td {
791 background-color:%TABLE_DATA_EVEN_BACKGROUND%;
792 color:%LINK_TEXT_NORMAL_TABLE_HEADER%;
795 color:%SHADE_BLUEISH_TEXT%;
799 border-top-color:%TOPIC_ACTION_BACKGROUND%;
800 border-bottom-color:%FORM_STEP_BORDER%;
804 color:%SHADE_BLUEISH_TEXT%;
809 background-color:transparent;
810 background-image:none;
812 .twikiActionFormStepSign {
813 color:%NEUTRAL_BORDER%;
815 .twikiToc .twikiTocTitle {
818 .twikiBroadcastMessage {
819 background-color:%SHADE_BROADCASTMESSAGE_BACKGROUND%;
820 border-color:%NOTIFICATION_BORDER%;
821 color:%SHADE_DARKISH_TEXT%;
824 background-color:%NOTIFICATION_BACKGROUND%;
827 background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
828 color:%SHADE_DARKISH_TEXT%;
829 border-color:%SEPARATOR_BORDER%;
839 color:%SHADE_ALERT_TEXT%;
841 .twikiBroadcastMessage b,
842 .twikiBroadcastMessage strong {
850 color:%LINK_TEXT_NORMAL%;
852 .twikiPageForm table {
853 border-color:%TABLE_BORDER%;
854 background:%MAIN_BACKGROUND_COLOR%;
857 border-color:%FORM_BORDER%;
858 background-color:%FORM_BORDER%;
863 border-color:%GRAYED_OUT_TEXT%;
865 a:link .twikiAccessKey,
866 a:visited .twikiAccessKey {
869 a:hover .twikiAccessKey {
873 border-color:%IMAGE_BORDER%;
874 background-color:%MAIN_BACKGROUND_COLOR%;
876 #patternTopBar .twikiImage img {
877 background-color:transparent;
879 .twikiImage a:hover img {
880 border-color:%LINK_TEXT_HOVER%;
883 /* -----------------------------------------------------------
884 Pattern skin specific elements
885 ----------------------------------------------------------- */
887 background-color:%MAIN_BACKGROUND_COLOR%;
890 .patternHomePath .patternRevInfo,
892 color:%GRAYED_TEXT_COLOR%;
894 .patternRevInfo a:link,
895 .patternRevInfo a:visited {
896 color:%GRAYED_TEXT_COLOR%;
898 .patternRevInfo a:hover {
899 color:%LINK_TEXT_HOVER%;
901 .patternHomePath .patternRevInfo a:link,
902 .patternHomePath .patternRevInfo a:visited {
903 color:%LINK_TEXT_NORMAL%;
906 color:%SHADE_BLUEISH_TEXT%;
908 .patternHomePath a:link,
909 .patternHomePath a:visited {
910 color:%LINK_TEXT_NORMAL%;
912 .patternHomePath a:hover {
913 color:%LINK_TEXT_HOVER%;
914 text-decoration:underline;
916 .patternHomePath .twikiSeparator {
917 color:%GRAYED_TEXT_COLOR%;
921 #patternLeftBarContents,
922 #patternLeftBarContents .patternLeftBarPersonal {
924 background-image:none;
927 #patternLeftBarContents,
928 #patternLeftBarContents a:link,
929 #patternLeftBarContents a:visited,
930 #patternLeftBarContents .patternLeftBarPersonal a:link,
931 #patternLeftBarContents .patternLeftBarPersonal a:visited {
932 color:%SHADE_BLUEISH_TEXT%;
934 #patternLeftBarContents strong,
935 #patternLeftBarContents b {
936 color:%SHADE_SIDE_BAR_STRONG_TEXT%;
937 text-decoration:none;
939 #patternLeftBarContents a:hover,
940 #patternLeftBarContents .patternLeftBarPersonal a:hover,
941 #patternLeftBarContents strong a:hover,
942 #patternLeftBarContents strong .patternLeftBarPersonal a:hover,
943 #patternLeftBarContents b a:hover,
944 #patternLeftBarContents b .patternLeftBarPersonal a:hover {
945 color:%LINK_TEXT_HOVER%;
946 text-decoration:underline;
949 #patternLeftBarContents hr {
950 color:%SEPARATOR_BORDER%;
951 background-color:%SEPARATOR_BORDER%;
953 .patternTopicActions {
954 border-color:%MINOR_SEPARATOR_BORDER%;
955 background-color:%TOPIC_ACTION_BACKGROUND%;
956 color:%TOPIC_ACTION_TEXT%;
958 .patternTopicAction s,
959 .patternTopicAction strike {
960 color:%DISABLED_TEXT%;
962 .patternTopicAction .twikiSeparator {
965 .patternActionButtons a:link,
966 .patternActionButtons a:visited {
967 color:%LINK_TEXT_ACTION_BUTTON%;
969 .patternActionButtons a:hover {
970 color:%LINK_TEXT_HOVER%;
972 .patternTopicAction .twikiAccessKey {
973 color:%LINK_TEXT_ACTION_BUTTON%;
974 border-color:%LINK_TEXT_ACTION_BUTTON%;
976 .patternTopicAction a:hover .twikiAccessKey {
977 color:%LINK_TEXT_HOVER%;
979 .patternTopicAction label {
980 color:%GENERAL_TEXT%;
983 color:%GRAYED_OUT_TEXT%;
986 color:%SHADE_BLUEISH_TEXT%;
988 .patternToolBar a:link .twikiAccessKey,
989 .patternToolBar a:visited .twikiAccessKey {
993 .patternToolBar a:hover .twikiAccessKey {
994 background-color:transparent;
999 background-color:%MAIN_BACKGROUND_COLOR%;
1002 /* WebSearch, WebSearchAdvanced */
1003 table#twikiSearchTable {
1004 border-color:%FORM_STEP_BORDER%;
1006 table#twikiSearchTable th,
1007 table#twikiSearchTable td {
1008 background-color:%GENERAL_BACKGROUND%;
1009 border-color:%FORM_STEP_BORDER%;
1011 table#twikiSearchTable hr {
1012 border-color:%FORM_STEP_BORDER%;
1013 background-color:%FORM_STEP_BORDER%;
1015 table#twikiSearchTable th {
1016 color:%SHADE_BLUEISH_TEXT%;
1019 /* -----------------------------------------------------------
1021 styles and overridden styles used in search.pattern.tmpl
1022 ----------------------------------------------------------- */
1024 h3.patternSearchResultsHeader,
1025 h4.patternSearchResultsHeader {
1026 background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
1027 border-color:%SEPARATOR_BORDER%;
1029 h4.patternSearchResultsHeader {
1030 color:%SHADE_BLUEISH_TEXT%;
1032 .patternNoViewPage h4.patternSearchResultsHeader {
1033 color:%HEADER_TEXT%;
1035 .patternSearchResult .twikiBottomRow {
1036 border-color:%MINOR_SEPARATOR_BORDER%;
1038 .patternSearchResult .twikiAlert {
1041 .patternSearchResult .twikiSummary .twikiAlert {
1042 color:%ALERT_TEXT_MUTED%;
1044 .patternSearchResult .twikiNew {
1045 background-color:%NEW_BACKGROUND%;
1046 border-color:%NEW_TEXT%;
1049 .patternViewPage .patternSearchResultsBegin {
1050 border-color:%TABLE_BORDER%;
1053 /* Search results in book view format */
1055 .patternBookView .twikiTopRow {
1056 background-color:transparent; /* set to WEBBGCOLOR in css.pattern.tmpl */
1059 .patternBookView .twikiBottomRow {
1060 border-color:%TABLE_BORDER%;
1062 .patternBookView .patternSearchResultCount {
1063 color:%GRAYED_OUT_TEXT%;
1066 /* preview.pattern.tmpl */
1069 border-color:%ALERT_BORDER%;
1070 background-color:%MAIN_BACKGROUND_COLOR%;
1073 /* rdiff.pattern.tmpl */
1076 border-color:%TABLE_HEADER_BACKGROUND%;
1078 .patternDiff h4.patternSearchResultsHeader {
1079 background-color:%TABLE_HEADER_BACKGROUND%;
1080 color:%LIGHT_ON_DARK_TEXT_COLOR%;
1082 .patternDiff h4.patternSearchResultsHeader a:link,
1083 .patternDiff h4.patternSearchResultsHeader a:visited {
1084 color:%LIGHT_ON_DARK_TEXT_COLOR%;
1086 tr.twikiDiffDebug td {
1087 border-color:%TABLE_BORDER%;
1089 .patternDiffPage .twikiDiffTable th {
1090 background-color:%DIFF_HEADER_BACKGROUND%;
1093 .twikiDiffChangedHeader,
1094 tr.twikiDiffDebug .twikiDiffChangedText,
1095 tr.twikiDiffDebug .twikiDiffChangedText {
1096 background:#9f9; /* green - do not change */
1099 .twikiDiffDeletedHeader,
1100 tr.twikiDiffDebug .twikiDiffDeletedMarker,
1101 tr.twikiDiffDebug .twikiDiffDeletedText {
1102 background-color:#f99; /* red - do not change */
1105 .twikiDiffAddedHeader,
1106 tr.twikiDiffDebug .twikiDiffAddedMarker,
1107 tr.twikiDiffDebug .twikiDiffAddedText {
1108 background-color:#ccf; /* violet - do not change */
1111 tr.twikiDiffDebug .twikiDiffUnchangedText {
1112 color:%GRAYED_OUT_TEXT%;
1114 .twikiDiffUnchangedTextContents { }
1115 .twikiDiffLineNumberHeader {
1116 background-color:%DIFF_HEADER_BACKGROUND%;
1120 /* image positions are set here as well as these are dependent on the image */
1122 .patternTopic h2.twikinetRoundedAttachments {
1125 background:url(bg_header_right.gif) top right no-repeat;
1127 .patternTopic h2.twikinetRoundedAttachments .twikinetHeader {
1129 padding-top:.4em; /* same as h2 */
1133 background:url(bg_header.gif) top left no-repeat;
1135 .patternTopic .twikiFormSteps h2.twikinetRoundedAttachments,
1136 .patternTopic .twikiFormSteps h2.twikinetRoundedAttachments .twikinetHeader,
1137 .patternTopic blockquote h2.twikinetRoundedAttachments,
1138 .patternTopic blockquote h2.twikinetRoundedAttachments .twikinetHeader {
1142 background-image:url(bullet-toc.gif);
1143 background-repeat:no-repeat;
1144 background-position:0 .4em;
1147 background-image:url(bg_topbar_gradient.gif);
1148 background-repeat:repeat-x;
1151 background-image:url(logo_twiki_net_faded.gif);
1152 background-repeat:no-repeat;
1156 background-image:url(bg_leftbar_gradient.gif);
1157 background-repeat:repeat-y;
1159 .patternPrintPage #patternOuter {
1160 background:#fff; /* white - do not change */
1165 .twikiSubmitDisabled {
1166 background-image:url(bg_button_submit.gif);
1167 background-repeat:repeat-x;
1171 a.twikiSubmit:visited {
1172 background-position:0px 0px;
1173 background-color:#9eafd0;
1174 border-color:#dee4f0 #96a3bc #96a3bc #dee4f0;
1175 color:%SHADE_BLUEISH_TEXT%;
1178 a.twikiSubmit:hover {
1179 background-position:0px -80px;
1180 background-color:#7589b2;
1181 border-color:#cbd3e4 #8391af #8391af #cbd3e4;
1182 color:%SHADE_BLUEISH_TEXT%;
1184 .twikiSubmit:active,
1185 a.twikiSubmit:active {
1186 background-position:0px -160px;
1187 background-color:#fff;
1188 border-color:#96a3bc #dee4f0 #dee4f0 #96a3bc;
1189 color:%SHADE_BLUEISH_TEXT%;
1193 a.twikiButton:visited {
1194 background-image:url(bg_button.gif);
1195 background-repeat:repeat-x;
1196 background-position:0px 0px;
1197 border-color:#e9ebf1 #a2adbf #a2adbf #e9ebf1;
1198 background-color:#d9dee7;
1199 color:%SHADE_BLUEISH_TEXT%;
1202 .twikiChangeFormButtonHolder .twikiButton:hover,
1203 a.twikiButton:hover {
1204 background-position:0px -80px;
1205 border-color:#e9ebf1 #a2adbf #a2adbf #e9ebf1;
1206 background-color:#fff;
1207 color:%SHADE_DARKISH_TEXT%;
1209 .twikiButton:active,
1210 .twikiChangeFormButtonHolder .twikiButton:active,
1211 a.twikiButton:active {
1212 background-position:0px -160px;
1213 border-color:#a2adbf #e9ebf1 #e9ebf1 #a2adbf;
1214 background-color:#fff;
1215 color:%SHADE_DARKISH_TEXT%;
1217 .twikiSubmitDisabled,
1218 .twikiSubmitDisabled:hover,
1219 .twikiSubmitDisabled:active,
1220 .twikiButtonDisabled,
1221 .twikiButtonDisabled:hover,
1222 .twikiButtonDisabled:active {
1223 background-image:url(bg_button.gif);
1224 background-repeat:repeat-x;
1225 background-position:0px -240px;
1226 border-color:#dce0e7;
1227 background-color:#e1e5ed;
1230 .twikiButtonCancel {
1231 background-image:url(bg_button_cancel.gif);
1232 background-repeat:repeat-x;
1233 background-position:0px 0px;
1234 border-color:#fcdfe0 #cca6ae #cca6ae #fcdfe0;
1235 background-color:#c6afb6;
1236 color:%SHADE_BLUEISH_TEXT%;
1238 .twikiButtonCancel:hover {
1239 background-position:0px -80px;
1240 border-color:#fcdfe0 #cca6ae #cca6ae #fcdfe0;
1241 background-color:#b19aa0;
1242 color:%SHADE_DARKISH_TEXT%;
1244 .twikiButtonCancel:active {
1245 background-position:0px -160px;
1246 border-color:#cca6ae #fcdfe0 #fcdfe0 #cca6ae;
1247 background-color:#fce2e2;
1248 color:%SHADE_DARKISH_TEXT%;
1252 .patternToolBar .patternButton a:link,
1253 .patternToolBar .patternButton a:visited,
1254 .patternToolBar .patternButton s,
1255 .patternToolBar .patternButton strike {
1256 background-image:url(bg_button.gif);
1257 background-repeat:repeat-x;
1259 .patternToolBar .patternButton a:link,
1260 .patternToolBar .patternButton a:visited {
1261 background-position:0px 0px;
1262 border-color:#f8f6ec #b8b6ad #b8b6ad #f8f6ec;
1263 background-color:#dbd9cf;
1266 .patternToolBar .patternButton a:hover {
1267 background-position:0px -80px;
1268 border-color:#f4f2eb #a3a092 #a3a092 #f4f2eb;
1269 background-color:#c2bfae;
1272 .patternToolBar .patternButton a:active {
1273 background-position:0px -160px;
1274 border-color:#a3a092 #f4f2eb #f4f2eb #a3a092;
1275 background-color:#e8e5d7;
1278 .patternToolBar .patternButton s,
1279 .patternToolBar .patternButton strike {
1280 background-position:0px -240px;
1281 border-color:#fcfbf9 #e3e2dd #e3e2dd #fcfbf9;
1282 background-color:#edece6;
1283 color:%DISABLED_TEXT%;
1285 .patternTextareaButton {
1286 border-color:#e9ebf1 #a2adbf #a2adbf #e9ebf1;
1289 .patternButtonFontSelector {
1290 background-image:url(button_font_selector.gif);
1294 .patternButtonFontSelectorProportional {
1295 background-position:0 0;
1297 .patternButtonFontSelectorMonospace {
1298 background-position:0 -16px;
1300 .patternButtonEnlarge,
1301 .patternButtonShrink {
1302 background-image:url(button_arrow.gif);
1306 .patternButtonEnlarge {
1307 background-position:0 0;
1309 .patternButtonEnlarge:hover {
1310 background-position:0 -42px;
1312 .patternButtonEnlarge:active {
1313 background-position:0 -84px;
1315 .patternButtonShrink {
1316 background-position:16px 0;
1318 .patternButtonShrink:hover {
1319 background-position:16px -42px;
1321 .patternButtonShrink:active {
1322 background-position:16px -84px;
1325 /* common settings */
1326 .patternLeftBarPersonal li,
1330 background-position:0 .4em;
1331 background-repeat:no-repeat;
1333 .patternLeftBarPersonal li {
1334 background-image:url(bullet-personal_sidebar.gif);
1336 .patternLeftBarPersonal li.patternLogOut {
1337 background-image:url(bullet-lock.gif);
1339 .patternLeftBarPersonal li.patternLogIn {
1340 background-image:url(bullet-lock.gif);
1343 /* TWikiNetSkin colors */
1345 #twikinetTopToolBar {
1346 border-color:%SHADE_TOPTOOLBAR_BORDER%;
1347 background-color:%SHADE_TOPTOOLBAR_BACKGROUND%;
1349 .twikinetWebName h2,
1350 .twikinetWebName a:link,
1351 .twikinetWebName a:visited {
1353 color:%SHADE_TOPTOOLBAR_WEBNAME_TEXT%;
1356 /* TWikiNetSkin images */
1358 #twikinetTopToolBar {
1359 background-image:url(bg_toptoolbar_gradient.gif);
1360 background-repeat:repeat-x;
1363 /* background behind search and jump */
1364 .twikinetSearchJumpLeft {
1365 background-image:url(bg_search_jump.gif);
1366 background-repeat:no-repeat;
1368 .twikinetSearchJumpRight {
1369 background-image:url(bg_search_jump.gif);
1370 background-repeat:no-repeat;
1371 background-position:top right;
1375 .twikiInputFieldReadOnly,
1377 background-image:url(bg_inputfield.gif);
1379 .twikiInputField:active,
1380 .twikiInputField:focus {
1381 background-image:url(bg_inputfield_active.gif);
1383 .twikinetJumpButton {
1384 background-image:url(button_jump.gif);
1386 .twikinetJumpButton:hover,
1387 .twikinetJumpButton:active {
1388 background-image:url(button_jump_hover.gif);
1390 .twikinetSearchButton {
1391 background-image:url(button_search.gif);
1393 .twikinetSearchButton:hover,
1394 .twikinetSearchButton:active {
1395 background-image:url(button_search_hover.gif);
1397 .twikinetToolBar a:link .rCRounded .rCTR,
1398 .twikinetToolBar a:link .rCRounded .rCTL,
1399 .twikinetToolBar a:link .rCRounded .rCBR,
1400 .twikinetToolBar a:link .rCRounded .rCBL,
1401 .twikinetToolBar a:visited .rCRounded .rCTR,
1402 .twikinetToolBar a:visited .rCRounded .rCTL,
1403 .twikinetToolBar a:visited .rCRounded .rCBR,
1404 .twikinetToolBar a:visited .rCRounded .rCBL {
1405 background-image:url(button_action.gif);
1407 .twikinetToolBar a:hover .rCRounded .rCTR,
1408 .twikinetToolBar a:hover .rCRounded .rCTL,
1409 .twikinetToolBar a:hover .rCRounded .rCBR,
1410 .twikinetToolBar a:hover .rCRounded .rCBL {
1411 background-image:url(button_action_hover.gif);
1413 .twikinetToolBar strike .rCRounded .rCTR,
1414 .twikinetToolBar strike .rCRounded .rCTL,
1415 .twikinetToolBar strike .rCRounded .rCBR,
1416 .twikinetToolBar strike .rCRounded .rCBL {
1417 background-image:url(button_action_disabled.gif);
1419 .twikinetToolBar a .twikiLinkLabel {
1420 color:%SHADE_BLUEISH_TEXT%;
1422 .twikinetToolBar strike .twikiLinkLabel {
1425 .twikinetToolBar .twikinetEditIcon {
1426 background-image:url(button_edit_icon.gif);
1427 background-repeat:no-repeat;
1428 background-position:2px 1px;
1432 background-image:url(bg_table_header_gradient.gif);
1433 background-repeat:repeat-x;
1435 .twikiTable th.twikiSortedCol {
1436 background-image:url(bg_table_header_sorted_gradient.gif);
1437 background-repeat:repeat-x;
1442 .twikinetWrapperTableT {
1443 background-color:%SHADE_TWIKITABLE_HEADER_BACKGROUND%;
1445 .twikinetWrapperTable table.twikiTable th {
1446 border-top-color:%SHADE_TWIKITABLE_HEADER_BACKGROUND%;
1448 .twikinetWrapperTableTL {
1449 background-image:url(table_corner_TL.gif);
1450 background-repeat:no-repeat;
1452 .twikinetWrapperTableTR {
1453 background-image:url(table_corner_TR.gif);
1454 background-repeat:no-repeat;
1455 background-position:100% 0;
1457 .twikinetWrapperTableB {
1458 background-color:%NEUTRAL_BORDER%;
1460 .twikinetWrapperTableBL {
1461 background-image:url(table_corner_BL.gif);
1462 background-repeat:no-repeat;
1463 background-position:0 100%;
1466 .twikinetWrapperTableBR {
1467 background-image:url(table_corner_BR.gif);
1468 background-repeat:no-repeat;
1469 background-position:100% 100%;
1472 .twikiAttachments .twikiTable th,
1473 .twikiForm th.twikiFormTableHRow {
1474 background-image:url(bg_attachments_header_gradient.gif);
1475 background-repeat:repeat-x;
1477 .twikiAttachments .twikiTable th.twikiFirstCol,
1478 .twikiForm th.twikiFormTableHRow {
1479 /* hide left line */
1480 background-position:-1px 0;
1482 .twikiAttachments .twikiTable th.twikiSortedCol,
1483 .twikiForm th.twikiSortedCol {
1484 background-image:url(bg_attachments_header_sorted_gradient.gif);
1486 .twikiAttachments .twikiTable td.twikiSortedCol,
1487 .twikiForm td.twikiSortedCol {
1488 border-color:#dbdee7;
1491 /* Generic rounded objects, for twikiAttachments, twikiForm and twikiHelp */
1494 background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
1495 background-image:url(bg_form_bottom_gradient.gif);
1496 background-repeat:repeat-x;
1497 background-position:0 100%;
1499 .twikinetRounded .rCRounded .rCTL {
1500 background-image:url(rounded_TL.gif);
1502 .twikinetRounded .rCRounded .rCTR {
1503 background-image:url(rounded_TR.gif);
1505 .twikinetRounded .rCRounded .rCBL {
1506 background-image:url(rounded_BL.gif);
1508 .twikinetRounded .rCRounded .rCBR {
1509 background-image:url(rounded_BR.gif);
1512 .twikinetRoundedTopicActions {
1515 .twikinetRoundedTopicActions .rCRounded .rCTL,
1516 .twikinetRoundedTopicActions .rCRounded .rCTR,
1517 .twikinetRoundedTopicActions .rCRounded .rCBL,
1518 .twikinetRoundedTopicActions .rCRounded .rCBR {
1519 background-image:url(bg_topicactions.gif);
1522 .twikinetRoundedBroadcastMessage .rCRounded .rCTL,
1523 .twikinetRoundedBroadcastMessage .rCRounded .rCTR,
1524 .twikinetRoundedBroadcastMessage .rCRounded .rCBL,
1525 .twikinetRoundedBroadcastMessage .rCRounded .rCBR {
1526 background-image:url(bg_broadcastmessage.gif);
1528 .twikinetRoundedBroadcastMessage .twikiBroadcastMessage {
1529 background-image:url(icon_alert.gif);
1530 background-repeat:no-repeat;
1531 background-position:9px 12px;
1533 min-height:33px; /* at least height of icon */
1535 .twikinetRoundedHelp {
1538 .twikinetRoundedHelp .rCRounded .rCTL,
1539 .twikinetRoundedHelp .rCRounded .rCTR,
1540 .twikinetRoundedHelp .rCRounded .rCBL,
1541 .twikinetRoundedHelp .rCRounded .rCBR {
1542 background-image:url(bg_help.gif);
1546 background-image:url(bg_bottom_gradient.gif);
1547 background-repeat:repeat-x;
1549 #patternBottomBarContents #twikinetBadge {
1554 #attachhelpshow img,
1555 #attachhelphide img,
1556 #topicattachmentslistshow img,
1557 #topicattachmentslisthide img,
1560 #renamehelpshow img,
1561 #renamehelphide img{
1566 #topicattachmentslistshow,
1567 #topicattachmentslisthide,
1576 #topicattachmentslistshow,
1579 background:url(twisty_in.gif) no-repeat;
1580 background-position:0 .1em;
1581 background-position:0 50%;
1584 #topicattachmentslisthide,
1587 background:url(twisty_out.gif) no-repeat;
1588 background-position:0 .1em;
1589 background-position:0 50%;
1592 /* Preloads button hover images */
1593 .twikinetImageLoader {
1594 background:url(button_action.gif);
1595 background:url(button_action_hover.gif);
1596 background:url(button_action_disabled.gif);
1597 background:url(twisty_in.gif);
1598 background:url(twisty_out.gif);
1599 background:url(button_search_hover.gif);
1600 background:url(button_jump_hover.gif);