TWiki/TWikiNetSkinColorSettings.mdwn

   1 # <a name="Color scheme settings for _TWiki"></a> Color scheme settings for [[TWikiNetSkin]]
   2
   3 - Set SKIN = twikinet,pattern
   4
   5 ## <a name="Usage"></a><a name=" Usage"></a> Usage
   6
   7 ### <a name="Step 1"></a><a name=" Step 1"></a> Step 1
   8
   9 Let [[TWikiNetSkin]] point to the custom-made colors style sheet. In [[Main.TWikiPreferences|Main/TWikiPreferences]] put:
  10
  11        * Set USERCOLORSURL = %PUBURLPATH%/%TWIKIWEB%/TWikiNetSkin/theme-colors.css
  12
  13 ### <a name="Step 2"></a><a name=" Step 2"></a> Step 2
  14
  15 Edit this topic, and change the color variables as you like.
  16
  17 ### <a name="Step 3"></a><a name=" Step 3"></a> Step 3
  18
  19 Save the topic. This will generate an [attachment](http://www.dementia.org/twiki//view/TWiki/TWikiNetSkin/theme-colors.css) to topic [[TWikiNetSkin]].
  20
  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]].
  22
  23 ## <a name="Color variables"></a><a name=" Color variables"></a> Color variables
  24
  25 <div>
  26   <ul>
  27     <li>
  28       <ul>
  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>
  45           </ul>
  46         </li>
  47       </ul>
  48     </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>
  61           </ul>
  62         </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>
  70           </ul>
  71         </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>
  77           </ul>
  78         </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>
  82           </ul>
  83         </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>
  88           </ul>
  89         </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>
  98           </ul>
  99         </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>
 111           </ul>
 112         </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>
 130               </ul>
 131             </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>
 138           </ul>
 139         </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>
 147           </ul>
 148         </li>
 149       </ul>
 150     </li>
 151   </ul>
 152 </div>
 153
 154 ### <a name="TWikiNetSkin specific"></a> [[TWikiNetSkin]] specific
 155
 156 #### <a name="SHADE_TOPTOOLBAR_BORDER"></a> SHADE\_TOPTOOLBAR\_BORDER
 157
 158 - Set SHADE\_TOPTOOLBAR\_BORDER = #c4cbd6
 159
 160 #### <a name="SHADE_TOPTOOLBAR_BACKGROUND"></a> SHADE\_TOPTOOLBAR\_BACKGROUND
 161
 162 - Set SHADE\_TOPTOOLBAR\_BACKGROUND = #e9ecf2
 163
 164 #### <a name="SHADE_SIDE_BAR_STRONG_TEXT"></a> SHADE\_SIDE\_BAR\_STRONG\_TEXT
 165
 166 - Set SHADE\_SIDE\_BAR\_STRONG\_TEXT = #252b37
 167
 168 #### <a name="SHADE_BLOCKQUOTE_BACKGROUND"></a> SHADE\_BLOCKQUOTE\_BACKGROUND
 169
 170 - Set SHADE\_BLOCKQUOTE\_BACKGROUND = #edeff4
 171
 172 #### <a name="SHADE_TWIKIFORM_TABLECELL_BORDER"></a> SHADE\_TWIKIFORM\_TABLECELL\_BORDER
 173
 174 - Set SHADE\_TWIKIFORM\_TABLECELL\_BORDER = #e6e8ee
 175
 176 #### <a name="SHADE_TWIKITABLE_HEADER_BACKGROU"></a> SHADE\_TWIKITABLE\_HEADER\_BACKGROUND
 177
 178 - Set SHADE\_TWIKITABLE\_HEADER\_BACKGROUND = #f4f5f9
 179
 180 #### <a name="SHADE_TWIKIFORM_FIRSTCOL_BACKGRO"></a> SHADE\_TWIKIFORM\_FIRSTCOL\_BACKGROUND
 181
 182 - Set SHADE\_TWIKIFORM\_FIRSTCOL\_BACKGROUND = #f9f9fb
 183
 184 #### <a name="SHADE_TWIKIFORM_HEADER_BACKGROUN"></a> SHADE\_TWIKIFORM\_HEADER\_BACKGROUND
 185
 186 - Set SHADE\_TWIKIFORM\_HEADER\_BACKGROUND = #eceef2
 187
 188 #### <a name="SHADE_BOTTOM_BAR_BACKGROUND"></a> SHADE\_BOTTOM\_BAR\_BACKGROUND
 189
 190 - Set SHADE\_BOTTOM\_BAR\_BACKGROUND = #7d8ca5
 191
 192 #### <a name="SHADE_BOTTOM_BAR_TEXT"></a> SHADE\_BOTTOM\_BAR\_TEXT
 193
 194 - Set SHADE\_BOTTOM\_BAR\_TEXT = #d8dde4
 195
 196 #### <a name="SHADE_ALERT_TEXT"></a> SHADE\_ALERT\_TEXT
 197
 198 - Set SHADE\_ALERT\_TEXT = #f60
 199
 200 #### <a name="SHADE_BLUEISH_TEXT"></a> SHADE\_BLUEISH\_TEXT
 201
 202 - Set SHADE\_BLUEISH\_TEXT = #3f4e67
 203
 204 #### <a name="SHADE_DARKISH_TEXT"></a> SHADE\_DARKISH\_TEXT
 205
 206 - Set SHADE\_DARKISH\_TEXT = #333
 207
 208 #### <a name="SHADE_TOPTOOLBAR_WEBNAME_TEXT"></a> SHADE\_TOPTOOLBAR\_WEBNAME\_TEXT
 209
 210 - Set SHADE\_TOPTOOLBAR\_WEBNAME\_TEXT = %SHADE\_BLUEISH\_TEXT%
 211
 212 #### <a name="SHADE_BROADCASTMESSAGE_BACKGROUN"></a> SHADE\_BROADCASTMESSAGE\_BACKGROUND
 213
 214 - Set SHADE\_BROADCASTMESSAGE\_BACKGROUND = #fff765
 215
 216 ## <a name="Logical groupings"></a> Logical groupings
 217
 218 ### <a name="Text"></a> Text
 219
 220 #### <a name="MAIN_TEXT_COLOR Main text color"></a> MAIN\_TEXT\_COLOR Main text color
 221
 222 - Set MAIN\_TEXT\_COLOR = #252b37
 223
 224 #### <a name="MAIN_BACKGROUND_COLOR Main backg"></a> MAIN\_BACKGROUND\_COLOR Main background color
 225
 226 - Set MAIN\_BACKGROUND\_COLOR = #fff
 227
 228 #### <a name="LIGHT_ON_DARK_TEXT_COLOR Light o"></a> LIGHT\_ON\_DARK\_TEXT\_COLOR Light on dark text color
 229
 230 - Set LIGHT\_ON\_DARK\_TEXT\_COLOR = #fff
 231
 232 #### <a name="GRAYED_TEXT_COLOR"></a> GRAYED\_TEXT\_COLOR
 233
 234 - Set GRAYED\_TEXT\_COLOR = #7d8ca5
 235
 236 #### <a name="GENERAL_TEXT General text (if no"></a> GENERAL\_TEXT General text (if not set in MAIN\_BACKGROUND\_COLOR) (black)
 237
 238 - Set GENERAL\_TEXT = #000
 239
 240 #### <a name="HEADER_TEXT Header text"></a> HEADER\_TEXT Header text
 241
 242 - Set HEADER\_TEXT = %SHADE\_ALERT\_TEXT%
 243
 244 #### <a name="CODE_TEXT Code text, left bar te"></a> CODE\_TEXT Code text, left bar text and links
 245
 246 - Set CODE\_TEXT = #669
 247
 248 #### <a name="MUTED_TEXT Muted text"></a> MUTED\_TEXT Muted text
 249
 250 - Set MUTED\_TEXT = %GRAYED\_TEXT\_COLOR%
 251
 252 #### <a name="GRAYED_OUT_TEXT Grayed out text"></a> GRAYED\_OUT\_TEXT Grayed out text
 253
 254 - Set GRAYED\_OUT\_TEXT = #999
 255
 256 #### <a name="TOPIC_ACTION_TEXT"></a> TOPIC\_ACTION\_TEXT
 257
 258 - Set TOPIC\_ACTION\_TEXT = #97a3b7
 259
 260 ### <a name="Links"></a> Links
 261
 262 #### <a name="LINK_TEXT_NORMAL Link normal tex"></a> LINK\_TEXT\_NORMAL Link normal text
 263
 264 - Set LINK\_TEXT\_NORMAL = #36c
 265
 266 #### <a name="LINK_BACKGROUND_NORMAL Link norm"></a> LINK\_BACKGROUND\_NORMAL Link normal background
 267
 268 - Set LINK\_BACKGROUND\_NORMAL =
 269
 270 #### <a name="LINK_TEXT_NORMAL_VISITED Link no"></a> LINK\_TEXT\_NORMAL\_VISITED Link normal text visited
 271
 272 - Set LINK\_TEXT\_NORMAL\_VISITED = #707f99
 273
 274 #### <a name="LINK_TEXT_ACTION_BUTTON Link tex"></a> LINK\_TEXT\_ACTION\_BUTTON Link text
 275
 276 - Set LINK\_TEXT\_ACTION\_BUTTON = %LINK\_TEXT\_NORMAL%
 277
 278 #### <a name="LINK_TEXT_HOVER Link hover text"></a> LINK\_TEXT\_HOVER Link hover text
 279
 280 - Set LINK\_TEXT\_HOVER = #036
 281
 282 #### <a name="SIDE_BAR_LINK_TEXT Side bar link"></a> SIDE\_BAR\_LINK\_TEXT Side bar link text
 283
 284 - Set SIDE\_BAR\_LINK\_TEXT = %SHADE\_BLUEISH\_TEXT%
 285
 286 ### <a name="Disabled"></a> Disabled
 287
 288 #### <a name="DISABLED_BORDER Disabled border"></a> DISABLED\_BORDER Disabled border
 289
 290 - Set DISABLED\_BORDER = #e0e0e0
 291
 292 #### <a name="DISABLED_TEXT Disabled text"></a> DISABLED\_TEXT Disabled text
 293
 294 - Set DISABLED\_TEXT = #aaa
 295
 296 #### <a name="DISABLED_BACKGROUND Disabled bac"></a> DISABLED\_BACKGROUND Disabled background
 297
 298 - Set DISABLED\_BACKGROUND = #f8f8f8
 299
 300 #### <a name="BUTTON_BORDERS_DISABLED Disabled"></a> BUTTON\_BORDERS\_DISABLED Disabled button borders
 301
 302 - Set BUTTON\_BORDERS\_DISABLED = #fff #ccc #ccc #fff
 303
 304 ### <a name="&#39;New&#39;"></a> 'New'
 305
 306 #### <a name="NEW_TEXT New text (green)"></a> NEW\_TEXT New text (green)
 307
 308 - Set NEW\_TEXT = #049804
 309
 310 #### <a name="NEW_BACKGROUND New background (l"></a> NEW\_BACKGROUND New background (light green)
 311
 312 - Set NEW\_BACKGROUND = #ECFADC
 313
 314 ### <a name="Alert"></a> Alert
 315
 316 #### <a name="ALERT_TEXT Alert text (red)"></a> ALERT\_TEXT Alert text (red)
 317
 318 - Set ALERT\_TEXT = #f00
 319
 320 #### <a name="ALERT_TEXT_MUTED Muted alert tex"></a> ALERT\_TEXT\_MUTED Muted alert text (dark red)
 321
 322 - Set ALERT\_TEXT\_MUTED = #900
 323
 324 #### <a name="ALERT_BORDER Alert border"></a> ALERT\_BORDER Alert border
 325
 326 - Set ALERT\_BORDER = #f00
 327
 328 ### <a name="Buttons"></a> Buttons
 329
 330 #### <a name="BUTTON_TEXT Button text color (d"></a> BUTTON\_TEXT Button text color (dark gray)
 331
 332 - Set BUTTON\_TEXT = #000
 333
 334 #### <a name="BUTTON_BORDERS Button borders"></a> BUTTON\_BORDERS Button borders
 335
 336 - Set BUTTON\_BORDERS = #fff #888 #888 #fff
 337
 338 #### <a name="BUTTON_BACKGROUND Button backgro"></a> BUTTON\_BACKGROUND Button background
 339
 340 - Set BUTTON\_BACKGROUND = #e2e3e3
 341
 342 #### <a name="BUTTON_CANCEL_BACKGROUND Cancel"></a><a name="BUTTON_CANCEL_BACKGROUND Cancel "></a> BUTTON\_CANCEL\_BACKGROUND Cancel button background
 343
 344 - Set BUTTON\_CANCEL\_BACKGROUND = #f2d5d0
 345
 346 #### <a name="SUBMIT_BUTTON_BACKGROUND Submit"></a><a name="SUBMIT_BUTTON_BACKGROUND Submit "></a> SUBMIT\_BUTTON\_BACKGROUND Submit button background
 347
 348 - Set SUBMIT\_BUTTON\_BACKGROUND = #06c
 349
 350 #### <a name="SUBMIT_BUTTON_BORDER_TEXT Submit"></a> SUBMIT\_BUTTON\_BORDER\_TEXT Submit button text color
 351
 352 - Set SUBMIT\_BUTTON\_BORDER\_TEXT = #fff
 353
 354 #### <a name="SELECT_BORDER Select border"></a> SELECT\_BORDER Select border
 355
 356 - Set SELECT\_BORDER = #888
 357
 358 ### <a name="Background colors"></a> Background colors
 359
 360 #### <a name="GENERAL_BACKGROUND General backg"></a> GENERAL\_BACKGROUND General background color (if not set in MAIN\_BACKGROUND\_COLOR) (white)
 361
 362 - Set GENERAL\_BACKGROUND = #fff
 363
 364 #### <a name="SIDE_BAR_BACKGROUND Side bar bac"></a> SIDE\_BAR\_BACKGROUND Side bar background
 365
 366 - Set SIDE\_BAR\_BACKGROUND = #f4f5f8
 367
 368 #### <a name="NEUTRAL_BACKGROUND"></a> NEUTRAL\_BACKGROUND
 369
 370 - Set NEUTRAL\_BACKGROUND = #fdfaf1
 371
 372 #### <a name="TOP_BAR_BACKGROUND Top bar backg"></a> TOP\_BAR\_BACKGROUND Top bar background
 373
 374 - Set TOP\_BAR\_BACKGROUND = #dfe3ec
 375
 376 #### <a name="TOPIC_ACTION_BACKGROUND Topic ac"></a> TOPIC\_ACTION\_BACKGROUND Topic action row
 377
 378 - Set TOPIC\_ACTION\_BACKGROUND = #f8f9fa
 379
 380 #### <a name="HEADER_BACKGROUND h2"></a> HEADER\_BACKGROUND h2
 381
 382 - Set HEADER\_BACKGROUND = #f8f9fb
 383
 384 #### <a name="ATTACHMENT_AND_FORM_BACKGROUND A"></a> ATTACHMENT\_AND\_FORM\_BACKGROUND Attachment, form
 385
 386 - Set ATTACHMENT\_AND\_FORM\_BACKGROUND = #f2f3f6
 387
 388 #### <a name="DIFF_HEADER_BACKGROUND Diff head"></a> DIFF\_HEADER\_BACKGROUND Diff header
 389
 390 - Set DIFF\_HEADER\_BACKGROUND = #ccc
 391
 392 #### <a name="NOTIFICATION_BACKGROUND Info and"></a> NOTIFICATION\_BACKGROUND Info and notifications
 393
 394 - Set NOTIFICATION\_BACKGROUND = #fff9d1
 395
 396 #### <a name="INFO_BACKGROUND"></a> INFO\_BACKGROUND
 397
 398 - Set INFO\_BACKGROUND = #f4f5f8
 399
 400 ### <a name="Border colors"></a> Border colors
 401
 402 #### <a name="NEUTRAL_BORDER Info (light gray)"></a> NEUTRAL\_BORDER Info (light gray)
 403
 404 - Set NEUTRAL\_BORDER = #d7dbe4
 405
 406 #### <a name="SEPARATOR_BORDER"></a> SEPARATOR\_BORDER
 407
 408 - Set SEPARATOR\_BORDER = #e5e8ed
 409
 410 #### <a name="MINOR_SEPARATOR_BORDER Header H3"></a> MINOR\_SEPARATOR\_BORDER Header H3..H6 bottom
 411
 412 - Set MINOR\_SEPARATOR\_BORDER = %SEPARATOR\_BORDER%
 413
 414 #### <a name="LAYOUT_ELEMENT_BORDER Main layou"></a> LAYOUT\_ELEMENT\_BORDER Main layout elements (neutral tone)
 415
 416 - Set LAYOUT\_ELEMENT\_BORDER = #cfcfcf
 417
 418 #### <a name="IMAGE_BORDER Image border"></a> IMAGE\_BORDER Image border
 419
 420 - Set IMAGE\_BORDER = #eee
 421
 422 #### <a name="NOTIFICATION_BORDER Broadcast me"></a> NOTIFICATION\_BORDER Broadcast message
 423
 424 - Set NOTIFICATION\_BORDER = #fc0
 425
 426 #### <a name="TOPIC_ACTION_BORDER"></a> TOPIC\_ACTION\_BORDER
 427
 428 - Set TOPIC\_ACTION\_BORDER = #dee2e8
 429
 430 #### <a name="Table colors"></a> Table colors
 431
 432 ##### <a name="TABLE_DATA_BACKGROUND Table data"></a> TABLE\_DATA\_BACKGROUND Table data background
 433
 434 - Set TABLE\_DATA\_BACKGROUND = #f2f3f6
 435
 436 ##### <a name="TABLE_HEADER_BACKGROUND Table he"></a> TABLE\_HEADER\_BACKGROUND Table header background
 437
 438 - Set TABLE\_HEADER\_BACKGROUND = #d8dde4
 439
 440 ##### <a name="TABLE_SELECTED_COLUMN_HEADER_BAC"></a> TABLE\_SELECTED\_COLUMN\_HEADER\_BACKGROUND Sorted table column accent background
 441
 442 - Set TABLE\_SELECTED\_COLUMN\_HEADER\_BACKGROUND = #ced4dd
 443
 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)
 445
 446 - Set TABLE\_DATA\_ODD\_BACKGROUND = #f2f3f6
 447
 448 ##### <a name="TABLE_DATA_EVEN_BACKGROUND Table"></a> TABLE\_DATA\_EVEN\_BACKGROUND Table data background (even row)
 449
 450 - Set TABLE\_DATA\_EVEN\_BACKGROUND = #ffffff
 451
 452 ##### <a name="TABLE_DATA_ODD_SELECTED_BACKGROU"></a> TABLE\_DATA\_ODD\_SELECTED\_BACKGROUND Table data background (odd row, selected column)
 453
 454 - Set TABLE\_DATA\_ODD\_SELECTED\_BACKGROUND = #e7e9ee
 455
 456 ##### <a name="TABLE_DATA_EVEN_SELECTED_BACKGRO"></a> TABLE\_DATA\_EVEN\_SELECTED\_BACKGROUND Table data background (even row, selected column)
 457
 458 - Set TABLE\_DATA\_EVEN\_SELECTED\_BACKGROUND = #f3f5f7
 459
 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)
 461
 462 - Set TABLE\_DATA\_MIX\_BACKGROUND = #e7e9ee
 463
 464 #### <a name="TABLE_BORDER Table border, sup ("></a> TABLE\_BORDER Table border, sup (light neutral tone)
 465
 466 - Set TABLE\_BORDER = #e7e9ef
 467
 468 #### <a name="LINK_TEXT_NORMAL_TABLE_HEADER Ta"></a> LINK\_TEXT\_NORMAL\_TABLE\_HEADER Table header link text
 469
 470 - Set LINK\_TEXT\_NORMAL\_TABLE\_HEADER = #252b37
 471
 472 #### <a name="LINK_TEXT_NORMAL_UNDERLINE_TABLE"></a> LINK\_TEXT\_NORMAL\_UNDERLINE\_TABLE\_HEADER Table header link border
 473
 474 - Set LINK\_TEXT\_NORMAL\_UNDERLINE\_TABLE\_HEADER = #252b37
 475
 476 #### <a name="LINK_TEXT_SORTED_TABLE_HEADER So"></a> LINK\_TEXT\_SORTED\_TABLE\_HEADER Sorted table header link text
 477
 478 - Set LINK\_TEXT\_SORTED\_TABLE\_HEADER = %LINK\_TEXT\_NORMAL\_TABLE\_HEADER%
 479
 480 #### <a name="LINK_TEXT_HOVER_TABLE_HEADER Tab"></a> LINK\_TEXT\_HOVER\_TABLE\_HEADER Table header link hover text
 481
 482 - Set LINK\_TEXT\_HOVER\_TABLE\_HEADER = %LINK\_TEXT\_NORMAL\_TABLE\_HEADER%
 483
 484 #### <a name="LINK_BORDER_TABLE_SELECTED_COLUM"></a> LINK\_BORDER\_TABLE\_SELECTED\_COLUMN\_HEADER Link border in selected column header
 485
 486 - Set LINK\_BORDER\_TABLE\_SELECTED\_COLUMN\_HEADER = %LINK\_TEXT\_NORMAL\_TABLE\_HEADER%
 487
 488 ### <a name="Forms"></a> Forms
 489
 490 #### <a name="INPUT_FIELD_BORDERS Input field"></a><a name="INPUT_FIELD_BORDERS Input field "></a> INPUT\_FIELD\_BORDERS Input field borders
 491
 492 - Set INPUT\_FIELD\_BORDERS = #bbc3d1 #c3cad7 #c3cad7 #bbc3d1
 493
 494 #### <a name="FORM_INPUT_BORDER Textarea, inpu"></a> FORM\_INPUT\_BORDER Textarea, input and select (darker gray)
 495
 496 - Set FORM\_INPUT\_BORDER = #aaa
 497
 498 #### <a name="FORM_BORDER Form"></a> FORM\_BORDER Form
 499
 500 - Set FORM\_BORDER = #dee2e8
 501
 502 #### <a name="ACTIVE_FORM_BACKGROUND Edit form"></a> ACTIVE\_FORM\_BACKGROUND Edit form, form steps
 503
 504 - Set ACTIVE\_FORM\_BACKGROUND = #f4f5f8
 505
 506 #### <a name="FORM_STEP_BORDER Form step borde"></a> FORM\_STEP\_BORDER Form step border
 507
 508 - Set FORM\_STEP\_BORDER = %FORM\_BORDER%
 509
 510 #### <a name="FORMFIELD_ACTIVE Active form fie"></a> FORMFIELD\_ACTIVE Active form field
 511
 512 - Set FORMFIELD\_ACTIVE = %NOTIFICATION\_BACKGROUND%
 513
 514 Do not change the text below this line unless you know what you are doing!
 515
 516 ----
 517
 518     %STARTATTACH{"theme-colors.css" web="%TWIKIWEB%" topic="TWikiNetSkin"}%
 519     /* PatternSkin colors */
 520     /* Generated by AttachContentPlugin from %WEB%.%TOPIC% */
 521
 522     /* LAYOUT ELEMENTS */
 523
 524     #patternTopBar {
 525        background-color:%TOP_BAR_BACKGROUND%;
 526     }
 527     #patternMain { /* don't set a background here; use patternOuter */ }
 528     #patternOuter {
 529        background-color:%MAIN_BACKGROUND_COLOR%; /* Sets background of center col */
 530        border-color:%LAYOUT_ELEMENT_BORDER%;
 531     }
 532     #patternLeftBar,
 533     #patternWrapper {
 534        background-color:%MAIN_BACKGROUND_COLOR%;
 535     }
 536     #patternBottomBar {
 537        background-color:%SHADE_BOTTOM_BAR_BACKGROUND%;
 538     }
 539     #patternBottomBarContents,
 540     #patternBottomBarContents a:link,
 541     #patternBottomBarContents a:visited {
 542        color:%SHADE_BOTTOM_BAR_TEXT%;
 543     }
 544     #patternBottomBarContents a:hover {
 545        color:%LIGHT_ON_DARK_TEXT_COLOR%;
 546     }
 547
 548     /* GENERAL HTML ELEMENTS */
 549
 550     html body {
 551        background-color:%SHADE_BOTTOM_BAR_BACKGROUND%;
 552        color:%MAIN_TEXT_COLOR%;
 553     }
 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;
 557     }
 558     hr {
 559        color:%SEPARATOR_BORDER%;
 560        background-color:%SEPARATOR_BORDER%;
 561     }
 562     pre, code, tt {
 563        color:%CODE_TEXT%;
 564     }
 565     blockquote {
 566        background-color:%SHADE_BLOCKQUOTE_BACKGROUND%;
 567        border-color:%NEUTRAL_BORDER%;
 568     }
 569     h1, h2, h3, h4, h5, h6 {
 570        color:%HEADER_TEXT%;
 571     }
 572     /* to override old Render.pm coded font color style */
 573     .twikiNewLink font {
 574        color:inherit;
 575     }
 576     .twikiNewLink a:link sup,
 577     .twikiNewLink a:visited sup {
 578        color:%MUTED_TEXT%;
 579        border-color:%NEUTRAL_BORDER%;
 580     }
 581     .twikiNewLink a:hover sup {
 582        color:%LINK_TEXT_HOVER%;
 583        border-color:%LINK_TEXT_HOVER%;
 584     }
 585     .twikiNewLink {
 586        border-color:%NEUTRAL_BORDER%;
 587     }
 588     :link:focus,
 589     :visited:focus,
 590     :link,
 591     :visited,
 592     :link:active,
 593     :visited:active {
 594        color:%LINK_TEXT_NORMAL%;
 595        background-color:transparent;
 596     }
 597     :link:hover,
 598     :visited:hover {
 599        color:%LINK_TEXT_HOVER%;
 600        background-color:transparent;
 601        background-image:none;
 602        text-decoration:underline;
 603     }
 604     :link:hover img,
 605     :visited:hover img {
 606        background-color:transparent;
 607     }
 608     .patternTopic a:visited {
 609        color:%LINK_TEXT_NORMAL_VISITED%;
 610     }
 611     .patternTopic a:hover {
 612        color:%LINK_TEXT_HOVER%;
 613     }
 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 {
 620        color:%HEADER_TEXT%;
 621     }
 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%;
 629     }
 630     .patternTopic .twikiUnvisited a:visited {
 631        color:%LINK_TEXT_NORMAL%;
 632     }
 633     .patternTopic .twikiUnvisited a:hover {
 634        color:%LINK_TEXT_HOVER%;
 635     }
 636     .patternTop a:hover {
 637        border:none;
 638        color:%LINK_TEXT_HOVER%;
 639     }
 640
 641     /* Form elements */
 642
 643     textarea,
 644     input,
 645     select {
 646        border-color:%FORM_INPUT_BORDER%;
 647        color:%SHADE_BLUEISH_TEXT%;
 648        background-color:%GENERAL_BACKGROUND%;
 649     }
 650     .twikiSubmit,
 651     .twikiButton {
 652        border-color:%BUTTON_BORDERS%;
 653     }
 654     .twikiSubmit {
 655        color:%SUBMIT_BUTTON_BORDER_TEXT%;
 656        background-color:%SUBMIT_BUTTON_BACKGROUND%;
 657     }
 658     .twikiButton {
 659        color:%BUTTON_TEXT%;
 660        background-color:%BUTTON_BACKGROUND%;
 661     }
 662     .twikiButtonCancel {
 663        color:%BUTTON_TEXT%;
 664        background-color:%BUTTON_CANCEL_BACKGROUND%;
 665     }
 666     .twikiSubmitDisabled,
 667     .twikiSubmitDisabled:active {
 668        border-color:%BUTTON_BORDERS_DISABLED%;
 669        color:%DISABLED_TEXT%;
 670        background-color:%ACTIVE_FORM_BACKGROUND%;
 671     }
 672     .twikiTextarea,
 673     .twikiInputField,
 674     .twikiInputFieldDisabled,
 675     .twikiInputFieldReadOnly,
 676     .twikiSelect {
 677        border-color:%INPUT_FIELD_BORDERS%;
 678     }
 679     .twikiTextarea,
 680     .twikiInputField,
 681     .twikiSelect {
 682        color:%MAIN_TEXT_COLOR%;
 683        background-color:%MAIN_BACKGROUND_COLOR%;
 684     }
 685     .twikiInputField:active,
 686     .twikiInputField:focus {
 687        background-color:%FORMFIELD_ACTIVE%;
 688     }
 689     .twikiTextareaRawView {
 690        color:%SHADE_BLUEISH_TEXT%;
 691     }
 692     .twikiInputFieldDisabled {
 693        color:%DISABLED_TEXT%;
 694        background-color:%DISABLED_BACKGROUND%;
 695     }
 696     .twikiInputFieldReadOnly {
 697        color:%GRAYED_TEXT_COLOR%;
 698     }
 699     .twikiSelect {
 700        border-color:%INPUT_FIELD_BORDERS%;
 701        color:%SHADE_BLUEISH_TEXT%;
 702        background-color:%MAIN_BACKGROUND_COLOR%;
 703     }
 704     .twikiInputFieldDisabled,
 705     .twikiSelectDisabled {
 706        color:%DISABLED_TEXT%;
 707        border-color:%INPUT_FIELD_BORDERS%;
 708        background-color:%DISABLED_BACKGROUND%;
 709     }
 710     .twikiInputFieldBeforeFocus {
 711        color:%MUTED_TEXT%;
 712     }
 713
 714     /*   -----------------------------------------------------------
 715        Plugin elements
 716        -----------------------------------------------------------   */
 717
 718     /* TablePlugin */
 719
 720     .twikiTable,
 721     .twikiTable td {
 722        border-color:%TABLE_BORDER%;
 723     }
 724     .twikiTable th {
 725        border-color:%LIGHT_ON_DARK_TEXT_COLOR%;
 726     }
 727     .twikiTable th.twikiFirstCol {
 728        border-left-color:%SHADE_TWIKITABLE_HEADER_BACKGROUND%;
 729     }
 730     .twikiTable th.twikiLastCol {
 731        border-right-color:%SHADE_TWIKITABLE_HEADER_BACKGROUND%;
 732     }
 733     .twikiTable th a:link,
 734     .twikiTable th a:visited,
 735     .twikiTable th a font {
 736        color:%LINK_TEXT_NORMAL_TABLE_HEADER%;
 737     }
 738
 739     /* TwistyContrib */
 740     .twistyPlaceholder {
 741        color:%GRAYED_OUT_TEXT%;
 742     }
 743     a:hover.twistyTrigger {
 744        color:%LINK_TEXT_HOVER%;
 745     }
 746
 747     /* RevCommentPlugin */
 748     .revComment .patternTopicAction {
 749        background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
 750     }
 751
 752     /*   -----------------------------------------------------------
 753        TWiki styles
 754        -----------------------------------------------------------   */
 755
 756     .twikiGrayText {
 757        color:%GRAYED_OUT_TEXT%;
 758     }
 759     .twikiGrayText a:link,
 760     .twikiGrayText a:visited {
 761        color:%GRAYED_OUT_TEXT%;
 762     }
 763     .twikiGrayText a:hover {
 764        color:%LINK_TEXT_HOVER%;
 765     }
 766
 767     .twikiAttachments .twikiTable th {
 768        border-top-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
 769     }
 770     .twikiAttachments .twikiTable th,
 771     .twikiForm th {
 772        background-color:%SHADE_TWIKIFORM_HEADER_BACKGROUND%;
 773     }
 774     .twikiAttachments .twikiTable th.twikiFirstCol {
 775        border-left-color:%SHADE_TWIKITABLE_HEADER_BACKGROUND%;
 776     }
 777     .twikiAttachments .twikiTable th.twikiLastCol {
 778        border-right-color:%SHADE_TWIKITABLE_HEADER_BACKGROUND%;
 779     }
 780     .twikiFormTable td,
 781     .twikiFormTable th {
 782        border-color:%SHADE_TWIKIFORM_TABLECELL_BORDER%;
 783     }
 784     .patternContent .twikiForm td.twikiFirstCol,
 785     .patternEditPage .twikiFormTable th {
 786        background-color:%SHADE_TWIKIFORM_FIRSTCOL_BACKGROUND%;
 787        color:%SHADE_BLUEISH_TEXT%;
 788     }
 789     .patternContent .twikiForm td,
 790     .patternEditPage .twikiFormTable td {
 791        background-color:%TABLE_DATA_EVEN_BACKGROUND%;
 792        color:%LINK_TEXT_NORMAL_TABLE_HEADER%;
 793     }
 794     .twikiEditForm {
 795        color:%SHADE_BLUEISH_TEXT%;
 796     }
 797
 798     .twikiFormStep {
 799        border-top-color:%TOPIC_ACTION_BACKGROUND%;
 800        border-bottom-color:%FORM_STEP_BORDER%;
 801     }
 802     .twikiFormStep h3,
 803     .twikiFormStep h4 {
 804        color:%SHADE_BLUEISH_TEXT%;
 805     }
 806     .twikiFormStep h2,
 807     .twikiFormStep h3,
 808     .twikiFormStep h4 {
 809        background-color:transparent;
 810        background-image:none;
 811     }
 812     .twikiActionFormStepSign {
 813        color:%NEUTRAL_BORDER%;
 814     }
 815     .twikiToc .twikiTocTitle {
 816        color:%MUTED_TEXT%;
 817     }
 818     .twikiBroadcastMessage {
 819        background-color:%SHADE_BROADCASTMESSAGE_BACKGROUND%;
 820        border-color:%NOTIFICATION_BORDER%;
 821        color:%SHADE_DARKISH_TEXT%;
 822     }
 823     .twikiNotification {
 824        background-color:%NOTIFICATION_BACKGROUND%;
 825     }
 826     .twikiHelp {
 827        background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
 828        color:%SHADE_DARKISH_TEXT%;
 829        border-color:%SEPARATOR_BORDER%;
 830     }
 831     .twikiHelp b,
 832     .twikiHelp strong,
 833     .twikiHelp h1,
 834     .twikiHelp h2,
 835     .twikiHelp h3,
 836     .twikiHelp h4,
 837     .twikiHelp h5,
 838     .twikiHelp h6 {
 839        color:%SHADE_ALERT_TEXT%;
 840     }
 841     .twikiBroadcastMessage b,
 842     .twikiBroadcastMessage strong {
 843        color:%ALERT_TEXT%;
 844     }
 845     .twikiAlert,
 846     .twikiAlert code {
 847        color:%ALERT_TEXT%;
 848     }
 849     .twikiEmulatedLink {
 850        color:%LINK_TEXT_NORMAL%;
 851     }
 852     .twikiPageForm table {
 853        border-color:%TABLE_BORDER%;
 854        background:%MAIN_BACKGROUND_COLOR%;
 855     }
 856     .twikiPageForm hr {
 857        border-color:%FORM_BORDER%;
 858        background-color:%FORM_BORDER%;
 859        color:%FORM_BORDER%;
 860     }
 861     .twikiAccessKey {
 862        color:inherit;
 863        border-color:%GRAYED_OUT_TEXT%;
 864     }
 865     a:link .twikiAccessKey,
 866     a:visited .twikiAccessKey {
 867        color:inherit;
 868     }
 869     a:hover .twikiAccessKey {
 870        color:inherit;
 871     }
 872     .twikiImage img {
 873        border-color:%IMAGE_BORDER%;
 874        background-color:%MAIN_BACKGROUND_COLOR%;
 875     }
 876     #patternTopBar .twikiImage img {
 877        background-color:transparent;
 878     }
 879     .twikiImage a:hover img {
 880        border-color:%LINK_TEXT_HOVER%;
 881     }
 882
 883     /*   -----------------------------------------------------------
 884        Pattern skin specific elements
 885        -----------------------------------------------------------   */
 886     #patternPage {
 887        background-color:%MAIN_BACKGROUND_COLOR%;
 888     }
 889     .patternTop,
 890     .patternHomePath .patternRevInfo,
 891     .patternRevInfo {
 892        color:%GRAYED_TEXT_COLOR%;
 893     }
 894     .patternRevInfo a:link,
 895     .patternRevInfo a:visited {
 896        color:%GRAYED_TEXT_COLOR%;
 897     }
 898     .patternRevInfo a:hover {
 899        color:%LINK_TEXT_HOVER%;
 900     }
 901     .patternHomePath .patternRevInfo a:link,
 902     .patternHomePath .patternRevInfo a:visited {
 903        color:%LINK_TEXT_NORMAL%;
 904     }
 905     .patternHomePath {
 906        color:%SHADE_BLUEISH_TEXT%;
 907     }
 908     .patternHomePath a:link,
 909     .patternHomePath a:visited {
 910        color:%LINK_TEXT_NORMAL%;
 911     }
 912     .patternHomePath a:hover {
 913        color:%LINK_TEXT_HOVER%;
 914        text-decoration:underline;
 915     }
 916     .patternHomePath .twikiSeparator {
 917        color:%GRAYED_TEXT_COLOR%;
 918     }
 919
 920     /* Left bar */
 921     #patternLeftBarContents,
 922     #patternLeftBarContents .patternLeftBarPersonal {
 923        background:none;
 924        background-image:none;
 925     }
 926
 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%;
 933     }
 934     #patternLeftBarContents strong,
 935     #patternLeftBarContents b {
 936        color:%SHADE_SIDE_BAR_STRONG_TEXT%;
 937        text-decoration:none;
 938     }
 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;
 947     }
 948
 949     #patternLeftBarContents hr {
 950        color:%SEPARATOR_BORDER%;
 951        background-color:%SEPARATOR_BORDER%;
 952     }
 953     .patternTopicActions {
 954        border-color:%MINOR_SEPARATOR_BORDER%;
 955        background-color:%TOPIC_ACTION_BACKGROUND%;
 956        color:%TOPIC_ACTION_TEXT%;
 957     }
 958     .patternTopicAction s,
 959     .patternTopicAction strike {
 960        color:%DISABLED_TEXT%;
 961     }
 962     .patternTopicAction .twikiSeparator {
 963        color:#bec5d2;
 964     }
 965     .patternActionButtons a:link,
 966     .patternActionButtons a:visited {
 967        color:%LINK_TEXT_ACTION_BUTTON%;
 968     }
 969     .patternActionButtons a:hover {
 970        color:%LINK_TEXT_HOVER%;
 971     }
 972     .patternTopicAction .twikiAccessKey {
 973        color:%LINK_TEXT_ACTION_BUTTON%;
 974        border-color:%LINK_TEXT_ACTION_BUTTON%;
 975     }
 976     .patternTopicAction a:hover .twikiAccessKey {
 977        color:%LINK_TEXT_HOVER%;
 978     }
 979     .patternTopicAction label {
 980        color:%GENERAL_TEXT%;
 981     }
 982     .patternHelpCol {
 983        color:%GRAYED_OUT_TEXT%;
 984     }
 985     .patternSigLine {
 986        color:%SHADE_BLUEISH_TEXT%;
 987     }
 988     .patternToolBar a:link .twikiAccessKey,
 989     .patternToolBar a:visited .twikiAccessKey {
 990        color:inherit;
 991        border-color:#333;
 992     }
 993     .patternToolBar a:hover .twikiAccessKey {
 994        background-color:transparent;
 995        color:inherit;
 996        border-color:#333;
 997     }
 998     .patternSaveHelp {
 999        background-color:%MAIN_BACKGROUND_COLOR%;
1000     }
1001
1002     /* WebSearch, WebSearchAdvanced */
1003     table#twikiSearchTable {
1004        border-color:%FORM_STEP_BORDER%;
1005     }
1006     table#twikiSearchTable th,
1007     table#twikiSearchTable td {
1008        background-color:%GENERAL_BACKGROUND%;
1009        border-color:%FORM_STEP_BORDER%;
1010     }
1011     table#twikiSearchTable hr {
1012        border-color:%FORM_STEP_BORDER%;
1013        background-color:%FORM_STEP_BORDER%;
1014     }
1015     table#twikiSearchTable th {
1016        color:%SHADE_BLUEISH_TEXT%;
1017     }
1018
1019     /*   -----------------------------------------------------------
1020        Search results
1021        styles and overridden styles used in search.pattern.tmpl
1022        -----------------------------------------------------------   */
1023
1024     h3.patternSearchResultsHeader,
1025     h4.patternSearchResultsHeader {
1026        background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
1027        border-color:%SEPARATOR_BORDER%;
1028     }
1029     h4.patternSearchResultsHeader {
1030        color:%SHADE_BLUEISH_TEXT%;
1031     }
1032     .patternNoViewPage h4.patternSearchResultsHeader {
1033        color:%HEADER_TEXT%;
1034     }
1035     .patternSearchResult .twikiBottomRow {
1036        border-color:%MINOR_SEPARATOR_BORDER%;
1037     }
1038     .patternSearchResult .twikiAlert {
1039        color:%ALERT_TEXT%;
1040     }
1041     .patternSearchResult .twikiSummary .twikiAlert {
1042        color:%ALERT_TEXT_MUTED%;
1043     }
1044     .patternSearchResult .twikiNew {
1045        background-color:%NEW_BACKGROUND%;
1046        border-color:%NEW_TEXT%;
1047        color:%NEW_TEXT%;
1048     }
1049     .patternViewPage .patternSearchResultsBegin {
1050        border-color:%TABLE_BORDER%;
1051     }
1052
1053     /* Search results in book view format */
1054
1055     .patternBookView .twikiTopRow {
1056        background-color:transparent; /* set to WEBBGCOLOR in css.pattern.tmpl */
1057        color:%MUTED_TEXT%;
1058     }
1059     .patternBookView .twikiBottomRow {
1060        border-color:%TABLE_BORDER%;
1061     }
1062     .patternBookView .patternSearchResultCount {
1063        color:%GRAYED_OUT_TEXT%;
1064     }
1065
1066     /* preview.pattern.tmpl */
1067
1068     .twikiPreviewArea {
1069        border-color:%ALERT_BORDER%;
1070        background-color:%MAIN_BACKGROUND_COLOR%;
1071     }
1072
1073     /* rdiff.pattern.tmpl */
1074
1075     .patternDiff {
1076        border-color:%TABLE_HEADER_BACKGROUND%;
1077     }
1078     .patternDiff h4.patternSearchResultsHeader {
1079        background-color:%TABLE_HEADER_BACKGROUND%;
1080        color:%LIGHT_ON_DARK_TEXT_COLOR%;
1081     }
1082     .patternDiff h4.patternSearchResultsHeader a:link,
1083     .patternDiff h4.patternSearchResultsHeader a:visited {
1084        color:%LIGHT_ON_DARK_TEXT_COLOR%;
1085     }
1086     tr.twikiDiffDebug td {
1087        border-color:%TABLE_BORDER%;
1088     }
1089     .patternDiffPage .twikiDiffTable th {
1090        background-color:%DIFF_HEADER_BACKGROUND%;
1091     }
1092     /* Changed */
1093     .twikiDiffChangedHeader,
1094     tr.twikiDiffDebug .twikiDiffChangedText,
1095     tr.twikiDiffDebug .twikiDiffChangedText {
1096        background:#9f9; /* green - do not change */
1097     }
1098     /* Deleted */
1099     .twikiDiffDeletedHeader,
1100     tr.twikiDiffDebug .twikiDiffDeletedMarker,
1101     tr.twikiDiffDebug .twikiDiffDeletedText {
1102        background-color:#f99; /* red - do not change */
1103     }
1104     /* Added */
1105     .twikiDiffAddedHeader,
1106     tr.twikiDiffDebug .twikiDiffAddedMarker,
1107     tr.twikiDiffDebug .twikiDiffAddedText {
1108        background-color:#ccf; /* violet - do not change */
1109     }
1110     /* Unchanged */
1111     tr.twikiDiffDebug .twikiDiffUnchangedText {
1112        color:%GRAYED_OUT_TEXT%;
1113     }
1114     .twikiDiffUnchangedTextContents { }
1115     .twikiDiffLineNumberHeader {
1116        background-color:%DIFF_HEADER_BACKGROUND%;
1117     }
1118
1119     /* IMAGES */
1120     /* image positions are set here as well as these are dependent on the image */
1121
1122     .patternTopic h2.twikinetRoundedAttachments {
1123        padding-top:0;
1124        padding-right:11px;
1125        background:url(bg_header_right.gif) top right no-repeat;
1126     }
1127     .patternTopic h2.twikinetRoundedAttachments .twikinetHeader {
1128        display:block;
1129        padding-top:.4em; /* same as h2 */
1130        padding-left:11px;
1131        padding-right:11px;
1132        margin-left:-11px;
1133        background:url(bg_header.gif) top left no-repeat;
1134     }
1135     .patternTopic .twikiFormSteps h2.twikinetRoundedAttachments,
1136     .patternTopic .twikiFormSteps h2.twikinetRoundedAttachments .twikinetHeader,
1137     .patternTopic blockquote h2.twikinetRoundedAttachments,
1138     .patternTopic blockquote h2.twikinetRoundedAttachments .twikinetHeader {
1139        background:none;
1140     }
1141     .twikiToc li {
1142        background-image:url(bullet-toc.gif);
1143        background-repeat:no-repeat;
1144        background-position:0 .4em;
1145     }
1146     #patternTopBar {
1147        background-image:url(bg_topbar_gradient.gif);
1148        background-repeat:repeat-x;
1149     }
1150     #twikinetLogo {
1151        background-image:url(logo_twiki_net_faded.gif);
1152        background-repeat:no-repeat;
1153     }
1154     #patternLeftBar,
1155     #patternWrapper {
1156        background-image:url(bg_leftbar_gradient.gif);
1157        background-repeat:repeat-y;
1158     }
1159     .patternPrintPage #patternOuter {
1160        background:#fff; /* white - do not change */
1161     }
1162
1163     /* start buttons */
1164     .twikiSubmit,
1165     .twikiSubmitDisabled {
1166        background-image:url(bg_button_submit.gif);
1167        background-repeat:repeat-x;
1168     }
1169     .twikiSubmit,
1170     a.twikiSubmit:link,
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%;
1176     }
1177     .twikiSubmit:hover,
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%;
1183     }
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%;
1190     }
1191     .twikiButton,
1192     a.twikiButton:link,
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%;
1200     }
1201     .twikiButton:hover,
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%;
1208     }
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%;
1216     }
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;
1228        color:#ccc;
1229     }
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%;
1237     }
1238     .twikiButtonCancel:hover {
1239        background-position:0px -80px;
1240        border-color:#fcdfe0 #cca6ae #cca6ae #fcdfe0;
1241        background-color:#b19aa0;
1242        color:%SHADE_DARKISH_TEXT%;
1243     }
1244     .twikiButtonCancel:active {
1245        background-position:0px -160px;
1246        border-color:#cca6ae #fcdfe0 #fcdfe0 #cca6ae;
1247        background-color:#fce2e2;
1248        color:%SHADE_DARKISH_TEXT%;
1249     }
1250     /* end buttons */
1251
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;
1258     }
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;
1264        color:#333;
1265     }
1266     .patternToolBar .patternButton a:hover {
1267        background-position:0px -80px;
1268        border-color:#f4f2eb #a3a092 #a3a092 #f4f2eb;
1269        background-color:#c2bfae;
1270        color:#222;
1271     }
1272     .patternToolBar .patternButton a:active {
1273        background-position:0px -160px;
1274        border-color:#a3a092 #f4f2eb #f4f2eb #a3a092;
1275        background-color:#e8e5d7;
1276        color:#222;
1277     }
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%;
1284     }
1285     .patternTextareaButton {
1286        border-color:#e9ebf1 #a2adbf #a2adbf #e9ebf1;
1287        overflow:hidden;
1288     }
1289     .patternButtonFontSelector {
1290        background-image:url(button_font_selector.gif);
1291        width:33px;
1292        height:16px;
1293     }
1294     .patternButtonFontSelectorProportional {
1295        background-position:0 0;
1296     }
1297     .patternButtonFontSelectorMonospace {
1298        background-position:0 -16px;
1299     }
1300     .patternButtonEnlarge,
1301     .patternButtonShrink {
1302        background-image:url(button_arrow.gif);
1303        width:16px;
1304        height:16px;
1305     }
1306     .patternButtonEnlarge {
1307        background-position:0 0;
1308     }
1309     .patternButtonEnlarge:hover {
1310        background-position:0 -42px;
1311     }
1312     .patternButtonEnlarge:active {
1313        background-position:0 -84px;
1314     }
1315     .patternButtonShrink {
1316        background-position:16px 0;
1317     }
1318     .patternButtonShrink:hover {
1319        background-position:16px -42px;
1320     }
1321     .patternButtonShrink:active {
1322        background-position:16px -84px;
1323     }
1324
1325     /* common settings */
1326     .patternLeftBarPersonal li,
1327     li.patternLogOut,
1328     li.patternLogIn {
1329        padding-left:13px;
1330        background-position:0 .4em;
1331        background-repeat:no-repeat;
1332     }
1333     .patternLeftBarPersonal li {
1334        background-image:url(bullet-personal_sidebar.gif);
1335     }
1336     .patternLeftBarPersonal li.patternLogOut {
1337        background-image:url(bullet-lock.gif);
1338     }
1339     .patternLeftBarPersonal li.patternLogIn {
1340        background-image:url(bullet-lock.gif);
1341     }
1342
1343     /* TWikiNetSkin colors */
1344
1345     #twikinetTopToolBar {
1346        border-color:%SHADE_TOPTOOLBAR_BORDER%;
1347        background-color:%SHADE_TOPTOOLBAR_BACKGROUND%;
1348     }
1349     .twikinetWebName h2,
1350     .twikinetWebName a:link,
1351     .twikinetWebName a:visited {
1352        background:none;
1353        color:%SHADE_TOPTOOLBAR_WEBNAME_TEXT%;
1354     }
1355
1356     /* TWikiNetSkin images */
1357
1358     #twikinetTopToolBar {
1359        background-image:url(bg_toptoolbar_gradient.gif);
1360        background-repeat:repeat-x;
1361     }
1362
1363     /* background behind search and jump */
1364     .twikinetSearchJumpLeft {
1365        background-image:url(bg_search_jump.gif);
1366        background-repeat:no-repeat;
1367     }
1368     .twikinetSearchJumpRight {
1369        background-image:url(bg_search_jump.gif);
1370        background-repeat:no-repeat;
1371        background-position:top right;
1372        width:5px;
1373     }
1374     .twikiInputField,
1375     .twikiInputFieldReadOnly,
1376     .twikiSelect {
1377        background-image:url(bg_inputfield.gif);
1378     }
1379     .twikiInputField:active,
1380     .twikiInputField:focus {
1381        background-image:url(bg_inputfield_active.gif);
1382     }
1383     .twikinetJumpButton {
1384        background-image:url(button_jump.gif);
1385     }
1386     .twikinetJumpButton:hover,
1387     .twikinetJumpButton:active {
1388        background-image:url(button_jump_hover.gif);
1389     }
1390     .twikinetSearchButton {
1391        background-image:url(button_search.gif);
1392     }
1393     .twikinetSearchButton:hover,
1394     .twikinetSearchButton:active {
1395        background-image:url(button_search_hover.gif);
1396     }
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);
1406     }
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);
1412     }
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);
1418     }
1419     .twikinetToolBar a .twikiLinkLabel {
1420        color:%SHADE_BLUEISH_TEXT%;
1421     }
1422     .twikinetToolBar strike .twikiLinkLabel {
1423        color:#cfd3d9;
1424     }
1425     .twikinetToolBar .twikinetEditIcon {
1426        background-image:url(button_edit_icon.gif);
1427        background-repeat:no-repeat;
1428        background-position:2px 1px;
1429        padding-left:25px;
1430     }
1431     .twikiTable th {
1432        background-image:url(bg_table_header_gradient.gif);
1433        background-repeat:repeat-x;
1434     }
1435     .twikiTable th.twikiSortedCol {
1436        background-image:url(bg_table_header_sorted_gradient.gif);
1437        background-repeat:repeat-x;
1438     }
1439
1440     /* Rounded table */
1441
1442     .twikinetWrapperTableT {
1443        background-color:%SHADE_TWIKITABLE_HEADER_BACKGROUND%;
1444     }
1445     .twikinetWrapperTable table.twikiTable th {
1446        border-top-color:%SHADE_TWIKITABLE_HEADER_BACKGROUND%;
1447     }
1448     .twikinetWrapperTableTL {
1449        background-image:url(table_corner_TL.gif);
1450        background-repeat:no-repeat;
1451     }
1452     .twikinetWrapperTableTR {
1453        background-image:url(table_corner_TR.gif);
1454        background-repeat:no-repeat;
1455        background-position:100% 0;
1456     }
1457     .twikinetWrapperTableB {
1458        background-color:%NEUTRAL_BORDER%;
1459     }
1460     .twikinetWrapperTableBL {
1461        background-image:url(table_corner_BL.gif);
1462        background-repeat:no-repeat;
1463        background-position:0 100%;
1464        height:10px;
1465     }
1466     .twikinetWrapperTableBR {
1467        background-image:url(table_corner_BR.gif);
1468        background-repeat:no-repeat;
1469        background-position:100% 100%;
1470        height:10px;
1471     }
1472     .twikiAttachments .twikiTable th,
1473     .twikiForm th.twikiFormTableHRow {
1474        background-image:url(bg_attachments_header_gradient.gif);
1475        background-repeat:repeat-x;
1476     }
1477     .twikiAttachments .twikiTable th.twikiFirstCol,
1478     .twikiForm th.twikiFormTableHRow {
1479        /* hide left line */
1480        background-position:-1px 0;
1481     }
1482     .twikiAttachments .twikiTable th.twikiSortedCol,
1483     .twikiForm th.twikiSortedCol {
1484        background-image:url(bg_attachments_header_sorted_gradient.gif);
1485     }
1486     .twikiAttachments .twikiTable td.twikiSortedCol,
1487     .twikiForm td.twikiSortedCol {
1488        border-color:#dbdee7;
1489     }
1490
1491     /* Generic rounded objects, for twikiAttachments, twikiForm and twikiHelp */
1492     .twikinetRounded,
1493     .twikiFormSteps {
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%;
1498     }
1499     .twikinetRounded .rCRounded .rCTL {
1500        background-image:url(rounded_TL.gif);
1501     }
1502     .twikinetRounded .rCRounded .rCTR {
1503        background-image:url(rounded_TR.gif);
1504     }
1505     .twikinetRounded .rCRounded .rCBL {
1506        background-image:url(rounded_BL.gif);
1507     }
1508     .twikinetRounded .rCRounded .rCBR {
1509        background-image:url(rounded_BR.gif);
1510     }
1511
1512     .twikinetRoundedTopicActions {
1513        background:none;
1514     }
1515     .twikinetRoundedTopicActions .rCRounded .rCTL,
1516     .twikinetRoundedTopicActions .rCRounded .rCTR,
1517     .twikinetRoundedTopicActions .rCRounded .rCBL,
1518     .twikinetRoundedTopicActions .rCRounded .rCBR {
1519        background-image:url(bg_topicactions.gif);
1520     }
1521
1522     .twikinetRoundedBroadcastMessage .rCRounded .rCTL,
1523     .twikinetRoundedBroadcastMessage .rCRounded .rCTR,
1524     .twikinetRoundedBroadcastMessage .rCRounded .rCBL,
1525     .twikinetRoundedBroadcastMessage .rCRounded .rCBR {
1526        background-image:url(bg_broadcastmessage.gif);
1527     }
1528     .twikinetRoundedBroadcastMessage .twikiBroadcastMessage {
1529        background-image:url(icon_alert.gif);
1530        background-repeat:no-repeat;
1531        background-position:9px 12px;
1532        padding-left:64px;
1533        min-height:33px; /* at least height of icon */
1534     }
1535     .twikinetRoundedHelp {
1536        background:none;
1537     }
1538     .twikinetRoundedHelp .rCRounded .rCTL,
1539     .twikinetRoundedHelp .rCRounded .rCTR,
1540     .twikinetRoundedHelp .rCRounded .rCBL,
1541     .twikinetRoundedHelp .rCRounded .rCBR {
1542        background-image:url(bg_help.gif);
1543     }
1544
1545     #patternBottomBar {
1546        background-image:url(bg_bottom_gradient.gif);
1547        background-repeat:repeat-x;
1548     }
1549     #patternBottomBarContents #twikinetBadge {
1550        float:right;
1551        margin-left:10px;
1552     }
1553
1554     #attachhelpshow img,
1555     #attachhelphide img,
1556     #topicattachmentslistshow img,
1557     #topicattachmentslisthide img,
1558     #edithelpshow img,
1559     #edithelphide img,
1560     #renamehelpshow img,
1561     #renamehelphide img{
1562        visibility:hidden;
1563     }
1564     #attachhelpshow,
1565     #attachhelphide,
1566     #topicattachmentslistshow,
1567     #topicattachmentslisthide,
1568     #edithelpshow,
1569     #edithelphide,
1570     #renamehelphide,
1571     #renamehelpshow {
1572        padding:0 0 0 7px;
1573        margin:0 0 0 3px;
1574     }
1575     #attachhelpshow,
1576     #topicattachmentslistshow,
1577     #edithelpshow,
1578     #renamehelpshow {
1579        background:url(twisty_in.gif) no-repeat;
1580        background-position:0 .1em;
1581        background-position:0 50%;
1582     }
1583     #attachhelphide,
1584     #topicattachmentslisthide,
1585     #edithelphide,
1586     #renamehelphide {
1587        background:url(twisty_out.gif) no-repeat;
1588        background-position:0 .1em;
1589        background-position:0 50%;
1590     }
1591
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);
1601        visibility:hidden;
1602        height:1px;
1603     }
1604     %ENDATTACH%