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