| [vhffs-dev] [1889] Started to redesign whole panel. |
[ Thread Index |
Date Index
| More vhffs.org/vhffs-dev Archives
]
Revision: 1889
Author: beuss
Date: 2011-07-25 22:59:30 +0200 (Mon, 25 Jul 2011)
Log Message:
-----------
Started to redesign whole panel.
Global layout and main menu have a new look&feel.
Modified Paths:
--------------
trunk/vhffs-panel/templates/layouts/panel.tt
trunk/vhffs-panel/templates/menu/admin.tt
trunk/vhffs-panel/templates/menu/context.tt
trunk/vhffs-panel/templates/menu/group.tt
trunk/vhffs-panel/templates/misc/header.tt
trunk/vhffs-themes/light-grey/main.css
Modified: trunk/vhffs-panel/templates/layouts/panel.tt
===================================================================
--- trunk/vhffs-panel/templates/layouts/panel.tt 2011-07-25 20:59:21 UTC (rev 1888)
+++ trunk/vhffs-panel/templates/layouts/panel.tt 2011-07-25 20:59:30 UTC (rev 1889)
@@ -10,15 +10,23 @@
[% IF refresh_url %]<meta http-equiv="refresh" content="5;[% refresh_url | html %]"/>[% END %]
</head>
<body>
+<div id="background-container">
+ <div class="page-container-panel">
[% INCLUDE 'misc/header.tt' %]
-<div class="main" id="main">
- <h1>[% page_title | html %]</h1>
+ <div class="content-panel">
+ <h1>[% page_title | html %]</h1>
[% IF msg %]
- <p>[% msg | html %]</p>
+ <p>[% msg | html %]</p>
[% END %]
- [% INCLUDE 'misc/errors.tt' %]
- [% INCLUDE 'misc/infos.tt' %]
+ [% INCLUDE 'misc/errors.tt' %]
+ [% INCLUDE 'misc/infos.tt' %]
[% PROCESS $template %]
+ </div>
+ <div id="footer">
+ <p>[% 'Powered by %s' | i18n | pretty_print('<a href="http://www.vhffs.org";>VHFFS</a>') %]</p>
+ </div>
+ </div>
</div>
</body>
</html>
+
Modified: trunk/vhffs-panel/templates/menu/admin.tt
===================================================================
--- trunk/vhffs-panel/templates/menu/admin.tt 2011-07-25 20:59:21 UTC (rev 1888)
+++ trunk/vhffs-panel/templates/menu/admin.tt 2011-07-25 20:59:30 UTC (rev 1889)
@@ -1,16 +1,18 @@
-<a href="/admin/index.pl">[% 'General' | i18n | html %]</a>
-<a href="/admin/user/index.pl">[% 'Users' | i18n | html %]</a>
-<a href="/admin/group/index.pl">[% 'Groups' | i18n | html %]</a>
-[% IF panel_header.available_services.web %]<a href="/admin/web/index.pl">[% 'Web' | i18n | html %]</a>[% END %]
-[% IF panel_header.available_services.mysql %]<a href="/admin/mysql/index.pl">[% 'MySQL' | i18n | html %]</a>[% END %]
-[% IF panel_header.available_services.pgsql %]<a href="/admin/pgsql/index.pl">[% 'PgSQL' | i18n | html %]</a>[% END %]
-[% IF panel_header.available_services.cvs %]<a href="/admin/cvs/index.pl">[% 'CVS' | i18n | html %]</a>[% END %]
-[% IF panel_header.available_services.svn %]<a href="/admin/svn/index.pl">[% 'SVN' | i18n | html %]</a>[% END %]
-[% IF panel_header.available_services.git %]<a href="/admin/git/index.pl">[% 'Git' | i18n | html %]</a>[% END %]
-[% IF panel_header.available_services.mercurial %]<a href="/admin/mercurial/index.pl">[% 'Mercurial' | i18n | html %]</a>[% END %]
-[% IF panel_header.available_services.bazaar %]<a href="/admin/bazaar/index.pl">[% 'Bazaar' | i18n | html %]</a>[% END %]
-[% IF panel_header.available_services.dns %]<a href="/admin/dns/index.pl">[% 'DNS' | i18n | html %]</a>[% END %]
-[% IF panel_header.available_services.repository %]<a href="/admin/repository/index.pl">[% 'Dl repos' | i18n | html %]</a>[% END %]
-[% IF panel_header.available_services.mail %]<a href="/admin/mail/index.pl">[% 'Mail' | i18n | html %]</a>[% END %]
-[% IF panel_header.available_services.mailinglist %]<a href="/admin/mailinglist/index.pl">[% 'ML' | i18n | html %]</a>[% END %]
-[% IF panel_header.available_services.cron %]<a href="/admin/cron/index.pl">[% 'Crons' | i18n | html %]</a>[% END %]
+<ul>
+<li><a href="/admin/index.pl">[% 'General' | i18n | html %]</a></li>
+<li><a href="/admin/user/index.pl">[% 'Users' | i18n | html %]</a></li>
+<li><a href="/admin/group/index.pl">[% 'Groups' | i18n | html %]</a></li>
+[% IF panel_header.available_services.web %]<li><a/ href="/admin/web/index.pl">[% 'Web' | i18n | html %]</a></li>[% END %]
+[% IF panel_header.available_services.mysql %]<li><a/ href="/admin/mysql/index.pl">[% 'MySQL' | i18n | html %]</a></li>[% END %]
+[% IF panel_header.available_services.pgsql %]<li><a/ href="/admin/pgsql/index.pl">[% 'PgSQL' | i18n | html %]</a></li>[% END %]
+[% IF panel_header.available_services.cvs %]<li><a/ href="/admin/cvs/index.pl">[% 'CVS' | i18n | html %]</a></li>[% END %]
+[% IF panel_header.available_services.svn %]<li><a/ href="/admin/svn/index.pl">[% 'SVN' | i18n | html %]</a></li>[% END %]
+[% IF panel_header.available_services.git %]<li><a/ href="/admin/git/index.pl">[% 'Git' | i18n | html %]</a></li>[% END %]
+[% IF panel_header.available_services.mercurial %]<li><a/ href="/admin/mercurial/index.pl">[% 'Mercurial' | i18n | html %]</a></li>[% END %]
+[% IF panel_header.available_services.bazaar %]<li><a/ href="/admin/bazaar/index.pl">[% 'Bazaar' | i18n | html %]</a></li>[% END %]
+[% IF panel_header.available_services.dns %]<li><a/ href="/admin/dns/index.pl">[% 'DNS' | i18n | html %]</a></li>[% END %]
+[% IF panel_header.available_services.repository %]<li><a/ href="/admin/repository/index.pl">[% 'Dl repos' | i18n | html %]</a></li>[% END %]
+[% IF panel_header.available_services.mail %]<li><a/ href="/admin/mail/index.pl">[% 'Mail' | i18n | html %]</a></li>[% END %]
+[% IF panel_header.available_services.mailinglist %]<li><a/ href="/admin/mailinglist/index.pl">[% 'ML' | i18n | html %]</a></li>[% END %]
+[% IF panel_header.available_services.cron %]<li><a/ href="/admin/cron/index.pl">[% 'Crons' | i18n | html %]</a></li>[% END %]
+</ul>
Modified: trunk/vhffs-panel/templates/menu/context.tt
===================================================================
--- trunk/vhffs-panel/templates/menu/context.tt 2011-07-25 20:59:21 UTC (rev 1888)
+++ trunk/vhffs-panel/templates/menu/context.tt 2011-07-25 20:59:30 UTC (rev 1889)
@@ -1,3 +1,4 @@
+<div id="top-menu">
[% IF panel_header.admin_menu %]
[% IF current_user.is_admin() %]
[% INCLUDE 'menu/admin.tt' %]
@@ -7,3 +8,5 @@
[% ELSIF current_group %]
[% INCLUDE 'menu/group.tt' %]
[% END %]
+ <div class="clear"></div>
+</div>
Modified: trunk/vhffs-panel/templates/menu/group.tt
===================================================================
--- trunk/vhffs-panel/templates/menu/group.tt 2011-07-25 20:59:21 UTC (rev 1888)
+++ trunk/vhffs-panel/templates/menu/group.tt 2011-07-25 20:59:30 UTC (rev 1889)
@@ -1,13 +1,89 @@
-[% IF panel_header.available_services.web %]<a href="/web/index.pl?group=[% current_group.get_groupname %]">[% 'Web' | i18n | html %]</a>[% END %]
-[% IF panel_header.available_services.mysql %]<a href="/mysql/index.pl?group=[% current_group.get_groupname %]">[% 'MySQL' | i18n | html %]</a>[% END %]
-[% IF panel_header.available_services.pgsql %]<a href="/pgsql/index.pl?group=[% current_group.get_groupname %]">[% 'PgSQL' | i18n | html %]</a>[% END %]
-[% IF panel_header.available_services.cvs %]<a href="/cvs/index.pl?group=[% current_group.get_groupname %]">[% 'CVS' | i18n | html %]</a>[% END %]
-[% IF panel_header.available_services.svn %]<a href="/svn/index.pl?group=[% current_group.get_groupname %]">[% 'SVN' | i18n | html %]</a>[% END %]
-[% IF panel_header.available_services.git %]<a href="/git/index.pl?group=[% current_group.get_groupname %]">[% 'Git' | i18n | html %]</a>[% END %]
-[% IF panel_header.available_services.mercurial %]<a href="/mercurial/index.pl?group=[% current_group.get_groupname %]">[% 'Mercurial' | i18n | html %]</a>[% END %]
-[% IF panel_header.available_services.bazaar %]<a href="/bazaar/index.pl?group=[% current_group.get_groupname %]">[% 'Bazaar' | i18n | html %]</a>[% END %]
-[% IF panel_header.available_services.dns %]<a href="/dns/index.pl?group=[% current_group.get_groupname %]">[% 'DNS' | i18n | html %]</a>[% END %]
-[% IF panel_header.available_services.repository %]<a href="/repository/index.pl?group=[% current_group.get_groupname %]">[% 'Dl repos' | i18n | html %]</a>[% END %]
-[% IF panel_header.available_services.mail %]<a href="/mail/index.pl?group=[% current_group.get_groupname %]">[% 'Mail' | i18n | html %]</a>[% END %]
-[% IF panel_header.available_services.mailinglist %]<a href="/mailinglist/index.pl?group=[% current_group.get_groupname %]">[% 'ML' | i18n | html %]</a>[% END %]
-[% IF panel_header.available_services.cron %]<a href="/cron/index.pl?group=[% current_group.get_groupname %]">[% 'Crons' | i18n | html %]</a>[% END %]
+<ul>
+<li><a href="#">[% 'Project' | i18n | html %]</a>
+ <ul>
+ <li><a href="/group/view.pl?group=[% current_group.get_groupname %]">[% 'Home' | i18n | html %]</a></li>
+ <li><a href="/group/prefs.pl?group=[% current_group.get_groupname %]">[% 'Preferences' | i18n | html %]</a></li>
+ </ul>
+</li>
+<li><a href="#">[% 'Services' | i18n | html %]</a>
+ <ul>
+ [% IF panel_header.available_services.web %]<li><a href="/web/index.pl?group=[% current_group.get_groupname %]">[% 'Web' | i18n | html %]</a>
+ <ul>
+ <li><a href="/web/index.pl?group=[% current_group.get_groupname %]">[% 'List' | i18n | html %]</a></li>
+ <li><a href="/web/create.pl?group=[% current_group.get_groupname %]">[% 'Create' | i18n | html %]</a></li>
+ </ul>
+ </li>[% END %]
+ [% IF panel_header.available_services.mysql %]<li><a href="/mysql/index.pl?group=[% current_group.get_groupname %]">[% 'MySQL' | i18n | html %]</a>
+ <ul>
+ <li><a href="/mysql/index.pl?group=[% current_group.get_groupname %]">[% 'List' | i18n | html %]</a></li>
+ <li><a href="/mysql/create.pl?group=[% current_group.get_groupname %]">[% 'Create' | i18n | html %]</a></li>
+ </ul>
+ </li>[% END %]
+ [% IF panel_header.available_services.pgsql %]<li><a href="/pgsql/index.pl?group=[% current_group.get_groupname %]">[% 'PgSQL' | i18n | html %]</a>
+ <ul>
+ <li><a href="/pgsql/index.pl?group=[% current_group.get_groupname %]">[% 'List' | i18n | html %]</a></li>
+ <li><a href="/pgsql/create.pl?group=[% current_group.get_groupname %]">[% 'Create' | i18n | html %]</a></li>
+ </ul>
+ </li>[% END %]
+ [% IF panel_header.available_services.cvs %]<li><a href="/cvs/index.pl?group=[% current_group.get_groupname %]">[% 'CVS' | i18n | html %]</a>
+ <ul>
+ <li><a href="/cvs/index.pl?group=[% current_group.get_groupname %]">[% 'List' | i18n | html %]</a></li>
+ <li><a href="/cvs/create.pl?group=[% current_group.get_groupname %]">[% 'Create' | i18n | html %]</a></li>
+ </ul>
+ </li>[% END %]
+ [% IF panel_header.available_services.svn %]<li><a href="/svn/index.pl?group=[% current_group.get_groupname %]">[% 'SVN' | i18n | html %]</a>
+ <ul>
+ <li><a href="/svn/index.pl?group=[% current_group.get_groupname %]">[% 'List' | i18n | html %]</a></li>
+ <li><a href="/svn/create.pl?group=[% current_group.get_groupname %]">[% 'Create' | i18n | html %]</a></li>
+ </ul>
+ </li>[% END %]
+ [% IF panel_header.available_services.git %]<li><a href="/git/index.pl?group=[% current_group.get_groupname %]">[% 'Git' | i18n | html %]</a>
+ <ul>
+ <li><a href="/git/index.pl?group=[% current_group.get_groupname %]">[% 'List' | i18n | html %]</a></li>
+ <li><a href="/git/create.pl?group=[% current_group.get_groupname %]">[% 'Create' | i18n | html %]</a></li>
+ </ul>
+ </li>[% END %]
+ [% IF panel_header.available_services.mercurial %]<li><a href="/mercurial/index.pl?group=[% current_group.get_groupname %]">[% 'Mercurial' | i18n | html %]</a>
+ <ul>
+ <li><a href="/mercurial/index.pl?group=[% current_group.get_groupname %]">[% 'List' | i18n | html %]</a></li>
+ <li><a href="/mercurial/create.pl?group=[% current_group.get_groupname %]">[% 'Create' | i18n | html %]</a></li>
+ </ul>
+ </li>[% END %]
+ [% IF panel_header.available_services.bazaar %]<li><a href="/bazaar/index.pl?group=[% current_group.get_groupname %]">[% 'Bazaar' | i18n | html %]</a>
+ <ul>
+ <li><a href="/bazaar/index.pl?group=[% current_group.get_groupname %]">[% 'List' | i18n | html %]</a></li>
+ <li><a href="/bazaar/create.pl?group=[% current_group.get_groupname %]">[% 'Create' | i18n | html %]</a></li>
+ </ul>
+ </li>[% END %]
+ [% IF panel_header.available_services.dns %]<li><a href="/dns/index.pl?group=[% current_group.get_groupname %]">[% 'DNS' | i18n | html %]</a>
+ <ul>
+ <li><a href="/dns/index.pl?group=[% current_group.get_groupname %]">[% 'List' | i18n | html %]</a></li>
+ <li><a href="/dns/create.pl?group=[% current_group.get_groupname %]">[% 'Create' | i18n | html %]</a></li>
+ </ul>
+ </li>[% END %]
+ [% IF panel_header.available_services.repository %]<li><a href="/repository/index.pl?group=[% current_group.get_groupname %]">[% 'Dl repos' | i18n | html %]</a>
+ <ul>
+ <li><a href="/repository/index.pl?group=[% current_group.get_groupname %]">[% 'List' | i18n | html %]</a></li>
+ <li><a href="/repository/create.pl?group=[% current_group.get_groupname %]">[% 'Create' | i18n | html %]</a></li>
+ </ul>
+ </li>[% END %]
+ [% IF panel_header.available_services.mail %]<li><a href="/mail/index.pl?group=[% current_group.get_groupname %]">[% 'Mail' | i18n | html %]</a>
+ <ul>
+ <li><a href="/mail/index.pl?group=[% current_group.get_groupname %]">[% 'List' | i18n | html %]</a></li>
+ <li><a href="/mail/create.pl?group=[% current_group.get_groupname %]">[% 'Create' | i18n | html %]</a></li>
+ </ul>
+ </li>[% END %]
+ [% IF panel_header.available_services.mailinglist %]<li><a href="/mailinglist/index.pl?group=[% current_group.get_groupname %]">[% 'ML' | i18n | html %]</a>
+ <ul>
+ <li><a href="/mailinglist/index.pl?group=[% current_group.get_groupname %]">[% 'List' | i18n | html %]</a></li>
+ <li><a href="/mailinglist/create.pl?group=[% current_group.get_groupname %]">[% 'Create' | i18n | html %]</a></li>
+ </ul>
+ </li>[% END %]
+ [% IF panel_header.available_services.cron %]<li><a href="/cron/index.pl?group=[% current_group.get_groupname %]">[% 'Crons' | i18n | html %]</a>
+ <ul>
+ <li><a href="/cron/index.pl?group=[% current_group.get_groupname %]">[% 'List' | i18n | html %]</a></li>
+ <li><a href="/cron/create.pl?group=[% current_group.get_groupname %]">[% 'Create' | i18n | html %]</a></li>
+ </ul>
+ </li>[% END %]
+ </ul>
+</li>
Modified: trunk/vhffs-panel/templates/misc/header.tt
===================================================================
--- trunk/vhffs-panel/templates/misc/header.tt 2011-07-25 20:59:21 UTC (rev 1888)
+++ trunk/vhffs-panel/templates/misc/header.tt 2011-07-25 20:59:30 UTC (rev 1889)
@@ -1,40 +1,27 @@
<div id="header">
- <div id="logo">
- <a class="logomenu" href="/panel.pl">
- <img src="/themes/[% theme %]/images/logo.png" alt="logo"/>
- </a>
- </div>
- <div id="top_menu">
- <div id="userToolBox">
- <a href="/panel.pl" title="[% 'Home page' | i18n | html %]">
- <img src="/themes/[% theme %]/images/home.png" title="[% 'Home page' | i18n | html %]" alt="[% 'Home page' | i18n | html %]" />
- </a>
- <a href="/user/prefs.pl" title="[% 'User Preferences' | i18n | html %]">
- <img src="/themes/[% theme %]/images/prefs.png" title="[% 'User Preferences' | i18n | html %]" alt="[% 'User Preferences' | i18n | html %]" />
- </a>
- <a href="/group/index.pl" title="[% 'My Projects' | i18n | html %]">
- <img src="/themes/[% theme %]/images/projects.png" title="[% 'My Projects' | i18n | html %]" alt="[% 'My Projects' | i18n | html %]" />
- </a>
- [% IF current_user.is_admin() OR current_user.is_moderator() %]
- <a href="/admin/index.pl" title="[% 'Administration' | i18n | html %]">
- <img src="/themes/[% theme %]/images/admin.png" title="[% 'Administration' | i18n | html %]" alt="[% 'Administration' | i18n | html %]" />
- </a>
- [% END %]
- <a href="[% panel_header.help_url %]" title="[% 'Help' | i18n | html %]">
- <img src="/themes/[% theme %]/images/help.png" title="[% 'Help' | i18n | html %]" alt="[% 'Help' | i18n | html %]" />
- </a>
- <a href="/alert.pl" title="[% 'Report a bug' | i18n | html %]">
- <img src="/themes/[% theme %]/images/bug.png" title="[% 'Report a bug' | i18n | html %]" alt="[% 'Report a bug' | i18n | html %]" />
- </a>
- <a href="/auth.pl?logout=1" title="[% 'Logout' | i18n | html %]">
- <img src="/themes/[% theme %]/images/logout.png" title="[% 'Logout' | i18n | html %]" alt="[% 'Logout' | i18n | html %]" />
- </a>
- </div>
- <span id="username" title="[% (current_user.is_admin() ? 'Admin account' : (current_user.is_moderator ? 'Moderator account' : 'User account' )) | i18n | html %]">[% current_user.get_username() %]</span>
- </div>
-<div id="contextual_menu">
-<p>
- [% INCLUDE 'menu/context.tt' %]
-</p>
-</div>
-</div>
+ <div class="site-name">
+ <img src="/themes/light-grey/img/vhffs.png" alt="Virtual Hosting For Free Software"/>
+ </div>
+ <!-- Flag navigations -->
+ <div class="navflag">
+ <a href="/?lang=en_US"><img src="/themes/light-grey/img/en_US.png" alt="en_US"/></a>
+ <a href="/?lang=fr_FR"><img src="/themes/light-grey/img/fr_FR.png" alt="fr_FR"/></a>
+ <a href="/?lang=es_ES"><img src="/themes/light-grey/img/es_ES.png" alt="es_ES"/></a>
+ </div>
+
+ <!-- Navigation Level 1 -->
+
+ <div class="nav1">
+ <a href="/panel.pl">[% 'Home' | i18n | html %]</a>
+ <a href="/user/prefs.pl">[% 'Preferences' | i18n | html %]</a>
+ <a href="/group/index.pl">[% 'Projects' | i18n | html %]</a>
+ [% IF current_user.is_admin() OR current_user.is_moderator() %]
+ <a href="/admin/index.pl">[% 'Administration' | i18n | html %]</a>
+ [% END %]
+ <a href="/alert.pl">[% 'Contact' | i18n | html %]</a>
+ <a href="/auth.pl?logout=1">[% 'Logout' | i18n | html %]</a>
+ <span id="username">[% current_user.get_username() %]</span>
+ </div>
+
+</div>
+[% INCLUDE 'menu/context.tt' %]
Modified: trunk/vhffs-themes/light-grey/main.css
===================================================================
--- trunk/vhffs-themes/light-grey/main.css 2011-07-25 20:59:21 UTC (rev 1888)
+++ trunk/vhffs-themes/light-grey/main.css 2011-07-25 20:59:30 UTC (rev 1889)
@@ -20,7 +20,8 @@
}
.page-container-panel-anonymous,
-.page-container-public {
+.page-container-public,
+.page-container-panel {
width: 770px;
margin: 0px auto;
padding: 0px;
@@ -127,46 +128,41 @@
text-decoration: none;
}
-/*----------------------------*/ /* 2.4 - Navigation - Level 2 */
- /*----------------------------*/
+/*----------------------------*/
+/* Main menu */
+/*----------------------------*/
#top-menu {
clear: both;
margin: 0px;
padding: 0px;
font-family: verdana, arial, sans serif;
- font-size: 10px;;
- padding-bottom: 60px;;
- background-color: rgb(255, 255, 255);
+ font-size: 10px;
+ margin-bottom: 60px;
+ min-height: 27px;
+ background-color: rgb(127, 162, 202);
}
#top-menu ul {
- float: left;
- width: 770px;
margin: 0px;
padding: 0px;
border-top: solid 1px rgb(54, 83, 151);
border-bottom: solid 1px rgb(54, 83, 151);
+ font-weight: bold;
background-color: rgb(127, 162, 202);
- font-weight: bold;
}
#top-menu li {
- display: inline;
list-style: none;
margin: 0px;
padding: 0px;
}
-#top-menu li a {
- display: block;
- float: left;
- margin: 0px 0px 0px 0px;
- padding: 5px 10px 5px 10px;
- border-right: solid 1px rgb(54, 83, 151);
- color: rgb(255, 255, 255);
+#top-menu a {
text-transform: uppercase;
text-decoration: none;
font-size: 100%;
+ color: rgb(255, 255, 255);
+ display: inline-block;
}
#top-menu a:hover,#top-menu a.selected {
@@ -174,6 +170,56 @@
text-decoration: none;
}
+#top-menu>ul {
+ width: 770px;
+}
+
+#top-menu>ul>li {
+ float: left;
+}
+
+#top-menu>ul>li>a {
+ margin: 0px 0px 0px 0px;
+ padding: 5px 10px 5px 10px;
+ border-right: solid 1px rgb(54, 83, 151);
+}
+
+#top-menu>ul>li ul {
+ display: none;
+ position: absolute;
+ width: auto;
+ border: solid 1px rgb(54, 83, 151);
+ padding-left: 5px;
+ padding-right: 5px;
+ width: 120px;
+}
+
+#top-menu>ul>li li {
+ position: relative;
+}
+
+#top-menu>ul>li:hover>ul {
+ display: block;
+}
+
+#top-menu>ul>li>ul>li:hover>ul {
+ display: block;
+ left: 120px;
+ top: 0;
+}
+
+#top-menu>ul ul {
+ font-size: 100%;
+}
+
+#top-menu>ul ul ul {
+ padding-bottom: 5px;
+}
+
+#top-menu>ul ul a {
+ width: 100%
+}
+
/*----------------------------*/ /* 2.5 - Navigation - Level 3 */
/*----------------------------*/
div#left-menu {