source: trunk/workflow/inc/report/includes/css/base_form.css @ 5307

Revision 5307, 13.3 KB checked in by pereira.jair, 12 years ago (diff)

Ticket #2416 - Inclusao da nova ferramenta de relatorios do workflow.
Line 
1/* @file base_form.css*/
2/* @version 10/01/2009 */
3/* @since 13/03/2009 10:29 */
4
5/* ------------------------------------------------------------------------------------------------------------------- */
6html, body, div, span, applet, object, iframe, h1, h2, h3,h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins,
7kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend,caption, tbody, tfoot, table, thead, tr, td, a {
8        margin: 0;
9        padding: 0;
10        border: 0;
11        outline: 0;
12        font-weight: inherit;
13        font-style: inherit;
14        font-size: 100%;
15        font-family: inherit;
16       
17}
18:focus { outline: 0;}
19a, a:link, a:visited, a:hover, a:active{text-decoration:none}
20table { border-collapse: separate;border-spacing: 0;}
21th, td { font-weight: normal;}
22img, iframe {border: none; text-decoration:none;}
23/*ol, ul {list-style: none;}*/
24input, textarea, select, button {font-size: 100%;font-family: inherit;}
25select {margin: inherit;}
26hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}
27/* ------------------------------------------------------------------------------------------------------------------- */
28
29
30
31
32
33
34
35
36body {
37    margin: 0px 0px 0px 0px;
38    margin-top:0px;
39    font-family: Verdana, Arial, Helvetica, sans-serif;
40    font-size: 11px;
41    font-weight: normal;
42    color: #000000;
43}
44
45img{ border: 0px solid #FFFFFF; }
46
47a {
48    color: #3B5CA1;
49    text-decoration: none;
50    font-family: Verdana, Arial, Helvetica, sans-serif;
51    font-size: 11px;
52}
53
54a:hover {
55    text-decoration: underline;
56    font-family: Verdana, Arial, Helvetica, sans-serif;
57    font-size: 11px;
58}
59
60h1{
61    font-family: Verdana, Arial, Helvetica, sans-serif;
62    font-size: 14px;
63    color: #000000;
64    font-weight: bold;
65    white-space : nowrap;
66    text-align: left;
67    display:inline;
68    margin-left: 12px;
69}
70
71h2{
72    font-family: Verdana, Arial, Helvetica, sans-serif;
73    font-size: 12px;
74    color: #000000;
75    font-weight : bold;
76    text-align: left;
77    white-space : nowrap;
78    display:inline;
79    margin-left: 8px;
80    margin-right: 8px;
81}
82
83h3{
84    font-family: Verdana, Arial, Helvetica, sans-serif;
85    font-size: 10px;
86    color: #000000; /*#164C7A;*/
87    font-weight : bold;
88    text-align: left;
89    display:inline;
90    margin-left: 4px;
91
92}
93
94label {
95    font-family: Verdana, Arial, Helvetica, sans-serif;
96    font-size: 11px;
97    font-weight: normal;
98    margin-left: 8px;
99    margin-right: 8px;
100   /* white-space: nowrap; */
101}
102
103
104
105
106
107
108
109/*********  TABELAS E RESULTADOS *********/
110.tableMoldura{
111    text-align: left;
112    vertical-align: top;
113    border: 1px solid #94ADC2;
114    width:98%;
115    padding: 0px 0px 0px 0px;
116    margin: 0px 0px 10px 0px;
117    clear: left;
118    background-color:#FFFFFF;
119}
120
121.tableTitulo{
122    height: 16px;
123    background-image: url("../../images/fundo.gif");
124    margin-right:3px;
125    height: 20px;
126   
127}
128
129.tableTitulo td {
130        border: 0px solid #FFFFFF;
131        border-bottom: 1px solid #94ADC2;
132}
133
134.tableSubTitulo{
135    height: 14px;
136    /*border: 0px solid #FFFFFF;*/
137        background-color: #E6EAEE;
138        margin-right: 3px;
139        height: 20px;
140}
141
142.tableTituloColunas{   
143    height: 14px;
144   
145        background-color: #BAD0E5;
146    height: 20px;
147        margin: 0px 0px 0px 0px;
148        margin-right:3px;
149}
150
151.tableTituloColunas td{   
152    margin: 4px 0px 4px 0px;
153    border-right: solid 1px #FFFFFF;
154    border-bottom : 1px solid #FFFFFF;
155}
156
157
158.tableRodapeModelo1{
159    background-color: #BAD0E5;
160    margin: 4px 0px 4px 0px;
161    border-bottom: solid 1px #FFFFFF; border-right: solid 1px #FFFFFF; border-left: solid 1px #FFFFFF;
162    height: 20px;
163}
164
165.tableRodapeModelo2{
166    background-color: #B1CBDE;
167    margin: 4px 0px 4px 0px;
168    border-bottom: solid 1px #FFFFFF; border-right: solid 1px #FFFFFF; border-left: solid 1px #FFFFFF;
169    height: 20px;
170}
171
172.tableRodapeModelo3{
173    background-color: #AABFD2;
174    margin: 4px 0px 4px 0px;
175    border-bottom: solid 1px #FFFFFF; border-right: solid 1px #FFFFFF; border-left: solid 1px #FFFFFF;
176    height: 20px;
177}
178
179.tableRodapeModelo1 td {
180        margin: 4px 0px 4px 0px;
181        border-bottom: solid 1px #FFFFFF;
182        border-right: solid 1px #FFFFFF;
183        border-left: solid 1px #FFFFFF;
184}
185
186.tableRodapeModelo2 td {
187    margin: 4px 0px 4px 0px;
188    border-bottom: solid 1px #FFFFFF;
189    border-right: solid 1px #FFFFFF;
190    border-left: solid 1px #FFFFFF;
191}
192
193.tableRodapeModelo3 td {
194    margin: 4px 0px 4px 0px;
195    border-bottom: solid 1px #FFFFFF;
196    border-right: solid 1px #FFFFFF;
197    border-left: solid 1px #FFFFFF;
198}
199
200 table {
201    border-collapse: separate;
202    border-spacing: 0px;
203    margin: 0px 0px 0px 0px;
204    padding: 0px 0px 0px 0px;
205    empty-cells: show !important;
206}
207
208table {
209        max-width: 100%;
210   * border-collapse:collapse !important;
211   * border-spacing:1px 1px !important;
212   _ border-collapse:collapse !important;
213   _ border-spacing:1px 1px  !important;
214   outline: 0;
215   padding: 0;
216   margin: 0;
217   border: 0;
218}
219
220tr {
221    border-spacing: 0 !important;
222}
223
224tr {
225
226    margin: 0px 0px 0px 0px;
227    padding: 0px 0px 0px 0px;
228} 
229
230td{
231    font-family: Verdana, Arial, Helvetica, sans-serif;
232    font-weight: normal;
233    font-size: 11px;
234
235}
236
237.tdc {
238    font-family: Verdana, Arial, Helvetica, sans-serif;
239    font-size: 11px;
240    color: black;
241    height:16;
242    background-color: #FFFFFF;
243    border: 0px solid #FFFFFF;
244}
245
246.tde {
247    font-family: Verdana, Arial, Helvetica, sans-serif;
248    font-size: 11px;
249    color: black;
250    height:16;
251    background-color: #DEE6F6;
252    border: 0px solid #FFFFFF;
253}
254
255.tdcOver {
256    font-family: Verdana, Arial, Helvetica, sans-serif;
257    font-size: 11px;
258    color: black;
259    height:16;
260    background-color: #F9E5A9 /* #FDF3D9 */;
261    border: 0px solid #FFFFFF;
262   
263}
264
265.tdeOver {
266    font-family: Verdana, Arial, Helvetica, sans-serif;
267    font-size: 11px;
268    color: black;
269    height:16;
270    background-color: #F9E5A9;
271    border: 0px solid #FFFFFF;
272   
273}
274
275.tdc td {
276        border-right: solid 1px #FFFFFF;
277        border-bottom: solid 1px #FFFFFF;
278        padding: 0px 3px 0px 3px ! important;
279}
280
281.tde td {
282    border-right: solid 1px #FFFFFF;
283    border-bottom: solid 1px #FFFFFF;
284    padding: 0px 3px 0px 3px ! important;
285}
286
287.tdcOver td {
288    border-right: solid 1px #FFFFFF;
289    border-bottom: solid 1px #FFFFFF;
290    padding: 0px 3px 0px 3px ! important;
291}
292
293.tdeOver td {
294    border-right: solid 1px #FFFFFF;
295    border-bottom: solid 1px #FFFFFF;
296    padding: 0px 3px 0px 3px ! important;
297}
298
299.bolaLegenda{
300        font-size:18px;
301}
302
303
304
305
306
307.msg {
308    padding: 0px 10px 0px 10px !important;
309    font-family: Verdana, Arial, Helvetica, sans-serif !important;
310    font-size: 12px !important;
311    color: #643E41 !important;
312    font-weight:bold !important;
313
314}
315
316.msg_help {
317
318    display:inline;
319    font-size:11px;
320    color:#643E41;     
321}
322
323/****************
324 * Status pendente
325 * Aplicar em elemento span para representar uma legenda
326 */
327.statusA {
328        background-image: url("../../images/indicadores/redondos/ap/ap01.jpg");
329    background-repeat: no-repeat;
330    margin: 3px 3px 3px 3px;
331    padding: 2px 10px 2px 10px;
332       
333}
334.statusAF {
335    background-image: url("../../images/indicadores/redondos/apf/ap01.jpg");
336    background-repeat: no-repeat;
337    margin: 3px 3px 3px 3px;
338    padding: 2px 10px 2px 10px;   
339}
340.statusN {
341   
342    background-image: url("../../images/indicadores/redondos/ap/ap04.jpg");
343    background-repeat: no-repeat;
344    margin: 3px 3px 3px 3px;
345    padding: 2px 10px 2px 10px;
346   
347}
348.statusNF {
349   
350    background-image: url("../../images/indicadores/redondos/apf/ap04.jpg");
351    background-repeat: no-repeat;
352    margin: 3px 3px 3px 3px;
353    padding: 2px 10px 2px 10px;
354
355   
356}
357.statusP {
358   
359    background-image: url("../../images/indicadores/redondos/ap/ap03.jpg");
360    background-repeat: no-repeat;
361    margin: 3px 3px 3px 3px;
362    padding: 2px 10px 2px 10px;
363   
364}
365.statusPF {
366   
367    background-image: url("../../images/indicadores/redondos/apf/ap03.jpg");
368    background-repeat: no-repeat;
369    margin: 3px 3px 3px 3px;
370    padding: 2px 10px 2px 10px;
371   
372}
373.statusM {
374   
375    background-image: url("../../images/indicadores/redondos/ap/ap02.jpg");
376    background-repeat: no-repeat;
377    margin: 3px 3px 3px 3px;
378    padding: 2px 10px 2px 10px;
379   
380}
381.statusMF {
382    background-image: url("../../images/indicadores/redondos/apf/ap02.jpg");
383    background-repeat: no-repeat;
384    margin: 3px 3px 3px 3px;
385    padding: 2px 10px 2px 10px;
386}
387.statusC {
388    background-image: url("../../images/indicadores/redondos/ap/ap05.jpg");
389    background-repeat: no-repeat;
390    margin: 4px 4px 4px 4px;
391    padding: 2px 10px 3px 10px;
392}
393.statusCF {
394    background-image: url("../../images/indicadores/redondos/apf/ap05.jpg");
395    background-repeat: no-repeat;
396    margin: 4px 4px 4px 4px;
397    padding: 2px 10px 3px 10px;
398}
399
400/*********  FORMULARIOS  *********/
401
402.botao {
403    font-family: Verdana, Arial, Helvetica, sans-serif;
404    background-image: URL("../../images/fd_tr_principal.gif");
405    vertical-align: middle;
406    font-size: 9pt;
407    text-align:center ;
408    border-color: #000000; 
409    border-style:outset;
410    border: 1px solid #999999;
411    padding: 0px 0px 0px 0px;
412    font-size: 8pt;
413    color:#000000;
414    height: 20px;
415}
416.files {
417    font-family: Verdana, Arial, Helvetica, sans-serif;
418    background-image: URL("../../images/fd_tr_principal.gif");
419    vertical-align: middle;
420    font-size: 9pt;
421    border-color: #000000; 
422    border-style:outset;
423    border: 1px solid #999999;
424    padding: 0px 0px 0px 0px;
425    font-size: 8pt;
426    color:#000000;
427    height: 20px;
428}
429.msg{
430    font-family: Verdana, Arial, Helvetica, sans-serif;
431    font-size: 12px;
432    color:#996666;
433    font-weight : bold;
434    text-align: left;
435    white-space : nowrap;
436    margin-left:5px;
437}
438
439.radio, .checkbox {
440    color: #000000;
441    font-family: Verdana, Arial, Helvetica, sans-serif;
442    font-size: 10pt;
443    background-color: #FFFFFF;
444    height: auto;
445    border: 0px solid #FFFFFF;
446    margin: 1px 0px 1px 0px;
447}
448
449.inputError {
450    background-color:#FFFFC0;
451}
452.inputNormal {
453    background-color:#FFFFFF;
454}
455
456input {
457    color: #000000;
458    font-family: Verdana, Arial, Helvetica, sans-serif;
459    font-size: 10pt;
460    background-color: #ffffff;
461    height : 20px;
462    border: 1px solid #C0C0C0;
463    margin: 1px 0px 1px 0px;
464}
465
466select {
467    color: #000000;
468    font-family: Verdana, Arial, Helvetica, sans-serif;
469    font-size: 10pt;
470    background-color: #FFFFFF;
471    border: 1px solid #C0C0C0;
472    margin: 1px 0px 1px 0px;
473}
474
475textarea {
476    color: #000000;
477    font-family: Verdana, Arial, Helvetica, sans-serif;
478    font-size: 10pt;
479    background-color: #FFFFFF;
480    border: 1px solid #C0C0C0;
481    margin: 1px 0px 1px 0px;
482}
483
484
485
486
487
488
489/* Abas */
490
491#navPrincipal {
492    border-bottom: 1px solid #94ADC2;
493}
494 
495
496#tabnav {
497   
498    margin: 0;
499    position: relative;
500    margin: 0;
501    padding: 0;
502    padding-top: 10px;
503
504}
505   
506#tabnav a:link {
507    float: left;
508    font-size: 10px;
509    line-height: 14px;
510    padding: 5px 10px 5px 10px;
511    margin-right: 3px;
512    border: 1px solid #ccc;
513    border-bottom: 1px solid #FFFFFF !important;
514    text-decoration: none;
515    background-image: url("../../images/fundo.gif"); 
516    font-weight: normal;
517    white-space: nowrap;
518   
519}
520
521   
522#tabnav a:link.active, #tabnav a:visited.active {
523       
524        border: 1px solid #94ADC2 !important;
525        border-bottom: 1px solid #FFFFFF !important;
526        background-image: url("../../images/fundo_over3.jpg");
527        color: #000000;
528        white-space: nowrap
529}
530
531
532#tabnav a:hover {
533    background-image: url("../../images/fundo_over2.jpg");
534    border-bottom: 1px solid #FFFFFF !important;
535    background-repeat: repeat-x;
536    color: #000000;
537    font-weight: normal;
538    white-space: nowrap
539}
540 
541.aba_disabled {
542        float: left;
543    font-size: 10px;
544    line-height: 14px;
545    padding: 5px 10px 5px 10px;
546    margin-right: 3px;
547    border: 1px solid #ccc;
548    border-bottom: 1px solid #FFFFFF !important;
549    text-decoration: none;
550    background-image: url("../../images/fundo.gif"); 
551    font-weight: normal;
552    color: #C5CACD;
553    white-space: nowrap;
554}
555
556/*USADO NA CLASSE DE LISTAGEM*/
557.div_visivel{
558   
559    position: absolute;
560    top:2px; 
561    width:250px; 
562    background-color: #F0F0F0;
563    border: 1px solid #000000;
564    padding: 5px;
565   
566}
567
568/* Usado no help comment */
569#helpComment{
570    position:absolute;
571    width:300px;
572    border:1px solid #94ADC2;
573    padding:1px;
574    background-color:#eff3f7;
575    font-family:arial;
576    font-size:10px;
577    visibility:hidden;
578}
579
580#helpCommentSeta{
581    position:absolute;
582}
583
584#helpComment .cell-mensagem{
585    padding:5px;
586    color: black;
587    font-family: Verdana, Arial, Helvetica, sans-serif;
588    font-size:11px;
589}
590
591#helpComment .cell-topo-mensagem{
592    padding-left:5px;
593    background-color: #DFEAF3;
594    /*border-bottom: 1px solid #E0E0E0; */
595    color: black;
596    font-family:arial;
597    font-size:11px;
598    font-weight:bold;
599    height:18px;
600}
Note: See TracBrowser for help on using the repository browser.