Compare View

switch
from
...
to
 
Commits (4)
Showing 2 changed files   Show diff stats
css/home-page.css
  Diff comments   View file @f2ab8a5
1 1 /*** boxes sizes definition **/
2 2 .action-home-index .box-1 {
  3 + margin: 0px 0px 0px 210px;
3 4 width: 490px;
4   - margin: 0 0 0 210px;
5 5 }
6 6  
7   -.action-home-index .box-3{
  7 +.action-home-index .box-3 {
8 8 width: 230px;
9 9 }
10 10  
... ... @@ -14,20 +14,18 @@
14 14  
15 15 /* Read More pattern */
16 16  
17   -.action-home-index #content .box .block-outer .read-more{
18   - background: #eee;
  17 +.action-home-index #content .box .block-outer .read-more {
19 18 border-bottom: none;
20   - font-family: "open_sans", Arial, Helvetica, sans-serif;
21   - font-variant: normal;
22   - font-size: 10px;
  19 + background: #eee;
  20 + font: normal normal normal 10px 'open_sansregular', arial, helvetica, sans-serif;
23 21 text-transform: uppercase;
24 22 text-align: right;
25 23 }
26 24  
27 25 .action-home-index #content .box .block-outer .read-more a {
28   - color: #000000;
29   - line-height: 20px;
30 26 padding: 8px;
  27 + line-height: 20px;
  28 + color: #000000;
31 29 display: block;
32 30 }
33 31  
... ... @@ -36,16 +34,14 @@
36 34 }
37 35  
38 36 .action-home-index #content .box .block-outer .read-more a::after {
39   - color: #FFFFFF;
40   - font-size: 14px;
41   - content: url('../images/right-arrow.png');
42   - padding-left: 8px;
43   - padding-right: 5px;
44 37 margin-left: 7px;
45 38 border-radius: 4px;
  39 + padding: 0px 5px 0px 8px;
46 40 line-height: 20px;
  41 + color: #FFFFFF;
  42 + font: 14px 'open_sansbold', arial, helvetica, sans-serif;
47 43 text-align: center;
48   - font-family: "open_sansbold", Arial, Helvetica, sans-serif;
  44 + content: url('../images/right-arrow.png');
49 45 }
50 46  
51 47  
... ... @@ -55,65 +51,61 @@
55 51  
56 52 /*** Software catalog search block **/
57 53  
58   -.action-home-index #content #catalogo-software-search{
59   - width: 100%;
60   - background-color:#1A397D;
  54 +.action-home-index #content #catalogo-software-search {
61 55 border-radius: 4px;
  56 + width: 100%;
  57 + background-color: #1A397D;
62 58 }
63 59  
64   -.action-home-index #content #catalogo-software-search h1{
65   - margin: 0 15px 10px 15px;
66   - padding: 10px 0 0 0;
67   - color:#FFFFFF;
  60 +.action-home-index #content #catalogo-software-search h1 {
  61 + margin: 0px 15px 10px 15px;
68 62 border-bottom: none;
69   - font-family:"open_sansregular", Arial;
70   - font-weight: normal;
71   - font-size:22px;
  63 + padding: 10px 0px 0px 0px;
72 64 line-height: 1.3em;
  65 + color: #FFFFFF;
  66 + font: normal normal normal 22px 'open_sansregular', arial;
73 67 text-align: left;
74 68 }
75 69  
76 70 .action-home-index #content #catalogo-software-search #search-Gadget {
77   - width: 90%;
78   - padding: 7px;
79   - margin: 0 15px 9px 15px;
  71 + margin: 0px 15px 9px 15px;
80 72 border: none;
81 73 border-radius: 4px;
  74 + padding: 7px;
  75 + width: 90%;
82 76 }
83 77  
84   -.action-home-index #content #catalogo-software-search .searchButton-catalog{
  78 +.action-home-index #content #catalogo-software-search .searchButton-catalog {
85 79 margin: 0px 0px 15px 15px;
86   - padding:6px 25px;
87   - color:#FFFFFF;
88   - background-color: #1A397D;
89   - border:1px solid #FFFFFF;
  80 + padding: 6px 25px;
  81 + border: 1px solid #FFFFFF;
90 82 border-radius: 4px;
  83 + background-color: #1A397D;
  84 + color: #FFFFFF;
91 85 font-weight: bold;
92 86 font-size: 14px;
93 87 text-transform: uppercase;
94 88 }
95 89  
96   -.action-home-index #content #catalogo-software-search #search-catalog-footer{
97   - color:#FFFFFF;
98   - background-color:#192758;
99   - border-top:1px solid;
100   - border-bottom-left-radius:4px;
101   - border-bottom-right-radius:4px;
  90 +.action-home-index #content #catalogo-software-search #search-catalog-footer {
  91 + border-top: 1px solid;
  92 + border-bottom-left-radius: 4px;
  93 + border-bottom-right-radius: 4px;
  94 + background-color: #192758;
  95 + color: #FFFFFF;
102 96 }
103 97  
104 98 .action-home-index #content #catalogo-software-search #search-catalog-footer p {
105 99 margin: 0px;
106 100 font-size: 11px;
107   - text-align:right;
  101 + text-align: right;
108 102 text-transform: uppercase;
109 103 }
110 104  
111 105 .action-home-index #content #catalogo-software-search #search-catalog-footer a {
112   - display: block;
113   - color: #FFF;
114 106 padding: 7px 0px 12px 0px;
115   - border-bottom-left-radius:4px;
116   - border-bottom-right-radius:4px;
  107 + color: #FFF;
  108 + display: block;
117 109 }
118 110  
119 111 .action-home-index #content #catalogo-software-search #search-catalog-footer a:hover {
... ... @@ -121,32 +113,30 @@
121 113 }
122 114  
123 115 .action-home-index #content #catalogo-software-search #bt_catalog-search::after {
124   - content: url('../images/right-arrow-black.png');
  116 + margin: 0px 15px 0 5px;
  117 + border-radius: 4px;
  118 + padding: 0px 4px 0 7px;
125 119 top: 2px;
126   - padding-left: 7px;
127   - padding-right: 4px;
128   - margin-left: 5px;
129   - margin-right: 15px;
130   - color: #172857;
  120 + line-height: 20px;
131 121 background: #eee;
132   - border-radius: 4px;
  122 + color: #172857;
133 123 font-size: 15px;
134   - line-height: 20px;
135 124 text-align: center;
136 125 position: relative;
  126 + content: url('../images/right-arrow-black.png');
137 127 }
138 128  
139 129 /*** Softwares block **/
140   -.action-home-index #content .softwares-block{
141   - border-bottom: 1px solid #ccc;
  130 +.action-home-index #content .softwares-block {
  131 + margin: 0px;
142 132 overflow: auto;
143 133 }
144 134  
145 135 .action-home-index #content .softwares-block .block-title {
146 136 margin: 0px 0px 25px 0px;
147   - color: #2c66ce;
148   - background: #eee;
149 137 border-top: 4px solid #2c66ce;
  138 + background: #eee;
  139 + color: #2c66ce;
150 140 font-weight: 300;
151 141 }
152 142  
... ... @@ -154,26 +144,26 @@
154 144 display:none;
155 145 }
156 146  
157   -.action-home-index #content .software-block{
  147 +.action-home-index #content .software-block {
158 148 width: 145px;
159 149 height: 218px;
160 150 margin: 0px 9px 14px 9px;
161 151 }
162 152  
163 153 .action-home-index #content .software-block .software-block-logo {
164   - display: table-cell;
  154 + border: 1px solid #ccc;
  155 + border-radius: 8px;
165 156 width: 140px;
166 157 height: 150px;
  158 + text-align: center;
167 159 overflow: hidden;
168   - border: 1px solid #ccc;
169   - border-radius: 8px;
170 160 vertical-align: middle;
171   - text-align: center;
  161 + display: table-cell;
172 162 }
173 163  
174   -.action-home-index #content .software-block .software-block-logo img{
175   - max-width: 90px;
  164 +.action-home-index #content .software-block .software-block-logo img {
176 165 height: auto;
  166 + max-width: 90px;
177 167 }
178 168  
179 169 .action-home-index #content .software-block .software-block-info {
... ... @@ -182,18 +172,17 @@
182 172 }
183 173  
184 174 .action-home-index #content .software-block .software-block-title {
185   - height: 59px;
186   - overflow: hidden;
  175 + height: 50px;
187 176 font-weight: 300;
188 177 font-size: 14px;
189 178 text-align: center;
  179 + overflow: hidden;
190 180 }
191 181  
192   -.action-home-index #content .software-block .software-block-title h3{
  182 +.action-home-index #content .software-block .software-block-title h3 {
  183 + margin: 10px 0px 10px 0px;
193 184 color: #2C66CE;
194   - font-weight: 300;
195   - font-size: 14px;
196   - font-family: "open_sansregular", Arial, Helvetica, sans-serif;
  185 + font: normal normal 300 14px 'open_sansregular', arial, helvetica, sans-serif;
197 186 }
198 187  
199 188 .action-home-index #content .software-block-description {
... ... @@ -206,115 +195,109 @@
206 195 }
207 196  
208 197 .action-home-index #content .software-block .software-block-finality {
209   - width:142px;
210   - height: 216px;
211   - left:0px;
212   - background-color:#f4f4f4;
213 198 border: solid 1px #D7D7D7;
214 199 border-radius: 8px;
  200 + width:142px;
  201 + height: 216px;
  202 + left: 0px;
  203 + background-color: #f4f4f4;
215 204 text-transform: uppercase;
216 205 }
217 206  
218 207 .action-home-index #content .software-block .software-block-finality::after {
219   - content: url('../images/right-arrow.png');
220   - margin: 0 7px 0px 3px;
221   - padding-left: 7px;
222   - padding-right: 4px;
223   - color: #FFF;
224   - background: #2c65cd;
  208 + margin: 0px 7px 0px 3px;
225 209 border-radius: 4px;
226   - font-size: 15px;
  210 + padding: 0 4px 0 7px;
227 211 line-height: 20px;
  212 + background: #2c65cd;
  213 + color: #FFF;
  214 + font-size: 15px;
228 215 text-align: center;
229 216 position: relative;
  217 + content: url('../images/right-arrow.png');
230 218 }
231 219  
232 220 .action-home-index #content .software-block .software-block-finality p {
  221 + margin: 0px 0px 7px 0px;
  222 + border-bottom: solid 1px #D7D7D7;
  223 + padding: 12px 12px 0px 12px;
233 224 height: 170px;
234   - overflow: hidden;
235   - margin: 0 0 7px 0;
236   - padding: 12px 12px 0 12px;
237 225 color: #172738;
238   - border-bottom: solid 1px #D7D7D7;
239 226 font-size: 12px;
240 227 text-align: left;
241 228 text-transform: none;
  229 + overflow: hidden;
242 230 }
243 231  
244 232 /*** News block - display content block **/
245 233  
246 234 .action-home-index #content .display-content-block .block-title {
247 235 margin: 0px;
  236 + border-top: 4px solid #643C67;
248 237 background: #eee;
249 238 color: #643C67;
250   - border-top: 4px solid #643C67;
251 239 font-weight: 300;
252 240 }
253 241  
254 242 .action-home-index #content .display-content-block li {
255   - min-height: 150px;
256 243 border-top: 1px solid #eee;
257   - padding-top: 15px;
  244 + padding: 15px 0px 0px 0px;
  245 + min-height: 150px;
258 246 }
259 247  
260 248 .action-home-index #content .display-content-block li:first-child {
261 249 border-top: 0px solid #eee;
  250 + padding: 36px 0px 0px 0px;
262 251 }
263 252  
264 253 .action-home-index #content .display-content-block .published-at {
265   - padding-bottom: 15px;
  254 + padding: 0px 0px 15px 0px;
266 255 color: #643C67;
267 256 }
268 257  
269 258 .action-home-index #content .display-content-block .image {
270   - display: table-cell;
271   - width: 150px;
272 259 padding-right: 25px;
  260 + padding: 0px 25px 0px 0px;
273 261 border: 0px solid #c0c1c1;
274 262 border-radius: 8px;
  263 + width: 150px;
  264 + display: table-cell;
275 265 }
276 266  
277 267 .action-home-index #content .display-content-block .image a {
278   - display: block;
  268 + border-radius: 8px;
279 269 height: 90px;
280 270 overflow: hidden;
281   - border-radius: 8px;
  271 + display: block;
282 272 }
283 273  
284 274 .action-home-index #content .display-content-block .image img {
285   - max-width: 150px;
286 275 border: 0px solid #c0c1c1;
  276 + max-width: 150px;
287 277 }
288 278  
289 279 .action-home-index #content .display-content-block .title {
290   - max-height: 40px;
291   - overflow: hidden;
292   - margin-bottom: 4px;
  280 + margin: 2px 0px 4px 0px;
293 281 padding-right: 0px;
  282 + max-height: 40px;
294 283 text-align: justify;
  284 + overflow: hidden;
295 285 }
296 286  
297 287 .action-home-index #content .display-content-block .title a {
298   - padding: 0;
  288 + padding: 0px;
299 289 color: #172738;
300   - font-size: 16px;
301   - font-family: Arial, Helvetica, sans-serif;
302   - font-style: normal;
303   - font-weight: bold;
304   - line-height: 1.3em;
  290 + font: normal normal bold 16px/1.3em arial, helvetica, sans-serif;
305 291 }
306 292  
307 293 .action-home-index #content .display-content-block .lead {
308 294 max-height: 56px;
309 295 overflow: hidden;
310   - padding-right: 0px;
311 296 }
312 297  
313 298 .action-home-index #content .display-content-block .lead a {
314 299 color: #000000;
315   - font-size: 15px;
316   - font-family: Arial;
317   - line-height: 1.3em;
  300 + font: 15px/1.3em arial;
318 301 }
319 302  
320 303 .action-home-index #content .display-content-block .lead a:visited,
... ... @@ -347,20 +330,16 @@
347 330 /*** What Is block - Article block **/
348 331  
349 332 .action-home-index #content .article-block .block-title {
  333 + border-top: 4px solid #08A649;
  334 + border-bottom: none;
350 335 padding: 6px 8px 22px 10px;
351 336 background: #eee;
352 337 color: #08A649;
353   - border-top: 4px solid #08A649;
354   - border-bottom: none;
355   - font-size: 18px;
356   - font-family: "open_sansregular", Arial, Helvetica, sans-serif;
357   - font-weight: 300;
358   - line-height: 1.3em;
  338 + font: normal normal 300 18px/1.3em 'open_sansregular', arial, helvetica, sans-serif;
359 339 text-align: left;
360 340 text-transform: none;
361 341 }
362 342  
363   -
364 343 .action-home-index #content .article-block .read-more {
365 344 margin-top: 30px;
366 345 border-top: 1px solid #08A649;
... ... @@ -375,11 +354,9 @@
375 354 }
376 355  
377 356 .action-home-index #content .article-block p {
378   - margin: 0 0 14px 0;
379   - padding: 0;
380   - font-size: 15px;
381   - font-family: Arial, Helvetica, sans-serif;
382   - line-height: 18px;
  357 + margin: 0px 0px 14px 0px;
  358 + padding: 0px;
  359 + font: 15px/18px arial, helvetica, sans-serif;
383 360 text-align: left;
384 361 text-transform: none;
385 362 }
... ... @@ -387,133 +364,124 @@
387 364 /******* See As Well Block - Highlights block *******/
388 365  
389 366 .action-home-index #content .highlights-block .block-title {
390   - width: auto;
391   - height: 16px;
392 367 margin: 11px 0px 0px;
393   - padding: 15px 1px 21px 15px;
394   - background-color: #eeeff1;
395   - color: #172638;
396 368 border: 1px solid #c0c1c1;
397 369 border-bottom: 0;
398 370 border-radius: 8px 8px 0 0;
399   - font-size: 16px;
400   - font-weight: bold;
401   - font-family: "open_sansbold", Arial, Helvetica, sans-serif;
  371 + padding: 15px 1px 21px 15px;
  372 + width: auto;
  373 + height: 16px;
  374 + background-color: #fff;
  375 + color: #172638;
  376 + font: bold 16px/1.3em 'open_sansbold', arial, helvetica, sans-serif;
402 377 text-transform: uppercase;
403 378 }
404 379  
405 380 .action-home-index #content .highlights-border {
  381 + border: 1px solid #c0c1c1;
  382 + border-radius: 0px 0px 8px 8px;
406 383 width: auto;
407 384 max-height: 230px;
408 385 background: #fff;
409   - border: 1px solid #c0c1c1;
410   - border-radius: 0 0 8px 8px;
411 386 }
412 387  
413 388 .action-home-index #content .highlights-container {
  389 + border-radius: 0px 0px 8px 8px;
  390 + border-width: 0px 0px 1px 0px;
  391 + padding: 0px 0px 0px 0px;
414 392 width: 100% !important;
415 393 max-height: 230px;
416   - padding-bottom: 0px;
  394 + background: #fff;
417 395 position: relative;
418 396 top: 0px;
419   - border-width: 0px;
420   - border-bottom-width: 1px;
421   - background: #fff;
422   - border-radius: 0 0 8px 8px;
423 397 }
424 398  
425 399 .action-home-index #content .highlights-image-link {
  400 + padding: 18px 0px 0px 0px;
  401 + border-radius: 0px 0px 8px 8px;
426 402 width: 220px;
427 403 max-height: 217px;
428   - padding-top: 18px;
429 404 background-color: #fff;
430   - border-radius: 0 0 8px 8px;
431 405 }
432 406  
433 407 .action-home-index #content .highlights-label {
434   - width: 190px;
  408 + border-top: 4px solid #3b61a7;
  409 + padding: 23px 20px 46px 20px;
435 410 max-height: 60px;
  411 + width: 190px;
436 412 position: relative;
437 413 bottom: -18px;
438   - padding: 23px 20px 11px;
439 414 background: #e8e9ec;
440 415 color: #172638;
441   - border-top: 4px solid #3b61a7;
442   - vertical-align: middle;
443 416 text-align: center;
444   - font-size: 16px;
445   - font-weight: normal;
446   - font-family: "open_sansbold", Arial, Helvetica, sans-serif;
  417 + font: normal normal normal 16px/1.5em 'open_sansbold', arial, helvetica, sans-serif;
  418 + vertical-align: middle;
447 419 }
448 420  
449 421 .action-home-index #content .highlights-block-pager {
  422 + border: 0;
  423 + padding: 14px 0px 0px 0px;
450 424 height: 1px;
451 425 width: 232px;
452   - padding-top: 14px;
453   - padding-right: 0px;
  426 + background-color: #FFF;
454 427 float: left;
455 428 position: static;
456   - background-color: #FFF;
457   - border: 0;
458 429 }
459 430  
460 431 .action-home-index #content .highlights-block-pager a {
461   - display: inline-block;
462   - height: 6px;
463   - width: 6px;
464   - overflow: hidden;
465 432 margin: 0 4px;
466   - color: transparent;
467   - background: #c0c1c1 center center no-repeat;
468 433 border-color: transparent;
469 434 border-radius: 50%;
  435 + height: 6px;
  436 + width: 6px;
  437 + background: #c0c1c1 center center no-repeat;
  438 + color: transparent;
470 439 text-indent: -5000px;
471 440 z-index: 1000;
  441 + overflow: hidden;
  442 + display: inline-block;
472 443 }
473 444 .action-home-index #content .highlights-block-pager a.activeSlide {
474   - color: transparent;
475   - background: #3e67b1;
476 445 border-color: transparent;
  446 + background: #3e67b1;
  447 + color: transparent;
477 448 }
478 449  
479 450 /*** mais software block **/
480   -.action-home-index #content #mais-software-block{
481   - width: auto;
  451 +.action-home-index #content #mais-software-block {
482 452 margin: 11px 0px;
483   - padding: 5px 0px;
484   - background-color: #eeeff1;
485 453 border: 1px solid #c0c1c1;
486 454 border-radius: 8px;
487   - font-family: arial;
488   - font-size: 14px;
  455 + padding: 5px 0px;
  456 + width: auto;
  457 + background-color: #eeeff1;
  458 + font: 14px arial;
489 459 }
490 460  
491   -.action-home-index #content #mais-software-block #sbp-information-softwares h2{
  461 +.action-home-index #content #mais-software-block #sbp-information-softwares h2 {
492 462 margin: 10px 0px 0px 0px;
493 463 padding: 0px 0px 17px 15px;
494   - color: #454545;
495 464 border-bottom: 1px solid #c0c1c1;
496   - font-family: "open_sansbold", Arial, Helvetica, sans-serif;
497   - font-weight: normal;
498   - font-size: 16px;
  465 + color: #454545;
  466 + font: normal normal normal 16px/21px 'open_sansbold', arial, helvetica, sans-serif;
499 467 text-align: left;
500 468 text-transform: uppercase;
501 469 }
502 470  
503   -.action-home-index #content #mais-software-block #list-categories{
  471 +.action-home-index #content #mais-software-block #list-categories {
504 472 margin: 14px 14px 14px 14px;
505 473 }
506 474  
507   -.action-home-index #content #mais-software-block #list-categories p{
  475 +.action-home-index #content #mais-software-block #list-categories p {
508 476 margin: 0 0 16px 0;
509 477 color: #464A55;
510 478 }
511 479  
512   -.action-home-index #content #mais-software-block #list-categories ul li{
  480 +.action-home-index #content #mais-software-block #list-categories ul li {
513 481 margin: 18px 5px 5px 5px;
514 482 }
515 483  
516   -.action-home-index #content #mais-software-block #list-categories li a{
  484 +.action-home-index #content #mais-software-block #list-categories li a {
517 485 color: #335277;
518 486 font-weight: bold;
519 487 }
... ... @@ -524,8 +492,8 @@
524 492  
525 493 .action-home-index #content #mais-software-block #footer-mais-software {
526 494 margin: 0px;
527   - padding: 10px 10px 0px 3px;
528 495 border-top: 1px solid #c0c1c1;
  496 + padding: 10px 10px 0px 3px;
529 497 font-size: 11px;
530 498 text-align: right;
531 499 text-transform: uppercase;
... ... @@ -536,4 +504,3 @@
536 504 }
537 505  
538 506 /******************** End Box-3 ********************/
539   -
... ...
css/news-page.css
  Diff comments   View file @f2ab8a5
... ... @@ -24,7 +24,7 @@
24 24  
25 25  
26 26 /** General Properties of News **/
27   -#content .blog p {
  27 +#content .blog .article-body p {
28 28 margin: 0px 0px 5px 0px;
29 29 max-height: 25px;
30 30 color: #172738;
... ... @@ -49,7 +49,10 @@
49 49 margin: 0px 0px 10px 0px;
50 50 border: none;
51 51 padding: 0px 0px 0px 0px;
  52 + max-height: 40px;
52 53 font: normal normal bold 16px/20px arial;
  54 + overflow: hidden;
  55 + display: inline-block;
53 56 }
54 57  
55 58 /* WARNING:
... ...