improve menubar display in admin clear theme, colors and behaviors

git-svn-id: http://piwigo.org/svn/trunk@5161 68402e56-0260-453c-a942-63ccdbb3a9ee

1 files changed, 16 insertions, 12 deletions

diff --git a/admin/themes/clear/theme.css b/admin/themes/clear/theme.css
index 6a6f0ed4f..220e64101 100644
--- a/admin/themes/clear/theme.css
+++ b/admin/themes/clear/theme.css
@@ -129,8 +129,8 @@ margin-top:4px; padding-bottom:3px; padding-top:3px; top:1px;
 .sort { clear: none; }
 #214ug { margin-left:248px; font-size:12px; }
 /* menubar is on all admin pages => No specific css file */
-#menubar { background-color: #ddd;
-border: 1px solid; display:inline; float:left; left:0; margin: 0 0 0 35px; min-height:475px; height:475px; /* should be 477 */
+#menubar {
+display:inline; float:left; left:0; margin: 10px 0 0 10px; min-height:475px; height:475px; /* should be 477 */
 padding:0; width:207px; z-index:99; text-align: left; }
 #menubar ul.scroll { height:163px; margin-right:10px; overflow-y:auto; 
  /* Only IE family supports colored scrollbar */
@@ -138,16 +138,20 @@ padding:0; width:207px; z-index:99; text-align: left; }
  scrollbar-3dlight-color: #d6d6d6; scrollbar-darkshadow-color: #ccc; scrollbar-track-color: #eee;
  scrollbar-arrow-color: #0cccc; }
 
-#menubar dd { margin: 10px 0 0 0; padding: 0; height:232px; }
-#menubar dl { width: 207px; border:0; margin: 0; padding: 0; display: block; min-height:35px; }
-#menubar dt { margin: 0; display: block; background-color: #eee; font-weight:bold;
-position:relative; padding: 5px 1px 4px 5px; font-size: 13px; color: #999; }
-#menubar dt  span { background-color: #eee; cursor:pointer; }
-#menubar li { margin: 0 0 0 6px; }
-#menubar li.external { list-style-image:url(images/external_inactive.png); padding:10px 0px 0pt 10px; }
-#menubar li.external:hover { list-style-image:url(images/external_active.png); }
-#menubar ul { color: #ccc; margin:0 0 0 9px; line-height: 16px;
-  list-style-type: square; list-style-position: inside; padding: 0; }
+#menubar dd { margin: 0; padding: 0; height:232px; }
+#menubar dl { width: 207px; border:0; margin: 0; padding: 0; display: block; min-height:35px; border:1px solid #ddd; background-color:#f1f1f1}
+#menubar dt { background-color: #ddd; margin: 0; display: block; font-weight:bold;
+position:relative; padding: 5px 1px 4px 5px; font-size: 13px; color: #777; }
+#menubar dt  span { cursor:pointer; }
+#menubar li { margin: 0; padding-left:10px; }
+#menubar li A { display:block; }
+#menubar li:hover {background-color:#dbe8f3;}
+#menubar ul { color: #ccc; margin:0; line-height: 25px;
+  list-style-type: none; list-style-position: inside; padding: 0; }
+
+#adminHome       {background-color:#ddd;}
+#adminHome:hover {background-color:#c8c8c8;}
+
 /* jQuery tooltips */
 .cluetip-default #cluetip-outer { border-color: #999; color: #999; background-color: #ddd; }
 .cluetip-default h3#cluetip-title { color: #0cc9c; background-color: #eee; }