1 | /************************* |
---|
2 | DaisyDiff |
---|
3 | *************************/ |
---|
4 | /* |
---|
5 | * Styles for the Tag Diff |
---|
6 | */ |
---|
7 | span.diff-tag-html { |
---|
8 | font-family: "Andale Mono" monospace; |
---|
9 | font-size: 80%; |
---|
10 | } |
---|
11 | |
---|
12 | span.diff-tag-removed { |
---|
13 | font-size: 100%; |
---|
14 | text-decoration: line-through; |
---|
15 | background-color: #fdc6c6; /* light red */ |
---|
16 | } |
---|
17 | |
---|
18 | span.diff-tag-added { |
---|
19 | font-size: 100%; |
---|
20 | background-color: #ccffcc; /* light green */ |
---|
21 | } |
---|
22 | |
---|
23 | /* |
---|
24 | * Styles for the HTML Diff |
---|
25 | */ |
---|
26 | span.diff-html-added { |
---|
27 | font-size: 100%; |
---|
28 | background-color: #ccffcc; /* light green */ |
---|
29 | cursor: pointer; |
---|
30 | } |
---|
31 | |
---|
32 | span.diff-html-removed { |
---|
33 | font-size: 100%; |
---|
34 | text-decoration: line-through; |
---|
35 | background-color: #fdc6c6; /* light red */ |
---|
36 | cursor: pointer; |
---|
37 | } |
---|
38 | |
---|
39 | span.diff-html-changed { |
---|
40 | position: relative; |
---|
41 | background-color: #c6c6fd; /* light blue */ |
---|
42 | cursor: pointer; |
---|
43 | } |
---|
44 | |
---|
45 | span.diff-html-selected { |
---|
46 | background-color: #FF8800; /* light orange */ |
---|
47 | cursor: pointer; |
---|
48 | } |
---|
49 | |
---|
50 | span.diff-html-selected img{ |
---|
51 | border: 2px solid #FF8800; /* light orange */ |
---|
52 | } |
---|
53 | |
---|
54 | span.diff-html-added img{ |
---|
55 | border: 2px solid #ccffcc; |
---|
56 | } |
---|
57 | |
---|
58 | span.diff-html-removed img{ |
---|
59 | border: 2px solid #fdc6c6; |
---|
60 | } |
---|
61 | |
---|
62 | span.diff-html-changed img{ |
---|
63 | border: 2px dotted #000099; |
---|
64 | } |
---|
65 | |
---|
66 | span.diff-html-changed span.tip { |
---|
67 | display: none; /* so is this */ |
---|
68 | } |
---|
69 | |
---|
70 | /* tooltip will display on :hover event */ |
---|
71 | |
---|
72 | span.diff-html-changed:hover span.tip { |
---|
73 | display: block; |
---|
74 | position: absolute; |
---|
75 | top: 2em; left: 2em; width: 15em; |
---|
76 | text-align: left; |
---|
77 | z-index: 100; |
---|
78 | padding: 3px 7px 4px 6px; |
---|
79 | border: 1px solid #336; |
---|
80 | background-color: #f7f7ee; |
---|
81 | font: normal 0.9em/1.2em arial, helvetica, sans-serif; |
---|
82 | color: #000; |
---|
83 | } |
---|
84 | |
---|
85 | span.tip ul.changelist { |
---|
86 | padding-left: 0px; |
---|
87 | } |
---|