static/solgs/flot_pheno.css

   1 /*
   2 * custom css for Flot plots
   3 */
   4
   5 #gebvbutton-reset {
   6     margin-top: 10px;
   7     position: left;
   8     width: 90px;
   9     height: 20px;
  10     font-size: 10px;
  11   }
  12
  13 #gebvzoom-reset {
  14     position: relative;
  15     margin-top: 10px;
  16     margin-right: 10px;
  17     width: 90px;
  18     height: 20px;
  19     font-size: 10px;
  20 }
  21
  22 #phenozoom-reset {
  23     position: relative;
  24     margin-top: 10px;
  25     margin-right: 10px;
  26     width: 90px;
  27     height: 20px;
  28     font-size: 10px;
  29 }
  30
  31 #gebvPlot2  {
  32     width: '100%';
  33     height:400px;
  34 }
  35
  36 #phenoPlot  {
  37     width: '100%';
  38     height:400px;
  39 }
  40
  41 #gebvPlot2 div.xAxis div.tickLabel {
  42     font-size: 10px;
  43     margin-top: 40px;
  44     transform: rotate(-90deg);
  45     -ms-transform:rotate(-90deg); /* IE 9 */
  46     -moz-transform:rotate(-90deg); /* Firefox */
  47     -webkit-transform:rotate(-90deg); /* Safari and Chrome */
  48     -o-transform:rotate(-90deg); /* Opera */
  49     /*rotation-point:50% 50%;*/ /* CSS3 */
  50     /*rotation:270deg;*/ /* CSS3 */
  51 }
  52
  53 #phenoPlot div.xAxis div.tickLabel {
  54     font-size: 10px;
  55     margin-top: 40px;
  56     transform: rotate(-90deg);
  57     -ms-transform:rotate(-90deg); /* IE 9 */
  58     -moz-transform:rotate(-90deg); /* Firefox */
  59     -webkit-transform:rotate(-90deg); /* Safari and Chrome */
  60     -o-transform:rotate(-90deg); /* Opera */
  61     /*rotation-point:50% 50%;*/ /* CSS3 */
  62     /*rotation:270deg;*/ /* CSS3 */
  63 }
  64
  65 #gebvPlotOverview {
  66     width:100%;
  67     height:100px;
  68 }
  69
  70 #phenoPlotOverview {
  71     width:100%;
  72     height:100px;
  73 }