source: publico/ILSAPL/trunk/skins/sk_sapl/generico/estilos.css.dtml @ 7524

Última Alteração nesse arquivo desde 7524 foi 7524, incluída por gustavolepri, 6 anos atrás

estilo do parlamentar alterado

File size: 31.2 KB
Linha 
1/* <dtml-with "sapl_documentos.props_sapl"> */
2
3/* Redefinicoes */
4
5@-webkit-keyframes fadeIn {
60% { opacity: 0; }
7100% { opacity: 1; }
8}
9@-moz-keyframes fadeIn {
100% { opacity: 0;}
11100% { opacity: 1; }
12}
13@-o-keyframes fadeIn {
140% { opacity: 0; }
15100% { opacity: 1; }
16}
17@keyframes fadeIn {
180% { opacity: 0; }
19100% { opacity: 1; }
20}
21
22div:after,
23ol:after,
24ul:after,
25form:after,
26dl:after {
27    content:".";
28    display:block;
29    clear:both;
30    visibility:hidden;
31    height:0;
32    overflow:hidden;
33}
34
35.fadeIn {
36    -webkit-animation: fadeIn 0.25s ease-in-out;
37    -moz-animation: fadeIn 0.25s ease-in-out;
38    -o-animation: fadeIn 0.25s ease-in-out;
39}
40
41body {
42  font: 14px 'Source Sans Pro', Verdana, Helvetica, Arial, sans-serif;
43  color: #444;
44  width: 100%;
45  margin: 0 auto;
46  padding: 0;
47  text-align: left;
48}
49
50.barraSuperior {
51    background-color: #4a4a4e !important;
52    padding: 11px 10px 8px 15px !important;
53    text-align: right !important;
54    font-size: 12px;
55}
56
57.centroWrapper {
58    max-width: 1000px;
59    margin: 0 auto;
60    padding-bottom: 5px !important;
61}
62
63.barraSuperior a {
64    color: #f1f1f1;
65    padding: 9px 15px 10px 20px;
66    font-family: 'Open Sans';
67    font-size: 85%;
68    text-shadow: 1px 1px #333;
69}
70
71.barraSuperior a:hover {
72    text-decoration: underline;
73}
74
75.barraSuperior span {
76    color: #f5f5f5;
77    float: left;
78    padding-left: 15px;
79    text-shadow: 1px 1px #333;
80}
81
82.barraSuperior a.manual {
83    background: transparent url(&dtml-portal_url;/imagens/menu.png) no-repeat;
84    background-position: -30px -91px;
85    border: 0 !important;
86
87}
88
89.barraSuperior a.sair {
90    background: transparent url(&dtml-portal_url;/imagens/menu.png) no-repeat;
91    background-position: -30px -161px;
92    border: 0 !important;
93}
94
95.barraSuperior a.acessar {
96    background: transparent url(&dtml-portal_url;/imagens/menu.png) no-repeat;
97    background-position: -30px -162px;
98    border: 0 !important;
99}
100
101#topo {
102    max-width: 1000px;
103    margin: 0 auto;
104    background-color: #fff;
105}
106
107#logo {
108    display: block;
109    float: left;
110}
111
112#logo img {
113    display: block;
114    padding: 15px 15px 15px 20px;
115}
116
117#identidade {
118    float: left;
119    padding: 40px 10px 10px 0px;
120}
121
122#identidade h2 {
123    font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
124    color: #333 !important;
125    font-size: 150%;
126    text-shadow: 1px 1px 3px #dadada;
127}
128
129#identidade h3 {
130    font-family: 'Open Sans',Arial, Verdana, Helvetica, sans-serif;
131    color: #444;
132    font-weight: normal;
133    font-size: 100%;
134    text-shadow: 1px 1px 3px #dadada;
135    padding-left: 2px;
136}
137
138#busca {
139    margin-top: 45px;
140    margin-right: 20px !important;
141    position: relative;
142    float: right;
143    display: block;
144}
145
146#search_text {
147    font-size: 13px !important;
148    color: #666 !important;
149    border-width: 0;
150    background: transparent;
151}
152
153#search_box input[type="text"] {
154    color: #555;
155    background: url(&dtml-portal_url;/imagens/search-white.png) no-repeat 10px 6px #fff;
156    width: 140px;
157    padding: 4px 10px 4px 30px;
158    -webkit-transition: all 0.7s ease 0s;
159    -moz-transition: all 0.7s ease 0s;
160    -o-transition: all 0.7s ease 0s;
161    transition: all 0.7s ease 0s;
162}
163
164#search_box input[type="text"]:focus {
165    width: 200px;
166    box-shadow: none;
167}
168
169#search_form {
170    border: 1px solid #bbb;
171    -webkit-border-radius: 3px;
172    -moz-border-radius: 3px;
173    border-radius: 3px;
174    background-color: #fff;
175    overflow: hidden;
176}
177
178#search_button {
179    padding: 0px 12px;
180    font-size: 12px;
181    color: #f5f5f5;
182    line-height: 25px;
183    text-align: center;
184    text-shadow: 1px 1px 0px #404040;
185    border-width: 0;
186    -webkit-border-radius: 2px;
187    -moz-border-radius: 2px;
188    border-radius: 2px;
189    background-color: #6a6a6a;
190    -webkit-box-shadow:  0px -1px 1px #cdcdcd, 0px 1px 1px #dcdcdc;
191    -moz-box-shadow:  0px -1px 1px #cdcdcd, 0px 1px 1px #dcdcdc;
192    box-shadow:  0px -1px 1px #cdcdcd, 0px 1px 1px #dcdcdc;
193    cursor: pointer;
194}
195
196#search_button:hover {
197    background-color: #4a4a4e;
198    background: -moz-linear-gradient(top, #aaaaaa 0%, #4a4a4e);
199}
200
201#funcoes {
202    margin: 0 auto;
203    max-width: 1000px;
204    height: 38px;
205    border-bottom: 1px solid #e4e4e4;
206    padding-top: 5px;
207    position: relative;
208    background-image: linear-gradient(top, rgb(255,255,255) 31%, rgb(244,244,244) 100%);
209    background-image: -o-linear-gradient(top, rgb(255,255,255) 31%, rgb(244,244,244) 100%);
210    background-image: -moz-linear-gradient(top, rgb(255,255,255) 31%, rgb(244,244,244) 100%);
211    background-image: -webkit-linear-gradient(top, rgb(255,255,255) 31%, rgb(244,244,244) 100%);
212    background-image: -ms-linear-gradient(top, rgb(255,255,255) 31%, rgb(244,244,244) 100%);
213}
214
215#nav {
216    z-index: 10;
217    display: block;
218    list-style-type: none;
219    padding-left: 5px;
220    margin:  0 !important;
221}
222
223#nav li {
224    float: left;
225    margin-left: 15px;
226}
227
228#nav li:hover {
229    position: relative
230}
231
232#nav li:hover > a {
233    background: #f5f5f5;
234    color: #666;
235    box-shadow: 2px 5px 10px #999;
236    -moz-box-shadow: 2px 5px 10px #999;
237    -webkit-box-shadow: 2px 5px 10px #999;
238    border-radius: 3px;
239    -moz-border-radius: 3px;
240    -webkit-border-radius: 3px;
241}
242
243#nav li.sub:hover > a {
244    border-radius: 3px 3px 0 0;
245    -moz-border-radius: 3px 3px 0 0;
246    -webkit-border-radius: 3px 3px 0 0;
247}
248
249#nav li a {
250    list-style-type: none;
251    color: #555;
252    font-weight: bold;
253    text-decoration: none;
254    padding: 7px 12px 7px 12px;
255    display: block;
256}
257
258#nav li a:hover {
259    background-color: #f5f5f5;
260    color: #666;
261}
262
263#nav li ul {
264    background: #fff;
265    margin-top: 0;
266    display: none;
267    list-style-type: none;
268}
269
270#nav li:hover ul {
271    display:block;
272    position:absolute;
273}
274
275#nav li ul {
276    background: #fff;
277    padding: 8px 8px;
278    box-shadow: 3px 3px 10px #999;
279    -moz-box-shadow: 3px 3px 10px #999;
280    -webkit-box-shadow: 3px 3px 10px #999;
281    border-radius: 0px 3px 3px 3px;
282    -moz-border-radius: 0px 3px 3px 3px;
283    -webkit-border-radius: 0px 5px 5px 5px;
284    z-index: 999;
285}
286
287#nav li ul li a, #nav li ul li a:hover {
288    background: transparent;
289    color: #444;
290    width: 150px;
291    font-size: 13px;
292    font-weight: normal;
293    padding-left: 0;
294    line-height: 1em;
295}
296
297#nav li ul li a:hover {
298    text-decoration: underline;
299    box-shadow: none;
300    -moz-box-shadow: none;
301    -webkit-box-shadow: none;
302    border-radius: 0;
303    -moz-border-radius: 0;
304    -webkit-border-radius: 0;
305}
306
307#select-nav {
308    display: none;
309}
310
311.exclama {
312    font-size: 70px;
313    color: #cb2912;
314}
315
316.exclama p {
317    text-align: center;
318}
319
320#menu {
321    float: left;
322    padding: 25px 0 0 15px;
323    width: 190px;
324}
325
326#menu h5 {
327    background-color: #f9f9f9;
328    text-transform: uppercase;
329    font-weight: bold !important;
330    font-size: 85%;
331    text-shadow: 1px 1px #eee;
332    border-bottom: 2px solid &dtml-cor_principal;;
333    padding: 8px 7px 8px 7px !important;
334    margin: 0!important;
335}
336
337#menu ul {
338    margin: 0;
339    padding: 0;
340}
341
342#menu li {
343    list-style-type: none;
344    padding: 0;
345}
346
347#menu li a {
348    background-color: #fff;
349    color: #444;
350    display: block;
351    border-bottom: 1px solid #cdcdcd;
352    padding: 6px !important;
353    margin: 0 !important;
354    font-size: 90%;
355}
356
357#menu li a:hover {
358    background-color: #f1f1f1;
359    -webkit-transition: 0.2s ease-in;
360    -moz-transition: 0.2s ease-in;
361    -o-transition: 0.2s ease-in
362}
363
364#corpo {
365    margin: 0 auto;
366    max-width: 1000px;
367    background-color: #fff;
368}
369
370#conteudo {
371    padding: 2em 1.5em 2.5em 1.5em;
372    overflow: hidden;
373    font-size: 100%;
374    text-align: left;
375    min-height: 350px;
376    max-width: 1000px;
377    margin: 0 auto;
378}
379
380texto, .texto {
381    font-weight: normal;
382    font-size: 12px;
383    color: #444 !important;
384    line-height: 1.4em;
385    padding-top: 6px;
386}
387
388.borda {
389    border: 0 !important;
390}
391
392.borda td {
393    border:0 !important;
394}
395
396h1, h2, h3, h4, h5, h6, form, dl, dt, dd, p, div, img, a {
397  margin: 0;
398  padding: 0;
399}
400
401p {
402  margin: 0.5em 0;
403}
404
405.form-text {
406    font-size: 85%;
407    color: #444;
408}
409
410img {
411  border: none;
412}
413
414a {
415    color: &dtml-cor_principal;;
416    text-decoration: none;
417    background-color: transparent;
418}
419
420#conteudo a:hover {
421    color: #444;
422    -webkit-transition: 0.3s ease-in;
423    -moz-transition: 0.3s ease-in;
424    -o-transition: 0.3s ease-in
425}
426
427hr {
428  border: none;
429  height: 1px;
430  color: #CDCDCD;
431  background-color: #cdcdcd;
432  width: 50%;
433  text-align: center;
434}
435
436.firstHeading {
437    margin-bottom: 10px;
438}
439
440h1 {
441    margin-bottom: 0.5em;
442    font-size: 120%;
443    color: &dtml-cor_principal; !important;
444    font-family: 'Open Sans';
445    max-width: 1000px;
446    margin: 0 auto;
447}
448
449h2 {
450    font-size: 110%;
451    color: &dtml-cor_principal; !important;
452}
453
454h3 {
455    font-size: 105%;
456    line-height: 1.4em;
457    color: #444 !important;
458}
459
460h1 a,
461h2 a,
462h3 a,
463h1 a:hover,
464h2 a:hover,
465h3 a:hover {
466    color: &dtml-cor_principal;;
467}
468
469.borda-prot {
470    border-style: solid;
471    border-width: 1px;
472    border-color: #000;
473}
474
475.helpsapl {
476    max-width: 1000px;
477    float: right;
478}
479
480fieldset {
481    margin: 0 !important;
482    margin-bottom: 0.5em !important;
483    max-width: 1000px !important;
484    padding: 5px 0 0 2px !important;
485    line-height: 1.6em;
486    text-align: left;
487    border: 0 !important;
488}
489
490fieldset fieldset {
491    margin: 0 !important;
492    padding: 0 !important;
493    margin-bottom: 7px !important;
494}
495
496legend {
497    font-weight: bold;
498    color: #1b4b67;
499    display: block;
500    font-size: 90%;
501    padding-left: 0 !important;
502}
503
504fieldset fieldset legend {
505    padding-left: 2px;
506    font-size: 85%;
507    border-bottom: none;
508    color: #1b4b67;
509}
510
511form {
512    border: none;
513    margin: 0 auto;
514    max-width: 1000px;
515    padding: 0;
516}
517
518label,
519.label,
520.form-element {
521    font-size: 85%;
522    color: #555;
523    font-weight: bold;
524}
525
526.form-label {
527    font-weight: bold;
528    font-size: 85%;
529    background-color: #f6f6f6;
530    line-height: 1.5em;
531    padding: 7px 5px 7px 5px;
532}
533
534textarea {
535    border: 1px solid #b2b2b2;
536    padding: 1px 1px;
537    font: 13px 'Source Sans Pro', Arial, Verdana, Helvetica, sans-serif;
538    color: #222;
539    width: 99%;
540}
541
542input {
543    border: 1px solid #b2b2b2;
544    font-family: 'Source Sans Pro',Arial, Verdana, Helvetica, sans-serif;
545    font-size: 13px;
546    color: #222;
547    padding: 2px 3px;
548}
549
550textarea:focus, input:focus {
551    border-color: #bbb;
552    outline: 0;
553    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #bbb;
554    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #bbb;
555    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #bbb;
556    -webkit-transition:  0.3s ease-in-out;
557    -moz-transition:  0.3s ease-in-out;
558    -o-transition:  0.3s ease-in-out;
559    transition:  0.3s ease-in-out;
560}
561
562select {
563    background-color: white;
564    border: 1px solid #b2b2b2;
565    font: 13px 'Source Sans Pro',Arial, Verdana, Helvetica, sans-serif;
566    color: #222;
567    padding: 2px 3px;
568    max-width: 230px !important;
569}
570
571option {
572    background-color: #fff;
573}
574
575[disabled], [readonly] {
576    color:#666;
577    background-color:#e9e9e9;
578}
579
580.img-disabled {
581    opacity: 0.2;
582}
583
584/* Layout */
585
586#pagina {
587    background-color: &dtml-cor_fundo;;
588    background-image: -webkit-linear-gradient(top, #FAFAFA 30%, #EFEFEF 70%);
589}
590
591#logo-prot {
592    width: 15%;
593    margin: 0;
594    padding: 0;
595    display: block;
596    float: left;
597    border: none;
598    font-size: 200%;
599}
600
601#logo-prot img {
602    margin: 0.1em 0 0.3em 0.5em;
603    display: block;
604    max-width: 100px;
605}
606
607#identidade-prot {
608    margin: 1.8em 0 0 2em;
609    display: block;
610    float: left;
611}
612
613#identidade-prot h2 {
614    font: 130% 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
615    font-weight: bold;
616    color: #333 !important;
617}
618
619#identidade-prot h3 {
620    font: 90% 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
621    color: #444 !important;
622}
623
624.campoObrigatorio  {
625    background-color: transparent;
626    background-image: url(&dtml-portal_url;/imagens/required.gif);
627    background-repeat: no-repeat;
628    background-attachment: scroll;
629    background-position: left center;
630    padding-top: 0pt;
631    padding-right: 0pt;
632    padding-bottom: 0px;
633    padding-left: 8px;
634    margin-left: 3px;
635    color: White;
636    font-weight: normal;
637    font-size: 75%;
638}
639
640#menu fieldset {
641    margin: 1em 0.2em;
642    white-space: normal;
643}
644
645#barra-conteudo {
646    width: 100%;
647    max-width: 1000px;
648    margin: 0 auto;
649}
650
651#barra-conteudo ul, #conteudo ul {
652    font-size: 11px;
653    padding-left: 1px;
654    margin-top: 5px;
655}
656
657#barra-conteudo ul li, #conteudo ul li {
658    display: inline;
659    padding-right: 5px;
660    line-height: 33px;
661}
662
663#barra-conteudo ul li a, #conteudo ul li a {
664    background-color: #f5f5f5;
665    color: #444;
666    border: 1px solid #cdcdcd;
667    padding: 4px;
668    border-radius: 2px;
669}
670
671#barra-conteudo ul li a.selecionado, #conteudo ul li a.selecionado {
672    background-color: #ececec;
673    font-weight: bold;
674}
675
676#barra-conteudo ul li a:hover, #conteudo ul li a:hover {
677    background-color: #e9e9e9;
678    text-decoration: none;
679    -webkit-transition: 0.3s ease-in-out;
680    -moz-transition: 0.3s ease-in-out;
681    -o-transition: 0.3s ease-in-out;
682}
683
684.anulado{
685    font-weight: bold;
686    color: #e41b17;
687}
688
689#ajuda {
690    position: relative;
691    float:right;
692    font-size: 80%;
693    text-transform: lowercase;
694    background: transparent url(&dtml-portal_url;/imagens/link.gif) center left no-repeat;
695    padding-left: 8px;
696    padding-right: 7px;
697}
698
699#rss {
700    position: relative;
701    float:right;
702    font-size: 80%;
703    text-transform: lowercase;
704    background: transparent url(&dtml-portal_url;/imagens/rss.gif) 0 0 no-repeat;
705    padding-left: 19px;
706    padding-right: 6px;
707}
708
709#system-message {
710    background-color: #ffce7b;
711    border: 1px solid #ffa500;
712    color: #303030;
713    font-size: 85%;
714    font-weight: bold;
715    margin: 1em 0em;
716    padding: 0.5em 1em 0.5em 3em;
717    vertical-align: middle;
718    background-image: url(&dtml-portal_url;/imagens/info_icon.gif);
719    background-repeat: no-repeat;
720    background-position: 5px 50%;
721}
722
723#rodape {
724    background-color: #4a4a4e !important;
725    color: #fff !important;
726    font-family: 'Open Sans', sans-serif !important;
727}
728
729#rodape address {
730    color: #f1f1f1;
731    font-size: 80%;
732    font-style: normal;
733    font-weight: normal;
734    margin: 10px 10px 0px 10px;
735    text-shadow: 1px 1px #333;
736}
737
738#rodape address a {
739    color: #f1f1f1;
740    font-size: 10px;
741}
742
743#rodape address a:hover {
744    text-decoration: underline;
745}
746
747#rodape address img {
748    padding-top: 10px;
749}
750
751.right{
752    text-align: right;
753}
754
755.form-texto {
756    color: #c1c1c1 !important;
757}
758
759.center {
760    text-align: center;
761    border-top: 1px solid #777;
762    padding-top: 1em;
763}/* Especificos */
764
765.botao,
766.botaoSelecionar,
767.botaoIn,
768.botaoExtra {
769    display: inline-block;
770    *display: inline;
771    padding: 1px 9px;
772    margin-bottom: 0;
773    *margin-left: .3em;
774    font-size: 12px;
775    line-height: 20px;
776    *line-height: 20px;
777    color: #333 !important;
778    font-weight: normal !important;
779    text-align: center;
780    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
781    cursor: pointer;
782    background-color: #f5f5f5;
783    *background-color: #e6e6e6;
784    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
785    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
786    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
787    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
788    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
789    background-repeat: repeat-x;
790    border: 1px solid #bbbbbb;
791    *border: 0;
792    border-color: #b2b2b2 #b2b2b2 #b2b2b2;
793    border-bottom-color: #a2a2a2;
794    -webkit-border-radius: 2px;
795    -moz-border-radius: 2px;
796    border-radius: 2px;
797    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
798    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
799    *zoom: 1;
800    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
801    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
802    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
803}
804
805.botao:hover,
806.botao:active,
807.botao.active,
808.botao.disabled,
809.botao[disabled] {
810    color: #333;
811    background-color: #e6e6e6;
812    *background-color: #d9d9d9;
813}
814
815.botaoSelecionar:hover,
816.botaoIn:hover,
817.botaoExtra:hover {
818    color: #333;
819    background-color: #e6e6e6;
820    *background-color: #d9d9d9;
821    background-position: 0 -15px;
822    -webkit-transition: background-position 0.1s linear;
823    -moz-transition: background-position 0.1s linear;
824    -o-transition: background-position 0.1s linear;
825    transition: background-position 0.1s linear;
826}
827
828.botao:active,
829.botao.active {
830    background-color: #ccc \9;
831}
832
833.botao:first-child {
834    *margin-left: 0;
835}
836
837.botao:hover {
838    color: #333333;
839    text-decoration: none;
840    background-color: #e6e6e6;
841    *background-color: #d9d9d9;
842    background-position: 0 -15px;
843    -webkit-transition: background-position 0.1s linear;
844    -moz-transition: background-position 0.1s linear;
845    -o-transition: background-position 0.1s linear;
846    transition: background-position 0.1s linear;
847}
848
849.botao:focus {
850    outline: thin dotted #333;
851    outline: 5px auto -webkit-focus-ring-color;
852    outline-offset: -2px;
853}
854
855.botao.active,
856.botao:active {
857    background-color: #e6e6e6;
858    background-color: #d9d9d9 \9;
859    background-image: none;
860    outline: 0;
861    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
862    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
863    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
864}
865
866.botao.disabled,
867.botao[disabled] {
868    cursor: default;
869    background-color: #e6e6e6;
870    background-image: none;
871    opacity: 0.65;
872    filter: alpha(opacity=65);
873    -webkit-box-shadow: none;
874    -moz-box-shadow: none;
875    box-shadow: none;
876}
877
878.botaoSelecionar:hover,
879.botaoIn:hover,
880.botaoExtra:hover {
881}
882
883.botaoExtra {
884}
885
886.botaoSelecionar {
887}
888
889.botaoSelecionar:hover {
890}
891
892.botaoIn {
893}
894
895.botao-link {
896    border: 1px solid #b2b2b2;
897    background: #e6e6e6;
898    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
899    background: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
900    background: -moz-linear-gradient(top, #ffffff, #e6e6e6);
901    background: -ms-linear-gradient(top, #ffffff, #e6e6e6);
902    background: -o-linear-gradient(top, #ffffff, #e6e6e6);
903    padding: 3px 8px;
904    position: relative;
905    -webkit-border-radius: 2px;
906    -moz-border-radius: 2px;
907    border-radius: 2px;
908    font-size: 12px;
909    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
910    text-decoration: none;
911    font-weight: normal !important;
912    color: #333 !important;
913}
914
915.botao-link:hover {
916    color: #333;
917    background: #e6e6e6;
918    text-decoration:none;
919}
920
921.botao-link:active {
922    background: #e6e6e6;
923}
924
925.buscaLexml {
926    width: 93%;
927    background: url(&dtml-portal_url;/imagens/lexml.gif) no-repeat center right white;
928    padding: 3px 3px 3px 5px;
929    margin-left: 3px;
930}
931
932.campoRadio input,
933.campoRadio label {
934    font-weight: normal;
935    border: none;
936    background-color: transparent;
937    background-image: none;
938}
939
940.homeGrid h2 {
941    border-bottom: 2px solid &dtml-cor_principal;;
942    margin-bottom: 0.3em;
943    font-size: 100%;
944    color: #1b4b67 !important;
945    font-family: 'Open Sans';
946}
947
948.homeGrid a {
949    font-size: 85%;
950    color: #404040;
951    text-align: justify;
952}
953
954.homeGrid :hover {
955    color: &dtml-cor_principal;;
956    -webkit-transition: 0.3s ease-in-out;
957    -moz-transition: 0.3s ease-in-out;
958    -o-transition: 0.3s ease-in-out;
959}
960
961.homeGrid .homeIcon {
962    float: left;
963    padding: 0.1em 0.5em 0.5em 0.1em;
964}
965
966a:hover h4 {
967    background-color: #f5f5f5;
968}
969
970img#parlamentar {
971    border-right: 9px solid &dtml-cor_principal;;
972    border-radius: 2px;
973    box-shadow: 2px 0px 5px 1px #EAEAEA;
974    float: left;
975    max-width: 12em;
976    max-height: 15em;
977    margin-right: 15px;
978}
979
980#texto-parlamentar {
981    padding-top: 0.5em;
982    padding-bottom: 1em;
983    color: #444;
984    font-size: 100%;
985}
986
987.tileItem {
988    width: 45%;
989    min-width: 250px;
990    float: left;
991    margin-right: 10px;
992    background-color: #f9f9f9 !important;
993    border-bottom: 4px solid &dtml-cor_principal; !important;
994    margin-bottom: 20px !important;
995    padding: 10px;
996}
997
998.vereador {
999    float: left;
1000    width: 100%;
1001    margin-top: 4px !important;
1002    height: 67px;
1003}
1004
1005.vereadorImageContainer {
1006    float: left;
1007    margin-left:5px;
1008    min-width: 55px;
1009    width: auto;
1010    height: 64px;
1011}
1012
1013.vereadorImageContainer img {
1014    border: 0 !important;
1015    border-radius: 0 !important;
1016    box-shadow: none !important;
1017    max-height: 64px !important;
1018    border: 0 !important;
1019}
1020
1021.tileHeadline {
1022    font-family: 'Open Sans', sans-serif !important;
1023    font-size: 95% !important;
1024    background: none !important;
1025    margin-top: 1px;
1026}
1027
1028.tileItem:hover, .tileItemBancada:hover {
1029    background-color: #f1f1f1 !important;
1030    background-image: url(&dtml-portal_url;/imagens/icon_eye.png);
1031    background-repeat: no-repeat;
1032    background-position: right bottom;
1033    -webkit-transition:  background-color 0.5s ease-in-out;
1034    -moz-transition:  background-color 0.5s ease-in-out;
1035    -o-transition:  background-color 0.5s ease-in-out;
1036    transition:  background-color 0.5s ease-in-out;
1037}
1038
1039.tileItemBancada {
1040    width: 45%;
1041    min-width: 250px;
1042    float: left;
1043    margin-right: 10px;
1044    background-color: #f9f9f9 !important;
1045    border-bottom: 4px solid &dtml-cor_principal; !important;
1046    margin-bottom: 20px !important;
1047    padding: 10px;
1048}
1049
1050.partidoImageContainer {
1051    width: 23%;
1052    float: right;
1053}
1054
1055.partido {
1056    height: 85px;
1057    padding-left: 5px;
1058}
1059
1060#partido-logo {
1061    max-width: 100%;
1062}
1063
1064.partido h4 {
1065    margin-left:0;
1066    margin-bottom: 1px;
1067    padding:0;
1068    line-height:1.5em;
1069}
1070
1071.vereadorPartidoContainer {
1072    width: 80px;
1073    float: right;
1074    margin: 7px 1px 0px 0px;
1075}
1076
1077.pesq_parlamentar {
1078    float: right;
1079    margin: 5px 5px 0 0;
1080}
1081
1082.cleditorMain {border:1px solid #cdcdcd; border-radius: 3px; padding:0 1px 1px; background-color:#fff}
1083.cleditorMain iframe {border:none; margin:0; padding:0}
1084.cleditorMain textarea {border:none; margin:0; padding:0; overflow-y:scroll; font: 100% Arial, Verdana, Helvetica, sans-serif; color: #444; resize:none; outline:none /* webkit grip focus */}
1085.cleditorMain textarea:focus {background-color: #fff;}
1086.cleditorToolbar {background: url(&dtml-portal_url;/sapl/imagens/toolbar.gif) repeat}
1087.cleditorGroup {float:left; height:26px}
1088.cleditorButton {float:left; width:24px; height:24px; margin:1px 0 1px 0; background: url(&dtml-portal_url;/imagens/buttons.gif)}
1089.cleditorDisabled {opacity:0.3;}
1090.cleditorDivider {float:left; width:1px; height:23px; margin:1px 0 1px 0; background:#CCC}
1091.cleditorPopup {border:solid 1px #cdcdcd; background-color:white; position:absolute; font:100% Arial, Verdana, Helvetica, sans-serif; cursor:default; z-index:10000}
1092.cleditorList div {padding:2px 4px 2px 4px}
1093.cleditorList p,
1094.cleditorList h1,
1095.cleditorList h2,
1096.cleditorList h3,
1097.cleditorList h4,
1098.cleditorList h5,
1099.cleditorList h6,
1100.cleditorList font {padding:0; margin:0; background-color:Transparent}
1101.cleditorColor {width:150px; padding:1px 0 0 1px}
1102.cleditorColor div {float:left; width:14px; height:14px; margin:0 1px 1px 0}
1103.cleditorPrompt {background-color:#F6F7F9; padding:4px; font-size:100%; color: #444;}
1104.cleditorPrompt input,
1105.cleditorPrompt textarea {font:100% Arial,Verdana;}
1106.cleditorMsg {background-color:#FDFCEE; width:150px; padding:4px; font-size:100%; color: #444;}
1107
1108#page {
1109    margin-top: 10px;
1110    padding: 2px;
1111    -webkit-transition: 0.3s ease-in;
1112    -moz-transition: 0.3s ease-in;
1113    -o-transition: 0.3s ease-in
1114}
1115
1116ul.mytabs {
1117    position: relative !important;
1118    z-index: 2 !important;
1119}
1120
1121ul.mytabs, ul.mytabs li {
1122    margin: 0 !important;
1123    padding: 0 !important;
1124    list-style: none !important;
1125    float: left !important;
1126    border: 0 !important;
1127    line-height: 1.8em !important;
1128    left: 0px;
1129    bottom: -1px;
1130    font-size: 12px !important;
1131}
1132
1133ul.mytabs li {
1134    padding: 0 5px;
1135}
1136
1137ul.mytabs li a {
1138    float: left !important;
1139    text-decoration: none !important;
1140    color: &dtml-cor_principal; !important;
1141    margin-right: 3px ;
1142    padding: 3px 7px 3px 7px !important;
1143    border: 1px solid #dcdcdc !important;
1144    background: -moz-linear-gradient(top, #f4f4f4, #fff) repeat-X;
1145    background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fff)) repeat-X;
1146    font-size: 90% !important;
1147    font-weight: bold;
1148    border-radius: 3px 3px 0 0;
1149}
1150
1151ul.mytabs li a:hover, ul.mytabs li.current a {
1152    background: #fff !important;
1153    font-size: 90% !important;
1154    -webkit-transition: 0.3s ease-in-out;
1155    -moz-transition: 0.3s ease-in-out;
1156    -o-transition: 0.3s ease-in-out;
1157}
1158
1159ul.mytabs li.current a {
1160    font-weight: bold !important;
1161    font-size: 90% !important;
1162    color: #444 !important;
1163    border-bottom: 1px solid #fff !important;
1164}
1165
1166#tabs-container.mytabs-container {
1167    min-height: 150px;
1168    border: 1px solid #dcdcdc !important;
1169    padding: 12px 12px 12px 15px !important;
1170    border-radius: 0 3px 3px 3px !important;
1171    -moz-box-shadow: 1px 1px 1px #ececec;
1172    -webkit-box-shadow: 1px 1px 1px #ECECEC;
1173    box-shadow: 1px 1px 1px #ECECEC;
1174}
1175
1176.mytabs-container {
1177    position: relative;
1178    z-index: 1;
1179    clear: both;
1180    border: none !important;
1181    padding: 3px !important;
1182    top: 0px !important;
1183    background: #fff;
1184    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fbfbfb));
1185    background: -moz-linear-gradient(top,  #fff,  #fbfbfb);
1186    -webkit-transition: 0.3s ease-in;
1187    -moz-transition: 0.3s ease-in;
1188    -o-transition: 0.3s ease-in;
1189    text-align: justify;
1190}
1191
1192.layer1 {
1193    margin: 0;
1194    padding: 0;
1195}
1196
1197.heading0, .heading01, .heading02, .heading1, .heading2,
1198.heading3, .heading4, .heading5, .heading6, .heading7,
1199.heading8, .heading9,.heading10, .heading11{
1200    cursor: pointer;
1201    position: relative;
1202}
1203
1204.content {
1205}
1206
1207@media all {
1208    .page-break{
1209        display: none;
1210    }
1211}
1212
1213@media print {
1214    .barraSuperior,
1215    .botao,
1216    .botaoExtra,
1217    .botaoSelecionar,
1218    #funcoes,
1219    #busca,
1220    #pager,
1221    #conteudo ul,
1222    #menu,
1223    #rss,
1224    #ajuda,
1225    #rodape {
1226        display: none !important;
1227    }
1228    #logo img {
1229        max-width: 90px !important;
1230        padding: 0 0.5em 1em 0.5em !important;
1231    }
1232    #logo-prot img {
1233        margin: 0.1em 0 0.3em 0.5em;
1234        display: block;
1235        max-width: 100px;
1236    }
1237    #identidade {
1238        padding: 20px 10px 10px 0px !important;
1239    }
1240    #identidade h2 {
1241        font-size: 135% !important;
1242        text-shadow: none !important;
1243    }
1244    #conteudo {
1245        padding: 1em !important;
1246    }
1247
1248    @page {
1249        size: auto;
1250        margin: 5%;
1251        margin-left: 3cm;
1252        margin-top: 1.5cm;
1253        margin-bottom: 1.5cm;
1254    }
1255    .page-break {
1256        display: block; page-break-before: always;
1257    }
1258    #hideprint {
1259        display: none;
1260    }
1261    #hideclose {
1262        display: none;
1263    }
1264    #helpsapl {
1265        display: none;
1266    }
1267}
1268
1269.submitButton {
1270    text-align: center;
1271}
1272
1273
1274table a:link {
1275    color: &dtml-cor_principal;;
1276    font-weight: bold;
1277    text-decoration:none;
1278}
1279
1280table a:visited {
1281    color: &dtml-cor_principal;;
1282    font-weight:bold;
1283    text-decoration:none;
1284}
1285
1286table a:active,
1287table a:hover {
1288    color: #bd5a35;
1289    text-decoration:underline;
1290}
1291
1292table {
1293    background-color: #dcdcdc;
1294    width: 100%;
1295    -moz-border-radius: 2px;
1296    -webkit-border-radius: 2px;
1297    border-radius: 2px;
1298    border-spacing: 1px !important;
1299    margin-top: 5px;
1300    margin-bottom: 10px;
1301}
1302
1303table th {
1304    padding: 6px 5px 7px 5px;
1305    background: #f6f6f6;
1306}
1307
1308table th:first-child {
1309    text-align: left;
1310    padding-left:10px;
1311}
1312
1313table tr:first-child th:first-child {
1314    -moz-border-radius-topleft:3px;
1315    -webkit-border-top-left-radius:3px;
1316    border-top-left-radius:3px;
1317}
1318
1319table tr:first-child th:last-child {
1320    -moz-border-radius-topright:3px;
1321    -webkit-border-top-right-radius:3px;
1322    border-top-right-radius:3px;
1323}
1324
1325table tr {
1326    text-align: center;
1327    padding-left:10px;
1328}
1329
1330table td:first-child {
1331    padding-left: 10px;
1332    border-left: 0;
1333    text-align: left;
1334}
1335
1336table td {
1337    padding: 6px;
1338    background: #fff;
1339    text-align: left;
1340    padding-left: 10px;
1341}
1342
1343table tr.even td {
1344    background: #f7f7f7;
1345}
1346
1347table tr:last-child td {
1348    border-bottom:0;
1349}
1350
1351table tr:last-child td:first-child {
1352    -moz-border-radius-bottomleft:3px;
1353    -webkit-border-bottom-left-radius:3px;
1354    border-bottom-left-radius:3px;
1355}
1356
1357table tr:last-child td:last-child {
1358    -moz-border-radius-bottomright:3px;
1359    -webkit-border-bottom-right-radius:3px;
1360    border-bottom-right-radius:3px;
1361}
1362
1363table tr:hover td {
1364    background: #f4f4f4;
1365}
1366
1367#menu-sessao {
1368    list-style:none;
1369    width: 100%;
1370    margin: 0 !important;
1371    margin-bottom: 15px !important;
1372    z-index: 10;
1373    background-color: #f9f9f9;
1374    border: 1px solid #dedede;
1375    padding: 5px;
1376}
1377
1378#menu-sessao li {
1379    position:relative;
1380    float:left;
1381    line-height: 20px !important;
1382    padding: 0 !important;
1383    border: 0 !important;
1384}
1385
1386#menu-sessao li a {
1387    display:block;
1388    height: 20px;
1389    border-radius: 0 !important;
1390    border:  0 !important;
1391    padding: 5px 17px 5px 17px !important;
1392    background-color:#fafafa !important;
1393    color: #1b4b67 !important;
1394    text-transform: uppercase;
1395}
1396
1397#menu-sessao li a:hover{
1398    background:#ededed !important;
1399}
1400
1401#menu-sessao li:hover > a {
1402    background: #ededed !important;
1403}
1404
1405#menu-sessao li ul{
1406    position:absolute;
1407    top: 25px;
1408    background-color:#fff !important;
1409    display:none;
1410    border: 0 !important;
1411    -moz-box-shadow:0 3px 10px 0 #ccc;
1412    -webkit-box-shadow:0 3px 10px 0 #ccc;
1413    text-shadow:0px 0px 5px #fff;
1414    z-index: 1;
1415}
1416
1417#menu-sessao li:hover ul {
1418    display:block;
1419}
1420
1421#menu-sessao li ul li{
1422    display:block;
1423    width:184px;
1424    border: 0 !important;
1425    left: 0px;
1426}
1427
1428#menu-sessao li ul li a{
1429    background-color:#fff !important;
1430    border-left: 0 !important;
1431    border-right: 0 !important;
1432}
1433
1434#pager {
1435    text-align: center;
1436    margin-top: -11px;
1437    background-color: #f8f8f8;
1438    border:  1px solid #dcdcdc;
1439    border: #dcdcdc 1px solid;
1440    -moz-border-radius: 2px;
1441    -webkit-border-radius: 2px;
1442    border-radius: 2px;
1443    border-spacing: 0 !important;
1444    -moz-box-shadow: 1px 1px 1px #ececec;
1445    -webkit-box-shadow: 1px 1px 1px #ececec;
1446    box-shadow: 1px 1px 1px #ececec;
1447    padding: 2px 0px 2px 10px;
1448}
1449
1450#pager img {
1451    vertical-align: middle;
1452    padding-bottom:2px;
1453}
1454
1455.datepick-month th, .datepick-month th a {
1456    background-color: #777;
1457    color: #999 !important;
1458    padding-left: 0 !important;
1459    text-align: center !important;
1460}
1461
1462.datepick-month td {
1463    background-color: #eee;
1464    border: 1px solid #aaa;
1465    padding-left: 0 !important;
1466    text-align: center !important;
1467}
1468
1469.datepick table {
1470    margin-bottom: 0 !important;
1471    text-shadow: none;
1472}
1473
1474.fancybox-wrap {
1475    top: 30px !important;
1476}
1477
1478#JT {
1479    position: absolute;
1480    z-index:100;
1481    border: 2px solid #dcdcdc;
1482    background-color: #fff;
1483}
1484
1485#JT_copy{
1486    padding:10px 10px 10px 10px;
1487    color:#333333;
1488}
1489
1490#JT_close_left{
1491    background-color: #dcdcdc;
1492    text-align: left;
1493    padding-left: 8px;
1494    padding-bottom: 5px;
1495    padding-top: 2px;
1496    font-weight:bold;
1497}
1498
1499#JT_close_right{
1500    background-color: #dcdcdc;
1501    text-align: left;
1502    padding-left: 8px;
1503    padding-bottom: 5px;
1504    padding-top: 2px;
1505    font-weight:bold;
1506}
1507
1508#JT_copy p{
1509    margin:3px 0;
1510}
1511
1512#JT_copy img{
1513    padding: 1px;
1514    border: 1px solid #dcdcdc;
1515}
1516
1517.jTip{
1518    cursor:help;
1519}
1520/* </dtml-with> */
Note: Veja TracBrowser para ajuda no uso do navegador do trac.
 

The contents and data of this website are published under license:
Creative Commons 4.0 Brasil - Atribuir Fonte - Compartilhar Igual.