Minor visual improvements in groups

skala
Julio Montoya 14 years ago
parent bc618f7420
commit ab1f3ee131
  1. 145
      main/css/academica/default.css
  2. 145
      main/css/baby_orange/default.css
  3. 146
      main/css/blue_lagoon/default.css
  4. 101
      main/css/chamilo/default.css
  5. 101
      main/css/chamilo_electric_blue/default.css
  6. 101
      main/css/chamilo_green/default.css
  7. 101
      main/css/chamilo_orange/default.css
  8. 101
      main/css/chamilo_red/default.css
  9. 145
      main/css/cool_blue/default.css
  10. 145
      main/css/corporate/default.css
  11. 145
      main/css/cosmic_campus/default.css
  12. 145
      main/css/delicious_bordeaux/default.css
  13. 145
      main/css/dokeos_blue/default.css
  14. 145
      main/css/dokeos_classic/default.css
  15. 145
      main/css/dokeos_classic_2D/default.css
  16. 145
      main/css/empire_green/default.css
  17. 146
      main/css/fruity_orange/default.css
  18. 145
      main/css/medical/default.css
  19. 101
      main/css/public_admin/default.css
  20. 146
      main/css/royal_purple/default.css
  21. 101
      main/css/silver_line/default.css
  22. 101
      main/css/sober_brown/default.css
  23. 145
      main/css/steel_grey/default.css
  24. 146
      main/css/tasty_olive/default.css
  25. 188
      main/social/groups.php
  26. 1
      main/social/usergroups.php

@ -2241,77 +2241,120 @@ a.read {
/*POPULAR GROUP*/
.popular_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.popular_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.popular_grid_element_0 {
width:600px;
height:98px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*NEWEST GROUP*/
.newest_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.newest_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.newest_grid_element_1 {
width:600px;
height:98x;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*MY GROUPS*/
.mygroups_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.mygroups_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.box_description_group_member {
color: #999999;
font-size: 10px;
}
.mygroups_grid_element_1 {
width:600px;
height:100px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
.box_description_group_title h3 {
margin-bottom:4px;
}
.box_description_group_title {
float:right;width:80%;
float:right;width:80%;
}
.box_description_group_content {
float:right;
width:80%;
height:45px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
float:right;
width:80%;
margin-top:5px;
/* height:45px;*/
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
}
.box_description_group_actions {
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
}
/*PROFILE*/

@ -2213,77 +2213,120 @@ a.read {
/*POPULAR GROUP*/
.popular_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.popular_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.popular_grid_element_0 {
width:600px;
height:98px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*NEWEST GROUP*/
.newest_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.newest_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.newest_grid_element_1 {
width:600px;
height:98x;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*MY GROUPS*/
.mygroups_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.mygroups_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.box_description_group_member {
color: #999999;
font-size: 10px;
}
.mygroups_grid_element_1 {
width:600px;
height:100px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
.box_description_group_title h3 {
margin-bottom:4px;
}
.box_description_group_title {
float:right;width:80%;
float:right;width:80%;
}
.box_description_group_content {
float:right;
width:80%;
height:45px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
float:right;
width:80%;
margin-top:5px;
/* height:45px;*/
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
}
.box_description_group_actions {
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
}
/*PROFILE*/

@ -2848,79 +2848,121 @@ a.read {
/*POPULAR GROUP*/
.popular_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.popular_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.popular_grid_element_0 {
width:600px;
height:98px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*NEWEST GROUP*/
.newest_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.newest_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.newest_grid_element_1 {
width:600px;
height:98x;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*MY GROUPS*/
.mygroups_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.mygroups_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.box_description_group_member {
color: #999999;
font-size: 10px;
}
.mygroups_grid_element_1 {
width:600px;
height:100px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
.box_description_group_title h3 {
margin-bottom:4px;
}
.box_description_group_title {
float:right;width:80%;
float:right;width:80%;
}
.box_description_group_content {
float:right;
width:80%;
height:45px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
float:right;
width:80%;
margin-top:5px;
/* height:45px;*/
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
}
.box_description_group_actions {
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
}
/*PROFILE*/
.profile_grid_container { width:100%;}

@ -3189,67 +3189,110 @@ a.read {
/*POPULAR GROUP*/
.popular_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
.popular_grid_element_1 {
width:330px;
height:165px;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.popular_grid_element_0 {
width:600px;
height:98px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
}
/*NEWEST GROUP*/
.newest_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.newest_grid_element_1 {
width:330px;
height:165px;
width:600px;
height:98x;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
}
/*MY GROUPS*/
.mygroups_grid_item {
float:left;
width:345px;
height:165px;
margin-top:20px;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.box_description_group_member {
color: #999999;
font-size: 10px;
}
.mygroups_grid_element_1 {
width:330px;
height:165px;
width:600px;
height:100px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
}
.box_description_group_title h3 {
margin-bottom:4px;
}
.box_description_group_title {
float:right;width:80%;
}
.box_description_group_content {
float:right;
width:80%;
height:45px;
margin-top:5px;
/* height:45px;*/
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;

@ -3169,67 +3169,110 @@ a.read {
/*POPULAR GROUP*/
.popular_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
.popular_grid_element_1 {
width:330px;
height:165px;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.popular_grid_element_0 {
width:600px;
height:98px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
}
/*NEWEST GROUP*/
.newest_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.newest_grid_element_1 {
width:330px;
height:165px;
width:600px;
height:98x;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
}
/*MY GROUPS*/
.mygroups_grid_item {
float:left;
width:345px;
height:165px;
margin-top:20px;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.box_description_group_member {
color: #999999;
font-size: 10px;
}
.mygroups_grid_element_1 {
width:330px;
height:165px;
width:600px;
height:100px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
}
.box_description_group_title h3 {
margin-bottom:4px;
}
.box_description_group_title {
float:right;width:80%;
}
.box_description_group_content {
float:right;
width:80%;
height:45px;
margin-top:5px;
/* height:45px;*/
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;

@ -3183,67 +3183,110 @@ a.read {
/*POPULAR GROUP*/
.popular_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
.popular_grid_element_1 {
width:330px;
height:165px;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.popular_grid_element_0 {
width:600px;
height:98px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
}
/*NEWEST GROUP*/
.newest_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.newest_grid_element_1 {
width:330px;
height:165px;
width:600px;
height:98x;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
}
/*MY GROUPS*/
.mygroups_grid_item {
float:left;
width:345px;
height:165px;
margin-top:20px;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.box_description_group_member {
color: #999999;
font-size: 10px;
}
.mygroups_grid_element_1 {
width:330px;
height:165px;
width:600px;
height:100px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
}
.box_description_group_title h3 {
margin-bottom:4px;
}
.box_description_group_title {
float:right;width:80%;
}
.box_description_group_content {
float:right;
width:80%;
height:45px;
margin-top:5px;
/* height:45px;*/
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;

@ -3160,67 +3160,110 @@ a.read {
/*POPULAR GROUP*/
.popular_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
.popular_grid_element_1 {
width:330px;
height:165px;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.popular_grid_element_0 {
width:600px;
height:98px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
}
/*NEWEST GROUP*/
.newest_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.newest_grid_element_1 {
width:330px;
height:165px;
width:600px;
height:98x;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
}
/*MY GROUPS*/
.mygroups_grid_item {
float:left;
width:345px;
height:165px;
margin-top:20px;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.box_description_group_member {
color: #999999;
font-size: 10px;
}
.mygroups_grid_element_1 {
width:330px;
height:165px;
width:600px;
height:100px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
}
.box_description_group_title h3 {
margin-bottom:4px;
}
.box_description_group_title {
float:right;width:80%;
}
.box_description_group_content {
float:right;
width:80%;
height:45px;
margin-top:5px;
/* height:45px;*/
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;

@ -3171,67 +3171,110 @@ a.read {
/*POPULAR GROUP*/
.popular_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
.popular_grid_element_1 {
width:330px;
height:165px;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.popular_grid_element_0 {
width:600px;
height:98px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
}
/*NEWEST GROUP*/
.newest_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.newest_grid_element_1 {
width:330px;
height:165px;
width:600px;
height:98x;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
}
/*MY GROUPS*/
.mygroups_grid_item {
float:left;
width:345px;
height:165px;
margin-top:20px;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.box_description_group_member {
color: #999999;
font-size: 10px;
}
.mygroups_grid_element_1 {
width:330px;
height:165px;
width:600px;
height:100px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
}
.box_description_group_title h3 {
margin-bottom:4px;
}
.box_description_group_title {
float:right;width:80%;
}
.box_description_group_content {
float:right;
width:80%;
height:45px;
margin-top:5px;
/* height:45px;*/
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;

@ -2724,77 +2724,120 @@ a.read {
/*POPULAR GROUP*/
.popular_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.popular_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.popular_grid_element_0 {
width:600px;
height:98px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*NEWEST GROUP*/
.newest_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.newest_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.newest_grid_element_1 {
width:600px;
height:98x;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*MY GROUPS*/
.mygroups_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.mygroups_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.box_description_group_member {
color: #999999;
font-size: 10px;
}
.mygroups_grid_element_1 {
width:600px;
height:100px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
.box_description_group_title h3 {
margin-bottom:4px;
}
.box_description_group_title {
float:right;width:80%;
float:right;width:80%;
}
.box_description_group_content {
float:right;
width:80%;
height:45px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
float:right;
width:80%;
margin-top:5px;
/* height:45px;*/
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
}
.box_description_group_actions {
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
}
/*PROFILE*/

@ -2192,77 +2192,120 @@ a.read {
/*POPULAR GROUP*/
.popular_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.popular_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.popular_grid_element_0 {
width:600px;
height:98px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*NEWEST GROUP*/
.newest_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.newest_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.newest_grid_element_1 {
width:600px;
height:98x;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*MY GROUPS*/
.mygroups_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.mygroups_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.box_description_group_member {
color: #999999;
font-size: 10px;
}
.mygroups_grid_element_1 {
width:600px;
height:100px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
.box_description_group_title h3 {
margin-bottom:4px;
}
.box_description_group_title {
float:right;width:80%;
float:right;width:80%;
}
.box_description_group_content {
float:right;
width:80%;
height:45px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
float:right;
width:80%;
margin-top:5px;
/* height:45px;*/
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
}
.box_description_group_actions {
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
}
/*PROFILE*/

@ -2255,77 +2255,120 @@ a.read {
/*POPULAR GROUP*/
.popular_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.popular_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.popular_grid_element_0 {
width:600px;
height:98px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*NEWEST GROUP*/
.newest_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.newest_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.newest_grid_element_1 {
width:600px;
height:98x;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*MY GROUPS*/
.mygroups_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.mygroups_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.box_description_group_member {
color: #999999;
font-size: 10px;
}
.mygroups_grid_element_1 {
width:600px;
height:100px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
.box_description_group_title h3 {
margin-bottom:4px;
}
.box_description_group_title {
float:right;width:80%;
float:right;width:80%;
}
.box_description_group_content {
float:right;
width:80%;
height:45px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
float:right;
width:80%;
margin-top:5px;
/* height:45px;*/
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
}
.box_description_group_actions {
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
}
/*PROFILE*/

@ -2719,77 +2719,120 @@ a.read {
/*POPULAR GROUP*/
.popular_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.popular_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.popular_grid_element_0 {
width:600px;
height:98px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*NEWEST GROUP*/
.newest_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.newest_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.newest_grid_element_1 {
width:600px;
height:98x;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*MY GROUPS*/
.mygroups_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.mygroups_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.box_description_group_member {
color: #999999;
font-size: 10px;
}
.mygroups_grid_element_1 {
width:600px;
height:100px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
.box_description_group_title h3 {
margin-bottom:4px;
}
.box_description_group_title {
float:right;width:80%;
float:right;width:80%;
}
.box_description_group_content {
float:right;
width:80%;
height:45px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
float:right;
width:80%;
margin-top:5px;
/* height:45px;*/
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
}
.box_description_group_actions {
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
}
/*PROFILE*/

@ -2738,77 +2738,120 @@ a.read {
/*POPULAR GROUP*/
.popular_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.popular_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.popular_grid_element_0 {
width:600px;
height:98px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*NEWEST GROUP*/
.newest_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.newest_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.newest_grid_element_1 {
width:600px;
height:98x;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*MY GROUPS*/
.mygroups_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.mygroups_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.box_description_group_member {
color: #999999;
font-size: 10px;
}
.mygroups_grid_element_1 {
width:600px;
height:100px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
.box_description_group_title h3 {
margin-bottom:4px;
}
.box_description_group_title {
float:right;width:80%;
float:right;width:80%;
}
.box_description_group_content {
float:right;
width:80%;
height:45px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
float:right;
width:80%;
margin-top:5px;
/* height:45px;*/
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
}
.box_description_group_actions {
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
}
/*PROFILE*/

@ -3020,77 +3020,120 @@ a.read {
/*POPULAR GROUP*/
.popular_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.popular_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.popular_grid_element_0 {
width:600px;
height:98px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*NEWEST GROUP*/
.newest_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.newest_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.newest_grid_element_1 {
width:600px;
height:98x;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*MY GROUPS*/
.mygroups_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.mygroups_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.box_description_group_member {
color: #999999;
font-size: 10px;
}
.mygroups_grid_element_1 {
width:600px;
height:100px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
.box_description_group_title h3 {
margin-bottom:4px;
}
.box_description_group_title {
float:right;width:80%;
float:right;width:80%;
}
.box_description_group_content {
float:right;
width:80%;
height:45px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
float:right;
width:80%;
margin-top:5px;
/* height:45px;*/
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
}
.box_description_group_actions {
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
}
/*PROFILE*/

@ -3035,77 +3035,120 @@ a.read {
/*POPULAR GROUP*/
.popular_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.popular_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.popular_grid_element_0 {
width:600px;
height:98px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*NEWEST GROUP*/
.newest_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.newest_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.newest_grid_element_1 {
width:600px;
height:98x;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*MY GROUPS*/
.mygroups_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.mygroups_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.box_description_group_member {
color: #999999;
font-size: 10px;
}
.mygroups_grid_element_1 {
width:600px;
height:100px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
.box_description_group_title h3 {
margin-bottom:4px;
}
.box_description_group_title {
float:right;width:80%;
float:right;width:80%;
}
.box_description_group_content {
float:right;
width:80%;
height:45px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
float:right;
width:80%;
margin-top:5px;
/* height:45px;*/
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
}
.box_description_group_actions {
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
}
/*PROFILE*/

@ -2743,77 +2743,120 @@ a.read {
/*POPULAR GROUP*/
.popular_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.popular_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.popular_grid_element_0 {
width:600px;
height:98px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*NEWEST GROUP*/
.newest_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.newest_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.newest_grid_element_1 {
width:600px;
height:98x;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*MY GROUPS*/
.mygroups_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.mygroups_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.box_description_group_member {
color: #999999;
font-size: 10px;
}
.mygroups_grid_element_1 {
width:600px;
height:100px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
.box_description_group_title h3 {
margin-bottom:4px;
}
.box_description_group_title {
float:right;width:80%;
float:right;width:80%;
}
.box_description_group_content {
float:right;
width:80%;
height:45px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
float:right;
width:80%;
margin-top:5px;
/* height:45px;*/
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
}
.box_description_group_actions {
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
}
/*PROFILE*/

@ -2744,79 +2744,121 @@ a.read {
/*POPULAR GROUP*/
.popular_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.popular_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.popular_grid_element_0 {
width:600px;
height:98px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*NEWEST GROUP*/
.newest_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.newest_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.newest_grid_element_1 {
width:600px;
height:98x;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*MY GROUPS*/
.mygroups_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.mygroups_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.box_description_group_member {
color: #999999;
font-size: 10px;
}
.mygroups_grid_element_1 {
width:600px;
height:100px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
.box_description_group_title h3 {
margin-bottom:4px;
}
.box_description_group_title {
float:right;width:80%;
float:right;width:80%;
}
.box_description_group_content {
float:right;
width:80%;
height:45px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
float:right;
width:80%;
margin-top:5px;
/* height:45px;*/
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
}
.box_description_group_actions {
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
}
/*PROFILE*/
.profile_grid_container { width:100%;}

@ -3202,77 +3202,120 @@ a.read {
/*POPULAR GROUP*/
.popular_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.popular_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.popular_grid_element_0 {
width:600px;
height:98px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*NEWEST GROUP*/
.newest_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.newest_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.newest_grid_element_1 {
width:600px;
height:98x;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*MY GROUPS*/
.mygroups_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.mygroups_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.box_description_group_member {
color: #999999;
font-size: 10px;
}
.mygroups_grid_element_1 {
width:600px;
height:100px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
.box_description_group_title h3 {
margin-bottom:4px;
}
.box_description_group_title {
float:right;width:80%;
float:right;width:80%;
}
.box_description_group_content {
float:right;
width:80%;
height:45px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
float:right;
width:80%;
margin-top:5px;
/* height:45px;*/
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
}
.box_description_group_actions {
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
}
/*PROFILE*/

@ -2927,67 +2927,110 @@ a.read {
/*POPULAR GROUP*/
.popular_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
.popular_grid_element_1 {
width:330px;
height:165px;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.popular_grid_element_0 {
width:600px;
height:98px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
}
/*NEWEST GROUP*/
.newest_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.newest_grid_element_1 {
width:330px;
height:165px;
width:600px;
height:98x;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
}
/*MY GROUPS*/
.mygroups_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.box_description_group_member {
color: #999999;
font-size: 10px;
}
.mygroups_grid_element_1 {
width:330px;
height:165px;
width:600px;
height:100px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
}
.box_description_group_title h3 {
margin-bottom:4px;
}
.box_description_group_title {
float:right;width:80%;
}
.box_description_group_content {
float:right;
width:80%;
height:45px;
margin-top:5px;
/* height:45px;*/
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;

@ -2738,79 +2738,121 @@ a.read {
/*POPULAR GROUP*/
.popular_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.popular_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.popular_grid_element_0 {
width:600px;
height:98px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*NEWEST GROUP*/
.newest_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.newest_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.newest_grid_element_1 {
width:600px;
height:98x;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*MY GROUPS*/
.mygroups_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.mygroups_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.box_description_group_member {
color: #999999;
font-size: 10px;
}
.mygroups_grid_element_1 {
width:600px;
height:100px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
.box_description_group_title h3 {
margin-bottom:4px;
}
.box_description_group_title {
float:right;width:80%;
float:right;width:80%;
}
.box_description_group_content {
float:right;
width:80%;
height:45px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
float:right;
width:80%;
margin-top:5px;
/* height:45px;*/
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
}
.box_description_group_actions {
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
}
/*PROFILE*/
.profile_grid_container { width:100%;}

@ -2690,67 +2690,110 @@ a.read {
/*POPULAR GROUP*/
.popular_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
.popular_grid_element_1 {
width:330px;
height:165px;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.popular_grid_element_0 {
width:600px;
height:98px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
}
/*NEWEST GROUP*/
.newest_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.newest_grid_element_1 {
width:330px;
height:165px;
width:600px;
height:98x;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
}
/*MY GROUPS*/
.mygroups_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.box_description_group_member {
color: #999999;
font-size: 10px;
}
.mygroups_grid_element_1 {
width:330px;
height:165px;
width:600px;
height:100px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
}
.box_description_group_title h3 {
margin-bottom:4px;
}
.box_description_group_title {
float:right;width:80%;
}
.box_description_group_content {
float:right;
width:80%;
height:45px;
margin-top:5px;
/* height:45px;*/
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;

@ -2896,67 +2896,110 @@ a.read {
/*POPULAR GROUP*/
.popular_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
.popular_grid_element_1 {
width:330px;
height:165px;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.popular_grid_element_0 {
width:600px;
height:98px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
}
/*NEWEST GROUP*/
.newest_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.newest_grid_element_1 {
width:330px;
height:165px;
width:600px;
height:98x;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
}
/*MY GROUPS*/
.mygroups_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.box_description_group_member {
color: #999999;
font-size: 10px;
}
.mygroups_grid_element_1 {
width:330px;
height:165px;
width:600px;
height:100px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
}
.box_description_group_title h3 {
margin-bottom:4px;
}
.box_description_group_title {
float:right;width:80%;
}
.box_description_group_content {
float:right;
width:80%;
height:45px;
margin-top:5px;
/* height:45px;*/
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;

@ -2745,77 +2745,120 @@ a.read {
/*POPULAR GROUP*/
.popular_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.popular_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.popular_grid_element_0 {
width:600px;
height:98px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*NEWEST GROUP*/
.newest_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.newest_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.newest_grid_element_1 {
width:600px;
height:98x;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*MY GROUPS*/
.mygroups_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.mygroups_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.box_description_group_member {
color: #999999;
font-size: 10px;
}
.mygroups_grid_element_1 {
width:600px;
height:100px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
.box_description_group_title h3 {
margin-bottom:4px;
}
.box_description_group_title {
float:right;width:80%;
float:right;width:80%;
}
.box_description_group_content {
float:right;
width:80%;
height:45px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
float:right;
width:80%;
margin-top:5px;
/* height:45px;*/
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
}
.box_description_group_actions {
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
}
/*PROFILE*/

@ -2747,79 +2747,121 @@ a.read {
/*POPULAR GROUP*/
.popular_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.popular_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.popular_grid_element_0 {
width:600px;
height:98px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*NEWEST GROUP*/
.newest_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.newest_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.newest_grid_element_1 {
width:600px;
height:98x;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
/*MY GROUPS*/
.mygroups_grid_item {
float:left;
width:350px;
height:165px;
margin-top:20px;
}
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 11px 11px 11px 11px;
.mygroups_grid_element_1 {
width:330px;
height:165px;
padding-left:10px;
padding-right:10px;
background-image:url(../../img/boxmygroupscontent.jpg);
background-repeat:repeat-y;
overflow:hidden;
-webkit-border-radius: 11px 11px 11px 11px;
-opera-border-radius: 11px 11px 11px 11px;
-moz-border-radius: 11px 11px 11px 11px;
box-shadow: 0 4px 18px #C8C8C8;
-webkit-box-shadow: 0 4px 18px #C8C8C8;
-opera-box-shadow: 0 4px 18px #C8C8C8;
-moz-box-shadow: 0 4px 18px #C8C8C8;
float: left;
height: auto;
margin: 0 8px 15px 15px;
padding: 16px 12px 5px;
}
.box_description_group_member {
color: #999999;
font-size: 10px;
}
.mygroups_grid_element_1 {
width:600px;
height:100px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
.box_description_group_title h3 {
margin-bottom:4px;
}
.box_description_group_title {
float:right;width:80%;
float:right;width:80%;
}
.box_description_group_content {
float:right;
width:80%;
height:45px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
float:right;
width:80%;
margin-top:5px;
/* height:45px;*/
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666666;
}
.box_description_group_actions {
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
float:right;
width:80%;
text-align:right;
margin-top:4px;
margin-right:4px;
}
/*PROFILE*/
.profile_grid_container { width:100%;}

@ -314,21 +314,22 @@ if ($group_id != 0 ) {
echo '</div>'; // end layout messages
} else {
// My groups -----
$results = GroupPortalManager::get_groups_by_user(api_get_user_id(), 0);
$grid_my_groups = array();
$my_group_list = array();
if (is_array($results) && count($results) > 0) {
foreach ($results as $result) {
$id = $result['id'];
$my_group_list[] = $id;
$url_open = '<a href="groups.php?id='.$id.'">';
$url_close = '</a>';
$name = api_strtoupper(cut($result['name'],25,true));
$name = cut($result['name'],25,true);
if ($result['relation_type'] == GROUP_USER_PERMISSION_ADMIN) {
$name .= Display::return_icon('social_group_admin.png', get_lang('Admin'), array('style'=>'vertical-align:middle'));
$name .= ' '.Display::return_icon('social_group_admin.png', get_lang('Admin'), array('style'=>'vertical-align:middle'));
} elseif ($result['relation_type'] == GROUP_USER_PERMISSION_MODERATOR) {
$name .= Display::return_icon('social_group_moderator.png', get_lang('Moderator'), array('style'=>'vertical-align:middle'));
$name .= ' '.Display::return_icon('social_group_moderator.png', get_lang('Moderator'), array('style'=>'vertical-align:middle'));
}
$count_users_group = count(GroupPortalManager::get_users_by_group($id, false, array(GROUP_USER_PERMISSION_ADMIN, GROUP_USER_PERMISSION_READER, GROUP_USER_PERMISSION_MODERATOR), 0 , 1000));
if ($count_users_group == 1 ) {
@ -339,28 +340,33 @@ if ($group_id != 0 ) {
$picture = GroupPortalManager::get_picture_group($result['id'], $result['picture_uri'],80);
$result['picture_uri'] = '<img class="social-groups-image" src="'.$picture['file'].'" hspace="4" height="50" border="2" align="left" width="50" />';
$grid_item_1 = Display::return_icon('boxmygroups.jpg',get_lang('MyGroups'));
$item_1 = '<div>'.$url_open.$result['picture_uri'].'<p class="social-groups-text1"><strong>'.$name.'<br />('.$count_users_group.')</strong></p>'.$url_close.Display::return_icon('linegroups.jpg','').'</div>';
//$grid_item_1 = Display::return_icon('boxmygroups.jpg',get_lang('MyGroups'));
$item_0 = Display::div($result['picture_uri'], array('class'=>'box_description_group_image'));
$members = Display::span($count_users_group, array('class'=>'box_description_group_member'));
$item_1 = Display::div(Display::tag('h3', $url_open.$name.$url_close).$members, array('class'=>'box_description_group_title'));
$item_2 = '';
$item_3 = '';
if ($result['description'] != '') {
$item_2 = '<div class="box_description_group_title" ><span class="social-groups-text2">'.get_lang('Description').'</span></div>';
if ($result['description'] != '') {
$item_3 = '<div class="box_description_group_content" >'.cut($result['description'],100,true).'</div>';
} else {
$item_2 = '<div class="box_description_group_title" ><span class="social-groups-text2"></span></div>';
$item_3 = '<div class="box_description_group_content" ></div>';
}
$item_4 = '<div class="box_description_group_actions" >'.$url_open.get_lang('SeeMore').$url_close.'</div>';
$grid_item_2 = $item_1.$item_2.$item_3.$item_4;
/*$join_url = '<a href="groups.php?id='.$group_id.'&action=join&u='.api_get_user_id().'">'.Display::return_icon('group_join.png', get_lang('JoinGroup'), array('hspace'=>'6')).''.get_lang('JoinGroup').'</a> ';
$item_4 = '<div class="box_description_group_actions" >'.$join_url. $url_open.get_lang('SeeMore').$url_close.'</div>';*/
$grid_item_2 = $item_0.$item_1.$item_2.$item_3.$item_4;
$grid_my_groups[]= array($grid_item_1,$grid_item_2);
}
}
// Newest groups --------
// Newest groups
$results = GroupPortalManager::get_groups_by_age(4,false);
$grid_newest_groups = array();
foreach ($results as $result) {
$id = $result['id'];
$url_open = '<a href="groups.php?id='.$id.'">';
$url_close = '</a>';
@ -371,21 +377,29 @@ if ($group_id != 0 ) {
$count_users_group = $count_users_group.' '.get_lang('Members');
}
$name = api_strtoupper(cut($result['name'],30,true));
$name = cut($result['name'],30,true);
$picture = GroupPortalManager::get_picture_group($result['id'], $result['picture_uri'],80);
$result['picture_uri'] = '<img class="social-groups-image" src="'.$picture['file'].'" hspace="4" height="50" border="2" align="left" width="50" />';
$grid_item_1 = Display::return_icon('boxmygroups.jpg',get_lang('Newest'));
$item_1 = '<div>'.$url_open.$result['picture_uri'].'<p class="social-groups-text1"><strong>'.$name.'<br />('.$count_users_group.')</strong></p>'.$url_close.Display::return_icon('linegroups.jpg','').'</div>';
$item_0 = Display::div($result['picture_uri'], array('class'=>'box_description_group_image'));
$members = Display::span($count_users_group, array('class'=>'box_description_group_member'));
$item_1 = Display::div(Display::tag('h3', $url_open.$name.$url_close).$members, array('class'=>'box_description_group_title'));
if ($result['description'] != '') {
$item_2 = '<div class="box_description_group_title" ><span class="social-groups-text2">'.get_lang('Description').'</span></div>';
$item_3 = '<div class="box_description_group_content" >'.cut($result['description'],100,true).'</div>';
} else {
$item_2 = '<div class="box_description_group_title" ><span class="social-groups-text2"></span></div>';
$item_3 = '<div class="box_description_group_content" ></div>';
}
$item_4 = '<div class="box_description_group_actions" >'.$url_open.get_lang('SeeMore').$url_close.'</div>';
$grid_item_2 = $item_1.$item_2.$item_3.$item_4;
//Avoiding my groups
$join_url = '';
if (!in_array($id,$my_group_list)) {
$join_url = '<a href="groups.php?id='.$id.'&action=join&u='.api_get_user_id().'">'.Display::return_icon('group_join.png', get_lang('JoinGroup'), array('hspace'=>'6')).''.get_lang('JoinGroup').'</a> ';
}
$item_4 = '<div class="box_description_group_actions" >'.$join_url.'</div>';
$grid_item_2 = $item_0.$item_1.$item_2.$item_3.$item_4;
$grid_newest_groups[]= array($grid_item_1,$grid_item_2);
}
@ -407,97 +421,99 @@ if ($group_id != 0 ) {
$count_users_group = $count_users_group.' '.get_lang('Members');
}
$name = api_strtoupper(cut($result['name'],30,true));
$name = cut($result['name'],30,true);
$picture = GroupPortalManager::get_picture_group($result['id'], $result['picture_uri'],80);
$result['picture_uri'] = '<img class="social-groups-image" src="'.$picture['file'].'" hspace="4" height="50" border="2" align="left" width="50" />';
$grid_item_1 = Display::return_icon('boxmygroups.jpg',get_lang('Popular'));
$item_1 = '<div>'.$url_open.$result['picture_uri'].'<p class="social-groups-text1"><strong>'.$name.'<br />('.$count_users_group.')</strong></p>'.$url_close.Display::return_icon('linegroups.jpg').'</div>';
if ($result['description'] != '') {
$item_2 = '<div class="box_description_group_title" ><span class="social-groups-text2">'.get_lang('Description').'</span></div>';
$item_0 = Display::div($result['picture_uri'], array('class'=>'box_description_group_image'));
$members = Display::span($count_users_group, array('class'=>'box_description_group_member'));
$item_1 = Display::div(Display::tag('h3', $url_open.$name.$url_close).$members, array('class'=>'box_description_group_title'));
if ($result['description'] != '') {
$item_3 = '<div class="box_description_group_content" >'.cut($result['description'],100,true).'</div>';
} else {
$item_2 = '<div class="box_description_group_title" ><span class="social-groups-text2"></span></div>';
$item_3 = '<div class="box_description_group_content" ></div>';
}
$item_4 = '<div class="box_description_group_actions" >'.$url_open.get_lang('SeeMore').$url_close.'</div>';
$grid_item_2 = $item_1.$item_2.$item_3.$item_4;
$grid_pop_groups[]= array($grid_item_1,$grid_item_2);
$join_url = '';
if (!in_array($id,$my_group_list)) {
$join_url = '<a href="groups.php?id='.$id.'&action=join&u='.api_get_user_id().'">'.Display::return_icon('group_join.png', get_lang('JoinGroup'), array('hspace'=>'6')).''.get_lang('JoinGroup').'</a> ';
}
$item_4 = '<div class="box_description_group_actions" >'.$join_url.'</div>';
$grid_item_2 = $item_0.$item_1.$item_2.$item_3.$item_4;
$grid_pop_groups[]= array($grid_item_2);
}
}
// Display groups (newest, mygroups, pop)
echo '<div class="social-box-container2">';
if (isset($_GET['view']) && in_array($_GET['view'],$allowed_views)) {
$view_group = $_GET['view'];
switch ($view_group) {
case 'mygroups' :
if (count($grid_my_groups) > 0) {
echo '<div class="social-groups-text3">'.api_strtoupper(get_lang('MyGroups')).'</div>';
Display::display_sortable_grid('mygroups', array(), $grid_my_groups, array('hide_navigation'=>true, 'per_page' => 2), $query_vars, false, array(true, true, true,false));
}
if (api_is_platform_admin() || api_get_setting('allow_students_to_create_groups_in_social') == 'true') {
if (empty($grid_my_groups)) {
echo '<a href="group_add.php">'.get_lang('YouShouldCreateAGroup').'</a>';
}
}
break;
case 'newest' :
if (count($grid_newest_groups) > 0) {
echo '<div class="social-groups-text3">'.api_strtoupper(get_lang('Newest')).'</div>';
Display::display_sortable_grid('newest', array(), $grid_newest_groups, array('hide_navigation'=>true, 'per_page' => 100), $query_vars, false, array(true, true, true,false));
echo '<div class="social-box-container2">';
if (isset($_GET['view']) && in_array($_GET['view'],$allowed_views)) {
$view_group = $_GET['view'];
switch ($view_group) {
case 'mygroups' :
if (count($grid_my_groups) > 0) {
echo '<h2>'.get_lang('MyGroups').'</h2>';
Display::display_sortable_grid('mygroups', array(), $grid_my_groups, array('hide_navigation'=>true, 'per_page' => 2), $query_vars, false, array(true, true, true,false));
}
if (api_is_platform_admin() || api_get_setting('allow_students_to_create_groups_in_social') == 'true') {
if (empty($grid_my_groups)) {
echo '<a href="group_add.php">'.get_lang('YouShouldCreateAGroup').'</a>';
}
}
if (api_is_platform_admin() || api_get_setting('allow_students_to_create_groups_in_social') == 'true') {
if (empty($grid_newest_groups)) {
echo '<a href="group_add.php">'.get_lang('YouShouldCreateAGroup').'</a>';
}
}
break;
default :
if (count($grid_pop_groups) > 0) {
echo '<div class="social-groups-text3">'.api_strtoupper(get_lang('Popular')).'</div>';
Display::display_sortable_grid('popular', array(), $grid_pop_groups, array('hide_navigation'=>true, 'per_page' => 100), $query_vars, false, array(true, true, true,true,true));
}
break;
case 'newest' :
if (count($grid_newest_groups) > 0) {
echo '<h2>'.get_lang('Newest').'</h2>';
Display::display_sortable_grid('newest', array(), $grid_newest_groups, array('hide_navigation'=>true, 'per_page' => 100), $query_vars, false, array(true, true, true,false));
}
if (api_is_platform_admin() || api_get_setting('allow_students_to_create_groups_in_social') == 'true') {
if (empty($grid_pop_groups)) {
echo '<a href="group_add.php">'.get_lang('YouShouldCreateAGroup').'</a>';
}
if (api_is_platform_admin() || api_get_setting('allow_students_to_create_groups_in_social') == 'true') {
if (empty($grid_newest_groups)) {
echo '<a href="group_add.php">'.get_lang('YouShouldCreateAGroup').'</a>';
}
}
break;
default :
if (count($grid_pop_groups) > 0) {
echo '<h2>'.get_lang('Popular').'</h2>';
Display::display_sortable_grid('popular', array(), $grid_pop_groups, array('hide_navigation'=>true, 'per_page' => 100), $query_vars, false, array(true, true, true,true,true));
}
break;
}
} else {
if (count($grid_my_groups) > 0) {
echo '<div class="social-groups-text3">'.api_strtoupper(get_lang('MyGroups')).'</div>';
Display::display_sortable_grid('mygroups', array(), $grid_my_groups, array('hide_navigation'=>true, 'per_page' => 2), $query_vars, false, array(true, true, true,false));
}
if (count($grid_newest_groups) > 0) {
echo '<div class="social-groups-text3">'.api_strtoupper(get_lang('Newest')).'</div>';
Display::display_sortable_grid('newest', array(), $grid_newest_groups, array('hide_navigation'=>true, 'per_page' => 100), $query_vars, false, array(true, true, true,false));
}
if (count($grid_pop_groups) > 0) {
echo '<div class="social-groups-text3">'.api_strtoupper(get_lang('Popular')).'</div>';
Display::display_sortable_grid('popular', array(), $grid_pop_groups, array('hide_navigation'=>true, 'per_page' => 100), $query_vars, false, array(true, true, true,true,true));
}
if (api_is_platform_admin() || api_get_setting('allow_students_to_create_groups_in_social') == 'true') {
if (empty($grid_my_groups) && empty($grid_newest_groups) && empty($grid_pop_groups) ) {
if (api_is_platform_admin() || api_get_setting('allow_students_to_create_groups_in_social') == 'true') {
if (empty($grid_pop_groups)) {
echo '<a href="group_add.php">'.get_lang('YouShouldCreateAGroup').'</a>';
}
}
}
}
break;
}
} else {
if (count($grid_my_groups) > 0) {
echo '<h2>'.get_lang('MyGroups').'</h2>';
Display::display_sortable_grid('mygroups', array(), $grid_my_groups, array('hide_navigation'=>true, 'per_page' => 2), $query_vars, false, array(true, true, true,false));
}
if (count($grid_newest_groups) > 0) {
echo '<h2>'.get_lang('Newest').'</h2>';
Display::display_sortable_grid('newest', array(), $grid_newest_groups, array('hide_navigation'=>true, 'per_page' => 100), $query_vars, false, array(true, true, true,false));
}
if (count($grid_pop_groups) > 0) {
//echo '<div class="social-groups-text3">'.get_lang('Popular').'</div>';
echo '<h2>'.get_lang('Popular').'</h2>';
Display::display_sortable_grid('popular', array(), $grid_pop_groups, array('hide_navigation'=>true, 'per_page' => 100), $query_vars, false, array(true, true, true,true,true));
}
if (api_is_platform_admin() || api_get_setting('allow_students_to_create_groups_in_social') == 'true') {
if (empty($grid_my_groups) && empty($grid_newest_groups) && empty($grid_pop_groups) ) {
echo '<a href="group_add.php">'.get_lang('YouShouldCreateAGroup').'</a>';
}
}
}
echo '</div>';
}
echo '</div>';
echo '</div>';
Display :: display_footer();

@ -67,4 +67,5 @@ if (!empty($usergroup_list)) {
}
}
echo '</div>';
echo '</div>';
Display :: display_footer();
Loading…
Cancel
Save