# Color scheme settings for [[PatternSkin]] 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. AttachContentPlugin is **not** installed. ## Usage ### Step 1 Let [[PatternSkin]] point to the custom-made colors style sheet. In [[Main.TWikiPreferences|Main/TWikiPreferences]] put: * Set USERCOLORSURL = %PUBURLPATH%/%TWIKIWEB%/PatternSkin/theme-colors.css ### Step 2 Edit this topic, and change the color variables as you like. ### Step 3 Save the topic. This will generate an [attachment](http://www.dementia.org/twiki//view/TWiki/PatternSkin/theme-colors.css) to topic [[PatternSkin]]. info For more help on customizing styles, see [[PatternSkinCustomization]]. ## Color variables
## Logical groupings ### Text #### 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 #### GRAYED\_TEXT\_COLOR - Set GRAYED\_TEXT\_COLOR = #777 #### GENERAL\_TEXT General text (if not set in MAIN\_BACKGROUND\_COLOR) (black) - Set GENERAL\_TEXT = #000 #### HEADER\_TEXT Header text - Set HEADER\_TEXT = #630000 #### CODE\_TEXT Code text, left bar text and links - Set CODE\_TEXT = #7A4707 #### MUTED\_TEXT Muted text (dark gray) - Set MUTED\_TEXT = %GRAYED\_TEXT\_COLOR% #### GRAYED\_OUT\_TEXT Grayed out text - Set GRAYED\_OUT\_TEXT = %GRAYED\_TEXT\_COLOR% ### Links #### LINK\_TEXT\_NORMAL Link normal text - Set LINK\_TEXT\_NORMAL = #4571d0 #### LINK\_BACKGROUND\_NORMAL Link normal background - Set LINK\_BACKGROUND\_NORMAL = #### LINK\_TEXT\_NORMAL\_VISITED Link normal text visited - Set LINK\_TEXT\_NORMAL\_VISITED = #666 #### LINK\_TEXT\_ACTION\_BUTTON Link text red (same as LINK\_BACKGROUND\_HOVER) - Set LINK\_TEXT\_ACTION\_BUTTON = #be000a #### LINK\_TEXT\_HOVER Link hover text - Set LINK\_TEXT\_HOVER = #fff #### LINK\_BACKGROUND\_HOVER Link background hover - Set LINK\_BACKGROUND\_HOVER = #ce000f #### SIDE\_BAR\_LINK\_TEXT Side bar link text - Set SIDE\_BAR\_LINK\_TEXT = #444 ### Disabled #### DISABLED\_BORDER Disabled border - Set DISABLED\_BORDER = #e0e0e0 #### DISABLED\_TEXT Disabled text - Set DISABLED\_TEXT = #aaa #### DISABLED\_BACKGROUND Disabled background - Set DISABLED\_BACKGROUND = #fafaf8 #### BUTTON\_BORDERS\_DISABLED Disabled button borders - Set BUTTON\_BORDERS\_DISABLED = #fff #ccc #ccc #fff ### '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 = #000 #### BUTTON\_BORDERS Button borders - Set BUTTON\_BORDERS = #fff #888 #888 #fff #### BUTTON\_BACKGROUND Button background - Set BUTTON\_BACKGROUND = #e2e3e3 #### BUTTON\_CANCEL\_BACKGROUND Cancel button background - Set BUTTON\_CANCEL\_BACKGROUND = #f2d5d0 #### SUBMIT\_BUTTON\_BACKGROUND Submit button background - Set SUBMIT\_BUTTON\_BACKGROUND = #06c #### SUBMIT\_BUTTON\_BORDER\_TEXT Submit button text color - Set SUBMIT\_BUTTON\_BORDER\_TEXT = #fff #### SELECT\_BORDER Select border - Set SELECT\_BORDER = #888 ### 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 = #f6f6f6 #### NEUTRAL\_BACKGROUND - Set NEUTRAL\_BACKGROUND = #fdfaf1 #### TOP\_BAR\_BACKGROUND Top bar background - Set TOP\_BAR\_BACKGROUND = #fefcf7 #### ATTACHMENT\_AND\_FORM\_BACKGROUND Attachment, form - Set ATTACHMENT\_AND\_FORM\_BACKGROUND = #f6f6f6 #### TOPIC\_ACTION\_BACKGROUND Topic action row - Set TOPIC\_ACTION\_BACKGROUND = %ATTACHMENT\_AND\_FORM\_BACKGROUND% #### HEADER\_BACKGROUND h2, h3 - Set HEADER\_BACKGROUND = %TOPIC\_ACTION\_BACKGROUND% #### DIFF\_HEADER\_BACKGROUND Diff header (dark gray) - Set DIFF\_HEADER\_BACKGROUND = #ccc #### NOTIFICATION\_BACKGROUND Info, broadcast message and notifications - Set NOTIFICATION\_BACKGROUND = #ffe67b #### INFO\_BACKGROUND - Set INFO\_BACKGROUND = %NOTIFICATION\_BACKGROUND% ### Border colors #### NEUTRAL\_BORDER Info (light gray) - Set NEUTRAL\_BORDER = #ddd #### SEPARATOR\_BORDER - Set SEPARATOR\_BORDER = #e2e2e2 #### MINOR\_SEPARATOR\_BORDER Header H3..H6 bottom - Set MINOR\_SEPARATOR\_BORDER = %SEPARATOR\_BORDER% #### LAYOUT\_ELEMENT\_BORDER Main layout elements (neutral tone) - Set LAYOUT\_ELEMENT\_BORDER = #dadada #### IMAGE\_BORDER Image border - Set IMAGE\_BORDER = #eee #### FORM\_STEP\_BORDER Form step border - Set FORM\_STEP\_BORDER = %SEPARATOR\_BORDER% #### NOTIFICATION\_BORDER Broadcast message - Set NOTIFICATION\_BORDER = #ffdf4c #### 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 = #f0f6fb ##### 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 #### TABLE\_BORDER Table border, sup (light neutral tone) - Set TABLE\_BORDER = #e2e2e2 #### 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 ### Forms #### INPUT\_FIELD\_BORDERS Input field borders - Set INPUT\_FIELD\_BORDERS = #bbb #f2f2f2 #f2f2f2 #bbb #### FORM\_INPUT\_BORDER Textarea, input and select (darker gray) - Set FORM\_INPUT\_BORDER = #aaa #### FORM\_BORDER Form (same as twikiTable border) - Set FORM\_BORDER = #cfcfcf #### ACTIVE\_FORM\_BACKGROUND Edit form, form steps - Set ACTIVE\_FORM\_BACKGROUND = #fbfbfb #### FORMFIELD\_ACTIVE Active form field - Set FORMFIELD\_ACTIVE = #ffffe0 #### FORM\_HEADER\_TEXT Header text on form background - Set FORM\_HEADER\_TEXT = #036 Do not change the text below this line unless you know what you are doing! ---- %STARTATTACH{"theme-colors.css" web="%TWIKIWEB%" topic="PatternSkin"}% /* PatternSkin colors */ /* Generated by AttachContentPlugin from %WEB%.%TOPIC% */ /* LAYOUT ELEMENTS */ #patternTopBar { border-color:%SEPARATOR_BORDER%; background-color:%TOP_BAR_BACKGROUND%; } #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, #patternWrapper { background-color:%SIDE_BAR_BACKGROUND%; } #patternBottomBar { border-color:%SEPARATOR_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:%SEPARATOR_BORDER%; background-color:%SEPARATOR_BORDER%; } pre, code, tt { color:%CODE_TEXT%; } blockquote { background-color:%ACTIVE_FORM_BACKGROUND%; border-color:%ACTIVE_FORM_BACKGROUND% %ACTIVE_FORM_BACKGROUND% %ACTIVE_FORM_BACKGROUND% %NEUTRAL_BORDER%; } blockquote h2 { background:none; } h1, h2, h3, h4, h5, h6 { color:%HEADER_TEXT%; } h2 { background-color:%HEADER_BACKGROUND%; border-color:%MINOR_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:%NEUTRAL_BORDER%; } .twikiNewLink a:hover sup { background-color:%LINK_BACKGROUND_HOVER%; color:%LINK_TEXT_HOVER%; border-color:%LINK_BACKGROUND_HOVER%; } .twikiNewLink { border-color:%NEUTRAL_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%; background-image:none; } :link:hover img, :visited:hover img { background-color:transparent; } .patternTopic a:visited { color:%LINK_TEXT_NORMAL_VISITED%; } .patternTopic a:hover { color:%LINK_TEXT_HOVER%; } #patternMainContents h1 a:link, #patternMainContents h1 a:visited, #patternMainContents h2 a:link, #patternMainContents h2 a:visited, #patternMainContents h3 a:link, #patternMainContents h3 a:visited, #patternMainContents h4 a:link, #patternMainContents h4 a:visited, #patternMainContents h5 a:link, #patternMainContents h5 a:visited, #patternMainContents h6 a:link, #patternMainContents h6 a:visited { color:%HEADER_TEXT%; } #patternMainContents h1 a:hover, #patternMainContents h2 a:hover, #patternMainContents h3 a:hover, #patternMainContents h4 a:hover, #patternMainContents h5 a:hover, #patternMainContents h6 a:hover { color:%LINK_TEXT_HOVER%; } .patternTopic .twikiUnvisited a:visited { color:%LINK_TEXT_NORMAL%; } .patternTopic .twikiUnvisited 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%; } .twikiSubmit { color:%SUBMIT_BUTTON_BORDER_TEXT%; background-color:%SUBMIT_BUTTON_BACKGROUND%; } .twikiButton { color:%BUTTON_TEXT%; background-color:%BUTTON_BACKGROUND%; } .twikiButtonCancel { color:%BUTTON_TEXT%; background-color:%BUTTON_CANCEL_BACKGROUND%; } .twikiSubmitDisabled, .twikiSubmitDisabled:active { border-color:%BUTTON_BORDERS_DISABLED%; color:%DISABLED_TEXT%; background-color:%ACTIVE_FORM_BACKGROUND%; } .twikiTextarea, .twikiInputField, .twikiInputFieldDisabled, .twikiInputFieldReadOnly, .twikiSelect { border-color:%INPUT_FIELD_BORDERS%; } .twikiTextarea, .twikiInputField, .twikiSelect { color:%MAIN_TEXT_COLOR%; background-color:%MAIN_BACKGROUND_COLOR%; } .twikiInputField:active, .twikiInputField:focus, .twikiInputFieldFocus { background-color:%FORMFIELD_ACTIVE%; } .twikiTextareaRawView { color:%GENERAL_TEXT%; } .twikiInputFieldDisabled { color:%DISABLED_TEXT%; background-color:%DISABLED_BACKGROUND%; } .twikiInputFieldReadOnly { color:%GRAYED_TEXT_COLOR%; } .twikiSelect { border-color:%INPUT_FIELD_BORDERS%; color:%MAIN_TEXT_COLOR%; background-color:%MAIN_BACKGROUND_COLOR%; } .twikiInputFieldDisabled, .twikiSelectDisabled { color:%DISABLED_TEXT%; border-color:%INPUT_FIELD_BORDERS%; background-color:%DISABLED_BACKGROUND%; } .twikiInputFieldBeforeFocus { color:%MUTED_TEXT%; } /* ----------------------------------------------------------- Plugin elements ----------------------------------------------------------- */ /* TablePlugin */ .twikiTable, .twikiTable td, .twikiTable th { border-color:%TABLE_BORDER%; } .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 { } /* 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%; } /* 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:%TABLE_BORDER%; } .twikiAttachments table, table.twikiFormTable { border-color:%TABLE_BORDER%; background-color:%MAIN_BACKGROUND_COLOR%; } .twikiAttachments table { background-color:%MAIN_BACKGROUND_COLOR%; } .twikiAttachments td, .twikiAttachments th { border-color:%TABLE_BORDER%; } .twikiAttachments .twikiTable th font, table.twikiFormTable th.twikiFormTableHRow font { color:%LINK_TEXT_NORMAL%; } .twikiFormSteps { background-color:%ACTIVE_FORM_BACKGROUND%; border-color:%FORM_STEP_BORDER%; } .twikiFormStep { border-color:%FORM_STEP_BORDER%; } .twikiFormStep h3, .twikiFormStep h4 { color:%FORM_HEADER_TEXT%; } .twikiFormStep h3, .twikiFormStep h4 { background-color:transparent; } .twikiActionFormStepSign { color:%FORM_HEADER_TEXT%; } .twikiToc .twikiTocTitle { color:%MUTED_TEXT%; } .twikiBroadcastMessage { background-color:%NOTIFICATION_BACKGROUND%; } .twikiNotification { background-color:%NOTIFICATION_BACKGROUND%; } #twikiLogin .patternLoginNotification { background-color:%MAIN_BACKGROUND_COLOR%; border-color:%ALERT_BORDER%; } .twikiHelp { background-color:%INFO_BACKGROUND%; } .twikiHelp { background-color:%ATTACHMENT_AND_FORM_BACKGROUND%; border-color:%SEPARATOR_BORDER%; } .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%; } .twikiAccessKey { color:inherit; border-color:%GRAYED_OUT_TEXT%; } a:link .twikiAccessKey, a:visited .twikiAccessKey { color:inherit; } a:hover .twikiAccessKey { color:inherit; } .twikiImage img { border-color:%IMAGE_BORDER%; background-color:%MAIN_BACKGROUND_COLOR%; } #patternTopBar .twikiImage img { background-color:transparent; } .twikiImage a:hover img { border-color:%LINK_BACKGROUND_HOVER%; } /* ----------------------------------------------------------- Pattern skin specific elements ----------------------------------------------------------- */ #patternPage { background-color:%MAIN_BACKGROUND_COLOR%; } .patternHomePath a:link, .patternHomePath a:visited { border-color:%NEUTRAL_BORDER%; color:%LINK_TEXT_NORMAL_VISITED%; } .patternTop a:hover { border:none; color:%LINK_TEXT_HOVER%; } .patternHomePath .patternRevInfo, .patternHomePath .patternRevInfo a:link, .patternHomePath .patternRevInfo a:visited { color:%GRAYED_OUT_TEXT%; } .patternHomePath .patternRevInfo a:hover { color:%LINK_TEXT_HOVER%; } /* Left bar */ #patternLeftBarContents { color:%GENERAL_TEXT%; } #patternLeftBarContents hr { color:%FORM_STEP_BORDER%; background-color:%FORM_STEP_BORDER%; } #patternLeftBarContents a:link, #patternLeftBarContents a:visited { color:%SIDE_BAR_LINK_TEXT%; } #patternLeftBarContents a:hover { color:%LINK_TEXT_HOVER%; } #patternLeftBarContents .patternLeftBarPersonal, #patternLeftBarContents .patternWebIndicator { border-color:#dadada; } #patternLeftBarContents b, #patternLeftBarContents strong { color:%HEADER_TEXT%; } .patternTopicActions { border-color:%TABLE_BORDER%; background-color:%TOPIC_ACTION_BACKGROUND%; color:%MUTED_TEXT%; } .patternTopicAction { border-color:%TABLE_BORDER%; } .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 a:hover .twikiAccessKey { color:%LINK_TEXT_HOVER%; } .patternTopicAction label { color:%GENERAL_TEXT%; } .patternHelpCol { color:%GRAYED_OUT_TEXT%; } .patternSigLine { color:%MUTED_TEXT%; } .patternToolBar a:link .twikiAccessKey, .patternToolBar a:visited .twikiAccessKey { color:inherit; border-color:%LINK_TEXT_NORMAL_VISITED%; } .patternToolBar a:hover .twikiAccessKey { background-color:transparent; color:inherit; border-color:%LINK_TEXT_NORMAL_VISITED%; } .patternSaveHelp { background-color:%MAIN_BACKGROUND_COLOR%; } /* WebSearch, WebSearchAdvanced */ table#twikiSearchTable { border-color:%FORM_STEP_BORDER%; } table#twikiSearchTable th, table#twikiSearchTable td { background-color:%GENERAL_BACKGROUND%; border-color:%FORM_STEP_BORDER%; } table#twikiSearchTable hr { border-color:%FORM_STEP_BORDER%; background-color:%FORM_STEP_BORDER%; } table#twikiSearchTable th { color:%MAIN_TEXT_COLOR%; } /* ----------------------------------------------------------- Search results styles and overridden styles used in search.pattern.tmpl ----------------------------------------------------------- */ h3.patternSearchResultsHeader, h4.patternSearchResultsHeader { background-color:%ATTACHMENT_AND_FORM_BACKGROUND%; border-color:%SEPARATOR_BORDER%; } h4.patternSearchResultsHeader { color:%MAIN_TEXT_COLOR%; } .patternNoViewPage h4.patternSearchResultsHeader { color:%HEADER_TEXT%; } .patternSearchResult .twikiBottomRow { border-color:%MINOR_SEPARATOR_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%; } /* edit.pattern.tmpl */ /* preview.pattern.tmpl */ .twikiPreviewArea { border-color:%ALERT_BORDER%; background-color:%MAIN_BACKGROUND_COLOR%; } /* rdiff.pattern.tmpl */ .patternDiff { border-color:%TABLE_HEADER_BACKGROUND%; } #patternMainContents .patternDiff h4.patternSearchResultsHeader { background-color:%TABLE_HEADER_BACKGROUND%; color:%LIGHT_ON_DARK_TEXT_COLOR%; } #patternMainContents .patternDiff h4.patternSearchResultsHeader a:link, #patternMainContents .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 */ h2, .patternTopicAction { background-image:url(bg_action_gradient.gif); background-repeat:repeat-x; } .twikiToc li { background-image:url(bullet-toc.gif); background-repeat:no-repeat; background-position:0 .4em; } #patternOuter, #patternTopBar { /* gradient yellow of left bar and main */ background-image:url(bg_outer_gradient.gif); background-repeat:repeat-x; } .patternPrintPage #patternOuter { background:#fff; /* white - do not change */ } .twikiPageForm table, table#twikiSearchTable td.twikiFirstRow { background-image:url(form_gradient.gif); background-repeat:repeat-x; background-color:#f5f5f5; } .twikiSubmit, .twikiSubmitDisabled { background-image:url(bg_submit_gradient.gif); background-repeat:repeat-x; } .twikiSubmit, a.twikiSubmit:link, a.twikiSubmit:visited { background-position:0px 0px; background-color:#06c; border-color:#abcdf0 #0048b8 #0048b8 #abcdf0; color:#fff; } .twikiSubmit:hover, a.twikiSubmit:hover { background-position:0px -80px; background-color:#0047b7; border-color:#98bce9 #0031a4 #0031a4 #98bce9; color:#fff; } .twikiSubmit:active, a.twikiSubmit:active { background-position:0px -160px; background-color:#73ace6; border-color:#0031a4 #98bce9 #98bce9 #0031a4; color:#fff; } .twikiSubmitDisabled, .twikiSubmitDisabled:hover, .twikiSubmitDisabled:active { background-position:0px -240px; background-color:#d9e8f7; border-color:#f5f9fd #ccc #ccc #f5f9fd; color:#ccc; } .twikiButton, a.twikiButton:link, a.twikiButton:visited { background-image:url(bg_button_gradient.gif); background-repeat:repeat-x; background-position:0px 0px; border-color:#f8f6ec #b8b6ad #b8b6ad #f8f6ec; background-color:#dbd9cf; color:#333; } .twikiChangeFormButtonHolder .twikiButton { background-color:#fff; background-image:none; color:#06c; } .twikiChangeFormButtonHolder .twikiButton:hover, .twikiChangeFormButtonHolder .twikiButton:active { background-image:url(bg_button_gradient.gif); background-repeat:repeat-x; } .twikiButton:hover, .twikiChangeFormButtonHolder .twikiButton:hover, a.twikiButton:hover { background-position:0px -80px; border-color:#f4f2eb #a3a092 #a3a092 #f4f2eb; background-color:#c2bfae; color:#222; } .twikiButton:active, .twikiChangeFormButtonHolder .twikiButton:active, a.twikiButton:active { background-position:0px -160px; border-color:#a3a092 #f4f2eb #f4f2eb #a3a092; background-color:#e8e5d7; color:#222; } .twikiButtonDisabled, .twikiButtonDisabled:hover, .twikiButtonDisabled:active { background-image:url(bg_button_gradient.gif); background-repeat:repeat-x; background-position:0px -240px; border-color:#fcfbf9 #e3e2dd #e3e2dd #fcfbf9; background-color:#edece6; color:#bbb; } .twikiButtonCancel { background-image:url(bg_buttoncancel_gradient.gif); background-repeat:repeat-x; background-position:0px 0px; border-color:#f3ddd7 #b5706a #b5706a #f3ddd7; background-color:#cc867f; color:#333; } .twikiButtonCancel:hover { background-position:0px -80px; border-color:#eacac1 #9f564f #9f564f #eacac1; background-color:#b26259; color:#222; } .twikiButtonCancel:active { background-position:0px -160px; border-color:#9f564f #eacac1 #eacac1 #9f564f; background-color:#e5bdb1; color:#222; } .patternToolBar span a:link, .patternToolBar span a:visited, .patternToolBar span s, .patternToolBar span strike { background-image:url(bg_button_small_gradient.gif); background-repeat:repeat-x; } .patternToolBar span a:link, .patternToolBar span a:visited { background-position:0px 0px; border-color:#f8f6ec #b8b6ad #b8b6ad #f8f6ec; background-color:#dbd9cf; color:#333; } .patternToolBar span a:hover { background-position:0px -80px; border-color:#f4f2eb #a3a092 #a3a092 #f4f2eb; background-color:#c2bfae; color:#222; } .patternToolBar span a:active { background-position:0px -160px; border-color:#a3a092 #f4f2eb #f4f2eb #a3a092; background-color:#e8e5d7; color:#222; } .patternToolBar span s, .patternToolBar span strike { background-position:0px -240px; border-color:#fcfbf9 #e3e2dd #e3e2dd #fcfbf9; background-color:#edece6; color:#bbb; } .patternTextareaButton { border-color:#fffefd #b8b6ad #b8b6ad #fffefd; overflow:hidden; } .patternButtonFontSelector { background-image:url(button_font_selector.gif); width:33px; height:16px; } .patternButtonFontSelectorProportional { background-position:0 0; } .patternButtonFontSelectorMonospace { background-position:0 -16px; } .patternButtonEnlarge, .patternButtonShrink { background-image:url(button_arrow.gif); width:16px; height:16px; } .patternButtonEnlarge { background-position:0 0; } .patternButtonEnlarge:hover { background-position:0 -42px; } .patternButtonEnlarge:active { background-position:0 -84px; } .patternButtonShrink { background-position:16px 0; } .patternButtonShrink:hover { background-position:16px -42px; } .patternButtonShrink:active { background-position:16px -84px; } .twikiBroadcastMessage, .twikiNotification { background-image:url(background_alert.gif); background-repeat:repeat-x; } /* common settings */ .patternLeftBarPersonal li, li.patternLogOut, li.patternLogIn { padding-left:13px; background-position:0 .4em; background-repeat:no-repeat; } .patternLeftBarPersonal li { background-image:url(bullet-personal_sidebar.gif); } .patternLeftBarPersonal li.patternLogOut { background-image:url(bullet-lock.gif); } .patternLeftBarPersonal li.patternLogIn { background-image:url(bullet-lock.gif); } %ENDATTACH%