[svn r19841] Changed the tabs in red social for new view, see FS#3909

main/inc/lib/javascript/jquery.tabs.css

@@ -15,8 +15,11 @@
 /* Skin */
 .tabs-nav {
     list-style: none;
-    margin: 0;
-    padding: 0 0 0 4px;
+    padding: 4px 0 4px 4px;
+    border-bottom:2px dotted #999999;
+	border-top:2px dotted #999999;
+	vertical-align:middle;
+	background:#efefef;
 }
 .tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
     display: block;
@@ -31,7 +34,6 @@
 .tabs-nav a, .tabs-nav a span {
     display: block;
     padding: 0 10px;
-    background: url(tab.png) no-repeat;
 }
 .tabs-nav a {
     position: relative;
@@ -40,7 +42,7 @@
     padding-left: 0;
     color: #27537a;
     font-size: 12px;
-    font-weight: bold;
+    font-weight: bolder;
     line-height: 1.2;
     text-align: center;
     text-decoration: none;
@@ -57,19 +59,19 @@
     background-position: 100% -100px;
 }
 .tabs-nav a span {
-    width: 64px; /* IE 6 treats width as min-width */
-    min-width: 64px;
-    height: 18px; /* IE 6 treats height as min-height */
-    min-height: 18px;
-    padding-top: 6px;
-    padding-right: 0;
+   //width: 64px; /* IE 6 treats width as min-width */
+   //min-width: 64px;
+   //height: 18px; /* IE 6 treats height as min-height */
+   //min-height: 18px;
+   //padding-top: 6px;
+   //padding-right: 0;
 }
 *>.tabs-nav a span { /* hide from IE 6 */
     width: auto;
     height: auto;
 }
 .tabs-nav .tabs-selected a span {
-    padding-top: 7px;
+    //padding-top: 7px;
 }
 .tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
     background-position: 0 -50px;
@@ -87,9 +89,9 @@
     opacity: .4;
 }
 .tabs-container {
-    border-top: 1px solid #97a5b0;
-    padding: 1em 8px;
-    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
+    //border-top: 1px solid #97a5b0;
+    //padding: 1em 8px;
+    //background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
 }
 .tabs-loading em {
     padding: 0 0 0 20px;

main/social/index.php

@@ -470,23 +470,25 @@ if (isset($_GET['sendform'])) {
 }
 $form_url_send=isset($form_send_data_message) ? $form_send_data_message :'';
 ?>
+
 <div id="container-9">
     <ul>
-        <li><a href="data_personal.inc.php"><span><?php echo get_lang('PersonalData'); ?></span></a></li>
+        <li><a href="data_personal.inc.php"><span><?php Display :: display_icon('profile.png' ); echo get_lang('PersonalData'); ?></span></a></li>
         <?php 
        	if (api_get_setting('allow_message_tool')=='true') { 
        	?>        
-        <li><a href="../messages/inbox.php<?php echo $form_url_send; ?>"><span><?php echo get_lang('Inbox'); ?></span></a></li>
-        <li><a href="../messages/outbox.php<?php echo $form_url_send; ?>"><span><?php echo get_lang('Outbox'); ?></span></a></li>
+        <li><a href="../messages/inbox.php<?php echo $form_url_send; ?>"><span><?php Display :: display_icon('inbox.png'); echo get_lang('Inbox');?></span></a></li>
+        <li><a href="../messages/outbox.php<?php echo $form_url_send; ?>"><span><?php Display :: display_icon('outbox.png',false ); echo get_lang('Outbox');?></span></a></li>
         <?php }
   	 	if (api_get_setting('allow_social_tool')=='true') {      
         ?>
-        <li><a href="select_friend_response.php"><span><?php echo get_lang('PendingInvitations'); ?></span></a></li>
-        <li><a href="contacts.inc.php"><span><?php echo get_lang('Contacts'); ?></span></a></li>
-        <li><a href="group_contact.inc.php"><span><?php echo get_lang('ContactsGroups'); ?></span></a></li>
+        <li><a href="select_friend_response.php"><span><?php Display :: display_icon('pending_invitation.png'); echo get_lang('PendingInvitations'); ?></span></a></li>
+        <li><a href="contacts.inc.php"><span><?php Display :: display_icon('contacts.png'); echo get_lang('Contacts'); ?></span></a></li>
+        <li><a href="group_contact.inc.php"><span><?php Display :: display_icon('group_contact.png'); echo get_lang('ContactsGroups'); ?></span></a></li>
         <?php
   	 	}
-        ?>    
+        ?>   
+    
     </ul>
     <?php echo '<div id="show"></div>';?>
 </div>