taucharts/dist/plugins/legend.dark.css

Data-focused charting library based on D3

/*!
 * /*
 * taucharts@2.8.0 (2020-02-26)
 * Copyright 2020 Targetprocess, Inc.
 * Licensed under Apache License 2.0
 * * /
 * 
 */
.tau-chart__legend {
  padding: 20px 0 10px 10px;
  position: relative;
  margin-right: 30px;
  width: 160px;
  box-sizing: border-box;
}
.tau-chart__legend__wrap {
  margin-bottom: 30px;
  position: relative;
}
.tau-chart__legend__wrap:last-child {
  margin-bottom: 0;
}
.tau-chart__legend__title {
  margin: 0 0 10px 10px;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 13px;
}
.tau-chart__legend__reset {
  margin-top: -4px;
  position: absolute;
  right: -25px;
  top: 0;
  z-index: 1;
}
.tau-chart__legend__reset.disabled {
  display: none;
}
.tau-chart__legend__reset + .tau-chart__legend__title {
  margin-right: 1.7em;
}
.tau-chart__legend__item {
  padding: 10px 20px 8px 40px;
  position: relative;
  font-size: 13px;
  line-height: 1.2em;
  cursor: pointer;
}
.tau-chart__legend__item:hover {
  background-color: rgba(37, 39, 46, 0.2);
}
.tau-chart__legend__item--size {
  cursor: default;
}
.tau-chart__legend__item--size:hover {
  background: none;
}
.tau-chart__legend__item .color-default {
  background: #6FA1D9;
  border-color: #6FA1D9;
}
.tau-chart__legend__item:disabled,
.tau-chart__legend__item.disabled {
  color: #8e8e8e;
}
.tau-chart__legend__item.disabled .tau-chart__legend__guide {
  background: transparent;
}
.tau-chart__legend__guide {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid transparent;
  border-radius: 50%;
}
.tau-chart__legend__guide__wrap {
  position: absolute;
  top: calc((10px - 8px) + 0.6em);
  left: 10px;
  width: 16px;
  height: 16px;
}
.tau-chart__legend__guide--size {
  stroke: #6FA1D9;
  fill: #6FA1D9;
}
.tau-chart__legend__guide--color__overlay {
  background-color: transparent;
  height: 36px;
  left: -12px;
  position: absolute;
  top: -12px;
  width: 36px;
}
.tau-chart__legend__guide--color::before {
  content: "";
  display: none;
  height: 2px;
  left: 3px;
  pointer-events: none;
  position: absolute;
  top: 6px;
  width: 8px;
}
.tau-chart__legend__guide--color::after {
  content: "";
  display: none;
  height: 8px;
  left: 6px;
  pointer-events: none;
  position: absolute;
  top: 3px;
  width: 2px;
}
.tau-chart__legend__item .tau-chart__legend__guide--color:hover::before,
.tau-chart__legend__item .tau-chart__legend__guide--color:hover::after {
  background-color: #000;
  display: inline-block;
  transform: rotate(45deg);
}
.tau-chart__legend__item.disabled .tau-chart__legend__guide--color:hover {
  background: #000;
}
.tau-chart__legend__item.disabled .tau-chart__legend__guide--color:hover::before,
.tau-chart__legend__item.disabled .tau-chart__legend__guide--color:hover::after {
  background-color: #fff;
  transform: none;
}
.tau-chart__legend__size-wrapper,
.tau-chart__legend__gradient-wrapper {
  box-sizing: border-box;
  margin: 10px;
  overflow: visible;
  width: 100%;
}
.tau-chart__legend__size,
.tau-chart__legend__gradient {
  overflow: visible;
}
.tau-chart__legend__size__item__circle.color-definite {
  stroke: #cacaca;
  fill: #cacaca;
}
.tau-chart__legend__size__item__circle.color-default-size {
  stroke: #6FA1D9;
  fill: #6FA1D9;
}
.tau-chart__legend__gradient__bar {
  rx: 4px;
  ry: 4px;
}
.tau-chart__legend__item .color20-1 {
  background: #6FA1D9;
  border: 1px solid #6FA1D9;
}
.tau-chart__legend__item.disabled .color20-1 {
  background-color: transparent;
}
.tau-chart__legend__item .color20-2 {
  background: #DF2B59;
  border: 1px solid #DF2B59;
}
.tau-chart__legend__item.disabled .color20-2 {
  background-color: transparent;
}
.tau-chart__legend__item .color20-3 {
  background: #66DA26;
  border: 1px solid #66DA26;
}
.tau-chart__legend__item.disabled .color20-3 {
  background-color: transparent;
}
.tau-chart__legend__item .color20-4 {
  background: #755797;
  border: 1px solid #755797;
}
.tau-chart__legend__item.disabled .color20-4 {
  background-color: transparent;
}
.tau-chart__legend__item .color20-5 {
  background: #E5B011;
  border: 1px solid #E5B011;
}
.tau-chart__legend__item.disabled .color20-5 {
  background-color: transparent;
}
.tau-chart__legend__item .color20-6 {
  background: #746650;
  border: 1px solid #746650;
}
.tau-chart__legend__item.disabled .color20-6 {
  background-color: transparent;
}
.tau-chart__legend__item .color20-7 {
  background: #CB461A;
  border: 1px solid #CB461A;
}
.tau-chart__legend__item.disabled .color20-7 {
  background-color: transparent;
}
.tau-chart__legend__item .color20-8 {
  background: #C7CE23;
  border: 1px solid #C7CE23;
}
.tau-chart__legend__item.disabled .color20-8 {
  background-color: transparent;
}
.tau-chart__legend__item .color20-9 {
  background: #7FCDC2;
  border: 1px solid #7FCDC2;
}
.tau-chart__legend__item.disabled .color20-9 {
  background-color: transparent;
}
.tau-chart__legend__item .color20-10 {
  background: #CCA1C8;
  border: 1px solid #CCA1C8;
}
.tau-chart__legend__item.disabled .color20-10 {
  background-color: transparent;
}
.tau-chart__legend__item .color20-11 {
  background: #C84CCE;
  border: 1px solid #C84CCE;
}
.tau-chart__legend__item.disabled .color20-11 {
  background-color: transparent;
}
.tau-chart__legend__item .color20-12 {
  background: #54762E;
  border: 1px solid #54762E;
}
.tau-chart__legend__item.disabled .color20-12 {
  background-color: transparent;
}
.tau-chart__legend__item .color20-13 {
  background: #746BC9;
  border: 1px solid #746BC9;
}
.tau-chart__legend__item.disabled .color20-13 {
  background-color: transparent;
}
.tau-chart__legend__item .color20-14 {
  background: #A43B49;
  border: 1px solid #A43B49;
}
.tau-chart__legend__item.disabled .color20-14 {
  background-color: transparent;
}
.tau-chart__legend__item .color20-15 {
  background: #5C7A76;
  border: 1px solid #5C7A76;
}
.tau-chart__legend__item.disabled .color20-15 {
  background-color: transparent;
}
.tau-chart__legend__item .color20-16 {
  background: #C8BF87;
  border: 1px solid #C8BF87;
}
.tau-chart__legend__item.disabled .color20-16 {
  background-color: transparent;
}
.tau-chart__legend__item .color20-17 {
  background: #BFC1C3;
  border: 1px solid #BFC1C3;
}
.tau-chart__legend__item.disabled .color20-17 {
  background-color: transparent;
}
.tau-chart__legend__item .color20-18 {
  background: #AA7243;
  border: 1px solid #AA7243;
}
.tau-chart__legend__item.disabled .color20-18 {
  background-color: transparent;
}
.tau-chart__legend__item .color20-19 {
  background: #71CE7B;
  border: 1px solid #71CE7B;
}
.tau-chart__legend__item.disabled .color20-19 {
  background-color: transparent;
}
.tau-chart__legend__item .color20-20 {
  background: #BE478B;
  border: 1px solid #BE478B;
}
.tau-chart__legend__item.disabled .color20-20 {
  background-color: transparent;
}