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,29 +22,27 @@ tr:hover td {
22 color: #fff; 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 color: #000; 27 color: #000;
30 background-color:#f0f2f1; /*rgb(236,237,241);*/ 28 background-color:#f0f2f1; /*rgb(236,237,241);*/
31 background-color:#ecedf1; 29 background-color:#ecedf1;
32 background-image: -webkit-radial-gradient(center, ellipse cover, #f0f2f1 1%, #ecedf1 100%) 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 max-width: 960px; 34 max-width: 960px;
37 min-width: 960px; 35 min-width: 960px;
38 margin: 0 auto; 36 margin: 0 auto;
39 } 37 }
40 38
41 -.header-content * { 39 +#theme-header .header-content * {
42 margin: 0; 40 margin: 0;
43 padding: 0; 41 padding: 0;
44 list-style: none; 42 list-style: none;
45 vertical-align: baseline; 43 vertical-align: baseline;
46 } 44 }
47 -.header-content li { display: inline; } 45 +#theme-header .header-content li { display: inline; }
48 46
49 #brasilgov { 47 #brasilgov {
50 background: #00510f; 48 background: #00510f;
@@ -53,7 +51,7 @@ tr:hover td { @@ -53,7 +51,7 @@ tr:hover td {
53 color: #03316f; 51 color: #03316f;
54 } 52 }
55 53
56 -#accessibility { 54 +#theme-header #accessibility {
57 display: block !important; 55 display: block !important;
58 float: left; 56 float: left;
59 font-family: arial; 57 font-family: arial;
@@ -61,15 +59,15 @@ tr:hover td { @@ -61,15 +59,15 @@ tr:hover td {
61 width: 50%; 59 width: 50%;
62 } 60 }
63 61
64 -#accessibility a { 62 +#theme-header #accessibility a {
65 /*color:# ;rgb(96,96,96);*//*#FFF; */ 63 /*color:# ;rgb(96,96,96);*//*#FFF; */
66 margin-right: 8px; 64 margin-right: 8px;
67 } 65 }
68 -#accessibility a:hover { 66 +#theme-header #accessibility a:hover {
69 /*color:/*#969696;*/ /*#d0d9ff;*/ 67 /*color:/*#969696;*/ /*#d0d9ff;*/
70 } 68 }
71 69
72 -#accessibility span { 70 +#theme-header #accessibility span {
73 background: none repeat scroll 0 0 #2c66ce; /*rgb(96,96,96);*/ 71 background: none repeat scroll 0 0 #2c66ce; /*rgb(96,96,96);*/
74 color: #FFFFFF; 72 color: #FFFFFF;
75 padding: 0 3px; 73 padding: 0 3px;
@@ -87,28 +85,28 @@ background-repeat: no-repeat; @@ -87,28 +85,28 @@ background-repeat: no-repeat;
87 }*/ 85 }*/
88 86
89 /* logo */ 87 /* logo */
90 -#logo { 88 +#theme-header #logo {
91 padding: 0; 89 padding: 0;
92 float: left; 90 float: left;
93 width: 50%; /*70%;*/ 91 width: 50%; /*70%;*/
94 } 92 }
95 93
96 -#logo span { 94 +#theme-header #logo span {
97 display: block; 95 display: block;
98 } 96 }
99 97
100 -#logo a { 98 +#theme-header #logo a {
101 display: block; 99 display: block;
102 width: 100%; 100 width: 100%;
103 color: #03316f !important; 101 color: #03316f !important;
104 margin: 1em 0px; 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 color: #03316f; 106 color: #03316f;
109 } 107 }
110 108
111 -#logo #portal-title { 109 +#theme-header #logo #portal-title {
112 background-image: url("images/logotipo_spb_beta.svg"); 110 background-image: url("images/logotipo_spb_beta.svg");
113 background-repeat: no-repeat; 111 background-repeat: no-repeat;
114 background-size: 370px; /*374px 56px;*/ 112 background-size: 370px; /*374px 56px;*/
@@ -124,19 +122,19 @@ background-repeat: no-repeat; @@ -124,19 +122,19 @@ background-repeat: no-repeat;
124 letter-spacing: -0.05em;*/ 122 letter-spacing: -0.05em;*/
125 } 123 }
126 124
127 -#logo .luongo { 125 +#theme-header #logo .luongo {
128 font-size: 3em !important; 126 font-size: 3em !important;
129 line-height: 1.1em; 127 line-height: 1.1em;
130 margin-bottom: 0.2em; 128 margin-bottom: 0.2em;
131 } 129 }
132 130
133 -#logo #portal-description { 131 +#theme-header #logo #portal-description {
134 font-size: 1.2em; 132 font-size: 1.2em;
135 text-transform: uppercase; 133 text-transform: uppercase;
136 } 134 }
137 135
138 /* Site Actions */ 136 /* Site Actions */
139 -#portal-siteactions { 137 +#theme-header #portal-siteactions {
140 display: block; 138 display: block;
141 float: right; 139 float: right;
142 clear: left; 140 clear: left;
@@ -146,7 +144,7 @@ background-repeat: no-repeat; @@ -146,7 +144,7 @@ background-repeat: no-repeat;
146 text-align: center; 144 text-align: center;
147 } 145 }
148 146
149 -#portal-siteactions a { 147 +#theme-header #portal-siteactions a {
150 color:#2c66ce; /*rgb(96,96,96);*/ /*#FFF;*/ 148 color:#2c66ce; /*rgb(96,96,96);*/ /*#FFF;*/
151 text-decoration: none; 149 text-decoration: none;
152 padding: 4px 0 4px 10px; 150 padding: 4px 0 4px 10px;
@@ -154,11 +152,11 @@ background-repeat: no-repeat; @@ -154,11 +152,11 @@ background-repeat: no-repeat;
154 font-family: 'open_sansregular', Arial, Helvetica, sans-serif; 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 color: #03316f; 156 color: #03316f;
159 } 157 }
160 158
161 -#portal-siteactions li { 159 +#theme-header #portal-siteactions li {
162 display: inline; 160 display: inline;
163 margin: 0 5px 0 0; 161 margin: 0 5px 0 0;
164 border-bottom: 1px dotted #2c66ce;; /*#d0d9ff;*/ 162 border-bottom: 1px dotted #2c66ce;; /*#d0d9ff;*/
@@ -167,7 +165,7 @@ background-repeat: no-repeat; @@ -167,7 +165,7 @@ background-repeat: no-repeat;
167 #portal-siteactions li a:hover { 165 #portal-siteactions li a:hover {
168 color: #969696; /*#d0d9ff; 166 color: #969696; /*#d0d9ff;
169 }*/ 167 }*/
170 -#portal-siteactions li a { 168 +#theme-header #portal-siteactions li a {
171 padding: 4px 0px; 169 padding: 4px 0px;
172 } 170 }
173 171
@@ -218,7 +216,7 @@ li#siteaction-mapadosite { @@ -218,7 +216,7 @@ li#siteaction-mapadosite {
218 /* */ 216 /* */
219 217
220 /* Sobre o brasil */ 218 /* Sobre o brasil */
221 -#sobre, #navbar { 219 +#theme-header #sobre, #theme-header #navbar {
222 clear: both; 220 clear: both;
223 max-width: 100% !important; 221 max-width: 100% !important;
224 margin: 0; 222 margin: 0;
@@ -227,38 +225,38 @@ li#siteaction-mapadosite { @@ -227,38 +225,38 @@ li#siteaction-mapadosite {
227 padding: 5px 0; 225 padding: 5px 0;
228 } 226 }
229 227
230 -#sobre,#navbar ul { 228 +#theme-header #sobre, #theme-header #navbar ul {
231 max-width: 960px; 229 max-width: 960px;
232 margin: 0px auto; 230 margin: 0px auto;
233 text-align: right; 231 text-align: right;
234 padding:10px; 232 padding:10px;
235 } 233 }
236 234
237 -#sobre a { 235 +#theme-header #sobre a {
238 color: #2c66ce; /*rgb(96,96,96);*/ 236 color: #2c66ce; /*rgb(96,96,96);*/
239 font-family: 'Open Sans', Arial, Helvetica, sans-serif; 237 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
240 } 238 }
241 -#navbar a{ 239 +#theme-header #navbar a{
242 color: rgb(96,96,96); 240 color: rgb(96,96,96);
243 font-family: 'Open Sans', Arial, Helvetica, sans-serif; 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 padding: 0 10px; 245 padding: 0 10px;
248 border-right: 1px solid #03316f; 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 padding: 0 0 0 10px; 250 padding: 0 0 0 10px;
253 border-right: none; 251 border-right: none;
254 } 252 }
255 253
256 -#navbar:hover{ 254 +#theme-header #navbar:houver{
257 color:#000000; 255 color:#000000;
258 256
259 } 257 }
260 258
261 -#links-rapidos{ 259 +#theme-header #links-rapidos{
262 width: 960px; 260 width: 960px;
263 margin: 0 auto; 261 margin: 0 auto;
264 color:#fff; 262 color:#fff;
@@ -273,11 +271,11 @@ li#siteaction-mapadosite { @@ -273,11 +271,11 @@ li#siteaction-mapadosite {
273 border: none; 271 border: none;
274 } 272 }
275 273
276 -input.searchField { 274 +#theme-header input.searchField {
277 -moz-appearance: none; 275 -moz-appearance: none;
278 } 276 }
279 277
280 -#portal-searchbox { 278 +#theme-header #portal-searchbox {
281 clear: right; 279 clear: right;
282 float: right; 280 float: right;
283 font-size: 80%; 281 font-size: 80%;
@@ -292,26 +290,26 @@ input.searchField { @@ -292,26 +290,26 @@ input.searchField {
292 padding: 2px; 290 padding: 2px;
293 } 291 }
294 292
295 -#portal-searchbox .searchField { 293 +#theme-header #portal-searchbox .searchField {
296 padding: 0.45em; 294 padding: 0.45em;
297 border-right: none; 295 border-right: none;
298 border: none; 296 border: none;
299 width: 171px; /*210px;170px;*/ 297 width: 171px; /*210px;170px;*/
300 } 298 }
301 299
302 -#portal-searchbox form { 300 +#theme-header #portal-searchbox form {
303 white-space: nowrap; 301 white-space: nowrap;
304 } 302 }
305 303
306 -#portal-searchbox label { 304 +#theme-header #portal-searchbox label {
307 font-weight: normal; 305 font-weight: normal;
308 } 306 }
309 307
310 -#searchGadget { 308 +#theme-header #searchGadget {
311 width: 13em; 309 width: 13em;
312 } 310 }
313 311
314 -#header input.searchButton { 312 +#theme-header #header input.searchButton {
315 padding: 0.3em; 313 padding: 0.3em;
316 background: transparent; 314 background: transparent;
317 text-indent: -2000px; 315 text-indent: -2000px;
@@ -328,7 +326,7 @@ input.searchField { @@ -328,7 +326,7 @@ input.searchField {
328 -moz-appearance: searchfield; 326 -moz-appearance: searchfield;
329 }*/ 327 }*/
330 328
331 -#header input.searchButton { 329 +#theme-header #header input.searchButton {
332 background-image: url("images/search-button.png"); 330 background-image: url("images/search-button.png");
333 background-position: 8px 2px; 331 background-position: 8px 2px;
334 background-repeat: no-repeat; 332 background-repeat: no-repeat;
@@ -342,7 +340,7 @@ input.searchField { @@ -342,7 +340,7 @@ input.searchField {
342 340
343 341
344 /* Search Button */ 342 /* Search Button */
345 -#search-button a { 343 +#theme-header #search-button a {
346 display: inline-block; 344 display: inline-block;
347 width: 29px; 345 width: 29px;
348 height: 25px; 346 height: 25px;
@@ -350,16 +348,16 @@ input.searchField { @@ -350,16 +348,16 @@ input.searchField {
350 margin-top: 10px; 348 margin-top: 10px;
351 } 349 }
352 350
353 -#search-button a:hover { 351 +#theme-header #search-button a:hover {
354 opacity: 0.6; 352 opacity: 0.6;
355 } 353 }
356 354
357 -#search-button #sb_search { 355 +#theme-header #search-button #sb_search {
358 background-image: url(images/search.png); 356 background-image: url(images/search.png);
359 background-size: 100% 100%; 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 /* */
@@ -687,16 +687,21 @@ body #content .main-block h1 { @@ -687,16 +687,21 @@ body #content .main-block h1 {
687 } 687 }
688 688
689 body #content .main-block form .button-bar input, 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 background-image: none; 693 background-image: none;
692 border: 0; 694 border: 0;
693 margin-right: 10px; 695 margin-right: 10px;
694 display: inline-block; 696 display: inline-block;
695 - width: 100px; 697 + min-width: 100px;
  698 + padding-right: 5px;
  699 + padding-left: 5px;
696 text-align: center; 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 background-image: none; 705 background-image: none;
701 border: 0; 706 border: 0;
702 padding: 0 10px 0 20px; 707 padding: 0 10px 0 20px;
@@ -706,7 +711,8 @@ body #content .main-block form .icon-add{ @@ -706,7 +711,8 @@ body #content .main-block form .icon-add{
706 position: relative; 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 left: 6px; 716 left: 6px;
711 vertical-align: middle; 717 vertical-align: middle;
712 font-size: 12px; 718 font-size: 12px;
@@ -717,6 +723,10 @@ body #content .main-block form .icon-add:before { @@ -717,6 +723,10 @@ body #content .main-block form .icon-add:before {
717 text-align: center; 723 text-align: center;
718 } 724 }
719 725
  726 +body #content form .button-bar .icon-delete {
  727 + float: none;
  728 +}
  729 +
720 .dynamic-table{ 730 .dynamic-table{
721 border: none; 731 border: none;
722 font-family: 'Open Sans', Arial, Helvetica, sans-serif; 732 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
@@ -788,11 +798,13 @@ body #content .main-block form .icon-add:before { @@ -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 width: 150px !important; 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 padding: 2px 0; 808 padding: 2px 0;
797 color: #FFF; 809 color: #FFF;
798 font-size: 15px; 810 font-size: 15px;
@@ -804,7 +816,8 @@ body #content .main-block form .button-bar input:hover { @@ -804,7 +816,8 @@ body #content .main-block form .button-bar input:hover {
804 background: #5E82C6; 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 padding: 1px 0 0 0; 821 padding: 1px 0 0 0;
809 height: 0; 822 height: 0;
810 line-height: normal; 823 line-height: normal;
@@ -814,13 +827,15 @@ body #content .main-block form .button-bar a.button { @@ -814,13 +827,15 @@ body #content .main-block form .button-bar a.button {
814 height: 29px; 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 background: none; 832 background: none;
819 border-color: #5E82C6; 833 border-color: #5E82C6;
820 color: #5E82C6; 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 border-color: #C0392B; 839 border-color: #C0392B;
825 color: #C0392B; 840 color: #C0392B;
826 } 841 }
html-cms/help-page.html 0 → 100644
  Diff comments   View file @adeb1ae
@@ -0,0 +1,59 @@ @@ -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 \ No newline at end of file 60 \ No newline at end of file
html-cms/notifications_bar.html 0 → 100644
  Diff comments   View file @adeb1ae
@@ -0,0 +1,57 @@ @@ -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 \ No newline at end of file 58 \ No newline at end of file
html-cms/sitemap.html 0 → 100644
  Diff comments   View file @adeb1ae
@@ -0,0 +1,81 @@ @@ -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 \ No newline at end of file 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 #catalog-filter{ 11 #catalog-filter{
4 display: none; 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 text-transform: uppercase; 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 background-color: #eee; /*#f1f1f1;*/ 44 background-color: #eee; /*#f1f1f1;*/
22 } 45 }
23 46
24 .search-form{ 47 .search-form{
25 background: #ecedf1; 48 background: #ecedf1;
26 border-radius: 4px; 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 .search-form #search-subheader{ 77 .search-form #search-subheader{
30 padding-left: 14px; 78 padding-left: 14px;
31 } 79 }
  80 +
32 .search-form #search-header #search-filters{ 81 .search-form #search-header #search-filters{
33 float: left !important; 82 float: left !important;
34 padding-left: 14px; 83 padding-left: 14px;
@@ -42,11 +91,14 @@ @@ -42,11 +91,14 @@
42 border-bottom: 1px solid #ccc !important; 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 font-size:110%; 96 font-size:110%;
47 - margin: 0px 0px 15px 15px; 97 + margin: 4px 0px 0px 13px;
48 border-radius: 4px; 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 #search-input.blur { 104 #search-input.blur {
@@ -58,20 +110,14 @@ @@ -58,20 +110,14 @@
58 padding:0.55em; 110 padding:0.55em;
59 } 111 }
60 112
61 -.controller-search .search-field .formfield {  
62 - width: 80%;  
63 -}  
64 -  
65 .controller-search #content form input.button.submit { 113 .controller-search #content form input.button.submit {
66 height: 30px; 114 height: 30px;
67 max-height: 30px; 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 text-transform: uppercase; 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 color:#ffffff; 121 color:#ffffff;
76 background-color:#4562b1; 122 background-color:#4562b1;
77 } 123 }
@@ -81,8 +127,8 @@ @@ -81,8 +127,8 @@
81 color:#172738; 127 color:#172738;
82 font-size:20px; 128 font-size:20px;
83 padding:5px; 129 padding:5px;
84 -  
85 } 130 }
  131 +
86 .action-search-software_infos #content input.button{ 132 .action-search-software_infos #content input.button{
87 background-color:#2B65cd; 133 background-color:#2B65cd;
88 border: 1px solid #2B65cd; 134 border: 1px solid #2B65cd;
@@ -92,24 +138,120 @@ @@ -92,24 +138,120 @@
92 padding:0px; 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 .controller-search .action-search-software_infos .search-field .formfield { 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 background: #ffffff; 253 background: #ffffff;
112 - /*padding: 50px 0 !important;*/ 254 + border-bottom: 1px solid #d7d7d7;
113 } 255 }
114 256
115 .action-search-software_infos .search-results-innerbox { 257 .action-search-software_infos .search-results-innerbox {
@@ -130,30 +272,22 @@ @@ -130,30 +272,22 @@
130 float:left; 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 height: 130px; 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 width:60%; /*440px;*/ 283 width:60%; /*440px;*/
150 float:left; 284 float:left;
151 margin-left: 130px; 285 margin-left: 130px;
152 - /*text-align: justify;*/  
153 } 286 }
154 287
155 #content .search-results-box .vcard { 288 #content .search-results-box .vcard {
156 display: table; 289 display: table;
  290 + margin: 0;
157 } 291 }
158 292
159 #content .vcard a:hover{ 293 #content .vcard a:hover{
@@ -164,19 +298,10 @@ @@ -164,19 +298,10 @@
164 border: none; 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 max-width: 90px; 302 max-width: 90px;
173 height: auto; 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 .action-search-software_infos .common-profile-list-block img{ 307 .action-search-software_infos .common-profile-list-block img{
@@ -184,9 +309,8 @@ @@ -184,9 +309,8 @@
184 } 309 }
185 310
186 .action-search-software_infos .common-profile-list-block .profile-image{ 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 width: 130px; 314 width: 130px;
191 height: 130px; 315 height: 130px;
192 } 316 }
@@ -195,64 +319,57 @@ @@ -195,64 +319,57 @@
195 font-size: 13px; 319 font-size: 13px;
196 font-family: Arial; 320 font-family: Arial;
197 opacity: inherit; 321 opacity: inherit;
198 - width:135px; 322 + width:130px;
199 padding-right:20px; 323 padding-right:20px;
200 text-align: left; 324 text-align: left;
201 position:absolute; 325 position:absolute;
202 top:0px; 326 top:0px;
203 - /* margin-bottom:130px;*/ /*verificar melhor forma de fazer, tamanho da barra laterial*/  
204 - 327 + color: #21376c;
205 } 328 }
206 .action-search-software_infos .common-profile-list-block .extra_info::before{ 329 .action-search-software_infos .common-profile-list-block .extra_info::before{
207 content: url("images/ic-calendar.png"); 330 content: url("images/ic-calendar.png");
208 - line-height: 20px;  
209 margin-right:10px; 331 margin-right:10px;
210 margin-top:6px; 332 margin-top:6px;
211 float: left; 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 font-size: 15px; 337 font-size: 15px;
219 - padding-top: 0px; 338 + padding: 0 0 0 8px;
220 font-family: Arial; 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 color:#172938 !important; 345 color:#172938 !important;
225 font-size:19px !important; 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 font-weight: normal; 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 float: left; 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 margin-bottom: 10px; 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 text-decoration: underline; 367 text-decoration: underline;
251 font-size: 13px; 368 font-size: 13px;
252 color:#2B65cd; 369 color:#2B65cd;
253 - display:block !important;  
254 float:left; 370 float:left;
255 - margin-right: 10px !important; 371 + line-height:18px;
  372 + margin-left: 7px !important;
256 width: auto !important; 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,9 +348,12 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
348 display: none; 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 #content .block.softwares-block .block-title { 355 #content .block.softwares-block .block-title {
353 - margin: 0px 0px 25px 0px; 356 + margin: 0px 0px 25px 0px;
354 } 357 }
355 358
356 /* Bloco de notícias (Display contents) */ 359 /* Bloco de notícias (Display contents) */
pagina-artigos.css
  Diff comments   View file @adeb1ae
@@ -7,6 +7,8 @@ @@ -7,6 +7,8 @@
7 font-size: 34px !important; 7 font-size: 34px !important;
8 line-height: 37px !important; 8 line-height: 37px !important;
9 margin-bottom: 10px !important; 9 margin-bottom: 10px !important;
  10 + border-bottom: 1px solid #D3D6DE !important;
  11 + padding-bottom: 10px !important;
10 } 12 }
11 13
12 #content .main-block .article-body { 14 #content .main-block .article-body {
@@ -107,8 +109,31 @@ @@ -107,8 +109,31 @@
107 color: #2C66CE; 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 .page-comment-form { 139 .page-comment-form {
@@ -449,3 +474,51 @@ color: #F91461; @@ -449,3 +474,51 @@ color: #F91461;
449 font-family: Arial; 474 font-family: Arial;
450 line-height: 22px; 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,7 +255,7 @@ border: none;
255 background-position: center center; 255 background-position: center center;
256 background-repeat: no-repeat; 256 background-repeat: no-repeat;
257 border: 1px solid #2C66CE; 257 border: 1px solid #2C66CE;
258 - border-radius: 8px; 258 + border-radius: 6px;
259 display: block; 259 display: block;
260 padding: 45px 45px 5px 10px; 260 padding: 45px 45px 5px 10px;
261 float: left; 261 float: left;
@@ -146,14 +146,14 @@ vertical-align: baseline; @@ -146,14 +146,14 @@ vertical-align: baseline;
146 /* */ 146 /* */
147 /* */ 147 /* */
148 body { 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 h1, h2, h3, h4, h5, h6 { 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,19 +499,19 @@ p {
499 } 499 }
500 500
501 #content .box .read-more a::after { 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 #content .box .article-block .read-more a::after { 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,7 +651,7 @@ p {
651 /* Menu List footer */ 651 /* Menu List footer */
652 /* 652 /*
653 #content .box-3 .block-title{ 653 #content .box-3 .block-title{
654 - margin:0; 654 + margin:0;
655 } 655 }
656 656
657 657
@@ -820,6 +820,7 @@ p { @@ -820,6 +820,7 @@ p {
820 .article-body ul { 820 .article-body ul {
821 list-style-position: inside; 821 list-style-position: inside;
822 list-style-type: disc; 822 list-style-type: disc;
  823 + background-repeat: no-repeat;
823 } 824 }
824 825
825 .article-body ol { 826 .article-body ol {
@@ -881,8 +882,8 @@ p { @@ -881,8 +882,8 @@ p {
881 882
882 /* nao mostrar seta neste tipo de box */ 883 /* nao mostrar seta neste tipo de box */
883 #content .blog-post .short-post .read-more a::after { 884 #content .blog-post .short-post .read-more a::after {
884 - content: none;  
885 - } 885 + content: none;
  886 + }
886 887
887 .comment-info { 888 .comment-info {
888 line-height: 1em; 889 line-height: 1em;
@@ -975,50 +976,6 @@ p { @@ -975,50 +976,6 @@ p {
975 976
976 /* fim de comentário*/ 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 /*borda dos wrappers*/ 980 /*borda dos wrappers*/
1024 /**/ 981 /**/
@@ -1210,18 +1167,16 @@ div#article-parent { @@ -1210,18 +1167,16 @@ div#article-parent {
1210 1167
1211 #article-tags a:link { 1168 #article-tags a:link {
1212 clear: both; 1169 clear: both;
1213 - display: inline-block; 1170 + float: left;
  1171 + display: block;
  1172 + font-size: 12px;
1214 margin-bottom: 1.5em; 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 /* fim Content*/ 1180 /* fim Content*/
1226 1181
1227 /*busca*/ 1182 /*busca*/
@@ -1235,18 +1190,84 @@ div#article-parent { @@ -1235,18 +1190,84 @@ div#article-parent {
1235 /*paginação*/ 1190 /*paginação*/
1236 1191
1237 .pagination { 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 #profile-header { 1269 #profile-header {
1249 - position: absolute; /* Corrige link de login */ 1270 + position: absolute; /* Corrige link de login */
1250 } 1271 }
1251 1272
1252 #public-profile-search, #profile-search-results form, .profile-search-block form { 1273 #public-profile-search, #profile-search-results form, .profile-search-block form {
@@ -1310,6 +1331,11 @@ input.button.with-text { @@ -1310,6 +1331,11 @@ input.button.with-text {
1310 max-height: 28px; 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 #content input.button, #content a.button { 1339 #content input.button, #content a.button {
1314 background-color: #EEEEEE; 1340 background-color: #EEEEEE;
1315 background-repeat: no-repeat; 1341 background-repeat: no-repeat;
@@ -2332,14 +2358,14 @@ body.contraste.action-home-index #content .tags-block .block-inner-2, body.contr @@ -2332,14 +2358,14 @@ body.contraste.action-home-index #content .tags-block .block-inner-2, body.contr
2332 } 2358 }
2333 2359
2334 body.contraste.action-home-index #content .box-1 .block-title span, body.contraste.action-environment_design-index #content .box-1 .block-title span { 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 body.contraste #logo #portal-title { 2365 body.contraste #logo #portal-title {
2340 background-image: url("images/logotipo_spb_beta_ac.svg"); 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 body.contraste #accessibility span { 2371 body.contraste #accessibility span {
@@ -2449,30 +2475,30 @@ body.contraste #portal-siteactions { @@ -2449,30 +2475,30 @@ body.contraste #portal-siteactions {
2449 } 2475 }
2450 2476
2451 body.contraste #complete_registration { 2477 body.contraste #complete_registration {
2452 - background-color: transparent; 2478 + background-color: transparent;
2453 } 2479 }
2454 2480
2455 body.contraste tr:hover td { 2481 body.contraste tr:hover td {
2456 - background-color: #333; 2482 + background-color: #333;
2457 } 2483 }
2458 2484
2459 body.contraste .action-friends-index .profile-list li:hover, 2485 body.contraste .action-friends-index .profile-list li:hover,
2460 body.contraste .common-profile-list-block .vcard:hover { 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 body.contraste .menu-submenu-content { 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 body.contraste #user .logged-in { 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 body.contraste #social-icons #sb_face { 2504 body.contraste #social-icons #sb_face {
@@ -2504,87 +2530,87 @@ body.contraste #social-icons #sb_flickr:hover { @@ -2504,87 +2530,87 @@ body.contraste #social-icons #sb_flickr:hover {
2504 } 2530 }
2505 2531
2506 body.contraste .no-boxes-inner-2 { 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 body.contraste #signup-form { 2537 body.contraste #signup-form {
2512 - color: #fff; 2538 + color: #fff;
2513 } 2539 }
2514 2540
2515 body.contraste #portal-searchbox { 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 body.contraste #portal-searchbox .searchField { 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 body.contraste #header input.searchButton { 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 body.contraste #menucontainer { 2556 body.contraste #menucontainer {
2531 - background: #333;  
2532 - color: #FFF !important; 2557 + background: #333;
  2558 + color: #FFF !important;
2533 } 2559 }
2534 2560
2535 body.contraste #menucontainer ul li.parent_menu a { 2561 body.contraste #menucontainer ul li.parent_menu a {
2536 - color: #FFF !important; 2562 + color: #FFF !important;
2537 } 2563 }
2538 2564
2539 body.contraste #content .no-boxes h1 { 2565 body.contraste #content .no-boxes h1 {
2540 - color: #FFF !important; 2566 + color: #FFF !important;
2541 } 2567 }
2542 2568
2543 body.contraste #signup-form .formfieldline, 2569 body.contraste #signup-form .formfieldline,
2544 body.contraste #signup-formfield-group, 2570 body.contraste #signup-formfield-group,
2545 body.contraste #signup-form .required-field label, 2571 body.contraste #signup-form .required-field label,
2546 body.contraste #signup-form .formlabel { 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 body.contraste .pseudoformlabel, 2577 body.contraste .pseudoformlabel,
2552 body.contraste .formlabel { 2578 body.contraste .formlabel {
2553 - color: #FFF; 2579 + color: #FFF;
2554 } 2580 }
2555 2581
2556 body.contraste #signup-form { 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 body.contraste #signup-form .formfield input, 2587 body.contraste #signup-form .formfield input,
2562 body.contraste #signup-form .formfield textarea { 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 body.contraste #signup-domain { 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 body.contraste .ui-state-default, 2599 body.contraste .ui-state-default,
2574 body.contraste .ui-widget-content .ui-state-default, 2600 body.contraste .ui-widget-content .ui-state-default,
2575 body.contraste .ui-widget-header .ui-state-default { 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 body.contraste .agenda-tile .title { 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 body.contraste .agenda-tile .period { 2612 body.contraste .agenda-tile .period {
2587 - color: #FFF; 2613 + color: #FFF;
2588 } 2614 }
2589 2615
2590 /*botão rss*/ 2616 /*botão rss*/
@@ -2924,18 +2950,46 @@ div.software-step-info div.current-step h3 { @@ -2924,18 +2950,46 @@ div.software-step-info div.current-step h3 {
2924 box-shadow: none; 2950 box-shadow: none;
2925 } 2951 }
2926 2952
2927 -#content .main-block .blog-post p {  
2928 - text-align: justify;  
2929 -}  
2930 -  
2931 /** Software pages - temporary adjusts **/ 2953 /** Software pages - temporary adjusts **/
2932 2954
2933 .controller-content_viewer.profile-homepage #article hr{ 2955 .controller-content_viewer.profile-homepage #article hr{
2934 display: none; 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 .action-cms-upload_files #content .main-block .button-bar .icon-add { 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,3 +2999,457 @@ div.software-step-info div.current-step h3 {
2945 .action-cms-upload_files #content .main-block .icon-add:before{ 2999 .action-cms-upload_files #content .main-block .icon-add:before{
2946 display: none; 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 +}
@@ -121,10 +121,10 @@ $(&#39;#link-buscar&#39;).click(function(e) { @@ -121,10 +121,10 @@ $(&#39;#link-buscar&#39;).click(function(e) {
121 function insert_notice_div(){ 121 function insert_notice_div(){
122 var notice = $('.display-content-block').find('li'); 122 var notice = $('.display-content-block').find('li');
123 notice.each(function(){ 123 notice.each(function(){
124 - var $set = $(this).children(); 124 + var $set = $(this).children();
125 for(var i=1, len = $set.length; i < len; i+=5){ 125 for(var i=1, len = $set.length; i < len; i+=5){
126 $set.slice(i, i+5).wrapAll('<div class="notice-item"/>'); 126 $set.slice(i, i+5).wrapAll('<div class="notice-item"/>');
127 - } 127 + }
128 for(var i=2, len = $set.length; i < len; i+=3){ 128 for(var i=2, len = $set.length; i < len; i+=3){
129 $set.slice(i, i+3).wrapAll('<div class="notice-info"/>'); 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,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 $(document).ready(function(){ 182 $(document).ready(function(){
138 set_events(); 183 set_events();
139 move_article_buttons(); 184 move_article_buttons();
140 add_link_to_article_div(); 185 add_link_to_article_div();
141 insert_notice_div(); 186 insert_notice_div();
  187 + set_uploaded_files_names();
  188 + set_tooltip_content();
  189 + set_arrow_direction();
142 }); 190 });
143 })(jQuery); 191 })(jQuery);