[home] redesigned side-nav. rm border-top of header

media/css/seahub.css

@@ -391,7 +391,6 @@ textarea:-moz-placeholder {/* for FF */
     color:#000;
 }
 /**** side-tabnav ****/
-.side-tabnav .hd,
 .side-textnav .hd,
 .side-info .hd,
 #right-panel .hd {
@@ -399,7 +398,14 @@ textarea:-moz-placeholder {/* for FF */
     border-bottom:1px solid #ddd;
     margin-bottom:1em;
 }
+.side-tabnav .hd {
+    margin-bottom:0.5em;
+}
+.side-tabnav h3.hd {
+    color:#f7941d;
+}
 .side-tabnav .hd h3 {
+    color:#f7941d;
     margin-bottom:0;
 }
 .side-tabnav .hd .avatar { /*for 'group'*/
@@ -410,23 +416,28 @@ textarea:-moz-placeholder {/* for FF */
     line-height:1;
     color:#666;
 }
+.side-tabnav-tabs {
+    margin-bottom:1em;
+}
 .side-tabnav-tabs .tab a {
     display:block;
     font-size:14px;
-    padding:4px 4px 4px 30px;
+    padding:4px 4px 4px 35px;
     color:#333;
     font-weight:normal;
     border-radius:2px;
-    background:no-repeat scroll 4px 50%;
+    background:no-repeat scroll 6px 50%;
 }
 .side-tabnav-tabs .tab .lib {
     background-image:url('../img/lib.png');
+    background-position: 7px 50%;
 }
 .side-tabnav-tabs .tab-cur .lib {
     background-image:url('../img/lib_w.png');
 }
 .side-tabnav-tabs .tab .star {
     background-image:url('../img/star.png');
+    background-position: 4px 50%;
 }
 .side-tabnav-tabs .tab-cur .star {
     background-image:url('../img/star_w.png');
@@ -439,6 +450,7 @@ textarea:-moz-placeholder {/* for FF */
 }
 .side-tabnav-tabs .tab .wiki {
     background-image:url('../img/wiki.png');
+    background-position: 8px 50%;
 }
 .side-tabnav-tabs .tab-cur .wiki {
     background-image:url('../img/wiki_w.png');
@@ -455,6 +467,32 @@ textarea:-moz-placeholder {/* for FF */
 .side-tabnav-tabs .tab-cur .clients {
     background-image:url('../img/clients_w.png');
 }
+.side-tabnav-tabs .tab .contacts {
+    background-image:url('../img/contacts.png');
+}
+.side-tabnav-tabs .tab-cur .contacts {
+    background-image:url('../img/contacts_w.png');
+}
+.side-tabnav-tabs .tab .folders {
+    background-image:url('../img/folders.png');
+    background-position: 5px 50%;
+}
+.side-tabnav-tabs .tab-cur .folders {
+    background-image:url('../img/folders_w.png');
+}
+.side-tabnav-tabs .tab .files {
+    background-image:url('../img/files.png');
+    background-position: 8px 50%;
+}
+.side-tabnav-tabs .tab-cur .files {
+    background-image:url('../img/files_w.png');
+}
+.side-tabnav-tabs .tab .links {
+    background-image:url('../img/links.png');
+}
+.side-tabnav-tabs .tab-cur .links {
+    background-image:url('../img/links_w.png');
+}
 .side-tabnav-tabs .tab a:hover {
     background-color:#feefb8;
     text-decoration:none;
@@ -877,7 +915,7 @@ textarea:-moz-placeholder {/* for FF */
 #header {
     padding:16px 0;
     background:#f4f4f7 url('../img/nav.png') center top repeat-x;
-    border-bottom:1px solid #e3e4e5;
+    /*border-bottom:1px solid #e3e4e5;*/
     width:100%;
     font-size: 14px;
     margin-bottom:25px;

seahub/templates/home_base.html

@@ -6,7 +6,7 @@
 <div class="side-tabnav">
     <div class="hd w100 ovhd">
         <h3 class="fleft">{% trans "Personal" %}</h3>
-        <span id="enable-mods" class="icon-th fright" title="{% trans "Enable Modules" %}"></span>
+        <img id="enable-mods" class="fright" title="{% trans "Enable Modules" %}" src="{{MEDIA_URL}}img/setting.png" alt="" />
     </div>
     <ul class="side-tabnav-tabs">
         <li class="tab {% block cur_my_lib %}{% endblock %}"><a href="{% url 'myhome' %}" class="lib">{% trans "Libraries" %}</a></li>
@@ -21,15 +21,15 @@
         {% endfor %}
         <li class="tab {% block cur_messages %}{% endblock %}"><a href="{% url 'message_list' %}" class="msgs">{% trans "Messages" %}</a></li>
         <li class="tab {% block cur_clients %}{% endblock %}"><a href="{% url 'client_mgmt' %}" class="clients">{% trans "Clients" %}</a></li>
-        <li class="tab {% block cur_contacts %}{% endblock %}"><a href="{% url 'contacts' %}" class="">{% trans "Contacts" %}</a></li>
+        <li class="tab {% block cur_contacts %}{% endblock %}"><a href="{% url 'contacts' %}" class="contacts">{% trans "Contacts" %}</a></li>
     </ul>
 
     <h3 class="hd">{% trans "Share Admin" %}</h3>
     <ul class="side-tabnav-tabs">
         <li class="tab {% block cur_share_libs %}{% endblock %}"><a href="{% url 'share_admin' %}" class="lib">{% trans "Libraries" %}</a></li>
-        <li class="tab {% block cur_share_folders %}{% endblock %}"><a href="{% url 'list_priv_shared_folders' %}"><span class="icon-folder-close"></span>{% trans "Folders" %}</a></li>
+        <li class="tab {% block cur_share_folders %}{% endblock %}"><a href="{% url 'list_priv_shared_folders' %}" class="folders">{% trans "Folders" %}</a></li>
-        <li class="tab {% block cur_share_files %}{% endblock %}"><a href="{% url 'list_priv_shared_files' %}"><span class="icon-file"></span>{% trans "Files" %}</a></li>        
+        <li class="tab {% block cur_share_files %}{% endblock %}"><a href="{% url 'list_priv_shared_files' %}" class="files">{% trans "Files" %}</a></li>        
-        <li class="tab {% block cur_share_links %}{% endblock %}"><a href="{% url 'list_shared_links' %}"><span class="icon-link"></span>{% trans "Links" %}</a></li>
+        <li class="tab {% block cur_share_links %}{% endblock %}"><a href="{% url 'list_shared_links' %}" class="links">{% trans "Links" %}</a></li>
     </ul>
 </div>
 {% endblock %}