1table.diff {
2	width: 100%;
3	border-width: 0;
4	th, td {
5		vertical-align: top;
6		padding: 0;
7		border-width: 0;
8		background-color: #fff; // no style.ini colors because deleted and added lines have a fixed background color
9		color: #333;
10	}
11	th {
12		border-bottom: 1px solid @ini_border;
13		font-size: 110%;
14		font-weight: normal;
15		a {
16			font-weight: bold;
17		}
18		span.user {
19			font-size: .9em;
20		}
21		span.sum {
22			font-size: .9em;
23			font-weight: bold;
24		}
25	}
26	th.minor {
27		color: #999;
28	}
29	/* table body */
30	.diff-lineheader {
31		width: .7em;
32		text-align: right;
33		[dir=rtl] & {
34			text-align: left;
35		}
36	}
37	.diff-lineheader,
38	td {
39		font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
40	}
41	td.diff-blockheader {
42		font-weight: bold;
43	}
44	.diff-addedline {
45		background-color: #cfc;
46		color: inherit;
47		width: ~"calc(50% - .7em)";
48	}
49	.diff-deletedline {
50		background-color: #fdd;
51		color: inherit;
52		width: ~"calc(50% - .7em)";
53	}
54	td.diff-context {
55		background-color: #eee;
56		color: inherit;
57		width: ~"calc(50% - .7em)";
58	}
59	td.diff-addedline strong,
60	td.diff-deletedline strong {
61		color: #f00;
62		background-color: inherit;
63		font-weight: bold;
64	}
65}
66table.diff_sidebyside { // table header
67	th {
68		width: 50%; // равноразмерность панелей диффа
69	}
70	td.diffnav {
71		padding-bottom: .7em;
72	}
73}
74.diffoptions {
75	form {
76		float: left;
77	}
78	p {
79		float: right;
80	}
81}
82.diffnav {
83	a {
84		display: inline-block;
85		vertical-align: middle;
86		span {
87			display: none;
88		}
89	}
90	a:hover,
91	a:active,
92	a:focus {
93		background-color: @ini_background_alt;
94		text-decoration: none;
95	}
96	a:before {
97		display: inline-block;
98		line-height: 1;
99		padding: .2em .4em;
100		border: 1px solid @ini_border;
101		border-radius: 2px;
102		color: @ini_text;
103	}
104	a.diffprevrev:before {
105		content: '\25C0'; // left triangle
106	}
107	a.diffnextrev:before,
108	a.difflastrev:before {
109		content: '\25B6'; // right triangle
110	}
111	a.diffbothprevrev:before {
112		content: '\25C0\25C0';
113	}
114	a.diffbothnextrev:before {
115		content: '\25B6\25B6';
116	}
117
118	select {
119		width: 60%;
120		min-width: 9em;
121		height: 1.5em; // height is necessary for longer options in Webkit
122		option[selected] {
123			font-weight: bold;
124		}
125	}
126}
127