# Color scheme settings for [[TWikiNetSkin]]
- Set SKIN = twikinet,pattern
## Usage
### Step 1
Let [[TWikiNetSkin]] point to the custom-made colors style sheet. In [[Main.TWikiPreferences|Main/TWikiPreferences]] put:
* Set USERCOLORSURL = %PUBURLPATH%/%TWIKIWEB%/TWikiNetSkin/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/TWikiNetSkin/theme-colors.css) to topic [[TWikiNetSkin]].
For more help on customizing styles, see [[PatternSkinCustomization]].
## Color variables
### [[TWikiNetSkin]] specific
#### SHADE\_TOPTOOLBAR\_BORDER
- Set SHADE\_TOPTOOLBAR\_BORDER = #c4cbd6
#### SHADE\_TOPTOOLBAR\_BACKGROUND
- Set SHADE\_TOPTOOLBAR\_BACKGROUND = #e9ecf2
#### SHADE\_SIDE\_BAR\_STRONG\_TEXT
- Set SHADE\_SIDE\_BAR\_STRONG\_TEXT = #252b37
#### SHADE\_BLOCKQUOTE\_BACKGROUND
- Set SHADE\_BLOCKQUOTE\_BACKGROUND = #edeff4
#### SHADE\_TWIKIFORM\_TABLECELL\_BORDER
- Set SHADE\_TWIKIFORM\_TABLECELL\_BORDER = #e6e8ee
#### SHADE\_TWIKITABLE\_HEADER\_BACKGROUND
- Set SHADE\_TWIKITABLE\_HEADER\_BACKGROUND = #f4f5f9
#### SHADE\_TWIKIFORM\_FIRSTCOL\_BACKGROUND
- Set SHADE\_TWIKIFORM\_FIRSTCOL\_BACKGROUND = #f9f9fb
#### SHADE\_TWIKIFORM\_HEADER\_BACKGROUND
- Set SHADE\_TWIKIFORM\_HEADER\_BACKGROUND = #eceef2
#### SHADE\_BOTTOM\_BAR\_BACKGROUND
- Set SHADE\_BOTTOM\_BAR\_BACKGROUND = #7d8ca5
#### SHADE\_BOTTOM\_BAR\_TEXT
- Set SHADE\_BOTTOM\_BAR\_TEXT = #d8dde4
#### SHADE\_ALERT\_TEXT
- Set SHADE\_ALERT\_TEXT = #f60
#### SHADE\_BLUEISH\_TEXT
- Set SHADE\_BLUEISH\_TEXT = #3f4e67
#### SHADE\_DARKISH\_TEXT
- Set SHADE\_DARKISH\_TEXT = #333
#### SHADE\_TOPTOOLBAR\_WEBNAME\_TEXT
- Set SHADE\_TOPTOOLBAR\_WEBNAME\_TEXT = %SHADE\_BLUEISH\_TEXT%
#### SHADE\_BROADCASTMESSAGE\_BACKGROUND
- Set SHADE\_BROADCASTMESSAGE\_BACKGROUND = #fff765
## Logical groupings
### Text
#### MAIN\_TEXT\_COLOR Main text color
- Set MAIN\_TEXT\_COLOR = #252b37
#### 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 = #7d8ca5
#### GENERAL\_TEXT General text (if not set in MAIN\_BACKGROUND\_COLOR) (black)
- Set GENERAL\_TEXT = #000
#### HEADER\_TEXT Header text
- Set HEADER\_TEXT = %SHADE\_ALERT\_TEXT%
#### CODE\_TEXT Code text, left bar text and links
- Set CODE\_TEXT = #669
#### MUTED\_TEXT Muted text
- Set MUTED\_TEXT = %GRAYED\_TEXT\_COLOR%
#### GRAYED\_OUT\_TEXT Grayed out text
- Set GRAYED\_OUT\_TEXT = #999
#### TOPIC\_ACTION\_TEXT
- Set TOPIC\_ACTION\_TEXT = #97a3b7
### Links
#### LINK\_TEXT\_NORMAL Link normal text
- Set LINK\_TEXT\_NORMAL = #36c
#### LINK\_BACKGROUND\_NORMAL Link normal background
- Set LINK\_BACKGROUND\_NORMAL =
#### LINK\_TEXT\_NORMAL\_VISITED Link normal text visited
- Set LINK\_TEXT\_NORMAL\_VISITED = #707f99
#### LINK\_TEXT\_ACTION\_BUTTON Link text
- Set LINK\_TEXT\_ACTION\_BUTTON = %LINK\_TEXT\_NORMAL%
#### LINK\_TEXT\_HOVER Link hover text
- Set LINK\_TEXT\_HOVER = #036
#### SIDE\_BAR\_LINK\_TEXT Side bar link text
- Set SIDE\_BAR\_LINK\_TEXT = %SHADE\_BLUEISH\_TEXT%
### Disabled
#### DISABLED\_BORDER Disabled border
- Set DISABLED\_BORDER = #e0e0e0
#### DISABLED\_TEXT Disabled text
- Set DISABLED\_TEXT = #aaa
#### DISABLED\_BACKGROUND Disabled background
- Set DISABLED\_BACKGROUND = #f8f8f8
#### 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 = #f4f5f8
#### NEUTRAL\_BACKGROUND
- Set NEUTRAL\_BACKGROUND = #fdfaf1
#### TOP\_BAR\_BACKGROUND Top bar background
- Set TOP\_BAR\_BACKGROUND = #dfe3ec
#### TOPIC\_ACTION\_BACKGROUND Topic action row
- Set TOPIC\_ACTION\_BACKGROUND = #f8f9fa
#### HEADER\_BACKGROUND h2
- Set HEADER\_BACKGROUND = #f8f9fb
#### ATTACHMENT\_AND\_FORM\_BACKGROUND Attachment, form
- Set ATTACHMENT\_AND\_FORM\_BACKGROUND = #f2f3f6
#### DIFF\_HEADER\_BACKGROUND Diff header
- Set DIFF\_HEADER\_BACKGROUND = #ccc
#### NOTIFICATION\_BACKGROUND Info and notifications
- Set NOTIFICATION\_BACKGROUND = #fff9d1
#### INFO\_BACKGROUND
- Set INFO\_BACKGROUND = #f4f5f8
### Border colors
#### NEUTRAL\_BORDER Info (light gray)
- Set NEUTRAL\_BORDER = #d7dbe4
#### SEPARATOR\_BORDER
- Set SEPARATOR\_BORDER = #e5e8ed
#### 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 = #cfcfcf
#### IMAGE\_BORDER Image border
- Set IMAGE\_BORDER = #eee
#### NOTIFICATION\_BORDER Broadcast message
- Set NOTIFICATION\_BORDER = #fc0
#### TOPIC\_ACTION\_BORDER
- Set TOPIC\_ACTION\_BORDER = #dee2e8
#### Table colors
##### TABLE\_DATA\_BACKGROUND Table data background
- Set TABLE\_DATA\_BACKGROUND = #f2f3f6
##### TABLE\_HEADER\_BACKGROUND Table header background
- Set TABLE\_HEADER\_BACKGROUND = #d8dde4
##### TABLE\_SELECTED\_COLUMN\_HEADER\_BACKGROUND Sorted table column accent background
- Set TABLE\_SELECTED\_COLUMN\_HEADER\_BACKGROUND = #ced4dd
##### TABLE\_DATA\_ODD\_BACKGROUND Table data background (odd row)
- Set TABLE\_DATA\_ODD\_BACKGROUND = #f2f3f6
##### 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 = #e7e9ee
##### TABLE\_DATA\_EVEN\_SELECTED\_BACKGROUND Table data background (even row, selected column)
- Set TABLE\_DATA\_EVEN\_SELECTED\_BACKGROUND = #f3f5f7
##### TABLE\_DATA\_MIX\_BACKGROUND Table data background (mix between even and odd)
- Set TABLE\_DATA\_MIX\_BACKGROUND = #e7e9ee
#### TABLE\_BORDER Table border, sup (light neutral tone)
- Set TABLE\_BORDER = #e7e9ef
#### LINK\_TEXT\_NORMAL\_TABLE\_HEADER Table header link text
- Set LINK\_TEXT\_NORMAL\_TABLE\_HEADER = #252b37
#### LINK\_TEXT\_NORMAL\_UNDERLINE\_TABLE\_HEADER Table header link border
- Set LINK\_TEXT\_NORMAL\_UNDERLINE\_TABLE\_HEADER = #252b37
#### LINK\_TEXT\_SORTED\_TABLE\_HEADER Sorted table header link text
- Set LINK\_TEXT\_SORTED\_TABLE\_HEADER = %LINK\_TEXT\_NORMAL\_TABLE\_HEADER%
#### LINK\_TEXT\_HOVER\_TABLE\_HEADER Table header link hover text
- Set LINK\_TEXT\_HOVER\_TABLE\_HEADER = %LINK\_TEXT\_NORMAL\_TABLE\_HEADER%
#### LINK\_BORDER\_TABLE\_SELECTED\_COLUMN\_HEADER Link border in selected column header
- Set LINK\_BORDER\_TABLE\_SELECTED\_COLUMN\_HEADER = %LINK\_TEXT\_NORMAL\_TABLE\_HEADER%
### Forms
#### INPUT\_FIELD\_BORDERS Input field borders
- Set INPUT\_FIELD\_BORDERS = #bbc3d1 #c3cad7 #c3cad7 #bbc3d1
#### FORM\_INPUT\_BORDER Textarea, input and select (darker gray)
- Set FORM\_INPUT\_BORDER = #aaa
#### FORM\_BORDER Form
- Set FORM\_BORDER = #dee2e8
#### ACTIVE\_FORM\_BACKGROUND Edit form, form steps
- Set ACTIVE\_FORM\_BACKGROUND = #f4f5f8
#### FORM\_STEP\_BORDER Form step border
- Set FORM\_STEP\_BORDER = %FORM\_BORDER%
#### FORMFIELD\_ACTIVE Active form field
- Set FORMFIELD\_ACTIVE = %NOTIFICATION\_BACKGROUND%
Do not change the text below this line unless you know what you are doing!
----
%STARTATTACH{"theme-colors.css" web="%TWIKIWEB%" topic="TWikiNetSkin"}%
/* PatternSkin colors */
/* Generated by AttachContentPlugin from %WEB%.%TOPIC% */
/* LAYOUT ELEMENTS */
#patternTopBar {
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:%MAIN_BACKGROUND_COLOR%;
}
#patternBottomBar {
background-color:%SHADE_BOTTOM_BAR_BACKGROUND%;
}
#patternBottomBarContents,
#patternBottomBarContents a:link,
#patternBottomBarContents a:visited {
color:%SHADE_BOTTOM_BAR_TEXT%;
}
#patternBottomBarContents a:hover {
color:%LIGHT_ON_DARK_TEXT_COLOR%;
}
/* GENERAL HTML ELEMENTS */
html body {
background-color:%SHADE_BOTTOM_BAR_BACKGROUND%;
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:%SHADE_BLOCKQUOTE_BACKGROUND%;
border-color:%NEUTRAL_BORDER%;
}
h1, h2, h3, h4, h5, h6 {
color:%HEADER_TEXT%;
}
/* 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 {
color:%LINK_TEXT_HOVER%;
border-color:%LINK_TEXT_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:transparent;
background-image:none;
text-decoration:underline;
}
: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%;
}
.patternTop a:hover {
border:none;
color:%LINK_TEXT_HOVER%;
}
/* Form elements */
textarea,
input,
select {
border-color:%FORM_INPUT_BORDER%;
color:%SHADE_BLUEISH_TEXT%;
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 {
background-color:%FORMFIELD_ACTIVE%;
}
.twikiTextareaRawView {
color:%SHADE_BLUEISH_TEXT%;
}
.twikiInputFieldDisabled {
color:%DISABLED_TEXT%;
background-color:%DISABLED_BACKGROUND%;
}
.twikiInputFieldReadOnly {
color:%GRAYED_TEXT_COLOR%;
}
.twikiSelect {
border-color:%INPUT_FIELD_BORDERS%;
color:%SHADE_BLUEISH_TEXT%;
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 {
border-color:%TABLE_BORDER%;
}
.twikiTable th {
border-color:%LIGHT_ON_DARK_TEXT_COLOR%;
}
.twikiTable th.twikiFirstCol {
border-left-color:%SHADE_TWIKITABLE_HEADER_BACKGROUND%;
}
.twikiTable th.twikiLastCol {
border-right-color:%SHADE_TWIKITABLE_HEADER_BACKGROUND%;
}
.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%;
}
/* 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%;
}
.twikiAttachments .twikiTable th {
border-top-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
}
.twikiAttachments .twikiTable th,
.twikiForm th {
background-color:%SHADE_TWIKIFORM_HEADER_BACKGROUND%;
}
.twikiAttachments .twikiTable th.twikiFirstCol {
border-left-color:%SHADE_TWIKITABLE_HEADER_BACKGROUND%;
}
.twikiAttachments .twikiTable th.twikiLastCol {
border-right-color:%SHADE_TWIKITABLE_HEADER_BACKGROUND%;
}
.twikiFormTable td,
.twikiFormTable th {
border-color:%SHADE_TWIKIFORM_TABLECELL_BORDER%;
}
.patternContent .twikiForm td.twikiFirstCol,
.patternEditPage .twikiFormTable th {
background-color:%SHADE_TWIKIFORM_FIRSTCOL_BACKGROUND%;
color:%SHADE_BLUEISH_TEXT%;
}
.patternContent .twikiForm td,
.patternEditPage .twikiFormTable td {
background-color:%TABLE_DATA_EVEN_BACKGROUND%;
color:%LINK_TEXT_NORMAL_TABLE_HEADER%;
}
.twikiEditForm {
color:%SHADE_BLUEISH_TEXT%;
}
.twikiFormStep {
border-top-color:%TOPIC_ACTION_BACKGROUND%;
border-bottom-color:%FORM_STEP_BORDER%;
}
.twikiFormStep h3,
.twikiFormStep h4 {
color:%SHADE_BLUEISH_TEXT%;
}
.twikiFormStep h2,
.twikiFormStep h3,
.twikiFormStep h4 {
background-color:transparent;
background-image:none;
}
.twikiActionFormStepSign {
color:%NEUTRAL_BORDER%;
}
.twikiToc .twikiTocTitle {
color:%MUTED_TEXT%;
}
.twikiBroadcastMessage {
background-color:%SHADE_BROADCASTMESSAGE_BACKGROUND%;
border-color:%NOTIFICATION_BORDER%;
color:%SHADE_DARKISH_TEXT%;
}
.twikiNotification {
background-color:%NOTIFICATION_BACKGROUND%;
}
.twikiHelp {
background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
color:%SHADE_DARKISH_TEXT%;
border-color:%SEPARATOR_BORDER%;
}
.twikiHelp b,
.twikiHelp strong,
.twikiHelp h1,
.twikiHelp h2,
.twikiHelp h3,
.twikiHelp h4,
.twikiHelp h5,
.twikiHelp h6 {
color:%SHADE_ALERT_TEXT%;
}
.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_TEXT_HOVER%;
}
/* -----------------------------------------------------------
Pattern skin specific elements
----------------------------------------------------------- */
#patternPage {
background-color:%MAIN_BACKGROUND_COLOR%;
}
.patternTop,
.patternHomePath .patternRevInfo,
.patternRevInfo {
color:%GRAYED_TEXT_COLOR%;
}
.patternRevInfo a:link,
.patternRevInfo a:visited {
color:%GRAYED_TEXT_COLOR%;
}
.patternRevInfo a:hover {
color:%LINK_TEXT_HOVER%;
}
.patternHomePath .patternRevInfo a:link,
.patternHomePath .patternRevInfo a:visited {
color:%LINK_TEXT_NORMAL%;
}
.patternHomePath {
color:%SHADE_BLUEISH_TEXT%;
}
.patternHomePath a:link,
.patternHomePath a:visited {
color:%LINK_TEXT_NORMAL%;
}
.patternHomePath a:hover {
color:%LINK_TEXT_HOVER%;
text-decoration:underline;
}
.patternHomePath .twikiSeparator {
color:%GRAYED_TEXT_COLOR%;
}
/* Left bar */
#patternLeftBarContents,
#patternLeftBarContents .patternLeftBarPersonal {
background:none;
background-image:none;
}
#patternLeftBarContents,
#patternLeftBarContents a:link,
#patternLeftBarContents a:visited,
#patternLeftBarContents .patternLeftBarPersonal a:link,
#patternLeftBarContents .patternLeftBarPersonal a:visited {
color:%SHADE_BLUEISH_TEXT%;
}
#patternLeftBarContents strong,
#patternLeftBarContents b {
color:%SHADE_SIDE_BAR_STRONG_TEXT%;
text-decoration:none;
}
#patternLeftBarContents a:hover,
#patternLeftBarContents .patternLeftBarPersonal a:hover,
#patternLeftBarContents strong a:hover,
#patternLeftBarContents strong .patternLeftBarPersonal a:hover,
#patternLeftBarContents b a:hover,
#patternLeftBarContents b .patternLeftBarPersonal a:hover {
color:%LINK_TEXT_HOVER%;
text-decoration:underline;
}
#patternLeftBarContents hr {
color:%SEPARATOR_BORDER%;
background-color:%SEPARATOR_BORDER%;
}
.patternTopicActions {
border-color:%MINOR_SEPARATOR_BORDER%;
background-color:%TOPIC_ACTION_BACKGROUND%;
color:%TOPIC_ACTION_TEXT%;
}
.patternTopicAction s,
.patternTopicAction strike {
color:%DISABLED_TEXT%;
}
.patternTopicAction .twikiSeparator {
color:#bec5d2;
}
.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:%SHADE_BLUEISH_TEXT%;
}
.patternToolBar a:link .twikiAccessKey,
.patternToolBar a:visited .twikiAccessKey {
color:inherit;
border-color:#333;
}
.patternToolBar a:hover .twikiAccessKey {
background-color:transparent;
color:inherit;
border-color:#333;
}
.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:%SHADE_BLUEISH_TEXT%;
}
/* -----------------------------------------------------------
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:%SHADE_BLUEISH_TEXT%;
}
.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%;
}
/* preview.pattern.tmpl */
.twikiPreviewArea {
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 */
.patternTopic h2.twikinetRoundedAttachments {
padding-top:0;
padding-right:11px;
background:url(bg_header_right.gif) top right no-repeat;
}
.patternTopic h2.twikinetRoundedAttachments .twikinetHeader {
display:block;
padding-top:.4em; /* same as h2 */
padding-left:11px;
padding-right:11px;
margin-left:-11px;
background:url(bg_header.gif) top left no-repeat;
}
.patternTopic .twikiFormSteps h2.twikinetRoundedAttachments,
.patternTopic .twikiFormSteps h2.twikinetRoundedAttachments .twikinetHeader,
.patternTopic blockquote h2.twikinetRoundedAttachments,
.patternTopic blockquote h2.twikinetRoundedAttachments .twikinetHeader {
background:none;
}
.twikiToc li {
background-image:url(bullet-toc.gif);
background-repeat:no-repeat;
background-position:0 .4em;
}
#patternTopBar {
background-image:url(bg_topbar_gradient.gif);
background-repeat:repeat-x;
}
#twikinetLogo {
background-image:url(logo_twiki_net_faded.gif);
background-repeat:no-repeat;
}
#patternLeftBar,
#patternWrapper {
background-image:url(bg_leftbar_gradient.gif);
background-repeat:repeat-y;
}
.patternPrintPage #patternOuter {
background:#fff; /* white - do not change */
}
/* start buttons */
.twikiSubmit,
.twikiSubmitDisabled {
background-image:url(bg_button_submit.gif);
background-repeat:repeat-x;
}
.twikiSubmit,
a.twikiSubmit:link,
a.twikiSubmit:visited {
background-position:0px 0px;
background-color:#9eafd0;
border-color:#dee4f0 #96a3bc #96a3bc #dee4f0;
color:%SHADE_BLUEISH_TEXT%;
}
.twikiSubmit:hover,
a.twikiSubmit:hover {
background-position:0px -80px;
background-color:#7589b2;
border-color:#cbd3e4 #8391af #8391af #cbd3e4;
color:%SHADE_BLUEISH_TEXT%;
}
.twikiSubmit:active,
a.twikiSubmit:active {
background-position:0px -160px;
background-color:#fff;
border-color:#96a3bc #dee4f0 #dee4f0 #96a3bc;
color:%SHADE_BLUEISH_TEXT%;
}
.twikiButton,
a.twikiButton:link,
a.twikiButton:visited {
background-image:url(bg_button.gif);
background-repeat:repeat-x;
background-position:0px 0px;
border-color:#e9ebf1 #a2adbf #a2adbf #e9ebf1;
background-color:#d9dee7;
color:%SHADE_BLUEISH_TEXT%;
}
.twikiButton:hover,
.twikiChangeFormButtonHolder .twikiButton:hover,
a.twikiButton:hover {
background-position:0px -80px;
border-color:#e9ebf1 #a2adbf #a2adbf #e9ebf1;
background-color:#fff;
color:%SHADE_DARKISH_TEXT%;
}
.twikiButton:active,
.twikiChangeFormButtonHolder .twikiButton:active,
a.twikiButton:active {
background-position:0px -160px;
border-color:#a2adbf #e9ebf1 #e9ebf1 #a2adbf;
background-color:#fff;
color:%SHADE_DARKISH_TEXT%;
}
.twikiSubmitDisabled,
.twikiSubmitDisabled:hover,
.twikiSubmitDisabled:active,
.twikiButtonDisabled,
.twikiButtonDisabled:hover,
.twikiButtonDisabled:active {
background-image:url(bg_button.gif);
background-repeat:repeat-x;
background-position:0px -240px;
border-color:#dce0e7;
background-color:#e1e5ed;
color:#ccc;
}
.twikiButtonCancel {
background-image:url(bg_button_cancel.gif);
background-repeat:repeat-x;
background-position:0px 0px;
border-color:#fcdfe0 #cca6ae #cca6ae #fcdfe0;
background-color:#c6afb6;
color:%SHADE_BLUEISH_TEXT%;
}
.twikiButtonCancel:hover {
background-position:0px -80px;
border-color:#fcdfe0 #cca6ae #cca6ae #fcdfe0;
background-color:#b19aa0;
color:%SHADE_DARKISH_TEXT%;
}
.twikiButtonCancel:active {
background-position:0px -160px;
border-color:#cca6ae #fcdfe0 #fcdfe0 #cca6ae;
background-color:#fce2e2;
color:%SHADE_DARKISH_TEXT%;
}
/* end buttons */
.patternToolBar .patternButton a:link,
.patternToolBar .patternButton a:visited,
.patternToolBar .patternButton s,
.patternToolBar .patternButton strike {
background-image:url(bg_button.gif);
background-repeat:repeat-x;
}
.patternToolBar .patternButton a:link,
.patternToolBar .patternButton a:visited {
background-position:0px 0px;
border-color:#f8f6ec #b8b6ad #b8b6ad #f8f6ec;
background-color:#dbd9cf;
color:#333;
}
.patternToolBar .patternButton a:hover {
background-position:0px -80px;
border-color:#f4f2eb #a3a092 #a3a092 #f4f2eb;
background-color:#c2bfae;
color:#222;
}
.patternToolBar .patternButton a:active {
background-position:0px -160px;
border-color:#a3a092 #f4f2eb #f4f2eb #a3a092;
background-color:#e8e5d7;
color:#222;
}
.patternToolBar .patternButton s,
.patternToolBar .patternButton strike {
background-position:0px -240px;
border-color:#fcfbf9 #e3e2dd #e3e2dd #fcfbf9;
background-color:#edece6;
color:%DISABLED_TEXT%;
}
.patternTextareaButton {
border-color:#e9ebf1 #a2adbf #a2adbf #e9ebf1;
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;
}
/* 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);
}
/* TWikiNetSkin colors */
#twikinetTopToolBar {
border-color:%SHADE_TOPTOOLBAR_BORDER%;
background-color:%SHADE_TOPTOOLBAR_BACKGROUND%;
}
.twikinetWebName h2,
.twikinetWebName a:link,
.twikinetWebName a:visited {
background:none;
color:%SHADE_TOPTOOLBAR_WEBNAME_TEXT%;
}
/* TWikiNetSkin images */
#twikinetTopToolBar {
background-image:url(bg_toptoolbar_gradient.gif);
background-repeat:repeat-x;
}
/* background behind search and jump */
.twikinetSearchJumpLeft {
background-image:url(bg_search_jump.gif);
background-repeat:no-repeat;
}
.twikinetSearchJumpRight {
background-image:url(bg_search_jump.gif);
background-repeat:no-repeat;
background-position:top right;
width:5px;
}
.twikiInputField,
.twikiInputFieldReadOnly,
.twikiSelect {
background-image:url(bg_inputfield.gif);
}
.twikiInputField:active,
.twikiInputField:focus {
background-image:url(bg_inputfield_active.gif);
}
.twikinetJumpButton {
background-image:url(button_jump.gif);
}
.twikinetJumpButton:hover,
.twikinetJumpButton:active {
background-image:url(button_jump_hover.gif);
}
.twikinetSearchButton {
background-image:url(button_search.gif);
}
.twikinetSearchButton:hover,
.twikinetSearchButton:active {
background-image:url(button_search_hover.gif);
}
.twikinetToolBar a:link .rCRounded .rCTR,
.twikinetToolBar a:link .rCRounded .rCTL,
.twikinetToolBar a:link .rCRounded .rCBR,
.twikinetToolBar a:link .rCRounded .rCBL,
.twikinetToolBar a:visited .rCRounded .rCTR,
.twikinetToolBar a:visited .rCRounded .rCTL,
.twikinetToolBar a:visited .rCRounded .rCBR,
.twikinetToolBar a:visited .rCRounded .rCBL {
background-image:url(button_action.gif);
}
.twikinetToolBar a:hover .rCRounded .rCTR,
.twikinetToolBar a:hover .rCRounded .rCTL,
.twikinetToolBar a:hover .rCRounded .rCBR,
.twikinetToolBar a:hover .rCRounded .rCBL {
background-image:url(button_action_hover.gif);
}
.twikinetToolBar strike .rCRounded .rCTR,
.twikinetToolBar strike .rCRounded .rCTL,
.twikinetToolBar strike .rCRounded .rCBR,
.twikinetToolBar strike .rCRounded .rCBL {
background-image:url(button_action_disabled.gif);
}
.twikinetToolBar a .twikiLinkLabel {
color:%SHADE_BLUEISH_TEXT%;
}
.twikinetToolBar strike .twikiLinkLabel {
color:#cfd3d9;
}
.twikinetToolBar .twikinetEditIcon {
background-image:url(button_edit_icon.gif);
background-repeat:no-repeat;
background-position:2px 1px;
padding-left:25px;
}
.twikiTable th {
background-image:url(bg_table_header_gradient.gif);
background-repeat:repeat-x;
}
.twikiTable th.twikiSortedCol {
background-image:url(bg_table_header_sorted_gradient.gif);
background-repeat:repeat-x;
}
/* Rounded table */
.twikinetWrapperTableT {
background-color:%SHADE_TWIKITABLE_HEADER_BACKGROUND%;
}
.twikinetWrapperTable table.twikiTable th {
border-top-color:%SHADE_TWIKITABLE_HEADER_BACKGROUND%;
}
.twikinetWrapperTableTL {
background-image:url(table_corner_TL.gif);
background-repeat:no-repeat;
}
.twikinetWrapperTableTR {
background-image:url(table_corner_TR.gif);
background-repeat:no-repeat;
background-position:100% 0;
}
.twikinetWrapperTableB {
background-color:%NEUTRAL_BORDER%;
}
.twikinetWrapperTableBL {
background-image:url(table_corner_BL.gif);
background-repeat:no-repeat;
background-position:0 100%;
height:10px;
}
.twikinetWrapperTableBR {
background-image:url(table_corner_BR.gif);
background-repeat:no-repeat;
background-position:100% 100%;
height:10px;
}
.twikiAttachments .twikiTable th,
.twikiForm th.twikiFormTableHRow {
background-image:url(bg_attachments_header_gradient.gif);
background-repeat:repeat-x;
}
.twikiAttachments .twikiTable th.twikiFirstCol,
.twikiForm th.twikiFormTableHRow {
/* hide left line */
background-position:-1px 0;
}
.twikiAttachments .twikiTable th.twikiSortedCol,
.twikiForm th.twikiSortedCol {
background-image:url(bg_attachments_header_sorted_gradient.gif);
}
.twikiAttachments .twikiTable td.twikiSortedCol,
.twikiForm td.twikiSortedCol {
border-color:#dbdee7;
}
/* Generic rounded objects, for twikiAttachments, twikiForm and twikiHelp */
.twikinetRounded,
.twikiFormSteps {
background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
background-image:url(bg_form_bottom_gradient.gif);
background-repeat:repeat-x;
background-position:0 100%;
}
.twikinetRounded .rCRounded .rCTL {
background-image:url(rounded_TL.gif);
}
.twikinetRounded .rCRounded .rCTR {
background-image:url(rounded_TR.gif);
}
.twikinetRounded .rCRounded .rCBL {
background-image:url(rounded_BL.gif);
}
.twikinetRounded .rCRounded .rCBR {
background-image:url(rounded_BR.gif);
}
.twikinetRoundedTopicActions {
background:none;
}
.twikinetRoundedTopicActions .rCRounded .rCTL,
.twikinetRoundedTopicActions .rCRounded .rCTR,
.twikinetRoundedTopicActions .rCRounded .rCBL,
.twikinetRoundedTopicActions .rCRounded .rCBR {
background-image:url(bg_topicactions.gif);
}
.twikinetRoundedBroadcastMessage .rCRounded .rCTL,
.twikinetRoundedBroadcastMessage .rCRounded .rCTR,
.twikinetRoundedBroadcastMessage .rCRounded .rCBL,
.twikinetRoundedBroadcastMessage .rCRounded .rCBR {
background-image:url(bg_broadcastmessage.gif);
}
.twikinetRoundedBroadcastMessage .twikiBroadcastMessage {
background-image:url(icon_alert.gif);
background-repeat:no-repeat;
background-position:9px 12px;
padding-left:64px;
min-height:33px; /* at least height of icon */
}
.twikinetRoundedHelp {
background:none;
}
.twikinetRoundedHelp .rCRounded .rCTL,
.twikinetRoundedHelp .rCRounded .rCTR,
.twikinetRoundedHelp .rCRounded .rCBL,
.twikinetRoundedHelp .rCRounded .rCBR {
background-image:url(bg_help.gif);
}
#patternBottomBar {
background-image:url(bg_bottom_gradient.gif);
background-repeat:repeat-x;
}
#patternBottomBarContents #twikinetBadge {
float:right;
margin-left:10px;
}
#attachhelpshow img,
#attachhelphide img,
#topicattachmentslistshow img,
#topicattachmentslisthide img,
#edithelpshow img,
#edithelphide img,
#renamehelpshow img,
#renamehelphide img{
visibility:hidden;
}
#attachhelpshow,
#attachhelphide,
#topicattachmentslistshow,
#topicattachmentslisthide,
#edithelpshow,
#edithelphide,
#renamehelphide,
#renamehelpshow {
padding:0 0 0 7px;
margin:0 0 0 3px;
}
#attachhelpshow,
#topicattachmentslistshow,
#edithelpshow,
#renamehelpshow {
background:url(twisty_in.gif) no-repeat;
background-position:0 .1em;
background-position:0 50%;
}
#attachhelphide,
#topicattachmentslisthide,
#edithelphide,
#renamehelphide {
background:url(twisty_out.gif) no-repeat;
background-position:0 .1em;
background-position:0 50%;
}
/* Preloads button hover images */
.twikinetImageLoader {
background:url(button_action.gif);
background:url(button_action_hover.gif);
background:url(button_action_disabled.gif);
background:url(twisty_in.gif);
background:url(twisty_out.gif);
background:url(button_search_hover.gif);
background:url(button_jump_hover.gif);
visibility:hidden;
height:1px;
}
%ENDATTACH%