Commit dec7f8780b9f5e8c8604df8501746b26fe67c071
1 parent
85cde999
Exists in
master
and in
2 other branches
Initial release refactoration
Showing
20 changed files
with
131 additions
and
1044 deletions
Show diff stats
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 | 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> |
header.rhtml
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) %> |
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 | 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 | - |