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 179 #content .profile-image-block .admin-link a{
14 180 color: #2c66ce;
... ... @@ -20,7 +186,13 @@
20 186 }
21 187  
22 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 198 /* Search form - need to develop solution - hidden on profile page*/
... ... @@ -45,7 +217,7 @@
45 217 padding: 6px;
46 218 height: 19px;
47 219 max-height: 19px;
48   - border: 1px solid #ccc;
  220 + border: 1px solid #D3D6DE;
49 221 border-radius: 4px;
50 222 }
51 223  
... ... @@ -72,6 +244,18 @@
72 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 259 /* Profile tab */
76 260 .profile-type-is-community .action-profile-index table.profile{
77 261 display: none;
... ... @@ -125,10 +309,127 @@
125 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 433 .action-profile-members #profile-members-sort-options{
133 434 font-size: 14px;
134 435 text-align: right;
... ... @@ -150,22 +451,37 @@
150 451 margin: 0px 0px 0px 10px;
151 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 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 479 .action-profile-members .box-1 .common-profile-list-block span{
165 480 margin-right: 9px;
166 481 width: 90px;
167 482 height: 86px;
168 483 }
  484 +
169 485 .action-profile-members .common-profile-list-block img{
170 486 border-radius: 4px;
171 487 width: 82px;
... ... @@ -174,16 +490,6 @@
174 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 493 .action-profile-members .menu-submenu{
188 494 background:#172738;
189 495 border-radius: 4px;
... ... @@ -265,12 +571,6 @@
265 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 574 .action-profile-members .common-profile-list-block .vcard .menu-submenu-trigger{
275 575 display: block;
276 576 background:#172738;
... ... @@ -292,10 +592,6 @@
292 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 595 .action-profile-members .box-1 .common-profile-list-block .fn{
300 596 font-size: 14px;
301 597 color:#172738;
... ... @@ -306,218 +602,6 @@
306 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 605 /*** Events ***/
522 606  
523 607 #content .article-body-event .event-card{
... ...
css/tabs.css
... ... @@ -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   -}
style.css
... ... @@ -25,6 +25,8 @@
25 25 @import url(css/software-catalog-page.css);
26 26 @import url(css/tooltip.css);
27 27 @import url(css/popover.css);
  28 +@import url(css/tabs.css);
  29 +
28 30  
29 31 @font-face{
30 32 font-weight: normal;
... ...