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