source: branches/2.4/workflow/inc/report/includes/css/base_form.css @ 6448

Revision 6448, 12.3 KB checked in by viani, 12 years ago (diff)

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