Several fixes

Signed-off-by: Álvaro Fernando <alvarofernandoms@gmail.com> Signed-off-by: Bruna Moreira <brunanayaramlima@gmail.com> Signed-off-by: julianahilario <julianahdesousa@gmail.com> Signed-off-by: Melissa Wen <melissa.srw@gmail.com> Signed-off-by: pedrodelyra <pedrodelyra@gmail.com> Signed-off-by: Peter Lima <peterlima@gmail.com> Signed-off-by: Simiao Carvalho <simiaosimis@gmail.com> Signed-off-by: Tallys Martins <tallysmartins@yahoo.com.br> Signed-off-by: Thiago Ribeiro <thiagitosouza@gmail.com>

Several fixes
Signed-off-by: Álvaro Fernando <alvarofernandoms@gmail.com> Signed-off-by: Bruna Moreira <brunanayaramlima@gmail.com> Signed-off-by: julianahilario <julianahdesousa@gmail.com> Signed-off-by: Melissa Wen <melissa.srw@gmail.com> Signed-off-by: pedrodelyra <pedrodelyra@gmail.com> Signed-off-by: Peter Lima <peterlima@gmail.com> Signed-off-by: Simiao Carvalho <simiaosimis@gmail.com> Signed-off-by: Tallys Martins <tallysmartins@yahoo.com.br> Signed-off-by: Thiago Ribeiro <thiagitosouza@gmail.com>
Álvaro Fernando Matos de Souza · Antonio Terceiro
1 parent 4215caf4
Showing 19 changed files with 837 additions and 203 deletions Show diff stats
src/noosfero-spb/noosfero-spb-theme/css/administration-panel.css
src/noosfero-spb/noosfero-spb-theme/css/community-pages.css
src/noosfero-spb/noosfero-spb-theme/css/edition-pages.css
src/noosfero-spb/noosfero-spb-theme/css/home-page.css
src/noosfero-spb/noosfero-spb-theme/css/main-content.css
src/noosfero-spb/noosfero-spb-theme/css/notifications.css
src/noosfero-spb/noosfero-spb-theme/css/overwriting-base-theme.css
src/noosfero-spb/noosfero-spb-theme/css/popover.css
src/noosfero-spb/noosfero-spb-theme/css/search-pages.css
src/noosfero-spb/noosfero-spb-theme/css/software-catalog-page.css
src/noosfero-spb/noosfero-spb-theme/css/software-pages.css
src/noosfero-spb/noosfero-spb-theme/css/use-report.css
src/noosfero-spb/noosfero-spb-theme/images/close.png
src/noosfero-spb/noosfero-spb-theme/images/greenhide.png
src/noosfero-spb/noosfero-spb-theme/images/hide.png
src/noosfero-spb/noosfero-spb-theme/images/redclose.png
src/noosfero-spb/noosfero-spb-theme/images/show.png
src/noosfero-spb/noosfero-spb-theme/style.css
src/noosfero-spb/noosfero-spb-theme/theme.js
@@ -57,11 +57,13 @@
 }
 .action-organizations-index .main-block form#manage-profiles .search-field{
-  margin-bottom: 30px;
+  margin-bottom: 20px;
+  display: block;
+  height: 30px;
 }
 .action-organizations-index .main-block form#manage-profiles .search-field .formfield {
-  width: 100%;
+  width: 60%;
   margin-right: 0.5em;
   float: left;
 }
@@ -80,13 +82,14 @@
 .action-organizations-index .main-block form#manage-profiles input.button.submit{
   height: 32px;
-  margin-top: 8px;
+  float: left;
+  margin-left: 10px;
   padding: 5px 15px;
   background: #3E67B1 none;
   color: #FFF;
   border-radius: 4px;
   border: 1px solid #3E67B1;
-  line-height: 22px;
+  line-height: 14px;
   font-size: 14px;
   text-transform: uppercase;
 }
@@ -107,6 +110,10 @@
   padding: 2px 8px;
 }
+.action-organizations-index .main-block  table#organizations-list td{
+  padding: 8px 8px 0;
+}
+
 /*** Features Settings ***/
 .controller-features #content form *{
@@ -135,6 +142,98 @@
   font-size: 15px;
 }
+/* Manage Users */
+.action-users-index .main-block #search-users{
+  background-color: transparent;
+}
+
+.action-users-index .main-block #search-users .search-field{
+  margin-bottom: 20px;
+  display: block;
+  height: 30px;
+}
+
+.action-users-index .main-block #search-users .search-field .formfield {
+  width: 70%;
+  margin-right: 0.5em;
+  float: left;
+}
+
+.action-users-index .main-block #search-users .search-field .formfield input {
+  margin-top: 0px;
+  margin-right: 0.5em;
+  padding: 6px;
+  min-width: 97%;
+  height: 19px;
+  max-height: 19px;
+  background: none;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+
+.action-users-index .main-block #search-users input.button.submit{
+  height: 32px;
+  float: left;
+  margin-left: 10px;
+  padding: 5px 15px;
+  background: #3E67B1 none;
+  color: #FFF;
+  border-radius: 4px;
+  border: 1px solid #3E67B1;
+  line-height: 14px;
+  font-size: 14px;
+  text-transform: uppercase;
+}
+
+.action-users-index .main-block #search-users input.button.submit:hover{
+  background: #5E82C6;
+}
+
+.action-users-index .main-block #users-list th{
+  text-align: left;
+  vertical-align: middle;
+  padding: 2px 8px;
+}
+
+.action-users-index .main-block #users-list td{
+  padding: 8px 8px 0;
+}
+
+/* Manage Roles */
+.action-role-index .main-block th{
+  text-align: left;
+  vertical-align: middle;
+  padding: 2px 8px;
+}
+
+.action-role-index .main-block td{
+  padding: 8px 8px 0;
+}
+
+.action-role-edit #content form input.button.with-text{
+  height: 30px;
+  padding: 5px 15px;
+  background: #FFF none;
+  color: #3E67B1;
+  border-radius: 4px;
+  border: 1px solid #3E67B1;
+  font-size: 14px;
+  line-height: 14px;
+}
+
+/* Manage template */
+
+.action-templates-index #content .template-kind th{
+  text-align: left;
+  vertical-align: middle;
+  padding: 2px 8px;
+}
+
+.action-templates-index #content .template-kind td{
+  padding: 8px 8px 0;
+}
+
+
 /*** Community Admin pages ***/
 /* Homepage */
 .action-profile_editor-index #profile-editor-index h1.block-title{
@@ -157,3 +256,74 @@
   border: none;
   background: none;
 }
+
+/* Tasks - tmp adjust */
+.action-profile_editor-index #content .pending-tasks{
+  max-width: 500px;
+  padding: 15px 20px;
+  margin: 20px 0 30px 0;
+  border: 1px dotted #ccc;
+  border-left: 5px solid #FF0366;
+  border-radius: 3px;
+  display: block;
+  background: #fff;
+  line-height: 20px;
+  font-size: 13px;
+}
+
+.action-profile_editor-index #content .pending-tasks .button.icon-todo.with-text{
+  background: #3E67B1;
+  color: #FFF;
+}
+
+.action-profile_editor-index #content .pending-tasks .button.icon-todo.with-text:hover{
+  background: #5E82C6;
+}
+
+/* Edit software page */
+
+.action-profile_editor-edit_software_community #profile-is-template{
+  margin-top: 10px;
+}
+
+.action-profile_editor-edit_software_community .field-privacy-selector{
+  vertical-align: bottom;
+}
+
+/*Edition configuration profile */
+
+.action-profile_editor-edit #delete-profile{
+  margin-top:0px;
+}
+
+/*form Change Password */
+.action-account-change_password #content form input.button.with-text.icon-ok.submit{
+  height: 32px;
+  padding:0px 10px;
+}
+
+.action-account-change_password input{
+padding: 6px;
+color: #585858;
+background: #FFF;
+border: 1px solid #ccc;
+border-radius: 4px;
+font-size: 15px;
+font-family: Arial, helvetica;
+}
+
+/* Members management */
+.action-profile_members-index #members-list td{
+  padding-top: 5px; 
+}
+
+/*recover behavior of noosfero*/
+.action-profile_members-change_role .role-permissions{
+  margin: 12px 0;
+  padding-left: 40px;
+}
+
+/*recover behavior of noosfero*/
+.action-profile_members-change_role .role-permissions li{
+  list-style: square;
+}
@@ -171,6 +171,21 @@
   font-weight: 300;
 }
+/*tabs painel-admin*/
+.action-admin_panel-site_info .ui-tabs .ui-tabs-nav li{
+  white-space: normal;
+  word-wrap:break-word;
+}
+
+.action-admin_panel-site_info .ui-tabs .ui-tabs-nav .ui-tabs-anchor{
+  text-align: center;
+  width: 11.2em;
+  height: 2.5em;
+  max-height: 2.5em;
+  overflow: hidden;
+  line-height: 16px;
+}
+
 /* Community's area tabs */
 #content #discussions-content{
@@ -209,7 +224,7 @@
 }
 #discussions-content .quiet{
-  line-height: 21px;
+  margin-bottom: 10px;
 }
 #discussions-content div.quiet:last-child{
@@ -256,17 +271,22 @@
 }
 #content #discussions-content .subject{
-  font-weight: 800;
+  font-weight: 700;
   font-size: 16px
 }
-#repository-feed-tab .event-inline.event-item{
+/*Respository tabs*/
+
+#repository-feed-tab .event-inline.event-item,
+#repository-feed-tab .event-block.event-item{
   border-bottom: 1px solid #ECEDF1;
   margin-top:30px;
-  padding: 0px 0px 80px 0px;
+  padding: 0px 0px 30px 0px;
+  min-height: 50px;
 }
-#repository-feed-tab .event-inline.event-item img{
+#repository-feed-tab .event-inline.event-item img,
+#repository-feed-tab .event-block.event-item img{
   display: none;
 }
@@ -274,11 +294,12 @@
   border-right: 1px dotted #D3D6DE;
   float:left;
   width: 112px;
-  height: 55px;
+  height: 58px;
   margin-right: 20px;
 }
 #repository-feed-tab .event-item-timestamp .time_ago{
   color:#172738;
+  font-family: arial;
 }
 #repository-feed-tab .event-item-timestamp .time_ago:before{
@@ -289,11 +310,12 @@
 }
 #repository-feed-tab .event-title{
-  max-height: 55px;
+  /*max-height: 55px;
   overflow: hidden;
   float:left;
-  width: 70%;
+  width: 70%;*/
   font-size: 16px;
+  font-family: arial, Helvetica;
 }
 #content #repository-feed-tab .author_name{
@@ -306,6 +328,25 @@
   color:#3E67B1;
 }
+#content #repository-feed-tab .project-name{
+  overflow: hidden;
+  height: 55px;
+}
+
+#repository-feed-tab .event-item .event-body .event-note{
+  font-size: 16px;
+  white-space: nowrap;
+  width: 400px;
+  overflow-x:hidden;
+  text-overflow:ellipsis;
+}
+
+#repository-feed-tab .event-item .event_commits,
+#repository-feed-tab .event-item .event-body .event-note .md,
+#repository-feed-tab .event-body img {
+  display: none;
+}
+
 #repository-feed-tab .see-more-repository{
   text-align: right;
   display: block;
@@ -340,6 +381,10 @@
 /* Blog tab*/
+#content #blog-tab .software-blog-post-empty{
+  margin-top: 30px;
+}
+
 #content #blog-tab .blog-posts{
   margin-top:15px;
 }
@@ -369,6 +414,7 @@
   background: center/cover no-repeat;
   float: left;
 }
+
 #content #blog-tab .blog .blog-post .publishing-info {
   border-top: none;
   color: #172838;
@@ -379,11 +425,13 @@
   display:inline;
   text-align: left;
 }
+
 #content #blog-tab .blog .blog-post .publishing-info .date {
   margin: 0px 0px 5px 0px;
-  display: table-cell;
+  display: block;
   font-size: 11px;
 }
+
 #content #blog-tab .blog .blog-post .author {
   display: none;
 }
@@ -463,7 +511,7 @@ float: left;
 /* Software Tab Data - Need to develop solution - Only display on profile page */
-.profile-type-is-community #content .software-tab-data-block{
+#content .software-tab-data-block{
   display: none;
 }
@@ -475,25 +523,31 @@ float: left;
 /*** Right bar ***/
 .template-default.profile-type-is-community .action-profile-index #content .box-3 .link-list-block,
-.template-lefttopright.profile-type-is-community .action-profile-index #content .box-2 .link-list-block
+.template-lefttopright.profile-type-is-community .action-profile-index #content .box-2 .link-list-block{
   display: none;
 }
 /*Block with Community information - Need to develop solution - Only display on profile page */
-.profile-type-is-community .community-block{
+.profile-type-is-community .block.community-block{
   display: none;
 }
-.profile-type-is-community .action-profile_design-index #content .community-block,
-.profile-type-is-community .action-profile-index #content .community-block{
+.profile-type-is-community .action-profile_design-index #content .block.community-block,
+.profile-type-is-community .action-profile-index #content .block.community-block{
   display: block;
+  margin-left: 10px;
   border: 1px solid #ECEDF1;
   border-radius: 4px;
 }
 .profile-type-is-community  #content .community-block-logo{
   border-bottom: 3px solid #3E67B1;
+  padding: 10px;
+  height: 100px;
+  width: 165px;
+  display: table-cell;
+  vertical-align: middle;
 }
 .profile-type-is-community  #content .community-block-title{
@@ -509,24 +563,20 @@ float: left;
   line-height: 20px;
 }
-.profile-type-is-community  #content .community-block-logo{
-  padding: 10px;
-}
-
-.profile-type-is-community  #content .community-block-logo img.logo{
-  height: auto;
-  width: 100px;
-  min-width: 100px;
-  max-width: 170px;
-}
-
 .profile-type-is-community  #content .community-block-logo a{
   display: block;
-  height: 100px;
+  height: auto;
   overflow: hidden;
   text-align: center;
 }
+.profile-type-is-community  #content .community-block-logo img.logo{
+  height: auto;
+  width: auto;
+  max-width: 160px;
+  max-height: 100px;
+}
+
 /* Wiki block - Need to develop solution - Only display on profile page */
 .template-default #content .box-3 .wiki-block,
 .template-lefttopright #content .box-2 .wiki-block{
@@ -550,6 +600,7 @@ float: left;
 .profile-type-is-community #content .members-block{
   display: none;
+  margin-left: 10px;
   border: 1px solid #D3D6DE;
   border-radius: 4px;
 }
@@ -621,6 +672,7 @@ float: left;
   /*height: 70px;*/
   height: 100px;
   max-height: 100px;
+  margin: 0;
 }
 .profile-type-is-community #content .members-block .menu-submenu{
@@ -663,18 +715,20 @@ float: left;
 }
 .profile-type-is-community #content  .members-block .common-profile-list-block li{
-  margin: 0px !important;
+  margin: 0px;
 }
 .profile-type-is-community #content .members-block .common-profile-list-block .vcard .menu-submenu-trigger{
   display: block;
-  height: 13px;
-  top: 2px;
-  left: 3px;
+  height: 16px;
+  top: 3px;
+  left: 4px;
+  padding-top: 0px;
   padding-bottom: 0px;
+  margin: 0;
   background: #172738;
-  border: 1px solid #fff;
-  opacity: 0.7;
+  border: none;
+  border-radius: 4px;
 }
 .profile-type-is-community #content .members-block .common-profile-list-block .vcard .menu-submenu-trigger::before{
@@ -682,7 +736,7 @@ float: left;
   color: #fff;
   font-family: FontAwesome;
   font-size: 8px;
-  line-height: 11px;
+  line-height: 16px;
 }
 .profile-type-is-community #content .members-block .common-profile-list-block .fn {
@@ -708,9 +762,13 @@ float: left;
 }
 .profile-type-is-community #content .friends-block ul, #content .members-block ul {
-  min-width: 196px;
-  width: 192px;
-  margin: 0px 0px 0px 0px;
+  max-width: 174px;
+  min-width: 170px;
+  margin: 0px;
+  padding: 0px 5px;
+}
+
+.profile-type-is-community #content .members-block .menu-submenu ul{
   padding: 0px;
 }
@@ -722,7 +780,7 @@ float: left;
   line-height: 30px;
 }
-.profile-type-is-community #content .members-block .menu-submenu-content .menu-submenu-list li a.add-friend{
+.profile-type-is-community #content .members-block .menu-submenu-content .menu-submenu-list li:last-child a{
   border: none;
 }
@@ -811,10 +869,14 @@ float: left;
   margin-right: 5px;
 }
+
 .action-profile-members #content .page-members-header a.button.with-text:hover{
   border-color: #3E67B1;
 }
+.action-profile-members #content .box-1 .common-profile-list-block .page-members-header span{
+  margin-right: auto;
+}
 /* Tabs */
@@ -880,7 +942,7 @@ float: left;
 }
 .action-profile-members #content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li.ui-tabs-active {
-  margin-bottom: -3px;
+  margin-bottom: -3px !important; /*important need in colab*/
   padding-bottom: 1px;
   border-bottom: 3px solid #FF0366;
 }
@@ -948,11 +1010,15 @@ float: left;
 }
 .action-profile-members .box-1 .common-profile-list-block span{
-  margin-right: 9px;
+  margin-right: 0px;
   width: 90px;
   height: 86px;
 }
+.action-profile-members .box-1 .common-profile-list-block .button-bar span{
+  margin: 0px
+}
+
 .action-profile-members .common-profile-list-block img{
   border-radius: 4px;
   width: 82px;
@@ -1045,9 +1111,9 @@ float: left;
 .action-profile-members .common-profile-list-block .vcard .menu-submenu-trigger{
   display: block;
   background:#172738;
-  top:5px;
-  left:4px;
-  border:1px solid #172738;
+  top: 5px;
+  left: 4px;
+  border: 1px solid #172738;
   padding-bottom: 0px;
   border-radius: 5px;
   -moz-border-radius:5px;
@@ -60,6 +60,7 @@
 }
 .controller-cms #content .main-content .formfieldline textarea{
+  max-width: 500px;
   padding: 6px;
   color: #585858;
   background: none;
@@ -140,14 +141,19 @@
   height: 30px;
   padding: 2px 15px;
   margin-right: 10px;
-  color: #FFF;
-  background: #3E67B1;
   font-size: 15px;
+  line-height: 14px;
 }
-.controller-cms #content .main-content form .button-bar input:hover{
-  background: #5E82C6;
-  border: none;
+.controller-cms #content .main-content form .button-bar a span{
+  line-height: 32px;
+}
+
+.controller-cms #content .main-content form .button-bar input:hover,
+.controller-cms #content .main-content form .button-bar a.button:hover{
+  background: #3E67B1;
+  border-color: #3E67B1;
+  color: #FFF;
 }
 .controller-cms #content .main-content form .button-bar input.button.with-text{
@@ -164,12 +170,6 @@
   text-align: center;
 }
-.controller-cms #content .main-content form .button-bar a.button:hover{
-  background: none;
-  color: #3E67B1;
-  border-color: #3E67B1;
-}
-
 .controller-cms #content .main-content form .box-title{
   font-size: 15px;
   font-family: Arial, helvetica;
@@ -220,6 +220,9 @@
 }
 /*** Article's edition page ***/
+#content .text-editor-sidebar {
+  width: 400px;
+}
 #content .text-editor-sidebar .header{
   padding: 13px 10px;
@@ -250,6 +253,10 @@
   border: 1px solid #D3D6DE;
 }
+#content .text-editor-sidebar #published-media .section-title {
+  display: inline-block;
+}
+
 /*New Software form*/
 .action-software_communities_plugin_myprofile-new_software #content.current-step h3 {
@@ -303,18 +310,22 @@
   height: 100px;
 }
-.action-software_communities_plugin_myprofile-new_software #content #software-hostname {
-  float: left;
+.action-software_communities_plugin_myprofile-new_software #software-name-field span{
   display: inline-block;
-  vertical-align: middle;
-  background: #EEE;
-  border: 1px solid #CFCFCF;
+  min-width: 0;
+  width: auto;
+}
+
+.action-software_communities_plugin_myprofile-new_software #software-name-field span #community-identifier{
+  width: auto;
+}
+
+.action-software_communities_plugin_myprofile-new_software #content #software-hostname {
   line-height: 22px;
-  padding: 0px 7px;
+  padding: 0px;
   color: #4A4A4A;
   font-size: 20px;
   text-transform: lowercase;
-  min-width: 190px;
   border-spacing: 20px;
 }
@@ -406,7 +417,7 @@ font-size: 10px;
   font-size: 13px;
 }
-/*Contact new form*/
+/* Contact new form*/
 .action-contact-new #content .main-block form input[type="text"] {
   display: block;
@@ -474,4 +485,66 @@ font-size: 10px;
   background: #fff;
   line-height: 20px;
   font-size: 13px;
-}
 \ No newline at end of file
+}
+
+/* Tasks edition */
+
+.action-tasks-index #content .main-block h1{
+  margin: 0px 0 25px 0;
+  border-bottom: 1px solid #d7d7d7;
+  padding-bottom: 25px;
+}
+
+.action-tasks-index fieldset.filter_fields{
+  border: none;
+}
+
+.action-tasks-index fieldset.filter_fields legend{
+  display: none;
+}
+
+
+.action-tasks-index select{
+  background: none;
+  border: 1px solid #D3D6DE;
+  border-radius: 4px;
+  padding: 4px 15px 4px 4px;
+  margin: 0px 0px 0px 10px;
+  font-size: 14px;
+}
+.action-tasks-index #content .main-block form input[type="text"] {
+  display: block;
+  height: 19px;
+  padding: 6px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  width: 384px;
+  font-size: 15px;
+  font-family: arial, helvetica;
+  color: #585858;
+}
+
+.action-tasks-index .task_box{
+  margin-bottom: 10px;
+  border-radius: 4px;
+  padding: 20px;
+  background-color: #ECEDF1;
+  color: #172738;
+  border: 1px solid #D3D6DE;
+}
+
+.action-tasks-index .task_date {
+  font-size: 11px;
+}
+
+.action-tasks-index .task_accept_radio,
+.action-tasks-index .task_reject_radio,
+.action-tasks-index .task_skip_radio{
+  margin: 5px 4px 15px 15px;
+  line-height: 20px;
+  position: absolute;
+}
+.action-tasks-index .task_decisions label{
+  margin: 2px 0px 2px 30px;
+  line-height: 22px;
+}
@@ -18,6 +18,7 @@
 /* Read More pattern */
+.controller-environment_design .box .block-outer .read-more,
 .action-home-index #content .box .block-outer .read-more{
   border-bottom: none;
   background: #eee;
@@ -26,6 +27,7 @@
   text-align: right;
 }
+.controller-environment_design #content .box .block-outer .read-more a,
 .action-home-index #content .box .block-outer .read-more a{
   padding: 8px;
   line-height: 20px;
@@ -33,10 +35,12 @@
   display: block;
 }
+.controller-environment_design #content .box .block-outer .read-more a:hover,
 .action-home-index #content .box .block-outer .read-more a:hover{
   background: #dedede;
 }
+.controller-environment_design #content .box .block-outer .read-more a::after,
 .action-home-index #content .box .block-outer .read-more a::after{
   margin-left: 7px;
   border-radius: 4px;
@@ -55,12 +59,14 @@
 /*** Software catalog search block **/
+.controller-environment_design #content #catalogo-software-search,
 .action-home-index #content #catalogo-software-search{
   width: 100%;
   background-color: #1A397D;
   border-radius: 4px;
 }
+.controller-environment_design #content #catalogo-software-search h1,
 .action-home-index #content #catalogo-software-search h1{
   margin: 0px 15px 10px 15px;
   border-bottom: none;
@@ -71,6 +77,7 @@
   text-align: left;
 }
+.controller-environment_design #content #catalogo-software-search #search-Gadget,
 .action-home-index #content  #catalogo-software-search #search-Gadget{
   margin: 0px 15px 9px 15px;
   border: none;
@@ -79,6 +86,7 @@
   width: 90%;
 }
+.controller-environment_design #content  #catalogo-software-search .searchButton-catalog,
 .action-home-index #content  #catalogo-software-search .searchButton-catalog{
   cursor: pointer;
   margin: 0px 0px 15px 15px;
@@ -92,7 +100,8 @@
   text-transform: uppercase;
 }
-.action-home-index #content  #catalogo-software-search #search-catalog-footer{
+.controller-environment_design #content #catalogo-software-search #search-catalog-footer,
+.action-home-index #content #catalogo-software-search #search-catalog-footer{
   border-top: 1px solid;
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
@@ -100,24 +109,28 @@
   color: #FFFFFF;
 }
-.action-home-index #content  #catalogo-software-search #search-catalog-footer p{
+.controller-environment_design #content #catalogo-software-search #search-catalog-footer p,
+.action-home-index #content #catalogo-software-search #search-catalog-footer p{
   margin: 0px;
   font-size: 11px;
   text-align: right;
   text-transform: uppercase;
 }
-.action-home-index #content  #catalogo-software-search #search-catalog-footer a{
+.controller-environment_design #content #catalogo-software-search #search-catalog-footer a,
+.action-home-index #content #catalogo-software-search #search-catalog-footer a{
   padding: 7px 0px 12px 0px;
   color: #FFF;
   display: block;
 }
+.controller-environment_design #content #catalogo-software-search #search-catalog-footer a:hover,
 .action-home-index #content #catalogo-software-search #search-catalog-footer a:hover{
   background-color: #101A38;
 }
-.action-home-index #content  #catalogo-software-search #bt_catalog-search::after{
+.controller-environment_design #content #catalogo-software-search #bt_catalog-search::after,
+.action-home-index #content #catalogo-software-search #bt_catalog-search::after{
   margin: 0px 15px 0 5px;
   border-radius: 4px;
   padding: 0px 4px 0 7px;
@@ -132,11 +145,13 @@
 }
 /*** Softwares block **/
+.controller-environment_design #content .softwares-block,
 .action-home-index #content .softwares-block{
   margin: 0px;
   overflow: auto;
 }
+.controller-environment_design #content .softwares-block .block-title,
 .action-home-index #content .softwares-block .block-title{
   margin: 0px 0px 25px 0px;
   border-top: 4px solid #2c66ce;
@@ -145,6 +160,7 @@
   font-weight: 300;
 }
+.controller-environment_design #content .softwares-block .block-footer-content a,
 .action-home-index #content .softwares-block .block-footer-content a{
   display:none;
 }
@@ -236,6 +252,7 @@
 /*** News block - display content block **/
+.controller-environment_design #content .display-content-block .block-title,
 .action-home-index #content .display-content-block .block-title{
   margin: 0px;
   border-top: 4px solid #643C67;
@@ -244,21 +261,25 @@
   font-weight: 300;
 }
+.controller-environment_design #content .display-content-block li,
 .action-home-index #content .display-content-block li{
   border-top: 1px solid #eee;
   padding: 15px 0px 0px 0px;
   min-height: 150px;
 }
+.controller-environment_design #content .display-content-block li:first-child,
 .action-home-index #content .display-content-block li:first-child{
   border-top: 0px solid #eee;
 }
+.controller-environment_design #content .display-content-block .published-at,
 .action-home-index #content .display-content-block .published-at{
   padding: 0px 0px 15px 0px;
   color: #643C67;
 }
+.controller-environment_design #content .display-content-block .image,
 .action-home-index #content .display-content-block .image{
   padding-right: 25px;
   padding: 0px 25px 0px 0px;
@@ -267,6 +288,7 @@
   display: table-cell;
 }
+.controller-environment_design #content .display-content-block .image a,
 .action-home-index #content .display-content-block .image a{
   border-radius: 8px;
   height: 90px;
@@ -274,11 +296,13 @@
   display: block;
 }
+.controller-environment_design #content .display-content-block .image img,
 .action-home-index #content .display-content-block .image img{
   border: 0px solid #c0c1c1;
   max-width: 150px;
 }
+.controller-environment_design #content .display-content-block .title,
 .action-home-index #content .display-content-block .title{
   margin: 2px 0px 4px 0px;
   padding-right: 0px;
@@ -287,41 +311,51 @@
   overflow: hidden;
 }
+.controller-environment_design #content .display-content-block .title a,
 .action-home-index #content .display-content-block .title a{
   padding: 0px;
   color: #172738;
   font: normal normal bold 16px/1.3em arial, helvetica, sans-serif;
 }
+.controller-environment_design #content .display-content-block .lead,
 .action-home-index #content .display-content-block .lead{
   max-height: 47px;
   overflow: hidden;
 }
+.controller-environment_design #content .display-content-block .lead a,
 .action-home-index #content .display-content-block .lead a{
   color: #000000;
   font: 15px/1.3em arial;
 }
+.controller-environment_design #content .display-content-block .lead a:visited,
+.controller-environment_design #content .lead a:visited,
+.controller-environment_design #content .lead dl.portlet a:visited
 .action-home-index #content .display-content-block .lead a:visited,
 .action-home-index #content .lead a:visited,
 .action-home-index #content .lead dl.portlet a:visited{
   color: #172738;
 }
+.controller-environment_design #content .display-content-block .notice-info,
 .action-home-index #content .display-content-block .notice-info{
   display: table-cell;
   vertical-align: top;
 }
+.controller-environment_design #content .display-content-block .read_more,
 .action-home-index #content .display-content-block .read_more{
   display: none;
 }
+.controller-environment_design #content .display-content-block .read-more,
 .action-home-index #content .display-content-block .read-more{
   border-top: 1px solid #643C67;
 }
+.controller-environment_design #content .display-content-block .read-more a::after,
 .action-home-index #content .display-content-block .read-more a::after{
   background: #643C67;
 }
@@ -332,6 +366,7 @@
 /*** What Is block - Article block **/
+.template-default .controller-environment_design #content .box-3 .article-block .block-title,
 .template-default .action-home-index #content .box-3 .article-block .block-title{
   border-top: 4px solid #08A649;
   border-bottom: none;
@@ -343,19 +378,23 @@
   text-transform: none;
 }
+.template-default .controller-environment_design #content .box-3 .article-block .read-more,
 .template-default .action-home-index #content .box-3 .article-block .read-more{
   margin-top: 30px;
   border-top: 1px solid #08A649;
 }
+.template-default .controller-environment_design #content .box-3 .article-block .read-more a::after,
 .template-default .action-home-index #content .box-3 .article-block .read-more a::after{
   background: #08A649;
 }
+.template-default .controller-environment_design #content .box-3 .article-block .short-post,
 .template-default .action-home-index #content .box-3 .article-block .short-post{
   padding-top: 23px;
 }
+.template-default .controller-environment_design #content .box-3 .article-block p,
 .template-default .action-home-index #content .box-3 .article-block p{
   margin: 0px 0px 14px 0px;
   padding: 0px;
@@ -364,18 +403,20 @@
   text-transform: none;
 }
-/******* See As Well Block - Highlights block *******/
+/******* Software Highlights block *******/
+.controller-environment_design #content .highlights-block .block-title,
 .action-home-index #content .highlights-block .block-title{
   display: none;
 }
+.controller-environment_design #content .highlights-border,
 .action-home-index #content .highlights-border{
   border: 1px solid #c0c1c1;
   border-radius: 8px;
   width: auto;
-  height: 248px;
-  max-height: 250px;
+  height: 270px;
+  max-height: 270px;
   background-color: #e8e9ec;
   background-image: linear-gradient(
     0deg,
@@ -384,38 +425,44 @@
   background-size: 100% 100%;
 }
-.action-home-index #content .highlights-container{
-  border-radius: 8px;
+.controller-environment_design #content .highlights-container,
+.action-home-index #content .highlights-container {
+  border-radius: 8px 8px 0px 0px;
   border-width: 0px 0px 1px 0px;
   border-bottom: none;
   padding: 0;
   width: 100% !important;
-  max-height: 230px;
-  background: transparent;
+  max-height: 240px;
+  background: #FFF;
   position: relative;
   top: 0;
 }
-.action-home-index #content .highlights-image-link{
-  padding: 18px 0px 0px 0px;
+.controller-environment_design #content .highlights-image-link,
+.action-home-index #content .highlights-image-link {
+  display: block;
+  padding: 0px;
   border-radius: 0px 0px 8px 8px;
-  width: 220px;
-  max-height: 217px;
+  height: 250px !important;
   background-color: #fff;
+  opacity: 1.0 !important;
 }
-.action-home-index #content .highlights-image-link img{
-  height: 100px;
-  max-width: 200px;
+.controller-environment_design #content .highlights-image-link img,
+.action-home-index #content .highlights-image-link img {
+  height: 80px;
+  max-width: 160px;
+  padding: 30px;
+  background: #FFF;
 }
-.action-home-index #content .highlights-label{
+.controller-environment_design #content .highlights-label,
+.action-home-index #content .highlights-label {
   border-top: 4px solid #3b61a7;
-  padding: 23px 20px 46px 20px;
-  max-height: 60px;
+  padding: 20px;
+  height: 100px;
   width: 190px;
   position: relative;
-  bottom: -18px;
   background: #e8e9ec;
   color: #172638;
   text-align: center;
@@ -423,13 +470,16 @@
   vertical-align: middle;
 }
-.action-home-index #content .highlights-block-pager{
+.controller-environment_design #content .highlights-block-pager,
+.action-home-index #content .highlights-block-pager {
   float: none;
   display: block;
   text-align: center;
+  padding: 10px 0px;
 }
-.action-home-index #content .highlights-block-pager a{
+.controller-environment_design #content .highlights-block-pager a,
+.action-home-index #content .highlights-block-pager a {
   margin: 0 4px;
   border-color: transparent;
   border-radius: 50%;
@@ -443,32 +493,41 @@
   display: inline-block;
 }
-.action-home-index #content .highlights-block-pager a.activeSlide{
+.controller-environment_design #content .highlights-block-pager a.activeSlide,
+.action-home-index #content .highlights-block-pager a.activeSlide {
   border-color: transparent;
   background: #3e67b1;
   color: transparent;
 }
-/*** software highlights block ***/
-
+.controller-environment_design #content a.toggle-popover,
+.controller-environment_design #content a.toggle-popover:hover,
 .action-home-index #content a.toggle-popover,
 .action-home-index #content a.toggle-popover:hover{
   margin: 0 0 0 55px;
   color: #3867b7;
   cursor: pointer;
+  font-family: Arial, helvetica, sans-serif;
 }
-.action-home-index #content span.popover-span{
-  padding: 1px 6px;
-  border-radius: 50%;
+.controller-environment_design #content span.popover-span,
+.action-home-index #content span.popover-span {
+  padding-top: 2px;
   background-color: #3867b7;
   color: #ffffff;
   font-weight: bold;
   cursor: pointer;
+  height: 15px;
+  font-family: arial;
+  width: 17px;
+  display: inline-block;
+  text-align: center;
+  border-radius: 50%;
 }
 /*** mais software block **/
-.action-home-index #content #mais-software-block{
+.controller-environment_design #content #mais-software-block,
+.action-home-index #content #mais-software-block {
   margin: 11px 0px;
   border: 1px solid #c0c1c1;
   border-radius: 8px;
@@ -478,6 +537,7 @@
   font: 14px arial;
 }
+.controller-environment_design #content #mais-software-block #sbp-information-softwares h2,
 .action-home-index #content #mais-software-block #sbp-information-softwares h2{
   margin: 10px 0px 0px 0px;
   padding: 0px 0px 17px 15px;
@@ -488,28 +548,34 @@
   text-transform: uppercase;
 }
+.controller-environment_design #content #mais-software-block #list-categories,
 .action-home-index #content #mais-software-block #list-categories{
   margin: 14px 14px 14px 14px;
 }
+.controller-environment_design #content #mais-software-block #list-categories p,
 .action-home-index #content #mais-software-block #list-categories p{
   margin: 0 0 16px 0;
   color: #464A55;
 }
+.controller-environment_design #content #mais-software-block #list-categories ul li,
 .action-home-index #content #mais-software-block #list-categories ul li{
   margin: 18px 5px 5px 5px;
 }
+.controller-environment_design #content #mais-software-block #list-categories li a,
 .action-home-index #content #mais-software-block #list-categories li a{
   color: #335277;
   font-weight: bold;
 }
+.controller-environment_design #content #mais-software-block #list-categories a:hover,
 .action-home-index #content #mais-software-block #list-categories a:hover{
   text-decoration: none;
 }
+.controller-environment_design #content #mais-software-block #footer-mais-software,
 .action-home-index #content #mais-software-block #footer-mais-software{
   margin: 0px;
   border-top: 1px solid #c0c1c1;
@@ -519,6 +585,7 @@
   text-transform: uppercase;
 }
+.controller-environment_design #content #mais-software-block #footer-mais-software a,
 .action-home-index #content #mais-software-block #footer-mais-software a{
   color: #464A55;
 }
@@ -42,7 +42,7 @@
 #content .pagination a,
 #content .pagination em,
 #content .pagination span{
-  padding: 5px 9px;
+  padding: 5px 0;
   margin-right: 4px;
   color: #172738;
   border: 1px solid #D3D6DE;
@@ -51,7 +51,13 @@
   font-size: 12px;
   font-weight: 700;
   text-decoration: none;
-  display: inline-table;
+  display: inline-block;
+  width: 30px;
+}
+
+#content .pagination .previous-arrow,
+#content .pagination .next-arrow{
+  display: none;
 }
 #content .pagination .current {
@@ -59,14 +65,42 @@
   font-style: normal;
 }
+#content #article .pagination .previous_page,
+#content #article .pagination .next_page,
+#content .pagination .previous_page,
+#content .pagination .next_page{
+  position: relative;
+  padding:5px 9px;
+}
+
+#content #article .pagination .previous_page,
 #content .pagination .previous_page{
   float: left;
 }
+#content #article .pagination .next_page,
 #content .pagination .next_page{
   float: right;
 }
+#content .pagination .next_page:after,
+#content .pagination .previous_page:before{
+  font-family:"FontAwesome";
+  font-size: 15px;
+  font-weight: bold;
+  line-height: 10px;
+}
+
+#content .pagination .previous_page:before{
+  content:"\f104"; 
+  margin:0 10px 0 0;
+}
+
+#content .pagination .next_page:after{
+  content:"\f105";
+  margin:0 0 0 10px;
+}
+
 #content .pagination .previous_page,
 #content .pagination .next_page{
   width: auto;
@@ -95,9 +129,9 @@
   border: 1px solid #3E67B1;
   font-size: 14px;
   line-height: 32px;
-  text-transform: uppercase;
 }
+#content .button-bar a.button.with-text,
 #content #article-actions a.button.with-text{
   display: inline-block;
   height: 18px;
@@ -112,6 +146,18 @@
   text-transform: none;
 }
+#content .button-bar .button.with-text.icon-save.submit{
+  height: 30px;
+  padding: 5px 15px;
+  background: #FFF none;
+  color: #3E67B1;
+  border-radius: 4px;
+  border: 1px solid #3E67B1;
+  font-size: 14px;
+  line-height: 14px;
+}
+
+#content .button-bar a.button.with-text span,
 #content #article-actions a.button.with-text span{
   padding: 0;
 }
@@ -126,6 +172,7 @@
 .action-profile-members #content .page-profile-header a.button.with-text{
   border:none;
 }
+
 .action-profile-members #content .button-bar a.button.with-text:hover{
   border-color: #3E67B1;
 }
@@ -140,9 +187,10 @@
   border: 1px solid #3E67B1;
   font-size: 14px;
   line-height: 32px;
-  text-transform: uppercase;
 }
+#content .button-bar .button.with-text.icon-save.submit:hover,
+#content .button-bar a.button.with-text:hover,
 #content a.button:hover,
 #content #article-actions a.button.with-text:hover,
 #content input.button.with-text:hover{
@@ -0,0 +1,145 @@
+.environment-notification-plugin-notification-bar{
+	display: block;
+}
+
+#environment-notification-plugin-notification-manager{
+  overflow: auto;
+}
+
+.environment-notification-plugin-notification-bar .notification .notification-close,
+.environment-notification-plugin-notification-notification-modal .notification .notification-close{
+  background: url(public/images/close.png) no-repeat;
+  background-position: center;
+  width: 20px;
+  height: 20px;
+}
+
+.environment-notification-plugin-notification-bar .warningnotification,
+.environment-notification-plugin-notification-bar .informationnotification,
+.environment-notification-plugin-notification-bar .successnotification,
+.environment-notification-plugin-notification-bar .dangernotification,
+.environment-notification-plugin-notification-bar .adminnotification,
+.environment-notification-plugin-notification-notification-modal .warningnotification,
+.environment-notification-plugin-notification-notification-modal .informationnotification,
+.environment-notification-plugin-notification-notification-modal .successnotification,
+.environment-notification-plugin-notification-notification-modal .dangernotification{
+  margin-bottom: 38px;
+  padding: 15px;
+  border-radius: 4px;
+  border: 1px solid blue;
+  font-size: 14px;
+  color: #FFFFFF;
+  overflow: auto;
+}
+
+.environment-notification-plugin-notification-bar .warningnotification p,
+.environment-notification-plugin-notification-bar .informationnotification p,
+.environment-notification-plugin-notification-bar .successnotification p,
+.environment-notification-plugin-notification-bar .dangernotification p,
+.environment-notification-plugin-notification-bar .adminnotification p,
+.environment-notification-plugin-notification-notification-modal .warningnotification p,
+.environment-notification-plugin-notification-notification-modal .informationnotification p,
+.environment-notification-plugin-notification-notification-modal .successnotification p,
+.environment-notification-plugin-notification-notification-modal .dangernotification p{
+  margin: 0px;
+}
+
+.environment-notification-plugin-notification-bar .warningnotification,
+.environment-notification-plugin-notification-notification-modal .warningnotification{
+  background: #fcf8e3;
+  border: 1px solid #faebcc;
+  color: #8a6d3b;
+}
+
+.environment-notification-plugin-notification-bar .warningnotification p a,
+.environment-notification-plugin-notification-notification-modal .warningnotification p a{
+  font-weight: bold;
+  color: #8a6d3b;
+}
+
+
+.environment-notification-plugin-notification-bar .informationnotification,
+.environment-notification-plugin-notification-notification-modal .informationnotification{
+  background: #d9edf7;
+  border: 1px solid #bce8f1;
+  color: #31708f;
+}
+
+.environment-notification-plugin-notification-bar .informationnotification p a,
+.environment-notification-plugin-notification-notification-modal .informationnotification p a{
+  font-weight: bold;
+  color: #31708f;
+}
+
+.environment-notification-plugin-notification-bar .successnotification,
+.environment-notification-plugin-notification-notification-modal .successnotification{
+  background: #dff0d8;
+  border: 1px solid #d6e9c6;
+  color: #3c763d;
+}
+
+.environment-notification-plugin-notification-bar .successnotification p a
+.environment-notification-plugin-notification-notification-modal .successnotification p a{
+  font-weight: bold;
+  color: #3c763d;
+}
+
+.environment-notification-plugin-notification-bar .dangernotification,
+.environment-notification-plugin-notification-notification-modal .dangernotification{
+  background: #f2dede;
+  border: 1px solid #ebccd1;
+  color: #a94442;
+}
+
+.environment-notification-plugin-notification-bar .dangernotification  p a,
+.environment-notification-plugin-notification-notification-modal .dangernotification  p a{
+  font-weight: bold;
+  color: #a94442;
+}
+
+.environment-notification-plugin-notification-bar .adminnotification,
+.environment-notification-plugin-notification-notification-modal .adminnotification{
+  background: #9a959a;
+  border: 1px solid #9a959a;
+}
+
+.environment-notification-plugin-notification-bar .adminnotification p a,
+.environment-notification-plugin-notification-notification-modal .adminnotification p a{
+  font-weight: bold;
+  color: white;
+}
+
+.environment-notification-plugin-notification-bar .notification .notification-message,
+.environment-notification-plugin-notification-notification-modal .notification .notification-message{
+  width: 90%;
+  float: left;
+}
+
+.environment-notification-plugin-notification-bar .notification .notification-close{
+  background: url(../images/redclose.png) no-repeat;
+  background-position: center;
+  width: 20px;
+  height: 20px;
+  float: right;
+  cursor: pointer;
+}
+
+.environment-notification-plugin-notification-bar .notification .notification-hide{
+  background: url(../images/greenhide.png) no-repeat;
+  background-position: center;
+  width: 20px;
+  height: 20px;
+  float: right;
+  cursor: pointer;
+}
+
+.environment-notification-plugin-notification-notification-modal{
+  display: block;
+  min-width: 400px;
+  max-width: 700px;
+}
+
+.environment-notification-plugin-form .notification-variables-options{
+  font-style: italic;
+  color: red;
+}
@@ -20,19 +20,19 @@
 }
 #wrapper {
-    margin: 0 auto;
-    font-size: 1.2em;
-    width: 100%;
+  margin: 0 auto;
+  font-size: 1.2em;
+  width: 100%;
 }
 .main-content {
-    border-style: none;
-    box-shadow: none;
-    padding: 10px 20px;
+  border-style: none;
+  box-shadow: none;
+  padding: 10px 20px;
 }
 .profile-image-block .admin-link {
-    font-size: 100%;
+  font-size: 100%;
 }
 /* ==> blocks.css <== */
@@ -151,7 +151,7 @@
   font-size: 14px;
   line-height: 20px;
 }
-    
+
 .highlights-popover span {
   font-weight: bold;
   border-bottom: 1px dotted #FFFFFF;
@@ -163,17 +163,33 @@
 #content .highlights-popover a:link {
   font-weight: bold;
   color: #FFFFFF;
-  display: block;
+}
+
+#content .highlights-popover .inner-content a,
+#content .highlights-popover .inner-content a:visited,
+#content .highlights-popover .inner-content a:hover,
+#content .highlights-popover .inner-content a:link{
+  font-weight: bold;
+  color: #FFFFFF;
+  border-bottom: dotted 1px;
+}
+
+#content .highlights-popover .see-all a,
+#content .highlights-popover .see-all a:visited,
+#content .highlights-popover .see-all a:hover,
+#content .highlights-popover .see-all a:link {
   padding: 8px 15px;
   border-top: 1px dotted rgba(255,255,255,0.1);
+  display: block;
 }
-.highlights-popover a:before {
+.highlights-popover .see-all a:before {
   font-family: "FontAwesome";
   content: "\f067";
   vertical-align: middle;
   color: #ff0066;
   padding: 0 5px 0 0;
+  font-size: 10px;
 }
 .highlights-popover.top > .arrow,
@@ -2,14 +2,22 @@
 .action-search-index #content form #search-header,
 .action-search-people #content form #search-header,
-.action-search-communities #content form #search-header{
-  margin-top: 5px;
+.action-search-communities #content form #search-header {
   float: right;
   border: none;
 }
+.action-search-index #content form #search-header {
+  margin-top: 5px;
+}
+
+.action-search-people #content form #search-header,
+.action-search-communities #content form #search-header {
+  margin: 0 0 15px 0 ;
+}
+
 .action-search-people #content form #search-header #search-filters .sod_select,
-.action-search-communities #content form #search-header #search-filters .sod_select{
+.action-search-communities #content form #search-header #search-filters .sod_select {
   color: #3E67B1;
   border: 1px solid #3E67B1;
   border-radius: 4px;
@@ -20,7 +28,7 @@
 }
 .action-search-people #content form #search-header #search-filters .sod_select .sod_list,
-.action-search-communities #content form #search-header #search-filters .sod_select .sod_list{
+.action-search-communities #content form #search-header #search-filters .sod_select .sod_list {
   margin: -2px 0 0 -1px;
   color: #3E67B1;
   border: 1px solid #3E67B1;
@@ -32,17 +40,17 @@
 }
 .action-search-people #content form #search-header #search-filters .sod_select .sod_list .active,
-.action-search-communities #content form #search-header #search-filters .sod_select .sod_list .active{
+.action-search-communities #content form #search-header #search-filters .sod_select .sod_list .active {
   border-radius: 0px 0px 4px 4px;
 }
 .action-search-people #content form #search-header #search-filters .sod_select .sod_list .selected,
-.action-search-communities #content form #search-header #search-filters .sod_select .sod_list .selected{
+.action-search-communities #content form #search-header #search-filters .sod_select .sod_list .selected {
   padding-right: 21px;
 }
 .action-search-people #content form #search-subheader .sod_select,
-.action-search-communities #content form #search-subheader .sod_select{
+.action-search-communities #content form #search-subheader .sod_select {
   line-height: 15px;
 }
@@ -55,51 +63,49 @@
 .action-search-index #content form .search-field .formfield,
 .action-search-people #content form .search-field .formfield,
 .action-search-communities #content form .search-field .formfield{
-  float: left;
   width: 99%;
 }
 .action-search-index #content form .search-field .formfield input,
 .action-search-people #content form .search-field .formfield input,
-.action-search-communities #content form .search-field .formfield input{
+.action-search-communities #content form .search-field .formfield input {
   margin-top: 0px;
   padding: 6px;
   height: 19px;
   max-height: 19px;
-  max-width: 98%;
   background: none;
   border: 1px solid #ccc;
   border-radius: 4px;
+  margin-bottom: 15px;
+  font-size: 14px;
 }
 .action-search-index #content form input.button.submit,
 .action-search-people #content form input.button.submit,
-.action-search-communities #content form input.button.submit{
-  height: 32px;
-  margin-top: 8px;
-  padding: 5px 15px;
-  background: #3E67B1 none;
+.action-search-communities #content form input.button.submit {
+  background: #3E67B1;
   color: #FFF;
   border-radius: 4px;
-  border: 1px solid #3E67B1;
-  font-size: 14px;
+  width: 108px;
   line-height: 14px;
+  font-size: 14px;
+  font-family: "open_sansbold", Arial, sans-serif;
   text-transform: uppercase;
 }
 .action-search-index #content form input.button.submit:hover,
 .action-search-people #content form input.button.submit:hover,
-.action-search-communities #content form input.button.submit:hover{
+.action-search-communities #content form input.button.submit:hover {
   background: #5E82C6;
 }
 .action-search-people #search-results .search-results-type-people,
-.action-search-communities #search-results .search-results-type-community{
+.action-search-communities #search-results .search-results-type-community {
   background: none;
   border: 1px solid #ccc;
   border-radius: 10px;
 }
-.action-search-index #search-results h3{
+.action-search-index #search-results h3 {
   margin: 20px 0 10px 0;
   color: #172738;
   font-size:18px;
@@ -109,7 +115,7 @@
   font-variant: normal;
 }
-.action-search-index #search-results .search-results-innerbox{
+.action-search-index #search-results .search-results-innerbox {
   background: none;
   border: 1px solid #ccc;
 }
@@ -74,16 +74,19 @@
 }
 .action-search-software_infos #software-search-container .search-form .doubts-catalog-software{
-  border:1px solid #3E67B1;
-  border-radius:50%;
-  padding:0px 3px;
-  font-size: 14px;
-  font-weight: 900;
-  background:#3E67B1;
-  color:#fff;
-  font-family: Arial;
+  padding-top: 2px;
+  background-color: #3867b7;
+  color: #ffffff;
+  font-weight: bold;
   cursor: pointer;
+  height: 15px;
+  font-family: arial;
+  width: 17px;
+  display: inline-block;
+  text-align: center;
+  border-radius: 50%;
 }
+
 /******/
 .action-search-software_infos #content .search-form .search-field .formfield {
@@ -93,7 +96,7 @@
 }
 .action-search-software_infos #content .search-form .search-field #search-input {
-  width: 96%;
+  width: 95%;
   margin: 13px 0px 4px 13px;
   padding: 7px;
   background: #FFF;
@@ -283,6 +286,7 @@
 /*** Search Results ***/
 .action-search-software_infos #search-results {
   border-top: 1px solid #d7d7d7;
+  margin-top: 66px;
 }
 .action-search-software_infos #search-results.only-one-result-box .search-software-item {
@@ -292,7 +296,7 @@
 }
 .action-search-software_infos #search-results #search-results-empty{
-  padding: 15px 0px;
+  padding: 30px 0 15px 0;
   color: #172738;
   font-size: 16px;
   text-align: left;
@@ -359,7 +363,7 @@
   padding-right: 20px;
   top: 0px;
   position: absolute;
-  color: #2C4B6B;
+  color: #172738;
   font-size: 13px;
   font-family: Arial;
   text-align: left;
@@ -368,8 +372,7 @@
 .action-search-software_infos #search-results .search-software-item-column-left .extra_info::before{
   content: url("../images/ic-calendar.png");
-  margin-right: 10px;
-  margin-top: 6px;
+  margin: 6px 10px 20px 0;
   float: left;
 }
@@ -411,7 +414,7 @@
   float: left;
 }
-.action-search-software_infos #search-results .search-software-content-block #categories-list li{
+.action-search-software_infos #search-results .search-software-content-block #categories-list li {
   width: auto !important; /* force overwritting from base */
   margin-left: 7px !important; /* force overwritting from base */
   float: left;
@@ -421,6 +424,18 @@
   text-decoration: underline;
 }
-.action-search-software_infos #search-results .search-software-content-block #categories-list li a{
+.action-search-software_infos #search-results .search-software-content-block #categories-list li a {
   color: #3E67B1;
 }
+
+.action-search-software_infos #search-results #individually-category br {
+  display: none;
+}
+
+.action-search-software_infos #search-results #individually-category a {
+  margin-right: 10px;
+  float: left;
+  color: #3E67B1;
+  font-size: 13px;
+  text-decoration: underline;
+}
@@ -65,7 +65,7 @@
 }
 #content .download-block .download-list li {
-  padding: 30px 10px 25px 10px;
+  padding: 30px 10px 25px 20px;
   border-top: 1px solid #D3D6DE;
   clear: both;
 }
@@ -156,10 +156,16 @@
   display: none;
 }
-.profile-homepage #article .article-body h1 {
-  border-top: 1px solid #ECEDF1;
+.profile-type-is-community .profile-homepage .main-block #article .article-body h1,
+.profile-type-is-community .profile-homepage .main-block #article .article-body h2,
+.profile-type-is-community .profile-homepage .main-block #article .article-body h3,
+.profile-type-is-community .profile-homepage .main-block #article .article-body h4,
+.profile-type-is-community .profile-homepage .main-block #article .article-body h5,
+.profile-type-is-community .profile-homepage .main-block #article .article-body h6 {
+  /* border-top: 1px solid #ECEDF1;
   border-bottom: none;
-  padding-top: 25px;
+  padding-top: 25px; */
+  font-size: 18px;
 }
 .profile-homepage #article .article-body p {
@@ -169,10 +175,6 @@
   font-size: 15px;
 }
-.profile-homepage #article .article-body hr {
-  display: none;
-}
-
 .profile-homepage #article .article-body ul {
   background-repeat: no-repeat;
   list-style-position: inside;
@@ -301,7 +303,7 @@
   padding: 12px 10px;
   background: #EAEBEE;
   color: #2C66CE;
-  font: normal normal bold 12px 'open_sansbold', arial, helvetica, sans-serif;
+  font: normal normal normal 12px 'open_sansbold', arial, helvetica, sans-serif;
   text-transform: uppercase;
   display: block;
   position: relative;
@@ -312,8 +314,8 @@
   color:#172738;
 }
-.template-default .box-3 #bt_wiki:after,
-.template-default .box-3 #bt_repositorio:after{
+.template-default .box-3 #bt_wiki::after,
+.template-default .box-3 #bt_repositorio::after{
   margin-top: -2px;
   padding: 4px 0px 4px 2px;
   border-radius: 4px;
@@ -426,16 +428,16 @@
 .template-lefttopright .box-2 #bt_wiki::after,
 .template-lefttopright .box-2 #bt_repositorio::after{
+  width: 18px;
+  position: absolute;
+  right: 10px;
   margin-top: -2px;
   padding: 4px 0px 4px 2px;
   border-radius: 4px;
-  width: 18px;
-  right: 10px;
-  line-height: 20px;
-  position: absolute;
   background: #2C66CE;
   color: #FFF;
   font-size: 16px;
+  line-height: 12px;
   text-align: center;
   content: url('../images/right-arrow.png');
 }
@@ -461,23 +463,31 @@
 .software-metrics-block .metrics-list li {
   display: table;
-  margin-bottom: 10px;
+  margin-bottom: 8px;
 }
-.software-metrics-block .metrics-list li span,
-.software-metrics-block .metrics-list li a {
+.software-metrics-block .metrics-list li span {
+  color: #2C66CE;
   display: table-cell;
   vertical-align: top;
 }
-#content .software-metrics-block .metrics-list li a:link {
-  color: #2c66ce;
+.software-metrics-block .metrics-list li span#visit-count {
+  padding-left: 1px;
 }
-.software-metrics-block span.arrow-globe-icon {
+.software-metrics-block .metrics-list li span#visit-count,
+.software-metrics-block .metrics-list li span#downloads-count,
+.software-metrics-block .metrics-list li span#benefited-people,
+.software-metrics-block .metrics-list li span#saved-resources {
+  padding-top: 4px;
+}
+
+.software-metrics-block li span.arrow-globe-icon {
   background: url('../images/arrow-globe-icon.png') no-repeat center center;
   width: 25px;
   height: 18px;
+  padding-left: 9px !important;
 }
 .software-metrics-block span.downloads-icon {
@@ -498,9 +508,9 @@
   height: 20px;
 }
-.software-metrics-block .metrics-list li a {
+.software-metrics-block .metrics-list li span {
   letter-spacing: -0.1px;
-  line-height: 20px;
+  line-height: 15px;
   padding-left: 5px;
 }
@@ -537,9 +547,9 @@
 #content .main-block .article-body ul.etapas-publicacao li strong {
   margin-right: 6px;
   border-radius: 50%;
-  padding: 1px;
+  padding: 1px 0 0 0;
   background: #333;
-  height: 24px;
+  height: 23px;
   width: 24px;
   color: #fff;
   text-align: center;
@@ -19,13 +19,13 @@
 .profile-homepage #content .organization-average-rating-container .rate-this-organization {
   font-size: 14px;
-  text-decoration: underline;
   margin: 4px 0px 0px 6px;
   padding: 0px 0px 0px 15px;
 }
 .profile-homepage #content .organization-average-rating-container .rate-this-organization a {
   color: #2c66ce;
+  text-decoration: underline;
 }
 .profile-homepage #content .organization-average-rating-container .star-container .medium-star-negative,
@@ -144,7 +144,7 @@
 }
 #content .main-content .star-rate-data .star-rate-form {
-  padding: 0 37px;
+  padding: 0 0 0 37px;
   letter-spacing: 0.1px;
   width: 100%;
 }
@@ -155,17 +155,22 @@
 }
 #content .main-content .star-rate-data .star-profile-information {
-  padding-left: 15px;
   width: 79px;
 }
 #content .main-content .star-rate-data .star-profile-information .star-profile-image {
-  padding-top: 1px;
+  height: 60px;
+  width: 60px;
+  overflow: hidden;
+  border-radius: 4px;
 }
 #content .main-content .star-rate-data .star-profile-information .star-profile-image img {
-  border-radius: 4px;
-  height: 60px;
+  height: auto;
+  width: 60px;
+}
+
+#content .main-content .star-rate-data .star-profile-information .star-profile-name{
   width: 60px;
 }
@@ -210,7 +215,7 @@
   font-weight: 700;
   text-transform: uppercase;
   color: #FFF;
-  padding: 5px;
+  padding: 5px 10px;
   height: 31px;
   line-height: 20px;
   font-family: Arial;
@@ -221,6 +226,7 @@
 }
 #content .main-content .star-rate-data .star-rate-form .star-comment-container .button-bar {
+  margin-top: 20px;
   padding-bottom: 50px;
 }
@@ -287,29 +293,31 @@
 }
 #content .star-rate-form .star-comment-container .comments-display-fields:hover span,
-#content .star-rate-form .star-comment-container .comments-display-fields:hover span:after {
+#content .star-rate-form .star-comment-container .comments-display-fields:hover span::after {
   opacity: 0.6;
 }
 #content .star-rate-form .star-comment-container .comments-display-fields span#comments-additional-information {
-  color: #172738;
-  display: block;
   float: left;
+  padding-bottom: 4px;
+  color: #172738;
   font-size: 14px;
   font-weight: 700;
-  padding-bottom: 4px;
+}
+
+#content .star-rate-form .star-comment-container .comments-display-fields span.comments-arrow-down,
+#content .star-rate-form .star-comment-container .comments-display-fields span.comments-arrow-up{
+  float: right;
 }
 .action-organization_ratings_plugin_profile-new_rating #content .star-rate-form .star-comment-container .comments-display-fields .comments-arrow-up::after {
   content: url('../images/top-arrow-black.png');
-  float: right;
   padding-top: 7px;
   padding-right: 6px;
 }
 .action-organization_ratings_plugin_profile-new_rating #content .star-rate-form .star-comment-container .comments-display-fields .comments-arrow-down::after {
   content: url('../images/bottom-arrow-black.png');
-  float: right;
   padding-top: 7px;
   padding-right: 6px;
 }
@@ -365,12 +373,20 @@
 .ratings-list .user-rating-block .star-profile-information .star-profile-name {
   line-height: 16px;
-  width: 70px;
+  width: 60px;
 }
-.ratings-list .star-profile-information .star-profile-image img {
-  border-radius: 4px;
+.ratings-list .star-profile-information .star-profile-image {
   height: 60px;
+  width: 60px;
+  overflow: hidden;
+  border-radius: 4px;
+  margin: auto;
+}
+
+.ratings-list .star-profile-information .star-profile-image img {
+  height: auto;
+  width: 60px;
 }
 .ratings-list .user-rating-block .user-testimony-container {
@@ -447,7 +463,7 @@
 .make-report-block .star-profile-information .star-profile-name {
   margin-top: 8px;
-  width: 70px;
+  width: 60px;
 }
 .ratings-list .make-report-block .make-report-container {
@@ -460,39 +476,38 @@
   font-size: 18px;
 }
-.ratings-list .make-report-block .make-report-container .button-bar {
+#content .ratings-list .make-report-block .make-report-container .button-bar {
   padding-top: 6px;
 }
-.ratings-list .make-report-block .make-report-container .alert {
+#content .ratings-list .make-report-block .make-report-container .alert {
   margin-top: 37px;
   padding-left: 1px;
 }
-.ratings-list .make-report-block .make-report-container .button-bar a,
-.star-rate-data .rating-cooldown .button-bar a,
-.star-rate-data .rating-vote-once .button-bar a {
+#content .ratings-list .make-report-block .make-report-container .button-bar a,
+#content .star-rate-data .rating-cooldown .button-bar a,
+#content .star-rate-data .rating-vote-once .button-bar a {
   background-color: #3E67B1;
   background-image: none;
   color: #fff;
   font-weight: 700;
   font-size: 14px;
   font-style: normal;
-  height: 31px;
-  padding: 0px 7px 0px 7px;
+  padding: 8px 12px 8px 8px;
   text-transform: uppercase;
 }
-.star-rate-data .rating-cooldown,
-.star-rate-data .rating-vote-once {
+#content .star-rate-data .rating-cooldown,
+#content .star-rate-data .rating-vote-once {
   font-family: Arial;
   font-size: 18px;
   font-style: italic;
   word-break: break-word;
 }
-.star-rate-data .rating-cooldown .button-bar a.disabled-button,
-.star-rate-data .rating-vote-once .button-bar a.disabled-button {
+#content .star-rate-data .rating-cooldown .button-bar a.disabled-button,
+#content .star-rate-data .rating-vote-once .button-bar a.disabled-button {
   cursor: not-allowed;
   opacity: 0.4;
 }
@@ -25,6 +25,7 @@
 @import url(css/software-catalog-page.css);
 @import url(css/tooltip.css);
 @import url(css/popover.css);
+@import url(css/notifications.css);
 @font-face{
   font-weight: normal;
@@ -225,11 +225,13 @@ $(&#39;#link-buscar&#39;).click(function(e) {
   }
   function set_use_report_content() {
-    $('.make-report-block .make-report-container .button-bar a span').html('avaliar o software');
+    $('.profile-homepage .organization-average-rating-container .rate-this-organization a').html('Avalie este software');
+    $('.make-report-block .make-report-container .button-bar a span').html('Avalie este software');
+    $('.star-rate-data .star-rate-form.rating-cooldown .button-bar a span').html('Avalie este software');
     $('.make-report-block .make-report-container .make-report-message').html('Relate sua experiência ou do órgão/empresa com relação ao software.');
     $('.ratings-list .see-more a.icon-arrow-right-p').html('veja todos os relatos');
-    $('.main-content .star-rate-data .star-rate-form .star-comment-container .button-bar input').attr('value', 'enviar relato');
-    $('.main-content .star-rate-data .star-rate-form .star-rate-text').html('Avalie o software');
+    $('.main-content .star-rate-data .star-rate-form .star-comment-container .button-bar input').attr('value', 'Enviar');
+    $('.main-content .star-rate-data .star-rate-form .star-rate-text').html('Avalie este software');
     $('.main-content .star-rate-data .star-rate-form .star-comment-container .formlabel').html('Depoimento sobre o software');
     $('.star-rate-form .star-comment-container .comments-display-fields span#comments-additional-information').html('Dados adicionais (órgãos e empresas)');
     $('.star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments label').html('Nome do órgão ou empresa');
	@@ -57,11 +57,13 @@		@@ -57,11 +57,13 @@
57	}	57	}
58		58
59	.action-organizations-index .main-block form#manage-profiles .search-field{	59	.action-organizations-index .main-block form#manage-profiles .search-field{
60	- margin-bottom: 30px;	60	+ margin-bottom: 20px;
		61	+ display: block;
		62	+ height: 30px;
61	}	63	}
62		64
63	.action-organizations-index .main-block form#manage-profiles .search-field .formfield {	65	.action-organizations-index .main-block form#manage-profiles .search-field .formfield {
64	- width: 100%;	66	+ width: 60%;
65	margin-right: 0.5em;	67	margin-right: 0.5em;
66	float: left;	68	float: left;
67	}	69	}
	@@ -80,13 +82,14 @@		@@ -80,13 +82,14 @@
80		82
81	.action-organizations-index .main-block form#manage-profiles input.button.submit{	83	.action-organizations-index .main-block form#manage-profiles input.button.submit{
82	height: 32px;	84	height: 32px;
83	- margin-top: 8px;	85	+ float: left;
		86	+ margin-left: 10px;
84	padding: 5px 15px;	87	padding: 5px 15px;
85	background: #3E67B1 none;	88	background: #3E67B1 none;
86	color: #FFF;	89	color: #FFF;
87	border-radius: 4px;	90	border-radius: 4px;
88	border: 1px solid #3E67B1;	91	border: 1px solid #3E67B1;
89	- line-height: 22px;	92	+ line-height: 14px;
90	font-size: 14px;	93	font-size: 14px;
91	text-transform: uppercase;	94	text-transform: uppercase;
92	}	95	}
	@@ -107,6 +110,10 @@		@@ -107,6 +110,10 @@
107	padding: 2px 8px;	110	padding: 2px 8px;
108	}	111	}
109		112
		113	+.action-organizations-index .main-block table#organizations-list td{
		114	+ padding: 8px 8px 0;
		115	+}
		116	+
110	/* Features Settings */	117	/* Features Settings */
111		118
112	.controller-features #content form *{	119	.controller-features #content form *{
	@@ -135,6 +142,98 @@		@@ -135,6 +142,98 @@
135	font-size: 15px;	142	font-size: 15px;
136	}	143	}
137		144
		145	+/* Manage Users */
		146	+.action-users-index .main-block #search-users{
		147	+ background-color: transparent;
		148	+}
		149	+
		150	+.action-users-index .main-block #search-users .search-field{
		151	+ margin-bottom: 20px;
		152	+ display: block;
		153	+ height: 30px;
		154	+}
		155	+
		156	+.action-users-index .main-block #search-users .search-field .formfield {
		157	+ width: 70%;
		158	+ margin-right: 0.5em;
		159	+ float: left;
		160	+}
		161	+
		162	+.action-users-index .main-block #search-users .search-field .formfield input {
		163	+ margin-top: 0px;
		164	+ margin-right: 0.5em;
		165	+ padding: 6px;
		166	+ min-width: 97%;
		167	+ height: 19px;
		168	+ max-height: 19px;
		169	+ background: none;
		170	+ border: 1px solid #ccc;
		171	+ border-radius: 4px;
		172	+}
		173	+
		174	+.action-users-index .main-block #search-users input.button.submit{
		175	+ height: 32px;
		176	+ float: left;
		177	+ margin-left: 10px;
		178	+ padding: 5px 15px;
		179	+ background: #3E67B1 none;
		180	+ color: #FFF;
		181	+ border-radius: 4px;
		182	+ border: 1px solid #3E67B1;
		183	+ line-height: 14px;
		184	+ font-size: 14px;
		185	+ text-transform: uppercase;
		186	+}
		187	+
		188	+.action-users-index .main-block #search-users input.button.submit:hover{
		189	+ background: #5E82C6;
		190	+}
		191	+
		192	+.action-users-index .main-block #users-list th{
		193	+ text-align: left;
		194	+ vertical-align: middle;
		195	+ padding: 2px 8px;
		196	+}
		197	+
		198	+.action-users-index .main-block #users-list td{
		199	+ padding: 8px 8px 0;
		200	+}
		201	+
		202	+/* Manage Roles */
		203	+.action-role-index .main-block th{
		204	+ text-align: left;
		205	+ vertical-align: middle;
		206	+ padding: 2px 8px;
		207	+}
		208	+
		209	+.action-role-index .main-block td{
		210	+ padding: 8px 8px 0;
		211	+}
		212	+
		213	+.action-role-edit #content form input.button.with-text{
		214	+ height: 30px;
		215	+ padding: 5px 15px;
		216	+ background: #FFF none;
		217	+ color: #3E67B1;
		218	+ border-radius: 4px;
		219	+ border: 1px solid #3E67B1;
		220	+ font-size: 14px;
		221	+ line-height: 14px;
		222	+}
		223	+
		224	+/* Manage template */
		225	+
		226	+.action-templates-index #content .template-kind th{
		227	+ text-align: left;
		228	+ vertical-align: middle;
		229	+ padding: 2px 8px;
		230	+}
		231	+
		232	+.action-templates-index #content .template-kind td{
		233	+ padding: 8px 8px 0;
		234	+}
		235	+
		236	+
138	/* Community Admin pages */	237	/* Community Admin pages */
139	/* Homepage */	238	/* Homepage */
140	.action-profile_editor-index #profile-editor-index h1.block-title{	239	.action-profile_editor-index #profile-editor-index h1.block-title{
	@@ -157,3 +256,74 @@		@@ -157,3 +256,74 @@
157	border: none;	256	border: none;
158	background: none;	257	background: none;
159	}	258	}
		259	+
		260	+/* Tasks - tmp adjust */
		261	+.action-profile_editor-index #content .pending-tasks{
		262	+ max-width: 500px;
		263	+ padding: 15px 20px;
		264	+ margin: 20px 0 30px 0;
		265	+ border: 1px dotted #ccc;
		266	+ border-left: 5px solid #FF0366;
		267	+ border-radius: 3px;
		268	+ display: block;
		269	+ background: #fff;
		270	+ line-height: 20px;
		271	+ font-size: 13px;
		272	+}
		273	+
		274	+.action-profile_editor-index #content .pending-tasks .button.icon-todo.with-text{
		275	+ background: #3E67B1;
		276	+ color: #FFF;
		277	+}
		278	+
		279	+.action-profile_editor-index #content .pending-tasks .button.icon-todo.with-text:hover{
		280	+ background: #5E82C6;
		281	+}
		282	+
		283	+/* Edit software page */
		284	+
		285	+.action-profile_editor-edit_software_community #profile-is-template{
		286	+ margin-top: 10px;
		287	+}
		288	+
		289	+.action-profile_editor-edit_software_community .field-privacy-selector{
		290	+ vertical-align: bottom;
		291	+}
		292	+
		293	+/Edition configuration profile /
		294	+
		295	+.action-profile_editor-edit #delete-profile{
		296	+ margin-top:0px;
		297	+}
		298	+
		299	+/form Change Password /
		300	+.action-account-change_password #content form input.button.with-text.icon-ok.submit{
		301	+ height: 32px;
		302	+ padding:0px 10px;
		303	+}
		304	+
		305	+.action-account-change_password input{
		306	+padding: 6px;
		307	+color: #585858;
		308	+background: #FFF;
		309	+border: 1px solid #ccc;
		310	+border-radius: 4px;
		311	+font-size: 15px;
		312	+font-family: Arial, helvetica;
		313	+}
		314	+
		315	+/* Members management */
		316	+.action-profile_members-index #members-list td{
		317	+ padding-top: 5px;
		318	+}
		319	+
		320	+/recover behavior of noosfero/
		321	+.action-profile_members-change_role .role-permissions{
		322	+ margin: 12px 0;
		323	+ padding-left: 40px;
		324	+}
		325	+
		326	+/recover behavior of noosfero/
		327	+.action-profile_members-change_role .role-permissions li{
		328	+ list-style: square;
		329	+}
	@@ -60,6 +60,7 @@		@@ -60,6 +60,7 @@
60	}	60	}
61		61
62	.controller-cms #content .main-content .formfieldline textarea{	62	.controller-cms #content .main-content .formfieldline textarea{
		63	+ max-width: 500px;
63	padding: 6px;	64	padding: 6px;
64	color: #585858;	65	color: #585858;
65	background: none;	66	background: none;
	@@ -140,14 +141,19 @@		@@ -140,14 +141,19 @@
140	height: 30px;	141	height: 30px;
141	padding: 2px 15px;	142	padding: 2px 15px;
142	margin-right: 10px;	143	margin-right: 10px;
143	- color: #FFF;
144	- background: #3E67B1;
145	font-size: 15px;	144	font-size: 15px;
		145	+ line-height: 14px;
146	}	146	}
147		147
148	-.controller-cms #content .main-content form .button-bar input:hover{
149	- background: #5E82C6;
150	- border: none;	148	+.controller-cms #content .main-content form .button-bar a span{
		149	+ line-height: 32px;
		150	+}
		151	+
		152	+.controller-cms #content .main-content form .button-bar input:hover,
		153	+.controller-cms #content .main-content form .button-bar a.button:hover{
		154	+ background: #3E67B1;
		155	+ border-color: #3E67B1;
		156	+ color: #FFF;
151	}	157	}
152		158
153	.controller-cms #content .main-content form .button-bar input.button.with-text{	159	.controller-cms #content .main-content form .button-bar input.button.with-text{
	@@ -164,12 +170,6 @@		@@ -164,12 +170,6 @@
164	text-align: center;	170	text-align: center;
165	}	171	}
166		172
167	-.controller-cms #content .main-content form .button-bar a.button:hover{
168	- background: none;
169	- color: #3E67B1;
170	- border-color: #3E67B1;
171	-}
172	-
173	.controller-cms #content .main-content form .box-title{	173	.controller-cms #content .main-content form .box-title{
174	font-size: 15px;	174	font-size: 15px;
175	font-family: Arial, helvetica;	175	font-family: Arial, helvetica;
	@@ -220,6 +220,9 @@		@@ -220,6 +220,9 @@
220	}	220	}
221		221
222	/* Article's edition page */	222	/* Article's edition page */
		223	+#content .text-editor-sidebar {
		224	+ width: 400px;
		225	+}
223		226
224	#content .text-editor-sidebar .header{	227	#content .text-editor-sidebar .header{
225	padding: 13px 10px;	228	padding: 13px 10px;
	@@ -250,6 +253,10 @@		@@ -250,6 +253,10 @@
250	border: 1px solid #D3D6DE;	253	border: 1px solid #D3D6DE;
251	}	254	}
252		255
		256	+#content .text-editor-sidebar #published-media .section-title {
		257	+ display: inline-block;
		258	+}
		259	+
253	/New Software form/	260	/New Software form/
254		261
255	.action-software_communities_plugin_myprofile-new_software #content.current-step h3 {	262	.action-software_communities_plugin_myprofile-new_software #content.current-step h3 {
	@@ -303,18 +310,22 @@		@@ -303,18 +310,22 @@
303	height: 100px;	310	height: 100px;
304	}	311	}
305		312
306	-.action-software_communities_plugin_myprofile-new_software #content #software-hostname {
307	- float: left;	313	+.action-software_communities_plugin_myprofile-new_software #software-name-field span{
308	display: inline-block;	314	display: inline-block;
309	- vertical-align: middle;
310	- background: #EEE;
311	- border: 1px solid #CFCFCF;	315	+ min-width: 0;
		316	+ width: auto;
		317	+}
		318	+
		319	+.action-software_communities_plugin_myprofile-new_software #software-name-field span #community-identifier{
		320	+ width: auto;
		321	+}
		322	+
		323	+.action-software_communities_plugin_myprofile-new_software #content #software-hostname {
312	line-height: 22px;	324	line-height: 22px;
313	- padding: 0px 7px;	325	+ padding: 0px;
314	color: #4A4A4A;	326	color: #4A4A4A;
315	font-size: 20px;	327	font-size: 20px;
316	text-transform: lowercase;	328	text-transform: lowercase;
317	- min-width: 190px;
318	border-spacing: 20px;	329	border-spacing: 20px;
319	}	330	}
320		331
	@@ -406,7 +417,7 @@ font-size: 10px;		@@ -406,7 +417,7 @@ font-size: 10px;
406	font-size: 13px;	417	font-size: 13px;
407	}	418	}
408		419
409	-/Contact new form/	420	+/* Contact new form*/
410		421
411	.action-contact-new #content .main-block form input[type="text"] {	422	.action-contact-new #content .main-block form input[type="text"] {
412	display: block;	423	display: block;
	@@ -474,4 +485,66 @@ font-size: 10px;		@@ -474,4 +485,66 @@ font-size: 10px;
474	background: #fff;	485	background: #fff;
475	line-height: 20px;	486	line-height: 20px;
476	font-size: 13px;	487	font-size: 13px;
477	-}
478	\ No newline at end of file	488	\ No newline at end of file
		489	+}
		490	+
		491	+/* Tasks edition */
		492	+
		493	+.action-tasks-index #content .main-block h1{
		494	+ margin: 0px 0 25px 0;
		495	+ border-bottom: 1px solid #d7d7d7;
		496	+ padding-bottom: 25px;
		497	+}
		498	+
		499	+.action-tasks-index fieldset.filter_fields{
		500	+ border: none;
		501	+}
		502	+
		503	+.action-tasks-index fieldset.filter_fields legend{
		504	+ display: none;
		505	+}
		506	+
		507	+
		508	+.action-tasks-index select{
		509	+ background: none;
		510	+ border: 1px solid #D3D6DE;
		511	+ border-radius: 4px;
		512	+ padding: 4px 15px 4px 4px;
		513	+ margin: 0px 0px 0px 10px;
		514	+ font-size: 14px;
		515	+}
		516	+.action-tasks-index #content .main-block form input[type="text"] {
		517	+ display: block;
		518	+ height: 19px;
		519	+ padding: 6px;
		520	+ border: 1px solid #ccc;
		521	+ border-radius: 4px;
		522	+ width: 384px;
		523	+ font-size: 15px;
		524	+ font-family: arial, helvetica;
		525	+ color: #585858;
		526	+}
		527	+
		528	+.action-tasks-index .task_box{
		529	+ margin-bottom: 10px;
		530	+ border-radius: 4px;
		531	+ padding: 20px;
		532	+ background-color: #ECEDF1;
		533	+ color: #172738;
		534	+ border: 1px solid #D3D6DE;
		535	+}
		536	+
		537	+.action-tasks-index .task_date {
		538	+ font-size: 11px;
		539	+}
		540	+
		541	+.action-tasks-index .task_accept_radio,
		542	+.action-tasks-index .task_reject_radio,
		543	+.action-tasks-index .task_skip_radio{
		544	+ margin: 5px 4px 15px 15px;
		545	+ line-height: 20px;
		546	+ position: absolute;
		547	+}
		548	+.action-tasks-index .task_decisions label{
		549	+ margin: 2px 0px 2px 30px;
		550	+ line-height: 22px;
		551	+}
@@ -0,0 +1,145 @@		@@ -0,0 +1,145 @@
	1	+.environment-notification-plugin-notification-bar{
	2	+ display: block;
	3	+}
	4	+
	5	+#environment-notification-plugin-notification-manager{
	6	+ overflow: auto;
	7	+}
	8	+
	9	+.environment-notification-plugin-notification-bar .notification .notification-close,
	10	+.environment-notification-plugin-notification-notification-modal .notification .notification-close{
	11	+ background: url(public/images/close.png) no-repeat;
	12	+ background-position: center;
	13	+ width: 20px;
	14	+ height: 20px;
	15	+}
	16	+
	17	+.environment-notification-plugin-notification-bar .warningnotification,
	18	+.environment-notification-plugin-notification-bar .informationnotification,
	19	+.environment-notification-plugin-notification-bar .successnotification,
	20	+.environment-notification-plugin-notification-bar .dangernotification,
	21	+.environment-notification-plugin-notification-bar .adminnotification,
	22	+.environment-notification-plugin-notification-notification-modal .warningnotification,
	23	+.environment-notification-plugin-notification-notification-modal .informationnotification,
	24	+.environment-notification-plugin-notification-notification-modal .successnotification,
	25	+.environment-notification-plugin-notification-notification-modal .dangernotification{
	26	+ margin-bottom: 38px;
	27	+ padding: 15px;
	28	+ border-radius: 4px;
	29	+ border: 1px solid blue;
	30	+ font-size: 14px;
	31	+ color: #FFFFFF;
	32	+ overflow: auto;
	33	+}
	34	+
	35	+.environment-notification-plugin-notification-bar .warningnotification p,
	36	+.environment-notification-plugin-notification-bar .informationnotification p,
	37	+.environment-notification-plugin-notification-bar .successnotification p,
	38	+.environment-notification-plugin-notification-bar .dangernotification p,
	39	+.environment-notification-plugin-notification-bar .adminnotification p,
	40	+.environment-notification-plugin-notification-notification-modal .warningnotification p,
	41	+.environment-notification-plugin-notification-notification-modal .informationnotification p,
	42	+.environment-notification-plugin-notification-notification-modal .successnotification p,
	43	+.environment-notification-plugin-notification-notification-modal .dangernotification p{
	44	+ margin: 0px;
	45	+}
	46	+
	47	+.environment-notification-plugin-notification-bar .warningnotification,
	48	+.environment-notification-plugin-notification-notification-modal .warningnotification{
	49	+ background: #fcf8e3;
	50	+ border: 1px solid #faebcc;
	51	+ color: #8a6d3b;
	52	+}
	53	+
	54	+.environment-notification-plugin-notification-bar .warningnotification p a,
	55	+.environment-notification-plugin-notification-notification-modal .warningnotification p a{
	56	+ font-weight: bold;
	57	+ color: #8a6d3b;
	58	+}
	59	+
	60	+
	61	+.environment-notification-plugin-notification-bar .informationnotification,
	62	+.environment-notification-plugin-notification-notification-modal .informationnotification{
	63	+ background: #d9edf7;
	64	+ border: 1px solid #bce8f1;
	65	+ color: #31708f;
	66	+}
	67	+
	68	+.environment-notification-plugin-notification-bar .informationnotification p a,
	69	+.environment-notification-plugin-notification-notification-modal .informationnotification p a{
	70	+ font-weight: bold;
	71	+ color: #31708f;
	72	+}
	73	+
	74	+.environment-notification-plugin-notification-bar .successnotification,
	75	+.environment-notification-plugin-notification-notification-modal .successnotification{
	76	+ background: #dff0d8;
	77	+ border: 1px solid #d6e9c6;
	78	+ color: #3c763d;
	79	+}
	80	+
	81	+.environment-notification-plugin-notification-bar .successnotification p a
	82	+.environment-notification-plugin-notification-notification-modal .successnotification p a{
	83	+ font-weight: bold;
	84	+ color: #3c763d;
	85	+}
	86	+
	87	+.environment-notification-plugin-notification-bar .dangernotification,
	88	+.environment-notification-plugin-notification-notification-modal .dangernotification{
	89	+ background: #f2dede;
	90	+ border: 1px solid #ebccd1;
	91	+ color: #a94442;
	92	+}
	93	+
	94	+.environment-notification-plugin-notification-bar .dangernotification p a,
	95	+.environment-notification-plugin-notification-notification-modal .dangernotification p a{
	96	+ font-weight: bold;
	97	+ color: #a94442;
	98	+}
	99	+
	100	+.environment-notification-plugin-notification-bar .adminnotification,
	101	+.environment-notification-plugin-notification-notification-modal .adminnotification{
	102	+ background: #9a959a;
	103	+ border: 1px solid #9a959a;
	104	+}
	105	+
	106	+.environment-notification-plugin-notification-bar .adminnotification p a,
	107	+.environment-notification-plugin-notification-notification-modal .adminnotification p a{
	108	+ font-weight: bold;
	109	+ color: white;
	110	+}
	111	+
	112	+.environment-notification-plugin-notification-bar .notification .notification-message,
	113	+.environment-notification-plugin-notification-notification-modal .notification .notification-message{
	114	+ width: 90%;
	115	+ float: left;
	116	+}
	117	+
	118	+.environment-notification-plugin-notification-bar .notification .notification-close{
	119	+ background: url(../images/redclose.png) no-repeat;
	120	+ background-position: center;
	121	+ width: 20px;
	122	+ height: 20px;
	123	+ float: right;
	124	+ cursor: pointer;
	125	+}
	126	+
	127	+.environment-notification-plugin-notification-bar .notification .notification-hide{
	128	+ background: url(../images/greenhide.png) no-repeat;
	129	+ background-position: center;
	130	+ width: 20px;
	131	+ height: 20px;
	132	+ float: right;
	133	+ cursor: pointer;
	134	+}
	135	+
	136	+.environment-notification-plugin-notification-notification-modal{
	137	+ display: block;
	138	+ min-width: 400px;
	139	+ max-width: 700px;
	140	+}
	141	+
	142	+.environment-notification-plugin-form .notification-variables-options{
	143	+ font-style: italic;
	144	+ color: red;
	145	+}
	@@ -25,6 +25,7 @@		@@ -25,6 +25,7 @@
25	@import url(css/software-catalog-page.css);	25	@import url(css/software-catalog-page.css);
26	@import url(css/tooltip.css);	26	@import url(css/tooltip.css);
27	@import url(css/popover.css);	27	@import url(css/popover.css);
		28	+@import url(css/notifications.css);
28		29
29	@font-face{	30	@font-face{
30	font-weight: normal;	31	font-weight: normal;