Upgrade to 4.0.8 with mod of ExternalAuth + absolute paths to ticket-menu.
[usit-rt.git] / share / html / m / _elements / raw_style
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 body {
49     font-family: helvetica, arial, sans-serif;
50     background-color: #ccf;
51     margin: 0;
52 }
53
54 h1 { 
55     font-size: 1.2em;
56     padding-top: 0.5em;
57     padding-left: 0.2em;
58     display: block; 
59     background-color: #fff;
60     margin: 0;
61 }
62
63 div.buttons {
64     text-align: right;
65     padding-right: 0.5em;
66     padding-bottom: 0.5em;
67 }
68
69 .titlebox-title {
70     font-size: 1.1em;
71     margin-left: 0.5em;
72     margin-top: -1.2em;
73     top: -0.5em;
74     padding: 0.5em;
75     position: relative;
76     display: inline-block;
77     text-decoration: none;
78     background-color: #fff;
79     -moz-border-radius: 0.25em;
80     -webkit-border-radius: 0.25em;
81     border-radius: 0.25em;
82     -webkit-box-shadow: #333 0px 0px 5px;
83     -moz-box-shadow: #333 0px 0px 5px;
84     box-shadow: #333 0px 0px 5px;
85 }
86
87 ul.menu
88 {
89     text-align: left;
90     list-style: none;
91     padding: 0;
92     margin: -0.6em;
93     left: 0;
94 }
95
96 ul.menu li
97 {
98     display: block;
99     margin: 0;
100     padding: 0;
101     font-weight: bold;
102 }
103
104 ul.ticketlist li:active, ul.ticketlist li:hover,
105 ul.menu li:active, ul.menu li:hover {
106     background-color: #eee;
107 }
108
109
110 ul.menu li
111 {
112     display: block;
113     padding: 1em;
114     margin: 0;
115     border:0;
116     border-top-width: 1px;
117     border-top-color: #666;
118     border-style: solid;
119     text-decoration: none;
120 }
121
122 ul.menu li:first-child{
123     border: none;
124 }
125
126 ul.menu li#active a
127 {
128     color: #800000;
129 }
130
131 div.titlebox, #bpscredits, #logo, .ticket_menu{
132     -moz-border-radius: 1em;
133     -webkit-border-radius: 1em;
134     border-radius: 1em;
135     margin: 0.5em;
136     background-color: #fff;
137     padding-top: 1em;
138     padding-bottom: 0.8em;
139     margin-top: 1.25em;
140     -webkit-box-shadow: #333 0px 0px 5px;
141     -moz-box-shadow: #333 0px 0px 5px;
142     box-shadow: #333 0px 0px 5px;
143     margin-bottom: 1em;
144 }
145
146 div .titlebox-content {
147     padding-left: 0.5em;
148     padding-right: 0.5em;
149 }
150
151 hr.clear {
152     display: none;
153 }
154
155
156 .label, .labeltop {
157     font-weight: normal;
158 }
159 .value { 
160     font-weight: bold;
161     display: inline-block;
162 }
163
164 div.value {
165     display: block;
166 }
167
168 ul.ticketlist {
169     list-style: none;
170     padding-left: -0.5em;
171     padding-right: -0.5em; /* to counteract the titlebox and get shading to the end*/
172     margin-left: -0.5em;
173     margin-right: -0.5em;
174     padding: 0em;
175     padding-bottom: 1em;
176 }
177
178 ul.ticketlist li.ticket {
179     padding: 0.5em;
180     font-weight: bold;
181     border-bottom: 1px solid #999;
182     
183 }
184 ul.ticketlist li.ticket:first-child {
185     border-top: 1px solid #999;
186 }
187
188 ul.ticketlist li.ticket a.ticket{
189     display: inline-block;
190     font-size: 1em;
191     width: 100%;
192     padding: 0.5em;
193     padding-bottom: 5em;
194     margin-bottom: -5em;
195 }
196 ul.ticketlist li.ticket div.metadata {
197 }
198
199
200 ul.ticketlist li.ticket div.metadata div {
201     padding: 0.2em;
202     font-size:0.8em;
203     display: block;
204 }
205
206 ul.ticketlist li.ticket div.metadata .label {
207     display: inline-block;
208     width: 6em;
209     font-size: 0.8em;
210     text-align: right;
211     color: #666;
212 }
213
214 div#paging {
215     text-align: center;
216 }
217
218 .ticket-reply .titlebox-title, .titlebox.search .titlebox-title, .titlebox.menu .titlebox-title, .ticket_menu .titlebox-title, .history .titlebox-title, #ticket-create-basics .titlebox-title{
219     display: none;
220 }
221
222 a {
223     color: #000;
224 }
225
226 .ticket_menu a, .menu a {
227     text-decoration: none;
228 }
229
230 ul.menu a {
231     padding: 0.5em;
232     margin-top: -0.5em;
233     margin-bottom: -0.5em;
234     display: inline-block;
235     width: 100%;
236 }
237
238 ul.menu a:after {
239     color: #666;
240     float: right;
241     content: ">";
242     font-size: 1.5em;
243     padding: 0;
244     margin: 0;
245     padding-right: 1em;
246
247 }
248
249 ul.menu form {
250     display: inline;
251 }
252
253 ul.menu form * {
254     display: inline;
255 }
256
257
258 ul.menu form input[type=text] { 
259     width: 7em;
260 }
261
262 ul.menu form input{ 
263
264     width: auto;
265     padding: 0.5em;
266     margin: -0.5em;
267     margin-left: 1em;
268 }
269
270 .ticket_menu {
271     text-align: center;
272 }
273
274 .ticket_menu ul {
275     display: block;
276     margin: 0;
277     padding: 0;
278 }
279
280 .ticket_menu ul li {
281
282     display: inline-block;
283     text-align: center;
284     padding-bottom: 0.25em;
285     padding-top: 0.25em;
286     font-size: 1em;
287     width: 28%;
288     padding-right: 0.3em;
289     padding-left: 0.2em;
290     border-right: 1px solid #000;
291 }
292 .ticket_menu ul li:last-child {
293     padding-right: 0;
294     border-right: 0; 
295 }
296
297 .ticket-info-reminders table {
298
299     width: 100%;
300 }
301
302 #ticket-create .label:after {
303    content: ": "; 
304     padding-right: 0.25em;
305
306 }
307
308 #ticket-create .content-label {
309     width: auto;
310     display: block;
311     text-align: left;
312     
313 }
314
315 #ticket-show .label, .login-body .label {
316     display: inline-block;
317     text-align: right;
318     width: 6em;
319     padding-right: 0.25em;
320     font-size: 0.8em;
321 }
322
323 .login-body .value {
324     width: auto;
325 }
326
327 .history ul.history-list {
328     padding: 0;
329     margin: 0;
330     padding-bottom: 2em;
331 }
332
333
334 .history ul.history-list li:first-child {
335     border-top: 1px solid #ccc;
336 }
337
338 .history ul.history-list li {
339     list-style: none;
340     border-bottom: 1px solid #ccc;
341     padding: 0.5em;
342 }
343
344 .history .age {
345     display: inline-block;
346     min-width: 8em;
347     text-align: right;
348
349 }
350
351 div#login-box div.titlebox {
352     width: 100%;
353     margin-left:auto;
354     margin-right: auto;
355 }
356
357 div#login-box input[type=text], div#login-box input[type=password] {
358     width: 100%;
359 }
360
361 #bpscredits {
362     float: right;
363     clear: right;
364     text-align: right;
365     width: auto;
366     font-size: 0.8em;
367     padding: 1em;
368 }
369
370 #bpscredits #copyright {
371     padding-top: 4em;
372     background: white url(<%RT->Config->Get('WebPath')%>/NoAuth/images/bpslogo.png) no-repeat top right;
373 }
374
375
376 :focus {
377     background-color: #ffc;
378     border-color: #000;
379     border-weight: 3px;
380 }
381
382 input[type=submit], input[type=button], button, #paging a {
383     border: 2px outset;
384     margin: 0.3em;
385     padding: 0.3em;
386     padding-left: 0.6em;
387     padding-right: 0.6em;
388     -moz-border-radius: 0.5em;
389     -webkit-border-radius: 0.5em;
390     border-radius: 0.5em;
391     background-color: #006699;
392     color: #fff;
393 }
394
395 form { 
396
397     margin:0;
398 }
399
400 #gohome {
401     position: absolute;
402     top: 0;
403     right: 0;
404     border-left: 1px solid black;
405     border-bottom: 1px solid black;
406     -moz-border-radius-bottomleft: 1em;
407     -webkit-border-bottom-left-radius: 1em;
408     border-bottom-left-radius: 1em;
409     padding: 0.5em;
410     background-color: #fff;
411 }
412
413 #gohome a {
414     font-size: 1em;
415     padding: 0.25em;
416     color: #000;
417 }
418
419 #logo {
420     float: right;
421     clear: right;
422     text-align: center;
423     padding: 1em;
424     padding-bottom: 0.5em;
425     margin: 0.25em 0.5em 0.25em 0.25em;
426 }
427
428 #logo .rtname {
429     display: block;
430     font-size: 0.9em;
431 }
432
433 #logo a img {
434     border: 0;
435     height: 2em;
436     width: auto !important;
437     padding-bottom: 0.5em;
438 }
439
440 div.txn-content {
441     
442     font-size:0.8em;
443     padding-left:1em;
444     padding-top:0.5em;
445     margin-top: 0.5em;
446     margin-left: 2em;
447     padding-bottom: 0.5em;
448     border-left: 5px solid #00c;
449
450 }
451
452 .label {
453     text-align: left;
454     width: 10em;
455     color: #666;
456     display: block;
457     padding-bottom: 0.2em;
458     padding-right: 0.2em;
459     
460 }
461
462 div.entry, tr.input-row {
463     margin-bottom: 0.25em;
464     padding-bottom: 0.25em;
465     border-bottom: 1px solid #ccc;
466     display: block;
467     width: 100%;
468     min-height: 1em;
469 }
470
471
472 input[type=text], input[type=password], select {
473     width: 100%;
474 }
475
476 .timefield input {
477     width: 5em;
478 }
479
480 .timefield select {
481     width: auto;
482 }
483
484
485 textarea {
486     width: 100%;
487 }
488
489 a#fullsite {
490     padding-left: 1em;
491 }