Add css rules for commit display.

Julien LepillerSun Mar 07 06:44:53+0300 2021

af53432

Add css rules for commit display.

assets/css/gitile.css

44 
  --lightblue: #a1d9f4;
55 
  --darkwhite: #faf5f0;
66 
  --black: #333;
7+
  --lighterblack: #777;
78 
  --white: #fff;
89 
  --darkgreen: #2cae0e;
910 
  --gray: #ccc;
1011 
  --darkerwhite: #eae5e0;
12+
  --lighterred: #fbe9eb;
13+
  --lightergreen: #ecfdf0;
14+
  --lightred: #f9d7dc;
15+
  --lightgreen: #ddfbe6;
16+
  --bordergreen: #b0eab9;
17+
  --borderred: #eac0c9;
1118 
}
1219 
1320 
html, body {
…
133140 
  padding: 0.5em;
134141 
}
135142 
143+
table.file-diff {
144+
  margin-bottom: 1em;
145+
  user-select: none;
146+
}
147+
148+
table.file-diff td {
149+
  padding: 0;
150+
  line-height: 1em;
151+
}
152+
153+
table.file-diff .hunk-delim {
154+
  background: #fafafa;
155+
  border-bottom: 1px solid var(--darkerwhite);
156+
  border-top: 1px solid var(--darkerwhite);
157+
  text-align: center;
158+
}
159+
160+
table.file-diff .hunk-delim td {
161+
  padding: 0.25em;
162+
}
163+
164+
table.file-diff .diff-no-data {
165+
  background: var(--darkerwhite);
166+
}
167+
168+
table.file-diff .diff-no-data td {
169+
  padding: 1em;
170+
  user-select: text;
171+
  text-align: center;
172+
}
173+
174+
table.file-diff td:nth-child(3) {
175+
  font-family: monospace;
176+
  text-align: center;
177+
}
178+
179+
table.file-diff .diff-line-num {
180+
  background: var(--darkerwhite);
181+
  color: var(--lighterblack);
182+
}
183+
184+
table.file-diff .diff-line-num {
185+
  font-family: monospace;
186+
  text-align: center;
187+
  border-right: 1px solid var(--gray);
188+
  border-left: 1px solid var(--gray);
189+
}
190+
191+
table.file-diff .diff-line {
192+
  border-right: 1px solid var(--gray);
193+
  user-select: text;
194+
}
195+
196+
table.file-diff pre {
197+
  border: none;
198+
  background: none;
199+
}
200+
201+
table.file-diff .diff-minus,
202+
table.file-diff .diff-minus:hover {
203+
  background: var(--lighterred);
204+
  border-color: var(--red);
205+
}
206+
207+
table.file-diff .diff-plus,
208+
table.file-diff .diff-plus:hover{
209+
  background: var(--lightergreen);
210+
}
211+
212+
table.file-diff tr:hover {
213+
  background: none;
214+
}
215+
216+
table.file-diff .diff-minus .diff-line-num {
217+
  background: var(--lightred);
218+
}
219+
220+
table.file-diff .diff-plus .diff-line-num {
221+
  background: var(--lightgreen);
222+
}
223+
224+
table.file-diff .diff-minus td {
225+
  border-color: var(--borderred);
226+
}
227+
228+
table.file-diff .diff-plus td {
229+
  border-color: var(--bordergreen);
230+
}
231+
232+
p.diff-file-name {
233+
  background: #cccac5;
234+
  margin: 0;
235+
  padding: 0.5em;
236+
  border: 1px solid var(--gray);
237+
  border-bottom: none;
238+
}
239+
136240 
.commit-info {
137241 
  border: 1px solid var(--gray);
138242 
  margin-top: 1em;