Commit 44ba24a91e0cd7e9d586eb4321af9dda4b9289e5
1 parent
28a52b5a
Exists in
master
and in
54 other branches
Adjusts on members block, display members block only on community homepage and i…
…nsertion of community block style
Showing
1 changed file
with
158 additions
and
109 deletions
Show diff stats
css/community-pages.css
| 1 | -/*** Right bar ***/ | |
| 2 | - | |
| 3 | 1 | /*** Home page - profile page ***/ |
| 4 | 2 | |
| 5 | 3 | /* Profile header */ |
| ... | ... | @@ -143,8 +141,7 @@ |
| 143 | 141 | font-weight: 700; |
| 144 | 142 | } |
| 145 | 143 | |
| 146 | -/********************************************/ | |
| 147 | -/***abas da area de comunidade******/ | |
| 144 | +/* Community's area tabs */ | |
| 148 | 145 | |
| 149 | 146 | #content #discussions-content{ |
| 150 | 147 | color:#172738; |
| ... | ... | @@ -165,26 +162,12 @@ |
| 165 | 162 | padding:10px 0px 18px 0px; |
| 166 | 163 | } |
| 167 | 164 | |
| 168 | -/*#content #discussions-content .message-discussion .subject{ | |
| 169 | - display: block; | |
| 170 | - float: left; | |
| 171 | - padding-top:3px; | |
| 172 | -}*/ | |
| 173 | - | |
| 174 | 165 | #content #discussions-content .message-discussion .quiet:last-child{ |
| 175 | 166 | font-size: 16px; |
| 176 | 167 | max-height: 50px; |
| 177 | 168 | overflow: hidden; |
| 178 | 169 | } |
| 179 | 170 | |
| 180 | -/*#content #discussions-content .message-discussion:last-child{ | |
| 181 | - border-bottom: 1px solid #ECEDF1; | |
| 182 | -}*/ | |
| 183 | - | |
| 184 | -/*#content #discussions-content .row{ | |
| 185 | - width: 520px; | |
| 186 | -}*/ | |
| 187 | - | |
| 188 | 171 | #content #discussions-content h4{ |
| 189 | 172 | font-size: 22px; |
| 190 | 173 | border-bottom: 1px solid #ECEDF1; |
| ... | ... | @@ -324,7 +307,8 @@ |
| 324 | 307 | #repository-feed-tab .see-more-repository dl.portlet a:visited{ |
| 325 | 308 | color:#172738; |
| 326 | 309 | } |
| 327 | -/*************ABA BLOG**************/ | |
| 310 | + | |
| 311 | +/* Blog tab*/ | |
| 328 | 312 | |
| 329 | 313 | #blog-tab .blog .blog-post{ |
| 330 | 314 | padding:0px 20px 5px 20px; |
| ... | ... | @@ -360,7 +344,7 @@ |
| 360 | 344 | #content #blog-tab .blog .blog-post.position-1 .article-compact-image{ |
| 361 | 345 | position:relative; |
| 362 | 346 | padding-right: 0px; |
| 363 | - margin-top: 0px; /*temporario*/ | |
| 347 | + margin-top: 0px; /*temporary*/ | |
| 364 | 348 | } |
| 365 | 349 | |
| 366 | 350 | #content #blog-tab .blog .blog-post.position-1 .article-compact-abstract-with-image{ |
| ... | ... | @@ -387,7 +371,7 @@ |
| 387 | 371 | } |
| 388 | 372 | #content #blog-tab .blog .blog-post .article-compact-image{ |
| 389 | 373 | position:absolute; |
| 390 | - margin-top:-51px; /*provisorio*/ | |
| 374 | + margin-top:-51px; /* temporary */ | |
| 391 | 375 | text-align: left; |
| 392 | 376 | } |
| 393 | 377 | |
| ... | ... | @@ -400,7 +384,7 @@ |
| 400 | 384 | margin-left: 180px; |
| 401 | 385 | } |
| 402 | 386 | |
| 403 | -/*leia mais*/ | |
| 387 | +/* Read more button*/ | |
| 404 | 388 | #content #blog-tab .blog .read-more{ |
| 405 | 389 | text-align: right; |
| 406 | 390 | display: block; |
| ... | ... | @@ -439,76 +423,133 @@ |
| 439 | 423 | display: block; |
| 440 | 424 | } |
| 441 | 425 | |
| 426 | +/*** Right bar ***/ | |
| 427 | + | |
| 428 | +/********Bloco de informacao da comunidade********/ | |
| 429 | +.profile-type-is-community .community-block{ | |
| 430 | + display: none; | |
| 431 | +} | |
| 432 | + | |
| 433 | +.profile-type-is-community .action-profile-index #content .community-block{ | |
| 434 | + display: block; | |
| 435 | + border: 1px solid #ECEDF1; | |
| 436 | + border-radius: 4px; | |
| 437 | +} | |
| 438 | + | |
| 439 | +.profile-type-is-community #content .community-block-logo{ | |
| 440 | + border-bottom: 3px solid #3E67B1; | |
| 441 | +} | |
| 442 | + | |
| 443 | +.profile-type-is-community #content .community-block-title{ | |
| 444 | + padding: 10px; | |
| 445 | + background-color: #ECEDF1; | |
| 446 | + border-bottom-right-radius: 4px; | |
| 447 | + border-bottom-left-radius: 4px; | |
| 448 | +} | |
| 449 | + | |
| 450 | +.profile-type-is-community #content .community-block-title h1{ | |
| 451 | + margin: 5px auto; | |
| 452 | + font-size: 14px; | |
| 453 | + line-height: 20px; | |
| 454 | +} | |
| 455 | + | |
| 456 | +.profile-type-is-community #content .community-block-logo{ | |
| 457 | + padding: 10px; | |
| 458 | +} | |
| 459 | + | |
| 460 | +.profile-type-is-community #content .community-block-logo img.logo{ | |
| 461 | + height: auto; | |
| 462 | + width: 100px; | |
| 463 | + min-width: 100px; | |
| 464 | + max-width: 170px; | |
| 465 | +} | |
| 466 | + | |
| 467 | +.profile-type-is-community #content .community-block-logo a{ | |
| 468 | + display: block; | |
| 469 | + height: 100px; | |
| 470 | + overflow: hidden; | |
| 471 | + text-align: center; | |
| 472 | +} | |
| 442 | 473 | |
| 443 | 474 | /* Members block */ |
| 444 | 475 | |
| 445 | -#content .members-block{ | |
| 446 | - border:1px solid #D3D6DE !important; | |
| 476 | +.profile-type-is-community #content .members-block{ | |
| 477 | + display: none; | |
| 478 | + border: 1px solid #D3D6DE; | |
| 447 | 479 | border-radius: 4px; |
| 448 | 480 | } |
| 449 | 481 | |
| 450 | -#content .members-block .block-title{ | |
| 451 | - background-color:#ECEDF1; | |
| 452 | - border-bottom:1px solid #D3D6DE; | |
| 453 | - border-top:none; | |
| 454 | - color:#172738; | |
| 455 | - font-size:14px; | |
| 456 | - padding:12px; | |
| 457 | - margin-bottom:12px; | |
| 482 | +.profile-type-is-community .action-profile-index #content .members-block{ | |
| 483 | + display: block; | |
| 484 | +} | |
| 485 | + | |
| 486 | +.profile-type-is-community #content .members-block .block-title{ | |
| 487 | + padding: 12px; | |
| 488 | + margin-bottom: 12px; | |
| 489 | + background-color: #ECEDF1; | |
| 490 | + color: #172738; | |
| 491 | + border-bottom: 1px solid #D3D6DE; | |
| 492 | + border-top: none; | |
| 493 | + font-size: 14px; | |
| 458 | 494 | } |
| 459 | 495 | |
| 460 | -.members-block .block-footer-content{ | |
| 461 | - background-color:#ECEDF1; | |
| 462 | - padding:8px 10px 15px 0px; | |
| 463 | - margin-right:0px; | |
| 464 | - border-top:1px solid #D3D6DE; | |
| 496 | +.profile-type-is-community #content .members-block .block-footer-content{ | |
| 497 | + padding: 8px 10px 15px 0px; | |
| 498 | + margin-right: 0px; | |
| 499 | + background-color: #ECEDF1; | |
| 500 | + border-top: 1px solid #D3D6DE; | |
| 465 | 501 | text-align: right; |
| 466 | 502 | } |
| 467 | 503 | |
| 468 | -#content .members-block .block-footer-content a{ | |
| 504 | +.profile-type-is-community #content .members-block .block-footer-content a{ | |
| 469 | 505 | padding-right: 0px !important; |
| 470 | 506 | } |
| 471 | 507 | |
| 472 | -#content .members-block .block-footer-content a.view-all{ | |
| 473 | - background-image:none; | |
| 474 | - border:none; | |
| 508 | +.profile-type-is-community #content .members-block .block-footer-content a.view-all{ | |
| 509 | + background-image: none; | |
| 510 | + border: none; | |
| 475 | 511 | text-transform: uppercase; |
| 476 | 512 | line-height: 21px; |
| 477 | 513 | } |
| 478 | 514 | |
| 479 | -#content .members-block .block-footer-content a.view-all::after{ | |
| 480 | - content:"\f105"; | |
| 481 | - font-family: FontAwesome; | |
| 515 | +.profile-type-is-community #content .members-block .block-footer-content a.view-all::after{ | |
| 516 | + content: "\f105"; | |
| 517 | + position: relative; | |
| 518 | + top: 2px; | |
| 519 | + margin-left: 5px; | |
| 482 | 520 | padding-left: 7px; |
| 483 | 521 | padding-right: 4px; |
| 484 | - color:#ffffff; | |
| 522 | + color: #ffffff; | |
| 485 | 523 | background: #3E67B1; |
| 486 | 524 | border-radius: 4px; |
| 525 | + font-family: FontAwesome; | |
| 487 | 526 | font-size: 18px; |
| 488 | 527 | line-height: 20px; |
| 489 | 528 | text-align: center; |
| 490 | - margin-left: 5px; | |
| 491 | - position: relative; | |
| 492 | - top: 2px; | |
| 493 | 529 | } |
| 494 | 530 | |
| 495 | -.members-block .common-profile-list-block .vcard{ | |
| 496 | - border:none; | |
| 531 | +.profile-type-is-community #content .members-block .common-profile-list-block .vcard{ | |
| 532 | + border: none; | |
| 497 | 533 | } |
| 498 | -.members-block .common-profile-list-block .vcard:hover{ | |
| 499 | - border:none; | |
| 500 | - background:none; | |
| 534 | + | |
| 535 | +.profile-type-is-community #content .members-block .common-profile-list-block .vcard:hover{ | |
| 536 | + background: none; | |
| 537 | + border: none; | |
| 501 | 538 | } |
| 502 | 539 | |
| 503 | -#content .members-block .common-profile-list-block .vcard li a{ | |
| 504 | - color:#172738; | |
| 540 | +.profile-type-is-community #content .members-block .common-profile-list-block .vcard li a{ | |
| 541 | + color: #172738; | |
| 505 | 542 | } |
| 506 | 543 | |
| 507 | -.members-block .menu-submenu{ | |
| 508 | - background:#172738; | |
| 544 | +.profile-type-is-community #content .members-block .common-profile-list-block .vcard a.profile_link{ | |
| 545 | + height: 70px; | |
| 546 | +} | |
| 547 | + | |
| 548 | +.profile-type-is-community #content .members-block .menu-submenu{ | |
| 549 | + background: #172738; | |
| 509 | 550 | border-radius: 4px; |
| 510 | 551 | /***side block position***/ |
| 511 | - bottom:-29px; | |
| 552 | + top: -39px; | |
| 512 | 553 | right: 100%; |
| 513 | 554 | width: 131px; |
| 514 | 555 | height: 176px; |
| ... | ... | @@ -517,100 +558,108 @@ |
| 517 | 558 | -moz-box-shadow: 2px 2px 2px #ECEDF1; |
| 518 | 559 | } |
| 519 | 560 | |
| 520 | -.members-block .menu-submenu.down::before{ | |
| 561 | +.profile-type-is-community #content .members-block .menu-submenu.down::before{ | |
| 521 | 562 | content:"\f0da"; |
| 522 | - color:#172738; | |
| 563 | + float: right; | |
| 564 | + position: relative; | |
| 565 | + margin: -7px; | |
| 566 | + margin-top: 30%; | |
| 567 | + color: #172738; | |
| 523 | 568 | font-family: FontAwesome; |
| 524 | - font-size:25px; | |
| 525 | - float:right; | |
| 526 | - position:relative; | |
| 527 | - margin:-7px; | |
| 528 | - margin-top:30%; | |
| 569 | + font-size: 25px; | |
| 529 | 570 | } |
| 530 | 571 | |
| 531 | -.members-block .menu-submenu-header, | |
| 532 | -.members-block .menu-submenu-content, | |
| 533 | -.members-block .menu-submenu-footer{ | |
| 534 | - background:none; | |
| 572 | +.profile-type-is-community #content .members-block .menu-submenu-header, | |
| 573 | +.profile-type-is-community #content .members-block .menu-submenu-content, | |
| 574 | +.profile-type-is-community #content .members-block .menu-submenu-footer{ | |
| 575 | + background: none; | |
| 535 | 576 | } |
| 536 | 577 | |
| 537 | -.members-block .menu-submenu-header, | |
| 538 | -.members-block .menu-submenu-footer{ | |
| 578 | +.profile-type-is-community #content .members-block .menu-submenu-header, | |
| 579 | +.profile-type-is-community #content .members-block .menu-submenu-footer{ | |
| 539 | 580 | display: none; |
| 540 | 581 | } |
| 541 | -.members-block .menu-submenu-content{ | |
| 542 | - height:100%; | |
| 582 | + | |
| 583 | +.profile-type-is-community #content .members-block .menu-submenu-content{ | |
| 584 | + height: 100%; | |
| 543 | 585 | } |
| 544 | 586 | |
| 545 | -#content .members-block .common-profile-list-block li{ | |
| 546 | - margin:0px !important; | |
| 587 | +.profile-type-is-community #content .members-block .common-profile-list-block li{ | |
| 588 | + margin: 0px !important; | |
| 547 | 589 | } |
| 548 | 590 | |
| 549 | -.members-block .common-profile-list-block .vcard .menu-submenu-trigger{ | |
| 591 | +.profile-type-is-community #content .members-block .common-profile-list-block .vcard .menu-submenu-trigger{ | |
| 550 | 592 | display: block; |
| 551 | - background:#172738; | |
| 552 | - top:2px; | |
| 553 | - left:3px; | |
| 554 | - border:1px solid #fff; | |
| 593 | + height: 13px; | |
| 594 | + top: 2px; | |
| 595 | + left: 3px; | |
| 555 | 596 | padding-bottom: 0px; |
| 597 | + background: #172738; | |
| 598 | + border: 1px solid #fff; | |
| 556 | 599 | opacity: 0.7; |
| 557 | - height: 13px; | |
| 558 | 600 | } |
| 559 | 601 | |
| 560 | -.members-block .common-profile-list-block .vcard .menu-submenu-trigger::before{ | |
| 561 | - content:"\f053"; | |
| 562 | - color:#fff; | |
| 602 | +.profile-type-is-community #content .members-block .common-profile-list-block .vcard .menu-submenu-trigger::before{ | |
| 603 | + content: "\f053"; | |
| 604 | + color: #fff; | |
| 563 | 605 | font-family: FontAwesome; |
| 564 | 606 | font-size: 8px; |
| 565 | 607 | line-height: 11px; |
| 566 | 608 | } |
| 567 | 609 | |
| 568 | -#content .members-block .common-profile-list-block .fn { | |
| 569 | - margin-top:2px; | |
| 570 | - color:#172738; | |
| 610 | +.profile-type-is-community #content .members-block .common-profile-list-block .fn { | |
| 611 | + margin-top: 2px; | |
| 612 | + color: #172738; | |
| 571 | 613 | } |
| 572 | 614 | |
| 573 | -#content .members-block .menu-submenu-content h4{ | |
| 615 | +.profile-type-is-community #content .members-block .menu-submenu-content h4{ | |
| 616 | + max-height: 16px; | |
| 617 | + padding: 8px 7px 10px 6px; | |
| 618 | + margin: 0px 0px 2px 0px; | |
| 619 | + background: #243F59; | |
| 574 | 620 | color: #fff; |
| 621 | + border-bottom: 2px solid #FF0366; | |
| 622 | + border-radius: 4px 4px 0px 0px; | |
| 575 | 623 | font-family: Arial; |
| 576 | 624 | font-size: 13px; |
| 577 | - background:#243F59; | |
| 578 | - border-bottom: 2px solid #FF0366; | |
| 579 | 625 | text-transform: uppercase; |
| 580 | - padding:8px 7px 10px 6px; | |
| 581 | - margin:0px 0px 2px 0px; | |
| 582 | 626 | text-align: center; |
| 583 | - max-height: 16px; | |
| 584 | 627 | overflow: hidden; |
| 585 | 628 | } |
| 586 | 629 | |
| 587 | -#content .friends-block ul, #content .members-block ul { | |
| 588 | -min-width: 196px; | |
| 589 | -width: 192px; | |
| 590 | -margin: 0px 0px 0px 0px; | |
| 591 | -padding: 0px; | |
| 630 | +.profile-type-is-community #content .friends-block ul, #content .members-block ul { | |
| 631 | + min-width: 196px; | |
| 632 | + width: 192px; | |
| 633 | + margin: 0px 0px 0px 0px; | |
| 634 | + padding: 0px; | |
| 592 | 635 | } |
| 593 | 636 | |
| 594 | -#content .members-block .menu-submenu-content .menu-submenu-list li a{ | |
| 595 | - color:#fff; | |
| 596 | - border-bottom:1px dotted #2C4B6B; | |
| 637 | +.profile-type-is-community #content .members-block .menu-submenu-content .menu-submenu-list li a{ | |
| 638 | + padding: 2px; | |
| 639 | + color: #fff; | |
| 640 | + border-bottom: 1px dotted #2C4B6B; | |
| 597 | 641 | text-align: center; |
| 642 | + line-height: 30px; | |
| 598 | 643 | } |
| 599 | 644 | |
| 600 | -#content .members-block .menu-submenu-content h4:hover, | |
| 601 | -#content .members-block .menu-submenu-content .menu-submenu-list li a:hover{ | |
| 602 | - color:#ECEDF1; | |
| 645 | +.profile-type-is-community #content .members-block .menu-submenu-content .menu-submenu-list li:last-child a{ | |
| 646 | + border: none; | |
| 603 | 647 | } |
| 604 | 648 | |
| 605 | -.members-block .common-profile-list-block img{ | |
| 606 | - border-radius: 4px; | |
| 607 | - max-height:50px; | |
| 608 | - max-width:50px; | |
| 649 | +.profile-type-is-community #content .members-block .menu-submenu-content h4:hover, | |
| 650 | +.profile-type-is-community #content .members-block .menu-submenu-content .menu-submenu-list li a:hover{ | |
| 651 | + color: #ECEDF1; | |
| 652 | +} | |
| 653 | + | |
| 654 | +.profile-type-is-community #content .members-block .common-profile-list-block img{ | |
| 609 | 655 | width: 50px; |
| 610 | 656 | height: 50px; |
| 657 | + max-height: 50px; | |
| 658 | + max-width: 50px; | |
| 659 | + border-radius: 4px; | |
| 611 | 660 | } |
| 612 | 661 | |
| 613 | -.members-block .block-footer-content a.view-all{ | |
| 662 | +.profile-type-is-community #content .members-block .block-footer-content a.view-all{ | |
| 614 | 663 | position:relative; |
| 615 | 664 | } |
| 616 | 665 | ... | ... |