Add a panel toggle button to some pages.

1 files changed, 12 insertions, 0 deletions

diff --git a/panel.css b/panel.css
index 9f4cba6..db0c5e9 100644
--- a/panel.css
+++ b/panel.css
@@ -26,6 +26,11 @@ padding-left:1.5em;
 padding-top:0.5em;
 padding-bottom:0.5em;
 }
+#panel li a#paneltoggle {
+text-align:right;
+padding:0.1em;
+padding-right:0.3em;
+}
 #panel li span {
 display:block;
 padding-left:1.5em;
@@ -49,6 +54,12 @@ padding-top:0.5em;
 #content {
 margin-left: 16em;
 }
+#content.expanded {
+margin-left: 1em;
+}
+#panel.collapsed {
+left:-15em;
+}
 #content p{text-indent:2em;}
 #content .block h2{font-weight:normal;}
 #content .block h3{font-weight:normal;}
@@ -68,4 +79,5 @@ padding: 1em;
 	#panel{left:-15em;}
 	#content{margin-left:1em;}
 	#footer,div.footer{width:calc(100% - 1em);left:1em;}
+	#panel li a#paneltoggle{display:none;}
 }