Added style for tracks block on the theme.

Daniel
1 parent e9318bc5
Showing 1 changed file with 497 additions and 0 deletions Show diff stats
style.css
@@ -782,3 +782,500 @@ div#article-parent {
   padding: 10px;
 }
  
+
+.author,
+.header-content,
+#box-35330 h3 { display: none; }
+#block-51740 .track_list .item_card {
+margin: 0px;
+margin-left: -1px;
+margin-top: 5px;
+}
+
+.profile-homepage .box-1 .recent-documents-block ul {
+height: 170px;
+overflow: auto;
+}
+
+
+/*.track_list*/
+.track_list .item_card .track_stats .comments .counter {
+  background: url("images/comentarios.png") no-repeat left center #fffafa;
+}
+.track_list .item_card .track_stats .hits .counter {
+  background: url("images/visualizacoes.png") no-repeat left center #fffafa;	
+}
+.track_list .item_card .track_stats .counter {
+  margin-top: 1px;
+  padding: 3px 0 0 30px;
+  text-align: left;
+  font-size: 10pt;
+  display: block;
+}
+.track_list .item_card .track_stats .hits .label,
+.track_list .item_card .track_stats .comments .label {
+  font-size: 7pt;
+  float: right;
+}
+
+.action-home-index #content .track-card-list-block{
+    background: url("images/bg-pessoas.jpg") no-repeat center top transparent;
+	 padding: 2em 0 0;
+}
+
+.action-home-index .track-card-list-block .block-footer-content {
+    margin-bottom: 15px;
+    margin-top: -5px;
+}
+
+#content .track-card-list-block{
+    display: block;
+    overflow: hidden;
+    padding: 4em 2em;
+    left: -480px;
+    margin-left: 50%;
+	 margin-bottom: 15px;
+    padding: 2em 0 0;
+    position: relative;
+    width: 960px;
+    text-align: center;
+}
+
+all_tracks .track_list {
+	background-image: url("images/no-image.gif") no-repeat center top transparent;
+}
+/*
+.track_list .view_all {
+	background-image: url("images/button-read-more-vazio.png") no-repeat center top transparent;
+	width: 161px;
+	height: 39px;
+	color: #000;
+	font-weight: bold;
+	padding-left: 50px;
+}
+*/
+
+.action-home-index #content .box-1 .block-footer-content .view_all a{
+    background: url("images/button-read-more-vazio.png") no-repeat scroll left 50% transparent;
+    color: #000000;
+    display: inline-block;
+    font-weight: bold;
+    /*height: 39px;*/
+	 padding: 10px 20px 10px 50px;
+    text-align: left;
+    margin-right: 50px;
+	
+}
+
+.track_list .item_card {
+    background-color: #fffafa;
+    border: 1px solid #DDDDDD;
+    margin: 10px 15px;
+    padding: 0;
+    width: 190px;
+	 max-width: 190px;
+	 height: 100%;
+    min-height: 335px;
+	 /*display: inline-block;*/
+}
+
+.action-home-index .track_list {
+	padding: 0 30px;
+}
+
+.action-home-index .track_list .item_card {
+	margin: 10px 15px 0;
+}
+
+.track_list .item_card a{
+	display: inline-block;
+}
+
+.common-profile-list-block .vcard a, 
+.track_list .item_card:hover {
+    background-color: white;
+}
+
+#content .track_list .item_card .track_content{
+	 height: 335px;
+	 overflow: hidden;
+}
+
+#content .track_list .item_card .track_content .title{
+    color: white;
+    font-size: small;
+    font-weight: normal;
+    padding: 5px 0;
+    text-align: center;
+	 min-height: 16px;
+}
+
+
+#content .track_list .item_card .track_content .image{
+	border: 1px solid #ddd;
+	width: 175px;
+	height: 122px;
+	overflow: hidden;
+	margin: 0.5em;
+}
+
+#content .track_list .item_card .track_content .name {
+	 font-size: small;
+    font-weight: normal;
+    padding: 5px 0;
+    text-align: left;
+    margin: 0 0.5em;
+}
+
+
+#content .track_list .item_card .track_content .lead {
+    font-weight: normal;
+    padding: 5px 0;
+    margin: 0 0.5em;
+    text-align: left;
+    color: black;
+}
+/*Track list - Categorias*//*Variação de cor dos títulos do track list*/
+/*_agroecologia
+_comércio_justo_e_solidário
+_comunicação
+_cultura
+_finanças_solidárias
+_formação
+_marco_legal
+_organização_do_movimento
+_pesquisa_e_tecnologia
+_políticas_públicas
+_produção,_comercialização_e_consumo
+_relações_internacionais
+_software,_cultura_e_conhecimentos_livres*/
+
+/*category_not_defined*/
+#content .track_list .category_not_defined .track_content .title {
+	background-color: #666;
+}
+#content .track_list .category_not_defined .track_content .name {
+	color: #666;
+}
+
+/*category_estrangeiro*/
+
+#content .track_list .category_trabalho-estrangeiro.item_card .track_content .title,
+#content .track_list .category_estrangeiro.item_card .track_content .title {
+	background-color: #FF7A00;
+}
+#content .track_list .category_trabalho-estrangeiro.item_card .track_content .name,
+#content .track_list .category_estrangeiro.item_card .track_content .name {
+	color: #FF7A00;
+}
+/*category_agroecologia*/
+#content .track_list .category_agroecologia.item_card .track_content .title {
+	background-color: blue;
+}
+#content .track_list .category_agroecologia.item_card .track_content .name {
+	color: blue;
+}
+/*category_comercio-justo-e-solidario*/
+#content .track_list .category_comercio-justo-e-solidario.item_card .track_content .title {
+	background-color: green;
+}
+#content .track_list .category_comercio-justo-e-solidario.item_card .track_content .name {
+	color: green;
+}
+/*category_comunicacao*/
+#content .track_list .category_comunicacao.item_card .track_content .title {
+	background-color: orange;
+}
+#content .track_list .category_comunicacao.item_card .track_content .name {
+	color: orange;
+}
+/*category_cultura*/
+#content .track_list .category_cultura.item_card .track_content .title {
+	background-color: #541f5d;
+}
+#content .track_list .category_cultura.item_card .track_content .name {
+	color: #541f5d;
+}
+/*category_finanças_solidarias*/
+#content .track_list .category_financas-solidarias.item_card .track_content .title {
+	background-color: GoldenRod;
+}
+#content .track_list .category_financas-solidarias.item_card .track_content .name {
+	color: GoldenRod;
+}
+/*category_formacao*/
+#content .track_list .category_formacao.item_card .track_content .title {
+	background-color: Fuchsia;
+}
+#content .track_list .category_formacao.item_card .track_content .name {
+	color: Fuchsia;
+}
+/*category_marco_legal*/
+#content .track_list .category_marco-legal.item_card .track_content .title {
+	background-color: FireBrick;
+}
+#content .track_list .category_marco-legal.item_card .track_content .name {
+	color: FireBrick;
+}
+/*category_organizacao_do_movimento*/
+#content .track_list .category_organizacao-do-movimento.item_card .track_content .title {
+	background-color: DodgerBlue;
+}
+#content .track_list .category_organizacao-do-movimento.item_card .track_content .name {
+	color: DodgerBlue;
+}
+/*category_pesquisa_e_tecnologia*/
+#content .track_list .category_pesquisa-e-tecnologia.item_card .track_content .title {
+	background-color: DarkViolet;
+}
+#content .track_list .category_pesquisa-e-tecnologia.item_card .track_content .name {
+	color: DarkViolet;
+}
+/*category_politicas-publicas*/
+#content .track_list .category_politicas-publicas.item_card .track_content .title {
+	background-color: #3364a3;
+}
+#content .track_list .category_politicas-publicas.item_card .track_content .name {
+	color: #3364a3;
+}
+/*category_producao_comercializacao_e_consumo*/
+#content .track_list .category_producao-comercializacao-e-consumo.item_card .track_content .title {
+	background-color: Crimson;
+}
+#content .track_list .category_producao-comercializacao-e-consumo.item_card .track_content .name {
+	color: Crimson;
+}
+/*category_relações_internacionais*/
+#content .track_list .category_relacoes-internacionais.item_card .track_content .title {
+	background-color: BlueViolet;
+}
+#content .track_list .category_relacoes-internacionais.item_card .track_content .name {
+	color: BlueViolet;
+}
+/*category_software,_cultura_e_conhecimentos_livres*/
+#content .track_list .category_software-cultura-e-conhecimentos-livres.item_card .track_content .title {
+	background-color: OrangeRed;
+}
+#content .track_list .category_software-cultura-e-conhecimentos-livres.item_card .track_content .name {
+	color: OrangeRed;
+}
+
+.track_list .item_card .track_stats {
+  padding: 0 5px;
+    /*overflow: hidden;*/
+	height: 25px;
+}
+
+/*track list Internas*/
+.track_list .item .track_content .lead {
+    float: left;
+    padding: 2em;
+    text-align: left;
+    width: 40%;
+}
+
+/*track list - páginas internas - main content*/
+
+.track_list .track_content {
+	 /*display: inline-block;*/
+	 display: block;
+    height: 100%;
+}
+
+.track_list .item .track_content{
+	/*display: block;*/
+}
+
+.track_list .item .step {
+    padding: 5px;
+}
+
+.track_list .item .track_content .lead {
+	width: 30%;
+}
+
+.track_list .item .track_content .lead p.lead{
+	color: #444;
+}
+
+#content .track_list .item .track_content .lead a {
+    font-weight: bold;
+	 color: #444;
+}
+
+.track_list .item .track_content .steps {
+	 width: 60%;
+    font-weight: normal;
+}
+
+.track_list .item .track_content .steps h3{
+    font-size: 13px !important;
+    text-transform: uppercase;	
+    font-weight: normal;
+}
+
+.track_list .item .track_content .steps .position,
+#track .step_list .step .position {
+    border-radius: 50% 50% 50% 50%;
+    color: white;
+    display: inline-block;
+    float: none;
+    font-size: 14px;
+    margin-right: 5px;
+    padding: 5px 10px;
+    text-align: center;
+    font-weight: bold;
+}
+
+/*** step list ***/
+
+/*geral*/
+#track .step_list .step {
+    background: url("images/steps_bg.png") repeat-x center top #fff;/*branco com o fundo em degradê*/
+    display: inline-block;
+    width: 100%;
+}
+
+#track .step_list .step a {
+	 background-color: transparent;/*transparente*/
+    color: #999;/*cinza escuro escuro*/
+}
+
+#track .step_list .step .position{
+	  background-color: #999;/*cinza escuro escuro*/
+	  color: #fff;/*branco*/
+}
+
+.step a:link, #content .step a:link, dl.portlet .step a:link {
+	color: #999; /*cinza escuro*/
+	/*teste*/	 
+	display: inline-block;
+   max-width: 80%;
+   vertical-align: middle;
+}
+
+#track .step_list .step .position {
+	/*background: #666666;*/
+	background-color: #999;
+   display: inline-block;
+   font-size: 250%;
+	color: #fff;
+    margin: 15px;
+    padding: 15px;
+}
+
+#track .step_list .step .content {
+    display: inline-block;
+    margin: 10px;
+    vertical-align: middle;
+	 border-bottom: 0 none;
+	 vertical-align: top;
+	 max-width: 80%;
+	 /*max-width: 600px;*/
+}
+
+#track .step_list .step .content .date {
+    font-weight: normal;
+}
+
+#track .step_list .step .content .name {}
+
+#track .step .name, 
+#track .step .name a {
+	color: #999;
+}
+
+#track .step_list .step .content .lead {
+	font-weight: normal;
+	margin-left: 0px;
+	margin-right: 0px;
+	color: #666;
+}
+
+#track .step_list .step .content .lead p{
+	margin-bottom: 0px;
+}
+
+#track .step_list .step .content object,
+#track .step_list .step .content .lead img{
+	max-width: 80%;
+}
+
+
+/*ítens específicos*/
+
+/*oculto*/
+#track #hidden_steps .step_list .step .position {
+	background-color: transparent;
+}
+
+
+/*ativo*/
+
+#content .step.step_active {
+    background-color: #E8F3E9;/*verde claro*/
+    background-image: url("images/no-image.gif");
+}
+
+#content .step.step_active:hover {
+	background-color: #B8D4C1;
+}
+
+#content .step.step_active a {
+	 color: #397941;/*verde escuro*/
+}
+
+#content .step.step_active .position{
+	  background-color: #397941;/*verde escuro*/
+	  color: #E8F3E9;/*verde claro*/
+}
+
+.step_active a:link, #content .step_active a:link, dl.portlet .step_active a:link {
+	color: #397941; /*verde escuro*/
+}
+
+/*em andamento*/
+
+#content .step.step_waiting {
+    background-color: #fff0cf;/*laranja claro*/
+    background-image: url("images/no-image.gif");
+}
+
+#content .step.step_waiting a {
+	 color: #C6A142;/*laranja escuro*/
+}
+
+#content .step.step_waiting .position{
+	  background-color: #c6a142;/*laranja escuro*/
+	  color: #fff0cf;/*laranja claro*/
+}
+
+.step_waiting a:link, #content .step_waiting a:link, dl.portlet .step_waiting a:link {
+	color: #c6a142; /*laranja escuro*/
+}
+
+/*finalizado*/
+
+#content .step.step_finished {
+    background: url("images/steps_bg.png") repeat-x center top #fff;/*branco com o fundo em degradê*/
+}
+
+#content .step.step_finished a {
+	 background-color:transparent;/*transparente*/
+    color: #999;/*cinza escuro escuro*/
+}
+
+#content .step.step_finished .position{
+	  background-color: #999;/*cinza escuro escuro*/
+	  color: #fff;/*branco*/
+}
+
+.step_finished a:link, #content .step_finished a:link, dl.portlet .step_finished a:link {
+	color: #999; /*cinza escuro*/
+}
+
+#content .box-3 .block {
+width: auto;
+}
+
+.controller-sub_organizations_plugin_profile .box-1 .common-profile-list-block .profile_link { width: 150px; }
...	...	@@ -782,3 +782,500 @@ div#article-parent {
782	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; }
...	...