From 104322ab4a3c9fc94430f02b5550ac5b707a1b82 Mon Sep 17 00:00:00 2001 From: dbs Date: Thu, 18 Nov 2010 02:45:29 +0000 Subject: [PATCH] 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 --- css/menu.css | 96 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 96 insertions(+) create mode 100644 css/menu.css diff --git a/css/menu.css b/css/menu.css new file mode 100644 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; +} -- 2.11.0