gitweb: Add 'show-sizes' feature to show blob sizes in tree view
[git/jnareb-git.git] / gitweb / gitweb.css
blobd60bfc1f646ddfa019ddbfbab6d0c3198c34a6b9
1 body {
2 font-family: sans-serif;
3 font-size: small;
4 border: solid #d9d8d1;
5 border-width: 1px;
6 margin: 10px;
7 background-color: #ffffff;
8 color: #000000;
11 a {
12 color: #0000cc;
15 a:hover, a:visited, a:active {
16 color: #880000;
19 span.cntrl {
20 border: dashed #aaaaaa;
21 border-width: 1px;
22 padding: 0px 2px 0px 2px;
23 margin: 0px 2px 0px 2px;
26 img.logo {
27 float: right;
28 border-width: 0px;
31 img.avatar {
32 vertical-align: middle;
35 div.page_header {
36 height: 25px;
37 padding: 8px;
38 font-size: 150%;
39 font-weight: bold;
40 background-color: #d9d8d1;
43 div.page_header a:visited, a.header {
44 color: #0000cc;
47 div.page_header a:hover {
48 color: #880000;
51 div.page_nav {
52 padding: 8px;
55 div.page_nav a:visited {
56 color: #0000cc;
59 div.page_path {
60 padding: 8px;
61 font-weight: bold;
62 border: solid #d9d8d1;
63 border-width: 0px 0px 1px;
66 div.page_footer {
67 height: 17px;
68 padding: 4px 8px;
69 background-color: #d9d8d1;
72 div.page_footer_text {
73 float: left;
74 color: #555555;
75 font-style: italic;
78 div.page_body {
79 padding: 8px;
80 font-family: monospace;
83 div.title, a.title {
84 display: block;
85 padding: 6px 8px;
86 font-weight: bold;
87 background-color: #edece6;
88 text-decoration: none;
89 color: #000000;
92 div.readme {
93 padding: 8px;
96 a.title:hover {
97 background-color: #d9d8d1;
100 div.title_text {
101 padding: 6px 0px;
102 border: solid #d9d8d1;
103 border-width: 0px 0px 1px;
104 font-family: monospace;
107 div.log_body {
108 padding: 8px 8px 8px 150px;
111 span.age {
112 position: relative;
113 float: left;
114 width: 142px;
115 font-style: italic;
118 span.signoff {
119 color: #888888;
122 div.log_link {
123 padding: 0px 8px;
124 font-size: 70%;
125 font-family: sans-serif;
126 font-style: normal;
127 position: relative;
128 float: left;
129 width: 136px;
132 div.list_head {
133 padding: 6px 8px 4px;
134 border: solid #d9d8d1;
135 border-width: 1px 0px 0px;
136 font-style: italic;
139 .author_date, .author {
140 font-style: italic;
143 div.author_date {
144 padding: 8px;
145 border: solid #d9d8d1;
146 border-width: 0px 0px 1px 0px;
149 a.list {
150 text-decoration: none;
151 color: #000000;
154 a.subject, a.name {
155 font-weight: bold;
158 table.tags a.subject {
159 font-weight: normal;
162 a.list:hover {
163 text-decoration: underline;
164 color: #880000;
167 a.text {
168 text-decoration: none;
169 color: #0000cc;
172 a.text:visited {
173 text-decoration: none;
174 color: #880000;
177 a.text:hover {
178 text-decoration: underline;
179 color: #880000;
182 table {
183 padding: 8px 4px;
184 border-spacing: 0;
187 table.diff_tree {
188 font-family: monospace;
191 table.combined.diff_tree th {
192 text-align: center;
195 table.combined.diff_tree td {
196 padding-right: 24px;
199 table.combined.diff_tree th.link,
200 table.combined.diff_tree td.link {
201 padding: 0px 2px;
204 table.combined.diff_tree td.nochange a {
205 color: #6666ff;
208 table.combined.diff_tree td.nochange a:hover,
209 table.combined.diff_tree td.nochange a:visited {
210 color: #d06666;
213 table.blame {
214 border-collapse: collapse;
217 table.blame td {
218 padding: 0px 5px;
219 font-size: 100%;
220 vertical-align: top;
223 th {
224 padding: 2px 5px;
225 font-size: 100%;
226 text-align: left;
229 /* do not change row style on hover for 'blame' view */
230 tr.light,
231 table.blame .light:hover {
232 background-color: #ffffff;
235 tr.dark,
236 table.blame .dark:hover {
237 background-color: #f6f6f0;
240 /* currently both use the same, but it can change */
241 tr.light:hover,
242 tr.dark:hover {
243 background-color: #edece6;
246 /* boundary commits in 'blame' view */
247 /* and commits without "previous" */
248 tr.boundary td.sha1,
249 tr.no-previous td.linenr {
250 font-weight: bold;
253 td {
254 padding: 2px 5px;
255 font-size: 100%;
256 vertical-align: top;
259 td.link, td.selflink {
260 padding: 2px 5px;
261 font-family: sans-serif;
262 font-size: 70%;
265 td.selflink {
266 padding-right: 0px;
269 td.sha1 {
270 font-family: monospace;
273 .error {
274 color: red;
275 background-color: yellow;
278 td.current_head {
279 text-decoration: underline;
282 table.diff_tree span.file_status.new {
283 color: #008000;
286 table.diff_tree span.file_status.deleted {
287 color: #c00000;
290 table.diff_tree span.file_status.moved,
291 table.diff_tree span.file_status.mode_chnge {
292 color: #777777;
295 table.diff_tree span.file_status.copied {
296 color: #70a070;
299 /* noage: "No commits" */
300 table.project_list td.noage {
301 color: #808080;
302 font-style: italic;
305 /* age2: 60*60*24*2 <= age */
306 table.project_list td.age2, table.blame td.age2 {
307 font-style: italic;
310 /* age1: 60*60*2 <= age < 60*60*24*2 */
311 table.project_list td.age1 {
312 color: #009900;
313 font-style: italic;
316 table.blame td.age1 {
317 color: #009900;
318 background: transparent;
321 /* age0: age < 60*60*2 */
322 table.project_list td.age0 {
323 color: #009900;
324 font-style: italic;
325 font-weight: bold;
328 table.blame td.age0 {
329 color: #009900;
330 background: transparent;
331 font-weight: bold;
334 td.pre, div.pre, div.diff {
335 font-family: monospace;
336 font-size: 12px;
337 white-space: pre;
340 td.mode {
341 font-family: monospace;
344 /* format of (optional) objects size in 'tree' view */
345 td.size {
346 font-family: monospace;
347 text-align: right;
350 /* styling of diffs (patchsets): commitdiff and blobdiff views */
351 div.diff.header,
352 div.diff.extended_header {
353 white-space: normal;
356 div.diff.header {
357 font-weight: bold;
359 background-color: #edece6;
361 margin-top: 4px;
362 padding: 4px 0px 2px 0px;
363 border: solid #d9d8d1;
364 border-width: 1px 0px 1px 0px;
367 div.diff.header a.path {
368 text-decoration: underline;
371 div.diff.extended_header,
372 div.diff.extended_header a.path,
373 div.diff.extended_header a.hash {
374 color: #777777;
377 div.diff.extended_header .info {
378 color: #b0b0b0;
381 div.diff.extended_header {
382 background-color: #f6f5ee;
383 padding: 2px 0px 2px 0px;
386 div.diff a.list,
387 div.diff a.path,
388 div.diff a.hash {
389 text-decoration: none;
392 div.diff a.list:hover,
393 div.diff a.path:hover,
394 div.diff a.hash:hover {
395 text-decoration: underline;
398 div.diff.to_file a.path,
399 div.diff.to_file {
400 color: #007000;
403 div.diff.add {
404 color: #008800;
407 div.diff.from_file a.path,
408 div.diff.from_file {
409 color: #aa0000;
412 div.diff.rem {
413 color: #cc0000;
416 div.diff.chunk_header a,
417 div.diff.chunk_header {
418 color: #990099;
421 div.diff.chunk_header {
422 border: dotted #ffe0ff;
423 border-width: 1px 0px 0px 0px;
424 margin-top: 2px;
427 div.diff.chunk_header span.chunk_info {
428 background-color: #ffeeff;
431 div.diff.chunk_header span.section {
432 color: #aa22aa;
435 div.diff.incomplete {
436 color: #cccccc;
439 div.diff.nodifferences {
440 font-weight: bold;
441 color: #600000;
444 div.index_include {
445 border: solid #d9d8d1;
446 border-width: 0px 0px 1px;
447 padding: 12px 8px;
450 div.search {
451 font-size: 100%;
452 font-weight: normal;
453 margin: 4px 8px;
454 float: right;
455 top: 56px;
456 right: 12px
459 p.projsearch {
460 text-align: center;
463 td.linenr {
464 text-align: right;
467 a.linenr {
468 color: #999999;
469 text-decoration: none
472 a.rss_logo {
473 float: right;
474 padding: 3px 0px;
475 width: 35px;
476 line-height: 10px;
477 border: 1px solid;
478 border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
479 color: #ffffff;
480 background-color: #ff6600;
481 font-weight: bold;
482 font-family: sans-serif;
483 font-size: 70%;
484 text-align: center;
485 text-decoration: none;
488 a.rss_logo:hover {
489 background-color: #ee5500;
492 a.rss_logo.generic {
493 background-color: #ff8800;
496 a.rss_logo.generic:hover {
497 background-color: #ee7700;
500 span.refs span {
501 padding: 0px 4px;
502 font-size: 70%;
503 font-weight: normal;
504 border: 1px solid;
505 background-color: #ffaaff;
506 border-color: #ffccff #ff00ee #ff00ee #ffccff;
509 span.refs span a {
510 text-decoration: none;
511 color: inherit;
514 span.refs span a:hover {
515 text-decoration: underline;
518 span.refs span.indirect {
519 font-style: italic;
522 span.refs span.ref {
523 background-color: #aaaaff;
524 border-color: #ccccff #0033cc #0033cc #ccccff;
527 span.refs span.tag {
528 background-color: #ffffaa;
529 border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
532 span.refs span.head {
533 background-color: #aaffaa;
534 border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
537 span.atnight {
538 color: #cc0000;
541 span.match {
542 color: #e00000;
545 div.binary {
546 font-style: italic;