summaryrefslogtreecommitdiff
path: root/www/main.css
blob: 02f3787cb6dbc423326a99cb747a61bdfa7b016f (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
/* 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;
	}

@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;
}
/*
Local Variables:
compile-command: "(scp main.css esr@shell.berlios.de:/home/groups/gpsd/htdocs)"
End:
*/