rt/html/NoAuth/css/3.5-default/header.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 #header {
  49     clear: both;
  50     margin: 0 0.75em 0 0.75em;
  51     padding-top: 1em;
  52 }
  53
  54 #header h1 {
  55     margin: 0;
  56     padding: 0;
  57     color: #930;
  58     position: relative;
  59     font-size: 2em;
  60     font-weight: bold;
  61     left: 1.3em;
  62     top: 0.15em;
  63     z-index: 3;
  64     width: 95%;
  65 }
  66
  67 #header ul {
  68     margin: 0;
  69     padding: 0;
  70     color: #eee;
  71     float: left;
  72 }
  73
  74 #header #page-menu {
  75     position: relative;
  76     z-index: 2;
  77     background: #069 url(<%$RT::WebImagesURL%>/css/ct.gif) no-repeat top left;
  78     min-width: 65%;
  79 }
  80
  81 %# This is an interesting bit of CSS.  expression() is an IE-only extension to
  82 %# it's CSS implementation.  Just in case other browsers might choke on it,
  83 %# the rule is enclosed in a selector only IE will (wrongly) match to an element.
  84 %#
  85 %# The expression() function takes Javascript, and basically what it's doing here
  86 %# is checking to see if the width of the menu would be greater than 65% of the body
  87 %# width.  If it is, great, leave it alone to automatically resize.  If it is not, set
  88 %# it to 65% of the body width.  This amounts to emulating the min-width rule that
  89 %# compliant browsers understand above.
  90 * html #header ul#page-menu {
  91     width: expression(document.body.clientWidth*0.65 < document.getElementById('page-menu').clientWidth ? "auto" : "65%");
  92     overflow: visible;
  93 }
  94
  95 #page-menu div {
  96     position: relative;
  97     z-index: 3;
  98 }
  99
 100 #page-menu div { background: url(<%$RT::WebImagesURL%>/css/cb.gif) no-repeat bottom left; }
 101 #page-menu div div { background: url(<%$RT::WebImagesURL%>/css/cbr.gif) no-repeat bottom right; }
 102 #page-menu div div div {
 103     background: url(<%$RT::WebImagesURL%>/css/ctr.gif) no-repeat top right;
 104     padding: 0.2em 1em 0.4em 1em;
 105 }
 106
 107 #page-menu.actions-present div div { background: url(<%$RT::WebImagesURL%>/css/cbr-b2lb.gif) no-repeat bottom right; }
 108 #page-menu.actions-present div div div { background: url(<%$RT::WebImagesURL%>/css/ctr-b2lb.gif) no-repeat top right; }
 109
 110 #header ul li {
 111     display: inline;
 112 }
 113
 114 #header #actions-menu {
 115     position: relative;
 116     background: #08c;
 117 }
 118
 119 #actions-menu div {
 120     position: relative;
 121     z-index: 2;
 122 }
 123
 124 /*#actions-menu div { background: url(<%$RT::WebImagesURL%>/css/cb.gif) no-repeat bottom left; }*/
 125 #actions-menu div div { background: url(<%$RT::WebImagesURL%>/css/cbr.gif) no-repeat bottom right; }
 126 #actions-menu div div div {
 127     background: url(<%$RT::WebImagesURL%>/css/ctr.gif) no-repeat top right;
 128     padding: 0.2em 1em 0.4em 1em;
 129 }
 130
 131 #header :link,
 132 #header :visited
 133 {
 134     color: white;
 135     text-decoration: none;
 136 }
 137
 138 #header :link.selected,
 139 #header :visited.selected,
 140 #header :link:hover,
 141 #header :visited:hover
 142 {
 143     color: #fc6; /*#ff6;*/
 144 }
 145
 146 #header :link.selected,
 147 #header :visited.selected
 148 {
 149     font-weight: bold;
 150     text-decoration: underline;
 151 }
 152