X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=gallery%2Fgallery.css;h=2febc685f9949982ab6b830bc18625f8209e7176;hb=6813609a3d4529f2f2a89a10c7f910aca6d59ab4;hp=8321fc30f9a0145d1c031f98742afa999a9d0cae;hpb=c1f22b5a5d4ffbf25a75fc567232e65381c1938b;p=dygraphs.git

diff --git a/gallery/gallery.css b/gallery/gallery.css
index 8321fc3..2febc68 100644
--- a/gallery/gallery.css
+++ b/gallery/gallery.css
@@ -3,15 +3,26 @@ body {
   font-size: 90%;
 }
 
+aside {
+  font-size: 90%;
+}
+
 #toc {
   vertical-align: top;
   width: 200px;
 }
+#gap {
+  style="width:0.5em;"
+}
 
-#rhs {
+#rhs, #lhs {
   vertical-align: top;
 }
 
+#subtitle a:visited {
+  color: blue;  
+}
+
 #workarea {
   border-style: solid;
   border-color: #ddd;
@@ -27,16 +38,40 @@ body {
   padding-left: 1em; */
 }
 
+#toc .entry:hover {
+  color: blue;
+  cursor: pointer;
+}
+
 #toc .entry .selected {
-  color: #00b;
+  color: #090;
 }
 
-#title {
+#code a:hover {
+  color: blue;
+  cursor: pointer;
+}
+
+#demotitle {
   text-align: center;
   font-size: 1.5em;
   vertical-align: bottom;
 }
 
+.subdued:link,
+.subdued:visited,
+.subdued:active {
+  color: #000;
+}
+
+.subdued:hover {
+  color: blue;
+}
+
+a {
+  text-decoration: none;
+}
+
 /* CSS for drawing tool */
 #workarea #drawing #tool_zoom {
   background: url('images/tool-palette.png');
@@ -79,4 +114,52 @@ body {
   padding: 5px;
   border-style: solid;
   border-color: black;
-}
\ No newline at end of file
+}
+
+/* CSS for resize */
+#workarea #resize #div_g {
+  /* The left and top are just guesses, this needs a proper run-through */
+  position: absolute;
+  left: 200px;
+  right: 10px;
+  top: 150px;
+  bottom: 10px;
+}
+
+/* CSS for styled-chart-label */
+#workarea #styled-chart-labels .infotext {
+    
+}
+
+#workarea #styled-chart-labels #div_g .dygraph-label {
+  /* This applies to the title, x-axis label and y-axis label */
+  font-family: Georgia, Verdana, serif;
+}
+
+#workarea #styled-chart-labels #div_g .dygraph-title {
+  /* This rule only applies to the chart title */
+  font-size: 36px;
+  text-shadow: gray 2px 2px 2px;  /* color, delta-x, delta-y, blur radius */
+}
+
+#workarea #styled-chart-labels #div_g .dygraph-ylabel {
+  /* This rule only applies to the y-axis label */
+  font-size: 18px;
+  text-shadow: gray -2px 2px 2px;  /* (offsets are in a rotated frame) */
+}
+
+#workarea #styled-chart-labels .chart {
+  border: 1px dashed black;
+  margin: 5px  5px 5px 50px;
+  padding: 2px;
+}
+
+#workarea #temperature-sf-ny #bordered {
+  border: 1px solid red;
+}
+
+#workarea #highlighted-series .few .dygraph-legend > span.highlight { border: 1px solid grey; }
+#workarea #highlighted-series .many .dygraph-legend > span { display: none; }
+#workarea #highlighted-series .many .dygraph-legend > span.highlight { display: inline; }
+
+#workarea #edge-padding fieldset { display: inline-block; vertical-align: top; }