Download as
Browse Code »

Commit 0060123ec7ad78faf47930802ec19d1ffe8f909f

Authored by Gustavo Cruz
1 parent 5b9e45e9
Exists in master and in 5 other branches fix_forms_for_create_and_edit_contents, fix_people_elements, fix_search_pages, production, staging

updating theme

Showing 1 changed file with 253 additions and 15 deletions   Show diff stats
style.css
  Diff comments   View file @0060123
... ... @@ -2,6 +2,11 @@
2 2 @import url(gov-style.css);
3 3 @import url(gov-plone.css);
4 4  
  5 +/*gov-plone.css fix*/
  6 +#content a:hover, dl.portlet a:hover {
  7 + color: black !important;
  8 +}
  9 +
5 10 /* Main style page */
6 11 body {
7 12 background: #FFF;
... ... @@ -24,7 +29,8 @@ body {
24 29 max-width: 960px;
25 30 margin: auto;
26 31 border: 0px;
27   - margin-top: 160px;
  32 + /*margin-top: 160px;*/
  33 + margin-top: 170px;
28 34 }
29 35  
30 36 #main-content-wrapper-1,
... ... @@ -39,6 +45,10 @@ body {
39 45 background: none;
40 46 }
41 47  
  48 +#wrap-2 #user{
  49 + padding: 0 2em;
  50 +}
  51 +
42 52 /* Overwriting Brasil gov style */
43 53  
44 54 body {
... ... @@ -54,7 +64,7 @@ label {
54 64 margin-top: -10px;
55 65 }
56 66  
57   -/* Bar Psocial Style */
  67 +/* Bar Psocial Style - Menu Horizontal*/
58 68  
59 69 #user {
60 70 top: -30px;
... ... @@ -126,7 +136,7 @@ label {
126 136 }
127 137  
128 138 #cat_menu {
129   - background: url(images/logo-PS-barra.png) no-repeat center left;
  139 + background: url(images/marca-participacao-social.png) no-repeat center left;
130 140 height: 40px;
131 141 padding-left: 60px;
132 142 }
... ... @@ -636,6 +646,27 @@ div#article-parent {
636 646 text-decoration: underline;
637 647 }
638 648  
  649 +
  650 +/*outre blocks - blocos de baixo*/
  651 +
  652 +.action-home-index #wrap-2 .block-outer /*div.block*/ {
  653 + /* left: -480px;
  654 + margin-left: 50%;
  655 + width: 960px;
  656 +*/
  657 +}
  658 +
  659 +.action-home-index #wrap-2 .block-outer div.block.statistics-block {
  660 + left: 0;
  661 + margin-left: 0;
  662 + width: 100%;
  663 +}
  664 +
  665 +.action-home-index #wrap-2 .block-outer .block-inner-1 {
  666 + margin: auto;
  667 + /*width: 960px;*/
  668 +}
  669 +
639 670 /* Menu List footer */
640 671  
641 672 #content .box-3 .block-title {
... ... @@ -769,47 +800,254 @@ div#article-parent {
769 800 text-align: left;
770 801 }
771 802  
  803 +/*video*/
  804 +
  805 +.action-home-index #content .box-1 .video-block {
  806 + width: 960px;
  807 + position: relative;
  808 + left:-480px;
  809 + margin-left: 50%;
  810 +}
  811 +
  812 +/* circulos bloco de html puro*/
  813 +
  814 +.action-home-index #content .box-1 .raw-html-block {
  815 + width: 960px;
  816 + position: relative;
  817 + left:-480px;
  818 + margin-left: 50%;
  819 +}
  820 +
772 821 /* padrao da barra verde - estatistica */
773 822 .action-home-index #content .box-1 .statistics-block {
774   - width: 100%;
775 823 display: inline-block;
776 824 margin: 0px;
777   - padding: 28px 0px 15px 0px;
  825 + /*padding: 28px 0px 15px 0px;*/
  826 + background-color: #0C763E;
778 827 }
779 828  
780 829 .action-home-index .statistics-block .block-title {
781 830 display: none;
782 831 }
783 832  
  833 +.action-home-index .statistics-block-data{
  834 + left: -480px;
  835 + margin-left: 50%;
  836 + padding: 35px 0 40px;
  837 + position: relative;
  838 + text-align: center;
  839 + width: 960px;
  840 +}
  841 +
784 842 .action-home-index .statistics-block-data ul{
785 843 list-style:none;
  844 + display: inline-block;
786 845 }
787 846  
788 847 .action-home-index .statistics-block-data ul li{
789   - float:left;
790   - width:146px;
  848 + display: inline-block;
  849 + /*width:146px;*/
791 850 margin:0 20px 20px 0px;
792 851 text-align:center;
793 852 color:#fff;
794 853 }
795 854  
  855 +.action-home-index .statistics-block-data ul li span{
  856 + display: block;
  857 +}
  858 +
796 859 .action-home-index .statistics-block-data ul li .amount{
797   - font-size:40px !important;
  860 + font-size: 800%/*40px !important*/;
798 861 font-weight:bold;
799   - width:136px;
  862 + /*width:136px;*/
  863 + line-height: 1em;
  864 + padding-bottom: 5px;
800 865 }
801 866  
802 867 .action-home-index .statistics-block-data ul li .label{
803   - font-size:14px !important;
804   - clear:both;
805   - float:left;
806   - width:136px;
807   - color:#98baa5;
  868 +
  869 + /*width:136px;*/
  870 + /*color:#98baa5;*/
  871 + color: white;
  872 + font-size: 200%;
  873 + font-weight: normal;
808 874 }
809 875  
810 876 #header input.searchButton {
811   - background-image: url(images/search-button.gif);
  877 + background-image: url("images/search-button.gif");
  878 +}
  879 +
  880 +/*Destaques das áreas*/
  881 +.track_list{
  882 + background: url("images/bg-pessoas.jpg") no-repeat center top transparent;
  883 + display: block;
  884 + overflow: hidden;
  885 + padding: 4em 2em;
  886 + left: -480px;
  887 + margin-left: 50%;
  888 + padding: 4em 2em;
  889 + position: relative;
  890 + width: 960px;
  891 +}
  892 +
  893 +.track_list .item_card {
  894 + background-color: #fffafa;
  895 + border: 0 solid #DDDDDD;
  896 + float: none;
  897 + margin-bottom: 8px;
  898 + margin-left: 3px;
  899 + margin-right: 3px;
  900 + padding: 0;
  901 + width: 190px;
  902 + height: 100%;
  903 +}
  904 +
  905 +.track_list .item_card:hover {
  906 + background-color: white;
  907 +}
  908 +
  909 +.track_list .item_card .track_content{
  910 + height: 245px;
  911 + overflow: hidden;
  912 +}
  913 +
  914 +.track_list .item_card .track_content .title{
  915 + color: white;
  916 + font-size: small;
  917 + font-weight: normal;
  918 + padding: 5px 0;
  919 + text-align: center;
  920 +}
  921 +
  922 +.track_list .category_politicas-publicas.item_card .track_content .title {
  923 + background-color: #3364a3;
  924 +}
  925 +
  926 +.track_list .item_card .track_content .image{
  927 + border: 1px solid #ddd;
  928 + width: 175px;
  929 + height: 122px;
  930 + overflow: hidden;
  931 + margin: 0.5em;
  932 +}
  933 +
  934 +.track_list .item_card .track_content .name {
  935 + font-size: small;
  936 + font-weight: normal;
  937 + padding: 5px 0;
  938 + text-align: left;
  939 + margin: 0 0.5em;
  940 +}
  941 +
  942 +.track_list .category_politicas-publicas.item_card .track_content .name {
  943 + color: #3364a3;
812 944 }
  945 +.track_list .item_card .track_content .lead {
  946 + font-weight: normal;
  947 + padding: 5px 0;
  948 + margin: 0 0.5em;
  949 + text-align: left;
  950 + color: black;
  951 +}
  952 +
  953 +.track_list .item_card .track_stats {
  954 + padding: 5px;
  955 + /*overflow: hidden;*/
  956 + height: 25px;
  957 +}
  958 +
  959 +.track_list .item_card .track_stats .comments {
  960 + background: url("images/comentarios.png") no-repeat left center #fffafa;
  961 + margin: 1px 0;
  962 + padding: 3px 0 3px 30px;
  963 + text-align: right;
  964 +}
  965 +
  966 +.track_list .item_card .track_stats .hits {
  967 + background: url("images/visualizacoes.png") no-repeat left center #fffafa;
  968 + margin: 1px 0;
  969 + padding: 3px 0 3px 30px;
  970 + text-align: right;
  971 +}
  972 +
  973 +
  974 +
  975 +
  976 +
  977 +/*Artigos em Destaque*/
  978 +
  979 +/*Posicionamento dos artigos e pessoas ao centro*/
  980 +
  981 +
  982 +.action-home-index #wrap-2 .block-outer #block-541 {
  983 +
  984 +}
  985 +
  986 +.action-home-index #wrap-2 .block-outer div.article-block {
  987 + display: inline-block;
  988 + float: left;
  989 + left: 0;
  990 + margin-left: 0;
  991 + width: 300px;
  992 + padding: 0 20px;
  993 +}
  994 +
  995 +
  996 +/*pessoas*/
  997 +
  998 +.people-block{
  999 +
  1000 +}
  1001 +
  1002 +.action-home-index #wrap-2 .block-outer div.people-block{
  1003 + position: relative;
  1004 + left: 0px;
  1005 + margin-left: 10px;
  1006 + width: 300px;
  1007 + float: left;
  1008 +}
  1009 +
  1010 +.action-home-index #wrap-2 .block-outer div.people-block .block-inner-1 {
  1011 + width: 100%;
  1012 +}
  1013 +
  1014 +.action-home-index #wrap-2 .block-outer div.people-block .block-title {
  1015 + display: none;
  1016 +}
  1017 +
  1018 +.action-home-index #wrap-2 .block-outer div.people-block .block-inner-2 {
  1019 +
  1020 +}
  1021 +
  1022 +.action-home-index #wrap-2 .block-outer div.people-block .common-profile-list-block{
  1023 + margin-left: 0;
  1024 +}
  1025 +
  1026 +.action-home-index #wrap-2 .block-outer div.people-block .common-profile-list-block .vcard{
  1027 + border: 0px solid white;
  1028 +}
  1029 +
  1030 +.action-home-index #wrap-2 .block-outer div.people-block .common-profile-list-block .vcard .profile_link .fn{
  1031 + display: none;
  1032 + visibility: hidden;
  1033 +}
  1034 +
  1035 +.action-home-index #wrap-2 .block-outer div.people-block .common-profile-list-block .vcard:hover .menu-submenu-trigger {
  1036 + display: none;
  1037 +}
  1038 +
  1039 +.action-home-index #wrap-2 .block-outer div.people-block .common-profile-list-block .profile_link {
  1040 + height: 50px;
  1041 + width: 50px;
  1042 + margin: -1px 0px 0 -1px;
  1043 + padding: 0;
  1044 + border: 1px solid white !important;
  1045 +}
  1046 +
  1047 +.action-home-index #wrap-2 .block-outer div.people-block .block-footer-content {
  1048 + display: none;
  1049 +}
  1050 +
813 1051  
814 1052 /* HOME */
815 1053  
... ...