rt/html/NoAuth/css/3.5-default/titlebox.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 .titlebox {
  49     margin-bottom: 1em;
  50 }
  51
  52 .titlebox .titlebox-content {
  53     margin-top: -1px;
  54     padding: 0.25em .50em 0.125em .50em;
  55     /*padding: 1em 2em 0.5em 2em;*/
  56     margin: 0;
  57     /*margin: 1em 2em 0.5em 2em;*/
  58 }
  59
  60 .titlebox th { font-size: 0.8em; }
  61
  62 %# TRS: I wish there was a more elegant way to do this... I essentially need to
  63 %# select all elements X that do NOT have element Y as a descendant... which I can
  64 %# fake with the child selector of CSS2, but IE is stupid and does not support that.
  65
  66 % for (qw(index
  67 %         Search-Build
  68 %         User-Prefs
  69 %         Approvals
  70 %         Admin-Users-Modify
  71 %         SelfService
  72 %         SelfService-Closed
  73 %                           ))
  74 % {
  75 #comp-<%$_%> .titlebox .titlebox-content,
  76 % }
  77 .titlebox .titlebox .titlebox-content
  78 {
  79     background: #eee;
  80     border-bottom: 1px solid #ccc;
  81     border-right: 1px solid #ccc;
  82     border-left: 0.5em solid #069;
  83 }
  84
  85 #login-box .titlebox .titlebox-content
  86 {
  87     background: none;
  88     border: none;
  89 }
  90
  91 .titlebox .titlebox-title {
  92     position: relative;
  93     font-weight: bold;
  94     color: #930;
  95     font-size: 1.2em;
  96     padding: 0.2em 0 0.2em 4em;
  97     border-bottom: 1px solid #069;
  98 }
  99
 100 .titlebox .titlebox-title .right {
 101     position: absolute;
 102     top: 0.5em;
 103     right: 1.5em;
 104     font-size: 0.9em;
 105     color: #888;
 106 }
 107
 108 .titlebox .titlebox-title .right .selected { color: #930; }
 109
 110 #body .titlebox .titlebox-title .right :link,
 111 #body .titlebox .titlebox-title .right :visited {
 112     color: #888;
 113 }
 114
 115 #body .titlebox .titlebox-title .right :link:hover,
 116 #body .titlebox .titlebox-title .right :visited:hover {
 117     color: #930;
 118 }
 119
 120 .titlebox .titlebox-title .widget a {
 121   display: block;
 122   padding-top: 1em;
 123   width: 20px;
 124
 125   background: url(<%$RT::WebImagesURL%>/css/rollup-arrow.gif) no-repeat center center;
 126
 127   margin: 0;
 128   text-indent: -9999px;
 129
 130   position: absolute;
 131   top: 0.4em;
 132   left: 0.75em;
 133   float: left;
 134
 135 %# Basically IE5 will see those crazy backslashes and prematurely end the rule.
 136 %# This allows values for IE 5's broken box model to be set before the hack and
 137 %# the real values to be set after.  We also set voice-family back to whatever it
 138 %# would have been on the off chance it's actually used.
 139   /* WIN IE5 hack */
 140   height: 7px;
 141   voice-family: "\"}\"";
 142   voice-family: inherit;
 143   height: 0;
 144   overflow: hidden;
 145 }
 146
 147 %# IE also doesn't support the child selector ">", so we can use it to set values
 148 %# that only other browsers will see (in this case, playing nice with Opera, which
 149 %# also suffers from the backslash hack above.)
 150 html>body .titlebox .titlebox-title .widget a {
 151     height: 0;
 152     overflow: hidden;
 153 }
 154
 155 %# Compensates for IE's bad box model by hiding this rule from other browsers
 156 * html .titlebox .titlebox-title .widget a {
 157     background-position: center 0.3em;
 158     left: -3.5em;
 159 }
 160
 161 .titlebox.rolled-up .titlebox-title .widget a {
 162     background-image: url(<%$RT::WebImagesURL%>/css/rolldown-arrow.gif);
 163 }
 164
 165 #body .titlebox .titlebox-title :link,
 166 #body .titlebox .titlebox-title :visited
 167 {
 168     color: #930;
 169     text-decoration: none;
 170 }
 171
 172 #body .titlebox .titlebox-title :link:hover,
 173 #body .titlebox .titlebox-title :visited:hover
 174 {
 175     text-decoration: underline;
 176 }
 177
 178 .titlebox .titlebox-content hr.clear {
 179     visibility: hidden;
 180 }