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