.
Overview
This is a page to assist in creation of a new CSS file, if desired.
Color Summary
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 |
The software running this site. -> jump to HomePage
10/22/2006 7:52:17 AM - -81.182.199.248
this is the code for the CSS to produce Chocolate
2/8/2008 8:09:40 AM - -74.12.248.190
this is the CSS code to produce the FlexWiki style Lemon or Classic
2/8/2008 8:10:15 AM - -74.12.248.190
Click to read this topic5/22/2006 7:28:46 AM - -193.198.17.121
Click to read this topic5/22/2006 7:28:46 AM - -193.198.17.121
Welcome to the home of FlexWiki, an experimental collaboration tool, based on WikiWiki.
This is FlexWiki, an open source wiki engine.
 |
| This site supports the new NoFollow anti-spam initiative. |
Recent Topics
- FlexWikiCSS
The software running this site. -> jump to HomePage
10/22/2006 7:52:17 AM - -81.182.199.248
Definition of WikiWiki on wikipedia.org
7/30/2007 9:11:19 AM - DerekLakin-90.199.71.244
The software running this site. -> jump to HomePage
10/22/2006 7:52:17 AM - -81.182.199.248
An extension to HTML that search engines use to ignore potential LinkSpam.
3/9/2008 4:21:17 PM - FLWCOM-jwdavidson