Changeset 11133

Timestamp:

2006-01-27T12:57:27+13:00 (18 years ago)

Author:

jrm21

Message:

updated for document buttons and warning message/continue button

File:

• trunk/gsdl/images/style.css (modified) (1 diff)

trunk/gsdl/images/style.css

@@ -132 +132 @@
 span.textselect { white-space: nowrap; }
 
-div.document div.heading {}
-/* wide enough for 2 buttons side-by-side */
+div.document {
+  padding-top: 5px;
+}
+
+div.warning { /* eg expanding more than 10 sections in table of contents */
+}
+div.warning div.buttons { float: right; } /* continue button */
+
+div.heading { float: left; } /* optional cover image */
 div.document div.buttons {
-  width: 200px;
+   /* anything that holds buttons... toc_buttons but also continue button */
+   width: 100px; /* each button (inside its own div) can overflow this */
+}
+div#toc_buttons { /* expand/contract etc "buttons" */
+  clear: left; /* don't put next to another float on our left-hand side */
   float: left;
+  margin-right: 5px;
 }
 div.button {
   font-size: 11px;
   font-weight: bold;
-  width: 100px; height: 30px;
+  height: 30px; /* for IE6, it will stretch if needed */
   text-align: center;
   line-height: 1.2em;
-  float: left;
+  background: #ffeecc;
+  margin: 1px;
+  border: 1px solid #eeddbb;
 }
+*>div.button { /* for other browsers - IE6 doesn't apply this */
+  height: auto;
+  min-height: 30px; 
+}
+span.button { vertical-align: middle; }
 span.button a { text-decoration: none; color: black; }
+span.button a:hover { /* IE6 doesn't do :hover for things that aren't <A> */
+  background: #eeddbb;
+}
 
 div.section p {