[open-ils-commits] r1070 - evergreen-ils.org/css (dbs)

[svn at svn.open-ils.org]

Author: dbs
Date: 2010-11-17 21:45:29 -0500 (Wed, 17 Nov 2010)
New Revision: 1070

Added:
   evergreen-ils.org/css/menu.css
Log:
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.


Added: evergreen-ils.org/css/menu.css
===================================================================
--- evergreen-ils.org/css/menu.css	                        (rev 0)
+++ evergreen-ils.org/css/menu.css	2010-11-18 02:45:29 UTC (rev 1070)
@@ -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;
+}