4f8d8ed5dd279628e3ac58a6c326404d2fc64801
[freeside.git] / rt / html / NoAuth / webrt.css
1 %# {{{ BEGIN BPS TAGGED BLOCK
2 %# 
3 %# COPYRIGHT:
4 %#  
5 %# This software is Copyright (c) 1996-2004 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., 675 Mass Ave, Cambridge, MA 02139, USA.
26 %# 
27 %# 
28 %# CONTRIBUTION SUBMISSION POLICY:
29 %# 
30 %# (The following paragraph is not intended to limit the rights granted
31 %# to you to modify and distribute this software under the terms of
32 %# the GNU General Public License and is only of importance to you if
33 %# you choose to contribute your changes and enhancements to the
34 %# community by submitting them to Best Practical Solutions, LLC.)
35 %# 
36 %# By intentionally submitting any modifications, corrections or
37 %# derivatives to this work, or any other work intended for use with
38 %# Request Tracker, to Best Practical Solutions, LLC, you confirm that
39 %# you are the copyright holder for those contributions and you grant
40 %# Best Practical Solutions,  LLC a nonexclusive, worldwide, irrevocable,
41 %# royalty-free, perpetual, license to use, copy, create derivative
42 %# works based on those contributions, and sublicense and distribute
43 %# those contributions and any derivatives thereof.
44 %# 
45 %# }}} END BPS TAGGED BLOCK
46 SPAN.nav {  font-family: Verdana, Arial, Helvetica, sans-serif;
47          font-size: 12px;
48 %#       color: #FFFFFF;
49          color: #000000;
50          text-decoration: none;
51          white-space: nowrap}
52 .nav2 {  font-size: 10px;
53          white-space: nowrap}
54 .nav {  font-family: Verdana, Arial, Helvetica, sans-serif;
55          font-size: 13px;
56 %#       font-weight: normal;
57          font-weight: bold;
58 %#       color: #FFFFFF;
59          color: #000000;
60          text-decoration: none;
61          white-space: nowrap}
62 .currentnav {  font-family: Verdana, Arial, Helvetica, sans-serif;
63          font-size: 13px;
64          font-weight: bold;
65          color: #FFFF66;
66          text-decoration: none;
67          white-space: nowrap}
68 .topnav {  font-family: Verdana, Arial, Helvetica, sans-serif;
69          font-size: 16px;
70          font-weight: normal;
71 %#       color: #FFFFFF;
72          color: #000000;
73          text-decoration: none;
74          white-space: nowrap}
75 .currenttopnav {  font-family: Verdana, Arial, Helvetica, sans-serif;
76          font-size: 16px;
77          font-weight: bold;
78 %#       color: #FFFF66;
79          color: #000000; background-color: #cccccc;
80          text-decoration: none;
81          white-space: nowrap}
82 .topactions {  font-family: Verdana, Arial, Helvetica, sans-serif;
83          font-size: 10px;
84          color: #FFFFFF;
85          text-decoration: none;
86          white-space: nowrap}
87 .subnav {  font-family: Verdana, Arial, Helvetica, sans-serif;
88          font-size: 11px;
89          font-weight: normal;
90          color: #FFFFFF;
91          text-decoration: none;
92          white-space: nowrap}
93 .currentsubnav {  font-family: Verdana, Arial, Helvetica, sans-serif;
94          font-size: 11px;
95          font-weight: bold;
96          color: #FFFF66;
97          text-decoration: none;
98          white-space: nowrap}
99 .error {  background-color: #ff0000;
100          background-position: left top;
101          vertical-align: top;
102          text-align: left;
103          }
104 .oldblue {  background-color: #0066CC;
105          background-position: left top;
106          vertical-align: top;
107          text-align: left;
108          }
109 .blue {
110          background-color: #4682B4;
111 %#       background-color: #eeeeee;
112          background-position: left top;
113          vertical-align: top;
114          text-align: left;
115          }
116 .blueright {
117          background-color: #4682B4;
118 %#       background-color: #eeeeee;
119          background-position: left top;
120          vertical-align: top;
121          text-align: right;
122          }
123 .olddarkblue {  background-color: #003399;
124          background-position: left top;
125          vertical-align: top;
126          text-align: left;
127          }
128 .darkblue {
129          background-color: #000080;
130          background-position: left top;
131          vertical-align: top;
132          text-align: left;
133          }
134 .darkblueright { 
135          background-color: #000080;
136          background-position: left top;
137          vertical-align: top;
138          text-align: right;
139          }
140 .lightgray {
141          background-color: #eeeeee;
142          background-position: left top;
143          vertical-align: top;
144          text-align: left;
145          }
146 .lightgrayright { 
147          background-color: #eeeeee;
148          background-position: left top;
149          vertical-align: top;
150          text-align: right;
151          }
152 .mediumgray {
153          background-color: #cccccc;
154          background-position: left top;
155          vertical-align: top;
156          text-align: left;
157          }
158 .mediumgrayright { 
159          background-color: #cccccc;
160          background-position: left top;
161          vertical-align: top;
162          text-align: right;
163          }
164 .white {
165          background-color: #ffffff;
166          background-position: left top;
167          vertical-align: top;
168          text-align: left;
169          }
170 .whiteright { 
171          background-color: #ffffff;
172          background-position: left top;
173          vertical-align: top;
174          text-align: right;
175          }
176 .overdue {
177          color: red;
178 }
179
180 div.messagebody {
181     padding: 2em; 
182
183 }
184
185
186 div.downloadattachment {
187     font size: 10px;
188     text-align: right;
189
190 }
191
192
193 td {  font-family: Verdana, Arial, Helvetica, sans-serif;
194          font-size: 11px;
195          background-position: left top;
196          }
197 .black { background-color: #000000;
198          background-position: left top;
199          }
200 span.rtname {  font-family: Verdana, Arial, Helvetica, sans-serif;
201          font-size: 18px;
202          font-weight: normal;
203          color: #ffffff}
204 span.title {  font-family: Verdana, Arial, Helvetica, sans-serif;
205          font-size: 20px;
206          font-weight: bold;
207          color: #ffffff}
208 .header {  font-family: Verdana, Arial, Helvetica, sans-serif;
209          font-size: 12px;
210          font-weight: bold;
211          color: #0066CC}
212 .subheader { font-family: Verdana, Arial, Helvetica, sans-serif;
213          font-size: 11px;
214          font-weight: bold;
215          color: #0066CC }
216 .value {       font-weight: bold; }
217 .entry {       font-weight: normal; }
218 .label {       font-weight: normal;
219                text-align: right; }
220 .labeltop {       font-weight: normal;
221                text-align: right;
222                vertical-align: top }
223 .productnav {  font-family: Verdana, Arial, Helvetica, sans-serif;
224          font-size: 11px;
225          color: #000000;
226          text-align: center;
227          vertical-align: middle;
228          text-decoration: none}
229 .rtblue { background-color: #3399FF;
230          margin-top: 0.2em;
231          background-position: left top;
232          vertical-align: top }
233
234
235 .currenttab { margin: 0.2em; background: #336699; }
236 .othertab { margin: 0.2em; background: #efefef; }
237 .oddline { background-color : #ccccee; }
238
239 UL.topnav LI :focus { text-decoration: underline; }
240
241 TD.mainbody {
242         padding-top: 0.5em;
243         padding-left: 1em;
244         padding-right: 1em;
245         margin-left: 1em;
246         margin-right: 1em;
247 }
248
249 td.boxcontainer + td.boxcontainer {
250         margin-left: 1em;
251         padding-left: 1em;
252         border-collapse: collapse;
253 }
254
255 th.ticketheader { font-size: 80%;
256      font-weight: bold;
257      color: #336699;
258      background: #cccccc; 
259 }
260
261 th.titlebox {
262         text-align: left;
263         padding-left: 0.5em;
264         padding-right: 0.5em;
265         margin-left: 0.5em;
266         margin-right: 0.5em;
267         border-top: solid black 1px;
268         border-bottom: solid black 1px;
269 }    
270 th.titleboxright {
271         text-align: right;
272         padding-left: 0.5em;
273         padding-right: 0.5em;
274         margin-left: 0.5em;
275         margin-right: 0.5em;
276         border-top: solid black 1px;
277         border-bottom: solid black 1px;
278 }    
279
280 TD.titlebox {
281         padding-left: 1em;
282         padding-right: 1em;
283         padding-top: 1em;
284         padding-bottom: 1em;
285 }
286
287 SPAN.message {
288         font-size: 100%;
289         font-family: Verdana, Arial, Helvetica, sans-serif;
290 }
291
292
293 BODY {
294   color: #000;
295   background: #FFFFFF;
296   font-family: "Helvetica", sans-serif;
297   margin-top: 0px;
298   margin-bottom: 0px;
299   margin-left: 0px;
300   margin-right: 0px;
301   border-top: 0px;
302   border-bottom: 0px;
303   border-left: 0px;
304   border-right: 0px;
305 }
306
307
308 TR.oddline { 
309     background-color : #ffffff;
310 }
311
312 TR.evenline { 
313     background-color : #ccccee;
314 }
315
316 H1, H2, H3 { 
317   margin-top: 0.2em;
318   color: #336699;
319   font-family: "Helvetica", sans-serif;
320
321   clear: both;
322 }
323
324
325 DIV.endmatter { margin-left: -7% }
326 .bpscredits {margin-top: 1em;
327              text-align: right; 
328              color: #666666;
329              }
330
331
332 A { font-weight: bold; color: #000000;
333             }
334
335 .currenttab { color: #ffffff;}
336 .othertab { color: #336699; }
337
338 .inverse { color: #ffffff; }
339
340
341
342 A:link IMG, A:visited IMG { border-style: none }
343 a:focus {text-decoration: underline }
344 A IMG { color: white } /* The only way to hide the border in NS 4.x */
345
346 a:link {  text-decoration: none}
347 a:visited {  text-decoration: none}  
348 a:hover {  text-decoration: underline}
349 /* a:focus { background-color: #ccccee } */
350
351 .hide {
352   display: none;
353   color: white;
354 }
355
356 SPAN.date { font-size: 0.8em }
357
358 span.title { font-size: 1.6em;
359              vertical-align: middle;
360 %#           color: #ffffff;
361              color: #000000;
362            }
363 span.productname { font-size: 2em;
364              color: #0066cc;}
365 SPAN.titleboxtitle, SPAN.titleboxclose {
366         font-size: 80%;
367         color: #ffffff;
368          vertical-align: middle;
369          text-align: left;
370         }
371 SPAN.titleboxtitle a {
372         color: #ffffff;
373 }
374 SPAN.titleboxtitle a:after {
375         content: "...";
376 }
377
378 SPAN.titleboxright {
379         font-size: 0.8em;
380         color: #ffffff;
381          vertical-align: middle;
382          text-align: right;
383         }
384
385 SPAN.attribution {
386   font-weight: bold;
387 }
388
389 SPAN.label { font-size: 0.8em; 
390 }
391
392 BLOCKQUOTE {
393   font-style: italic;
394   /* color: #990; */
395 }
396
397 ADDRESS { 
398   text-align: right;
399   font-weight: bold;
400   font-style: italic 
401 }
402
403 BLOCKQUOTE P {                  /* Try to avoid space above the attribution */
404   margin-bottom: 0;
405 }
406 BLOCKQUOTE ADDRESS {
407   margin: 0;
408 }
409
410
411 .emphasized {
412   font-weight: bold
413 }
414
415
416 P.map-also { font-style: italic; margin-left: 15%; text-align: right }
417
418 .oddline { 
419         background-color : #ccccee;
420 }
421
422 ul.topnav {
423         list-style: none;
424         margin-left: 0;
425         margin-right: 0.25em;           
426         padding-left: 0.25em;
427         padding-bottom: 0;      
428         padding-top:0;
429         margin-top: 0;
430         margin-bottom:0;
431 }
432
433 %# Provide a callback for adding/modifying the style sheet.
434 %# http://www.w3.org/TR/REC-CSS1 - section 3.2, says:
435 %#   "latter specified rule wins"
436 <& /Elements/Callback &>
437 <%flags>
438 inherit => undef
439 </%flags>
440 <%init>
441 $r->content_type('text/css');
442 $r->headers_out->{'Expires'} = '+30m';
443 </%init>