gallery/gallery.css

   1 @import url("../common/textarea.css");
   2
   3 body {
   4   font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
   5   font-size: 90%;
   6 }
   7
   8 aside {
   9   font-size: 90%;
  10 }
  11
  12 #toc {
  13   vertical-align: top;
  14   width: 200px;
  15 }
  16
  17 #rhs {
  18   vertical-align: top;
  19 }
  20
  21 #workarea {
  22   border-style: solid;
  23   border-color: #ddd;
  24   padding: 4px;
  25 }
  26
  27 #toc .entry {
  28   background-color: #eee;
  29   padding: .7em;
  30
  31   /* These two lines result in indenting wrapped lines forward a little bit. */
  32   /* text-indent: -1em;
  33   padding-left: 1em; */
  34 }
  35
  36 #toc .entry .selected {
  37   color: #00b;
  38 }
  39
  40 #title {
  41   text-align: center;
  42   font-size: 1.5em;
  43   vertical-align: bottom;
  44 }
  45
  46 /* CSS for drawing tool */
  47 #workarea #drawing #tool_zoom {
  48   background: url('images/tool-palette.png');
  49   background-position: 0px 0px;
  50   width: 32px;
  51   height: 33px;
  52   margin-left: 50px;
  53   display: inline-block;
  54 }
  55 #workarea #drawing #tool_pencil {
  56   background: url('images/tool-palette.png');
  57   background-position: -32px 0px;
  58   width: 32px;
  59   height: 33px;
  60   display: inline-block;
  61 }
  62 #workarea #drawing #tool_eraser {
  63   background: url('images/tool-palette.png');
  64   background-position: -64px 0px;
  65   width: 33px;
  66   height: 33px;
  67   display: inline-block;
  68 }
  69 #workarea #drawing #toolbar {
  70   display: inline-block;
  71 }
  72
  73 /* CSS for independent series */
  74 #workarea #independent-series .thinborder {
  75   border-width: 1px;
  76   border-spacing: 0px;
  77   border-style: solid;
  78   border-color: black;
  79   border-collapse: collapse;
  80 }
  81
  82 #workarea #independent-series .thinborder td,
  83 #workarea #independent-series .thinborder th {
  84   border-width: 1px;
  85   padding: 5px;
  86   border-style: solid;
  87   border-color: black;
  88 }
  89
  90 /* CSS for resize */
  91 #workarea #resize #div_g {
  92   /* The left and top are just guesses, this needs a proper run-through */
  93   position: absolute;
  94   left: 200px;
  95   right: 10px;
  96   top: 100px;
  97   bottom: 10px;
  98 }
  99
 100 /* CSS for styled-chart-label */
 101 #workarea #styled-chart-labels .infotext {
 102
 103 }
 104
 105 #workarea #styled-chart-labels #div_g .dygraph-label {
 106   /* This applies to the title, x-axis label and y-axis label */
 107   font-family: Georgia, Verdana, serif;
 108 }
 109
 110 #workarea #styled-chart-labels #div_g .dygraph-title {
 111   /* This rule only applies to the chart title */
 112   font-size: 36px;
 113   text-shadow: gray 2px 2px 2px;  /* color, delta-x, delta-y, blur radius */
 114 }
 115
 116 #workarea #styled-chart-labels #div_g .dygraph-ylabel {
 117   /* This rule only applies to the y-axis label */
 118   font-size: 18px;
 119   text-shadow: gray -2px 2px 2px;  /* (offsets are in a rotated frame) */
 120 }
 121
 122 #workarea #styled-chart-labels .chart {
 123   border: 1px dashed black;
 124   margin: 5px  5px 5px 50px;
 125   padding: 2px;
 126 }
 127
 128 #workarea #temperature-sf-ny #bordered {
 129   border: 1px solid red;
 130 }