Commit 0925c4a21ef280f678f26305255e4a6c23ebebfc

Authored by Sidney Ricardo
1 parent 5ec333c2

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;
@@ -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