docs : add demo nav

14 years ago · 04dc6f43ab
2 changed files with 15 additions and 3 deletions
--- a/_layouts/demo.html
+++ b/_layouts/demo.html
@ -11,6 +11,8 @@
 </head>
 <body>

+  <p id="demo-nav"><a href="../">{{ site.name }}</a> Demo</p>
+  
  <h1>{{ page.title }}</h1>
  
  {{ content }}
--- a/css/style.css
+++ b/css/style.css
@ -398,12 +398,22 @@ body.doc {
 /**** Doc page nav ****/

 #docs-nav h1 {
-  font-size: 20px;
+  font-size: 19px;
  margin-bottom: 0.5em;
 }

-#docs-nav h1 a { color: #4FB; }
-#docs-nav h1 a:hover { color: #4BF; }
+#docs-nav h1 a,
+#demo-nav a { color: #4FB; }
+#docs-nav h1 a:hover,
+#demo-nav a:hover { color: #4BF; }
+
+#demo-nav {
+  font-size: 16px;
+  font-weight: bold;
+  padding-bottom: 0.5em;
+  margin-bottom: 0.5em;
+  border-bottom: 1px solid #333;
+}

 #docs-nav ul {
  list-style: none;