xref: /template/ad-hominem/css/_diff.css (revision 12b06083145a4a0345748dc9e6a4777fdeebd1d9) 
1/**
2 * This file provides styles for the diff view, which shows you
3 * differences between two versions of a page (?do=diff).
4 */
5
6.dokuwiki table.diff {
7    width: 100%;
8    border-width: 0;
9}
10.dokuwiki table.diff th,
11.dokuwiki table.diff td {
12    vertical-align: top;
13    padding: 0;
14    border-width: 0;
15    /* no style.ini colours because deleted and added lines have a fixed background colour */
16    background-color: #fff;
17    color: #333;
18}
19
20/* table header */
21.dokuwiki table.diff th {
22    border-bottom: 1px solid @ini_border;
23    font-size: 110%;
24    font-weight: normal;
25}
26.dokuwiki table.diff th a {
27    font-weight: bold;
28}
29.dokuwiki table.diff th span.user {
30    font-size: .9em;
31}
32.dokuwiki table.diff th span.sum {
33    font-size: .9em;
34    font-weight: bold;
35}
36.dokuwiki table.diff th.minor {
37    color: #999;
38}
39.dokuwiki table.diff_sidebyside th {
40    width: 50%;
41}
42
43/* table body */
44.dokuwiki table.diff .diff-lineheader {
45    width: .7em;
46    text-align: right;
47}
48[dir=rtl] .dokuwiki table.diff .diff-lineheader {
49    text-align: left;
50}
51.dokuwiki table.diff .diff-lineheader,
52.dokuwiki table.diff td {
53    font-family: @ini_mono_fonts;
54	background-color:	#F6F8FA;
55}
56.dokuwiki table.diff td.diff-blockheader {
57    font-weight: bold;
58}
59.dokuwiki table.diff .diff-addedline {
60    background-color: #E4FFEE;
61    color: inherit;
62}
63.dokuwiki table.diff .diff-deletedline {
64    background-color: #FFEEF0;
65    color: inherit;
66}
67.dokuwiki table.diff td.diff-context {
68    background-color: #FFF;
69    color: inherit;
70}
71.dokuwiki table.diff td.diff-addedline strong {
72    color:				#23292E;
73	background-color:	#A5F2C1;
74	font-weight:		normal;
75}
76.dokuwiki table.diff td.diff-deletedline strong {
77    color:				#23292E;
78	background-color:	#FFB7BF;
79	font-weight:		normal;
80}
81
82/* diff options */
83
84.dokuwiki .diffoptions form {
85    float: left;
86}
87.dokuwiki .diffoptions p {
88    float: right;
89}
90
91/* diff nav */
92
93.dokuwiki table.diff_sidebyside td.diffnav {
94    padding-bottom: .7em;
95}
96.dokuwiki .diffnav a {
97    display: inline-block;
98    vertical-align: middle;
99}
100.dokuwiki .diffnav a span {
101    display: none;
102}
103
104.dokuwiki .diffnav a:hover,
105.dokuwiki .diffnav a:active,
106.dokuwiki .diffnav a:focus {
107    background-color: @ini_background_alt;
108    text-decoration: none;
109}
110
111.dokuwiki .diffnav a:before {
112    display: inline-block;
113    line-height: 1;
114    padding: .2em .4em;
115    border: 1px solid @ini_border;
116    border-radius: 2px;
117    color: @ini_text;
118}
119
120.dokuwiki .diffnav a.diffprevrev:before {
121    content: '\25C0'; /* left triangle */
122}
123.dokuwiki .diffnav a.diffnextrev:before,
124.dokuwiki .diffnav a.difflastrev:before {
125    content: '\25B6'; /* right triangle */
126}
127.dokuwiki .diffnav a.diffbothprevrev:before {
128    content: '\25C0\25C0';
129}
130.dokuwiki .diffnav a.diffbothnextrev:before {
131    content: '\25B6\25B6';
132}
133
134.dokuwiki .diffnav select {
135    width: 60%;
136    min-width: 9em;
137    height: 1.5em; /* height is necessary for longer options in Webkit */
138}
139
140.dokuwiki .diffnav select option[selected] {
141    font-weight: bold;
142}
143
144/* dark mode overrides */
145@media (prefers-color-scheme: dark) {
146
147	.dokuwiki table.diff .diff-lineheader, .dokuwiki table.diff th, .dokuwiki table.diff td {
148		background-color:	#1C2125;
149		color:				#D0D5DA;
150	}
151	.dokuwiki table.diff td.diff-context {
152		background-color:	#23292E;
153	}
154	.dokuwiki table.diff .diff-deletedline {
155		background-color:	#49090F;
156	}
157	.dokuwiki table.diff .diff-addedline {
158		background-color:	#0A3A1E;
159	}
160	.dokuwiki table.diff td.diff-addedline strong {
161		color:				#FFF;
162		background-color:	#038642;
163	}
164	.dokuwiki table.diff td.diff-deletedline strong {
165		color:				#FFF;
166		background-color:	#BB0E27;
167	}
168	.dokuwiki .diffnav a::before {
169		color:				@ini_text_dark;
170		border:				transparent none 0;
171	}
172	.dokuwiki .diffnav select {
173		background-color:	@ini_background_site_dark;
174		color:				@ini_text_dark;
175		border:				transparent none 0;
176	}
177}