Commit dec7f8780b9f5e8c8604df8501746b26fe67c071

Authored by Valessio Brito
1 parent 85cde999

Initial release refactoration

README.md
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 6 Install on /public/designs/themes/conference
... ...
footer.rhtml
... ... @@ -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 @@
  1 +../participa-theme/footer.rhtml
0 2 \ No newline at end of file
... ...
header.rhtml
1 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 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 92 </div>
23 93  
24 94 <div id="search-header">
25   - <%= render :partial => 'shared/profile_search_form' %>
  95 + <%= render :partial => 'shared/profile_search_form' %>
26 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   -<?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   -<?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   -<?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   -<?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   -<%= link_to(image_tag("/designs/themes/conference/images/thin-logo.png"), environment.top_url) %>
site_title.rhtml 0 → 120000
... ... @@ -0,0 +1 @@
  1 +../participa-theme/site_title.rhtml
0 2 \ No newline at end of file
... ...
style.css
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 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 18 #search-header {
107 19 position: relative;
... ... @@ -115,20 +27,30 @@ body {
115 27 right: 20px;
116 28 z-index: 5;
117 29 }
  30 +#search-header .search-field span.formfield {
  31 + float: left;
  32 + width: auto;
  33 + margin: 0px;
  34 +}
118 35 #search-header .search-field div {
119 36 display: none;
120 37 }
121 38 #search-header input.button.with-text {
122   - width: 22px;
  39 + position: absolute;
  40 + width: 25px;
  41 + margin-left: -35px;
123 42 text-indent: -1000px;
124 43 float: right;
125 44 height: 30px;
126 45 max-height: 30px;
127   - border: none;
  46 + border: 0px;
  47 + background-image: url('./images/search-button.gif');
128 48 background-color: transparent;
  49 + outline: none;
129 50 }
130 51 #search-header #q {
131 52 width: 170px;
  53 + padding-right: -30px;
132 54 height: 25px;
133 55 border-radius: 5px;
134 56 }
... ... @@ -154,20 +76,20 @@ body {
154 76 }
155 77  
156 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 81 background-size: 100% 100%;
160 82 }
161 83  
162 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 87 background-size: 100% 100%;
166 88 }
167 89  
168 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 93 background-size: 100% 100%;
172 94 }
173 95  
... ... @@ -225,126 +147,20 @@ div#article-parent {
225 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 152 #content .box-1 .article-block {
298 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 156 #content .box-1 .recent-content-block h3 {
330 157 background: #DFDFDF;
331 158 text-decoration: none;
332   - line-height: 30px;
333   - height: 25px;
334 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 162 #content .box-1 .recent-content-block .block-footer-content a {
342   - position: relative;
343 163 background-color: #DFDFDF;
344   - width: auto;
345   - display: block;
346   - text-align: right;
347   - padding: 5px 15px;
348 164 }
349 165  
350 166 #content .box-1 .recent-content-block ul {
... ... @@ -359,32 +175,13 @@ div#article-parent {
359 175  
360 176 #content #article-header h1 {
361 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 180 .blog-post {
371 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 184 #content .blog-post .read-more a {
387   - padding: 4px;
388 185 border: 1px solid #DFDFDF;
389 186 background: #F5FAF5;
390 187 }
... ... @@ -425,23 +222,9 @@ div#article-parent {
425 222  
426 223 #content .my-network-block .block-title {
427 224 background: #757575;
428   - padding: 0.6em 1.5em;
429 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 228 /* Hidden Actions MyNetwork */
446 229  
447 230 #content .box-2 .my-network-block .my-network-actions a.report-abuse-action,
... ... @@ -449,97 +232,34 @@ div#article-parent {
449 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 235 .box-1 .common-profile-list-block .vcard {
468 236 border-radius: 0px;
469 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 240 .box-1 .block-footer-content {
496   - clear: both;
497   - text-align: right;
498   - font-size: 11px;
499 241 color: #000;
500   - position: relative;
501   - padding: 5px;
502 242 background: #DFDFDF;
503 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 246 #content .box-3 .block-title {
517   - font-size: 12px;
518   - text-align: left;
519 247 border-top: none;
520 248 background: #FFF;
521 249 border-bottom: none;
522 250 color: #757575;
523   - padding: 5px;
524 251 text-transform: uppercase;
525   - margin: 0;
526 252 }
527 253  
528 254 #content .box-3 .link-list-block li a.link-this-page {
529   - width: auto;
530   - border-right: none;
531   - font-weight: bold;
532 255 background-color: #eeefff;
533 256 border-radius: 0px;
534 257 }
535 258  
536 259 #content .box-3 .link-list-block li a {
537   - font-size: 14px;
538   - line-height: 1em;
539 260 color: #545454;
540 261 background-color: #FFF;
541 262 border-radius: none;
542   - padding: 0.6em 1.5em;
543 263 }
544 264  
545 265 #content .box-3 .link-list-block li a:hover {
... ... @@ -550,8 +270,6 @@ div#article-parent {
550 270 #content .box-3 .link-list-block li {
551 271 border-bottom: none;
552 272 border-top: none;
553   - padding: 0;
554   - margin: 0;
555 273 }
556 274  
557 275 /* Agenda Style */
... ... @@ -561,14 +279,11 @@ div#article-parent {
561 279 color: #757575;
562 280 text-transform: uppercase;
563 281 background: #eeefff;
564   - line-height: 2em;
565   - font-size: 1.2em !important;
566 282 border-top: 4px solid #757575;
567 283 }
568 284  
569 285 #agenda-items td {
570 286 border-top: 1px solid #bbb;
571   - padding: 5px;
572 287 transition: 0.3s;
573 288 }
574 289  
... ... @@ -585,39 +300,19 @@ div#article-parent {
585 300 }
586 301  
587 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 303 background: #bbb;
595 304 text-align: center;
596   - float: right;
597 305 color: #fff;
598 306 font-weight: bold;
599 307 }
600 308  
601 309 #agenda .event-place {
602   - font-size: 11px;
603   - margin-top: 5px;
604 310 text-overflow: ellipsis;
605   - height: 25px;
606   - overflow: hidden;
607 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 314 #agenda .agenda-calendar .calendar-day a {
619 315 background: #eeefff;
620   - padding: 7px;
621 316 border-radius: 25px;
622 317 }
623 318  
... ... @@ -636,37 +331,17 @@ div#article-parent {
636 331  
637 332 #agenda .agenda-calendar caption a.icon-next {
638 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 336 #box-organizer .block-target { clear: both; }
662 337  
663   -/* Custom Icons */
  338 +/* Custom Icons - SECOM theme */
664 339  
665 340 .box-2 .link-list-block ul li .icon-ok,
666 341 .box-2 .link-list-block ul li .icon-eyes,
667 342 .box-2 .link-list-block ul li .icon-edit,
668 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 345 background-position: 0px -325px !important;
671 346 height: 27px;
672 347 padding: 13px 0px 0px 45px !important;
... ... @@ -684,7 +359,6 @@ div#article-parent {
684 359 background-position: 0px -245px !important;
685 360 }
686 361  
687   -
688 362 /* Form syles */
689 363  
690 364 .formfield input, .formfield textarea {
... ... @@ -727,99 +401,12 @@ div#article-parent {
727 401  
728 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 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 410 padding: 2em 0 0;
824 411 }
825 412  
... ... @@ -828,455 +415,6 @@ overflow: auto;
828 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   -
... ...