Mercurial Hosting > hghosting

comparison templates/static/style-paper.css @ 0:dfc36e7ed22c

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
init
author Vadim Filimonov <fffilimonov@yandex.ru>
date Thu, 12 May 2022 13:51:59 +0400
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:dfc36e7ed22c
1 body {
2 margin: 0;
3 padding: 0;
4 background: white;
5 color: black;
6 font-family: sans-serif;
7 }
8
9 .container {
10 padding-left: 115px;
11 }
12
13 .main {
14 position: relative;
15 background: white;
16 padding: 2em 2em 2em 0;
17 }
18
19 #.main {
20 width: 98%;
21 }
22
23 .overflow {
24 width: 100%;
25 overflow: auto;
26 }
27
28 .menu {
29 width: 90px;
30 margin: 0;
31 font-size: 80%;
32 text-align: left;
33 position: absolute;
34 top: 20px;
35 left: 20px;
36 right: auto;
37 }
38
39 .menu ul {
40 list-style: none;
41 padding: 0;
42 margin: 10px 0 0 0;
43 border-left: 2px solid #999;
44 }
45
46 .menu li {
47 margin-bottom: 3px;
48 padding: 2px 4px;
49 background: white;
50 color: black;
51 font-weight: normal;
52 }
53
54 .menu li.active {
55 font-weight: bold;
56 }
57
58 .menu img {
59 width: 75px;
60 height: 90px;
61 border: 0;
62 }
63
64 div.atom-logo {
65 margin-top: 10px;
66 }
67
68 .atom-logo img{
69 width: 14px;
70 height: 14px;
71 border: 0;
72 }
73
74 .menu a { color: black; display: block; }
75
76 .search {
77 position: absolute;
78 top: .7em;
79 right: 2em;
80 }
81
82 form.search div#hint {
83 display: none;
84 position: absolute;
85 top: 40px;
86 right: 0px;
87 width: 190px;
88 padding: 5px;
89 background: #ffc;
90 font-size: 70%;
91 border: 1px solid yellow;
92 border-radius: 5px;
93 z-index: 15;
94 }
95
96 form.search:hover div#hint { display: block; }
97
98 a { text-decoration:none; }
99 .age { white-space:nowrap; }
100 .date { white-space:nowrap; }
101 .indexlinks { white-space:nowrap; }
102 .parity0,
103 .stripes4 > :nth-child(4n+1),
104 .stripes2 > :nth-child(2n+1) { background-color: #f0f0f0; }
105 .parity1,
106 .stripes4 > :nth-child(4n+3),
107 .stripes2 > :nth-child(2n+2) { background-color: white; }
108 .plusline { color: green; }
109 .minusline { color: #dc143c; } /* crimson */
110 .atline { color: purple; }
111
112 .diffstat-table {
113 margin-top: 1em;
114 }
115 .diffstat-file {
116 white-space: nowrap;
117 font-size: 90%;
118 }
119 .diffstat-total {
120 white-space: nowrap;
121 font-size: 90%;
122 }
123 .diffstat-graph {
124 width: 100%;
125 }
126 .diffstat-add {
127 background-color: green;
128 float: left;
129 }
130 .diffstat-remove {
131 background-color: red;
132 float: left;
133 }
134
135 .navigate {
136 text-align: right;
137 font-size: 60%;
138 margin: 1em 0;
139 }
140
141 .phase {
142 color: #999;
143 font-size: 70%;
144 border-bottom: 1px dotted #999;
145 font-weight: normal;
146 margin-left: .5em;
147 vertical-align: baseline;
148 }
149
150 .obsolete {
151 color: #999;
152 font-size: 70%;
153 border-bottom: 1px dashed #999;
154 font-weight: normal;
155 margin-left: .5em;
156 vertical-align: baseline;
157 }
158
159 .instability {
160 color: #000;
161 font-size: 70%;
162 border-bottom: 1px solid #000;
163 font-weight: normal;
164 margin-left: .5em;
165 vertical-align: baseline;
166 }
167
168 .tag {
169 color: #999;
170 font-size: 70%;
171 font-weight: normal;
172 margin-left: .5em;
173 vertical-align: baseline;
174 }
175
176 .branchhead {
177 color: #000;
178 font-size: 80%;
179 font-weight: normal;
180 margin-left: .5em;
181 vertical-align: baseline;
182 }
183
184 ul#graphnodes .branchhead {
185 font-size: 75%;
186 }
187
188 .branchname {
189 color: #000;
190 font-size: 60%;
191 font-weight: normal;
192 margin-left: .5em;
193 vertical-align: baseline;
194 }
195
196 /* Common */
197 pre { margin: 0; }
198
199 h2 { font-size: 120%; border-bottom: 1px solid #999; }
200 h2 a { color: #000; }
201 h3 {
202 margin-top: +.7em;
203 font-size: 100%;
204 }
205
206 /* log and tags tables */
207 .bigtable {
208 border-bottom: 1px solid #999;
209 border-collapse: collapse;
210 font-size: 90%;
211 width: 100%;
212 font-weight: normal;
213 text-align: left;
214 }
215
216 .bigtable td {
217 padding: 1px 4px;
218 vertical-align: top;
219 }
220
221 .bigtable th {
222 padding: 1px 4px;
223 border-bottom: 1px solid #999;
224 }
225 .bigtable tr { border: none; }
226 .bigtable .age { width: 7em; }
227 .bigtable .author { width: 15em; }
228 .bigtable .commit { width: 7em; }
229 .bigtable .description { }
230 .bigtable .description .base { font-size: 70%; float: right; line-height: 1.66; }
231 .bigtable .node { width: 5em; font-family: monospace;}
232 .bigtable .permissions { width: 8em; text-align: left;}
233 .bigtable .size { width: 5em; text-align: right; }
234 .bigtable .annotate { text-align: right; }
235 .bigtable td.annotate { font-size: smaller; }
236 .bigtable td.source { font-size: inherit; }
237 tr.thisrev a { color:#999999; text-decoration: none; }
238 tr.thisrev td.source { color:#009900; }
239 td.annotate {
240 white-space: nowrap;
241 }
242 div.annotate-info {
243 z-index: 5;
244 display: none;
245 position: absolute;
246 background-color: #FFFFFF;
247 border: 1px solid #999;
248 text-align: left;
249 color: #000000;
250 padding: 5px;
251 }
252 div.annotate-info a { color: #0000FF; }
253 td.annotate:hover div.annotate-info { display: inline; }
254
255 #diffopts-form {
256 font-size: smaller;
257 color: #424242;
258 padding-bottom: 10px;
259 display: none;
260 }
261
262 .source, .sourcefirst {
263 font-family: monospace;
264 white-space: pre;
265 padding: 1px 4px;
266 font-size: 90%;
267 }
268 .sourcefirst { border-bottom: 1px solid #999; font-weight: bold; }
269 .source a { color: #999; font-size: smaller; font-family: monospace;}
270 .bottomline { border-bottom: 1px solid #999; }
271
272 .sourcelines {
273 font-size: 90%;
274 position: relative;
275 counter-reset: lineno;
276 }
277
278 .wrap > span {
279 white-space: pre-wrap;
280 }
281
282 .linewraptoggle {
283 float: right;
284 }
285
286 .diffblocks { counter-reset: lineno; }
287 .diffblocks > div { counter-increment: lineno; }
288
289 .sourcelines > span {
290 display: inline-block;
291 box-sizing: border-box;
292 width: 100%;
293 padding: 1px 0px 1px 5em;
294 counter-increment: lineno;
295 }
296
297 .sourcelines > span:before {
298 -moz-user-select: -moz-none;
299 -khtml-user-select: none;
300 -webkit-user-select: none;
301 -ms-user-select: none;
302 user-select: none;
303 display: inline-block;
304 margin-left: -6em;
305 width: 4em;
306 font-size: smaller;
307 color: #999;
308 text-align: right;
309 content: counters(lineno, ".");
310 float: left;
311 }
312
313 .sourcelines > span:after {
314 content: '';
315 display: inline-block;
316 }
317
318 .sourcelines > span:target, tr:target td {
319 background-color: #bfdfff;
320 }
321
322 /* Followlines */
323 tbody.sourcelines > tr.followlines-selected,
324 pre.sourcelines > span.followlines-selected {
325 background-color: #99C7E9;
326 }
327
328 div#followlines {
329 background-color: #FFF;
330 border: 1px solid #999;
331 padding: 5px;
332 position: fixed;
333 }
334
335 div.followlines-cancel {
336 text-align: right;
337 }
338
339 div.followlines-cancel > button {
340 line-height: 80%;
341 padding: 0;
342 border: 0;
343 border-radius: 2px;
344 background-color: inherit;
345 font-weight: bold;
346 }
347
348 div.followlines-cancel > button:hover {
349 color: #FFFFFF;
350 background-color: #CF1F1F;
351 }
352
353 div.followlines-link {
354 margin: 2px;
355 margin-top: 4px;
356 font-family: sans-serif;
357 }
358
359 .btn-followlines {
360 position: absolute;
361 display: none;
362 cursor: pointer;
363 box-sizing: content-box;
364 font-size: 12px;
365 width: 13px;
366 height: 13px;
367 border-radius: 3px;
368 margin: 0px;
369 margin-top: -2px;
370 padding: 0px;
371 background-color: #E5FDE5;
372 border: 1px solid #9BC19B;
373 font-family: monospace;
374 text-align: center;
375 line-height: 5px;
376 }
377
378 span.followlines-select .btn-followlines {
379 margin-left: -1.5em;
380 }
381
382 .btn-followlines:hover {
383 transform: scale(1.2, 1.2);
384 }
385
386 .btn-followlines .followlines-plus {
387 color: green;
388 }
389
390 .btn-followlines .followlines-minus {
391 color: red;
392 }
393
394 .btn-followlines-end {
395 background-color: #ffdcdc;
396 }
397
398 .sourcelines tr:hover .btn-followlines,
399 .sourcelines span.followlines-select:hover > .btn-followlines {
400 display: inline;
401 }
402
403 .btn-followlines-hidden,
404 .sourcelines tr:hover .btn-followlines-hidden {
405 display: none;
406 }
407
408 .sourcelines > a {
409 display: inline-block;
410 position: absolute;
411 left: 0px;
412 width: 4em;
413 height: 1em;
414 }
415
416 .fileline { font-family: monospace; }
417 .fileline img { border: 0; }
418
419 .tagEntry .closed { color: #99f; }
420
421 /* Changeset entry */
422 #changesetEntry {
423 border-collapse: collapse;
424 font-size: 90%;
425 width: 100%;
426 margin-bottom: 1em;
427 }
428
429 #changesetEntry th {
430 padding: 1px 4px;
431 width: 4em;
432 text-align: right;
433 font-weight: normal;
434 color: #999;
435 vertical-align: top;
436 }
437
438 div.description {
439 border-left: 2px solid #999;
440 margin: 1em 0 1em 0;
441 padding: .3em;
442 white-space: pre;
443 font-family: monospace;
444 }
445
446 /* Graph */
447 div#wrapper {
448 position: relative;
449 border-top: 1px solid black;
450 border-bottom: 1px solid black;
451 margin: 0;
452 padding: 0;
453 }
454
455 canvas {
456 position: absolute;
457 z-index: 5;
458 top: -0.7em;
459 margin: 0;
460 }
461
462 ul#graphnodes {
463 list-style: none inside none;
464 padding: 0;
465 margin: 0;
466 }
467
468 ul#graphnodes li {
469 height: 39px;
470 overflow: visible;
471 }
472
473 ul#graphnodes li .fg {
474 position: absolute;
475 z-index: 10;
476 }
477
478 ul#graphnodes li .info {
479 font-size: 70%;
480 }
481
482 /* Comparison */
483 .legend {
484 padding: 1.5% 0 1.5% 0;
485 }
486
487 .legendinfo {
488 border: 1px solid #999;
489 font-size: 80%;
490 text-align: center;
491 padding: 0.5%;
492 }
493
494 .equal {
495 background-color: #ffffff;
496 }
497
498 .delete {
499 background-color: #faa;
500 color: #333;
501 }
502
503 .insert {
504 background-color: #ffa;
505 }
506
507 .replace {
508 background-color: #e8e8e8;
509 }
510
511 .header {
512 text-align: center;
513 }
514
515 .block {
516 border-top: 1px solid #999;
517 }
518
519 .breadcrumb {
520 color: gray;
521 }
522
523 .breadcrumb a {
524 color: blue;
525 }
526
527 .scroll-loading {
528 -webkit-animation: change_color 1s linear 0s infinite alternate;
529 -moz-animation: change_color 1s linear 0s infinite alternate;
530 -o-animation: change_color 1s linear 0s infinite alternate;
531 animation: change_color 1s linear 0s infinite alternate;
532 }
533
534 @-webkit-keyframes change_color {
535 from { background-color: #A0CEFF; } to { }
536 }
537 @-moz-keyframes change_color {
538 from { background-color: #A0CEFF; } to { }
539 }
540 @-o-keyframes change_color {
541 from { background-color: #A0CEFF; } to { }
542 }
543 @keyframes change_color {
544 from { background-color: #A0CEFF; } to { }
545 }
546
547 .scroll-loading-error {
548 background-color: #FFCCCC !important;
549 }