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