NOTE: This is not finished yet. title /* TITLE is not really necessary in Stationary - Just web pages */ /* but you can view Stationary with your browser i.e.. Netscape, Explorer */ ------------ the basic form of stationary with sound is: title ------------ the basic form of stationary with sound and graphic (picture) background is: title ------------ About Colors Can be named (but only for some common ones) BODY {color: black; background: white } BODY { color: maroon } BODY { color: olive } or use what is called hexadecimal color code BODY { color: #ff0000 } /* #rrggbb which is red, green, blue */ /* two hex numbers for each: red, green, blue */ is the same as BODY { color: #FF0000 } /* Hex numbers go to 16 (instead of ten) so FF is 256 and 00 is zero */ OK, lets put it an other way, 0 = 0, 1 = 1, 2 = 2, 3 = 3 4 = 4 5 = 5, 6 = 6, 7 = 7, 8 = 8, 9 = 9, 10 = A (or a), 11 = B, 12 = C, 13 = D, 14 = E, 15 = F. so FF = 256 and 0 = 00, and there are 256 intensities of the three primary colors (Red, Green, Blue) ------------ Color and background properties BODY {color: } BODY {background-color: red } BODY {background-image: marble.gif } BODY {background-repeat: repeat-x } Choices: repeat Like "Tiled" on the whole background. This is the default. So if you don't put anything in, this is what you get. repeat-x Repeat picture across the top repeat-y Repeat picture along the Left side no-repeat Shows it only once BODY {background-attachment: } Choices: scroll This is the default, goes down with the page fixed The background stays in place, the words go up and down BODY {background: url(marble.jpg)} NOTE: This kind of general thing. BODY {background: url(texture.gif) white} BODY { background: red url(marbel.jpg); background-repeat: repeat-y; } ------------ Margin is how far in from the edge. Margin by it self means the same all around. Generally BODY {margin: "length"} There are a number of types of length Also there are a number of types of margin Margin first: the margins are top, right, left, bottom and the general one. BODY {margin-top: 1em} BODY {margin-right: 1em} BODY {margin-bottom: 1em} BODY {margin-left: 1em} BODY {margin: 1em} BODY { margin: 2em } /* all margins set to 2em */ margin shorthand: margin-top, margin-right, margin-bottom and margin-left is: BODY { margin: 1em 2em 3em 2em } /* top=1em, right=2em, bottom=3em, left=2em */ is a shortcut for: BODY { margin-top: 1em; margin-right: 2em; margin-bottom: 3em; margin-left: 2em; /* copied from opposite side (right) */ } OK, Now Length. These relative BODY { margin: 0.5em } /* em, the height of the font in that area */ BODY { margin: 1ex } /* ex is like em but it is the height of the letter "x" */ BODY { font-size: 12px } /* pixels, relative to the screen */ Absolute length (only useful when the readers screen size is known) BODY { margin: 0.5in } /* inches, 1in = 2.54cm */ BODY { line-height: 3cm } /* centimeters */ BODY { word-spacing: 4mm } /* millimeters */ BODY { font-size: 12pt } /* points, 1pt = 1/72 in */ BODY { font-size: 1pc } /* picas, 1pc = 12pt */ Finally Percentage. BODY { line-height: 120% } /* 120% of the font-size in that area */ NOTE: There are other (Selectors as they are called) than "BODY" but BODY apples to the whole document. Other selectors are used on Web Pages but not so much in Stationary. ------------ FONTS. Where to start, well here is a basic example. title This tells how big, what color (NOTE: color: means for fonts not anything else), and the type face. NOTE: Several style things can be assigned to the BODY selector, just separated with semicolons (but not needed in the last one before the ending wavy bracket - but there is no harm in putting it there). An other example. title NOTE: Notice also, they do not have to be on the same line and there can be several spaces. Any amount of "white space" (as it is called) is treated as a single space. The Style sheet is the part is the things between . For Stationary at least, instead of using "