CSS_Sample

media type="custom" key="213251" =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 3
media type="custom" key="213283"

code format="css" /* 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; }

code