style.css revision 1388
/* ##################################################################
* Silghtly modified CSS versions of YUI 3.5.0pr2 (build 4560):
* Copyright 2011 Yahoo! Inc. All rights reserved.
* Licensed under the BSD License.
* http://yuilibrary.com/license/
* ############################# YUI3 ############################### */
/* YUI CSS Detection Stamps - don't change names to avoid redundant downloads */
#yui3-css-stamp.cssbutton,
#yui3-css-stamp.skin-sam-widget-base, #yui3-css-stamp.skin-sam-widget-buttons,
#yui3-css-stamp.skin-sam-widget-stack, #yui3-css-stamp.skin-sam-panel,
#yui3-css-stamp.skin-sam-resize-base, #yui3-css-stamp.cssbutton {
display: none
}
/* ### widget-base/assets/widget-base-core.css ### */
.yui3-widget-hidden {
display: none
}
.yui3-widget-content {
overflow: hidden;
}
.yui3-widget-content-expanded {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
}
/* ### cssbutton/cssbutton.css ### */
.yui3-button {
/* Structure */
display: inline-block;
font-size: 100%;
margin: 0;
padding: 2px;
line-height: normal;
white-space: nowrap;
vertical-align: baseline;
text-align: center;
cursor: pointer;
/* Presentation */
color: rgba(0,0,0, 0.80);
background-color: #e6e6e6;
background-image: linear-gradient(rgba(255,255,255, 0.30),
rgba(255,255,255, 0.15) 40%, transparent);
text-decoration: none;
border: medium none transparent;
border-radius: 4px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset,
0 2px 0 rgba(255,255,255, 0.3) inset, 0 1px 2px rgba(0,0,0, 0.15);
/* Transitions */
transition: 0.1s linear box-shadow;
}
.yui3-button::-moz-focus-inner { /* otherwise alignment calc gets cumbersum */
border: 0 none;
padding: 0;
}
a.yui3-button {
color: rgba(0,0,0, 0.80);
text-decoration: none;
}
.yui3-button:hover {
background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%,
rgba(0,0,0, 0.15));
}
.yui3-button:active {
background-image: linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15));
box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
}
.yui3-button-disabled, .yui3-button-disabled:hover, .yui3-button-disabled:active {
cursor: default;
background-image: none;
opacity: 0.55;
box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset;
}
.yui3-button-primary, .yui3-button-selected {
background-color: #345fcb;
color: #fff;
box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset,
0 2px 0 rgba(255,255,255, 0.17) inset, 0 1px 2px rgba(0,0,0, 0.15);
}
/* ### panel/assets/panel-core.css ### */
.yui3-symbolspanel {
position: absolute;
}
.yui3-symbolspanel-hidden {
visibility: hidden;
}
.yui3-symbolspanel-content {
overflow: hidden !important;
}
/* widget head */
.yui3-symbolspanel .yui3-widget-hd {
position: relative;
}
.yui3-symbolspanel .yui3-widget-hd .yui3-widget-buttons {
position: absolute;
top: 0;
right: -2px; /* the close button image has 2px empty on the right side */
line-height: 0; /* bad if bigger than icon height + margin+padding+border */
}
.yui3-symbolspanel .yui3-widget-ft .yui3-widget-buttons {
display: inline-block;
}
/* ### panel/assets/skins/sam/panel-skin.css ### */
/* don't need it yet
.yui3-skin-sam .yui3-widget-mask {
background-color: black;
opacity: 0.4;
}
*/
.yui3-skin-sam .yui3-symbolspanel-content {
box-shadow: 0 0 5px #333;
border: 1px solid black;
background: white;
}
.yui3-skin-sam .yui3-symbolspanel-content .yui3-widget-hd {
color: white;
background-color: #3961c5;
background-image: linear-gradient(to top, #2647a0, #2647a0 7%, #3d67ce 50%, #426fd9);
font-weight: bold;
padding: 0.5ex;
}
.yui3-skin-sam .yui3-symbolspanel-content .yui3-widget-hd .yui3-widget-buttons {
margin: 0.5ex; /* should be the same as for.yui3-widget-hd padding above */
}
.yui3-skin-sam .yui3-symbolspanel-content .yui3-widget-bd {
padding: 0.75ex;
}
.yui3-skin-sam .yui3-symbolspanel-content .yui3-widget-ft {
background: #edf5ff;
padding: 8px;
text-align: right;
}
.yui3-skin-sam .yui3-symbolspanel .yui3-widget-hd .yui3-button-close {
background: transparent;
border: none;
box-shadow: none;
/* assumes no inner padding/margin - see .yui3-button::-moz-focus-inner */
width: 13px; /* 13px + 2*this.(padding + margin) */
height: 13px; /* 13px + 2*this.(padding + margin) */
overflow: hidden;
vertical-align: top;
padding: 0;
}
.yui3-skin-sam .yui3-symbolspanel .yui3-widget-hd .yui3-button-close:before {
content: url(img/sprite_icons.png);
display: inline-block;
text-align: center;
font-size: 0;
line-height: 0;
margin: 0;
}
.yui3-skin-sam .yui3-symbolspanel-hidden .yui3-widget-hd .yui3-button-close {
display: none;
}
/* ### 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 {
}
#page { }
.error { /* error messages */
color: #a52a2a;
}
.active { /* search: sort order, diffs: full|compact display */
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 *** */
/* diff sub navigation bar: css prefix: db */
#diffbar { /* diff navbar: contains the tabs to select diff format */
margin-top: 1.5ex;
border-bottom: 1px solid #999;
white-space: nowrap;
}
.m, .dtm {
/* -: "Deleted" heading + highlight of deleted text in diff lines */
background-color: #ffcc40;
}
.p, .dtp {
/* +: "Added" heading + highlight of added text in diff lines */
background-color: #8bd98b;
}
.dblegend, .dbtabs, .dbformats {
display: inline-block;
}
.dblegend {
/* bottom must be the same as .tabs span(padding-bottom) */
margin: 0 3ex 0.75ex 1ex;
}
.dblegend .m, .dblegend .p, .dbformat {
padding: 0.2ex 1ex; /* bottom must be less than margin-bottom(.dblegend) */
}
.dbtab {
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 */
}
.dbtabs .active, .dbformats .active {
background-color: #c5d5a9; /* same as for table thead */
}
.dbtabs .active {
border-bottom-style: dashed;
}
.dbformats {
margin-left: 3ex; /* see margin-left .dblegend */
}
.dbformat {
border: 1px solid #755; /* same as for input */
border-radius: 0.75ex;
-moz-border-radius: 0.75ex;
background-color: #fafae0; /* #bar like */
margin-left: 1ex;
}
/* the diff content sections (sdiff, new, old, udiff, tdiff): css prefix: dt */
#difftable {
font-family: monospace;
font-size: small;
margin: 1ex 0 0 0; /* margin-top should be the same as for the footer */
white-space: pre;
}
#dtsdiff, #dtudiff, #dtnew, #dtold { /* tables */
table-layout: fixed;
border-collapse: collapse;
border-right: 1px solid black;
border-left: 1px solid black;
}
#dtsdiff td:nth-child(2), #dtsdiff th:first-child {
border-right: 1px solid black; /* same as above */
}
#dtsdiff th { /* the table head cells for sdiffs */
padding-top: 1ex;
width: 50%; /* usually both rev. have changes: eq. space for both */
}
.dtn, .dtm, .dtp { /* linenum cells: normal, deleted, added indicator */
font-style: italic;
color: #666; /* should be the same as for #nums */
border-right: 1px solid #ddd;
padding: 0 1ex;
text-align: right;
}
.dtn {
background-color: #dddddd; /* should be the same as for #nums */
}
.dtm {
text-decoration: line-through;
}
.dts { /* difftable cell with source code */
padding-left: 0.5ex;
}
.dti { /* difftable cell with an image */
padding: 5px;
}
.dtk { /* 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) */
}
/* source file display */
#src {
font-family: monospace;
white-space: pre;
padding: 0;
font-weight: normal;
display: block;
width: auto;
overflow: hidden; /* avoid 2nd scrollbar */
}
#linenums, #annos, #lines { /* line number, annotation, source code container */
vertical-align: top;
}
#linenums, #annos {
display: none; /* and inline-block after calculation */
}
#lines {
display: inline-block;
}
#nids, #nums, #revision, #author, #lines { /* sub containers of the above */
display: inline-block;
vertical-align: baseline;
}
#nums, #revision, #author {
background-color: #dddddd;
border-right: 1px solid #ddd;
color: #666;
margin-right: .5ex;
cursor: pointer;
padding: 0 1ex;
}
#nums, #revision {
text-align: right;
}
#author {
text-align: center;
}
#nums > div:nth-child(10n) { /* highlighted line number */
color: #000;
}
#src .l, #src .hl, .blame .r, .blame .a,
#results .l, #more .l { /* 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 */
#lines .n { /* numbers/label */ color: #a52a2a; }
#lines .s { /* strings */ color: green; }
#lines .c { /* comment */ color: #666; }
#lines .b { /* heading/title/bold */ color: #000; font-weight: bold; }
#lines .k { /* block display */ color: #000; font-family: monospace; }
#lines .d { /* symbol definition */ color: #909; font-weight: bold; }
/* source code entities, which can be used in references */
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 */
#symbolsBB { /* the container aka Bounding Box of the content box */
resize: both;
overflow: hidden;
box-shadow: 0 0 5px #333333;
}
#symbolsCB { /* the container aka Content Box of the head, body and footer */
border: solid 1px #c0c0c0;
background: none;
overflow: hidden;
}
#symbolsHd { /* the head */
overflow: hidden;
cursor: move;
}
#symbolsHd h3 { /* the title in the head */
font-size: medium;
margin: 0;
padding: 0;
text-align: center;
}
#symbols { /* the body */
overflow: auto;
padding: 0 0 0 1ex;
background-color: rgba(255, 255, 204, 0.75);
}
#symbols h4 { /* symbols section titles */
margin: 1.5ex 0 0 0;
}
#symbols h4:first-child { /* first symbols section title */
margin: 0.25ex 0 0 0;
}
#symbols ul { /* a list of symols */
list-style: none;
margin: 0;
padding: 0 1ex;
}
#symbols a { /* entries aka symbols */
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 ############## */
.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: normal;
padding: 2px 5px;
border-color: #d4c237 #a6982b #a6982b #a6982b;
border-width: 1px;
border-style: solid;
background-color: rgba(255,255,204,0.75);
}