Commit 6761ccd71dd034dda77af87866553dbdf12d5ab5

Authored by Melissa Wen
2 parents 7fde45dd fa1524c2
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

Members page and block

Showing 3 changed files with 336 additions and 327 deletions   Show diff stats
css/community-pages.css
1 -/*** Profile page ***/  
2 -.profile-type-is-community .action-profile-index #content .main-block h1 {  
3 - color: #172738;  
4 - border-bottom: none;  
5 - font-size: 2.3em;  
6 - font-weight: bold;  
7 - font-variant: normal;  
8 - font-family: Arial, open_sansbold, Helvetica, sans-serif; 1 +/*** Right bar ***/
  2 +
  3 +/* Members block */
  4 +
  5 +#content .members-block{
  6 + border:1px solid #D3D6DE !important;
  7 + border-radius: 4px;
  8 +}
  9 +
  10 +#content .members-block .block-title{
  11 + background-color:#ECEDF1;
  12 + border-bottom:1px solid #D3D6DE;
  13 + border-top:none;
  14 + color:#172738;
  15 + font-size:14px;
  16 + padding:12px;
  17 + margin-bottom:12px;
  18 +}
  19 +
  20 +.members-block .block-footer-content{
  21 + background-color:#ECEDF1;
  22 + padding:8px 10px 15px 0px;
  23 + margin-right:0px;
  24 + border-top:1px solid #D3D6DE;
  25 + text-align: right;
  26 +}
  27 +
  28 +#content .members-block .block-footer-content a{
  29 + padding-right: 0px !important;
  30 +}
  31 +
  32 +#content .members-block .block-footer-content a.view-all{
  33 + background-image:none;
  34 + border:none;
  35 + text-transform: uppercase;
  36 + line-height: 21px;
  37 +}
  38 +
  39 +#content .members-block .block-footer-content a.view-all::after{
  40 + content:"\f105";
  41 + font-family: FontAwesome;
  42 + padding-left: 7px;
  43 + padding-right: 4px;
  44 + color:#ffffff;
  45 + background: #3E67B1;
  46 + border-radius: 4px;
  47 + font-size: 18px;
  48 + line-height: 20px;
  49 + text-align: center;
  50 + margin-left: 5px;
  51 + position: relative;
  52 + top: 2px;
  53 +}
  54 +
  55 +.members-block .common-profile-list-block .vcard{
  56 + border:none;
  57 +}
  58 +.members-block .common-profile-list-block .vcard:hover{
  59 + border:none;
  60 + background:none;
  61 +}
  62 +
  63 +#content .members-block .common-profile-list-block .vcard li a{
  64 + color:#172738;
  65 +}
  66 +
  67 +.members-block .menu-submenu{
  68 + background:#172738;
  69 + border-radius: 4px;
  70 + /***side block position***/
  71 + bottom:-29px;
  72 + right: 100%;
  73 + width: 131px;
  74 + height: 176px;
  75 + box-shadow: 2px 2px 2px #ECEDF1;
  76 + -webkit-box-shadow: 2px 2px 2px #ECEDF1;
  77 + -moz-box-shadow: 2px 2px 2px #ECEDF1;
  78 +}
  79 +
  80 +.members-block .menu-submenu.down::before{
  81 + content:"\f0da";
  82 + color:#172738;
  83 + font-family: FontAwesome;
  84 + font-size:25px;
  85 + float:right;
  86 + position:relative;
  87 + margin:-7px;
  88 + margin-top:30%;
  89 +}
  90 +
  91 +.members-block .menu-submenu-header,
  92 +.members-block .menu-submenu-content,
  93 +.members-block .menu-submenu-footer{
  94 + background:none;
  95 +}
  96 +
  97 +.members-block .menu-submenu-header,
  98 +.members-block .menu-submenu-footer{
  99 + display: none;
  100 +}
  101 +.members-block .menu-submenu-content{
  102 + height:100%;
  103 +}
  104 +
  105 +#content .members-block .common-profile-list-block li{
  106 + margin:0px !important;
  107 +}
  108 +
  109 +.members-block .common-profile-list-block .vcard .menu-submenu-trigger{
  110 + display: block;
  111 + background:#172738;
  112 + top:2px;
  113 + left:3px;
  114 + border:1px solid #fff;
  115 + padding-bottom: 0px;
  116 + opacity: 0.7;
  117 + height: 13px;
  118 +}
  119 +
  120 +.members-block .common-profile-list-block .vcard .menu-submenu-trigger::before{
  121 + content:"\f053";
  122 + color:#fff;
  123 + font-family: FontAwesome;
  124 + font-size: 8px;
  125 + line-height: 11px;
  126 +}
  127 +
  128 +#content .members-block .common-profile-list-block .fn {
  129 + margin-top:2px;
  130 + color:#172738;
  131 +}
  132 +
  133 +#content .members-block .menu-submenu-content h4{
  134 + color: #fff;
  135 + font-family: Arial;
  136 + font-size: 13px;
  137 + background:#243F59;
  138 + border-bottom: 2px solid #FF0366;
  139 + text-transform: uppercase;
  140 + padding:8px 7px 10px 6px;
  141 + margin:0px 0px 2px 0px;
  142 + text-align: center;
  143 + max-height: 16px;
  144 + overflow: hidden;
9 } 145 }
10 146
11 -/*** Profile info block***/ 147 +#content .friends-block ul, #content .members-block ul {
  148 +min-width: 196px;
  149 +width: 192px;
  150 +margin: 0px 0px 0px 0px;
  151 +padding: 0px;
  152 +}
  153 +
  154 +#content .members-block .menu-submenu-content .menu-submenu-list li a{
  155 + color:#fff;
  156 + border-bottom:1px dotted #2C4B6B;
  157 + text-align: center;
  158 +}
  159 +
  160 +#content .members-block .menu-submenu-content h4:hover,
  161 +#content .members-block .menu-submenu-content .menu-submenu-list li a:hover{
  162 + color:#ECEDF1;
  163 +}
  164 +
  165 +.members-block .common-profile-list-block img{
  166 + border-radius: 4px;
  167 + max-height:50px;
  168 + max-width:50px;
  169 + width: 50px;
  170 + height: 50px;
  171 +}
  172 +
  173 +.members-block .block-footer-content a.view-all{
  174 + position:relative;
  175 +}
  176 +
  177 +/* Profile info block */
12 178
13 #content .profile-image-block .admin-link a{ 179 #content .profile-image-block .admin-link a{
14 color: #2c66ce; 180 color: #2c66ce;
@@ -20,7 +186,13 @@ @@ -20,7 +186,13 @@
20 } 186 }
21 187
22 #content .profile-image-block .profile-info-options a.button.with-text{ 188 #content .profile-image-block .profile-info-options a.button.with-text{
23 - font-size: 11px; 189 + border-color: #D3D6DE;
  190 + font-size: 12px;
  191 + text-transform: none;
  192 +}
  193 +
  194 +#content .profile-image-block .profile-info-options a.button.with-text:hover{
  195 + border-color: #3E67B1;
24 } 196 }
25 197
26 /* Search form - need to develop solution - hidden on profile page*/ 198 /* Search form - need to develop solution - hidden on profile page*/
@@ -45,7 +217,7 @@ @@ -45,7 +217,7 @@
45 padding: 6px; 217 padding: 6px;
46 height: 19px; 218 height: 19px;
47 max-height: 19px; 219 max-height: 19px;
48 - border: 1px solid #ccc; 220 + border: 1px solid #D3D6DE;
49 border-radius: 4px; 221 border-radius: 4px;
50 } 222 }
51 223
@@ -72,6 +244,18 @@ @@ -72,6 +244,18 @@
72 text-transform: uppercase; 244 text-transform: uppercase;
73 } 245 }
74 246
  247 +/*** Profile page ***/
  248 +
  249 +/* Profile header */
  250 +.profile-type-is-community .action-profile-index #content .main-block h1 {
  251 + color: #172738;
  252 + border-bottom: none;
  253 + font-size: 2.3em;
  254 + font-weight: bold;
  255 + font-variant: normal;
  256 + font-family: Arial, open_sansbold, Helvetica, sans-serif;
  257 +}
  258 +
75 /* Profile tab */ 259 /* Profile tab */
76 .profile-type-is-community .action-profile-index table.profile{ 260 .profile-type-is-community .action-profile-index table.profile{
77 display: none; 261 display: none;
@@ -125,10 +309,127 @@ @@ -125,10 +309,127 @@
125 display: block; 309 display: block;
126 } 310 }
127 311
128 -/*Members Page*/ 312 +/*** Members Page ***/
  313 +
  314 +/* Title of the area members */
  315 +.action-profile-members #content .page-members-header{
  316 + margin-bottom: 45px;
  317 + padding-bottom: 26px;
  318 + border-bottom: 1px solid #D3D6DE;
  319 + font-family: Arial;
  320 +}
  321 +
  322 +.action-profile-members #content .page-members-header h1{
  323 + margin:20px 0px 8px 0px;
  324 +}
  325 +
  326 +.action-profile-members #content .page-members-header h3.community-name-members{
  327 + margin: 0px 0px 5px 0px;
  328 + font-size: 14px;
  329 + font-weight: 600;
  330 +}
129 331
130 -/*Select area*/ 332 +.action-profile-members #content .page-members-header a.button.with-text{
  333 + padding: 5px 15px;
  334 + border: 1px solid #D3D6DE;
  335 + text-transform: none;
  336 + font-size: 12px;
  337 +}
  338 +
  339 +.action-profile-members #content .page-members-header a.button.with-text:hover{
  340 + border-color: #3E67B1;
  341 +}
131 342
  343 +.action-profile-members .page-members-header .join-leave-button.require-login-popup{
  344 + margin-right: 4px;
  345 + float: left;
  346 +}
  347 +
  348 +/* Tabs */
  349 +
  350 +.action-profile-members #content .profile-members-tabs-container{
  351 + font-family: Arial;
  352 +}
  353 +
  354 +.action-profile-members #content .profile-members-tabs-container .ui-corner-all{
  355 + overflow: visible;
  356 + padding: 0;
  357 +}
  358 +
  359 +.action-profile-members #content .profile-members-tabs-container .iu-widget{
  360 + font-size: 0px ;
  361 +}
  362 +
  363 +.action-profile-members #content .profile-members-tabs-container .ui-widget-header{
  364 + background: #ECEDF1;
  365 + border: none;
  366 + border-bottom: 3px solid #D3D6DE;
  367 +}
  368 +
  369 +.action-profile-members #content .profile-members-tabs-container .ui-widget-content{
  370 + background: none;
  371 + border: none;
  372 +}
  373 +
  374 +.action-profile-members #content .profile-members-tabs-container .ui-corner-all,
  375 +.action-profile-members #content .profile-members-tabs-container .ui-corner-bl,
  376 +.action-profile-members #content .profile-members-tabs-container .ui-corner-top,
  377 +.action-profile-members #content .profile-members-tabs-container .ui-corner-right,
  378 +.action-profile-members #content .profile-members-tabs-container .ui-corner-bottom,
  379 +.action-profile-members #content .profile-members-tabs-container .ui-corner-left,
  380 +.action-profile-members #content .profile-members-tabs-container .ui-corner-tr,
  381 +.action-profile-members #content .profile-members-tabs-container .ui-corner-tl{
  382 + border-radius: 0px;
  383 +}
  384 +
  385 +.action-profile-members #content .profile-members-tabs-container .ui-state-default,
  386 +.action-profile-members #content .profile-members-tabs-container .ui-widget-content .ui-state-default,
  387 +.action-profile-members #content .profile-members-tabs-container .ui-widget-header .ui-state-default{
  388 + border: none;
  389 + background: #ECEDF1;
  390 + font-weight: normal;
  391 + color: #172738;
  392 +}
  393 +
  394 +.action-profile-members #content .profile-members-tabs-container .ui-tabs .ui-tabs-nav {
  395 + font-size: 15px;
  396 +}
  397 +
  398 +.action-profile-members #content .profile-members-tabs-container .ui-tabs .ui-tabs-nav .ui-tabs-anchor{
  399 + float: none;
  400 + display: table;
  401 +}
  402 +
  403 +.action-profile-members #content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li{
  404 + padding-right: 3px;
  405 +}
  406 +
  407 +.action-profile-members #content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li a:visited{
  408 + color: #172738;
  409 +}
  410 +
  411 +.action-profile-members #content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  412 + margin-bottom: -3px;
  413 + padding-bottom: 1px;
  414 + border-bottom: 3px solid #FF0366;
  415 +}
  416 +
  417 +.action-profile-members #content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-active:before{
  418 + content:"\f0dd";
  419 + font-family: FontAwesome;
  420 + font-size: 16px;
  421 + position:absolute;
  422 + top:26px;
  423 + margin:0px 45%;
  424 + color:#FF0366;
  425 +}
  426 +
  427 +.action-profile-members #content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  428 + color: #FF0366;
  429 + font-weight: 700;
  430 +}
  431 +
  432 +/* Sort selection */
132 .action-profile-members #profile-members-sort-options{ 433 .action-profile-members #profile-members-sort-options{
133 font-size: 14px; 434 font-size: 14px;
134 text-align: right; 435 text-align: right;
@@ -150,22 +451,37 @@ @@ -150,22 +451,37 @@
150 margin: 0px 0px 0px 10px; 451 margin: 0px 0px 0px 10px;
151 font-size: 14px; 452 font-size: 14px;
152 } 453 }
153 -/*end of select*/  
154 454
155 -.action-profile-members .profile-members{  
156 - padding-left: 5px; /*34px;*/ 455 +/* Members Tab */
  456 +.action-profile-members .profile-members-tabs-container .profile-members{
  457 + padding-left: 5px;
157 } 458 }
158 459
159 -.action-profile-members .profile-admins{ 460 +/* Admins Tab */
  461 +.action-profile-members .profile-members-tabs-container .profile-admins{
160 padding-left: 5px; 462 padding-left: 5px;
161 } 463 }
162 464
163 -/* Image area*/ 465 +/* Profiles list*/
  466 +.action-profile-members .common-profile-list-block .vcard{
  467 + border: none;
  468 +}
  469 +
  470 +.action-profile-members .common-profile-list-block .vcard:hover{
  471 + border: none;
  472 + background: none;
  473 +}
  474 +
  475 +.action-profile-members .common-profile-list-block .vcard a{
  476 + padding-bottom: 30px;
  477 +}
  478 +
164 .action-profile-members .box-1 .common-profile-list-block span{ 479 .action-profile-members .box-1 .common-profile-list-block span{
165 margin-right: 9px; 480 margin-right: 9px;
166 width: 90px; 481 width: 90px;
167 height: 86px; 482 height: 86px;
168 } 483 }
  484 +
169 .action-profile-members .common-profile-list-block img{ 485 .action-profile-members .common-profile-list-block img{
170 border-radius: 4px; 486 border-radius: 4px;
171 width: 82px; 487 width: 82px;
@@ -174,16 +490,6 @@ @@ -174,16 +490,6 @@
174 max-height: 150px; 490 max-height: 150px;
175 } 491 }
176 492
177 -/*Image hover and informations*/  
178 -.action-profile-members .common-profile-list-block .vcard{  
179 - border:none;  
180 -}  
181 -  
182 -.action-profile-members .common-profile-list-block .vcard:hover{  
183 - border:none;  
184 - background:none;  
185 -}  
186 -  
187 .action-profile-members .menu-submenu{ 493 .action-profile-members .menu-submenu{
188 background:#172738; 494 background:#172738;
189 border-radius: 4px; 495 border-radius: 4px;
@@ -265,12 +571,6 @@ @@ -265,12 +571,6 @@
265 margin-right: 1px; 571 margin-right: 1px;
266 } 572 }
267 573
268 -.action-profile-members .box-1 .common-profile-list-block span{  
269 - margin-right: 9px;  
270 - width: 90px;  
271 - height: 86px;  
272 -}  
273 -  
274 .action-profile-members .common-profile-list-block .vcard .menu-submenu-trigger{ 574 .action-profile-members .common-profile-list-block .vcard .menu-submenu-trigger{
275 display: block; 575 display: block;
276 background:#172738; 576 background:#172738;
@@ -292,10 +592,6 @@ @@ -292,10 +592,6 @@
292 line-height: 11px; 592 line-height: 11px;
293 } 593 }
294 594
295 -.action-profile-members .common-profile-list-block .vcard a{  
296 - padding-bottom: 30px;  
297 -}  
298 -  
299 .action-profile-members .box-1 .common-profile-list-block .fn{ 595 .action-profile-members .box-1 .common-profile-list-block .fn{
300 font-size: 14px; 596 font-size: 14px;
301 color:#172738; 597 color:#172738;
@@ -306,218 +602,6 @@ @@ -306,218 +602,6 @@
306 overflow: hidden; 602 overflow: hidden;
307 } 603 }
308 604
309 -/************************************************************/  
310 -/*****title of the area members******/  
311 -.action-profile-members #content .page-members-header{  
312 - font-family: Arial;  
313 - border-bottom: 1px solid #D3D6DE;  
314 - margin-bottom: 45px;  
315 - padding-bottom: 26px;  
316 - background-image: url("titulo.png");  
317 -  
318 -}  
319 -  
320 -.action-profile-members #content .page-members-header h1{  
321 - margin:20px 0px 8px 0px;  
322 -}  
323 -  
324 -.action-profile-members #content .page-members-header h3.community-name-members{  
325 - font-size: 14px;  
326 - font-weight: 600;  
327 - margin:0px 0px 5px 0px;  
328 -}  
329 -  
330 -.action-profile-members #content .page-members-header a.button.with-text{  
331 - border:1px solid #ccc;  
332 - text-transform: none;  
333 - font-size: 12px;  
334 - padding:3px 15px;  
335 -}  
336 -  
337 -.action-profile-members .page-members-header .join-leave-button.require-login-popup{  
338 - float:left;  
339 - margin-right: 4px;  
340 -}  
341 -  
342 -/*************************************/  
343 -  
344 -/*Members block*/  
345 -  
346 -#content .members-block{  
347 - border:1px solid #D3D6DE !important;  
348 - border-radius: 4px;  
349 -}  
350 -  
351 -#content .members-block .block-title{  
352 - background-color:#ECEDF1;  
353 - border-bottom:1px solid #D3D6DE;  
354 - border-top:none;  
355 - color:#172738;  
356 - font-size:14px;  
357 - padding:12px;  
358 - margin-bottom:12px;  
359 -}  
360 -  
361 -.members-block .block-footer-content{  
362 - background-color:#ECEDF1;  
363 - padding:8px 10px 15px 0px;  
364 - margin-right:0px;  
365 - border-top:1px solid #D3D6DE;  
366 - text-align: right;  
367 -}  
368 -  
369 -#content .members-block .block-footer-content a{  
370 - padding-right: 0px !important;  
371 -}  
372 -  
373 -#content .members-block .block-footer-content a.view-all{  
374 - background-image:none;  
375 - border:none;  
376 - text-transform: uppercase;  
377 - line-height: 21px;  
378 -}  
379 -  
380 -#content .members-block .block-footer-content a.view-all::after{  
381 - content:"\f105";  
382 - font-family: FontAwesome;  
383 - padding-left: 7px;  
384 - padding-right: 4px;  
385 - color:#ffffff;  
386 - background: #3E67B1;  
387 - border-radius: 4px;  
388 - font-size: 18px;  
389 - line-height: 20px;  
390 - text-align: center;  
391 - margin-left: 5px;  
392 - position: relative;  
393 - top: 2px;  
394 -}  
395 -  
396 -.members-block .common-profile-list-block .vcard{  
397 - border:none;  
398 -}  
399 -.members-block .common-profile-list-block .vcard:hover{  
400 - border:none;  
401 - background:none;  
402 -}  
403 -  
404 -#content .members-block .common-profile-list-block .vcard li a{  
405 - color:#172738;  
406 -}  
407 -  
408 -.members-block .menu-submenu{  
409 - background:#172738;  
410 - border-radius: 4px;  
411 - /***side block position***/  
412 - bottom:-29px;  
413 - right: 100%;  
414 - width: 131px;  
415 - height: 176px;  
416 - box-shadow: 2px 2px 2px #ECEDF1;  
417 - -webkit-box-shadow: 2px 2px 2px #ECEDF1;  
418 - -moz-box-shadow: 2px 2px 2px #ECEDF1;  
419 -}  
420 -  
421 -.members-block .menu-submenu.down::before{  
422 - content:"\f0da";  
423 - color:#172738;  
424 - font-family: FontAwesome;  
425 - font-size:25px;  
426 - float:right;  
427 - position:relative;  
428 - margin:-7px;  
429 - margin-top:30%;  
430 -}  
431 -  
432 -.members-block .menu-submenu-header,  
433 -.members-block .menu-submenu-content,  
434 -.members-block .menu-submenu-footer{  
435 - background:none;  
436 -}  
437 -  
438 -.members-block .menu-submenu-header,  
439 -.members-block .menu-submenu-footer{  
440 - display: none;  
441 -}  
442 -.members-block .menu-submenu-content{  
443 - height:100%;  
444 -}  
445 -  
446 -#content .members-block .common-profile-list-block li{  
447 - margin:0px !important;  
448 -}  
449 -  
450 -.members-block .common-profile-list-block .vcard .menu-submenu-trigger{  
451 - display: block;  
452 - background:#172738;  
453 - top:2px;  
454 - left:3px;  
455 - border:1px solid #fff;  
456 - padding-bottom: 0px;  
457 - opacity: 0.7;  
458 - height: 13px;  
459 -}  
460 -  
461 -.members-block .common-profile-list-block .vcard .menu-submenu-trigger::before{  
462 - content:"\f053";  
463 - color:#fff;  
464 - font-family: FontAwesome;  
465 - font-size: 8px;  
466 - line-height: 11px;  
467 -}  
468 -  
469 -#content .members-block .common-profile-list-block .fn {  
470 - margin-top:2px;  
471 - color:#172738;  
472 -}  
473 -  
474 -#content .members-block .menu-submenu-content h4{  
475 - color: #fff;  
476 - font-family: Arial;  
477 - font-size: 13px;  
478 - background:#243F59;  
479 - border-bottom: 2px solid #FF0366;  
480 - text-transform: uppercase;  
481 - padding:8px 7px 10px 6px;  
482 - margin:0px 0px 2px 0px;  
483 - text-align: center;  
484 - max-height: 16px;  
485 - overflow: hidden;  
486 -}  
487 -  
488 -#content .friends-block ul, #content .members-block ul {  
489 -min-width: 196px;  
490 -width: 192px;  
491 -margin: 0px 0px 0px 0px;  
492 -padding: 0px;  
493 -}  
494 -  
495 -#content .members-block .menu-submenu-content .menu-submenu-list li a{  
496 - color:#fff;  
497 - border-bottom:1px dotted #2C4B6B;  
498 - text-align: center;  
499 -}  
500 -  
501 -#content .members-block .menu-submenu-content h4:hover,  
502 -#content .members-block .menu-submenu-content .menu-submenu-list li a:hover{  
503 - color:#ECEDF1;  
504 -}  
505 -  
506 -.members-block .common-profile-list-block img{  
507 - border-radius: 4px;  
508 - max-height:50px;  
509 - max-width:50px;  
510 - width: 50px;  
511 - height: 50px;  
512 -}  
513 -  
514 -.members-block .block-footer-content a.view-all{  
515 - position:relative;  
516 -}  
517 -  
518 -/*****************************************************/  
519 -  
520 -  
521 /*** Events ***/ 605 /*** Events ***/
522 606
523 #content .article-body-event .event-card{ 607 #content .article-body-event .event-card{
css/tabs.css
@@ -1,77 +0,0 @@ @@ -1,77 +0,0 @@
1 -.profile-members-tabs-container{  
2 - font-family: Arial;  
3 -}  
4 -  
5 -.profile-members-tabs-container .ui-corner-all{  
6 - overflow: visible;  
7 -}  
8 -.profile-members-tabs-container .ui-widget{  
9 - font-size: 0px;  
10 -}  
11 -.profile-members-tabs-container .ui-widget-header{  
12 - background:#ECEDF1;  
13 - border:none;  
14 - border-bottom: 3px solid #D3D6DE;  
15 -}  
16 -  
17 -.profile-members-tabs-container .ui-widget-content{  
18 - border:none;  
19 - background:none;  
20 -}  
21 -  
22 -.profile-members-tabs-container .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl,  
23 -.profile-members-tabs-container .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr,  
24 -.profile-members-tabs-container .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{  
25 - border-radius:0px;  
26 -}  
27 -  
28 -.profile-members-tabs-container .ui-state-default,  
29 -.profile-members-tabs-container .ui-widget-content .ui-state-default,  
30 -.profile-members-tabs-container .ui-widget-header .ui-state-default{  
31 - border:none;  
32 - background:#ECEDF1;  
33 - font-weight: normal;  
34 - color:#172738;  
35 -}  
36 -  
37 -.profile-members-tabs-container .ui-tabs .ui-tabs-nav {  
38 - font-size: 15px;  
39 -}  
40 -  
41 -/*.profile-members-tabs-container .ui-tabs .ui-tabs-nav{  
42 - margin: 0px;  
43 - padding: 0px;  
44 -}  
45 -  
46 -.profile-members-tabs-container .ui-tabs .ui-tabs-panel {  
47 - padding: 0px;  
48 -}*/  
49 -  
50 -#content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li{  
51 - padding-right: 3px;  
52 -}  
53 -  
54 -#content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li a:visited{  
55 - color:#172738;  
56 -}  
57 -  
58 -#content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li.ui-tabs-active {  
59 - margin-bottom: -3px !important;  
60 - padding-bottom: 1px;  
61 - border-bottom: 3px solid #FF0366;  
62 -}  
63 -  
64 -#content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-active:before{  
65 - content:"\f0dd";  
66 - font-family: FontAwesome;  
67 - font-size: 16px;  
68 - position:absolute;  
69 - top:26px;  
70 - margin:0px 45%;  
71 - color:#FF0366;  
72 -}  
73 -  
74 -#content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li.ui-tabs-active a {  
75 - color: #FF0366;  
76 - font-weight: 700;  
77 -}  
@@ -25,6 +25,8 @@ @@ -25,6 +25,8 @@
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/tabs.css);
  29 +
28 30
29 @font-face{ 31 @font-face{
30 font-weight: normal; 32 font-weight: normal;