Show More
@@ -1,383 +1,384 b'' | |||||
1 | body { |
|
1 | body { | |
2 | margin: 0; |
|
2 | margin: 0; | |
3 | padding: 0; |
|
3 | padding: 0; | |
4 | background: white; |
|
4 | background: white; | |
5 | font-family: sans-serif; |
|
5 | font-family: sans-serif; | |
6 | } |
|
6 | } | |
7 |
|
7 | |||
8 | .container { |
|
8 | .container { | |
9 | padding-left: 115px; |
|
9 | padding-left: 115px; | |
10 | } |
|
10 | } | |
11 |
|
11 | |||
12 | .main { |
|
12 | .main { | |
13 | position: relative; |
|
13 | position: relative; | |
14 | background: white; |
|
14 | background: white; | |
15 | padding: 2em 2em 2em 0; |
|
15 | padding: 2em 2em 2em 0; | |
16 | } |
|
16 | } | |
17 |
|
17 | |||
18 | #.main { |
|
18 | #.main { | |
19 | width: 98%; |
|
19 | width: 98%; | |
20 | } |
|
20 | } | |
21 |
|
21 | |||
22 | .overflow { |
|
22 | .overflow { | |
23 | width: 100%; |
|
23 | width: 100%; | |
24 | overflow: auto; |
|
24 | overflow: auto; | |
25 | } |
|
25 | } | |
26 |
|
26 | |||
27 | .menu { |
|
27 | .menu { | |
28 | width: 90px; |
|
28 | width: 90px; | |
29 | margin: 0; |
|
29 | margin: 0; | |
30 | font-size: 80%; |
|
30 | font-size: 80%; | |
31 | text-align: left; |
|
31 | text-align: left; | |
32 | position: absolute; |
|
32 | position: absolute; | |
33 | top: 20px; |
|
33 | top: 20px; | |
34 | left: 20px; |
|
34 | left: 20px; | |
35 | right: auto; |
|
35 | right: auto; | |
36 | } |
|
36 | } | |
37 |
|
37 | |||
38 | .menu ul { |
|
38 | .menu ul { | |
39 | list-style: none; |
|
39 | list-style: none; | |
40 | padding: 0; |
|
40 | padding: 0; | |
41 | margin: 10px 0 0 0; |
|
41 | margin: 10px 0 0 0; | |
42 | border-left: 2px solid #999; |
|
42 | border-left: 2px solid #999; | |
43 | } |
|
43 | } | |
44 |
|
44 | |||
45 | .menu li { |
|
45 | .menu li { | |
46 | margin-bottom: 3px; |
|
46 | margin-bottom: 3px; | |
47 | padding: 2px 4px; |
|
47 | padding: 2px 4px; | |
48 | background: white; |
|
48 | background: white; | |
49 | color: black; |
|
49 | color: black; | |
50 | font-weight: normal; |
|
50 | font-weight: normal; | |
51 | } |
|
51 | } | |
52 |
|
52 | |||
53 | .menu li.active { |
|
53 | .menu li.active { | |
54 | font-weight: bold; |
|
54 | font-weight: bold; | |
55 | } |
|
55 | } | |
56 |
|
56 | |||
57 | .menu img { |
|
57 | .menu img { | |
58 | width: 75px; |
|
58 | width: 75px; | |
59 | height: 90px; |
|
59 | height: 90px; | |
60 | border: 0; |
|
60 | border: 0; | |
61 | } |
|
61 | } | |
62 |
|
62 | |||
63 | .atom-logo img{ |
|
63 | .atom-logo img{ | |
64 | width: 14px; |
|
64 | width: 14px; | |
65 | height: 14px; |
|
65 | height: 14px; | |
66 | border: 0; |
|
66 | border: 0; | |
67 | } |
|
67 | } | |
68 |
|
68 | |||
69 | .menu a { color: black; display: block; } |
|
69 | .menu a { color: black; display: block; } | |
70 |
|
70 | |||
71 | .search { |
|
71 | .search { | |
72 | position: absolute; |
|
72 | position: absolute; | |
73 | top: .7em; |
|
73 | top: .7em; | |
74 | right: 2em; |
|
74 | right: 2em; | |
75 | } |
|
75 | } | |
76 |
|
76 | |||
77 | form.search div#hint { |
|
77 | form.search div#hint { | |
78 | display: none; |
|
78 | display: none; | |
79 | position: absolute; |
|
79 | position: absolute; | |
80 | top: 40px; |
|
80 | top: 40px; | |
81 | right: 0px; |
|
81 | right: 0px; | |
82 | width: 190px; |
|
82 | width: 190px; | |
83 | padding: 5px; |
|
83 | padding: 5px; | |
84 | background: #ffc; |
|
84 | background: #ffc; | |
85 | font-size: 70%; |
|
85 | font-size: 70%; | |
86 | border: 1px solid yellow; |
|
86 | border: 1px solid yellow; | |
87 | -moz-border-radius: 5px; /* this works only in camino/firefox */ |
|
87 | -moz-border-radius: 5px; /* this works only in camino/firefox */ | |
88 | -webkit-border-radius: 5px; /* this is just for Safari */ |
|
88 | -webkit-border-radius: 5px; /* this is just for Safari */ | |
89 | } |
|
89 | } | |
90 |
|
90 | |||
91 | form.search:hover div#hint { display: block; } |
|
91 | form.search:hover div#hint { display: block; } | |
92 |
|
92 | |||
93 | a { text-decoration:none; } |
|
93 | a { text-decoration:none; } | |
94 | .age { white-space:nowrap; } |
|
94 | .age { white-space:nowrap; } | |
95 | .date { white-space:nowrap; } |
|
95 | .date { white-space:nowrap; } | |
96 | .indexlinks { white-space:nowrap; } |
|
96 | .indexlinks { white-space:nowrap; } | |
97 | .parity0, |
|
97 | .parity0, | |
98 | .stripes4 > :nth-child(4n+1), |
|
98 | .stripes4 > :nth-child(4n+1), | |
99 | .stripes2 > :nth-child(2n+1) { background-color: #f0f0f0; } |
|
99 | .stripes2 > :nth-child(2n+1) { background-color: #f0f0f0; } | |
100 | .parity1, |
|
100 | .parity1, | |
101 | .stripes4 > :nth-child(4n+3), |
|
101 | .stripes4 > :nth-child(4n+3), | |
102 | .stripes2 > :nth-child(2n+2) { background-color: white; } |
|
102 | .stripes2 > :nth-child(2n+2) { background-color: white; } | |
103 | .plusline { color: green; } |
|
103 | .plusline { color: green; } | |
104 | .minusline { color: #dc143c; } /* crimson */ |
|
104 | .minusline { color: #dc143c; } /* crimson */ | |
105 | .atline { color: purple; } |
|
105 | .atline { color: purple; } | |
106 |
|
106 | |||
107 | .diffstat-file { |
|
107 | .diffstat-file { | |
108 | white-space: nowrap; |
|
108 | white-space: nowrap; | |
109 | font-size: 90%; |
|
109 | font-size: 90%; | |
110 | } |
|
110 | } | |
111 | .diffstat-total { |
|
111 | .diffstat-total { | |
112 | white-space: nowrap; |
|
112 | white-space: nowrap; | |
113 | font-size: 90%; |
|
113 | font-size: 90%; | |
114 | } |
|
114 | } | |
115 | .diffstat-graph { |
|
115 | .diffstat-graph { | |
116 | width: 100%; |
|
116 | width: 100%; | |
117 | } |
|
117 | } | |
118 | .diffstat-add { |
|
118 | .diffstat-add { | |
119 | background-color: green; |
|
119 | background-color: green; | |
120 | float: left; |
|
120 | float: left; | |
121 | } |
|
121 | } | |
122 | .diffstat-remove { |
|
122 | .diffstat-remove { | |
123 | background-color: red; |
|
123 | background-color: red; | |
124 | float: left; |
|
124 | float: left; | |
125 | } |
|
125 | } | |
126 |
|
126 | |||
127 | .navigate { |
|
127 | .navigate { | |
128 | text-align: right; |
|
128 | text-align: right; | |
129 | font-size: 60%; |
|
129 | font-size: 60%; | |
130 | margin: 1em 0; |
|
130 | margin: 1em 0; | |
131 | } |
|
131 | } | |
132 |
|
132 | |||
133 | .tag { |
|
133 | .tag { | |
134 | color: #999; |
|
134 | color: #999; | |
135 | font-size: 70%; |
|
135 | font-size: 70%; | |
136 | font-weight: normal; |
|
136 | font-weight: normal; | |
137 | margin-left: .5em; |
|
137 | margin-left: .5em; | |
138 | vertical-align: baseline; |
|
138 | vertical-align: baseline; | |
139 | } |
|
139 | } | |
140 |
|
140 | |||
141 | .branchhead { |
|
141 | .branchhead { | |
142 | color: #000; |
|
142 | color: #000; | |
143 | font-size: 80%; |
|
143 | font-size: 80%; | |
144 | font-weight: normal; |
|
144 | font-weight: normal; | |
145 | margin-left: .5em; |
|
145 | margin-left: .5em; | |
146 | vertical-align: baseline; |
|
146 | vertical-align: baseline; | |
147 | } |
|
147 | } | |
148 |
|
148 | |||
149 | ul#graphnodes .branchhead { |
|
149 | ul#graphnodes .branchhead { | |
150 | font-size: 75%; |
|
150 | font-size: 75%; | |
151 | } |
|
151 | } | |
152 |
|
152 | |||
153 | .branchname { |
|
153 | .branchname { | |
154 | color: #000; |
|
154 | color: #000; | |
155 | font-size: 60%; |
|
155 | font-size: 60%; | |
156 | font-weight: normal; |
|
156 | font-weight: normal; | |
157 | margin-left: .5em; |
|
157 | margin-left: .5em; | |
158 | vertical-align: baseline; |
|
158 | vertical-align: baseline; | |
159 | } |
|
159 | } | |
160 |
|
160 | |||
161 | h3 .branchname { |
|
161 | h3 .branchname { | |
162 | font-size: 80%; |
|
162 | font-size: 80%; | |
163 | } |
|
163 | } | |
164 |
|
164 | |||
165 | /* Common */ |
|
165 | /* Common */ | |
166 | pre { margin: 0; } |
|
166 | pre { margin: 0; } | |
167 |
|
167 | |||
168 | h2 { font-size: 120%; border-bottom: 1px solid #999; } |
|
168 | h2 { font-size: 120%; border-bottom: 1px solid #999; } | |
169 | h2 a { color: #000; } |
|
169 | h2 a { color: #000; } | |
170 | h3 { |
|
170 | h3 { | |
171 | margin-top: -.7em; |
|
171 | margin-top: -.7em; | |
172 | font-size: 100%; |
|
172 | font-size: 100%; | |
173 | } |
|
173 | } | |
174 |
|
174 | |||
175 | /* log and tags tables */ |
|
175 | /* log and tags tables */ | |
176 | .bigtable { |
|
176 | .bigtable { | |
177 | border-bottom: 1px solid #999; |
|
177 | border-bottom: 1px solid #999; | |
178 | border-collapse: collapse; |
|
178 | border-collapse: collapse; | |
179 | font-size: 90%; |
|
179 | font-size: 90%; | |
180 | width: 100%; |
|
180 | width: 100%; | |
181 | font-weight: normal; |
|
181 | font-weight: normal; | |
182 | text-align: left; |
|
182 | text-align: left; | |
183 | } |
|
183 | } | |
184 |
|
184 | |||
185 | .bigtable td { |
|
185 | .bigtable td { | |
186 | vertical-align: top; |
|
186 | vertical-align: top; | |
187 | } |
|
187 | } | |
188 |
|
188 | |||
189 | .bigtable th { |
|
189 | .bigtable th { | |
190 | padding: 1px 4px; |
|
190 | padding: 1px 4px; | |
191 | border-bottom: 1px solid #999; |
|
191 | border-bottom: 1px solid #999; | |
192 | } |
|
192 | } | |
193 | .bigtable tr { border: none; } |
|
193 | .bigtable tr { border: none; } | |
194 | .bigtable .age { width: 7em; } |
|
194 | .bigtable .age { width: 7em; } | |
195 | .bigtable .author { width: 15em; } |
|
195 | .bigtable .author { width: 15em; } | |
196 | .bigtable .description { } |
|
196 | .bigtable .description { } | |
197 | .bigtable .description .base { font-size: 70%; float: right; line-height: 1.66; } |
|
197 | .bigtable .description .base { font-size: 70%; float: right; line-height: 1.66; } | |
198 | .bigtable .node { width: 5em; font-family: monospace;} |
|
198 | .bigtable .node { width: 5em; font-family: monospace;} | |
199 | .bigtable .permissions { width: 8em; text-align: left;} |
|
199 | .bigtable .permissions { width: 8em; text-align: left;} | |
200 | .bigtable .size { width: 5em; text-align: right; } |
|
200 | .bigtable .size { width: 5em; text-align: right; } | |
201 | .bigtable .annotate { text-align: right; } |
|
201 | .bigtable .annotate { text-align: right; } | |
202 | .bigtable td.annotate { font-size: smaller; } |
|
202 | .bigtable td.annotate { font-size: smaller; } | |
203 | .bigtable td.source { font-size: inherit; } |
|
203 | .bigtable td.source { font-size: inherit; } | |
204 |
|
204 | |||
205 | .source, .sourcefirst, .sourcelast { |
|
205 | .source, .sourcefirst, .sourcelast { | |
206 | font-family: monospace; |
|
206 | font-family: monospace; | |
207 | white-space: pre; |
|
207 | white-space: pre; | |
208 | padding: 1px 4px; |
|
208 | padding: 1px 4px; | |
209 | font-size: 90%; |
|
209 | font-size: 90%; | |
210 | } |
|
210 | } | |
211 | .sourcefirst { border-bottom: 1px solid #999; font-weight: bold; } |
|
211 | .sourcefirst { border-bottom: 1px solid #999; font-weight: bold; } | |
212 | .sourcelast { border-top: 1px solid #999; } |
|
212 | .sourcelast { border-top: 1px solid #999; } | |
213 | .source a { color: #999; font-size: smaller; font-family: monospace;} |
|
213 | .source a { color: #999; font-size: smaller; font-family: monospace;} | |
214 | .bottomline { border-bottom: 1px solid #999; } |
|
214 | .bottomline { border-bottom: 1px solid #999; } | |
215 |
|
215 | |||
216 | .sourcelines { |
|
216 | .sourcelines { | |
217 | font-size: 90%; |
|
217 | font-size: 90%; | |
218 | position: relative; |
|
218 | position: relative; | |
219 | counter-reset: lineno; |
|
219 | counter-reset: lineno; | |
220 | } |
|
220 | } | |
221 |
|
221 | |||
222 | .wrap > span { |
|
222 | .wrap > span { | |
223 | white-space: pre-wrap; |
|
223 | white-space: pre-wrap; | |
224 | } |
|
224 | } | |
225 |
|
225 | |||
226 | .linewraptoggle { |
|
226 | .linewraptoggle { | |
227 | float: right; |
|
227 | float: right; | |
228 | } |
|
228 | } | |
229 |
|
229 | |||
230 | .diffblocks { counter-reset: lineno; } |
|
230 | .diffblocks { counter-reset: lineno; } | |
231 | .diffblocks > div { counter-increment: lineno; } |
|
231 | .diffblocks > div { counter-increment: lineno; } | |
232 |
|
232 | |||
233 | .sourcelines > span { |
|
233 | .sourcelines > span { | |
234 | display: inline-block; |
|
234 | display: inline-block; | |
235 | width: 100%; |
|
235 | width: 100%; | |
236 | padding: 1px 0px; |
|
236 | padding: 1px 0px; | |
237 | counter-increment: lineno; |
|
237 | counter-increment: lineno; | |
238 | } |
|
238 | } | |
239 |
|
239 | |||
240 | .sourcelines > span:before { |
|
240 | .sourcelines > span:before { | |
241 | -moz-user-select: -moz-none; |
|
241 | -moz-user-select: -moz-none; | |
242 | -khtml-user-select: none; |
|
242 | -khtml-user-select: none; | |
243 | -webkit-user-select: none; |
|
243 | -webkit-user-select: none; | |
244 | -ms-user-select: none; |
|
244 | -ms-user-select: none; | |
245 | user-select: none; |
|
245 | user-select: none; | |
246 | display: inline-block; |
|
246 | display: inline-block; | |
247 | width: 4em; |
|
247 | width: 4em; | |
248 | margin-right: 1em; |
|
248 | margin-right: 1em; | |
249 | font-size: smaller; |
|
249 | font-size: smaller; | |
250 | color: #999; |
|
250 | color: #999; | |
251 | text-align: right; |
|
251 | text-align: right; | |
252 | content: counters(lineno, "."); |
|
252 | content: counters(lineno, "."); | |
|
253 | float: left; | |||
253 | } |
|
254 | } | |
254 |
|
255 | |||
255 | .sourcelines > span:target, tr:target td { |
|
256 | .sourcelines > span:target, tr:target td { | |
256 | background-color: #bfdfff; |
|
257 | background-color: #bfdfff; | |
257 | } |
|
258 | } | |
258 |
|
259 | |||
259 | .sourcelines > a { |
|
260 | .sourcelines > a { | |
260 | display: inline-block; |
|
261 | display: inline-block; | |
261 | position: absolute; |
|
262 | position: absolute; | |
262 | left: 0px; |
|
263 | left: 0px; | |
263 | width: 4em; |
|
264 | width: 4em; | |
264 | height: 1em; |
|
265 | height: 1em; | |
265 | } |
|
266 | } | |
266 |
|
267 | |||
267 | .fileline { font-family: monospace; } |
|
268 | .fileline { font-family: monospace; } | |
268 | .fileline img { border: 0; } |
|
269 | .fileline img { border: 0; } | |
269 |
|
270 | |||
270 | .tagEntry .closed { color: #99f; } |
|
271 | .tagEntry .closed { color: #99f; } | |
271 |
|
272 | |||
272 | /* Changeset entry */ |
|
273 | /* Changeset entry */ | |
273 | #changesetEntry { |
|
274 | #changesetEntry { | |
274 | border-collapse: collapse; |
|
275 | border-collapse: collapse; | |
275 | font-size: 90%; |
|
276 | font-size: 90%; | |
276 | width: 100%; |
|
277 | width: 100%; | |
277 | margin-bottom: 1em; |
|
278 | margin-bottom: 1em; | |
278 | } |
|
279 | } | |
279 |
|
280 | |||
280 | #changesetEntry th { |
|
281 | #changesetEntry th { | |
281 | padding: 1px 4px; |
|
282 | padding: 1px 4px; | |
282 | width: 4em; |
|
283 | width: 4em; | |
283 | text-align: right; |
|
284 | text-align: right; | |
284 | font-weight: normal; |
|
285 | font-weight: normal; | |
285 | color: #999; |
|
286 | color: #999; | |
286 | margin-right: .5em; |
|
287 | margin-right: .5em; | |
287 | vertical-align: top; |
|
288 | vertical-align: top; | |
288 | } |
|
289 | } | |
289 |
|
290 | |||
290 | div.description { |
|
291 | div.description { | |
291 | border-left: 2px solid #999; |
|
292 | border-left: 2px solid #999; | |
292 | margin: 1em 0 1em 0; |
|
293 | margin: 1em 0 1em 0; | |
293 | padding: .3em; |
|
294 | padding: .3em; | |
294 | white-space: pre; |
|
295 | white-space: pre; | |
295 | font-family: monospace; |
|
296 | font-family: monospace; | |
296 | } |
|
297 | } | |
297 |
|
298 | |||
298 | /* Graph */ |
|
299 | /* Graph */ | |
299 | div#wrapper { |
|
300 | div#wrapper { | |
300 | position: relative; |
|
301 | position: relative; | |
301 | border-top: 1px solid black; |
|
302 | border-top: 1px solid black; | |
302 | border-bottom: 1px solid black; |
|
303 | border-bottom: 1px solid black; | |
303 | margin: 0; |
|
304 | margin: 0; | |
304 | padding: 0; |
|
305 | padding: 0; | |
305 | } |
|
306 | } | |
306 |
|
307 | |||
307 | canvas { |
|
308 | canvas { | |
308 | position: absolute; |
|
309 | position: absolute; | |
309 | z-index: 5; |
|
310 | z-index: 5; | |
310 | top: -0.7em; |
|
311 | top: -0.7em; | |
311 | margin: 0; |
|
312 | margin: 0; | |
312 | } |
|
313 | } | |
313 |
|
314 | |||
314 | ul#graphnodes { |
|
315 | ul#graphnodes { | |
315 | position: absolute; |
|
316 | position: absolute; | |
316 | z-index: 10; |
|
317 | z-index: 10; | |
317 | top: -1.0em; |
|
318 | top: -1.0em; | |
318 | list-style: none inside none; |
|
319 | list-style: none inside none; | |
319 | padding: 0; |
|
320 | padding: 0; | |
320 | } |
|
321 | } | |
321 |
|
322 | |||
322 | ul#nodebgs { |
|
323 | ul#nodebgs { | |
323 | list-style: none inside none; |
|
324 | list-style: none inside none; | |
324 | padding: 0; |
|
325 | padding: 0; | |
325 | margin: 0; |
|
326 | margin: 0; | |
326 | top: -0.7em; |
|
327 | top: -0.7em; | |
327 | } |
|
328 | } | |
328 |
|
329 | |||
329 | ul#graphnodes li, ul#nodebgs li { |
|
330 | ul#graphnodes li, ul#nodebgs li { | |
330 | height: 39px; |
|
331 | height: 39px; | |
331 | } |
|
332 | } | |
332 |
|
333 | |||
333 | ul#graphnodes li .info { |
|
334 | ul#graphnodes li .info { | |
334 | display: block; |
|
335 | display: block; | |
335 | font-size: 70%; |
|
336 | font-size: 70%; | |
336 | position: relative; |
|
337 | position: relative; | |
337 | top: -3px; |
|
338 | top: -3px; | |
338 | } |
|
339 | } | |
339 |
|
340 | |||
340 | /* Comparison */ |
|
341 | /* Comparison */ | |
341 | .legend { |
|
342 | .legend { | |
342 | padding: 1.5% 0 1.5% 0; |
|
343 | padding: 1.5% 0 1.5% 0; | |
343 | } |
|
344 | } | |
344 |
|
345 | |||
345 | .legendinfo { |
|
346 | .legendinfo { | |
346 | border: 1px solid #999; |
|
347 | border: 1px solid #999; | |
347 | font-size: 80%; |
|
348 | font-size: 80%; | |
348 | text-align: center; |
|
349 | text-align: center; | |
349 | padding: 0.5%; |
|
350 | padding: 0.5%; | |
350 | } |
|
351 | } | |
351 |
|
352 | |||
352 | .equal { |
|
353 | .equal { | |
353 | background-color: #ffffff; |
|
354 | background-color: #ffffff; | |
354 | } |
|
355 | } | |
355 |
|
356 | |||
356 | .delete { |
|
357 | .delete { | |
357 | background-color: #faa; |
|
358 | background-color: #faa; | |
358 | color: #333; |
|
359 | color: #333; | |
359 | } |
|
360 | } | |
360 |
|
361 | |||
361 | .insert { |
|
362 | .insert { | |
362 | background-color: #ffa; |
|
363 | background-color: #ffa; | |
363 | } |
|
364 | } | |
364 |
|
365 | |||
365 | .replace { |
|
366 | .replace { | |
366 | background-color: #e8e8e8; |
|
367 | background-color: #e8e8e8; | |
367 | } |
|
368 | } | |
368 |
|
369 | |||
369 | .header { |
|
370 | .header { | |
370 | text-align: center; |
|
371 | text-align: center; | |
371 | } |
|
372 | } | |
372 |
|
373 | |||
373 | .block { |
|
374 | .block { | |
374 | border-top: 1px solid #999; |
|
375 | border-top: 1px solid #999; | |
375 | } |
|
376 | } | |
376 |
|
377 | |||
377 | .breadcrumb { |
|
378 | .breadcrumb { | |
378 | color: gray; |
|
379 | color: gray; | |
379 | } |
|
380 | } | |
380 |
|
381 | |||
381 | .breadcrumb a { |
|
382 | .breadcrumb a { | |
382 | color: blue; |
|
383 | color: blue; | |
383 | } |
|
384 | } |
General Comments 0
You need to be logged in to leave comments.
Login now