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 #gap {
  15   style="width:0.5em;"
  16 }
  17
  18 #rhs, #lhs {
  19   vertical-align: top;
  20 }
  21
  22 #subtitle a:visited {
  23   color: blue;
  24 }
  25
  26 #workarea {
  27   border-style: solid;
  28   border-color: #ddd;
  29   padding: 4px;
  30 }
  31
  32 #toc .entry {
  33   background-color: #eee;
  34   padding: .7em;
  35
  36   /* These two lines result in indenting wrapped lines forward a little bit. */
  37   /* text-indent: -1em;
  38   padding-left: 1em; */
  39 }
  40
  41 #toc .entry:hover {
  42   color: blue;
  43   cursor: pointer;
  44 }
  45
  46 #toc .entry .selected {
  47   color: #090;
  48 }
  49
  50 #code a:hover {
  51   color: blue;
  52   cursor: pointer;
  53 }
  54
  55 #demotitle {
  56   text-align: center;
  57   font-size: 1.5em;
  58   vertical-align: bottom;
  59 }
  60
  61 .subdued:link,
  62 .subdued:visited,
  63 .subdued:active {
  64   color: #000;
  65 }
  66
  67 .subdued:hover {
  68   color: blue;
  69 }
  70
  71 a {
  72   text-decoration: none;
  73 }
  74
  75 /* CSS for drawing tool */
  76 #workarea #drawing #tool_zoom {
  77   background: url('images/tool-palette.png');
  78   background-position: 0px 0px;
  79   width: 32px;
  80   height: 33px;
  81   margin-left: 50px;
  82   display: inline-block;
  83 }
  84 #workarea #drawing #tool_pencil {
  85   background: url('images/tool-palette.png');
  86   background-position: -32px 0px;
  87   width: 32px;
  88   height: 33px;
  89   display: inline-block;
  90 }
  91 #workarea #drawing #tool_eraser {
  92   background: url('images/tool-palette.png');
  93   background-position: -64px 0px;
  94   width: 33px;
  95   height: 33px;
  96   display: inline-block;
  97 }
  98 #workarea #drawing #toolbar {
  99   display: inline-block;
 100 }
 101
 102 /* CSS for independent series */
 103 #workarea #independent-series .thinborder {
 104   border-width: 1px;
 105   border-spacing: 0px;
 106   border-style: solid;
 107   border-color: black;
 108   border-collapse: collapse;
 109 }
 110
 111 #workarea #independent-series .thinborder td,
 112 #workarea #independent-series .thinborder th {
 113   border-width: 1px;
 114   padding: 5px;
 115   border-style: solid;
 116   border-color: black;
 117 }
 118
 119 /* CSS for resize */
 120 #workarea #resize #div_g {
 121   /* The left and top are just guesses, this needs a proper run-through */
 122   position: absolute;
 123   left: 200px;
 124   right: 10px;
 125   top: 150px;
 126   bottom: 10px;
 127 }
 128
 129 /* CSS for styled-chart-label */
 130 #workarea #styled-chart-labels .infotext {
 131
 132 }
 133
 134 #workarea #styled-chart-labels #div_g .dygraph-label {
 135   /* This applies to the title, x-axis label and y-axis label */
 136   font-family: Georgia, Verdana, serif;
 137 }
 138
 139 #workarea #styled-chart-labels #div_g .dygraph-title {
 140   /* This rule only applies to the chart title */
 141   font-size: 36px;
 142   text-shadow: gray 2px 2px 2px;  /* color, delta-x, delta-y, blur radius */
 143 }
 144
 145 #workarea #styled-chart-labels #div_g .dygraph-ylabel {
 146   /* This rule only applies to the y-axis label */
 147   font-size: 18px;
 148   text-shadow: gray -2px 2px 2px;  /* (offsets are in a rotated frame) */
 149 }
 150
 151 #workarea #styled-chart-labels .chart {
 152   border: 1px dashed black;
 153   margin: 5px  5px 5px 50px;
 154   padding: 2px;
 155 }
 156
 157 #workarea #temperature-sf-ny #bordered {
 158   border: 1px solid red;
 159 }
 160
 161 #workarea #highlighted-series .few .dygraph-legend > span.highlight { border: 1px solid grey; }
 162 #workarea #highlighted-series .many .dygraph-legend > span { display: none; }
 163 #workarea #highlighted-series .many .dygraph-legend > span.highlight { display: inline; }
 164
 165 #workarea #edge-padding fieldset { display: inline-block; vertical-align: top; }