Commit 174ea50bb8371c0b27f546432fcc165552661c58
1 parent
0987f23e
Exists in
restructuring_css
Organizing content.css
Showing
6 changed files
with
1355 additions
and
1028 deletions
Show diff stats
cabecalho-cinza-theme.css
@@ -29,33 +29,6 @@ body div.overlay div.close { | @@ -29,33 +29,6 @@ body div.overlay div.close { | ||
29 | 29 | ||
30 | 30 | ||
31 | 31 | ||
32 | -#content .box .article-block .short-post { | ||
33 | - padding-top: 23px; | ||
34 | -} | ||
35 | - | ||
36 | -#content .box .article-block .block-title { | ||
37 | - font-size: 18px; | ||
38 | - text-align: left; | ||
39 | - border-bottom: none; | ||
40 | - padding: 6px 8px 22px 10px; | ||
41 | - text-transform: none; | ||
42 | - font-family: "open_sansregular", Arial, Helvetica, sans-serif; | ||
43 | -} | ||
44 | - | ||
45 | -#content .box .article-block p { | ||
46 | - font-size: 15px; | ||
47 | - text-align: left; | ||
48 | - padding: 0; | ||
49 | - text-transform: none; | ||
50 | - font-family: Arial, Helvetica, sans-serif; | ||
51 | - margin: 0 0 14px 0; | ||
52 | - line-height: 18px; | ||
53 | -} | ||
54 | - | ||
55 | -#content .box .article-block .read-more { | ||
56 | - margin-top: 30px; | ||
57 | -} | ||
58 | - | ||
59 | /* padrao do box */ | 32 | /* padrao do box */ |
60 | /*#content .box .block-title { | 33 | /*#content .box .block-title { |
61 | font-size: 12px; | 34 | font-size: 12px; |
@@ -71,84 +44,13 @@ body div.overlay div.close { | @@ -71,84 +44,13 @@ body div.overlay div.close { | ||
71 | color: #3E67B1; | 44 | color: #3E67B1; |
72 | } | 45 | } |
73 | */ | 46 | */ |
74 | -#content .box .read-more { | ||
75 | - font-size: 10px; | ||
76 | - text-align: right; | ||
77 | - border-bottom: none; | ||
78 | - text-transform: uppercase; | ||
79 | - font-family: "open_sans", Arial, Helvetica, sans-serif; | ||
80 | - font-variant: normal; | ||
81 | -} | ||
82 | 47 | ||
83 | -#content .read-more a { | ||
84 | - line-height: 20px; | ||
85 | - padding: 8px; | ||
86 | - display: block | ||
87 | -} | ||
88 | 48 | ||
89 | -#content .article-block .read-more a { | ||
90 | - font-size: 11px; | ||
91 | - padding: 9px 9px 10px 9px; | ||
92 | -} | ||
93 | 49 | ||
94 | -#content .read-more a:hover { | ||
95 | - background: #dedede; | ||
96 | -} | ||
97 | 50 | ||
98 | -#content .box .read-more a::after { | ||
99 | - content: url('images/right-arrow.png'); | ||
100 | - padding-left: 8px; | ||
101 | - padding-right: 5px; | ||
102 | - margin-left: 7px; | ||
103 | - border-radius: 4px; | ||
104 | - font-size: 16px; | ||
105 | - line-height: 20px; | ||
106 | - text-align: center; | ||
107 | - font-family: "open_sansbold", Arial, Helvetica, sans-serif; | ||
108 | -} | ||
109 | 51 | ||
110 | -#content .box .article-block .read-more a::after { | ||
111 | - font-size: 14px; | ||
112 | -} | ||
113 | 52 | ||
114 | -#content .box-1 .block-title { | ||
115 | - font-size: 18px; | ||
116 | - text-transform: none; | ||
117 | - font-family: "open_sansregular", Arial, Helvetica, sans-serif; | ||
118 | - padding: 5px 8px 20px 10px; | ||
119 | -} | ||
120 | 53 | ||
121 | -#content .box-1 .block-title span{ | ||
122 | - background-image: none; | ||
123 | - padding: 0 1em 0 0; | ||
124 | -} | ||
125 | - | ||
126 | -/* Bloco de busca pagina inicial*/ | ||
127 | -#content .search-catalog-block h1 { | ||
128 | - margin: 0 15px 10px 15px; | ||
129 | - padding: 10px 0 0 0; | ||
130 | -} | ||
131 | - | ||
132 | -#content .search-catalog-block form { | ||
133 | -/* padding: 0 15px;*/ | ||
134 | -} | ||
135 | - | ||
136 | -#content .search-catalog-block #search-catalog-footer a { | ||
137 | - display: block; | ||
138 | - color: #FFF; | ||
139 | - padding: 7px 0px 12px 0px; | ||
140 | -} | ||
141 | - | ||
142 | -#content .search-catalog-block #search-catalog-footer p { | ||
143 | - margin: 0px; | ||
144 | - font-size: 11px; | ||
145 | -} | ||
146 | - | ||
147 | -#content .search-catalog-block #search-catalog-footer a:hover { | ||
148 | - background-color: #101A38 | ||
149 | -} | ||
150 | - | ||
151 | -/**/ | ||
152 | 54 | ||
153 | /*#content .box-1 .block-title { | 55 | /*#content .box-1 .block-title { |
154 | border-top: 0px hidden transparent; | 56 | border-top: 0px hidden transparent; |
@@ -241,106 +143,6 @@ body div.overlay div.close { | @@ -241,106 +143,6 @@ body div.overlay div.close { | ||
241 | /*********************************/ | 143 | /*********************************/ |
242 | 144 | ||
243 | 145 | ||
244 | -/*Container Block - Bloco de Blocos*/ | ||
245 | - | ||
246 | -.container-block-plugin_container-block, | ||
247 | -.container-block-plugin_container-block .block-inner-2{ | ||
248 | - background-color: transparent; | ||
249 | - padding: 0; | ||
250 | -} | ||
251 | - | ||
252 | -.container-block-plugin_container-block .block .block-inner-2{ | ||
253 | - background-color: white; | ||
254 | - padding: 1em; | ||
255 | -} | ||
256 | - | ||
257 | -.container-block-plugin_container-block .container-block-plugin_container-block .block-inner-2 { | ||
258 | - background-color: white; | ||
259 | - padding-left: 6px; | ||
260 | - padding-top: 5px; | ||
261 | -} | ||
262 | - | ||
263 | -.block-outer { | ||
264 | - /*float: left;*/ | ||
265 | - margin-bottom: 45px; | ||
266 | - clear: both; | ||
267 | -} | ||
268 | - | ||
269 | -.box-1 .block, | ||
270 | -.no-boxes .block { | ||
271 | - margin-top: 50px; | ||
272 | -} | ||
273 | - | ||
274 | -.container-block-plugin_container-block .block-outer{ | ||
275 | - margin-top: 0px; | ||
276 | -} | ||
277 | - | ||
278 | -.box-1 .blocks { | ||
279 | - /*margin-top: -30px;*/ | ||
280 | -} | ||
281 | - | ||
282 | -.block-outer .block .block-outer { | ||
283 | - margin-top: 0; | ||
284 | -} | ||
285 | - | ||
286 | -/****Display Content - Bloco de artigo****/ | ||
287 | - | ||
288 | -.display-content-block .lead { | ||
289 | - overflow: hidden; | ||
290 | -} | ||
291 | - | ||
292 | -.display-content-block .image { | ||
293 | - | ||
294 | -} | ||
295 | - | ||
296 | -.block.display-content-block .tags span { | ||
297 | - background-color: #ddd; | ||
298 | - color: #666; | ||
299 | - display: inline-block; | ||
300 | - margin: 10px 10px 10px 0; | ||
301 | - padding: 5px; | ||
302 | -} | ||
303 | - | ||
304 | -#content .display-content-block .title a { | ||
305 | - background-color: transparent; | ||
306 | - font-size: 16px; | ||
307 | - font-style: normal; | ||
308 | - font-weight: bold; | ||
309 | - line-height: 1.3em; | ||
310 | - padding: 0; | ||
311 | - color: #172738 !important ; | ||
312 | -} | ||
313 | - | ||
314 | -#content .main-block h1, | ||
315 | -#not-found h1, | ||
316 | -#access-denied h1 { | ||
317 | - | ||
318 | -} | ||
319 | - | ||
320 | -/*tamanho da fonte dentro dos artigos*/ | ||
321 | -.article-body p{ | ||
322 | - font-size:15px; | ||
323 | - line-height:21px; | ||
324 | - font-family: Arial, Helvetica, sans-serif; | ||
325 | -} | ||
326 | - | ||
327 | -/* Numeracao dentro de artigos */ | ||
328 | -.article-body ul { | ||
329 | - list-style-position: inside; | ||
330 | - list-style-type: disc; | ||
331 | -} | ||
332 | - | ||
333 | -.article-body ol { | ||
334 | - list-style-position: inside; | ||
335 | - list-style-type: decimal; | ||
336 | -} | ||
337 | - | ||
338 | -.article-body li { | ||
339 | - list-style: inherit; | ||
340 | -} | ||
341 | - | ||
342 | -/* fim tamanho da fonte dentro dos artigos*/ | ||
343 | - | ||
344 | 146 | ||
345 | /*comentário*/ | 147 | /*comentário*/ |
346 | 148 | ||
@@ -466,7 +268,7 @@ body div.overlay div.close { | @@ -466,7 +268,7 @@ body div.overlay div.close { | ||
466 | } | 268 | } |
467 | 269 | ||
468 | #content .comment-header .comment-actions-reply{ | 270 | #content .comment-header .comment-actions-reply{ |
469 | - margin-right: 5px; | 271 | + margin-right: 5px; |
470 | margin-top: 5px; | 272 | margin-top: 5px; |
471 | } | 273 | } |
472 | 274 | ||
@@ -582,465 +384,10 @@ li.event-dates { | @@ -582,465 +384,10 @@ li.event-dates { | ||
582 | } | 384 | } |
583 | 385 | ||
584 | 386 | ||
585 | -/**** BUSCA ****/ | ||
586 | - | ||
587 | -.search-results-header { | ||
588 | - border-bottom: 0px; | ||
589 | -} | ||
590 | - | ||
591 | -#profile-header { | ||
592 | - position: absolute; /* Corrige link de login */ | ||
593 | -} | ||
594 | - | ||
595 | -#public-profile-search, #profile-search-results form, .profile-search-block form { | ||
596 | - background-color: transparent; | ||
597 | -} | ||
598 | - | ||
599 | -#public-profile-search .search-field .formfield { | ||
600 | - float: left; | ||
601 | -} | ||
602 | - | ||
603 | -#public-profile-search .search-field .formfield input { | ||
604 | - margin-top: 0px; | ||
605 | -} | ||
606 | - | ||
607 | -.formfield input, .formfield textarea{ | ||
608 | - background: none #FFFFFF; | ||
609 | - border: 1px solid #DDDDDD; | ||
610 | - color: #585858; | ||
611 | - font-size: 16px; | ||
612 | - width: 100%; | ||
613 | - word-wrap: break-word; | ||
614 | -} | ||
615 | - | ||
616 | -.formfield.type-file input { | ||
617 | - height: 28px; | ||
618 | - max-height: 30px; | ||
619 | -} | ||
620 | - | ||
621 | -.formfield input { | ||
622 | - padding: 5px 0; | ||
623 | - max-height: 19px; | ||
624 | -} | ||
625 | - | ||
626 | -.search-field .formfield, .search-field .formfield input { | ||
627 | - margin-right: 0.5em; | ||
628 | -} | ||
629 | - | ||
630 | -#search-page form.search_form input.icon-search { | ||
631 | - background: url("images/btn_busca.png") no-repeat scroll 50% 50% transparent; | ||
632 | - border: 1px solid #DDDDDD; | ||
633 | - min-height: 31px; | ||
634 | - padding-right: 20px; | ||
635 | - text-indent: -10000px; | ||
636 | - max-height: 31px; | ||
637 | -} | ||
638 | - | ||
639 | -#content .button-bar a.icon-cancel span{ | ||
640 | - vertical-align: text-middle; | ||
641 | -} | ||
642 | - | ||
643 | - | ||
644 | -/****RESULTADO DA BUSCA *****/ | ||
645 | - | ||
646 | -#search-results { | ||
647 | - width: 100% !important; | ||
648 | -} | ||
649 | - | ||
650 | -.controller-search .multiple-results-boxes .search-results-innerbox.common-profile-list-block { | ||
651 | - overflow: visible; | ||
652 | -} | ||
653 | - | ||
654 | -.controller-search .search-results-box { | ||
655 | - width: 100%; | ||
656 | - margin-bottom: 20px; | ||
657 | -} | ||
658 | - | ||
659 | -.controller-search #search-results h3 { | ||
660 | - background-color: #497B16; | ||
661 | - color: white; | ||
662 | - display: inline-block; | ||
663 | - margin: 0 0 0 0; | ||
664 | - padding: 0.5em; | ||
665 | - position: relative; | ||
666 | -} | ||
667 | - | ||
668 | -.controller-search #search-results .search-results-innerbox li .search-result-title { | ||
669 | - margin-left: 148px; | ||
670 | - color: #444444; | ||
671 | -} | ||
672 | - | ||
673 | -.search-article-description { | ||
674 | - color: #999999; | ||
675 | -} | ||
676 | - | ||
677 | -#search-page .map-or-list-search-results list { | ||
678 | - | ||
679 | -} | ||
680 | - | ||
681 | -.search-results-innerbox { | ||
682 | - border-top: 1px solid #CCCCCC; | ||
683 | -} | ||
684 | - | ||
685 | -.controller-search .search-results-innerbox { | ||
686 | - height: 100%; | ||
687 | -} | ||
688 | - | ||
689 | -.search-results-type-article li.article-item, | ||
690 | -.search-tagged-items li.article-item, | ||
691 | -.only-one-result-box li.search-product-item { | ||
692 | - border-bottom: 0px solid #fff; | ||
693 | -} | ||
694 | - | ||
695 | -.controller-search .search-results-innerbox td.search-field-label{ | ||
696 | - display: none; | ||
697 | -} | ||
698 | - | ||
699 | -/*busca de midia*/ | ||
700 | - | ||
701 | -.media-search-box form span.formfield #media-search-query{ | ||
702 | - float: left; | ||
703 | - margin-right: 5px; | ||
704 | -} | ||
705 | - | ||
706 | -/*Busca em Profile*/ | ||
707 | -#profile-search-results ul.results-list { | ||
708 | - | ||
709 | -} | ||
710 | - | ||
711 | -#profile-search-results ul.results-list li{ | ||
712 | - display: block; | ||
713 | - margin-bottom: 18px; | ||
714 | -} | ||
715 | - | ||
716 | -#profile-search-results ul.results-list .result-title{ | ||
717 | - color: #444444; | ||
718 | - display: inline-block; | ||
719 | - font-size: 180%; | ||
720 | - font-weight: bold; | ||
721 | - padding: 4px 0; | ||
722 | -} | ||
723 | - | ||
724 | -#profile-search-results ul.results-list .article-details { | ||
725 | - color: #999999; | ||
726 | -} | ||
727 | - | ||
728 | -#profile-search-results ul.results-list .article-url { | ||
729 | - | ||
730 | -} | ||
731 | - | ||
732 | -/**** FIM DE BUSCA ****/ | ||
733 | 387 | ||
734 | /***VERIFICAR SE ISSO SE APLICA A ESTE TEMA***/ | 388 | /***VERIFICAR SE ISSO SE APLICA A ESTE TEMA***/ |
735 | /*.track_list*/ | 389 | /*.track_list*/ |
736 | 390 | ||
737 | -/*lista de pendencias*/ | ||
738 | -.task_box { | ||
739 | - background: none repeat scroll 0 0 #EEEEEE; | ||
740 | - margin-bottom: 5px; | ||
741 | - margin-top: 5px; | ||
742 | - padding: 1em; | ||
743 | - position: relative; | ||
744 | -} | ||
745 | - | ||
746 | -/*fim lista de pendencias*/ | ||
747 | - | ||
748 | -.tag_cloud a{ | ||
749 | - white-space: normal; | ||
750 | -} | ||
751 | - | ||
752 | - | ||
753 | -.community-track-plugin_track-card-list-block .track_list{ | ||
754 | - text-align: center; | ||
755 | - padding: 0 0px; | ||
756 | -} | ||
757 | - | ||
758 | -.track_list .item_card { | ||
759 | - background-color: #FFFAFA; | ||
760 | - border: 1px solid #DDDDDD; | ||
761 | - display: inline-block; | ||
762 | - float: left; | ||
763 | - clear: right; | ||
764 | - margin: 12px 9px 9px; | ||
765 | - max-width: 214px; | ||
766 | - height: 426px; | ||
767 | - padding: 0; | ||
768 | - width: 214px; | ||
769 | -} | ||
770 | - | ||
771 | - | ||
772 | - | ||
773 | -.track_list .item_card a{ | ||
774 | - display: inline-block; | ||
775 | -} | ||
776 | - | ||
777 | -.track_list .item_card:hover { | ||
778 | - background-color: white; | ||
779 | -} | ||
780 | - | ||
781 | -/*track list nos blocos laterais*/ | ||
782 | -.box-2{ | ||
783 | - width:150px; | ||
784 | -} | ||
785 | - | ||
786 | -.box-2 .track_list .item_card, | ||
787 | -.box-3 .track_list .item_card { | ||
788 | - margin: 10px 0px; | ||
789 | - /*width: 188px;*/ | ||
790 | - width: 100%; | ||
791 | -} | ||
792 | - | ||
793 | -/**/ | ||
794 | - | ||
795 | -#content .track_list .item_card .track_content{ | ||
796 | - height: 390px; | ||
797 | - overflow: hidden; | ||
798 | -} | ||
799 | - | ||
800 | -#content .track_list .item_card .track_content .title{ | ||
801 | - color: white; | ||
802 | - font-family: Arial,sans-serif; | ||
803 | - font-size: 15px; | ||
804 | - font-weight: bold; | ||
805 | - min-height: 15px; | ||
806 | - padding: 2px 0; | ||
807 | - text-align: center; | ||
808 | - | ||
809 | - vertical-align: middle; | ||
810 | - width: 219px; | ||
811 | - display: table-cell; | ||
812 | - height: 45px; | ||
813 | -} | ||
814 | -#content .track_list .item_card .track_content .image{ | ||
815 | - border: 1px solid #ddd; | ||
816 | - width: 196px; | ||
817 | - height: 146px; | ||
818 | - overflow: hidden; | ||
819 | - margin: 8px; | ||
820 | - background-color: #FFF; | ||
821 | - position: relative; | ||
822 | -} | ||
823 | -/*imagem nos track list nos blocos laterais*/ | ||
824 | -#content .box-2 .track_list .item_card .track_content .image, | ||
825 | -#content .box-3 .track_list .item_card .track_content .image { | ||
826 | - width: 170px; | ||
827 | -} | ||
828 | - | ||
829 | -.track_list .image img { | ||
830 | - position: absolute; | ||
831 | - top: 0; | ||
832 | - bottom: 0; | ||
833 | - margin: auto; | ||
834 | - left: 0; | ||
835 | - right: 0; | ||
836 | -} | ||
837 | - | ||
838 | -#content .track_list .item_card .track_content .name { | ||
839 | - font-size: 12px; | ||
840 | - font-weight: normal; | ||
841 | - padding: 5px 0; | ||
842 | - text-align: left; | ||
843 | - margin: 0 8px; | ||
844 | - color: #444; | ||
845 | - text-transform: uppercase; | ||
846 | -} | ||
847 | - | ||
848 | - | ||
849 | -#content .track_list .item_card .track_content .lead { | ||
850 | - font-weight: normal; | ||
851 | - padding: 5px 0; | ||
852 | - margin: 0 8px; | ||
853 | - text-align: left; | ||
854 | - color: black; | ||
855 | - font-size: 12px; | ||
856 | -} | ||
857 | - | ||
858 | -/**/ | ||
859 | - | ||
860 | -/**/ | ||
861 | - | ||
862 | -/*track list Internas*/ | ||
863 | - | ||
864 | -.track_list .item { | ||
865 | - border-bottom: 1px solid #DDDDDD; | ||
866 | - display: inline-block; | ||
867 | -} | ||
868 | - | ||
869 | -.track_list .item .track_content .lead { | ||
870 | - float: left; | ||
871 | - padding: 2em; | ||
872 | - text-align: left; | ||
873 | - width: 40%; | ||
874 | -} | ||
875 | - | ||
876 | -/*track list - páginas internas - main content*/ | ||
877 | - | ||
878 | -.track_list .track_content { | ||
879 | - /*display: inline-block;*/ | ||
880 | - display: block; | ||
881 | - height: 100%; | ||
882 | -} | ||
883 | - | ||
884 | -.track_list .item .track_content{ | ||
885 | - /*display: block;*/ | ||
886 | -} | ||
887 | - | ||
888 | - | ||
889 | -.track_list .item .track_content .lead { | ||
890 | - width: 30%; | ||
891 | -} | ||
892 | - | ||
893 | -.track_list .item .track_content .lead p.lead{ | ||
894 | - color: #444; | ||
895 | -} | ||
896 | - | ||
897 | -#content .track_list .item .track_content .lead a { | ||
898 | - font-weight: bold; | ||
899 | - color: #444; | ||
900 | -} | ||
901 | - | ||
902 | -/**/ | ||
903 | -/*rodapé das cartas de participação*/ | ||
904 | -.track_list .item_card .track_stats .comments .counter { | ||
905 | - background: url("images/comentarios.png") no-repeat left center #fffafa; | ||
906 | -} | ||
907 | -.track_list .item_card .track_stats .hits .counter { | ||
908 | - background: url("images/visualizacoes.png") no-repeat left center #fffafa; | ||
909 | -} | ||
910 | - | ||
911 | -.track_list .item_card .track_stats { | ||
912 | - padding: 5px 5px 0; | ||
913 | - height: 25px; | ||
914 | -} | ||
915 | -.track_list .item_card .track_stats .counter { | ||
916 | - margin-top: 1px; | ||
917 | - padding: 3px 0 0 30px; | ||
918 | - text-align: left; | ||
919 | - font-size: 10pt; | ||
920 | - /*display: block;*/ | ||
921 | - color: #444; | ||
922 | -} | ||
923 | -.track_list .item_card .track_stats .comments{ | ||
924 | - float: left; | ||
925 | -} | ||
926 | -.track_list .item_card .track_stats .hits{ | ||
927 | - float: right; | ||
928 | -} | ||
929 | -.track_list .item_card .track_stats .hits .label, | ||
930 | -.track_list .item_card .track_stats .comments .label { | ||
931 | - font-size: 7pt; | ||
932 | - /*float: right;*/ | ||
933 | - color: #444; | ||
934 | -} | ||
935 | -.track_list .item_card .track_stats .comments .label { | ||
936 | - display: none; | ||
937 | - visibility: hidden; | ||
938 | -} | ||
939 | - | ||
940 | -/**/ | ||
941 | - | ||
942 | - | ||
943 | -/*** step list ***/ | ||
944 | - | ||
945 | -/*geral*/ | ||
946 | - | ||
947 | -.track_list .item .step { | ||
948 | - padding: 5px; | ||
949 | -} | ||
950 | - | ||
951 | -.track_list .item .track_content .steps { | ||
952 | - width: 60%; | ||
953 | - font-weight: normal; | ||
954 | -} | ||
955 | - | ||
956 | -.track_list .item .track_content .steps a:hover{ | ||
957 | - text-decoration: none; | ||
958 | -} | ||
959 | - | ||
960 | - | ||
961 | -.track_list .item .track_content .steps h3{ | ||
962 | - font-size: 13px !important; | ||
963 | - text-transform: uppercase; | ||
964 | - font-weight: normal; | ||
965 | -} | ||
966 | - | ||
967 | -.track_list .item .track_content .steps .position, | ||
968 | -#track .step_list .step .position { | ||
969 | - border-radius: 50% 50% 50% 50%; | ||
970 | - float: none; | ||
971 | - font-size: 14px; | ||
972 | - margin-right: 5px; | ||
973 | - text-align: center; | ||
974 | - font-weight: bold; | ||
975 | -} | ||
976 | - | ||
977 | -#track .step_list .step { | ||
978 | - background: url("images/steps_bg.png") repeat-x center top #fff;/*branco com o fundo em degradê*/ | ||
979 | - display: inline-block; | ||
980 | - width: 100%; | ||
981 | -} | ||
982 | - | ||
983 | - | ||
984 | -#track .step_list .step a { | ||
985 | - background-color: transparent;/*transparente*/ | ||
986 | - color: #999;/*cinza escuro escuro*/ | ||
987 | -} | ||
988 | - | ||
989 | -.step a:link, #content .step a:link, dl.portlet .step a:link { | ||
990 | - color: #999; /*cinza escuro*/ | ||
991 | - /*teste*/ | ||
992 | - display: inline-block; | ||
993 | - max-width: 80%; | ||
994 | - vertical-align: middle; | ||
995 | -} | ||
996 | - | ||
997 | -#track .step_list .step .position { | ||
998 | - background-color: #999;/*cinza escuro escuro*/ | ||
999 | - color: #fff;/*branco*/ | ||
1000 | - display: inline-block; | ||
1001 | - font-size: 250%; | ||
1002 | - margin: 15px; | ||
1003 | - padding: 15px; | ||
1004 | - line-height: 15px; | ||
1005 | -} | ||
1006 | - | ||
1007 | -#track .step_list .step .content { | ||
1008 | - display: inline-block; | ||
1009 | - margin: 10px; | ||
1010 | - vertical-align: middle; | ||
1011 | - border-bottom: 0 none; | ||
1012 | - vertical-align: top; | ||
1013 | - max-width: 80%; | ||
1014 | - /*max-width: 600px;*/ | ||
1015 | -} | ||
1016 | - | ||
1017 | -#track .step_list .step .content .date { | ||
1018 | - font-weight: normal; | ||
1019 | -} | ||
1020 | - | ||
1021 | -#track .step_list .step .content .name {} | ||
1022 | - | ||
1023 | -#track .step .name, | ||
1024 | -#track .step .name a { | ||
1025 | - color: #999; | ||
1026 | -} | ||
1027 | - | ||
1028 | -#track .step_list .step .content .lead { | ||
1029 | - font-weight: normal; | ||
1030 | - margin-left: 0px; | ||
1031 | - margin-right: 0px; | ||
1032 | - color: #666; | ||
1033 | -} | ||
1034 | - | ||
1035 | -#track .step_list .step .content .lead p{ | ||
1036 | - margin-bottom: 0px; | ||
1037 | -} | ||
1038 | - | ||
1039 | -#track .step_list .step .content object, | ||
1040 | -#track .step_list .step .content .lead img{ | ||
1041 | - max-width: 80%; | ||
1042 | -} | ||
1043 | - | ||
1044 | 391 | ||
1045 | 392 | ||
1046 | /*bloco de steps em main area - */ | 393 | /*bloco de steps em main area - */ |
@@ -1451,145 +798,6 @@ div.pairwise_group_list_container .arrow span.active { | @@ -1451,145 +798,6 @@ div.pairwise_group_list_container .arrow span.active { | ||
1451 | } | 798 | } |
1452 | 799 | ||
1453 | 800 | ||
1454 | -/*****************************************************/ | ||
1455 | -/* EMBED CSS */ | ||
1456 | -/*****************************************************/ | ||
1457 | -body.action-embed-index { | ||
1458 | - background-color: #f0f0f0; | ||
1459 | -} | ||
1460 | - | ||
1461 | -#embed { | ||
1462 | - width: 100%; | ||
1463 | - height: 100%; | ||
1464 | - display: table; | ||
1465 | -} | ||
1466 | - | ||
1467 | -#embed #content { | ||
1468 | - left: 0; | ||
1469 | - margin-left: 0; | ||
1470 | - margin-top: 0; | ||
1471 | - position: relative; | ||
1472 | - width: 100%; | ||
1473 | -} | ||
1474 | - | ||
1475 | -#embed #content .title { | ||
1476 | - padding-right: 0px; | ||
1477 | -} | ||
1478 | - | ||
1479 | -.action-embed-index #boxes, | ||
1480 | -.action-embed-index .box-1 .blocks, | ||
1481 | -.action-embed-index .block-outer, | ||
1482 | -.action-embed-index #content .block { | ||
1483 | - margin: 0px; | ||
1484 | -} | ||
1485 | - | ||
1486 | -.action-embed-index #wrap-1 { | ||
1487 | - display: table-cell; | ||
1488 | - vertical-align: middle; | ||
1489 | - width: 100%; | ||
1490 | - height: 100%; | ||
1491 | -} | ||
1492 | - | ||
1493 | -.action-embed-index #wrap-2 { | ||
1494 | - border: 0px solid #F00; | ||
1495 | - padding: 0px; | ||
1496 | - background-color: #EEE; | ||
1497 | - margin: 0px; | ||
1498 | -} | ||
1499 | - | ||
1500 | -.action-embed-index .block .block-inner-2 { | ||
1501 | - background-color: white; | ||
1502 | - padding: 1em; | ||
1503 | - margin: 0; | ||
1504 | -} | ||
1505 | - | ||
1506 | -.action-embed-index #content .box-1 .block-title { | ||
1507 | - background-color: transparent; | ||
1508 | - border-bottom: 0 solid #AAAAAA; | ||
1509 | - border-top: 0 none; | ||
1510 | - left: -12px; | ||
1511 | - margin-bottom: 0; | ||
1512 | - margin-top: -38px; | ||
1513 | - position: relative; | ||
1514 | -} | ||
1515 | - | ||
1516 | -.action-embed-index #content .box-1 .block-title span { | ||
1517 | - background-color: #497b16; | ||
1518 | - color: white; | ||
1519 | - font-size: 18px; | ||
1520 | - font-variant: normal; | ||
1521 | - padding: 6px 1em; | ||
1522 | - text-align: left; | ||
1523 | -} | ||
1524 | - | ||
1525 | -/******** BLOCK => TRACK CARD LIST *********/ | ||
1526 | -.action-embed-index .community-track-plugin_track-card-list-block .block-inner-2 { | ||
1527 | - background: url("images/bg-bloco-de-trilhas.png") no-repeat scroll center top transparent; | ||
1528 | -} | ||
1529 | - | ||
1530 | -.action-embed-index .community-track-plugin_track-card-list-block .track_list { | ||
1531 | - text-align: center; | ||
1532 | - padding: 22px 0px 0px 0px; | ||
1533 | -} | ||
1534 | - | ||
1535 | -.action-embed-index .community-track-plugin_track-card-list-block .view_all a { | ||
1536 | - position: absolute; | ||
1537 | - right: -12px; | ||
1538 | - top: -33px; | ||
1539 | -} | ||
1540 | - | ||
1541 | -/** Bloco de redes sociais **/ | ||
1542 | -.social_widget { | ||
1543 | - margin-left: 5px; | ||
1544 | -} | ||
1545 | - | ||
1546 | -.social_widget .social_header { | ||
1547 | - height: 27px; | ||
1548 | - margin-top: 12px; | ||
1549 | -} | ||
1550 | - | ||
1551 | -.social_widget.twitter { | ||
1552 | - background: url(images/twitter-widget.png) no-repeat; | ||
1553 | -} | ||
1554 | - | ||
1555 | -.social_widget.facebook { | ||
1556 | - background: url(images/facebook-widget.png) no-repeat; | ||
1557 | -} | ||
1558 | - | ||
1559 | -.social_widget.instagram { | ||
1560 | - background: url(images/instagram-widget.png) no-repeat; | ||
1561 | -} | ||
1562 | - | ||
1563 | -.social_widget.instagram .social_content { | ||
1564 | - margin-top: 15px; | ||
1565 | -} | ||
1566 | - | ||
1567 | -#content .no-boxes #main-content-wrapper-8 { | ||
1568 | - padding: 10px 10px; | ||
1569 | -} | ||
1570 | - | ||
1571 | -#content .no-boxes #main-content-wrapper-8 .all_tracks { | ||
1572 | - padding-left: 2px; | ||
1573 | -} | ||
1574 | - | ||
1575 | -/* chat {{{ */ | ||
1576 | - | ||
1577 | -#chat .toolbar { | ||
1578 | - background-color: #F8C300; | ||
1579 | - border: 2px solid #F8C300; | ||
1580 | -} | ||
1581 | - | ||
1582 | -#chat #environment-logo { | ||
1583 | - background-color: #FCDD4E; | ||
1584 | -} | ||
1585 | - | ||
1586 | -#chat #buddy-list, | ||
1587 | -#chat #occupant-list { | ||
1588 | - background-color: #EEE; | ||
1589 | -} | ||
1590 | - | ||
1591 | -/* }}} */ | ||
1592 | - | ||
1593 | 801 | ||
1594 | 802 | ||
1595 | /****************Acho que isso nao se aplica ao nosso tema****************/ | 803 | /****************Acho que isso nao se aplica ao nosso tema****************/ |
@@ -1599,106 +807,12 @@ body.action-embed-index { | @@ -1599,106 +807,12 @@ body.action-embed-index { | ||
1599 | 807 | ||
1600 | /**********************Removidos****************************/ | 808 | /**********************Removidos****************************/ |
1601 | 809 | ||
1602 | - | ||
1603 | - | ||
1604 | - | ||
1605 | - | ||
1606 | - | ||
1607 | -a:link, #content a:link, dl.portlet a:link { | ||
1608 | - color: #172738; | ||
1609 | - /*border-bottom: none;*/ | ||
1610 | -} | ||
1611 | - | ||
1612 | -a:visited, #content a:visited, dl.portlet a:visited { | ||
1613 | - color:#2c66ce; /*#2c67cd;*/ | ||
1614 | -} | ||
1615 | - | ||
1616 | -/* Remove in all td gray backgroung hover */ | ||
1617 | -tr:hover td { | ||
1618 | - background-color: transparent; | ||
1619 | -} | ||
1620 | - | ||
1621 | -#content a:hover, dl.portlet a:hover { | ||
1622 | - color: #000; | ||
1623 | -} | ||
1624 | - | ||
1625 | #category-ajax-selector .select-subcategory-link:hover { | 810 | #category-ajax-selector .select-subcategory-link:hover { |
1626 | color: #fff; | 811 | color: #fff; |
1627 | } | 812 | } |
1628 | /*****css removido daqui para o arquivo header.css*****/ | 813 | /*****css removido daqui para o arquivo header.css*****/ |
1629 | 814 | ||
1630 | 815 | ||
1631 | -#wrap-2 { | ||
1632 | - width: 960px; | ||
1633 | - margin: 0 auto; | ||
1634 | - border: none; | ||
1635 | - padding: 0px; | ||
1636 | -} | ||
1637 | - | ||
1638 | - | ||
1639 | -.action-account-signup .no-boxes { | ||
1640 | - margin-top: 20px; | ||
1641 | -} | ||
1642 | - | ||
1643 | - | ||
1644 | - | ||
1645 | -.portalservicos-item div { | ||
1646 | - display: none; | ||
1647 | - position: absolute; | ||
1648 | - background-color: red; | ||
1649 | -} | ||
1650 | - | ||
1651 | -.portalservicos-item:hover div { | ||
1652 | - display: inline-block; | ||
1653 | - float: left; | ||
1654 | - width: 960px; | ||
1655 | - top: 25px; | ||
1656 | - left: 0; | ||
1657 | - background-color: blue; | ||
1658 | -} | ||
1659 | - | ||
1660 | -.portalservicos-submenu:hover { | ||
1661 | - display: inline-block; | ||
1662 | - float: left; | ||
1663 | - width: 960px; | ||
1664 | - top: 25px; | ||
1665 | - left: 0; | ||
1666 | - background-color: green; | ||
1667 | -} | ||
1668 | - | ||
1669 | -/* Bubble Float Bottom */ | ||
1670 | -.bubble-float-bottom { | ||
1671 | - display: inline-block; | ||
1672 | - position: relative; | ||
1673 | - -webkit-transition-duration: 0.3s; | ||
1674 | - transition-duration: 0.3s; | ||
1675 | - -webkit-transition-property: transform; | ||
1676 | - transition-property: transform; | ||
1677 | - -webkit-transform: translateZ(0); | ||
1678 | - transform: translateZ(0); | ||
1679 | - box-shadow: 0 0 1px rgba(0, 0, 0, 0); | ||
1680 | -} | ||
1681 | -.bubble-float-bottom:before { | ||
1682 | - position: absolute; | ||
1683 | - z-index: -1; | ||
1684 | - content: ''; | ||
1685 | - left: calc(50% - 10px); | ||
1686 | - bottom: 0; | ||
1687 | - border-style: solid; | ||
1688 | - border-width: 10px 10px 0 10px; | ||
1689 | - border-color: #e1e1e1 transparent transparent transparent; | ||
1690 | - -webkit-transition-duration: 0.3s; | ||
1691 | - transition-duration: 0.3s; | ||
1692 | - -webkit-transition-property: bottom; | ||
1693 | - transition-property: bottom; | ||
1694 | -} | ||
1695 | -.bubble-float-bottom:hover, .bubble-float-bottom:focus, .bubble-float-bottom:active { | ||
1696 | - -webkit-transform: translateY(-5px) translateZ(0); | ||
1697 | - transform: translateY(-5px) translateZ(0); | ||
1698 | -} | ||
1699 | -.bubble-float-bottom:hover:before, .bubble-float-bottom:focus:before, .bubble-float-bottom:active:before { | ||
1700 | - bottom: -10px; | ||
1701 | -} | ||
1702 | 816 | ||
1703 | 817 | ||
1704 | 818 | ||
@@ -1709,139 +823,16 @@ tr:hover td { | @@ -1709,139 +823,16 @@ tr:hover td { | ||
1709 | 823 | ||
1710 | 824 | ||
1711 | 825 | ||
1712 | -#assets-menu { | ||
1713 | - background: #E8E8E8; | ||
1714 | - top: 35px; | ||
1715 | - left: 80px; | ||
1716 | - min-width: 132px; | ||
1717 | -} | ||
1718 | - | ||
1719 | -#assets-menu a { | ||
1720 | - border: 1px solid #E8E8E8; | ||
1721 | -} | ||
1722 | 826 | ||
1723 | -#categories_menu { | ||
1724 | - /*max-width: 960px;*/ | ||
1725 | - padding: 0 1em; | ||
1726 | - margin: auto; | ||
1727 | -} | ||
1728 | - | ||
1729 | -/***** Verificar onde isso afeta*****/ | ||
1730 | -/* | ||
1731 | -#cat_menu { | ||
1732 | - background: url(images/marca-participacao-social.png) no-repeat center left; | ||
1733 | - height: 40px; | ||
1734 | - padding-left: 60px; | ||
1735 | -} | ||
1736 | - | ||
1737 | - | ||
1738 | -#cat_menu li { | ||
1739 | - list-style: none; | ||
1740 | - font-size: 12px; | ||
1741 | - font-weight: bold; | ||
1742 | - padding: 0px 20px; | ||
1743 | - height: 100%; | ||
1744 | - text-transform: uppercase; | ||
1745 | -} | ||
1746 | - | ||
1747 | -#cat_menu li:hover { | ||
1748 | - background-color: #E1E4E4; | ||
1749 | -} | ||
1750 | - | ||
1751 | -#cat_menu li a { | ||
1752 | - line-height: 40px; | ||
1753 | - width: 100%; | ||
1754 | - height: 100%; | ||
1755 | - display: block; | ||
1756 | -} | ||
1757 | -*/ | ||
1758 | /* Cores dos sideboxs */ | 827 | /* Cores dos sideboxs */ |
1759 | 828 | ||
1760 | - | ||
1761 | /* Cor padrao do box */ | 829 | /* Cor padrao do box */ |
1762 | -#content .box .block-title { | 830 | +/*#content .box .block-title { |
1763 | border-top: 4px solid #2c66ce; | 831 | border-top: 4px solid #2c66ce; |
1764 | background: #eee; | 832 | background: #eee; |
1765 | color:#2c66ce; | 833 | color:#2c66ce; |
1766 | } | 834 | } |
1767 | - | ||
1768 | -#content .box .read-more { | ||
1769 | - border-top: 1px solid #2c66ce; | ||
1770 | - background: #eee; | ||
1771 | -} | ||
1772 | - | ||
1773 | -#content .read-more a { | ||
1774 | - color: #000000; | ||
1775 | -} | ||
1776 | - | ||
1777 | -#content .box .read-more a::after { | ||
1778 | - background: #2c66ce; | ||
1779 | -} | ||
1780 | - | ||
1781 | -/* Todos os blocos da coluna da esquerda da mesma cor */ | ||
1782 | -#content .box-2 .block-outer .block-title { | ||
1783 | - border-top: 4px solid #4562b1; | ||
1784 | - background: #eee; | ||
1785 | - color: #4562b1; | ||
1786 | -} | ||
1787 | - | ||
1788 | -#content .box-2 .block-outer .read-more { | ||
1789 | - border-top: 1px solid #4562b1; | ||
1790 | - background: #eee; | ||
1791 | -} | ||
1792 | - | ||
1793 | -#content .box-2 .block-outer .read-more a { | ||
1794 | - color: #000000; | ||
1795 | -} | ||
1796 | - | ||
1797 | -#content .box-2 .block-outer .read-more a::after { | ||
1798 | - color: #FFFFFF; | ||
1799 | - background: #4562b1; | ||
1800 | -} | ||
1801 | - | ||
1802 | -/* Bloco de artigo sempre da mesma cor */ | ||
1803 | - | ||
1804 | -#content .box .article-block .block-title { | ||
1805 | - border-top: 4px solid #08A649; | ||
1806 | - background: #eee; | ||
1807 | - color: #08A649; | ||
1808 | -} | ||
1809 | - | ||
1810 | -#content .box .block-outer .article-block .read-more { | ||
1811 | - border-top: 1px solid #08A649; | ||
1812 | - background: #eee; | ||
1813 | -} | ||
1814 | - | ||
1815 | -#content .box .block-outer .article-block .read-more a { | ||
1816 | - color: #000000; | ||
1817 | -} | ||
1818 | - | ||
1819 | -#content .box .block-outer .article-block .read-more a::after { | ||
1820 | - color: #FFFFFF; | ||
1821 | - background: #08A649; | ||
1822 | -} | ||
1823 | - | ||
1824 | -/* Bloco de noticias sempre da mesma cor */ | ||
1825 | - | ||
1826 | -#content .box .display-content-block .block-title { | ||
1827 | - border-top: 4px solid #643C67; | ||
1828 | - background: #eee; | ||
1829 | - color: #643C67; | ||
1830 | -} | ||
1831 | - | ||
1832 | -#content .box .block-outer .display-content-block .read-more { | ||
1833 | - border-top: 1px solid #643C67; | ||
1834 | - background: #eee; | ||
1835 | -} | ||
1836 | - | ||
1837 | -#content .box .block-outer .display-content-block .read-more a { | ||
1838 | - color: #000000; | ||
1839 | -} | ||
1840 | - | ||
1841 | -#content .box .block-outer .display-content-block .read-more a::after { | ||
1842 | - color: #FFFFFF; | ||
1843 | - background: #643C67; | ||
1844 | -} | 835 | +*/ |
1845 | 836 | ||
1846 | /************* FIM Bar Psocial Style - Menu Horizontal**************/ | 837 | /************* FIM Bar Psocial Style - Menu Horizontal**************/ |
1847 | 838 |
content.css
@@ -175,6 +175,7 @@ | @@ -175,6 +175,7 @@ | ||
175 | 175 | ||
176 | 176 | ||
177 | /*******removidos do cabecalho-cinza-theme.css****************/ | 177 | /*******removidos do cabecalho-cinza-theme.css****************/ |
178 | + | ||
178 | /***************** padrao dos titulos para os boxes *************/ | 179 | /***************** padrao dos titulos para os boxes *************/ |
179 | #content .box .block-title { | 180 | #content .box .block-title { |
180 | font-size: 12px; | 181 | font-size: 12px; |
@@ -185,14 +186,95 @@ | @@ -185,14 +186,95 @@ | ||
185 | font-family: "open_sansbold", Arial, Helvetica, sans-serif; | 186 | font-family: "open_sansbold", Arial, Helvetica, sans-serif; |
186 | font-variant: normal; | 187 | font-variant: normal; |
187 | margin: 0px 0px 2px 0px; | 188 | margin: 0px 0px 2px 0px; |
188 | - border-top: 4px solid #3E67B1; | 189 | + border-top: 4px solid #4562b1; |
189 | background: #eee; | 190 | background: #eee; |
190 | - color: #3E67B1; | 191 | + color: #4562b1; |
192 | +} | ||
193 | + | ||
194 | +#content .box .read-more { | ||
195 | + border-top: 1px solid #2c66ce; | ||
196 | + background: #eee; | ||
197 | +} | ||
198 | + | ||
199 | +#content .read-more a { | ||
200 | + color: #000000; | ||
201 | +} | ||
202 | + | ||
203 | +#content .box .read-more a::after { | ||
204 | + background: #2c66ce; | ||
205 | +} | ||
206 | + | ||
207 | +/* Todos os blocos da coluna da esquerda da mesma cor */ | ||
208 | +#content .box-2 .block-outer .block-title { | ||
209 | + border-top: 4px solid #4562b1; | ||
210 | + background: #eee; | ||
211 | + color: #4562b1; | ||
212 | +} | ||
213 | + | ||
214 | +#content .box-2 .block-outer .read-more { | ||
215 | + border-top: 1px solid #4562b1; | ||
216 | + background: #eee; | ||
217 | +} | ||
218 | + | ||
219 | +#content .box-2 .block-outer .read-more a { | ||
220 | + color: #000000; | ||
221 | +} | ||
222 | + | ||
223 | +#content .box-2 .block-outer .read-more a::after { | ||
224 | + color: #FFFFFF; | ||
225 | + background: #4562b1; | ||
226 | +} | ||
227 | + | ||
228 | +/* Bloco de artigo sempre da mesma cor */ | ||
229 | + | ||
230 | +#content .box .article-block .block-title { | ||
231 | + border-top: 4px solid #08A649; | ||
232 | + background: #eee; | ||
233 | + color: #08A649; | ||
234 | +} | ||
235 | + | ||
236 | +#content .box .block-outer .article-block .read-more { | ||
237 | + border-top: 1px solid #08A649; | ||
238 | + background: #eee; | ||
239 | +} | ||
240 | + | ||
241 | +#content .box .block-outer .article-block .read-more a { | ||
242 | + color: #000000; | ||
243 | +} | ||
244 | + | ||
245 | +#content .box .block-outer .article-block .read-more a::after { | ||
246 | + color: #FFFFFF; | ||
247 | + background: #08A649; | ||
248 | +} | ||
249 | + | ||
250 | +/* Bloco de noticias sempre da mesma cor */ | ||
251 | + | ||
252 | +#content .box .display-content-block .block-title { | ||
253 | + border-top: 4px solid #643C67; | ||
254 | + background: #eee; | ||
255 | + color: #643C67; | ||
256 | +} | ||
257 | + | ||
258 | +#content .box .block-outer .display-content-block .read-more { | ||
259 | + border-top: 1px solid #643C67; | ||
260 | + background: #eee; | ||
261 | +} | ||
262 | + | ||
263 | +#content .box .block-outer .display-content-block .read-more a { | ||
264 | + color: #000000; | ||
265 | +} | ||
266 | + | ||
267 | +#content .box .block-outer .display-content-block .read-more a::after { | ||
268 | + color: #FFFFFF; | ||
269 | + background: #643C67; | ||
191 | } | 270 | } |
192 | 271 | ||
193 | /*****************fim padrao dos titulos dos blocos********************/ | 272 | /*****************fim padrao dos titulos dos blocos********************/ |
194 | 273 | ||
195 | /*****************Registro de usuário*************************/ | 274 | /*****************Registro de usuário*************************/ |
275 | +.action-account-signup .no-boxes { | ||
276 | + margin-top: 20px; | ||
277 | +} | ||
196 | .action-account-signup .no-boxes form { | 278 | .action-account-signup .no-boxes form { |
197 | margin: 0px; | 279 | margin: 0px; |
198 | } | 280 | } |
@@ -348,4 +430,625 @@ | @@ -348,4 +430,625 @@ | ||
348 | 430 | ||
349 | /***********************Fim PopUp Login**************************/ | 431 | /***********************Fim PopUp Login**************************/ |
350 | 432 | ||
433 | +/********************area de artigos******************************/ | ||
434 | + | ||
435 | +#content .box .article-block .short-post { | ||
436 | + padding-top: 23px; | ||
437 | +} | ||
438 | + | ||
439 | +#content .box .article-block .block-title { | ||
440 | + font-size: 18px; | ||
441 | + text-align: left; | ||
442 | + border-bottom: none; | ||
443 | + padding: 6px 8px 22px 10px; | ||
444 | + text-transform: none; | ||
445 | + font-family: "open_sansregular", Arial, Helvetica, sans-serif; | ||
446 | +} | ||
447 | + | ||
448 | +#content .box .article-block p { | ||
449 | + font-size: 15px; | ||
450 | + text-align: left; | ||
451 | + padding: 0; | ||
452 | + text-transform: none; | ||
453 | + font-family: Arial, Helvetica, sans-serif; | ||
454 | + margin: 0 0 14px 0; | ||
455 | + line-height: 18px; | ||
456 | +} | ||
457 | + | ||
458 | +#content .box .article-block .read-more { | ||
459 | + margin-top: 30px; | ||
460 | +} | ||
461 | + | ||
462 | +/* padrao do box */ | ||
463 | +/*#content .box .block-title { | ||
464 | + font-size: 12px; | ||
465 | + text-align: left; | ||
466 | + border-bottom: none; | ||
467 | + padding: 5px 8px 18px 7px; | ||
468 | + text-transform: uppercase; | ||
469 | + font-family: "open_sansbold", Arial, Helvetica, sans-serif; | ||
470 | + font-variant: normal; | ||
471 | + margin: 0px 0px 2px 0px; | ||
472 | + border-top: 4px solid #3E67B1; | ||
473 | + background: #eee; | ||
474 | + color: #3E67B1; | ||
475 | +} | ||
476 | +*/ | ||
477 | +#content .box .read-more { | ||
478 | + font-size: 10px; | ||
479 | + text-align: right; | ||
480 | + border-bottom: none; | ||
481 | + text-transform: uppercase; | ||
482 | + font-family: "open_sans", Arial, Helvetica, sans-serif; | ||
483 | + font-variant: normal; | ||
484 | +} | ||
485 | + | ||
486 | +#content .read-more a { | ||
487 | + line-height: 20px; | ||
488 | + padding: 8px; | ||
489 | + display: block | ||
490 | +} | ||
491 | + | ||
492 | +#content .article-block .read-more a { | ||
493 | + font-size: 11px; | ||
494 | + padding: 9px 9px 10px 9px; | ||
495 | +} | ||
496 | + | ||
497 | +#content .read-more a:hover { | ||
498 | + background: #dedede; | ||
499 | +} | ||
500 | + | ||
501 | +#content .box .read-more a::after { | ||
502 | + content: url('images/right-arrow.png'); | ||
503 | + padding-left: 8px; | ||
504 | + padding-right: 5px; | ||
505 | + margin-left: 7px; | ||
506 | + border-radius: 4px; | ||
507 | + font-size: 16px; | ||
508 | + line-height: 20px; | ||
509 | + text-align: center; | ||
510 | + font-family: "open_sansbold", Arial, Helvetica, sans-serif; | ||
511 | +} | ||
512 | + | ||
513 | +#content .box .article-block .read-more a::after { | ||
514 | + font-size: 14px; | ||
515 | +} | ||
516 | + | ||
517 | +#content .box-1 .block-title { | ||
518 | + font-size: 18px; | ||
519 | + text-transform: none; | ||
520 | + font-family: "open_sansregular", Arial, Helvetica, sans-serif; | ||
521 | + padding: 5px 8px 20px 10px; | ||
522 | +} | ||
523 | + | ||
524 | +#content .box-1 .block-title span{ | ||
525 | + background-image: none; | ||
526 | + padding: 0 1em 0 0; | ||
527 | +} | ||
528 | + | ||
529 | +/*tamanho da fonte dentro dos artigos*/ | ||
530 | +.article-body p{ | ||
531 | + font-size:15px; | ||
532 | + line-height:21px; | ||
533 | + font-family: Arial, Helvetica, sans-serif; | ||
534 | +} | ||
535 | + | ||
536 | +/* Numeracao dentro de artigos */ | ||
537 | +.article-body ul { | ||
538 | + list-style-position: inside; | ||
539 | + list-style-type: disc; | ||
540 | +} | ||
541 | + | ||
542 | +.article-body ol { | ||
543 | + list-style-position: inside; | ||
544 | + list-style-type: decimal; | ||
545 | +} | ||
546 | + | ||
547 | +.article-body li { | ||
548 | + list-style: inherit; | ||
549 | +} | ||
550 | + | ||
551 | +/* fim tamanho da fonte dentro dos artigos*/ | ||
552 | +/***********************fim da area de artigo***************************/ | ||
553 | +/*Container Block - Bloco de Blocos*/ | ||
554 | + | ||
555 | +.container-block-plugin_container-block, | ||
556 | +.container-block-plugin_container-block .block-inner-2{ | ||
557 | + background-color: transparent; | ||
558 | + padding: 0; | ||
559 | +} | ||
560 | + | ||
561 | +.container-block-plugin_container-block .block .block-inner-2{ | ||
562 | + background-color: white; | ||
563 | + padding: 1em; | ||
564 | +} | ||
565 | + | ||
566 | +.container-block-plugin_container-block .container-block-plugin_container-block .block-inner-2 { | ||
567 | + background-color: white; | ||
568 | + padding-left: 6px; | ||
569 | + padding-top: 5px; | ||
570 | +} | ||
571 | + | ||
572 | +.block-outer { | ||
573 | + /*float: left;*/ | ||
574 | + margin-bottom: 45px; | ||
575 | + clear: both; | ||
576 | +} | ||
577 | + | ||
578 | +.box-1 .block, | ||
579 | +.no-boxes .block { | ||
580 | + margin-top: 50px; | ||
581 | +} | ||
582 | + | ||
583 | +.container-block-plugin_container-block .block-outer{ | ||
584 | + margin-top: 0px; | ||
585 | +} | ||
586 | + | ||
587 | +.box-1 .blocks { | ||
588 | + /*margin-top: -30px;*/ | ||
589 | +} | ||
590 | + | ||
591 | +.block-outer .block .block-outer { | ||
592 | + margin-top: 0; | ||
593 | +} | ||
594 | + | ||
595 | +/******************Removi o bloco display content*******************/ | ||
596 | + | ||
597 | +/************************Track_list - fazer limpeza***********************************/ | ||
598 | + | ||
599 | +/*lista de pendencias*/ | ||
600 | +.task_box { | ||
601 | + background: none repeat scroll 0 0 #EEEEEE; | ||
602 | + margin-bottom: 5px; | ||
603 | + margin-top: 5px; | ||
604 | + padding: 1em; | ||
605 | + position: relative; | ||
606 | +} | ||
607 | + | ||
608 | +/*fim lista de pendencias*/ | ||
609 | + | ||
610 | +.tag_cloud a{ | ||
611 | + white-space: normal; | ||
612 | +} | ||
613 | + | ||
614 | + | ||
615 | +.community-track-plugin_track-card-list-block .track_list{ | ||
616 | + text-align: center; | ||
617 | + padding: 0 0px; | ||
618 | +} | ||
619 | + | ||
620 | +.track_list .item_card { | ||
621 | + background-color: #FFFAFA; | ||
622 | + border: 1px solid #DDDDDD; | ||
623 | + display: inline-block; | ||
624 | + float: left; | ||
625 | + clear: right; | ||
626 | + margin: 12px 9px 9px; | ||
627 | + max-width: 214px; | ||
628 | + height: 426px; | ||
629 | + padding: 0; | ||
630 | + width: 214px; | ||
631 | +} | ||
632 | + | ||
633 | + | ||
634 | + | ||
635 | +.track_list .item_card a{ | ||
636 | + display: inline-block; | ||
637 | +} | ||
638 | + | ||
639 | +.track_list .item_card:hover { | ||
640 | + background-color: white; | ||
641 | +} | ||
642 | + | ||
643 | +/*track list nos blocos laterais*/ | ||
644 | +.box-2{ | ||
645 | + width:150px; | ||
646 | +} | ||
647 | + | ||
648 | +.box-2 .track_list .item_card, | ||
649 | +.box-3 .track_list .item_card { | ||
650 | + margin: 10px 0px; | ||
651 | + /*width: 188px;*/ | ||
652 | + width: 100%; | ||
653 | +} | ||
654 | + | ||
655 | +/**/ | ||
656 | + | ||
657 | + | ||
658 | +#content .track_list .item_card .track_content{ | ||
659 | + height: 390px; | ||
660 | + overflow: hidden; | ||
661 | +} | ||
662 | + | ||
663 | +#content .track_list .item_card .track_content .title{ | ||
664 | + color: white; | ||
665 | + font-family: Arial,sans-serif; | ||
666 | + font-size: 15px; | ||
667 | + font-weight: bold; | ||
668 | + min-height: 15px; | ||
669 | + padding: 2px 0; | ||
670 | + text-align: center; | ||
671 | + | ||
672 | + vertical-align: middle; | ||
673 | + width: 219px; | ||
674 | + display: table-cell; | ||
675 | + height: 45px; | ||
676 | +} | ||
677 | +#content .track_list .item_card .track_content .image{ | ||
678 | + border: 1px solid #ddd; | ||
679 | + width: 196px; | ||
680 | + height: 146px; | ||
681 | + overflow: hidden; | ||
682 | + margin: 8px; | ||
683 | + background-color: #FFF; | ||
684 | + position: relative; | ||
685 | +} | ||
686 | +/*imagem nos track list nos blocos laterais*/ | ||
687 | +#content .box-2 .track_list .item_card .track_content .image, | ||
688 | +#content .box-3 .track_list .item_card .track_content .image { | ||
689 | + width: 170px; | ||
690 | +} | ||
691 | + | ||
692 | +.track_list .image img { | ||
693 | + position: absolute; | ||
694 | + top: 0; | ||
695 | + bottom: 0; | ||
696 | + margin: auto; | ||
697 | + left: 0; | ||
698 | + right: 0; | ||
699 | +} | ||
700 | + | ||
701 | +#content .track_list .item_card .track_content .name { | ||
702 | + font-size: 12px; | ||
703 | + font-weight: normal; | ||
704 | + padding: 5px 0; | ||
705 | + text-align: left; | ||
706 | + margin: 0 8px; | ||
707 | + color: #444; | ||
708 | + text-transform: uppercase; | ||
709 | +} | ||
710 | + | ||
711 | + | ||
712 | +#content .track_list .item_card .track_content .lead { | ||
713 | + font-weight: normal; | ||
714 | + padding: 5px 0; | ||
715 | + margin: 0 8px; | ||
716 | + text-align: left; | ||
717 | + color: black; | ||
718 | + font-size: 12px; | ||
719 | +} | ||
720 | + | ||
721 | +/**/ | ||
722 | + | ||
723 | +/**/ | ||
724 | + | ||
725 | +/*track list Internas*/ | ||
726 | + | ||
727 | +.track_list .item { | ||
728 | + border-bottom: 1px solid #DDDDDD; | ||
729 | + display: inline-block; | ||
730 | +} | ||
731 | + | ||
732 | +.track_list .item .track_content .lead { | ||
733 | + float: left; | ||
734 | + padding: 2em; | ||
735 | + text-align: left; | ||
736 | + width: 40%; | ||
737 | +} | ||
738 | + | ||
739 | +/*track list - páginas internas - main content*/ | ||
740 | + | ||
741 | +.track_list .track_content { | ||
742 | + /*display: inline-block;*/ | ||
743 | + display: block; | ||
744 | + height: 100%; | ||
745 | +} | ||
746 | + | ||
747 | +.track_list .item .track_content{ | ||
748 | + /*display: block;*/ | ||
749 | +} | ||
750 | + | ||
751 | + | ||
752 | +.track_list .item .track_content .lead { | ||
753 | + width: 30%; | ||
754 | +} | ||
755 | + | ||
756 | +.track_list .item .track_content .lead p.lead{ | ||
757 | + color: #444; | ||
758 | +} | ||
759 | + | ||
760 | +#content .track_list .item .track_content .lead a { | ||
761 | + font-weight: bold; | ||
762 | + color: #444; | ||
763 | +} | ||
764 | + | ||
765 | +/**/ | ||
766 | +/*rodapé das cartas de participação*/ | ||
767 | +.track_list .item_card .track_stats .comments .counter { | ||
768 | + background: url("images/comentarios.png") no-repeat left center #fffafa; | ||
769 | +} | ||
770 | +.track_list .item_card .track_stats .hits .counter { | ||
771 | + background: url("images/visualizacoes.png") no-repeat left center #fffafa; | ||
772 | +} | ||
773 | + | ||
774 | +.track_list .item_card .track_stats { | ||
775 | + padding: 5px 5px 0; | ||
776 | + height: 25px; | ||
777 | +} | ||
778 | +.track_list .item_card .track_stats .counter { | ||
779 | + margin-top: 1px; | ||
780 | + padding: 3px 0 0 30px; | ||
781 | + text-align: left; | ||
782 | + font-size: 10pt; | ||
783 | + /*display: block;*/ | ||
784 | + color: #444; | ||
785 | +} | ||
786 | +.track_list .item_card .track_stats .comments{ | ||
787 | + float: left; | ||
788 | +} | ||
789 | +.track_list .item_card .track_stats .hits{ | ||
790 | + float: right; | ||
791 | +} | ||
792 | +.track_list .item_card .track_stats .hits .label, | ||
793 | +.track_list .item_card .track_stats .comments .label { | ||
794 | + font-size: 7pt; | ||
795 | + /*float: right;*/ | ||
796 | + color: #444; | ||
797 | +} | ||
798 | +.track_list .item_card .track_stats .comments .label { | ||
799 | + display: none; | ||
800 | + visibility: hidden; | ||
801 | +} | ||
802 | + | ||
803 | +/**/ | ||
804 | + | ||
805 | + | ||
806 | +/*** step list ***/ | ||
807 | + | ||
808 | +/*geral*/ | ||
809 | + | ||
810 | +.track_list .item .step { | ||
811 | + padding: 5px; | ||
812 | +} | ||
813 | + | ||
814 | +.track_list .item .track_content .steps { | ||
815 | + width: 60%; | ||
816 | + font-weight: normal; | ||
817 | +} | ||
818 | + | ||
819 | +.track_list .item .track_content .steps a:hover{ | ||
820 | + text-decoration: none; | ||
821 | +} | ||
822 | + | ||
823 | + | ||
824 | +.track_list .item .track_content .steps h3{ | ||
825 | + font-size: 13px !important; | ||
826 | + text-transform: uppercase; | ||
827 | + font-weight: normal; | ||
828 | +} | ||
829 | + | ||
830 | +.track_list .item .track_content .steps .position, | ||
831 | +#track .step_list .step .position { | ||
832 | + border-radius: 50% 50% 50% 50%; | ||
833 | + float: none; | ||
834 | + font-size: 14px; | ||
835 | + margin-right: 5px; | ||
836 | + text-align: center; | ||
837 | + font-weight: bold; | ||
838 | +} | ||
839 | + | ||
840 | +#track .step_list .step { | ||
841 | + background: url("images/steps_bg.png") repeat-x center top #fff;/*branco com o fundo em degradê*/ | ||
842 | + display: inline-block; | ||
843 | + width: 100%; | ||
844 | +} | ||
845 | + | ||
846 | + | ||
847 | +#track .step_list .step a { | ||
848 | + background-color: transparent;/*transparente*/ | ||
849 | + color: #999;/*cinza escuro escuro*/ | ||
850 | +} | ||
851 | + | ||
852 | +.step a:link, #content .step a:link, dl.portlet .step a:link { | ||
853 | + color: #999; /*cinza escuro*/ | ||
854 | + /*teste*/ | ||
855 | + display: inline-block; | ||
856 | + max-width: 80%; | ||
857 | + vertical-align: middle; | ||
858 | +} | ||
859 | + | ||
860 | +#track .step_list .step .position { | ||
861 | + background-color: #999;/*cinza escuro escuro*/ | ||
862 | + color: #fff;/*branco*/ | ||
863 | + display: inline-block; | ||
864 | + font-size: 250%; | ||
865 | + margin: 15px; | ||
866 | + padding: 15px; | ||
867 | + line-height: 15px; | ||
868 | +} | ||
869 | + | ||
870 | +#track .step_list .step .content { | ||
871 | + display: inline-block; | ||
872 | + margin: 10px; | ||
873 | + vertical-align: middle; | ||
874 | + border-bottom: 0 none; | ||
875 | + vertical-align: top; | ||
876 | + max-width: 80%; | ||
877 | + /*max-width: 600px;*/ | ||
878 | +} | ||
879 | + | ||
880 | +#track .step_list .step .content .date { | ||
881 | + font-weight: normal; | ||
882 | +} | ||
883 | + | ||
884 | +#track .step_list .step .content .name {} | ||
885 | + | ||
886 | +#track .step .name, | ||
887 | +#track .step .name a { | ||
888 | + color: #999; | ||
889 | +} | ||
890 | + | ||
891 | +#track .step_list .step .content .lead { | ||
892 | + font-weight: normal; | ||
893 | + margin-left: 0px; | ||
894 | + margin-right: 0px; | ||
895 | + color: #666; | ||
896 | +} | ||
897 | + | ||
898 | +#track .step_list .step .content .lead p{ | ||
899 | + margin-bottom: 0px; | ||
900 | +} | ||
901 | + | ||
902 | +#track .step_list .step .content object, | ||
903 | +#track .step_list .step .content .lead img{ | ||
904 | + max-width: 80%; | ||
905 | +} | ||
906 | +/*******************************************************************/ | ||
907 | +/**** BUSCA ****/ | ||
908 | + | ||
909 | +.search-results-header { | ||
910 | + border-bottom: 0px; | ||
911 | +} | ||
912 | + | ||
913 | +#profile-header { | ||
914 | + position: absolute; /* Corrige link de login */ | ||
915 | +} | ||
916 | + | ||
917 | +#public-profile-search, #profile-search-results form, .profile-search-block form { | ||
918 | + background-color: transparent; | ||
919 | +} | ||
920 | + | ||
921 | +#public-profile-search .search-field .formfield { | ||
922 | + float: left; | ||
923 | +} | ||
924 | + | ||
925 | +#public-profile-search .search-field .formfield input { | ||
926 | + margin-top: 0px; | ||
927 | +} | ||
928 | + | ||
929 | +.formfield input, .formfield textarea{ | ||
930 | + background: none #FFFFFF; | ||
931 | + border: 1px solid #DDDDDD; | ||
932 | + color: #585858; | ||
933 | + font-size: 16px; | ||
934 | + width: 100%; | ||
935 | + word-wrap: break-word; | ||
936 | +} | ||
937 | + | ||
938 | +.formfield.type-file input { | ||
939 | + height: 28px; | ||
940 | + max-height: 30px; | ||
941 | +} | ||
942 | + | ||
943 | +.formfield input { | ||
944 | + padding: 5px 0; | ||
945 | + max-height: 19px; | ||
946 | +} | ||
947 | + | ||
948 | +.search-field .formfield, .search-field .formfield input { | ||
949 | + margin-right: 0.5em; | ||
950 | +} | ||
951 | + | ||
952 | +#search-page form.search_form input.icon-search { | ||
953 | + background: url("images/btn_busca.png") no-repeat scroll 50% 50% transparent; | ||
954 | + border: 1px solid #DDDDDD; | ||
955 | + min-height: 31px; | ||
956 | + padding-right: 20px; | ||
957 | + text-indent: -10000px; | ||
958 | + max-height: 31px; | ||
959 | +} | ||
960 | + | ||
961 | +#content .button-bar a.icon-cancel span{ | ||
962 | + vertical-align: text-middle; | ||
963 | +} | ||
964 | +/****RESULTADO DA BUSCA *****/ | ||
965 | + | ||
966 | +#search-results { | ||
967 | + width: 100% !important; | ||
968 | +} | ||
969 | + | ||
970 | +.controller-search .multiple-results-boxes .search-results-innerbox.common-profile-list-block { | ||
971 | + overflow: visible; | ||
972 | +} | ||
973 | + | ||
974 | +.controller-search .search-results-box { | ||
975 | + width: 100%; | ||
976 | + margin-bottom: 20px; | ||
977 | +} | ||
978 | + | ||
979 | +.controller-search #search-results h3 { | ||
980 | + background-color: #497B16; | ||
981 | + color: white; | ||
982 | + display: inline-block; | ||
983 | + margin: 0 0 0 0; | ||
984 | + padding: 0.5em; | ||
985 | + position: relative; | ||
986 | +} | ||
987 | + | ||
988 | +.controller-search #search-results .search-results-innerbox li .search-result-title { | ||
989 | + margin-left: 148px; | ||
990 | + color: #444444; | ||
991 | +} | ||
992 | + | ||
993 | +.search-article-description { | ||
994 | + color: #999999; | ||
995 | +} | ||
996 | + | ||
997 | +#search-page .map-or-list-search-results list { | ||
998 | + | ||
999 | +} | ||
1000 | + | ||
1001 | +.search-results-innerbox { | ||
1002 | + border-top: 1px solid #CCCCCC; | ||
1003 | +} | ||
1004 | + | ||
1005 | +.controller-search .search-results-innerbox { | ||
1006 | + height: 100%; | ||
1007 | +} | ||
1008 | + | ||
1009 | +.search-results-type-article li.article-item, | ||
1010 | +.search-tagged-items li.article-item, | ||
1011 | +.only-one-result-box li.search-product-item { | ||
1012 | + border-bottom: 0px solid #fff; | ||
1013 | +} | ||
1014 | + | ||
1015 | +.controller-search .search-results-innerbox td.search-field-label{ | ||
1016 | + display: none; | ||
1017 | +} | ||
1018 | + | ||
1019 | +/*busca de midia*/ | ||
1020 | + | ||
1021 | +.media-search-box form span.formfield #media-search-query{ | ||
1022 | + float: left; | ||
1023 | + margin-right: 5px; | ||
1024 | +} | ||
1025 | + | ||
1026 | +/*Busca em Profile*/ | ||
1027 | +#profile-search-results ul.results-list { | ||
1028 | + | ||
1029 | +} | ||
1030 | + | ||
1031 | +#profile-search-results ul.results-list li{ | ||
1032 | + display: block; | ||
1033 | + margin-bottom: 18px; | ||
1034 | +} | ||
1035 | + | ||
1036 | +#profile-search-results ul.results-list .result-title{ | ||
1037 | + color: #444444; | ||
1038 | + display: inline-block; | ||
1039 | + font-size: 180%; | ||
1040 | + font-weight: bold; | ||
1041 | + padding: 4px 0; | ||
1042 | +} | ||
1043 | + | ||
1044 | +#profile-search-results ul.results-list .article-details { | ||
1045 | + color: #999999; | ||
1046 | +} | ||
1047 | + | ||
1048 | +#profile-search-results ul.results-list .article-url { | ||
1049 | + | ||
1050 | +} | ||
1051 | + | ||
1052 | +/**** FIM DE BUSCA ****/ | ||
1053 | + | ||
351 | /*******fim - removidos do cabecalho-cinza-theme.css****************/ | 1054 | /*******fim - removidos do cabecalho-cinza-theme.css****************/ |
@@ -0,0 +1,575 @@ | @@ -0,0 +1,575 @@ | ||
1 | +/************Removido do style.css************/ | ||
2 | +#main-content-wrapper-1, | ||
3 | +#main-content-wrapper-2, | ||
4 | +#main-content-wrapper-3, | ||
5 | +#main-content-wrapper-4, | ||
6 | +#main-content-wrapper-5, | ||
7 | +#main-content-wrapper-6, | ||
8 | +#main-content-wrapper-7, | ||
9 | +#main-content-wrapper-8 { | ||
10 | + background: none repeat scroll 0 0 transparent; | ||
11 | +} | ||
12 | + | ||
13 | +/*menu no cabecalho atualmente em desuso*/ | ||
14 | +#assets-menu { | ||
15 | + background: #E8E8E8; | ||
16 | + top: 35px; | ||
17 | + left: 80px; | ||
18 | + min-width: 132px; | ||
19 | +} | ||
20 | + | ||
21 | +#assets-menu a { | ||
22 | + border: 1px solid #E8E8E8; | ||
23 | +} | ||
24 | + | ||
25 | +#categories_menu { | ||
26 | + /*max-width: 960px;*/ | ||
27 | + padding: 0 1em; | ||
28 | + margin: auto; | ||
29 | +} | ||
30 | + | ||
31 | + | ||
32 | +#cat_menu { | ||
33 | + background: url(images/marca-participacao-social.png) no-repeat center left; | ||
34 | + height: 40px; | ||
35 | + padding-left: 60px; | ||
36 | +} | ||
37 | + | ||
38 | + | ||
39 | +#cat_menu li { | ||
40 | + list-style: none; | ||
41 | + font-size: 12px; | ||
42 | + font-weight: bold; | ||
43 | + padding: 0px 20px; | ||
44 | + height: 100%; | ||
45 | + text-transform: uppercase; | ||
46 | +} | ||
47 | + | ||
48 | +#cat_menu li:hover { | ||
49 | + background-color: #E1E4E4; | ||
50 | +} | ||
51 | + | ||
52 | +#cat_menu li a { | ||
53 | + line-height: 40px; | ||
54 | + width: 100%; | ||
55 | + height: 100%; | ||
56 | + display: block; | ||
57 | +} | ||
58 | +/*Fim do menu em desuso*/ | ||
59 | + | ||
60 | +/*nao localizei em que area isso se aplica*/ | ||
61 | + | ||
62 | +.portalservicos-item div { | ||
63 | + display: none; | ||
64 | + position: absolute; | ||
65 | + background-color: red; | ||
66 | +} | ||
67 | + | ||
68 | +.portalservicos-item:hover div { | ||
69 | + display: inline-block; | ||
70 | + float: left; | ||
71 | + width: 960px; | ||
72 | + top: 25px; | ||
73 | + left: 0; | ||
74 | + background-color: blue; | ||
75 | +} | ||
76 | + | ||
77 | +.portalservicos-submenu:hover { | ||
78 | + display: inline-block; | ||
79 | + float: left; | ||
80 | + width: 960px; | ||
81 | + top: 25px; | ||
82 | + left: 0; | ||
83 | + background-color: green; | ||
84 | +} | ||
85 | + | ||
86 | +/* Bubble Float Bottom */ | ||
87 | +.bubble-float-bottom { | ||
88 | + display: inline-block; | ||
89 | + position: relative; | ||
90 | + -webkit-transition-duration: 0.3s; | ||
91 | + transition-duration: 0.3s; | ||
92 | + -webkit-transition-property: transform; | ||
93 | + transition-property: transform; | ||
94 | + -webkit-transform: translateZ(0); | ||
95 | + transform: translateZ(0); | ||
96 | + box-shadow: 0 0 1px rgba(0, 0, 0, 0); | ||
97 | +} | ||
98 | +.bubble-float-bottom:before { | ||
99 | + position: absolute; | ||
100 | + z-index: -1; | ||
101 | + content: ''; | ||
102 | + left: calc(50% - 10px); | ||
103 | + bottom: 0; | ||
104 | + border-style: solid; | ||
105 | + border-width: 10px 10px 0 10px; | ||
106 | + border-color: #e1e1e1 transparent transparent transparent; | ||
107 | + -webkit-transition-duration: 0.3s; | ||
108 | + transition-duration: 0.3s; | ||
109 | + -webkit-transition-property: bottom; | ||
110 | + transition-property: bottom; | ||
111 | +} | ||
112 | +.bubble-float-bottom:hover, .bubble-float-bottom:focus, .bubble-float-bottom:active { | ||
113 | + -webkit-transform: translateY(-5px) translateZ(0); | ||
114 | + transform: translateY(-5px) translateZ(0); | ||
115 | +} | ||
116 | +.bubble-float-bottom:hover:before, .bubble-float-bottom:focus:before, .bubble-float-bottom:active:before { | ||
117 | + bottom: -10px; | ||
118 | +} | ||
119 | +/************************************************************/ | ||
120 | + | ||
121 | + | ||
122 | +/* chat {{{ */ | ||
123 | + | ||
124 | +#chat .toolbar { | ||
125 | + background-color: #F8C300; | ||
126 | + border: 2px solid #F8C300; | ||
127 | +} | ||
128 | + | ||
129 | +#chat #environment-logo { | ||
130 | + background-color: #FCDD4E; | ||
131 | +} | ||
132 | + | ||
133 | +#chat #buddy-list, | ||
134 | +#chat #occupant-list { | ||
135 | + background-color: #EEE; | ||
136 | +} | ||
137 | + | ||
138 | +/* }}} */ | ||
139 | + | ||
140 | + | ||
141 | +/*****css feito para um bloco novo que nao chegou a ser construido****************/ | ||
142 | +/** Bloco de redes sociais **/ | ||
143 | +.social_widget { | ||
144 | + margin-left: 5px; | ||
145 | +} | ||
146 | + | ||
147 | +.social_widget .social_header { | ||
148 | + height: 27px; | ||
149 | + margin-top: 12px; | ||
150 | +} | ||
151 | + | ||
152 | +.social_widget.twitter { | ||
153 | + background: url(images/twitter-widget.png) no-repeat; | ||
154 | +} | ||
155 | + | ||
156 | +.social_widget.facebook { | ||
157 | + background: url(images/facebook-widget.png) no-repeat; | ||
158 | +} | ||
159 | + | ||
160 | +.social_widget.instagram { | ||
161 | + background: url(images/instagram-widget.png) no-repeat; | ||
162 | +} | ||
163 | + | ||
164 | +.social_widget.instagram .social_content { | ||
165 | + margin-top: 15px; | ||
166 | +} | ||
167 | + | ||
168 | +#content .no-boxes #main-content-wrapper-8 { | ||
169 | + padding: 10px 10px; | ||
170 | +} | ||
171 | + | ||
172 | +#content .no-boxes #main-content-wrapper-8 .all_tracks { | ||
173 | + padding-left: 2px; | ||
174 | +} | ||
175 | + | ||
176 | +/********************************************************/ | ||
177 | + | ||
178 | +/*****************************************************/ | ||
179 | +/* EMBED CSS */ | ||
180 | +/*****************************************************/ | ||
181 | +body.action-embed-index { | ||
182 | + background-color: #f0f0f0; | ||
183 | +} | ||
184 | + | ||
185 | +#embed { | ||
186 | + width: 100%; | ||
187 | + height: 100%; | ||
188 | + display: table; | ||
189 | +} | ||
190 | + | ||
191 | +#embed #content { | ||
192 | + left: 0; | ||
193 | + margin-left: 0; | ||
194 | + margin-top: 0; | ||
195 | + position: relative; | ||
196 | + width: 100%; | ||
197 | +} | ||
198 | + | ||
199 | +#embed #content .title { | ||
200 | + padding-right: 0px; | ||
201 | +} | ||
202 | + | ||
203 | +.action-embed-index #boxes, | ||
204 | +.action-embed-index .box-1 .blocks, | ||
205 | +.action-embed-index .block-outer, | ||
206 | +.action-embed-index #content .block { | ||
207 | + margin: 0px; | ||
208 | +} | ||
209 | + | ||
210 | +.action-embed-index #wrap-1 { | ||
211 | + display: table-cell; | ||
212 | + vertical-align: middle; | ||
213 | + width: 100%; | ||
214 | + height: 100%; | ||
215 | +} | ||
216 | + | ||
217 | +.action-embed-index #wrap-2 { | ||
218 | + border: 0px solid #F00; | ||
219 | + padding: 0px; | ||
220 | + background-color: #EEE; | ||
221 | + margin: 0px; | ||
222 | +} | ||
223 | + | ||
224 | +.action-embed-index .block .block-inner-2 { | ||
225 | + background-color: white; | ||
226 | + padding: 1em; | ||
227 | + margin: 0; | ||
228 | +} | ||
229 | + | ||
230 | +.action-embed-index #content .box-1 .block-title { | ||
231 | + background-color: transparent; | ||
232 | + border-bottom: 0 solid #AAAAAA; | ||
233 | + border-top: 0 none; | ||
234 | + left: -12px; | ||
235 | + margin-bottom: 0; | ||
236 | + margin-top: -38px; | ||
237 | + position: relative; | ||
238 | +} | ||
239 | + | ||
240 | +.action-embed-index #content .box-1 .block-title span { | ||
241 | + background-color: #497b16; | ||
242 | + color: white; | ||
243 | + font-size: 18px; | ||
244 | + font-variant: normal; | ||
245 | + padding: 6px 1em; | ||
246 | + text-align: left; | ||
247 | +} | ||
248 | + | ||
249 | +/******** BLOCK => TRACK CARD LIST *********/ | ||
250 | +.action-embed-index .community-track-plugin_track-card-list-block .block-inner-2 { | ||
251 | + background: url("images/bg-bloco-de-trilhas.png") no-repeat scroll center top transparent; | ||
252 | +} | ||
253 | + | ||
254 | +.action-embed-index .community-track-plugin_track-card-list-block .track_list { | ||
255 | + text-align: center; | ||
256 | + padding: 22px 0px 0px 0px; | ||
257 | +} | ||
258 | + | ||
259 | +.action-embed-index .community-track-plugin_track-card-list-block .view_all a { | ||
260 | + position: absolute; | ||
261 | + right: -12px; | ||
262 | + top: -33px; | ||
263 | +} | ||
264 | + | ||
265 | + | ||
266 | +/************************Track_list************************************/ | ||
267 | + | ||
268 | +/*lista de pendencias*/ | ||
269 | +.task_box { | ||
270 | + background: none repeat scroll 0 0 #EEEEEE; | ||
271 | + margin-bottom: 5px; | ||
272 | + margin-top: 5px; | ||
273 | + padding: 1em; | ||
274 | + position: relative; | ||
275 | +} | ||
276 | + | ||
277 | +/*fim lista de pendencias*/ | ||
278 | + | ||
279 | +.tag_cloud a{ | ||
280 | + white-space: normal; | ||
281 | +} | ||
282 | + | ||
283 | + | ||
284 | +.community-track-plugin_track-card-list-block .track_list{ | ||
285 | + text-align: center; | ||
286 | + padding: 0 0px; | ||
287 | +} | ||
288 | + | ||
289 | +.track_list .item_card { | ||
290 | + background-color: #FFFAFA; | ||
291 | + border: 1px solid #DDDDDD; | ||
292 | + display: inline-block; | ||
293 | + float: left; | ||
294 | + clear: right; | ||
295 | + margin: 12px 9px 9px; | ||
296 | + max-width: 214px; | ||
297 | + height: 426px; | ||
298 | + padding: 0; | ||
299 | + width: 214px; | ||
300 | +} | ||
301 | + | ||
302 | + | ||
303 | + | ||
304 | +.track_list .item_card a{ | ||
305 | + display: inline-block; | ||
306 | +} | ||
307 | + | ||
308 | +.track_list .item_card:hover { | ||
309 | + background-color: white; | ||
310 | +} | ||
311 | + | ||
312 | +/*track list nos blocos laterais*/ | ||
313 | +.box-2{ | ||
314 | + width:150px; | ||
315 | +} | ||
316 | + | ||
317 | +.box-2 .track_list .item_card, | ||
318 | +.box-3 .track_list .item_card { | ||
319 | + margin: 10px 0px; | ||
320 | + /*width: 188px;*/ | ||
321 | + width: 100%; | ||
322 | +} | ||
323 | + | ||
324 | +/**/ | ||
325 | + | ||
326 | + | ||
327 | +#content .track_list .item_card .track_content{ | ||
328 | + height: 390px; | ||
329 | + overflow: hidden; | ||
330 | +} | ||
331 | + | ||
332 | +#content .track_list .item_card .track_content .title{ | ||
333 | + color: white; | ||
334 | + font-family: Arial,sans-serif; | ||
335 | + font-size: 15px; | ||
336 | + font-weight: bold; | ||
337 | + min-height: 15px; | ||
338 | + padding: 2px 0; | ||
339 | + text-align: center; | ||
340 | + | ||
341 | + vertical-align: middle; | ||
342 | + width: 219px; | ||
343 | + display: table-cell; | ||
344 | + height: 45px; | ||
345 | +} | ||
346 | +#content .track_list .item_card .track_content .image{ | ||
347 | + border: 1px solid #ddd; | ||
348 | + width: 196px; | ||
349 | + height: 146px; | ||
350 | + overflow: hidden; | ||
351 | + margin: 8px; | ||
352 | + background-color: #FFF; | ||
353 | + position: relative; | ||
354 | +} | ||
355 | +/*imagem nos track list nos blocos laterais*/ | ||
356 | +#content .box-2 .track_list .item_card .track_content .image, | ||
357 | +#content .box-3 .track_list .item_card .track_content .image { | ||
358 | + width: 170px; | ||
359 | +} | ||
360 | + | ||
361 | +.track_list .image img { | ||
362 | + position: absolute; | ||
363 | + top: 0; | ||
364 | + bottom: 0; | ||
365 | + margin: auto; | ||
366 | + left: 0; | ||
367 | + right: 0; | ||
368 | +} | ||
369 | + | ||
370 | +#content .track_list .item_card .track_content .name { | ||
371 | + font-size: 12px; | ||
372 | + font-weight: normal; | ||
373 | + padding: 5px 0; | ||
374 | + text-align: left; | ||
375 | + margin: 0 8px; | ||
376 | + color: #444; | ||
377 | + text-transform: uppercase; | ||
378 | +} | ||
379 | + | ||
380 | + | ||
381 | +#content .track_list .item_card .track_content .lead { | ||
382 | + font-weight: normal; | ||
383 | + padding: 5px 0; | ||
384 | + margin: 0 8px; | ||
385 | + text-align: left; | ||
386 | + color: black; | ||
387 | + font-size: 12px; | ||
388 | +} | ||
389 | + | ||
390 | +/**/ | ||
391 | + | ||
392 | +/**/ | ||
393 | + | ||
394 | +/*track list Internas*/ | ||
395 | + | ||
396 | +.track_list .item { | ||
397 | + border-bottom: 1px solid #DDDDDD; | ||
398 | + display: inline-block; | ||
399 | +} | ||
400 | + | ||
401 | +.track_list .item .track_content .lead { | ||
402 | + float: left; | ||
403 | + padding: 2em; | ||
404 | + text-align: left; | ||
405 | + width: 40%; | ||
406 | +} | ||
407 | + | ||
408 | +/*track list - páginas internas - main content*/ | ||
409 | + | ||
410 | +.track_list .track_content { | ||
411 | + /*display: inline-block;*/ | ||
412 | + display: block; | ||
413 | + height: 100%; | ||
414 | +} | ||
415 | + | ||
416 | +.track_list .item .track_content{ | ||
417 | + /*display: block;*/ | ||
418 | +} | ||
419 | + | ||
420 | + | ||
421 | +.track_list .item .track_content .lead { | ||
422 | + width: 30%; | ||
423 | +} | ||
424 | + | ||
425 | +.track_list .item .track_content .lead p.lead{ | ||
426 | + color: #444; | ||
427 | +} | ||
428 | + | ||
429 | +#content .track_list .item .track_content .lead a { | ||
430 | + font-weight: bold; | ||
431 | + color: #444; | ||
432 | +} | ||
433 | + | ||
434 | +/**/ | ||
435 | +/*rodapé das cartas de participação*/ | ||
436 | +.track_list .item_card .track_stats .comments .counter { | ||
437 | + background: url("images/comentarios.png") no-repeat left center #fffafa; | ||
438 | +} | ||
439 | +.track_list .item_card .track_stats .hits .counter { | ||
440 | + background: url("images/visualizacoes.png") no-repeat left center #fffafa; | ||
441 | +} | ||
442 | + | ||
443 | +.track_list .item_card .track_stats { | ||
444 | + padding: 5px 5px 0; | ||
445 | + height: 25px; | ||
446 | +} | ||
447 | +.track_list .item_card .track_stats .counter { | ||
448 | + margin-top: 1px; | ||
449 | + padding: 3px 0 0 30px; | ||
450 | + text-align: left; | ||
451 | + font-size: 10pt; | ||
452 | + /*display: block;*/ | ||
453 | + color: #444; | ||
454 | +} | ||
455 | +.track_list .item_card .track_stats .comments{ | ||
456 | + float: left; | ||
457 | +} | ||
458 | +.track_list .item_card .track_stats .hits{ | ||
459 | + float: right; | ||
460 | +} | ||
461 | +.track_list .item_card .track_stats .hits .label, | ||
462 | +.track_list .item_card .track_stats .comments .label { | ||
463 | + font-size: 7pt; | ||
464 | + /*float: right;*/ | ||
465 | + color: #444; | ||
466 | +} | ||
467 | +.track_list .item_card .track_stats .comments .label { | ||
468 | + display: none; | ||
469 | + visibility: hidden; | ||
470 | +} | ||
471 | + | ||
472 | +/**/ | ||
473 | + | ||
474 | + | ||
475 | +/*** step list ***/ | ||
476 | + | ||
477 | +/*geral*/ | ||
478 | + | ||
479 | +.track_list .item .step { | ||
480 | + padding: 5px; | ||
481 | +} | ||
482 | + | ||
483 | +.track_list .item .track_content .steps { | ||
484 | + width: 60%; | ||
485 | + font-weight: normal; | ||
486 | +} | ||
487 | + | ||
488 | +.track_list .item .track_content .steps a:hover{ | ||
489 | + text-decoration: none; | ||
490 | +} | ||
491 | + | ||
492 | + | ||
493 | +.track_list .item .track_content .steps h3{ | ||
494 | + font-size: 13px !important; | ||
495 | + text-transform: uppercase; | ||
496 | + font-weight: normal; | ||
497 | +} | ||
498 | + | ||
499 | +.track_list .item .track_content .steps .position, | ||
500 | +#track .step_list .step .position { | ||
501 | + border-radius: 50% 50% 50% 50%; | ||
502 | + float: none; | ||
503 | + font-size: 14px; | ||
504 | + margin-right: 5px; | ||
505 | + text-align: center; | ||
506 | + font-weight: bold; | ||
507 | +} | ||
508 | + | ||
509 | +#track .step_list .step { | ||
510 | + background: url("images/steps_bg.png") repeat-x center top #fff;/*branco com o fundo em degradê*/ | ||
511 | + display: inline-block; | ||
512 | + width: 100%; | ||
513 | +} | ||
514 | + | ||
515 | + | ||
516 | +#track .step_list .step a { | ||
517 | + background-color: transparent;/*transparente*/ | ||
518 | + color: #999;/*cinza escuro escuro*/ | ||
519 | +} | ||
520 | + | ||
521 | +.step a:link, #content .step a:link, dl.portlet .step a:link { | ||
522 | + color: #999; /*cinza escuro*/ | ||
523 | + /*teste*/ | ||
524 | + display: inline-block; | ||
525 | + max-width: 80%; | ||
526 | + vertical-align: middle; | ||
527 | +} | ||
528 | + | ||
529 | +#track .step_list .step .position { | ||
530 | + background-color: #999;/*cinza escuro escuro*/ | ||
531 | + color: #fff;/*branco*/ | ||
532 | + display: inline-block; | ||
533 | + font-size: 250%; | ||
534 | + margin: 15px; | ||
535 | + padding: 15px; | ||
536 | + line-height: 15px; | ||
537 | +} | ||
538 | + | ||
539 | +#track .step_list .step .content { | ||
540 | + display: inline-block; | ||
541 | + margin: 10px; | ||
542 | + vertical-align: middle; | ||
543 | + border-bottom: 0 none; | ||
544 | + vertical-align: top; | ||
545 | + max-width: 80%; | ||
546 | + /*max-width: 600px;*/ | ||
547 | +} | ||
548 | + | ||
549 | +#track .step_list .step .content .date { | ||
550 | + font-weight: normal; | ||
551 | +} | ||
552 | + | ||
553 | +#track .step_list .step .content .name {} | ||
554 | + | ||
555 | +#track .step .name, | ||
556 | +#track .step .name a { | ||
557 | + color: #999; | ||
558 | +} | ||
559 | + | ||
560 | +#track .step_list .step .content .lead { | ||
561 | + font-weight: normal; | ||
562 | + margin-left: 0px; | ||
563 | + margin-right: 0px; | ||
564 | + color: #666; | ||
565 | +} | ||
566 | + | ||
567 | +#track .step_list .step .content .lead p{ | ||
568 | + margin-bottom: 0px; | ||
569 | +} | ||
570 | + | ||
571 | +#track .step_list .step .content object, | ||
572 | +#track .step_list .step .content .lead img{ | ||
573 | + max-width: 80%; | ||
574 | +} | ||
575 | + |
header.css
@@ -87,8 +87,8 @@ background-repeat: no-repeat; | @@ -87,8 +87,8 @@ background-repeat: no-repeat; | ||
87 | } | 87 | } |
88 | 88 | ||
89 | #logo #portal-title { | 89 | #logo #portal-title { |
90 | - background-image: url("images/logotipo_spb_beta.svg"); | ||
91 | - backgroud-repeat: no-repeat; | 90 | + background-image: url("images/logotipo_spb_beta.svg"); |
91 | + background-repeat: no-repeat; | ||
92 | background-size: 370px; /*374px 56px;*/ | 92 | background-size: 370px; /*374px 56px;*/ |
93 | height: 78px; | 93 | height: 78px; |
94 | width: 374px; | 94 | width: 374px; |
page-inicial.css
@@ -66,6 +66,33 @@ | @@ -66,6 +66,33 @@ | ||
66 | margin-right: 15px; | 66 | margin-right: 15px; |
67 | } | 67 | } |
68 | 68 | ||
69 | +/* Bloco de busca pagina inicial - Acho que isso nao se aplica mais*/ | ||
70 | +#content .search-catalog-block h1 { | ||
71 | + margin: 0 15px 10px 15px; | ||
72 | + padding: 10px 0 0 0; | ||
73 | +} | ||
74 | + | ||
75 | +#content .search-catalog-block form { | ||
76 | +/* padding: 0 15px;*/ | ||
77 | +} | ||
78 | + | ||
79 | +#content .search-catalog-block #search-catalog-footer a { | ||
80 | + display: block; | ||
81 | + color: #FFF; | ||
82 | + padding: 7px 0px 12px 0px; | ||
83 | +} | ||
84 | + | ||
85 | +#content .search-catalog-block #search-catalog-footer p { | ||
86 | + margin: 0px; | ||
87 | + font-size: 11px; | ||
88 | +} | ||
89 | + | ||
90 | +#content .search-catalog-block #search-catalog-footer a:hover { | ||
91 | + background-color: #101A38 | ||
92 | +} | ||
93 | + | ||
94 | +/******fim da busca na pagina inicial- removido do cabecalho cinza theme*****/ | ||
95 | + | ||
69 | 96 | ||
70 | /**********************************************************/ | 97 | /**********************************************************/ |
71 | 98 | ||
@@ -577,3 +604,39 @@ span.label { | @@ -577,3 +604,39 @@ span.label { | ||
577 | .menu-submenu-footer { | 604 | .menu-submenu-footer { |
578 | 605 | ||
579 | }*/ | 606 | }*/ |
607 | + | ||
608 | +/****Display Content - Bloco de artigo****/ | ||
609 | + | ||
610 | +.display-content-block .lead { | ||
611 | + overflow: hidden; | ||
612 | +} | ||
613 | + | ||
614 | +.display-content-block .image { | ||
615 | + | ||
616 | +} | ||
617 | + | ||
618 | +.block.display-content-block .tags span { | ||
619 | + background-color: #ddd; | ||
620 | + color: #666; | ||
621 | + display: inline-block; | ||
622 | + margin: 10px 10px 10px 0; | ||
623 | + padding: 5px; | ||
624 | +} | ||
625 | + | ||
626 | +#content .display-content-block .title a { | ||
627 | + background-color: transparent; | ||
628 | + font-size: 16px; | ||
629 | + font-style: normal; | ||
630 | + font-weight: bold; | ||
631 | + line-height: 1.3em; | ||
632 | + padding: 0; | ||
633 | + color: #172738 !important ; | ||
634 | +} | ||
635 | + | ||
636 | +#content .main-block h1, | ||
637 | +#not-found h1, | ||
638 | +#access-denied h1 { | ||
639 | + | ||
640 | +} | ||
641 | + | ||
642 | +/*****************fim block display-content*****************/ | ||
580 | \ No newline at end of file | 643 | \ No newline at end of file |
style.css
@@ -3,6 +3,8 @@ | @@ -3,6 +3,8 @@ | ||
3 | @import url(cabecalho-cinza-theme.css); | 3 | @import url(cabecalho-cinza-theme.css); |
4 | @import url(footer.css); | 4 | @import url(footer.css); |
5 | @import url(content.css); | 5 | @import url(content.css); |
6 | +@import url(page-inicial.css); | ||
7 | + | ||
6 | 8 | ||
7 | @import url(../../icons/tango/style.css); | 9 | @import url(../../icons/tango/style.css); |
8 | @import url(font-awesome.min.css); | 10 | @import url(font-awesome.min.css); |
@@ -194,7 +196,11 @@ iframe { | @@ -194,7 +196,11 @@ iframe { | ||
194 | } | 196 | } |
195 | 197 | ||
196 | #wrap-2 { | 198 | #wrap-2 { |
197 | - margin-top: 0; | 199 | + /*margin-top: 0;*/ |
200 | + width: 960px; | ||
201 | + margin: 0 auto; | ||
202 | + border: none; | ||
203 | + padding: 0px; | ||
198 | } | 204 | } |
199 | 205 | ||
200 | #main { | 206 | #main { |
@@ -205,17 +211,6 @@ iframe { | @@ -205,17 +211,6 @@ iframe { | ||
205 | margin: 0 auto; | 211 | margin: 0 auto; |
206 | } | 212 | } |
207 | 213 | ||
208 | -#main-content-wrapper-1, | ||
209 | -#main-content-wrapper-2, | ||
210 | -#main-content-wrapper-3, | ||
211 | -#main-content-wrapper-4, | ||
212 | -#main-content-wrapper-5, | ||
213 | -#main-content-wrapper-6, | ||
214 | -#main-content-wrapper-7, | ||
215 | -#main-content-wrapper-8 { | ||
216 | - background: none repeat scroll 0 0 transparent; | ||
217 | -} | ||
218 | - | ||
219 | #wrapper { | 214 | #wrapper { |
220 | margin: 0 auto; | 215 | margin: 0 auto; |
221 | font-size: 1.2em; | 216 | font-size: 1.2em; |