blob: 89a4bc971f54ea1f16f896384408b31229d3a5f8 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
|
/* Originally cribbed from http://bluerobot.com/web/layouts/layout1.html
* However, people who merge the hotlink colors are evil and should be killed,
* so I removed that. Fixing font sizes in pixels is evil, too; is much as
* possible I have moved all dimensions to be relative to the associated font
* size. Finally, light grey is a great background color, but lousy for
* foreground text on white.
*
* The only size in here that's tied to something external is the pixel size
* for the menu width. This is sized to just fit a Google "wide skyscraper"
* ad, which is 160x600.
*/
body {
margin:0;
padding:0;
font-family: helvetica, sans-serif;
color:#333;
background-image: url(paper.gif);
}
p {
font-family: helvetica, sans-serif;
margin:0 0 1em 0;
padding:0;
}
#Content>p {text-indent:2em; margin:0;}
#Content>p+p {text-indent:2em; margin-top: 1ex;}
h1 {
font-size: x-large;
margin-bottom: 0.25ex;
}
h2 {
font-size: large;
margin-bottom: 0.25ex;
}
a {
text-decoration:none;
font-family:verdana, arial, helvetica, sans-serif;
}
a:hover {background-color:#ccc;}
#Header {
font-weight:600;
font-size: x-large; /* should be same as an h1 header */
margin:20px 0 10px 0;
padding:0 0 2.0ex 20px;
border-style:solid;
border-color:black;
border-width:1px 0;
background-color:#eee;
height:1ex;
}
#Content {
/* Left margin is menu width + 40 pixels
*/
margin:0 50px 50px 200px;
padding:10px;
}
#Menu {
position:absolute;
top:80px;
left:20px;
width:160px;
padding:0.5em;
background-color:#eee;
border:1px dashed #999;
}
/* For internal tables of contents on a page. E.g. hacking.html. */
ol.ToC {
list-style: upper-roman;
}
div.strike {
text-decoration: line-through;
}
@media print {
#Content {
/* Left margin is menu width + 3em
*/
margin:0 50px 50px 0;
padding:10px;
}
#Menu {
display: none;
}
}
/* For convenience */
.centered {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.right {
float:right;
margin:0px;
}
.notebox {
background-color:#eee;
border:1px dashed #999;
margin: 15px;
font-size:small;
text-indent: 0;
}
|
