Commit 0925c4a21ef280f678f26305255e4a6c23ebebfc
1 parent
5ec333c2
Exists in
master
and in
10 other branches
Adjustments in homepage.
Showing
2 changed files
with
82 additions
and
31 deletions
Show diff stats
page-inicial.css
@@ -11,22 +11,23 @@ | @@ -11,22 +11,23 @@ | ||
11 | border-bottom: none !important; | 11 | border-bottom: none !important; |
12 | text-align: left; | 12 | text-align: left; |
13 | margin:5px; | 13 | margin:5px; |
14 | - font-family:"open_sans", Arial; | 14 | + font-family:"open_sansregular", Arial; |
15 | font-weight: normal; | 15 | font-weight: normal; |
16 | + font-size:22px; | ||
16 | padding: 5px 0px 0px 0px; | 17 | padding: 5px 0px 0px 0px; |
17 | } | 18 | } |
18 | 19 | ||
19 | -#search-Gadget { | ||
20 | - width:95%; | ||
21 | - padding:8px; | ||
22 | - margin:5px; | ||
23 | - border-radius:4px; | 20 | +#content #search-Gadget { |
21 | + width: 90%; | ||
22 | + padding: 8px; | ||
23 | + margin: 0 15px 9px 15px; | ||
24 | + border-radius: 4px; | ||
24 | border: none; | 25 | border: none; |
25 | } | 26 | } |
26 | .searchButton-catalog{ | 27 | .searchButton-catalog{ |
27 | background-color: #1A397D; /*#193A7D;*/ | 28 | background-color: #1A397D; /*#193A7D;*/ |
28 | color:#FFFFFF; | 29 | color:#FFFFFF; |
29 | - margin:5px; | 30 | + margin: 0px 0px 15px 15px; |
30 | border:1px solid #FFFFFF; | 31 | border:1px solid #FFFFFF; |
31 | border-radius: 4px; | 32 | border-radius: 4px; |
32 | padding:5px 20px; | 33 | padding:5px 20px; |
@@ -50,21 +51,22 @@ | @@ -50,21 +51,22 @@ | ||
50 | 51 | ||
51 | #bt_catalog-search::after { | 52 | #bt_catalog-search::after { |
52 | content:'>'; | 53 | content:'>'; |
53 | - padding-left: 8px; | ||
54 | - padding-right: 5px; | ||
55 | - /*margin-top: -2px;*/ | ||
56 | - right: 10px; | ||
57 | - width: 18px; | ||
58 | - height: 20px; | 54 | + padding-left: 7px; |
55 | + padding-right: 4px; | ||
59 | color: #172857; | 56 | color: #172857; |
60 | background: #eee; | 57 | background: #eee; |
61 | border-radius: 4px; | 58 | border-radius: 4px; |
62 | - font-size: 16px; | 59 | + font-size: 15px; |
63 | line-height: 20px; | 60 | line-height: 20px; |
64 | text-align: center; | 61 | text-align: center; |
65 | margin-left: 5px; | 62 | margin-left: 5px; |
63 | + position: relative; | ||
64 | + margin-left: 5px; | ||
65 | + top: 2px; | ||
66 | + margin-right: 15px; | ||
66 | } | 67 | } |
67 | 68 | ||
69 | + | ||
68 | /**********************************************************/ | 70 | /**********************************************************/ |
69 | 71 | ||
70 | /*Veja mais software*/ | 72 | /*Veja mais software*/ |
@@ -170,26 +172,52 @@ | @@ -170,26 +172,52 @@ | ||
170 | 172 | ||
171 | .box-1 .software-block-finality, | 173 | .box-1 .software-block-finality, |
172 | .box-1 .software-block-content { | 174 | .box-1 .software-block-content { |
173 | - padding-bottom: 20px; | 175 | + padding-bottom: 32px; |
174 | } | 176 | } |
175 | .software-block-finality { | 177 | .software-block-finality { |
176 | background-color:#f4f4f4; | 178 | background-color:#f4f4f4; |
177 | /*padding:10px;*/ | 179 | /*padding:10px;*/ |
178 | border-radius: 8px; | 180 | border-radius: 8px; |
179 | - width:155px; | 181 | + width:142px; |
180 | height: 185px; | 182 | height: 185px; |
181 | border: solid 1px #D7D7D7; | 183 | border: solid 1px #D7D7D7; |
182 | left:0px; | 184 | left:0px; |
183 | } | 185 | } |
184 | 186 | ||
185 | .software-block-finality p { | 187 | .software-block-finality p { |
186 | - padding: 10px; | ||
187 | - height: 120px; | 188 | + padding: 12px 12px 0 12px; |
189 | + height: 150px; | ||
188 | overflow: hidden; | 190 | overflow: hidden; |
189 | } | 191 | } |
190 | 192 | ||
191 | -.software-block-finality a { | 193 | +#content .software-block-finality a, |
194 | +#content .software-block-finality a:visited, | ||
195 | +#content .software-block-finality a:link, | ||
196 | +#content .software-block-finality a:focus { | ||
192 | padding: 0 10px; | 197 | padding: 0 10px; |
198 | + text-align: right; | ||
199 | + color: #231F20; | ||
200 | + text-transform: uppercase; | ||
201 | + font-size: 10px; | ||
202 | + display: block; | ||
203 | + border-top: 1px solid #DDD; | ||
204 | + padding-top: 9px; | ||
205 | +} | ||
206 | + | ||
207 | +.software-block-finality a::after { | ||
208 | + content:'>'; | ||
209 | + padding-left: 7px; | ||
210 | + padding-right: 4px; | ||
211 | + color: #FFF; | ||
212 | + background: #2c65cd; | ||
213 | + border-radius: 4px; | ||
214 | + font-size: 15px; | ||
215 | + line-height: 20px; | ||
216 | + text-align: center; | ||
217 | + margin-left: 5px; | ||
218 | + position: relative; | ||
219 | + margin-left: 5px; | ||
220 | + top: 2px; | ||
193 | } | 221 | } |
194 | 222 | ||
195 | .software-block-logo { | 223 | .software-block-logo { |
@@ -206,7 +234,7 @@ | @@ -206,7 +234,7 @@ | ||
206 | .software-block-logo{ | 234 | .software-block-logo{ |
207 | display:block; | 235 | display:block; |
208 | text-align: center; | 236 | text-align: center; |
209 | - width:130px; | 237 | + width:140px; |
210 | height:90px; | 238 | height:90px; |
211 | padding-top:20px; | 239 | padding-top:20px; |
212 | padding-bottom:20px; | 240 | padding-bottom:20px; |
@@ -285,8 +313,16 @@ margin: -10px 0px 10px 20px; /*-20px 20px; | @@ -285,8 +313,16 @@ margin: -10px 0px 10px 20px; /*-20px 20px; | ||
285 | } | 313 | } |
286 | 314 | ||
287 | #content .box-1 .software-block { | 315 | #content .box-1 .software-block { |
288 | - margin: 0px 0px 14px 0px; | ||
289 | - width: 160px; | 316 | + margin: 0px 26px 14px 0px; |
317 | + width: 145px; | ||
318 | +} | ||
319 | + | ||
320 | +/* Para que os blocos de software que ficam na borda direita fiquem sem margin-right */ | ||
321 | +#content .box-1 .software-block:nth-child(4), | ||
322 | +#content .box-1 .software-block:nth-child(7), | ||
323 | +#content .box-1 .software-block:nth-child(10), | ||
324 | +#content .box-1 .software-block:nth-child(13) { | ||
325 | + margin-right: 0px; | ||
290 | } | 326 | } |
291 | 327 | ||
292 | #content .software-block-info { | 328 | #content .software-block-info { |
@@ -300,6 +336,11 @@ margin: -10px 0px 10px 20px; /*-20px 20px; | @@ -300,6 +336,11 @@ margin: -10px 0px 10px 20px; /*-20px 20px; | ||
300 | color: #2C66CE; | 336 | color: #2C66CE; |
301 | } | 337 | } |
302 | 338 | ||
339 | +/* Nao mostrar descricao no bloco de software */ | ||
340 | +#content .software-block-description { | ||
341 | + display: none; | ||
342 | +} | ||
343 | + | ||
303 | #content .block.display-content-block .block-title, | 344 | #content .block.display-content-block .block-title, |
304 | #content .block.softwares-block .block-title { | 345 | #content .block.softwares-block .block-title { |
305 | margin: 0px 0px 25px 0px; | 346 | margin: 0px 0px 25px 0px; |
style.css
@@ -407,9 +407,10 @@ p { | @@ -407,9 +407,10 @@ p { | ||
407 | width: 190px; /*230px;*/ | 407 | width: 190px; /*230px;*/ |
408 | } | 408 | } |
409 | 409 | ||
410 | + | ||
410 | .box-2 .block .block-inner-2, | 411 | .box-2 .block .block-inner-2, |
411 | .box-3 .block .block-inner-2{ | 412 | .box-3 .block .block-inner-2{ |
412 | - padding: 0 0 1em; | 413 | +/* padding: 0 0 1em;*/ |
413 | } | 414 | } |
414 | 415 | ||
415 | 416 | ||
@@ -434,7 +435,7 @@ p { | @@ -434,7 +435,7 @@ p { | ||
434 | font-size: 12px; | 435 | font-size: 12px; |
435 | text-align: left; | 436 | text-align: left; |
436 | border-bottom: none; | 437 | border-bottom: none; |
437 | - padding: 8px 8px 22px 10px; | 438 | + padding: 5px 8px 18px 7px; |
438 | text-transform: uppercase; | 439 | text-transform: uppercase; |
439 | font-family: "open_sansbold", Arial, Helvetica, sans-serif; | 440 | font-family: "open_sansbold", Arial, Helvetica, sans-serif; |
440 | font-variant: normal; | 441 | font-variant: normal; |
@@ -475,9 +476,10 @@ p { | @@ -475,9 +476,10 @@ p { | ||
475 | 476 | ||
476 | 477 | ||
477 | #content .box-1 .block-title { | 478 | #content .box-1 .block-title { |
478 | - font-size: 20px; | 479 | + font-size: 18px; |
479 | text-transform: none; | 480 | text-transform: none; |
480 | font-family: "open_sansregular", Arial, Helvetica, sans-serif; | 481 | font-family: "open_sansregular", Arial, Helvetica, sans-serif; |
482 | + padding: 5px 8px 20px 10px; | ||
481 | } | 483 | } |
482 | 484 | ||
483 | #content .box-1 .block-title span{ | 485 | #content .box-1 .block-title span{ |
@@ -487,17 +489,18 @@ p { | @@ -487,17 +489,18 @@ p { | ||
487 | 489 | ||
488 | /* Bloco de busca pagina inicial*/ | 490 | /* Bloco de busca pagina inicial*/ |
489 | #content .search-catalog-block h1 { | 491 | #content .search-catalog-block h1 { |
490 | - padding: 10px 10px 0 10px; | 492 | + margin: 0 15px 10px 15px; |
493 | + padding: 10px 0 0 0; | ||
491 | } | 494 | } |
492 | 495 | ||
493 | #content .search-catalog-block form { | 496 | #content .search-catalog-block form { |
494 | - padding: 0 10px 10px 10px; | 497 | +/* padding: 0 15px;*/ |
495 | } | 498 | } |
496 | 499 | ||
497 | #content .search-catalog-block #search-catalog-footer a { | 500 | #content .search-catalog-block #search-catalog-footer a { |
498 | display: block; | 501 | display: block; |
499 | color: #FFF; | 502 | color: #FFF; |
500 | - padding: 10px; | 503 | + padding: 5px 0px 10px 0px; |
501 | } | 504 | } |
502 | 505 | ||
503 | #content .search-catalog-block #search-catalog-footer p { | 506 | #content .search-catalog-block #search-catalog-footer p { |
@@ -549,14 +552,21 @@ p { | @@ -549,14 +552,21 @@ p { | ||
549 | } | 552 | } |
550 | 553 | ||
551 | #content .link-list-block li a { | 554 | #content .link-list-block li a { |
552 | - line-height: 20px; | ||
553 | - padding:10px 0px; | 555 | + line-height: 17px; |
556 | + padding: 6px 0px 8px 0px; | ||
554 | } | 557 | } |
555 | 558 | ||
556 | #content .link-list-block h3.empty + ul { | 559 | #content .link-list-block h3.empty + ul { |
557 | border-top: 1px solid #ddd; | 560 | border-top: 1px solid #ddd; |
558 | } | 561 | } |
559 | 562 | ||
563 | +/* Menus que nao tiverem titulo, nao tem padding left e right e nao mostra os icones caso seja inserido */ | ||
564 | +#content .link-list-block h3.empty + ul li a { | ||
565 | + padding-left: 0px; | ||
566 | + padding-right: 0px; | ||
567 | + background-image: none; | ||
568 | +} | ||
569 | + | ||
560 | #content .link-list-block li { | 570 | #content .link-list-block li { |
561 | border-bottom: 1px solid #ddd; | 571 | border-bottom: 1px solid #ddd; |
562 | border-top: none; | 572 | border-top: none; |
@@ -704,7 +714,7 @@ p { | @@ -704,7 +714,7 @@ p { | ||
704 | } | 714 | } |
705 | 715 | ||
706 | .block-outer { | 716 | .block-outer { |
707 | - margin-top: 45px; | 717 | + margin-bottom: 45px; |
708 | clear: both; | 718 | clear: both; |
709 | } | 719 | } |
710 | 720 |