Skip to content.
Uni-Orchester
Themen
Willkommen
Mitspielen?
Orchester
Konzert
Projekte
Probenplan
Förderverein
Orchesterforum (intern)
Registrieren Forum
Hilfe
Kontakt
Datenschutz
Werkzeuge
Recent changes
Topic list
Verbose topic list
Access statistics
Notify me of changes
Web preferences
TWiki
>
PatternSkinPalette
More...
Printable version
Attach a file
Edit this page
Refresh
---+!! !PatternSkinPalette <span style="background:#000000" > </span><span style="background:#041d3a" > </span><span style="background:#05264d" > </span><span style="background:#333333" > </span><span style="background:#334455" > </span><span style="background:#880000" > </span><span style="background:#990000" > </span><span style="background:#844f0c" > </span><span style="background:#22638c" > </span><span style="background:#666666" > </span><span style="background:#3db234" > </span><span style="background:#1559b3" > </span><span style="background:#1e5bbd" > </span><span style="background:#808080" > </span><span style="background:#888888" > </span><span style="background:#e24628" > </span><span style="background:#698fa8" > </span><span style="background:#9e9e70" > </span><span style="background:#888e9c" > </span><span style="background:#8490a1" > </span><span style="background:#ff0000" > </span><span style="background:#ff3000" > </span><span style="background:#98a2b0" > </span><span style="background:#aaaaaa" > </span><span style="background:#bbbbbb" > </span><span style="background:#a3bcf1" > </span><span style="background:#cccccc" > </span><span style="background:#ffff00" > </span><span style="background:#b9d6fa" > </span><span style="background:#dadada" > </span><span style="background:#b4d5ff" > </span><span style="background:#dddddd" > </span><span style="background:#e9e9e9" > </span><span style="background:#e0e9f7" > </span><span style="background:#efedea" > </span><span style="background:#f3ede7" > </span><span style="background:#dfedfd" > </span><span style="background:#eeeeee" > </span><span style="background:#ebf7ea" > </span><span style="background:#efefef" > </span><span style="background:#ffeae5" > </span><span style="background:#e8f1f9" > </span><span style="background:#f1f1f1" > </span><span style="background:#f2f2f2" > </span><span style="background:#f8f8f8" > </span><span style="background:#f5f7fd" > </span><span style="background:#fcfaf7" > </span><span style="background:#ffffff" > </span> This page gives an overview of the colors used by PatternSkin and describes where to change them to create your own style. %TOC{title="Page contents:" depth="2"}% ---++ Create your own colors To create a customised set of colors for TWiki.PatternSkin * download [[%ATTACHURL%/PatternSkinPalette.css][PatternSkinPalette.css]] * modify the CSS colors in !PatternSkinPalette.css * [[%SCRIPTURL%/attach%SCRIPTSUFFIX%/%MAINWEB%/%WIKINAME% attach]] your modified !PatternSkinPalette.css to your home page * as shown below, add the =USERSTYLEURL= setting to [[%MAINWEB%.%WIKINAME%][your home page]] <verbatim> * Plugins.PatternSkin CSS Settings (change colour palette) * Set USERSTYLEURL = %PUBURL%/%MAINWEB%/%WIKINAME%/PatternSkinPalette.css </verbatim> You can also change the colors in a modified version of =style.css=. See PatternSkinCustomization for instructions. ---++ Colors overview ---+++ Text colors <table cellspacing="4px"> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#e24628;"></td> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#e24628; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td> <td> ==#e24628== </td> <td>header =h1= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#900;"></td> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#900; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td> <td> ==#990000== </td> <td>header =h2, h3, h4, h5, h6= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#F3EDE7;"></td> <td></td> <td> ==#F3EDE7== </td> <td>background header =h2= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#8490A1;"></td> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#8490A1; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td> <td> ==#8490A1== </td> <td>grayed out text =.twikiGrayText= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#1e5bbd;"></td> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#1e5bbd; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td> <td> ==#1e5bbd== </td> <td>link =:link, :visited= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#b4d5ff;"></td> <td></td> <td> ==#b4d5ff== </td> <td>background hover link (note: the link color becomes #1559B3 on hover) =:link:hover= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#666;"></td> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#666; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td> <td> ==#666666== </td> <td>visited link in topic text =.twikiTopic a:visited= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#7A4707;"></td> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#7A4707; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td> <td> ==#7A4707== </td> <td>code =pre, code, tt= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#000;"></td> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#000; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td> <td> ==#000000== </td> <td>body text</td> </tr> </table> ---+++ Page colors <table cellspacing="4px"> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#f8f8f8;"></td> <td style="width:30px;"></td> <td> ==#f8f8f8== </td> <td>page =body= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#fff;"></td> <td></td> <td> ==#ffffff== </td> <td>main page =.twikiMain= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#ddd;"></td> <td></td> <td> ==#dddddd== </td> <td>main page border =.twikiMain= </td> </tr> </table> ---+++ Left bar <table cellspacing="4px"> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#800;"></td> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#800; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td> <td> ==#880000== </td> <td>body text in left bar =.twikiLeftBar= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#22638C;"></td> <td></td> <td> ==#22638C== </td> <td>top border left bar contents =.twikiLeftBarContents= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#DFEDFD;"></td> <td></td> <td> ==#DFEDFD== </td> <td>personal left bar background =.twikiLeftBarPersonal= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#ccc;"></td> <td></td> <td> ==#cccccc== </td> <td>personal left bar border =.twikiLeftBarPersonal= </td> </tr> </table> ---+++ Forms ---++++ Action buttons ---+++++ View page <table cellspacing="4px"> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#98A2B0;"></td> <td></td> <td> ==#98A2B0== </td> <td>action buttons background view page =.twikiTopicAction= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#fff;"></td> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#fff; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td> <td> ==#ffffff== </td> <td>action buttons text and links</td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#ccc;"></td> <td></td> <td> ==#cccccc== </td> <td>action buttons links bottom border</td> </tr> </table> ---+++++ Non-view pages <table cellspacing="4px"> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#22638c;"></td> <td></td> <td> ==#22638c== </td> <td>action buttons background non-view page =.twikiTopicAction= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#698FA8;"></td> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#698FA8; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td> <td> ==#698FA8== </td> <td>action buttons links bottom border</td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#DFEDFD;"></td> <td></td> <td> ==#DFEDFD== </td> <td>action buttons secondary row (top) background =.twikiTopicActionSecondary= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#22638c;"></td> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#22638c; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td> <td> ==#22638c== </td> <td>action buttons secondary row text</td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#A3BCF1;"></td> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#A3BCF1; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td> <td> ==#A3BCF1== </td> <td>action buttons secondary row links bottom border</td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#D4E6FC;"></td> <td></td> <td> ==#D4E6FC== </td> <td>action buttons submit options =.twikiSubmitOptions= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#B6C6D9;"></td> <td></td> <td> ==#B6C6D9== </td> <td>action buttons submit options border =.twikiSubmitOptions= </td> </tr> </table> ---++++ Buttons <table cellspacing="4px"> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#041D3A;"></td> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#041D3A; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td> <td> ==#041D3A== </td> <td>submit button =.twikiSubmit= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#f2f2f2;"></td> <td></td> <td> ==#f2f2f2== </td> <td>button background =.twikiSubmit= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#05264D;"></td> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#05264D; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td> <td> ==#05264D== </td> <td>submit button =.twikiButton= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#E8F1F9;"></td> <td></td> <td> ==#E8F1F9== </td> <td>topic submit button =.twikiTopic .twikiSubmit= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#B9D6FA;"></td> <td></td> <td> ==#B9D6FA== </td> <td>secondary submit button =.twikiTopic .twikiSubmit= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#eee;"></td> <td></td> <td> ==#eeeeee== </td> <td>cancel button =.twikiCancel= </td> </tr> </table> ---++++ Edit page <table cellspacing="4px"> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#FCFAF7;"></td> <td></td> <td> ==#FCFAF7== </td> <td>textarea background =.twikiEditPage textarea= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#888;"></td> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#888; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td> <td> ==#888888== </td> <td> =.twikiChangeFormButton= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#E0E9F7;"></td> <td></td> <td> ==#E0E9F7== </td> <td>edit form header background =.twikiEditPage .twikiEditForm th= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#F5F7FD;"></td> <td></td> <td> ==#F5F7FD== </td> <td>edit form row background =.twikiEditPage .twikiEditForm td= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#EFEDEA;"></td> <td></td> <td> ==#EFEDEA== </td> <td>signature area background =.twikiEditPage .twikiSig input= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#ccc;"></td> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#ccc; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td> <td> ==#cccccc== </td> <td>help text =.twikiEditPage .twikiHelp= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#900;"></td> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#900; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td> <td> ==#990000== </td> <td>help text code text =.twikiEditPage .twikiHelp code= </td> </tr> </table> ---++++ Versatile table <table cellspacing="4px"> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#F5F7FD;"></td> <td style="width:30px;"></td> <td> ==#F5F7FD== </td> <td>background =.twikiVersatileTable td= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#E0E9F7;"></td> <td></td> <td> ==#E0E9F7== </td> <td>background =.twikiVersatileTable th= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#fff;"></td> <td></td> <td> ==#ffffff== </td> <td>background main part =.twikiVersatileTable .twikiMainCol= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#E9E9E9;"></td> <td></td> <td> ==#E9E9E9== </td> <td>background =.twikiVersatileTable .twikiOldCol= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#E9E9E9;"></td> <td></td> <td> ==#E9E9E9== </td> <td>background =.twikiVersatileTable .twikiOldCol= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#8490A1;"></td> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#8490A1; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td> <td> ==#8490A1== </td> <td>help text =.twikiHelpCol= </td> </tr> </table> ---+++ Attachment and form table <table cellspacing="4px"> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#888e9c;"></td> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#888e9c; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td> <td> ==#888e9c== </td> <td>text color</td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#000;"></td> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#000; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td> <td> ==#000000== </td> <td>text color previous attachments =.twikiAttachPage .twikiPrevious .twikiAttachments table= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#ccc;"></td> <td></td> <td> ==#cccccc== </td> <td>borders</td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#345;"></td> <td></td> <td> ==#334455== </td> <td>sort indicator line =.twikiAttachments a, .twikiForm a= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#fff;"></td> <td></td> <td> ==#ffffff== </td> <td>background color</td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#f1f1f1;"></td> <td></td> <td> ==#f1f1f1== </td> <td>background color view page</td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#DADADA;"></td> <td></td> <td> ==#DADADA== </td> <td>sort indicator background =.twikiAttachments th.twikiSortedAscendingCol= </td> </tr> </table> ---+++ Diff pages <table cellspacing="4px"> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#FF3000;"></td> <td style="width:30px;"></td> <td> ==#FF3000== </td> <td>deleted header background =.twikiDiffPage .twikiDiffDeletedHeader, -twikiDiffDeletedMarker= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#FFEAE5;"></td> <td style="width:30px;"></td> <td> ==#FFEAE5== </td> <td>deleted header background =.twikiDiffPage .twikiDiffDeletedText= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#3DB234;"></td> <td style="width:30px;"></td> <td> ==#3DB234== </td> <td>added header background =.twikiDiffPage .twikiDiffAddedHeader, -twikiDiffAddedMarker= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#EBF7EA;"></td> <td style="width:30px;"></td> <td> ==#EBF7EA== </td> <td>added header background =.twikiDiffPage .twikiDiffAddedText= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#98A2B0;"></td> <td style="width:30px;"></td> <td> ==#98A2B0== </td> <td>changed header and row background =.twikiDiffPage th.twikiDiffChangedHeader= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#ddd;"></td> <td style="width:30px;"></td> <td> ==#dddddd== </td> <td> =.twikiDiffPage .twikiDiffLineNumberHeader= </td> </tr> </table> ---+++ Various colors <table cellspacing="4px"> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#9E9E70;"></td> <td></td> <td> ==#9E9E70== </td> <td>horizontal line =hr= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#ccc;"></td> <td></td> <td> ==#cccccc== </td> <td>left bar horizontal line =hr= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#ddd;"></td> <td></td> <td> ==#dddddd== </td> <td>TOC border =.twikiToc= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#666;"></td> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#666; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td> <td> ==#666666== </td> <td>TOC title =.twikiToc .twikiTocTitle= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#F3EDE7;"></td> <td></td> <td> ==#F3EDE7== </td> <td>background search results header =.twikiSearchResultsHeader, .twikiSearchString= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#ccc;"></td> <td></td> <td> ==#cccccc== </td> <td>bottom border search results header =.twikiSearchResultsHeader, .twikiSearchString= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#f00;"></td> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#f00; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td> <td> ==#ff0000== </td> <td>alert =.twikiAlert= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#900;"></td> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#900; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td> <td> ==#990000== </td> <td>alert in search results =.twikiSearchResults .twikiSummary .twikiAlert= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#22638c;"></td> <td></td> <td> ==#22638c== </td> <td>search results in book view, top row background =.twikiBookViewList .twikiTopRow= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#ccc;"></td> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#ccc; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td> <td> ==#cccccc== </td> <td>search results in book view, top row =.twikiBookViewList .twikiTopRow= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#ff0;"></td> <td></td> <td> ==#ffff00== </td> <td>broadcast message background =.twikiBroadcastMessage= </td> </tr> <tr> <td style="width:30px; height:30px; border:1px solid #fff; background-color:#f00;"></td> <td style="width:30px; height:30px; border:1px solid #ddd; background-color:#f00; background-image:url(%ATTACHURLPATH%/textmask.gif);"></td> <td> ==#ff0000== </td> <td>broadcast message bold text =.twikiBroadcastMessage strong= </td> </tr> </table> ---++ Descending color table <table> <tr> <th>rgb</th> <th>colour sample</th> </tr> <tr style="height:20px" > <td style="height:20px" >#000000</td> <td style="height:20px; width:150px; background:#000000" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#041d3a</td> <td style="height:20px; width:150px; background:#041d3a" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#05264d</td> <td style="height:20px; width:150px; background:#05264d" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#333333</td> <td style="height:20px; width:150px; background:#333333" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#334455</td> <td style="height:20px; width:150px; background:#334455" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#880000</td> <td style="height:20px; width:150px; background:#880000" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#990000</td> <td style="height:20px; width:150px; background:#990000" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#844f0c</td> <td style="height:20px; width:150px; background:#844f0c" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#22638c</td> <td style="height:20px; width:150px; background:#22638c" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#666666</td> <td style="height:20px; width:150px; background:#666666" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#3db234</td> <td style="height:20px; width:150px; background:#3db234" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#1559b3</td> <td style="height:20px; width:150px; background:#1559b3" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#1e5bbd</td> <td style="height:20px; width:150px; background:#1e5bbd" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#808080</td> <td style="height:20px; width:150px; background:#808080" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#888888</td> <td style="height:20px; width:150px; background:#888888" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#e24628</td> <td style="height:20px; width:150px; background:#e24628" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#698fa8</td> <td style="height:20px; width:150px; background:#698fa8" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#9e9e70</td> <td style="height:20px; width:150px; background:#9e9e70" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#888e9c</td> <td style="height:20px; width:150px; background:#888e9c" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#8490a1</td> <td style="height:20px; width:150px; background:#8490a1" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#ff0000</td> <td style="height:20px; width:150px; background:#ff0000" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#ff3000</td> <td style="height:20px; width:150px; background:#ff3000" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#98a2b0</td> <td style="height:20px; width:150px; background:#98a2b0" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#aaaaaa</td> <td style="height:20px; width:150px; background:#aaaaaa" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#bbbbbb</td> <td style="height:20px; width:150px; background:#bbbbbb" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#a3bcf1</td> <td style="height:20px; width:150px; background:#a3bcf1" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#cccccc</td> <td style="height:20px; width:150px; background:#cccccc" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#ffff00</td> <td style="height:20px; width:150px; background:#ffff00" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#b9d6fa</td> <td style="height:20px; width:150px; background:#b9d6fa" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#dadada</td> <td style="height:20px; width:150px; background:#dadada" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#b4d5ff</td> <td style="height:20px; width:150px; background:#b4d5ff" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#dddddd</td> <td style="height:20px; width:150px; background:#dddddd" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#e9e9e9</td> <td style="height:20px; width:150px; background:#e9e9e9" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#e0e9f7</td> <td style="height:20px; width:150px; background:#e0e9f7" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#efedea</td> <td style="height:20px; width:150px; background:#efedea" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#f3ede7</td> <td style="height:20px; width:150px; background:#f3ede7" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#dfedfd</td> <td style="height:20px; width:150px; background:#dfedfd" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#eeeeee</td> <td style="height:20px; width:150px; background:#eeeeee" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#ebf7ea</td> <td style="height:20px; width:150px; background:#ebf7ea" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#efefef</td> <td style="height:20px; width:150px; background:#efefef" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#ffeae5</td> <td style="height:20px; width:150px; background:#ffeae5" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#e8f1f9</td> <td style="height:20px; width:150px; background:#e8f1f9" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#f1f1f1</td> <td style="height:20px; width:150px; background:#f1f1f1" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#f2f2f2</td> <td style="height:20px; width:150px; background:#f2f2f2" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#f8f8f8</td> <td style="height:20px; width:150px; background:#f8f8f8" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#f5f7fd</td> <td style="height:20px; width:150px; background:#f5f7fd" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#fcfaf7</td> <td style="height:20px; width:150px; background:#fcfaf7" > </td> </tr > <tr style="height:20px" > <td style="height:20px" >#ffffff</td> <td style="height:20px; width:150px; background:#ffffff" > </td> </tr ></table> -- Main.ArthurClemens - 29 Aug 2004
