Download as
Browse Code »

Commit 44ba24a91e0cd7e9d586eb4321af9dda4b9289e5

Authored by Melissa Wen
1 parent 28a52b5a
Exists in master and in 79 other branches add_sisp_to_chef, add_super_archives_plugin, api_for_colab, automates_core_packing, backup_not_prod, changes_in_buttons_on_content_panel, colab_automated_login, colab_spb_plugin_recipe, colab_widgets_settings, design_validation, dev_env_minimal, disable_email_dev, fix_breadcrumbs_position, fix_categories_software_link, fix_edit_institution, fix_edit_software_with_another_license, fix_get_license_info, fix_gitlab_assets_permission, fix_list_style_inside_article, fix_list_style_on_folder_elements, fix_members_pagination, fix_merge_request_url, fix_models_translations, fix_no_license, fix_software_api, fix_software_block_migration, fix_software_communities_translations, fix_software_communities_unit_test, fix_style_create_institution_admin_panel, fix_superarchives_imports, fix_sym_links_noosfero, focus_search_field_theme, gov-user-refactoring, gov-user-refactoring-rails4, header_fix, institution_modal_on_rating, kalibro-conf-refactoring, kalibro-processor-package, lxc_settings, margin_fix, mezuro_cookbook, prezento, refactor_download_block, refactor_software_communities, refactor_software_for_sisp, register_page, release-process, release-process-v2, remove-unused-images, remove_broken_theme, remove_secondary_email_from_user, remove_sisp_buttons, removing_super_archives_email, review_message, scope2method, signals_user_noosfero, sisp_catalog_header, sisp_colab_config, sisp_dev, sisp_dev_master, sisp_simple_version, software_as_organization, software_catalog_style_fix, software_communities_html_refactor, software_infos_api, spb_minimal_env, spb_to_rails4, spec_refactor, stable-4.1, stable-4.2, stable-4.x, temp_soft_comm_refactoring, theme_header, theme_javascript_refactory, thread_dropdown, thread_page, update_search_by_categories, update_software_api, update_softwares_boxes

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
  Diff comments   View file @44ba24a
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  
... ...