Commit dec7f8780b9f5e8c8604df8501746b26fe67c071

Authored by Valessio Brito
1 parent 85cde999

Initial release refactoration

1 -Conference Theme Noosfero  
2 -========================= 1 +Conference Theme Participa.BR
  2 +=============================
3 3
4 -Noosfero theme for the Conference environment. 4 +Participa.BR theme for the Conference environment. Requirement "participa-theme"
5 5
6 Install on /public/designs/themes/conference 6 Install on /public/designs/themes/conference
footer.rhtml
@@ -1,62 +0,0 @@ @@ -1,62 +0,0 @@
1 -<div id="footer-content">  
2 - <div id="footer-logos">  
3 - <div>  
4 - <a class="logo-acesso" href="http://www.acessoainformacao.gov.br/" target="_blank"><span>Acesso a Informação</span></a>  
5 - <div class="institucionais">  
6 - <a class="logo-sgpr" href="http://www.secretariageral.gov.br/" target="_blank"><span>Secretaria-geral da Presidência da República</span></a>  
7 - <a class="logo-brasil" href="http://www.brasil.gov.br/" target="_blank"><span>Brasil - Governo Federal</span></a>  
8 - </div>  
9 - </div>  
10 - </div><!-- end id="footer-logos" -->  
11 - <div id="footer-license">  
12 - Este site utiliza o software livre <a href="http://noosfero.org" target="_blank">Noosfero</a>, licenciado pela <a href="http://www.gnu.org/licenses/agpl.html" target="_blank">GNU Affero General Public License, versão 3 ou superior.<a>  
13 - </div><!-- end id="footer-license" -->  
14 -</div>  
15 -<script type="text/javascript" src="http://barra.brasil.gov.br/barra.js?cor=verde"></script>  
16 -<script type="text/javascript">  
17 - var update_droppables_list = [];  
18 -  
19 - function updateDroppables() {  
20 - for(var i = 0; i < update_droppables_list.length; i++) {  
21 - eval(update_droppables_list[i]);  
22 - }  
23 -  
24 - window.setTimeout(function(){  
25 - updateDroppables();  
26 - }, 1000);  
27 - }  
28 -  
29 - // Script that include the video-block on Droppables  
30 - function addVideoToDroppables() {  
31 - var script_search = jQuery(".blocks script"); // get all script tags  
32 - var sub_search, position, before, after, new_code;  
33 -  
34 - for(var i = 0; i < script_search.length; i++) {  
35 - sub_search = jQuery(script_search[i]); // take one tag script into jquery object  
36 -  
37 - // verify if this tag has Droppables.add  
38 - if( (sub_search.html().search("Droppables.add") > -1) &&  
39 - (sub_search.html().search("video-block") == -1) ) {  
40 - position = sub_search.html().search("']"); // get its position  
41 -  
42 - before = sub_search.html().slice(0, position);  
43 - after = sub_search.html().slice(position, sub_search.html().length);  
44 -  
45 - before += "','video-block"; // include the block class name  
46 - new_code = before + after;  
47 -  
48 - eval(new_code); // re-execute the function  
49 - update_droppables_list.push(new_code);  
50 - }  
51 - }  
52 -  
53 - updateDroppables();  
54 - }  
55 -  
56 -  
57 - jQuery(document).ready(function(){  
58 - if( jQuery("body.controller-profile_design").length == 1 ) {  
59 - addVideoToDroppables();  
60 - }  
61 - });  
62 -</script>  
footer.rhtml 0 → 120000
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +../participa-theme/footer.rhtml
0 \ No newline at end of file 2 \ No newline at end of file
1 <div id="barra-brasil"> 1 <div id="barra-brasil">
  2 + <a href="http://brasil.gov.br" style="background:#7F7F7F; height: 20px; padding:4px 0 4px 10px; display: block; font-family:sans,sans-serif; text-decoration:none; color:white; ">Portal do Governo Brasileiro</a>
2 </div> 3 </div>
3 -<div id="barra-psocial">  
4 -<div id="assets-menu">  
5 - <ul>  
6 - <%= generate_assets_menu %>  
7 - </ul>  
8 -</div><!-- fim id="assets-menu" --> 4 +<div class="header-content">
  5 + <div role="banner" id="header">
  6 + <div>
  7 + <ul id="accessibility">
  8 + <li>
  9 + <a id="link-conteudo" href="#content" accesskey="1">
  10 + Ir para o conteúdo
  11 + <span>1</span>
  12 + </a>
  13 + </li>
  14 + <li>
  15 + <a id="link-navegacao" href="#barra-psocial" accesskey="2">
  16 + Ir para o menu
  17 + <span>2</span>
  18 + </a>
  19 + </li>
  20 + <li>
  21 + <a id="link-buscar" href="#portal-searchbox" accesskey="3">
  22 + Ir para a busca
  23 + <span>3</span>
  24 + </a>
  25 + </li>
  26 + <li>
  27 + <a id="link-rodape" href="#theme-footer" accesskey="4">
  28 + Ir para o rodapé
  29 + <span>4</span>
  30 + </a>
  31 + </li>
  32 + </ul>
  33 + <ul id="portal-siteactions">
  34 + <li id="siteaction-accessibility">
  35 + <a href="#">Acessibilidade</a>
  36 + </li>
  37 + <li id="siteaction-contraste">
  38 + <a href="#">Alto Contraste</a>
  39 + </li>
  40 + <li id="siteaction-mapadosite">
  41 + <a href="/search">Mapa do Site</a>
  42 + </li>
  43 + </ul>
  44 +
  45 + <div id="logo">
  46 + <a title="Participa.br" href="/">
  47 + <span id="portal-title">Participa.br</span>
  48 + </a>
  49 + </div>
  50 +
  51 + <div role="search" id="portal-searchbox">
  52 + <form action="/search">
  53 + <input type="text" autocomplete="off" name="query" size="18" title="Buscar no Site" placeholder="Buscar no Site" accesskey="3" class="searchField" id="searchGadget">
  54 + <input type="submit" class="searchButton" value="Buscar"></form>
  55 + </div>
  56 +
  57 + <div id="social-icons">
  58 + <ul>
  59 + <li>
  60 + <a id="sb_flickr" title="Flickr" href="#"><span>Flickr</span></a>
  61 + </li>
  62 + <li>
  63 + <a id="sb_face" title="Facebook" href="http://facebook.com/participabr"><span>Facebook</span></a>
  64 + </li>
  65 + <li>
  66 + <a id="sb_youtb" title="Youtube" href="#"><span>Youtube</span></a>
  67 + </li>
  68 + <li>
  69 + <a id="sb_tweet" title="Twitter" href="http://twitter.com/participabr"><span>Twitter</span></a>
  70 + </li>
  71 + </ul>
  72 + </div>
  73 + </div>
9 74
10 -<script type="text/javascript">  
11 - jQuery(function($) {  
12 - $("#site-title, #assets-menu").mouseover(function() {  
13 - clearTimeout( window.closeAssetsTimeout );  
14 - $("#assets-menu").slideDown(400);  
15 - });  
16 - $("#site-title, #assets-menu").mouseout(function() {  
17 - window.closeAssetsTimeout =  
18 - setTimeout( function() { $("#assets-menu").slideUp(400); }, 500 );  
19 - });  
20 - });  
21 -</script> 75 + <div id="sobre">
  76 + <ul>
  77 + <li id="link-faq">
  78 + <a href="/ajuda/ajuda/duvidas-frequentes">Perguntas frequentes</a>
  79 + </li>
  80 + <li id="link-contact">
  81 + <a href="/contact/portal/new">Contato</a>
  82 + </li>
  83 + </ul>
  84 + </div>
  85 + </div>
  86 +</div>
  87 +
  88 +<div id="barra-psocial">
  89 + <div id="categories_menu">
  90 + <%= theme_include 'categories' %>
  91 + </div>
22 </div> 92 </div>
23 93
24 <div id="search-header"> 94 <div id="search-header">
25 - <%= render :partial => 'shared/profile_search_form' %> 95 + <%= render :partial => 'shared/profile_search_form' %>
26 </div> 96 </div>
27 97
images/acesso-a-informacao.png

3.75 KB

images/brasil.png

9.76 KB

images/facebook.png

1.59 KB

images/facebook.svg
@@ -1,9 +0,0 @@ @@ -1,9 +0,0 @@
1 -<?xml version="1.0" encoding="iso-8859-1"?>  
2 -<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->  
3 -<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">  
4 -<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"  
5 - width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">  
6 -<circle style="fill:#3E5B97;" cx="16" cy="16" r="16"/>  
7 -<path style="fill:#FFFFFF;" d="M17.961,11.406h2.615V8.168h-2.615c-2.162,0-3.921,1.906-3.921,4.25v1.633h-2.615v3.25h2.615v7.865  
8 - h3.27v-7.865h3.267v-3.25H17.31v-1.664C17.31,11.826,17.653,11.406,17.961,11.406z"/>  
9 -</svg>  
images/google_follow.png

2.04 KB

images/google_follow.svg
@@ -1,23 +0,0 @@ @@ -1,23 +0,0 @@
1 -<?xml version="1.0" encoding="iso-8859-1"?>  
2 -<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->  
3 -<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">  
4 -<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"  
5 - width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">  
6 -<circle id="circle_x5F_bg_17_" style="fill:#CF4832;" cx="16" cy="16" r="16.005"/>  
7 -<g>  
8 - <polygon style="fill:#FFFFFF;" points="24.376,9.896 22.499,9.896 22.499,13.646 18.747,13.646 18.747,15.523 22.499,15.523  
9 - 22.499,19.273 24.376,19.273 24.376,15.523 28.126,15.523 28.126,13.646 24.376,13.646 "/>  
10 -</g>  
11 -<g>  
12 - <path style="fill:#FFFFFF;" d="M14.933,25.068c-0.74-0.559-2.355-1.699-2.355-2.465c0-0.898,0.256-1.342,1.605-2.396  
13 - c1.387-1.082,2.367-2.51,2.367-4.279c0-1.93-0.789-3.678-2.27-4.527h2.102l1.787-1.879c0,0-5.91,0-8.008,0  
14 - c-4.061,0-7.447,2.996-7.447,6.291c0,3.367,2.225,6.051,6.045,6.051c0.264,0,0.523-0.01,0.775-0.027  
15 - C9.286,22.309,9.11,22.84,9.11,23.395c0,0.938,0.518,1.473,1.148,2.09c-0.48,0-0.941,0.01-1.449,0.01  
16 - c-1.805,0-3.395,0.486-4.67,1.254c0.396,0.436,0.814,0.85,1.254,1.238c1.1-0.949,2.709-1.561,4.471-1.541  
17 - c0.748,0.004,1.449,0.127,2.082,0.332c1.746,1.215,3.156,1.971,3.508,3.357c0.066,0.275,0.102,0.566,0.102,0.861  
18 - c0,0.34-0.033,0.666-0.098,0.982c0.174,0.006,0.342,0.025,0.518,0.025c0.639,0,1.264-0.047,1.883-0.119  
19 - c0.119-0.406,0.186-0.818,0.186-1.232C18.044,28.225,17.521,27.008,14.933,25.068z M10.306,20.645  
20 - c-2.156-0.066-4.209-2.049-4.58-4.881c-0.375-2.834,1.07-5.004,3.23-4.939c2.158,0.064,4.004,2.389,4.377,5.223  
21 - S12.464,20.707,10.306,20.645z"/>  
22 -</g>  
23 -</svg>  
images/media-icons.png

3.79 KB

images/rss.png

1.83 KB

images/rss.svg
@@ -1,14 +0,0 @@ @@ -1,14 +0,0 @@
1 -<?xml version="1.0" encoding="iso-8859-1"?>  
2 -<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->  
3 -<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">  
4 -<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"  
5 - width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">  
6 -<circle style="fill:#EF8647;" cx="16" cy="16.001" r="16"/>  
7 -<g>  
8 - <circle style="fill:#FFFFFF;" cx="10.617" cy="21.625" r="2.287"/>  
9 - <path style="fill:#FFFFFF;" d="M19.385,23.912h-3.242c0-4.316-3.496-7.812-7.812-7.812l0,0v-3.242  
10 - C14.436,12.858,19.385,17.807,19.385,23.912z"/>  
11 - <path style="fill:#FFFFFF;" d="M21.668,23.912c0-7.366-5.971-13.339-13.338-13.339V7.237c9.211,0,16.676,7.465,16.676,16.675  
12 - H21.668z"/>  
13 -</g>  
14 -</svg>  
images/sgpr.png

2.4 KB

images/thin-logo.png

4.12 KB

images/twitter.png

1.6 KB

images/twitter.svg
@@ -1,14 +0,0 @@ @@ -1,14 +0,0 @@
1 -<?xml version="1.0" encoding="iso-8859-1"?>  
2 -<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->  
3 -<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">  
4 -<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"  
5 - width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">  
6 -<circle style="fill:#2AA7DE;" cx="16" cy="16" r="16"/>  
7 -<path style="fill:#FFFFFF;" d="M24.535,11.723c-0.566,0.252-1.178,0.422-1.814,0.498c0.65-0.391,1.152-1.01,1.389-1.748  
8 - c-0.611,0.363-1.287,0.625-2.008,0.768c-0.574-0.613-1.396-0.998-2.305-0.998c-1.744,0-3.161,1.414-3.161,3.158  
9 - c0,0.248,0.029,0.49,0.082,0.721c-2.625-0.131-4.953-1.389-6.512-3.299c-0.273,0.465-0.426,1.008-0.426,1.586  
10 - c0,1.098,0.555,2.064,1.404,2.631c-0.52-0.018-1.004-0.16-1.432-0.396c0,0.014,0,0.027,0,0.039c0,1.531,1.09,2.808,2.533,3.097  
11 - c-0.264,0.074-0.543,0.111-0.83,0.111c-0.205,0-0.402-0.02-0.596-0.057c0.402,1.256,1.57,2.168,2.951,2.195  
12 - c-1.082,0.846-2.443,1.352-3.924,1.352c-0.254,0-0.506-0.016-0.754-0.045c1.398,0.896,3.059,1.42,4.844,1.42  
13 - c5.811,0,8.989-4.814,8.989-8.988c0-0.137-0.004-0.273-0.01-0.41C23.574,12.915,24.109,12.358,24.535,11.723z"/>  
14 -</svg>  
site_title.rhtml
@@ -1 +0,0 @@ @@ -1 +0,0 @@
1 -<%= link_to(image_tag("/designs/themes/conference/images/thin-logo.png"), environment.top_url) %>  
site_title.rhtml 0 → 120000
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +../participa-theme/site_title.rhtml
0 \ No newline at end of file 2 \ No newline at end of file
1 -@import url(../skyblue/style.css); 1 +/* Import theme base: participa-theme */
  2 +@import url(../participa-theme/style.css);
2 3
3 -/* Class all system */  
4 -  
5 -* {  
6 - font-variant: normal !important;  
7 -}  
8 -  
9 -.author { display: none; }  
10 -  
11 -p {  
12 - line-height: 20px;  
13 - font-size: 14px;  
14 -}  
15 -  
16 -.cms-homepage a.icon-blog {  
17 - background-repeat: no-repeat;  
18 - padding-left: 20px;  
19 -}  
20 -  
21 -#profile-wall #leave_scrap textarea { float: left; }  
22 -  
23 -/* Main style page */  
24 -body {  
25 - background: #FFF;  
26 -}  
27 -  
28 -#wrap-1 {  
29 - width: auto;  
30 - margin: 0px;  
31 -}  
32 -  
33 -#wrap-2 {  
34 - width: 960px;  
35 - margin: auto;  
36 - border: 0px;  
37 -}  
38 -  
39 -#main-content-wrapper-1,  
40 -#main-content-wrapper-2,  
41 -#main-content-wrapper-3,  
42 -#main-content-wrapper-4,  
43 -#main-content-wrapper-5,  
44 -#main-content-wrapper-6,  
45 -#main-content-wrapper-7,  
46 -#main-content-wrapper-8 {  
47 - background-image: none;  
48 - background: none;  
49 -}  
50 -  
51 -/* Bar Psocial Style */  
52 -  
53 -#theme-header {  
54 - height: 40px;  
55 - background: #E8E8E8;  
56 - background-image: linear-gradient(bottom, #E8E8E8 20%, #FEFEFE 80%);  
57 - background-image: -o-linear-gradient(bottom, #E8E8E8 20%, #FEFEFE 80%);  
58 - background-image: -moz-linear-gradient(bottom, #E8E8E8 20%, #FEFEFE 80%);  
59 - background-image: -webkit-linear-gradient(bottom, #E8E8E8 20%, #FEFEFE 80%);  
60 - background-image: -ms-linear-gradient(bottom, #E8E8E8 20%, #FEFEFE 80%);  
61 - background-image: -webkit-gradient(  
62 - linear,  
63 - left bottom,  
64 - left top,  
65 - color-stop(0.2, #E8E8E8),  
66 - color-stop(0.8, #FEFEFE)  
67 - );  
68 -}  
69 -  
70 -#profile-header {  
71 - min-height: 80px;  
72 - max-height: 200px; 4 +/* Header Effect */
  5 +.header-content {
  6 + height: 5px;
  7 + transition-duration: 0.6s;
73 overflow: hidden; 8 overflow: hidden;
74 } 9 }
75 -  
76 -#profile-footer {  
77 - margin-top: 30px; 10 +.header-content:hover,
  11 +.header-content *:focus + .header-content,
  12 +.header-content *:focus > .header-content {
  13 + height: 173px;
78 } 14 }
79 15
80 -#site-title { top: -40px; }  
81 -  
82 -#user { top: -30px; }  
83 -  
84 -#barra-brasil {  
85 - box-shadow: 0px 0px 10px #DFDFDF inset;  
86 - z-index: 9999;  
87 - position: relative;  
88 - width: 100%;  
89 -}  
90 -  
91 -#barra-psocial {  
92 - position: relative;  
93 - width: 960px;  
94 - margin: auto;  
95 -}  
96 -#assets-menu {  
97 - background: #E8E8E8;  
98 - top: 35px;  
99 - left: 80px;  
100 - min-width: 132px;  
101 -}  
102 -#assets-menu a {  
103 - border: 1px solid #E8E8E8;  
104 -} 16 +/* Search Header */
105 17
106 #search-header { 18 #search-header {
107 position: relative; 19 position: relative;
@@ -115,20 +27,30 @@ body { @@ -115,20 +27,30 @@ body {
115 right: 20px; 27 right: 20px;
116 z-index: 5; 28 z-index: 5;
117 } 29 }
  30 +#search-header .search-field span.formfield {
  31 + float: left;
  32 + width: auto;
  33 + margin: 0px;
  34 +}
118 #search-header .search-field div { 35 #search-header .search-field div {
119 display: none; 36 display: none;
120 } 37 }
121 #search-header input.button.with-text { 38 #search-header input.button.with-text {
122 - width: 22px; 39 + position: absolute;
  40 + width: 25px;
  41 + margin-left: -35px;
123 text-indent: -1000px; 42 text-indent: -1000px;
124 float: right; 43 float: right;
125 height: 30px; 44 height: 30px;
126 max-height: 30px; 45 max-height: 30px;
127 - border: none; 46 + border: 0px;
  47 + background-image: url('./images/search-button.gif');
128 background-color: transparent; 48 background-color: transparent;
  49 + outline: none;
129 } 50 }
130 #search-header #q { 51 #search-header #q {
131 width: 170px; 52 width: 170px;
  53 + padding-right: -30px;
132 height: 25px; 54 height: 25px;
133 border-radius: 5px; 55 border-radius: 5px;
134 } 56 }
@@ -154,20 +76,20 @@ body { @@ -154,20 +76,20 @@ body {
154 } 76 }
155 77
156 #social-buttons #sb_face { 78 #social-buttons #sb_face {
157 -background-image: url(images/facebook.png);  
158 -background: none,url(images/facebook.svg); 79 +background-image: url(images-theme/facebook.png);
  80 +background: none,url(images-theme/facebook.svg);
159 background-size: 100% 100%; 81 background-size: 100% 100%;
160 } 82 }
161 83
162 #social-buttons #sb_tweet { 84 #social-buttons #sb_tweet {
163 -background-image: url(images/twitter.png);  
164 -background: none,url(images/twitter.svg); 85 +background-image: url(images-theme/twitter.png);
  86 +background: none,url(images-theme/twitter.svg);
165 background-size: 100% 100%; 87 background-size: 100% 100%;
166 } 88 }
167 89
168 #social-buttons #sb_feed { 90 #social-buttons #sb_feed {
169 -background-image: url(images/rss.png);  
170 -background: none,url(images/rss.svg); 91 +background-image: url(images-theme/rss.png);
  92 +background: none,url(images-theme/rss.svg);
171 background-size: 100% 100%; 93 background-size: 100% 100%;
172 } 94 }
173 95
@@ -225,126 +147,20 @@ div#article-parent { @@ -225,126 +147,20 @@ div#article-parent {
225 top: -30px; 147 top: -30px;
226 } 148 }
227 149
228 -/* Menu List left */  
229 -  
230 -#content .box-2 .block-title {  
231 - font-size: 12px;  
232 - text-align: left;  
233 - border-top: 4px solid #757575;  
234 - background: #eeefff;  
235 - border-bottom: none;  
236 - color: #757575;  
237 - padding: 8px 8px 24px 10px;  
238 - text-transform: uppercase;  
239 - margin: 0;  
240 -}  
241 -  
242 -#content .box-2 .link-list-block li a.link-this-page {  
243 - width: auto;  
244 - border-right: none;  
245 - font-weight: bold;  
246 - color: #436976 !important;  
247 - border-top: 2px solid #64946e !important;  
248 - border-bottom: 2px solid #64946e !important;  
249 - background-color: #eeefff;  
250 - border-radius: 0px;  
251 -}  
252 -  
253 -#content .box-2 .link-list-block li a {  
254 - font-size: 14px;  
255 - line-height: 1em;  
256 - color: #436976;  
257 - background-color: #FFF;  
258 - border-radius: none;  
259 - padding: 0.6em 1.5em;  
260 -}  
261 -  
262 -#content .box-2 .link-list-block li a:hover {  
263 - background-color: #FFF;  
264 - color: #000;  
265 -}  
266 -  
267 -#content .box-2 .link-list-block li {  
268 - border-bottom: 1px solid #ddd;  
269 - border-top: none;  
270 - padding: 0;  
271 - margin: 0;  
272 -}  
273 -  
274 -/* Blocks main style */  
275 -  
276 -#content .box-1 .block {  
277 - background: #eeefff;  
278 - width: 48%;  
279 - float: left;  
280 - margin-right: 10px;  
281 -}  
282 -  
283 -#content .box-1 .block-title {  
284 - background: #757575;  
285 - padding: 0.6em 1.5em;  
286 - color: #FFF;  
287 - text-transform: uppercase;  
288 - font-variant: normal;  
289 -}  
290 -  
291 -#content .box-1 .main-block {  
292 - background: #FFF;  
293 - width: 100%;  
294 - clear: both;  
295 -} 150 +/* Custom colors theme */
296 151
297 #content .box-1 .article-block { 152 #content .box-1 .article-block {
298 background: none; 153 background: none;
299 } 154 }
300 155
301 -/* Box styles */  
302 -.box-1 {  
303 - margin: 0 0 0 170px;  
304 -}  
305 -  
306 -.box-2 {  
307 - width: 160px;  
308 - margin-bottom: 40px;  
309 -}  
310 -  
311 -#content .box-3 .block {  
312 - width: 210px;  
313 - margin: 0px 0px 0px 30px;  
314 - float: left;  
315 -}  
316 -  
317 -/* Editorial Area */  
318 -  
319 -#content .box-1 .recent-content-block {  
320 - width: 250px;  
321 - display: block;  
322 - float: left;  
323 -}  
324 -  
325 -#content .box-1 a {  
326 - text-decoration: none;  
327 -}  
328 -  
329 #content .box-1 .recent-content-block h3 { 156 #content .box-1 .recent-content-block h3 {
330 background: #DFDFDF; 157 background: #DFDFDF;
331 text-decoration: none; 158 text-decoration: none;
332 - line-height: 30px;  
333 - height: 25px;  
334 border-top: 5px solid #545454; 159 border-top: 5px solid #545454;
335 - padding-left: 10px;  
336 - text-transform: uppercase;  
337 - font-weight: normal;  
338 - font-size: 20px;  
339 } 160 }
340 161
341 #content .box-1 .recent-content-block .block-footer-content a { 162 #content .box-1 .recent-content-block .block-footer-content a {
342 - position: relative;  
343 background-color: #DFDFDF; 163 background-color: #DFDFDF;
344 - width: auto;  
345 - display: block;  
346 - text-align: right;  
347 - padding: 5px 15px;  
348 } 164 }
349 165
350 #content .box-1 .recent-content-block ul { 166 #content .box-1 .recent-content-block ul {
@@ -359,32 +175,13 @@ div#article-parent { @@ -359,32 +175,13 @@ div#article-parent {
359 175
360 #content #article-header h1 { 176 #content #article-header h1 {
361 color: #2C67CD; 177 color: #2C67CD;
362 - font-weight: normal;  
363 - margin-bottom: 3px !important;  
364 - text-transform: uppercase;  
365 - font-size: 1.3em;  
366 } 178 }
367 179
368 -/* Blog posts */  
369 -  
370 .blog-post { 180 .blog-post {
371 background: none !important; 181 background: none !important;
372 - margin: 0px;  
373 -}  
374 -  
375 -#content .blog-posts { margin: 0px; }  
376 -  
377 -#content .blog-post {  
378 - padding: 0px;  
379 -}  
380 -  
381 -#content .blog-post .title {  
382 - text-align: left;  
383 - border: 0px;  
384 } 182 }
385 183
386 #content .blog-post .read-more a { 184 #content .blog-post .read-more a {
387 - padding: 4px;  
388 border: 1px solid #DFDFDF; 185 border: 1px solid #DFDFDF;
389 background: #F5FAF5; 186 background: #F5FAF5;
390 } 187 }
@@ -425,23 +222,9 @@ div#article-parent { @@ -425,23 +222,9 @@ div#article-parent {
425 222
426 #content .my-network-block .block-title { 223 #content .my-network-block .block-title {
427 background: #757575; 224 background: #757575;
428 - padding: 0.6em 1.5em;  
429 color: #FFF; 225 color: #FFF;
430 } 226 }
431 227
432 -#content .my-network-block ul {  
433 - padding: 10px 0px 10px 20px;  
434 -}  
435 -  
436 -#content .my-network-block .my-network-actions a.button {  
437 - width: 100px;  
438 - display: block;  
439 - line-height: 1.2em;  
440 - margin-bottom: 5px;  
441 - height: auto;  
442 - min-height: 20px;  
443 -}  
444 -  
445 /* Hidden Actions MyNetwork */ 228 /* Hidden Actions MyNetwork */
446 229
447 #content .box-2 .my-network-block .my-network-actions a.report-abuse-action, 230 #content .box-2 .my-network-block .my-network-actions a.report-abuse-action,
@@ -449,97 +232,34 @@ div#article-parent { @@ -449,97 +232,34 @@ div#article-parent {
449 display: none; 232 display: none;
450 } 233 }
451 234
452 -/* Blocks profiles and enterprises */  
453 -.recent-documents-block ul {  
454 - padding: 0px 0px 0px 30px;  
455 -}  
456 -  
457 -.related-organizations-block ul {  
458 - padding: 0px;  
459 -}  
460 -  
461 -/* .box-1 .menu-submenu {  
462 - * bottom: 80px;  
463 - * right: -40px;  
464 - * }  
465 -*/  
466 -  
467 .box-1 .common-profile-list-block .vcard { 235 .box-1 .common-profile-list-block .vcard {
468 border-radius: 0px; 236 border-radius: 0px;
469 -moz-border-radius: 0px; 237 -moz-border-radius: 0px;
470 } 238 }
471 239
472 -.box-1 .common-profile-list-block .profile_link {  
473 - width: 65px;  
474 - height: 80px;  
475 -}  
476 -  
477 -.box-1 .common-profile-list-block span {  
478 - width: auto;  
479 -}  
480 -  
481 -.box-1 .common-profile-list-block .profile-image {  
482 - display: block;  
483 - height: auto;  
484 - width: auto;  
485 - text-align: center;  
486 - margin: 0px;  
487 - padding: 0px;  
488 - padding-bottom: 5px;  
489 -}  
490 -  
491 -.box-1 .common-profile-list-block {  
492 - margin-left: 15px;  
493 -}  
494 -  
495 .box-1 .block-footer-content { 240 .box-1 .block-footer-content {
496 - clear: both;  
497 - text-align: right;  
498 - font-size: 11px;  
499 color: #000; 241 color: #000;
500 - position: relative;  
501 - padding: 5px;  
502 background: #DFDFDF; 242 background: #DFDFDF;
503 border-top: 3px solid #545454; 243 border-top: 3px solid #545454;
504 } 244 }
505 245
506 -#content .box-1 .block-footer-content a {  
507 - position: relative;  
508 -}  
509 -  
510 -#content .box-1 .display-content-block {  
511 - width: 250px;  
512 -}  
513 -  
514 -/* Menu List footer */  
515 -  
516 #content .box-3 .block-title { 246 #content .box-3 .block-title {
517 - font-size: 12px;  
518 - text-align: left;  
519 border-top: none; 247 border-top: none;
520 background: #FFF; 248 background: #FFF;
521 border-bottom: none; 249 border-bottom: none;
522 color: #757575; 250 color: #757575;
523 - padding: 5px;  
524 text-transform: uppercase; 251 text-transform: uppercase;
525 - margin: 0;  
526 } 252 }
527 253
528 #content .box-3 .link-list-block li a.link-this-page { 254 #content .box-3 .link-list-block li a.link-this-page {
529 - width: auto;  
530 - border-right: none;  
531 - font-weight: bold;  
532 background-color: #eeefff; 255 background-color: #eeefff;
533 border-radius: 0px; 256 border-radius: 0px;
534 } 257 }
535 258
536 #content .box-3 .link-list-block li a { 259 #content .box-3 .link-list-block li a {
537 - font-size: 14px;  
538 - line-height: 1em;  
539 color: #545454; 260 color: #545454;
540 background-color: #FFF; 261 background-color: #FFF;
541 border-radius: none; 262 border-radius: none;
542 - padding: 0.6em 1.5em;  
543 } 263 }
544 264
545 #content .box-3 .link-list-block li a:hover { 265 #content .box-3 .link-list-block li a:hover {
@@ -550,8 +270,6 @@ div#article-parent { @@ -550,8 +270,6 @@ div#article-parent {
550 #content .box-3 .link-list-block li { 270 #content .box-3 .link-list-block li {
551 border-bottom: none; 271 border-bottom: none;
552 border-top: none; 272 border-top: none;
553 - padding: 0;  
554 - margin: 0;  
555 } 273 }
556 274
557 /* Agenda Style */ 275 /* Agenda Style */
@@ -561,14 +279,11 @@ div#article-parent { @@ -561,14 +279,11 @@ div#article-parent {
561 color: #757575; 279 color: #757575;
562 text-transform: uppercase; 280 text-transform: uppercase;
563 background: #eeefff; 281 background: #eeefff;
564 - line-height: 2em;  
565 - font-size: 1.2em !important;  
566 border-top: 4px solid #757575; 282 border-top: 4px solid #757575;
567 } 283 }
568 284
569 #agenda-items td { 285 #agenda-items td {
570 border-top: 1px solid #bbb; 286 border-top: 1px solid #bbb;
571 - padding: 5px;  
572 transition: 0.3s; 287 transition: 0.3s;
573 } 288 }
574 289
@@ -585,39 +300,19 @@ div#article-parent { @@ -585,39 +300,19 @@ div#article-parent {
585 } 300 }
586 301
587 #agenda .event-date { 302 #agenda .event-date {
588 - font-size: 12px;  
589 - margin-top: -5px;  
590 - margin-right: -5px;  
591 - width: auto;  
592 - padding-right: 5px;  
593 - padding-left: 5px;  
594 background: #bbb; 303 background: #bbb;
595 text-align: center; 304 text-align: center;
596 - float: right;  
597 color: #fff; 305 color: #fff;
598 font-weight: bold; 306 font-weight: bold;
599 } 307 }
600 308
601 #agenda .event-place { 309 #agenda .event-place {
602 - font-size: 11px;  
603 - margin-top: 5px;  
604 text-overflow: ellipsis; 310 text-overflow: ellipsis;
605 - height: 25px;  
606 - overflow: hidden;  
607 color: #444; 311 color: #444;
608 - margin-left: 5px;  
609 -}  
610 -  
611 -#agenda .event-title {  
612 - font-size: 1.2em;  
613 - max-height: 47px;  
614 - overflow: hidden;  
615 - width: 100%;  
616 } 312 }
617 313
618 #agenda .agenda-calendar .calendar-day a { 314 #agenda .agenda-calendar .calendar-day a {
619 background: #eeefff; 315 background: #eeefff;
620 - padding: 7px;  
621 border-radius: 25px; 316 border-radius: 25px;
622 } 317 }
623 318
@@ -636,37 +331,17 @@ div#article-parent { @@ -636,37 +331,17 @@ div#article-parent {
636 331
637 #agenda .agenda-calendar caption a.icon-next { 332 #agenda .agenda-calendar caption a.icon-next {
638 background-position: right; 333 background-position: right;
639 - text-align: left;  
640 - padding-left: 2px;  
641 - padding-right: 20px;  
642 -}  
643 -  
644 -#agenda #events-of-the-day,  
645 -#agenda .agenda-calendar {  
646 - float: left;  
647 - left: auto;  
648 -}  
649 -  
650 -#agenda #events-of-the-day {  
651 - position: relative;  
652 -}  
653 -  
654 -#agenda #events-of-the-day #agenda-items {  
655 - overflow: auto;  
656 - overflow-x: auto;  
657 - height: auto;  
658 - max-height: 650px;  
659 } 334 }
660 335
661 #box-organizer .block-target { clear: both; } 336 #box-organizer .block-target { clear: both; }
662 337
663 -/* Custom Icons */ 338 +/* Custom Icons - SECOM theme */
664 339
665 .box-2 .link-list-block ul li .icon-ok, 340 .box-2 .link-list-block ul li .icon-ok,
666 .box-2 .link-list-block ul li .icon-eyes, 341 .box-2 .link-list-block ul li .icon-eyes,
667 .box-2 .link-list-block ul li .icon-edit, 342 .box-2 .link-list-block ul li .icon-edit,
668 .box-2 .link-list-block ul li .icon-photos { 343 .box-2 .link-list-block ul li .icon-photos {
669 - background-image: url('images/media-icons.png'); 344 + background-image: url('images-theme/media-icons.png');
670 background-position: 0px -325px !important; 345 background-position: 0px -325px !important;
671 height: 27px; 346 height: 27px;
672 padding: 13px 0px 0px 45px !important; 347 padding: 13px 0px 0px 45px !important;
@@ -684,7 +359,6 @@ div#article-parent { @@ -684,7 +359,6 @@ div#article-parent {
684 background-position: 0px -245px !important; 359 background-position: 0px -245px !important;
685 } 360 }
686 361
687 -  
688 /* Form syles */ 362 /* Form syles */
689 363
690 .formfield input, .formfield textarea { 364 .formfield input, .formfield textarea {
@@ -727,99 +401,12 @@ div#article-parent { @@ -727,99 +401,12 @@ div#article-parent {
727 401
728 /* Form style end */ 402 /* Form style end */
729 403
730 -/* Footer */  
731 -  
732 -#theme-footer {  
733 - width: 100%;  
734 -}  
735 -  
736 -#footer-logos {  
737 - background: #00420C;  
738 - max-width: 100%;  
739 - padding: 2em 0;  
740 - height: 49px;  
741 -}  
742 -  
743 -#footer-logos div,  
744 -#footer-license {  
745 - max-width: 960px;  
746 - font-size: 10px;  
747 - margin: 0 auto;  
748 -}  
749 -  
750 -#footer-logos a {  
751 - display: block;  
752 - height: 49px;  
753 - float: left;  
754 -}  
755 -  
756 -#footer-logos span {  
757 - display: none;  
758 -}  
759 -  
760 -#footer-logos .logo-acesso {  
761 - background: transparent url(images/acesso-a-informacao.png) center center no-repeat;  
762 - width: 107px;  
763 -}  
764 -  
765 -#footer-logos .logo-brasil {  
766 - background: transparent url(images/brasil.png) center center no-repeat;  
767 - width: 120px;  
768 -}  
769 -  
770 -#footer-logos .logo-sgpr {  
771 - background: transparent url(images/sgpr.png) center center no-repeat;  
772 - width: 120px;  
773 - margin-right: 30px;  
774 -}  
775 -  
776 -#footer-logos .institucionais {  
777 - float: right;  
778 -}  
779 -  
780 -#footer-license {  
781 - text-align: left;  
782 - padding: 10px;  
783 -}  
784 -  
785 -  
786 -.author,  
787 -.header-content { display: none; }  
788 -  
789 -.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 - 404 +/* Others FIX */
800 405
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 -} 406 +.author { display: none; }
820 407
821 .action-home-index #content .track-card-list-block{ 408 .action-home-index #content .track-card-list-block{
822 - background: url("images/bg-pessoas.jpg") no-repeat center top transparent; 409 + background: url("images-theme/bg-pessoas.jpg") no-repeat center top transparent;
823 padding: 2em 0 0; 410 padding: 2em 0 0;
824 } 411 }
825 412
@@ -828,455 +415,6 @@ overflow: auto; @@ -828,455 +415,6 @@ overflow: auto;
828 margin-top: -5px; 415 margin-top: -5px;
829 } 416 }
830 417
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%; 418 +#box-organizer .block {
  419 +outline: 1px dotted #DFDFDF;
1083 } 420 }
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; }  
1282 -