view release on metacpan or  search on metacpan

share/htdocs/diacollo.css  view on Meta::CPAN

  color: #000;
}
#d3slider .brush .tick text.selected {
  /*stroke: #000099;*/
  font-weight: bold;
}

#d3slider .brush .domain,
#d3slider .brush .slider .background {
    /*opacity: 0%;*/ /*-- x-axis disappears under chromium, 2020-10-07 --*/
    fill: none;
}

/*--------------------------------------------------------------
 * profile data: d3: common: legend (color axis)
 */
.d3legend {
  border: none;
  /*border: 1px solid #aaaaaa;*/
  margin: 0px;
}
.d3legend .domain { 
  fill: none;
}
.d3legend .tick line { 
  stroke-width: 0px;
  fill: none;
}
.d3legend text {
  font-size: 10px;
}

/*--------------------------------------------------------------
 * profile data: d3: common: keyboard focus
 */
.content:focus { 
  outline: none;
}
#d3body {
  border: 1px solid #aaa;
  /*border: 1px solid #fff;*/
}
.content:focus #d3body {
  /*border: 1px solid #aaa;*/
  box-shadow: 0px 0px 5px #aaa;
}

#d3frame {
    fill: none;
    stroke-width: 1px;
    stroke: #ccc;
}
.content:focus #d3frame {
    stroke: #808080;
}
#d3background {
    fill: #fff;
}

/*--------------------------------------------------------------
 * profile data: d3: common: details popup
 */
#profileDataPopup td.num {
  text-align: right;
}
#profileDataPopup .details { 
  vertical-align: middle;
}
#profileDataPopup .details table { 
  margin-top: 2px;
  border: 1px solid #aaa;
  background: #eee;
  border-radius: 5px;
}
#profileDataPopup .details th {
  font-weight: normal;
}
#profileDataPopup .details.diff td:nth-child(2) {
  padding-left: 5px;
  padding-right: 5px;
}


/*======================================================================
 * profile data: d3: bubble
 */
.d3bubble text {
   font-size: 10px;
}
.d3chart {
  border: 1px solid #aaaaaa;
}
.d3force .node {
  cursor: pointer;
}
.d3force .node text { 
  font-family: Bitstream Vera Sans, Arial Unicode MS, Arial, sans-serif;
  font-size: 8pt;
  /*fill: gray;*/
  text-anchor: middle;
  dominant-baseline: middle;
}
.d3force .node circle { 
  stroke-width: 0px;
}
.d3force .node.selected circle {
  stroke-width: 2px;
  stroke: #000;
}
.d3force .node.selected text {
  font-weight: bold;
}

/*======================================================================
 * profile data: d3: cloud
 */
.d3cloud { 
  /*background: #fff;*/
}
.d3cloud .node { 
  cursor: help;