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