|
1
|
/* General settings for the entire page */ |
|
2
|
body { |
|
3
|
margin: 0ex 0ex; |
|
4
|
padding: 0px; |
|
5
|
background-color: #fef3bc; |
|
6
|
font-family: sans-serif; |
|
7
|
text-size-adjust: none; |
|
8
|
} |
|
9
|
|
|
10
|
/* The project logo in the upper left-hand corner of each page */ |
|
11
|
div.logo { |
|
12
|
display: inline; |
|
13
|
text-align: center; |
|
14
|
vertical-align: bottom; |
|
15
|
font-weight: bold; |
|
16
|
font-size: 2.5em; |
|
17
|
color: #a09048; |
|
18
|
white-space: nowrap; |
|
19
|
} |
|
20
|
|
|
21
|
/* The page title centered at the top of each page */ |
|
22
|
div.title { |
|
23
|
display: table-cell; |
|
24
|
font-size: 2em; |
|
25
|
font-weight: bold; |
|
26
|
text-align: left; |
|
27
|
padding: 0 0 0 5px; |
|
28
|
color: #a09048; |
|
29
|
vertical-align: bottom; |
|
30
|
width: 100%; |
|
31
|
} |
|
32
|
|
|
33
|
/* The login status message in the top right-hand corner */ |
|
34
|
div.status { |
|
35
|
display: table-cell; |
|
36
|
text-align: right; |
|
37
|
vertical-align: bottom; |
|
38
|
color: #a09048; |
|
39
|
padding: 5px 5px 0 0; |
|
40
|
font-size: 0.8em; |
|
41
|
font-weight: bold; |
|
42
|
white-space: nowrap; |
|
43
|
} |
|
44
|
|
|
45
|
/* The header across the top of the page */ |
|
46
|
header { |
|
47
|
display: table; |
|
48
|
width: 100%; |
|
49
|
} |
|
50
|
|
|
51
|
/* The main menu bar that appears at the top of the page beneath |
|
52
|
** the header */ |
|
53
|
nav.mainmenu { |
|
54
|
padding: 5px 10px 5px 10px; |
|
55
|
font-size: 0.9em; |
|
56
|
font-weight: bold; |
|
57
|
text-align: center; |
|
58
|
letter-spacing: 1px; |
|
59
|
background-color: #a09048; |
|
60
|
color: black; |
|
61
|
z-index: 21; /* just above hbdrop */ |
|
62
|
} |
|
63
|
nav#hbdrop { |
|
64
|
background-color: #fef3bc; |
|
65
|
border: 2px solid #a09048; |
|
66
|
border-radius: 0 0 0.5em 0.5em; |
|
67
|
display: none; |
|
68
|
left: 2em; |
|
69
|
width: 90%; |
|
70
|
padding-right: 1em; |
|
71
|
position: absolute; |
|
72
|
z-index: 20; /* just below mainmenu, but above timeline bubbles */ |
|
73
|
} |
|
74
|
|
|
75
|
|
|
76
|
/* The submenu bar that *sometimes* appears below the main menu */ |
|
77
|
div.submenu, div.sectionmenu { |
|
78
|
padding: 3px 10px 3px 0px; |
|
79
|
font-size: 0.9em; |
|
80
|
text-align: center; |
|
81
|
background-color: #c0af58; |
|
82
|
color: white; |
|
83
|
} |
|
84
|
nav.mainmenu a, nav.mainmenu a:visited, div.submenu a, div.submenu a:visited, |
|
85
|
div.sectionmenu>a.button:link, div.sectionmenu>a.button:visited, |
|
86
|
div.submenu label { |
|
87
|
padding: 3px 10px 3px 10px; |
|
88
|
color: white; |
|
89
|
text-decoration: none; |
|
90
|
} |
|
91
|
nav.mainmenu a:hover, div.submenu a:hover, div.sectionmenu>a.button:hover, |
|
92
|
div.submenu label:hover, nav#hbdrop a:hover { |
|
93
|
color: #a09048; |
|
94
|
background-color: white; |
|
95
|
} |
|
96
|
|
|
97
|
/* All page content from the bottom of the menu or submenu down to |
|
98
|
** the footer */ |
|
99
|
div.content { |
|
100
|
padding: 1ex 5px; |
|
101
|
} |
|
102
|
div.content a, nav#hbdrop a { color: #706532; } |
|
103
|
div.content a:link, nav#hbdrop a:link { color: #706532; } |
|
104
|
div.content a:visited, nav#hbdrop a:visited { color: #704032; } |
|
105
|
div.content a:hover, nav#hbdrop a:hover { |
|
106
|
background-color: white; color: #706532; |
|
107
|
} |
|
108
|
a, a:visited { |
|
109
|
text-decoration: none; |
|
110
|
} |
|
111
|
|
|
112
|
|
|
113
|
/* Some pages have section dividers */ |
|
114
|
div.section { |
|
115
|
margin-bottom: 0px; |
|
116
|
margin-top: 1em; |
|
117
|
padding: 3px 3px 0 3px; |
|
118
|
font-size: 1.2em; |
|
119
|
font-weight: bold; |
|
120
|
background-color: #a09048; |
|
121
|
color: white; |
|
122
|
white-space: nowrap; |
|
123
|
} |
|
124
|
|
|
125
|
/* The "Date" that occurs on the left hand side of timelines */ |
|
126
|
div.divider { |
|
127
|
background: #e1d498; |
|
128
|
border: 2px #a09048 solid; |
|
129
|
font-size: 1em; font-weight: normal; |
|
130
|
padding: .25em; |
|
131
|
margin: .2em 0 .2em 0; |
|
132
|
float: left; |
|
133
|
clear: left; |
|
134
|
white-space: nowrap; |
|
135
|
} |
|
136
|
|
|
137
|
/* The footer at the very bottom of the page */ |
|
138
|
footer { |
|
139
|
font-size: 0.8em; |
|
140
|
margin-top: 12px; |
|
141
|
padding: 5px 10px 5px 10px; |
|
142
|
text-align: right; |
|
143
|
background-color: #a09048; |
|
144
|
color: white; |
|
145
|
} |
|
146
|
|
|
147
|
/* Hyperlink colors */ |
|
148
|
footer a { color: white; } |
|
149
|
footer a:link { color: white; } |
|
150
|
footer a:visited { color: white; } |
|
151
|
footer a:hover { background-color: white; color: #558195; } |
|
152
|
|
|
153
|
/* <verbatim> blocks */ |
|
154
|
pre.verbatim { |
|
155
|
background-color: #f5f5f5; |
|
156
|
padding: 0.5em; |
|
157
|
white-space: pre-wrap; |
|
158
|
} |
|
159
|
|
|
160
|
/* The label/value pairs on (for example) the ci page */ |
|
161
|
table.label-value th { |
|
162
|
vertical-align: top; |
|
163
|
text-align: right; |
|
164
|
padding: 0.2ex 2ex; |
|
165
|
} |
|
166
|
|
|
167
|
div.forumPostBody blockquote { |
|
168
|
border-width: 1pt; |
|
169
|
border-radius: 0.25em; |
|
170
|
border-style: solid; |
|
171
|
padding: 0 0.5em; |
|
172
|
} |
|
173
|
|
|
174
|
tr.diffskip > td.chunkctrl .jcbutton { |
|
175
|
color: white; |
|
176
|
background-color: #a09048; |
|
177
|
} |
|
178
|
|
|
179
|
tr.diffskip.jchunk { |
|
180
|
background-color: #c0af58; |
|
181
|
} |
|
182
|
|