padding-left: 1em; */
}
+#toc .entry:hover {
+ color: blue;
+ cursor: pointer;
+}
+
#toc .entry .selected {
- color: #00b;
+ color: #090;
}
-#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');
Gallery.subtitle = Gallery.create("div", Gallery.workarea);
Gallery.subtitle.id = "subtitle";
Gallery.workareaChild = Gallery.create("div", Gallery.workarea);
- Gallery.title = document.getElementById("title");
+ Gallery.demotitle = document.getElementById("demotitle");
Gallery.textarea = new TextArea();
Gallery.textarea.width = 600;
Gallery.textarea.height = 400;
var codeLink = Gallery.create("a", Gallery.subtitle);
codeLink.textContent = "code";
codeLink.href = "#";
- Gallery.title.textContent = demo.title ? demo.title : "";
+ Gallery.demotitle.textContent = demo.title ? demo.title : "";
demo.innerDiv.className = "selected";
Gallery.workareaChild.id = id;
location.hash = "g/" + id;
<body>
<table>
<tr>
- <td><h2>Gallery</h2></td>
+ <td><h2><a class='subdued' href="../index.html">Dygraphs</a> Gallery</h2></td>
<td></td>
- <td id="title"></td>
+ <td id="demotitle"></td>
</tr>
<tr>
<td id='lhs'>
<div id="toc"></div>
<hr/>
- <a href="../index.html">Back to Dygraphs.</a>
+ <a class='subdued' href="../index.html">Back to Dygraphs.</a>
</td>
<td id='gap'></td>
<td id="rhs">