[usit-rt.git] / share / html / NoAuth / css / aileron / ticket.css

%# BEGIN BPS TAGGED BLOCK {{{
%#
%# COPYRIGHT:
%#
%# This software is Copyright (c) 1996-2012 Best Practical Solutions, LLC
%#                                          <sales@bestpractical.com>
%#
%# (Except where explicitly superseded by other copyright notices)
%#
%#
%# LICENSE:
%#
%# This work is made available to you under the terms of Version 2 of
%# the GNU General Public License. A copy of that license should have
%# been provided with this software, but in any event can be snarfed
%# from www.gnu.org.
%#
%# This work is distributed in the hope that it will be useful, but
%# WITHOUT ANY WARRANTY; without even the implied warranty of
%# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
%# General Public License for more details.
%#
%# You should have received a copy of the GNU General Public License
%# along with this program; if not, write to the Free Software
%# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
%# 02110-1301 or visit their web page on the internet at
%# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html.
%#
%#
%# CONTRIBUTION SUBMISSION POLICY:
%#
%# (The following paragraph is not intended to limit the rights granted
%# to you to modify and distribute this software under the terms of
%# the GNU General Public License and is only of importance to you if
%# you choose to contribute your changes and enhancements to the
%# community by submitting them to Best Practical Solutions, LLC.)
%#
%# By intentionally submitting any modifications, corrections or
%# derivatives to this work, or any other work intended for use with
%# Request Tracker, to Best Practical Solutions, LLC, you confirm that
%# you are the copyright holder for those contributions and you grant
%# Best Practical Solutions,  LLC a nonexclusive, worldwide, irrevocable,
%# royalty-free, perpetual, license to use, copy, create derivative
%# works based on those contributions, and sublicense and distribute
%# those contributions and any derivatives thereof.
%#
%# END BPS TAGGED BLOCK }}}
div#ticket-history div.ticket-transaction {
 border-top: 1px solid #ccc;
 padding-bottom: 0.25em;
    position: relative; /* gives us a container for position: absolute */
}

div#ticket-history div.odd {
 background-color: #fff;
}

div#ticket-history {

 margin-top: 0.75em;
 border-left: 1px solid #ccc;

 border-right: 2px solid #999;
  border-bottom: 2px solid #999;

}

.ticket-transaction div.metadata span.actions {
 position: absolute;
 top: 0;
 right: 0;
 padding: 0em;
 background: #ccc;
 text-align: right;
 border-left: 1px solid #999;
 border-bottom: 1px solid #999;
 color: #ccc;
 -moz-border-radius-bottomleft: 0.5em;
 -webkit-border-bottom-left-radius: 0.5em;
 white-space: nowrap;

 border-radius: 0 0 0 0.5em;
}

.ticket-transaction div.metadata  span.type {
 text-align: center;
 float: left;
 margin: 0.25em 0.70em 0.25em 0.25em;
 width: 1em;
 padding: 0;
 border-right: 1px solid #999;
 border-bottom: 1px solid #999;
 -moz-border-radius-bottomright: 0.25em;
 -webkit-border-bottom-right-radius: 0.25em;

 border-radius: 0 0 0.25em 0;

}

div#ticket-history span.type a {
 color: #fff;
 padding-top: 0.75em;
 display: block;
}

#ticket-history a#lasttrans {
    display: inline;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
}


div#ticket-history span.date {
 width: 10em;
}


div#ticket-history span.description {
 margin-left: 1em;
 font-weight: bold;
}

div#ticket-history span.time-taken {
 margin-left: 1em;
}

div#ticket-history div.content {
 padding-right: 1em;
 padding-bottom: 0.7em;
 margin-left: 1.5em;
}


.ticket-transaction .messagebody {
 font-size: 1em;
 padding-left: 1em;
 margin-top: 0.5em;
 padding-top: 0.5em;
 border-top: 1px solid #ccc;
 /*overflow: auto; */
 min-height: 2.5em;
 /* To avoid overlapping of "downloadattachment" by messagebody */
 clear: left;
 word-wrap: break-word;
}

.ticket-transaction .messagebody img {
 max-width: 100%;
}

div#ticket-history div.downloadattachment {
float: right;
clear: both;
font-size: 0.9em;
text-align: right;
background: #ddd;
padding: 0.5em;
margin-left: 1em;

border: 1px solid #ccc;
border-right: 2px solid #aaa;
border-bottom: 2px solid #aaa;
margin-top: 0.5em;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
 border-radius: 0.5em;
}

div#ticket-history div.downloadattachment .downloadcontenttype{
color: #666;
padding-right:0.25em;
}


div#ticket-history .message-header-key {
  width: 7em;
  font-weight: bold;
  color: #666;
}


div#ticket-history .messagebody .messagebody{
 font-size: 1em;
 padding: 0;
 border: 0;
 margin: 0;
}


.ticket-transaction.basics .type { background: #b32; }
.ticket-transaction.cfs .type { background: #b32; }
.ticket-transaction.people .type { background: #48c; }
.ticket-transaction.links .type { background: #316531; }
.ticket-transaction.dates .type { background: #633063; }
.ticket-transaction.message .type { background: #069; }
.ticket-transaction.reminders .type { background: #369; }
.ticket-transaction.other .type { background: #abc; }


/* Color the titlebox tabs */
.ticket-info-cfs .titlebox-title .left { background-color: #b32; color: #fff;}
.ticket-info-basics .titlebox-title .left { background-color: #b32;  color: #fff;}
.ticket-info-people .titlebox-title .left { background-color: #48c;  color: #fff;}
.ticket-info-requestor .titlebox-title .left { white-space: nowrap; background-color: #48c;  color: #fff;}
.ticket-info-links .titlebox-title .left { background-color: #316531;  color: #fff;}
.ticket-info-reminders .titlebox-title .left { background-color: #369;  color: #fff;}
.ticket-info-dates .titlebox-title .left { background-color: #633063;  color: #fff;}
.ticket-info-attachments .titlebox-title .left { background-color: #993366;  color: #fff;}

/* Use a lighter colored toggle arrow */
.ticket-info-cfs .titlebox-title .widget a { background-position: center -7px; }
.ticket-info-basics .titlebox-title .widget a { background-position: center -7px; }
.ticket-info-people .titlebox-title .widget a { background-position: center -7px; }
.ticket-info-requestor .titlebox-title .widget a { background-position: center -7px; }
.ticket-info-links .titlebox-title .widget a { background-position: center -7px; }
.ticket-info-reminders .titlebox-title .widget a { background-position: center -7px; }
.ticket-info-dates .titlebox-title .widget a { background-position: center -7px; }
.ticket-info-attachments .titlebox-title .widget a { background-position: center -7px; }


.ticket-summary .titlebox-title .left a, .ticket-summary .titlebox-title .left a:visited { color: #fff;}

.unread-messages .titlebox , .unread-messages .titlebox-title .left {
  border: 1px solid #99a;
  border-right: 2px solid #aab;
  border-bottom: 2px solid #aab;

}


.unread-messages .titlebox {
  background-color: #dde;
}

.unread-messages .titlebox-title .left {
  background-color: #cce;
}

.ticket-inactive {
  text-decoration: line-through;
  color: #666
}

table.ticket-summary td.boxcontainer:first-child {
  width: 50%;
}
div.requestor-ticket-links {
    text-align: left;
    font-size: 0.8em;
    padding-top: 0.25em;
}

.more-about-requestor-extra-field .label {
    display: inline-block;
    width: 8em;
    font-weight: bold;
    text-align: right;
}

.more-about-requestor-extra-field .value {
    display: inline-block;
}

.ticket-info-requestor .more-about-requestor-extra,
.ticket-info-requestor .comments-about-user,
.ticket-info-requestor .more-about-requestor-tickets,
.ticket-info-requestor .more-about-user-groups
{
    margin: 1em 0;
}

.ticket-info-requestor .comments-about-user .label,
.ticket-info-requestor .more-about-user-groups .label,
.ticket-info-requestor .more-about-requestor-tickets .label
{
    display: block;
    font-weight: bold;
    text-align: left;
}

.ticket-info-requestor .more-about-user-groups .value ul,
.ticket-info-requestor .more-about-requestor-tickets ul
{
    margin-top: 0;
    margin-bottom: 0;
}


/* textareas get to be bigger when we're in a table */
tr.edit-custom-field.cftype-Text textarea,
tr.edit-custom-field.cftype-Freeform input,
tr.edit-custom-field.cftype-Wikitext textarea
{
    width: 100%;
}
Commit	Line	Data
84fb5b46 MKG	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;
86404187	90	padding: 0;
84fb5b46 MKG	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;
86404187 MKG	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;
84fb5b46 MKG	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	}