Download as
Browse Code »

Commit 2302cd345e4420a66fa4ddb959b98e402baba9cd

Authored by Álvaro Fernando Matos de Souza
1 parent db2bf070
Exists in format_highlight_block_#85

Adding format to highlight's block - Issue #85 

Signed-off-by: Álvaro Fernando <alvarofernandoms@gmail.com>
Showing 2 changed files with 208 additions and 0 deletions   Show diff stats
page-inicial.css
  Diff comments   View file @2302cd3
@@ -571,6 +571,110 @@ span.label { @@ -571,6 +571,110 @@ span.label {
571 font-size: 14px; 571 font-size: 14px;
572 } 572 }
573 573
  574 +/******* Bloco Highlights *******/
  575 +
  576 +.action-home-index #content .box-3 .block-outer .highlights-block .block-inner-2 .block-title {
  577 + width: auto;
  578 + background-color: #eeeff1;
  579 + border: 1px solid #c0c1c1;
  580 + border-radius: 8px 8px 0 0;
  581 + height: 16px;
  582 + background: #fff;
  583 + color: #172638;
  584 + font-size: 16px;
  585 + font-weight: bold;
  586 + text-transform: uppercase;
  587 + padding: 18px 1px 18px 15px;
  588 + margin: 11px 0px;
  589 + font-family: "open_sansbold", Arial, Helvetica, sans-serif;
  590 + margin-bottom: 0;
  591 + border-bottom: 0;
  592 +}
  593 +
  594 +.action-home-index #content .box-3 .highlights-border {
  595 + width: auto;
  596 + border: 1px solid #c0c1c1;
  597 + max-height: 230px;
  598 + background: #fff;
  599 + border-radius: 0 0 8px 8px;
  600 +}
  601 +
  602 +.action-home-index #content .box-3 .highlights-container {
  603 + width: 100% !important;
  604 + position: relative;
  605 + top: 0px;
  606 + border-top-width: 0px;
  607 + border-left-width: 0px;
  608 + border-right-width: 0px;
  609 + border-bottom-width: 1px;
  610 + max-height: 230px;
  611 + background: #fff;
  612 + border-radius: 0 0 8px 8px;
  613 + padding-bottom: 0px;
  614 +}
  615 +
  616 +.action-home-index #content .box-3 .highlights-image-link {
  617 + width: 220px;
  618 + max-height: 217px;
  619 + padding-top: 18px;
  620 + background-color: #fff;
  621 + border-radius: 0 0 8px 8px;
  622 +}
  623 +
  624 +.action-home-index #content .box-3 .highlights-label {
  625 + border-top: 4px solid #3b61a7;
  626 + position: relative;
  627 + bottom: -18px;
  628 + width: 190px;
  629 + max-height: 60px;
  630 + padding-right: 20px;
  631 + padding-left: 20px;
  632 + padding-top: 18px;
  633 + padding-bottom: 16px;
  634 + background: #e8e9ec;
  635 + vertical-align: middle;
  636 + text-align: center;
  637 + color: #172638;
  638 + font-size: 16px;
  639 + font-weight: normal;
  640 + font-family: "open_sansbold", Arial, Helvetica, sans-serif;
  641 +}
  642 +
  643 +.action-home-index #content .box-3 .highlights-block-pager {
  644 + height: 20px;
  645 + background-color: #FFF;
  646 + width: 232px;
  647 + border: 0;
  648 + float: left;
  649 + position: static;
  650 + padding-top: 14px;
  651 + padding-right: 0px;
  652 + height: 1px;
  653 +}
  654 +
  655 +/* Primeira imagem */
  656 +.action-home-index #content .box-3 .highlights-block-pager a {
  657 + color: transparent;
  658 + background: #c0c1c1 center center no-repeat;
  659 + text-indent: -5000px;
  660 + overflow: hidden;
  661 + height: 6px;
  662 + width: 6px;
  663 + display: inline-block;
  664 + color: transparent;
  665 + border-radius: 50%;
  666 + margin: 0 4px;
  667 + border-color: transparent;
  668 + z-index: 1000;
  669 +}
  670 +.action-home-index #content .box-3 .highlights-block-pager a.activeSlide {
  671 + color: transparent;
  672 + background: #3e67b1;
  673 + border-color: transparent;
  674 +}
  675 +
  676 +/******* FIM - Bloco Highlights - FIM *******/
  677 +
574 /* 678 /*
575 .menu-submenu down{ 679 .menu-submenu down{
576 680
@@ -3545,3 +3545,107 @@ input[type=checkbox] { @@ -3545,3 +3545,107 @@ input[type=checkbox] {
3545 #content .main-content .tiny-mce-article .article-body-tiny-mce-article p a { 3545 #content .main-content .tiny-mce-article .article-body-tiny-mce-article p a {
3546 color: #2c66ce; 3546 color: #2c66ce;
3547 } 3547 }
  3548 +
  3549 +/******* Bloco Highlights *******/
  3550 +
  3551 +#content .box-3 .block-outer .highlights-block .block-inner-2 .block-title {
  3552 + width: auto;
  3553 + background-color: #eeeff1;
  3554 + border: 1px solid #c0c1c1;
  3555 + border-radius: 8px 8px 0 0;
  3556 + height: 16px;
  3557 + background: #fff;
  3558 + color: #172638;
  3559 + font-size: 16px;
  3560 + font-weight: bold;
  3561 + text-transform: uppercase;
  3562 + padding: 18px 1px 18px 15px;
  3563 + margin: 11px 0px;
  3564 + font-family: "open_sansbold", Arial, Helvetica, sans-serif;
  3565 + margin-bottom: 0;
  3566 + border-bottom: 0;
  3567 +}
  3568 +
  3569 +#content .box-3 .highlights-border {
  3570 + width: auto;
  3571 + border: 1px solid #c0c1c1;
  3572 + max-height: 230px;
  3573 + background: #fff;
  3574 + border-radius: 0 0 8px 8px;
  3575 +}
  3576 +
  3577 +#content .box-3 .highlights-container {
  3578 + width: 100% !important;
  3579 + position: relative;
  3580 + top: 0px;
  3581 + border-top-width: 0px;
  3582 + border-left-width: 0px;
  3583 + border-right-width: 0px;
  3584 + border-bottom-width: 1px;
  3585 + max-height: 230px;
  3586 + background: #fff;
  3587 + border-radius: 0 0 8px 8px;
  3588 + padding-bottom: 0px;
  3589 +}
  3590 +
  3591 +#content .box-3 .highlights-image-link {
  3592 + width: 220px;
  3593 + max-height: 217px;
  3594 + padding-top: 18px;
  3595 + background-color: #fff;
  3596 + border-radius: 0 0 8px 8px;
  3597 +}
  3598 +
  3599 +#content .box-3 .highlights-label {
  3600 + border-top: 4px solid #3b61a7;
  3601 + position: relative;
  3602 + bottom: -18px;
  3603 + width: auto;
  3604 + height: 74px;
  3605 + padding-right: 10px;
  3606 + padding-left: 10px;
  3607 + padding-top: 10px;
  3608 + padding-bottom: 10px;
  3609 + background: #e8e9ec;
  3610 + vertical-align: middle;
  3611 + text-align: center;
  3612 + color: #172638;
  3613 + font-size: 16px;
  3614 + font-weight: normal;
  3615 + font-family: "open_sansbold", Arial, Helvetica, sans-serif;
  3616 +}
  3617 +
  3618 +#content .box-3 .highlights-block-pager {
  3619 + height: 20px;
  3620 + background-color: #FFF;
  3621 + width: 190px;
  3622 + border: 0;
  3623 + float: left;
  3624 + position: static;
  3625 + padding-top: 14px;
  3626 + padding-right: 0px;
  3627 + height: 1px;
  3628 +}
  3629 +
  3630 +/* Primeira imagem */
  3631 +#content .box-3 .highlights-block-pager a {
  3632 + color: transparent;
  3633 + background: #c0c1c1 center no-repeat;
  3634 + text-indent: -5000px;
  3635 + overflow: hidden;
  3636 + height: 6px;
  3637 + width: 6px;
  3638 + display: inline-block;
  3639 + color: transparent;
  3640 + border-radius: 50%;
  3641 + margin: 0 4px;
  3642 + border-color: transparent;
  3643 + z-index: 1000;
  3644 +}
  3645 +#content .box-3 .highlights-block-pager a.activeSlide {
  3646 + color: transparent;
  3647 + background: #3e67b1;
  3648 + border-color: transparent;
  3649 +}
  3650 +
  3651 +/******* FIM - Bloco Highlights - FIM *******/