|
1
|
/* Overall page style; vi: filetype=css |
|
2
|
*/ |
|
3
|
|
|
4
|
body { |
|
5
|
margin: 0 auto; |
|
6
|
background-color: white; |
|
7
|
font-family: sans-serif; |
|
8
|
font-size: 14pt; |
|
9
|
} |
|
10
|
|
|
11
|
a { |
|
12
|
color: #4183C4; |
|
13
|
text-decoration: none; |
|
14
|
} |
|
15
|
a:hover { |
|
16
|
color: #4183C4; |
|
17
|
text-decoration: underline; |
|
18
|
} |
|
19
|
|
|
20
|
|
|
21
|
/* Page title, above menu bars */ |
|
22
|
|
|
23
|
.title { |
|
24
|
color: #4183C4; |
|
25
|
float: left; |
|
26
|
} |
|
27
|
.title h1 { |
|
28
|
display: inline; |
|
29
|
} |
|
30
|
.title h1:after { |
|
31
|
content: " / "; |
|
32
|
color: #777; |
|
33
|
font-weight: normal; |
|
34
|
} |
|
35
|
.status { |
|
36
|
float: right; |
|
37
|
font-size: 0.7em; |
|
38
|
} |
|
39
|
|
|
40
|
|
|
41
|
/* Main menu and optional sub-menu */ |
|
42
|
|
|
43
|
.mainmenu { |
|
44
|
font-size: 0.8em; |
|
45
|
clear: both; |
|
46
|
background: #eaeaea linear-gradient(#fafafa, #eaeaea) repeat-x; |
|
47
|
border: 1px solid #eaeaea; |
|
48
|
border-radius: 5px; |
|
49
|
overflow-x: auto; |
|
50
|
overflow-y: hidden; |
|
51
|
white-space: nowrap; |
|
52
|
z-index: 21; /* just above hbdrop */ |
|
53
|
} |
|
54
|
.mainmenu a { |
|
55
|
text-decoration: none; |
|
56
|
color: #777; |
|
57
|
border-right: 1px solid #eaeaea; |
|
58
|
} |
|
59
|
.mainmenu a.active, |
|
60
|
.mainmenu a:hover { |
|
61
|
color: #000; |
|
62
|
border-bottom: 2px solid #D26911; |
|
63
|
} |
|
64
|
nav#hbdrop { |
|
65
|
background-color: white; |
|
66
|
border: 1px solid black; |
|
67
|
border-top: white; |
|
68
|
border-radius: 0 0 0.5em 0.5em; |
|
69
|
display: none; |
|
70
|
font-size: 80%; |
|
71
|
left: 2em; |
|
72
|
width: 90%; |
|
73
|
padding-right: 1em; |
|
74
|
position: absolute; |
|
75
|
z-index: 20; /* just below mainmenu, but above timeline bubbles */ |
|
76
|
} |
|
77
|
|
|
78
|
.submenu { |
|
79
|
font-size: .7em; |
|
80
|
padding: 10px; |
|
81
|
border-bottom: 1px solid #ccc; |
|
82
|
} |
|
83
|
.submenu a, .submenu label { |
|
84
|
padding: 10px 11px; |
|
85
|
text-decoration: none; |
|
86
|
color: #777; |
|
87
|
} |
|
88
|
.submenu label { |
|
89
|
white-space: nowrap; |
|
90
|
} |
|
91
|
.submenu a:hover, .submenu label:hover { |
|
92
|
padding: 6px 10px; |
|
93
|
border: 1px solid #ccc; |
|
94
|
border-radius: 5px; |
|
95
|
color: #000; |
|
96
|
} |
|
97
|
span.submenuctrl, span.submenuctrl input, select.submenuctrl { |
|
98
|
color: #777; |
|
99
|
} |
|
100
|
span.submenuctrl { |
|
101
|
white-space: nowrap; |
|
102
|
} |
|
103
|
|
|
104
|
|
|
105
|
/* Main document area; elements common to most pages. */ |
|
106
|
|
|
107
|
.content { |
|
108
|
padding-top: 10px; |
|
109
|
font-size: 0.8em; |
|
110
|
color: #444; |
|
111
|
} |
|
112
|
.content blockquote { |
|
113
|
padding: 0 15px; |
|
114
|
} |
|
115
|
.content h1 { |
|
116
|
font-size: 1.25em; |
|
117
|
} |
|
118
|
.content h2 { |
|
119
|
font-size: 1.15em; |
|
120
|
} |
|
121
|
.content h3 { |
|
122
|
font-size: 1.05em; |
|
123
|
} |
|
124
|
|
|
125
|
.section { |
|
126
|
font-size: 1em; |
|
127
|
font-weight: bold; |
|
128
|
background-color: #f5f5f5; |
|
129
|
border: 1px solid #d8d8d8; |
|
130
|
border-radius: 3px 3px 0 0; |
|
131
|
padding: 9px 10px 10px; |
|
132
|
margin: 10px 0; |
|
133
|
} |
|
134
|
.sectionmenu { |
|
135
|
border: 1px solid #d8d8d8; |
|
136
|
border-radius: 0 0 3px 3px; |
|
137
|
border-top: 0; |
|
138
|
margin-top: -10px; |
|
139
|
margin-bottom: 10px; |
|
140
|
padding: 10px; |
|
141
|
} |
|
142
|
.sectionmenu a { |
|
143
|
display: inline-block; |
|
144
|
margin-right: 1em; |
|
145
|
} |
|
146
|
|
|
147
|
hr { |
|
148
|
color: #eee; |
|
149
|
} |
|
150
|
|
|
151
|
|
|
152
|
/* Page footer */ |
|
153
|
|
|
154
|
footer { |
|
155
|
border-top: 1px solid #ccc; |
|
156
|
padding: 10px; |
|
157
|
font-size: 0.7em; |
|
158
|
margin-top: 10px; |
|
159
|
color: #ccc; |
|
160
|
} |
|
161
|
|
|
162
|
/* Forum */ |
|
163
|
|
|
164
|
.forum a:visited { |
|
165
|
color: #6A7F94; |
|
166
|
} |
|
167
|
|
|
168
|
.forum blockquote { |
|
169
|
background-color: rgba(65, 131, 196, 0.1); |
|
170
|
border-left: 3px solid #254769; |
|
171
|
padding: .1em 1em; |
|
172
|
} |
|
173
|
|
|
174
|
|
|
175
|
/* Markdown and Wiki-formatted pages: /wiki, /doc, /file... */ |
|
176
|
|
|
177
|
.doc > .content table { |
|
178
|
background-color: rgba(0, 0, 0, 0.05); |
|
179
|
border: 1px solid #aaa; |
|
180
|
border-radius: 0.5em; |
|
181
|
border-spacing: 0; |
|
182
|
padding: 6px; |
|
183
|
} |
|
184
|
.doc > .content th { |
|
185
|
border-bottom: 1px solid #ddd; |
|
186
|
padding-bottom: 4px; |
|
187
|
padding-right: 6px; |
|
188
|
text-align: left; |
|
189
|
} |
|
190
|
.doc > .content tr > th { |
|
191
|
background-color: #eee; |
|
192
|
} |
|
193
|
.doc > .content tr:nth-child(odd) { |
|
194
|
background-color: #e8e8e8; |
|
195
|
} |
|
196
|
.doc > .content td { |
|
197
|
padding-bottom: 4px; |
|
198
|
padding-right: 6px; |
|
199
|
text-align: left; |
|
200
|
} |
|
201
|
|
|
202
|
|
|
203
|
/* Tickets */ |
|
204
|
|
|
205
|
table.report { |
|
206
|
cursor: auto; |
|
207
|
border-radius: 5px; |
|
208
|
border: 1px solid #ccc; |
|
209
|
margin: 1em 0; |
|
210
|
} |
|
211
|
.report td, .report th { |
|
212
|
border: 0; |
|
213
|
font-size: .8em; |
|
214
|
padding: 10px; |
|
215
|
} |
|
216
|
.report td:first-child { |
|
217
|
border-top-left-radius: 5px; |
|
218
|
} |
|
219
|
.report tbody tr:last-child td:first-child { |
|
220
|
border-bottom-left-radius: 5px; |
|
221
|
} |
|
222
|
.report td:last-child { |
|
223
|
border-top-right-radius: 5px; |
|
224
|
} |
|
225
|
.report tbody tr:last-child { |
|
226
|
border-bottom-left-radius: 5px; |
|
227
|
border-bottom-right-radius: 5px; |
|
228
|
} |
|
229
|
.report tbody tr:last-child td:last-child { |
|
230
|
border-bottom-right-radius: 5px; |
|
231
|
} |
|
232
|
.report th { |
|
233
|
cursor: pointer; |
|
234
|
} |
|
235
|
.report thead+tbody tr:hover { |
|
236
|
background-color: #f5f9fc !important; |
|
237
|
} |
|
238
|
|
|
239
|
td.tktDspLabel { |
|
240
|
width: 70px; |
|
241
|
text-align: right; |
|
242
|
overflow: hidden; |
|
243
|
} |
|
244
|
td.tktDspValue { |
|
245
|
text-align: left; |
|
246
|
vertical-align: top; |
|
247
|
background-color: #f8f8f8; |
|
248
|
border: 1px solid #ccc; |
|
249
|
} |
|
250
|
td.tktDspValue pre { |
|
251
|
white-space: pre-wrap; |
|
252
|
} |
|
253
|
|
|
254
|
|
|
255
|
/* Timeline */ |
|
256
|
|
|
257
|
span.timelineDetail { |
|
258
|
font-size: 90%; |
|
259
|
} |
|
260
|
div.timelineDate { |
|
261
|
font-weight: bold; |
|
262
|
white-space: nowrap; |
|
263
|
} |
|
264
|
|
|
265
|
|
|
266
|
/* Miscellaneous UI elements */ |
|
267
|
|
|
268
|
.fossil-tooltip.help-buttonlet-content { |
|
269
|
background-color: lightyellow; |
|
270
|
} |
|
271
|
|
|
272
|
|
|
273
|
/* Exceptions for specific screen sizes */ |
|
274
|
|
|
275
|
@media screen and (max-width: 600px) { |
|
276
|
/* Spacing for mobile */ |
|
277
|
body { |
|
278
|
padding-left: 4px; |
|
279
|
padding-right: 4px; |
|
280
|
} |
|
281
|
.title { |
|
282
|
padding-top: 0px; |
|
283
|
padding-bottom: 0px; |
|
284
|
} |
|
285
|
.status {padding-top: 0px;} |
|
286
|
.mainmenu a { |
|
287
|
padding: 8px 10px; |
|
288
|
} |
|
289
|
.mainmenu { |
|
290
|
padding: 10px; |
|
291
|
} |
|
292
|
} |
|
293
|
@media screen and (min-width: 600px) { |
|
294
|
/* Spacing for desktop */ |
|
295
|
body { |
|
296
|
padding-left: 20px; |
|
297
|
padding-right: 20px; |
|
298
|
} |
|
299
|
.title { |
|
300
|
padding-top: 10px; |
|
301
|
padding-bottom: 10px; |
|
302
|
} |
|
303
|
.status {padding-top: 30px;} |
|
304
|
.mainmenu a { |
|
305
|
padding: 8px 20px; |
|
306
|
} |
|
307
|
.mainmenu { |
|
308
|
padding: 10px; |
|
309
|
} |
|
310
|
} |
|
311
|
|