Commit 5d79a4595636a411238b7bcefb7f13eb1174082a

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

adjustments in the popup, tabs and fine adjustments

Showing 2 changed files with 222 additions and 14 deletions   Show diff stats
css/community-pages.css
@@ -151,15 +151,20 @@ @@ -151,15 +151,20 @@
151 151
152 /*Members Page*/ 152 /*Members Page*/
153 153
  154 +
154 /*area do select*/ 155 /*area do select*/
  156 +
155 .action-profile-members #profile-members-sort-options{ 157 .action-profile-members #profile-members-sort-options{
156 font-size: 14px; 158 font-size: 14px;
157 text-align: right; 159 text-align: right;
158 - margin-bottom:20px; 160 + margin:16px 15px 17px 6px;
  161 + border-bottom: 1px solid #ECEDF1;
  162 + padding-bottom:8px;
159 } 163 }
160 164
161 .action-profile-members #profile-members-sort-options label{ 165 .action-profile-members #profile-members-sort-options label{
162 - font-weight: 600; 166 + font-weight: 700;
  167 + color:#172738;
163 } 168 }
164 169
165 .action-profile-members #profile-members-sort-options select{ 170 .action-profile-members #profile-members-sort-options select{
@@ -171,6 +176,14 @@ @@ -171,6 +176,14 @@
171 font-size: 14px; 176 font-size: 14px;
172 } 177 }
173 /*fim select*/ 178 /*fim select*/
  179 +.action-profile-members .profile-members{
  180 + padding-left: 5px; /*34px;*/
  181 + /*background-image: url(members.png);*/
  182 +}
  183 +.action-profile-members .profile-admins{
  184 + padding-left: 5px;
  185 + /*background-image: url(members.png);*/
  186 +}
174 /*area da imagem*/ 187 /*area da imagem*/
175 .action-profile-members .box-1 .common-profile-list-block span{ 188 .action-profile-members .box-1 .common-profile-list-block span{
176 margin-right: 9px; 189 margin-right: 9px;
@@ -198,9 +211,10 @@ @@ -198,9 +211,10 @@
198 background:#172738; 211 background:#172738;
199 border-radius: 4px; 212 border-radius: 4px;
200 /***posicionamento do bloco na lateral***/ 213 /***posicionamento do bloco na lateral***/
201 - bottom:-66px; /*0px;*/ 214 + bottom:0px; /*-66px; 0px;*/
202 right: 105%; 215 right: 105%;
203 - width: 126px; 216 + width: 131px;
  217 + height: 171px;
204 } 218 }
205 .action-profile-members .menu-submenu.down::before { 219 .action-profile-members .menu-submenu.down::before {
206 content:"\f0da"; 220 content:"\f0da";
@@ -209,8 +223,8 @@ @@ -209,8 +223,8 @@
209 font-size: 25px; 223 font-size: 25px;
210 float: right; 224 float: right;
211 position: relative; 225 position: relative;
212 - margin-right: -8px; /*-7px;*/  
213 - margin-top: 3px; /*65%;*/ 226 + margin:-7px;
  227 + margin-top: 30%; /*3px /65%;*/
214 } 228 }
215 229
216 .action-profile-members .menu-submenu-header, 230 .action-profile-members .menu-submenu-header,
@@ -235,8 +249,11 @@ @@ -235,8 +249,11 @@
235 border-top-left-radius: 4px; 249 border-top-left-radius: 4px;
236 border-bottom: 2px solid #FF0366; 250 border-bottom: 2px solid #FF0366;
237 text-transform: uppercase; 251 text-transform: uppercase;
238 - padding:6px; 252 + padding:6px 6px 10px 6px;
  253 + margin:2px 0px 2px 0px;
239 text-align: center; 254 text-align: center;
  255 + max-height: 16px;
  256 + overflow: hidden;
240 } 257 }
241 258
242 .action-profile-members #content .menu-submenu-content ul a{ 259 .action-profile-members #content .menu-submenu-content ul a{
@@ -282,6 +299,10 @@ @@ -282,6 +299,10 @@
282 top:5px; 299 top:5px;
283 left:4px; 300 left:4px;
284 border:1px solid #172738; 301 border:1px solid #172738;
  302 + padding-bottom: 0px;
  303 + border-radius: 5px;
  304 + -moz-border-radius:5px;
  305 + -webkit-border-radius:5px;
285 } 306 }
286 307
287 .action-profile-members .common-profile-list-block .vcard .menu-submenu-trigger::before{ 308 .action-profile-members .common-profile-list-block .vcard .menu-submenu-trigger::before{
@@ -296,9 +317,11 @@ @@ -296,9 +317,11 @@
296 color:#172738; 317 color:#172738;
297 }*/ 318 }*/
298 319
299 -/*.action-profile-members .common-profile-list-block .vcard a{  
300 - max-height: 150px;  
301 -}*/ 320 +.action-profile-members .common-profile-list-block .vcard a{
  321 + /*height: 145px;
  322 + max-height: 150px;*/
  323 + padding-bottom: 30px;
  324 +}
302 325
303 /*.action-profile-members .comment-actions .vcard a{ 326 /*.action-profile-members .comment-actions .vcard a{
304 height: 150px; 327 height: 150px;
@@ -310,11 +333,194 @@ @@ -310,11 +333,194 @@
310 color:#172738; 333 color:#172738;
311 margin-bottom: 27px; 334 margin-bottom: 27px;
312 margin-top:2px; 335 margin-top:2px;
313 - height: 30px;  
314 - max-height: 30px; 336 + height: 35px;
  337 + max-height: 35px;
315 overflow: hidden; 338 overflow: hidden;
316 } 339 }
317 340
318 /************************************************************/ 341 /************************************************************/
319 342
320 -/*Members block*/  
321 \ No newline at end of file 343 \ No newline at end of file
  344 +/*Members block*/
  345 +
  346 +#content .members-block{
  347 + border:1px solid #D3D6DE !important;
  348 + border-radius: 4px;
  349 +}
  350 +#content .members-block .block-title{
  351 + background-color:#ECEDF1;
  352 + border-bottom:1px solid #D3D6DE;
  353 + border-top:none;
  354 + color:#172738;
  355 + font-size:14px;
  356 + padding:12px;
  357 + margin-bottom:12px;
  358 +}
  359 +
  360 +.members-block .block-footer-content{
  361 + background-color:#ECEDF1;
  362 + padding:8px 10px 15px 0px;
  363 + margin-right:0px;
  364 + border-top:1px solid #D3D6DE;
  365 + text-align: right;
  366 +}
  367 +#content .members-block .block-footer-content a{
  368 + padding-right: 0px !important;
  369 +}
  370 +
  371 +#content .members-block .block-footer-content a.view-all{
  372 + background-image:none;
  373 + border:none;
  374 + text-transform: uppercase;
  375 + line-height: 21px;
  376 +}
  377 +#content .members-block .block-footer-content a.view-all::after{
  378 +content:"\f105";
  379 +font-family: FontAwesome;
  380 +/*content: url("images/left-arrow.png");*/
  381 +padding-left: 7px;
  382 +padding-right: 4px;
  383 +color:#ffffff;
  384 +background: #3E67B1;
  385 +border-radius: 4px;
  386 +font-size: 18px;
  387 +line-height: 20px;
  388 +text-align: center;
  389 +margin-left: 5px;
  390 +position: relative;
  391 +top: 2px;
  392 +/*margin-right:0px;*/
  393 +}
  394 +
  395 +.members-block .common-profile-list-block .vcard{
  396 + border:none;
  397 +}
  398 +.members-block .common-profile-list-block .vcard:hover{
  399 + border:none;
  400 + background:none;
  401 +}
  402 +/*.members-block .common-profile-list-block .vcard a{
  403 + padding-bottom: 0px;
  404 +}
  405 +.members-block .common-profile-list-block .vcard a.profile_link{
  406 + max-height: 100px;
  407 + height: 100px;
  408 +}*/
  409 +
  410 +#content .members-block .common-profile-list-block .vcard li a{
  411 + color:#172738;
  412 +}
  413 +
  414 +.members-block .menu-submenu{
  415 + background:#172738;
  416 + border-radius: 4px;
  417 + /***posicionamento do bloco na lateral***/
  418 + bottom:-29px;
  419 + right: 100%;
  420 + width: 131px;
  421 + height: 176px;
  422 +}
  423 +
  424 +.members-block .menu-submenu.down::before{
  425 + content:"\f0da";
  426 + color:#172738;
  427 + font-family: FontAwesome;
  428 + font-size:25px;
  429 + float:right;
  430 + position:relative;
  431 + margin:-7px;
  432 + margin-top:30%;
  433 +}
  434 +
  435 +.members-block .menu-submenu-header,
  436 +.members-block .menu-submenu-content,
  437 +.members-block .menu-submenu-footer{
  438 + background:none;
  439 +}
  440 +
  441 +.members-block .menu-submenu-header,
  442 +.members-block .menu-submenu-footer{
  443 + display: none;
  444 +}
  445 +.members-block .menu-submenu-content{
  446 + height:100%;
  447 +}
  448 +
  449 +#content .members-block .common-profile-list-block li{
  450 + margin:0px !important;
  451 +}
  452 +
  453 +.members-block .common-profile-list-block .vcard .menu-submenu-trigger{
  454 + display: block;
  455 + background:#172738;
  456 + top:2px;
  457 + left:3px;
  458 + border:1px solid #fff; /*#172738;*/
  459 + padding-bottom: 0px;
  460 + opacity: 0.7;
  461 + height: 13px;
  462 +}
  463 +
  464 +.members-block .common-profile-list-block .vcard .menu-submenu-trigger::before{
  465 + content:"\f053";
  466 + color:#fff;
  467 + font-family: FontAwesome;
  468 + font-size: 8px; /*10px;*/
  469 + line-height: 11px; /*13px*/
  470 +}
  471 +
  472 +/*.members-block .common-profile-list-block .vcard .menu-submenu-trigger:hover,
  473 +.members-block .menu-submenu-trigger:hover{
  474 + background: none;
  475 + border:none;
  476 + width: 40%;
  477 + height: 25%;
  478 +}*/
  479 +
  480 +#content .members-block .common-profile-list-block .fn {
  481 + margin-top:2px;
  482 + color:#172738;
  483 +}
  484 +
  485 +#content .members-block .menu-submenu-content h4{
  486 + color: #fff;
  487 + background:#243F59;
  488 + border-bottom: 2px solid #FF0366;
  489 + text-transform: uppercase;
  490 + padding:6px 6px 10px 6px;
  491 + margin:2px 0px 2px 0px;
  492 + text-align: center;
  493 + max-height: 16px;
  494 + overflow: hidden;
  495 +}
  496 +
  497 +#content .friends-block ul, #content .members-block ul {
  498 +min-width: 196px;
  499 +width: 192px;
  500 +margin: 0px 0px 0px 0px;
  501 +padding: 0px;
  502 +}
  503 +
  504 +#content .members-block .menu-submenu-content .menu-submenu-list li a{
  505 + color:#fff;
  506 + border-bottom:1px dotted #2C4B6B;
  507 + text-align: center;
  508 +}
  509 +
  510 +#content .members-block .menu-submenu-content h4:hover,
  511 +#content .members-block .menu-submenu-content .menu-submenu-list li a:hover{
  512 + color:#ECEDF1;
  513 +}
  514 +
  515 +.members-block .common-profile-list-block img{
  516 + border-radius: 4px;
  517 + max-height:50px;
  518 + max-width:50px;
  519 + width: 50px;
  520 + height: 50px;
  521 +}
  522 +
  523 +.members-block .block-footer-content a.view-all{
  524 + position:relative;
  525 +}
  526 +
  527 +/*****************************************************/
@@ -5,7 +5,9 @@ @@ -5,7 +5,9 @@
5 .profile-members-tabs-container .ui-corner-all{ 5 .profile-members-tabs-container .ui-corner-all{
6 overflow: visible; 6 overflow: visible;
7 } 7 }
8 - 8 +.profile-members-tabs-container .ui-widget{
  9 + font-size: 0px;
  10 +}
9 .profile-members-tabs-container .ui-widget-header{ 11 .profile-members-tabs-container .ui-widget-header{
10 background:#ECEDF1; 12 background:#ECEDF1;
11 border:none; 13 border:none;