bko-plot.css

/*
 *  Copyright 2014 TWO SIGMA OPEN SOURCE, LLC
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *         http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

@import "~@phosphor/widgets/style/menu.css";

.plot-plotcontainer {
  background-color: #FEFEFE;
  position: relative;
  border-collapse: initial;
  border: 1px solid transparent;
  box-sizing: content-box;
}

.plot-test,
.plot-cursorlabel,
.plot-constlabel,
.plot-tooltip,
.plot-message-content,
.plot-message-title {
  font-family: verdana, helvetica, arial, sans-serif;
}

.plot-resp {
  pointer-events: auto;
}

.plot-constline,
.plot-line {
  fill: none;
}

.plot-label,
.plot-xylabel,
.plot-legend-label {
  line-height: 1.38462;
}
.plot-label {
  font-size: 13px;
}
.plot-text {
  font-size: 1.0em;
}
.plot-xylabel {
  font-size: 15px;
  text-anchor: middle;
}

.plot-cursorlabel,
.plot-constlabel {
  font-size: 0.75em;
  color: white;
  padding: 1px 5px;
  pointer-events: none;
  position: absolute;
  width: auto;
  height: auto;
  border-radius: 2px;
  display: inline-table;
}

.plot-gridline,
.plot-gridline-base {
  stroke-width: 1;
  pointer-events: none;
}
.plot-gridline {
  stroke: lightgrey;
  stroke-width: 1;
}
.plot-gridline-base {
  stroke: #333333;
  stroke-width: 3;
  opacity: .75;
}
.plot-tick {
  stroke: #333333;
}


.plot-constline,
.plot-constband,
.plot-cursor {
  pointer-events: none;
}

.plot-bar,
.plot-stem {
  pointer-events: auto;
}

.plot-pointrect,
.plot-pointcircle,
.plot-pointdiamond {
  /* to be added if needed */
}

.plot-locatebox {
  fill: #003366;
  opacity: 0.2;
}

.plot-truncatebox {
  fill: #FEFEFE;
}

.plot-title {
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
  margin: 5px;
}

.plot-legendbox {
  width: 10px;
  height: 10px;
  margin: 0px 5px;
  display: inline-block;
  vertical-align: baseline;
}

.plot-legendcheckbox {
  margin: 0px !important;
  margin-right: 5px;
}

.plot-legendtext {
  pointer-events: none;
}

.plot-legendlod {
  margin: 0px 5px 0px 10px;
  display: inline-block;
}
.plot-legendlod ul {
  list-style: none;
  margin: 0;
}
.plot-legendlod ul li a {
  cursor: pointer;
}

.plot-legendlodtype {
  color: #73be3b;
  cursor: pointer;
  display: inline-block;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAAUUlEQVQoFZ3RSwoAIAhF0XK3rqJahbuVeEERlf0EZ94z0YtIJKLgPkZVk0f3gyBm5liAV6TG6Bpwi/TxBJyQMV4CFrKKTWBErBh328F3sLujDB1vOtcHeTAhAAAAAElFTkSuQmCC') no-repeat center right;
  padding-right: 13px;
  background-size: 8px;
}
.plot-legendlodtype:hover {
  color: #73be3b;
  text-decoration: none;
}

.plot-plotlegendcontainer {
  position: relative;
}

.plot-legend {
  position: absolute;
  background-color: #FEFEFE;
}

.plot-legenddraggable {
  cursor: pointer;
}

.plot-legendscrollablecontainer {
  border: 1px solid #BBBBBB;
  border-collapse: initial; /* override the global table setting*/
  overflow-y: visible;
}

.plot-legendscrollablecontainer .plot-legenddraggable {
  padding: .25em .25em 0 .25em
}
.plot-legendscrollablecontainer .plot-legenddraggable.hasScroll {
  padding-right: 23px
}

.plot-legendline{
  white-space: nowrap;
}

.plot-legenditeminline{
  display: inline-block;
  margin-right: 10px;
  position: relative;
}

.plot-legenditeminrow {
}

.plot-coverbox {
  fill: #FEFEFE;
}

.plot-respdot,
.plot-respstem {
  fill: white;
  fill-opacity: 0.75;
  stroke-width: 1;
  border-radius: 2.5px;
}

.plot-tooltip {
  font-size: 0.8em;
  position: absolute;
  display: inline-table;
  border: 1px solid;
  background-color: white;
  padding: 0.8em;
  opacity: 0;
  transition: opacity 0.4s;
}

.plot-tooltip > div {
  width: 100%;
  overflow: hidden;
}

.text-line-style {
  fill: black;
  stroke: black
}

.fa.fa-times {
  float: right;
  cursor: pointer;
}

.plot-message-content {
  vertical-align: middle;
}
.plot-message-title {
  font-weight: bold;
}
.plot-message {
  min-width: 150px;
  min-height: 50px;
  font-size: 0.8em;
  position: absolute;
  border: 1px solid gray;
  background-color: white;
  padding: 0.8em;
  display: inline-table;
}

.plot-lodbox {
  stroke: black;
  stroke-width: 1;
}

.plot-lodavg,
.plot-lodavgline {
  pointer-events: none;
}

.plot-lodavgline {
  fill: none;
  stroke: black;
  stroke-width: 1.5;
}
.svg-export {
  font-size: 14px;
  line-height: 1.38462;
  color: #333333;
  background-color: white;
}
.nocollapsing-margins:after
{
  content: "\00a0"; /* No-break space character */
  display: block;
  overflow: hidden;
  height: 0;
}

.plot-legend-axis {
  stroke: #333333;
  stroke-width: 1;
}
.plot-legend-tick {
  stroke: #333333;
}

.plot-legend-histogram {
  stroke: #333333;
  stroke-width: 1;
  opacity: 0.5;
  fill: #333333;
}
.heatmap-tooltip{
  color: white;
  background-color: rgba(0,107,179,0.5);
  font-size: 13px;
  line-height: 1.38462;
  padding: 0.5em;
}

.svg-export .plot-legendcheckbox {
  display: none;
}

.svg-export {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.svg-export.improveFonts {
  font-family: "Lato", Helvetica, sans-serif;
}

.improveFonts .plot-plotcontainer,
.improveFonts .plot-label,
.improveFonts .plot-xylabel,
.improveFonts .plot-legend-label,
.improveFonts .plot-title,
.improveFonts .heatmap-tooltip {
  font-family: "Lato", Helvetica, sans-serif;
}