data/TWiki/PatternSkinColorSettings.txt,v
author Colas Nahaboo <colas@nahaboo.net>
Sat, 26 Jan 2008 15:50:53 +0100
changeset 0 414e01d06fd5
child 1 e2915a7cbdfa
permissions -rw-r--r--
RELEASE 4.2.0 freetown
     1 head	1.2;
     2 access;
     3 symbols;
     4 locks; strict;
     5 comment	@# @;
     6 
     7 
     8 1.2
     9 date	2008.01.22.03.21.25;	author TWikiContributor;	state Exp;
    10 branches;
    11 next	1.1;
    12 
    13 1.1
    14 date	2007.01.16.04.12.01;	author TWikiContributor;	state Exp;
    15 branches;
    16 next	;
    17 
    18 
    19 desc
    20 @buildrelease
    21 @
    22 
    23 
    24 1.2
    25 log
    26 @buildrelease
    27 @
    28 text
    29 @%META:TOPICINFO{author="TWikiContributor" date="1190579319" format="1.1" version="2"}%
    30 ---+!! Color scheme settings for %TWIKIWEB%.PatternSkin
    31 Use this topic to change the color settings of %TWIKIWEB%.PatternSkin. When this topic is saved, the attachment =theme-colors.css= will be updated with new color values. This method relies on TWiki:Plugins.AttachContentPlugin to work.
    32 
    33 <nop>AttachContentPlugin is %IF{"context AttachContentPluginEnabled" then="" else="*not* "}%installed.
    34 
    35 ---++!! Usage
    36 ---+++!! Step 1
    37 Let %TWIKIWEB%.PatternSkin point to the custom-made colors style sheet. In [[%MAINWEB%.TWikiPreferences]] put: <verbatim>
    38    * Set USERCOLORSURL = %PUBURLPATH%/%TWIKIWEB%/PatternSkin/theme-colors.css
    39 </verbatim>
    40 
    41 ---+++!! Step 2
    42 Edit this topic, and change the color variables as you like.
    43 
    44 ---+++!! Step 3
    45 Save the topic. This will generate an [[%PUBURLPATH%/%TWIKIWEB%/PatternSkin/theme-colors.css][attachment]] to topic [[PatternSkin]].
    46 
    47 %IF{"context AttachContentPluginEnabled" then='<div class="twikiHelp"><a href="%SCRIPTURL{save}%/%WEB%/%TOPIC%?action_save=1" class="twikiButton">Update the <nop>CSS file for this page now</a></div>'}%
    48 
    49 %ICON{"info"}% For more help on customizing styles, see [[PatternSkinCustomization]].
    50 
    51 ---++!! Color variables
    52 %TOC%
    53 
    54 ---++ Logical groupings
    55 ---+++ Text
    56 ---++++ MAIN_TEXT_COLOR Main text color
    57    * Set MAIN_TEXT_COLOR = #000
    58 ---++++ MAIN_BACKGROUND_COLOR Main background color
    59    * Set MAIN_BACKGROUND_COLOR = #fff
    60 ---++++ LIGHT_ON_DARK_TEXT_COLOR Light on dark text color
    61    * Set LIGHT_ON_DARK_TEXT_COLOR = #fff
    62 ---++++ GRAYED_TEXT_COLOR
    63    * Set GRAYED_TEXT_COLOR = #777
    64 ---++++ GENERAL_TEXT General text (if not set in MAIN_BACKGROUND_COLOR) (black)
    65    * Set GENERAL_TEXT = #000
    66 ---++++ HEADER_TEXT Header text
    67    * Set HEADER_TEXT = #630000
    68 ---++++ CODE_TEXT Code text, left bar text and links
    69    * Set CODE_TEXT = #7A4707
    70 ---++++ MUTED_TEXT Muted text (dark gray)
    71    * Set MUTED_TEXT = %GRAYED_TEXT_COLOR%
    72 ---++++ GRAYED_OUT_TEXT Grayed out text
    73    * Set GRAYED_OUT_TEXT = %GRAYED_TEXT_COLOR%
    74 
    75 ---+++ Links
    76 ---++++ LINK_TEXT_NORMAL Link normal text
    77    * Set LINK_TEXT_NORMAL = #4571d0
    78 ---++++ LINK_BACKGROUND_NORMAL Link normal background
    79    * Set LINK_BACKGROUND_NORMAL =
    80 ---++++ LINK_TEXT_NORMAL_VISITED Link normal text visited
    81    * Set LINK_TEXT_NORMAL_VISITED = #666
    82 ---++++ LINK_TEXT_ACTION_BUTTON Link text red (same as LINK_BACKGROUND_HOVER)
    83    * Set LINK_TEXT_ACTION_BUTTON = #be000a
    84 ---++++ LINK_TEXT_HOVER Link hover text
    85    * Set LINK_TEXT_HOVER = #fff
    86 ---++++ LINK_BACKGROUND_HOVER Link background hover
    87    * Set LINK_BACKGROUND_HOVER = #ce000f
    88 ---++++ SIDE_BAR_LINK_TEXT Side bar link text
    89    * Set SIDE_BAR_LINK_TEXT = #444
    90 
    91 ---+++ Disabled
    92 ---++++ DISABLED_BORDER Disabled border
    93    * Set DISABLED_BORDER = #e0e0e0
    94 ---++++ DISABLED_TEXT Disabled text
    95    * Set DISABLED_TEXT = #aaa
    96 ---++++ DISABLED_BACKGROUND Disabled background
    97    * Set DISABLED_BACKGROUND = #fafaf8
    98 ---++++ BUTTON_BORDERS_DISABLED Disabled button borders
    99    * Set BUTTON_BORDERS_DISABLED = #fff #ccc #ccc #fff
   100 
   101 ---+++ 'New'
   102 ---++++ NEW_TEXT New text (green)
   103    * Set NEW_TEXT = #049804
   104 ---++++ NEW_BACKGROUND New background (light green)
   105    * Set NEW_BACKGROUND = #ECFADC
   106 
   107 ---+++ Alert
   108 ---++++ ALERT_TEXT Alert text (red)
   109    * Set ALERT_TEXT = #f00
   110 ---++++ ALERT_TEXT_MUTED Muted alert text (dark red)
   111    * Set ALERT_TEXT_MUTED = #900
   112 ---++++ ALERT_BORDER Alert border
   113    * Set ALERT_BORDER = #f00
   114 
   115 ---+++ Buttons
   116 ---++++ BUTTON_TEXT Button text color (dark gray)
   117    * Set BUTTON_TEXT = #000
   118 ---++++ BUTTON_BORDERS Button borders
   119    * Set BUTTON_BORDERS = #fff #888 #888 #fff
   120 ---++++ BUTTON_BACKGROUND Button background
   121    * Set BUTTON_BACKGROUND = #e2e3e3
   122 ---++++ BUTTON_CANCEL_BACKGROUND Cancel button background
   123    * Set BUTTON_CANCEL_BACKGROUND = #f2d5d0
   124 ---++++ SUBMIT_BUTTON_BACKGROUND Submit button background
   125    * Set SUBMIT_BUTTON_BACKGROUND = #06c
   126 ---++++ SUBMIT_BUTTON_BORDER_TEXT Submit button text color
   127    * Set SUBMIT_BUTTON_BORDER_TEXT = #fff
   128 ---++++ SELECT_BORDER Select border
   129    * Set SELECT_BORDER = #888
   130 
   131 ---+++ Background colors
   132 ---++++ GENERAL_BACKGROUND General background color (if not set in MAIN_BACKGROUND_COLOR) (white)
   133    * Set GENERAL_BACKGROUND = #fff
   134 ---++++ SIDE_BAR_BACKGROUND Side bar background
   135    * Set SIDE_BAR_BACKGROUND = #f6f6f6
   136 ---++++ NEUTRAL_BACKGROUND
   137    * Set NEUTRAL_BACKGROUND = #fdfaf1
   138 ---++++ TOP_BAR_BACKGROUND Top bar background
   139    * Set TOP_BAR_BACKGROUND = #fefcf7
   140 ---++++ ATTACHMENT_AND_FORM_BACKGROUND Attachment, form
   141    * Set ATTACHMENT_AND_FORM_BACKGROUND = #f6f6f6
   142 ---++++ TOPIC_ACTION_BACKGROUND Topic action row
   143    * Set TOPIC_ACTION_BACKGROUND = %ATTACHMENT_AND_FORM_BACKGROUND%
   144 ---++++ HEADER_BACKGROUND h2, h3
   145    * Set HEADER_BACKGROUND = %TOPIC_ACTION_BACKGROUND%
   146 ---++++ DIFF_HEADER_BACKGROUND Diff header (dark gray)
   147    * Set DIFF_HEADER_BACKGROUND = #ccc
   148 ---++++ NOTIFICATION_BACKGROUND Info, broadcast message and notifications
   149    * Set NOTIFICATION_BACKGROUND = #ffe67b
   150 ---++++ INFO_BACKGROUND
   151    * Set INFO_BACKGROUND = %NOTIFICATION_BACKGROUND%
   152 
   153 ---+++ Border colors
   154 ---++++ NEUTRAL_BORDER Info (light gray)
   155    * Set NEUTRAL_BORDER = #ddd
   156 ---++++ SEPARATOR_BORDER
   157    * Set SEPARATOR_BORDER = #e2e2e2
   158 ---++++ MINOR_SEPARATOR_BORDER Header H3..H6 bottom
   159    * Set MINOR_SEPARATOR_BORDER = %SEPARATOR_BORDER%
   160 ---++++ LAYOUT_ELEMENT_BORDER Main layout elements (neutral tone)
   161    * Set LAYOUT_ELEMENT_BORDER = #dadada
   162 ---++++ IMAGE_BORDER Image border
   163    * Set IMAGE_BORDER = #eee
   164 ---++++ FORM_STEP_BORDER Form step border
   165    * Set FORM_STEP_BORDER = %SEPARATOR_BORDER%
   166 ---++++ NOTIFICATION_BORDER Broadcast message
   167    * Set NOTIFICATION_BORDER = #ffdf4c
   168 
   169 ---++++ Table colors
   170 ---+++++ TABLE_DATA_BACKGROUND Table data background
   171    * Set TABLE_DATA_BACKGROUND = #f0f6f9
   172 ---+++++ TABLE_HEADER_BACKGROUND Table header background
   173    * Set TABLE_HEADER_BACKGROUND = #6b7f93
   174 ---+++++ TABLE_SELECTED_COLUMN_HEADER_BACKGROUND Sorted table column accent background
   175    * Set TABLE_SELECTED_COLUMN_HEADER_BACKGROUND = #345
   176 ---+++++ TABLE_DATA_ODD_BACKGROUND Table data background (odd row)
   177    * Set TABLE_DATA_ODD_BACKGROUND = #f0f6fb
   178 ---+++++ TABLE_DATA_EVEN_BACKGROUND Table data background (even row)
   179    * Set TABLE_DATA_EVEN_BACKGROUND = #ffffff
   180 ---+++++ TABLE_DATA_ODD_SELECTED_BACKGROUND Table data background (odd row, selected column)
   181    * Set TABLE_DATA_ODD_SELECTED_BACKGROUND = #dce7ee
   182 ---+++++ TABLE_DATA_EVEN_SELECTED_BACKGROUND Table data background (even row, selected column)
   183    * Set TABLE_DATA_EVEN_SELECTED_BACKGROUND = #f5f5f5
   184 ---+++++ TABLE_DATA_MIX_BACKGROUND Table data background (mix between even and odd)
   185    * Set TABLE_DATA_MIX_BACKGROUND = #f7fafc
   186 ---++++ TABLE_BORDER Table border, sup (light neutral tone)
   187    * Set TABLE_BORDER = #e2e2e2
   188 ---++++ LINK_TEXT_NORMAL_TABLE_HEADER Table header link text
   189    * Set LINK_TEXT_NORMAL_TABLE_HEADER = #fff
   190 ---++++ LINK_TEXT_NORMAL_BORDER_TABLE_HEADER Table header link border
   191    * Set LINK_TEXT_NORMAL_BORDER_TABLE_HEADER = #bbb
   192 ---++++ LINK_TEXT_SORTED_TABLE_HEADER Sorted table header link text
   193    * Set LINK_TEXT_SORTED_TABLE_HEADER = #fff
   194 ---++++ LINK_TEXT_HOVER_TABLE_HEADER Table header link hover text
   195    * Set LINK_TEXT_HOVER_TABLE_HEADER = #fff
   196 ---++++ LINK_BORDER_TABLE_SELECTED_COLUMN_HEADER Link border in selected column header
   197    * Set LINK_BORDER_TABLE_SELECTED_COLUMN_HEADER = #999
   198 
   199 ---+++ Forms
   200 ---++++ INPUT_FIELD_BORDERS Input field borders
   201    * Set INPUT_FIELD_BORDERS = #bbb #f2f2f2 #f2f2f2 #bbb
   202 ---++++ FORM_INPUT_BORDER Textarea, input and select (darker gray)
   203    * Set FORM_INPUT_BORDER = #aaa
   204 ---++++ FORM_BORDER Form (same as twikiTable border)
   205    * Set FORM_BORDER = #cfcfcf
   206 ---++++ ACTIVE_FORM_BACKGROUND Edit form, form steps
   207    * Set ACTIVE_FORM_BACKGROUND = #fbfbfb
   208 ---++++ FORMFIELD_ACTIVE Active form field
   209    * Set FORMFIELD_ACTIVE = #ffffe0
   210 ---++++ FORM_HEADER_TEXT Header text on form background
   211    * Set FORM_HEADER_TEXT = #036
   212 
   213 <!-- END OF COLOR VARIABLES -->
   214 
   215 Do not change the text below this line unless you know what you are doing!
   216 ---
   217 <verbatim>
   218 %STARTATTACH{"theme-colors.css" web="%TWIKIWEB%" topic="PatternSkin"}%
   219 /* PatternSkin colors */
   220 /* Generated by AttachContentPlugin from %WEB%.%TOPIC% */
   221 
   222 /* LAYOUT ELEMENTS */
   223 
   224 #patternTopBar {
   225    border-color:%SEPARATOR_BORDER%;
   226    background-color:%TOP_BAR_BACKGROUND%;
   227 }
   228 #patternMain { /* don't set a background here; use patternOuter */ }
   229 #patternOuter {
   230    background-color:%MAIN_BACKGROUND_COLOR%; /* Sets background of center col */
   231    border-color:%LAYOUT_ELEMENT_BORDER%;
   232 }
   233 #patternLeftBar,
   234 #patternWrapper {
   235    background-color:%SIDE_BAR_BACKGROUND%;
   236 }
   237 #patternBottomBar {
   238    border-color:%SEPARATOR_BORDER%;
   239 }
   240 #patternBottomBarContents,
   241 #patternBottomBarContents a:link,
   242 #patternBottomBarContents a:visited {
   243    color:%GRAYED_OUT_TEXT%;
   244 }
   245 #patternBottomBarContents a:hover {
   246    color:%LINK_TEXT_HOVER%;
   247 }
   248 
   249 /* GENERAL HTML ELEMENTS */
   250 
   251 html body {
   252    background-color:%MAIN_BACKGROUND_COLOR%;
   253    color:%MAIN_TEXT_COLOR%;
   254 }
   255 /* be kind to netscape 4 that doesn't understand inheritance */
   256 body, p, li, ul, ol, dl, dt, dd, acronym, h1, h2, h3, h4, h5, h6 {
   257    background-color:transparent;
   258 }
   259 hr {
   260    color:%SEPARATOR_BORDER%;
   261    background-color:%SEPARATOR_BORDER%;
   262 }
   263 pre, code, tt {
   264    color:%CODE_TEXT%;
   265 }
   266 blockquote {
   267    background-color:%ACTIVE_FORM_BACKGROUND%;
   268    border-color:%NEUTRAL_BORDER%;
   269 }
   270 blockquote h2 {
   271    background:none;
   272 }
   273 h1, h2, h3, h4, h5, h6 {
   274    color:%HEADER_TEXT%;
   275 }
   276 h2 {
   277    background-color:%HEADER_BACKGROUND%;
   278    border-color:%MINOR_SEPARATOR_BORDER%;
   279 }
   280 h3, h4, h5, h6 {
   281    border-color:%MINOR_SEPARATOR_BORDER%;
   282 }
   283 /* to override old Render.pm coded font color style */
   284 .twikiNewLink font {
   285    color:inherit;
   286 }
   287 .twikiNewLink a:link sup,
   288 .twikiNewLink a:visited sup {
   289    color:%MUTED_TEXT%;
   290    border-color:%NEUTRAL_BORDER%;
   291 }
   292 .twikiNewLink a:hover sup {
   293    background-color:%LINK_BACKGROUND_HOVER%;
   294    color:%LINK_TEXT_HOVER%;
   295    border-color:%LINK_BACKGROUND_HOVER%;
   296 }
   297 .twikiNewLink {
   298    border-color:%NEUTRAL_BORDER%;
   299 }
   300 :link:focus,
   301 :visited:focus,
   302 :link,
   303 :visited,
   304 :link:active,
   305 :visited:active {
   306    color:%LINK_TEXT_NORMAL%;
   307    background-color:transparent;
   308 }
   309 :link:hover,
   310 :visited:hover {
   311    color:%LINK_TEXT_HOVER%;
   312    background-color:%LINK_BACKGROUND_HOVER%;
   313    background-image:none;
   314 }
   315 :link:hover img,
   316 :visited:hover img {
   317    background-color:transparent;
   318 }
   319 .patternTopic a:visited {
   320    color:%LINK_TEXT_NORMAL_VISITED%;
   321 }
   322 .patternTopic a:hover {
   323    color:%LINK_TEXT_HOVER%;
   324 }
   325 #patternMainContents h1 a:link, #patternMainContents h1 a:visited,
   326 #patternMainContents h2 a:link, #patternMainContents h2 a:visited,
   327 #patternMainContents h3 a:link, #patternMainContents h3 a:visited,
   328 #patternMainContents h4 a:link, #patternMainContents h4 a:visited,
   329 #patternMainContents h5 a:link, #patternMainContents h5 a:visited,
   330 #patternMainContents h6 a:link, #patternMainContents h6 a:visited {
   331    color:%HEADER_TEXT%;
   332 }
   333 #patternMainContents h1 a:hover,
   334 #patternMainContents h2 a:hover,
   335 #patternMainContents h3 a:hover,
   336 #patternMainContents h4 a:hover,
   337 #patternMainContents h5 a:hover,
   338 #patternMainContents h6 a:hover {
   339    color:%LINK_TEXT_HOVER%;
   340 }
   341 .patternTopic .twikiUnvisited a:visited {
   342    color:%LINK_TEXT_NORMAL%;
   343 }
   344 .patternTopic .twikiUnvisited a:hover {
   345    color:%LINK_TEXT_HOVER%;
   346 }
   347 
   348 /* Form elements */
   349 
   350 textarea,
   351 input,
   352 select {
   353    border-color:%FORM_INPUT_BORDER%;
   354    color:%MAIN_TEXT_COLOR%;
   355    background-color:%GENERAL_BACKGROUND%;
   356 }
   357 .twikiSubmit,
   358 .twikiButton {
   359    border-color:%BUTTON_BORDERS%;
   360 }
   361 .twikiSubmit {
   362    color:%SUBMIT_BUTTON_BORDER_TEXT%;
   363    background-color:%SUBMIT_BUTTON_BACKGROUND%;
   364 }
   365 .twikiButton {
   366    color:%BUTTON_TEXT%;
   367    background-color:%BUTTON_BACKGROUND%;
   368 }
   369 .twikiButtonCancel {
   370    color:%BUTTON_TEXT%;
   371    background-color:%BUTTON_CANCEL_BACKGROUND%;
   372 }
   373 .twikiSubmitDisabled,
   374 .twikiSubmitDisabled:active {
   375    border-color:%BUTTON_BORDERS_DISABLED%;
   376    color:%DISABLED_TEXT%;
   377    background-color:%ACTIVE_FORM_BACKGROUND%;
   378 }
   379 .twikiTextarea,
   380 .twikiInputField,
   381 .twikiInputFieldDisabled,
   382 .twikiInputFieldReadOnly,
   383 .twikiSelect {
   384    border-color:%INPUT_FIELD_BORDERS%;
   385 }
   386 .twikiTextarea,
   387 .twikiInputField,
   388 .twikiSelect {
   389    color:%MAIN_TEXT_COLOR%;
   390    background-color:%MAIN_BACKGROUND_COLOR%;
   391 }
   392 .twikiInputField:active,
   393 .twikiInputField:focus,
   394 .twikiInputFieldFocus {
   395    background-color:%FORMFIELD_ACTIVE%;
   396 }
   397 
   398 .twikiTextareaRawView {
   399    color:%GENERAL_TEXT%;
   400 }
   401 .twikiInputFieldDisabled {
   402    color:%DISABLED_TEXT%;
   403    background-color:%DISABLED_BACKGROUND%;
   404 }
   405 .twikiInputFieldReadOnly {
   406    color:%GRAYED_TEXT_COLOR%;
   407 }
   408 .twikiSelect {
   409    border-color:%INPUT_FIELD_BORDERS%;
   410    color:%MAIN_TEXT_COLOR%;
   411    background-color:%MAIN_BACKGROUND_COLOR%;
   412 }
   413 .twikiInputFieldDisabled,
   414 .twikiSelectDisabled {
   415    color:%DISABLED_TEXT%;
   416    border-color:%INPUT_FIELD_BORDERS%;
   417    background-color:%DISABLED_BACKGROUND%;
   418 }
   419 .twikiInputFieldBeforeFocus {
   420    color:%MUTED_TEXT%;
   421 }
   422 
   423 /*   -----------------------------------------------------------
   424    Plugin elements
   425    -----------------------------------------------------------   */
   426 
   427 /* TablePlugin */
   428 .twikiTable,
   429 .twikiTable td,
   430 .twikiTable th {
   431    border-color:%TABLE_BORDER%;
   432 }
   433 .twikiTable th a:link,
   434 .twikiTable th a:visited,
   435 .twikiTable th a font {
   436    color:%LINK_TEXT_NORMAL_TABLE_HEADER%;
   437 }
   438 
   439 /* TwistyContrib */
   440 .twistyPlaceholder {
   441    color:%GRAYED_OUT_TEXT%;
   442 }
   443 a:hover.twistyTrigger {
   444    color:%LINK_TEXT_HOVER%;
   445 }
   446 
   447 /* TipsContrib */
   448 .tipsOfTheDay {
   449 }
   450 
   451 /* RevCommentPlugin */
   452 .revComment .patternTopicAction {
   453    background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
   454 }
   455 
   456 /*   -----------------------------------------------------------
   457    TWiki styles
   458    -----------------------------------------------------------   */
   459 
   460 .twikiGrayText {
   461    color:%GRAYED_OUT_TEXT%;
   462 }
   463 .twikiGrayText a:link,
   464 .twikiGrayText a:visited {
   465    color:%GRAYED_OUT_TEXT%;
   466 }
   467 .twikiGrayText a:hover {
   468    color:%LINK_TEXT_HOVER%;
   469 }
   470 
   471 table.twikiFormTable th.twikiFormTableHRow,
   472 table.twikiFormTable td.twikiFormTableRow {
   473    color:%MUTED_TEXT%;
   474 }
   475 .twikiEditForm {
   476    color:%MAIN_TEXT_COLOR%;
   477 }
   478 .twikiEditForm .twikiFormTable,
   479 .twikiEditForm .twikiFormTable th,
   480 .twikiEditForm .twikiFormTable td {
   481    border-color:%TABLE_BORDER%;
   482 }
   483 /* use a different table background color mix: no odd/even rows, no white background */
   484 .twikiEditForm .twikiFormTable td  {
   485    background-color:%TABLE_DATA_MIX_BACKGROUND%;
   486 }
   487 .twikiEditForm .twikiFormTable th {
   488    background-color:%TABLE_DATA_ODD_BACKGROUND%;
   489 }
   490 .patternContent .twikiAttachments,
   491 .patternContent .twikiForm {
   492    background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
   493    border-color:%TABLE_BORDER%;
   494 }
   495 .twikiAttachments table,
   496 table.twikiFormTable {
   497    border-color:%TABLE_BORDER%;
   498    background-color:%MAIN_BACKGROUND_COLOR%;
   499 }
   500 .twikiAttachments table {
   501    background-color:%MAIN_BACKGROUND_COLOR%;
   502 }
   503 .twikiAttachments td, 
   504 .twikiAttachments th {
   505    border-color:%TABLE_BORDER%;
   506 }
   507 .twikiAttachments .twikiTable th font,
   508 table.twikiFormTable th.twikiFormTableHRow font {
   509    color:%LINK_TEXT_NORMAL%;
   510 }
   511 
   512 .twikiFormSteps {
   513    background-color:%ACTIVE_FORM_BACKGROUND%;
   514    border-color:%FORM_STEP_BORDER%;
   515 }
   516 .twikiFormStep {
   517    border-color:%FORM_STEP_BORDER%;
   518 }
   519 .twikiFormStep h3,
   520 .twikiFormStep h4 {
   521    color:%FORM_HEADER_TEXT%;
   522 }
   523 .twikiFormStep h3,
   524 .twikiFormStep h4 {
   525    background-color:transparent;
   526 }
   527 .twikiActionFormStepSign {
   528    color:%FORM_HEADER_TEXT%;
   529 }
   530 .twikiToc .twikiTocTitle {
   531    color:%MUTED_TEXT%;
   532 }
   533 .twikiBroadcastMessage {
   534    background-color:%NOTIFICATION_BACKGROUND%;
   535 }
   536 .twikiNotification {
   537    background-color:%NOTIFICATION_BACKGROUND%;
   538 }
   539 #twikiLogin .patternLoginNotification {
   540    background-color:%MAIN_BACKGROUND_COLOR%;
   541    border-color:%ALERT_BORDER%;
   542 }
   543 .twikiHelp {
   544    background-color:%INFO_BACKGROUND%;
   545 }
   546 .twikiHelp {
   547    background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
   548    border-color:%SEPARATOR_BORDER%;
   549 }
   550 .twikiBroadcastMessage b,
   551 .twikiBroadcastMessage strong {
   552    color:%ALERT_TEXT%;
   553 }
   554 .twikiAlert,
   555 .twikiAlert code {
   556    color:%ALERT_TEXT%;
   557 }
   558 .twikiEmulatedLink {
   559    color:%LINK_TEXT_NORMAL%;
   560 }
   561 .twikiPageForm table {
   562    border-color:%TABLE_BORDER%;
   563    background:%MAIN_BACKGROUND_COLOR%;
   564 }
   565 .twikiPageForm hr {
   566    border-color:%FORM_BORDER%;
   567    background-color:%FORM_BORDER%;
   568    color:%FORM_BORDER%;
   569 }
   570 .twikiAccessKey {
   571    color:inherit;
   572    border-color:%GRAYED_OUT_TEXT%;
   573 }
   574 a:link .twikiAccessKey,
   575 a:visited .twikiAccessKey {
   576    color:inherit;
   577 }
   578 a:hover .twikiAccessKey {
   579    color:inherit;
   580 }
   581 .twikiImage img {
   582    border-color:%IMAGE_BORDER%;
   583    background-color:%MAIN_BACKGROUND_COLOR%;
   584 }
   585 #patternTopBar .twikiImage img {
   586    background-color:transparent;
   587 }
   588 .twikiImage a:hover img {
   589    border-color:%LINK_BACKGROUND_HOVER%;
   590 }
   591 
   592 /*   -----------------------------------------------------------
   593    Pattern skin specific elements
   594    -----------------------------------------------------------   */
   595 #patternPage {
   596    background-color:%MAIN_BACKGROUND_COLOR%;
   597 }
   598 .patternHomePath a:link,
   599 .patternHomePath a:visited {
   600    border-color:%NEUTRAL_BORDER%;
   601    color:%LINK_TEXT_NORMAL_VISITED%;
   602 }
   603 .patternTop a:hover {
   604    border:none;
   605    color:%LINK_TEXT_HOVER%;
   606 }
   607 .patternHomePath .patternRevInfo,
   608 .patternHomePath .patternRevInfo a:link,
   609 .patternHomePath .patternRevInfo a:visited {
   610    color:%GRAYED_OUT_TEXT%;
   611 }
   612 .patternHomePath .patternRevInfo a:hover {
   613    color:%LINK_TEXT_HOVER%;
   614 }
   615 
   616 /* Left bar */
   617 #patternLeftBarContents {
   618    color:%GENERAL_TEXT%;
   619 }
   620 #patternLeftBarContents hr {
   621    color:%FORM_STEP_BORDER%;
   622    background-color:%FORM_STEP_BORDER%;
   623 }
   624 #patternLeftBarContents a:link,
   625 #patternLeftBarContents a:visited {
   626    color:%SIDE_BAR_LINK_TEXT%;
   627 }
   628 #patternLeftBarContents a:hover {
   629    color:%LINK_TEXT_HOVER%;
   630 }
   631 #patternLeftBarContents .patternLeftBarPersonal,
   632 #patternLeftBarContents .patternWebIndicator {
   633 	border-color:#dadada;
   634 }
   635 #patternLeftBarContents b,
   636 #patternLeftBarContents strong {
   637 	color:%HEADER_TEXT%;
   638 }
   639 
   640 .patternTopicActions {
   641    border-color:%TABLE_BORDER%;
   642    background-color:%TOPIC_ACTION_BACKGROUND%;
   643    color:%MUTED_TEXT%;
   644 }
   645 .patternTopicAction {
   646    border-color:%TABLE_BORDER%;
   647 }
   648 .patternTopicAction s,
   649 .patternTopicAction strike {
   650    color:%DISABLED_TEXT%;
   651 }
   652 .patternTopicAction .twikiSeparator {
   653    color:%SEPARATOR_BORDER%;
   654 }
   655 .patternActionButtons a:link,
   656 .patternActionButtons a:visited {
   657    color:%LINK_TEXT_ACTION_BUTTON%;
   658 }
   659 .patternActionButtons a:hover {
   660    color:%LINK_TEXT_HOVER%;
   661 }
   662 .patternTopicAction .twikiAccessKey {
   663    color:%LINK_TEXT_ACTION_BUTTON%;
   664    border-color:%LINK_TEXT_ACTION_BUTTON%;
   665 }
   666 .patternTopicAction a:hover .twikiAccessKey {
   667    color:%LINK_TEXT_HOVER%;
   668 }
   669 .patternTopicAction label {
   670    color:%GENERAL_TEXT%;
   671 }
   672 .patternHelpCol {
   673    color:%GRAYED_OUT_TEXT%;
   674 }
   675 .patternSigLine {
   676    color:%MUTED_TEXT%;
   677    background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
   678    border-color:%SEPARATOR_BORDER%;
   679 }
   680 .patternToolBar a:link .twikiAccessKey,
   681 .patternToolBar a:visited .twikiAccessKey {
   682    color:inherit;
   683    border-color:%LINK_TEXT_NORMAL_VISITED%;
   684 }
   685 .patternToolBar a:hover .twikiAccessKey {
   686    background-color:transparent;
   687    color:inherit;
   688    border-color:%LINK_TEXT_NORMAL_VISITED%;
   689 }
   690 .patternSaveHelp {
   691    background-color:%MAIN_BACKGROUND_COLOR%;
   692 }
   693 
   694 /* WebSearch, WebSearchAdvanced */
   695 table#twikiSearchTable {
   696    border-color:%FORM_STEP_BORDER%;
   697 }
   698 table#twikiSearchTable th,
   699 table#twikiSearchTable td {
   700    background-color:%GENERAL_BACKGROUND%;
   701    border-color:%FORM_STEP_BORDER%;
   702 }
   703 table#twikiSearchTable hr {
   704    border-color:%FORM_STEP_BORDER%;
   705    background-color:%FORM_STEP_BORDER%;
   706 }
   707 table#twikiSearchTable th {
   708    color:%MAIN_TEXT_COLOR%;
   709 }
   710 
   711 /*   -----------------------------------------------------------
   712    Search results
   713    styles and overridden styles used in search.pattern.tmpl
   714    -----------------------------------------------------------   */
   715 
   716 h3.patternSearchResultsHeader,
   717 h4.patternSearchResultsHeader {
   718    background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
   719    border-color:%SEPARATOR_BORDER%;
   720 }
   721 h4.patternSearchResultsHeader {
   722    color:%MAIN_TEXT_COLOR%;
   723 }
   724 .patternNoViewPage h4.patternSearchResultsHeader {
   725    color:%HEADER_TEXT%;
   726 }
   727 .patternSearchResult .twikiBottomRow {
   728    border-color:%MINOR_SEPARATOR_BORDER%;
   729 }
   730 .patternSearchResult .twikiAlert {
   731    color:%ALERT_TEXT%;
   732 }
   733 .patternSearchResult .twikiSummary .twikiAlert {
   734    color:%ALERT_TEXT_MUTED%;
   735 }
   736 .patternSearchResult .twikiNew {
   737    background-color:%NEW_BACKGROUND%;
   738    border-color:%NEW_TEXT%;
   739    color:%NEW_TEXT%;
   740 }
   741 .patternViewPage .patternSearchResultsBegin {
   742    border-color:%TABLE_BORDER%;
   743 }
   744 
   745 /* Search results in book view format */
   746 
   747 .patternBookView .twikiTopRow {
   748    background-color:transparent; /* set to WEBBGCOLOR in css.pattern.tmpl */
   749    color:%MUTED_TEXT%;
   750 }
   751 .patternBookView .twikiBottomRow {
   752    border-color:%TABLE_BORDER%;
   753 }
   754 .patternBookView .patternSearchResultCount {
   755    color:%GRAYED_OUT_TEXT%;
   756 }
   757 
   758 /* edit.pattern.tmpl */
   759 
   760 /* preview.pattern.tmpl */
   761 
   762 .twikiPreviewArea {
   763    border-color:%ALERT_BORDER%;
   764    background-color:%MAIN_BACKGROUND_COLOR%;
   765 }
   766 
   767 /* rdiff.pattern.tmpl */
   768 
   769 .patternDiff {
   770    border-color:%TABLE_HEADER_BACKGROUND%;
   771 }
   772 #patternMainContents .patternDiff h4.patternSearchResultsHeader {
   773    background-color:%TABLE_HEADER_BACKGROUND%;
   774    color:%LIGHT_ON_DARK_TEXT_COLOR%;
   775 }
   776 #patternMainContents .patternDiff h4.patternSearchResultsHeader a:link,
   777 #patternMainContents .patternDiff h4.patternSearchResultsHeader a:visited {
   778    color:%LIGHT_ON_DARK_TEXT_COLOR%;
   779 }
   780 tr.twikiDiffDebug td {
   781    border-color:%TABLE_BORDER%;
   782 }
   783 .patternDiffPage .twikiDiffTable th {
   784    background-color:%DIFF_HEADER_BACKGROUND%;
   785 }
   786 /* Changed */
   787 .twikiDiffChangedHeader,
   788 tr.twikiDiffDebug .twikiDiffChangedText,
   789 tr.twikiDiffDebug .twikiDiffChangedText {
   790    background:#9f9; /* green - do not change */
   791 }
   792 /* Deleted */
   793 .twikiDiffDeletedHeader,
   794 tr.twikiDiffDebug .twikiDiffDeletedMarker,
   795 tr.twikiDiffDebug .twikiDiffDeletedText {
   796    background-color:#f99; /* red - do not change */
   797 }
   798 /* Added */
   799 .twikiDiffAddedHeader,
   800 tr.twikiDiffDebug .twikiDiffAddedMarker,
   801 tr.twikiDiffDebug .twikiDiffAddedText {
   802    background-color:#ccf; /* violet - do not change */
   803 }
   804 /* Unchanged */
   805 tr.twikiDiffDebug .twikiDiffUnchangedText {
   806    color:%GRAYED_OUT_TEXT%;
   807 }
   808 .twikiDiffUnchangedTextContents { }
   809 .twikiDiffLineNumberHeader {
   810    background-color:%DIFF_HEADER_BACKGROUND%;
   811 }
   812 
   813 
   814 /* IMAGES */
   815 /* image positions are set here as well as these are dependent on the image */
   816 
   817 h2,
   818 .patternTopicAction {
   819    background-image:url(bg_action_gradient.gif);
   820    background-repeat:repeat-x;
   821 }
   822 .twikiToc li {
   823    background-image:url(bullet-toc.gif);
   824    background-repeat:no-repeat;
   825    background-position:0 .4em;
   826 }
   827 #patternOuter,
   828 #patternTopBar {
   829    /* gradient yellow of left bar and main */
   830    background-image:url(bg_outer_gradient.gif);
   831    background-repeat:repeat-x;
   832 }
   833 .patternPrintPage #patternOuter {
   834    background:#fff; /* white - do not change */
   835 }
   836 .twikiPageForm table,
   837 table#twikiSearchTable td.twikiFirstRow {
   838    background-image:url(form_gradient.gif);
   839    background-repeat:repeat-x;
   840    background-color:#f5f5f5;
   841 }
   842 .twikiSubmit,
   843 .twikiSubmitDisabled {
   844    background-image:url(bg_submit_gradient.gif);
   845    background-repeat:repeat-x;
   846 }
   847 .twikiSubmit,
   848 a.twikiSubmit:link,
   849 a.twikiSubmit:visited {
   850    background-position:0px 0px;
   851    background-color:#06c;
   852    border-color:#abcdf0 #0048b8 #0048b8 #abcdf0;
   853    color:#fff;
   854 }
   855 .twikiSubmit:hover,
   856 a.twikiSubmit:hover {
   857    background-position:0px -80px;
   858    background-color:#0047b7;
   859    border-color:#98bce9 #0031a4 #0031a4 #98bce9;
   860    color:#fff;
   861 }
   862 .twikiSubmit:active,
   863 a.twikiSubmit:active {
   864    background-position:0px -160px;
   865    background-color:#73ace6;
   866    border-color:#0031a4 #98bce9 #98bce9 #0031a4;
   867    color:#fff;
   868 }
   869 .twikiSubmitDisabled,
   870 .twikiSubmitDisabled:hover,
   871 .twikiSubmitDisabled:active {
   872    background-position:0px -240px;
   873    background-color:#d9e8f7;
   874    border-color:#f5f9fd #ccc #ccc #f5f9fd;
   875    color:#ccc;
   876 }
   877 .twikiButton,
   878 a.twikiButton:link,
   879 a.twikiButton:visited {
   880    background-image:url(bg_button_gradient.gif);
   881    background-repeat:repeat-x;
   882    background-position:0px 0px;
   883    border-color:#f8f6ec #b8b6ad #b8b6ad #f8f6ec;
   884    background-color:#dbd9cf;
   885    color:#333;
   886 }
   887 .twikiChangeFormButtonHolder .twikiButton {
   888    background-color:#fff;
   889    background-image:none;
   890    color:#06c;
   891 }
   892 .twikiChangeFormButtonHolder .twikiButton:hover,
   893 .twikiChangeFormButtonHolder .twikiButton:active {
   894    background-image:url(bg_button_gradient.gif);
   895    background-repeat:repeat-x;
   896 }
   897 .twikiButton:hover,
   898 .twikiChangeFormButtonHolder .twikiButton:hover,
   899 a.twikiButton:hover {
   900    background-position:0px -80px;
   901    border-color:#f4f2eb #a3a092 #a3a092 #f4f2eb;
   902    background-color:#c2bfae;
   903    color:#222;
   904 }
   905 .twikiButton:active,
   906 .twikiChangeFormButtonHolder .twikiButton:active,
   907 a.twikiButton:active {
   908    background-position:0px -160px;
   909    border-color:#a3a092 #f4f2eb #f4f2eb #a3a092;
   910    background-color:#e8e5d7;
   911    color:#222;
   912 }
   913 .twikiButtonDisabled,
   914 .twikiButtonDisabled:hover,
   915 .twikiButtonDisabled:active {
   916    background-image:url(bg_button_gradient.gif);
   917    background-repeat:repeat-x;
   918    background-position:0px -240px;
   919    border-color:#fcfbf9 #e3e2dd #e3e2dd #fcfbf9;
   920    background-color:#edece6;
   921    color:#bbb;
   922 }
   923 .twikiButtonCancel {
   924    background-image:url(bg_buttoncancel_gradient.gif);
   925    background-repeat:repeat-x;
   926    background-position:0px 0px;
   927    border-color:#f3ddd7 #b5706a #b5706a #f3ddd7;
   928    background-color:#cc867f;
   929    color:#333;
   930 }
   931 .twikiButtonCancel:hover {
   932    background-position:0px -80px;
   933    border-color:#eacac1 #9f564f #9f564f #eacac1;
   934    background-color:#b26259;
   935    color:#222;
   936 }
   937 .twikiButtonCancel:active {
   938    background-position:0px -160px;
   939    border-color:#9f564f #eacac1 #eacac1 #9f564f;
   940    background-color:#e5bdb1;
   941    color:#222;
   942 }
   943 .patternToolBar span a:link,
   944 .patternToolBar span a:visited,
   945 .patternToolBar span s,
   946 .patternToolBar span strike {
   947    background-image:url(bg_button_small_gradient.gif);
   948    background-repeat:repeat-x;
   949 }
   950 .patternToolBar span a:link,
   951 .patternToolBar span a:visited {
   952    background-position:0px 0px;
   953    border-color:#f8f6ec #b8b6ad #b8b6ad #f8f6ec;
   954    background-color:#dbd9cf;
   955    color:#333;
   956 }
   957 .patternToolBar span a:hover {
   958    background-position:0px -80px;
   959    border-color:#f4f2eb #a3a092 #a3a092 #f4f2eb;
   960    background-color:#c2bfae;
   961    color:#222;
   962 }
   963 .patternToolBar span a:active {
   964    background-position:0px -160px;
   965    border-color:#a3a092 #f4f2eb #f4f2eb #a3a092;
   966    background-color:#e8e5d7;
   967    color:#222;
   968 }
   969 .patternToolBar span s,
   970 .patternToolBar span strike {
   971    background-position:0px -240px;
   972    border-color:#fcfbf9 #e3e2dd #e3e2dd #fcfbf9;
   973    background-color:#edece6;
   974    color:#bbb;
   975 }
   976 .patternTextareaButton {
   977    border-color:#fffefd #b8b6ad #b8b6ad #fffefd;
   978    overflow:hidden;
   979 }
   980 .patternButtonFontSelector {
   981    background-image:url(button_font_selector.gif);
   982    width:33px;
   983    height:16px;
   984 }
   985 .patternButtonFontSelectorProportional {
   986    background-position:0 0;
   987 }
   988 .patternButtonFontSelectorMonospace {
   989    background-position:0 -16px;
   990 }
   991 .patternButtonEnlarge,
   992 .patternButtonShrink {
   993    background-image:url(button_arrow.gif);
   994    width:16px;
   995    height:16px;
   996 }
   997 .patternButtonEnlarge {
   998    background-position:0 0;
   999 }
  1000 .patternButtonEnlarge:hover {
  1001    background-position:0 -42px;
  1002 }
  1003 .patternButtonEnlarge:active {
  1004    background-position:0 -84px;
  1005 }
  1006 .patternButtonShrink {
  1007    background-position:16px 0;
  1008 }
  1009 .patternButtonShrink:hover {
  1010    background-position:16px -42px;
  1011 }
  1012 .patternButtonShrink:active {
  1013    background-position:16px -84px;
  1014 }
  1015 .twikiBroadcastMessage,
  1016 .twikiNotification {
  1017    background-image:url(background_alert.gif);
  1018    background-repeat:repeat-x;
  1019 }
  1020 
  1021 /* common settings */
  1022 .patternLeftBarPersonal li,
  1023 li.patternLogOut,
  1024 li.patternLogIn {
  1025    padding-left:13px;
  1026    background-position:0 .4em;
  1027    background-repeat:no-repeat;
  1028 }
  1029 .patternLeftBarPersonal li {
  1030    background-image:url(bullet-personal_sidebar.gif);
  1031 }
  1032 .patternLeftBarPersonal li.patternLogOut {
  1033    background-image:url(bullet-lock.gif);
  1034 }
  1035 .patternLeftBarPersonal li.patternLogIn {
  1036    background-image:url(bullet-lock.gif);
  1037 }
  1038 %ENDATTACH%
  1039 </verbatim>
  1040 @
  1041 
  1042 
  1043 1.1
  1044 log
  1045 @buildrelease
  1046 @
  1047 text
  1048 @d1 3
  1049 a3 3
  1050 %META:TOPICINFO{author="TWikiContributor" date="1161428514" format="1.1" reprev="1.2" version="1"}%
  1051 ---+ !!Color scheme settings for %TWIKIWEB%.PatternSkin
  1052 *Appearance: text colors, background colors, border colors.*
  1053 d5 1
  1054 a5 1
  1055 Use this topic to change the color settings of %TWIKIWEB%.PatternSkin. When this topic is saved, the attachment =theme-colors.css= will be updated with new color values. This method relies on TWiki:Plugins.AttachContentPlugin to work.
  1056 d9 3
  1057 a11 4
  1058 Let %TWIKIWEB%.PatternSkin point to the custom-made colors style sheet. In [[%MAINWEB%.TWikiPreferences]] put:
  1059 <pre>
  1060    * <nop>Set USERCOLORSURL = %<nop>PUBURLPATH%/%<nop>MAINWEB%/TWikiPreferences/theme-colors.css
  1061 </pre>
  1062 d14 6
  1063 a19 1
  1064 Edit this topic, and change the color variables as you like. 
  1065 d21 3
  1066 a23 1
  1067 ---++!! Color variables  
  1068 d27 1
  1069 a27 1
  1070 ---+++ Text on background
  1071 d34 13
  1072 a46 1
  1073    
  1074 d49 1
  1075 a49 1
  1076    * Set LINK_TEXT_NORMAL = #06c
  1077 d52 2
  1078 d55 1
  1079 a55 1
  1080    * Set LINK_TEXT_ACTION_BUTTON = #D6000F
  1081 d57 1
  1082 a57 1
  1083    * Set LINK_TEXT_HOVER = #FBF7E8
  1084 d59 1
  1085 a59 1
  1086    * Set LINK_BACKGROUND_HOVER = #D6000F
  1087 d61 2
  1088 a62 12
  1089    * Set SIDE_BAR_LINK_TEXT = #666
  1090 ---++++ LINK_TEXT_NORMAL_TABLE_HEADER Table header link text
  1091    * Set LINK_TEXT_NORMAL_TABLE_HEADER = #fff
  1092 ---++++ LINK_TEXT_NORMAL_BORDER_TABLE_HEADER Table header link border
  1093    * Set LINK_TEXT_NORMAL_BORDER_TABLE_HEADER = #bbb
  1094 ---++++ LINK_TEXT_SORTED_TABLE_HEADER Sorted table header link text
  1095    * Set LINK_TEXT_SORTED_TABLE_HEADER = #fff
  1096 ---++++ LINK_TEXT_HOVER_TABLE_HEADER Table header link hover text
  1097    * Set LINK_TEXT_HOVER_TABLE_HEADER = #fff
  1098 ---++++ LINK_BORDER_TABLE_SELECTED_COLUMN_HEADER Link border in selected column header
  1099    * Set LINK_BORDER_TABLE_SELECTED_COLUMN_HEADER = #999
  1100    
  1101 d67 1
  1102 a67 1
  1103    * Set DISABLED_TEXT = #ccc
  1104 d69 3
  1105 a71 1
  1106    * Set DISABLED_BACKGROUND = #f5f5f5
  1107 d74 1
  1108 a74 1
  1109 ---++++ NEW_TEXT New text (green) 
  1110 d76 1
  1111 a76 1
  1112 ---++++ NEW_BACKGROUND New background (light green) 
  1113 d86 1
  1114 a86 1
  1115  
  1116 d89 1
  1117 a89 1
  1118    * Set BUTTON_TEXT = #333
  1119 d91 11
  1120 a101 7
  1121    * Set BUTTON_BORDERS = #ddd #aaa #aaa #ddd
  1122 ---++++ BUTTON_BORDERS_ACTIVE Button borders (active)
  1123    * Set BUTTON_BORDERS_ACTIVE = #999 #ccc #ccc #999
  1124 ---++++ SUBMIT_BUTTON_BACKGROUND Submit button background (dark yellow)
  1125    * Set SUBMIT_BUTTON_BACKGROUND = #FED764
  1126 ---++++ SUBMIT_BUTTON_BORDER Submit button border (blue) 
  1127    * Set SUBMIT_BUTTON_BORDER = #88B6CF
  1128 a102 29
  1129 ---+++ Forms
  1130 ---++++ INPUT_FIELD_BORDERS Input field borders
  1131    * Set INPUT_FIELD_BORDERS = #aaa #ddd #ddd #aaa
  1132 ---++++ FORM_INPUT_BORDER Textarea, input and select (darker gray)
  1133    * Set FORM_INPUT_BORDER = #aaa
  1134 ---++++ FORM_BORDER Form (same as twikiTable border)
  1135    * Set FORM_BORDER = #ccc
  1136 ---++++ ACTIVE_FORM_BACKGROUND Edit form, form steps
  1137    * Set ACTIVE_FORM_BACKGROUND = #f8fbfc
  1138 ---++++ FORMFIELD_ACTIVE Active form field (not implemented yet)
  1139    * Set FORMFIELD_ACTIVE = #ffc
  1140    
  1141 ---++ Color groupings
  1142 ---+++ Text colors
  1143 ---++++ GENERAL_TEXT General text (if not set in MAIN_BACKGROUND_COLOR) (black)
  1144    * Set GENERAL_TEXT = #000
  1145 ---++++ HEADER_TEXT Header text
  1146    * Set HEADER_TEXT = #a00
  1147 ---++++ CODE_TEXT Code text, left bar text and links
  1148    * Set CODE_TEXT = #7A4707
  1149 ---++++ MUTED_TEXT Muted text (dark gray)
  1150    * Set MUTED_TEXT = #666
  1151 ---++++ GRAYED_OUT_TEXT Grayed out text
  1152    * Set GRAYED_OUT_TEXT = #8E9195
  1153 ---++++ STRONG_TEXT Dark text, header (dark gray)
  1154    * Set STRONG_TEXT = #333
  1155 ---++++ SEPARATOR Seperator in topic action bar
  1156    * Set SEPARATOR = #aaa
  1157 	
  1158 d104 1
  1159 a104 1
  1160 ---++++ GENERAL_BACKGROUND General background color (if not set in  MAIN_BACKGROUND_COLOR) (white)
  1161 d107 12
  1162 a118 12
  1163    * Set SIDE_BAR_BACKGROUND = #f7fafc
  1164 ---++++ SIDE_BAR_PERSONAL_BACKGROUND Side bar personal background
  1165    * Set SIDE_BAR_PERSONAL_BACKGROUND = #e6eff5;
  1166 ---++++ INFO_BACKGROUND Info (very light blue) (placeholder for background image)
  1167    * Set INFO_BACKGROUND = #f8fbfc
  1168 ---++++ TOPIC_ACTION_BACKGROUND Topic action row (light yellow)
  1169    * Set TOPIC_ACTION_BACKGROUND = #FCF8EC
  1170 ---++++ HEADER_BACKGROUND H1, H2, etc header (light yellow) 
  1171    * Set HEADER_BACKGROUND = #FDFAF3
  1172 ---++++ ATTACHMENT_AND_FORM_BACKGROUND Attachment, form (light yellow)
  1173    * Set ATTACHMENT_AND_FORM_BACKGROUND = #FEFCF6
  1174 ---++++ DIFF_HEADER_BACKGROUND Diff header (dark gray) (same as GRAYED_OUT_TEXT)
  1175 d120 20
  1176 d146 1
  1177 a146 1
  1178 ---+++++ TABLE_SELECTED_COLUMN_HEADER_BACKGROUND Sorted table column accent background 
  1179 d149 1
  1180 a149 1
  1181    * Set TABLE_DATA_ODD_BACKGROUND = #edf4f9
  1182 a157 10
  1183 	
  1184 ---+++ Border colors
  1185 ---++++ INFO_BORDER Info (light blue)
  1186    * Set INFO_BORDER = #D5E6F3
  1187 ---++++ SEPARATOR_BORDER HR line, bottom of h2, attachment table, form (brown)
  1188    * Set SEPARATOR_BORDER = #E2DCC8
  1189 ---++++ MINOR_SEPARATOR_BORDER Header H3..H6 bottom (75% of SEPARATOR_BORDER)
  1190    * Set MINOR_SEPARATOR_BORDER = #E9E4D2
  1191 ---++++ LAYOUT_ELEMENT_BORDER Main layout elements (neutral tone) 
  1192    * Set LAYOUT_ELEMENT_BORDER = #ccc
  1193 d159 26
  1194 a184 4
  1195    * Set TABLE_BORDER = #ccc
  1196 ---++++ TABLE_BORDER_LIGHT Table border light
  1197    * Set TABLE_BORDER_LIGHT = #e2e7eb
  1198    
  1199 d188 1
  1200 a188 1
  1201 -------------------------------------------------------------------------------
  1202 d190 1
  1203 a190 1
  1204 %STARTATTACH{"theme-colors.css"}%
  1205 d192 1
  1206 a192 1
  1207 /* Generated by AttachContentPlugin from TWiki.PatternSkinColorSettings */
  1208 d197 2
  1209 a198 2
  1210 	background-color:%MAIN_BACKGROUND_COLOR%;
  1211 	border-color:%LAYOUT_ELEMENT_BORDER%;
  1212 d202 2
  1213 a203 2
  1214 	background-color:%MAIN_BACKGROUND_COLOR%; /* Sets background of center col */
  1215 	border-color:%LAYOUT_ELEMENT_BORDER%;
  1216 d205 1
  1217 a205 1
  1218 #patternLeftBar, #patternLeftBarContents { /* don't set a background here; use patternWrapper */ }
  1219 d207 1
  1220 a207 1
  1221 	background-color:%SIDE_BAR_BACKGROUND%;
  1222 d210 1
  1223 a210 2
  1224 	background-color:%MAIN_BACKGROUND_COLOR%;
  1225 	border-color:%LAYOUT_ELEMENT_BORDER%;
  1226 d215 1
  1227 a215 1
  1228 	color:%GRAYED_OUT_TEXT%;
  1229 d218 1
  1230 a218 1
  1231 	color:%LINK_TEXT_HOVER%;
  1232 d224 2
  1233 a225 2
  1234 	background-color:%MAIN_BACKGROUND_COLOR%;
  1235 	color:%MAIN_TEXT_COLOR%;
  1236 d229 1
  1237 a229 1
  1238 	background-color:transparent;
  1239 d232 2
  1240 a233 2
  1241 	color:%LAYOUT_ELEMENT_BORDER%;
  1242 	background-color:%LAYOUT_ELEMENT_BORDER%;
  1243 d236 1
  1244 a236 1
  1245 	color:%CODE_TEXT%;
  1246 d239 5
  1247 a243 2
  1248 	border-color:%INFO_BORDER%;
  1249 	background-color:%ACTIVE_FORM_BACKGROUND%;
  1250 d246 1
  1251 a246 8
  1252 	color:%HEADER_TEXT%;
  1253 }
  1254 h1 a:link,
  1255 h1 a:visited {
  1256 	color:%HEADER_TEXT%;
  1257 }
  1258 h1 a:hover {
  1259 	color:%LINK_TEXT_HOVER%;
  1260 d249 2
  1261 a250 2
  1262 	background-color:%HEADER_BACKGROUND%;
  1263 	border-color:%SEPARATOR_BORDER%;
  1264 d253 1
  1265 a253 1
  1266 	border-color:%MINOR_SEPARATOR_BORDER%;
  1267 d257 1
  1268 a257 1
  1269 	color:inherit;
  1270 d261 2
  1271 a262 2
  1272 	color:%MUTED_TEXT%;
  1273 	border-color:%TABLE_BORDER%;
  1274 d265 3
  1275 a267 3
  1276 	background-color:%LINK_BACKGROUND_HOVER%;
  1277 	color:%LINK_TEXT_HOVER%;
  1278 	border-color:%LINK_BACKGROUND_HOVER%;
  1279 d270 1
  1280 a270 1
  1281 	border-color:%TABLE_BORDER%;
  1282 d278 2
  1283 a279 2
  1284 	color:%LINK_TEXT_NORMAL%;
  1285 	background-color:transparent;
  1286 d283 3
  1287 a285 2
  1288 	color:%LINK_TEXT_HOVER%;
  1289 	background-color:%LINK_BACKGROUND_HOVER%;
  1290 d289 1
  1291 a289 6
  1292 	background-color:transparent;
  1293 }
  1294 /* fix for hover over transparent logo: */
  1295 #patternTopBar :link:hover img,
  1296 #patternTopBar :visited:hover img {
  1297 	background:%MAIN_BACKGROUND_COLOR%;
  1298 d292 1
  1299 a292 1
  1300 	color:%MUTED_TEXT%;
  1301 d295 23
  1302 a317 1
  1303 	color:%LINK_TEXT_HOVER%;
  1304 d325 3
  1305 a327 3
  1306 	border-color:%FORM_INPUT_BORDER%;
  1307 	color:%MAIN_TEXT_COLOR%;
  1308 	background-color:%GENERAL_BACKGROUND%;
  1309 d331 1
  1310 a331 3
  1311 	border-color:%BUTTON_BORDERS%;
  1312 	color:%BUTTON_TEXT%;
  1313 	background-color:%GENERAL_BACKGROUND%;
  1314 d333 11
  1315 a343 4
  1316 .twikiSubmit:active,
  1317 .twikiButton:active {
  1318 	border-color:%BUTTON_BORDERS_ACTIVE%;
  1319 	color:%GENERAL_TEXT%;
  1320 d347 3
  1321 a349 3
  1322 	border-color:%DISABLED_BORDER%;
  1323 	color:%DISABLED_TEXT%;
  1324 	background-color:%DISABLED_BACKGROUND%;
  1325 d351 1
  1326 d353 2
  1327 d356 16
  1328 a371 3
  1329 	border-color:%INPUT_FIELD_BORDERS%;
  1330 	color:%MAIN_TEXT_COLOR%;
  1331 	background-color:%MAIN_BACKGROUND_COLOR%;
  1332 d374 5
  1333 a378 1
  1334 	color:%MUTED_TEXT%;
  1335 d380 18
  1336 a397 4
  1337 
  1338 /*	-----------------------------------------------------------
  1339 	Plugin elements
  1340 	-----------------------------------------------------------	*/
  1341 d401 1
  1342 a401 3
  1343 .twikiTable td {
  1344 	border-color:%TABLE_BORDER%;
  1345 }
  1346 d403 1
  1347 a403 1
  1348 	border-color:%TABLE_BORDER% %MAIN_BACKGROUND_COLOR%;
  1349 d408 1
  1350 a408 1
  1351 	color:%LINK_TEXT_NORMAL_TABLE_HEADER%;
  1352 d413 1
  1353 a413 1
  1354 	color:%GRAYED_OUT_TEXT%;
  1355 d416 1
  1356 a416 1
  1357 	color:%LINK_TEXT_HOVER%;
  1358 a420 12
  1359 	background-color:%INFO_BACKGROUND%;
  1360 }
  1361 .patternTopic .tipsOfTheDayHeader {
  1362 	color:%STRONG_TEXT%;
  1363 }
  1364 /* TipsContrib - in left bar */
  1365 #patternLeftBar .tipsOfTheDay a:link,
  1366 #patternLeftBar .tipsOfTheDay a:visited {
  1367 	color:%HEADER_TEXT%;
  1368 }
  1369 #patternLeftBar .tipsOfTheDay a:hover {
  1370 	color:%LINK_TEXT_HOVER%;
  1371 d425 1
  1372 a425 1
  1373 	background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
  1374 d428 3
  1375 a430 3
  1376 /*	-----------------------------------------------------------
  1377 	TWiki styles
  1378 	-----------------------------------------------------------	*/
  1379 d433 1
  1380 a433 1
  1381 	color:%GRAYED_OUT_TEXT%;
  1382 d437 1
  1383 a437 1
  1384 	color:%GRAYED_OUT_TEXT%;
  1385 d440 1
  1386 a440 1
  1387 	color:%LINK_TEXT_HOVER%;
  1388 d445 1
  1389 a445 1
  1390 	color:%MUTED_TEXT%;
  1391 d448 1
  1392 a448 1
  1393 	color:%MAIN_TEXT_COLOR%;
  1394 d453 1
  1395 a453 1
  1396 	border-color:%TABLE_BORDER_LIGHT%;
  1397 d457 1
  1398 a457 1
  1399 	background-color:%TABLE_DATA_MIX_BACKGROUND%;
  1400 d460 1
  1401 a460 1
  1402 	background-color:%TABLE_DATA_ODD_BACKGROUND%;
  1403 d464 2
  1404 a465 2
  1405 	background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
  1406 	border-color:%SEPARATOR_BORDER%;
  1407 d469 2
  1408 a470 2
  1409 	border-color:%LAYOUT_ELEMENT_BORDER%;
  1410 	background-color:%MAIN_BACKGROUND_COLOR%;
  1411 d473 1
  1412 a473 1
  1413 	background-color:%MAIN_BACKGROUND_COLOR%;
  1414 d477 1
  1415 a477 1
  1416 	border-color:%LAYOUT_ELEMENT_BORDER%;
  1417 d481 1
  1418 a481 1
  1419 	color:%LINK_TEXT_NORMAL%;
  1420 d485 2
  1421 a486 2
  1422 	background-color:%ACTIVE_FORM_BACKGROUND%;
  1423 	border-color:%SEPARATOR_BORDER%;
  1424 d489 5
  1425 a493 1
  1426 	border-color:%SEPARATOR_BORDER%;
  1427 d497 4
  1428 a500 1
  1429 	background-color:transparent;
  1430 d503 1
  1431 a503 1
  1432 	color:%MUTED_TEXT%;
  1433 d506 15
  1434 a520 1
  1435 	background-color:yellow;
  1436 d524 1
  1437 a524 1
  1438 	color:%ALERT_TEXT%;
  1439 d528 1
  1440 a528 1
  1441 	color:%ALERT_TEXT%;
  1442 d531 1
  1443 a531 1
  1444 	color:%LINK_TEXT_NORMAL%;
  1445 d534 2
  1446 a535 2
  1447 	border-color:%TABLE_BORDER%;
  1448 	background:%MAIN_BACKGROUND_COLOR%;
  1449 d538 3
  1450 a540 7
  1451 	border-color:%FORM_BORDER%;
  1452 	background-color:%FORM_BORDER%;
  1453 	color:%FORM_BORDER%;
  1454 }
  1455 .twikiHelp {
  1456 	background-color:%INFO_BACKGROUND%;
  1457 	border-color:%INFO_BORDER%;
  1458 d543 2
  1459 a544 2
  1460 	color:inherit;
  1461 	border-color:%GRAYED_OUT_TEXT%;
  1462 d547 3
  1463 a549 1
  1464 a:visited .twikiAccessKey,
  1465 d551 11
  1466 a561 1
  1467 	color:inherit;
  1468 d564 3
  1469 a566 4
  1470 
  1471 /*	-----------------------------------------------------------
  1472 	Pattern skin specific elements
  1473 	-----------------------------------------------------------	*/
  1474 d568 18
  1475 a585 1
  1476 	background-color:%MAIN_BACKGROUND_COLOR%;
  1477 d587 1
  1478 d590 1
  1479 a590 11
  1480 	color:%MUTED_TEXT%;
  1481 }
  1482 #patternLeftBarContents .patternWebIndicator {
  1483 	color:%GENERAL_TEXT%;
  1484 }
  1485 #patternLeftBarContents .patternWebIndicator a:link,
  1486 #patternLeftBarContents .patternWebIndicator a:visited {
  1487 	color:%GENERAL_TEXT%;
  1488 }
  1489 #patternLeftBarContents .patternWebIndicator a:hover {
  1490 	color:%LINK_TEXT_HOVER%;
  1491 d593 2
  1492 a594 2
  1493 	color:%SEPARATOR_BORDER%;
  1494 	background-color:%SEPARATOR_BORDER%;
  1495 d598 1
  1496 a598 1
  1497 	color:%SIDE_BAR_LINK_TEXT%;
  1498 d601 5
  1499 a605 1
  1500 	color:%LINK_TEXT_HOVER%;
  1501 d609 1
  1502 a609 21
  1503 	color:%STRONG_TEXT%;
  1504 }
  1505 #patternLeftBarContents .patternChangeLanguage {
  1506 	color:%GRAYED_OUT_TEXT%;
  1507 }
  1508 #patternLeftBarContents .patternLeftBarPersonal {
  1509 	background-color:%SIDE_BAR_PERSONAL_BACKGROUND%
  1510 }
  1511 #patternLeftBarContents .patternLeftBarPersonal a:link,
  1512 #patternLeftBarContents .patternLeftBarPersonal a:visited,
  1513 #patternLeftBarContents .twikiHierarchicalNavigation a:link,
  1514 #patternLeftBarContents .twikiHierarchicalNavigation a:visited {
  1515 	color:%LINK_TEXT_NORMAL%;
  1516 }
  1517 #patternLeftBarContents .patternLeftBarPersonal a:hover,
  1518 #patternLeftBarContents .twikiHierarchicalNavigation a:hover {
  1519 	color:%LINK_TEXT_HOVER%;
  1520 	background-color:%LINK_BACKGROUND_HOVER%;
  1521 }
  1522 #patternLeftBarContents .twikiHierarchicalNavigation {
  1523 	background:%MAIN_BACKGROUND_COLOR%;
  1524 d611 1
  1525 d613 3
  1526 a615 1
  1527 	border-color:%SEPARATOR_BORDER%;
  1528 d618 1
  1529 a618 3
  1530 	color:%MUTED_TEXT%;
  1531 	border-color:%SEPARATOR_BORDER%;
  1532 	background-color:%TOPIC_ACTION_BACKGROUND%;
  1533 d622 1
  1534 a622 1
  1535 	color:%DISABLED_TEXT%;
  1536 d625 1
  1537 a625 1
  1538 	color:%SEPARATOR_BORDER%;
  1539 d629 1
  1540 a629 1
  1541 	color:%LINK_TEXT_ACTION_BUTTON%;
  1542 d632 1
  1543 a632 1
  1544 	color:%LINK_TEXT_HOVER%;
  1545 d635 5
  1546 a639 2
  1547 	color:%LINK_TEXT_ACTION_BUTTON%;
  1548 	border-color:%LINK_TEXT_ACTION_BUTTON%;
  1549 d642 1
  1550 a642 1
  1551 	color:%GENERAL_TEXT%;
  1552 d645 1
  1553 a645 1
  1554 	color:%GRAYED_OUT_TEXT%;
  1555 d647 4
  1556 a650 31
  1557 .patternFormFieldDefaultColor {
  1558 	/* input fields default text color (no user input) */
  1559 	color:%GRAYED_OUT_TEXT%;
  1560 }
  1561 
  1562 .patternToolBar .patternButton s,
  1563 .patternToolBar .patternButton strike,
  1564 .patternToolBar .patternButton a:link,
  1565 .patternToolBar .patternButton a:visited {
  1566 	border-color:%SEPARATOR_BORDER%;
  1567 	background-color:%GENERAL_BACKGROUND%;
  1568 }
  1569 .patternToolBar .patternButton a:link,
  1570 .patternToolBar .patternButton a:visited {
  1571 	color:%MUTED_TEXT%;
  1572 }
  1573 .patternToolBar .patternButton s,
  1574 .patternToolBar .patternButton strike {
  1575 	color:%DISABLED_TEXT%;
  1576 	border-color:%DISABLED_BORDER%;
  1577 }
  1578 .patternToolBar .patternButton a:hover {
  1579 	background-color:%LINK_BACKGROUND_HOVER%;
  1580 	color:%LINK_TEXT_HOVER%;
  1581 	border-color:%LINK_TEXT_ACTION_BUTTON%;
  1582 }
  1583 .patternToolBar .patternButton img {
  1584 	background-color:transparent;
  1585 }	
  1586 .patternToolBarBottom {
  1587 	border-color:%SEPARATOR_BORDER%;
  1588 d654 2
  1589 a655 2
  1590 	color:inherit;
  1591 	border-color:%MUTED_TEXT%;
  1592 d658 3
  1593 a660 20
  1594 	background-color:transparent;
  1595 	color:inherit;
  1596 }
  1597 
  1598 .patternRevInfo,
  1599 .patternRevInfo a:link,
  1600 .patternRevInfo a:visited {
  1601 	color:%GRAYED_OUT_TEXT%;
  1602 }
  1603 .patternRevInfo a:hover {
  1604 	color:%LINK_TEXT_HOVER%;
  1605 }
  1606 
  1607 .patternMoved,
  1608 .patternMoved a:link,
  1609 .patternMoved a:visited {
  1610 	color:%GRAYED_OUT_TEXT%;
  1611 }
  1612 .patternMoved a:hover {
  1613 	color:%LINK_TEXT_HOVER%;
  1614 d663 1
  1615 a663 1
  1616 	background-color:%MAIN_BACKGROUND_COLOR%;
  1617 d667 3
  1618 d672 7
  1619 a678 3
  1620 	background-color:%GENERAL_BACKGROUND%;
  1621 	border-color:%TABLE_BORDER%;
  1622 } 
  1623 d680 1
  1624 a680 4
  1625 	color:%MAIN_TEXT_COLOR%;
  1626 }
  1627 table#twikiSearchTable td.first {
  1628 	background-color:%TOPIC_ACTION_BACKGROUND%;
  1629 d683 4
  1630 a686 4
  1631 /*	-----------------------------------------------------------
  1632 	Search results
  1633 	styles and overridden styles used in search.pattern.tmpl
  1634 	-----------------------------------------------------------	*/
  1635 d690 2
  1636 a691 2
  1637 	background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
  1638 	border-color:%LAYOUT_ELEMENT_BORDER%;
  1639 d694 1
  1640 a694 1
  1641 	color:%MAIN_TEXT_COLOR%;
  1642 d697 1
  1643 a697 1
  1644 	color:%HEADER_TEXT%;
  1645 d700 1
  1646 a700 1
  1647 	border-color:%TABLE_BORDER%;
  1648 d703 1
  1649 a703 1
  1650 	color:%ALERT_TEXT%;
  1651 d706 1
  1652 a706 1
  1653 	color:%ALERT_TEXT_MUTED%;
  1654 d709 3
  1655 a711 3
  1656 	background-color:%NEW_BACKGROUND%;
  1657 	border-color:%NEW_TEXT%;
  1658 	color:%NEW_TEXT%;
  1659 d714 1
  1660 a714 1
  1661 	border-color:%TABLE_BORDER%;
  1662 d720 2
  1663 a721 2
  1664 	background-color:transparent; /* set to WEBBGCOLOR in css.pattern.tmpl */
  1665 	color:%MUTED_TEXT%;
  1666 d724 1
  1667 a724 1
  1668 	border-color:%TABLE_BORDER%;
  1669 d727 1
  1670 a727 7
  1671 	color:%GRAYED_OUT_TEXT%;
  1672 }
  1673 
  1674 /* oopsmore.pattern.tmpl */
  1675 
  1676 table.patternDiffOptions img {
  1677 	border-color:%LAYOUT_ELEMENT_BORDER%;
  1678 a731 10
  1679 .twikiChangeFormButton .twikiButton,
  1680 .twikiChangeFormButtonHolder .twikiButton { /* looks like a link */
  1681 	color:%LINK_TEXT_NORMAL%;
  1682 	background:none;
  1683 }
  1684 .patternSig input {
  1685 	color:%GRAYED_OUT_TEXT%;
  1686 	background-color:%MAIN_BACKGROUND_COLOR%;
  1687 }
  1688 
  1689 d734 3
  1690 a736 3
  1691 .patternPreviewArea {
  1692 	border-color:%ALERT_BORDER%;
  1693 	background-color:%MAIN_BACKGROUND_COLOR%;
  1694 d742 1
  1695 a742 1
  1696 	border-color:%TABLE_HEADER_BACKGROUND%;
  1697 d744 7
  1698 a750 7
  1699 .patternDiff h4.patternSearchResultsHeader {
  1700 	background-color:%TABLE_HEADER_BACKGROUND%;
  1701 	color:%LIGHT_ON_DARK_TEXT_COLOR%;
  1702 }
  1703 .patternDiff h4.patternSearchResultsHeader a:link,
  1704 .patternDiff h4.patternSearchResultsHeader a:visited {
  1705 	color:%LIGHT_ON_DARK_TEXT_COLOR%;
  1706 d753 1
  1707 a753 1
  1708 	border-color:%TABLE_BORDER%;
  1709 d756 1
  1710 a756 1
  1711 	background-color:%DIFF_HEADER_BACKGROUND%;
  1712 d762 1
  1713 a762 1
  1714 	background:#9f9; /* green - do not change */
  1715 d768 1
  1716 a768 1
  1717 	background-color:#f99; /* red - do not change */
  1718 d774 1
  1719 a774 1
  1720 	background-color:#ccf; /* violet - do not change */
  1721 d778 1
  1722 a778 1
  1723 	color:%GRAYED_OUT_TEXT%;
  1724 d782 1
  1725 a782 1
  1726 	background-color:%DIFF_HEADER_BACKGROUND%;
  1727 d789 4
  1728 a792 3
  1729 .twikiInputField {
  1730 	background-image:url(background_input.gif);
  1731 	background-repeat:repeat-x;
  1732 d794 4
  1733 a797 3
  1734 .twikiInputFieldDisabled {
  1735 	background-image:none;
  1736 	border:none;
  1737 d799 5
  1738 a803 3
  1739 .twikiButton {
  1740 	background-image:url(background_button.gif);
  1741 	background-repeat:repeat-x;
  1742 d805 2
  1743 a806 5
  1744 .patternToolBarButtons .patternButton a {
  1745 	/*
  1746 	background-image:url(background_button.gif);
  1747 	background-repeat:repeat-x;
  1748 	*/
  1749 d808 5
  1750 a812 3
  1751 .twikiSubmit {
  1752 	background-image:url(background_submit.gif);
  1753 	background-repeat:repeat-x;
  1754 d814 1
  1755 d816 2
  1756 a817 1
  1757 	background-image:none;
  1758 d819 14
  1759 a832 10
  1760 .twikiToc li {
  1761 	background-image:url(bullet-child-black.gif);
  1762 	background-repeat:no-repeat;
  1763 	background-position:0 .35em;
  1764 }
  1765 /*#patternLeftBarContents .patternLeftBarPersonal,*/
  1766 #twikiLogin,
  1767 #patternLeftBarContents .tipsOfTheDayContents {
  1768 	background-image:url(gradient_blue.gif);
  1769 	background-repeat:repeat-x;
  1770 d834 6
  1771 a839 4
  1772 #patternOuter {
  1773 	/* gradient yellow of left bar and main */
  1774 	background-image:url(gradient_yellow.gif);
  1775 	background-repeat:repeat-x;
  1776 d841 150
  1777 a990 6
  1778 .patternPrintPage #patternOuter {
  1779 	background:#fff; /* white - do not change */
  1780 }
  1781 .twikiPageForm table {
  1782 	background-image:url(form_gradient.gif);
  1783 	background-repeat:repeat-x;
  1784 d993 1
  1785 a993 2
  1786 
  1787 /* commong settings */
  1788 a994 2
  1789 .twikiHierarchicalNavigation .twikiChildTopics li,
  1790 .twikiHierarchicalNavigation .twikiParentTopic li,
  1791 d997 3
  1792 a999 7
  1793 	padding-left:13px;
  1794 	background-position:0 .25em;
  1795 	background-repeat:no-repeat;
  1796 }
  1797 .patternLeftBarPersonal li,
  1798 .twikiHierarchicalNavigation .twikiChildTopics li {
  1799 	background-image:url(bullet-blue.gif);
  1800 d1001 2
  1801 a1002 2
  1802 .twikiHierarchicalNavigation .twikiParentTopic li {
  1803 	background-image:url(bullet-parent.gif);
  1804 d1005 1
  1805 a1005 1
  1806 	background-image:url(bullet-lock.gif);
  1807 d1008 1
  1808 a1008 1
  1809 	background-image:url(bullet-lock.gif);
  1810 a1011 1
  1811 
  1812 @