Sample CSS

SealWyf's CSS reprinted with SealWyf's permission, of course. Some great working examples here. Notice the new h1,h2,h3 formatting.
Check out SealWyf's Wiki tutorials at http://sealwyf.wikispaces.com .
Note: Using ~AttachCSS to specify the custom CSS file for this test page.

Heading 1

Heading 2

Heading 3



Edit This Page

Headings

Heading 1

Heading 2

Heading 3


Text

This is a basic, unformatted sentence.
This sentence is in bold.
This sentence is italicized
This sentence has an underline
This sentence is monospaced

Links

existing link
empty page link
external link
A user link: - support support
A user link with date: - support support May 16, 2006 12:04 pm

Tables

row 1 cell 1
row 1 cell 2
row 1 cell 3
row 2 cell 1
row 2 cell 2
row 2 cell 3
row 3 cell 1
row 3 cell 2
row 3 cell 3
row 4 cell 1
row 4 cell 2
row 4 cell 3

Lists

  • Unordered 1
  • Unordered 2
    • Unordered 3
      • Unordered 4
        • Unordered 5
  • Unordered 6

  1. Ordered 1
  2. Ordered 2
    1. Ordered 3
      1. Ordered 4
        1. Ordered 5
  3. Ordered 6

Indenting

No indenting
  • One level of indenting
    • Two levels of indenting
      • Three levels of indenting
        • Four levels of indenting

Flat Table of Contents

Headings | Heading 1 | Text | Links | Tables | Lists | Indenting | Flat Table of Contents

Your wiki stylesheet controls the presentation of your page content, the portion of the wiki page you can edit. You may change most aspects of how your pages look using CSS. This feature requires knowledge of CSS stylesheets.



/* Wiki Rendered Styles */
.wiki { line-height: 150%; font-family: verdana, arial, helvetica, sans-serif; font-size: small; }
 
.wiki h1 { font-family: serif; font-weight: normal;
    padding: 3px 0 5px 0; margin: 5px 0 10px 0; font-size: 1.5em; color: #666699;
    background-color: #f6f9ff; clear: right; border: 3px double #9999aa;
    border-width: 3px 5px 5px 3px; border-color: #ccccdd #9999aa #9999aa #ccccdd;
    letter-spacing: 3px; text-align: center; }
 
.wiki h2 { font-weight: bold; color: #333366; padding: 5px ; margin: 0;
    font-size: 1.3em; clear: right; background-color: #eff3f6; border: 1px solid #ccccdd;
    border-bottom: 2px solid #9999aa; border-right: 2px solid #9999aa; }
 
.wiki h3 { font-weight: bold; color: #666699; padding: 5px 0 0 0; margin: 0;
    font-size: 1.1em; clear: right; }
 
.wiki table { border-collapse: collapse; margin: 10px 0; }
.wiki p { margin: 0; padding: 0; padding: 5px 0; }
.wiki td { border: 1px solid #DDD; padding: 5px; vertical-align: top; }
.wiki #toc { border: 1px solid #AAA; background: #EEE; padding: 5px; margin: 0 0 10px 10px;
    width: 25%; float: right; clear: right;}
.wiki #toc h1 { font-weight: normal; font-size: 1.2em; padding: 0; }
.wiki #toc a:hover { color: #00D; background: #FFD; }
.wiki pre.text { display: block; background-color: #EEE; border: 1px solid #CCC; padding: 10px;
    font-size: 10pt; }
.wiki .nob td { border: 0; }
.wiki hr { height: 1px; color: #AAA; background-color: #AAA; border: 0; margin: 0 10px; padding 0;
    clear: right; width: 100%; }
.wiki ul { padding: .5em 0 0 3em; margin: 0; }
.wiki ol { padding: .5em 0 0 3em; margin: 0; }
.wiki ul.quotelist { list-style: none; }
.wiki a.ext { background: url(/i/a.gif) center right no-repeat; padding-right: 10px; }
.wiki a.wiki_link_new { color: #600; }
.wiki a.wiki_link_ext { background: url(/i/a.gif) center right no-repeat; padding-right: 10px; }
.wiki .redtext { color: #F00; }
 
.wiki blockquote { font-size: .85em; }
.wiki blockquote.boxed { font-size: .85em; background-color: #efefef; padding: 10px;
    border: 3px double #999999; }
 
 
.wiki div.pullquoteleft { margin: 5px 10px 5px 0; padding: 5px; text-align: left; vertical-align: top;
    width: 40%; border: 1px solid #336699; border-width: 5px 0; color: #003366;
    background-color: #99ccff; font-size: 1.1em; float: left; }
 
.wiki div.pullquoteright { margin: 5px 5px 5px 10px; padding: 5px; text-align: right;
    vertical-align: top; width: 40%; border: 1px solid #996633; border-width: 5px 0;
    color: #663300; background-color: #ffdead; font-size: 1.1em; float: right; }
 
.wiki div.columnbox { color: red; border: 1px solid red; }
 
.wiki div.leftcolumn { width: 30%; margin: 0 10px 0 0; padding: 0 5px; border: 0;
    font-family: serif; font-size: 1.2em; color: #663333; text-align: left; valign: top; float: left;}
 
.wiki div.rightcolumn { margin: 0; margin-left: 35%; padding: 0 10px; border: 0;
    border-left: 1px dotted silver; text-align: left; valign: top;}
 
.wiki div#popuplinks { padding: 10px; margin: 1em 5em ; border: 3px double #333; background-color: #ddddff; }
 
.wiki div.bluebox { width: 90%; margin: 10px auto 10px 30px; border: 1px solid #9999aa;
    padding: 10px; background-color: #f6f9ff; }
 
.wiki div.yellowbox { width: 90%; margin: 10px auto 10px 30px; border: 1px solid #9999aa;
    padding: 10px; background-color: #ffffdd; }
 
.wiki div.toplink { float: right; margin: 0; padding: 1px 20px; background-color: #eff3f6;
    border-top: 3px solid #fafbfc; border-bottom: 3px solid #e1e4e9; text-align: center; }
 
.wiki div.toplink a { font-weight: bold; text-decoration: none ; color: #000099; }