style.css revision 1364
964N/A/* ##################################################################
964N/A * Silghtly modified CSS versions of YUI 3.5.0pr2 (build 4560):
964N/A * Copyright 2011 Yahoo! Inc. All rights reserved.
964N/A * Licensed under the BSD License.
964N/A * http://yuilibrary.com/license/
964N/A * ############################# YUI3 ############################### */
964N/A
964N/A/* YUI CSS Detection Stamps - don't change names to avoid redundant downloads */
964N/A#yui3-css-stamp.cssbutton,
964N/A#yui3-css-stamp.skin-sam-widget-base, #yui3-css-stamp.skin-sam-widget-buttons,
964N/A#yui3-css-stamp.skin-sam-widget-stack, #yui3-css-stamp.skin-sam-panel,
964N/A#yui3-css-stamp.skin-sam-resize-base, #yui3-css-stamp.cssbutton {
964N/A display: none
964N/A}
964N/A
964N/A/* ### widget-base/assets/widget-base-core.css ### */
964N/A.yui3-widget-hidden {
964N/A display: none
964N/A}
964N/A.yui3-widget-content {
964N/A overflow:hidden;
964N/A}
964N/A.yui3-widget-content-expanded {
964N/A /* -moz-box-sizing: border-box;
964N/A -webkit-box-sizing: border-box;
964N/A -ms-box-sizing: border-box;
964N/A box-sizing: border-box; */
964N/A height: 100%;
964N/A}
964N/A
964N/A/* ### cssbutton/cssbutton.css ### */
964N/A.yui3-button {
964N/A /* Structure */
964N/A display: inline-block;
964N/A font-size: 100%;
964N/A margin: 0;
964N/A padding: 2px;
964N/A line-height: 2;
964N/A height: 2em; /* Fixes height for <input> in firefox/opera */
964N/A white-space: nowrap;
964N/A vertical-align: baseline;
964N/A text-align: center;
964N/A cursor: pointer;
964N/A /* Presentation */
964N/A color: rgba(0,0,0, 0.80);
964N/A background-color: #e6e6e6;
964N/A background-image: linear-gradient(rgba(255,255,255, 0.30),
964N/A rgba(255,255,255, 0.15) 40%, transparent);
964N/A text-decoration: none;
964N/A border: solid 1px #999;
964N/A border-radius: 4px;
964N/A box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset,
964N/A 0 2px 0 rgba(255,255,255, 0.3) inset, 0 1px 2px rgba(0,0,0, 0.15);
964N/A /* Transitions */
964N/A transition: 0.1s linear box-shadow;
964N/A}
964N/Aa.yui3-button {
964N/A color: rgba(0,0,0, 0.80);
964N/A text-decoration: none;
964N/A}
964N/A.yui3-button:hover {
964N/A background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%,
964N/A rgba(0,0,0, 0.15));
964N/A}
964N/A.yui3-button:active {
964N/A background-image: linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15));
982N/A box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
964N/A}
964N/A.yui3-button-disabled, .yui3-button-disabled:hover, .yui3-button-disabled:active {
964N/A cursor: default;
964N/A background-image: none;
964N/A opacity: 0.55;
964N/A box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset;
964N/A}
964N/A.yui3-button-selected {
964N/A background-color: #345fcb;
964N/A color: #fff;
964N/A box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset,
964N/A 0 2px 0 rgba(255,255,255, 0.17) inset, 0 1px 2px rgba(0,0,0, 0.15);
964N/A}
964N/A
964N/A/* ### widget-buttons/assets/widget-buttons-core.css ### */
964N/A.yui3-widget-buttons .yui3-button-close,
964N/A.yui3-widget-buttons .yui3-button-close .yui3-button-content,
964N/A.yui3-widget-buttons .yui3-button-close .yui3-button-icon {
964N/A display: inline-block;
964N/A width: 13px;
964N/A height: 13px;
964N/A line-height: 13px;
964N/A vertical-align: top;
964N/A}
964N/A.yui3-widget-buttons .yui3-button-close .yui3-button-icon {
964N/A background-repeat: no-repeat;
964N/A background-position: 1px 1px;
964N/A}
964N/A
964N/A/* ### widget-buttons/assets/skins/sam/widget-buttons-skin.css ### */
964N/A.yui3-skin-sam .yui3-widget-buttons .yui3-button-icon {
964N/A background-image: url(img/sprite_icons.png);
964N/A}
964N/A
964N/A/* ### widget-stack/assets/widget-stack-core.css ### */
.yui3-widget-stacked {
position: absolute;
border: none;
top: 0px;
left: 0px;
padding: 0;
margin: 0;
z-index: -1;
width: 100%;
height: 100%;
}
/* ### panel/assets/panel-core.css ### */
.yui3-panel {
position: absolute;
}
.yui3-panel-hidden {
visibility: hidden;
}
.yui3-widget-tmp-forcesize .yui3-panel-content {
overflow: hidden !important;
}
/* widget head */
.yui3-panel .yui3-widget-hd {
position: relative;
}
.yui3-panel .yui3-widget-hd .yui3-widget-button-wrapper {
position: absolute;
top: 0;
right: 0;
}
.yui3-panel .yui3-widget-ft .yui3-widget-buttons {
display: inline-block;
}
/* ### panel/assets/skins/sam/panel-skin.css ### */
.yui3-skin-sam .yui3-widget-mask {
background-color: black;
opacity: 0.7;
}
.yui3-skin-sam .yui3-panel-content {
box-shadow: 0 0 5px #333;
border: 1px solid black;
background: white;
}
.yui3-skin-sam .yui3-panel-content .yui3-widget-hd {
margin: 0.5ex; /* leave some room for resize handles - avoid overflow */
min-height: 25px; /* close button 13+2*(2+1+3 padding,border,margin) px */
min-height: calc(13px + 4px + 2px + 1ex); /* .yui3-button-icon, .yui3-button px */
color: white;
background-color: #3961c5;
background-image: linear-gradient(to top, #2647a0, #2647a0 7%, #3d67ce 50%, #426fd9);
}
.yui3-skin-sam .yui3-panel-content .yui3-widget-hd .yui3-widget-button-wrapper {
margin: 0.5ex; /* should be the same as for.yui3-widget-hd above */
}
.yui3-skin-sam .yui3-panel-content .yui3-widget-bd {
padding: 0.75ex;
}
.yui3-skin-sam .yui3-panel-content .yui3-widget-ft {
background: #edf5ff;
padding: 8px;
text-align: right;
}
/* ### resize-base/assets/skins/sam/resize-base.css ### */
.yui3-resize,.yui3-resize-wrapper {
z-index: 0;
}
.yui3-resize-handle {
position: absolute;
display: block;
z-index: 100;
}
.yui3-resize-proxy {
position: absolute;
border: 1px dashed #000;
position: absolute;
z-index: 10000;
}
.yui3-resize-hidden-handles .yui3-resize-handle {
opacity: 0;
}
.yui3-resize-handle-t, .yui3-resize-handle-b {
width: 100%;
left: 0;
height: 6px;
}
.yui3-resize-handle-l, .yui3-resize-handle-r {
height: 100%;
top: 0;
width: 6px;
}
.yui3-resize-handle-t {
cursor: n-resize;
top: 0;
}
.yui3-resize-handle-b {
cursor: s-resize;
bottom: 0;
}
.yui3-resize-handle-l {
cursor: w-resize;
left: 0;
}
.yui3-resize-handle-r {
cursor: e-resize;
right: 0;
}
.yui3-resize-handle-inner {
position: absolute;
}
.yui3-resize-handle-inner-t, .yui3-resize-handle-inner-b {
margin-left: -8px;
left: 50%;
}
.yui3-resize-handle-inner-l, .yui3-resize-handle-inner-r {
margin-top: -8px;
top: 50%;
}
.yui3-resize-handle-inner-t {
top: -4px;
}
.yui3-resize-handle-inner-b {
bottom: -4px;
}
.yui3-resize-handle-inner-l {
left: -4px;
}
.yui3-resize-handle-inner-r {
right: -4px;
}
.yui3-resize-handle-tr, .yui3-resize-handle-br,
.yui3-resize-handle-tl, .yui3-resize-handle-bl {
height: 15px;
width: 15px;
z-index: 200;
}
.yui3-resize-handle-tr {
cursor: ne-resize;
top: 0;
right: 0;
}
.yui3-resize-handle-tl {
cursor: nw-resize;
top: 0;
left: 0;
}
.yui3-resize-handle-br {
cursor: se-resize;
bottom: 0;
right: 0;
}
.yui3-resize-handle-bl {
cursor: sw-resize;
bottom: 0;
left: 0;
}
.yui3-resize-handle-inner-r, .yui3-resize-handle-inner-l,
.yui3-resize-handle-inner-t, .yui3-resize-handle-inner-b,
.yui3-resize-handle-inner-tr, .yui3-resize-handle-inner-br,
.yui3-resize-handle-inner-tl, .yui3-resize-handle-inner-bl {
background-repeat: no-repeat;
background: url(img/arrows.png) no-repeat 0 0;
display: block;
height: 15px;
overflow: hidden;
text-indent: -99999em;
width: 15px;
}
.yui3-resize-handle-inner-br {
background-position: -30px 0;
bottom: -2px;
right: -2px;
}
.yui3-resize-handle-inner-tr {
background-position: -58px 0;
bottom: 0;
right: -2px;
}
.yui3-resize-handle-inner-bl {
background-position: -75px 0;
bottom: -2px;
right: -2px;
}
.yui3-resize-handle-inner-tl {
background-position: -47px 0;
bottom: 0;
right: -2px;
}
.yui3-resize-handle-inner-b,.yui3-resize-handle-inner-t {
background-position: -15px 0;
}
/* ##################################################################
* OpenGrok specific stuff
* ################################################################## */
body {
background-color: #ffffff;
color: black;
font-family: sans-serif;
margin: 1ex 1ex 0 1ex;
}
a {
text-decoration: none;
}
a:link {
color: #2030A2;
}
a:visited, a:active, a:hover {
color: #202062;
}
a:active, a:hover {
text-decoration: underline;
}
img, tt, form, pre {
border: 0;
}
del {
text-decoration: line-through;
}
caption {
caption-side:top;
margin: 1ex 0;
text-align: left;
}
thead {
background-color: #c5d5a9;
}
tbody tr:nth-child(EVEN) { /* alternate color for odd rows */
background-color: #e8e8f0;
}
input, button {
border: 1px #bbbbff #755;
border-radius: 0.75ex;
-moz-border-radius: 0.75ex;
background-color: #a3b8cb;
}
/* below seems to be a problem for input boxes, where the color will overwrite the text inside, let's leave it for buttons though
for search and clear buttons will make it part of submit class ONLY */
input.submit:hover, input.submit:active,
button:hover, button:active {
color: #ffffff;
}
label {
}
.pre { /* the diff content */
white-space: pre-wrap;
font-family: monospace;
margin: 0;
}
#page { }
.error { /* error messages */
color: #a52a2a;
}
.active {
font-weight: bold;
/* color: #c20097; */
}
/* ############### start of header ############## */
#whole_header { }
/* *** banner/deco above navbar *** */
#header { }
#MastheadLogo {
width: 171px;
height: 40px;
float: left;
background-image: url(./img/combined.png);
background-repeat: no-repeat;
background-position: 0 0;
margin: 0 0 0.5ex 0;
}
#pagetitle { /* short verbal summary/description of the shown content */
}
#filename { /* "Cross Reference: ..." */
font-size: x-large;
font-weight: bold;
margin-right: 1em;
float: right;
}
#Masthead {
clear: left;
}
#Masthead tt { /* slashes in the xref: line */
}
#sbar, #bar { /* full search and default navbar */
border-top: 4px solid #ffc726;
margin: 0;
padding-top: 1ex;
clear: both;
}
/* *** full search navbar *** */
#qtbl, #ptbl {
display: inline-block;
vertical-align: top;
}
#qtbl tr {
background: none; /* remove alternating colors */
}
#ptbl > p {
text-align: center;
white-space: nowrap;
margin: 0.5ex 1ex;
}
#qtbl td:first-child {
width: 10ex;
text-align: right;
}
#qtbl td:nth-child(2) {
width: 45ex;
}
#qtbl input.q {
width: 100%;
}
#ptbl {
margin-left: 2em;
}
#ptbl button {
font-size: small;
}
#ptbl button:first-of-type {
margin-left: 1em;
}
#ptbl select {
width: 100%;
}
#ptbl option {
padding: 0 1ex;
}
#sbox > p:last-of-type {
white-space: nowrap;
/* 11ex = width(#qtbl td:first-child) + margin-left(body) */
margin: 1ex 0 0.5ex 11ex;
}
#sbox > p:last-of-type > :nth-child(n+2) {
margin-left: 1ex;
}
/* *** default navbar *** */
#bar {
padding: 0.2em 0.5em;
}
#bar ul { /* every list item is displayed as a "menu" item */
display: inline-block;
list-style: none outside none;
margin: 0;
padding: 0;
/* white-space: nowrap; */ /* hmm, sometimes good, sometimes not ;-) */
}
#bar li { /* menu items */
display: inline-block;
}
#history::before, #annotate::before, #line::before, #defbox::before, #download::before {
content: "|";
padding: 0.5ex;
color: black;
font-size: large;
font-weight: normal;
}
#search {
margin-left: 0.5ex;
}
input.q { /* text input fields */
background-color: #ffffff;
border: 1px solid #bbbbff;
}
input.submit { /* start search button , clear button */
font-weight: bold;
}
#sortfield {
display: inline-block;
margin-left: 6ex;
}
#sortfield label {
margin-right: 1ex;
}
#sortfield label:after {
content: ": ";
}
#sortby li:nth-child(n+2) :first-child::before {
content: "|";
padding: 0 1ex;
font-size: large;
font-weight: normal;
}
/* ############### end of header ############## */
/* ############### start of content ############## */
#content {
position: fixed;
left: 0;
right: 0;
overflow: auto;
padding: 1ex; /* should be the same as body's margin */
}
/* *** help page *** */
#help dfn { /* definitions */
text-decoration: underline;
}
#help .fields, #help .example {
margin-left: 3em;
}
#help dt {
font-weight: bold;
}
/* *** more page ***/
#more {
line-height: 1.25em;
}
#more b { /* highlight matches */
background-color: #ffff99;
}
/* *** history page *** */
table#revisions {
/* width: 100%; */ /* table with the history info for a file */
/* border-collapse: collapse; */ /* looks better with a small divider */
}
#revisions a.h { /* modified file list content */
font-size: small;
margin-left: 2em;
}
#revisions tbody td:first-child {
/* rev number - git/mercurial revs numbers look bad with prop. fonts */
font-family: monospace;
text-align: right;
}
#revisions tbody td:nth-child(2), #revisions tbody td:nth-child(3) {
/* Compare and Date column */
text-align: center;
}
#revisions tbody td:nth-child(4) { /* author column */
padding: 0 1ex;
text-align: center;
}
.rssbadge { /* RSS/XML Feed on history page */
text-align: right;
margin: 1ex 0;
}
/* *** diff page *** */
#diffbar { /* diff navbar: contains the tabs to select diff format */
margin-top: 1.5ex;
border-bottom: 1px solid #999;
white-space: nowrap;
}
#diffbar .d, #difftable .d {
/* "Deleted" heading + highlight of deleted text in diff lines */
background-color: #ffcc40;
}
#diffbar .a, #difftable .a {
/* "Added" heading + highlight of added text in diff lines */
background-color: #8bd98b;
}
#diffbar .legend, #diffbar .tabs, #diffbar .ctype {
display: inline-block;
}
#diffbar .legend {
/* bottom must be the same as .tabs span(padding-bottom) */
margin: 0 3ex 0.75ex 1ex;
}
#diffbar .legend span, #diffbar .ctype span {
padding: 0.2ex 1ex; /* bottom must be less than margin-bottom(.legend) */
}
#diffbar .tabs span {
padding: 0.75ex 1ex;
margin-left: 1ex;
border: 1px solid #999; /* should be the same as for #diffbar above */
border-radius: 0.75ex 0.75ex 0 00;
-moz-border-radius: 0.75ex 0.75ex 0 00;
background-color: #fafae0; /* navbar like */
}
#diffbar .tabs span.active, #diffbar .ctype span.active {
background-color: #c5d5a9; /* same as for table thead */
}
#diffbar .tabs span.active {
border-bottom-style: dashed;
}
#diffbar .ctype {
margin-left: 3ex; /* see margin-left .legend */
}
#diffbar .ctype span {
border: 1px solid #755; /* same as for input */
border-radius: 0.75ex;
-moz-border-radius: 0.75ex;
background-color: #fafae0; /* navbar like */
margin-left: 1ex;
}
#difftable {
font-size: small;
}
#difftable table { /* left side == prev. rev; right side "current" rev */
table-layout: fixed;
border-collapse: collapse;
}
#difftable table th { /* usually both rev. have changes: eq. space for both */
padding-top: 1ex;
width: 50%;
}
#difftable th:last-child, #difftable td:last-child {
border-left: 1px solid black;
}
#difftable .plain td {
padding: 2px;
}
#difftable .image td {
padding: 5px;
}
#difftable .k { /* border between the context and real diff lines */
border-bottom: 1px dashed #ccc;
}
/* *** list aka xref stuff *** */
/* directory listing */
table#dirlist { /* the "Name" column */
font-family: monospace;
border-style: none;
border-collapse: collapse;
}
#dirlist .r, #dirlist .p {
padding: 0;
margin: 0 0 0 1em;
}
#dirlist td:nth-child(n+2) { /* all but the first column */
padding-right: 1em;
}
#dirlist tbody td:nth-child(4) {
text-align: right; /* CSS3 may allow " " (single space char) */
}
/* file display */
#src {
}
#src pre {
margin: 0;
}
#src .l, #src .hl, .blame .r, .blame .a,
#results .l, #more .l,
#difftable i, del.d { /* line number/annotation block */
display: inline-block;
width: 5ex;
text-align: right;
padding-right: 1ex;
margin-right: 0.2em;
background-color: #dddddd;
color: #666;
}
#src .hl { /* highlighted line number */
color: #000;
}
.blame .r { /* revision number "column" (annotation) */
text-align: right;
}
.blame .a { /* author name "column" (annotation) */
text-align: center;
}
/* source code highlighting - see org/opengrok/analysis/$lang/*Xref.lex */
#src .n { /* numbers/label */ color: #a52a2a; }
#src .s { /* strings */ color: green; }
#src .c { /* comment */ color: #666; }
#src .b { /* heading/title/bold */ color: #000; font-weight: bold; }
#src .k { /* block display */ color: #000; font-family: monospace; }
#src .d { /* symbol definition */ color: #909; font-weight: bold; }
a.xm { /* macro */ color: #c66; font-weight: bold; }
a.xa { /* argument */ color: #60c; font-weight: bold; }
a.xl { /* local */ color: #963; font-weight: bold; }
a.xv { /* variable */ color: #c30; font-weight: bold; }
a.xc { /* class */ color: #909; font-weight: bold; font-style: italic; }
a.xp { /* package */ color: #909; font-weight: bold; font-style: italic; }
a.xi { /* interface */ color: #909; font-weight: bold; font-style: italic; }
a.xn { /* namespace */ color: #909; font-weight: bold; font-style: italic; }
a.xe { /* enum */ color: #909; font-weight: bold; font-style: italic; }
a.xer { /* enumerator */ color: #909; font-weight: bold; font-style: italic; }
a.xs { /* struct */ color: #909; font-weight: bold; font-style: italic; }
a.xt { /* typedef */ color: #909; font-weight: bold; font-style: italic; }
a.xts { /* typedefs */ color: #909; font-weight: bold; font-style: italic; }
a.xu { /* union */ color: #909; font-weight: bold; font-style: italic; }
a.xfld { /* field */ color: #090; font-weight: bold; }
a.xmb { /* member */ color: #090; font-weight: bold; }
a.xf { /* function */ color: #00f; font-weight: bold; }
a.xmt { /* method */ color: #00f; font-weight: bold; }
a.xsr { /* subroutine */ color: #00f; font-weight: bold; }
#man table, #man td { /* #man == troff src */
background-color: #ddddcc;
border: 1px;
padding: 2px;
}
#man p { /* a troff paragraph */
margin-top: 0.5em;
margin-bottom: 0;
}
#man div.b { /* man section headings etc. */
margin-top: 2em;
}
#man div.rs { /* a right-shifted block */
margin-left: 3em;
margin-bottom: 1em;
}
/* Symbol list popup */
#symbolsBox {
border: solid 1px #c0c0c0;
background-color: rgba(255,255,204,0.75);
color: #000;
padding-bottom: 2ex;
}
#symbolsHd { /* the head */
overflow: hidden;
}
#symbolsHd h3 { /* the title in the head */
font-size: medium;
margin: 0;
padding: 0.5ex;
text-align: center;
}
#symbols { /* the body */
overflow: auto;
padding: 0;
margin: 0 5px; /* leave room for resize-handles */
}
#symbols h4 { /* section titles */
margin: 1.5ex 0 0 0;
}
#symbols h4:first-child { /* first secxtion title */
margin: 0.25ex 0 0 0;
}
#symbols ul {
list-style: none;
margin: 0;
padding: 0 1ex;
}
#symbols a { /* entries */
font-size: medium;
font-weight: normal;
}
#symbolsFt { /* the footer */
background-color: rgba(255,255,204,0.75);
overflow: hidden;
padding: 0;
margin: 0;
height: 0;
}
.yui3-resize-handle-t, .yui3-resize-handle-tr, .yui3-resize-handle-tl {
top: -0.5ex;
}
.yui3-resize-handle-b, .yui3-resize-handle-br, .yui3-resize-handle-bl {
bottom: -0.5ex;
}
.yui3-resize-handle-tr, .yui3-resize-handle-r, .yui3-resize-handle-br {
right: -0.5ex;
}
.yui3-resize-handle-tl, .yui3-resize-handle-l, .yui3-resize-handle-bl {
left: -0.5ex;
}
/* search result page */
#results {
}
#results p { /* pagetitle and slider */
padding: 0.1em;
}
#results table {
border-collapse: collapse;
width: 100%;
}
#results .dir { /* directory row above matched files */
background-color: #c5d5a9;
}
#results .dir td { /* directory link */
padding-left: 1em;
}
#results .l {
}
#results td.q { /* 1st column: H A D */
white-space: nowrap;
font-size: xx-small;
padding: 3px;
width: 3em;
}
#results td.f { /* 2nd column: filename */
width: 3em;
padding: 3px 0.5em 3px 2em;
}
#results .con { /* 3rd column: line number + matched line contents */
font-size: small;
}
#results .con .all {
margin-left: 6ex; /* width(#src .l) + 1ex */
}
#results .s, #more .s { /* matched line contents */
color: #000;
}
#results i { /* match type description (method, interface etc.) */
color: green;
font-weight: bold;
padding-left: 1ex;
}
#results .sel { /* slider item for the shown search result page */
background-color: #a3b8cb;
border: 1px #333366 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: #777777;
font-size: small;
margin: 1ex 0;
}
#footer p { /* footer text */
padding: 0;
margin: 0.2em;
text-align: center;
}
#fti { /* servedby.png */
display: inline-block;
width: 208px;
height: 45px;
vertical-align: middle;
background-image: url(./img/combined.png);
background-repeat: no-repeat;
background-position: -171px 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: -459px 0;
}
/* ############### end of footer ############## */
/* YUI extensions/skinning */
.yui3-tooltip {
position: absolute;
overflow: hidden;
width: inherit;
height: inherit;
}
.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);
}