rt/html/NoAuth/css/3.5-default/nav.css

   1 %# BEGIN BPS TAGGED BLOCK {{{
   2 %#
   3 %# COPYRIGHT:
   4 %#
   5 %# This software is Copyright (c) 1996-2009 Best Practical Solutions, LLC
   6 %#                                          <jesse@bestpractical.com>
   7 %#
   8 %# (Except where explicitly superseded by other copyright notices)
   9 %#
  10 %#
  11 %# LICENSE:
  12 %#
  13 %# This work is made available to you under the terms of Version 2 of
  14 %# the GNU General Public License. A copy of that license should have
  15 %# been provided with this software, but in any event can be snarfed
  16 %# from www.gnu.org.
  17 %#
  18 %# This work is distributed in the hope that it will be useful, but
  19 %# WITHOUT ANY WARRANTY; without even the implied warranty of
  20 %# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
  21 %# General Public License for more details.
  22 %#
  23 %# You should have received a copy of the GNU General Public License
  24 %# along with this program; if not, write to the Free Software
  25 %# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
  26 %# 02110-1301 or visit their web page on the internet at
  27 %# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html.
  28 %#
  29 %#
  30 %# CONTRIBUTION SUBMISSION POLICY:
  31 %#
  32 %# (The following paragraph is not intended to limit the rights granted
  33 %# to you to modify and distribute this software under the terms of
  34 %# the GNU General Public License and is only of importance to you if
  35 %# you choose to contribute your changes and enhancements to the
  36 %# community by submitting them to Best Practical Solutions, LLC.)
  37 %#
  38 %# By intentionally submitting any modifications, corrections or
  39 %# derivatives to this work, or any other work intended for use with
  40 %# Request Tracker, to Best Practical Solutions, LLC, you confirm that
  41 %# you are the copyright holder for those contributions and you grant
  42 %# Best Practical Solutions,  LLC a nonexclusive, worldwide, irrevocable,
  43 %# royalty-free, perpetual, license to use, copy, create derivative
  44 %# works based on those contributions, and sublicense and distribute
  45 %# those contributions and any derivatives thereof.
  46 %#
  47 %# END BPS TAGGED BLOCK }}}
  48 #nav {
  49     clear: both;
  50     font-size: 1.1em;
  51 }
  52
  53 #nav #system-menu,
  54 #nav ul
  55 {
  56     min-width: 85%;
  57 }
  58
  59 %# This is an interesting bit of CSS.  expression() is an IE-only extension to
  60 %# it's CSS implementation.  Just in case other browsers might choke on it,
  61 %# the rule is enclosed in a selector only IE will (wrongly) match to an element.
  62 %#
  63 %# The expression() function takes Javascript, and basically what it's doing here
  64 %# is checking to see if the width of the menu would be greater than 85% of the body
  65 %# width.  If it is, great, leave it alone to automatically resize.  If it is not, set
  66 %# it to 85% of the body width.  This amounts to emulating the min-width rule that
  67 %# compliant browsers understand above.
  68 * html #nav #system-menu {
  69     width: expression(document.body.clientWidth*0.85 < document.getElementById('page-menu').clientWidth ? "auto" : "85%");
  70     overflow: visible;
  71 }
  72
  73 #nav ul {
  74     float: left;
  75     clear: left;
  76
  77     color: #eee;
  78     font-weight: bold;
  79
  80     margin: 0;
  81     padding: 0;
  82
  83     list-style: none;
  84 }
  85
  86 #nav li ul {
  87     margin-top: 0.75em;
  88 }
  89
  90 /*
  91 %# We need the extra padding above for browsers where we display the arrows
  92 %# but those don't work in IE so we don't want as much spacing
  93 %#
  94 %# IE wrongly matches the selector below even though there isn't an element
  95 %# above <html> in the doc tree
  96 */
  97 * html #nav li ul {
  98     margin-top: 0.25em;
  99 }
 100
 101 #nav li {
 102     display: inline;
 103     margin-bottom: 1em;
 104     padding: 0.2em 0 0.4em 0;
 105 }
 106
 107 #nav li.first { padding-left: 1em; }
 108
 109 #nav ul div div.wrapper {
 110     text-align: left;
 111     padding: 0.2em 1em 0.4em 0;
 112 }
 113
 114 /****/
 115
 116 #nav :link,
 117 #nav :visited
 118 {
 119     color: #ececec;
 120     text-decoration: none;
 121 }
 122
 123 #nav :link.selected,
 124 #nav :visited.selected,
 125 #nav :link:hover,
 126 #nav :visited:hover
 127 {
 128     color: #fc6; /*#ff6;*/
 129 }
 130
 131 #nav :link.selected,
 132 #nav :visited.selected
 133 {
 134     text-decoration: underline;
 135 }
 136
 137 html>body #nav :link.selected,
 138 html>body #nav :visited.selected
 139 {
 140     padding-bottom: 0.8em;
 141     background: transparent url(<%$RT::WebImagesURL%>/css/dark-arrow.png) no-repeat bottom center;
 142 }
 143
 144 html>body #nav :link.selected.odd,
 145 html>body #nav :visited.selected.odd
 146 {
 147     padding-bottom: 0.8em;
 148     background: transparent url(<%$RT::WebImagesURL%>/css/light-arrow.png) no-repeat bottom center;
 149 }
 150
 151 /*
 152 #nav ul { background: #069 url(<%$RT::WebImagesURL%>/css/ctr.gif) no-repeat top right; }
 153 #nav ul div { background: transparent url(<%$RT::WebImagesURL%>/css/cbr.gif) no-repeat bottom right; }
 154 #nav ul.odd { background: #08c url(<%$RT::WebImagesURL%>/css/ctr.gif) no-repeat top right; }
 155 #nav ul.odd div { background: transparent url(<%$RT::WebImagesURL%>/css/cbr.gif) no-repeat bottom right; }
 156 */
 157
 158
 159 #nav ul div.wrapper { background: transparent url(<%$RT::WebImagesURL%>/css/ctr.gif) no-repeat top right; }
 160 #nav ul div { background: #069 url(<%$RT::WebImagesURL%>/css/cbr.gif) no-repeat bottom right; }
 161 #nav ul.odd div.wrapper { background: transparent url(<%$RT::WebImagesURL%>/css/ctr.gif) no-repeat top right; }
 162 #nav ul div.odd { background: #08c url(<%$RT::WebImagesURL%>/css/cbr.gif) no-repeat bottom right; }
 163