175 lines
3.5 KiB
CSS
175 lines
3.5 KiB
CSS
/*
|
|
* This file is part of pygal
|
|
*
|
|
* A python svg graph plotting library
|
|
* Copyright © 2012 Kozea
|
|
|
|
* This library is free software: you can redistribute it and/or modify it under
|
|
* the terms of the GNU Lesser General Public License as published by the Free
|
|
* Software Foundation, either version 3 of the License, or (at your option) any
|
|
* later version.
|
|
*
|
|
* This library is distributed in the hope that it will be useful, but WITHOUT
|
|
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
|
|
* FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more
|
|
* details.
|
|
*
|
|
* You should have received a copy of the GNU Lesser General Public License
|
|
* along with pygal. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
/*
|
|
* Styles from config
|
|
*/
|
|
|
|
{{ id }}{
|
|
background-color: {{ style.background }};
|
|
}
|
|
|
|
{{ id }}path,
|
|
{{ id }}line,
|
|
{{ id }}rect,
|
|
{{ id }}circle {
|
|
-webkit-transition: {{ style.transition }};
|
|
-moz-transition: {{ style.transition }};
|
|
transition: {{ style.transition }};
|
|
}
|
|
|
|
{{ id }}.graph > .background {
|
|
fill: {{ style.background }};
|
|
}
|
|
|
|
{{ id }}.plot > .background {
|
|
fill: {{ style.plot_background }};
|
|
}
|
|
|
|
{{ id }}.graph {
|
|
fill: {{ style.foreground }};
|
|
}
|
|
|
|
{{ id }}text.no_data {
|
|
fill: {{ style.foreground_strong }};
|
|
}
|
|
|
|
{{ id }}.title {
|
|
fill: {{ style.foreground_strong }};
|
|
}
|
|
|
|
{{ id }}.legends .legend text {
|
|
fill: {{ style.foreground }};
|
|
}
|
|
|
|
{{ id }}.legends .legend:hover text {
|
|
fill: {{ style.foreground_strong }};
|
|
}
|
|
|
|
{{ id }}.axis .line {
|
|
stroke: {{ style.foreground_strong }};
|
|
}
|
|
|
|
{{ id }}.axis .guide.line {
|
|
stroke: {{ style.foreground_subtle }};
|
|
}
|
|
|
|
{{ id }}.axis .major.line {
|
|
stroke: {{ style.foreground }};
|
|
}
|
|
|
|
{{ id }}.axis text.major {
|
|
fill: {{ style.foreground_strong }};
|
|
}
|
|
|
|
{{ id }}.axis.y .guides:hover .guide.line,
|
|
{{ id }}.line-graph .axis.x .guides:hover .guide.line,
|
|
{{ id }}.stackedline-graph .axis.x .guides:hover .guide.line,
|
|
{{ id }}.xy-graph .axis.x .guides:hover .guide.line {
|
|
stroke: {{ style.foreground_strong }};
|
|
}
|
|
|
|
{{ id }}.axis .guides:hover text {
|
|
fill: {{ style.foreground_strong }};
|
|
}
|
|
|
|
|
|
{{ id }}.reactive {
|
|
fill-opacity: {{ style.opacity }};
|
|
stroke-opacity: {{ style.stroke_opacity }};
|
|
}
|
|
|
|
{{ id }}.ci {
|
|
stroke: {{ style.foreground }};
|
|
}
|
|
|
|
{{ id }}.reactive.active,
|
|
{{ id }}.active .reactive {
|
|
fill-opacity: {{ style.opacity_hover }};
|
|
stroke-opacity: {{ style.stroke_opacity_hover }};
|
|
stroke-width: 4;
|
|
}
|
|
|
|
{{ id }}.ci .reactive.active {
|
|
stroke-width: 1.5;
|
|
}
|
|
|
|
{{ id }}.series text {
|
|
fill: {{ style.foreground_strong }};
|
|
}
|
|
|
|
{{ id }}.tooltip rect {
|
|
fill: {{ style.plot_background }};
|
|
stroke: {{ style.foreground_strong }};
|
|
-webkit-transition: opacity {{ style.transition }};
|
|
-moz-transition: opacity {{ style.transition }};
|
|
transition: opacity {{ style.transition }};
|
|
}
|
|
|
|
{{ id }}.tooltip .label {
|
|
fill: {{ style.foreground }};
|
|
}
|
|
|
|
{{ id }}.tooltip .label {
|
|
fill: {{ style.foreground }};
|
|
}
|
|
|
|
{{ id }}.tooltip .legend {
|
|
font-size: .8em;
|
|
fill: {{ style.foreground_subtle }};
|
|
}
|
|
|
|
{{ id }}.tooltip .x_label {
|
|
font-size: .6em;
|
|
fill: {{ style.foreground_strong }};
|
|
}
|
|
|
|
{{ id }}.tooltip .xlink {
|
|
font-size: .5em;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
{{ id }}.tooltip .value {
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
{{ id }}.bound {
|
|
font-size: .5em;
|
|
}
|
|
|
|
{{ id }}.max-value {
|
|
font-size: .75em;
|
|
fill: {{ style.foreground_subtle }};
|
|
}
|
|
|
|
{{ id }}.map-element {
|
|
fill: {{ style.plot_background }};
|
|
stroke: {{ style.foreground_subtle }} !important;
|
|
}
|
|
|
|
{{ id }}.map-element .reactive {
|
|
fill-opacity: inherit;
|
|
stroke-opacity: inherit;
|
|
}
|
|
|
|
{{ colors }}
|
|
|
|
{{ strokes }}
|