Commit db2bf0708259adabba29a4acf0c24b1ea653884f

Authored by Juliana
2 parents 98d594a8 1ce287ec

Merge branch 'master' of https://gitlab.com/softwarepublico/noosfero-spb-theme

Conflicts:
	images/left-arrow.png
	pagina_comunidade.css
1 -Participa.gov Theme for Noosfero 1 +PSB Theme for Noosfero
2 ================================ 2 ================================
3 3
4 -Noosfero theme for the Participa.gov environment. 4 +Noosfero theme for the _Portal do Software Público_ project.
5 5
6 -Install on /public/designs/themes/participa 6 +Install on /public/designs/themes/noosfero-spb-theme
7 \ No newline at end of file 7 \ No newline at end of file
cabecalho-cinza-theme.css
1 @import url(http://fonts.googleapis.com/css?family=Open+Sans); 1 @import url(http://fonts.googleapis.com/css?family=Open+Sans);
2 2
3 a:link, #content a:link, dl.portlet a:link { 3 a:link, #content a:link, dl.portlet a:link {
4 - color: #2c67cd; 4 + color: #172738;
5 /*border-bottom: none;*/ 5 /*border-bottom: none;*/
6 } 6 }
7 7
@@ -24,7 +24,7 @@ tr:hover td { @@ -24,7 +24,7 @@ tr:hover td {
24 24
25 #theme-header{} 25 #theme-header{}
26 26
27 -#header { 27 +#theme-header #header {
28 padding: 15px 0 0 0; /*13px 0 0 0;*/ 28 padding: 15px 0 0 0; /*13px 0 0 0;*/
29 color: #000; 29 color: #000;
30 background-color:#f0f2f1; /*rgb(236,237,241);*/ 30 background-color:#f0f2f1; /*rgb(236,237,241);*/
@@ -32,19 +32,19 @@ tr:hover td { @@ -32,19 +32,19 @@ tr:hover td {
32 background-image: -webkit-radial-gradient(center, ellipse cover, #f0f2f1 1%, #ecedf1 100%) 32 background-image: -webkit-radial-gradient(center, ellipse cover, #f0f2f1 1%, #ecedf1 100%)
33 } 33 }
34 34
35 -#header>div { 35 +#theme-header #header>div {
36 max-width: 960px; 36 max-width: 960px;
37 min-width: 960px; 37 min-width: 960px;
38 margin: 0 auto; 38 margin: 0 auto;
39 } 39 }
40 40
41 -.header-content * { 41 +#theme-header .header-content * {
42 margin: 0; 42 margin: 0;
43 padding: 0; 43 padding: 0;
44 list-style: none; 44 list-style: none;
45 vertical-align: baseline; 45 vertical-align: baseline;
46 } 46 }
47 -.header-content li { display: inline; } 47 +#theme-header .header-content li { display: inline; }
48 48
49 #brasilgov { 49 #brasilgov {
50 background: #00510f; 50 background: #00510f;
@@ -53,7 +53,7 @@ tr:hover td { @@ -53,7 +53,7 @@ tr:hover td {
53 color: #03316f; 53 color: #03316f;
54 } 54 }
55 55
56 -#accessibility { 56 +#theme-header #accessibility {
57 display: block !important; 57 display: block !important;
58 float: left; 58 float: left;
59 font-family: arial; 59 font-family: arial;
@@ -61,15 +61,15 @@ tr:hover td { @@ -61,15 +61,15 @@ tr:hover td {
61 width: 50%; 61 width: 50%;
62 } 62 }
63 63
64 -#accessibility a { 64 +#theme-header #accessibility a {
65 /*color:# ;rgb(96,96,96);*//*#FFF; */ 65 /*color:# ;rgb(96,96,96);*//*#FFF; */
66 margin-right: 8px; 66 margin-right: 8px;
67 } 67 }
68 -#accessibility a:hover { 68 +#theme-header #accessibility a:hover {
69 /*color:/*#969696;*/ /*#d0d9ff;*/ 69 /*color:/*#969696;*/ /*#d0d9ff;*/
70 } 70 }
71 71
72 -#accessibility span { 72 +#theme-header #accessibility span {
73 background: none repeat scroll 0 0 #2c66ce; /*rgb(96,96,96);*/ 73 background: none repeat scroll 0 0 #2c66ce; /*rgb(96,96,96);*/
74 color: #FFFFFF; 74 color: #FFFFFF;
75 padding: 0 3px; 75 padding: 0 3px;
@@ -87,28 +87,28 @@ background-repeat: no-repeat; @@ -87,28 +87,28 @@ background-repeat: no-repeat;
87 }*/ 87 }*/
88 88
89 /* logo */ 89 /* logo */
90 -#logo { 90 +#theme-header #logo {
91 padding: 0; 91 padding: 0;
92 float: left; 92 float: left;
93 width: 50%; /*70%;*/ 93 width: 50%; /*70%;*/
94 } 94 }
95 95
96 -#logo span { 96 +#theme-header #logo span {
97 display: block; 97 display: block;
98 } 98 }
99 99
100 -#logo a { 100 +#theme-header #logo a {
101 display: block; 101 display: block;
102 width: 100%; 102 width: 100%;
103 color: #03316f !important; 103 color: #03316f !important;
104 margin: 1em 0px; 104 margin: 1em 0px;
105 } 105 }
106 106
107 -#logo a, #logo #portal-title { 107 +#theme-header #logo a, #theme-header #logo #portal-title {
108 color: #03316f; 108 color: #03316f;
109 } 109 }
110 110
111 -#logo #portal-title { 111 +#theme-header #logo #portal-title {
112 background-image: url("images/logotipo_spb_beta.svg"); 112 background-image: url("images/logotipo_spb_beta.svg");
113 background-repeat: no-repeat; 113 background-repeat: no-repeat;
114 background-size: 370px; /*374px 56px;*/ 114 background-size: 370px; /*374px 56px;*/
@@ -124,19 +124,19 @@ background-repeat: no-repeat; @@ -124,19 +124,19 @@ background-repeat: no-repeat;
124 letter-spacing: -0.05em;*/ 124 letter-spacing: -0.05em;*/
125 } 125 }
126 126
127 -#logo .luongo { 127 +#theme-header #logo .luongo {
128 font-size: 3em !important; 128 font-size: 3em !important;
129 line-height: 1.1em; 129 line-height: 1.1em;
130 margin-bottom: 0.2em; 130 margin-bottom: 0.2em;
131 } 131 }
132 132
133 -#logo #portal-description { 133 +#theme-header #logo #portal-description {
134 font-size: 1.2em; 134 font-size: 1.2em;
135 text-transform: uppercase; 135 text-transform: uppercase;
136 } 136 }
137 137
138 /* Site Actions */ 138 /* Site Actions */
139 -#portal-siteactions { 139 +#theme-header #portal-siteactions {
140 display: block; 140 display: block;
141 float: right; 141 float: right;
142 clear: left; 142 clear: left;
@@ -146,7 +146,7 @@ background-repeat: no-repeat; @@ -146,7 +146,7 @@ background-repeat: no-repeat;
146 text-align: center; 146 text-align: center;
147 } 147 }
148 148
149 -#portal-siteactions a { 149 +#theme-header #portal-siteactions a {
150 color:#2c66ce; /*rgb(96,96,96);*/ /*#FFF;*/ 150 color:#2c66ce; /*rgb(96,96,96);*/ /*#FFF;*/
151 text-decoration: none; 151 text-decoration: none;
152 padding: 4px 0 4px 10px; 152 padding: 4px 0 4px 10px;
@@ -154,11 +154,11 @@ background-repeat: no-repeat; @@ -154,11 +154,11 @@ background-repeat: no-repeat;
154 font-family: 'open_sansregular', Arial, Helvetica, sans-serif; 154 font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
155 } 155 }
156 156
157 -#portal-siteactions a:hover { 157 +#theme-header #portal-siteactions a:hover {
158 color: #03316f; 158 color: #03316f;
159 } 159 }
160 160
161 -#portal-siteactions li { 161 +#theme-header #portal-siteactions li {
162 display: inline; 162 display: inline;
163 margin: 0 5px 0 0; 163 margin: 0 5px 0 0;
164 border-bottom: 1px dotted #2c66ce;; /*#d0d9ff;*/ 164 border-bottom: 1px dotted #2c66ce;; /*#d0d9ff;*/
@@ -167,7 +167,7 @@ background-repeat: no-repeat; @@ -167,7 +167,7 @@ background-repeat: no-repeat;
167 #portal-siteactions li a:hover { 167 #portal-siteactions li a:hover {
168 color: #969696; /*#d0d9ff; 168 color: #969696; /*#d0d9ff;
169 }*/ 169 }*/
170 -#portal-siteactions li a { 170 +#theme-header #portal-siteactions li a {
171 padding: 4px 0px; 171 padding: 4px 0px;
172 } 172 }
173 173
@@ -218,7 +218,7 @@ li#siteaction-mapadosite { @@ -218,7 +218,7 @@ li#siteaction-mapadosite {
218 /* */ 218 /* */
219 219
220 /* Sobre o brasil */ 220 /* Sobre o brasil */
221 -#sobre, #navbar { 221 +#theme-header #sobre, #theme-header #navbar {
222 clear: both; 222 clear: both;
223 max-width: 100% !important; 223 max-width: 100% !important;
224 margin: 0; 224 margin: 0;
@@ -227,38 +227,38 @@ li#siteaction-mapadosite { @@ -227,38 +227,38 @@ li#siteaction-mapadosite {
227 padding: 5px 0; 227 padding: 5px 0;
228 } 228 }
229 229
230 -#sobre,#navbar ul { 230 +#theme-header #sobre, #theme-header #navbar ul {
231 max-width: 960px; 231 max-width: 960px;
232 margin: 0px auto; 232 margin: 0px auto;
233 text-align: right; 233 text-align: right;
234 padding:10px; 234 padding:10px;
235 } 235 }
236 236
237 -#sobre a { 237 +#theme-header #sobre a {
238 color: #2c66ce; /*rgb(96,96,96);*/ 238 color: #2c66ce; /*rgb(96,96,96);*/
239 font-family: 'Open Sans', Arial, Helvetica, sans-serif; 239 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
240 } 240 }
241 -#navbar a{ 241 +#theme-header #navbar a{
242 color: rgb(96,96,96); 242 color: rgb(96,96,96);
243 font-family: 'Open Sans', Arial, Helvetica, sans-serif; 243 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
244 } 244 }
245 245
246 -#sobre, #navbar .portalservicos-item a { 246 +#theme-header #sobre, #theme-header #navbar .portalservicos-item a {
247 padding: 0 10px; 247 padding: 0 10px;
248 border-right: 1px solid #03316f; 248 border-right: 1px solid #03316f;
249 } 249 }
250 250
251 -#sobre, #navbar .last-item a { 251 +#theme-header #sobre, #theme-header #navbar .last-item a {
252 padding: 0 0 0 10px; 252 padding: 0 0 0 10px;
253 border-right: none; 253 border-right: none;
254 } 254 }
255 255
256 -#navbar:houver{ 256 +#theme-header #navbar:houver{
257 color:#000000; 257 color:#000000;
258 258
259 } 259 }
260 260
261 -#links-rapidos{ 261 +#theme-header #links-rapidos{
262 width: 960px; 262 width: 960px;
263 margin: 0 auto; 263 margin: 0 auto;
264 font-color:#fff; 264 font-color:#fff;
@@ -273,11 +273,11 @@ li#siteaction-mapadosite { @@ -273,11 +273,11 @@ li#siteaction-mapadosite {
273 border: none; 273 border: none;
274 } 274 }
275 275
276 -input.searchField { 276 +#theme-header input.searchField {
277 -moz-appearance: none; 277 -moz-appearance: none;
278 } 278 }
279 279
280 -#portal-searchbox { 280 +#theme-header #portal-searchbox {
281 clear: right; 281 clear: right;
282 float: right; 282 float: right;
283 font-size: 80%; 283 font-size: 80%;
@@ -292,26 +292,26 @@ input.searchField { @@ -292,26 +292,26 @@ input.searchField {
292 padding: 2px; 292 padding: 2px;
293 } 293 }
294 294
295 -#portal-searchbox .searchField { 295 +#theme-header #portal-searchbox .searchField {
296 padding: 0.45em; 296 padding: 0.45em;
297 border-right: none; 297 border-right: none;
298 border: none; 298 border: none;
299 width: 171px; /*210px;170px;*/ 299 width: 171px; /*210px;170px;*/
300 } 300 }
301 301
302 -#portal-searchbox form { 302 +#theme-header #portal-searchbox form {
303 white-space: nowrap; 303 white-space: nowrap;
304 } 304 }
305 305
306 -#portal-searchbox label { 306 +#theme-header #portal-searchbox label {
307 font-weight: normal; 307 font-weight: normal;
308 } 308 }
309 309
310 -#searchGadget { 310 +#theme-header #searchGadget {
311 width: 13em; 311 width: 13em;
312 } 312 }
313 313
314 -#header input.searchButton { 314 +#theme-header #header input.searchButton {
315 padding: 0.3em; 315 padding: 0.3em;
316 background: transparent; 316 background: transparent;
317 text-indent: -2000px; 317 text-indent: -2000px;
@@ -328,7 +328,7 @@ input.searchField { @@ -328,7 +328,7 @@ input.searchField {
328 -moz-appearance: searchfield; 328 -moz-appearance: searchfield;
329 }*/ 329 }*/
330 330
331 -#header input.searchButton { 331 +#theme-header #header input.searchButton {
332 background-image: url("images/search-button.png"); 332 background-image: url("images/search-button.png");
333 background-position: 8px 2px; 333 background-position: 8px 2px;
334 background-repeat: no-repeat; 334 background-repeat: no-repeat;
@@ -342,7 +342,7 @@ input.searchField { @@ -342,7 +342,7 @@ input.searchField {
342 342
343 343
344 /* Search Button */ 344 /* Search Button */
345 -#search-button a { 345 +#theme-header #search-button a {
346 display: inline-block; 346 display: inline-block;
347 width: 29px; 347 width: 29px;
348 height: 25px; 348 height: 25px;
@@ -350,16 +350,16 @@ input.searchField { @@ -350,16 +350,16 @@ input.searchField {
350 margin-top: 10px; 350 margin-top: 10px;
351 } 351 }
352 352
353 -#search-button a:hover { 353 +#theme-header #search-button a:hover {
354 opacity: 0.6; 354 opacity: 0.6;
355 } 355 }
356 356
357 -#search-button #sb_search { 357 +#theme-header #search-button #sb_search {
358 background-image: url(images/search.png); 358 background-image: url(images/search.png);
359 background-size: 100% 100%; 359 background-size: 100% 100%;
360 } 360 }
361 361
362 -#search-button span { display: none; } 362 +#theme-header #search-button span { display: none; }
363 363
364 364
365 /* */ 365 /* */
@@ -15,6 +15,10 @@ @@ -15,6 +15,10 @@
15 width:90% !important; 15 width:90% !important;
16 } 16 }
17 17
  18 +body #content .main-block form .icon-add{
  19 + background-color: #2C66CE;
  20 +}
  21 +
18 #signup-form .formfieldline, 22 #signup-form .formfieldline,
19 #signup-formfield-group { 23 #signup-formfield-group {
20 /*background-color:#E7E7E7;*/ /*colorir linhas especificas*/ 24 /*background-color:#E7E7E7;*/ /*colorir linhas especificas*/
@@ -145,8 +149,8 @@ margin:10px; @@ -145,8 +149,8 @@ margin:10px;
145 #institution_dialog .formfield.type-text, 149 #institution_dialog .formfield.type-text,
146 #institution_dialog .formfield.type-select 150 #institution_dialog .formfield.type-select
147 #institution_dialog .formfield.type-radio{ 151 #institution_dialog .formfield.type-radio{
148 - width:100%;  
149 - /*margin:0px 10px 10px 0px; 152 + width:100%;
  153 + /*margin:0px 10px 10px 0px;
150 }*/ 154 }*/
151 /* 155 /*
152 #edit_institution_page .formfield type-radio{ 156 #edit_institution_page .formfield type-radio{
@@ -180,12 +184,6 @@ margin:10px; @@ -180,12 +184,6 @@ margin:10px;
180 /* cadastro de software */ 184 /* cadastro de software */
181 185
182 /* 186 /*
183 -#content #main-content-wrapper-1,  
184 -#content .main-block .block-inner-1 {  
185 - font-size: 15px;  
186 - font-family: arial, verdana, helvetica !important;  
187 -}  
188 -  
189 #content #main-content-wrapper-1 form, 187 #content #main-content-wrapper-1 form,
190 #content .main-block .block-inner-1 form { 188 #content .main-block .block-inner-1 form {
191 font-family: arial, verdana, helvetica; 189 font-family: arial, verdana, helvetica;
@@ -200,17 +198,17 @@ margin:10px; @@ -200,17 +198,17 @@ margin:10px;
200 margin-bottom: 30px !important; 198 margin-bottom: 30px !important;
201 } 199 }
202 200
203 -#content #main-content-wrapper-1 .required-field .pseudoformlabel,  
204 -#content #main-content-wrapper-1 .mandatory:after,  
205 -#content #main-content-wrapper-1 .required-field label.formlabel:after {  
206 - color: #2C4B6B; 201 +#content #main-content-wrapper-1 form .required-field .pseudoformlabel,
  202 +#content #main-content-wrapper-1 form .mandatory:after,
  203 +#content #main-content-wrapper-1 form .required-field label.formlabel:after {
  204 + color: #4562b1;
207 } 205 }
208 206
209 -#content #main-content-wrapper-1 p > .required-field:before,  
210 -#content #main-content-wrapper-1 #template-options label a:before,  
211 -#content #main-content-wrapper-1 #errorExplanation h2:before,  
212 -#content .main-block .block-inner-1 p > .required-field:before,  
213 -#content .main-block .block-inner-1 #errorExplanation h2:before { 207 +#content #main-content-wrapper-1 form p > .required-field:before,
  208 +#content #main-content-wrapper-1 form #template-options label a:before,
  209 +#content #main-content-wrapper-1 form #errorExplanation h2:before,
  210 +#content .main-block .block-inner-1 form p > .required-field:before,
  211 +#content .main-block .block-inner-1 form #errorExplanation h2:before {
214 font-family: FontAwesome; 212 font-family: FontAwesome;
215 font-style: normal; 213 font-style: normal;
216 font-weight: normal; 214 font-weight: normal;
@@ -218,8 +216,8 @@ margin:10px; @@ -218,8 +216,8 @@ margin:10px;
218 position: absolute; 216 position: absolute;
219 } 217 }
220 218
221 -#content #main-content-wrapper-1 p > .required-field,  
222 -#content .main-block .block-inner-1 p > .required-field { 219 +#content #main-content-wrapper-1 form p > .required-field,
  220 +#content .main-block .block-inner-1 form p > .required-field {
223 margin-bottom: 40px; 221 margin-bottom: 40px;
224 display: block; 222 display: block;
225 position: relative; 223 position: relative;
@@ -227,12 +225,12 @@ margin:10px; @@ -227,12 +225,12 @@ margin:10px;
227 background: #ECEDF1; 225 background: #ECEDF1;
228 padding: 15px 15px 15px 35px; 226 padding: 15px 15px 15px 35px;
229 font-size: 16px; 227 font-size: 16px;
230 - border: 1px dotted #2C4B6B;  
231 - border-left: 4px solid #2C4B6B; 228 + border: 1px dotted #4562b1;
  229 + border-left: 4px solid #4562b1;
232 } 230 }
233 231
234 -#content #main-content-wrapper-1 #errorExplanation,  
235 -#content .main-block .block-inner-1 #errorExplanation { 232 +#content #main-content-wrapper-1 form #errorExplanation,
  233 +#content .main-block .block-inner-1 form #errorExplanation {
236 display: block; 234 display: block;
237 position: relative; 235 position: relative;
238 padding-left: 27px; 236 padding-left: 27px;
@@ -245,8 +243,8 @@ margin:10px; @@ -245,8 +243,8 @@ margin:10px;
245 font-family: arial, verdana, helvetica ; 243 font-family: arial, verdana, helvetica ;
246 } 244 }
247 245
248 -#content #main-content-wrapper-1 #errorExplanation h2,  
249 -#content .main-block .block-inner-1 #errorExplanation h2 { 246 +#content #main-content-wrapper-1 form #errorExplanation h2,
  247 +#content .main-block .block-inner-1 form #errorExplanation h2 {
250 background: none; 248 background: none;
251 font-size: 18px !important; 249 font-size: 18px !important;
252 color: #C0392B; 250 color: #C0392B;
@@ -257,8 +255,8 @@ margin:10px; @@ -257,8 +255,8 @@ margin:10px;
257 255
258 } 256 }
259 257
260 -#content #main-content-wrapper-1 #errorExplanation h2:before,  
261 -#content .main-block .block-inner-1 #errorExplanation h2:before { 258 +#content #main-content-wrapper-1 form #errorExplanation h2:before,
  259 +#content .main-block .block-inner-1 form #errorExplanation h2:before {
262 left: 13px; 260 left: 13px;
263 content: "\f06a"; 261 content: "\f06a";
264 font-size: 22px; 262 font-size: 22px;
@@ -270,22 +268,30 @@ margin:10px; @@ -270,22 +268,30 @@ margin:10px;
270 margin-left: 20px; 268 margin-left: 20px;
271 } 269 }
272 270
273 -#content #main-content-wrapper-1 #errorExplanation ul li,  
274 -#content .main-block .block-inner-1 #errorExplanation ul li { 271 +#content #main-content-wrapper-1 form #errorExplanation ul li,
  272 +#content .main-block .block-inner-1 form #errorExplanation ul li {
275 list-style-type: disc; 273 list-style-type: disc;
276 margin-bottom: 3px; 274 margin-bottom: 3px;
277 color: #C0392B; 275 color: #C0392B;
278 } 276 }
279 277
280 278
281 -#content #main-content-wrapper-1 p > .required-field:before,  
282 -#content .main-block .block-inner-1 p > .required-field:before { 279 +#content #main-content-wrapper-1 form p > .required-field:before,
  280 +#content .main-block .block-inner-1 form p > .required-field:before {
283 left: 13px; 281 left: 13px;
284 content: "\f0a4"; 282 content: "\f0a4";
285 font-size: 18px; 283 font-size: 18px;
  284 + color: #4562b1;
286 } 285 }
287 286
288 -#content #main-content-wrapper-1 #template-options label a:before{ 287 +#content #main-content-wrapper-1 form .atention {
  288 + border: 2px dotted #ccc;
  289 + background: #f4f4f4;
  290 + padding: 20px;
  291 + margin-bottom: 30px;
  292 +}
  293 +
  294 +#content #main-content-wrapper-1 form #template-options label a:before{
289 right: 0; 295 right: 0;
290 bottom: 0; 296 bottom: 0;
291 vertical-align: middle; 297 vertical-align: middle;
@@ -294,8 +300,8 @@ margin:10px; @@ -294,8 +300,8 @@ margin:10px;
294 color: #172738; 300 color: #172738;
295 } 301 }
296 302
297 -#content #main-content-wrapper-1 label,  
298 -#content .main-block .block-inner-1 label { 303 +#content #main-content-wrapper-1 form label,
  304 +#content .main-block .block-inner-1 form label {
299 font-weight: 700; 305 font-weight: 700;
300 margin-bottom: 4px; 306 margin-bottom: 4px;
301 color: #172738; 307 color: #172738;
@@ -303,13 +309,13 @@ margin:10px; @@ -303,13 +309,13 @@ margin:10px;
303 font-style: normal; 309 font-style: normal;
304 } 310 }
305 311
306 -#content .main-block .block-inner-1 h2,  
307 -#content .main-block .block-inner-1 h3,  
308 -#content .main-block .block-inner-1 h4 { 312 +#content .main-block .block-inner-1 form h2,
  313 +#content .main-block .block-inner-1 form h3,
  314 +#content .main-block .block-inner-1 form h4 {
309 color: #172938 ; 315 color: #172938 ;
310 } 316 }
311 317
312 -#content .main-block .block-inner-1 h2 { 318 +#content .main-block .block-inner-1 form h2 {
313 font-size: 18px !important; 319 font-size: 18px !important;
314 font-weight: 700; 320 font-weight: 700;
315 margin-bottom: 20px; 321 margin-bottom: 20px;
@@ -321,29 +327,29 @@ margin:10px; @@ -321,29 +327,29 @@ margin:10px;
321 width: 100%; 327 width: 100%;
322 } 328 }
323 329
324 -#content #main-content-wrapper-1 .formfield,  
325 -#content .main-block .block-inner-1 #profile_change_picture { 330 +#content #main-content-wrapper-1 form .formfield,
  331 +#content .main-block .block-inner-1 form #profile_change_picture {
326 margin-bottom: 20px; 332 margin-bottom: 20px;
327 } 333 }
328 334
329 -#content .main-block .block-inner-1 .formfield { 335 +#content .main-block .block-inner-1 form .formfield {
330 margin-bottom: 5px; 336 margin-bottom: 5px;
331 } 337 }
332 338
333 -#content #main-content-wrapper-1 .formfieldline,  
334 -#content #main-content-wrapper-1 #software-name-field,  
335 -#content .main-block .block-inner-1 .formfieldline,  
336 -#content .main-block .block-inner-1 #software-name-field { 339 +#content #main-content-wrapper-1 form .formfieldline,
  340 +#content #main-content-wrapper-1 form #software-name-field,
  341 +#content .main-block .block-inner-1 form .formfieldline,
  342 +#content .main-block .block-inner-1 form #software-name-field {
337 padding: 0; 343 padding: 0;
338 margin-top: 0; 344 margin-top: 0;
339 } 345 }
340 346
341 -#content #main-content-wrapper-1 #community_name { 347 +#content #main-content-wrapper-1 form #community_name {
342 width: 100%; 348 width: 100%;
343 } 349 }
344 350
345 -#content #main-content-wrapper-1 input[type="text"],  
346 -#content .main-block .block-inner-1 input[type="text"] { 351 +#content #main-content-wrapper-1 form input[type="text"],
  352 +#content .main-block .block-inner-1 form input[type="text"] {
347 width: 100%; 353 width: 100%;
348 padding: 8px 0; 354 padding: 8px 0;
349 font-size: 15px; 355 font-size: 15px;
@@ -360,7 +366,7 @@ margin:10px; @@ -360,7 +366,7 @@ margin:10px;
360 font-style: italic; 366 font-style: italic;
361 } 367 }
362 368
363 -#content #main-content-wrapper-1 .formfield.type-file input, 369 +#content #main-content-wrapper-1 form .formfield.type-file input,
364 .formfield.type-file input { 370 .formfield.type-file input {
365 font-size: 15px; 371 font-size: 15px;
366 text-indent: 0; 372 text-indent: 0;
@@ -369,68 +375,73 @@ margin:10px; @@ -369,68 +375,73 @@ margin:10px;
369 color: #172738; 375 color: #172738;
370 } 376 }
371 377
372 -#content #main-content-wrapper-1 .formfield.type-file input{ 378 +#content #main-content-wrapper-1 form .formfield.type-file input{
373 box-sizing: border-box; 379 box-sizing: border-box;
374 } 380 }
375 381
376 382
377 -#content #main-content-wrapper-1 #community-join-before input[type="radio"],  
378 -#content #main-content-wrapper-1 #community-join-after input[type="radio"] { 383 +#content #main-content-wrapper-1 form #create_enterprise_identifier{
  384 + width: 50%;
  385 +}
  386 +
  387 +
  388 +#content #main-content-wrapper-1 form #community-join-before input[type="radio"],
  389 +#content #main-content-wrapper-1 form #community-join-after input[type="radio"] {
379 top: 3px; 390 top: 3px;
380 position: relative; 391 position: relative;
381 } 392 }
382 393
383 -#content #main-content-wrapper-1 #community-join-before div,  
384 -#content #main-content-wrapper-1 #community-join-after div { 394 +#content #main-content-wrapper-1 form #community-join-before div,
  395 +#content #main-content-wrapper-1 form #community-join-after div {
385 margin-left: 20px !important; 396 margin-left: 20px !important;
386 } 397 }
387 398
388 -#content #main-content-wrapper-1 #community-join-before div { 399 +#content #main-content-wrapper-1 form #community-join-before div {
389 margin-bottom: 8px; 400 margin-bottom: 8px;
390 } 401 }
391 402
392 -#content #main-content-wrapper-1 #community-join-after div { 403 +#content #main-content-wrapper-1 form #community-join-after div {
393 margin-bottom: 20px; 404 margin-bottom: 20px;
394 } 405 }
395 406
396 -#content #main-content-wrapper-1 #template-options { 407 +#content #main-content-wrapper-1 form #template-options {
397 margin-top: 0 !important; 408 margin-top: 0 !important;
398 margin-bottom: 30px; 409 margin-bottom: 30px;
399 } 410 }
400 411
401 -#content #main-content-wrapper-1 #template-options .formlabel { 412 +#content #main-content-wrapper-1 form #template-options .formlabel {
402 padding: 0; 413 padding: 0;
403 } 414 }
404 415
405 -#content #main-content-wrapper-1 #template-options p,  
406 -#content #main-content-wrapper-1 #template-options ul { 416 +#content #main-content-wrapper-1 form #template-options p,
  417 +#content #main-content-wrapper-1 form #template-options ul {
407 margin: 0 0 8px 0 !important; 418 margin: 0 0 8px 0 !important;
408 padding: 0 !important; 419 padding: 0 !important;
409 } 420 }
410 421
411 -#content #main-content-wrapper-1 #template-options ul li { 422 +#content #main-content-wrapper-1 form #template-options ul li {
412 margin-bottom: 8px; 423 margin-bottom: 8px;
413 clear: both; 424 clear: both;
414 } 425 }
415 426
416 -#content #main-content-wrapper-1 #template-options ul li label { 427 +#content #main-content-wrapper-1 form #template-options ul li label {
417 left: 6px; 428 left: 6px;
418 font-weight: normal; 429 font-weight: normal;
419 padding-right: 17px; 430 padding-right: 17px;
420 position: relative; 431 position: relative;
421 } 432 }
422 433
423 -#content #main-content-wrapper-1 #template-options ul li input { 434 +#content #main-content-wrapper-1 form #template-options ul li input {
424 display: block; 435 display: block;
425 float: left; 436 float: left;
426 margin-top: 4px; 437 margin-top: 4px;
427 margin-bottom: 15px; 438 margin-bottom: 15px;
428 } 439 }
429 440
430 -#content #main-content-wrapper-1 .button-bar .button.submit,  
431 -#content #main-content-wrapper-1 .button-bar .button.with-text,  
432 -#content .main-block .block-inner-1 .button-bar .button.submit,  
433 -#content .main-block .block-inner-1 .button-bar .button.with-text { 441 +#content #main-content-wrapper-1 form .button-bar .button.submit,
  442 +#content #main-content-wrapper-1 form .button-bar .button.with-text,
  443 +#content .main-block .block-inner-1 form .button-bar .button.submit,
  444 +#content .main-block .block-inner-1 form .button-bar .button.with-text {
434 margin-right: 10px; 445 margin-right: 10px;
435 background-image: none; 446 background-image: none;
436 padding: 7px 12px; 447 padding: 7px 12px;
@@ -443,79 +454,79 @@ margin:10px; @@ -443,79 +454,79 @@ margin:10px;
443 text-align: center; 454 text-align: center;
444 } 455 }
445 456
446 -#content #main-content-wrapper-1 .button-bar .button.submit,  
447 -#content .main-block .block-inner-1 .button-bar .button.submit { 457 +#content #main-content-wrapper-1 form .button-bar .button.submit,
  458 +#content .main-block .block-inner-1 form .button-bar .button.submit {
448 min-height: 36px; 459 min-height: 36px;
449 } 460 }
450 461
451 -#content #main-content-wrapper-1 .button-bar .button.submit:hover,  
452 -#content #main-content-wrapper-1 .button-bar .button.with-text:hover,  
453 -#content .main-block .block-inner-1 .button-bar .button.submit:hover,  
454 -#content .main-block .block-inner-1 .button-bar .button.with-text:hover { 462 +#content #main-content-wrapper-1 form .button-bar .button.submit:hover,
  463 +#content #main-content-wrapper-1 form .button-bar .button.with-text:hover,
  464 +#content .main-block .block-inner-1 form .button-bar .button.submit:hover,
  465 +#content .main-block .block-inner-1 form .button-bar .button.with-text:hover {
455 background: #5E82C6; 466 background: #5E82C6;
456 } 467 }
457 468
458 -#content #main-content-wrapper-1 .button-bar .icon-save,  
459 -#content .main-block .block-inner-1 .icon-save { 469 +#content #main-content-wrapper-1 form .button-bar .icon-save,
  470 +#content .main-block .block-inner-1 form .icon-save {
460 min-width: 100px; 471 min-width: 100px;
461 } 472 }
462 473
463 -#content #main-content-wrapper-1 .button-bar .icon-cancel,  
464 -#content .main-block .block-inner-1 .icon-cancel { 474 +#content #main-content-wrapper-1 form .button-bar .icon-cancel,
  475 +#content .main-block .block-inner-1 form .icon-cancel {
465 min-width: 80px; 476 min-width: 80px;
466 } 477 }
467 478
468 -#content #main-content-wrapper-1 .button-bar .icon-save,  
469 -#content .main-block .block-inner-1 .button-bar .icon-save { 479 +#content #main-content-wrapper-1 form .button-bar .icon-save,
  480 +#content .main-block .block-inner-1 form .button-bar .icon-save {
470 background-color: #3867B7; 481 background-color: #3867B7;
471 border: 1px solid #3867B7; 482 border: 1px solid #3867B7;
472 color: #FFF; 483 color: #FFF;
473 } 484 }
474 485
475 -#content .main-block .block-inner-1 .button-bar .icon-remove { 486 +#content .main-block .block-inner-1 form .button-bar .icon-remove {
476 color: #C0392B; 487 color: #C0392B;
477 border: 1px solid #C0392B; 488 border: 1px solid #C0392B;
478 } 489 }
479 490
480 -#content .main-block .block-inner-1 .button-bar .icon-remove:hover { 491 +#content .main-block .block-inner-1 form .button-bar .icon-remove:hover {
481 color: #FFF; 492 color: #FFF;
482 background: #E74C3C !important; 493 background: #E74C3C !important;
483 } 494 }
484 495
485 -#content #main-content-wrapper-1 .button-bar .icon-cancel,  
486 -#content .main-block .block-inner-1 .button-bar .icon-cancel,  
487 -#content .main-block .block-inner-1 .button-bar .icon-back { 496 +#content #main-content-wrapper-1 form .button-bar .icon-cancel,
  497 +#content .main-block .block-inner-1 form .button-bar .icon-cancel,
  498 +#content .main-block .block-inner-1 form .button-bar .icon-back {
488 color: #3867B7; 499 color: #3867B7;
489 border: 1px solid #3867B7; 500 border: 1px solid #3867B7;
490 } 501 }
491 502
492 -#content #main-content-wrapper-1 .button-bar .icon-cancel:hover,  
493 -#content .main-block .block-inner-1 .button-bar .icon-cancel:hover,  
494 -#content .main-block .block-inner-1 .button-bar .icon-back:hover { 503 +#content #main-content-wrapper-1 form .button-bar .icon-cancel:hover,
  504 +#content .main-block .block-inner-1 form .button-bar .icon-cancel:hover,
  505 +#content .main-block .block-inner-1 form .button-bar .icon-back:hover {
495 color: #FFF; 506 color: #FFF;
496 } 507 }
497 508
498 -#content #main-content-wrapper-1 .software-step-info h3,  
499 -#content .main-block .block-inner-1 .software-step-info h3 { 509 +#content #main-content-wrapper-1 form .software-step-info h3,
  510 +#content .main-block .block-inner-1 form .software-step-info h3 {
500 font-family: 'Open Sans', Arial, Helvetica, sans-serif; 511 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
501 text-transform: uppercase; 512 text-transform: uppercase;
502 margin: 0 0 20px 0; 513 margin: 0 0 20px 0;
503 } 514 }
504 515
505 -#content #main-content-wrapper-1 .software-step-info .current-step h3,  
506 -#content .main-block .block-inner-1 .software-step-info .current-step h3 { 516 +#content #main-content-wrapper-1 form .software-step-info .current-step h3,
  517 +#content .main-block .block-inner-1 form .software-step-info .current-step h3 {
507 font-size: 16px !important; 518 font-size: 16px !important;
508 color: #FF0066; 519 color: #FF0066;
509 } 520 }
510 521
511 -#content #main-content-wrapper-1 .software-step-info .another-step h3,  
512 -#content .main-block .block-inner-1 .software-step-info .another-step h3 { 522 +#content #main-content-wrapper-1 form .software-step-info .another-step h3,
  523 +#content .main-block .block-inner-1 form .software-step-info .another-step h3 {
513 font-size: 12px !important; 524 font-size: 12px !important;
514 color: rgba(0, 0, 0, 0.2); 525 color: rgba(0, 0, 0, 0.2);
515 } 526 }
516 527
517 528
518 -#content #main-content-wrapper-1 #software-hostname { 529 +#content #main-content-wrapper-1 form #software-hostname {
519 border-radius: 4px; 530 border-radius: 4px;
520 padding: 7px 10px; 531 padding: 7px 10px;
521 float: left; 532 float: left;
@@ -528,7 +539,7 @@ margin:10px; @@ -528,7 +539,7 @@ margin:10px;
528 background: #ECEDF1; 539 background: #ECEDF1;
529 } 540 }
530 541
531 -#content #main-content-wrapper-1 textarea { 542 +#content #main-content-wrapper-1 form textarea {
532 width: 100%; 543 width: 100%;
533 box-sizing: border-box; 544 box-sizing: border-box;
534 border-radius: 4px; 545 border-radius: 4px;
@@ -538,19 +549,16 @@ margin:10px; @@ -538,19 +549,16 @@ margin:10px;
538 min-height: 150px; 549 min-height: 150px;
539 } 550 }
540 551
541 -#content #main-content-wrapper-1 #community_name {  
542 - width: 53%;  
543 -}  
544 552
545 -#content #main-content-wrapper-1 .formfieldline { 553 +#content #main-content-wrapper-1 form .formfieldline {
546 margin-bottom: 20px; 554 margin-bottom: 20px;
547 } 555 }
548 556
549 -#content #main-content-wrapper-1 .formfieldline h4 { 557 +#content #main-content-wrapper-1 form .formfieldline h4 {
550 margin: 0 0 5px 0; 558 margin: 0 0 5px 0;
551 } 559 }
552 560
553 -#content #main-content-wrapper-1 .formfieldline select { 561 +#content #main-content-wrapper-1 form .formfieldline select {
554 margin-bottom: 20px; 562 margin-bottom: 20px;
555 } 563 }
556 564
@@ -589,4 +597,411 @@ margin:10px; @@ -589,4 +597,411 @@ margin:10px;
589 #category-ajax-selector .label { 597 #category-ajax-selector .label {
590 font-size: 15px; 598 font-size: 15px;
591 } 599 }
592 -*/  
593 \ No newline at end of file 600 \ No newline at end of file
  601 +*/
  602 +
  603 +
  604 +body #content .main-block h1 {
  605 + color: #172738;
  606 +}
  607 +
  608 +.main-block form {
  609 + font-size: 14px;
  610 + color: #231f20;
  611 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  612 +}
  613 +
  614 +.main-block form p .required-field,
  615 +.main-block p .required-field,
  616 +.main-block .atention {
  617 + padding: 15px 20px;
  618 + margin: 20px 0 30px 0;
  619 + border: 1px dotted #ccc;
  620 + border-radius: 3px;
  621 + display: block;
  622 + background: #fff;
  623 + line-height: 20px;
  624 + font-size: 13px;
  625 +}
  626 +
  627 +.main-block form p .required-field,
  628 +.main-block p .required-field {
  629 + border-left: 5px solid #FF0366;
  630 +}
  631 +
  632 +.main-block .atention {
  633 + border-left: 5px solid #F1C40F;
  634 +}
  635 +
  636 +.main-block form .required-field .pseudoformlabel,
  637 +.main-block form .required-field label.formlabel:after {
  638 + color: #FF0366;
  639 + font-weight: 500;
  640 +}
  641 +
  642 +.main-block form .formlabel {
  643 + display: inline-block;
  644 + max-width: 100%;
  645 + margin-bottom: 5px;
  646 + color: #231f20;
  647 +}
  648 +
  649 +.main-block form input[type="text"] {
  650 + display: block;
  651 + height: 19px;
  652 + padding: 6px;
  653 + border: 1px solid #ccc;
  654 + border-radius: 4px;
  655 + width: 384px;
  656 + font-size: 15px;
  657 + font-family: arial, helvetica;
  658 + color: #585858;
  659 +}
  660 +
  661 +.main-block form .formfield input[type="file"] {
  662 + border: none;
  663 + padding: 0;
  664 + text-indent: 0;
  665 + font-size: 14px;
  666 +}
  667 +
  668 +#software_categories_fields label input{
  669 + display: block;
  670 + padding-top: 10px;
  671 + vertical-align: middle;
  672 +}
  673 +
  674 +.main-block form #community-join-before div,
  675 +.main-block form #community-join-after div {
  676 + margin-left: 20px !important;
  677 +}
  678 +
  679 +.main-block form #community-join-before input,
  680 +.main-block form #community-join-after input {
  681 + position: relative;
  682 + top: 3px;
  683 +}
  684 +
  685 +#content .main-block form .button-bar {
  686 + margin-top: 30px;
  687 + clear: both;
  688 +}
  689 +
  690 +body #content .main-block form .button-bar input,
  691 +body #content .main-block form .button-bar a.button,
  692 +body #content .main-content form .button-bar input,
  693 +body #content .main-content form .button-bar a.button {
  694 + background-image: none;
  695 + border: 0;
  696 + margin-right: 10px;
  697 + display: inline-block;
  698 + min-width: 100px;
  699 + padding-right: 5px;
  700 + padding-left: 5px;
  701 + text-align: center;
  702 +}
  703 +
  704 +body #content .main-block form .icon-add,
  705 +body #content .main-content form .icon-add {
  706 + background-image: none;
  707 + border: 0;
  708 + padding: 0 10px 0 20px;
  709 + display: inline-block;
  710 + text-align: center;
  711 + color: #fff;
  712 + position: relative;
  713 +}
  714 +
  715 +body #content .main-block form .icon-add:before,
  716 +body #content .main-content form .icon-add:before {
  717 + left: 6px;
  718 + vertical-align: middle;
  719 + font-size: 12px;
  720 + content: "\f067";
  721 + color: #fff;
  722 + width: 10px;
  723 + height: 10px;
  724 + text-align: center;
  725 +}
  726 +
  727 +body #content form .button-bar .icon-delete {
  728 + float: none;
  729 +}
  730 +
  731 +.dynamic-table{
  732 + border: none;
  733 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  734 +}
  735 +
  736 +.dynamic-table td{
  737 + padding: 10px 0 0 0;
  738 + vertical-align: middle;
  739 + font-size: 14px;
  740 +}
  741 +
  742 +#operating_system_fields{
  743 + width: 50%;
  744 +}
  745 +
  746 +.formfieldline label:first-child{
  747 + font-weight: 500;
  748 + padding-right: 10px;
  749 +}
  750 +
  751 +.formfield{
  752 + font-weight: 500;
  753 + padding-right: 10px;
  754 +}
  755 +
  756 +.formlabel{
  757 + padding: 10px 0 5px 0;
  758 +}
  759 +
  760 +.formfieldline .type-file .type-file .formlabel {
  761 + display: none;
  762 +}
  763 +
  764 +.formfieldline h4{
  765 + font-weight: 500;
  766 +}
  767 +
  768 +.formfieldline .formfieldline textarea{
  769 + border: 1px solid #ccc;
  770 + color: #585858;
  771 + font-family: arial, helvetica;
  772 + font-size: 15px;
  773 + padding: 6px;
  774 +}
  775 +
  776 +#libraries_fields{
  777 + padding-top: 20px;
  778 +}
  779 +
  780 +#software_categories_fields{
  781 + padding-top: 20px;
  782 +}
  783 +
  784 +#software_categories_fields label{
  785 + line-height: 30px;
  786 + vertical-align: middle;
  787 + padding-left: 2px;
  788 +}
  789 +
  790 +#software_categories_fields input{
  791 + vertical-align: middle;
  792 +}
  793 +
  794 +#database__database_description_id,
  795 +#language__programming_language_id,
  796 +#license_info_version,
  797 +#operating_system__operating_system_name_id{
  798 + padding: 5px 5px 5px 5px;
  799 +}
  800 +
  801 +
  802 +body #content .main-block form .button-bar .icon-back,
  803 +body #content .main-content form .button-bar .icon-back {
  804 + width: 150px !important;
  805 +}
  806 +
  807 +#content .main-block form .button-bar input,
  808 +#content .main-content form .button-bar input {
  809 + padding: 2px 0;
  810 + color: #FFF;
  811 + font-size: 15px;
  812 + background: #2C66CE;
  813 +}
  814 +
  815 +body #content .main-block form .icon-add:hover,
  816 +body #content .main-block form .button-bar input:hover {
  817 + background: #5E82C6;
  818 +}
  819 +
  820 +body #content .main-block form .button-bar a.button,
  821 +body #content .main-content form .button-bar a.button {
  822 + padding: 1px 0 0 0;
  823 + height: 0;
  824 + line-height: auto;
  825 + color: #2C66CE;
  826 + font-size: 14px;
  827 + border: 1px solid #2C66CE;
  828 + height: 29px;
  829 +}
  830 +
  831 +body #content .main-block form .button-bar a.button:hover,
  832 +body #content .main-content form .button-bar a.button:hover {
  833 + background: none;
  834 + border-color: #5E82C6;
  835 + color: #5E82C6;
  836 +}
  837 +
  838 +body #content .main-block #delete-profile a,
  839 +body #content .main-content #delete-profile a {
  840 + border-color: #C0392B;
  841 + color: #C0392B;
  842 +}
  843 +
  844 +#content .main-block .errorExplanation {
  845 + padding: 20px 10px 20px 65px;
  846 + background: #fdedeb;
  847 + margin: 20px 0 30px 0;
  848 + border-radius: 4px;
  849 + color: #172738;
  850 + position: relative;
  851 + border: 1px dotted #fad9d6;
  852 +}
  853 +
  854 +#content .main-block .errorExplanation h2 {
  855 + background: none;
  856 + font-size: 16px !important;
  857 + text-align: left;
  858 + margin-bottom: 5px;
  859 + font-weight: 700;
  860 + color: #172738;
  861 +}
  862 +
  863 +#content .main-block .errorExplanation:before,
  864 +body #content .main-block form .icon-add:before {
  865 + font-family: FontAwesome;
  866 + font-style: normal;
  867 + font-weight: normal;
  868 + text-decoration: inherit;
  869 + position: absolute;
  870 +}
  871 +
  872 +#content .main-block .errorExplanation:before {
  873 + left: 20px;
  874 + top: 13px;
  875 + vertical-align: middle;
  876 + font-size: 24px;
  877 + content: "\f12a";
  878 + color: #fff;
  879 + background: #e74c3c;
  880 + border-radius: 50%;
  881 + width: 32px;
  882 + height: 27px;
  883 + text-align: center;
  884 + padding-top: 5px;
  885 +}
  886 +
  887 +#content .main-block .errorExplanation ul li {
  888 + list-style: circle;
  889 + font-size: 14px;
  890 + margin: 0 0 4px 17px;
  891 +}
  892 +
  893 +#content .main-block .formfieldline .formfield code {
  894 + display: block;
  895 + height: 30px;
  896 + padding: 2px 6px 2px 10px;
  897 + border: 1px solid #ccc;
  898 + border-radius: 4px;
  899 + width: 70%;
  900 +}
  901 +
  902 +#content .main-block .formfieldline .formfield code * {
  903 + display: inline;
  904 +}
  905 +
  906 +#content .main-block .formfieldline .formfield code input {
  907 + width: 47%;
  908 + border: none;
  909 + padding-left: 0;
  910 +}
  911 +
  912 +#content .main-block #template-options p required-field{
  913 + padding-left: 0 !important;
  914 + font-size: 13px;
  915 +}
  916 +
  917 +.main-block form #template-options p,
  918 +.main-block form #template-options ul {
  919 + margin-left: 0 !important;
  920 + padding-left: 0 !important;
  921 +}
  922 +
  923 +.main-block form #template-options ul li {
  924 + margin-bottom: 2px;
  925 +}
  926 +
  927 +.main-block form #template-options ul li input{
  928 + margin-right: 5px;
  929 + position: relative;
  930 + top: 1px;
  931 +}
  932 +
  933 +.main-block form #profile-is-template {
  934 + background: none;
  935 +}
  936 +
  937 +.main-block form #profile-is-template input {
  938 + margin-right: 2px;
  939 + border: none;
  940 + padding: 0;
  941 +}
  942 +
  943 +.main-block form #profile-is-template {
  944 + border:none;
  945 + margin-bottom: 10px;
  946 +}
  947 +
  948 +.main-block form #profile-is-template input {
  949 + position: relative;
  950 + top: 2px;
  951 +}
  952 +
  953 +.main-block form #profile-is-template label {
  954 + margin-left: 2px;
  955 +}
  956 +
  957 +#content .main-block form h2 {
  958 + font-size: 18px !important;
  959 + font-weight: 700;
  960 + margin-top: 20px;
  961 +}
  962 +
  963 +#content .main-block form #profile_data_closed_true,
  964 +#content .main-block form #profile_data_closed_false {
  965 + position: relative;
  966 + top: 2px;
  967 +}
  968 +
  969 +#content .main-block form #profile_change_picture .formfieldline {
  970 + font-size: 13px;
  971 + font-style: italic;
  972 +}
  973 +
  974 +#content .main-block form #profile_change_picture {
  975 + padding: 0 15px 15px 15px;
  976 + border: 1px dotted #ddd;
  977 + margin-top: 10px;
  978 +}
  979 +
  980 +#content .main-block form #profile_change_picture .button {
  981 + padding: 3px 8px;
  982 + color: #FFF;
  983 + font-size: 14px;
  984 + background: #2C66CE;
  985 + border: 0;
  986 + font-style: normal;
  987 +}
  988 +
  989 +#content .main-block form #profile_change_picture .button:hover {
  990 + background: #5E82C6;
  991 +}
  992 +
  993 +#content .main-block form .type-img {
  994 + padding: 0;
  995 +}
  996 +
  997 +#content .main-block form #profile_change_picture br {
  998 + height: 1px;
  999 + display: block;
  1000 +}
  1001 +
  1002 +#category-ajax-selector {
  1003 + border-style: dotted;
  1004 +}
  1005 +
  1006 +#category-ajax-selector .label {
  1007 + font-size: 14px;
  1008 +}e
594 \ No newline at end of file 1009 \ No newline at end of file
html-cms/blog.html 0 → 100644
@@ -0,0 +1,86 @@ @@ -0,0 +1,86 @@
  1 +<!-- MAIN AREA -->
  2 +<div id="community-blog">
  3 +<div id="blog-header">
  4 + <h1>Blog</h1>
  5 + <p>Desenvolvimento CACIC</p>
  6 + <div id="community-action-button">
  7 + <a href=""><span>Entrar na comunidade</span></a>
  8 + <a href=""><span>Contactar administradores</span></a>
  9 + </div>
  10 +</div>
  11 +<div class="blog-main-content" >
  12 + <div id="date" >Hoje</div>
  13 + <div id="title">Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit</div>
  14 +<div id="image-container">
  15 + <img src="http://www2.planalto.gov.br/chamadas-da-home/banner-rotativo/lideres-dos-partidos-da-base-aliada-na-camara-dos-deputados/@@images/d77b711c-a9a3-4cd4-b7e5-0fc0d412b324.jpeg" />
  16 +</div>
  17 + <div id="description" >Ambiente traz soluções que dispensam pagamentos de licença simples, de fácil utilização e com novas funcionalidades.</div>
  18 +</div>
  19 +<div class="blog-event-list">
  20 + <div class="blog-event-item">
  21 + <div class="item-image"><img src="http://www2.planalto.gov.br/chamadas-da-home/banner-rotativo/lideres-dos-partidos-da-base-aliada-na-camara-dos-deputados/@@images/d77b711c-a9a3-4cd4-b7e5-0fc0d412b324.jpeg"></div>
  22 + <div class="blog-event-information">
  23 + <div class="date">Ontem</div>
  24 + <div class="event-title">Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit</div>
  25 + <div class="description" >Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit.</div>
  26 + </div>
  27 + </div>
  28 +<div class="blog-event-item">
  29 + <div class="item-image"><img src="http://www2.planalto.gov.br/chamadas-da-home/banner-rotativo/lideres-dos-partidos-da-base-aliada-na-camara-dos-deputados/@@images/d77b711c-a9a3-4cd4-b7e5-0fc0d412b324.jpeg"></div>
  30 + <div class="blog-event-information">
  31 + <div class="date">Ontem</div>
  32 + <div class="event-title">Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit</div>
  33 + <div class="description" >Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit.</div>
  34 + </div>
  35 + </div>
  36 +<div class="blog-event-item">
  37 + <div class="item-image"><img src="http://www2.planalto.gov.br/chamadas-da-home/banner-rotativo/lideres-dos-partidos-da-base-aliada-na-camara-dos-deputados/@@images/d77b711c-a9a3-4cd4-b7e53uh3-0fc0d412b324.jpeg"></div>
  38 + <div class="blog-event-information">
  39 + <div class="date">Ontem</div>
  40 + <div class="event-title">Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit</div>
  41 + <div class="description" >Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit.</div>
  42 + </div>
  43 + </div>
  44 +</div>
  45 +<div class="community-content-footer">
  46 + <ul id="indexes">
  47 + <li id="previous">
  48 + <span id="left-arrow"></span>
  49 +<a href>Anteriores</a></li>
  50 + <li id="first-index" class="active-index"><a href>1</a></li>
  51 + <li id="second-index" class="default-index"><a href>2</a></li>
  52 + <li id="third-index" class="default-index"><a href>3</a></li>
  53 + <li id="fourth-index" class="default-index"><a href>4</a></li>
  54 + <li id="fifth-index" class="default-index"><a href>5</a></li>
  55 + <li id="next"><a href>Próximos</a><span id="right-arrow"></span></li>
  56 + </ul>
  57 +</div>
  58 +</div>
  59 +
  60 +<!-- LEFT SIDE BAR -->
  61 +<div class="side-box">
  62 +<div class="box box-2" id="box-2"><div class="blocks">
  63 +
  64 + <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-1906"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title empty"><span></span></h3><ul><li><a href="/search/software_infos" class="icon-no-icon" target="_self">Catálogo de Software</a></li></ul></div></div></div></div>
  65 +
  66 + <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-1481"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title"><span>Software Público</span></h3><ul><li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Entenda o que é</a></li>
  67 +<li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Publique seu software</a></li>
  68 +
  69 +<li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Desenvolvimento colaborativo</a></li>
  70 +
  71 +<li><a href="/profile/e-sic" class="icon-no-icon" target="_self">Sobre o Portal</a></li><li><a href="/software-publico-brasileiro/publique-seu-software" class="icon-no-icon" target="_self">Prêmio Ação Coletiva</a></li></ul></div></div></div></div>
  72 +
  73 + <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-44"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title"><span>Colaboração</span></h3><ul><li><a href="/software-publico-brasileiro/sobre-o-portal" class="icon-no-icon" target="_self">Comunidades</a></li><li><a href="/noticias/" class="icon-no-icon" target="_self">Projetos de software</a></li><li><a href="/software-publico-brasileiro/contato" class="icon-no-icon" target="_self">Usuários</a></li></ul></div></div></div></div>
  74 +</div></div></div>
  75 +
  76 +<!-- RIGHT SIDE BOX -->
  77 +<div id="temp">
  78 +<div class="community-side-box">
  79 + <div class="community-logo-container">
  80 + <img src="https://beta.softwarepublico.gov.br/social/image_uploads/0000/0766/www.softwarepublico.gov_.br47_big_big.gif?1432145671" />
  81 + </div>
  82 + <div class="community-name">
  83 + <p>CACIC - Configurador Automático e Coletor de Informações Computacionais</p>
  84 + </div>
  85 +</div>
  86 +</div>
html-cms/event.html 0 → 100644
@@ -0,0 +1,74 @@ @@ -0,0 +1,74 @@
  1 +<!-- Left SideBox -->
  2 +<div class="side-box">
  3 +<div class="box box-2" id="box-2"><div class="blocks">
  4 +
  5 + <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-1906"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title empty"><span></span></h3><ul><li><a href="/search/software_infos" class="icon-no-icon" target="_self">Catálogo de Software</a></li></ul></div></div></div></div>
  6 +
  7 + <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-1481"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title"><span>Software Público</span></h3><ul><li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Entenda o que é</a></li>
  8 +<li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Publique seu software</a></li>
  9 +
  10 +<li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Desenvolvimento colaborativo</a></li>
  11 +
  12 +<li><a href="/profile/e-sic" class="icon-no-icon" target="_self">Sobre o Portal</a></li><li><a href="/software-publico-brasileiro/publique-seu-software" class="icon-no-icon" target="_self">Prêmio Ação Coletiva</a></li></ul></div></div></div></div>
  13 +
  14 + <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-44"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title"><span>Colaboração</span></h3><ul><li><a href="/software-publico-brasileiro/sobre-o-portal" class="icon-no-icon" target="_self">Comunidades</a></li><li><a href="/noticias/" class="icon-no-icon" target="_self">Projetos de software</a></li><li><a href="/software-publico-brasileiro/contato" class="icon-no-icon" target="_self">Usuários</a></li></ul></div></div></div></div>
  15 +</div></div></div>
  16 +
  17 +<!-- Main Area -->
  18 +<div id="community-page">
  19 + <h1>Título do evento</h1>
  20 + <div id="event-card">
  21 +
  22 + <div id="event-image">
  23 + </div>
  24 +
  25 + <div class="about-event">
  26 + <span class="event-date">7 de fevereiro à 18 de março de 2015</span>
  27 + <span class="event-link"><a href="ok.com">http://fga.unb.br/unb-gama/contato</a></span>
  28 + <span class="event-address">
  29 + <span id="area">Área Especial de Indústria Projeção A</span>
  30 + <span id="district">Gama - Setor Leste</span>
  31 + <span id="city">Brasília</span>
  32 + <span id="cep">CEP: 72.444-240</span>
  33 + </span>
  34 +</span>
  35 + </div>
  36 + </div>
  37 +
  38 +<div class="event-body">
  39 +<h2>Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem.</h2>
  40 +<div class="event-content">
  41 +<p>Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.</p>
  42 +
  43 +<p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.</p>
  44 +
  45 +<p>Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.</p>
  46 +</div>
  47 +</div>
  48 +</div>
  49 +
  50 +<!-- Right SideBox -->
  51 +<div id="temp">
  52 +<div class="community-side-box">
  53 + <div class="community-logo">
  54 +
  55 + </div>
  56 + <div class="community-name">
  57 + <p>CACIC - Configurador Automático e Coletor de Informações Computacionais</p>
  58 + </div>
  59 +</div>
  60 +
  61 +<div class="community-side-box">
  62 + <table>
  63 + <tr>
  64 + <th>Outros Eventos</th>
  65 + </tr>
  66 + <tr>
  67 + <td><span class="another-events-date">29/03 - </span><span class="another-event">Encontro dos colaboradores DF</span></td>
  68 + </tr>
  69 + <tr>
  70 + <td><span class="another-events-date">29/03 - </span><span class="another-event">Lançamento da versão 2.0</span></td>
  71 + </tr>
  72 + </table>
  73 +</div>
  74 +</div>
0 \ No newline at end of file 75 \ No newline at end of file
html-cms/help-page.html 0 → 100644
@@ -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/list-item-initial-page.html 0 → 100644
@@ -0,0 +1,21 @@ @@ -0,0 +1,21 @@
  1 +<li>
  2 + <div class="published-at">Dezembro 11, 2014</div>
  3 + <div class="notice-item">
  4 + <div class="image">
  5 + <a href="http://localhost:3000/spb/noticias/planejamento-lanca-novo-portal-do-software-publico-brasileiro">
  6 + <img alt="141209_portal_software" src="/image_uploads/0000/0140/141209_portal_software.jpg">
  7 + </a>
  8 + </div>
  9 + <div class="notice-info">
  10 + <div class="title">
  11 + <a href="http://localhost:3000/spb/noticias/planejamento-lanca-novo-portal-do-software-publico-brasileiro">Planejamento lança novo Portal do Software Público Brasileiro</a>
  12 + </div>
  13 + <div class="lead">
  14 + <a href="http://localhost:3000/spb/noticias/planejamento-lanca-novo-portal-do-software-publico-brasileiro">Ambiente traz soluções que dispensam pagamentos de licença simples, de fácil utilização e com novas funcionalidades que permitem o desenvolvimento colaborativo de soluções públicas e uma melhor interação entre os usuários. Este é o novo Portal do Software Público Brasileiro, lançado em versão beta nesta terça-feira (9), durante o Seminário de Apoio Tecnológico aos Municípios, em Brasília.</a>
  15 + </div>
  16 + <div class="read_more">
  17 + <a href="http://localhost:3000/spb/noticias/planejamento-lanca-novo-portal-do-software-publico-brasileiro">Read more</a>
  18 + </div>
  19 + </div>
  20 + </div>
  21 +</li>
0 \ No newline at end of file 22 \ No newline at end of file
html-cms/notifications_bar.html 0 → 100644
@@ -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
@@ -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

585 Bytes

images/balloon-icon.png 0 → 100644

424 Bytes

images/blog-teste.png 0 → 100644

454 KB

images/bottom-arrow-black.png 0 → 100644

341 Bytes

images/bottom-arrow.png 0 → 100644

265 Bytes

images/comunidade-evento-imagem-evento.jpg 0 → 100644

23.7 KB

images/comunidade-evento-imagem-evento.png 0 → 100644

26.3 KB

images/download-mini_icon.png 0 → 100644

345 Bytes

images/globe-icon.png 0 → 100644

464 Bytes

images/icone_pin.png 0 → 100644

51.9 KB

images/left-arrow-black.png 0 → 100644

298 Bytes

images/left-arrow.png

249 Bytes

images/right-arrow-black.png 0 → 100644

314 Bytes

images/right-arrow.png 0 → 100644

249 Bytes

images/star-negative-big.png 0 → 100644

763 Bytes

images/star-negative-mini.png 0 → 100644

529 Bytes

images/star-negative.png 0 → 100644

642 Bytes

images/star-positive-big.png 0 → 100644

742 Bytes

images/star-positive-mini.png 0 → 100644

509 Bytes

images/star-positive.png 0 → 100644

637 Bytes

images/top-arrow-black.png 0 → 100644

318 Bytes

images/top-arrow.png 0 → 100644

850 Bytes

images/upload-icon.png 0 → 100644

384 Bytes

page-catalog-software.css
1 /*controller-search action-search-software_infos template-default webkit*/ 1 /*controller-search action-search-software_infos template-default webkit*/
2 2
  3 +.action-search-software_infos .org {
  4 + display:none !important;
  5 +}
  6 +
  7 +.action-search-software_infos .org {
  8 + display:none !important;
  9 +}
  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
  47 +.search-form{
  48 + background: #ecedf1;
  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;
  75 +}
  76 +
  77 +.search-form #search-subheader{
  78 + padding-left: 14px;
  79 +}
  80 +
  81 +.search-form #search-header #search-filters{
  82 + float: left !important;
  83 + padding-left: 14px;
  84 +}
  85 +
24 .action-search-software_infos .map-or-list-search-results{ 86 .action-search-software_infos .map-or-list-search-results{
25 margin-top:20px; 87 margin-top:20px;
26 } 88 }
@@ -29,11 +91,14 @@ @@ -29,11 +91,14 @@
29 border-bottom: 1px solid #ccc !important; 91 border-bottom: 1px solid #ccc !important;
30 } 92 }
31 93
32 -#search-input { 94 +.action-search-software_infos #search-input {
  95 + width:96%;
33 font-size:110%; 96 font-size:110%;
34 - margin: 0px 0px 15px 15px; 97 + margin: 4px 0px 0px 13px;
35 border-radius: 4px; 98 border-radius: 4px;
36 - padding: 0.55em; 99 + padding: 6px;
  100 + font-size: 14px;
  101 + border: 1px solid #d7d7d7;
37 } 102 }
38 103
39 #search-input.blur { 104 #search-input.blur {
@@ -45,22 +110,16 @@ @@ -45,22 +110,16 @@
45 padding:0.55em; 110 padding:0.55em;
46 } 111 }
47 112
48 -.controller-search .search-field .formfield {  
49 - width: 80%;  
50 -}  
51 -  
52 .controller-search #content form input.button.submit { 113 .controller-search #content form input.button.submit {
53 height: 30px; 114 height: 30px;
54 max-height: 30px; 115 max-height: 30px;
55 - width: 87px;  
56 - margin-bottom: 14px;  
57 - margin-left: 32px; 116 + width: auto;
  117 + padding: 0 14px 0 14px;
  118 + margin: 14px;
58 text-transform: uppercase; 119 text-transform: uppercase;
59 - font-weight: bold;  
60 - /*border: 1px solid #4562b1;*/  
61 - /*padding:0px;*/  
62 - /*color:#ffffff;*/  
63 - /*background-color:#4562b1;*/ 120 + font-family:"open_sansbold",Arial,sans-serif;
  121 + color:#ffffff;
  122 + background-color:#4562b1;
64 } 123 }
65 124
66 .controller-search .search-results-type-empty div{ 125 .controller-search .search-results-type-empty div{
@@ -68,8 +127,8 @@ @@ -68,8 +127,8 @@
68 color:#172738; 127 color:#172738;
69 font-size:20px; 128 font-size:20px;
70 padding:5px; 129 padding:5px;
71 -  
72 } 130 }
  131 +
73 .action-search-software_infos #content input.button{ 132 .action-search-software_infos #content input.button{
74 background-color:#2B65cd; 133 background-color:#2B65cd;
75 border: 1px solid #2B65cd; 134 border: 1px solid #2B65cd;
@@ -79,24 +138,120 @@ @@ -79,24 +138,120 @@
79 padding:0px; 138 padding:0px;
80 } 139 }
81 140
82 -.action-search-software_infos .icon-search{  
83 - 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 +}
  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 +}
84 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;
85 } 243 }
86 -/*  
87 -.search-enterprise-item {  
88 - border-bottom: 1px solid #eee;  
89 -}*/  
90 244
91 .controller-search .action-search-software_infos .search-field .formfield { 245 .controller-search .action-search-software_infos .search-field .formfield {
92 - width: 80%; 246 + width: 100%;
  247 + margin: 0;
  248 + padding: 0;
93 } 249 }
94 250
95 -.action-search-software_infos .only-one-result-box .search-enterprise-item {  
96 - padding-top:35px !important;  
97 - padding-bottom: 35px !important; 251 +.action-search-software_infos .only-one-result-box .search-software-item {
  252 + padding: 29px 0 31px 0 !important;
98 background: #ffffff; 253 background: #ffffff;
99 - /*padding: 50px 0 !important;*/ 254 + border-bottom: 1px solid #d7d7d7;
100 } 255 }
101 256
102 .action-search-software_infos .search-results-innerbox { 257 .action-search-software_infos .search-results-innerbox {
@@ -117,27 +272,24 @@ @@ -117,27 +272,24 @@
117 float:left; 272 float:left;
118 } 273 }
119 274
120 -/*  
121 -.common-profile-list-block .profile-image {  
122 - padding:0px 200px;  
123 -}  
124 -*/  
125 -  
126 -.action-search-software_infos .search-enterprise-item-column-left{  
127 - border-right: 1px solid #ccc;  
128 - width: 143px; 275 +.action-search-software_infos .search-software-item-column-left{
  276 + border-right: 1px dotted #ccc;
  277 + width: 130px;
129 height: 130px; 278 height: 130px;
130 - /*padding: 0px 60px 0px 10px; /*50 no lugar coloquei 70*/  
131 - /*margin:none;*/  
132 - /*position:absolute;*/ 279 + float: left;
133 } 280 }
134 281
135 -.action-search-software_infos .search-enterprise-item-column-right{ 282 +.action-search-software_infos .search-software-item-column-right{
136 width:60%; /*440px;*/ 283 width:60%; /*440px;*/
137 float:left; 284 float:left;
138 margin-left: 130px; 285 margin-left: 130px;
139 - /*text-align: justify;*/  
140 } 286 }
  287 +
  288 +#content .search-results-box .vcard {
  289 + display: table;
  290 + margin: 0;
  291 +}
  292 +
141 #content .vcard a:hover{ 293 #content .vcard a:hover{
142 color:#2C66CE; 294 color:#2C66CE;
143 } 295 }
@@ -146,19 +298,10 @@ @@ -146,19 +298,10 @@
146 border: none; 298 border: none;
147 } 299 }
148 300
149 -.action-search-software_infos .org {  
150 - display:none !important;  
151 -}  
152 -  
153 -.action-search-software_infos .search-enterprise-item-column-left .vcard img { 301 +.action-search-software_infos .search-software-item-column-left .vcard img {
154 max-width: 90px; 302 max-width: 90px;
155 height: auto; 303 height: auto;
156 - /*margin-left: 15px;  
157 - margin-right: 15px;*/  
158 - /*max-height: 130px; /*90px;*/  
159 - /*margin-left: 60%; /*30%;90px;  
160 - position: absolute;  
161 - float: left;*/ 304 + margin-left:170px;
162 } 305 }
163 306
164 .action-search-software_infos .common-profile-list-block img{ 307 .action-search-software_infos .common-profile-list-block img{
@@ -166,9 +309,8 @@ @@ -166,9 +309,8 @@
166 } 309 }
167 310
168 .action-search-software_infos .common-profile-list-block .profile-image{ 311 .action-search-software_infos .common-profile-list-block .profile-image{
169 - /*padding:20px 40px;*/  
170 - margin-left: 140px; /*85px; TESTANDO*/  
171 - /*margin-top: 10px;*/ 312 + margin-left: 130px;
  313 + margin-top: 35px;
172 width: 130px; 314 width: 130px;
173 height: 130px; 315 height: 130px;
174 } 316 }
@@ -177,64 +319,57 @@ @@ -177,64 +319,57 @@
177 font-size: 13px; 319 font-size: 13px;
178 font-family: Arial; 320 font-family: Arial;
179 opacity: inherit; 321 opacity: inherit;
180 - width:135px; 322 + width:130px;
181 padding-right:20px; 323 padding-right:20px;
182 text-align: left; 324 text-align: left;
183 position:absolute; 325 position:absolute;
184 top:0px; 326 top:0px;
185 - /* margin-bottom:130px;*/ /*verificar melhor forma de fazer, tamanho da barra laterial*/  
186 - 327 + color: #21376c;
187 } 328 }
188 .action-search-software_infos .common-profile-list-block .extra_info::before{ 329 .action-search-software_infos .common-profile-list-block .extra_info::before{
189 content: url("images/ic-calendar.png"); 330 content: url("images/ic-calendar.png");
190 - line-height: 20px;  
191 margin-right:10px; 331 margin-right:10px;
192 margin-top:6px; 332 margin-top:6px;
193 float: left; 333 float: left;
194 - /*padding-top: 10px;*/  
195 - /* position: static; */  
196 - /* overflow: auto; */  
197 } 334 }
198 335
199 -.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 {
200 font-size: 15px; 337 font-size: 15px;
201 - padding-top: 0px; 338 + padding: 0 0 0 8px;
202 font-family: Arial; 339 font-family: Arial;
203 } 340 }
204 341
205 -.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 {
206 color:#172938 !important; 345 color:#172938 !important;
207 font-size:19px !important; 346 font-size:19px !important;
208 } 347 }
209 -.action-search-software_infos .search-enterprise-item-column-right span b{ 348 +.action-search-software_infos .search-software-item-column-right span b{
210 font-weight: normal; 349 font-weight: normal;
  350 + font-size: 13px;
211 } 351 }
212 352
213 -.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 {
214 float: left; 354 float: left;
215 - margin-right: 10px;  
216 - /*font-size: 13px;*/ /*font deve ser aplicada as categorias*/  
217 -}  
218 -/* Verificar a melhor maneira de fazer  
219 -.action-search-software_infos .search-enterprise-item-column-right span b:nth-last-child(2){  
220 - display: none;  
221 } 355 }
222 356
223 -.action-search-software_infos .search-enterprise-item-column-right span a:nth-last-child(1){  
224 - display: none;  
225 -}*/  
226 -  
227 -.action-search-software_infos .search-community-content-block #categories-list{  
228 - margin-top:35px; 357 +.action-search-software_infos .search-software-content-block #categories-list{
  358 + margin-top:30px;
229 margin-bottom: 10px; 359 margin-bottom: 10px;
230 } 360 }
231 -.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{
232 text-decoration: underline; 367 text-decoration: underline;
233 font-size: 13px; 368 font-size: 13px;
234 color:#2B65cd; 369 color:#2B65cd;
235 - display:block !important;  
236 float:left; 370 float:left;
237 - margin-right: 10px !important; 371 + line-height:18px;
  372 + margin-left: 7px !important;
238 width: auto !important; 373 width: auto !important;
239 } 374 }
240 375
page-inicial.css
@@ -50,7 +50,7 @@ @@ -50,7 +50,7 @@
50 } 50 }
51 51
52 #bt_catalog-search::after { 52 #bt_catalog-search::after {
53 - content:'>'; 53 + content: url('images/right-arrow-black.png');
54 padding-left: 7px; 54 padding-left: 7px;
55 padding-right: 4px; 55 padding-right: 4px;
56 color: #172857; 56 color: #172857;
@@ -195,6 +195,8 @@ @@ -195,6 +195,8 @@
195 border-bottom: solid 1px #D7D7D7; 195 border-bottom: solid 1px #D7D7D7;
196 margin: 0 0 7px 0; 196 margin: 0 0 7px 0;
197 text-transform: none; 197 text-transform: none;
  198 + color: #172738;
  199 + font-size: 12px;
198 } 200 }
199 201
200 #content .software-block-finality a, 202 #content .software-block-finality a,
@@ -212,7 +214,7 @@ @@ -212,7 +214,7 @@
212 } 214 }
213 215
214 .software-block-finality::after { 216 .software-block-finality::after {
215 - content:'>'; 217 + content: url('images/right-arrow.png');
216 padding-left: 7px; 218 padding-left: 7px;
217 padding-right: 4px; 219 padding-right: 4px;
218 color: #FFF; 220 color: #FFF;
@@ -236,16 +238,16 @@ @@ -236,16 +238,16 @@
236 height: auto; 238 height: auto;
237 } 239 }
238 240
239 -.software-block-logo{  
240 - display:block;  
241 - text-align: center;  
242 - width:140px;  
243 - height:90px;  
244 - padding-top:20px;  
245 - padding-bottom:20px;  
246 - overflow: hidden; 241 +.software-block-logo {
  242 + display: table-cell;
  243 + vertical-align: middle;
  244 + text-align: center;
  245 + width: 140px;
  246 + height: 150px;
  247 + overflow: hidden;
247 } 248 }
248 249
  250 +
249 /* 251 /*
250 .box-1 .software-block-title h3 { 252 .box-1 .software-block-title h3 {
251 font-weight: normal !important; 253 font-weight: normal !important;
@@ -258,7 +260,7 @@ @@ -258,7 +260,7 @@
258 } 260 }
259 261
260 .box-1 .softwares-block .common-profile-list-block .vcard { 262 .box-1 .softwares-block .common-profile-list-block .vcard {
261 - border: none; 263 + border: none;
262 } 264 }
263 265
264 .box-1 .softwares-block .common-profile-list-block .vcard:hover .menu-submenu-trigger{ 266 .box-1 .softwares-block .common-profile-list-block .vcard:hover .menu-submenu-trigger{
@@ -346,9 +348,12 @@ margin: -10px 0px 10px 20px; /*-20px 20px; @@ -346,9 +348,12 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
346 display: none; 348 display: none;
347 } 349 }
348 350
349 -#content .block.display-content-block .block-title, 351 +#content .block.display-content-block .block-title {
  352 + margin: 0px;
  353 +}
  354 +
350 #content .block.softwares-block .block-title { 355 #content .block.softwares-block .block-title {
351 - margin: 0px 0px 25px 0px; 356 + margin: 0px 0px 25px 0px;
352 } 357 }
353 358
354 /* Bloco de notícias (Display contents) */ 359 /* Bloco de notícias (Display contents) */
@@ -370,12 +375,11 @@ margin: -10px 0px 10px 20px; /*-20px 20px; @@ -370,12 +375,11 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
370 } 375 }
371 376
372 .block.display-content-block .image { 377 .block.display-content-block .image {
373 - width: 150px;  
374 - height: 90px;  
375 - position: absolute;  
376 - margin-top: 35px;  
377 border: 0px solid #c0c1c1; 378 border: 0px solid #c0c1c1;
378 border-radius: 8px; 379 border-radius: 8px;
  380 + display: table-cell;
  381 + padding-right: 25px;
  382 + width: 150px;
379 } 383 }
380 384
381 .block.display-content-block .image img { 385 .block.display-content-block .image img {
@@ -391,10 +395,10 @@ margin: -10px 0px 10px 20px; /*-20px 20px; @@ -391,10 +395,10 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
391 } 395 }
392 396
393 .block.display-content-block .title { 397 .block.display-content-block .title {
394 - padding-left: 160px;  
395 - padding-right: 0px;  
396 - max-height: 33px; 398 + padding-right: 0px !important;
  399 + max-height: 40px;
397 overflow: hidden; 400 overflow: hidden;
  401 + margin-bottom: 4px !important;
398 } 402 }
399 403
400 .block.display-content-block .title a { 404 .block.display-content-block .title a {
@@ -405,16 +409,15 @@ margin: -10px 0px 10px 20px; /*-20px 20px; @@ -405,16 +409,15 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
405 } 409 }
406 410
407 .block.display-content-block .lead { 411 .block.display-content-block .lead {
408 - padding-left: 160px;  
409 - padding-right: 0px;  
410 - max-height: 60px; 412 + padding-right: 0px;
  413 + max-height: 56px;
411 } 414 }
412 415
413 .block.display-content-block .lead a { 416 .block.display-content-block .lead a {
414 font-size: 15px; 417 font-size: 15px;
415 font-family: Arial; 418 font-family: Arial;
416 line-height: 1.3em; 419 line-height: 1.3em;
417 - color: #000000; 420 + color: #000000;
418 } 421 }
419 422
420 .block.display-content-block .read_more, .block.display-content-block .tags { 423 .block.display-content-block .read_more, .block.display-content-block .tags {
@@ -422,7 +425,12 @@ margin: -10px 0px 10px 20px; /*-20px 20px; @@ -422,7 +425,12 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
422 } 425 }
423 426
424 .lead a:visited, #content .lead a:visited, .lead dl.portlet a:visited { 427 .lead a:visited, #content .lead a:visited, .lead dl.portlet a:visited {
425 - color: #000000; 428 + color: #172738;
  429 +}
  430 +
  431 +.notice-info {
  432 + display: table-cell;
  433 + vertical-align: top;
426 } 434 }
427 435
428 /* Tela de Noticias Antigas */ 436 /* Tela de Noticias Antigas */
@@ -506,7 +514,7 @@ margin: -10px 0px 10px 20px; /*-20px 20px; @@ -506,7 +514,7 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
506 514
507 .block.display-last-news-block .lead { 515 .block.display-last-news-block .lead {
508 padding-left: 0px; 516 padding-left: 0px;
509 - padding-right: 0px; 517 + padding-right: 0px;
510 max-height: 23px; 518 max-height: 23px;
511 overflow: hidden; 519 overflow: hidden;
512 } 520 }
@@ -515,30 +523,54 @@ margin: -10px 0px 10px 20px; /*-20px 20px; @@ -515,30 +523,54 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
515 font-size: 15px; 523 font-size: 15px;
516 font-family: Arial; 524 font-family: Arial;
517 line-height: 1.3em; 525 line-height: 1.3em;
518 - color: #172738; 526 + color: #172738;
519 } 527 }
520 528
521 .block.display-last-news-block .read_more, .block.display-last-news-block .tags { 529 .block.display-last-news-block .read_more, .block.display-last-news-block .tags {
522 display: none; 530 display: none;
523 } 531 }
524 532
525 -.block.display-last-news-block a:visited,  
526 -.block.display-last-news-block a:link,  
527 -.block.display-last-news-block a:hover, 533 +.block.display-last-news-block a:visited,
  534 +.block.display-last-news-block a:link,
  535 +.block.display-last-news-block a:hover,
528 .block.display-last-news-block a, 536 .block.display-last-news-block a,
529 .block.display-last-news-block dl.portlet a:visited { 537 .block.display-last-news-block dl.portlet a:visited {
530 color: #172738; 538 color: #172738;
531 text-decoration: none; 539 text-decoration: none;
532 } 540 }
533 541
534 -#content .block.display-last-news-block a:visited,  
535 -#content .block.display-last-news-block a:link,  
536 -#content .block.display-last-news-block a:hover, 542 +#content .block.display-last-news-block a:visited,
  543 +#content .block.display-last-news-block a:link,
  544 +#content .block.display-last-news-block a:hover,
537 #content .block.display-last-news-block a { 545 #content .block.display-last-news-block a {
538 color: #172738; 546 color: #172738;
539 text-decoration: none; 547 text-decoration: none;
540 } 548 }
541 549
  550 +.statistics-block-data ul li.users span {
  551 + font-size: 14px;
  552 +}
  553 +
  554 +.statistics-block-data ul {
  555 + margin-top: 10px;
  556 +}
  557 +
  558 +/* Alinhamento das estatísticas */
  559 +.statistics-block-data ul li {
  560 + margin-left: 18px;
  561 + margin-top: 6px;
  562 + line-height: 17px;
  563 +}
  564 +
  565 +span.amount {
  566 + font-size: 14px;
  567 + font-weight: 700;
  568 +}
  569 +
  570 +span.label {
  571 + font-size: 14px;
  572 +}
  573 +
542 /* 574 /*
543 .menu-submenu down{ 575 .menu-submenu down{
544 576
pagina-artigos.css
@@ -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 {
@@ -126,7 +151,7 @@ hr { @@ -126,7 +151,7 @@ hr {
126 } 151 }
127 152
128 ol li { 153 ol li {
129 - margin-bottom: 5px; 154 + margin-bottom: 5px;
130 } 155 }
131 156
132 .voltar-ao-topo { 157 .voltar-ao-topo {
@@ -139,7 +164,7 @@ ol li { @@ -139,7 +164,7 @@ ol li {
139 padding-left: 20px; 164 padding-left: 20px;
140 background: url(images/voltar-topo.png) no-repeat left center !important; 165 background: url(images/voltar-topo.png) no-repeat left center !important;
141 color: #777 !important; 166 color: #777 !important;
142 - font-size: 15px; 167 + font-size: 15px;
143 } 168 }
144 169
145 .ancor { 170 .ancor {
@@ -255,7 +280,7 @@ ol li { @@ -255,7 +280,7 @@ ol li {
255 padding-bottom: 25px; 280 padding-bottom: 25px;
256 padding-left: 1px; 281 padding-left: 1px;
257 font-family:"open_sansregular", Arial; 282 font-family:"open_sansregular", Arial;
258 - 283 +
259 } 284 }
260 285
261 .news_principal_block { 286 .news_principal_block {
@@ -393,3 +418,107 @@ color: #F91461; @@ -393,3 +418,107 @@ color: #F91461;
393 color: #172938; 418 color: #172938;
394 text-decoration: none; 419 text-decoration: none;
395 } 420 }
  421 +
  422 +/* Events */
  423 +
  424 +.event-card {
  425 + border-top: 1px dotted #D3D6D3;
  426 + background-repeat: no-repeat;
  427 + width: 494px;
  428 + height: 116px;
  429 + margin-bottom: 30px;
  430 +}
  431 +
  432 +.event-image {
  433 + border-right: 1px dotted #D3D6DE;
  434 +}
  435 +
  436 +.about-event > span {
  437 + font-family: arial;
  438 + line-height: 13px;
  439 +}
  440 +
  441 +.about-event .event-date {
  442 + font-weight: bold;
  443 + letter-spacing: 0.49px;
  444 +}
  445 +
  446 +.about-event .event-address {
  447 + margin-top: 19px;
  448 +}
  449 +
  450 +.about-event .event-address span {
  451 + margin-top: 4.4px;
  452 + line-height: 14px;
  453 + letter-spacing: 0.5px;
  454 +}
  455 +
  456 +.event-link {
  457 + letter-spacing: 0.48px;
  458 +}
  459 +
  460 +.event-link a {
  461 + text-decoration: underline;
  462 +}
  463 +
  464 +.article .article-body .event-body .event-lead p {
  465 + font-size: 16px;
  466 + font-family: Arial;
  467 + font-weight: bold;
  468 + letter-spacing: -0.4px;
  469 + line-height: 21px;
  470 +}
  471 +
  472 +.event-body .event-content p {
  473 + font-size: 15px;
  474 + font-family: Arial;
  475 + line-height: 22px;
  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_comunidade.css
@@ -3,8 +3,8 @@ @@ -3,8 +3,8 @@
3 border-bottom: 1px solid #D3D6DE; 3 border-bottom: 1px solid #D3D6DE;
4 padding-bottom: 30px; 4 padding-bottom: 30px;
5 margin:0px 20px 0px 0px; 5 margin:0px 20px 0px 0px;
6 - background-image: url("titulo2.png");  
7 - background-repeat: no-repeat; 6 + /*background-image: url("titulo2.png");
  7 + background-repeat: no-repeat;*/
8 8
9 } 9 }
10 10
@@ -259,21 +259,36 @@ ul#itens-legend-grafic{ @@ -259,21 +259,36 @@ ul#itens-legend-grafic{
259 } 259 }
260 260
261 #discussions h3{ 261 #discussions h3{
262 - padding:12px 0px 3px 0px; 262 + font-size: 20px;
  263 + padding:25px 0px 5px 0px;
263 margin:0px; 264 margin:0px;
264 } 265 }
265 266
266 .tidings{ 267 .tidings{
267 - border-top: 1px solid #ECEDF1; 268 + border-top: 1px solid #D3D6DE;
268 padding:10px; 269 padding:10px;
  270 + padding-bottom: 23px;
269 } 271 }
270 272
271 .date-list-discussion, 273 .date-list-discussion,
272 .subject-list-discussion{ 274 .subject-list-discussion{
273 display: block; 275 display: block;
274 - line-height: 21px;  
275 - padding: 0px 0px 10px 0px;  
276 - position: relative; 276 + line-height: 21px;
  277 + padding: 10px 0px 0px 0px;
  278 + position: relative;
  279 +}
  280 +
  281 +.date-list-discussion {
  282 + letter-spacing: -0.1px;
  283 +}
  284 +
  285 +.subject-list-title {
  286 + line-height: 18px !important;
  287 +}
  288 +
  289 +.subject-list-discussion {
  290 + font-size: 16px;
  291 + padding-top: 3px;
277 } 292 }
278 293
279 .date-list-discussion{ 294 .date-list-discussion{
@@ -284,30 +299,45 @@ ul#itens-legend-grafic{ @@ -284,30 +299,45 @@ ul#itens-legend-grafic{
284 text-decoration: none; 299 text-decoration: none;
285 color:#5E82C6; 300 color:#5E82C6;
286 } 301 }
287 -.see-more-discussion{  
288 -text-align: right;  
289 - padding: 10px; 302 +
  303 +.see-more-discussion {
  304 + text-align: right;
  305 + padding: 15px 0px 0px 0px;
290 text-transform: uppercase; 306 text-transform: uppercase;
291 line-height: 21px; 307 line-height: 21px;
292 - font-size: 12px;  
293 - border-top: 1px solid #ECEDF1; 308 + font-size: 11px;
  309 + border-top: 1px solid #D3D6DE;
  310 + margin-bottom: 2px;
  311 + letter-spacing: -0.12px;
294 } 312 }
295 313
296 .see-more-discussion::after { 314 .see-more-discussion::after {
297 background: none repeat scroll 0 0 #3e67b1; 315 background: none repeat scroll 0 0 #3e67b1;
298 - border-radius: 4px; 316 + border-radius: 2px;
299 color: #ffffff; 317 color: #ffffff;
300 - content: ">"; 318 + content: url('images/left-arrow.png');
301 font-size: 15px; 319 font-size: 15px;
302 line-height: 20px; 320 line-height: 20px;
303 margin-left: 5px; 321 margin-left: 5px;
304 - padding-left: 7px;  
305 - padding-right: 4px; 322 + padding: 2px 7px 1px 7px;
306 position: relative; 323 position: relative;
307 text-align: center; 324 text-align: center;
308 top: 2px; 325 top: 2px;
309 } 326 }
310 327
  328 +.tidings {
  329 + padding-left: 0px;
  330 +}
  331 +
  332 +#mais-relevantes h3 {
  333 + letter-spacing: 0.2px;
  334 + padding-bottom: 16px;
  335 +}
  336 +
  337 +#mais-relevantes span {
  338 + letter-spacing: 0px;
  339 +}
  340 +
311 /********************** ABA03 - BLOG ********************************/ 341 /********************** ABA03 - BLOG ********************************/
312 #block-news-community{ 342 #block-news-community{
313 padding-top:20px; 343 padding-top:20px;
@@ -347,12 +377,13 @@ text-align: right; @@ -347,12 +377,13 @@ text-align: right;
347 377
348 378
349 /********************** ABA04 - Wiki ********************************/ 379 /********************** ABA04 - Wiki ********************************/
350 -#aba4{  
351 - background-image: url("wiki.png");  
352 - background-repeat: no-repeat; 380 +
  381 +#aba4 {
  382 + border-bottom: 3px solid #172738;
  383 + padding-bottom: 40px;
353 } 384 }
354 385
355 -#aba4 h2{ 386 +#aba4 h3{
356 color:#172738; 387 color:#172738;
357 border-bottom: 2px solid #ECEDF1; 388 border-bottom: 2px solid #ECEDF1;
358 font-size: 21px; 389 font-size: 21px;
@@ -362,13 +393,19 @@ text-align: right; @@ -362,13 +393,19 @@ text-align: right;
362 } 393 }
363 394
364 #aba4 span{ 395 #aba4 span{
365 - color: #172738; 396 + /*color: #172738;
366 display:block; 397 display:block;
367 line-height: 23px; 398 line-height: 23px;
368 font-size: 15px; 399 font-size: 15px;
369 margin:10px 0px 26px 5px; 400 margin:10px 0px 26px 5px;
370 - padding-top:10px;  
371 - 401 + padding-top:10px;*/
  402 + line-height: 21px;
  403 + font-size: 15px;
  404 + display: block;
  405 + padding-left: 3px;
  406 + font-weight: 400;
  407 + color: black;
  408 + padding-top: 10px;
372 } 409 }
373 410
374 411
@@ -376,82 +413,516 @@ text-align: right; @@ -376,82 +413,516 @@ text-align: right;
376 413
377 .information-repository-activ{ 414 .information-repository-activ{
378 border-bottom: 1px solid #D3D6DE; 415 border-bottom: 1px solid #D3D6DE;
379 - padding:40px 20px 40px 20px; 416 + /*padding:40px 20px 40px 20px; #D3D6DE*/
  417 + margin: 0px;
380 color:#172738; 418 color:#172738;
381 } 419 }
382 420
383 .about-commit{ 421 .about-commit{
  422 + font-size: 12px;
384 display:block; 423 display:block;
385 position:absolute; 424 position:absolute;
386 float:left; 425 float:left;
  426 + margin-top: 27px;
387 border-right:1px dotted #D3D6DE; 427 border-right:1px dotted #D3D6DE;
388 - padding-right: 40px; 428 + padding: 0px 23px 13px 0px;
389 } 429 }
  430 +
  431 +.calendar-commit {
  432 + margin-top: 10px;
  433 +}
  434 +
390 .about-commit span{ 435 .about-commit span{
391 position: relative; 436 position: relative;
392 - display:block; 437 + display: block;
393 line-height: 21px; 438 line-height: 21px;
394 - padding: 5px; 439 + padding: 0px;
395 } 440 }
396 441
397 .information-member-repository{ 442 .information-member-repository{
398 - margin-left:150px; 443 + padding-top: 28px;
  444 + margin-left: 127px;
399 display:block; 445 display:block;
400 446
401 } 447 }
402 448
  449 +.name-information-repository {
  450 + font-size: 12px;
  451 +}
  452 +
  453 +.information-member-repository {
  454 + margin-bottom: 20px;
  455 +}
  456 +
403 .information-member-repository span{ 457 .information-member-repository span{
404 display:block; 458 display:block;
405 position:relative; 459 position:relative;
406 - line-height: 21px;  
407 - padding: 5px; 460 + line-height: 15px;
  461 + padding: 5px;
408 } 462 }
409 463
410 .commit-historic::before { 464 .commit-historic::before {
411 - content: url("images/calendar-icon.png");  
412 - float: left; 465 + content: url("images/upload-icon.png");
  466 + /*float: left;*/
413 line-height: 20px; 467 line-height: 20px;
414 - margin-right: 10px; 468 + margin-right: 11px;
415 margin-top: 4px; 469 margin-top: 4px;
416 } 470 }
417 471
418 .calendar-commit::before { 472 .calendar-commit::before {
419 content: url("images/calendar-icon.png"); 473 content: url("images/calendar-icon.png");
420 - float: left; 474 + /*float: left;*/
421 line-height: 20px; 475 line-height: 20px;
422 - margin-right: 10px; 476 + margin-right: 11px;
423 margin-top: 4px; 477 margin-top: 4px;
424 } 478 }
425 479
426 .see-more-repository{ 480 .see-more-repository{
  481 + color: black !important;
427 text-align: right; 482 text-align: right;
428 - padding:10px; 483 + padding: 15px 0px 0px 0px;
429 text-transform: uppercase; 484 text-transform: uppercase;
430 line-height: 21px; 485 line-height: 21px;
431 - font-size:12px; 486 + font-size: 11px;
  487 +/* border-top: 1px solid #D3D6DE; */
  488 + margin-bottom: 2px;
  489 + letter-spacing: -0.12px;
432 } 490 }
433 491
434 .see-more-repository::after { 492 .see-more-repository::after {
435 - background: none repeat scroll 0 0 #3e67b1;  
436 - border-radius: 4px;  
437 - color: #ffffff;  
438 - content: ">";  
439 - font-size: 15px;  
440 - line-height: 20px;  
441 - margin-left: 5px;  
442 - padding-left: 7px;  
443 - padding-right: 4px;  
444 - position: relative;  
445 - text-align: center;  
446 - top: 2px; 493 + background: none repeat scroll 0 0 #3e67b1;
  494 + border-radius: 2px;
  495 + color: #ffffff;
  496 + content: url('images/left-arrow.png');
  497 + font-size: 15px;
  498 + line-height: 20px;
  499 + margin-left: 5px;
  500 + padding: 2px 7px 1px 7px;
  501 + position: relative;
  502 + text-align: center;
  503 + top: 2px;
  504 +}
  505 +
  506 +
  507 +/*********************** Página de eventos da comunidade *******************/
  508 +
  509 +#event-card {
  510 + float: left;
  511 + border-top: 1px dotted #D3D6D3;
  512 + padding-top: 33px;
  513 + width: 494px;
  514 + height: 173px;
  515 + /*background-image: url('images/evento-teste.jpg');*/
  516 + background-repeat: no-repeat;
  517 +}
  518 +
  519 +#event-card #event-image {
  520 + position: relative;
  521 + float: left;
  522 + content: url('images/comunidade-evento-imagem-evento.png');
  523 + border-right:1px dotted #D3D6DE;
  524 + padding-right: 22px;
  525 +}
  526 +
  527 +.about-event {
  528 + position: relative;
  529 + float: left;
  530 + height: 160px;
  531 + width: 300px;
  532 + max-width: 300px;
  533 +}
  534 +
  535 +.about-event > span {
  536 + font-family: arial;
  537 + display: block;
  538 + max-width: inherit;
  539 + margin-left: 20px;
  540 + padding-left: 21px;
  541 + line-height: 13px;
  542 + margin-right: 11px;
  543 +}
  544 +
  545 +.about-event .event-date {
  546 + font-weight: bold;
  547 + letter-spacing: 0.49px;
  548 + margin-top: 3px;
  549 +}
  550 +
  551 +.about-event .event-address {
  552 + margin-top: 19px;
  553 +}
  554 +
  555 +.about-event .event-address span {
  556 + display: block;
  557 + margin-left: 0px;
  558 + margin-top: 4.4px;
  559 + line-height: 14px;
  560 + letter-spacing: 0.5px;
  561 +}
  562 +
  563 +/*
  564 +.event-date::before {
  565 + content: url("images/calendar-icon.png");
  566 +}
  567 +*/
  568 +
  569 +#community-page {
  570 + width: 494px;
  571 + height: 716px;
  572 + /*background-image: url('images/pagina-comunidade-teste.png');*/
  573 + background-repeat: no-repeat;
  574 +}
  575 +
  576 +#community-page h1 {
  577 + margin-bottom: 17px;
  578 + text-align: left;
  579 + font-size: 32px;
  580 + line-height: 30px;
  581 + padding-left: 1px;
  582 +}
  583 +
  584 +.event-date {
  585 + background: url('images/calendar-icon.png') no-repeat left center;
  586 +}
  587 +
  588 +.event-link {
  589 + background: url('images/globe-icon.png') no-repeat left center;
  590 + margin-top: 18px;
  591 + letter-spacing: 0.48px;
  592 +}
  593 +
  594 +.event-link a {
  595 + text-decoration: underline;
  596 +}
  597 +
  598 +.event-address {
  599 + background: url('images/icone_pin.png') no-repeat left top;
  600 +}
  601 +
  602 +.event-body {
  603 + float: left;
  604 +}
  605 +
  606 +.event-body h2 {
  607 + margin-left: 2px !important;
  608 + width: 494px;
  609 + letter-spacing: -0.4px;
  610 + line-height: 26px;
  611 + margin-bottom: -3px !important;
  612 +}
  613 +
  614 +.event-body .event-content p {
  615 + font-size: 15px;
  616 + font-family: Arial;
  617 + margin-top: 20px;
  618 + width: 494px;
  619 + padding-left: 2px;
  620 + line-height: 22px;
  621 +}
  622 +
  623 +/********** event side box **********/
  624 +
  625 +.community-side-box {
  626 + width: 100%;
  627 + height: 100%;
  628 + border: 1px solid #D3D6DE;
  629 + border-radius: 7px;
  630 + margin-bottom: 27px;
  631 + overflow: hidden;
  632 +}
  633 +
  634 +.community-logo-container {
  635 + height: 150px;
  636 + width: 200px;
  637 + border-bottom: 4px solid #3E67B1;
  638 + overflow: hidden;
  639 + text-align: center;
  640 + display: table-cell;
  641 + vertical-align: middle;
  642 +}
  643 +
  644 +.community-logo-container img {
  645 + height: auto;
  646 + width: 70%;
  647 +}
  648 +
  649 +.community-name {
  650 + font-family: Arial;
  651 + font-size: 14px;
  652 + font-weight: 700;
  653 + padding: 13px 10px 0px 10px;
  654 + text-align: center;
  655 + height: 100%;
  656 + background-color: #ECEDF1;
447 } 657 }
448 658
  659 +.community-name p {
  660 + font-family: open sans;
  661 + font-size: 16px;
  662 + line-height: 17px;
  663 + letter-spacing: 0px;
  664 +}
  665 +
  666 +.community-side-box table {
  667 + background-color: #ECEDF1;
  668 +}
  669 +
  670 +.community-side-box table th {
  671 + font-weight: 700;
  672 + text-align: left;
  673 + font-family: Arial;
  674 + font-size: 16px;
  675 + text-transform: uppercase;
  676 + padding-top: 9px;
  677 + padding-left: 13px;
  678 + padding-bottom: 0px;
  679 + letter-spacing: -1px;
  680 + border-bottom: 1px solid #D3D6DE;
  681 +}
  682 +
  683 +.community-side-box table td {
  684 + text-align: left;
  685 + border-bottom: 1px solid #D3D6DE;
  686 + height: 42px;
  687 + padding-top: 9px;
  688 + padding-left: 13px;
  689 +}
  690 +
  691 +.another-events-date {
  692 + color: #2C4B6B;
  693 + font-weight: 700;
  694 +}
  695 +
  696 +.another-event {
  697 + color: #2C4B6B;
  698 +}
  699 +
  700 +/************************** PÁGINA BLOG **************************/
  701 +
  702 +#community-blog {
  703 + width: 500px;
  704 + height: 2200px;
  705 + /*background-image: url('images/blog-teste.png');*/
  706 + background-repeat: no-repeat;
  707 +}
  708 +
  709 +#blog-header {
  710 + width: 100%;
  711 + height: 129px;
  712 + border-bottom: 1.5px solid #D3D6DE;
  713 +}
  714 +
  715 +#blog-header > h1 {
  716 + font-family: Arial;
  717 + font-weight: 700;
  718 + font-size: 33px;
  719 + margin: 0px;
  720 + text-align: left;
  721 + padding-left: 2px;
  722 + letter-spacing: 1px;
  723 +}
  724 +
  725 +#community-blog p {
  726 + font-family: Arial;
  727 + font-size: 15px;
  728 + margin-top: 2px;
  729 + margin-left: 4px;
  730 + margin-bottom: 0px;
  731 + letter-spacing: 0.15px;
  732 +}
  733 +
  734 +#community-blog #community-action-button {
  735 + margin-left: 3px;
  736 + margin-top: 7px;
  737 +}
  738 +
  739 +#community-blog #community-action-button a {
  740 + text-align: center;
  741 + font-family: Arial;
  742 + font-size: 13px;
  743 + float: left;
  744 + margin-right: 9px;
  745 + padding: 5px 12px 4px 9px;
  746 + border: 1px solid #D3D6DE;
  747 + border-radius: 4px;
  748 + color: #2C66CE;
  749 +}
  750 +
  751 +.blog-main-content {
  752 + font-family: Arial;
  753 + color: #172738;
  754 + margin-top: 46px;
  755 +}
  756 +
  757 +.blog-main-content #date {
  758 + font-size: 12px;
  759 + text-transform: uppercase;
  760 +}
  761 +
  762 +.blog-main-content #title {
  763 + font-size: 22px;
  764 + font-weight: 700;
  765 + margin-top: 9px;
  766 + line-height: 25px;
  767 + letter-spacing: 0.4px;
  768 +}
  769 +
  770 +.blog-main-content #image-container {
  771 + border-radius: 6px;
  772 + margin-top: 13px;
  773 + overflow: hidden;
  774 + height: 210px;
  775 + width: 490px;
  776 +}
  777 +
  778 +.blog-main-content #image-container img {
  779 + height: auto;
  780 + width: 490px;
  781 +}
  782 +
  783 +.blog-main-content #description {
  784 + font-size: 15px;
  785 + margin-top: 11px;
  786 + line-height: 21px;
  787 + letter-spacing: 0.1px;
  788 + padding-left: 3px;
  789 +}
  790 +
  791 +.blog-event-list {
  792 + margin-top: 24px;
  793 +}
  794 +
  795 +.blog-event-item{
  796 + position: relative;
  797 + float: left;
  798 + width: 500px;
  799 + border-top: 1px solid #D3D6DE;
  800 + padding-top: 25px;
  801 + margin-bottom: 25px;
  802 + display: table;
  803 + overflow: hidden;
  804 +}
  805 +
  806 +.blog-event-item .blog-event-information .date {
  807 + font-size: 12px;
  808 + margin-top: -1px;
  809 + text-transform: uppercase;
  810 +}
  811 +
  812 +.blog-event-item .blog-event-information .event-title {
  813 + max-height: 40px;
  814 + padding-right: 0px;
  815 + font-weight: 700;
  816 + font-size: 15px;
  817 + margin-top: 6px;
  818 + letter-spacing: 0.5px;
  819 +}
  820 +
  821 +.blog-event-item .blog-event-information .description {
  822 + font-size: 14px;
  823 + margin-top: 5px;
  824 + letter-spacing: -0.2px;
  825 + max-height: 57px;
  826 + overflow: hidden;
  827 +}
  828 +
  829 +.blog-event-item .blog-event-information {
  830 + display: table-cell;
  831 + width: 100%;
  832 +}
  833 +
  834 +.blog-event-item .item-image {
  835 + display: table-cell;
  836 + vertical-align: top;
  837 + padding-right: 20px;
  838 +}
  839 +
  840 +.blog-event-item img {
  841 + width: 106px;
  842 + height: 63px;
  843 + border-radius: 5px;
  844 + padding-left: 4px;
  845 +}
  846 +
  847 +.community-content-footer {
  848 + position: relative;
  849 + float: left;
  850 + padding-left: 2px;
  851 + width: 100%;
  852 + border-top: 1px solid #D3D6DE;
  853 + padding-top: 37px;
  854 + padding-bottom: 56px;
  855 +}
  856 +
  857 +.community-content-footer ul li {
  858 + display: inline;
  859 + border: 1px solid #D3D6DE;
  860 +}
  861 +
  862 +.community-content-footer ul .default-index {
  863 + padding: 7px 11px 7px 11px;
  864 + border-radius: 4px;
  865 + margin-right: 4px;
  866 + font-family: Arial;
  867 + font-weight: 700;
  868 + font-size: 16px;
  869 +}
  870 +
  871 +.community-content-footer ul #previous {
  872 + padding: 7px 11px 7px 11px;
  873 + border-radius: 4px;
  874 + margin-right: 38px;
  875 + font-family: Arial;
  876 + font-size: 14px;
  877 + padding-left: 35px;
  878 +}
  879 +
  880 +.community-content-footer ul #next {
  881 + padding: 7px 11px 7px 11px;
  882 + border-radius: 4px;
  883 + margin-left: 30px;
  884 + padding-left: 14px;
  885 + padding-right: 32px;
  886 + font-family: Arial;
  887 + font-size: 14px;
  888 + letter-spacing: 0.6px;
  889 +}
  890 +
  891 +.community-content-footer #indexes li a {
  892 + color: #172738;
  893 +}
  894 +
  895 +.community-content-footer #indexes .active-index {
  896 + background-color: #ECEDF1;
  897 + padding: 7px 11px 7px 11px;
  898 + border-radius: 4px;
  899 + margin-right: 4px;
  900 + font-family: Arial;
  901 + font-weight: 700;
  902 + font-size: 16px;
  903 +}
  904 +
  905 +.community-content-footer #indexes #previous #left-arrow {
  906 + position: absolute;
  907 + content: url('images/left-arrow-black.png');
  908 + margin-left: -25px;
  909 + margin-top: 3px;
  910 +}
  911 +
  912 +.community-content-footer #indexes #next #right-arrow {
  913 + position: absolute;
  914 + content: url('images/right-arrow-black.png');
  915 + margin-left: 18px;
  916 + margin-top: 3px;
  917 +}
  918 +
  919 +
449 /***********Secundaria - Wiki**************/ 920 /***********Secundaria - Wiki**************/
450 -#secundary-page-wiki { 921 +/*#secundary-page-wiki {
451 background-image: url("secundaria-wiki.png"); 922 background-image: url("secundaria-wiki.png");
452 background-repeat: no-repeat; 923 background-repeat: no-repeat;
453 width:90%; 924 width:90%;
454 -} 925 +}*/
455 926
456 #secundary-page-wiki h1 { 927 #secundary-page-wiki h1 {
457 border-bottom:1px solid #D3D6DE; 928 border-bottom:1px solid #D3D6DE;
@@ -482,12 +953,6 @@ text-align: right; @@ -482,12 +953,6 @@ text-align: right;
482 } 953 }
483 954
484 /*********Secundaria de Discussoes***********/ 955 /*********Secundaria de Discussoes***********/
485 -#secundary-page-discussion{  
486 - /*background-image: url("discussoes.png");  
487 - background-repeat: no-repeat;  
488 - /*padding-top:10px;*/  
489 -}  
490 -  
491 #secundary-page-discussion .tidings{ 956 #secundary-page-discussion .tidings{
492 padding:0px; 957 padding:0px;
493 } 958 }
@@ -546,11 +1011,6 @@ text-align: right; @@ -546,11 +1011,6 @@ text-align: right;
546 background:#ECEDF1; 1011 background:#ECEDF1;
547 border:1px solid #D3D6DE; 1012 border:1px solid #D3D6DE;
548 border-radius:4px; 1013 border-radius:4px;
549 - /*background-image: url("filtro.png");  
550 - background-repeat: no-repeat;*/  
551 - /* width: 40%;  
552 - height: 50%;*/  
553 -  
554 } 1014 }
555 1015
556 #filter-discussion-block h3{ 1016 #filter-discussion-block h3{
@@ -628,4 +1088,4 @@ color: #fff;*/ @@ -628,4 +1088,4 @@ color: #fff;*/
628 /**********************pagina secundaria de membros**************************/ 1088 /**********************pagina secundaria de membros**************************/
629 1089
630 1090
631 -/*****************************************************/  
632 \ No newline at end of file 1091 \ No newline at end of file
  1092 +/*****************************************************/
pagina_software.css
@@ -166,7 +166,7 @@ border: none; @@ -166,7 +166,7 @@ border: none;
166 166
167 #download_spb-2 h3{ 167 #download_spb-2 h3{
168 margin:6px 0px 2px 10px; 168 margin:6px 0px 2px 10px;
169 - font-size: 20px; 169 + font-size: 18px;
170 } 170 }
171 171
172 #download-info-1, 172 #download-info-1,
@@ -201,8 +201,8 @@ border: none; @@ -201,8 +201,8 @@ border: none;
201 #image-download{ 201 #image-download{
202 background-color: #2c66ce;/*#5E82C6;*/ 202 background-color: #2c66ce;/*#5E82C6;*/
203 border:1px solid #2c66ce;/*#5E82C6;*/ 203 border:1px solid #2c66ce;/*#5E82C6;*/
204 - border-top-right-radius:8px;  
205 - border-top-left-radius: 8px; 204 + /*border-top-right-radius:8px;
  205 + border-top-left-radius: 8px;*/
206 background-image: url("images/download-icon.png"); 206 background-image: url("images/download-icon.png");
207 background-repeat: no-repeat; 207 background-repeat: no-repeat;
208 background-position: center; /*15px;*/ 208 background-position: center; /*15px;*/
@@ -211,6 +211,10 @@ border: none; @@ -211,6 +211,10 @@ border: none;
211 /*width: 45px;*/ 211 /*width: 45px;*/
212 /*height: 25px;*/ 212 /*height: 25px;*/
213 display:block; 213 display:block;
  214 +
  215 + /* FIX ME */
  216 + height: 18px;
  217 + border-radius: 8px;
214 } 218 }
215 219
216 #size-download{ 220 #size-download{
@@ -221,7 +225,7 @@ border: none; @@ -221,7 +225,7 @@ border: none;
221 border:1px solid #1a397d; 225 border:1px solid #1a397d;
222 border-bottom-right-radius: 8px; 226 border-bottom-right-radius: 8px;
223 border-bottom-left-radius: 8px; 227 border-bottom-left-radius: 8px;
224 - display:block; 228 + display: none; /* FIX ME */
225 /*padding: 0px 10px 3px 6px; /*3px 22px;*/ 229 /*padding: 0px 10px 3px 6px; /*3px 22px;*/
226 /* width: 45px; 230 /* width: 45px;
227 height: 17px; 231 height: 17px;
@@ -240,6 +244,22 @@ border: none; @@ -240,6 +244,22 @@ border: none;
240 margin-right: 20px; 244 margin-right: 20px;
241 245
242 }*/ 246 }*/
  247 +.item-icon a {
  248 + display: none;
  249 +}
  250 +
  251 +.item-icon {
  252 + background-color: #2C66CE;
  253 + background-image: url("images/download-icon.png");
  254 + background-position: center center;
  255 + background-repeat: no-repeat;
  256 + border: 1px solid #2C66CE;
  257 + border-radius: 6px;
  258 + display: block;
  259 + padding: 45px 45px 5px 10px;
  260 + float: left;
  261 + margin-right: 20px;
  262 +}
243 263
244 #info-software-download{ 264 #info-software-download{
245 font-size: 16px; 265 font-size: 16px;
@@ -488,13 +508,15 @@ border: @@ -488,13 +508,15 @@ border:
488 } 508 }
489 509
490 #bt_repositorio::after{ 510 #bt_repositorio::after{
491 - content:'>';  
492 - position:absolute;  
493 - padding-left:2px;  
494 - margin-top:-2px;  
495 - right:10px;  
496 - width:18px;  
497 - height:20px; 511 + content: url('images/right-arrow.png');
  512 + position: absolute;
  513 + padding-left: 2px;
  514 + padding-top: 4px;
  515 + padding-bottom: 4px;
  516 + margin-top: -2px;
  517 + right: 10px;
  518 + width: 18px;
  519 + /* height: 20px; */
498 color:#FFF; 520 color:#FFF;
499 background:#2C66CE; 521 background:#2C66CE;
500 border-radius: 4px; 522 border-radius: 4px;
redes_sociais.css
1 .ui-widget-header 1 .ui-widget-header
2 { 2 {
3 - background: none;  
4 - border: 0px solid #aaaaaa;  
5 - color: none;  
6 - font-weight: bold; 3 + background: none;
  4 + border: 0px solid #aaaaaa;
  5 + color: none;
  6 + font-weight: bold;
7 } 7 }
8 .ui-tabs .ui-tabs-panel 8 .ui-tabs .ui-tabs-panel
9 { 9 {
10 - background-color: #eeeff1;  
11 - border-width: 1px;  
12 - color: #777;  
13 - display: block;  
14 - font-size: 13px;  
15 - padding: 1em 1.4em;  
16 - text-decoration: none; 10 + background-color: #eeeff1;
  11 + border-width: 1px;
  12 + color: #777;
  13 + display: block;
  14 + font-size: 13px;
  15 + padding: 1em 1.4em;
  16 + text-decoration: none;
17 } 17 }
18 .ui-tabs .ui-tabs-nav 18 .ui-tabs .ui-tabs-nav
19 { 19 {
20 - margin: 0;  
21 - padding: 0; 20 + margin: 0;
  21 + padding: 0;
22 } 22 }
23 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 23 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
24 { 24 {
25 - background: #d5d5d5 none;  
26 - border: 1px solid #d4d5d7;  
27 - color: #555555;  
28 - font-weight: normal; 25 + background: #d5d5d5 none;
  26 + border: 1px solid #d4d5d7;
  27 + color: #555555;
  28 + font-weight: normal;
29 } 29 }
30 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active 30 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
31 { 31 {
32 - background: #eeeff1 none;  
33 - background-color: #eeeff1;  
34 - border: 1px solid #aaaaaa;  
35 - color: #212121;  
36 - font-weight: normal; 32 + background: #eeeff1 none;
  33 + background-color: #eeeff1;
  34 + border: 1px solid #aaaaaa;
  35 + color: #212121;
  36 + font-weight: normal;
37 } 37 }
38 .ui-widget-content 38 .ui-widget-content
39 { 39 {
40 - border: 0px solid #aaaaaa; 40 + border: 0px solid #aaaaaa;
41 } 41 }
42 42
43 /********Novas abas - pagina de comunidade*********/ 43 /********Novas abas - pagina de comunidade*********/
44 #block-community-tabs{ 44 #block-community-tabs{
45 - font-family:arial; 45 + font-family:arial;
46 } 46 }
47 47
48 #block-community-tabs .ui-widget-header{ 48 #block-community-tabs .ui-widget-header{
49 - background:#ECEDF1;  
50 - border-radius:0px;  
51 - border:none;  
52 - border-bottom: 3px solid #D3D6DE;  
53 - color: none;  
54 - font-weight: bold; 49 + background:#ECEDF1;
  50 + border-radius:0px;
  51 + border:none;
  52 + border-bottom: 3px solid #D3D6DE;
  53 + color: none;
  54 + font-weight: bold;
55 } 55 }
56 56
  57 +.information-repository-activ {
  58 + height: 117px !important;
  59 +}
57 60
58 #block-community-tabs .ui-tabs .ui-tabs-panel{ 61 #block-community-tabs .ui-tabs .ui-tabs-panel{
59 background-color: #ffffff; 62 background-color: #ffffff;
@@ -64,44 +67,75 @@ @@ -64,44 +67,75 @@
64 padding: 0px; /*padding: 1em 1.4em;*/ 67 padding: 0px; /*padding: 1em 1.4em;*/
65 text-decoration: none; 68 text-decoration: none;
66 } 69 }
  70 +
  71 +#block-community-tabs .ui-tabs .ui-tabs-panel {
  72 + padding: 0px;
  73 +}
  74 +
67 #block-community-tabs .ui-tabs .ui-tabs-nav{ 75 #block-community-tabs .ui-tabs .ui-tabs-nav{
68 - margin: 0;  
69 - padding: 0; 76 + margin: 0px;
  77 + padding: 0px;
70 } 78 }
71 79
72 #block-community-tabs .ui-state-default,#block-community-tabs .ui-widget-content .ui-state-default,#block-community-tabs .ui-widget-header .ui-state-default{ 80 #block-community-tabs .ui-state-default,#block-community-tabs .ui-widget-content .ui-state-default,#block-community-tabs .ui-widget-header .ui-state-default{
73 - /*background: #d5d5d5 none;  
74 - border: 1px solid #d4d5d7;  
75 - color: #555555;*/  
76 - font-weight: normal; 81 + /*background: #d5d5d5 none;
  82 + border: 1px solid #d4d5d7;
  83 + color: #555555;*/
  84 + font-weight: normal;
77 } 85 }
78 #block-community-tabs .ui-state-active,#block-community-tabs .ui-widget-content .ui-state-active,#block-community-tabs .ui-widget-header .ui-state-active{ 86 #block-community-tabs .ui-state-active,#block-community-tabs .ui-widget-content .ui-state-active,#block-community-tabs .ui-widget-header .ui-state-active{
79 - /*background: #eeeff1 none;  
80 - background-color: #eeeff1;  
81 - border: 1px solid #aaaaaa;  
82 - color: #212121;*/  
83 - font-weight: normal; 87 + /*background: #eeeff1 none;
  88 + background-color: #eeeff1;
  89 + border: 1px solid #aaaaaa;
  90 + color: #212121;*/
  91 + font-weight: normal;
84 } 92 }
85 93
86 #block-community-tabs .ui-widget-content{ 94 #block-community-tabs .ui-widget-content{
87 - border: 0px solid #aaaaaa; 95 + border: 0px solid #aaaaaa;
88 } 96 }
89 97
90 #block-community-tabs .ui-state-default,#block-community-tabs .ui-widget-content .ui-state-default,#block-community-tabs .ui-widget-header .ui-state-default { 98 #block-community-tabs .ui-state-default,#block-community-tabs .ui-widget-content .ui-state-default,#block-community-tabs .ui-widget-header .ui-state-default {
91 - border: none;  
92 - background:#ECEDF1 ;  
93 - font-weight: normal;  
94 - color: #172738; 99 + border: none;
  100 + background:#ECEDF1 ;
  101 + font-weight: normal;
  102 + color: #172738;
95 } 103 }
96 104
97 -#block-community-tabs .ui-state-default a:hover,  
98 -#block-community-tabs .ui-state-default a:link,  
99 -#block-community-tabs .ui-state-default a:active{  
100 - color:#172738; 105 +#block-community-tabs .ui-state-default a{
  106 + color: #172738;
  107 +}
  108 +
  109 +#block-community-tabs .ui-tabs .ui-tabs-nav {
  110 + font-size: 15px;
101 } 111 }
102 112
103 #block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active { 113 #block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active {
104 -margin-bottom: -3px;  
105 -padding-bottom: 1px;  
106 -border-bottom: 3px solid #FF0366; 114 + margin-bottom: -3px;
  115 + padding-bottom: 1px;
  116 + border-bottom: 3px solid #FF0366;
  117 + font-weight: 700;
  118 +
  119 +}
  120 +
  121 +#block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active a{
  122 + color: #FF0366;
  123 +}
  124 +
  125 +#block-community-tabs .ui-tabs .ui-tabs-nav li .triangle {
  126 + position: absolute;
  127 + margin-top: 38px;
  128 + margin-left: 45%;
  129 + width: 0;
  130 + height: 0;
  131 + border-left: 5px solid transparent;
  132 + border-right: 5px solid transparent;
  133 + border-top: 5px solid #FF0366;
  134 + font-size: 0;
  135 + line-height: 0;
  136 + display: none;
  137 +}
  138 +
  139 +#block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active .triangle {
  140 + display: block;
107 } 141 }
@@ -17,6 +17,9 @@ @@ -17,6 +17,9 @@
17 /****************** Recent content ********************/ 17 /****************** Recent content ********************/
18 @import url(recent-content.css); 18 @import url(recent-content.css);
19 19
  20 +/****************** bootstrap tooltips ********************/
  21 +@import url(tooltip.css);
  22 +
20 /****************** FIM cabecalho azul ****************/ 23 /****************** FIM cabecalho azul ****************/
21 24
22 /****************** Block Agenda ********************/ 25 /****************** Block Agenda ********************/
@@ -40,7 +43,7 @@ @@ -40,7 +43,7 @@
40 43
41 @import url(../../icons/tango/style.css); 44 @import url(../../icons/tango/style.css);
42 45
43 -/****************** Font awesome ****s****************/ 46 +/****************** Font awesome ******************/
44 @import url(font-awesome.min.css); 47 @import url(font-awesome.min.css);
45 48
46 /* - css/main.css - */ 49 /* - css/main.css - */
@@ -145,14 +148,14 @@ vertical-align: baseline; @@ -145,14 +148,14 @@ vertical-align: baseline;
145 /* */ 148 /* */
146 /* */ 149 /* */
147 body { 150 body {
148 - background-color: #fff;  
149 - color: #172938;  
150 - font-size: 12px;  
151 - font-family: "open_sansregular", Arial, Helvetica, sans-serif; 151 + background-color: #fff;
  152 + color: #172938;
  153 + font-size: 12px;
  154 + font-family: "open_sansregular", Arial, Helvetica, sans-serif;
152 } 155 }
153 h1, h2, h3, h4, h5, h6 { 156 h1, h2, h3, h4, h5, h6 {
154 - font-family: "open_sansbold", Arial, Helvetica, sans-serif;  
155 - font-weight: normal; 157 + font-family: "open_sansbold", Arial, Helvetica, sans-serif;
  158 + font-weight: normal;
156 } 159 }
157 160
158 /* 161 /*
@@ -498,19 +501,19 @@ p { @@ -498,19 +501,19 @@ p {
498 } 501 }
499 502
500 #content .box .read-more a::after { 503 #content .box .read-more a::after {
501 - content:'>';  
502 - padding-left: 8px;  
503 - padding-right: 5px;  
504 - margin-left: 7px;  
505 - border-radius: 4px;  
506 - font-size: 16px;  
507 - line-height: 20px;  
508 - text-align: center;  
509 - font-family: "open_sansbold", Arial, Helvetica, sans-serif; 504 + content: url('images/right-arrow.png');
  505 + padding-left: 8px;
  506 + padding-right: 5px;
  507 + margin-left: 7px;
  508 + border-radius: 4px;
  509 + font-size: 16px;
  510 + line-height: 20px;
  511 + text-align: center;
  512 + font-family: "open_sansbold", Arial, Helvetica, sans-serif;
510 } 513 }
511 514
512 #content .box .article-block .read-more a::after { 515 #content .box .article-block .read-more a::after {
513 - font-size: 14px; 516 + font-size: 14px;
514 } 517 }
515 518
516 519
@@ -650,7 +653,7 @@ p { @@ -650,7 +653,7 @@ p {
650 /* Menu List footer */ 653 /* Menu List footer */
651 /* 654 /*
652 #content .box-3 .block-title{ 655 #content .box-3 .block-title{
653 - margin:0; 656 + margin:0;
654 } 657 }
655 658
656 659
@@ -797,9 +800,9 @@ p { @@ -797,9 +800,9 @@ p {
797 font-size: 16px; 800 font-size: 16px;
798 font-style: normal; 801 font-style: normal;
799 font-weight: bold; 802 font-weight: bold;
800 - line-height: 1em; 803 + line-height: 1.3em;
801 padding: 0; 804 padding: 0;
802 - color: #000; 805 + color: #172738 !important ;
803 } 806 }
804 807
805 #content .main-block h1, 808 #content .main-block h1,
@@ -819,6 +822,7 @@ p { @@ -819,6 +822,7 @@ p {
819 .article-body ul { 822 .article-body ul {
820 list-style-position: inside; 823 list-style-position: inside;
821 list-style-type: disc; 824 list-style-type: disc;
  825 + background-repeat: no-repeat;
822 } 826 }
823 827
824 .article-body ol { 828 .article-body ol {
@@ -880,8 +884,8 @@ p { @@ -880,8 +884,8 @@ p {
880 884
881 /* nao mostrar seta neste tipo de box */ 885 /* nao mostrar seta neste tipo de box */
882 #content .blog-post .short-post .read-more a::after { 886 #content .blog-post .short-post .read-more a::after {
883 - content: none;  
884 - } 887 + content: none;
  888 + }
885 889
886 .comment-info { 890 .comment-info {
887 line-height: 1em; 891 line-height: 1em;
@@ -974,57 +978,6 @@ p { @@ -974,57 +978,6 @@ p {
974 978
975 /* fim de comentário*/ 979 /* fim de comentário*/
976 980
977 -/*paginação*/  
978 -  
979 -.pagination {  
980 -}  
981 -  
982 -#content .pagination a {  
983 - background-image: url("images/bg-paginacao.png");  
984 - background-repeat: no-repeat;  
985 - border-bottom: 0 none;  
986 - color: white;  
987 - display: inline-block;  
988 - font-size: 16px;  
989 - font-weight: bold;  
990 - height: 35px;  
991 - padding-top: 4px;  
992 - text-decoration: none;  
993 - width: 35px;  
994 -}  
995 -  
996 -.pagination .current {  
997 - background: url("images/bg-paginacao-preto.png") no-repeat center top transparent;  
998 - background-repeat: no-repeat;  
999 - border-bottom: 0 none;  
1000 - color: white;  
1001 - display: inline-block;  
1002 - font-size: 16px;  
1003 - font-weight: bold;  
1004 - height: 35px;  
1005 - padding-top: 4px;  
1006 - text-decoration: none;  
1007 - width: 35px;  
1008 -}  
1009 -  
1010 -#content .pagination a.prev_page,  
1011 -#content .pagination a.next_page{  
1012 - background-image: none;  
1013 - color: #888888;  
1014 - font-size: 14px;  
1015 - width: auto;  
1016 -}  
1017 -  
1018 -  
1019 -#content #article .pagination .next_page,  
1020 -#content #article .pagination .prev_page{  
1021 - background-image: none;  
1022 - color: #ccc;  
1023 - width: auto;  
1024 - font-size: 16px;  
1025 -}  
1026 -  
1027 -/*fim paginação*/  
1028 981
1029 /*borda dos wrappers*/ 982 /*borda dos wrappers*/
1030 /**/ 983 /**/
@@ -1079,10 +1032,10 @@ ul.profile-list .common-profile-list-block { @@ -1079,10 +1032,10 @@ ul.profile-list .common-profile-list-block {
1079 } 1032 }
1080 1033
1081 .common-profile-list-block .profile-image { 1034 .common-profile-list-block .profile-image {
1082 - display: block; 1035 + display: table-cell;
1083 height: 56px; 1036 height: 56px;
1084 max-height: 100%; 1037 max-height: 100%;
1085 - width: 100%; 1038 + text-align: center;
1086 } 1039 }
1087 1040
1088 /*.box-2 .common-profile-list-block .vcard a.profile_link, 1041 /*.box-2 .common-profile-list-block .vcard a.profile_link,
@@ -1216,18 +1169,16 @@ div#article-parent { @@ -1216,18 +1169,16 @@ div#article-parent {
1216 1169
1217 #article-tags a:link { 1170 #article-tags a:link {
1218 clear: both; 1171 clear: both;
1219 - display: inline-block; 1172 + float: left;
  1173 + display: block;
  1174 + font-size: 12px;
1220 margin-bottom: 1.5em; 1175 margin-bottom: 1.5em;
1221 - color: white;  
1222 - padding: 3px 5px;  
1223 -}  
1224 -  
1225 -#article-tags a:hover {  
1226 - background-color: #000;  
1227 - color: white; 1176 + color: #3E67B1;
  1177 + background-color: #ECEDF1;
  1178 + border: 1px solid #D3D6DE;
  1179 + padding: 3px 10px;
1228 } 1180 }
1229 1181
1230 -  
1231 /* fim Content*/ 1182 /* fim Content*/
1232 1183
1233 /*busca*/ 1184 /*busca*/
@@ -1241,17 +1192,84 @@ div#article-parent { @@ -1241,17 +1192,84 @@ div#article-parent {
1241 /*paginação*/ 1192 /*paginação*/
1242 1193
1243 .pagination { 1194 .pagination {
  1195 + margin-bottom: 30px;
  1196 + border-top: 0 none;
  1197 + margin-top: 48px;
  1198 + font-family: "open_sansregular", Arial, Helvetica, sans-serif;
  1199 +}
1244 1200
  1201 +#content .pagination a,
  1202 +#content .pagination em{
  1203 + padding: 7px 11px 7px 11px;
  1204 + border-radius: 4px;
  1205 + margin-right: 4px;
  1206 + letter-spacing: 0.6px;
  1207 + font-size: 15px;
  1208 + border: 1px solid #D3D6DE;
  1209 + color: #172738;
  1210 + font-weight: 700;
  1211 + text-decoration: none;
1245 } 1212 }
1246 -.pagination {  
1247 - font-size: 120%; 1213 +
  1214 +.pagination .current {
  1215 + background-color: #ECEDF1;
  1216 + font-style: normal;
1248 } 1217 }
1249 1218
1250 -.pagination .prev_page{margin-right: 0.5em; font-weight: bold;}  
1251 -.pagination .next_page{margin-left: 0.5em; font-weight: bold;} 1219 +#content .pagination .next_page.disabled,
  1220 +#content .pagination .previous_page.disabled,
  1221 +#content .pagination a.previous_page,
  1222 +#content .pagination a.next_page{
  1223 + border-radius: 4px;
  1224 + margin-top: -9px;
  1225 + letter-spacing: 0.6px;
  1226 + border: 1px solid #D3D6DE;
  1227 + color: #172738;
  1228 + background-image: none;
  1229 + font-size: 15px;
  1230 + width: auto;
  1231 + font-weight: 500;
  1232 + position: relative;
  1233 +}
  1234 +
  1235 +#content .pagination .previous_page{
  1236 + float: left;
  1237 + padding: 7px 11px 7px 30px;
  1238 +}
  1239 +
  1240 +#content .pagination .next_page{
  1241 + float: right;
  1242 + padding: 7px 30px 7px 11px;
  1243 +}
  1244 +
  1245 +#content .pagination .next_page.disabled,
  1246 +#content .pagination .previous_page.disabled{
  1247 + opacity: 0.5;
  1248 +}
  1249 +
  1250 +#content .pagination .previous_page.disabled::before,
  1251 +#content .pagination a.previous_page::before {
  1252 + display: none;
  1253 + position: absolute;
  1254 + content: url('images/left-arrow-black.png');
  1255 + left: 8px;
  1256 + top: 11px;
  1257 +}
  1258 +
  1259 +#content .pagination .next_page.disabled::before,
  1260 +#content .pagination a.next_page::before {
  1261 + display: none;
  1262 + position: absolute;
  1263 + content: url('images/right-arrow-black.png');
  1264 + left: 97px;
  1265 + top: 11px;
  1266 +}
  1267 +
  1268 +/*fim paginação*/
  1269 +
1252 1270
1253 #profile-header { 1271 #profile-header {
1254 - position: absolute; /* Corrige link de login */ 1272 + position: absolute; /* Corrige link de login */
1255 } 1273 }
1256 1274
1257 #public-profile-search, #profile-search-results form, .profile-search-block form { 1275 #public-profile-search, #profile-search-results form, .profile-search-block form {
@@ -1315,6 +1333,11 @@ input.button.with-text { @@ -1315,6 +1333,11 @@ input.button.with-text {
1315 max-height: 28px; 1333 max-height: 28px;
1316 } 1334 }
1317 1335
  1336 +#content .button.with-text span{
  1337 + font-family: "open_sansregular", Arial, Helvetica, sans-serif;
  1338 + padding-right: 0;
  1339 +}
  1340 +
1318 #content input.button, #content a.button { 1341 #content input.button, #content a.button {
1319 background-color: #EEEEEE; 1342 background-color: #EEEEEE;
1320 background-repeat: no-repeat; 1343 background-repeat: no-repeat;
@@ -2337,14 +2360,14 @@ body.contraste.action-home-index #content .tags-block .block-inner-2, body.contr @@ -2337,14 +2360,14 @@ body.contraste.action-home-index #content .tags-block .block-inner-2, body.contr
2337 } 2360 }
2338 2361
2339 body.contraste.action-home-index #content .box-1 .block-title span, body.contraste.action-environment_design-index #content .box-1 .block-title span { 2362 body.contraste.action-home-index #content .box-1 .block-title span, body.contraste.action-environment_design-index #content .box-1 .block-title span {
2340 - background-color: #000;  
2341 - color: #FFF !important; 2363 + background-color: #000;
  2364 + color: #FFF !important;
2342 } 2365 }
2343 2366
2344 body.contraste #logo #portal-title { 2367 body.contraste #logo #portal-title {
2345 background-image: url("images/logotipo_spb_beta_ac.svg"); 2368 background-image: url("images/logotipo_spb_beta_ac.svg");
2346 - background-repeat: no-repeat;  
2347 - background-size: 374px 78px; 2369 + background-repeat: no-repeat;
  2370 + background-size: 374px 78px;
2348 } 2371 }
2349 2372
2350 body.contraste #accessibility span { 2373 body.contraste #accessibility span {
@@ -2454,30 +2477,30 @@ body.contraste #portal-siteactions { @@ -2454,30 +2477,30 @@ body.contraste #portal-siteactions {
2454 } 2477 }
2455 2478
2456 body.contraste #complete_registration { 2479 body.contraste #complete_registration {
2457 - background-color: transparent; 2480 + background-color: transparent;
2458 } 2481 }
2459 2482
2460 body.contraste tr:hover td { 2483 body.contraste tr:hover td {
2461 - background-color: #333; 2484 + background-color: #333;
2462 } 2485 }
2463 2486
2464 body.contraste .action-friends-index .profile-list li:hover, 2487 body.contraste .action-friends-index .profile-list li:hover,
2465 body.contraste .common-profile-list-block .vcard:hover { 2488 body.contraste .common-profile-list-block .vcard:hover {
2466 - border: 1px solid #CCC;  
2467 - background: #333;  
2468 - text-decoration: none; 2489 + border: 1px solid #CCC;
  2490 + background: #333;
  2491 + text-decoration: none;
2469 } 2492 }
2470 2493
2471 body.contraste .menu-submenu-content { 2494 body.contraste .menu-submenu-content {
2472 - border: 1px solid #CCC;  
2473 - background: none #333 ; 2495 + border: 1px solid #CCC;
  2496 + background: none #333 ;
2474 2497
2475 } 2498 }
2476 2499
2477 body.contraste #user .logged-in { 2500 body.contraste #user .logged-in {
2478 - background: none #333 ;  
2479 - /* background: url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE; */  
2480 - color: #fff; 2501 + background: none #333 ;
  2502 + /* background: url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE; */
  2503 + color: #fff;
2481 } 2504 }
2482 2505
2483 body.contraste #social-icons #sb_face { 2506 body.contraste #social-icons #sb_face {
@@ -2509,87 +2532,87 @@ body.contraste #social-icons #sb_flickr:hover { @@ -2509,87 +2532,87 @@ body.contraste #social-icons #sb_flickr:hover {
2509 } 2532 }
2510 2533
2511 body.contraste .no-boxes-inner-2 { 2534 body.contraste .no-boxes-inner-2 {
2512 - background-color: #000!important;  
2513 - color: #fff; 2535 + background-color: #000!important;
  2536 + color: #fff;
2514 } 2537 }
2515 2538
2516 body.contraste #signup-form { 2539 body.contraste #signup-form {
2517 - color: #fff; 2540 + color: #fff;
2518 } 2541 }
2519 2542
2520 body.contraste #portal-searchbox { 2543 body.contraste #portal-searchbox {
2521 - border-color: #FFF;  
2522 - background-color: #000; 2544 + border-color: #FFF;
  2545 + background-color: #000;
2523 } 2546 }
2524 2547
2525 body.contraste #portal-searchbox .searchField { 2548 body.contraste #portal-searchbox .searchField {
2526 - background-color: #000;  
2527 - color: #FFF !important; 2549 + background-color: #000;
  2550 + color: #FFF !important;
2528 } 2551 }
2529 2552
2530 body.contraste #header input.searchButton { 2553 body.contraste #header input.searchButton {
2531 - background-color: #000;  
2532 - background-position: 0px 2px; 2554 + background-color: #000;
  2555 + background-position: 0px 2px;
2533 } 2556 }
2534 2557
2535 body.contraste #menucontainer { 2558 body.contraste #menucontainer {
2536 - background: #333;  
2537 - color: #FFF !important; 2559 + background: #333;
  2560 + color: #FFF !important;
2538 } 2561 }
2539 2562
2540 body.contraste #menucontainer ul li.parent_menu a { 2563 body.contraste #menucontainer ul li.parent_menu a {
2541 - color: #FFF !important; 2564 + color: #FFF !important;
2542 } 2565 }
2543 2566
2544 body.contraste #content .no-boxes h1 { 2567 body.contraste #content .no-boxes h1 {
2545 - color: #FFF !important; 2568 + color: #FFF !important;
2546 } 2569 }
2547 2570
2548 body.contraste #signup-form .formfieldline, 2571 body.contraste #signup-form .formfieldline,
2549 body.contraste #signup-formfield-group, 2572 body.contraste #signup-formfield-group,
2550 body.contraste #signup-form .required-field label, 2573 body.contraste #signup-form .required-field label,
2551 body.contraste #signup-form .formlabel { 2574 body.contraste #signup-form .formlabel {
2552 - background-color: #000;  
2553 - color: #FFF !important; 2575 + background-color: #000;
  2576 + color: #FFF !important;
2554 } 2577 }
2555 2578
2556 body.contraste .pseudoformlabel, 2579 body.contraste .pseudoformlabel,
2557 body.contraste .formlabel { 2580 body.contraste .formlabel {
2558 - color: #FFF; 2581 + color: #FFF;
2559 } 2582 }
2560 2583
2561 body.contraste #signup-form { 2584 body.contraste #signup-form {
2562 - border-color: #FFF;  
2563 - background-color: #000; 2585 + border-color: #FFF;
  2586 + background-color: #000;
2564 } 2587 }
2565 2588
2566 body.contraste #signup-form .formfield input, 2589 body.contraste #signup-form .formfield input,
2567 body.contraste #signup-form .formfield textarea { 2590 body.contraste #signup-form .formfield textarea {
2568 - background-color: #000;  
2569 - color: #FFF !important; 2591 + background-color: #000;
  2592 + color: #FFF !important;
2570 } 2593 }
2571 2594
2572 body.contraste #signup-domain { 2595 body.contraste #signup-domain {
2573 - border-color: #FFF;  
2574 - background-color: #000;  
2575 - color: #FFF !important; 2596 + border-color: #FFF;
  2597 + background-color: #000;
  2598 + color: #FFF !important;
2576 } 2599 }
2577 2600
2578 body.contraste .ui-state-default, 2601 body.contraste .ui-state-default,
2579 body.contraste .ui-widget-content .ui-state-default, 2602 body.contraste .ui-widget-content .ui-state-default,
2580 body.contraste .ui-widget-header .ui-state-default { 2603 body.contraste .ui-widget-header .ui-state-default {
2581 - border: 1px solid #FFF;  
2582 - background-color: #000;  
2583 - color: #FFF !important; 2604 + border: 1px solid #FFF;
  2605 + background-color: #000;
  2606 + color: #FFF !important;
2584 } 2607 }
2585 2608
2586 body.contraste .agenda-tile .title { 2609 body.contraste .agenda-tile .title {
2587 - border-bottom: 1px solid #FFF;  
2588 - color: #FFF; 2610 + border-bottom: 1px solid #FFF;
  2611 + color: #FFF;
2589 } 2612 }
2590 2613
2591 body.contraste .agenda-tile .period { 2614 body.contraste .agenda-tile .period {
2592 - color: #FFF; 2615 + color: #FFF;
2593 } 2616 }
2594 2617
2595 /*botão rss*/ 2618 /*botão rss*/
@@ -2881,3 +2904,644 @@ body.action-embed-index { @@ -2881,3 +2904,644 @@ body.action-embed-index {
2881 padding-right: 150px; 2904 padding-right: 150px;
2882 } 2905 }
2883 2906
  2907 +div.software-step-info div.current-step h3 {
  2908 + color: #F50054;
  2909 +}
  2910 +
  2911 +#content .main-block div.software-step-info div.another-step h3 {
  2912 + font-size: 12px !important;
  2913 +}
  2914 +
  2915 +/************************* MAIN PAGE REVIEW *******************************/
  2916 +
  2917 +#content ul li.news-call .title {
  2918 + font-weight: 700;
  2919 + padding-right: 0px;
  2920 +}
  2921 +
  2922 +/** Blog temporary adjusts**/
  2923 +
  2924 +#content .blog-posts{
  2925 + margin-top: 0;
  2926 +}
  2927 +
  2928 +#content .blog-post{
  2929 + background: none;
  2930 +}
  2931 +
  2932 +#content .blog-post h1.title {
  2933 + margin-top: 0 !important;
  2934 +}
  2935 +
  2936 +#content .blog-post .publishing-info{
  2937 + border-top: 1px solid #D7D7D7;
  2938 + padding-top: 25px;
  2939 + margin-top: 25px;
  2940 + font-size: 12px;
  2941 + color: #2C66CE;
  2942 + font-family: arial;
  2943 +}
  2944 +
  2945 +#content .main-block .publishing-info a{
  2946 + color: #2C66CE;
  2947 + font-family: arial;
  2948 +}
  2949 +
  2950 +#content .main-content {
  2951 + border: none;
  2952 + box-shadow: none;
  2953 +}
  2954 +
  2955 +/** Software pages - temporary adjusts **/
  2956 +
  2957 +.controller-content_viewer.profile-homepage #article hr{
  2958 + display: none;
  2959 +}
  2960 +
  2961 +#content .main-block #article .folder-content .item-info {
  2962 + border-top: none;
  2963 + border-bottom: 1px solid #ccc;
  2964 + margin-bottom: -1px;
  2965 +}
  2966 +
  2967 +#content .main-block #article .folder-content .item-icon {
  2968 + background-image: url("images/download-mini_icon.png");
  2969 + border-radius: 4px;
  2970 + margin-right: 0px;
  2971 + margin-top: 2px;
  2972 + padding: 45px 40px 4px 10px;
  2973 +}
  2974 +
  2975 +#content .main-block #article .folder-content .item-info {
  2976 + padding: 30px 20px 32px 0px;
  2977 +}
  2978 +
  2979 +#content .main-block #article .folder-content .item-info a {
  2980 + font-size: 18px;
  2981 + font-family: Arial;
  2982 + font-weight: 700;
  2983 + color: #172938;
  2984 + /* letter-spacing: -0.1px; */
  2985 +}
  2986 +
  2987 +#content .main-block #article .folder-content .item-description {
  2988 + padding-left: 0px;
  2989 + margin-left: 65px;
  2990 +}
  2991 +
  2992 +#content .main-block #article .folder-content .item-date {
  2993 + padding-left: 0px;
  2994 + margin-left: 65px;
  2995 +}
  2996 +
  2997 +.action-cms-upload_files #content .main-block .button-bar .icon-add {
  2998 + color: #fff;
  2999 +}
  3000 +
  3001 +.action-cms-upload_files #content .main-block .icon-add:before{
  3002 + display: none;
  3003 +}
  3004 +
  3005 +#content .main-block #article .pagination {
  3006 + margin-top: 50px;
  3007 + padding-top: 35px;
  3008 + border-top: 3px solid #2C4B6B;
  3009 +}
  3010 +
  3011 +li.folder-item:first-child {
  3012 + border-top: 1px solid #ccc;
  3013 +}
  3014 +
  3015 +/***** Estilização do aviso de campos obrigatórios na página de edição da página de ajuda *****/
  3016 +
  3017 +.text-editor-sidebar {
  3018 + top: 0px;
  3019 + margin-top: 30px;
  3020 + margin-left: 650px;
  3021 + max-height: 45px;
  3022 + overflow: hidden;
  3023 +}
  3024 +
  3025 +#content .main-content form p .required-field .pseudoformlabel {
  3026 + color: #FF0366;
  3027 + font-weight: 500;
  3028 +}
  3029 +
  3030 +#content .main-content form p .required-field {
  3031 + max-width: 520px;
  3032 + padding: 15px 20px;
  3033 + margin: 20px 0 30px 0;
  3034 + border: 1px dotted #ccc;
  3035 + border-left: 5px solid #FF0366;
  3036 + border-radius: 3px;
  3037 + display: block;
  3038 + background: #fff;
  3039 + line-height: 20px;
  3040 + font-size: 13px;
  3041 +}
  3042 +
  3043 +.main-block form {
  3044 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  3045 + font-size: 14px;
  3046 +}
  3047 +
  3048 +#content .main-content form label.formlabel,
  3049 +#content .main-content form .article-translation-field {
  3050 + font-size: 14px;
  3051 + margin-bottom: 5px;
  3052 + color: #231f20;
  3053 +}
  3054 +
  3055 +#content .main-content form .article-translation-field {
  3056 + margin-top: 25px;
  3057 + margin-bottom: 15px;
  3058 +}
  3059 +
  3060 +#content .main-content form .required-field .formlabel:after {
  3061 + color: #FF0366;
  3062 + font-weight: 500;
  3063 +}
  3064 +
  3065 +#content .article-translation-field #article_language {
  3066 + margin-top: 10px;
  3067 +}
  3068 +
  3069 +#content #article_image_builder_uploaded_data {
  3070 + text-indent: 2px;
  3071 + font-size: 12px;
  3072 + height: 21px;
  3073 +}
  3074 +
  3075 +#content #edit-article-options div div {
  3076 + margin-top: 13px;
  3077 + margin-bottom: 13px;
  3078 +}
  3079 +
  3080 +#content #edit-article-options h4 {
  3081 + font-family: "open_sansbold", Arial, Helvetica, sans-serif;
  3082 +}
  3083 +
  3084 +#content .formfield input,
  3085 +#content #edit-article-options .token-input-list li {
  3086 + border: 1px solid #ccc;
  3087 + border-radius: 4px;
  3088 + height: 19px;
  3089 + padding: 6px;
  3090 +}
  3091 +
  3092 +#content #edit-article-options .token-input-list {
  3093 + border: none;
  3094 + margin-top: 10px;
  3095 +}
  3096 +
  3097 +#content #edit-article-options .token-input-list li input:first-child {
  3098 + height: 10px;
  3099 + padding-right: 0px;
  3100 +}
  3101 +
  3102 +#content #edit-article-options label{
  3103 + margin-left: 5px;
  3104 +}
  3105 +
  3106 +#content #edit-article-options input{
  3107 + margin-right: 0;
  3108 +}
  3109 +
  3110 +#content #content-inner #boxes #fetch-external-feed {
  3111 + padding-left: 20px;
  3112 +}
  3113 +
  3114 +#content #content-inner #boxes #fetch-external-feed > input {
  3115 + height: 13px;
  3116 + margin: 8px 8px 8px 0px;
  3117 + vertical-align: middle;
  3118 + width: 13px;
  3119 +}
  3120 +
  3121 +#boxes #fetch-external-feed #external-feed-options #external-feed-options-only-once input {
  3122 + margin-right: 3px;
  3123 + width: 13px;
  3124 + vertical-align: middle;
  3125 +}
  3126 +
  3127 +#boxes #fetch-external-feed #external-feed-options #external-feed-options-only-once label {
  3128 + margin-right: 250px;
  3129 +}
  3130 +
  3131 +#content #article-formitem #article_slug {
  3132 + width: 20%;
  3133 +}
  3134 +
  3135 +.main-content form small {
  3136 + padding-left: 5px;
  3137 +}
  3138 +
  3139 +input[type=checkbox] {
  3140 + margin-left: 0px;
  3141 +}
  3142 +
  3143 +#content #content-inner .button.icon-add.with-text.lead-button {
  3144 + border: 1px solid #CCCCCC;
  3145 + background: url(/assets/designs/icons/tango/Tango/16x16/actions/add.png) no-repeat;
  3146 + color: #555;
  3147 + background-position: 5px;
  3148 +}
  3149 +
  3150 +#content #content-inner .button.icon-add.with-text.lead-button:hover {
  3151 + background-color: #fff;
  3152 +}
  3153 +
  3154 +#content #content-inner .button.icon-add.with-text.lead-button:before{
  3155 + content:"";
  3156 +}
  3157 +
  3158 +/******************** RELATO DE USO - AVALIAÇÃO DO USUÁRIO **********************/
  3159 +
  3160 +/*.main-content {
  3161 + background-image: url('images/tela_listagem_relato_uso_v3.jpg');
  3162 + background-repeat: no-repeat;
  3163 + padding: 0px;
  3164 +}*/
  3165 +
  3166 +#content .main-content .star-page-title .title {
  3167 + font-size: 34px !important;
  3168 +}
  3169 +
  3170 +#content .main-content .star-rate-data {
  3171 + border-top: 1px solid #D3D6DE !important;
  3172 + color: #172738;
  3173 + margin-top: 16px;
  3174 + padding-top: 29px;
  3175 +}
  3176 +
  3177 +#content .main-content .star-rate-data .star-rate-form .star-rate-text,
  3178 +#content .main-content .star-rate-data .star-rate-form .star-container {
  3179 + display: inline;
  3180 + float: left;
  3181 +}
  3182 +
  3183 +#content .main-content .star-rate-data .star-rate-form .star-container {
  3184 + width: inherit;
  3185 + height: 30px;
  3186 + padding-left: 6px;
  3187 +}
  3188 +
  3189 +#content .main-content .star-rate-data .star-rate-form {
  3190 + padding-left: 37px;
  3191 + letter-spacing: 0.1px;
  3192 + width: 100%;
  3193 +}
  3194 +
  3195 +#content .main-content .star-rate-data .star-rate-form .star-rate-text {
  3196 + font-size: 14px;
  3197 + padding-top: 4px;
  3198 +}
  3199 +
  3200 +#content .main-content .star-rate-data .star-profile-information {
  3201 + padding-left: 15px;
  3202 + width: 79px;
  3203 +}
  3204 +
  3205 +#content .main-content .star-rate-data .star-profile-information .star-profile-image {
  3206 + padding-top: 1px;
  3207 +}
  3208 +
  3209 +#content .main-content .star-rate-data .star-profile-information .star-profile-image img {
  3210 + border-radius: 4px;
  3211 + height: 60px;
  3212 + width: 60px;
  3213 +}
  3214 +
  3215 +#content .main-content .star-rate-data .star-rate-form .star-container .star-positive {
  3216 + background-image: url('images/star-positive-big.png');
  3217 +}
  3218 +
  3219 +#content .main-content .star-rate-data .star-rate-form .star-container .star-negative {
  3220 + background-image: url('images/star-negative-big.png');
  3221 +}
  3222 +
  3223 +#content .main-content .star-rate-data .star-rate-form .star-container .star-positive,
  3224 +#content .main-content .star-rate-data .star-rate-form .star-container .star-negative {
  3225 + display: table-cell;
  3226 + margin-right: 0px;
  3227 + height: 30px;
  3228 + width: 28px;
  3229 +}
  3230 +
  3231 +#content .main-content .star-rate-data .star-rate-form .star-comment-container {
  3232 + padding-top: 23px;
  3233 +}
  3234 +
  3235 +#content .main-content .star-rate-data .star-rate-form .star-comment-container .formlabel {
  3236 + letter-spacing: -0.2px;
  3237 + margin-bottom: 2px;
  3238 +}
  3239 +
  3240 +#content .main-content .star-rate-data .star-rate-form .star-comment-container #comments_body {
  3241 + border-radius: 4px;
  3242 + height: 91px;
  3243 +}
  3244 +
  3245 +#content .main-content .star-rate-data .star-rate-form .star-comment-container .button-bar input {
  3246 + background-color: #3E67B1 !important;
  3247 + font-weight: 700;
  3248 + height: 31px;
  3249 + margin-top: 10px;
  3250 + text-transform: uppercase;
  3251 +}
  3252 +
  3253 +#content .main-content .star-rate-data .star-rate-form .star-comment-container .button-bar a {
  3254 + display: none;
  3255 +}
  3256 +
  3257 +#content .main-content .star-rate-data .star-rate-form .star-comment-container .button-bar {
  3258 + margin-top: 0px;
  3259 + padding-bottom: 50px;
  3260 + padding-top: 10px;
  3261 +}
  3262 +
  3263 +#content .main-content .star-rate-data .star-rate-form .star-notice {
  3264 + float: left;
  3265 + margin-top: 10px;
  3266 + margin-left: 10px;
  3267 +}
  3268 +
  3269 +#content .star-rate-form .star-comment-container .comments-software-extra-fields {
  3270 + overflow: auto;
  3271 +}
  3272 +
  3273 +#content .star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments {
  3274 + margin-bottom: 19px;
  3275 + margin-top: 16px;
  3276 +}
  3277 +
  3278 +#content .star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments label {
  3279 + font-size: 12px;
  3280 +}
  3281 +
  3282 +#content .star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments input {
  3283 + margin-top: 3px;
  3284 + padding: 4px 3px 3px 3px;
  3285 + width: 366px;
  3286 +}
  3287 +
  3288 +#content .star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-people-benefited,
  3289 +#content .star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-saved-values {
  3290 + font-size: 12px;
  3291 + float: left;
  3292 + padding-right: 20px;
  3293 +}
  3294 +
  3295 +#content .star-rate-form .star-comment-container form .formfieldline {
  3296 + margin-bottom: 17px;
  3297 +}
  3298 +
  3299 +#content .star-rate-form .star-comment-container .comments-display-fields {
  3300 + border-bottom: 1px dotted #D3D6DE;
  3301 + overflow: auto;
  3302 +}
  3303 +
  3304 +#content .star-rate-form .star-comment-container .comments-display-fields span#comments-additional-information {
  3305 + color: #172738;
  3306 + display: block;
  3307 + float: left;
  3308 + font-size: 14px;
  3309 + font-weight: 700;
  3310 + padding-bottom: 4px;
  3311 +}
  3312 +
  3313 +#content .star-rate-form .star-comment-container .comments-display-fields span.comments-arrow-up {
  3314 + content: url('images/top-arrow-black.png');
  3315 + float: right;
  3316 + padding-top: 7px;
  3317 + padding-right: 6px;
  3318 +}
  3319 +
  3320 +#content .star-rate-form .star-comment-container .comments-display-fields span.comments-arrow-down {
  3321 + content: url('images/bottom-arrow-black.png');
  3322 + float: right;
  3323 + padding-top: 7px;
  3324 + padding-right: 6px;
  3325 +}
  3326 +
  3327 +#content .star-rate-form .star-comment-container .comments-software-extra-fields #comments_people_benefited,
  3328 +#content .star-rate-form .star-comment-container .comments-software-extra-fields #comments_saved_value {
  3329 + width: 167px;
  3330 + padding: 4px;
  3331 + margin-top: 4px;
  3332 +}
  3333 +
  3334 +#content .star-rate-form .star-comment-container .star-tooltip {
  3335 + content: '?';
  3336 + border-radius: 90%;
  3337 + font-size: 12px;
  3338 + font-weight: 700;
  3339 + background: #3867b7;
  3340 + color: #fff;
  3341 + margin-left: 4px;
  3342 + padding: 0px 6px;
  3343 +}
  3344 +
  3345 +/* IMAGEM DE REFERÊNCIA
  3346 +.star-rate-data {
  3347 + background-image: url('images/validacao_frontend_relato_de_uso.jpg');
  3348 + background-repeat: no-repeat;
  3349 +}
  3350 +*/
  3351 +.ratings-list {
  3352 + /*background-image: url('images/tela_listagem_relato_uso_v4_fechado.jpg');*/
  3353 + /*background-image: url('images/print_listagem.jpg');*/
  3354 + background-repeat: no-repeat;
  3355 +}
  3356 +
  3357 +.ratings-list {
  3358 + color: #172738;
  3359 + font-family: Arial, Helvetica, "open_sansregular", sans-serif;
  3360 +}
  3361 +
  3362 +.ratings-list .user-rating-block {
  3363 + padding-bottom: 23px;
  3364 + padding-top: 32px;
  3365 + margin-top: 10px;
  3366 +}
  3367 +
  3368 +.ratings-list .star-profile-information {
  3369 + padding-right: 15px;
  3370 + padding-top: 1px;
  3371 + width: 99px;
  3372 +}
  3373 +
  3374 +.ratings-list .user-rating-block .star-profile-information .star-profile-name {
  3375 + line-height: 16px;
  3376 + width: 70px;
  3377 +}
  3378 +
  3379 +.ratings-list .star-profile-information .star-profile-image img {
  3380 + border-radius: 4px;
  3381 + height: 60px;
  3382 +}
  3383 +
  3384 +.ratings-list .user-rating-block .user-testimony-container .user-testimony {
  3385 + font-size: 16px;
  3386 + line-height: 20px;
  3387 + margin-top: 12px;
  3388 +}
  3389 +
  3390 +.star-rate-data .star-rate-form .star-comment-container .formfield textarea {
  3391 + width: 100%;
  3392 +}
  3393 +
  3394 +.ratings-list .user-rating-block .user-testimony-container .testimony-rate-date {
  3395 + padding-right: 198px;
  3396 +}
  3397 +
  3398 +.ratings-list .star-container {
  3399 + margin-top: 4px;
  3400 +}
  3401 +
  3402 +.ratings-list .star-container .small-star-positive,
  3403 +.ratings-list .star-container .small-star-negative {
  3404 + margin-right: 3px;
  3405 +}
  3406 +
  3407 +.ratings-list .user-rating-block .user-testimony-container .testimony-rate-date {
  3408 + display: block;
  3409 + float: left;
  3410 + margin-top: 2px;
  3411 +}
  3412 +
  3413 +.ratings-list .user-rating-block .user-testimony-container .aditional-informations {
  3414 + margin-top: 10px;
  3415 +}
  3416 +
  3417 +#content .ratings-title .block-title {
  3418 + background: none;
  3419 + border-top: none;
  3420 + color: #172738;
  3421 + font-size: 20px;
  3422 + font-weight: 700;
  3423 + letter-spacing: 1.8px;
  3424 + padding: 0px 0px 0px 4px;
  3425 +}
  3426 +
  3427 +.ratings-list .make-report-block {
  3428 + /*background-image: url('images/test.jpg');*/
  3429 + background-repeat: no-repeat;
  3430 + padding-top: 32px;
  3431 +}
  3432 +
  3433 +.make-report-block .star-profile-information {
  3434 + padding-right: 13px;
  3435 +}
  3436 +
  3437 +.make-report-block .star-profile-information .star-profile-name {
  3438 + margin-top: 8px;
  3439 + width: 70px;
  3440 +}
  3441 +
  3442 +.ratings-list .make-report-block .make-report-container {
  3443 + padding-top: 2px;
  3444 +}
  3445 +
  3446 +.ratings-list .make-report-block .make-report-container .make-report-message {
  3447 + font-size: 18px;
  3448 +}
  3449 +
  3450 +.ratings-list .make-report-block .make-report-container .button-bar {
  3451 + padding-top: 6px;
  3452 +}
  3453 +
  3454 +.ratings-list .make-report-block .make-report-container .alert {
  3455 + margin-top: 37px;
  3456 + padding-left: 1px;
  3457 +}
  3458 +
  3459 +.ratings-list .make-report-block .make-report-container .button-bar a {
  3460 + background-color: #3E67B1 !important;
  3461 + background-image: none;
  3462 + color: #fff !important;
  3463 + font-weight: 700;
  3464 + font-size: 14px;
  3465 + height: 31px;
  3466 + padding: 0px 7px 0px 7px;
  3467 + text-transform: uppercase;
  3468 +}
  3469 +
  3470 +.ratings-list a.icon-arrow-right-p {
  3471 + background: none;
  3472 + /*background-image: url('images/teste2.jpg');*/
  3473 + color: #172738 !important;
  3474 + font-family: 'Open Sans';
  3475 + font-size: 11px;
  3476 + float: none;
  3477 + margin-top: 0px;
  3478 + padding-right: 0px;
  3479 + padding-top: 22px;
  3480 + padding-bottom: 20px;
  3481 + text-align: right;
  3482 + text-transform: uppercase;
  3483 +}
  3484 +
  3485 +.ratings-list a.icon-arrow-right-p:after {
  3486 + background-color: #3E67B1 !important;
  3487 + border-radius: 4px;
  3488 + content: url('images/right-arrow.png');
  3489 + font-size: 15px;
  3490 + line-height: 20px;
  3491 + margin-left: 9px;
  3492 + padding-left: 8px;
  3493 + padding-right: 5px;
  3494 + text-align: center;
  3495 +}
  3496 +
  3497 +/*********************** PÁGINA DE AJUDA ***********************/
  3498 +
  3499 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article ul.help-list li {
  3500 + list-style-type: none;
  3501 + padding-bottom: 5px;
  3502 +}
  3503 +
  3504 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article ul.help-list li a[href="#faq"]:before {
  3505 + content: url('images/arrow-globe-icon.png');
  3506 + vertical-align: middle;
  3507 + padding-right: 5px;
  3508 +}
  3509 +
  3510 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article ul.help-list li a[href="#lista-discussao"]:before {
  3511 + content: url('images/balloon-icon.png');
  3512 + vertical-align: middle;
  3513 + padding-left: 3px;
  3514 + padding-right: 6px;
  3515 +}
  3516 +
  3517 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article ul.help-list li a {
  3518 + color: #2c66ce;
  3519 + font-size: 15px;
  3520 +}
  3521 +
  3522 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article ul.help-list {
  3523 + border-top: 1px solid #D3D6DE;
  3524 + padding-top: 21px;
  3525 +}
  3526 +
  3527 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article {
  3528 + /*background-image: url('images/ajuda_teste_2.png');*/
  3529 +}
  3530 +
  3531 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article p {
  3532 + margin-bottom: 28px;
  3533 +}
  3534 +
  3535 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article .article-header h1.help-page-title {
  3536 + border-top: none !important;
  3537 + font-size: 26px !important;
  3538 + letter-spacing: -0.1px;
  3539 + line-height: 30px !important;
  3540 + margin-top: 0px !important;
  3541 + padding-top: 0px !important;
  3542 + margin-bottom: 30px !important;
  3543 +}
  3544 +
  3545 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article p a {
  3546 + color: #2c66ce;
  3547 +}
@@ -118,10 +118,108 @@ $(&#39;#link-buscar&#39;).click(function(e) { @@ -118,10 +118,108 @@ $(&#39;#link-buscar&#39;).click(function(e) {
118 }); 118 });
119 } 119 }
120 120
  121 + function insert_notice_div(){
  122 + var notice = $('.display-content-block').find('li');
  123 + notice.each(function(){
  124 + var $set = $(this).children();
  125 + for(var i=1, len = $set.length; i < len; i+=5){
  126 + $set.slice(i, i+5).wrapAll('<div class="notice-item"/>');
  127 + }
  128 + for(var i=2, len = $set.length; i < len; i+=3){
  129 + $set.slice(i, i+3).wrapAll('<div class="notice-info"/>');
  130 + }
  131 + //$('<div class="notice-item"></div>').wrap($(this).find( '.image', '.title', '.lead', '.read_more'));
  132 + });
  133 +
  134 +
  135 + }
  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 +
  182 + function set_use_report_content() {
  183 + $('.make-report-block .make-report-container .button-bar a span').html('avaliar o software');
  184 + $('.make-report-block .make-report-container .make-report-message').html('Relate sua experiência ou do órgão/empresa com relação ao software.');
  185 + $('.ratings-list .see-more a.icon-arrow-right-p').html('veja todos os relatos');
  186 + $('.main-content .star-rate-data .star-rate-form .star-comment-container .button-bar input').attr('value', 'enviar relato');
  187 + }
  188 +
  189 + function add_top_tooltips(){
  190 + $('#content span[title]').attr("data-toggle","tooltip");
  191 +
  192 + $('[data-toggle="tooltip"]').tooltip({
  193 + position: {
  194 + my: "center bottom-13",
  195 + at: "center top"
  196 + },
  197 + tooltipClass: "ui-tooltip-top"
  198 + });
  199 + }
  200 +
  201 + function add_bottom_tooltips(){
  202 + $('#content span[title]').attr("data-toggle","tooltip");
  203 +
  204 + $('[data-toggle="tooltip"]').tooltip({
  205 + position: {
  206 + my: "center top+13",
  207 + at: "center bottom"
  208 + },
  209 + tooltipClass: "ui-tooltip-bottom"
  210 + });
  211 + }
  212 +
121 $(document).ready(function(){ 213 $(document).ready(function(){
  214 + add_top_tooltips();
122 set_events(); 215 set_events();
123 move_article_buttons(); 216 move_article_buttons();
124 add_link_to_article_div(); 217 add_link_to_article_div();
  218 + insert_notice_div();
  219 + set_uploaded_files_names();
  220 + set_tooltip_content();
  221 + set_arrow_direction();
  222 + set_use_report_content();
125 }); 223 });
126 })(jQuery); 224 })(jQuery);
127 225
token-input.css 0 → 100644
@@ -0,0 +1,116 @@ @@ -0,0 +1,116 @@
  1 +/* Example tokeninput style #1: Token vertical list*/
  2 +ul.token-input-list {
  3 + overflow: hidden;
  4 + height: auto !important;
  5 + height: 1%;
  6 + width: 400px;
  7 + border: 1px solid #999;
  8 + cursor: text;
  9 + font-size: 12px;
  10 + font-family: Verdana;
  11 + z-index: 999;
  12 + margin: 0;
  13 + padding: 0;
  14 + background-color: #fff;
  15 + list-style-type: none;
  16 + clear: left;
  17 +}
  18 +
  19 +ul.token-input-list li {
  20 + list-style-type: none;
  21 +}
  22 +
  23 +ul.token-input-list li input {
  24 + border: 0;
  25 + width: 350px;
  26 + padding: 3px 8px;
  27 + background-color: white;
  28 + -webkit-appearance: caret;
  29 +}
  30 +
  31 +li.token-input-token {
  32 + overflow: hidden;
  33 + height: auto !important;
  34 + height: 1%;
  35 + margin: 3px;
  36 + padding: 3px 5px;
  37 + background-color: #d0efa0;
  38 + color: #000;
  39 + font-weight: bold;
  40 + cursor: default;
  41 + display: block;
  42 +}
  43 +
  44 +li.token-input-token p {
  45 + float: left;
  46 + padding: 0;
  47 + margin: 0;
  48 +}
  49 +
  50 +li.token-input-token span {
  51 + float: right;
  52 + color: #777;
  53 + cursor: pointer;
  54 +}
  55 +
  56 +li.token-input-selected-token {
  57 + background-color: #08844e;
  58 + color: #fff;
  59 +}
  60 +
  61 +li.token-input-selected-token span {
  62 + color: #bbb;
  63 +}
  64 +
  65 +div.token-input-dropdown {
  66 + position: absolute;
  67 + width: 400px;
  68 + background-color: #fff;
  69 + overflow: auto;
  70 + border-left: 1px solid #ccc;
  71 + border-right: 1px solid #ccc;
  72 + border-bottom: 1px solid #ccc;
  73 + cursor: default;
  74 + font-size: 12px;
  75 + font-family: Verdana;
  76 + z-index: 1;
  77 +}
  78 +
  79 +div.token-input-dropdown p {
  80 + margin: 0;
  81 + padding: 5px;
  82 + font-weight: bold;
  83 + color: #777;
  84 +}
  85 +
  86 +div.token-input-dropdown ul {
  87 + margin: 0;
  88 + padding: 0;
  89 +}
  90 +
  91 +div.token-input-dropdown ul li {
  92 + background-color: #fff;
  93 + padding: 3px;
  94 + list-style-type: none;
  95 +}
  96 +
  97 +div.token-input-dropdown ul li.token-input-dropdown-item {
  98 + background-color: #fafafa;
  99 +}
  100 +
  101 +div.token-input-dropdown ul li.token-input-dropdown-item2 {
  102 + background-color: #fff;
  103 +}
  104 +
  105 +div.token-input-dropdown ul li em {
  106 + font-weight: bold;
  107 + font-style: normal;
  108 +}
  109 +
  110 +div.token-input-dropdown ul li.token-input-selected-dropdown-item {
  111 + background-color: #d0efa0;
  112 +}
  113 +.token-input-blur-text {
  114 + font-style: italic;
  115 + color: #AAA;
  116 +}
tooltip.css 0 → 100644
@@ -0,0 +1,40 @@ @@ -0,0 +1,40 @@
  1 +.ui-tooltip {
  2 + position: relative;
  3 + z-index: 1070;
  4 + font-family: Arial, sans-serif;
  5 + font-size: 13px;
  6 + background: #172638;
  7 + color: white;
  8 + padding: 15px 10px 15px 20px;
  9 + border: 0px !important;
  10 + width: -moz-fit-content;
  11 + width: -webkit-fit-content;
  12 + width: fit-content;
  13 + max-width:280px;
  14 +}
  15 +
  16 +.ui-tooltip-bottom:after {
  17 + bottom: 100%;
  18 + left: 50%;
  19 + border: solid transparent;
  20 + content: " ";
  21 + height: 0;
  22 + width: 0;
  23 + position: absolute;
  24 + border-bottom-color: #172638;
  25 + border-width: 6px;
  26 + margin-left: -6px;
  27 +}
  28 +
  29 +.ui-tooltip-top:after {
  30 + top: 100%;
  31 + left: 50%;
  32 + border: solid transparent;
  33 + content: " ";
  34 + height: 0;
  35 + width: 0;
  36 + position: absolute;
  37 + border-top-color: #172638;
  38 + border-width: 6px;
  39 + margin-left: -6px;
  40 +}