diff: align cell content to the top
[lhc/web/wiklou.git] / resources / mediawiki.action / mediawiki.action.history.diff.css
1 /**
2 * Diff rendering
3 */
4
5 td.diff-otitle,
6 td.diff-ntitle {
7 text-align: center;
8 }
9
10 td.diff-marker {
11 text-align: right;
12 }
13
14 td.diff-lineno {
15 font-weight: bold;
16 }
17
18 td.diff-addedline,
19 td.diff-deletedline,
20 td.diff-context {
21 font-size: 88%;
22 vertical-align: top;
23 white-space: -moz-pre-wrap;
24 white-space: pre-wrap;
25 }
26
27 td.diff-addedline {
28 background: #E0ECFF;
29 }
30
31 td.diff-deletedline {
32 background: #FCF8CC;
33 }
34
35 td.diff-context {
36 background: #F2F2F2;
37 }
38
39 .diffchange {
40 font-weight: bold;
41 text-decoration: none;
42 }
43
44 td.diff-addedline .diffchange {
45 background: #B0C8FF;
46 }
47
48 td.diff-deletedline .diffchange {
49 background: #FFD084;
50 }
51
52 table.diff {
53 border: none;
54 width: 98%;
55 border-spacing: 4px;
56
57 /* Ensure that colums are of equal width */
58 table-layout: fixed;
59 }
60
61 table.diff td {
62 padding: 0;
63 }
64
65 table.diff col.diff-marker {
66 width: 2%;
67 }
68
69 table.diff col.diff-content {
70 width: 48%;
71 }
72
73 table.diff td div {
74 /* Force-wrap very long lines such as URLs or page-widening char strings.*/
75 word-wrap: break-word;
76
77 /* As fallback (FF<3.5, Opera <10.5), scrollbars will be added for very wide cells
78 * instead of text overflowing or widening
79 */
80 overflow: auto;
81 }