Download as
Browse Code »

Commit 24ef678dfdc7969e332ed10eaf467dace59bd8b9

Authored by Fabio Teixeira
1 parent 4aac2da9
Exists in master and in 10 other branches comments-opacity, fix_catalog_classes, fix_javascript, fix_text_display_content, format_highlight_block_#85, news_page_css, page_catalog, restructuring_css, stable, tooltips

Prototyping event community secondary page

Showing 3 changed files with 125 additions and 29 deletions   Show diff stats
images/icone_pin.png 0 → 100644
View file @24ef678

51.9 KB
pagina_comunidade.css
  Diff comments   View file @24ef678
... ... @@ -534,10 +534,11 @@ ul#itens-legend-grafic{
534 534 /*********************** Página de eventos da comunidade *******************/
535 535  
536 536 #event-card {
  537 + float: left;
537 538 border-top: 1px dotted #D3D6D3;
538 539 padding-top: 33px;
539 540 width: 494px;
540   - height: 216px;
  541 + height: 173px;
541 542 /*background-image: url('images/evento-teste.jpg');*/
542 543 background-repeat: no-repeat;
543 544 }
... ... @@ -553,29 +554,27 @@ ul#itens-legend-grafic{
553 554 .about-event {
554 555 position: relative;
555 556 float: left;
  557 + height: 160px;
556 558 width: 300px;
557 559 max-width: 300px;
558   - height: inherit;
559 560 }
560 561  
561   -.about-event span {
  562 +.about-event > span {
562 563 font-family: arial;
563 564 display: block;
564 565 max-width: inherit;
565   - margin-left: 40px;
  566 + margin-left: 20px;
  567 + padding-left: 21px;
  568 + line-height: 13px;
  569 + margin-right: 11px;
566 570 }
567 571  
568 572 .about-event .event-date {
569 573 font-weight: bold;
570   - letter-spacing: 0.56px;
  574 + letter-spacing: 0.49px;
571 575 margin-top: 3px;
572 576 }
573 577  
574   -.about-event .event-link {
575   - margin-top: 16px;
576   - letter-spacing: 0.34px;
577   -}
578   -
579 578 .about-event .event-address {
580 579 margin-top: 19px;
581 580 }
... ... @@ -584,22 +583,8 @@ ul#itens-legend-grafic{
584 583 display: block;
585 584 margin-left: 0px;
586 585 margin-top: 4.4px;
587   -}
588   -
589   -.about-event .event-address #area {
590   - letter-spacing: 0.54px;
591   -}
592   -
593   -.about-event .event-address #district {
594   - letter-spacing: 0.7px;
595   -}
596   -
597   -.about-event .event-address #city {
598   - letter-spacing: 0.68px;
599   -}
600   -
601   -.about-event .event-address #cep {
602   - letter-spacing: 0.65px;
  586 + line-height: 14px;
  587 + letter-spacing: 0.5px;
603 588 }
604 589  
605 590 /*
... ... @@ -609,15 +594,125 @@ ul#itens-legend-grafic{
609 594 */
610 595  
611 596 #community-page {
  597 + width: 494px;
612 598 height: 716px;
613   - background-image: url('images/teste.png');
  599 + /*background-image: url('images/pagina-comunidade-teste.png');*/
614 600 background-repeat: no-repeat;
615 601 }
616 602  
617 603 #community-page h1 {
618   - margin-bottom: 16px;
  604 + margin-bottom: 17px;
619 605 text-align: left;
620 606 font-size: 32px;
621 607 line-height: 30px;
622   - letter-spacing: 0.1px;
  608 + padding-left: 1px;
  609 +}
  610 +
  611 +.event-date {
  612 + background: url('images/calendar-icon.png') no-repeat left center;
  613 +}
  614 +
  615 +.event-link {
  616 + background: url('images/calendar-icon.png') no-repeat left center;
  617 + margin-top: 18px;
  618 + letter-spacing: 0.48px;
  619 +}
  620 +
  621 +.event-address {
  622 + background: url('images/icone_pin.png') no-repeat left top;
  623 +}
  624 +
  625 +.event-body {
  626 + float: left;
  627 +}
  628 +
  629 +.event-body h2 {
  630 + margin-left: 2px !important;
  631 + width: 494px;
  632 + letter-spacing: -0.4px;
  633 + line-height: 26px;
  634 + margin-bottom: -3px !important;
  635 +}
  636 +
  637 +.event-body .event-content p {
  638 + font-size: 15px;
  639 + font-family: Arial;
  640 + margin-top: 20px;
  641 + width: 494px;
  642 + padding-left: 2px;
  643 + line-height: 22px;
  644 +}
  645 +
  646 +/********** event side box **********/
  647 +
  648 +.community-side-box {
  649 + width: 100%;
  650 + height: 100%;
  651 + border: 1px solid #D3D6DE;
  652 + border-radius: 7px;
  653 + margin-bottom: 27px;
  654 + overflow: hidden;
  655 +}
  656 +
  657 +.community-logo {
  658 + content: url('images/logo-participa.png'); /* LOGOTIPO DA COMUNIDADE */
  659 + /*content: url('images/bg-bloco-de-trilhas.png');*/
  660 + width: 100%;
  661 + border-bottom: 3px solid #3E67B1;
  662 +}
  663 +
  664 +.community-name {
  665 + font-family: Arial;
  666 + font-size: 14px;
  667 + font-weight: 700;
  668 + padding-top: 13px;
  669 + text-align: center;
  670 + height: 100%;
  671 + background-color: #ECEDF1;
  672 +}
  673 +
  674 +.community-name p {
  675 + line-height: 17px;
  676 + letter-spacing: 0px;
  677 +}
  678 +
  679 +.community-side-box table {
  680 + background-color: #ECEDF1;
  681 +}
  682 +
  683 +.community-side-box table th {
  684 + font-weight: 700;
  685 + text-align: left;
  686 + font-family: Arial;
  687 + font-size: 14px;
  688 + text-transform: uppercase;
  689 + padding-top: 9px;
  690 + padding-left: 13px;
  691 + padding-bottom: 0px;
  692 + letter-spacing: -1px;
  693 + border-bottom: 1px solid #D3D6DE;
  694 +}
  695 +
  696 +.community-side-box table td {
  697 + text-align: left;
  698 + border-bottom: 1px solid #D3D6DE;
  699 + height: 42px;
  700 + padding-top: 9px;
  701 + padding-left: 13px;
  702 +}
  703 +
  704 +.another-events-date {
  705 + color: #2C4B6B;
  706 + font-weight: 700;
  707 +}
  708 +
  709 +.another-event {
  710 + color: #172738;
  711 +}
  712 +
  713 +/************************** PÁGINA BLOG **************************/
  714 +
  715 +#community-blog {
  716 + background-image: url('images/blog-teste.png');
  717 + background-repeat: no-repeat;
623 718 }
624 719 \ No newline at end of file
... ...
style.css
  Diff comments   View file @24ef678
... ... @@ -753,6 +753,7 @@ p {
753 753 }
754 754  
755 755 .block-outer {
  756 + float: left;
756 757 margin-bottom: 45px;
757 758 clear: both;
758 759 }
... ...