Compare View

switch
from
...
to
 
Commits (40)
css/administration-panel.css
@@ -25,14 +25,14 @@ @@ -25,14 +25,14 @@
25 font-weight: bold; 25 font-weight: bold;
26 } 26 }
27 27
28 -.action-admin_panel-site_info .main-content .ui-widget-content .ui-state-default, 28 +.action-admin_panel-site_info .main-content .ui-widget-content .ui-state-default,
29 .action-admin_panel-site_info .main-content .ui-widget-header .ui-state-default{ 29 .action-admin_panel-site_info .main-content .ui-widget-header .ui-state-default{
30 background: #d5d5d5 none; 30 background: #d5d5d5 none;
31 color: #555555; 31 color: #555555;
32 font-weight: normal; 32 font-weight: normal;
33 } 33 }
34 34
35 -.action-admin_panel-site_info .main-content .ui-widget-content .ui-state-active, 35 +.action-admin_panel-site_info .main-content .ui-widget-content .ui-state-active,
36 .action-admin_panel-site_info .main-content .ui-widget-header .ui-state-active{ 36 .action-admin_panel-site_info .main-content .ui-widget-header .ui-state-active{
37 background: #eeeff1; 37 background: #eeeff1;
38 color: #212121; 38 color: #212121;
@@ -51,7 +51,7 @@ @@ -51,7 +51,7 @@
51 51
52 /* Organizations Settings */ 52 /* Organizations Settings */
53 53
54 -.action-organizations-index .main-block form#manage-profiles, 54 +.action-organizations-index .main-block form#manage-profiles,
55 .action-organizations-index .main-block form#manage-profiles form{ 55 .action-organizations-index .main-block form#manage-profiles form{
56 background-color: transparent; 56 background-color: transparent;
57 } 57 }
@@ -86,6 +86,7 @@ @@ -86,6 +86,7 @@
86 color: #FFF; 86 color: #FFF;
87 border-radius: 4px; 87 border-radius: 4px;
88 border: 1px solid #3E67B1; 88 border: 1px solid #3E67B1;
  89 + line-height: 22px;
89 font-size: 14px; 90 font-size: 14px;
90 text-transform: uppercase; 91 text-transform: uppercase;
91 } 92 }
@@ -150,3 +151,9 @@ @@ -150,3 +151,9 @@
150 .action-cms-index .cms-articles th{ 151 .action-cms-index .cms-articles th{
151 text-align: left; 152 text-align: left;
152 } 153 }
  154 +
  155 +/* Spam Index */
  156 +.action-spam-index .ui-widget-header {
  157 + border: none;
  158 + background: none;
  159 +}
css/article-page.css
@@ -111,7 +111,11 @@ @@ -111,7 +111,11 @@
111 #content .main-block .article-body #article-actions:last-child{ 111 #content .main-block .article-body #article-actions:last-child{
112 margin: 0; 112 margin: 0;
113 padding: 10px 0; 113 padding: 10px 0;
114 - border-top: 1px solid #D3D6DE; 114 + border-top: 3px solid #172938;
  115 +}
  116 +
  117 +#content .main-block .article-body #article-actions {
  118 + display: none;
115 } 119 }
116 120
117 /*** Categories ***/ 121 /*** Categories ***/
@@ -148,12 +152,12 @@ @@ -148,12 +152,12 @@
148 152
149 #content .main-block #article-tags{ 153 #content .main-block #article-tags{
150 display: none; /* wait to fix label */ 154 display: none; /* wait to fix label */
151 - width: 100%; 155 + width: 100%;
152 color: #5E82C6; 156 color: #5E82C6;
153 border-bottom: 1px solid #D3D6DE; 157 border-bottom: 1px solid #D3D6DE;
154 font-family: Arial; 158 font-family: Arial;
155 font-size: 12px; 159 font-size: 12px;
156 - font-weight: 300; 160 + font-weight: 300;
157 text-align: left; 161 text-align: left;
158 } 162 }
159 163
css/community-pages.css
1 /*** Home page - profile page ***/ 1 /*** Home page - profile page ***/
  2 +.action-profile-index .main-content{
  3 + padding:0px;
  4 +}
  5 +.action-profile-index .page-profile-header{
  6 + display: block;
  7 + border-bottom: 1px solid #D3D6DE;
  8 + padding-bottom:30px;
  9 + margin-bottom: 30px;
  10 +}
  11 +.action-profile-index .page-profile-header .join-leave-button.require-login-popup{
  12 + float:left;
  13 + width: 35%;
  14 +}
  15 +.action-profile-index #content .page-profile-header a.button.with-text {
  16 + padding: 5px 15px;
  17 + border: 1px solid #D3D6DE;
  18 + text-transform: none;
  19 + font-size: 12px;
  20 +}
  21 +.action-profile-index #content .page-profile-header .control-panel-button a{
  22 + background:#3E67B1;
  23 + color:#fff;
  24 +}
  25 +.action-profile-index #content .page-profile-header .control-panel-button a.button.with-text,
  26 +.action-profile-index #content .page-profile-header .join-leave-button a:hover{
  27 + border:1px solid #3E67B1;
  28 +}
  29 +
  30 +
2 31
3 /* Profile header */ 32 /* Profile header */
4 .profile-type-is-community .action-profile-index #content .main-block h1 { 33 .profile-type-is-community .action-profile-index #content .main-block h1 {
@@ -15,8 +44,8 @@ @@ -15,8 +44,8 @@
15 display: none; 44 display: none;
16 } 45 }
17 46
18 -.action-profile-index .main-block #public-profile-search,  
19 -.action-profile-index .main-block #profile-search-results form, 47 +.action-profile-index .main-block #public-profile-search,
  48 +.action-profile-index .main-block #profile-search-results form,
20 .action-profile-index .main-block .profile-search-block form { 49 .action-profile-index .main-block .profile-search-block form {
21 background-color: transparent; 50 background-color: transparent;
22 } 51 }
@@ -36,7 +65,7 @@ @@ -36,7 +65,7 @@
36 border-radius: 4px; 65 border-radius: 4px;
37 } 66 }
38 67
39 -.action-profile-index .main-block #public-profile-search .formfield input, 68 +.action-profile-index .main-block #public-profile-search .formfield input,
40 .action-profile-index .main-block #public-profile-search .formfield textarea{ 69 .action-profile-index .main-block #public-profile-search .formfield textarea{
41 width: 100%; 70 width: 100%;
42 background: none #FFFFFF; 71 background: none #FFFFFF;
@@ -109,7 +138,7 @@ @@ -109,7 +138,7 @@
109 float:none; 138 float:none;
110 display:table; 139 display:table;
111 } 140 }
112 - 141 +.profile-members-tabs-container .ui-tabs .ui-tabs-panel,
113 #block-community-tabs .ui-tabs .ui-tabs-panel{ 142 #block-community-tabs .ui-tabs .ui-tabs-panel{
114 padding: 0px; 143 padding: 0px;
115 } 144 }
@@ -125,7 +154,7 @@ @@ -125,7 +154,7 @@
125 #block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active{ 154 #block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active{
126 margin-bottom: -3px !important; 155 margin-bottom: -3px !important;
127 padding-bottom: 1px; 156 padding-bottom: 1px;
128 - border-bottom: 3px solid #FF0366; 157 + border-bottom: 3px solid #FF0366;
129 } 158 }
130 159
131 #block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-active:before{ 160 #block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-active:before{
@@ -139,7 +168,7 @@ @@ -139,7 +168,7 @@
139 } 168 }
140 #block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active a{ 169 #block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active a{
141 color: #FF0366; 170 color: #FF0366;
142 - font-weight: 700; 171 + font-weight: 300;
143 } 172 }
144 173
145 /* Community's area tabs */ 174 /* Community's area tabs */
@@ -312,13 +341,13 @@ @@ -312,13 +341,13 @@
312 /* Blog tab*/ 341 /* Blog tab*/
313 342
314 #content #blog-tab .blog-posts{ 343 #content #blog-tab .blog-posts{
315 - margin-top:20px; 344 + margin-top:15px;
316 } 345 }
317 346
318 #content #blog-tab .blog .blog-post{ 347 #content #blog-tab .blog .blog-post{
319 background:none; 348 background:none;
320 border-bottom: 1px solid #ECEDF1; 349 border-bottom: 1px solid #ECEDF1;
321 - padding:30px 0px 0px 0px; 350 + padding:25px 0px 12px 0px;
322 } 351 }
323 352
324 #content #blog-tab .blog .blog-post h1{ 353 #content #blog-tab .blog .blog-post h1{
@@ -327,7 +356,7 @@ @@ -327,7 +356,7 @@
327 max-width: 555px; 356 max-width: 555px;
328 max-height: 40px; 357 max-height: 40px;
329 border: none; 358 border: none;
330 - font: normal normal bold 16px/20px arial; 359 + font: normal normal bold 16px/20px Arial;
331 overflow: hidden; 360 overflow: hidden;
332 display: inline-block; 361 display: inline-block;
333 } 362 }
@@ -335,15 +364,15 @@ @@ -335,15 +364,15 @@
335 #content #blog-tab .blog .blog-post .post-pic{ 364 #content #blog-tab .blog .blog-post .post-pic{
336 margin:0 20px 5px 0px; 365 margin:0 20px 5px 0px;
337 border-radius: 4px; 366 border-radius: 4px;
338 - height: 60px;  
339 - width: 20%; 367 + height: 62px;
  368 + width: 19%;
340 background: center/cover no-repeat; 369 background: center/cover no-repeat;
341 float: left; 370 float: left;
342 } 371 }
343 #content #blog-tab .blog .blog-post .publishing-info { 372 #content #blog-tab .blog .blog-post .publishing-info {
344 border-top: none; 373 border-top: none;
345 color: #172838; 374 color: #172838;
346 - font: 13px/21px arial; 375 + font: 13px/21px Arial;
347 } 376 }
348 377
349 #content #blog-tab .blog .publishing-info{ 378 #content #blog-tab .blog .publishing-info{
@@ -353,6 +382,7 @@ @@ -353,6 +382,7 @@
353 #content #blog-tab .blog .blog-post .publishing-info .date { 382 #content #blog-tab .blog .blog-post .publishing-info .date {
354 margin: 0px 0px 5px 0px; 383 margin: 0px 0px 5px 0px;
355 display: table-cell; 384 display: table-cell;
  385 + font-size: 11px;
356 } 386 }
357 #content #blog-tab .blog .blog-post .author { 387 #content #blog-tab .blog .blog-post .author {
358 display: none; 388 display: none;
@@ -375,14 +405,14 @@ @@ -375,14 +405,14 @@
375 color: #172738; 405 color: #172738;
376 text-align: left; 406 text-align: left;
377 text-overflow: ellipsis; 407 text-overflow: ellipsis;
378 - font: 14px/21px arial; 408 + font: 15px/21px Arial;
379 overflow: hidden; 409 overflow: hidden;
380 } 410 }
381 411
382 /*Post Position-1*/ 412 /*Post Position-1*/
383 #content #blog-tab .blog .blog-post.position-1 h1{ 413 #content #blog-tab .blog .blog-post.position-1 h1{
384 line-height: 37px; 414 line-height: 37px;
385 - font-size: 34px; 415 + font-size: 22px;
386 color: #172738; 416 color: #172738;
387 padding-left:0px; 417 padding-left:0px;
388 text-align: left; 418 text-align: left;
@@ -394,7 +424,7 @@ @@ -394,7 +424,7 @@
394 #content #blog-tab .blog .blog-post.position-1 .post-pic { 424 #content #blog-tab .blog .blog-post.position-1 .post-pic {
395 margin: 0 20px 5px 0px; 425 margin: 0 20px 5px 0px;
396 border-radius: 4px; 426 border-radius: 4px;
397 -height: 220px; 427 +height: 210px;
398 width: 100%; 428 width: 100%;
399 background: center/cover no-repeat; 429 background: center/cover no-repeat;
400 float: left; 430 float: left;
@@ -416,40 +446,46 @@ float: left; @@ -416,40 +446,46 @@ float: left;
416 padding-left: 7px; 446 padding-left: 7px;
417 padding-right: 4px; 447 padding-right: 4px;
418 color: #ffffff; 448 color: #ffffff;
419 - background: #3E67B1;  
420 - border-radius: 4px;  
421 - font-size: 18px; 449 + background: #172738;
  450 + border-radius: 2px;
  451 + font-size: 19px;
422 line-height: 20px; 452 line-height: 20px;
423 text-align: center; 453 text-align: center;
424 margin-left: 5px; 454 margin-left: 5px;
425 position: relative; 455 position: relative;
426 top: 2px; 456 top: 2px;
427 } 457 }
  458 +
428 #content #blog-tab .blog .read-more a{ 459 #content #blog-tab .blog .read-more a{
429 text-decoration: none; 460 text-decoration: none;
  461 + color:#172735;
430 } 462 }
431 463
432 /* Software Tab Data - Need to develop solution - Only display on profile page */ 464 /* Software Tab Data - Need to develop solution - Only display on profile page */
433 465
434 .profile-type-is-community #content .software-tab-data-block{ 466 .profile-type-is-community #content .software-tab-data-block{
435 - display: none; 467 + display: none;
436 } 468 }
437 469
  470 +.profile-type-is-community .action-profile_design-index #content .software-tab-data-block,
438 .profile-type-is-community .action-profile-index #content .software-tab-data-block{ 471 .profile-type-is-community .action-profile-index #content .software-tab-data-block{
439 display: block; 472 display: block;
440 } 473 }
441 474
442 /*** Right bar ***/ 475 /*** Right bar ***/
443 476
444 -.template-default.profile-type-is-community .action-profile-index #content .box-3 .link-list-block{ 477 +.template-default.profile-type-is-community .action-profile-index #content .box-3 .link-list-block,
  478 +.template-lefttopright.profile-type-is-community .action-profile-index #content .box-2 .link-list-block
445 display: none; 479 display: none;
446 } 480 }
447 481
448 -/********Bloco de informacao da comunidade********/ 482 +/*Block with Community information - Need to develop solution - Only display on profile page */
  483 +
449 .profile-type-is-community .community-block{ 484 .profile-type-is-community .community-block{
450 display: none; 485 display: none;
451 } 486 }
452 487
  488 +.profile-type-is-community .action-profile_design-index #content .community-block,
453 .profile-type-is-community .action-profile-index #content .community-block{ 489 .profile-type-is-community .action-profile-index #content .community-block{
454 display: block; 490 display: block;
455 border: 1px solid #ECEDF1; 491 border: 1px solid #ECEDF1;
@@ -491,7 +527,26 @@ float: left; @@ -491,7 +527,26 @@ float: left;
491 text-align: center; 527 text-align: center;
492 } 528 }
493 529
494 -/* Members block */ 530 +/* Wiki block - Need to develop solution - Only display on profile page */
  531 +.template-default #content .box-3 .wiki-block,
  532 +.template-lefttopright #content .box-2 .wiki-block{
  533 + display: none;
  534 +}
  535 +
  536 +.template-default .action-profile-index #content .box-3 .wiki-block,
  537 +.template-lefttopright .action-profile-index #content .box-2 .wiki-block,
  538 +.template-default .action-profile_design-index #content .box-3 .wiki-block,
  539 +.template-lefttopright .action-profile_design-index #content .box-2 .wiki-block{
  540 + display: block;
  541 +}
  542 +
  543 +/* Repository block and wiki block need to look a unique block */
  544 +.action-profile-index #content .box-2 .block-outer .repository-block,
  545 +.action-profile-index #content .box-3 .block-outer .repository-block{
  546 + margin-bottom: 20px;
  547 +}
  548 +
  549 +/*Block with Members information - Need to develop solution - Only display on profile page */
495 550
496 .profile-type-is-community #content .members-block{ 551 .profile-type-is-community #content .members-block{
497 display: none; 552 display: none;
@@ -499,6 +554,7 @@ float: left; @@ -499,6 +554,7 @@ float: left;
499 border-radius: 4px; 554 border-radius: 4px;
500 } 555 }
501 556
  557 +.profile-type-is-community .action-profile_design-index #content .members-block,
502 .profile-type-is-community .action-profile-index #content .members-block{ 558 .profile-type-is-community .action-profile-index #content .members-block{
503 display: block; 559 display: block;
504 } 560 }
@@ -515,7 +571,7 @@ float: left; @@ -515,7 +571,7 @@ float: left;
515 571
516 .profile-type-is-community #content .members-block .block-footer-content{ 572 .profile-type-is-community #content .members-block .block-footer-content{
517 padding: 8px 10px 15px 0px; 573 padding: 8px 10px 15px 0px;
518 - margin-right: 0px; 574 + margin-right: 0px;
519 background-color: #ECEDF1; 575 background-color: #ECEDF1;
520 border-top: 1px solid #D3D6DE; 576 border-top: 1px solid #D3D6DE;
521 text-align: right; 577 text-align: right;
@@ -562,7 +618,9 @@ float: left; @@ -562,7 +618,9 @@ float: left;
562 } 618 }
563 619
564 .profile-type-is-community #content .members-block .common-profile-list-block .vcard a.profile_link{ 620 .profile-type-is-community #content .members-block .common-profile-list-block .vcard a.profile_link{
565 - height: 70px; 621 + /*height: 70px;*/
  622 + height: 100px;
  623 + max-height: 100px;
566 } 624 }
567 625
568 .profile-type-is-community #content .members-block .menu-submenu{ 626 .profile-type-is-community #content .members-block .menu-submenu{
@@ -623,13 +681,15 @@ float: left; @@ -623,13 +681,15 @@ float: left;
623 content: "\f053"; 681 content: "\f053";
624 color: #fff; 682 color: #fff;
625 font-family: FontAwesome; 683 font-family: FontAwesome;
626 - font-size: 8px;  
627 - line-height: 11px; 684 + font-size: 8px;
  685 + line-height: 11px;
628 } 686 }
629 687
630 .profile-type-is-community #content .members-block .common-profile-list-block .fn { 688 .profile-type-is-community #content .members-block .common-profile-list-block .fn {
631 margin-top: 2px; 689 margin-top: 2px;
632 color: #172738; 690 color: #172738;
  691 + max-height: 34px;
  692 + overflow: hidden;
633 } 693 }
634 694
635 .profile-type-is-community #content .members-block .menu-submenu-content h4{ 695 .profile-type-is-community #content .members-block .menu-submenu-content h4{
@@ -682,7 +742,7 @@ float: left; @@ -682,7 +742,7 @@ float: left;
682 .profile-type-is-community #content .members-block .common-profile-list-block img{ 742 .profile-type-is-community #content .members-block .common-profile-list-block img{
683 width: 50px; 743 width: 50px;
684 height: 50px; 744 height: 50px;
685 - max-height: 50px; 745 + max-height: 50px;
686 max-width: 50px; 746 max-width: 50px;
687 border-radius: 4px; 747 border-radius: 4px;
688 } 748 }
@@ -715,21 +775,32 @@ float: left; @@ -715,21 +775,32 @@ float: left;
715 /*** Members Page ***/ 775 /*** Members Page ***/
716 776
717 /* Title of the area members */ 777 /* Title of the area members */
  778 +.action-profile-members .box-1{
  779 + width: 560px;
  780 +}
  781 +
718 .action-profile-members #content .page-members-header{ 782 .action-profile-members #content .page-members-header{
719 margin-bottom: 45px; 783 margin-bottom: 45px;
720 - padding-bottom: 26px;  
721 border-bottom: 1px solid #D3D6DE; 784 border-bottom: 1px solid #D3D6DE;
722 font-family: Arial; 785 font-family: Arial;
  786 + height: 150px;
723 } 787 }
724 788
725 .action-profile-members #content .page-members-header h1{ 789 .action-profile-members #content .page-members-header h1{
726 margin:20px 0px 8px 0px; 790 margin:20px 0px 8px 0px;
727 } 791 }
728 792
729 -.action-profile-members #content .page-members-header h3.community-name-members{ 793 +.action-profile-members #content .page-members-header h3.community-name{
730 margin: 0px 0px 5px 0px; 794 margin: 0px 0px 5px 0px;
731 font-size: 14px; 795 font-size: 14px;
732 - font-weight: 600; 796 + font-weight: 300;
  797 +}
  798 +
  799 +.action-profile-members #content .page-members-header ul li{
  800 + float:left;
  801 + margin:8px 0px 0px 0px;
  802 + width: 36%;
  803 +
733 } 804 }
734 805
735 .action-profile-members #content .page-members-header a.button.with-text{ 806 .action-profile-members #content .page-members-header a.button.with-text{
@@ -737,16 +808,13 @@ float: left; @@ -737,16 +808,13 @@ float: left;
737 border: 1px solid #D3D6DE; 808 border: 1px solid #D3D6DE;
738 text-transform: none; 809 text-transform: none;
739 font-size: 12px; 810 font-size: 12px;
  811 + margin-right: 5px;
740 } 812 }
741 813
742 .action-profile-members #content .page-members-header a.button.with-text:hover{ 814 .action-profile-members #content .page-members-header a.button.with-text:hover{
743 border-color: #3E67B1; 815 border-color: #3E67B1;
744 } 816 }
745 817
746 -.action-profile-members .page-members-header .join-leave-button.require-login-popup{  
747 - margin-right: 4px;  
748 - float: left;  
749 -}  
750 818
751 /* Tabs */ 819 /* Tabs */
752 820
@@ -774,12 +842,12 @@ float: left; @@ -774,12 +842,12 @@ float: left;
774 border: none; 842 border: none;
775 } 843 }
776 844
777 -.action-profile-members #content .profile-members-tabs-container .ui-corner-all,  
778 -.action-profile-members #content .profile-members-tabs-container .ui-corner-bl,  
779 -.action-profile-members #content .profile-members-tabs-container .ui-corner-top,  
780 -.action-profile-members #content .profile-members-tabs-container .ui-corner-right,  
781 -.action-profile-members #content .profile-members-tabs-container .ui-corner-bottom,  
782 -.action-profile-members #content .profile-members-tabs-container .ui-corner-left, 845 +.action-profile-members #content .profile-members-tabs-container .ui-corner-all,
  846 +.action-profile-members #content .profile-members-tabs-container .ui-corner-bl,
  847 +.action-profile-members #content .profile-members-tabs-container .ui-corner-top,
  848 +.action-profile-members #content .profile-members-tabs-container .ui-corner-right,
  849 +.action-profile-members #content .profile-members-tabs-container .ui-corner-bottom,
  850 +.action-profile-members #content .profile-members-tabs-container .ui-corner-left,
783 .action-profile-members #content .profile-members-tabs-container .ui-corner-tr, 851 .action-profile-members #content .profile-members-tabs-container .ui-corner-tr,
784 .action-profile-members #content .profile-members-tabs-container .ui-corner-tl{ 852 .action-profile-members #content .profile-members-tabs-container .ui-corner-tl{
785 border-radius: 0px; 853 border-radius: 0px;
@@ -814,7 +882,7 @@ float: left; @@ -814,7 +882,7 @@ float: left;
814 .action-profile-members #content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li.ui-tabs-active { 882 .action-profile-members #content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li.ui-tabs-active {
815 margin-bottom: -3px; 883 margin-bottom: -3px;
816 padding-bottom: 1px; 884 padding-bottom: 1px;
817 - border-bottom: 3px solid #FF0366; 885 + border-bottom: 3px solid #FF0366;
818 } 886 }
819 887
820 .action-profile-members #content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-active:before{ 888 .action-profile-members #content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-active:before{
@@ -829,7 +897,7 @@ float: left; @@ -829,7 +897,7 @@ float: left;
829 897
830 .action-profile-members #content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li.ui-tabs-active a { 898 .action-profile-members #content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
831 color: #FF0366; 899 color: #FF0366;
832 - font-weight: 700; 900 + font-weight: 300;
833 } 901 }
834 902
835 /* Sort selection */ 903 /* Sort selection */
css/edition-pages.css
@@ -250,3 +250,228 @@ @@ -250,3 +250,228 @@
250 border: 1px solid #D3D6DE; 250 border: 1px solid #D3D6DE;
251 } 251 }
252 252
  253 +/*New Software form*/
  254 +
  255 +.action-software_communities_plugin_myprofile-new_software #content.current-step h3 {
  256 + color: #F50054;
  257 +}
  258 +
  259 +.action-software_communities_plugin_myprofile-new_software #content .main-block form input[type="text"] {
  260 + display: block;
  261 + height: 19px;
  262 + padding: 6px;
  263 + border: 1px solid #ccc;
  264 + border-radius: 4px;
  265 + width: 384px;
  266 + font-size: 15px;
  267 + font-family: arial, helvetica;
  268 + color: #585858;
  269 +}
  270 +
  271 +.action-software_communities_plugin_myprofile-new_software #content .formfield input{
  272 + background: none #FFFFFF;
  273 + border: 1px solid #DDDDDD;
  274 + color: #585858;
  275 + font-size: 16px;
  276 + width: 76%;
  277 + word-wrap: break-word;
  278 + border-radius: 4px;
  279 +}
  280 +.action-software_communities_plugin_myprofile-new_software #content .main-content form label.formlabel.mandatory{
  281 + font-size: 14px;
  282 + margin-bottom: 5px;
  283 + color: #231f20;
  284 + font-weight: 300;
  285 +}
  286 +
  287 +.action-software_communities_plugin_myprofile-new_software #content .main-content form .required-field .formlabel.mandatory:after{
  288 + color: #FF0366;
  289 + font-weight: 500;
  290 +}
  291 +
  292 +.action-software_communities_plugin_myprofile-new_software #content .formfield textarea{
  293 + background: none #FFFFFF;
  294 + border: 1px solid #DDDDDD;
  295 + color: #585858;
  296 + font-size: 16px;
  297 + width: 100%;
  298 + word-wrap: break-word;
  299 +}
  300 +
  301 +.action-software_communities_plugin_myprofile-new_software #content #finality textarea {
  302 + resize: none;
  303 + height: 100px;
  304 +}
  305 +
  306 +.action-software_communities_plugin_myprofile-new_software #content #software-hostname {
  307 + float: left;
  308 + display: inline-block;
  309 + vertical-align: middle;
  310 + background: #EEE;
  311 + border: 1px solid #CFCFCF;
  312 + line-height: 22px;
  313 + padding: 0px 7px;
  314 + color: #4A4A4A;
  315 + font-size: 20px;
  316 + text-transform: lowercase;
  317 + min-width: 190px;
  318 + border-spacing: 20px;
  319 +}
  320 +
  321 +.action-software_communities_plugin_myprofile-new_software #content .main-block form #profile_change_picture {
  322 + padding: 0 15px 15px 15px;
  323 + border: 1px dotted #ddd;
  324 + margin-top: 10px;
  325 +}
  326 +
  327 +.action-software_communities_plugin_myprofile-new_software #content .main-content form p .required-field {
  328 + max-width: 500px;
  329 + padding: 15px 20px;
  330 + margin: 20px 0 30px 0;
  331 + border: 1px dotted #ccc;
  332 + border-left: 5px solid #FF0366;
  333 + border-radius: 3px;
  334 + display: block;
  335 + background: #fff;
  336 + line-height: 20px;
  337 + font-size: 13px;
  338 +}
  339 +
  340 +.action-software_communities_plugin_myprofile-new_software .explanation {
  341 +font-style: italic;
  342 +font-size: 10px;
  343 +}
  344 +
  345 +/* new community form*/
  346 +
  347 +.action-memberships-new_community #content .main-block form input[type="text"] {
  348 + display: block;
  349 + height: 19px;
  350 + padding: 6px;
  351 + border: 1px solid #ccc;
  352 + border-radius: 4px;
  353 + width: 384px;
  354 + font-size: 15px;
  355 + font-family: arial, helvetica;
  356 + color: #585858;
  357 +}
  358 +
  359 +.action-memberships-new_community .formfield input{
  360 + background: none #FFFFFF;
  361 + border: 1px solid #DDDDDD;
  362 + color: #585858;
  363 + font-size: 16px;
  364 + width: 76%;
  365 + word-wrap: break-word;
  366 + border-radius: 4px;
  367 +}
  368 +
  369 +.action-memberships-new_community #content .main-content form label.formlabel{
  370 + font-size: 14px;
  371 + margin-bottom: 5px;
  372 + color:#231f20;
  373 + font-weight: 300;
  374 +}
  375 +
  376 +.action-memberships-new_community #content .main-content form .required-field .formlabel:after {
  377 + color: #FF0366;
  378 + font-weight: 500;
  379 +}
  380 +
  381 +.action-memberships-new_community .formfield textarea{
  382 + background: none #FFFFFF;
  383 + border: 1px solid #DDDDDD;
  384 + color: #585858;
  385 + font-size: 16px;
  386 + width: 100%;
  387 + word-wrap: break-word;
  388 +}
  389 +
  390 +.action-memberships-new_community #content .main-block form #profile_change_picture {
  391 + padding: 0 15px 15px 15px;
  392 + border: 1px dotted #ddd;
  393 + margin-top: 10px;
  394 +}
  395 +
  396 +.action-memberships-new_community #content .main-content form p .required-field {
  397 + max-width: 500px;
  398 + padding: 15px 20px;
  399 + margin: 20px 0 30px 0;
  400 + border: 1px dotted #ccc;
  401 + border-left: 5px solid #FF0366;
  402 + border-radius: 3px;
  403 + display: block;
  404 + background: #fff;
  405 + line-height: 20px;
  406 + font-size: 13px;
  407 +}
  408 +
  409 +/*Contact new form*/
  410 +
  411 +.action-contact-new #content .main-block form input[type="text"] {
  412 + display: block;
  413 + height: 19px;
  414 + padding: 6px;
  415 + border: 1px solid #ccc;
  416 + border-radius: 4px;
  417 + width: 384px;
  418 + font-size: 15px;
  419 + font-family: arial, helvetica;
  420 + color: #585858;
  421 +}
  422 +
  423 +.action-contact-new .formfield input{
  424 + background: none #FFFFFF;
  425 + border: 1px solid #DDDDDD;
  426 + color: #585858;
  427 + font-size: 16px;
  428 + width: 76%;
  429 + word-wrap: break-word;
  430 + border-radius: 4px;
  431 +}
  432 +
  433 +.action-contact-new #content .main-content form label.formlabel{
  434 + font-size: 14px;
  435 + margin-bottom: 5px;
  436 + color:#231f20;
  437 + font-weight: 300;
  438 +}
  439 +
  440 +.action-contact-new #content .main-content form .required-field .formlabel:after {
  441 + color: #FF0366;
  442 + font-weight: 500;
  443 +}
  444 +.action-contact-new #content .main-content form label.formlabel{
  445 + font-size: 14px;
  446 + margin-bottom: 5px;
  447 + color:#231f20;
  448 + font-weight: 300;
  449 +}
  450 +
  451 +.action-contact-new #content .main-content form .required-field .formlabel:after {
  452 + color: #FF0366;
  453 + font-weight: 500;
  454 +}
  455 +
  456 +
  457 +.action-contact-new .formfield textarea{
  458 + background: none #FFFFFF;
  459 + border: 1px solid #DDDDDD;
  460 + color: #585858;
  461 + font-size: 16px;
  462 + width: 100%;
  463 + word-wrap: break-word;
  464 +}
  465 +
  466 +.action-contact-new #content .main-content form p .required-field {
  467 + max-width: 500px;
  468 + padding: 15px 20px;
  469 + margin: 20px 0 30px 0;
  470 + border: 1px dotted #ccc;
  471 + border-left: 5px solid #FF0366;
  472 + border-radius: 3px;
  473 + display: block;
  474 + background: #fff;
  475 + line-height: 20px;
  476 + font-size: 13px;
  477 +}
253 \ No newline at end of file 478 \ No newline at end of file
css/home-page.css
@@ -405,7 +405,8 @@ @@ -405,7 +405,8 @@
405 } 405 }
406 406
407 .action-home-index #content .highlights-image-link img{ 407 .action-home-index #content .highlights-image-link img{
408 - max-height: 100px; 408 + height: 100px;
  409 + max-width: 200px;
409 } 410 }
410 411
411 .action-home-index #content .highlights-label{ 412 .action-home-index #content .highlights-label{
css/main-content.css
@@ -4,8 +4,8 @@ @@ -4,8 +4,8 @@
4 margin-top: 50px; 4 margin-top: 50px;
5 } 5 }
6 6
7 -.box-2 .block-outer,  
8 -.box-3 .block-outer{ 7 +#content .box-2 .block-outer .block,
  8 +#content .box-3 .block-outer .block{
9 margin-bottom: 45px; 9 margin-bottom: 45px;
10 clear: both; 10 clear: both;
11 } 11 }
@@ -81,6 +81,11 @@ @@ -81,6 +81,11 @@
81 81
82 /*** Button ***/ 82 /*** Button ***/
83 83
  84 +#content .button-bar a.button,
  85 +#content .button-bar input {
  86 + margin: 0 10px 10px 0;
  87 +}
  88 +
84 #content a.button.with-text{ 89 #content a.button.with-text{
85 height: 32px; 90 height: 32px;
86 padding: 5px 15px; 91 padding: 5px 15px;
@@ -118,7 +123,9 @@ @@ -118,7 +123,9 @@
118 line-height: normal; 123 line-height: normal;
119 text-transform: none; 124 text-transform: none;
120 } 125 }
121 - 126 +.action-profile-members #content .page-profile-header a.button.with-text{
  127 + border:none;
  128 +}
122 .action-profile-members #content .button-bar a.button.with-text:hover{ 129 .action-profile-members #content .button-bar a.button.with-text:hover{
123 border-color: #3E67B1; 130 border-color: #3E67B1;
124 } 131 }
@@ -144,14 +151,24 @@ @@ -144,14 +151,24 @@
144 } 151 }
145 152
146 /* This is a temporary solution until noosfero deals with logged-out comments in a better manner. */ 153 /* This is a temporary solution until noosfero deals with logged-out comments in a better manner. */
147 -.comment-replies .comment-logged-out .comment-text,  
148 -.comment-logged-out .comment-picture, 154 +.comment-replies .comment-logged-out .comment-text,
  155 +.comment-logged-out .comment-picture,
149 .comment-logged-out h4 { 156 .comment-logged-out h4 {
150 opacity: 1.0; 157 opacity: 1.0;
151 } 158 }
152 159
153 -.comment-logged-out .comment-text, 160 +.comment-logged-out .comment-text,
154 .comment-info { 161 .comment-info {
155 color: black; 162 color: black;
156 } 163 }
157 /**/ 164 /**/
  165 +
  166 +/* Temporary solution to code block in tutorial page. */
  167 +.article-body td {
  168 + background-color: white;
  169 +}
  170 +
  171 +.article-body td:hover {
  172 + background-color: white;
  173 +}
  174 +/* End of temporary solution to code block in tutorial page. */
css/news-page.css
@@ -15,6 +15,17 @@ @@ -15,6 +15,17 @@
15 * 15 *
16 * TODO: Remove this informations of the html and, then, from here. 16 * TODO: Remove this informations of the html and, then, from here.
17 */ 17 */
  18 +
  19 +#article-toolbar a.button.icon-feed.blog-feed-link {
  20 + display: none;
  21 +}
  22 +
  23 +/* WARNING:
  24 + * This solution is TEMPORARY. This informations shouldn't exist
  25 + * in this area.
  26 + *
  27 + * TODO: Remove this informations of the html and, then, from here.
  28 + */
18 #content .blog #article-header .publishing-info .date, 29 #content .blog #article-header .publishing-info .date,
19 #content .blog #article-header .publishing-info .author, 30 #content .blog #article-header .publishing-info .author,
20 #content .blog #article-header .publishing-info .comments { 31 #content .blog #article-header .publishing-info .comments {
@@ -183,6 +194,7 @@ @@ -183,6 +194,7 @@
183 } 194 }
184 195
185 196
  197 +
186 /** Lastest News' Block ***/ 198 /** Lastest News' Block ***/
187 199
188 /* This rule serves to maintain the element in position-5 clear the 200 /* This rule serves to maintain the element in position-5 clear the
@@ -192,4 +204,12 @@ @@ -192,4 +204,12 @@
192 clear: both; 204 clear: both;
193 } 205 }
194 206
  207 +/** Pagination **/
  208 +
  209 +#content #article .pagination .next_page{
  210 + position: relative;
  211 +
  212 +}
  213 +
  214 +
195 /*** end of News Page's homepage ***/ 215 /*** end of News Page's homepage ***/
css/software-pages.css
1 /*** Software Header ***/ 1 /*** Software Header ***/
  2 +/*block title software button control painel*/
  3 +.action-content_viewer-view_page #content .software-information-block .admin-link a{
  4 + padding: 5px 10px;
  5 + background: #3E67B1;
  6 + border-radius: 4px;
  7 + text-transform: none;
  8 + font-size: 12px;
  9 + margin-top:15px;
  10 + color:#fff;
  11 +}
  12 +.action-content_viewer-view_page #content .software-information-block .profile-big-image img{
  13 + margin-bottom:20px;
  14 +}
  15 +/**************************/
  16 +
2 #content .software-information-block { 17 #content .software-information-block {
3 margin: 0px 0px 60px 0px; 18 margin: 0px 0px 60px 0px;
4 } 19 }
@@ -9,7 +24,7 @@ @@ -9,7 +24,7 @@
9 } 24 }
10 25
11 #content #software-information-block-table td { 26 #content #software-information-block-table td {
12 - display: table-cell; 27 + display: table-cell;
13 } 28 }
14 29
15 #content #software-information-block-table #col-software-name { 30 #content #software-information-block-table #col-software-name {
@@ -25,7 +40,7 @@ @@ -25,7 +40,7 @@
25 #content #software-information-block-table #col-software-name b { 40 #content #software-information-block-table #col-software-name b {
26 font: normal normal normal 15px/21px arial, 'open_sansregular', helvetica, sans-serif; 41 font: normal normal normal 15px/21px arial, 'open_sansregular', helvetica, sans-serif;
27 } 42 }
28 - 43 +
29 /*** end of Software Header ***/ 44 /*** end of Software Header ***/
30 45
31 /*** Software Homepage ***/ 46 /*** Software Homepage ***/
@@ -171,12 +186,12 @@ @@ -171,12 +186,12 @@
171 list-style: inherit; 186 list-style: inherit;
172 } 187 }
173 188
174 -/*** end of Software Homepage ***/ 189 +/*** end of Software Homepage ***/
175 190
176 /*** Categories and Tags block ***/ 191 /*** Categories and Tags block ***/
177 192
178 #content .box-1 .categories-and-tags-block{ 193 #content .box-1 .categories-and-tags-block{
179 - border-top: 4px solid #2C4B6B; 194 + border-top: 4px solid #2C4B6B;
180 } 195 }
181 196
182 #content .box-1 .categories-and-tags-block .block-title{ 197 #content .box-1 .categories-and-tags-block .block-title{
@@ -273,24 +288,32 @@ @@ -273,24 +288,32 @@
273 font-weight: bold; 288 font-weight: bold;
274 } 289 }
275 290
276 -/* Repository block */ 291 +/* Repository and Wiki blocks */
  292 +
  293 +.template-default #content .box-3 .wiki-block,
277 .template-default #content .box-3 .repository-block{ 294 .template-default #content .box-3 .repository-block{
278 padding: 0 0 0 10px; 295 padding: 0 0 0 10px;
279 } 296 }
280 297
281 -.template-default .box-3 #bt_repositorio,  
282 -.template-default .box-3 #bt_repositorio:active,  
283 -.template-default .box-3 #bt_repositorio:visited{ 298 +.template-default .box-3 #bt_wiki,
  299 +.template-default .box-3 #bt_repositorio {
284 border-radius: 4px; 300 border-radius: 4px;
285 padding: 12px 10px; 301 padding: 12px 10px;
286 background: #EAEBEE; 302 background: #EAEBEE;
  303 + color: #2C66CE;
287 font: normal normal bold 12px 'open_sansbold', arial, helvetica, sans-serif; 304 font: normal normal bold 12px 'open_sansbold', arial, helvetica, sans-serif;
288 text-transform: uppercase; 305 text-transform: uppercase;
289 display: block; 306 display: block;
290 position: relative; 307 position: relative;
291 } 308 }
292 309
293 -.template-default .box-3 #bt_repositorio::after{ 310 +.template-default .box-3 #bt_wiki:hover,
  311 +.template-default .box-3 #bt_repositorio:hover {
  312 + color:#172738;
  313 +}
  314 +
  315 +.template-default .box-3 #bt_wiki:after,
  316 +.template-default .box-3 #bt_repositorio:after{
294 margin-top: -2px; 317 margin-top: -2px;
295 padding: 4px 0px 4px 2px; 318 padding: 4px 0px 4px 2px;
296 border-radius: 4px; 319 border-radius: 4px;
@@ -305,6 +328,7 @@ @@ -305,6 +328,7 @@
305 content: url('../images/right-arrow.png'); 328 content: url('../images/right-arrow.png');
306 } 329 }
307 330
  331 +.template-default .box-3 #content #bt_wiki:hover,
308 .template-default .box-3 #content #bt_repositorio:hover{ 332 .template-default .box-3 #content #bt_repositorio:hover{
309 color: #FFF; 333 color: #FFF;
310 background: #2C66CE; 334 background: #2C66CE;
@@ -377,23 +401,31 @@ @@ -377,23 +401,31 @@
377 } 401 }
378 402
379 /* Repository block */ 403 /* Repository block */
  404 +
  405 +.template-lefttopright #content .box-2 .wiki-block,
380 .template-lefttopright #content .box-2 .repository-block{ 406 .template-lefttopright #content .box-2 .repository-block{
381 padding: 0 0 0 10px; 407 padding: 0 0 0 10px;
382 } 408 }
383 409
384 -.template-lefttopright .box-2 #bt_repositorio,  
385 -.template-lefttopright .box-2 #bt_repositorio:active,  
386 -.template-lefttopright .box-2 #bt_repositorio:visited { 410 +.template-lefttopright .box-2 #bt_wiki,
  411 +.template-lefttopright .box-2 #bt_repositorio {
387 border-radius: 4px; 412 border-radius: 4px;
388 padding: 12px 10px; 413 padding: 12px 10px;
389 background: #EAEBEE; 414 background: #EAEBEE;
  415 + color: #2C66CE;
390 font: normal normal bold 12px 'open_sansbold', arial, helvetica, sans-serif; 416 font: normal normal bold 12px 'open_sansbold', arial, helvetica, sans-serif;
391 text-transform: uppercase; 417 text-transform: uppercase;
392 display: block; 418 display: block;
393 position: relative; 419 position: relative;
394 } 420 }
395 421
396 -.template-lefttopright .box-2 #bt_repositorio::after { 422 +.template-lefttopright .box-2 #bt_wiki:hover,
  423 +.template-lefttopright .box-2 #bt_repositorio:hover {
  424 + color:#172738;
  425 +}
  426 +
  427 +.template-lefttopright .box-2 #bt_wiki::after,
  428 +.template-lefttopright .box-2 #bt_repositorio::after{
397 margin-top: -2px; 429 margin-top: -2px;
398 padding: 4px 0px 4px 2px; 430 padding: 4px 0px 4px 2px;
399 border-radius: 4px; 431 border-radius: 4px;
@@ -408,7 +440,8 @@ @@ -408,7 +440,8 @@
408 content: url('../images/right-arrow.png'); 440 content: url('../images/right-arrow.png');
409 } 441 }
410 442
411 -.template-lefttopright .box-2 #content #bt_repositorio:hover { 443 +.template-lefttopright .box-2 #content #bt_wiki:hover,
  444 +.template-lefttopright .box-2 #content #bt_repositorio:hover{
412 color: #FFF; 445 color: #FFF;
413 background: #2C66CE; 446 background: #2C66CE;
414 text-decoration: none; 447 text-decoration: none;
@@ -416,6 +449,72 @@ @@ -416,6 +449,72 @@
416 449
417 /*** WARNING - WITH BOX-4 ***/ 450 /*** WARNING - WITH BOX-4 ***/
418 451
  452 +/* Metrics Block */
  453 +.software-metrics-block {
  454 + font-family: Arial;
  455 + padding: 3px 0px 0px 10px;
  456 +}
  457 +
  458 +.software-metrics-block .metrics-list {
  459 + border-bottom: 1px dotted #D3D6DE;
  460 +}
  461 +
  462 +.software-metrics-block .metrics-list li {
  463 + display: table;
  464 + margin-bottom: 10px;
  465 +}
  466 +
  467 +.software-metrics-block .metrics-list li span,
  468 +.software-metrics-block .metrics-list li a {
  469 + display: table-cell;
  470 + vertical-align: top;
  471 +}
  472 +
  473 +#content .software-metrics-block .metrics-list li a:link {
  474 + color: #2c66ce;
  475 +}
  476 +
  477 +.software-metrics-block span.arrow-globe-icon {
  478 + background: url('../images/arrow-globe-icon.png') no-repeat center center;
  479 + width: 25px;
  480 + height: 18px;
  481 +}
  482 +
  483 +.software-metrics-block span.downloads-icon {
  484 + background: url('../images/downloads-icon.png') no-repeat center center;
  485 + width: 25px;
  486 + height: 18px;
  487 +}
  488 +
  489 +.software-metrics-block span.face-icon {
  490 + background: url('../images/beneficiados-icon.png') no-repeat center center;
  491 + width: 25px;
  492 + height: 20px;
  493 +}
  494 +
  495 +.software-metrics-block span.pig-safe-icon {
  496 + background: url('../images/economizados-icon.png') no-repeat center center;
  497 + width: 25px;
  498 + height: 20px;
  499 +}
  500 +
  501 +.software-metrics-block .metrics-list li a {
  502 + letter-spacing: -0.1px;
  503 + line-height: 20px;
  504 + padding-left: 5px;
  505 +}
  506 +
  507 +.software-metrics-block .admin-estimation {
  508 + font-size: 11px;
  509 + line-height: 15px;
  510 + margin-top: 7px;
  511 + margin-left: 4px;
  512 +}
  513 +
  514 +.software-metrics-block .metrics-list .saved-money {
  515 + font-size: 14px;
  516 +}
  517 +
419 /*** end of right bar ***/ 518 /*** end of right bar ***/
420 519
421 /************ END DUPLICATE ************/ 520 /************ END DUPLICATE ************/
@@ -438,9 +537,12 @@ @@ -438,9 +537,12 @@
438 #content .main-block .article-body ul.etapas-publicacao li strong { 537 #content .main-block .article-body ul.etapas-publicacao li strong {
439 margin-right: 6px; 538 margin-right: 6px;
440 border-radius: 50%; 539 border-radius: 50%;
441 - padding: 2px 8px; 540 + padding: 1px;
442 background: #333; 541 background: #333;
  542 + height: 24px;
  543 + width: 24px;
443 color: #fff; 544 color: #fff;
  545 + text-align: center;
444 float: left; 546 float: left;
445 } 547 }
446 548
@@ -454,6 +556,14 @@ @@ -454,6 +556,14 @@
454 font-size: 16px; 556 font-size: 16px;
455 } 557 }
456 558
  559 +#content .main-block .article-body .etapas-publicacao .etapas-publicacao-2 {
  560 + display: table-cell;
  561 +}
  562 +
  563 +#content .main-block .article-body .etapas-publicacao p {
  564 + margin: 0px 0 0 31px;
  565 +}
  566 +
457 /* Manual page */ 567 /* Manual page */
458 568
459 #content .main-block #article .folder-content .item-info { 569 #content .main-block #article .folder-content .item-info {
@@ -490,6 +600,19 @@ @@ -490,6 +600,19 @@
490 font-size: 18px; 600 font-size: 18px;
491 font-family: Arial; 601 font-family: Arial;
492 font-weight: 700; 602 font-weight: 700;
  603 + word-wrap: break-word;
  604 +}
  605 +
  606 +/* It's a Specific rule to the Google Chrome. */
  607 +@supports (-webkit-appearance:none) {
  608 + #content .main-block #article .folder-content .item-description a {
  609 + color: #172938;
  610 + font-size: 18px;
  611 + font-family: Arial;
  612 + font-weight: 700;
  613 + white-space: pre;
  614 + word-wrap: break-word;
  615 + }
493 } 616 }
494 617
495 #content .main-block #article .folder-content .item-date { 618 #content .main-block #article .folder-content .item-date {
css/tooltip.css
@@ -40,3 +40,23 @@ @@ -40,3 +40,23 @@
40 border-top-color: #172638; 40 border-top-color: #172638;
41 border-width: 6px; 41 border-width: 6px;
42 } 42 }
  43 +
  44 +/*Fix temporary - class="tooltip" send e-mail administrator community*/
  45 +
  46 +.action-contact-new .tooltip{
  47 + position:initial;
  48 + background:none;
  49 + color:#172537;
  50 + font-family: Arial, sans-serif;
  51 + max-width: 520px;
  52 + padding: 15px 20px;
  53 + margin: 20px 0 30px 0;
  54 + border: 1px dotted #ccc !important;
  55 + border-left: 5px solid #FF0366 !important;
  56 + line-height: 20px;
  57 +}
  58 +
  59 +.action-contact-new .tooltip:after{
  60 + content:none;
  61 +}
  62 +/*************************************/
43 \ No newline at end of file 63 \ No newline at end of file
css/use-report.css
1 /*** Profile homepage ***/ 1 /*** Profile homepage ***/
2 2
3 /* Ratings Header */ 3 /* Ratings Header */
4 -.profile-homepage #content .community-average-rating-container{ 4 +.profile-homepage #content .organization-average-rating-container {
5 margin-top: 21px; 5 margin-top: 21px;
6 overflow: auto; 6 overflow: auto;
7 } 7 }
8 8
9 -.profile-homepage #content .community-average-rating-container .star-rate-text{ 9 +.profile-homepage #content .organization-average-rating-container .star-rate-text {
10 font-size: 14px; 10 font-size: 14px;
11 letter-spacing: 0.2px; 11 letter-spacing: 0.2px;
12 margin-right: 5px; 12 margin-right: 5px;
13 padding: 4px 0px 0px 3px; 13 padding: 4px 0px 0px 3px;
14 } 14 }
15 15
16 -.profile-homepage #content .community-average-rating-container .star-container{ 16 +.profile-homepage #content .organization-average-rating-container .star-container {
17 margin-top: 2px; 17 margin-top: 2px;
18 } 18 }
19 19
20 -.profile-homepage #content .community-average-rating-container .rate-this-community{ 20 +.profile-homepage #content .organization-average-rating-container .rate-this-organization {
21 font-size: 14px; 21 font-size: 14px;
22 text-decoration: underline; 22 text-decoration: underline;
23 margin: 4px 0px 0px 6px; 23 margin: 4px 0px 0px 6px;
24 padding: 0px 0px 0px 15px; 24 padding: 0px 0px 0px 15px;
25 } 25 }
26 26
27 -.profile-homepage #content .community-average-rating-container .rate-this-community a{ 27 +.profile-homepage #content .organization-average-rating-container .rate-this-organization a {
28 color: #2c66ce; 28 color: #2c66ce;
29 } 29 }
30 30
31 -.profile-homepage #content .community-average-rating-container .star-container .medium-star-negative,  
32 -.profile-homepage #content .community-average-rating-container .star-container .medium-star-positive{ 31 +.profile-homepage #content .organization-average-rating-container .star-container .medium-star-negative,
  32 +.profile-homepage #content .organization-average-rating-container .star-container .medium-star-positive {
33 margin-right: 3px; 33 margin-right: 3px;
34 } 34 }
35 35
36 -.profile-homepage #content .communities-ratings-block .button-bar a.button.with-text{ 36 +.profile-homepage #content .communities-ratings-block .button-bar a.button.with-text {
37 height: 32px; 37 height: 32px;
38 padding: 0px 5px; 38 padding: 0px 5px;
39 border: 1px solid #3E67B1; 39 border: 1px solid #3E67B1;
@@ -83,31 +83,31 @@ @@ -83,31 +83,31 @@
83 } 83 }
84 84
85 85
86 -#content .community-average-rating-container { 86 +#content .organization-average-rating-container {
87 margin-top: 21px; 87 margin-top: 21px;
88 overflow: auto; 88 overflow: auto;
89 } 89 }
90 90
91 -#content .community-average-rating-container .star-rate-text { 91 +#content .organization-average-rating-container .star-rate-text {
92 font-size: 14px; 92 font-size: 14px;
93 letter-spacing: 0.2px; 93 letter-spacing: 0.2px;
94 margin-right: 5px; 94 margin-right: 5px;
95 padding: 4px 0px 0px 3px; 95 padding: 4px 0px 0px 3px;
96 } 96 }
97 97
98 -#content .community-average-rating-container .star-container { 98 +#content .organization-average-rating-container .star-container {
99 margin-top: 2px; 99 margin-top: 2px;
100 } 100 }
101 101
102 -#content .community-average-rating-container .rate-this-community { 102 +#content .organization-average-rating-container .rate-this-organization {
103 font-size: 14px; 103 font-size: 14px;
104 text-decoration: underline; 104 text-decoration: underline;
105 margin: 4px 0px 0px 6px; 105 margin: 4px 0px 0px 6px;
106 padding: 0px 0px 0px 15px; 106 padding: 0px 0px 0px 15px;
107 } 107 }
108 108
109 -#content .community-average-rating-container .star-container .medium-star-negative,  
110 -#content .community-average-rating-container .star-container .medium-star-positive { 109 +#content .organization-average-rating-container .star-container .medium-star-negative,
  110 +#content .organization-average-rating-container .star-container .medium-star-positive {
111 margin-right: 3px; 111 margin-right: 3px;
112 } 112 }
113 113
@@ -128,6 +128,7 @@ @@ -128,6 +128,7 @@
128 color: #172738; 128 color: #172738;
129 margin-top: 16px; 129 margin-top: 16px;
130 padding: 29px 0px 21px 0px; 130 padding: 29px 0px 21px 0px;
  131 + overflow: visible;
131 } 132 }
132 133
133 #content .main-content .star-rate-data .star-rate-form .star-rate-text, 134 #content .main-content .star-rate-data .star-rate-form .star-rate-text,
@@ -207,11 +208,12 @@ @@ -207,11 +208,12 @@
207 #content .main-content .star-rate-data .star-rate-form .star-comment-container .button-bar input { 208 #content .main-content .star-rate-data .star-rate-form .star-comment-container .button-bar input {
208 background-color: #3E67B1; 209 background-color: #3E67B1;
209 font-weight: 700; 210 font-weight: 700;
210 - height: 31px;  
211 - margin-top: 10px;  
212 text-transform: uppercase; 211 text-transform: uppercase;
213 color: #FFF; 212 color: #FFF;
214 - padding-top: 0; 213 + padding: 5px;
  214 + height: 31px;
  215 + line-height: 20px;
  216 + font-family: Arial;
215 } 217 }
216 218
217 #content .main-content .star-rate-data .star-rate-form .star-comment-container .button-bar a { 219 #content .main-content .star-rate-data .star-rate-form .star-comment-container .button-bar a {
@@ -219,9 +221,7 @@ @@ -219,9 +221,7 @@
219 } 221 }
220 222
221 #content .main-content .star-rate-data .star-rate-form .star-comment-container .button-bar { 223 #content .main-content .star-rate-data .star-rate-form .star-comment-container .button-bar {
222 - margin-top: 0px;  
223 padding-bottom: 50px; 224 padding-bottom: 50px;
224 - padding-top: 10px;  
225 } 225 }
226 226
227 #content .main-content .star-rate-data .star-rate-form .star-notice { 227 #content .main-content .star-rate-data .star-rate-form .star-notice {
@@ -232,12 +232,14 @@ @@ -232,12 +232,14 @@
232 } 232 }
233 233
234 #content .star-rate-form .star-comment-container .comments-software-extra-fields { 234 #content .star-rate-form .star-comment-container .comments-software-extra-fields {
235 - overflow: auto; 235 + height: 0;
  236 + overflow: hidden;
236 } 237 }
237 238
238 #content .star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments { 239 #content .star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments {
239 margin-bottom: 19px; 240 margin-bottom: 19px;
240 margin-top: 16px; 241 margin-top: 16px;
  242 + height: 50px;
241 } 243 }
242 244
243 #content .star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments label { 245 #content .star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments label {
@@ -263,14 +265,16 @@ @@ -263,14 +265,16 @@
263 } 265 }
264 266
265 #content .star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-people-benefited, 267 #content .star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-people-benefited,
266 -#content .star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-saved-values{ 268 +#content .star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-saved-values {
267 font-size: 12px; 269 font-size: 12px;
268 float: left; 270 float: left;
269 padding-right: 10px; 271 padding-right: 10px;
  272 + height: 50px;
270 } 273 }
271 274
272 -#content .star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-saved-values{ 275 +#content .star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-saved-values {
273 padding-right: 0px; 276 padding-right: 0px;
  277 + height: 70px;
274 } 278 }
275 279
276 #content .star-rate-form .star-comment-container form .formfieldline { 280 #content .star-rate-form .star-comment-container form .formfieldline {
@@ -296,22 +300,22 @@ @@ -296,22 +300,22 @@
296 padding-bottom: 4px; 300 padding-bottom: 4px;
297 } 301 }
298 302
299 -.action-communities_ratings_plugin_profile-new_rating #content .star-rate-form .star-comment-container .comments-display-fields .comments-arrow-up::after { 303 +.action-organization_ratings_plugin_profile-new_rating #content .star-rate-form .star-comment-container .comments-display-fields .comments-arrow-up::after {
300 content: url('../images/top-arrow-black.png'); 304 content: url('../images/top-arrow-black.png');
301 float: right; 305 float: right;
302 padding-top: 7px; 306 padding-top: 7px;
303 padding-right: 6px; 307 padding-right: 6px;
304 } 308 }
305 309
306 -.action-communities_ratings_plugin_profile-new_rating #content .star-rate-form .star-comment-container .comments-display-fields .comments-arrow-down::after{ 310 +.action-organization_ratings_plugin_profile-new_rating #content .star-rate-form .star-comment-container .comments-display-fields .comments-arrow-down::after {
307 content: url('../images/bottom-arrow-black.png'); 311 content: url('../images/bottom-arrow-black.png');
308 float: right; 312 float: right;
309 padding-top: 7px; 313 padding-top: 7px;
310 padding-right: 6px; 314 padding-right: 6px;
311 } 315 }
312 316
313 -#content .star-rate-form .star-comment-container .comments-software-extra-fields #comments_people_benefited,  
314 -#content .star-rate-form .star-comment-container .comments-software-extra-fields #comments_saved_value { 317 +#content .star-rate-form .star-comment-container .comments-software-extra-fields #organization_rating_people_benefited,
  318 +#content .star-rate-form .star-comment-container .comments-software-extra-fields #organization_rating_saved_value {
315 display: block; 319 display: block;
316 height: 19px; 320 height: 19px;
317 width: 155px; 321 width: 155px;
@@ -522,3 +526,9 @@ @@ -522,3 +526,9 @@
522 padding-right: 5px; 526 padding-right: 5px;
523 text-align: center; 527 text-align: center;
524 } 528 }
  529 +
  530 +/*** Tooltip ***/
  531 +
  532 +.comments-software-extra-fields .tooltip-inner {
  533 + display: block;
  534 +}
footer.html.erb
@@ -120,4 +120,4 @@ @@ -120,4 +120,4 @@
120 120
121 <!-- Script do portal Brasil deve ficar preferencialmente no rodape para nao atrasar o carregamento da pagina principal --> 121 <!-- Script do portal Brasil deve ficar preferencialmente no rodape para nao atrasar o carregamento da pagina principal -->
122 <script src="http://barra.brasil.gov.br/barra.js?cor=verde" type="text/javascript"></script><noscript>&nbsp;<!-- item para fins de acessibilidade --></noscript> 122 <script src="http://barra.brasil.gov.br/barra.js?cor=verde" type="text/javascript"></script><noscript>&nbsp;<!-- item para fins de acessibilidade --></noscript>
123 - <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 123 + <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
images/beneficiados-icon.png 0 → 100644

895 Bytes

images/downloads-icon.png 0 → 100644

609 Bytes

images/economizados-icon.png 0 → 100644

517 Bytes

@@ -181,7 +181,7 @@ a:link, #content a:link, dl.portlet a:link{ @@ -181,7 +181,7 @@ a:link, #content a:link, dl.portlet a:link{
181 } 181 }
182 182
183 a:visited, #content a:visited, dl.portlet a:visited{ 183 a:visited, #content a:visited, dl.portlet a:visited{
184 - color:#2c66ce; 184 + color:#172738;
185 } 185 }
186 186
187 a:focus{ 187 a:focus{
@@ -198,19 +198,30 @@ $(&#39;#link-buscar&#39;).click(function(e) { @@ -198,19 +198,30 @@ $(&#39;#link-buscar&#39;).click(function(e) {
198 // TODO: fix calls for this function below 198 // TODO: fix calls for this function below
199 // TODO: comments-additional-information --> comments-display-fields 199 // TODO: comments-additional-information --> comments-display-fields
200 function set_arrow_direction() { 200 function set_arrow_direction() {
201 - var additional_data_bar = $('#comments-additional-information'); 201 + var additional_data_bar = $('.comments-display-fields');
202 var arrow = $('.comments-arrow-down'); 202 var arrow = $('.comments-arrow-down');
203 var state = 0; 203 var state = 0;
204 -  
205 additional_data_bar.on('click', function() { 204 additional_data_bar.on('click', function() {
206 - if(state === 0) {  
207 - arrow.attr('class', "comments-arrow-up")  
208 - state = 1;  
209 - } else {  
210 - state = 0; 205 + animateExtraFields();
  206 + });
  207 + }
  208 +
  209 + function animateExtraFields() {
  210 + var additional_data_bar = $('.comments-display-fields');
  211 + var arrow = ($('.comments-arrow-down')[0])? $('.comments-arrow-down') : $('.comments-arrow-up');
  212 + console.log(arrow);
  213 + var fields = $('.comments-software-extra-fields');
  214 + if(fields) {
  215 + var innerHeight = fields[0].offsetHeight;
  216 + if(fields.height()!==0) {
211 arrow.attr('class', "comments-arrow-down"); 217 arrow.attr('class', "comments-arrow-down");
  218 + fields.animate({height: 0});
212 } 219 }
213 - }); 220 + else {
  221 + arrow.attr('class', "comments-arrow-up");
  222 + fields.animate({height: 140});
  223 + }
  224 + }
214 } 225 }
215 226
216 function set_use_report_content() { 227 function set_use_report_content() {
@@ -224,47 +235,28 @@ $(&#39;#link-buscar&#39;).click(function(e) { @@ -224,47 +235,28 @@ $(&#39;#link-buscar&#39;).click(function(e) {
224 $('.star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments label').html('Nome do órgão ou empresa'); 235 $('.star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments label').html('Nome do órgão ou empresa');
225 $('.star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-people-benefited label').html('Número de beneficiados'); 236 $('.star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-people-benefited label').html('Número de beneficiados');
226 $('.star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-saved-values label').html('Recursos economizados'); 237 $('.star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-saved-values label').html('Recursos economizados');
227 - $('.star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments').addClass("animated slideInDown");  
228 - $('.star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-people-benefited').addClass("animated slideInDown");  
229 - $('.star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-saved-values').addClass("animated slideInDown");  
230 - }  
231 -  
232 - function add_top_tooltips(){  
233 - $('#content span[title]').attr("data-toggle","tooltip");  
234 -  
235 - $('[data-toggle="tooltip"]').tooltip({  
236 - position: {  
237 - my: "center bottom-13",  
238 - at: "center top"  
239 - },  
240 - tooltipClass: "ui-tooltip-top"  
241 - });  
242 } 238 }
243 239
244 - function add_bottom_tooltips(){ 240 + function add_tooltips(){
245 $('#content span[title]').attr("data-toggle","tooltip"); 241 $('#content span[title]').attr("data-toggle","tooltip");
246 242
247 - $('[data-toggle="tooltip"]').tooltip({  
248 - position: {  
249 - my: "center top+13",  
250 - at: "center bottom"  
251 - },  
252 - tooltipClass: "ui-tooltip-bottom"  
253 - }); 243 + $('[data-toggle="tooltip"]').tooltip();
254 } 244 }
255 245
256 function add_popovers() { 246 function add_popovers() {
257 var span = $('span[data-toggle="popover"]'); 247 var span = $('span[data-toggle="popover"]');
258 var place = span.attr("data-placement"); 248 var place = span.attr("data-placement");
259 var elementClass = span.attr("data-class"); 249 var elementClass = span.attr("data-class");
260 - var popover = span.popover({  
261 - html:true,  
262 - placement: place,  
263 - content: function() {  
264 - return $(this).next().html();  
265 - }  
266 - })  
267 - .data('bs.popover'); 250 + if(span){
  251 + var popover = span.popover({
  252 + html:true,
  253 + placement: place,
  254 + content: function() {
  255 + return $(this).next().html();
  256 + }
  257 + })
  258 + .data('bs.popover');
  259 + }
268 if(popover) { 260 if(popover) {
269 popover.tip() 261 popover.tip()
270 .addClass(elementClass); 262 .addClass(elementClass);
@@ -275,8 +267,8 @@ $(&#39;#link-buscar&#39;).click(function(e) { @@ -275,8 +267,8 @@ $(&#39;#link-buscar&#39;).click(function(e) {
275 } 267 }
276 268
277 $(document).ready(function(){ 269 $(document).ready(function(){
  270 + add_tooltips();
278 add_popovers(); 271 add_popovers();
279 - add_top_tooltips();  
280 move_article_buttons(); 272 move_article_buttons();
281 insert_notice_div(); 273 insert_notice_div();
282 set_uploaded_files_names(); 274 set_uploaded_files_names();