Fixing right menu in user portal for chamilo & blue lagoon CSS

main/css/blue_lagoon/default.css

@@ -387,7 +387,7 @@ default.css (línea 362)
 }
 .menusection {
 	width: auto;
-	margin: 24px 6px 0 6px;
+	margin: 24px 2px 0 0px;
 	padding-left: 10px;
 	border: 1px dotted #ddd;	
 	background-color: #FFF;
@@ -2196,13 +2196,26 @@ div.comments {
 	margin-left:20px;
 }
 /* styles from the my.profile.php file */
+
+#social_widget  {
+	border:1px dotted #ccc;
+	float:left;	
+	padding:1px;
+	padding-bottom:10px;
+	margin-bottom:10px;
+	margin-left:0px;
+	margin-right:0px;
+	width:215px;	
+}
+
+#social_widget_image {
+	float:left;
+}
 .message-content {
 	float:right;
-	margin:0px 10px;
 	background:#FFF;
-	border:1px dotted #ccc;
-	padding: 0px 10px 0 10px;
-	width:120px; 
+	padding: 10px 0 0 5px;	
+	width:125px; 
 	position:relative;
 }
 .message-content .message-delete {
@@ -3335,12 +3348,13 @@ a.read {
 	-webkit-border-radius: 10px; border: 1px solid #e1e1e0;
 	-opera-border-radius: 10px; border: 1px solid #e1e1e0;
 	
-	width:280px;
+	width:240px;
 	margin-top:20px;
 	margin-right:10px;
 	margin-bottom:40px;
+	
 	padding-left:10px;
-	padding-right:20px;
+	padding-right:10px;
 	padding-top:5px;
 	float: right;
 	min-height: 150px;

main/css/chamilo/default.css

@@ -45,21 +45,19 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 /* End hide from IE5-mac */
 
 #main {
+/*
 	-moz-border-image:url(images/bg-main.png) 5 5 5 5;
 	-webkit-border-image:url(images/bg-main.png) 5 5 5 5;
 	-o-border-image:url(images/bg-main.png) 5 5 5 5;
 	-xv-border-image:url(images/bg-main.png) 5 5 5 5;
-	border:5px solid #f6f6f6;
+*/
+	border:2px solid #ddd;
 	position: relative; /* to avoid the IE peekabo bug*/
 	margin: 0px auto;
 	width: 90%;
 	min-height: 320px;
-	padding-top:10px;
-	padding-bottom:10px;
-	padding-left:10px;
-	padding-right:10px;
+	padding:12px;
 	overflow:hidden;
-
 }
 .item {
 	-moz-border-radius-bottomleft:5px;
@@ -78,11 +76,12 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 |
 */
 .maincontent {
+	width: 65%;
 	float: left;	
-	width: 68%;
 	 padding: 0 20px 0 20px; 
+	//padding: 0px;
 	min-height: 333px;
-	margin-top:30px;
+	margin-top:8px;
 	margin-bottom:30px;
 }
 /*
@@ -358,15 +357,17 @@ input[text] {
 #header3 {
 	background-image:url(images/bg-header4.png);
 	background-repeat:repeat-x;
-	width:92%;
+	width:90%;
 	margin-left:auto;
 	margin-right:auto;
 	font-size: 1.0em;
 	color: #006;
 	border-bottom: 2px solid #0daee4;
-	height:36px;
+	
 	overflow:hidden;
 	margin-bottom: 1px;
+	padding: 0px 10px 0px 20px;
+	height:36px;
 }
 
 #header3 a:hover {
@@ -374,6 +375,9 @@ input[text] {
 
 }
 
+#header3 li {
+float:left; /* important for ieX*/
+}
 #header3 li a span:hover {
 	color:#fffc00;
 }
@@ -395,7 +399,7 @@ input[text] {
 	float:left;
 	height:25px;
 	padding-left:9px;	
-	padding-right:1px;
+	padding-right:2px;
 	text-decoration:none;
 }
 
@@ -492,8 +496,7 @@ margin-top:0;
 	background-image:url(images/bg-header4.png);
 	background-repeat:repeat-x;
 	color: #009;
-	padding: 4px;
-	padding-left: 20px;
+	padding: 4px 10px 4px 20px;	
 	clear:right;
 	height:14px;
 }
@@ -575,8 +578,8 @@ margin-top:0;
 	padding-left: 12px;
 }
 .menusection {	
-	margin: 20px 5px 0 6px;
-	padding-left: 10px;
+	margin: 20px 0px 0 6px;
+	padding-left: 3px;
 	width: auto;
 }
 .menusectioncaption {
@@ -2426,13 +2429,26 @@ padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
 	margin-left:20px;
 }
 /* styles from the my.profile.php file */
+
+#social_widget  {
+	border:1px dotted #ccc;
+	float:left;	
+	padding:1px;
+	padding-bottom:10px;
+	margin-bottom:10px;
+	margin-left:0px;
+	margin-right:0px;
+	width:215px;	
+}
+
+#social_widget_image {
+	float:left;
+}
 .message-content {
 	float:right;
-	margin:0px 10px;
 	background:#FFF;
-	border:1px dotted #ccc;
-	padding: 0px 10px 0 10px;
-	width:132px; 
+	padding: 10px 0 0 5px;	
+	width:125px; 
 	position:relative;
 }
 .message-content .message-delete {
@@ -3879,7 +3895,7 @@ a.read {
 	-webkit-border-radius: 10px; border: 1px solid #e1e1e0;
 	-opera-border-radius: 10px; border: 1px solid #e1e1e0;
 	
-	width:280px;
+	width:218px;
 	margin-top:20px;
 	margin-right:10px;
 	margin-bottom:40px;

user_portal.php

@@ -1224,11 +1224,14 @@ if ($show_menu) {
 		}		
 		$img_array = UserManager::get_picture_user(api_get_user_id(), $img_array['file'], 92, USER_IMAGE_SIZE_MEDIUM, ' width="90" height="90" ');
 		
-		echo '<div id="social_widget" style="">';
+		echo '<div id="social_widget" >';
+		
+			echo '<div id="social_widget_image">';
 				if ($no_image == false)
 					echo '<a href="'.api_get_path(WEB_PATH).'main/social/profile.php"><img src="'.$img_array['file'].'" '.$img_array['style'].' border="1"></a>';
 				else 
 					echo '<a href="'.api_get_path(WEB_PATH).'main/auth/profile.php"><img title="'.get_lang('EditProfile').'" src="'.$img_array['file'].'" '.$img_array['style'].' border="1"></a>';
+			echo '</div>';	
 					
 		require_once api_get_path(LIBRARY_PATH).'message.lib.php';
 		require_once api_get_path(LIBRARY_PATH).'social.lib.php';
@@ -1247,9 +1250,8 @@ if ($show_menu) {
 		$cant_msg  = '';
 		if ($number_of_new_messages > 0)
 			$cant_msg = ' ('.$number_of_new_messages.')';
-			
+				//<h2 class="message-title">'.get_lang('Messages').'</h2>
 		echo '<div class="message-content">			
-				<h2 class="message-title">'.get_lang('Messages').'</h2>
 				<p>';
 				$link = '';
 				if (api_get_setting('show_tabs', 'social') == 'true') {
@@ -1266,8 +1268,7 @@ if ($show_menu) {
 				
 		echo '</div>';	
 		
-		
-		echo '</div><br />';
+		echo '</div><div class="clear"></div>';
 				
 	
 	}