← Back to branch summary

~kosova/+junk/tuxfamily-twiki

« back to all changes in this revision

Viewing changes to foswiki/data/System/PatternSkinColorSettings.txt

  • Committer: James Michael DuPont
  • Date: 2009-07-18 19:58:49 UTC
  • Revision ID: jamesmikedupont@gmail.com-20090718195849-vgbmaht2ys791uo2
added foswiki

Show diffs side-by-side

added added

removed removed

Lines of Context:
foswiki/data/System/PatternSkinColorSettings.txt
 
1
%META:TOPICINFO{author="ProjectContributor" date="1228050988" format="1.1" reprev="1.1" version="1.1"}%
 
2
---+!! Color scheme settings for %SYSTEMWEB%.PatternSkin
 
3
Use this topic to change the color settings of %SYSTEMWEB%.PatternSkin. When this topic is saved, the attachment =my_colors.css= will be updated with new color values. This method relies on Foswiki:Extensions.AttachContentPlugin to work.
 
4
 
 
5
<nop>AttachContentPlugin is %IF{"context AttachContentPluginEnabled" then="" else="*not* "}%installed.
 
6
 
 
7
---++!! Usage
 
8
 
 
9
<div class="foswikiFormSteps">
 
10
<div class="foswikiFormStep">
 
11
---+++!! Step 1
 
12
Let %SYSTEMWEB%.PatternSkin point to the custom-made colors style sheet. In [[%USERSWEB%.SitePreferences]] copy this line: <verbatim>
 
13
   * Set USERCOLORSURL = %PUBURLPATH%/%SYSTEMWEB%/PatternSkin/my_colors.css
 
14
</verbatim>
 
15
</div>
 
16
<div class="foswikiFormStep">
 
17
---+++!! Step 2
 
18
Edit this topic, and change the color as you like.
 
19
</div>
 
20
<div class="foswikiFormStep">
 
21
---+++!! Step 3
 
22
%IF{"context AttachContentPluginEnabled" then='<a href="%SCRIPTURL{save}%/%WEB%/%TOPIC%?action_save=1" class="foswikiButton">Save the topic</a> This will generate an [[%PUBURLPATH%/%SYSTEMWEB%/PatternSkin/my_colors.css][attachment]] to topic [[PatternSkin]].' else='Install !AttachContentPlugin to be able to save this topic. On saving, an attachment will be created to topic PatternSkin.'}% 
 
23
 
 
24
 
 
25
</div>
 
26
</div>
 
27
 
 
28
%ICON{"info"}% For more help on customizing styles, see [[PatternSkinCustomization]].
 
29
 
 
30
---++!! Color preference settings
 
31
%TOC%
 
32
 
 
33
---++ Logical groupings
 
34
---+++ Text
 
35
---++++ MAIN_TEXT Main text color
 
36
   * Local MAIN_TEXT = #000
 
37
---++++ MAIN_TEXT_BACKGROUND Main background color
 
38
   * Local MAIN_TEXT_BACKGROUND = #fff
 
39
---++++ LIGHT_ON_DARK_TEXT Light on dark text color
 
40
   * Local LIGHT_ON_DARK_TEXT = #fff
 
41
---++++ GRAYED_TEXT
 
42
   * Local GRAYED_TEXT = #777
 
43
---++++ GENERAL_TEXT General text (black)
 
44
   * Local GENERAL_TEXT = #000
 
45
---++++ H1_HEADER_TEXT Header text
 
46
   * Local H1_HEADER_TEXT = #2989bb
 
47
---++++ HEADER_TEXT Header text
 
48
   * Local HEADER_TEXT = #d1400e
 
49
---++++ CODE_TEXT Code text, left bar text and links
 
50
   * Local CODE_TEXT = #333
 
51
---++++ MUTED_TEXT Muted text (dark gray)
 
52
   * Local MUTED_TEXT = %GRAYED_TEXT%
 
53
---++++ GRAYED_OUT_TEXT Grayed out text
 
54
   * Local GRAYED_OUT_TEXT = %GRAYED_TEXT%
 
55
---++++ GRAYED_OUT_TEXT_ON_DARK Grayed out text on dark background
 
56
   * Local GRAYED_OUT_TEXT_ON_DARK = #bbb
 
57
   
 
58
---+++ Links
 
59
---++++ LINK_TEXT_NORMAL Link normal text
 
60
   * Local LINK_TEXT_NORMAL = #4571d0
 
61
---++++ LINK_BACKGROUND_NORMAL Link normal background
 
62
   * Local LINK_BACKGROUND_NORMAL =
 
63
---++++ LINK_TEXT_NORMAL_VISITED Link normal text visited
 
64
   * Local LINK_TEXT_NORMAL_VISITED = #666
 
65
---++++ LINK_TEXT_ACTION_BUTTON Link text red (same as LINK_BACKGROUND_HOVER)
 
66
   * Local LINK_TEXT_ACTION_BUTTON = #0055b5
 
67
---++++ LINK_TEXT_HOVER Link hover text
 
68
   * Local LINK_TEXT_HOVER = #fff
 
69
---++++ LINK_BACKGROUND_HOVER Link background hover
 
70
   * Local LINK_BACKGROUND_HOVER = #0055b5
 
71
---++++ SIDE_BAR_LINK_TEXT Side bar link text
 
72
   * Local SIDE_BAR_LINK_TEXT = #444
 
73
---++++ BUTTON_TEXT_NORMAL Button text
 
74
   * Local BUTTON_TEXT_NORMAL = #333
 
75
   
 
76
---+++ Disabled
 
77
---++++ DISABLED_BORDER Disabled border
 
78
   * Local DISABLED_BORDER = #e0e0e0
 
79
---++++ DISABLED_TEXT Disabled text
 
80
   * Local DISABLED_TEXT = #aaa
 
81
---++++ DISABLED_BACKGROUND Disabled background
 
82
   * Local DISABLED_BACKGROUND = #fafaf8
 
83
---++++ BUTTON_BORDERS_DISABLED Disabled button borders
 
84
   * Local BUTTON_BORDERS_DISABLED = #fff #ccc #ccc #fff
 
85
 
 
86
---+++ 'New'
 
87
---++++ NEW_TEXT New text (green)
 
88
   * Local NEW_TEXT = #049804
 
89
---++++ NEW_BACKGROUND New background (light green)
 
90
   * Local NEW_BACKGROUND = #ECFADC
 
91
 
 
92
---+++ Alert
 
93
---++++ ALERT_TEXT Alert text (red)
 
94
   * Local ALERT_TEXT = #f00
 
95
---++++ ALERT_TEXT_MUTED Muted alert text (dark red)
 
96
   * Local ALERT_TEXT_MUTED = #900
 
97
---++++ ALERT_BORDER Alert border
 
98
   * Local ALERT_BORDER = #f00
 
99
 
 
100
---+++ Buttons
 
101
---++++ BUTTON_TEXT Button text color (dark gray)
 
102
   * Local BUTTON_TEXT = #000
 
103
---++++ BUTTON_BORDERS Button borders
 
104
   * Local BUTTON_BORDERS = #fff #888 #888 #fff
 
105
---++++ BUTTON_BACKGROUND Button background
 
106
   * Local BUTTON_BACKGROUND = #e2e3e3
 
107
---++++ BUTTON_CANCEL_BACKGROUND Cancel button background
 
108
   * Local BUTTON_CANCEL_BACKGROUND = #f2d5d0
 
109
---++++ SUBMIT_BUTTON_BACKGROUND Submit button background
 
110
   * Local SUBMIT_BUTTON_BACKGROUND = #06c
 
111
---++++ SUBMIT_BUTTON_BORDER_TEXT Submit button text color
 
112
   * Local SUBMIT_BUTTON_BORDER_TEXT = #fff
 
113
---++++ SELECT_BORDER Select border
 
114
   * Local SELECT_BORDER = #888
 
115
 
 
116
---+++ Background colors
 
117
---++++ PAGE_BACKGROUND General background color
 
118
   * Local PAGE_BACKGROUND = #e2e2e2
 
119
---++++ NEUTRAL_BACKGROUND
 
120
   * Local NEUTRAL_BACKGROUND = #f5f5f5
 
121
---++++ SIDE_BAR_BACKGROUND Side bar background
 
122
   * Local SIDE_BAR_BACKGROUND = #fff
 
123
---++++ TOP_BAR_BACKGROUND Top bar background
 
124
   * Local TOP_BAR_BACKGROUND = #e8f3f7
 
125
---++++ ATTACHMENT_AND_FORM_BACKGROUND Attachment, form
 
126
   * Local ATTACHMENT_AND_FORM_BACKGROUND = #eef7fa
 
127
---++++ TOPIC_ACTION_BACKGROUND Topic action row
 
128
   * Local TOPIC_ACTION_BACKGROUND = #3ba1cb
 
129
---++++ DIFF_HEADER_BACKGROUND Diff header (dark gray)
 
130
   * Local DIFF_HEADER_BACKGROUND = #ccc
 
131
---++++ NOTIFICATION_BACKGROUND Info, broadcast message and notifications
 
132
   * Local NOTIFICATION_BACKGROUND = #fff7e1
 
133
---++++ INFO_BACKGROUND
 
134
   * Local INFO_BACKGROUND = #edf5fa
 
135
 
 
136
---+++ Border colors
 
137
---++++ NEUTRAL_BORDER Info (light gray)
 
138
   * Local NEUTRAL_BORDER = #ddd
 
139
---++++ SEPARATOR_BORDER
 
140
   * Local SEPARATOR_BORDER = #e2e2e2
 
141
---++++ STRONG_BORDER
 
142
   * Local STRONG_BORDER = #ccc
 
143
---++++ MINOR_SEPARATOR_BORDER Header H3..H6 bottom
 
144
   * Local MINOR_SEPARATOR_BORDER = %SEPARATOR_BORDER%
 
145
---++++ ATTACHMENT_AND_FORM_BORDER Attachment, form
 
146
   * Local ATTACHMENT_AND_FORM_BORDER = #fff
 
147
---++++ LAYOUT_ELEMENT_BORDER Main layout elements (neutral tone)
 
148
   * Local LAYOUT_ELEMENT_BORDER = #dadada
 
149
---++++ IMAGE_BORDER Image border
 
150
   * Local IMAGE_BORDER = #eee
 
151
---++++ FORM_STEP_BORDER Form step border
 
152
   * Local FORM_STEP_BORDER = %SEPARATOR_BORDER%
 
153
---++++ NOTIFICATION_BORDER Notification messages
 
154
   * Local NOTIFICATION_BORDER = #ffdf4c
 
155
 
 
156
---++++ Table colors
 
157
---+++++ TABLE_DATA_BACKGROUND Table data background
 
158
   * Local TABLE_DATA_BACKGROUND = #f0f6f9
 
159
---+++++ TABLE_HEADER_BACKGROUND Table header background
 
160
   * Local TABLE_HEADER_BACKGROUND = #6b7f93
 
161
---+++++ TABLE_SELECTED_COLUMN_HEADER_BACKGROUND Sorted table column accent background
 
162
   * Local TABLE_SELECTED_COLUMN_HEADER_BACKGROUND = #345
 
163
---+++++ TABLE_DATA_ODD_BACKGROUND Table data background (odd row)
 
164
   * Local TABLE_DATA_ODD_BACKGROUND = #f0f6fb
 
165
---+++++ TABLE_DATA_EVEN_BACKGROUND Table data background (even row)
 
166
   * Local TABLE_DATA_EVEN_BACKGROUND = #ffffff
 
167
---+++++ TABLE_DATA_ODD_SELECTED_BACKGROUND Table data background (odd row, selected column)
 
168
   * Local TABLE_DATA_ODD_SELECTED_BACKGROUND = #dce7ee
 
169
---+++++ TABLE_DATA_EVEN_SELECTED_BACKGROUND Table data background (even row, selected column)
 
170
   * Local TABLE_DATA_EVEN_SELECTED_BACKGROUND = #f5f5f5
 
171
---+++++ TABLE_DATA_MIX_BACKGROUND Table data background (mix between even and odd)
 
172
   * Local TABLE_DATA_MIX_BACKGROUND = #f7fafc
 
173
---++++ TABLE_BORDER Table border, sup (light neutral tone)
 
174
   * Local TABLE_BORDER = #e2e2e2
 
175
---++++ LINK_TEXT_NORMAL_TABLE_HEADER Table header link text
 
176
   * Local LINK_TEXT_NORMAL_TABLE_HEADER = #fff
 
177
---++++ LINK_TEXT_NORMAL_BORDER_TABLE_HEADER Table header link border
 
178
   * Local LINK_TEXT_NORMAL_BORDER_TABLE_HEADER = #bbb
 
179
---++++ LINK_TEXT_SORTED_TABLE_HEADER Sorted table header link text
 
180
   * Local LINK_TEXT_SORTED_TABLE_HEADER = #fff
 
181
---++++ LINK_TEXT_HOVER_TABLE_HEADER Table header link hover text
 
182
   * Local LINK_TEXT_HOVER_TABLE_HEADER = #fff
 
183
---++++ LINK_BORDER_TABLE_SELECTED_COLUMN_HEADER Link border in selected column header
 
184
   * Local LINK_BORDER_TABLE_SELECTED_COLUMN_HEADER = #999
 
185
 
 
186
---+++ Forms
 
187
---++++ INPUT_FIELD_BORDERS Input field borders
 
188
   * Local INPUT_FIELD_BORDERS = #bbb #f2f2f2 #f2f2f2 #bbb
 
189
---++++ FORM_INPUT_BORDER Textarea, input and select (darker gray)
 
190
   * Local FORM_INPUT_BORDER = #aaa
 
191
---++++ FORM_BORDER Form (same as foswikiTable border)
 
192
   * Local FORM_BORDER = #cfcfcf
 
193
---++++ ACTIVE_FORM_BACKGROUND Edit form, form steps
 
194
   * Local ACTIVE_FORM_BACKGROUND = #eef7fa
 
195
---++++ FORMFIELD_ACTIVE Active form field
 
196
   * Local FORMFIELD_ACTIVE = #ffffe0
 
197
---++++ FORM_HEADER_TEXT Header text on form background
 
198
   * Local FORM_HEADER_TEXT = %HEADER_TEXT%
 
199
 
 
200
<!-- END OF COLOR PREFERENCES -->
 
201
 
 
202
Do not change the text below this line unless you know what you are doing!
 
203
---
 
204
<verbatim>
 
205
%STARTATTACH{"my_colors.css" web="%SYSTEMWEB%" topic="PatternSkin"}%
 
206
/* PatternSkin colors */
 
207
/* Generated by AttachContentPlugin from %WEB%.%TOPIC% */
 
208
 
 
209
/* LAYOUT ELEMENTS */
 
210
 
 
211
#patternScreen {
 
212
   background:%PAGE_BACKGROUND%;
 
213
}
 
214
#patternPage {
 
215
   border-color:%STRONG_BORDER%;
 
216
}
 
217
#patternTopBar {
 
218
   border-color:%SEPARATOR_BORDER%;
 
219
   /* color is defined as WEBHEADERBGCOLOR in System/DefaultPreferences */
 
220
}
 
221
#patternMain { /* don't set a background here; use patternOuter */ }
 
222
#patternOuter {
 
223
   background:none;
 
224
   border-color:%LAYOUT_ELEMENT_BORDER%;
 
225
}
 
226
#patternSideBar,
 
227
#patternWrapper {
 
228
   background:%SIDE_BAR_BACKGROUND%;
 
229
}
 
230
#patternBottomBar {
 
231
   border-color:%STRONG_BORDER%;
 
232
   background-color:%NEUTRAL_BACKGROUND%;
 
233
}
 
234
#patternBottomBarContents,
 
235
#patternBottomBarContents a:link,
 
236
#patternBottomBarContents a:visited {
 
237
   color:%GRAYED_OUT_TEXT%;
 
238
}
 
239
#patternBottomBarContents a:hover {
 
240
   color:%LINK_TEXT_HOVER%;
 
241
}
 
242
 
 
243
/* GENERAL HTML ELEMENTS */
 
244
 
 
245
html body {
 
246
   background-color:%NEUTRAL_BACKGROUND%;
 
247
   color:%MAIN_TEXT%;
 
248
}
 
249
html body.patternEditPage,
 
250
.mceContentBody {
 
251
   background-color:%MAIN_TEXT_BACKGROUND%;
 
252
}
 
253
 
 
254
/* be kind to netscape 4 that doesn't understand inheritance */
 
255
body, p, li, ul, ol, dl, dt, dd, acronym, h1, h2, h3, h4, h5, h6 {
 
256
   background-color:transparent;
 
257
}
 
258
hr {
 
259
   color:%SEPARATOR_BORDER%;
 
260
   background-color:%SEPARATOR_BORDER%;
 
261
}
 
262
pre, code, tt {
 
263
   color:%CODE_TEXT%;
 
264
}
 
265
pre {
 
266
   background:%NEUTRAL_BACKGROUND%;
 
267
   border-color:%NEUTRAL_BORDER%;
 
268
}
 
269
blockquote {
 
270
   background-color:%NEUTRAL_BACKGROUND%;
 
271
   border-color:%NEUTRAL_BORDER%;
 
272
}
 
273
blockquote h2 {
 
274
   background:none;
 
275
}
 
276
h1 {
 
277
   color:%H1_HEADER_TEXT%;
 
278
}
 
279
h2, h3, h4, h5, h6 {
 
280
   color:%HEADER_TEXT%;
 
281
}
 
282
h2 {
 
283
   border-color:%MINOR_SEPARATOR_BORDER%;
 
284
}
 
285
h3, h4, h5, h6 {
 
286
   border-color:%MINOR_SEPARATOR_BORDER%;
 
287
}
 
288
/* to override old Render.pm coded font color style */
 
289
.foswikiNewLink font {
 
290
   color:inherit;
 
291
}
 
292
.foswikiNewLink a:link sup,
 
293
.foswikiNewLink a:visited sup {
 
294
   color:%MUTED_TEXT%;
 
295
   border-color:%NEUTRAL_BORDER%;
 
296
}
 
297
.foswikiNewLink a:hover sup {
 
298
   background-color:%LINK_BACKGROUND_HOVER%;
 
299
   color:%LINK_TEXT_HOVER%;
 
300
   border-color:%LINK_BACKGROUND_HOVER%;
 
301
}
 
302
.foswikiNewLink {
 
303
   border-color:%NEUTRAL_BORDER%;
 
304
}
 
305
:link:focus,
 
306
:visited:focus,
 
307
:link,
 
308
:visited,
 
309
:link:active,
 
310
:visited:active {
 
311
   color:%LINK_TEXT_NORMAL%;
 
312
   background-color:transparent;
 
313
}
 
314
:link:hover,
 
315
:visited:hover {
 
316
   color:%LINK_TEXT_HOVER%;
 
317
   background-color:%LINK_BACKGROUND_HOVER%;
 
318
   background-image:none;
 
319
}
 
320
:link:hover img,
 
321
:visited:hover img {
 
322
   background-color:transparent;
 
323
}
 
324
.foswikiTopic a:visited {
 
325
   color:%LINK_TEXT_NORMAL_VISITED%;
 
326
}
 
327
.foswikiTopic a:hover {
 
328
   color:%LINK_TEXT_HOVER%;
 
329
}
 
330
#patternMainContents h1 a:link, #patternMainContents h1 a:visited {
 
331
   color:%H1_HEADER_TEXT%;
 
332
}
 
333
#patternMainContents h2 a:link, #patternMainContents h2 a:visited,
 
334
#patternMainContents h3 a:link, #patternMainContents h3 a:visited,
 
335
#patternMainContents h4 a:link, #patternMainContents h4 a:visited,
 
336
#patternMainContents h5 a:link, #patternMainContents h5 a:visited,
 
337
#patternMainContents h6 a:link, #patternMainContents h6 a:visited {
 
338
   color:%HEADER_TEXT%;
 
339
}
 
340
#patternMainContents h1 a:hover,
 
341
#patternMainContents h2 a:hover,
 
342
#patternMainContents h3 a:hover,
 
343
#patternMainContents h4 a:hover,
 
344
#patternMainContents h5 a:hover,
 
345
#patternMainContents h6 a:hover {
 
346
   color:%LINK_TEXT_HOVER%;
 
347
}
 
348
.foswikiTopic .foswikiUnvisited a:visited {
 
349
   color:%LINK_TEXT_NORMAL%;
 
350
}
 
351
.foswikiTopic .foswikiUnvisited a:hover {
 
352
   color:%LINK_TEXT_HOVER%;
 
353
}
 
354
 
 
355
/* Form elements */
 
356
 
 
357
textarea,
 
358
input,
 
359
select {
 
360
   border-color:%FORM_INPUT_BORDER%;
 
361
   color:%MAIN_TEXT%;
 
362
   background-color:%MAIN_TEXT_BACKGROUND%;
 
363
}
 
364
.foswikiSubmit,
 
365
.foswikiButton {
 
366
   border-color:%BUTTON_BORDERS%;
 
367
}
 
368
.foswikiSubmit {
 
369
   color:%SUBMIT_BUTTON_BORDER_TEXT%;
 
370
   background-color:%SUBMIT_BUTTON_BACKGROUND%;
 
371
}
 
372
.foswikiButton {
 
373
   color:%BUTTON_TEXT%;
 
374
   background-color:%BUTTON_BACKGROUND%;
 
375
}
 
376
.foswikiButtonCancel {
 
377
   color:%BUTTON_TEXT%;
 
378
   background-color:%BUTTON_CANCEL_BACKGROUND%;
 
379
}
 
380
.foswikiSubmitDisabled,
 
381
.foswikiSubmitDisabled:active {
 
382
   border-color:%BUTTON_BORDERS_DISABLED%;
 
383
   color:%DISABLED_TEXT%;
 
384
   background-color:%ACTIVE_FORM_BACKGROUND%;
 
385
}
 
386
.foswikiTextarea,
 
387
.foswikiInputField,
 
388
.foswikiInputFieldDisabled,
 
389
.foswikiInputFieldReadOnly,
 
390
.foswikiSelect {
 
391
   border-color:%INPUT_FIELD_BORDERS%;
 
392
}
 
393
.foswikiTextarea,
 
394
.foswikiInputField,
 
395
.foswikiSelect {
 
396
   color:%MAIN_TEXT%;
 
397
   background-color:%MAIN_TEXT_BACKGROUND%;
 
398
}
 
399
.foswikiInputField:active,
 
400
.foswikiInputField:focus,
 
401
.foswikiInputFieldFocus {
 
402
   background-color:%FORMFIELD_ACTIVE%;
 
403
}
 
404
 
 
405
.foswikiTextareaRawView {
 
406
   color:%GENERAL_TEXT%;
 
407
}
 
408
.foswikiInputFieldDisabled {
 
409
   color:%DISABLED_TEXT%;
 
410
   background-color:%DISABLED_BACKGROUND%;
 
411
}
 
412
.foswikiInputFieldReadOnly {
 
413
   color:%GRAYED_TEXT%;
 
414
}
 
415
.foswikiSelect {
 
416
   border-color:%INPUT_FIELD_BORDERS%;
 
417
   color:%MAIN_TEXT%;
 
418
   background-color:%MAIN_TEXT_BACKGROUND%;
 
419
}
 
420
.foswikiInputFieldDisabled,
 
421
.foswikiSelectDisabled {
 
422
   color:%DISABLED_TEXT%;
 
423
   border-color:%INPUT_FIELD_BORDERS%;
 
424
   background-color:%DISABLED_BACKGROUND%;
 
425
}
 
426
.foswikiInputFieldBeforeFocus {
 
427
   color:%MUTED_TEXT%;
 
428
}
 
429
 
 
430
/*   -----------------------------------------------------------
 
431
   Plugin elements
 
432
   -----------------------------------------------------------   */
 
433
 
 
434
/* TablePlugin */
 
435
.foswikiTable,
 
436
.foswikiTable td,
 
437
.foswikiTable th {
 
438
   border-color:%TABLE_BORDER%;
 
439
}
 
440
.foswikiTable th a:link,
 
441
.foswikiTable th a:visited,
 
442
.foswikiTable th a font {
 
443
   color:%LINK_TEXT_NORMAL_TABLE_HEADER%;
 
444
}
 
445
 
 
446
/* TwistyContrib */
 
447
.twistyPlaceholder {
 
448
   color:%GRAYED_OUT_TEXT%;
 
449
}
 
450
a:hover.twistyTrigger {
 
451
   color:%LINK_TEXT_HOVER%;
 
452
}
 
453
 
 
454
/* TipsContrib */
 
455
.tipsOfTheDay {
 
456
}
 
457
 
 
458
/* RevCommentPlugin */
 
459
.revComment .patternTopicAction {
 
460
   background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
 
461
}
 
462
 
 
463
/*   -----------------------------------------------------------
 
464
   Foswiki styles
 
465
   -----------------------------------------------------------   */
 
466
 
 
467
.foswikiGrayText {
 
468
   color:%GRAYED_OUT_TEXT%;
 
469
}
 
470
.foswikiGrayText a:link,
 
471
.foswikiGrayText a:visited {
 
472
   color:%GRAYED_OUT_TEXT%;
 
473
}
 
474
.foswikiGrayText a:hover {
 
475
   color:%LINK_TEXT_HOVER%;
 
476
}
 
477
 
 
478
table.foswikiFormTable th.foswikiFormTableHRow,
 
479
table.foswikiFormTable td.foswikiFormTableRow {
 
480
   color:%MUTED_TEXT%;
 
481
}
 
482
.foswikiEditForm {
 
483
   color:%MAIN_TEXT%;
 
484
}
 
485
.foswikiEditForm .foswikiFormTable,
 
486
.foswikiEditForm .foswikiFormTable th,
 
487
.foswikiEditForm .foswikiFormTable td {
 
488
   border-color:%TABLE_BORDER%;
 
489
}
 
490
/* use a different table background color mix: no odd/even rows, no white background */
 
491
.foswikiEditForm .foswikiFormTable td  {
 
492
   background-color:%TABLE_DATA_MIX_BACKGROUND%;
 
493
}
 
494
.foswikiEditForm .foswikiFormTable th {
 
495
   background-color:%TABLE_DATA_ODD_BACKGROUND%;
 
496
}
 
497
.patternContent .foswikiAttachments,
 
498
.patternContent .foswikiForm {
 
499
   background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
 
500
   border-color:%MAIN_TEXT_BACKGROUND%;
 
501
}
 
502
.foswikiAttachments .foswikiButton h3,
 
503
.foswikiForm .foswikiButton h3 {
 
504
   color:%HEADER_TEXT%;
 
505
}
 
506
.foswikiAttachments table,
 
507
table.foswikiFormTable {
 
508
   border-color:%TABLE_BORDER%;
 
509
   background-color:%MAIN_TEXT_BACKGROUND%;
 
510
}
 
511
.foswikiAttachments table {
 
512
   background-color:%MAIN_TEXT_BACKGROUND%;
 
513
}
 
514
.foswikiForm td,
 
515
.foswikiForm th,
 
516
.foswikiAttachments td, 
 
517
.foswikiAttachments th {
 
518
   border-color:%TABLE_BORDER%;
 
519
}
 
520
.foswikiAttachments .foswikiTable th font,
 
521
table.foswikiFormTable th.foswikiFormTableHRow font {
 
522
   color:%LINK_TEXT_NORMAL%;
 
523
}
 
524
 
 
525
.foswikiFormSteps {
 
526
   background-color:%ACTIVE_FORM_BACKGROUND%;
 
527
   border-color:%FORM_STEP_BORDER%;
 
528
}
 
529
.foswikiFormStep {
 
530
   border-color:%FORM_STEP_BORDER%;
 
531
}
 
532
.foswikiFormStep h2 {
 
533
   color:%H1_HEADER_TEXT%;
 
534
}
 
535
.foswikiFormStep h3,
 
536
.foswikiFormStep h4 {
 
537
   color:%FORM_HEADER_TEXT%;
 
538
}
 
539
.foswikiFormStep h3,
 
540
.foswikiFormStep h4 {
 
541
   background-color:transparent;
 
542
}
 
543
.foswikiActionFormStepSign {
 
544
   color:%FORM_HEADER_TEXT%;
 
545
}
 
546
.foswikiToc .foswikiTocTitle {
 
547
   color:%MUTED_TEXT%;
 
548
}
 
549
.foswikiBroadcastMessage,
 
550
.foswikiNotification {
 
551
   background-color:%NOTIFICATION_BACKGROUND%;
 
552
}
 
553
.foswikiNotification {
 
554
   border-color:%NOTIFICATION_BORDER%;
 
555
}
 
556
#foswikiLogin .patternLoginNotification {
 
557
   background-color:%MAIN_TEXT_BACKGROUND%;
 
558
   border-color:%ALERT_BORDER%;
 
559
}
 
560
.foswikiHelp {
 
561
   background-color:%INFO_BACKGROUND%;
 
562
   border-color:%SEPARATOR_BORDER%;
 
563
}
 
564
.foswikiBroadcastMessage b,
 
565
.foswikiBroadcastMessage strong {
 
566
   color:%ALERT_TEXT%;
 
567
}
 
568
.foswikiAlert,
 
569
.foswikiAlert code {
 
570
   color:%ALERT_TEXT%;
 
571
}
 
572
.foswikiEmulatedLink {
 
573
   color:%LINK_TEXT_NORMAL%;
 
574
}
 
575
.foswikiPageForm table {
 
576
   border-color:%TABLE_BORDER%;
 
577
   background:%MAIN_TEXT_BACKGROUND%;
 
578
}
 
579
.foswikiPageForm hr {
 
580
   border-color:%FORM_BORDER%;
 
581
   background-color:%FORM_BORDER%;
 
582
   color:%FORM_BORDER%;
 
583
}
 
584
.foswikiAccessKey {
 
585
   color:inherit;
 
586
   border-color:%GRAYED_OUT_TEXT%;
 
587
}
 
588
a:link .foswikiAccessKey,
 
589
a:visited .foswikiAccessKey {
 
590
   color:inherit;
 
591
}
 
592
a:hover .foswikiAccessKey {
 
593
   color:inherit;
 
594
}
 
595
.foswikiImage img {
 
596
   border-color:%IMAGE_BORDER%;
 
597
   background-color:%MAIN_TEXT_BACKGROUND%;
 
598
}
 
599
#patternTopBar .foswikiImage img {
 
600
   background-color:transparent;
 
601
}
 
602
.foswikiImage a:hover img {
 
603
   border-color:%LINK_BACKGROUND_HOVER%;
 
604
}
 
605
 
 
606
/*   -----------------------------------------------------------
 
607
   Pattern skin specific elements
 
608
   -----------------------------------------------------------   */
 
609
#patternPage {
 
610
   background-color:%MAIN_TEXT_BACKGROUND%;
 
611
}
 
612
.patternHomePath a:link,
 
613
.patternHomePath a:visited {
 
614
   border-color:%NEUTRAL_BORDER%;
 
615
   color:%LINK_TEXT_NORMAL_VISITED%;
 
616
}
 
617
.patternTop a:hover {
 
618
   border:none;
 
619
   color:%LINK_TEXT_HOVER%;
 
620
}
 
621
.patternHomePath .patternRevInfo,
 
622
.patternHomePath .patternRevInfo a:link,
 
623
.patternHomePath .patternRevInfo a:visited {
 
624
   color:%GRAYED_OUT_TEXT%;
 
625
}
 
626
.patternHomePath .patternRevInfo a:hover {
 
627
   color:%LINK_TEXT_HOVER%;
 
628
}
 
629
 
 
630
/* Left bar */
 
631
#patternSideBarContents {
 
632
   color:%GENERAL_TEXT%;
 
633
}
 
634
#patternSideBarContents hr {
 
635
   color:%FORM_STEP_BORDER%;
 
636
   background-color:%FORM_STEP_BORDER%;
 
637
}
 
638
#patternSideBarContents a:link,
 
639
#patternSideBarContents a:visited {
 
640
   color:%SIDE_BAR_LINK_TEXT%;
 
641
}
 
642
#patternSideBarContents a:hover {
 
643
   color:%LINK_TEXT_HOVER%;
 
644
}
 
645
#patternSideBarContents .patternLeftBarPersonal,
 
646
#patternSideBarContents .patternWebIndicator {
 
647
   border-color:#dadada;
 
648
}
 
649
#patternSideBarContents b,
 
650
#patternSideBarContents strong {
 
651
   color:%HEADER_TEXT%;
 
652
}
 
653
 
 
654
.patternTopicActions {
 
655
   background-color:%TOPIC_ACTION_BACKGROUND%;
 
656
   color:%GRAYED_OUT_TEXT_ON_DARK%;
 
657
}
 
658
.patternTopicAction {
 
659
   border-color:%ATTACHMENT_AND_FORM_BORDER%;
 
660
}
 
661
.patternTopicAction s,
 
662
.patternTopicAction strike {
 
663
   color:%DISABLED_TEXT%;
 
664
}
 
665
.patternTopicAction .foswikiSeparator {
 
666
   color:%SEPARATOR_BORDER%;
 
667
}
 
668
.patternActionButtons a:link,
 
669
.patternActionButtons a:visited {
 
670
   color:%LIGHT_ON_DARK_TEXT%;
 
671
}
 
672
.patternActionButtons a:hover {
 
673
   color:%LINK_TEXT_HOVER%;
 
674
}
 
675
.patternTopicAction .foswikiAccessKey {
 
676
   color:%LIGHT_ON_DARK_TEXT%;
 
677
   border-color:%LIGHT_ON_DARK_TEXT%;
 
678
}
 
679
.patternTopicAction a:hover .foswikiAccessKey {
 
680
   color:%LINK_TEXT_HOVER%;
 
681
}
 
682
.patternTopicAction label {
 
683
   color:%GENERAL_TEXT%;
 
684
}
 
685
.patternHelpCol {
 
686
   color:%GRAYED_OUT_TEXT%;
 
687
}
 
688
.patternSigLine {
 
689
   color:%MUTED_TEXT%;
 
690
}
 
691
.patternEditTopic {
 
692
   background:%ATTACHMENT_AND_FORM_BACKGROUND%;
 
693
}
 
694
.patternToolBar a:link .foswikiAccessKey,
 
695
.patternToolBar a:visited .foswikiAccessKey {
 
696
   color:inherit;
 
697
   border-color:%LINK_TEXT_NORMAL_VISITED%;
 
698
}
 
699
.patternToolBar a:hover .foswikiAccessKey {
 
700
   background-color:transparent;
 
701
   color:inherit;
 
702
   border-color:%LINK_TEXT_NORMAL_VISITED%;
 
703
}
 
704
 
 
705
/* WebSearch, WebSearchAdvanced */
 
706
table#foswikiSearchTable {
 
707
   border-color:%FORM_STEP_BORDER%;
 
708
}
 
709
table#foswikiSearchTable th,
 
710
table#foswikiSearchTable td {
 
711
   background-color:%MAIN_TEXT_BACKGROUND%;
 
712
   border-color:%FORM_STEP_BORDER%;
 
713
}
 
714
table#foswikiSearchTable hr {
 
715
   border-color:%FORM_STEP_BORDER%;
 
716
   background-color:%FORM_STEP_BORDER%;
 
717
}
 
718
table#foswikiSearchTable th {
 
719
   color:%MAIN_TEXT%;
 
720
}
 
721
 
 
722
/*   -----------------------------------------------------------
 
723
   Search results
 
724
   styles and overridden styles used in search.pattern.tmpl
 
725
   -----------------------------------------------------------   */
 
726
 
 
727
h3.patternSearchResultsHeader,
 
728
h4.patternSearchResultsHeader {
 
729
   background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
 
730
   border-color:%SEPARATOR_BORDER%;
 
731
}
 
732
h4.patternSearchResultsHeader {
 
733
   color:%MAIN_TEXT%;
 
734
}
 
735
.patternNoViewPage h4.patternSearchResultsHeader {
 
736
   color:%HEADER_TEXT%;
 
737
}
 
738
.patternSearchResult .foswikiBottomRow {
 
739
   border-color:%MINOR_SEPARATOR_BORDER%;
 
740
}
 
741
.patternSearchResult .foswikiAlert {
 
742
   color:%ALERT_TEXT%;
 
743
}
 
744
.patternSearchResult .foswikiSummary .foswikiAlert {
 
745
   color:%ALERT_TEXT_MUTED%;
 
746
}
 
747
.patternSearchResult .foswikiNew {
 
748
   background-color:%NEW_BACKGROUND%;
 
749
   border-color:%NEW_TEXT%;
 
750
   color:%NEW_TEXT%;
 
751
}
 
752
.patternViewPage .patternSearchResultsBegin {
 
753
   border-color:%TABLE_BORDER%;
 
754
}
 
755
 
 
756
/* Search results in book view format */
 
757
 
 
758
.patternBookView .foswikiTopRow {
 
759
   background-color:transparent; /* set to WEBBGCOLOR in css.pattern.tmpl */
 
760
   color:%MUTED_TEXT%;
 
761
}
 
762
.patternBookView .foswikiBottomRow {
 
763
   border-color:%TABLE_BORDER%;
 
764
}
 
765
.patternBookView .patternSearchResultCount {
 
766
   color:%GRAYED_OUT_TEXT%;
 
767
}
 
768
 
 
769
/* edit.pattern.tmpl */
 
770
 
 
771
/* preview.pattern.tmpl */
 
772
 
 
773
.foswikiPreviewArea,
 
774
.patternPreviewPage .foswikiForm {
 
775
   border-color:%ALERT_BORDER%;
 
776
   background-color:%MAIN_TEXT_BACKGROUND%;
 
777
}
 
778
.patternPreviewPage .foswikiForm {
 
779
   border-color:%STRONG_BORDER%;
 
780
   background-color:%MAIN_TEXT_BACKGROUND%;
 
781
}
 
782
 
 
783
/* rdiff.pattern.tmpl */
 
784
 
 
785
.patternDiff {
 
786
   border-color:%TABLE_HEADER_BACKGROUND%;
 
787
}
 
788
#patternMainContents .patternDiff h4.patternSearchResultsHeader {
 
789
   background-color:%TABLE_HEADER_BACKGROUND%;
 
790
   color:%LIGHT_ON_DARK_TEXT%;
 
791
}
 
792
#patternMainContents .patternDiff h4.patternSearchResultsHeader a:link,
 
793
#patternMainContents .patternDiff h4.patternSearchResultsHeader a:visited {
 
794
   color:%LIGHT_ON_DARK_TEXT%;
 
795
}
 
796
tr.foswikiDiffDebug td {
 
797
   border-color:%TABLE_BORDER%;
 
798
}
 
799
.patternDiffPage .foswikiDiffTable th {
 
800
   background-color:%DIFF_HEADER_BACKGROUND%;
 
801
}
 
802
/* Changed */
 
803
.foswikiDiffChangedHeader,
 
804
tr.foswikiDiffDebug .foswikiDiffChangedText,
 
805
tr.foswikiDiffDebug .foswikiDiffChangedText {
 
806
   background:#9f9; /* green - do not change */
 
807
}
 
808
/* Deleted */
 
809
tr.foswikiDiffDebug .foswikiDiffDeletedMarker,
 
810
tr.foswikiDiffDebug .foswikiDiffDeletedText {
 
811
   background-color:#f99; /* red - do not change */
 
812
}
 
813
/* Added */
 
814
.foswikiDiffAddedHeader,
 
815
tr.foswikiDiffDebug .foswikiDiffAddedMarker,
 
816
tr.foswikiDiffDebug .foswikiDiffAddedText {
 
817
   background-color:#ccf; /* violet - do not change */
 
818
}
 
819
/* Unchanged */
 
820
tr.foswikiDiffDebug .foswikiDiffUnchangedText {
 
821
   color:%GRAYED_OUT_TEXT%;
 
822
}
 
823
.foswikiDiffUnchangedTextContents { }
 
824
.foswikiDiffLineNumberHeader {
 
825
   background-color:%DIFF_HEADER_BACKGROUND%;
 
826
}
 
827
 
 
828
 
 
829
/* IMAGES */
 
830
/* image positions are set here as well as these are dependent on the image */
 
831
 
 
832
#patternTopBar {
 
833
   /* image is defined as WEBHEADERART in System/DefaultPreferences */
 
834
}
 
835
.foswikiToc li {
 
836
   background-image:url(bullet-toc.gif);
 
837
   background-repeat:no-repeat;
 
838
   background-position:0 .4em;
 
839
}
 
840
.patternPrintPage #patternOuter {
 
841
   background:#fff; /* white - do not change */
 
842
}
 
843
.foswikiSubmit,
 
844
.foswikiSubmitDisabled {
 
845
   background-image:url(bg_submit_gradient.gif);
 
846
   background-repeat:repeat-x;
 
847
}
 
848
.foswikiSubmit,
 
849
a.foswikiSubmit:link,
 
850
a.foswikiSubmit:visited {
 
851
   background-position:0px 0px;
 
852
   background-color:#06c;
 
853
   border-color:#94cce2 #0e66a2 #0e66a2 #94cce2;
 
854
   color:#fff;
 
855
}
 
856
.foswikiSubmit:hover,
 
857
a.foswikiSubmit:hover {
 
858
   background-position:0px -80px;
 
859
   background-color:#0047b7;
 
860
   border-color:#0e66a2 #94cce2 #94cce2 #0e66a2;
 
861
   color:#fff;
 
862
}
 
863
.foswikiSubmit:active,
 
864
a.foswikiSubmit:active {
 
865
   background-position:0px -160px;
 
866
   background-color:#73ace6;
 
867
   border-color:#0e66a2 #94cce2 #94cce2 #0e66a2;
 
868
   color:#fff;
 
869
}
 
870
.foswikiSubmitDisabled,
 
871
.foswikiSubmitDisabled:hover,
 
872
.foswikiSubmitDisabled:active {
 
873
   background-position:0px -240px;
 
874
   background-color:#d9e8f7;
 
875
   border-color:#ccc #ccc #ccc #ccc;
 
876
   color:#ccc;
 
877
}
 
878
.foswikiButton,
 
879
a.foswikiButton:link,
 
880
a.foswikiButton:visited {
 
881
   background-image:url(bg_button_gradient.gif);
 
882
   background-repeat:repeat-x;
 
883
   background-position:0px 0px;
 
884
   border-color:#fff #94cce2 #94cce2 #fff;
 
885
   background-color:#cce7f1;
 
886
   color:%BUTTON_TEXT_NORMAL%;
 
887
}
 
888
.foswikiButton:hover,
 
889
.foswikiButton:active,
 
890
a.foswikiButton:hover,
 
891
a.foswikiButton:active {
 
892
   background-position:0px -160px;
 
893
   border-color:#94cce2 #94cce2 #94cce2 #94cce2;
 
894
   background-color:#cce7f1;
 
895
   color:%BUTTON_TEXT_NORMAL%;
 
896
}
 
897
.foswikiButtonDisabled,
 
898
.foswikiButtonDisabled:hover,
 
899
.foswikiButtonDisabled:active {
 
900
   background-image:url(bg_button_gradient.gif);
 
901
   background-repeat:repeat-x;
 
902
   background-position:0px -240px;
 
903
   border-color:#ccc #ccc #ccc #ccc;
 
904
   background-color:#edece6;
 
905
   color:#bbb;
 
906
}
 
907
.foswikiButtonCancel {
 
908
   background-image:url(bg_buttoncancel_gradient.gif);
 
909
   background-repeat:repeat-x;
 
910
   background-position:0px 0px;
 
911
   border-color:#f3ddd7 #ce5232 #ce5232 #f3ddd7;
 
912
   background-color:#dd724d;
 
913
   color:#fff;
 
914
}
 
915
.foswikiButtonCancel:hover {
 
916
   background-position:0px -80px;
 
917
   border-color:#ce5232 #f3ddd7 #f3ddd7 #ce5232;
 
918
   background-color:#dd724d;
 
919
   color:#fff;
 
920
}
 
921
.foswikiButtonCancel:active {
 
922
   background-position:0px -160px;
 
923
   border-color:#ce5232 #f3ddd7 #f3ddd7 #ce5232;
 
924
   background-color:#dd724d;
 
925
   color:#fff;
 
926
}
 
927
.patternToolBar span a:link,
 
928
.patternToolBar span a:visited,
 
929
.patternToolBar span s,
 
930
.patternToolBar span strike {
 
931
   background-image:url(bg_button_gradient.gif);
 
932
   background-repeat:repeat-x;
 
933
}
 
934
.patternToolBar span a:link,
 
935
.patternToolBar span a:visited {
 
936
   background-position:0px 0px;
 
937
   border-color:#fff #94cce2 #94cce2 #fff;
 
938
   background-color:#cce7f1;
 
939
   color:%BUTTON_TEXT_NORMAL%;
 
940
}
 
941
.patternToolBar span a:hover {
 
942
   background-position:0px -80px;
 
943
   border-color:#94cce2 #94cce2 #94cce2 #94cce2;
 
944
   background-color:#cce7f1;
 
945
   color:#222;
 
946
}
 
947
.patternToolBar span a:active {
 
948
   background-position:0px -160px;
 
949
   border-color:#94cce2 #94cce2 #94cce2 #94cce2;
 
950
   background-color:#e8e5d7;
 
951
   color:#222;
 
952
}
 
953
.patternToolBar span s,
 
954
.patternToolBar span strike {
 
955
   background-position:0px -240px;
 
956
   border-color:#eae9e7 #eae9e7 #eae9e7 #eae9e7;
 
957
   background-color:#edece6;
 
958
   color:#bbb;
 
959
}
 
960
.patternTextareaButton {
 
961
   border-color:#fffefd #b8b6ad #b8b6ad #fffefd;
 
962
   overflow:hidden;
 
963
}
 
964
.patternButtonFontSelector {
 
965
   background-image:url(button_font_selector.gif);
 
966
   width:33px;
 
967
   height:16px;
 
968
}
 
969
.patternButtonFontSelectorProportional {
 
970
   background-position:0 0;
 
971
}
 
972
.patternButtonFontSelectorMonospace {
 
973
   background-position:0 -16px;
 
974
}
 
975
.patternButtonEnlarge,
 
976
.patternButtonShrink {
 
977
   background-image:url(button_arrow.gif);
 
978
   width:16px;
 
979
   height:16px;
 
980
}
 
981
.patternButtonEnlarge {
 
982
   background-position:0 0;
 
983
}
 
984
.patternButtonEnlarge:hover {
 
985
   background-position:0 -42px;
 
986
}
 
987
.patternButtonEnlarge:active {
 
988
   background-position:0 -84px;
 
989
}
 
990
.patternButtonShrink {
 
991
   background-position:16px 0;
 
992
}
 
993
.patternButtonShrink:hover {
 
994
   background-position:16px -42px;
 
995
}
 
996
.patternButtonShrink:active {
 
997
   background-position:16px -84px;
 
998
}
 
999
 
 
1000
.foswikiBroadcastMessage {
 
1001
   background-image:url(background_alert.gif);
 
1002
   background-repeat:repeat-x;
 
1003
}
 
1004
 
 
1005
/* common settings */
 
1006
.patternLeftBarPersonal li,
 
1007
li.patternLogOut,
 
1008
li.patternLogIn {
 
1009
   padding-left:13px;
 
1010
   background-position:0 .4em;
 
1011
   background-repeat:no-repeat;
 
1012
}
 
1013
.patternLeftBarPersonal li {
 
1014
   background-image:url(bullet-personal_sidebar.gif);
 
1015
}
 
1016
.patternLeftBarPersonal li.patternLogOut {
 
1017
   background-image:url(bullet-lock.gif);
 
1018
}
 
1019
.patternLeftBarPersonal li.patternLogIn {
 
1020
   background-image:url(bullet-lock.gif);
 
1021
}
 
1022
%ENDATTACH%
 
1023
</verbatim>