Skip to content
Snippets Groups Projects
spectra-graph.component.css 1.47 KiB
Newer Older
François Agneray's avatar
François Agneray committed
.titles text {
    fill: #5a5a5a;
François Agneray's avatar
François Agneray committed
}

.axis line {
    fill: none;
    stroke: black;
    shape-rendering: crispEdges;
}

.grid line {
    fill: none;
    stroke: lightgray;
    shape-rendering: crispEdges;
}

.ray line {
    stroke-dasharray: 3, 3;
    stroke-width: 1.5px;
}

.emission line {
    stroke: steelblue;
}

.emission text {
    fill: steelblue;
}

.absorption line {
    stroke: tomato;
}

.absorption text {
    fill: tomato;
}

.spectra-line, .line {
    fill: none;
    stroke: black;
    stroke-width: 1px;
}

.spectra-area, .area {
    fill: #D0D0D0;
    opacity: 0.6;
}

.overlay {
    fill: none;
    pointer-events: all;
}

.big-circle-tootlip {
    fill: #7ac29a;
}

.little-circle-tooltip {
    fill: rgb(16, 75, 42);
    stroke: #fff;
    stroke-width: 1.5px;
}

.rect-tootlip {
    fill: #fafafa;
    stroke: #7ac29a;
    opacity: 0.9;
    stroke-width: 1;
}

.text-tooltip {
    font-size: 13px;
    font-family: "Segoe UI";
    color: #333333;
    fill: #333333;
}

.text-y-value {
    font-weight: bold;
}

.emission-button circle {
    stroke: steelblue;
    stroke-width: 3px;
    cursor: pointer;
}

.button-off circle {
    fill: transparent;
}

.emission-button-on circle {
    fill: steelblue;
} 

.absorption-button circle {
    stroke: tomato;
    stroke-width: 3px;
    cursor: pointer;
}

.absorption-button-on circle {
    fill: tomato;
}

.emission-button text, .absorption-button text {
François Agneray's avatar
François Agneray committed
    color: #333333;
    fill: #333333;
}