Download as
Browse Code »

Commit b07a8a51e4ca8e67c15c85eca54cecd0acc1e17d

Authored by Daniel
1 parent e9318bc5
Exists in master and in 2 other branches production, staging

Added style for tracks block on the theme.

Showing 1 changed file with 497 additions and 0 deletions   Show diff stats
@@ -782,3 +782,500 @@ div#article-parent { @@ -782,3 +782,500 @@ div#article-parent {
782 padding: 10px; 782 padding: 10px;
783 } 783 }
784 784
  785 +
  786 +.author,
  787 +.header-content,
  788 +#box-35330 h3 { display: none; }
  789 +#block-51740 .track_list .item_card {
  790 +margin: 0px;
  791 +margin-left: -1px;
  792 +margin-top: 5px;
  793 +}
  794 +
  795 +.profile-homepage .box-1 .recent-documents-block ul {
  796 +height: 170px;
  797 +overflow: auto;
  798 +}
  799 +
  800 +
  801 +/*.track_list*/
  802 +.track_list .item_card .track_stats .comments .counter {
  803 + background: url("images/comentarios.png") no-repeat left center #fffafa;
  804 +}
  805 +.track_list .item_card .track_stats .hits .counter {
  806 + background: url("images/visualizacoes.png") no-repeat left center #fffafa;
  807 +}
  808 +.track_list .item_card .track_stats .counter {
  809 + margin-top: 1px;
  810 + padding: 3px 0 0 30px;
  811 + text-align: left;
  812 + font-size: 10pt;
  813 + display: block;
  814 +}
  815 +.track_list .item_card .track_stats .hits .label,
  816 +.track_list .item_card .track_stats .comments .label {
  817 + font-size: 7pt;
  818 + float: right;
  819 +}
  820 +
  821 +.action-home-index #content .track-card-list-block{
  822 + background: url("images/bg-pessoas.jpg") no-repeat center top transparent;
  823 + padding: 2em 0 0;
  824 +}
  825 +
  826 +.action-home-index .track-card-list-block .block-footer-content {
  827 + margin-bottom: 15px;
  828 + margin-top: -5px;
  829 +}
  830 +
  831 +#content .track-card-list-block{
  832 + display: block;
  833 + overflow: hidden;
  834 + padding: 4em 2em;
  835 + left: -480px;
  836 + margin-left: 50%;
  837 + margin-bottom: 15px;
  838 + padding: 2em 0 0;
  839 + position: relative;
  840 + width: 960px;
  841 + text-align: center;
  842 +}
  843 +
  844 +all_tracks .track_list {
  845 + background-image: url("images/no-image.gif") no-repeat center top transparent;
  846 +}
  847 +/*
  848 +.track_list .view_all {
  849 + background-image: url("images/button-read-more-vazio.png") no-repeat center top transparent;
  850 + width: 161px;
  851 + height: 39px;
  852 + color: #000;
  853 + font-weight: bold;
  854 + padding-left: 50px;
  855 +}
  856 +*/
  857 +
  858 +.action-home-index #content .box-1 .block-footer-content .view_all a{
  859 + background: url("images/button-read-more-vazio.png") no-repeat scroll left 50% transparent;
  860 + color: #000000;
  861 + display: inline-block;
  862 + font-weight: bold;
  863 + /*height: 39px;*/
  864 + padding: 10px 20px 10px 50px;
  865 + text-align: left;
  866 + margin-right: 50px;
  867 +
  868 +}
  869 +
  870 +.track_list .item_card {
  871 + background-color: #fffafa;
  872 + border: 1px solid #DDDDDD;
  873 + margin: 10px 15px;
  874 + padding: 0;
  875 + width: 190px;
  876 + max-width: 190px;
  877 + height: 100%;
  878 + min-height: 335px;
  879 + /*display: inline-block;*/
  880 +}
  881 +
  882 +.action-home-index .track_list {
  883 + padding: 0 30px;
  884 +}
  885 +
  886 +.action-home-index .track_list .item_card {
  887 + margin: 10px 15px 0;
  888 +}
  889 +
  890 +.track_list .item_card a{
  891 + display: inline-block;
  892 +}
  893 +
  894 +.common-profile-list-block .vcard a,
  895 +.track_list .item_card:hover {
  896 + background-color: white;
  897 +}
  898 +
  899 +#content .track_list .item_card .track_content{
  900 + height: 335px;
  901 + overflow: hidden;
  902 +}
  903 +
  904 +#content .track_list .item_card .track_content .title{
  905 + color: white;
  906 + font-size: small;
  907 + font-weight: normal;
  908 + padding: 5px 0;
  909 + text-align: center;
  910 + min-height: 16px;
  911 +}
  912 +
  913 +
  914 +#content .track_list .item_card .track_content .image{
  915 + border: 1px solid #ddd;
  916 + width: 175px;
  917 + height: 122px;
  918 + overflow: hidden;
  919 + margin: 0.5em;
  920 +}
  921 +
  922 +#content .track_list .item_card .track_content .name {
  923 + font-size: small;
  924 + font-weight: normal;
  925 + padding: 5px 0;
  926 + text-align: left;
  927 + margin: 0 0.5em;
  928 +}
  929 +
  930 +
  931 +#content .track_list .item_card .track_content .lead {
  932 + font-weight: normal;
  933 + padding: 5px 0;
  934 + margin: 0 0.5em;
  935 + text-align: left;
  936 + color: black;
  937 +}
  938 +/*Track list - Categorias*//*Variação de cor dos títulos do track list*/
  939 +/*_agroecologia
  940 +_comércio_justo_e_solidário
  941 +_comunicação
  942 +_cultura
  943 +_finanças_solidárias
  944 +_formação
  945 +_marco_legal
  946 +_organização_do_movimento
  947 +_pesquisa_e_tecnologia
  948 +_políticas_públicas
  949 +_produção,_comercialização_e_consumo
  950 +_relações_internacionais
  951 +_software,_cultura_e_conhecimentos_livres*/
  952 +
  953 +/*category_not_defined*/
  954 +#content .track_list .category_not_defined .track_content .title {
  955 + background-color: #666;
  956 +}
  957 +#content .track_list .category_not_defined .track_content .name {
  958 + color: #666;
  959 +}
  960 +
  961 +/*category_estrangeiro*/
  962 +
  963 +#content .track_list .category_trabalho-estrangeiro.item_card .track_content .title,
  964 +#content .track_list .category_estrangeiro.item_card .track_content .title {
  965 + background-color: #FF7A00;
  966 +}
  967 +#content .track_list .category_trabalho-estrangeiro.item_card .track_content .name,
  968 +#content .track_list .category_estrangeiro.item_card .track_content .name {
  969 + color: #FF7A00;
  970 +}
  971 +/*category_agroecologia*/
  972 +#content .track_list .category_agroecologia.item_card .track_content .title {
  973 + background-color: blue;
  974 +}
  975 +#content .track_list .category_agroecologia.item_card .track_content .name {
  976 + color: blue;
  977 +}
  978 +/*category_comercio-justo-e-solidario*/
  979 +#content .track_list .category_comercio-justo-e-solidario.item_card .track_content .title {
  980 + background-color: green;
  981 +}
  982 +#content .track_list .category_comercio-justo-e-solidario.item_card .track_content .name {
  983 + color: green;
  984 +}
  985 +/*category_comunicacao*/
  986 +#content .track_list .category_comunicacao.item_card .track_content .title {
  987 + background-color: orange;
  988 +}
  989 +#content .track_list .category_comunicacao.item_card .track_content .name {
  990 + color: orange;
  991 +}
  992 +/*category_cultura*/
  993 +#content .track_list .category_cultura.item_card .track_content .title {
  994 + background-color: #541f5d;
  995 +}
  996 +#content .track_list .category_cultura.item_card .track_content .name {
  997 + color: #541f5d;
  998 +}
  999 +/*category_finanças_solidarias*/
  1000 +#content .track_list .category_financas-solidarias.item_card .track_content .title {
  1001 + background-color: GoldenRod;
  1002 +}
  1003 +#content .track_list .category_financas-solidarias.item_card .track_content .name {
  1004 + color: GoldenRod;
  1005 +}
  1006 +/*category_formacao*/
  1007 +#content .track_list .category_formacao.item_card .track_content .title {
  1008 + background-color: Fuchsia;
  1009 +}
  1010 +#content .track_list .category_formacao.item_card .track_content .name {
  1011 + color: Fuchsia;
  1012 +}
  1013 +/*category_marco_legal*/
  1014 +#content .track_list .category_marco-legal.item_card .track_content .title {
  1015 + background-color: FireBrick;
  1016 +}
  1017 +#content .track_list .category_marco-legal.item_card .track_content .name {
  1018 + color: FireBrick;
  1019 +}
  1020 +/*category_organizacao_do_movimento*/
  1021 +#content .track_list .category_organizacao-do-movimento.item_card .track_content .title {
  1022 + background-color: DodgerBlue;
  1023 +}
  1024 +#content .track_list .category_organizacao-do-movimento.item_card .track_content .name {
  1025 + color: DodgerBlue;
  1026 +}
  1027 +/*category_pesquisa_e_tecnologia*/
  1028 +#content .track_list .category_pesquisa-e-tecnologia.item_card .track_content .title {
  1029 + background-color: DarkViolet;
  1030 +}
  1031 +#content .track_list .category_pesquisa-e-tecnologia.item_card .track_content .name {
  1032 + color: DarkViolet;
  1033 +}
  1034 +/*category_politicas-publicas*/
  1035 +#content .track_list .category_politicas-publicas.item_card .track_content .title {
  1036 + background-color: #3364a3;
  1037 +}
  1038 +#content .track_list .category_politicas-publicas.item_card .track_content .name {
  1039 + color: #3364a3;
  1040 +}
  1041 +/*category_producao_comercializacao_e_consumo*/
  1042 +#content .track_list .category_producao-comercializacao-e-consumo.item_card .track_content .title {
  1043 + background-color: Crimson;
  1044 +}
  1045 +#content .track_list .category_producao-comercializacao-e-consumo.item_card .track_content .name {
  1046 + color: Crimson;
  1047 +}
  1048 +/*category_relações_internacionais*/
  1049 +#content .track_list .category_relacoes-internacionais.item_card .track_content .title {
  1050 + background-color: BlueViolet;
  1051 +}
  1052 +#content .track_list .category_relacoes-internacionais.item_card .track_content .name {
  1053 + color: BlueViolet;
  1054 +}
  1055 +/*category_software,_cultura_e_conhecimentos_livres*/
  1056 +#content .track_list .category_software-cultura-e-conhecimentos-livres.item_card .track_content .title {
  1057 + background-color: OrangeRed;
  1058 +}
  1059 +#content .track_list .category_software-cultura-e-conhecimentos-livres.item_card .track_content .name {
  1060 + color: OrangeRed;
  1061 +}
  1062 +
  1063 +.track_list .item_card .track_stats {
  1064 + padding: 0 5px;
  1065 + /*overflow: hidden;*/
  1066 + height: 25px;
  1067 +}
  1068 +
  1069 +/*track list Internas*/
  1070 +.track_list .item .track_content .lead {
  1071 + float: left;
  1072 + padding: 2em;
  1073 + text-align: left;
  1074 + width: 40%;
  1075 +}
  1076 +
  1077 +/*track list - páginas internas - main content*/
  1078 +
  1079 +.track_list .track_content {
  1080 + /*display: inline-block;*/
  1081 + display: block;
  1082 + height: 100%;
  1083 +}
  1084 +
  1085 +.track_list .item .track_content{
  1086 + /*display: block;*/
  1087 +}
  1088 +
  1089 +.track_list .item .step {
  1090 + padding: 5px;
  1091 +}
  1092 +
  1093 +.track_list .item .track_content .lead {
  1094 + width: 30%;
  1095 +}
  1096 +
  1097 +.track_list .item .track_content .lead p.lead{
  1098 + color: #444;
  1099 +}
  1100 +
  1101 +#content .track_list .item .track_content .lead a {
  1102 + font-weight: bold;
  1103 + color: #444;
  1104 +}
  1105 +
  1106 +.track_list .item .track_content .steps {
  1107 + width: 60%;
  1108 + font-weight: normal;
  1109 +}
  1110 +
  1111 +.track_list .item .track_content .steps h3{
  1112 + font-size: 13px !important;
  1113 + text-transform: uppercase;
  1114 + font-weight: normal;
  1115 +}
  1116 +
  1117 +.track_list .item .track_content .steps .position,
  1118 +#track .step_list .step .position {
  1119 + border-radius: 50% 50% 50% 50%;
  1120 + color: white;
  1121 + display: inline-block;
  1122 + float: none;
  1123 + font-size: 14px;
  1124 + margin-right: 5px;
  1125 + padding: 5px 10px;
  1126 + text-align: center;
  1127 + font-weight: bold;
  1128 +}
  1129 +
  1130 +/*** step list ***/
  1131 +
  1132 +/*geral*/
  1133 +#track .step_list .step {
  1134 + background: url("images/steps_bg.png") repeat-x center top #fff;/*branco com o fundo em degradê*/
  1135 + display: inline-block;
  1136 + width: 100%;
  1137 +}
  1138 +
  1139 +#track .step_list .step a {
  1140 + background-color: transparent;/*transparente*/
  1141 + color: #999;/*cinza escuro escuro*/
  1142 +}
  1143 +
  1144 +#track .step_list .step .position{
  1145 + background-color: #999;/*cinza escuro escuro*/
  1146 + color: #fff;/*branco*/
  1147 +}
  1148 +
  1149 +.step a:link, #content .step a:link, dl.portlet .step a:link {
  1150 + color: #999; /*cinza escuro*/
  1151 + /*teste*/
  1152 + display: inline-block;
  1153 + max-width: 80%;
  1154 + vertical-align: middle;
  1155 +}
  1156 +
  1157 +#track .step_list .step .position {
  1158 + /*background: #666666;*/
  1159 + background-color: #999;
  1160 + display: inline-block;
  1161 + font-size: 250%;
  1162 + color: #fff;
  1163 + margin: 15px;
  1164 + padding: 15px;
  1165 +}
  1166 +
  1167 +#track .step_list .step .content {
  1168 + display: inline-block;
  1169 + margin: 10px;
  1170 + vertical-align: middle;
  1171 + border-bottom: 0 none;
  1172 + vertical-align: top;
  1173 + max-width: 80%;
  1174 + /*max-width: 600px;*/
  1175 +}
  1176 +
  1177 +#track .step_list .step .content .date {
  1178 + font-weight: normal;
  1179 +}
  1180 +
  1181 +#track .step_list .step .content .name {}
  1182 +
  1183 +#track .step .name,
  1184 +#track .step .name a {
  1185 + color: #999;
  1186 +}
  1187 +
  1188 +#track .step_list .step .content .lead {
  1189 + font-weight: normal;
  1190 + margin-left: 0px;
  1191 + margin-right: 0px;
  1192 + color: #666;
  1193 +}
  1194 +
  1195 +#track .step_list .step .content .lead p{
  1196 + margin-bottom: 0px;
  1197 +}
  1198 +
  1199 +#track .step_list .step .content object,
  1200 +#track .step_list .step .content .lead img{
  1201 + max-width: 80%;
  1202 +}
  1203 +
  1204 +
  1205 +/*ítens específicos*/
  1206 +
  1207 +/*oculto*/
  1208 +#track #hidden_steps .step_list .step .position {
  1209 + background-color: transparent;
  1210 +}
  1211 +
  1212 +
  1213 +/*ativo*/
  1214 +
  1215 +#content .step.step_active {
  1216 + background-color: #E8F3E9;/*verde claro*/
  1217 + background-image: url("images/no-image.gif");
  1218 +}
  1219 +
  1220 +#content .step.step_active:hover {
  1221 + background-color: #B8D4C1;
  1222 +}
  1223 +
  1224 +#content .step.step_active a {
  1225 + color: #397941;/*verde escuro*/
  1226 +}
  1227 +
  1228 +#content .step.step_active .position{
  1229 + background-color: #397941;/*verde escuro*/
  1230 + color: #E8F3E9;/*verde claro*/
  1231 +}
  1232 +
  1233 +.step_active a:link, #content .step_active a:link, dl.portlet .step_active a:link {
  1234 + color: #397941; /*verde escuro*/
  1235 +}
  1236 +
  1237 +/*em andamento*/
  1238 +
  1239 +#content .step.step_waiting {
  1240 + background-color: #fff0cf;/*laranja claro*/
  1241 + background-image: url("images/no-image.gif");
  1242 +}
  1243 +
  1244 +#content .step.step_waiting a {
  1245 + color: #C6A142;/*laranja escuro*/
  1246 +}
  1247 +
  1248 +#content .step.step_waiting .position{
  1249 + background-color: #c6a142;/*laranja escuro*/
  1250 + color: #fff0cf;/*laranja claro*/
  1251 +}
  1252 +
  1253 +.step_waiting a:link, #content .step_waiting a:link, dl.portlet .step_waiting a:link {
  1254 + color: #c6a142; /*laranja escuro*/
  1255 +}
  1256 +
  1257 +/*finalizado*/
  1258 +
  1259 +#content .step.step_finished {
  1260 + background: url("images/steps_bg.png") repeat-x center top #fff;/*branco com o fundo em degradê*/
  1261 +}
  1262 +
  1263 +#content .step.step_finished a {
  1264 + background-color:transparent;/*transparente*/
  1265 + color: #999;/*cinza escuro escuro*/
  1266 +}
  1267 +
  1268 +#content .step.step_finished .position{
  1269 + background-color: #999;/*cinza escuro escuro*/
  1270 + color: #fff;/*branco*/
  1271 +}
  1272 +
  1273 +.step_finished a:link, #content .step_finished a:link, dl.portlet .step_finished a:link {
  1274 + color: #999; /*cinza escuro*/
  1275 +}
  1276 +
  1277 +#content .box-3 .block {
  1278 +width: auto;
  1279 +}
  1280 +
  1281 +.controller-sub_organizations_plugin_profile .box-1 .common-profile-list-block .profile_link { width: 150px; }