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 #demotitle {
  51   text-align: center;
  52   font-size: 1.5em;
  53   vertical-align: bottom;
  54 }
  55
  56 .subdued:link,
  57 .subdued:visited,
  58 .subdued:active {
  59   color: #000;
  60 }
  61
  62 .subdued:hover {
  63   color: blue;
  64 }
  65
  66 a {
  67   text-decoration: none;
  68 }
  69
  70 /* CSS for drawing tool */
  71 #workarea #drawing #tool_zoom {
  72   background: url('images/tool-palette.png');
  73   background-position: 0px 0px;
  74   width: 32px;
  75   height: 33px;
  76   margin-left: 50px;
  77   display: inline-block;
  78 }
  79 #workarea #drawing #tool_pencil {
  80   background: url('images/tool-palette.png');
  81   background-position: -32px 0px;
  82   width: 32px;
  83   height: 33px;
  84   display: inline-block;
  85 }
  86 #workarea #drawing #tool_eraser {
  87   background: url('images/tool-palette.png');
  88   background-position: -64px 0px;
  89   width: 33px;
  90   height: 33px;
  91   display: inline-block;
  92 }
  93 #workarea #drawing #toolbar {
  94   display: inline-block;
  95 }
  96
  97 /* CSS for independent series */
  98 #workarea #independent-series .thinborder {
  99   border-width: 1px;
 100   border-spacing: 0px;
 101   border-style: solid;
 102   border-color: black;
 103   border-collapse: collapse;
 104 }
 105
 106 #workarea #independent-series .thinborder td,
 107 #workarea #independent-series .thinborder th {
 108   border-width: 1px;
 109   padding: 5px;
 110   border-style: solid;
 111   border-color: black;
 112 }
 113
 114 /* CSS for resize */
 115 #workarea #resize #div_g {
 116   /* The left and top are just guesses, this needs a proper run-through */
 117   position: absolute;
 118   left: 200px;
 119   right: 10px;
 120   top: 100px;
 121   bottom: 10px;
 122 }
 123
 124 /* CSS for styled-chart-label */
 125 #workarea #styled-chart-labels .infotext {
 126
 127 }
 128
 129 #workarea #styled-chart-labels #div_g .dygraph-label {
 130   /* This applies to the title, x-axis label and y-axis label */
 131   font-family: Georgia, Verdana, serif;
 132 }
 133
 134 #workarea #styled-chart-labels #div_g .dygraph-title {
 135   /* This rule only applies to the chart title */
 136   font-size: 36px;
 137   text-shadow: gray 2px 2px 2px;  /* color, delta-x, delta-y, blur radius */
 138 }
 139
 140 #workarea #styled-chart-labels #div_g .dygraph-ylabel {
 141   /* This rule only applies to the y-axis label */
 142   font-size: 18px;
 143   text-shadow: gray -2px 2px 2px;  /* (offsets are in a rotated frame) */
 144 }
 145
 146 #workarea #styled-chart-labels .chart {
 147   border: 1px dashed black;
 148   margin: 5px  5px 5px 50px;
 149   padding: 2px;
 150 }
 151
 152 #workarea #temperature-sf-ny #bordered {
 153   border: 1px solid red;
 154 }