Style tweaks
authorRobert Konigsberg <konigsberg@google.com>
Tue, 17 Jan 2012 02:53:26 +0000 (21:53 -0500)
committerRobert Konigsberg <konigsberg@google.com>
Tue, 17 Jan 2012 02:53:26 +0000 (21:53 -0500)
gallery/gallery.css
gallery/gallery.js
gallery/index.html

index d5b4358..01feaae 100644 (file)
@@ -40,16 +40,34 @@ aside {
   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');
index dec3cb3..0c0034c 100644 (file)
@@ -22,7 +22,7 @@ Gallery.start = function() {
   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;
@@ -51,7 +51,7 @@ Gallery.start = function() {
       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;
index 360bdec..0f573e8 100644 (file)
   <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">