For the wiki, add menu.css as just the menu-specific portion of site CSS

The wiki was unhappy with the full style.css, so here's the cutdown
portion. Someone could go through and cut the menu portion out of style.css
and link all pertinent pages to menu.css as well, if they felt feisty.

git-svn-id: svn://svn.open-ils.org/ILS-Contrib/evergreen-ils.org@1070 6d9bc8c9-1ec2-4278-b937-99fde70a366f

diff --git a/css/menu.css b/css/menu.css
new file mode 100644 (file)
index 0000000..f16a099
--- /dev/null
+++ b/css/menu.css
@@ -0,0 +1,96 @@
+/* CSS Document */
+
+#subhead {
+width: 100%;
+margin: 0;
+padding: 3px 0 8px 0;
+background: #F5AE61 url('/img/subheadfade2.gif') bottom repeat-x;
+}
+
+#subhead a:link, #subhead a:visited {
+text-align:left;
+margin: 0;
+text-decoration:none;
+padding: 3px 20px 8px 5px;
+font-size: 90%;
+font-weight:bold;
+color:#333;
+}
+
+#subhead a:link.first, #subhead a:visited.first {
+padding-left: 20px;
+}
+
+#subhead a:hover {
+/*background: #F8E3C9;*/
+color:#3082BF;
+}
+
+/* Adapted from http://www.spiffyjr.me/2010/03/02/creating-fancy-drop-down-menus-with-html-css-and-dojo/ */
+ul#subhead {
+  display: table;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  position: relative;
+}
+ 
+ul#subhead li {
+  cursor: pointer;
+  list-style: none;
+  display: table-cell;
+  float: left;
+  position: relative;
+  text-shadow: 0px 0px 1px #fff;
+  background: #F5AE61 url('/img/subheadfade2.gif') bottom repeat-x;
+}
+ 
+ul#subhead li a,#subhead li div {
+  color: #154f14;
+  padding: 5px 12px;
+}
+ 
+ul#subhead img {
+  margin-right: 3px;
+  vertical-align: top;
+}
+ 
+ul#subhead a {
+  position: relative;
+  display: block;
+}
+ 
+ul#subhead ul.dropmenu {
+  background: #f5faf5;
+  border: 1px solid #BBCFBB;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  z-index: 999;
+  top: 24px;
+  left: -999em;
+  height: 1px;
+  display: block;
+}
+ 
+ul#subhead ul.dropmenu li {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  width: 145px;
+}
+ 
+ul#subhead ul.dropmenu li:hover {
+  opacity: 1;
+}
+ 
+ul#subhead ul.dropmenu li a {
+  display: block;
+  padding: 6px 14px;
+  text-shadow: 0px 0px 1px #fff;
+  text-align: left;
+}
+ 
+ul#subhead ul.dropmenu li a:hover {
+  text-decoration: none;
+}