rt/share/html/NoAuth/css/aileron/ticket.css

   1 %# BEGIN BPS TAGGED BLOCK {{{
   2 %#
   3 %# COPYRIGHT:
   4 %#
   5 %# This software is Copyright (c) 1996-2012 Best Practical Solutions, LLC
   6 %#                                          <sales@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 div#ticket-history div.ticket-transaction {
  49  border-top: 1px solid #ccc;
  50  padding-bottom: 0.25em;
  51     position: relative; /* gives us a container for position: absolute */
  52 }
  53
  54 div#ticket-history div.odd {
  55  background-color: #fff;
  56 }
  57
  58 div#ticket-history {
  59
  60  margin-top: 0.75em;
  61  border-left: 1px solid #ccc;
  62
  63  border-right: 2px solid #999;
  64   border-bottom: 2px solid #999;
  65
  66 }
  67
  68 .ticket-transaction div.metadata span.actions {
  69  position: absolute;
  70  top: 0;
  71  right: 0;
  72  padding: 0em;
  73  background: #ccc;
  74  text-align: right;
  75  border-left: 1px solid #999;
  76  border-bottom: 1px solid #999;
  77  color: #ccc;
  78  -moz-border-radius-bottomleft: 0.5em;
  79  -webkit-border-bottom-left-radius: 0.5em;
  80  white-space: nowrap;
  81
  82  border-radius: 0 0 0 0.5em;
  83 }
  84
  85 .ticket-transaction div.metadata  span.type {
  86  text-align: center;
  87  float: left;
  88  margin: 0.25em 0.70em 0.25em 0.25em;
  89  width: 1em;
  90  height: 1.25em;
  91  padding: 0.75em 0 0 0;
  92  border-right: 1px solid #999;
  93  border-bottom: 1px solid #999;
  94  -moz-border-radius-bottomright: 0.25em;
  95  -webkit-border-bottom-right-radius: 0.25em;
  96
  97  border-radius: 0 0 0.25em 0;
  98
  99 }
 100
 101 div#ticket-history span.type a {
 102  color: #fff;
 103 }
 104
 105
 106 div#ticket-history span.date {
 107  width: 10em;
 108 }
 109
 110
 111 div#ticket-history span.description {
 112  margin-left: 1em;
 113  font-weight: bold;
 114 }
 115
 116 div#ticket-history span.time-taken {
 117  margin-left: 1em;
 118 }
 119
 120 div#ticket-history div.content {
 121  padding-right: 1em;
 122  padding-bottom: 0.7em;
 123  margin-left: 1.5em;
 124 }
 125
 126
 127 .ticket-transaction .messagebody {
 128  font-size: 1em;
 129  padding-left: 1em;
 130  margin-top: 0.5em;
 131  padding-top: 0.5em;
 132  border-top: 1px solid #ccc;
 133  /*overflow: auto; */
 134  min-height: 2.5em;
 135  /* To avoid overlapping of "downloadattachment" by messagebody */
 136  clear: left;
 137  word-wrap: break-word;
 138 }
 139
 140 .ticket-transaction .messagebody img {
 141  max-width: 100%;
 142 }
 143
 144 div#ticket-history div.downloadattachment {
 145 float: right;
 146 clear: both;
 147 font-size: 0.9em;
 148 text-align: right;
 149 background: #ddd;
 150 padding: 0.5em;
 151 margin-left: 1em;
 152
 153 border: 1px solid #ccc;
 154 border-right: 2px solid #aaa;
 155 border-bottom: 2px solid #aaa;
 156 margin-top: 0.5em;
 157 -moz-border-radius: 0.5em;
 158 -webkit-border-radius: 0.5em;
 159  border-radius: 0.5em;
 160 }
 161
 162 div#ticket-history div.downloadattachment .downloadcontenttype{
 163 color: #666;
 164 padding-right:0.25em;
 165 }
 166
 167
 168 div#ticket-history .message-header-key {
 169   width: 7em;
 170   font-weight: bold;
 171   color: #666;
 172 }
 173
 174
 175 div#ticket-history .messagebody .messagebody{
 176  font-size: 1em;
 177  padding: 0;
 178  border: 0;
 179  margin: 0;
 180 }
 181
 182
 183
 184 .ticket-transaction.basics .type { background: #b32; }
 185 .ticket-transaction.cfs .type { background: #b32; }
 186 .ticket-transaction.people .type { background: #48c; }
 187 .ticket-transaction.links .type { background: #316531; }
 188 .ticket-transaction.dates .type { background: #633063; }
 189 .ticket-transaction.message .type { background: #069; }
 190 .ticket-transaction.reminders .type { background: #369; }
 191 .ticket-transaction.other .type { background: #abc; }
 192
 193
 194 /* Color the titlebox tabs */
 195 .ticket-info-cfs .titlebox-title .left { background-color: #b32; color: #fff;}
 196 .ticket-info-basics .titlebox-title .left { background-color: #b32;  color: #fff;}
 197 .ticket-info-people .titlebox-title .left { background-color: #48c;  color: #fff;}
 198 .ticket-info-requestor .titlebox-title .left { white-space: nowrap; background-color: #48c;  color: #fff;}
 199 .ticket-info-links .titlebox-title .left { background-color: #316531;  color: #fff;}
 200 .ticket-info-reminders .titlebox-title .left { background-color: #369;  color: #fff;}
 201 .ticket-info-dates .titlebox-title .left { background-color: #633063;  color: #fff;}
 202 .ticket-info-attachments .titlebox-title .left { background-color: #993366;  color: #fff;}
 203
 204 /* Use a lighter colored toggle arrow */
 205 .ticket-info-cfs .titlebox-title .widget a { background-position: center -7px; }
 206 .ticket-info-basics .titlebox-title .widget a { background-position: center -7px; }
 207 .ticket-info-people .titlebox-title .widget a { background-position: center -7px; }
 208 .ticket-info-requestor .titlebox-title .widget a { background-position: center -7px; }
 209 .ticket-info-links .titlebox-title .widget a { background-position: center -7px; }
 210 .ticket-info-reminders .titlebox-title .widget a { background-position: center -7px; }
 211 .ticket-info-dates .titlebox-title .widget a { background-position: center -7px; }
 212 .ticket-info-attachments .titlebox-title .widget a { background-position: center -7px; }
 213
 214
 215 .ticket-summary .titlebox-title .left a, .ticket-summary .titlebox-title .left a:visited { color: #fff;}
 216
 217 .unread-messages .titlebox , .unread-messages .titlebox-title .left {
 218   border: 1px solid #99a;
 219   border-right: 2px solid #aab;
 220   border-bottom: 2px solid #aab;
 221
 222 }
 223
 224
 225 .unread-messages .titlebox {
 226   background-color: #dde;
 227 }
 228
 229 .unread-messages .titlebox-title .left {
 230   background-color: #cce;
 231 }
 232
 233 .ticket-inactive {
 234   text-decoration: line-through;
 235   color: #666
 236 }
 237
 238 table.ticket-summary td.boxcontainer:first-child {
 239   width: 50%;
 240 }
 241 div.requestor-ticket-links {
 242     text-align: left;
 243     font-size: 0.8em;
 244     padding-top: 0.25em;
 245 }
 246
 247 .more-about-requestor-extra-field .label {
 248     display: inline-block;
 249     width: 8em;
 250     font-weight: bold;
 251     text-align: right;
 252 }
 253
 254 .more-about-requestor-extra-field .value {
 255     display: inline-block;
 256 }
 257
 258 .ticket-info-requestor .more-about-requestor-extra,
 259 .ticket-info-requestor .comments-about-user,
 260 .ticket-info-requestor .more-about-requestor-tickets,
 261 .ticket-info-requestor .more-about-user-groups
 262 {
 263     margin: 1em 0;
 264 }
 265
 266 .ticket-info-requestor .comments-about-user .label,
 267 .ticket-info-requestor .more-about-user-groups .label,
 268 .ticket-info-requestor .more-about-requestor-tickets .label
 269 {
 270     display: block;
 271     font-weight: bold;
 272     text-align: left;
 273 }
 274
 275 .ticket-info-requestor .more-about-user-groups .value ul,
 276 .ticket-info-requestor .more-about-requestor-tickets ul
 277 {
 278     margin-top: 0;
 279     margin-bottom: 0;
 280 }
 281
 282
 283 /* textareas get to be bigger when we're in a table */
 284 tr.edit-custom-field.cftype-Text textarea,
 285 tr.edit-custom-field.cftype-Freeform input,
 286 tr.edit-custom-field.cftype-Wikitext textarea
 287 {
 288     width: 100%;
 289 }