Commit 5ea487f7dfa383d58d06250f8621ee2793b98560
1 parent
469cd22c
Exists in
master
and in
79 other branches
Adding format to highlight's block - Issue #85
Signed-off-by: Álvaro Fernando <alvarofernandoms@gmail.com>
Showing
2 changed files
with
209 additions
and
1 deletions
Show diff stats
page-inicial.css
@@ -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: 15px 1px 21px 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: 23px; | ||
633 | + padding-bottom: 11px; | ||
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 |
style.css
@@ -3584,4 +3584,108 @@ input[type=checkbox] { | @@ -3584,4 +3584,108 @@ input[type=checkbox] { | ||
3584 | margin: auto; | 3584 | margin: auto; |
3585 | padding: 2px; | 3585 | padding: 2px; |
3586 | width: 20px; | 3586 | width: 20px; |
3587 | -} | ||
3588 | \ No newline at end of file | 3587 | \ No newline at end of file |
3588 | +} | ||
3589 | + | ||
3590 | +/******* Bloco Highlights *******/ | ||
3591 | + | ||
3592 | +#content .box-3 .block-outer .highlights-block .block-inner-2 .block-title { | ||
3593 | + width: auto; | ||
3594 | + background-color: #eeeff1; | ||
3595 | + border: 1px solid #c0c1c1; | ||
3596 | + border-radius: 8px 8px 0 0; | ||
3597 | + height: 16px; | ||
3598 | + background: #fff; | ||
3599 | + color: #172638; | ||
3600 | + font-size: 16px; | ||
3601 | + font-weight: bold; | ||
3602 | + text-transform: uppercase; | ||
3603 | + padding: 15px 1px 21px 15px; | ||
3604 | + margin: 11px 0px; | ||
3605 | + font-family: "open_sansbold", Arial, Helvetica, sans-serif; | ||
3606 | + margin-bottom: 0; | ||
3607 | + border-bottom: 0; | ||
3608 | +} | ||
3609 | + | ||
3610 | +#content .box-3 .highlights-border { | ||
3611 | + width: auto; | ||
3612 | + border: 1px solid #c0c1c1; | ||
3613 | + max-height: 230px; | ||
3614 | + background: #fff; | ||
3615 | + border-radius: 0 0 8px 8px; | ||
3616 | +} | ||
3617 | + | ||
3618 | +#content .box-3 .highlights-container { | ||
3619 | + width: 100% !important; | ||
3620 | + position: relative; | ||
3621 | + top: 0px; | ||
3622 | + border-top-width: 0px; | ||
3623 | + border-left-width: 0px; | ||
3624 | + border-right-width: 0px; | ||
3625 | + border-bottom-width: 1px; | ||
3626 | + max-height: 230px; | ||
3627 | + background: #fff; | ||
3628 | + border-radius: 0 0 8px 8px; | ||
3629 | + padding-bottom: 0px; | ||
3630 | +} | ||
3631 | + | ||
3632 | +#content .box-3 .highlights-image-link { | ||
3633 | + width: 220px; | ||
3634 | + max-height: 217px; | ||
3635 | + padding-top: 18px; | ||
3636 | + background-color: #fff; | ||
3637 | + border-radius: 0 0 8px 8px; | ||
3638 | +} | ||
3639 | + | ||
3640 | +#content .box-3 .highlights-label { | ||
3641 | + border-top: 4px solid #3b61a7; | ||
3642 | + position: relative; | ||
3643 | + bottom: -18px; | ||
3644 | + width: auto; | ||
3645 | + height: 74px; | ||
3646 | + padding-right: 10px; | ||
3647 | + padding-left: 10px; | ||
3648 | + padding-top: 10px; | ||
3649 | + padding-bottom: 10px; | ||
3650 | + background: #e8e9ec; | ||
3651 | + vertical-align: middle; | ||
3652 | + text-align: center; | ||
3653 | + color: #172638; | ||
3654 | + font-size: 16px; | ||
3655 | + font-weight: normal; | ||
3656 | + font-family: "open_sansbold", Arial, Helvetica, sans-serif; | ||
3657 | +} | ||
3658 | + | ||
3659 | +#content .box-3 .highlights-block-pager { | ||
3660 | + height: 20px; | ||
3661 | + background-color: #FFF; | ||
3662 | + width: 190px; | ||
3663 | + border: 0; | ||
3664 | + float: left; | ||
3665 | + position: static; | ||
3666 | + padding-top: 14px; | ||
3667 | + padding-right: 0px; | ||
3668 | + height: 1px; | ||
3669 | +} | ||
3670 | + | ||
3671 | +/* Primeira imagem */ | ||
3672 | +#content .box-3 .highlights-block-pager a { | ||
3673 | + color: transparent; | ||
3674 | + background: #c0c1c1 center no-repeat; | ||
3675 | + text-indent: -5000px; | ||
3676 | + overflow: hidden; | ||
3677 | + height: 6px; | ||
3678 | + width: 6px; | ||
3679 | + display: inline-block; | ||
3680 | + color: transparent; | ||
3681 | + border-radius: 50%; | ||
3682 | + margin: 0 4px; | ||
3683 | + border-color: transparent; | ||
3684 | + z-index: 1000; | ||
3685 | +} | ||
3686 | +#content .box-3 .highlights-block-pager a.activeSlide { | ||
3687 | + color: transparent; | ||
3688 | + background: #3e67b1; | ||
3689 | + border-color: transparent; | ||
3690 | +} | ||
3691 | + | ||
3692 | +/******* FIM - Bloco Highlights - FIM *******/ |