xref: /OpenGrok/opengrok-web/src/main/webapp/default/print-1.0.2.css (revision 0f28cab504dc8fea1bf4ce630481d9e52785a4a4)
1/* common stuff */
2body {
3    font-family: sans-serif;
4    margin: 1ex 1ex 0 1ex;
5}
6
7a {
8    text-decoration: none;
9}
10
11div#src a.l, div#src a.hl {
12    padding: 0;
13}
14
15div#src a.l:after, div#src a.hl:after {
16    content: "\0020";
17}
18
19div#src a.l.selected:after, div#src a.hl.selected:after {
20    content: "";
21}
22
23a:link {
24    color: #2030A2;
25}
26
27a:visited, a:active, a:hover {
28    color: #202062;
29}
30
31a:active, a:hover {
32    text-decoration: underline;
33}
34
35img, tt, form, pre {
36    border: 0;
37}
38
39del {
40    text-decoration: line-through;
41}
42
43caption {
44    caption-side:top;
45    margin: 1ex 0;
46    text-align: left;
47}
48
49thead {
50    color: white;
51    background-color: #616ca7;
52}
53
54tbody tr:nth-child(EVEN) { /* alternate color for odd rows */
55    background-color: #e5e5e5;
56}
57
58input, button {
59    border: 1px solid #bbbbff;
60    border-radius: 0.75ex;
61    -moz-border-radius: 0.75ex;
62    background-color: #a3b8cb;
63}
64
65label {
66    font-weight: bold;
67}
68
69.pre { /* the diff content */
70    white-space: pre-wrap;
71    font-family: monospace;
72    margin: 0;
73}
74
75.edited {
76    font-size: 50%;
77    display: block;
78}
79
80#page { }
81
82.error { /* error messages */
83    color: #a52a2a;
84}
85
86/*
87 * Project list on the index page
88 */
89.projects {
90    list-style-type: none;
91}
92
93.projects .panel-body {
94    display: block;
95}
96
97.projects .toggle-buttons {
98    display: none;
99}
100
101.projects .subrepository {
102    padding-left: 20px;
103}
104
105/* ############### start of header ############## */
106#whole_header {
107    display: none;
108}
109
110#pagetitle { /* short verbal summary/description of the shown content */
111}
112
113/* required for help page, only */
114#sbar { /* full search navbar */
115    border-top: 1px solid #ffc726;
116    background-color: #FFFFE5;
117    margin: 0;
118    clear: both;
119}
120
121/* *** full search navbar *** */
122#qtbl, #ptbl {
123    display: inline-block;
124    vertical-align: top;
125}
126
127#qtbl tr {
128    background: none; /* remove alternating colors */
129}
130
131#ptbl > p {
132    text-align: center;
133    white-space: nowrap;
134    margin: 0.5ex 1ex;
135}
136
137#qtbl td:first-child {
138    width: 10ex;
139    text-align: right;
140}
141
142#qtbl td:nth-child(2) {
143    width: 45ex;
144}
145
146#qtbl input.q {
147    width: 100%;
148}
149
150#ptbl {
151    margin-left: 2em;
152}
153
154#ptbl button {
155    font-size: small;
156}
157
158#ptbl button:first-of-type {
159    margin-left: 1em;
160}
161
162#ptbl select {
163    width: 100%;
164}
165
166#ptbl option {
167    padding: 0 1ex;
168}
169
170#sbox > p:last-of-type {
171    white-space: nowrap;
172    /* 11ex = width(#qtbl td:first-child) + margin-left(body) */
173    margin: 1ex 0 0.5ex 11ex;
174}
175
176#sbox > p:last-of-type > :nth-child(n+2) {
177    margin-left: 1ex;
178}
179
180input.q { /* text input fields */
181    background-color: #ffffff;
182    border: 1px solid #bbbbff;
183}
184
185input.submit { /* start search button */
186    font-weight: bold;
187}
188/* ############### end of header ############## */
189
190
191/* ############### start of content ############## */
192#content {
193    position: static;
194    overflow-x: hidden;
195}
196
197
198/* *** help page *** */
199#help h4 {
200    font-style: italic;
201    text-decoration: underline;
202}
203
204#help dfn { /* definitions */
205    text-decoration: underline;
206}
207
208#help .fields, #help .example {
209    margin-left: 3em;
210}
211
212#help dt {
213    font-weight: bold;
214}
215
216
217/* *** more page ***/
218#more {
219    line-height: 1.25em;
220}
221
222#more b { /* highlight matches */
223    background-color: #e5e5e5;
224}
225
226
227/* *** history page *** */
228table#revisions {
229    /* width: 100%; */ /* table with the history info for a file */
230    /* border-collapse: collapse; */ /* looks better with a small divider */
231}
232
233#revisions a.h    { /* modified file list content */
234    font-size: small;
235    margin-left: 2em;
236}
237
238#revisions .filelist { /* "Show modified files" */
239    display: inline;
240}
241
242#revisions .filelist-hidden { /* "Hide modified files" */
243    display: none;
244}
245
246#revisions tbody td:first-child {
247    /* rev number - git/mercurial revs numbers look bad with prop. fonts */
248    font-family: monospace;
249    text-align: right;
250}
251
252#revisions tbody td:nth-child(2), #revisions tbody td:nth-child(3) {
253    /* Compare and Date column */
254    text-align: center;
255}
256
257#revisions tbody td:nth-child(4) { /* author column */
258    padding: 0 1ex;
259    text-align: center;
260}
261
262.rssbadge { /* RSS/XML Feed on history page */
263    text-align: right;
264    margin: 1ex 0;
265}
266
267
268/* *** diff page *** */
269#diffbar { /* diff navbar: contains the tabs to select diff format */
270    display: none;
271}
272
273#difftable .d {
274    /* "Deleted" heading + highlight of deleted text in diff lines */
275    background-color: #ffcc40;
276}
277
278#difftable .a {
279    /* "Added" heading + highlight of added text in diff lines */
280    background-color: #8bd98b;
281}
282
283#difftable {
284    font-size: small;
285}
286
287#difftable table { /* left side == prev. rev; right side "current" rev */
288    table-layout: fixed;
289    border-collapse: collapse;
290}
291
292#difftable table th { /* usually both rev. have changes: eq. space for both */
293    padding-top: 1ex;
294    width: 50%;
295}
296
297#difftable th:last-child, #difftable td:last-child {
298    border-left: 1px solid black;
299}
300
301#difftable .plain td {
302    padding: 2px;
303}
304
305#difftable .image td {
306    padding: 5px;
307}
308
309#difftable .k { /* border between the context and real diff lines */
310    border-bottom: 1px dashed #ccc;
311}
312
313
314/* *** list aka xref stuff *** */
315
316/* directory listing */
317table#dirlist { /* the "Name" column */
318    font-family: monospace;
319    border-style: none;
320    border-collapse: collapse;
321}
322
323#dirlist .r, #dirlist .p {
324    padding: 0;
325    margin: 0 0 0 1em;
326}
327
328#dirlist td:nth-child(n+2) { /* all but the first column */
329    padding-right: 1em;
330}
331
332#dirlist tbody td:nth-child(4) {
333    text-align: right; /* CSS3 may allow " " (single space char) */
334}
335
336
337/* file display */
338#src {
339}
340
341#src pre {
342    margin: 0;
343    font-size: small;
344}
345
346/* hidden line number/annotation block */
347.lines-hidden .l, .lines-hidden .hl, .blame-hidden .blame {
348    display: none
349}
350
351.l, .hl, .blame .r, .blame .a,
352#results .l, #more .l,
353#difftable em, del.d { /* line number/annotation block */
354    display: inline-block;
355    width: 6ex;
356    text-align: right;
357    padding: 0 1ex;
358    margin-right: .5ex;
359    background-color: #dddddd;
360    border-right: 1px solid #ddd;
361    color: #666;
362}
363
364#src .hl { /* highlighted line number */
365    color: #000;
366}
367
368.blame .r { /* revision number "column" (annotation) */
369    text-align: right;
370}
371
372.blame .a { /* author name "column" (annotation) */
373    text-align: center;
374}
375
376/* source code highlighting - see org/opengrok/analysis/$lang/*Xref.lex */
377#src .n  { /* numbers/label */      color: #a52a2a;                                     }
378#src .s  { /* strings */            color: green;                                       }
379#src .c  { /* comment */            color: #666;                                        }
380#src .b  { /* heading/title/bold */ color: #000; font-weight: bold;                     }
381#src .k  { /* block display */      color: #000; font-family: monospace;                }
382#src a.d { /* symbol definition */  color: #909; font-weight: bold;                     }
383
384a.xm     { /* macro */              color: #c66; font-weight: bold;                     }
385a.xa     { /* argument */           color: #60c; font-weight: bold;                     }
386a.xl     { /* local */              color: #963; font-weight: bold;                     }
387a.xv     { /* variable */           color: #c30; font-weight: bold;                     }
388a.xc     { /* class */              color: #909; font-weight: bold; font-style: italic; }
389a.xp     { /* package */            color: #909; font-weight: bold; font-style: italic; }
390a.xi     { /* interface */          color: #909; font-weight: bold; font-style: italic; }
391a.xn     { /* namespace */          color: #909; font-weight: bold; font-style: italic; }
392a.xe     { /* enum */               color: #909; font-weight: bold; font-style: italic; }
393a.xer    { /* enumerator */         color: #909; font-weight: bold; font-style: italic; }
394a.xs     { /* struct */             color: #909; font-weight: bold; font-style: italic; }
395a.xt     { /* typedef */            color: #909; font-weight: bold; font-style: italic; }
396a.xts    { /* typedefs */           color: #909; font-weight: bold; font-style: italic; }
397a.xu     { /* union */              color: #909; font-weight: bold; font-style: italic; }
398a.xfld   { /* field */              color: #090; font-weight: bold;                     }
399a.xmb    { /* member */             color: #090; font-weight: bold;                     }
400a.xf     { /* function */           color: #00f; font-weight: bold;                     }
401a.xmt    { /* method */             color: #00f; font-weight: bold;                     }
402a.xsr    { /* subroutine */         color: #00f; font-weight: bold;                     }
403
404#man table, #man td  { /* #man == troff src */
405    background-color: #e5e5e5;
406    border: 1px;
407    padding: 2px;
408}
409
410#man p { /* a troff paragraph */
411    margin-top: 0.5em;
412    margin-bottom: 0;
413}
414
415#man div.b { /* man section headings etc. */
416    margin-top: 2em;
417}
418
419#man div.rs { /* a right-shifted block */
420    margin-left: 3em;
421    margin-bottom: 1em;
422}
423
424/* search result page */
425#results {
426}
427
428#results p { /* pagetitle and slider */
429    padding: 0.1em;
430}
431
432#results .dir { /* directory row above matched files */
433    background-color: #cccccc;
434}
435
436#results .dir td { /* directory link */
437    padding-left: 1em;
438}
439
440#results td.q { /* 1st column: H A D */
441    white-space: nowrap;
442    font-size: xx-small;
443    padding: 3px;
444    width: 3em;
445}
446
447#results td.f { /* 2nd column: filename */
448    width: 3em;
449    padding: 3px 0.5em 3px 2em;
450}
451
452#results .con { /* 3rd column: line number + matched line contents */
453    font-size: small;
454}
455
456#results .con .all {
457    margin-left: 6ex; /* width(#src .l) + 1ex */
458}
459
460#results .s, #more .s { /* matched line contents */
461    color: #000;
462}
463
464#results i { /* match type description (method, interface etc.) */
465    color: green;
466    font-weight: bold;
467    padding-left: 1ex;
468}
469
470#results .sel { /* slider item for the shown search result page */
471    background-color: #e5e5e5;
472    border: 1px #998 solid;
473    padding: .5em;
474    margin: 1px;
475}
476
477#results .more { /* slider item for the n-th search result page */
478    border: 1px #bba solid;
479    padding: .3em;
480    margin: 1px;
481}
482
483/* ############### start of footer ############## */
484#footer {
485    color: #777777;
486    font-size: small;
487    margin: 1ex 0;
488    border-top: 1px solid #bba;
489}
490
491#footer p { /* footer text */
492    padding: 0;
493    margin: 0.2em;
494    text-align: center;
495}
496
497#rssi { /* rss.png */
498    display: inline-block;
499    width: 80px;
500    height: 15px;
501    vertical-align: middle;
502    background-image: url(./img/rss.png);
503    background-repeat: no-repeat;
504}
505/* ############### end of footer ############## */
506
507.important-note {
508    display: none;
509}
510
511/* *** scopes *** */
512
513span.scope-head {
514    display: block;
515}
516
517span.scope-body {
518    display: block;
519}
520
521span.unfold-icon {
522    display: none;
523}
524
525span.fold-icon {
526    display: none;
527}
528
529span.fold-space {
530    display: none;
531}
532
533span.scope-signature {
534    display: none;
535}
536
537div#scope {
538    display: none;
539}
540