Merge pull request #736 from danvk/issue-pr-templates
[dygraphs.git] / gallery / gallery.css
index cc83a2b..2febc68 100644 (file)
@@ -11,11 +11,18 @@ aside {
   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;
@@ -31,16 +38,40 @@ aside {
   padding-left: 1em; */
 }
 
+#toc .entry:hover {
+  color: blue;
+  cursor: pointer;
+}
+
 #toc .entry .selected {
-  color: #00b;
+  color: #090;
+}
+
+#code a:hover {
+  color: blue;
+  cursor: pointer;
 }
 
-#title {
+#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');
@@ -91,6 +122,44 @@ aside {
   position: absolute;
   left: 200px;
   right: 10px;
-  top: 100px;
+  top: 150px;
   bottom: 10px;
-}
\ No newline at end of file
+}
+
+/* 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; }