"Fossies" - the Fresh Open Source Software Archive

Member "phpMyAdmin-5.1.0-all-languages/themes/metro/scss/_jqplot.scss" (24 Feb 2021, 4879 Bytes) of package /linux/www/phpMyAdmin-5.1.0-all-languages.zip:


As a special service "Fossies" has tried to format the requested source page into HTML format using (guessed) SASS/SCSS source code syntax highlighting (style: standard) with prefixed line numbers. Alternatively you can here view or download the uninterpreted source code file. See also the last Fossies "Diffs" side-by-side code changes report for "_jqplot.scss": 5.0.4-english_vs_5.1.0-english.

    1 // Styles for jqPlot for the Metro theme
    2 
    3 // rules for the plot target div.
    4 // These will be cascaded down to all plot elements according to css rules
    5 .jqplot-target {
    6   position: relative;
    7   color: #222;
    8   font-family: $font-family-base;
    9   font-size: 1em;
   10 }
   11 
   12 // rules applied to all axes
   13 .jqplot-axis {
   14   font-size: 0.75em;
   15 }
   16 
   17 .jqplot-xaxis {
   18   margin-top: 10px;
   19 }
   20 
   21 .jqplot-x2axis {
   22   margin-bottom: 10px;
   23 }
   24 
   25 .jqplot-yaxis {
   26   margin-#{$right}: 10px;
   27 }
   28 
   29 .jqplot-y2axis,
   30 .jqplot-y3axis,
   31 .jqplot-y4axis,
   32 .jqplot-y5axis,
   33 .jqplot-y6axis,
   34 .jqplot-y7axis,
   35 .jqplot-y8axis,
   36 .jqplot-y9axis,
   37 .jqplot-yMidAxis {
   38   margin-#{$left}: 10px;
   39   margin-#{$right}: 10px;
   40 }
   41 
   42 // rules applied to all axis tick divs
   43 .jqplot-axis-tick,
   44 .jqplot-xaxis-tick,
   45 .jqplot-yaxis-tick,
   46 .jqplot-x2axis-tick,
   47 .jqplot-y2axis-tick,
   48 .jqplot-y3axis-tick,
   49 .jqplot-y4axis-tick,
   50 .jqplot-y5axis-tick,
   51 .jqplot-y6axis-tick,
   52 .jqplot-y7axis-tick,
   53 .jqplot-y8axis-tick,
   54 .jqplot-y9axis-tick,
   55 .jqplot-yMidAxis-tick {
   56   position: absolute;
   57   white-space: pre;
   58 }
   59 
   60 .jqplot-xaxis-tick {
   61   top: 0;
   62   // initial position untill tick is drawn in proper place
   63   #{$left}: 15px;
   64   vertical-align: top;
   65 }
   66 
   67 .jqplot-x2axis-tick {
   68   bottom: 0;
   69   // initial position untill tick is drawn in proper place
   70   #{$left}: 15px;
   71   vertical-align: bottom;
   72 }
   73 
   74 .jqplot-yaxis-tick {
   75   #{$right}: 0;
   76   // initial position untill tick is drawn in proper place
   77   top: 15px;
   78   text-align: $right;
   79 
   80   &.jqplot-breakTick {
   81     #{$right}: -20px;
   82     margin-#{$right}: 0;
   83     padding: 1px 5px 1px;
   84     z-index: 2;
   85     font-size: 1.5em;
   86   }
   87 }
   88 
   89 .jqplot-y2axis-tick,
   90 .jqplot-y3axis-tick,
   91 .jqplot-y4axis-tick,
   92 .jqplot-y5axis-tick,
   93 .jqplot-y6axis-tick,
   94 .jqplot-y7axis-tick,
   95 .jqplot-y8axis-tick,
   96 .jqplot-y9axis-tick {
   97   #{$left}: 0;
   98   // initial position untill tick is drawn in proper place
   99   top: 15px;
  100   text-align: $left;
  101 }
  102 
  103 .jqplot-yMidAxis-tick {
  104   text-align: center;
  105   white-space: nowrap;
  106 }
  107 
  108 .jqplot-xaxis-label {
  109   margin-top: 10px;
  110   font-size: 11pt;
  111   position: absolute;
  112 }
  113 
  114 .jqplot-x2axis-label {
  115   margin-bottom: 10px;
  116   font-size: 11pt;
  117   position: absolute;
  118 }
  119 
  120 .jqplot-yaxis-label {
  121   margin-#{$right}: 10px;
  122   font-size: 11pt;
  123   position: absolute;
  124 }
  125 
  126 .jqplot-yMidAxis-label {
  127   font-size: 11pt;
  128   position: absolute;
  129 }
  130 
  131 .jqplot-y2axis-label,
  132 .jqplot-y3axis-label,
  133 .jqplot-y4axis-label,
  134 .jqplot-y5axis-label,
  135 .jqplot-y6axis-label,
  136 .jqplot-y7axis-label,
  137 .jqplot-y8axis-label,
  138 .jqplot-y9axis-label {
  139   font-size: 11pt;
  140   margin-#{$left}: 10px;
  141   position: absolute;
  142 }
  143 
  144 .jqplot-meterGauge-tick {
  145   font-size: 0.75em;
  146   color: #999;
  147 }
  148 
  149 .jqplot-meterGauge-label {
  150   font-size: 1em;
  151   color: #999;
  152 }
  153 
  154 table {
  155   &.jqplot-table-legend {
  156     margin-top: 12px;
  157     margin-bottom: 12px;
  158     margin-#{$left}: 12px;
  159     margin-#{$right}: 12px;
  160     background-color: rgba(255, 255, 255, 0.6);
  161     border: 1px solid #ccc;
  162     position: absolute;
  163     font-size: 0.75em;
  164   }
  165 
  166   &.jqplot-cursor-legend {
  167     background-color: rgba(255, 255, 255, 0.6);
  168     border: 1px solid #ccc;
  169     position: absolute;
  170     font-size: 0.75em;
  171   }
  172 }
  173 
  174 td {
  175   &.jqplot-table-legend {
  176     vertical-align: middle;
  177   }
  178 
  179   &.jqplot-seriesToggle {
  180     &:hover,
  181     &:active {
  182       cursor: pointer;
  183     }
  184   }
  185 }
  186 
  187 .jqplot-table-legend .jqplot-series-hidden {
  188   text-decoration: line-through;
  189 }
  190 
  191 div {
  192   &.jqplot-table-legend-swatch-outline {
  193     border: 1px solid #ccc;
  194     padding: 1px;
  195   }
  196 
  197   &.jqplot-table-legend-swatch {
  198     width: 0;
  199     height: 0;
  200     border-top-width: 5px;
  201     border-bottom-width: 5px;
  202     border-left-width: 6px;
  203     border-right-width: 6px;
  204     border-top-style: solid;
  205     border-bottom-style: solid;
  206     border-left-style: solid;
  207     border-right-style: solid;
  208   }
  209 }
  210 
  211 .jqplot-title {
  212   top: 0;
  213   #{$left}: 0;
  214   padding-bottom: 0.5em;
  215   font-size: 1.2em;
  216 }
  217 
  218 table.jqplot-cursor-tooltip {
  219   border: 1px solid #ccc;
  220   font-size: 0.75em;
  221 }
  222 
  223 .jqplot-cursor-tooltip,
  224 .jqplot-highlighter-tooltip,
  225 .jqplot-canvasOverlay-tooltip {
  226   border: 1px solid #ccc;
  227   font-size: 0.75em;
  228   white-space: nowrap;
  229   background: rgba(208, 208, 208, 0.5);
  230   padding: 1px;
  231 }
  232 
  233 .jqplot-point-label {
  234   font-size: 0.75em;
  235   z-index: 2;
  236 }
  237 
  238 td.jqplot-cursor-legend-swatch {
  239   vertical-align: middle;
  240   text-align: center;
  241 }
  242 
  243 div.jqplot-cursor-legend-swatch {
  244   width: 1.2em;
  245   height: 0.7em;
  246 }
  247 
  248 // Styles added to the plot target container when there is an error go here.
  249 .jqplot-error {
  250   text-align: center;
  251 }
  252 
  253 // Styling of the custom error message div goes here.
  254 .jqplot-error-message {
  255   position: relative;
  256   top: 46%;
  257   display: inline-block;
  258 }
  259 
  260 div {
  261   &.jqplot-bubble-label {
  262     font-size: 0.8em;
  263     padding-#{$left}: 2px;
  264     padding-#{$right}: 2px;
  265     color: rgb(20%, 20%, 20%);
  266 
  267     &.jqplot-bubble-label-highlight {
  268       background: rgba(90%, 90%, 90%, 0.7);
  269     }
  270   }
  271 
  272   &.jqplot-noData-container {
  273     text-align: center;
  274     background-color: rgba(96%, 96%, 96%, 0.3);
  275   }
  276 }