Styles

This is the default CSS file for WikiWriter. The dropdown reminder lists show classes from this style sheet according to these rules:

1. A line that begins with a period will show in the dropdown list.
2. A line that begins with a letter or a space will not show — use a space in front of a style name to hide it from the dropdown lists.)
3. Comments inside markers /* and */ become the description in the dropdown list — keep them short.
4. Styles in the DIV Styles section will appear in the DIV Styles dropdown, and styles in the SPAN Styles section will appear in the SPAN Styles dropdown. to prevent a style from showing in the dropdowns, use a leading space before the style name (see the send rule for .tight and the rule for .here near the end of the CSS listing).

The "Printing Specific" section at the bottom of the file shows how to list styles that will not show up when the document is printed. You usually don't need navigation bars and menu boxes in the printed document. You can use the .noprint style to block larger sections of code from printing.

/* WikiWriter default style sheet. */
body
    { background-color: #f5f5f5;
      color:            #000000;
      margin-right:     3%;
      margin-left:      3%; }
/* ------------ LINK styles -----------*/
a:link
    { color: #97694f;
      background: transparent; }
a:visited
    { color: #4e2f2f;
      background:transparent;}
a:active
    { color: #7f3030;
      background: transparent; }
a.title
    { text-decoration: none; }
img
    { border: 0; }
/* ------------ DIV styles -----------*/
.logo /*float right*/
  { float: right; }
.body /*top margin 0 */
  { margin-top: 0;}
.blog /*column*/
  { float: left;
    width: 74%;
    background: #cccccc;
    padding: 0.8em;
    border: thin solid maroon;
    margin: 0;}
.data /*data record*/
  { margin-top: 0px;
    margin-bottom: 0px;
    font-family:"Courier New";}
.head /*gray bg, red bottom border */
  { width: 100%;
    border-bottom: thin solid maroon;
    color: #4e2f2f;
    margin-top: 0;
    background: #aaaaaa;
    padding: 0.5em;}
.nav /*float right, right-align text*/
  { float: right;
    text-align: right;
    font-weight: bold; }
.plan /*gray bg*/
  { color: #663333;
    background: #cccccc;
    padding: 1em}
.rline /*right-align text*/
  { text-align:right}
.toc /*float right, gray bg, black border*/
  { float: right;
    clear: right;
    border: thin solid black;
    background: #dddddd;
    margin-top: 0;
    padding: 0.5em;}
.toc p /*0 top-bottom margin*/
  { margin-top: 0;
    margin-bottom: 0; }
.result /*red border, centered*/
  { border: medium solid maroon;
    margin-left: 8%;
    margin-right: 8%;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 0.5em;}
  .result h1, .result h2, .result h3, .result h4, .result h5, .result h6
  { margin-top: 1em;
    margin-bottom: 1em; }
.comment /*red border, float left*/
  { float: left;
    border:medium solid maroon;
    padding: 4px;
    font-weight: bold; }
.col2 /*half-page col*/
  { float: left;
    width: 49%;
    padding: 0.5em}
.col3 /*third-page col*/
  { float: left;
    width: 32%;
    padding: 0.5em}
.col4 /*quarter-page col*/
  { float: left;
    width: 24%;
    padding: 0.5em}
.floatleft
  { float: left;
    margin-right: 3%;}
.floatright
  { float: right;
    margin-left: 3%;}
.clear /*clear floats cols*/
  { clear: both }
.indent
  { margin-left: 2em; }
.cent /*center*/
  { text-align: center }
.tight /*no extra linespace*/
  { margin-top: 0px;
    margin-bottom: 0px; }
 .tight p, .tight h3, .tight h4
  { margin-top: 0px;
    margin-bottom: 0px; }
/* ------------ HTML styles -----------*/
td
  { vertical-align: top; }
pre, tt
  { background: transparent;
    color:      #383838; }
pre
  { margin-top: 0;
    margin-bottom: 0;
    color: maroon; }
h1, h2, h3, h4, h5, h6
  { margin-top: 1em;
    color: maroon; }
 .blog h2, .blog h3, .blog h4, .blog h5
  { margin-bottom: 0.5em; }
 .blog h2, .blog h3
  { text-align: center; }
textarea
  { width: 100%; }
dl, ul, ol, dd
  { margin-top:    0px;
    margin-bottom: 0px;}
dt
  { font-weight: bold;
    margin-top: 0.5em;}
form
  { margin-top: 0px; }
/* ------------ SPAN styles -----------*/
.warning /*red text*/
  { color:      #ff3f3f;
    background: transparent; }
.rev /*cyan text, blue bg*/
  { color: #00ffff;
    background: #0000ff; }
 .here a:link, .here a:visited, .here a:active
  { color: #ffffff;
    background: #666666;
    text-decoration: none; }
.b /*bold*/
  { font-weight: bold; }
.i /*italic*/
  { font-style: italic; }
/* ----------- Printing-specific ------- */
 @media print {
     .toc { display:none }
.noprint { display:none }
 }