gallery/gallery.css

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