From 113da86766fdb3ebb765c3b62558d8f6012c112d Mon Sep 17 00:00:00 2001
From: Mark Lentczner <markl@glyphic.com>
Date: Fri, 30 Jul 2010 20:19:40 +0000
Subject: improved synopsis drawer: on click, not hover

---
 html/Ocean.std-theme/ocean.css    |  48 ++++++++++++++++++--------------------
 html/Ocean.std-theme/synopsis.png | Bin 0 -> 8584 bytes
 2 files changed, 23 insertions(+), 25 deletions(-)
 create mode 100644 html/Ocean.std-theme/synopsis.png

(limited to 'html')

diff --git a/html/Ocean.std-theme/ocean.css b/html/Ocean.std-theme/ocean.css
index 2376ab51..fdcd367b 100644
--- a/html/Ocean.std-theme/ocean.css
+++ b/html/Ocean.std-theme/ocean.css
@@ -270,49 +270,47 @@ div#style-menu-holder {
 
 #synopsis {
   position: fixed;
-  right: -21.5em;
+  right: 0;
   font-size: 90%;
-  width: 22em;
   height: 80%;
-  top: 5em;
+  top: 10%;
   padding: 0;
-  background-color: #fff2b2;
 }
 
-#synopsis:hover {
-  right: 0;
-  background: none;
+#synopsis .caption {
+  text-align: right;
+  float: left;
+  width: 29px;
+  color: rgba(255,255,255,0);
+  height: 110px;
+  margin: 0;
+  font-size: 1px;
+  padding: 0;
+}
+
+#synopsis p.caption.collapser,
+#synopsis p.caption.expander {
+  background: url(synopsis.png) no-repeat 0 -8px;
 }
 
-#synopsis .caption,
 #synopsis ul,
 #synopsis ul li.src {
-  background-color: #fff2b2;
+  background-color: #f9f8db;
   white-space: nowrap;
 }
 
-#synopsis > * {
-  margin: 0 0 0 8px;
-  border-left: 1px solid rgb(196,69,29); 
-}
-
-#synopsis .caption {
-  border-top: 1px solid rgb(196,69,29);
-  padding-top: 0.5em;
-  padding-bottom: 0.5em;
-  text-align: center;
-}
-
-#synopsis ul {
+#synopsis ul.collapser,
+#synopsis ul.expander {
+  background-image: none;
   list-style: none;
+  width: 22em;
   height: 100%;
   overflow: auto;
-  border-bottom: 1px solid rgb(196,69,29);
-  padding-left: 0.5em;
+  padding: 0.5em;
+  margin: 0;
 }
 
 #synopsis ul ul {
-  border: none;
   overflow: hidden;
 }
 
diff --git a/html/Ocean.std-theme/synopsis.png b/html/Ocean.std-theme/synopsis.png
new file mode 100644
index 00000000..0a52b209
Binary files /dev/null and b/html/Ocean.std-theme/synopsis.png differ
-- 
cgit v1.2.3