style.css revision 1356
0N/A/* common stuff */
0N/Abody {
0N/A background-color: #ededd5;
0N/A color: black;
0N/A font-family: sans-serif;
0N/A margin: 1ex 1ex 0 1ex;
0N/A}
0N/A
0N/Aa {
0N/A text-decoration: none;
0N/A}
0N/A
0N/Aa:link {
0N/A color: #2030A2;
0N/A}
0N/A
0N/Aa:visited, a:active, a:hover {
0N/A color: #202062;
0N/A}
0N/A
119N/Aa:active, a:hover {
0N/A text-decoration: underline;
0N/A}
0N/A
65N/Aimg, tt, form, pre {
0N/A border: 0;
125N/A}
125N/A
125N/Adel {
125N/A text-decoration: line-through;
58N/A}
77N/A
125N/Acaption {
125N/A caption-side:top;
125N/A margin: 1ex 0;
125N/A text-align: left;
261N/A}
261N/A
312N/Athead {
312N/A background-color: #d6d6c0;
126N/A}
58N/A
8N/Atbody tr:nth-child(EVEN) { /* alternate color for odd rows */
30N/A background-color: #e4e4cf;
77N/A}
0N/A
0N/Ainput, button {
0N/A border: 1px solid #755;
0N/A border-radius: 0.75ex;
0N/A -moz-border-radius: 0.75ex;
0N/A background-color: #d6d6c0;
0N/A}
312N/A
312N/Ainput.submit:hover, input.submit:active, button:hover, button:active {
320N/A background-color: #e0e0d0;
312N/A}
312N/A
312N/Alabel {
312N/A font-weight: bold;
65N/A}
65N/A
65N/A.pre { /* the diff content */
65N/A white-space: pre-wrap;
0N/A font-family: monospace;
30N/A margin: 0;
58N/A}
312N/A
312N/A#page { }
260N/A
112N/A.error { /* error messages */
0N/A color: #a52a2a;
376N/A}
376N/A
0N/A.active {
11N/A font-weight: bold;
0N/A color: #c20097;
240N/A}
58N/A
58N/A/* ############### start of header ############## */
58N/A#whole_header { }
58N/A
77N/A/* *** banner/deco above navbar *** */
207N/A#header { }
207N/A
261N/A#MastheadLogo {
260N/A width: 171px;
77N/A height: 40px;
260N/A float: right;
112N/A background-image: url(./img/combined.png);
77N/A background-repeat: no-repeat;
77N/A background-position: -84px 0;
77N/A margin: 0 0 1ex 0;
77N/A}
260N/A
77N/A#pagetitle { /* short verbal summary/description of the shown content */
77N/A}
77N/A
0N/A#filename { /* "Cross Reference: ..." */
77N/A font-size: xx-large;
111N/A font-weight: bold;
111N/A margin-right: 1em;
111N/A}
111N/A
111N/A#Masthead {
111N/A clear: left;
111N/A}
111N/A
111N/A#Masthead tt { /* slashes in the xref: line */
111N/A color: #888;
111N/A}
111N/A
77N/A#sbar, #bar { /* full search and default navbar */
77N/A border-bottom: 1px solid #bba;
77N/A border-top: 1px solid #bba;
207N/A background-color: #FFFFE5;
207N/A margin: 0;
77N/A clear: both;
77N/A}
99N/A
77N/A/* *** full search navbar *** */
77N/A#qtbl, #ptbl {
77N/A display: inline-block;
77N/A vertical-align: top;
77N/A}
77N/A
77N/A#qtbl tr {
77N/A background: none; /* remove alternating colors */
0N/A}
77N/A
77N/A#ptbl > p {
77N/A text-align: center;
77N/A white-space: nowrap;
77N/A margin: 0.5ex 1ex;
77N/A}
77N/A
77N/A#qtbl td:first-child {
77N/A width: 10ex;
77N/A text-align: right;
77N/A}
111N/A
111N/A#qtbl td:nth-child(2) {
77N/A width: 45ex;
77N/A}
77N/A
240N/A#qtbl input.q {
173N/A width: 100%;
173N/A}
173N/A
173N/A#ptbl {
254N/A margin-left: 2em;
173N/A}
173N/A
173N/A#ptbl button {
254N/A font-size: small;
173N/A}
173N/A
173N/A#ptbl button:first-of-type {
253N/A margin-left: 1em;
312N/A}
253N/A
253N/A#ptbl select {
253N/A width: 100%;
253N/A}
253N/A
253N/A#ptbl option {
253N/A padding: 0 1ex;
253N/A}
253N/A
312N/A#sbox > p:last-of-type {
312N/A white-space: nowrap;
312N/A /* 11ex = width(#qtbl td:first-child) + margin-left(body) */
253N/A margin: 1ex 0 0.5ex 11ex;
253N/A}
99N/A
77N/A#sbox > p:last-of-type > :nth-child(n+2) {
77N/A margin-left: 1ex;
77N/A}
77N/A
77N/A/* *** default navbar *** */
0N/A#bar {
0N/A padding: 0.2em 0.5em;
77N/A}
125N/A
77N/A#bar ul { /* every list item is displayed as a "menu" item */
77N/A display: inline-block;
205N/A list-style: none outside none;
205N/A margin: 0;
205N/A padding: 0;
112N/A /* white-space: nowrap; */ /* hmm, sometimes good, sometimes not ;-) */
112N/A}
112N/A
77N/A#bar li { /* menu item */
106N/A display: inline-block;
119N/A margin-right: 1ex;
106N/A}
119N/A
106N/A#bar li:last-child { /* avoid early line wrap */
119N/A margin-right: 0;
119N/A}
119N/A
119N/A#home, #history, #download { /* menu item icons */
106N/A display: inline-block;
106N/A width: 18px;
106N/A height: 18px;
99N/A vertical-align: middle;
99N/A background-image: url(./img/combined.png);
99N/A background-repeat: no-repeat;
99N/A margin-right: 0.25ex; /* distance between the icon and the label */
99N/A}
99N/A
99N/A#home { /* h.gif */
99N/A background-position: 0 0;
99N/A}
125N/A
125N/A#history { /* l.gif */
125N/A background-position: -18px 0;
125N/A}
125N/A
125N/A#download { /* w.gif */
125N/A background-position: -36px 0;
125N/A}
125N/A
126N/A#line, #defbox, #annotate { /* no icon available yet */
125N/A width: 1px;
125N/A height: 15px;
125N/A}
126N/A#line::before, #defbox::before, #annotate::before {
126N/A content: "|";
126N/A padding-right: 0.25ex; /* distance between the icon and the label */
126N/A color: black;
126N/A font-size: large;
126N/A font-weight: normal;
126N/A}
126N/A
126N/A#search { /* q.gif */
126N/A background-image: url(./img/combined.png);
126N/A background-repeat: no-repeat;
126N/A background-position: -512px 2px;
126N/A padding-left: 19px;
126N/A min-height: 20px; /* 18px img + 2px padding */
126N/A}
126N/A
126N/Ainput.q { /* text input fields */
126N/A background-color: #ffffff;
126N/A}
210N/A
210N/Ainput.submit { /* start search button */
210N/A font-weight: bold;
210N/A}
210N/A
210N/A#sortfield {
210N/A display: inline-block;
126N/A margin-left: 6ex;
126N/A}
126N/A
126N/A#sortfield label {
144N/A margin-right: 1ex;
144N/A}
144N/A#sortfield label:after {
261N/A content: ": ";
261N/A}
261N/A#sortby li:nth-child(n+2) :first-child::before {
261N/A content: "|";
261N/A padding: 0 1ex 0 0;
261N/A color: black;
261N/A font-size: large;
261N/A font-weight: normal;
296N/A}
296N/A/* ############### end of header ############## */
296N/A
296N/A
296N/A/* ############### start of content ############## */
296N/A#content {
296N/A position: fixed;
296N/A left: 0;
296N/A right: 0;
296N/A overflow: auto;
296N/A padding: 1ex; /* should be the same as body's margin */
293N/A}
293N/A
293N/A
293N/A/* *** help page *** */
293N/A#help dfn { /* definitions */
77N/A text-decoration: underline;
293N/A}
0N/A
0N/A#help .fields, #help .example {
0N/A margin-left: 3em;
77N/A}
77N/A
205N/A#help dt {
77N/A font-weight: bold;
77N/A}
77N/A
77N/A
77N/A/* *** more page ***/
58N/A#more {
312N/A line-height: 1.25em;
312N/A}
312N/A
312N/A#more b { /* highlight matches */
312N/A background-color: #d6d6c0;
312N/A}
312N/A
312N/A
312N/A/* *** history page *** */
312N/Atable#revisions {
312N/A /* width: 100%; */ /* table with the history info for a file */
312N/A /* border-collapse: collapse; */ /* looks better with a small divider */
312N/A}
312N/A
312N/A#revisions a.h { /* modified file list content */
312N/A font-size: small;
312N/A margin-left: 2em;
312N/A}
312N/A
312N/A#revisions tbody td:first-child {
312N/A /* rev number - git/mercurial revs numbers look bad with prop. fonts */
312N/A font-family: monospace;
312N/A text-align: right;
312N/A}
312N/A
312N/A#revisions tbody td:nth-child(2), #revisions tbody td:nth-child(3) {
312N/A /* Compare and Date column */
312N/A text-align: center;
312N/A}
312N/A
312N/A#revisions tbody td:nth-child(4) { /* author column */
312N/A padding: 0 1ex;
312N/A text-align: center;
312N/A}
58N/A
312N/A.rssbadge { /* RSS/XML Feed on history page */
0N/A text-align: right;
77N/A margin: 1ex 0;
58N/A}
58N/A
58N/A
0N/A/* *** diff page *** */
0N/A#diffbar { /* diff navbar: contains the tabs to select diff format */
0N/A margin-top: 1.5ex;
58N/A border-bottom: 1px solid #999;
0N/A white-space: nowrap;
0N/A}
0N/A
0N/A#diffbar .d, #difftable .d {
58N/A /* "Deleted" heading + highlight of deleted text in diff lines */
312N/A background-color: #ffcc40;
0N/A}
58N/A
77N/A#diffbar .a, #difftable .a {
58N/A /* "Added" heading + highlight of added text in diff lines */
312N/A background-color: #8bd98b;
0N/A}
0N/A
77N/A#diffbar .legend, #diffbar .tabs, #diffbar .ctype {
99N/A display: inline-block;
0N/A}
0N/A
77N/A#diffbar .legend {
11N/A /* bottom must be the same as .tabs span(padding-bottom) */
99N/A margin: 0 3ex 0.75ex 1ex;
99N/A}
99N/A
99N/A#diffbar .legend span, #diffbar .ctype span {
11N/A padding: 0.2ex 1ex; /* bottom must be less than margin-bottom(.legend) */
290N/A}
11N/A
99N/A#diffbar .tabs span {
99N/A padding: 0.75ex 1ex;
99N/A margin-left: 1ex;
11N/A border: 1px solid #999; /* should be the same as for #diffbar above */
77N/A border-radius: 0.75ex 0.75ex 0 00;
58N/A -moz-border-radius: 0.75ex 0.75ex 0 00;
77N/A background-color: #f5f5dc; /* navbar like */
70N/A}
70N/A
58N/A#diffbar .tabs span.active, #diffbar .ctype span.active {
77N/A background-color: #d6d6c0; /* same as for table th */
70N/A}
58N/A
58N/A#diffbar .tabs span.active {
77N/A border-bottom-style: dashed;
77N/A}
99N/A
99N/A#diffbar .ctype {
99N/A margin-left: 3ex; /* see margin-left .legend */
99N/A}
77N/A
77N/A#diffbar .ctype span {
77N/A border: 1px solid #755; /* same as for input */
77N/A border-radius: 0.75ex;
77N/A -moz-border-radius: 0.75ex;
77N/A background-color: #f5f5dc; /* navbar like */
77N/A margin-left: 1ex;
77N/A}
77N/A
77N/A#difftable {
58N/A font-size: small;
77N/A}
77N/A
77N/A#difftable table { /* left side == prev. rev; right side "current" rev */
77N/A table-layout: fixed;
77N/A border-collapse: collapse;
77N/A}
77N/A
77N/A#difftable table th { /* usually both rev. have changes: eq. space for both */
77N/A padding-top: 1ex;
99N/A width: 50%;
58N/A}
99N/A
99N/A#difftable th:last-child, #difftable td:last-child {
99N/A border-left: 1px solid black;
99N/A}
58N/A
99N/A#difftable .plain td {
99N/A padding: 2px;
99N/A}
99N/A
58N/A#difftable .image td {
112N/A padding: 5px;
58N/A}
203N/A
352N/A#difftable .k { /* border between the context and real diff lines */
240N/A border-bottom: 1px dashed #ccc;
58N/A}
58N/A
207N/A
207N/A/* *** list aka xref stuff *** */
207N/A
207N/A/* directory listing */
207N/Atable#dirlist { /* the "Name" column */
207N/A font-family: monospace;
207N/A border-style: none;
312N/A border-collapse: collapse;
312N/A}
312N/A
312N/A#dirlist .r, #dirlist .p {
312N/A background-image: url(./img/combined.png);
312N/A background-repeat: no-repeat;
312N/A width: 15px;
312N/A height: 15px;
312N/A padding: 0;
207N/A vertical-align: middle;
270N/A margin: 0 1ex 0 1em;
312N/A}
352N/A
312N/A#dirlist .r { /* directory name, d.gif */
264N/A background-position: -54px 0;
270N/A}
270N/A
270N/A#dirlist .p { /* file name, p.gif */
270N/A background-position: -69px 0;
274N/A}
274N/A
270N/A#dirlist td:nth-child(n+2) { /* all but the first column */
270N/A padding-right: 1em;
297N/A}
270N/A
270N/A#dirlist tbody td:nth-child(4) {
297N/A text-align: right; /* CSS3 may allow " " (single space char) */
297N/A}
297N/A
297N/A
297N/A/* file display */
297N/A#src {
274N/A}
274N/A
274N/A#src pre {
274N/A margin: 0;
274N/A}
274N/A
274N/A#src .l, #src .hl, .blame .r, .blame .a,
274N/A#results .l, #more .l,
274N/A#difftable i, del.d { /* line number/annotation block */
274N/A display: inline-block;
274N/A width: 6ex;
274N/A text-align: right;
274N/A padding: 0 1ex;
274N/A margin-right: .5ex;
274N/A background-color: #e4e4c8;
274N/A border-right: 1px solid #ddd;
270N/A color: #888;
270N/A}
270N/A
261N/A#src .hl { /* highlighted line number */
270N/A color: #000;
270N/A}
270N/A
264N/A.blame .r { /* revision number "column" (annotation) */
270N/A text-align: right;
270N/A}
261N/A
270N/A.blame .a { /* author name "column" (annotation) */
270N/A text-align: center;
264N/A}
270N/A
274N/A/* source code highlighting - see org/opengrok/analysis/$lang/*Xref.lex */
270N/A#src .n { /* numbers/label */ color: #a52a2a; }
270N/A#src .s { /* strings */ color: green; }
270N/A#src .c { /* comment */ color: #666; }
270N/A#src .b { /* heading/title/bold */ color: #000; font-weight: bold; }
270N/A#src .k { /* block display */ color: #000; font-family: monospace; }
270N/A#src .d { /* symbol definition */ color: #909; font-weight: bold; }
270N/A
270N/Aa.xm { /* macro */ color: #c66; font-weight: bold; }
270N/Aa.xa { /* argument */ color: #60c; font-weight: bold; }
264N/Aa.xl { /* local */ color: #963; font-weight: bold; }
264N/Aa.xv { /* variable */ color: #c30; font-weight: bold; }
312N/Aa.xc { /* class */ color: #909; font-weight: bold; font-style: italic; }
58N/Aa.xp { /* package */ color: #909; font-weight: bold; font-style: italic; }
312N/Aa.xi { /* interface */ color: #909; font-weight: bold; font-style: italic; }
312N/Aa.xn { /* namespace */ color: #909; font-weight: bold; font-style: italic; }
58N/Aa.xe { /* enum */ color: #909; font-weight: bold; font-style: italic; }
58N/Aa.xer { /* enumerator */ color: #909; font-weight: bold; font-style: italic; }
99N/Aa.xs { /* struct */ color: #909; font-weight: bold; font-style: italic; }
312N/Aa.xt { /* typedef */ color: #909; font-weight: bold; font-style: italic; }
99N/Aa.xts { /* typedefs */ color: #909; font-weight: bold; font-style: italic; }
58N/Aa.xu { /* union */ color: #909; font-weight: bold; font-style: italic; }
58N/Aa.xfld { /* field */ color: #090; font-weight: bold; }
58N/Aa.xmb { /* member */ color: #090; font-weight: bold; }
58N/Aa.xf { /* function */ color: #00f; font-weight: bold; }
58N/Aa.xmt { /* method */ color: #00f; font-weight: bold; }
58N/Aa.xsr { /* subroutine */ color: #00f; font-weight: bold; }
312N/A
312N/A#man table, #man td { /* #man == troff src */
58N/A background-color: #ddddcc;
58N/A border: 1px;
58N/A padding: 2px;
58N/A}
58N/A
58N/A#man p { /* a troff paragraph */
58N/A margin-top: 0.5em;
58N/A margin-bottom: 0;
99N/A}
312N/A
99N/A#man div.b { /* man section headings etc. */
312N/A margin-top: 2em;
0N/A}
260N/A
260N/A#man div.rs { /* a right-shifted block */
260N/A margin-left: 3em;
0N/A margin-bottom: 1em;
}
/* "Navigate" Popup */
.sym_list_style {
position: absolute;
top: 100px;
left: 100px;
width: 100px;
height: 100px;
overflow: auto;
z-index: 10;
border: solid 1px #c0c0c0;
background-color: rgba(255,255,204,0.75);
color: #000;
font-size: 12px;
font-family: monospace;
padding: 5px;
}
/* search result page */
#results {
}
#results p { /* pagetitle and slider */
padding: 0.5em;
}
#results .dir { /* directory row above matched files */
background-color: #d6d6c0;
}
#results .dir td { /* directory link */
padding-left: 1em;
}
#results td.q { /* 1st column: H A D */
white-space: nowrap;
font-size: xx-small;
padding: 0 1ex;
}
#results td.f { /* 2nd column: filename */
min-width: 5em;
padding: 0 1ex;
}
#results .con { /* 3rd column: line number + matched line contents */
font-size: small;
}
#results .s, #more .s { /* matched line contents */
color: #000;
}
#results i { /* match type description (method, interface etc.) */
color: green;
font-weight: bold;
}
#results .sel { /* slider item for the shown search result page */
background-color: #d6d6c0;
border: 1px #998 solid;
padding: .5em;
margin: 1px;
}
#results .more { /* slider item for the n-th search result page */
border: 1px #bba solid;
padding: .3em;
margin: 1px;
}
/* ############### start of footer ############## */
#footer {
color: #755;
font-size: small;
margin: 1ex 0;
border-top: 1px solid #bba;
}
#footer p { /* footer text */
padding: 0;
margin: 0.2em;
text-align: center;
}
#fti { /* servedby.png */
display: inline-block;
width: 177px;
height: 37px;
vertical-align: middle;
background-image: url(./img/combined.png);
background-repeat: no-repeat;
background-position: -255px 0;
}
#rssi { /* rss.png */
display: inline-block;
width: 80px;
height: 15px;
vertical-align: middle;
background-image: url(./img/combined.png);
background-repeat: no-repeat;
background-position: -432px 0;
}
/* ############### end of footer ############## */
/* YUI extensions/skinning */
.yui3-tooltip {
position: absolute;
overflow: hidden;
}
.yui3-tooltip-hidden {
visibility: hidden; /* do NOT use display: none - we rely on this */
}
.yui3-tooltip-content {
color: #000;
font-size: small;
font-weight: bold;
padding: 2px 5px;
border-color: #D4C237 #A6982B #A6982B #A6982B;
border-width: 1px;
border-style: solid;
background-color: rgba(255,255,204,0.75);
}