Commit 0925c4a21ef280f678f26305255e4a6c23ebebfc
1 parent
5ec333c2
Exists in
master
and in
12 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 |