.

Summary

describes the standard CSS files and structures used by FlexWiki

Keywords

Developer

See_Also

ChocolateCSS LemonCSS

Overview

This is a page to assist in creation of a new CSS file, if desired.

• Overview
• Color Summary
• General
• Border
• Search
• TopicBody
• TopicBar
• Headings
• Links
• Properties
• Errors
• Tables
• TopicTips
• Sidebars
• Edit
• Search Results

Color Summary

Chocolate	CSS Selector	Lemon
	body:background	lemonchiffon
#FFF3E1	SidebarTile:background
	.Dialog:background
	TopicBar:border	#FFF3E1
	StaticTopicBar:border
	input#search:background	#FFF
	#TopicBody:background
	a.standardsButton:color
	a.standardsButton:hover:color
	a.standardsButton:visited:color
	PropertyValue:background-color
	PropertyValue p:background-color
	.Anchor:background-color
	.Anchor:hover:background-color
	.Anchor a:background-color
#FFF	ErrorMessageTitle:color
	ErrorMessageBody:color
	TableCellHighlighted:background-color	#E0E0E0
	TableCellHighlightedNoBorder:background-color
	SidebarTileTitle:color
	DynamicTopicBar:background
	TopicTip:background
#C1AF92	QuickLinkInput:background
#6A4E22	pre:border
	h1:border-bottom
	h2:border-bottom
	a.create:border-bottom
	a.create:hover:color
	a.create:hover:border-bottom
	PropertyName a.create:border-bottom
	PropertyName a.create:hover:border-bottom
	PropertyName a.create:hover:color
	PropertyValue a.create:border-bottom
	PropertyValue a.create:hover:border-bottom
	PropertyValue a.create:hover:color
	DynamicTopicBarHelp:color	#6A4E22
	TopicBarHover:border
	h1:color	#0033CC
	TableClass:border	#505050
	TableCellHighlighted:border	#909090
	TableCell:border
	TopicTipStats:border-top	gray
	TopicTip:border	silver
	a:color	royalblue
	h2:color	darkslateblue
	h3:color
	h4:color
	h5:color
	h6:color
	h1 a:color
	h2 a:color
	h3 a:color
	h7:color
	h1:border-top	mediumblue
	SidebarTileBody a:color
	SidebarTileBody a:hover:color
	a.standardsButton:background-color	#FF6600
	a.standardsButton:hover:background-color
	a.standardsButton:visited:background-color
	#TopicBody:color	#303030
#303030	ErrorMessage:border
	.Property:color	#0066FF
#4E3818	StaticTopicBar:color
	TopicBar:color	#3399CC
	TopicBarHover:color
	.Rule:border-top	gray
	input#search:border	silver
	SidebarTile:border	#404040
	SidebarTileBody:color
	SidebarTileBody td:color
#CC6600	PropertyValue a.create:color
	PropertyValue:color	#CC6600
	PropertyValue p:color
	.Anchor:color
	.Achor:hover:color
#CC0000	ErrorMessageTitle:background-color
#990033	ErrorMessageBody:background-color
#000	.Border#RightBorder:color
	a.create:color
	PropertyName a.create:color
	TableCell p:color, TableCell ul:color
	td:color
	DefaultTopicTipText:color
	body:color	#000
	TopicTip:color
	TopicTipStats:color	gray
	#TopicBody:border	silver
	SidebarTileTitle a:color	#FFCC99
	SidebarTileTitle a:hover:color	#FBE52F
	.Sidebar:background	lemonchiffon
#FFFAF2	pre:background
#C00	ReadOnlyStripe:color
#DEF	TableClass:background-color	#F8F8F8
#B3E0FF	.Border a:color	royalblue
	.Border a.create:border-bottom
	.Border a.create:hover:color
	.Border a.create:hover:border-bottom
#4E3818	QuickLinkInput:color
	h1 a:hover:color
	h2 a:hover:color
	h3 a:hover:color
	.Anchor a:color
	.Anchor a:hover:color
#FFF	.Border:color	#000
	.Border a.create:color
	SidebarTile:color

General

CSS Selector: html	Chocolate	Lemon
height	100%

 

CSS Selector: body	Chocolate	Lemon
height	100%
background	url(images/gradient.gif) repeat-x fixed center top	lemonchiffon
color	#000	#000
font-family	Verdana, Arial, Helvetica, sans-serif	Arial, sans-serif
font-size	x-small	small
margin	0
min-width	640px
padding	0

 

CSS Selector: code	Chocolate	Lemon
font	bold small Consolas,Courier New, Courier,monospace	small Courier New, Courier,monospace

 

CSS Selector: pre	Chocolate	Lemon
font	bold small Consolas,Courier New, Courier,monospace	small Courier New, Courier,monospace
background	#FFFAF2
border	solid 1px #6A4E22
overflow	auto
padding	4px 4px 4px 0

 

CSS Selector: img	Chocolate	Lemon
border	0

 

CSS Selector: ol	Chocolate	Lemon
margin-left	14px
padding-left	14px

 

CSS Selector: ul	Chocolate	Lemon
margin-left	14px
padding-left	14px
list-style-image	url(images/bullet.gif)	none

 

CSS Selector: li	Chocolate	Lemon
list-style-image	url(images/bullet.gif)	none

 

CSS Selector: .Rule	Chocolate	Lemon
border-top	1px solid #4E3818	1px solid gray

 

CSS Selector: .Dialog	Chocolate	Lemon
background	#FFF3E1
padding	4px

 

CSS Selector: .DialogTitle	Chocolate	Lemon
font-size	medium
font-weight	bold

 

Border

CSS Selector: .Border	Chocolate	Lemon
color	#fff	#000
display	inline-block
overflow	hidden

 

CSS Selector: .Border a	Chocolate	Lemon
color	#B3E0FF	royalblue

 

CSS Selector: .Border a.create	Chocolate	Lemon
color	#fff	#000
border-bottom	solid 1px #B3E0FF	dashed 1px royalblue
text-decoration	none	none

 

CSS Selector: .Border a.create:hover	Chocolate	Lemon
color	#B3E0FF	royalblue
border-bottom	solid 1px #B3E0FF	solid 1px royalblue
text-decoration	none

 

CSS Selector: .Border#BottomBorder	Chocolate	Lemon
clear	left
width	100%

 

CSS Selector: .Border#LeftBorder	Chocolate	Lemon
float	left
padding	4px
width	18.9%

 

CSS Selector: .Border#RightBorder	Chocolate	Lemon
float	left
margin-right	-1.1%
padding	4px
width	18.9%
color	#000

 

Search

CSS Selector: input#search	Chocolate	Lemon
background	#FFF3E1	#FFF
border	solid #4E3818	1px solid silver
font-family	Verdana, Arial, Helvetica, sans-serif	Arial, sans-serif

 

TopicBody

CSS Selector: #TopicBody	Chocolate	Lemon
background	#FFF3E1	#FFF
border	1px solid #000	1px solid silver
display	inline-block
float	left
min-height	99.5%
padding	4px
padding-left		12px
overflow	auto
width	59.9%
color		#303030

 

TopicBar

CSS Selector: .TopicBar	Chocolate	Lemon
border	1px solid #FFF3E1	1px solid #FFF3E1
color	#4E3818	#3399CC
font-size	1.5em
font-weight	bold
padding	2px 0 2px 0

 

CSS Selector: .TopicBarHover	Chocolate	Lemon
border	1px solid #6A4E22	1px solid #6A4E22
color	#4E3818	#3399CC
font-size	1.5em
font-weight	bold
padding	2px 0 2px 0

 

CSS Selector: .StaticTopicBar	Chocolate	Lemon
border	1px solid #FFF3E1	1px solid #FFF3E1
color	#4E3818	#0066FF
font-size	1.5em	2em
font-weight	bold
padding	2px 0 2px 0

 

CSS Selector: .DynamicTopicBar	Chocolate	Lemon
background		#E0E0E0 none repeat scroll 0%

 

CSS Selector: .DynamicTopicBarHelp	Chocolate	Lemon
color	#6A4E22	#6A4E22
font-size	xx-small	xx-small

 

CSS Selector: .QuickLinkInput	Chocolate	Lemon
background	#C1AF92	#E0E0E0 none repeat scroll 0%
border	0	medium none
color	#4E3818	royalblue
font-size	1.5em	1.4em
font-weight	bold	bold
width	100%

 

Headings

CSS Selector: h1	Chocolate	Lemon
color	#6A4E22	#0033CC
font-weight	bold
border		none
border-top		2px solid mediumblue
border-bottom	2px solid #6A4E22
font-size	2em	1.4em
margin-left		-5px
padding-left		4px
padding-top		2px

 

CSS Selector: h1 a	Chocolate	Lemon
color		darkslateblue
text-decoration		none

 

CSS Selector: h1 a:hover	Chocolate	Lemon
color		royalblue
text-decoration		underline

 

CSS Selector: h2	Chocolate	Lemon
color	#6A4E22	darkslateblue
font-weight	bold
border		none
border-bottom	1px solid #6A4E22
font-size	1.35em
margin-top		1.6em

 

CSS Selector: h2 a	Chocolate	Lemon
color		darkslateblue
text-decoration		none

 

CSS Selector: h2 a:hover	Chocolate	Lemon
color		royalblue
text-decoration		underline

 

CSS Selector: h3	Chocolate	Lemon
color	#6A4E22	darkslateblue
font-weight	bold
font-size	1.5em	1.1em
font-variant		small-caps
margin-top		1.6em

 

CSS Selector: h3 a	Chocolate	Lemon
color		darkslateblue
text-decoration		none

 

CSS Selector: h3 a:hover	Chocolate	Lemon
color		royalblue
text-decoration		underline

 

CSS Selector: h4	Chocolate	Lemon
color	#6A4E22	darkslateblue
font-weight	bold
font-size	1.25em	0.76em
margin-top		1.6em

 

CSS Selector: h5	Chocolate	Lemon
color	#6A4E22	darkslateblue
font-weight	bold
font-size	1.1em	0.76em
margin-top		1.6em

 

CSS Selector: h6	Chocolate	Lemon
color	#6A4E22	darkslateblue
font-weight	bold
font-size	1em	0.76em
margin-top		1.6em

 

CSS Selector: h7	Chocolate	Lemon
color		darkslateblue
font-size		0.76em
margin-top		1.6em

 

Links

CSS Selector: a	Chocolate	Lemon
color	#6A4E22	royalblue
text-decoration	none	none

 

CSS Selector: a:hover	Chocolate	Lemon
text-decoration	underline

 

CSS Selector: a.create	Chocolate	Lemon
color	#000
border-bottom	dashed 1px #6A4E22
text-decoration	none

 

CSS Selector: a.create:hover	Chocolate	Lemon
color	#6A4E22
border-bottom	solid 1px #6A4E22

 

CSS Selector: a.Anchor, a.Anchor:hover, a.Anchor:active	Chocolate	Lemon
text-decoration	none	none

 

CSS Selector: a.standardsButton	Chocolate	Lemon
background-color		#FF6600
border-color		#FFC8A4 rgb(125, 51, 2) rgb(63, 26, 1) rgb(255, 154, 87)
border-style		solid
border-width		1px
color		#FFFFFF
font-family		verdana,sans-serif
font-size		10px
font-size-adjust		none
font-stretch		normal
font-style		normal
font-variant		normal
font-weight		bold
line-height		normal
margin		0px
padding		0px 3px
text-decoration		none

 

CSS Selector: a.standardsButton:hover	Chocolate	Lemon
background-color		#FF6600
border-color		#FFC8A4 rgb(125, 51, 2) rgb(63, 26, 1) rgb(255, 154, 87)
border-style		solid
border-width		1px
color		#FFFFFF
font-family		verdana,sans-serif
font-size		10px
font-size-adjust		none
font-stretch		normal
font-style		normal
font-variant		normal
font-weight		bold
line-height		normal
margin		0px
padding		0px 3px
text-decoration		none

 

CSS Selector: a.standardsButton:visited	Chocolate	Lemon
background-color		#FF6600
border-color		#FFC8A4 rgb(125, 51, 2) rgb(63, 26, 1) rgb(255, 154, 87)
border-style		solid
border-width		1px
color		#FFFFFF
font-family		verdana,sans-serif
font-size		10px
font-size-adjust		none
font-stretch		normal
font-style		normal
font-variant		normal
font-weight		bold
line-height		normal
margin		0px
padding		0px 3px
text-decoration		none

 

CSS Selector: .externalLink, .ExternalLink	Chocolate	Lemon
background	url(images/external.png) right center no-repeat	url(images/external.png) right center no-repeat
padding-right	12px	12px

 

Properties

CSS Selector: .Property	Chocolate	Lemon
color		#0066FF
font-size		0.82em
margin-bottom		5px
margin-left		-5px
margin-top		5px

 

CSS Selector: .PropertyName	Chocolate	Lemon
font-size		0.82em
font-weight	bold	bold
line-height		1.2em
padding-bottom	2px

 

CSS Selector: .PropertyName a.create	Chocolate	Lemon
border-bottom	dashed 1px #6A4E22
color	#000
text-decoration	none

 

CSS Selector: .PropertyName a.create:hover	Chocolate	Lemon
border-bottom	dashed 1px #6A4E22
color	#6A4E22
text-decoration	none

 

CSS Selector: .PropertyValue	Chocolate	Lemon
background-color		white
color	#CC6600	#CC6600
font-size		0.82em
line-height		1.35em

 

CSS Selector: .PropertyValue a.create	Chocolate	Lemon
border-bottom	dashed 1px #6A4E22
color	#CC6600
text-decoration	none

 

CSS Selector: .PropertyValue a.create:hover	Chocolate	Lemon
border-bottom	dashed 1px #6A4E22
color	#6A4E22
text-decoration	none

 

CSS Selector: .PropertyValue p	Chocolate	Lemon
background-color		white
color	#CC6600	#CC6600
font-size		1em
line-height		1.35em
margin-bottom		0pt
margin-top		0pt

&npsp;

CSS Selector: .Anchor	Chocolate	Lemon
background-color		white
color	#CC6600	#CC6600
line-height		1.35em

 

CSS Selector: .Anchor:hover	Chocolate	Lemon
background-color		white
color		#CC6600
line-height		1.35em
text-decoration		none

 

CSS Selector: .Anchor a	Chocolate	Lemon
background-color		white
color		royalblue
line-height		1.35em

 

CSS Selector: .Anchor a:hover	Chocolate	Lemon
color		royalblue
text-decoration		underline

 

Errors

CSS Selector: .ErrorMessage	Chocolate	Lemon
border	#303030 1px solid
margin	1px

 

CSS Selector: .ErrorMessageTitle	Chocolate	Lemon
background-color	#CC0000
color	#FFF
font-weight	bold

 

CSS Selector: .ErrorMessageBody	Chocolate	Lemon
background-color	#990033
color	#FFF

 

Tables

CSS Selector: .TableClass	Chocolate	Lemon
background-color	#DEF	#F8F8F8
border	solid 1px #6A4E22	1px solid #505050
border-collapse	collapse	collapse
font-size	x-small

 

CSS Selector: .TableWithoutBorderClass	Chocolate	Lemon
border-collapse	collapse	collapse

 

CSS Selector: .TableCellHighlighted	Chocolate	Lemon
background-color	#FFF	#E0E0E0
border	solid 1px #6A4E22	#909090
border-collapse	collapse	collapse
font-size		x-small

 

CSS Selector: .TableCell	Chocolate	Lemon
border	solid 1px #6A4E22	1px solid #909090
border-collapse	collapse
font-size	x-small

 

CSS Selector: .TableCell p, .TableCell ul	Chocolate	Lemon
color	#000
font-size	smaller

 

CSS Selector: .TableCellHighlightedNoBorder	Chocolate	Lemon
background-color	#FFF	#E0E0E0

 

CSS Selector: .TableCellNoBorder

Chocolate

Lemon

 

CSS Selector: td	Chocolate	Lemon
color		#000

 

TopicTips

CSS Selector: .DefaultTopicTipText	Chocolate	Lemon
color	#000

 

CSS Selector: .TopicTipStats	Chocolate	Lemon
border-top	1px solid #6A4E22	1px solid gray
font-size	xx-small
color	#000	gray

 

CSS Selector: .TopicTip	Chocolate	Lemon
background		#E0E0E0
display	none
position	absolute
border	1px solid #6A4E22	1px solid silver
color	#000	#000
padding	1px	1px
font-size	x-small

 

Sidebars

CSS Selector: .Sidebar	Chocolate	Lemon
background		lemonchiffon none repeat scroll 0%
padding	4px
width	200px

 

CSS Selector: .SidebarTile	Chocolate	Lemon
background	#FFF3E1	lemonchiffon
border	solid 1px #4E3818	1px solid #404040
color		black
font-size	x-small
margin-bottom	4px
width	100%

 

CSS Selector: .SidebarTileTitle	Chocolate	Lemon
background	url(images/tile-title.gif) repeat-x top left
color	#FFF	#E0E0E0
font-weight	bold
height	24px

 

CSS Selector: .SidebarTileTitle a	Chocolate	Lemon
color		#FFCC99
text-decoration		none

 

CSS Selector: .SidebarTileTitle a:hover	Chocolate	Lemon
color		#FBE52F
text-decoration		underline

 

CSS Selector: .SidebarTileBody	Chocolate	Lemon
color		#404040

 

CSS Selector: .SidebarTileBody a	Chocolate	Lemon
color		mediumblue
text-decoration		none

 

CSS Selector: .SidebarTileBody a:hover	Chocolate	Lemon
color		mediumblue
text-decoration		underline

 

CSS Selector: .SidebarTileBody td	Chocolate	Lemon
color		#404040

 

CSS Selector: .SidebarTileBody p

Chocolate

Lemon

 

CSS Selector: .ReadOnlyStripe	Chocolate	Lemon
color	#C00
font-weight	bold

 

Edit

CSS Selector: .EditMain	Chocolate	Lemon
overflow	auto
width	100%

 

CSS Selector: .EditZone	Chocolate	Lemon
width	99.7%

 

CSS Selector: textarea.EditBox	Chocolate	Lemon
font	normal small Consolas,Courier New,Courier,monospace
width	100%

 

CSS Selector: .tip	Chocolate	Lemon
font-weight	bold

 

CSS Selector: .tipBody	Chocolate	Lemon
font-size	xx-small

 

CSS Selector: .TipArea	Chocolate	Lemon
border	1px solid #6A4E22
display	none
font	8pt Verdana
margin-top	3px
padding	4px

 

Search Results

CSS Selector: .SearchColumnHeading	Chocolate	Lemon
background	url(images/tile-title.gif) repeat-x top left	#003399 none repeat scroll 0%
border		1px solid black
color	#FFF
font-size	0.75em
font-weight	bold	bold
height	24px
width	auto

 

CSS Selector: .SearchColumnFilter

Chocolate

Lemon

 

CSS Selector: .SearchColumnFilterBox

Chocolate

Lemon

 

CSS Selector: .SearchEvenRow	Chocolate	Lemon
background		#FFF
border-bottom		1px solid silver

 

CSS Selector: .SearchOddRow	Chocolate	Lemon
background	#FFF	#F8F8F8
border-bottom		1px solid silver

 

CSS Selector: .SearchMain	Chocolate	Lemon
background	#FFF	#303030
border	solid 10px #6A4E22	12px solid #404040
padding	4px	10px

 

CSS Selector: .searchHitHead	Chocolate	Lemon
background	#D1AA70	#E0E0E0
font-size	small
font-weight	bold

 

CSS Selector: .searchHitBody	Chocolate	Lemon
background	#FFF
overflow		hidden

 

CSS Selector: .searchHitBody p

Chocolate

Lemon

 

CSS Selector: .searchHitBody td

Chocolate

Lemon

 

CSS Selector: .searchHitBody li

Chocolate

Lemon

 

CSS Selector: .searchHitBody ul

Chocolate

Lemon

 

CSS Selector: .searchHitBody ol

Chocolate

Lemon

 

CSS Selector:

Chocolate

Lemon

 

CSS Selector:

Chocolate

Lemon

 

CSS Selector:

Chocolate

Lemon

 

CSS Selector:

Chocolate

Lemon

 

CSS Selector:

Chocolate

Lemon

 

CSS Selector:

Chocolate

Lemon

 

CSS Selector:

Chocolate

Lemon

 

CSS Selector:

Chocolate

Lemon

 

CSS Selector:

Chocolate

Lemon