1 | /* This style sheet is used by the garish collection as an
|
---|
2 | example of modifying the appearance */
|
---|
3 |
|
---|
4 | /* notes about style sheets.
|
---|
5 |
|
---|
6 | Colours - The most portable way to specify colours is to use the
|
---|
7 | #xxxxxx notation, which is in hex for red, green, and blue. eg black
|
---|
8 | is #000000, red is #ff0000, blue is #0000ff and white is #ffffff.
|
---|
9 | This may seem confusing at first, but you can't count on colour names
|
---|
10 | being the same across all browsers and platforms. For example,
|
---|
11 | linux/x11 has hundreds of colours with names such as DarkOliveGreen
|
---|
12 | and PaleVioletRed. However, simple colour names should work with most
|
---|
13 | browsers...
|
---|
14 |
|
---|
15 | */
|
---|
16 |
|
---|
17 |
|
---|
18 | /* set defaults for the HTML body */
|
---|
19 | body {
|
---|
20 | /* set the face. The first one in the list found will be used, so
|
---|
21 | have reasonable fall-backs */
|
---|
22 | /* use a serif font windows uses "times new roman", "times" on mac/linux */
|
---|
23 | font-family: times new roman, times, serif;
|
---|
24 | /* you can set a background colour, but a lot of the images/buttons are
|
---|
25 | designed to blend into a white background. */
|
---|
26 | background-color: pink;
|
---|
27 | }
|
---|
28 |
|
---|
29 |
|
---|
30 | /* paragraph text - this will override the settings above for text inside
|
---|
31 | <p>....</p> tags. Uncomment if you want to test it, although red text with
|
---|
32 | a pink background is pretty ugly :) */
|
---|
33 | /*
|
---|
34 | p {
|
---|
35 | color: red;
|
---|
36 | }
|
---|
37 | */
|
---|
38 |
|
---|
39 | /* headings */
|
---|
40 | h1, h2, h3, h4 {
|
---|
41 | /* use a sans-serif font - arial on windows, helvetica on mac/linux */
|
---|
42 | font-family: arial, helvetica, sans-serif;
|
---|
43 | color: blue;
|
---|
44 | }
|
---|