# Color scheme settings for [[PatternSkin]] **Appearance: text colors, background colors, border colors.** Use this topic to change the color settings of [[PatternSkin]]. When this topic is saved, the attachment `theme-colors.css` will be updated with new color values. This method relies on TWiki:Plugins.AttachContentPlugin to work. ## Usage ### Step 1 Let [[PatternSkin]] point to the custom-made colors style sheet. In [[Main.TWikiPreferences|Main/TWikiPreferences]] put: * Set USERCOLORSURL = %PUBURLPATH%/%MAINWEB%/TWikiPreferences/theme-colors.css ### Step 2 Edit this topic, and change the color variables as you like. ## Color variables
## Logical groupings ### Text on background #### MAIN\_TEXT\_COLOR Main text color - Set MAIN\_TEXT\_COLOR = #000 #### MAIN\_BACKGROUND\_COLOR Main background color - Set MAIN\_BACKGROUND\_COLOR = #fff #### LIGHT\_ON\_DARK\_TEXT\_COLOR Light on dark text color - Set LIGHT\_ON\_DARK\_TEXT\_COLOR = #fff ### Links #### LINK\_TEXT\_NORMAL Link normal text - Set LINK\_TEXT\_NORMAL = #06c #### LINK\_BACKGROUND\_NORMAL Link normal background - Set LINK\_BACKGROUND\_NORMAL = #### LINK\_TEXT\_ACTION\_BUTTON Link text red (same as LINK\_BACKGROUND\_HOVER) - Set LINK\_TEXT\_ACTION\_BUTTON = #D6000F #### LINK\_TEXT\_HOVER Link hover text - Set LINK\_TEXT\_HOVER = #FBF7E8 #### LINK\_BACKGROUND\_HOVER Link background hover - Set LINK\_BACKGROUND\_HOVER = #D6000F #### SIDE\_BAR\_LINK\_TEXT Side bar link text - Set SIDE\_BAR\_LINK\_TEXT = #666 #### LINK\_TEXT\_NORMAL\_TABLE\_HEADER Table header link text - Set LINK\_TEXT\_NORMAL\_TABLE\_HEADER = #fff #### LINK\_TEXT\_NORMAL\_BORDER\_TABLE\_HEADER Table header link border - Set LINK\_TEXT\_NORMAL\_BORDER\_TABLE\_HEADER = #bbb #### LINK\_TEXT\_SORTED\_TABLE\_HEADER Sorted table header link text - Set LINK\_TEXT\_SORTED\_TABLE\_HEADER = #fff #### LINK\_TEXT\_HOVER\_TABLE\_HEADER Table header link hover text - Set LINK\_TEXT\_HOVER\_TABLE\_HEADER = #fff #### LINK\_BORDER\_TABLE\_SELECTED\_COLUMN\_HEADER Link border in selected column header - Set LINK\_BORDER\_TABLE\_SELECTED\_COLUMN\_HEADER = #999 ### Disabled #### DISABLED\_BORDER Disabled border - Set DISABLED\_BORDER = #e0e0e0 #### DISABLED\_TEXT Disabled text - Set DISABLED\_TEXT = #ccc #### DISABLED\_BACKGROUND Disabled background - Set DISABLED\_BACKGROUND = #f5f5f5 ### 'New' #### NEW\_TEXT New text (green) - Set NEW\_TEXT = #049804 #### NEW\_BACKGROUND New background (light green) - Set NEW\_BACKGROUND = #ECFADC ### Alert #### ALERT\_TEXT Alert text (red) - Set ALERT\_TEXT = #f00 #### ALERT\_TEXT\_MUTED Muted alert text (dark red) - Set ALERT\_TEXT\_MUTED = #900 #### ALERT\_BORDER Alert border - Set ALERT\_BORDER = #f00 ### Buttons #### BUTTON\_TEXT Button text color (dark gray) - Set BUTTON\_TEXT = #333 #### BUTTON\_BORDERS Button borders - Set BUTTON\_BORDERS = #ddd #aaa #aaa #ddd #### BUTTON\_BORDERS\_ACTIVE Button borders (active) - Set BUTTON\_BORDERS\_ACTIVE = #999 #ccc #ccc #999 #### SUBMIT\_BUTTON\_BACKGROUND Submit button background (dark yellow) - Set SUBMIT\_BUTTON\_BACKGROUND = #FED764 #### SUBMIT\_BUTTON\_BORDER Submit button border (blue) - Set SUBMIT\_BUTTON\_BORDER = #88B6CF ### Forms #### INPUT\_FIELD\_BORDERS Input field borders - Set INPUT\_FIELD\_BORDERS = #aaa #ddd #ddd #aaa #### FORM\_INPUT\_BORDER Textarea, input and select (darker gray) - Set FORM\_INPUT\_BORDER = #aaa #### FORM\_BORDER Form (same as twikiTable border) - Set FORM\_BORDER = #ccc #### ACTIVE\_FORM\_BACKGROUND Edit form, form steps - Set ACTIVE\_FORM\_BACKGROUND = #f8fbfc #### FORMFIELD\_ACTIVE Active form field (not implemented yet) - Set FORMFIELD\_ACTIVE = #ffc ## Color groupings ### Text colors #### GENERAL\_TEXT General text (if not set in MAIN\_BACKGROUND\_COLOR) (black) - Set GENERAL\_TEXT = #000 #### HEADER\_TEXT Header text - Set HEADER\_TEXT = #a00 #### CODE\_TEXT Code text, left bar text and links - Set CODE\_TEXT = #7A4707 #### MUTED\_TEXT Muted text (dark gray) - Set MUTED\_TEXT = #666 #### GRAYED\_OUT\_TEXT Grayed out text - Set GRAYED\_OUT\_TEXT = #8E9195 #### STRONG\_TEXT Dark text, header (dark gray) - Set STRONG\_TEXT = #333 #### SEPARATOR Seperator in topic action bar - Set SEPARATOR = #aaa ### Background colors #### GENERAL\_BACKGROUND General background color (if not set in MAIN\_BACKGROUND\_COLOR) (white) - Set GENERAL\_BACKGROUND = #fff #### SIDE\_BAR\_BACKGROUND Side bar background - Set SIDE\_BAR\_BACKGROUND = #f7fafc #### SIDE\_BAR\_PERSONAL\_BACKGROUND Side bar personal background - Set SIDE\_BAR\_PERSONAL\_BACKGROUND = #e6eff5; #### INFO\_BACKGROUND Info (very light blue) (placeholder for background image) - Set INFO\_BACKGROUND = #f8fbfc #### TOPIC\_ACTION\_BACKGROUND Topic action row (light yellow) - Set TOPIC\_ACTION\_BACKGROUND = #FCF8EC #### HEADER\_BACKGROUND H1, H2, etc header (light yellow) - Set HEADER\_BACKGROUND = #FDFAF3 #### ATTACHMENT\_AND\_FORM\_BACKGROUND Attachment, form (light yellow) - Set ATTACHMENT\_AND\_FORM\_BACKGROUND = #FEFCF6 #### DIFF\_HEADER\_BACKGROUND Diff header (dark gray) (same as GRAYED\_OUT\_TEXT) - Set DIFF\_HEADER\_BACKGROUND = #ccc #### Table colors ##### TABLE\_DATA\_BACKGROUND Table data background - Set TABLE\_DATA\_BACKGROUND = #f0f6f9 ##### TABLE\_HEADER\_BACKGROUND Table header background - Set TABLE\_HEADER\_BACKGROUND = #6b7f93 ##### TABLE\_SELECTED\_COLUMN\_HEADER\_BACKGROUND Sorted table column accent background - Set TABLE\_SELECTED\_COLUMN\_HEADER\_BACKGROUND = #345 ##### TABLE\_DATA\_ODD\_BACKGROUND Table data background (odd row) - Set TABLE\_DATA\_ODD\_BACKGROUND = #edf4f9 ##### TABLE\_DATA\_EVEN\_BACKGROUND Table data background (even row) - Set TABLE\_DATA\_EVEN\_BACKGROUND = #ffffff ##### TABLE\_DATA\_ODD\_SELECTED\_BACKGROUND Table data background (odd row, selected column) - Set TABLE\_DATA\_ODD\_SELECTED\_BACKGROUND = #dce7ee ##### TABLE\_DATA\_EVEN\_SELECTED\_BACKGROUND Table data background (even row, selected column) - Set TABLE\_DATA\_EVEN\_SELECTED\_BACKGROUND = #f5f5f5 ##### TABLE\_DATA\_MIX\_BACKGROUND Table data background (mix between even and odd) - Set TABLE\_DATA\_MIX\_BACKGROUND = #f7fafc ### Border colors #### INFO\_BORDER Info (light blue) - Set INFO\_BORDER = #D5E6F3 #### SEPARATOR\_BORDER HR line, bottom of h2, attachment table, form (brown) - Set SEPARATOR\_BORDER = #E2DCC8 #### MINOR\_SEPARATOR\_BORDER Header H3..H6 bottom (75% of SEPARATOR\_BORDER) - Set MINOR\_SEPARATOR\_BORDER = #E9E4D2 #### LAYOUT\_ELEMENT\_BORDER Main layout elements (neutral tone) - Set LAYOUT\_ELEMENT\_BORDER = #ccc #### TABLE\_BORDER Table border, sup (light neutral tone) - Set TABLE\_BORDER = #ccc #### TABLE\_BORDER\_LIGHT Table border light - Set TABLE\_BORDER\_LIGHT = #e2e7eb Do not change the text below this line unless you know what you are doing! ---- %STARTATTACH{"theme-colors.css"}% /* PatternSkin colors */ /* Generated by AttachContentPlugin from TWiki.PatternSkinColorSettings */ /* LAYOUT ELEMENTS */ #patternTopBar { background-color:%MAIN_BACKGROUND_COLOR%; border-color:%LAYOUT_ELEMENT_BORDER%; } #patternMain { /* don't set a background here; use patternOuter */ } #patternOuter { background-color:%MAIN_BACKGROUND_COLOR%; /* Sets background of center col */ border-color:%LAYOUT_ELEMENT_BORDER%; } #patternLeftBar, #patternLeftBarContents { /* don't set a background here; use patternWrapper */ } #patternWrapper { background-color:%SIDE_BAR_BACKGROUND%; } #patternBottomBar { background-color:%MAIN_BACKGROUND_COLOR%; border-color:%LAYOUT_ELEMENT_BORDER%; } #patternBottomBarContents, #patternBottomBarContents a:link, #patternBottomBarContents a:visited { color:%GRAYED_OUT_TEXT%; } #patternBottomBarContents a:hover { color:%LINK_TEXT_HOVER%; } /* GENERAL HTML ELEMENTS */ html body { background-color:%MAIN_BACKGROUND_COLOR%; color:%MAIN_TEXT_COLOR%; } /* be kind to netscape 4 that doesn't understand inheritance */ body, p, li, ul, ol, dl, dt, dd, acronym, h1, h2, h3, h4, h5, h6 { background-color:transparent; } hr { color:%LAYOUT_ELEMENT_BORDER%; background-color:%LAYOUT_ELEMENT_BORDER%; } pre, code, tt { color:%CODE_TEXT%; } blockquote { border-color:%INFO_BORDER%; background-color:%ACTIVE_FORM_BACKGROUND%; } h1, h2, h3, h4, h5, h6 { color:%HEADER_TEXT%; } h1 a:link, h1 a:visited { color:%HEADER_TEXT%; } h1 a:hover { color:%LINK_TEXT_HOVER%; } h2 { background-color:%HEADER_BACKGROUND%; border-color:%SEPARATOR_BORDER%; } h3, h4, h5, h6 { border-color:%MINOR_SEPARATOR_BORDER%; } /* to override old Render.pm coded font color style */ .twikiNewLink font { color:inherit; } .twikiNewLink a:link sup, .twikiNewLink a:visited sup { color:%MUTED_TEXT%; border-color:%TABLE_BORDER%; } .twikiNewLink a:hover sup { background-color:%LINK_BACKGROUND_HOVER%; color:%LINK_TEXT_HOVER%; border-color:%LINK_BACKGROUND_HOVER%; } .twikiNewLink { border-color:%TABLE_BORDER%; } :link:focus, :visited:focus, :link, :visited, :link:active, :visited:active { color:%LINK_TEXT_NORMAL%; background-color:transparent; } :link:hover, :visited:hover { color:%LINK_TEXT_HOVER%; background-color:%LINK_BACKGROUND_HOVER%; } :link:hover img, :visited:hover img { background-color:transparent; } /* fix for hover over transparent logo: */ #patternTopBar :link:hover img, #patternTopBar :visited:hover img { background:%MAIN_BACKGROUND_COLOR%; } .patternTopic a:visited { color:%MUTED_TEXT%; } .patternTopic a:hover { color:%LINK_TEXT_HOVER%; } /* Form elements */ textarea, input, select { border-color:%FORM_INPUT_BORDER%; color:%MAIN_TEXT_COLOR%; background-color:%GENERAL_BACKGROUND%; } .twikiSubmit, .twikiButton { border-color:%BUTTON_BORDERS%; color:%BUTTON_TEXT%; background-color:%GENERAL_BACKGROUND%; } .twikiSubmit:active, .twikiButton:active { border-color:%BUTTON_BORDERS_ACTIVE%; color:%GENERAL_TEXT%; } .twikiSubmitDisabled, .twikiSubmitDisabled:active { border-color:%DISABLED_BORDER%; color:%DISABLED_TEXT%; background-color:%DISABLED_BACKGROUND%; } .twikiInputField, .twikiSelect { border-color:%INPUT_FIELD_BORDERS%; color:%MAIN_TEXT_COLOR%; background-color:%MAIN_BACKGROUND_COLOR%; } .twikiInputFieldDisabled { color:%MUTED_TEXT%; } /* ----------------------------------------------------------- Plugin elements ----------------------------------------------------------- */ /* TablePlugin */ .twikiTable, .twikiTable td { border-color:%TABLE_BORDER%; } .twikiTable th { border-color:%TABLE_BORDER% %MAIN_BACKGROUND_COLOR%; } .twikiTable th a:link, .twikiTable th a:visited, .twikiTable th a font { color:%LINK_TEXT_NORMAL_TABLE_HEADER%; } /* TwistyContrib */ .twistyPlaceholder { color:%GRAYED_OUT_TEXT%; } a:hover.twistyTrigger { color:%LINK_TEXT_HOVER%; } /* TipsContrib */ .tipsOfTheDay { background-color:%INFO_BACKGROUND%; } .patternTopic .tipsOfTheDayHeader { color:%STRONG_TEXT%; } /* TipsContrib - in left bar */ #patternLeftBar .tipsOfTheDay a:link, #patternLeftBar .tipsOfTheDay a:visited { color:%HEADER_TEXT%; } #patternLeftBar .tipsOfTheDay a:hover { color:%LINK_TEXT_HOVER%; } /* RevCommentPlugin */ .revComment .patternTopicAction { background-color:%ATTACHMENT_AND_FORM_BACKGROUND%; } /* ----------------------------------------------------------- TWiki styles ----------------------------------------------------------- */ .twikiGrayText { color:%GRAYED_OUT_TEXT%; } .twikiGrayText a:link, .twikiGrayText a:visited { color:%GRAYED_OUT_TEXT%; } .twikiGrayText a:hover { color:%LINK_TEXT_HOVER%; } table.twikiFormTable th.twikiFormTableHRow, table.twikiFormTable td.twikiFormTableRow { color:%MUTED_TEXT%; } .twikiEditForm { color:%MAIN_TEXT_COLOR%; } .twikiEditForm .twikiFormTable, .twikiEditForm .twikiFormTable th, .twikiEditForm .twikiFormTable td { border-color:%TABLE_BORDER_LIGHT%; } /* use a different table background color mix: no odd/even rows, no white background */ .twikiEditForm .twikiFormTable td { background-color:%TABLE_DATA_MIX_BACKGROUND%; } .twikiEditForm .twikiFormTable th { background-color:%TABLE_DATA_ODD_BACKGROUND%; } .patternContent .twikiAttachments, .patternContent .twikiForm { background-color:%ATTACHMENT_AND_FORM_BACKGROUND%; border-color:%SEPARATOR_BORDER%; } .twikiAttachments table, table.twikiFormTable { border-color:%LAYOUT_ELEMENT_BORDER%; background-color:%MAIN_BACKGROUND_COLOR%; } .twikiAttachments table { background-color:%MAIN_BACKGROUND_COLOR%; } .twikiAttachments td, .twikiAttachments th { border-color:%LAYOUT_ELEMENT_BORDER%; } .twikiAttachments .twikiTable th font, table.twikiFormTable th.twikiFormTableHRow font { color:%LINK_TEXT_NORMAL%; } .twikiFormSteps { background-color:%ACTIVE_FORM_BACKGROUND%; border-color:%SEPARATOR_BORDER%; } .twikiFormStep { border-color:%SEPARATOR_BORDER%; } .twikiFormStep h3, .twikiFormStep h4 { background-color:transparent; } .twikiToc .twikiTocTitle { color:%MUTED_TEXT%; } .twikiBroadcastMessage { background-color:yellow; } .twikiBroadcastMessage b, .twikiBroadcastMessage strong { color:%ALERT_TEXT%; } .twikiAlert, .twikiAlert code { color:%ALERT_TEXT%; } .twikiEmulatedLink { color:%LINK_TEXT_NORMAL%; } .twikiPageForm table { border-color:%TABLE_BORDER%; background:%MAIN_BACKGROUND_COLOR%; } .twikiPageForm hr { border-color:%FORM_BORDER%; background-color:%FORM_BORDER%; color:%FORM_BORDER%; } .twikiHelp { background-color:%INFO_BACKGROUND%; border-color:%INFO_BORDER%; } .twikiAccessKey { color:inherit; border-color:%GRAYED_OUT_TEXT%; } a:link .twikiAccessKey, a:visited .twikiAccessKey, a:hover .twikiAccessKey { color:inherit; } /* ----------------------------------------------------------- Pattern skin specific elements ----------------------------------------------------------- */ #patternPage { background-color:%MAIN_BACKGROUND_COLOR%; } /* Left bar */ #patternLeftBarContents { color:%MUTED_TEXT%; } #patternLeftBarContents .patternWebIndicator { color:%GENERAL_TEXT%; } #patternLeftBarContents .patternWebIndicator a:link, #patternLeftBarContents .patternWebIndicator a:visited { color:%GENERAL_TEXT%; } #patternLeftBarContents .patternWebIndicator a:hover { color:%LINK_TEXT_HOVER%; } #patternLeftBarContents hr { color:%SEPARATOR_BORDER%; background-color:%SEPARATOR_BORDER%; } #patternLeftBarContents a:link, #patternLeftBarContents a:visited { color:%SIDE_BAR_LINK_TEXT%; } #patternLeftBarContents a:hover { color:%LINK_TEXT_HOVER%; } #patternLeftBarContents b, #patternLeftBarContents strong { color:%STRONG_TEXT%; } #patternLeftBarContents .patternChangeLanguage { color:%GRAYED_OUT_TEXT%; } #patternLeftBarContents .patternLeftBarPersonal { background-color:%SIDE_BAR_PERSONAL_BACKGROUND% } #patternLeftBarContents .patternLeftBarPersonal a:link, #patternLeftBarContents .patternLeftBarPersonal a:visited, #patternLeftBarContents .twikiHierarchicalNavigation a:link, #patternLeftBarContents .twikiHierarchicalNavigation a:visited { color:%LINK_TEXT_NORMAL%; } #patternLeftBarContents .patternLeftBarPersonal a:hover, #patternLeftBarContents .twikiHierarchicalNavigation a:hover { color:%LINK_TEXT_HOVER%; background-color:%LINK_BACKGROUND_HOVER%; } #patternLeftBarContents .twikiHierarchicalNavigation { background:%MAIN_BACKGROUND_COLOR%; } .patternTopicActions { border-color:%SEPARATOR_BORDER%; } .patternTopicAction { color:%MUTED_TEXT%; border-color:%SEPARATOR_BORDER%; background-color:%TOPIC_ACTION_BACKGROUND%; } .patternTopicAction s, .patternTopicAction strike { color:%DISABLED_TEXT%; } .patternTopicAction .twikiSeparator { color:%SEPARATOR_BORDER%; } .patternActionButtons a:link, .patternActionButtons a:visited { color:%LINK_TEXT_ACTION_BUTTON%; } .patternActionButtons a:hover { color:%LINK_TEXT_HOVER%; } .patternTopicAction .twikiAccessKey { color:%LINK_TEXT_ACTION_BUTTON%; border-color:%LINK_TEXT_ACTION_BUTTON%; } .patternTopicAction label { color:%GENERAL_TEXT%; } .patternHelpCol { color:%GRAYED_OUT_TEXT%; } .patternFormFieldDefaultColor { /* input fields default text color (no user input) */ color:%GRAYED_OUT_TEXT%; } .patternToolBar .patternButton s, .patternToolBar .patternButton strike, .patternToolBar .patternButton a:link, .patternToolBar .patternButton a:visited { border-color:%SEPARATOR_BORDER%; background-color:%GENERAL_BACKGROUND%; } .patternToolBar .patternButton a:link, .patternToolBar .patternButton a:visited { color:%MUTED_TEXT%; } .patternToolBar .patternButton s, .patternToolBar .patternButton strike { color:%DISABLED_TEXT%; border-color:%DISABLED_BORDER%; } .patternToolBar .patternButton a:hover { background-color:%LINK_BACKGROUND_HOVER%; color:%LINK_TEXT_HOVER%; border-color:%LINK_TEXT_ACTION_BUTTON%; } .patternToolBar .patternButton img { background-color:transparent; } .patternToolBarBottom { border-color:%SEPARATOR_BORDER%; } .patternToolBar a:link .twikiAccessKey, .patternToolBar a:visited .twikiAccessKey { color:inherit; border-color:%MUTED_TEXT%; } .patternToolBar a:hover .twikiAccessKey { background-color:transparent; color:inherit; } .patternRevInfo, .patternRevInfo a:link, .patternRevInfo a:visited { color:%GRAYED_OUT_TEXT%; } .patternRevInfo a:hover { color:%LINK_TEXT_HOVER%; } .patternMoved, .patternMoved a:link, .patternMoved a:visited { color:%GRAYED_OUT_TEXT%; } .patternMoved a:hover { color:%LINK_TEXT_HOVER%; } .patternSaveHelp { background-color:%MAIN_BACKGROUND_COLOR%; } /* WebSearch, WebSearchAdvanced */ table#twikiSearchTable th, table#twikiSearchTable td { background-color:%GENERAL_BACKGROUND%; border-color:%TABLE_BORDER%; } table#twikiSearchTable th { color:%MAIN_TEXT_COLOR%; } table#twikiSearchTable td.first { background-color:%TOPIC_ACTION_BACKGROUND%; } /* ----------------------------------------------------------- Search results styles and overridden styles used in search.pattern.tmpl ----------------------------------------------------------- */ h3.patternSearchResultsHeader, h4.patternSearchResultsHeader { background-color:%ATTACHMENT_AND_FORM_BACKGROUND%; border-color:%LAYOUT_ELEMENT_BORDER%; } h4.patternSearchResultsHeader { color:%MAIN_TEXT_COLOR%; } .patternNoViewPage h4.patternSearchResultsHeader { color:%HEADER_TEXT%; } .patternSearchResult .twikiBottomRow { border-color:%TABLE_BORDER%; } .patternSearchResult .twikiAlert { color:%ALERT_TEXT%; } .patternSearchResult .twikiSummary .twikiAlert { color:%ALERT_TEXT_MUTED%; } .patternSearchResult .twikiNew { background-color:%NEW_BACKGROUND%; border-color:%NEW_TEXT%; color:%NEW_TEXT%; } .patternViewPage .patternSearchResultsBegin { border-color:%TABLE_BORDER%; } /* Search results in book view format */ .patternBookView .twikiTopRow { background-color:transparent; /* set to WEBBGCOLOR in css.pattern.tmpl */ color:%MUTED_TEXT%; } .patternBookView .twikiBottomRow { border-color:%TABLE_BORDER%; } .patternBookView .patternSearchResultCount { color:%GRAYED_OUT_TEXT%; } /* oopsmore.pattern.tmpl */ table.patternDiffOptions img { border-color:%LAYOUT_ELEMENT_BORDER%; } /* edit.pattern.tmpl */ .twikiChangeFormButton .twikiButton, .twikiChangeFormButtonHolder .twikiButton { /* looks like a link */ color:%LINK_TEXT_NORMAL%; background:none; } .patternSig input { color:%GRAYED_OUT_TEXT%; background-color:%MAIN_BACKGROUND_COLOR%; } /* preview.pattern.tmpl */ .patternPreviewArea { border-color:%ALERT_BORDER%; background-color:%MAIN_BACKGROUND_COLOR%; } /* rdiff.pattern.tmpl */ .patternDiff { border-color:%TABLE_HEADER_BACKGROUND%; } .patternDiff h4.patternSearchResultsHeader { background-color:%TABLE_HEADER_BACKGROUND%; color:%LIGHT_ON_DARK_TEXT_COLOR%; } .patternDiff h4.patternSearchResultsHeader a:link, .patternDiff h4.patternSearchResultsHeader a:visited { color:%LIGHT_ON_DARK_TEXT_COLOR%; } tr.twikiDiffDebug td { border-color:%TABLE_BORDER%; } .patternDiffPage .twikiDiffTable th { background-color:%DIFF_HEADER_BACKGROUND%; } /* Changed */ .twikiDiffChangedHeader, tr.twikiDiffDebug .twikiDiffChangedText, tr.twikiDiffDebug .twikiDiffChangedText { background:#9f9; /* green - do not change */ } /* Deleted */ .twikiDiffDeletedHeader, tr.twikiDiffDebug .twikiDiffDeletedMarker, tr.twikiDiffDebug .twikiDiffDeletedText { background-color:#f99; /* red - do not change */ } /* Added */ .twikiDiffAddedHeader, tr.twikiDiffDebug .twikiDiffAddedMarker, tr.twikiDiffDebug .twikiDiffAddedText { background-color:#ccf; /* violet - do not change */ } /* Unchanged */ tr.twikiDiffDebug .twikiDiffUnchangedText { color:%GRAYED_OUT_TEXT%; } .twikiDiffUnchangedTextContents { } .twikiDiffLineNumberHeader { background-color:%DIFF_HEADER_BACKGROUND%; } /* IMAGES */ /* image positions are set here as well as these are dependent on the image */ .twikiInputField { background-image:url(background_input.gif); background-repeat:repeat-x; } .twikiInputFieldDisabled { background-image:none; border:none; } .twikiButton { background-image:url(background_button.gif); background-repeat:repeat-x; } .patternToolBarButtons .patternButton a { /* background-image:url(background_button.gif); background-repeat:repeat-x; */ } .twikiSubmit { background-image:url(background_submit.gif); background-repeat:repeat-x; } .twikiSubmitDisabled { background-image:none; } .twikiToc li { background-image:url(bullet-child-black.gif); background-repeat:no-repeat; background-position:0 .35em; } /*#patternLeftBarContents .patternLeftBarPersonal,*/ #twikiLogin, #patternLeftBarContents .tipsOfTheDayContents { background-image:url(gradient_blue.gif); background-repeat:repeat-x; } #patternOuter { /* gradient yellow of left bar and main */ background-image:url(gradient_yellow.gif); background-repeat:repeat-x; } .patternPrintPage #patternOuter { background:#fff; /* white - do not change */ } .twikiPageForm table { background-image:url(form_gradient.gif); background-repeat:repeat-x; } /* commong settings */ .patternLeftBarPersonal li, .twikiHierarchicalNavigation .twikiChildTopics li, .twikiHierarchicalNavigation .twikiParentTopic li, li.patternLogOut, li.patternLogIn { padding-left:13px; background-position:0 .25em; background-repeat:no-repeat; } .patternLeftBarPersonal li, .twikiHierarchicalNavigation .twikiChildTopics li { background-image:url(bullet-blue.gif); } .twikiHierarchicalNavigation .twikiParentTopic li { background-image:url(bullet-parent.gif); } .patternLeftBarPersonal li.patternLogOut { background-image:url(bullet-lock.gif); } .patternLeftBarPersonal li.patternLogIn { background-image:url(bullet-lock.gif); } %ENDATTACH%