%# BEGIN BPS TAGGED BLOCK {{{ %# %# COPYRIGHT: %# %# This software is Copyright (c) 1996-2009 Best Practical Solutions, LLC %# %# %# (Except where explicitly superseded by other copyright notices) %# %# %# LICENSE: %# %# This work is made available to you under the terms of Version 2 of %# the GNU General Public License. A copy of that license should have %# been provided with this software, but in any event can be snarfed %# from www.gnu.org. %# %# This work is distributed in the hope that it will be useful, but %# WITHOUT ANY WARRANTY; without even the implied warranty of %# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU %# General Public License for more details. %# %# You should have received a copy of the GNU General Public License %# along with this program; if not, write to the Free Software %# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA %# 02110-1301 or visit their web page on the internet at %# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html. %# %# %# CONTRIBUTION SUBMISSION POLICY: %# %# (The following paragraph is not intended to limit the rights granted %# to you to modify and distribute this software under the terms of %# the GNU General Public License and is only of importance to you if %# you choose to contribute your changes and enhancements to the %# community by submitting them to Best Practical Solutions, LLC.) %# %# By intentionally submitting any modifications, corrections or %# derivatives to this work, or any other work intended for use with %# Request Tracker, to Best Practical Solutions, LLC, you confirm that %# you are the copyright holder for those contributions and you grant %# Best Practical Solutions, LLC a nonexclusive, worldwide, irrevocable, %# royalty-free, perpetual, license to use, copy, create derivative %# works based on those contributions, and sublicense and distribute %# those contributions and any derivatives thereof. %# %# END BPS TAGGED BLOCK }}} #nav { clear: both; font-size: 1.1em; } #nav #system-menu, #nav ul { min-width: 85%; } %# This is an interesting bit of CSS. expression() is an IE-only extension to %# it's CSS implementation. Just in case other browsers might choke on it, %# the rule is enclosed in a selector only IE will (wrongly) match to an element. %# %# The expression() function takes Javascript, and basically what it's doing here %# is checking to see if the width of the menu would be greater than 85% of the body %# width. If it is, great, leave it alone to automatically resize. If it is not, set %# it to 85% of the body width. This amounts to emulating the min-width rule that %# compliant browsers understand above. * html #nav #system-menu { width: expression(document.body.clientWidth*0.85 < document.getElementById('page-menu').clientWidth ? "auto" : "85%"); overflow: visible; } #nav ul { float: left; clear: left; color: #eee; font-weight: bold; margin: 0; padding: 0; list-style: none; } #nav li ul { margin-top: 0.75em; } /* %# We need the extra padding above for browsers where we display the arrows %# but those don't work in IE so we don't want as much spacing %# %# IE wrongly matches the selector below even though there isn't an element %# above in the doc tree */ * html #nav li ul { margin-top: 0.25em; } #nav li { display: inline; margin-bottom: 1em; padding: 0.2em 0 0.4em 0; } #nav li.first { padding-left: 1em; } #nav ul div div.wrapper { text-align: left; padding: 0.2em 1em 0.4em 0; } /****/ #nav :link, #nav :visited { color: #ececec; text-decoration: none; } #nav :link.selected, #nav :visited.selected, #nav :link:hover, #nav :visited:hover { color: #fc6; /*#ff6;*/ } #nav :link.selected, #nav :visited.selected { text-decoration: underline; } html>body #nav :link.selected, html>body #nav :visited.selected { padding-bottom: 0.8em; background: transparent url(<%$RT::WebImagesURL%>/css/dark-arrow.png) no-repeat bottom center; } html>body #nav :link.selected.odd, html>body #nav :visited.selected.odd { padding-bottom: 0.8em; background: transparent url(<%$RT::WebImagesURL%>/css/light-arrow.png) no-repeat bottom center; } /* #nav ul { background: #069 url(<%$RT::WebImagesURL%>/css/ctr.gif) no-repeat top right; } #nav ul div { background: transparent url(<%$RT::WebImagesURL%>/css/cbr.gif) no-repeat bottom right; } #nav ul.odd { background: #08c url(<%$RT::WebImagesURL%>/css/ctr.gif) no-repeat top right; } #nav ul.odd div { background: transparent url(<%$RT::WebImagesURL%>/css/cbr.gif) no-repeat bottom right; } */ #nav ul div.wrapper { background: transparent url(<%$RT::WebImagesURL%>/css/ctr.gif) no-repeat top right; } #nav ul div { background: #069 url(<%$RT::WebImagesURL%>/css/cbr.gif) no-repeat bottom right; } #nav ul.odd div.wrapper { background: transparent url(<%$RT::WebImagesURL%>/css/ctr.gif) no-repeat top right; } #nav ul div.odd { background: #08c url(<%$RT::WebImagesURL%>/css/cbr.gif) no-repeat bottom right; }