Update css

Julien LepillerMon Mar 08 02:31:36+0100 2021

1ed4474

Update css

assets/css/gitile.css

1515 
  --lightgreen: #ddfbe6;
1616 
  --bordergreen: #b0eab9;
1717 
  --borderred: #eac0c9;
18+
19+
  /* syntax highlighting */
20+
  --comment: #777;
21+
  --string: #b22;
22+
  --keyword: #35a;
23+
  --keyword2: #732;
1824 
}
1925 
2026 
html, body {
…
3642 
  width: 1200px;
3743 
  margin: auto;
3844 
  text-align: justify;
39-
  line-height: 1.5em;
45+
  line-height: 1.25em;
4046 
  padding: 2em;
4147 
}
4248 
…
110116 
  border-bottom: none;
111117 
}
112118 
113-
pre {
119+
pre, article.formatted-file-content {
114120 
  border: 1px solid var(--gray);
115121 
  border-top: none;
116122 
  padding: 0.5em;
…
121127 
  font-family: monospace, monospace;
122128 
}
123129 
130+
.formatted-file-content pre {
131+
  border: 1px solid #ddd;
132+
  box-shadow: 1px 1px 0 #eee;
133+
  overflow: auto;
134+
}
135+
136+
.formatted-file-content h1 {
137+
  text-align: left;
138+
  border-bottom: 1px solid #ddd;
139+
}
140+
141+
.formatted-file-content h2 {
142+
  border-bottom: 1px solid #ddd;
143+
}
144+
145+
article.formatted-file-content {
146+
  font-family: inherit;
147+
  font-size: 0.85em;
148+
  line-height: inherit;
149+
  padding: 1em 5em;
150+
}
151+
124152 
table {
125153 
  background: var(--white);
126154 
  border-collapse: collapse;
127155 
  width: 100%;
128156 
  border: 1px solid var(--gray);
157+
  margin-bottom: 1em;
129158 
}
130159 
131160 
tbody tr {
…
140169 
  padding: 0.5em;
141170 
}
142171 
143-
table.file-diff {
172+
table.file-diff, table.file-content {
144173 
  margin-bottom: 1em;
145174 
  user-select: none;
146175 
}
147176 
148-
table.file-diff td {
177+
table.file-diff td, table.file-content td {
149178 
  padding: 0;
150179 
  line-height: 1em;
151180 
}
…
176205 
  text-align: center;
177206 
}
178207 
179-
table.file-diff .diff-line-num {
208+
table.file-diff .diff-line-num, table.file-content .content-line-num {
180209 
  background: var(--darkerwhite);
181210 
  color: var(--lighterblack);
182-
}
183-
184-
table.file-diff .diff-line-num {
185211 
  font-family: monospace;
186212 
  text-align: center;
187213 
  border-right: 1px solid var(--gray);
188214 
  border-left: 1px solid var(--gray);
189215 
}
190216 
191-
table.file-diff .diff-line {
217+
table.file-diff .diff-line, table.file-content .content-line {
192218 
  border-right: 1px solid var(--gray);
193219 
  user-select: text;
194220 
}
195221 
196-
table.file-diff pre {
222+
table.file-diff pre, table.file-content pre {
197223 
  border: none;
198224 
  background: none;
199225 
}
…
209235 
  background: var(--lightergreen);
210236 
}
211237 
212-
table.file-diff tr:hover {
238+
table.file-diff tr:hover, table.file-content tr:hover {
213239 
  background: none;
214240 
}
215241 
…
336362 
  font-size: 0.85em;
337363 
}
338364 
365+
.formatted-file-content pre code {
366+
  font-size: inherit;
367+
  font-family: inherit;
368+
  padding: 0;
369+
  background: none;
370+
  display: block;
371+
}
372+
373+
.formatted-file-content code {
374+
  background: none;
375+
  padding: 0;
376+
  display: inline;
377+
}
378+
339379 
.clone {
340380 
  text-align: right;
341381 
}
…
366406 
}
367407 
368408 
409+
/* syntax highlighting */
410+
.syntax-comment {
411+
  color: var(--comment);
412+
}
413+
414+
.syntax-string {
415+
  color: var(--string);
416+
}
417+
418+
/* for scheme */
419+
.syntax-special {
420+
  color: var(--keyword2);
421+
  font-weight: bold;
422+
}
423+
424+
.syntax-keyword {
425+
  color: var(--keyword);
426+
  font-weight: bold;
427+
}
428+
369429 
@media screen and (max-width: 1250px) { 
370430 
  #content {
371-
    width: auto;
431+
    width: 100%;
432+
    padding: 0;
433+
  }
434+
  article.formatted-file-content {
435+
    padding: 0.25em;
372436 
  }
373437 
}