improvements of Loopy skin; centralize definition of breadcrumbs macro

browser/node_macros.pt

@@ -240,6 +240,27 @@
 </metal:actions>
 
 
+<metal:breadcrumbs define-macro="breadcrumbs">
+    <table class="breadcrumbs"
+           tal:define="crumbs view/breadcrumbs"
+           tal:condition="crumbs">
+      <tr>
+        <td style="white-space: nowrap; vertical-align: top; width: 10%"
+            i18n:translate="">You are here:</td>
+        <td>
+          <span>
+            <span style="white-space: nowrap"
+                  tal:repeat="crumb crumbs">
+              <a tal:attributes="href crumb/url"
+                  tal:content="crumb/label" />
+              <tal:delimiter
+                condition="not:repeat/crumb/end"> ></tal:delimiter></span> </span>
+        </td>
+      </tr>
+    </table>
+</metal:breadcrumbs>
+
+
 <metal:actions define-macro="view_modes">
   <ul class="view-modes"
       tal:define="viewModes view/viewModes"

browser/skin/lobo/body.pt

@@ -27,23 +27,7 @@
     <div id="content" class="span-6"
          metal:define-macro="content">
       <metal:breadcrumbs define-slot="breadcrumbs">
-        <table class="breadcrumbs"
+        <metal:tabs use-macro="views/node_macros/breadcrumbs" />
-               tal:define="crumbs view/breadcrumbs"
-               tal:condition="crumbs">
-          <tr>
-            <td style="white-space: nowrap; vertical-align: top; width: 10%"
-                i18n:translate="">You are here:</td>
-            <td>
-              <span>
-                <span style="white-space: nowrap"
-                      tal:repeat="crumb crumbs">
-                  <a tal:attributes="href crumb/url"
-                      tal:content="crumb/label" />
-                  <tal:delimiter
-                    condition="not:repeat/crumb/end"> ></tal:delimiter></span> </span>
-            </td>
-          </tr>
-        </table>
       </metal:breadcrumbs>
       <div metal:define-slot="actions"></div>
       <div metal:define-slot="message"></div>

browser/skin/loopy/body.pt

@@ -9,6 +9,16 @@
             tal:attributes="src string:${resourceBase}logo.png" /></a>
 
 
+    <metal:breadcrumbs fill-slot="breadcrumbs">
+      <metal:tabs use-macro="views/node_macros/breadcrumbs" />
+    </metal:breadcrumbs>
+
+
+    <metal:tabs fill-slot="view_modes">
+      <metal:tabs use-macro="views/node_macros/view_modes" />
+    </metal:tabs>
+
+
     <metal:left fill-slot="portlet-left">
         <tal:portlet repeat="macro controller/macros/portlet_left">
           <metal:portlet use-macro="macro" />

browser/skin/loopy/loops.css

@@ -6,8 +6,8 @@
 
 /* general */
 
-#content {width: 82%}
+#content {width: 79%}
-#menu {width: 17%;}
+#menu {width: 20%;}
 #sub-section {width: 0}
 
 
@@ -53,6 +53,7 @@ table {
 
 .breadcrumbs td {
     padding-left: 0;
+    padding-top: 12px;
 }
 
 .description {