Browse Source

Improving UI in user_portal.php there are some CSS that are missing (partial)

Julio Montoya 15 years ago
parent
commit
931b2580a8

+ 3 - 4
main/css/blue_lagoon/default.css

@@ -423,8 +423,7 @@ select, input[type=checkbox], input[type=radio], input[type=button], input[type=
 .menusection {
 	width: auto;
 	margin: 24px 2px 0 0px;
-	padding-left: 10px;
-	border: 1px dotted #ddd;	
+	padding-left: 10px;		
 	background-color: #FFF;
 	
 }
@@ -2864,12 +2863,12 @@ a.read {
 	
 	margin-top:20px;
 	margin-right:10px;
-	margin-bottom:40px;
+	margin-bottom:0px;
 	
 	padding-left:10px;
 	padding-right:10px;
 	padding-top:5px;
-	padding-bottom:30px;	
+	padding-bottom:0px;	
 	
 	width:200px;
 	float: right;

+ 9 - 13
main/css/chamilo/default.css

@@ -636,7 +636,7 @@ margin-top:0;
 	
 	margin-top:20px;
 	margin-right:10px;
-	margin-bottom:40px;
+	margin-bottom:0px;
 	
 	padding-left:10px;
 	padding-right:10px;
@@ -666,7 +666,7 @@ margin-top:0;
 }
 .menulist {
 	list-style: none;
-	margin: 0 0 12px 0;
+	margin: 0 0 10px 0;
 	padding: 0;
 	
 	list-style-image:none;
@@ -3218,18 +3218,15 @@ a.read {
 	-webkit-border-radius: 10px; border: 1px solid #e1e1e0;
 	-opera-border-radius: 10px; border: 1px solid #e1e1e0;	
 	
-	margin-top:20px;
+	border:1px solid #E1E1E0;
+	float:right;
+	margin-bottom:0;
 	margin-right:10px;
-	margin-bottom:40px;
-	
-	padding-left:10px;
-	padding-right:10px;
-	padding-top:5px;
-	padding-bottom:30px;	
-	
+	margin-top:20px;
+	min-height:150px;
+	padding:5px 10px 0;
 	width:200px;
-	float: right;
-	min-height: 150px;	
+
 }
 
 /* INVITATIONS */
@@ -3381,7 +3378,6 @@ a.read {
 	font-size:12px;
 }
 .message-body {
-	font-size:11px;
 	padding: 0 0 11px;
 	color:#333;
 }

+ 4 - 5
main/css/chamilo_green/default.css

@@ -640,7 +640,7 @@ margin-top:0;
 	
 	margin-top:20px;
 	margin-right:10px;
-	margin-bottom:40px;
+	margin-bottom:0px;
 	
 	padding-left:10px;
 	padding-right:10px;
@@ -670,7 +670,7 @@ margin-top:0;
 }
 .menulist {
 	list-style: none;
-	margin: 0 0 12px 0;
+	margin: 0 0 10px 0;
 	padding: 0;
 	
 	list-style-image:none;
@@ -3234,7 +3234,7 @@ a.read {
 	
 	margin-top:20px;
 	margin-right:10px;
-	margin-bottom:40px;
+	margin-bottom:0px;
 	
 	padding-left:10px;
 	padding-right:10px;
@@ -3394,8 +3394,7 @@ a.read {
 /*	color:#ff0000; */
 	font-size:12px;
 }
-.message-body {
-	font-size:11px;
+.message-body {	
 	padding: 0 0 11px;
 	color:#333;
 }

+ 3 - 3
main/css/chamilo_red/default.css

@@ -640,7 +640,7 @@ margin-top:0;
 	
 	margin-top:20px;
 	margin-right:10px;
-	margin-bottom:40px;
+	margin-bottom:0px;
 	
 	padding-left:10px;
 	padding-right:10px;
@@ -670,7 +670,7 @@ margin-top:0;
 }
 .menulist {
 	list-style: none;
-	margin: 0 0 12px 0;
+	margin: 0 0 10px 0;
 	padding: 0;
 	
 	list-style-image:none;
@@ -3225,7 +3225,7 @@ a.read {
 	
 	margin-top:20px;
 	margin-right:10px;
-	margin-bottom:40px;
+	margin-bottom:0px;
 	
 	padding-left:10px;
 	padding-right:10px;

+ 7 - 8
main/css/cool_blue/default.css

@@ -402,7 +402,7 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 	width: auto;
 	margin: 24px 6px 0 6px;
 	padding-left: 10px;
-	border: 1px solid #636363;
+	/* border: 1px solid #636363; */
 	background-color: #FFF;
 }
 .menusectioncaption {
@@ -2739,23 +2739,22 @@ a.read {
 }
 
 #menu {
-/*	-moz-border-radius: 10px; border: 1px solid #e1e1e0;
+	-moz-border-radius: 10px; border: 1px solid #e1e1e0;
 	-webkit-border-radius: 10px; border: 1px solid #e1e1e0;
 	-opera-border-radius: 10px; border: 1px solid #e1e1e0;	
-
+	
 	margin-top:20px;
 	margin-right:10px;
-	margin-bottom:40px;
+	margin-bottom:0px;
 	
 	padding-left:10px;
 	padding-right:10px;
 	padding-top:5px;
-	padding-bottom:30px;	
+	padding-bottom:0px;	
 	
-	width:240px; */
+	width:200px;
 	float: right;
-	min-height: 150px;
-	
+	min-height: 150px;	
 }
 
 /* INVITATIONS */

+ 1 - 1
main/css/corporate/default.css

@@ -1307,7 +1307,7 @@ span.radio {
 	width: auto;
 	margin: 24px 6px 0 6px;
 	padding-left: 10px;
-	border: 1px solid #4171B5;
+	/* border: 1px solid #4171B5; */
 }
 .menusectioncaption {
 	position: relative;

+ 2 - 7
main/css/cosmic_campus/default.css

@@ -348,7 +348,7 @@ a.breadcrumb0 {
 	width: auto;
 	margin: 24px 6px 0 6px;
 	padding-left: 10px;
-	border: 1px solid #bbb;
+	/* border: 1px solid #bbb; */
 }
 .menusectioncaption {
 	position: relative;
@@ -1421,12 +1421,7 @@ div.system_announcement_content {
 	font-weight: bold;
 	padding-left: 12px;
 }
-.menusection {
-	width: auto;
-	margin: 24px 6px 0 6px;
-	padding-left: 10px;
-	border: 1px solid #4171B5;
-}
+
 .menusectioncaption {
 	position: relative;
 	top: -9px;

+ 7 - 8
main/css/delicious_bordeaux/default.css

@@ -422,7 +422,7 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 	width: auto;
 	margin: 24px 6px 0 6px;
 	padding-left: 10px;
-	border: 1px solid #636363;
+	/* border: 1px solid #636363; */
 	background-color: #FFF;
 }
 .menusectioncaption {
@@ -2731,23 +2731,22 @@ a.read {
 }
 
 #menu {
-/*	-moz-border-radius: 10px; border: 1px solid #e1e1e0;
+	-moz-border-radius: 10px; border: 1px solid #e1e1e0;
 	-webkit-border-radius: 10px; border: 1px solid #e1e1e0;
 	-opera-border-radius: 10px; border: 1px solid #e1e1e0;	
-
+	
 	margin-top:20px;
 	margin-right:10px;
-	margin-bottom:40px;
+	margin-bottom:0px;
 	
 	padding-left:10px;
 	padding-right:10px;
 	padding-top:5px;
-	padding-bottom:30px;	
+	padding-bottom:0px;	
 	
-	width:240px; */
+	width:200px;
 	float: right;
-	min-height: 150px;
-	
+	min-height: 150px;	
 }
 
 /* INVITATIONS */

+ 10 - 8
main/css/dokeos_blue/default.css

@@ -392,11 +392,12 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 /*****************************************************
  *  NAVIGATION MENU                                  *
  *****************************************************/
-.menu {
+.menu {		
 	float: right;
 	width: 20%;
-	padding: 0 0 6px 0;
-	border: 1px solid #636363;
+	padding: 10px 0 6px 0;
+	margin: 10px 0 6px 0; 
+	border: 1px solid #ccc;
 }
 .menucaption {
 	font-weight: bold;
@@ -406,14 +407,15 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 	width: auto;
 	margin: 24px 6px 0 6px;
 	padding-left: 10px;
-	border: 1px solid #636363;
+	/* border: 1px solid #636363; */
 	background-color: #FFF;
 }
 .menusectioncaption {
+	font-weight:bold;
+	font-size: 12px;	
 	position: relative;
 	top: -9px;
-	background-color: #FFF;
-	padding: 0 8px 0 4px;
+	background-color: #FFF;	
 }
 .menulist {
 	list-style: none;
@@ -2758,9 +2760,9 @@ a.read {
 	padding-top:5px;
 	padding-bottom:30px;	
 	
-	width:240px; */
+	width:240px;*/ 
 	float: right;
-	min-height: 150px;
+	/* min-height: 150px;*/
 	
 }
 

+ 12 - 12
main/css/dokeos_classic/default.css

@@ -443,7 +443,7 @@ input[text] {
 	width: auto;
 	margin: 24px 6px 0 6px;
 	padding-left: 10px;
-	border: 1px solid #4171B5;
+	/* border: 1px solid #4171B5; */
 }
 .menusectioncaption {
 	position: relative;
@@ -2258,13 +2258,14 @@ padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
 }
 /* styles from the my.profile.php file */
 .message-content {
+	/*
 	float:right;
 	margin:20px auto;
 	background:#F5E38E;
 	border:2px solid #EBCA4F;
 	padding:10px;
 	width:200px;
-	position:relative;
+	position:relative;*/
 }
 .message-content .message-delete {
 	position: absolute;
@@ -3027,23 +3028,22 @@ a.read {
 }
 
 #menu {
-/*	-moz-border-radius: 10px; border: 1px solid #e1e1e0;
+	-moz-border-radius: 10px; border: 1px solid #e1e1e0;
 	-webkit-border-radius: 10px; border: 1px solid #e1e1e0;
 	-opera-border-radius: 10px; border: 1px solid #e1e1e0;	
-
+	
 	margin-top:20px;
 	margin-right:10px;
-	margin-bottom:40px;
+	margin-bottom:0px;
 	
 	padding-left:10px;
 	padding-right:10px;
 	padding-top:5px;
-	padding-bottom:30px;	
+	padding-bottom:0px;	
 	
-	width:240px; */
+	width:200px;
 	float: right;
-	min-height: 150px;
-	
+	min-height: 150px;	
 }
 
 /* INVITATIONS */
@@ -3167,13 +3167,13 @@ a.read {
 
 /* styles from the my.profile.php file */
 .message-content {
-float:left;
+
 }
 .message-content .message-delete {
-	position: absolute;
+	/*position: absolute;
 	top: 10px;
 	right: 10px;
-	cursor: pointer;
+	cursor: pointer;*/
 }
 .message-content-internal {
 	display:inline;

+ 11 - 26
main/css/dokeos_classic_2D/default.css

@@ -419,7 +419,7 @@ input.link_alike:hover {
 	padding-left: 12px;
 }
 .menusection {
-	border: 1px solid #4171B5;
+	/* border: 1px solid #4171B5; */
 	margin: 24px 6px 0 6px;
 	padding-left: 10px;
 	width: auto;
@@ -2292,19 +2292,9 @@ input.forms	{
 }
 /* styles from the my.profile.php file */
 .message-content {
-	float:right;
-	margin:20px auto;
-	background:#F5E38E;
-	border:2px solid #EBCA4F;
-	padding:10px;
-	width:200px;
-	position:relative;
+
 }
-.message-content .message-delete {
-	position: absolute;
-	top: 10px;
-	right: 10px;
-	cursor: pointer;
+.message-content .message-delete {	
 }
 .message-content-internal {
 	display:inline;
@@ -3056,25 +3046,23 @@ a.read {
 }
 
 #menu {
-/*	-moz-border-radius: 10px; border: 1px solid #e1e1e0;
+	-moz-border-radius: 10px; border: 1px solid #e1e1e0;
 	-webkit-border-radius: 10px; border: 1px solid #e1e1e0;
 	-opera-border-radius: 10px; border: 1px solid #e1e1e0;	
-
+	
 	margin-top:20px;
 	margin-right:10px;
-	margin-bottom:40px;
+	margin-bottom:0px;
 	
 	padding-left:10px;
 	padding-right:10px;
 	padding-top:5px;
-	padding-bottom:30px;	
+	padding-bottom:0px;	
 	
-	width:240px; */
+	width:200px;
 	float: right;
-	min-height: 150px;
-	
+	min-height: 150px;	
 }
-
 /* INVITATIONS */
  
 .invitation_confirm {
@@ -3196,13 +3184,10 @@ a.read {
 
 /* styles from the my.profile.php file */
 .message-content {
-float:left;
+
 }
 .message-content .message-delete {
-	position: absolute;
-	top: 10px;
-	right: 10px;
-	cursor: pointer;
+
 }
 .message-content-internal {
 	display:inline;

+ 9 - 17
main/css/public_admin/default.css

@@ -464,7 +464,7 @@ select, input[type=checkbox], input[type=radio], input[type=button], input[type=
 	min-height: 150px;
 	background-color: #F0F0F0;
 	border: 1px solid #bbb;
-	padding: 60px 10px 10px 10px;
+	padding: 30px 10px 5px 10px;
 	background: #f0f0f0 url(images/fondoNav.jpg) no-repeat top center;
 }
 .menucaption {
@@ -473,17 +473,15 @@ select, input[type=checkbox], input[type=radio], input[type=button], input[type=
 	padding-left: 12px;
 }
 .menusection {
-	border: 1px solid #4171B5;
-	margin: 24px 6px 0 6px;
-	padding-left: 10px;
+	margin: 20px 0px 0 6px;
+	padding-left: 3px;
 	width: auto;
 }
 .menusectioncaption {
-	background-color: #F0F0F0;
+	font-weight:bold;
 	font-size: 12px;
-	padding: 0 8px 0 4px;
 	position: relative;
-	top: -9px;
+	top: -5px;
 }
 .menulist {
 	list-style: none;
@@ -2943,17 +2941,12 @@ a.read {
 /*	-moz-border-radius: 10px; border: 1px solid #e1e1e0;
 	-webkit-border-radius: 10px; border: 1px solid #e1e1e0;
 	-opera-border-radius: 10px; border: 1px solid #e1e1e0;	
-
+*/
 	margin-top:20px;
 	margin-right:10px;
-	margin-bottom:40px;
+	margin-bottom:0px;
 	
-	padding-left:10px;
-	padding-right:10px;
-	padding-top:5px;
-	padding-bottom:30px;	
-	
-	width:240px; */
+	width:240px; 
 	float: right;
 	min-height: 150px;
 	
@@ -3103,8 +3096,7 @@ float:left;
 /*	color:#ff0000; */
 	font-size:12px;
 }
-.message-body {
-	font-size:11px;
+.message-body {	
 	padding: 0 0 11px;
 	color:#333;
 }

+ 22 - 14
user_portal.php

@@ -1580,9 +1580,9 @@ echo '</div>'; // end of content section
 api_session_register('status');
 
 /*
-==============================================================================
+
 		RIGHT MENU
-==============================================================================
+
 */
 echo '	<div id="menu" class="menu">';
 
@@ -1615,7 +1615,7 @@ if (isset($toolsList) and is_array($toolsList) and isset($digest)) {
 }
 
 echo '<div class="menusection">';
-echo '<span class="menusectioncaption">'.get_lang('MenuUser').'</span>';
+echo '<span class="menusectioncaption">'.get_lang('Profile').'</span>';
 
 //user image
 //  @todo add a platform setting to add the user image
@@ -1657,23 +1657,31 @@ if (api_get_setting('allow_social_tool')=='true' && api_get_setting('allow_messa
     }
     //<h2 class="message-title">'.get_lang('Messages').'</h2>
     echo '<div class="clear"></div>';
-    echo '<div class="message-content"> <p>';
+    echo '<div class="message-content"><ul class="menulist">';
     $link = '';
     if (api_get_setting('show_tabs', 'social') == 'true') {
         $link = '?f=social';
     }
-    echo '<a href="'.api_get_path(WEB_PATH).'main/messages/inbox.php'.$link.'" class="message-body">'.get_lang('Inbox').$cant_msg.' </a><br />';
-    echo '<a href="'.api_get_path(WEB_PATH).'main/messages/new_message.php'.$link.'" class="message-body">'.get_lang('Compose').' </a><br />';
+    echo '<li><a href="'.api_get_path(WEB_PATH).'main/messages/inbox.php'.$link.'" class="message-body">'.get_lang('Inbox').$cant_msg.' </a></li>';
+    echo '<li><a href="'.api_get_path(WEB_PATH).'main/messages/new_message.php'.$link.'" class="message-body">'.get_lang('Compose').' </a></li>';
     //echo '<a href="'.api_get_path(WEB_PATH).'main/auth/profile.php" class="message-body">'.get_lang('EditMyProfile').' </a><br />';
 
-    if ($total_invitations > 0) {
-        echo '<a href="'.api_get_path(WEB_PATH).'main/social/invitations.php" class="message-body">'.get_lang('PendingInvitations').' ('.$total_invitations.') </a><br />';
-    }
+    //if ($total_invitations > 0) {
+        echo '<li><a href="'.api_get_path(WEB_PATH).'main/social/invitations.php" class="message-body">'.get_lang('PendingInvitations').' ('.$total_invitations.') </a></li>';
+    //}
 
-    echo '</p>';
+    echo '</ul>';
     echo '</div>';
-    echo '</div><div class="clear"></div>';
+    echo '</div>';
+    //==echo '</div><div class="clear"></div>';
 }
+    echo '</div>';    
+echo '</div>'; // end of menu
+
+echo '	<div id="menu" class="menu">';
+
+echo '<div class="menusection">';
+echo '<span class="menusectioncaption">'.get_lang('MenuUser').'</span>';
 
 
 // My account section
@@ -1715,8 +1723,6 @@ if (!empty($menu_navigation)) {
 		echo '<li'.$current.'>';
 		echo '<a href="'.$navigation_info['url'].'" target="_self">'.$navigation_info['title'].'</a>';
 		echo '</li>';
-		echo "\n";
-
 	}
 	echo '</ul>';
 	echo '</div>';
@@ -1756,9 +1762,11 @@ echo <<<EOD
 EOD;
 	echo '</div>';
 }
-
+echo '<div class="clear"></div>';
 echo '</div>'; // end of menu
 
 
+
+
 //footer
 Display :: display_footer();