%PDF- %PDF-
Direktori : /var/www/projetos/admin.iigd.com.br/themes/metro/scss/ |
Current File : /var/www/projetos/admin.iigd.com.br/themes/metro/scss/_jqplot.scss |
// Styles for jqPlot for the Metro theme // rules for the plot target div. // These will be cascaded down to all plot elements according to css rules .jqplot-target { position: relative; color: #222; font-family: $font-family-base; font-size: 1em; } // rules applied to all axes .jqplot-axis { font-size: 0.75em; } .jqplot-xaxis { margin-top: 10px; } .jqplot-x2axis { margin-bottom: 10px; } .jqplot-yaxis { margin-right: 10px; } .jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis, .jqplot-yMidAxis { margin-left: 10px; margin-right: 10px; } // rules applied to all axis tick divs .jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick, .jqplot-yMidAxis-tick { position: absolute; white-space: pre; } .jqplot-xaxis-tick { top: 0; // initial position untill tick is drawn in proper place left: 15px; vertical-align: top; } .jqplot-x2axis-tick { bottom: 0; // initial position untill tick is drawn in proper place left: 15px; vertical-align: bottom; } .jqplot-yaxis-tick { right: 0; // initial position untill tick is drawn in proper place top: 15px; text-align: right; &.jqplot-breakTick { right: -20px; margin-right: 0; padding: 1px 5px 1px; z-index: 2; font-size: 1.5em; } } .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick { left: 0; // initial position untill tick is drawn in proper place top: 15px; text-align: left; } .jqplot-yMidAxis-tick { text-align: center; white-space: nowrap; } .jqplot-xaxis-label { margin-top: 10px; font-size: 11pt; position: absolute; } .jqplot-x2axis-label { margin-bottom: 10px; font-size: 11pt; position: absolute; } .jqplot-yaxis-label { margin-right: 10px; font-size: 11pt; position: absolute; } .jqplot-yMidAxis-label { font-size: 11pt; position: absolute; } .jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label { font-size: 11pt; margin-left: 10px; position: absolute; } .jqplot-meterGauge-tick { font-size: 0.75em; color: #999; } .jqplot-meterGauge-label { font-size: 1em; color: #999; } table { &.jqplot-table-legend { margin-top: 12px; margin-bottom: 12px; margin-left: 12px; margin-right: 12px; background-color: rgba(255, 255, 255, 0.6); border: 1px solid #ccc; position: absolute; font-size: 0.75em; } &.jqplot-cursor-legend { background-color: rgba(255, 255, 255, 0.6); border: 1px solid #ccc; position: absolute; font-size: 0.75em; } } td { &.jqplot-table-legend { vertical-align: middle; } &.jqplot-seriesToggle { &:hover, &:active { cursor: pointer; } } } .jqplot-table-legend .jqplot-series-hidden { text-decoration: line-through; } div { &.jqplot-table-legend-swatch-outline { border: 1px solid #ccc; padding: 1px; } &.jqplot-table-legend-swatch { width: 0; height: 0; border-top-width: 5px; border-bottom-width: 5px; border-left-width: 6px; border-right-width: 6px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; } } .jqplot-title { top: 0; left: 0; padding-bottom: 0.5em; font-size: 1.2em; } table.jqplot-cursor-tooltip { border: 1px solid #ccc; font-size: 0.75em; } .jqplot-cursor-tooltip, .jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip { border: 1px solid #ccc; font-size: 0.75em; white-space: nowrap; background: rgba(208, 208, 208, 0.5); padding: 1px; } .jqplot-point-label { font-size: 0.75em; z-index: 2; } td.jqplot-cursor-legend-swatch { vertical-align: middle; text-align: center; } div.jqplot-cursor-legend-swatch { width: 1.2em; height: 0.7em; } // Styles added to the plot target container when there is an error go here. .jqplot-error { text-align: center; } // Styling of the custom error message div goes here. .jqplot-error-message { position: relative; top: 46%; display: inline-block; } div { &.jqplot-bubble-label { font-size: 0.8em; padding-left: 2px; padding-right: 2px; color: rgb(20%, 20%, 20%); &.jqplot-bubble-label-highlight { background: rgba(90%, 90%, 90%, 0.7); } } &.jqplot-noData-container { text-align: center; background-color: rgba(96%, 96%, 96%, 0.3); } }