Download as
Browse Code »

Commit adeb1aed5cdf196477db14d496d26aae06fae3ef

Authored by Melissa Wen
2 parents 099ecd79 18473222
Exists in stable

Merge branch 'master' of portal.softwarepublico.gov.br:softwarepublico/noosfero-… 

…spb-theme into stable

Conflicts:
	cabecalho-cinza-theme.css
Showing 24 changed files with 1237 additions and 278 deletions   Show diff stats
cabecalho-cinza-theme.css
  Diff comments   View file @adeb1ae
... ... @@ -22,29 +22,27 @@ tr:hover td {
22 22 color: #fff;
23 23 }
24 24  
25   -#theme-header{}
26   -
27   -#header {
28   - padding: 15px 0 0 0; /*13px 0 0 0;*/
  25 +#theme-header #header {
  26 + padding: 15px 0 0 0; /*13px 0 0 0;*/
29 27 color: #000;
30 28 background-color:#f0f2f1; /*rgb(236,237,241);*/
31 29 background-color:#ecedf1;
32 30 background-image: -webkit-radial-gradient(center, ellipse cover, #f0f2f1 1%, #ecedf1 100%)
33 31 }
34 32  
35   -#header>div {
  33 +#theme-header #header>div {
36 34 max-width: 960px;
37 35 min-width: 960px;
38 36 margin: 0 auto;
39 37 }
40 38  
41   -.header-content * {
  39 +#theme-header .header-content * {
42 40 margin: 0;
43 41 padding: 0;
44 42 list-style: none;
45 43 vertical-align: baseline;
46 44 }
47   -.header-content li { display: inline; }
  45 +#theme-header .header-content li { display: inline; }
48 46  
49 47 #brasilgov {
50 48 background: #00510f;
... ... @@ -53,7 +51,7 @@ tr:hover td {
53 51 color: #03316f;
54 52 }
55 53  
56   -#accessibility {
  54 +#theme-header #accessibility {
57 55 display: block !important;
58 56 float: left;
59 57 font-family: arial;
... ... @@ -61,15 +59,15 @@ tr:hover td {
61 59 width: 50%;
62 60 }
63 61  
64   -#accessibility a {
  62 +#theme-header #accessibility a {
65 63 /*color:# ;rgb(96,96,96);*//*#FFF; */
66 64 margin-right: 8px;
67 65 }
68   -#accessibility a:hover {
  66 +#theme-header #accessibility a:hover {
69 67 /*color:/*#969696;*/ /*#d0d9ff;*/
70 68 }
71 69  
72   -#accessibility span {
  70 +#theme-header #accessibility span {
73 71 background: none repeat scroll 0 0 #2c66ce; /*rgb(96,96,96);*/
74 72 color: #FFFFFF;
75 73 padding: 0 3px;
... ... @@ -87,28 +85,28 @@ background-repeat: no-repeat;
87 85 }*/
88 86  
89 87 /* logo */
90   -#logo {
  88 +#theme-header #logo {
91 89 padding: 0;
92 90 float: left;
93 91 width: 50%; /*70%;*/
94 92 }
95 93  
96   -#logo span {
  94 +#theme-header #logo span {
97 95 display: block;
98 96 }
99 97  
100   -#logo a {
  98 +#theme-header #logo a {
101 99 display: block;
102 100 width: 100%;
103 101 color: #03316f !important;
104 102 margin: 1em 0px;
105 103 }
106 104  
107   -#logo a, #logo #portal-title {
  105 +#theme-header #logo a, #theme-header #logo #portal-title {
108 106 color: #03316f;
109 107 }
110 108  
111   -#logo #portal-title {
  109 +#theme-header #logo #portal-title {
112 110 background-image: url("images/logotipo_spb_beta.svg");
113 111 background-repeat: no-repeat;
114 112 background-size: 370px; /*374px 56px;*/
... ... @@ -124,19 +122,19 @@ background-repeat: no-repeat;
124 122 letter-spacing: -0.05em;*/
125 123 }
126 124  
127   -#logo .luongo {
  125 +#theme-header #logo .luongo {
128 126 font-size: 3em !important;
129 127 line-height: 1.1em;
130 128 margin-bottom: 0.2em;
131 129 }
132 130  
133   -#logo #portal-description {
  131 +#theme-header #logo #portal-description {
134 132 font-size: 1.2em;
135 133 text-transform: uppercase;
136 134 }
137 135  
138 136 /* Site Actions */
139   -#portal-siteactions {
  137 +#theme-header #portal-siteactions {
140 138 display: block;
141 139 float: right;
142 140 clear: left;
... ... @@ -146,7 +144,7 @@ background-repeat: no-repeat;
146 144 text-align: center;
147 145 }
148 146  
149   -#portal-siteactions a {
  147 +#theme-header #portal-siteactions a {
150 148 color:#2c66ce; /*rgb(96,96,96);*/ /*#FFF;*/
151 149 text-decoration: none;
152 150 padding: 4px 0 4px 10px;
... ... @@ -154,11 +152,11 @@ background-repeat: no-repeat;
154 152 font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
155 153 }
156 154  
157   -#portal-siteactions a:hover {
  155 +#theme-header #portal-siteactions a:hover {
158 156 color: #03316f;
159 157 }
160 158  
161   -#portal-siteactions li {
  159 +#theme-header #portal-siteactions li {
162 160 display: inline;
163 161 margin: 0 5px 0 0;
164 162 border-bottom: 1px dotted #2c66ce;; /*#d0d9ff;*/
... ... @@ -167,7 +165,7 @@ background-repeat: no-repeat;
167 165 #portal-siteactions li a:hover {
168 166 color: #969696; /*#d0d9ff;
169 167 }*/
170   -#portal-siteactions li a {
  168 +#theme-header #portal-siteactions li a {
171 169 padding: 4px 0px;
172 170 }
173 171  
... ... @@ -218,7 +216,7 @@ li#siteaction-mapadosite {
218 216 /* */
219 217  
220 218 /* Sobre o brasil */
221   -#sobre, #navbar {
  219 +#theme-header #sobre, #theme-header #navbar {
222 220 clear: both;
223 221 max-width: 100% !important;
224 222 margin: 0;
... ... @@ -227,38 +225,38 @@ li#siteaction-mapadosite {
227 225 padding: 5px 0;
228 226 }
229 227  
230   -#sobre,#navbar ul {
  228 +#theme-header #sobre, #theme-header #navbar ul {
231 229 max-width: 960px;
232 230 margin: 0px auto;
233 231 text-align: right;
234 232 padding:10px;
235 233 }
236 234  
237   -#sobre a {
  235 +#theme-header #sobre a {
238 236 color: #2c66ce; /*rgb(96,96,96);*/
239 237 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
240 238 }
241   -#navbar a{
  239 +#theme-header #navbar a{
242 240 color: rgb(96,96,96);
243 241 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
244 242 }
245 243  
246   -#sobre, #navbar .portalservicos-item a {
  244 +#theme-header #sobre, #theme-header #navbar .portalservicos-item a {
247 245 padding: 0 10px;
248 246 border-right: 1px solid #03316f;
249 247 }
250 248  
251   -#sobre, #navbar .last-item a {
  249 +#theme-header #sobre, #theme-header #navbar .last-item a {
252 250 padding: 0 0 0 10px;
253 251 border-right: none;
254 252 }
255 253  
256   -#navbar:hover{
  254 +#theme-header #navbar:houver{
257 255 color:#000000;
258 256  
259 257 }
260 258  
261   -#links-rapidos{
  259 +#theme-header #links-rapidos{
262 260 width: 960px;
263 261 margin: 0 auto;
264 262 color:#fff;
... ... @@ -273,11 +271,11 @@ li#siteaction-mapadosite {
273 271 border: none;
274 272 }
275 273  
276   -input.searchField {
  274 +#theme-header input.searchField {
277 275 -moz-appearance: none;
278 276 }
279 277  
280   -#portal-searchbox {
  278 +#theme-header #portal-searchbox {
281 279 clear: right;
282 280 float: right;
283 281 font-size: 80%;
... ... @@ -292,26 +290,26 @@ input.searchField {
292 290 padding: 2px;
293 291 }
294 292  
295   -#portal-searchbox .searchField {
  293 +#theme-header #portal-searchbox .searchField {
296 294 padding: 0.45em;
297 295 border-right: none;
298 296 border: none;
299 297 width: 171px; /*210px;170px;*/
300 298 }
301 299  
302   -#portal-searchbox form {
  300 +#theme-header #portal-searchbox form {
303 301 white-space: nowrap;
304 302 }
305 303  
306   -#portal-searchbox label {
  304 +#theme-header #portal-searchbox label {
307 305 font-weight: normal;
308 306 }
309 307  
310   -#searchGadget {
  308 +#theme-header #searchGadget {
311 309 width: 13em;
312 310 }
313 311  
314   -#header input.searchButton {
  312 +#theme-header #header input.searchButton {
315 313 padding: 0.3em;
316 314 background: transparent;
317 315 text-indent: -2000px;
... ... @@ -328,7 +326,7 @@ input.searchField {
328 326 -moz-appearance: searchfield;
329 327 }*/
330 328  
331   -#header input.searchButton {
  329 +#theme-header #header input.searchButton {
332 330 background-image: url("images/search-button.png");
333 331 background-position: 8px 2px;
334 332 background-repeat: no-repeat;
... ... @@ -342,7 +340,7 @@ input.searchField {
342 340  
343 341  
344 342 /* Search Button */
345   -#search-button a {
  343 +#theme-header #search-button a {
346 344 display: inline-block;
347 345 width: 29px;
348 346 height: 25px;
... ... @@ -350,16 +348,16 @@ input.searchField {
350 348 margin-top: 10px;
351 349 }
352 350  
353   -#search-button a:hover {
  351 +#theme-header #search-button a:hover {
354 352 opacity: 0.6;
355 353 }
356 354  
357   -#search-button #sb_search {
  355 +#theme-header #search-button #sb_search {
358 356 background-image: url(images/search.png);
359 357 background-size: 100% 100%;
360 358 }
361 359  
362   -#search-button span { display: none; }
  360 +#theme-header #search-button span { display: none; }
363 361  
364 362  
365 363 /* */
... ...
cadastro.css
  Diff comments   View file @adeb1ae
... ... @@ -687,16 +687,21 @@ body #content .main-block h1 {
687 687 }
688 688  
689 689 body #content .main-block form .button-bar input,
690   -body #content .main-block form .button-bar a.button{
  690 +body #content .main-block form .button-bar a.button,
  691 +body #content .main-content form .button-bar input,
  692 +body #content .main-content form .button-bar a.button {
691 693 background-image: none;
692 694 border: 0;
693 695 margin-right: 10px;
694 696 display: inline-block;
695   - width: 100px;
  697 + min-width: 100px;
  698 + padding-right: 5px;
  699 + padding-left: 5px;
696 700 text-align: center;
697 701 }
698 702  
699   -body #content .main-block form .icon-add{
  703 +body #content .main-block form .icon-add,
  704 +body #content .main-content form .icon-add {
700 705 background-image: none;
701 706 border: 0;
702 707 padding: 0 10px 0 20px;
... ... @@ -706,7 +711,8 @@ body #content .main-block form .icon-add{
706 711 position: relative;
707 712 }
708 713  
709   -body #content .main-block form .icon-add:before {
  714 +body #content .main-block form .icon-add:before,
  715 +body #content .main-content form .icon-add:before {
710 716 left: 6px;
711 717 vertical-align: middle;
712 718 font-size: 12px;
... ... @@ -717,6 +723,10 @@ body #content .main-block form .icon-add:before {
717 723 text-align: center;
718 724 }
719 725  
  726 +body #content form .button-bar .icon-delete {
  727 + float: none;
  728 +}
  729 +
720 730 .dynamic-table{
721 731 border: none;
722 732 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
... ... @@ -788,11 +798,13 @@ body #content .main-block form .icon-add:before {
788 798 }
789 799  
790 800  
791   -body #content .main-block form .button-bar .icon-back {
  801 +body #content .main-block form .button-bar .icon-back,
  802 +body #content .main-content form .button-bar .icon-back {
792 803 width: 150px !important;
793 804 }
794 805  
795   -#content .main-block form .button-bar input {
  806 +#content .main-block form .button-bar input,
  807 +#content .main-content form .button-bar input {
796 808 padding: 2px 0;
797 809 color: #FFF;
798 810 font-size: 15px;
... ... @@ -804,7 +816,8 @@ body #content .main-block form .button-bar input:hover {
804 816 background: #5E82C6;
805 817 }
806 818  
807   -body #content .main-block form .button-bar a.button {
  819 +body #content .main-block form .button-bar a.button,
  820 +body #content .main-content form .button-bar a.button {
808 821 padding: 1px 0 0 0;
809 822 height: 0;
810 823 line-height: normal;
... ... @@ -814,13 +827,15 @@ body #content .main-block form .button-bar a.button {
814 827 height: 29px;
815 828 }
816 829  
817   -body #content .main-block form .button-bar a.button:hover {
  830 +body #content .main-block form .button-bar a.button:hover,
  831 +body #content .main-content form .button-bar a.button:hover {
818 832 background: none;
819 833 border-color: #5E82C6;
820 834 color: #5E82C6;
821 835 }
822 836  
823   -body #content .main-block #delete-profile a {
  837 +body #content .main-block #delete-profile a,
  838 +body #content .main-content #delete-profile a {
824 839 border-color: #C0392B;
825 840 color: #C0392B;
826 841 }
... ...
html-cms/help-page.html 0 → 100644
  Diff comments   View file @adeb1ae
... ... @@ -0,0 +1,59 @@
  1 +<div class="article-header"><h1 class="help-page-title">Olá! Se estiver com dúvidas, temos várias maneiras para tentar te ajudar. Veja abaixo a nossa lista de opções: </h1></div>
  2 +<p>Escolha a que melhor lhe convier, mas lembre-se, caso ainda permaneça com dúvidas fique à vontade para entrar em contato conosco através do email <a href="mailto:admin@softwarepublico.gov.br">admin@softwarepublico.gov.br</a>.</p>
  3 +<ul class="help-list">
  4 +<li><a href="#faq">FAQ - Perguntas Frequentes</a></li>
  5 +<li><a href="#lista-discussao">Participe da nossa lista discussão de usuários</a></li>
  6 +</ul><h2>
  7 +<a name="faq"></a>FAQ - Perguntas Frequentes</h2>
  8 +<ul class="etapas-publicacao">
  9 +<li>
  10 +<strong>1</strong> <a href="/social/spb/como-faco-para-me-cadastrar-ao-portal-do-software-publico-brasileiro"> Como faço para me cadastrar ao Portal do Software Público Brasileiro?</a>
  11 +</li>
  12 +<li>
  13 +<strong>2</strong> <a href="/social/spb/como-posso-atribuir-outro-e-mail-ao-meu-perfil"> Como posso atribuir outro e-mail ao meu perfil?</a>
  14 +</li>
  15 +<li>
  16 +<strong>3</strong> <a href="/social/spb/qual-o-procedimento-para-associar-me-em-uma-comunidade"> Qual o procedimento para associar-me em uma comunidade de um software?</a>
  17 +</li>
  18 +<li>
  19 +<strong>4</strong> <a href="/social/spb/como-faco-para-associar-me-a-uma-lista-de-discussao"> Como faço para associar-me à uma lista de discussão de um software?</a>
  20 +</li>
  21 +<li>
  22 +<strong>5</strong> <a href="/social/spb/como-faco-para-participar-da-lista-de-discussao"> Como faço para participar da lista de discussão de um software?</a>
  23 +</li>
  24 +<li>
  25 +<strong>6</strong> <a href="/social/spb/quais-as-funcionalidades-do-ambiente-colaborativo"> Como faço para contribuir com o desenvolvimento de um software?</a>
  26 +</li>
  27 +<li>
  28 +<strong>7</strong> <a href="/social/spb/como-cadastrar-a-chave-ssh-para-utilizacao-do-ambiente-colaborativo"> Como cadastrar a chave SSH para utilização do ambiente colaborativo de desenvolvimento de código-fonte utilizando o Linux?</a>
  29 +</li>
  30 +<li>
  31 +<strong>8</strong> <a href="/social/spb/como-cadastrar-a-chave-ssh-para-a-utilizalao-do-ambiente-colaborativo-de-desenvolvimento-de-codigo-fonte-utilizando-o-windows">Como cadastrar a chave SSH para a utilização do ambiente colaborativo de desenvolvimento de código-fonte utilizando o Windows?</a>
  32 +</li>
  33 +<li>
  34 +<strong>9</strong> <a href="/social/spb/como-faco-pra-utilizar-o-ambiente-colaborativo">Como faço pra utilizar o ambiente colaborativo de desenvolvimento de código-fonte?</a>
  35 +</li>
  36 +</ul><hr><h2>
  37 +<a name="lista-discussao"></a>Lista de discussão dos usuários do portal</h2>
  38 +<p><a class="ancor" href="#associar">Como se inscrever</a> <a class="ancor" href="#participar">Como participar</a></p>
  39 +<p><a name="associar"></a></p>
  40 +<hr><p>Para se inscrever na lista, siga os seguintes passos:</p>
  41 +<ul class="etapas-publicacao">
  42 +<li>
  43 +<strong>1</strong> Faça o login no Portal;</li>
  44 +<li>
  45 +<strong>2</strong> Acesse seu perfil;</li>
  46 +<li>
  47 +<strong>3</strong> Clique no botão "Inscrições Nos Grupos";</li>
  48 +<li>
  49 +<strong>4</strong> Selecione o grupo <em>"spb-usuarios"</em>;</li>
  50 +<li>
  51 +<strong>5</strong> Clique no botão "Atualizar inscrições".</li>
  52 +</ul><p>Pronto! Você já pode participar.</p>
  53 +<hr><p><a name="participar"></a>Para participar é fácil. Envie sua pergunta ou seu comentário para: <a href="mailto:spb-usuarios@listas.softwarepublico.gov.br">spb-usuarios@listas.softwarepublico.gov.br</a>. <br> Lembre-se de enviar suas mensagens do mesmo endereço de e-mail com que você se cadastrou no Portal.</p>
  54 +<p>Se você não quiser mais participar, siga os mesmos passos da inscrição mas desta vez <strong>desmarque</strong> o grupo "spb-usuarios" e atualize as inscrições.</p>
  55 +<!-- &lt;ul class="lista-ajuda">
  56 +&lt;li>&lt;a href="https://beta.softwarepublico.gov.br/social/spb/faq-perguntas-frequentes">FAQ - Perguntas Frequentes&lt;/a>&lt;/li>
  57 +&lt;li>&lt;a href="https://beta.softwarepublico.gov.br/social/spb/lista-de-usuarios-do-portal-do-software-publico-brasileiro">Participe da nossa lista discussão de usuários&lt;/a>&lt;/li>
  58 +&lt;/ul> -->
  59 +<p> </p>
0 60 \ No newline at end of file
... ...
html-cms/notifications_bar.html 0 → 100644
  Diff comments   View file @adeb1ae
... ... @@ -0,0 +1,57 @@
  1 +<html>
  2 +
  3 +<body>
  4 +<meta charset="UTF-8">
  5 +
  6 +
  7 +<head>
  8 +<title>Barra de avisos</title>
  9 +
  10 +<!--<style>
  11 +
  12 +.info-bar {
  13 + color: #8A6C39;
  14 + background: #FCF8E3;
  15 + border: 1px solid #FAEBCC;
  16 + padding: 15px;
  17 + margin-bottom: 20px;
  18 + border-radius: 4px;
  19 + font-family: arial, helvetica;
  20 + font-size: 14px;
  21 + line-height: 20px;
  22 +}
  23 +
  24 +.info-bar span {
  25 + text-transform: uppercase;
  26 + font-size: 13px;
  27 + font-weight: 600;
  28 +}
  29 +
  30 +.info-bar a {
  31 + text-decoration: none;
  32 + border-bottom: 1px dotted #8A6C39;
  33 + padding-bottom: 1px;
  34 + color: #8A6C39;
  35 +}
  36 +
  37 +.info-bar a:hover {
  38 + border-bottom: 0;
  39 +}
  40 +
  41 +</style>-->
  42 +
  43 +
  44 +</head>
  45 +
  46 +
  47 +<!-- Barra de notificações -->
  48 +<div class="info-bar" style="color: #8A6C39; background: #FCF8E3; border: 1px solid #FAEBCC; padding: 15px; margin-bottom: 20px; border-radius: 4px; font-family: arial, helvetica; font-size: 14px; line-height: 20px;">
  49 + <span style="text-transform: uppercase; font-size: 13px; font-weight: 600;">Versão anterior:</span>
  50 + Acesse a versão anterior do
  51 + <a href="http://www.softwarepublico.gov.br/paginicial" target="_blank" style="text-decoration: none; border-bottom: 1px dotted #8A6C39; padding-bottom: 1px; color: #8A6C39;"><strong>Portal do Software Púbico Brasileiro</strong></a>
  52 +</div>
  53 +
  54 +
  55 +</body>
  56 +
  57 +</html>
0 58 \ No newline at end of file
... ...
html-cms/sitemap.html 0 → 100644
  Diff comments   View file @adeb1ae
... ... @@ -0,0 +1,81 @@
  1 +<div id="sitemap">
  2 +<div id="first-half">
  3 +<ul>
  4 +<a href="https://portal.softwarepublico.gov.br">Home</a>
  5 +</ul>
  6 +<ul>
  7 +<a href="https://portal.softwarepublico.gov.br/social/search/communities">Comunidades</a>
  8 +</ul>
  9 +<ul>
  10 +<a href="https://portal.softwarepublico.gov.br/social/search/software_infos">Catálogo de Software</a>
  11 +</ul>
  12 +<ul>
  13 +<a href="https://portal.softwarepublico.gov.br/social/spb">SPB</a>
  14 +<li>
  15 +<a href="https://portal.softwarepublico.gov.br/social/spb/o-que-e-o-software-publico">Entenda</a>
  16 +</li>
  17 +<li>
  18 +<a href="https://portal.softwarepublico.gov.br/social/spb/inicie-um-projeto">Inicie um projeto</a>
  19 +</li>
  20 +<li>
  21 +<a href="https://portal.softwarepublico.gov.br/social/spb/publique-seu-software">Publique seu software</a>
  22 +</li>
  23 +<li>
  24 +<a href="https://portal.softwarepublico.gov.br/social/spb/sobre-o-portal">Sobre</a>
  25 +</li>
  26 +<li>
  27 +<a href="https://portal.softwarepublico.gov.br/social/spb/noticias">Notícias</a>
  28 +</li>
  29 +<li>
  30 +<a href="https://portal.softwarepublico.gov.br/social/spb/contato">Contato</a>
  31 +</li>
  32 +</ul>
  33 +<ul>
  34 +<a href="https://portal.softwarepublico.gov.br/gitlab">Code</a>
  35 +<li>
  36 +<a href="https://portal.softwarepublico.gov.br/gitlab/public/projects">Public Projects</a>
  37 +</li>
  38 +<li>
  39 +<a href="https://portal.softwarepublico.gov.br/gitlab/profile">Profile</a>
  40 +</li>
  41 +<li>
  42 +<a href="https://portal.softwarepublico.gov.br/gitlab/projects/new">New Project</a>
  43 +</li>
  44 +<li>
  45 +<a href="https://portal.softwarepublico.gov.br/gitlab/dashboard/projects">Projects</a>
  46 +</li>
  47 +<li>
  48 +<a href="https://portal.softwarepublico.gov.br/gitlab/profile/groups">Group</a>
  49 +</li>
  50 +<li>
  51 +<a href="https://portal.softwarepublico.gov.br/gitlab/dashboard/issues">Issues</a>
  52 +</li>
  53 +<li>
  54 +<a href="https://portal.softwarepublico.gov.br/gitlab/dashboard/merge_requests">Merge Requests</a>
  55 +</li>
  56 +</ul>
  57 +</div>
  58 +<div id="second-half">
  59 +<ul>
  60 +<a href="https://portal.softwarepublico.gov.br/archives/thread/">Groups</a>
  61 +</ul>
  62 +<ul>
  63 +<a href="https://portal.softwarepublico.gov.br/social/search">Social</a>
  64 +<li>
  65 +<a href="https://portal.softwarepublico.gov.br/social/search/people">Users</a>
  66 +</li>
  67 +<li>
  68 +<a href="https://portal.softwarepublico.gov.br/social/search/communities">Communities</a>
  69 +</li>
  70 +</ul>
  71 +<ul>
  72 +<a href="https://portal.softwarepublico.gov.br/social/search">Ajuda</a>
  73 +</ul>
  74 +<ul>
  75 +<a href="https://portal.softwarepublico.gov.br/social/search">Paste</a>
  76 +</ul>
  77 +<ul>
  78 +<a href="https://portal.softwarepublico.gov.br/social/search">Versão Anterior</a>
  79 +</ul>
  80 +</div>
  81 +</div>
0 82 \ No newline at end of file
... ...
images/arrow-globe-icon.png 0 → 100644
View file @adeb1ae

585 Bytes
images/balloon-icon.png 0 → 100644
View file @adeb1ae

424 Bytes
images/bottom-arrow-black.png 0 → 100644
View file @adeb1ae

341 Bytes
images/bottom-arrow.png 0 → 100644
View file @adeb1ae

265 Bytes
images/download-mini_icon.png 0 → 100644
View file @adeb1ae

345 Bytes
images/star-negative-big.png 0 → 100644
View file @adeb1ae

763 Bytes
images/star-negative-mini.png 0 → 100644
View file @adeb1ae

529 Bytes
images/star-negative.png 0 → 100644
View file @adeb1ae

642 Bytes
images/star-positive-big.png 0 → 100644
View file @adeb1ae

742 Bytes
images/star-positive-mini.png 0 → 100644
View file @adeb1ae

509 Bytes
images/star-positive.png 0 → 100644
View file @adeb1ae

637 Bytes
images/top-arrow-black.png 0 → 100644
View file @adeb1ae

318 Bytes
images/top-arrow.png 0 → 100644
View file @adeb1ae

850 Bytes
page-catalog-software.css
  Diff comments   View file @adeb1ae
1   - /*controller-search action-search-software_infos template-default webkit*/
  1 +/*controller-search action-search-software_infos template-default webkit*/
  2 +
  3 +.action-search-software_infos .org {
  4 + display:none !important;
  5 +}
  6 +
  7 +.action-search-software_infos .org {
  8 + display:none !important;
  9 +}
2 10  
3 11 #catalog-filter{
4 12 display: none;
5 13 }
6 14  
7   -.action-search-software_infos #content #main-content-wrapper-8 h1{
8   - border-top: 4px solid #3E67B1 !important;
9   - color: #2B65cd !important;
  15 +.action-search-software_infos .main-content {
  16 + border: none;
  17 + box-shadow: none;
  18 +}
  19 +
  20 +.action-search-software_infos input[type="checkbox"]{
  21 + vertical-align:sub;
  22 +}
  23 +
  24 +.action-search-software_infos #content {
  25 + padding:0px !important;
  26 + margin-top: 10px;
  27 +}
  28 +
  29 +.action-search-software_infos #content .main-content h2{
10 30 text-transform: uppercase;
11   - font-size: 16px !important;
12   - padding: 15px 0px 10px 15px;
13   - border-bottom:none !important;
14   - background-color:#eee;
15   - /*padding-left: 0.8em !important;*/
16   - /*margin-left: 0px;*/
  31 + font-family: "open_sansregular",Arial, Helvetica,sans-serif;
  32 + color: #ff0066;
  33 + font-size:16px;
  34 +}
  35 +
  36 +.action-search-software_infos #content .main-content h1{
  37 + padding:5px 0 10px 0;
  38 + font-family:Arial, Helvetica, sans-serif;
  39 + font-size: 35px !important;
  40 + font-variant: normal;
17 41 }
18 42  
19   -.action-search-software_infos #main-content-wrapper-8 .search-form{
20   - margin-top:-10px;
  43 +.action-search-software_infos .search-form {
21 44 background-color: #eee; /*#f1f1f1;*/
22 45 }
23 46  
24 47 .search-form{
25 48 background: #ecedf1;
26 49 border-radius: 4px;
  50 + border:1px solid #d7d7d7;
  51 + padding: 0;
  52 + margin-top:28px;
  53 +}
  54 +
  55 +.action-search-software_infos #software-search-container .search-form h3{
  56 + padding:16px 0 10px 14px;
  57 + font-family:"open_sansregular", Arial, Helvetica, sans-serif;
  58 + margin:0;
  59 + font-weight:bold;
  60 + font-size: 15px;
  61 +}
  62 +
  63 +.search-form #search-subheader{
  64 + padding-left: 14px;
  65 +}
  66 +
  67 +.search-form #search-header #search-filters{
  68 + float: left !important;
  69 + padding-left: 14px;
  70 +}
  71 +
  72 +.search-form{
  73 + background: #ecedf1;
  74 + border-radius: 4px;
27 75 }
28 76  
29 77 .search-form #search-subheader{
30 78 padding-left: 14px;
31 79 }
  80 +
32 81 .search-form #search-header #search-filters{
33 82 float: left !important;
34 83 padding-left: 14px;
... ... @@ -42,11 +91,14 @@
42 91 border-bottom: 1px solid #ccc !important;
43 92 }
44 93  
45   -#search-input {
  94 +.action-search-software_infos #search-input {
  95 + width:96%;
46 96 font-size:110%;
47   - margin: 0px 0px 15px 15px;
  97 + margin: 4px 0px 0px 13px;
48 98 border-radius: 4px;
49   - padding: 0.55em;
  99 + padding: 6px;
  100 + font-size: 14px;
  101 + border: 1px solid #d7d7d7;
50 102 }
51 103  
52 104 #search-input.blur {
... ... @@ -58,20 +110,14 @@
58 110 padding:0.55em;
59 111 }
60 112  
61   -.controller-search .search-field .formfield {
62   - width: 80%;
63   -}
64   -
65 113 .controller-search #content form input.button.submit {
66 114 height: 30px;
67 115 max-height: 30px;
68   - width: 104px;
69   - margin-bottom: 22px;
70   - margin-left: 32px;
  116 + width: auto;
  117 + padding: 0 14px 0 14px;
  118 + margin: 14px;
71 119 text-transform: uppercase;
72   - font-weight: bold;
73   - /*border: 1px solid #4562b1;*/
74   - /*padding:0px;*/
  120 + font-family:"open_sansbold",Arial,sans-serif;
75 121 color:#ffffff;
76 122 background-color:#4562b1;
77 123 }
... ... @@ -81,8 +127,8 @@
81 127 color:#172738;
82 128 font-size:20px;
83 129 padding:5px;
84   -
85 130 }
  131 +
86 132 .action-search-software_infos #content input.button{
87 133 background-color:#2B65cd;
88 134 border: 1px solid #2B65cd;
... ... @@ -92,24 +138,120 @@
92 138 padding:0px;
93 139 }
94 140  
95   -.action-search-software_infos .icon-search{
96   - background-image:none !important;
  141 +.action-search-software_infos #filter-option-catalog-software:hover {
  142 + background-color: #c7c7c7;
  143 +}
  144 +
  145 +.action-search-software_infos #filter-option-catalog-software {
  146 + border:none;
  147 + font-size: 11px;
  148 + padding: 14px;
  149 + background-color: #d7d7d7;
  150 +}
  151 +
  152 +.action-search-software_infos #filter-option-catalog-software:after {
  153 + margin-left:5px;
  154 + background:url("/designs/themes/noosfero-spb-theme/images/bottom-arrow.png") no-repeat center;
  155 + background-color:#4562b1;
  156 + padding: 3px 10.5px;
  157 + border-radius: 4px;
  158 + content: "";
  159 +}
  160 +
  161 +.action-search-software_infos #cleanup-filter-catalg {
  162 + background-color:#4562b1;
  163 + font-size: 14px;
  164 + font-family:Arial;
  165 + cursor:pointer;
  166 +}
97 167  
  168 +.action-search-software_infos #close-filter-catalog {
  169 + cursor:pointer;
  170 +}
  171 +
  172 +.action-search-software_infos #close-filter-catalog:after {
  173 + margin-left:5px;
  174 + background:url("/designs/themes/noosfero-spb-theme/images/top-arrow.png") no-repeat center;
  175 + background-color:#4562b1;
  176 + padding: 2.5px 10.5px;
  177 + border-radius: 4px;
  178 + content: "";
  179 +}
  180 +
  181 +.action-search-software_infos #catalog-display-options {
  182 + font-size:14px;
  183 + font-family:Arial;
  184 +}
  185 +
  186 +.action-search-software_infos #catalog-display-options #catalog-display-options-count{
  187 + padding: 45px 0 4px 0;
  188 +}
  189 +
  190 +.action-search-software_infos #catalog-display-options #catalog-display-options-show-and-sort{
  191 + padding: 38px 0 5px 0;
  192 + font-weight:bold;
  193 +}
  194 +
  195 +.action-search-software_infos #filter-catalog-software {
  196 + background-color: #d7d7d7;
  197 +}
  198 +
  199 +.action-search-software_infos #filter-catalog-software #filter-categories-option {
  200 + border:none;
  201 +}
  202 +
  203 +.action-search-software_infos #group-categories #group-catalog-01 {
  204 + float: left;
  205 + width: 50%;
  206 +}
  207 +
  208 +.action-search-software_infos #filter-catalog-software #filter-categories-catalog h4 {
  209 + color: black;
  210 + margin: 5px 0 10px 5px;
  211 + background: transparent;
  212 +}
  213 +
  214 +.project-software{
  215 + font-weight:bold;
  216 + font-size:15px;
  217 + font-family:Arial;
  218 + margin: 0 0 30px;
  219 + border-top: 1px dotted;
  220 + border-bottom: 1px dotted;
  221 +}
  222 +
  223 +.action-search-software_infos #group-categories label {
  224 + font-family:Arial;
  225 + font-size: 14px;
  226 +}
  227 +
  228 +.action-search-software_infos #group-categories label span {
  229 + font-family:Arial;
  230 + font-size: 14px;
  231 +}
  232 +
  233 +.project-software span {
  234 + border-radius: 50%;
  235 + font-size: 16px;
  236 + padding: 2px 6px;
  237 + background:#fff;
  238 + color: #3867b7;
  239 +}
  240 +
  241 +.action-search-software_infos #search-results {
  242 + border-top: 1px solid #d7d7d7;
98 243 }
99   -/*
100   -.search-enterprise-item {
101   - border-bottom: 1px solid #eee;
102   -}*/
103 244  
104 245 .controller-search .action-search-software_infos .search-field .formfield {
105   - width: 80%;
  246 + width: 100%;
  247 + margin: 0;
  248 + padding: 0;
106 249 }
107 250  
108   -.action-search-software_infos .only-one-result-box .search-enterprise-item {
109   - padding-top:35px !important;
110   - padding-bottom: 35px !important;
  251 +.action-search-software_infos .only-one-result-box .search-software-item {
  252 + padding: 29px 0 31px 0 !important;
111 253 background: #ffffff;
112   - /*padding: 50px 0 !important;*/
  254 + border-bottom: 1px solid #d7d7d7;
113 255 }
114 256  
115 257 .action-search-software_infos .search-results-innerbox {
... ... @@ -130,30 +272,22 @@
130 272 float:left;
131 273 }
132 274  
133   -/*
134   -.common-profile-list-block .profile-image {
135   - padding:0px 200px;
136   -}
137   -*/
138   -
139   -.action-search-software_infos .search-enterprise-item-column-left{
140   - border-right: 1px solid #ccc;
141   - width: 143px;
  275 +.action-search-software_infos .search-software-item-column-left{
  276 + border-right: 1px dotted #ccc;
  277 + width: 130px;
142 278 height: 130px;
143   - /*padding: 0px 60px 0px 10px; /*50 no lugar coloquei 70*/
144   - /*margin:none;*/
145   - /*position:absolute;*/
  279 + float: left;
146 280 }
147 281  
148   -.action-search-software_infos .search-enterprise-item-column-right{
  282 +.action-search-software_infos .search-software-item-column-right{
149 283 width:60%; /*440px;*/
150 284 float:left;
151 285 margin-left: 130px;
152   - /*text-align: justify;*/
153 286 }
154 287  
155 288 #content .search-results-box .vcard {
156 289 display: table;
  290 + margin: 0;
157 291 }
158 292  
159 293 #content .vcard a:hover{
... ... @@ -164,19 +298,10 @@
164 298 border: none;
165 299 }
166 300  
167   -.action-search-software_infos .org {
168   - display:none !important;
169   -}
170   -
171   -.action-search-software_infos .search-enterprise-item-column-left .vcard img {
  301 +.action-search-software_infos .search-software-item-column-left .vcard img {
172 302 max-width: 90px;
173 303 height: auto;
174   - /*margin-left: 15px;
175   - margin-right: 15px;*/
176   - /*max-height: 130px; /*90px;*/
177   - /*margin-left: 60%; /*30%;90px;
178   - position: absolute;
179   - float: left;*/
  304 + margin-left:170px;
180 305 }
181 306  
182 307 .action-search-software_infos .common-profile-list-block img{
... ... @@ -184,9 +309,8 @@
184 309 }
185 310  
186 311 .action-search-software_infos .common-profile-list-block .profile-image{
187   - /*padding:20px 40px;*/
188   - margin-left: 140px; /*85px; TESTANDO*/
189   - /*margin-top: 10px;*/
  312 + margin-left: 130px;
  313 + margin-top: 35px;
190 314 width: 130px;
191 315 height: 130px;
192 316 }
... ... @@ -195,64 +319,57 @@
195 319 font-size: 13px;
196 320 font-family: Arial;
197 321 opacity: inherit;
198   - width:135px;
  322 + width:130px;
199 323 padding-right:20px;
200 324 text-align: left;
201 325 position:absolute;
202 326 top:0px;
203   - /* margin-bottom:130px;*/ /*verificar melhor forma de fazer, tamanho da barra laterial*/
204   -
  327 + color: #21376c;
205 328 }
206 329 .action-search-software_infos .common-profile-list-block .extra_info::before{
207 330 content: url("images/ic-calendar.png");
208   - line-height: 20px;
209 331 margin-right:10px;
210 332 margin-top:6px;
211 333 float: left;
212   - /*padding-top: 10px;*/
213   - /* position: static; */
214   - /* overflow: auto; */
215 334 }
216 335  
217   -.action-search-software_infos .search-enterprise-item .search-enterprise-item-column-right {
  336 +.action-search-software_infos .search-software-item .search-software-item-column-right {
218 337 font-size: 15px;
219   - padding-top: 0px;
  338 + padding: 0 0 0 8px;
220 339 font-family: Arial;
221 340 }
222 341  
223   -.action-search-software_infos .search-enterprise-item-column-right .search-community-content-block h4 a {
  342 +.action-search-software_infos .search-software-item-column-right .search-software-content-block {
  343 +}
  344 +.action-search-software_infos .search-software-item-column-right .search-software-content-block h4 a {
224 345 color:#172938 !important;
225 346 font-size:19px !important;
226 347 }
227   -.action-search-software_infos .search-enterprise-item-column-right span b{
  348 +.action-search-software_infos .search-software-item-column-right span b{
228 349 font-weight: normal;
  350 + font-size: 13px;
229 351 }
230 352  
231   -.action-search-software_infos .search-enterprise-item-column-right span b:last-child {
  353 +.action-search-software_infos .search-software-item-column-right span b:last-child {
232 354 float: left;
233   - margin-right: 10px;
234   - /*font-size: 13px;*/ /*font deve ser aplicada as categorias*/
235   -}
236   -/* Verificar a melhor maneira de fazer
237   -.action-search-software_infos .search-enterprise-item-column-right span b:nth-last-child(2){
238   - display: none;
239 355 }
240 356  
241   -.action-search-software_infos .search-enterprise-item-column-right span a:nth-last-child(1){
242   - display: none;
243   -}*/
244   -
245   -.action-search-software_infos .search-community-content-block #categories-list{
246   - margin-top:35px;
  357 +.action-search-software_infos .search-software-content-block #categories-list{
  358 + margin-top:30px;
247 359 margin-bottom: 10px;
248 360 }
249   -.action-search-software_infos .search-community-content-block #categories-list li{
  361 +
  362 +.action-search-software_infos .search-software-content-block #categories-list li a{
  363 + color:#2B65cd;
  364 +}
  365 +
  366 +.action-search-software_infos .search-software-content-block #categories-list li{
250 367 text-decoration: underline;
251 368 font-size: 13px;
252 369 color:#2B65cd;
253   - display:block !important;
254 370 float:left;
255   - margin-right: 10px !important;
  371 + line-height:18px;
  372 + margin-left: 7px !important;
256 373 width: auto !important;
257 374 }
258 375  
... ...
page-inicial.css
  Diff comments   View file @adeb1ae
... ... @@ -348,9 +348,12 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
348 348 display: none;
349 349 }
350 350  
351   -#content .block.display-content-block .block-title,
  351 +#content .block.display-content-block .block-title {
  352 + margin: 0px;
  353 +}
  354 +
352 355 #content .block.softwares-block .block-title {
353   - margin: 0px 0px 25px 0px;
  356 + margin: 0px 0px 25px 0px;
354 357 }
355 358  
356 359 /* Bloco de notícias (Display contents) */
... ...
pagina-artigos.css
  Diff comments   View file @adeb1ae
... ... @@ -7,6 +7,8 @@
7 7 font-size: 34px !important;
8 8 line-height: 37px !important;
9 9 margin-bottom: 10px !important;
  10 + border-bottom: 1px solid #D3D6DE !important;
  11 + padding-bottom: 10px !important;
10 12 }
11 13  
12 14 #content .main-block .article-body {
... ... @@ -107,8 +109,31 @@
107 109 color: #2C66CE;
108 110 }
109 111  
110   -#content .main-block #article-cat {
111   - font-size: 21px !important;
  112 +#content .main-block #article-cat a{
  113 + float: left;
  114 + font-size: 12px !important;
  115 + margin: 10px 10px 10px 0;
  116 + text-decoration: initial;
  117 +}
  118 +#content .main-block #article-cat h4{
  119 + float: left;
  120 + font-size: 12px !important;
  121 + margin: 13px 10px 10px 0;
  122 + text-decoration: initial;
  123 +}
  124 +
  125 +#content .main-block #article-cat a{
  126 + border: 1px solid #D3D6DE;
  127 + border-radius: 3px;
  128 + padding: 3px 10px;
  129 + color: #3E67B1;
  130 + background-color: #ECEDF1;
  131 +}
  132 +
  133 +#article-tags{
  134 + float: left;
  135 + margin-top: 11px;
  136 + display: none;
112 137 }
113 138  
114 139 .page-comment-form {
... ... @@ -449,3 +474,51 @@ color: #F91461;
449 474 font-family: Arial;
450 475 line-height: 22px;
451 476 }
  477 +
  478 +#article-actions:last-child{
  479 + border-top: 4px solid #2C4B6B;
  480 + padding-top: 10px;
  481 +}
  482 +
  483 +#article-header .preview{
  484 + display: none;
  485 +}
  486 +
  487 +#article-header .title{
  488 + border-bottom: 1px solid #D3D6DE !important;
  489 + color: red ;
  490 +}
  491 +
  492 +#article-header .publishing-info span{
  493 + font-size: 12px;
  494 + color: black;
  495 +}
  496 +
  497 +#sitemap{
  498 + overflow: auto;
  499 +}
  500 +
  501 +#sitemap a{
  502 + text-decoration: initial !important;
  503 +}
  504 +
  505 +#sitemap ul{
  506 + padding-top: 20px;
  507 + font-weight: 700;
  508 +}
  509 +
  510 +#sitemap li{
  511 + padding-left: 10px;
  512 + font-weight: 500;
  513 +}
  514 +
  515 +#sitemap #first-half{
  516 + float: left;
  517 + width: 40%;
  518 +}
  519 +
  520 +#sitemap #second-half{
  521 + float: left;
  522 + padding-top: 50px;
  523 + width: 40%;
  524 +}
... ...
pagina_software.css
  Diff comments   View file @adeb1ae
... ... @@ -255,7 +255,7 @@ border: none;
255 255 background-position: center center;
256 256 background-repeat: no-repeat;
257 257 border: 1px solid #2C66CE;
258   - border-radius: 8px;
  258 + border-radius: 6px;
259 259 display: block;
260 260 padding: 45px 45px 5px 10px;
261 261 float: left;
... ...
style.css
  Diff comments   View file @adeb1ae
... ... @@ -146,14 +146,14 @@ vertical-align: baseline;
146 146 /* */
147 147 /* */
148 148 body {
149   - background-color: #fff;
150   - color: #172938;
151   - font-size: 12px;
152   - font-family: "open_sansregular", Arial, Helvetica, sans-serif;
  149 + background-color: #fff;
  150 + color: #172938;
  151 + font-size: 12px;
  152 + font-family: "open_sansregular", Arial, Helvetica, sans-serif;
153 153 }
154 154 h1, h2, h3, h4, h5, h6 {
155   - font-family: "open_sansbold", Arial, Helvetica, sans-serif;
156   - font-weight: normal;
  155 + font-family: "open_sansbold", Arial, Helvetica, sans-serif;
  156 + font-weight: normal;
157 157 }
158 158  
159 159 /*
... ... @@ -499,19 +499,19 @@ p {
499 499 }
500 500  
501 501 #content .box .read-more a::after {
502   - content: url('images/right-arrow.png');
503   - padding-left: 8px;
504   - padding-right: 5px;
505   - margin-left: 7px;
506   - border-radius: 4px;
507   - font-size: 16px;
508   - line-height: 20px;
509   - text-align: center;
510   - font-family: "open_sansbold", Arial, Helvetica, sans-serif;
  502 + content: url('images/right-arrow.png');
  503 + padding-left: 8px;
  504 + padding-right: 5px;
  505 + margin-left: 7px;
  506 + border-radius: 4px;
  507 + font-size: 16px;
  508 + line-height: 20px;
  509 + text-align: center;
  510 + font-family: "open_sansbold", Arial, Helvetica, sans-serif;
511 511 }
512 512  
513 513 #content .box .article-block .read-more a::after {
514   - font-size: 14px;
  514 + font-size: 14px;
515 515 }
516 516  
517 517  
... ... @@ -651,7 +651,7 @@ p {
651 651 /* Menu List footer */
652 652 /*
653 653 #content .box-3 .block-title{
654   - margin:0;
  654 + margin:0;
655 655 }
656 656  
657 657  
... ... @@ -820,6 +820,7 @@ p {
820 820 .article-body ul {
821 821 list-style-position: inside;
822 822 list-style-type: disc;
  823 + background-repeat: no-repeat;
823 824 }
824 825  
825 826 .article-body ol {
... ... @@ -881,8 +882,8 @@ p {
881 882  
882 883 /* nao mostrar seta neste tipo de box */
883 884 #content .blog-post .short-post .read-more a::after {
884   - content: none;
885   - }
  885 + content: none;
  886 + }
886 887  
887 888 .comment-info {
888 889 line-height: 1em;
... ... @@ -975,50 +976,6 @@ p {
975 976  
976 977 /* fim de comentário*/
977 978  
978   -/*paginação*/
979   -
980   -.pagination {
981   - border-top: 0 none;
982   -}
983   -
984   -#content .pagination a {
985   - padding: 7px 11px 7px 11px;
986   - border-radius: 4px;
987   - margin-right: 4px;
988   - letter-spacing: 0.6px;
989   - color: #172738;
990   - border: 1px solid #D3D6DE;
991   -}
992   -
993   -.pagination .current {
994   - background-color: #ECEDF1;
995   - padding: 8px 11px 8px 11px;
996   - border-radius: 4px;
997   - margin-right: 4px;
998   - font-family: Arial;
999   - font-weight: 700;
1000   - font-size: 16px;
1001   - border: 1px solid #D3D6DE;
1002   -}
1003   -
1004   -#content .pagination a.previous_page,
1005   -#content .pagination a.next_page{
1006   - background-image: none;
1007   - color: #888888;
1008   - font-size: 14px;
1009   - width: auto;
1010   -}
1011   -
1012   -
1013   -#content #article .pagination .next_page,
1014   -#content #article .pagination .previous_page{
1015   - background-image: none;
1016   - color: #ccc;
1017   - width: auto;
1018   - font-size: 16px;
1019   -}
1020   -
1021   -/*fim paginação*/
1022 979  
1023 980 /*borda dos wrappers*/
1024 981 /**/
... ... @@ -1210,18 +1167,16 @@ div#article-parent {
1210 1167  
1211 1168 #article-tags a:link {
1212 1169 clear: both;
1213   - display: inline-block;
  1170 + float: left;
  1171 + display: block;
  1172 + font-size: 12px;
1214 1173 margin-bottom: 1.5em;
1215   - color: white;
1216   - padding: 3px 5px;
1217   -}
1218   -
1219   -#article-tags a:hover {
1220   - background-color: #000;
1221   - color: white;
  1174 + color: #3E67B1;
  1175 + background-color: #ECEDF1;
  1176 + border: 1px solid #D3D6DE;
  1177 + padding: 3px 10px;
1222 1178 }
1223 1179  
1224   -
1225 1180 /* fim Content*/
1226 1181  
1227 1182 /*busca*/
... ... @@ -1235,18 +1190,84 @@ div#article-parent {
1235 1190 /*paginação*/
1236 1191  
1237 1192 .pagination {
  1193 + margin-bottom: 30px;
  1194 + border-top: 0 none;
  1195 + margin-top: 48px;
  1196 + font-family: "open_sansregular", Arial, Helvetica, sans-serif;
  1197 +}
1238 1198  
  1199 +#content .pagination a,
  1200 +#content .pagination em{
  1201 + padding: 7px 11px 7px 11px;
  1202 + border-radius: 4px;
  1203 + margin-right: 4px;
  1204 + letter-spacing: 0.6px;
  1205 + font-size: 15px;
  1206 + border: 1px solid #D3D6DE;
  1207 + color: #172738;
  1208 + font-weight: 700;
  1209 + text-decoration: none;
1239 1210 }
1240   -.pagination {
1241   - font-size: 120%;
1242   - margin-bottom: 30px;
  1211 +
  1212 +.pagination .current {
  1213 + background-color: #ECEDF1;
  1214 + font-style: normal;
1243 1215 }
1244 1216  
1245   -.pagination .previous_page{margin-right: 0.5em; font-weight: bold;}
1246   -.pagination .next_page{margin-left: 0.5em; font-weight: bold;}
  1217 +#content .pagination .next_page.disabled,
  1218 +#content .pagination .previous_page.disabled,
  1219 +#content .pagination a.previous_page,
  1220 +#content .pagination a.next_page{
  1221 + border-radius: 4px;
  1222 + margin-top: -9px;
  1223 + letter-spacing: 0.6px;
  1224 + border: 1px solid #D3D6DE;
  1225 + color: #172738;
  1226 + background-image: none;
  1227 + font-size: 15px;
  1228 + width: auto;
  1229 + font-weight: 500;
  1230 + position: relative;
  1231 +}
  1232 +
  1233 +#content .pagination .previous_page{
  1234 + float: left;
  1235 + padding: 7px 11px 7px 30px;
  1236 +}
  1237 +
  1238 +#content .pagination .next_page{
  1239 + float: right;
  1240 + padding: 7px 30px 7px 11px;
  1241 +}
  1242 +
  1243 +#content .pagination .next_page.disabled,
  1244 +#content .pagination .previous_page.disabled{
  1245 + opacity: 0.5;
  1246 +}
  1247 +
  1248 +#content .pagination .previous_page.disabled::before,
  1249 +#content .pagination a.previous_page::before {
  1250 + display: none;
  1251 + position: absolute;
  1252 + content: url('images/left-arrow-black.png');
  1253 + left: 8px;
  1254 + top: 11px;
  1255 +}
  1256 +
  1257 +#content .pagination .next_page.disabled::before,
  1258 +#content .pagination a.next_page::before {
  1259 + display: none;
  1260 + position: absolute;
  1261 + content: url('images/right-arrow-black.png');
  1262 + left: 97px;
  1263 + top: 11px;
  1264 +}
  1265 +
  1266 +/*fim paginação*/
  1267 +
1247 1268  
1248 1269 #profile-header {
1249   - position: absolute; /* Corrige link de login */
  1270 + position: absolute; /* Corrige link de login */
1250 1271 }
1251 1272  
1252 1273 #public-profile-search, #profile-search-results form, .profile-search-block form {
... ... @@ -1310,6 +1331,11 @@ input.button.with-text {
1310 1331 max-height: 28px;
1311 1332 }
1312 1333  
  1334 +#content .button.with-text span{
  1335 + font-family: "open_sansregular", Arial, Helvetica, sans-serif;
  1336 + padding-right: 0;
  1337 +}
  1338 +
1313 1339 #content input.button, #content a.button {
1314 1340 background-color: #EEEEEE;
1315 1341 background-repeat: no-repeat;
... ... @@ -2332,14 +2358,14 @@ body.contraste.action-home-index #content .tags-block .block-inner-2, body.contr
2332 2358 }
2333 2359  
2334 2360 body.contraste.action-home-index #content .box-1 .block-title span, body.contraste.action-environment_design-index #content .box-1 .block-title span {
2335   - background-color: #000;
2336   - color: #FFF !important;
  2361 + background-color: #000;
  2362 + color: #FFF !important;
2337 2363 }
2338 2364  
2339 2365 body.contraste #logo #portal-title {
2340 2366 background-image: url("images/logotipo_spb_beta_ac.svg");
2341   - background-repeat: no-repeat;
2342   - background-size: 374px 78px;
  2367 + background-repeat: no-repeat;
  2368 + background-size: 374px 78px;
2343 2369 }
2344 2370  
2345 2371 body.contraste #accessibility span {
... ... @@ -2449,30 +2475,30 @@ body.contraste #portal-siteactions {
2449 2475 }
2450 2476  
2451 2477 body.contraste #complete_registration {
2452   - background-color: transparent;
  2478 + background-color: transparent;
2453 2479 }
2454 2480  
2455 2481 body.contraste tr:hover td {
2456   - background-color: #333;
  2482 + background-color: #333;
2457 2483 }
2458 2484  
2459 2485 body.contraste .action-friends-index .profile-list li:hover,
2460 2486 body.contraste .common-profile-list-block .vcard:hover {
2461   - border: 1px solid #CCC;
2462   - background: #333;
2463   - text-decoration: none;
  2487 + border: 1px solid #CCC;
  2488 + background: #333;
  2489 + text-decoration: none;
2464 2490 }
2465 2491  
2466 2492 body.contraste .menu-submenu-content {
2467   - border: 1px solid #CCC;
2468   - background: none #333 ;
  2493 + border: 1px solid #CCC;
  2494 + background: none #333 ;
2469 2495  
2470 2496 }
2471 2497  
2472 2498 body.contraste #user .logged-in {
2473   - background: none #333 ;
2474   - /* background: url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE; */
2475   - color: #fff;
  2499 + background: none #333 ;
  2500 + /* background: url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE; */
  2501 + color: #fff;
2476 2502 }
2477 2503  
2478 2504 body.contraste #social-icons #sb_face {
... ... @@ -2504,87 +2530,87 @@ body.contraste #social-icons #sb_flickr:hover {
2504 2530 }
2505 2531  
2506 2532 body.contraste .no-boxes-inner-2 {
2507   - background-color: #000!important;
2508   - color: #fff;
  2533 + background-color: #000!important;
  2534 + color: #fff;
2509 2535 }
2510 2536  
2511 2537 body.contraste #signup-form {
2512   - color: #fff;
  2538 + color: #fff;
2513 2539 }
2514 2540  
2515 2541 body.contraste #portal-searchbox {
2516   - border-color: #FFF;
2517   - background-color: #000;
  2542 + border-color: #FFF;
  2543 + background-color: #000;
2518 2544 }
2519 2545  
2520 2546 body.contraste #portal-searchbox .searchField {
2521   - background-color: #000;
2522   - color: #FFF !important;
  2547 + background-color: #000;
  2548 + color: #FFF !important;
2523 2549 }
2524 2550  
2525 2551 body.contraste #header input.searchButton {
2526   - background-color: #000;
2527   - background-position: 0px 2px;
  2552 + background-color: #000;
  2553 + background-position: 0px 2px;
2528 2554 }
2529 2555  
2530 2556 body.contraste #menucontainer {
2531   - background: #333;
2532   - color: #FFF !important;
  2557 + background: #333;
  2558 + color: #FFF !important;
2533 2559 }
2534 2560  
2535 2561 body.contraste #menucontainer ul li.parent_menu a {
2536   - color: #FFF !important;
  2562 + color: #FFF !important;
2537 2563 }
2538 2564  
2539 2565 body.contraste #content .no-boxes h1 {
2540   - color: #FFF !important;
  2566 + color: #FFF !important;
2541 2567 }
2542 2568  
2543 2569 body.contraste #signup-form .formfieldline,
2544 2570 body.contraste #signup-formfield-group,
2545 2571 body.contraste #signup-form .required-field label,
2546 2572 body.contraste #signup-form .formlabel {
2547   - background-color: #000;
2548   - color: #FFF !important;
  2573 + background-color: #000;
  2574 + color: #FFF !important;
2549 2575 }
2550 2576  
2551 2577 body.contraste .pseudoformlabel,
2552 2578 body.contraste .formlabel {
2553   - color: #FFF;
  2579 + color: #FFF;
2554 2580 }
2555 2581  
2556 2582 body.contraste #signup-form {
2557   - border-color: #FFF;
2558   - background-color: #000;
  2583 + border-color: #FFF;
  2584 + background-color: #000;
2559 2585 }
2560 2586  
2561 2587 body.contraste #signup-form .formfield input,
2562 2588 body.contraste #signup-form .formfield textarea {
2563   - background-color: #000;
2564   - color: #FFF !important;
  2589 + background-color: #000;
  2590 + color: #FFF !important;
2565 2591 }
2566 2592  
2567 2593 body.contraste #signup-domain {
2568   - border-color: #FFF;
2569   - background-color: #000;
2570   - color: #FFF !important;
  2594 + border-color: #FFF;
  2595 + background-color: #000;
  2596 + color: #FFF !important;
2571 2597 }
2572 2598  
2573 2599 body.contraste .ui-state-default,
2574 2600 body.contraste .ui-widget-content .ui-state-default,
2575 2601 body.contraste .ui-widget-header .ui-state-default {
2576   - border: 1px solid #FFF;
2577   - background-color: #000;
2578   - color: #FFF !important;
  2602 + border: 1px solid #FFF;
  2603 + background-color: #000;
  2604 + color: #FFF !important;
2579 2605 }
2580 2606  
2581 2607 body.contraste .agenda-tile .title {
2582   - border-bottom: 1px solid #FFF;
2583   - color: #FFF;
  2608 + border-bottom: 1px solid #FFF;
  2609 + color: #FFF;
2584 2610 }
2585 2611  
2586 2612 body.contraste .agenda-tile .period {
2587   - color: #FFF;
  2613 + color: #FFF;
2588 2614 }
2589 2615  
2590 2616 /*botão rss*/
... ... @@ -2924,18 +2950,46 @@ div.software-step-info div.current-step h3 {
2924 2950 box-shadow: none;
2925 2951 }
2926 2952  
2927   -#content .main-block .blog-post p {
2928   - text-align: justify;
2929   -}
2930   -
2931 2953 /** Software pages - temporary adjusts **/
2932 2954  
2933 2955 .controller-content_viewer.profile-homepage #article hr{
2934 2956 display: none;
2935 2957 }
2936 2958  
2937   -#content .main-block #article p{
2938   - text-align: justify;
  2959 +#content .main-block #article .folder-content .item-info {
  2960 + border-top: none;
  2961 + border-bottom: 1px solid #ccc;
  2962 + margin-bottom: -1px;
  2963 +}
  2964 +
  2965 +#content .main-block #article .folder-content .item-icon {
  2966 + background-image: url("images/download-mini_icon.png");
  2967 + border-radius: 4px;
  2968 + margin-right: 0px;
  2969 + margin-top: 2px;
  2970 + padding: 45px 40px 4px 10px;
  2971 +}
  2972 +
  2973 +#content .main-block #article .folder-content .item-info {
  2974 + padding: 30px 20px 32px 0px;
  2975 +}
  2976 +
  2977 +#content .main-block #article .folder-content .item-info a {
  2978 + font-size: 18px;
  2979 + font-family: Arial;
  2980 + font-weight: 700;
  2981 + color: #172938;
  2982 + /* letter-spacing: -0.1px; */
  2983 +}
  2984 +
  2985 +#content .main-block #article .folder-content .item-description {
  2986 + padding-left: 0px;
  2987 + margin-left: 65px;
  2988 +}
  2989 +
  2990 +#content .main-block #article .folder-content .item-date {
  2991 + padding-left: 0px;
  2992 + margin-left: 65px;
2939 2993 }
2940 2994  
2941 2995 .action-cms-upload_files #content .main-block .button-bar .icon-add {
... ... @@ -2945,3 +2999,457 @@ div.software-step-info div.current-step h3 {
2945 2999 .action-cms-upload_files #content .main-block .icon-add:before{
2946 3000 display: none;
2947 3001 }
  3002 +
  3003 +#content .main-block #article .pagination {
  3004 + margin-top: 50px;
  3005 + padding-top: 35px;
  3006 + border-top: 3px solid #2C4B6B;
  3007 +}
  3008 +
  3009 +li.folder-item:first-child {
  3010 + border-top: 1px solid #ccc;
  3011 +}
  3012 +
  3013 +/***** Estilização do aviso de campos obrigatórios na página de edição da página de ajuda *****/
  3014 +
  3015 +.text-editor-sidebar {
  3016 + top: 0px;
  3017 + margin-top: 30px;
  3018 + margin-left: 650px;
  3019 + max-height: 45px;
  3020 + overflow: hidden;
  3021 +}
  3022 +
  3023 +#content .main-content form p .required-field .pseudoformlabel {
  3024 + color: #FF0366;
  3025 + font-weight: 500;
  3026 +}
  3027 +
  3028 +#content .main-content form p .required-field {
  3029 + max-width: 520px;
  3030 + padding: 15px 20px;
  3031 + margin: 20px 0 30px 0;
  3032 + border: 1px dotted #ccc;
  3033 + border-left: 5px solid #FF0366;
  3034 + border-radius: 3px;
  3035 + display: block;
  3036 + background: #fff;
  3037 + line-height: 20px;
  3038 + font-size: 13px;
  3039 +}
  3040 +
  3041 +.main-block form {
  3042 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  3043 + font-size: 14px;
  3044 +}
  3045 +
  3046 +#content .main-content form label.formlabel,
  3047 +#content .main-content form .article-translation-field {
  3048 + font-size: 14px;
  3049 + margin-bottom: 5px;
  3050 + color: #231f20;
  3051 +}
  3052 +
  3053 +#content .main-content form .article-translation-field {
  3054 + margin-top: 25px;
  3055 + margin-bottom: 15px;
  3056 +}
  3057 +
  3058 +#content .main-content form .required-field .formlabel:after {
  3059 + color: #FF0366;
  3060 + font-weight: 500;
  3061 +}
  3062 +
  3063 +#content .article-translation-field #article_language {
  3064 + margin-top: 10px;
  3065 +}
  3066 +
  3067 +#content #article_image_builder_uploaded_data {
  3068 + text-indent: 2px;
  3069 + font-size: 12px;
  3070 + height: 21px;
  3071 +}
  3072 +
  3073 +#content #edit-article-options div div {
  3074 + margin-top: 13px;
  3075 + margin-bottom: 13px;
  3076 +}
  3077 +
  3078 +#content #edit-article-options h4 {
  3079 + font-family: "open_sansbold", Arial, Helvetica, sans-serif;
  3080 +}
  3081 +
  3082 +#content .formfield input,
  3083 +#content #edit-article-options .token-input-list li {
  3084 + border: 1px solid #ccc;
  3085 + border-radius: 4px;
  3086 + height: 19px;
  3087 + padding: 6px;
  3088 +}
  3089 +
  3090 +#content #edit-article-options .token-input-list {
  3091 + border: none;
  3092 + margin-top: 10px;
  3093 +}
  3094 +
  3095 +#content #edit-article-options .token-input-list li input:first-child {
  3096 + height: 10px;
  3097 + padding-right: 0px;
  3098 +}
  3099 +
  3100 +#content #edit-article-options label{
  3101 + margin-left: 5px;
  3102 +}
  3103 +
  3104 +#content #edit-article-options input{
  3105 + margin-right: 0;
  3106 +}
  3107 +
  3108 +#content #content-inner #boxes #fetch-external-feed {
  3109 + padding-left: 20px;
  3110 +}
  3111 +
  3112 +#content #content-inner #boxes #fetch-external-feed > input {
  3113 + height: 13px;
  3114 + margin: 8px 8px 8px 0px;
  3115 + vertical-align: middle;
  3116 + width: 13px;
  3117 +}
  3118 +
  3119 +#boxes #fetch-external-feed #external-feed-options #external-feed-options-only-once input {
  3120 + margin-right: 3px;
  3121 + width: 13px;
  3122 + vertical-align: middle;
  3123 +}
  3124 +
  3125 +#boxes #fetch-external-feed #external-feed-options #external-feed-options-only-once label {
  3126 + margin-right: 250px;
  3127 +}
  3128 +
  3129 +#content #article-formitem #article_slug {
  3130 + width: 20%;
  3131 +}
  3132 +
  3133 +.main-content form small {
  3134 + padding-left: 5px;
  3135 +}
  3136 +
  3137 +input[type=checkbox] {
  3138 + margin-left: 0px;
  3139 +}
  3140 +
  3141 +#content #content-inner .button.icon-add.with-text.lead-button {
  3142 + border: 1px solid #CCCCCC;
  3143 + background: url(/assets/designs/icons/tango/Tango/16x16/actions/add.png) no-repeat;
  3144 + color: #555;
  3145 + background-position: 5px;
  3146 +}
  3147 +
  3148 +#content #content-inner .button.icon-add.with-text.lead-button:hover {
  3149 + background-color: #fff;
  3150 +}
  3151 +
  3152 +#content #content-inner .button.icon-add.with-text.lead-button:before{
  3153 + content:"";
  3154 +}
  3155 +
  3156 +/******************** RELATO DE USO - AVALIAÇÃO DO USUÁRIO **********************/
  3157 +/*
  3158 +.main-content {
  3159 + background-image: url('images/tela_listagem_relato_uso_v3.jpg');
  3160 + background-repeat: no-repeat;
  3161 + padding: 0px;
  3162 +}
  3163 +*/
  3164 +#content .main-content .star-page-title .title {
  3165 + font-size: 34px !important;
  3166 +}
  3167 +
  3168 +#content .main-content .star-rate-data {
  3169 + border-top: 1px solid #D3D6DE !important;
  3170 + color: #172738;
  3171 + margin-top: 19px;
  3172 + padding-top: 29px;
  3173 +}
  3174 +
  3175 +#content .main-content .star-rate-data .star-rate-form .star-rate-text,
  3176 +#content .main-content .star-rate-data .star-rate-form .star-container {
  3177 + display: inline;
  3178 + float: left;
  3179 +}
  3180 +
  3181 +#content .main-content .star-rate-data .star-rate-form .star-container {
  3182 + width: inherit;
  3183 + height: 30px;
  3184 + padding-left: 6px;
  3185 +}
  3186 +
  3187 +#content .main-content .star-rate-data .star-rate-form {
  3188 + padding-left: 37px;
  3189 + letter-spacing: 0.1px;
  3190 + width: 100%;
  3191 +}
  3192 +
  3193 +#content .main-content .star-rate-data .star-rate-form .star-rate-text {
  3194 + font-size: 14px;
  3195 + padding-top: 4px;
  3196 +}
  3197 +
  3198 +#content .main-content .star-rate-data .star-profile-information {
  3199 + padding-left: 15px;
  3200 + width: 79px;
  3201 +}
  3202 +
  3203 +#content .main-content .star-rate-data .star-profile-information .star-profile-image {
  3204 + padding-top: 1px;
  3205 +}
  3206 +
  3207 +#content .main-content .star-rate-data .star-profile-information .star-profile-image img {
  3208 + border-radius: 4px;
  3209 + height: 60px;
  3210 + width: 60px;
  3211 +}
  3212 +
  3213 +#content .main-content .star-rate-data .star-rate-form .star-container .star-positive {
  3214 + background-image: url('images/star-positive-big.png');
  3215 +}
  3216 +
  3217 +#content .main-content .star-rate-data .star-rate-form .star-container .star-negative {
  3218 + background-image: url('images/star-negative-big.png');
  3219 +}
  3220 +
  3221 +#content .main-content .star-rate-data .star-rate-form .star-container .star-positive,
  3222 +#content .main-content .star-rate-data .star-rate-form .star-container .star-negative {
  3223 + display: table-cell;
  3224 + margin-right: 0px;
  3225 + height: 30px;
  3226 + width: 28px;
  3227 +}
  3228 +
  3229 +#content .main-content .star-rate-data .star-rate-form .star-comment-container {
  3230 + padding-top: 23px;
  3231 +}
  3232 +
  3233 +#content .main-content .star-rate-data .star-rate-form .star-comment-container .formlabel {
  3234 + letter-spacing: -0.2px;
  3235 + margin-bottom: 2px;
  3236 +}
  3237 +
  3238 +#content .main-content .star-rate-data .star-rate-form .star-comment-container #comments_body {
  3239 + border-radius: 4px;
  3240 + height: 91px;
  3241 +}
  3242 +
  3243 +#content .main-content .star-rate-data .star-rate-form .star-comment-container .button-bar input {
  3244 + background-color: #5E82C6;
  3245 + font-weight: 700;
  3246 + height: 31px;
  3247 + margin-top: 10px;
  3248 + text-transform: uppercase;
  3249 +}
  3250 +
  3251 +#content .main-content .star-rate-data .star-rate-form .star-comment-container .button-bar a {
  3252 + display: none;
  3253 +}
  3254 +
  3255 +#content .main-content .star-rate-data .star-rate-form .star-comment-container .button-bar {
  3256 + margin-top: 0px;
  3257 + padding-bottom: 50px;
  3258 + padding-top: 10px;
  3259 +}
  3260 +
  3261 +#content .star-rate-form .star-comment-container .comments-software-extra-fields {
  3262 + overflow: auto;
  3263 +}
  3264 +
  3265 +#content .star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments {
  3266 + margin-bottom: 19px;
  3267 + margin-top: 16px;
  3268 +}
  3269 +
  3270 +#content .star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments label {
  3271 + font-size: 12px;
  3272 +}
  3273 +
  3274 +#content .star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments input {
  3275 + margin-top: 3px;
  3276 + padding: 4px 3px 3px 3px;
  3277 + width: 366px;
  3278 +}
  3279 +
  3280 +#content .star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-people-benefited,
  3281 +#content .star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-saved-values {
  3282 + font-size: 12px;
  3283 + float: left;
  3284 + padding-right: 20px;
  3285 +}
  3286 +
  3287 +#content .star-rate-form .star-comment-container form .formfieldline {
  3288 + margin-bottom: 17px;
  3289 +}
  3290 +
  3291 +#content .star-rate-form .star-comment-container .comments-display-fields {
  3292 + border-bottom: 1px dotted #D3D6DE;
  3293 + overflow: auto;
  3294 +}
  3295 +
  3296 +#content .star-rate-form .star-comment-container .comments-display-fields span#comments-additional-information {
  3297 + color: #172738;
  3298 + display: block;
  3299 + float: left;
  3300 + font-size: 14px;
  3301 + font-weight: 700;
  3302 + padding-bottom: 4px;
  3303 +}
  3304 +
  3305 +#content .star-rate-form .star-comment-container .comments-display-fields span.comments-arrow-up {
  3306 + content: url('images/top-arrow-black.png');
  3307 + float: right;
  3308 + padding-top: 7px;
  3309 + padding-right: 6px;
  3310 +}
  3311 +
  3312 +#content .star-rate-form .star-comment-container .comments-display-fields span.comments-arrow-down {
  3313 + content: url('images/bottom-arrow-black.png');
  3314 + float: right;
  3315 + padding-top: 7px;
  3316 + padding-right: 6px;
  3317 +}
  3318 +
  3319 +#content .star-rate-form .star-comment-container .comments-software-extra-fields #comments_people_benefited,
  3320 +#content .star-rate-form .star-comment-container .comments-software-extra-fields #comments_saved_value {
  3321 + width: 167px;
  3322 + padding: 4px;
  3323 + margin-top: 4px;
  3324 +}
  3325 +
  3326 +#content .star-rate-form .star-comment-container .star-tooltip {
  3327 + content: '?';
  3328 + border-radius: 90%;
  3329 + font-size: 12px;
  3330 + font-weight: 700;
  3331 + background: #3867b7;
  3332 + color: #fff;
  3333 + margin-left: 4px;
  3334 + padding: 0px 6px;
  3335 +}
  3336 +
  3337 +/* IMAGEM DE REFERÊNCIA
  3338 +.star-rate-data {
  3339 + background-image: url('images/validacao_frontend_relato_de_uso.jpg');
  3340 + background-repeat: no-repeat;
  3341 +}
  3342 +
  3343 +.ratings-list {
  3344 + background-image: url('images/tela_listagem_relato_uso_v4_fechado.jpg');
  3345 + background-image: url('images/print_listagem.jpg');
  3346 + background-repeat: no-repeat;
  3347 +}*/
  3348 +
  3349 +.ratings-list {
  3350 + color: #172738;
  3351 + font-family: Arial, Helvetica, "open_sansregular", sans-serif;
  3352 +}
  3353 +
  3354 +.ratings-list .user-rating-block {
  3355 + padding-bottom: 10px;
  3356 + padding-top: 32px;
  3357 + margin-top: 23px;
  3358 +}
  3359 +
  3360 +.ratings-list .star-profile-information {
  3361 + padding-right: 15px;
  3362 + padding-top: 1px;
  3363 + width: 99px;
  3364 +}
  3365 +
  3366 +.ratings-list .user-rating-block .star-profile-information .star-profile-name {
  3367 + line-height: 16px;
  3368 + width: 70px;
  3369 +}
  3370 +
  3371 +.ratings-list .star-profile-information .star-profile-image img {
  3372 + border-radius: 4px;
  3373 + height: 60px;
  3374 +}
  3375 +
  3376 +.ratings-list .user-rating-block .user-testimony-container .user-testimony {
  3377 + font-size: 16px;
  3378 + line-height: 20px;
  3379 + margin-top: 12px;
  3380 +}
  3381 +
  3382 +.star-rate-data .star-rate-form .star-comment-container .formfield textarea {
  3383 + width: 100%;
  3384 +}
  3385 +
  3386 +.ratings-list .user-rating-block .user-testimony-container .testimony-rate-date {
  3387 + padding-right: 198px;
  3388 +}
  3389 +
  3390 +.ratings-list .star-container {
  3391 + margin-top: 4px;
  3392 +}
  3393 +
  3394 +.ratings-list .star-container .small-star-positive,
  3395 +.ratings-list .star-container .small-star-negative {
  3396 + margin-right: 3px;
  3397 +}
  3398 +
  3399 +.ratings-list .user-rating-block .user-testimony-container .testimony-rate-date {
  3400 + display: block;
  3401 + float: left;
  3402 + margin-top: 2px;
  3403 +}
  3404 +
  3405 +/*********************** PÁGINA DE AJUDA ***********************/
  3406 +
  3407 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article ul.help-list li {
  3408 + list-style-type: none;
  3409 + padding-bottom: 5px;
  3410 +}
  3411 +
  3412 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article ul.help-list li a[href="#faq"]:before {
  3413 + content: url('images/arrow-globe-icon.png');
  3414 + vertical-align: middle;
  3415 + padding-right: 5px;
  3416 +}
  3417 +
  3418 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article ul.help-list li a[href="#lista-discussao"]:before {
  3419 + content: url('images/balloon-icon.png');
  3420 + vertical-align: middle;
  3421 + padding-left: 3px;
  3422 + padding-right: 6px;
  3423 +}
  3424 +
  3425 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article ul.help-list li a {
  3426 + color: #2c66ce;
  3427 + font-size: 15px;
  3428 +}
  3429 +
  3430 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article ul.help-list {
  3431 + border-top: 1px solid #D3D6DE;
  3432 + padding-top: 21px;
  3433 +}
  3434 +
  3435 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article {
  3436 + /*background-image: url('images/ajuda_teste_2.png');*/
  3437 +}
  3438 +
  3439 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article p {
  3440 + margin-bottom: 28px;
  3441 +}
  3442 +
  3443 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article .article-header h1.help-page-title {
  3444 + border-top: none !important;
  3445 + font-size: 26px !important;
  3446 + letter-spacing: -0.1px;
  3447 + line-height: 30px !important;
  3448 + margin-top: 0px !important;
  3449 + padding-top: 0px !important;
  3450 + margin-bottom: 30px !important;
  3451 +}
  3452 +
  3453 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article p a {
  3454 + color: #2c66ce;
  3455 +}
... ...
theme.js
  Diff comments   View file @adeb1ae
... ... @@ -121,10 +121,10 @@ $(&#39;#link-buscar&#39;).click(function(e) {
121 121 function insert_notice_div(){
122 122 var notice = $('.display-content-block').find('li');
123 123 notice.each(function(){
124   - var $set = $(this).children();
  124 + var $set = $(this).children();
125 125 for(var i=1, len = $set.length; i < len; i+=5){
126 126 $set.slice(i, i+5).wrapAll('<div class="notice-item"/>');
127   - }
  127 + }
128 128 for(var i=2, len = $set.length; i < len; i+=3){
129 129 $set.slice(i, i+3).wrapAll('<div class="notice-info"/>');
130 130 }
... ... @@ -134,10 +134,58 @@ $(&#39;#link-buscar&#39;).click(function(e) {
134 134  
135 135 }
136 136  
  137 + /* Finds all uploaded files from manuals page and sets its names on the right format */
  138 + function set_uploaded_files_names() {
  139 + try {
  140 + var article = document.getElementById('article');
  141 + var folderList = article.getElementsByClassName('folder-content')[0];
  142 + var folderItens = folderList.getElementsByClassName('item-description');
  143 +
  144 + for(var i = 0; i < folderItens.length; i++) {
  145 + split_file_extension(folderItens[i].getElementsByTagName('a')[0]);
  146 + }
  147 + } catch(e) {
  148 +
  149 + }
  150 + }
  151 +
  152 + /* Splits a file name from its extension. Example: example.pdf becomes example - PDF */
  153 + function split_file_extension(element) {
  154 + var tokens = element.innerHTML.split('.');
  155 + if(tokens.length == 2) {
  156 + var fileName = tokens[0];
  157 + var fileExtension = tokens[1].toUpperCase();
  158 + element.innerHTML = fileName + " - " + fileExtension;
  159 + }
  160 + }
  161 +
  162 + function set_tooltip_content() {
  163 + $('.star-tooltip').html("?");
  164 + }
  165 +
  166 + function set_arrow_direction() {
  167 + var additional_data_bar = $('#comments-additional-information');
  168 + var arrow = $('.comments-arrow-down');
  169 + var state = 0;
  170 +
  171 + additional_data_bar.on('click', function() {
  172 + if(state === 0) {
  173 + arrow.attr('class', "comments-arrow-up")
  174 + state = 1;
  175 + } else {
  176 + state = 0;
  177 + arrow.attr('class', "comments-arrow-down");
  178 + }
  179 + });
  180 + }
  181 +
137 182 $(document).ready(function(){
138 183 set_events();
139 184 move_article_buttons();
140 185 add_link_to_article_div();
141 186 insert_notice_div();
  187 + set_uploaded_files_names();
  188 + set_tooltip_content();
  189 + set_arrow_direction();
142 190 });
143 191 })(jQuery);
... ...