Item instruments prototype display

diff --git a/telemeta/htdocs/css/telemeta.css b/telemeta/htdocs/css/telemeta.css
index d4f59ed5bfa7b78cf784f5c4eaa11e5627029f1e..3dbfab5e8127db4039310408f5ba5a6f453321ab 100644 (file)
--- a/telemeta/htdocs/css/telemeta.css
+++ b/telemeta/htdocs/css/telemeta.css
@@ -514,7 +514,30 @@ dl.dublincore dd.caption {
     padding: .3em;\r
 }\r
 \r
-\r
+/* Item instruments */\r
+div.instruments {\r
+    position: relative;\r
+    margin-left: -.7em;\r
+    margin-right: .5em;\r
+}\r
+table.instruments {\r
+    border: none;\r
+    border-collapse: separate;\r
+    width: 100%;\r
+    border-spacing: .7em;\r
+}\r
+table.instruments td {\r
+    font-size: .8em;\r
+    padding: 0 .2em;\r
+}\r
+table.instruments thead td {\r
+    background-color: #F9F9F9;\r
+    border: .1em solid #E1E1E1;\r
+    border-bottom: .3em solid #E1E1E1;\r
+}\r
+table.instruments tbody td {\r
+    border-bottom: .1em solid #E1E1E1;\r
+}\r
 \r
 /* Styles for tabular listings (stolen from trac) */\r
 table.listing {\r

diff --git a/telemeta/templates/mediaitem_detail.html b/telemeta/templates/mediaitem_detail.html
index a9c8a181263dd4d6471e67dc53d03615e43d6ca3..1669792553a85825d168c6488ddca88c51172328 100644 (file)
--- a/telemeta/templates/mediaitem_detail.html
+++ b/telemeta/templates/mediaitem_detail.html
@@ -96,7 +96,26 @@
                 {% if item.form_genr_style %}<dt>Forme / genre vernaculaire</dt><dd>{{ item.form_genr_style }}</dd>{% endif %}\r
                 {% if item.formstyl_generi %}<dt>Forme / genre générique</dt><dd>{{ item.formstyl_generi }}</dd>{% endif %}\r
                 </dl>\r
-                <!-- + bloc 4 col -->\r
+                <div class="instruments">\r
+                    <table class="instruments">\r
+                    <thead>\r
+                        <tr>\r
+                            <td>Nombre</td>\r
+                            <td>Nom générique</td>\r
+                            <td>Nom vernaculaire</td>\r
+                            <td>Interprète </td>\r
+                        </tr>\r
+                    </thead>\r
+                    <tbody>\r
+                        <tr>\r
+                            <td>-</td>\r
+                            <td>-</td>\r
+                            <td>-</td>\r
+                            <td>-</td>\r
+                        </tr>\r
+                    </tbody>\r
+                    </table>\r
+                </div>\r
             </div>\r
             <div class="nett"></div>\r
         </div>\r