From 88865891b7ca5f358e2ceb33b2c6f6c6704625e2 Mon Sep 17 00:00:00 2001 From: olivier <> Date: Fri, 2 Jan 2009 17:57:56 +0000 Subject: [PATCH] misc layout fixes on ie6 and other browsers + templates/css/js consolidation --- telemeta/htdocs/css/player.css | 7 +- telemeta/htdocs/css/telemeta.css | 66 ++-- telemeta/htdocs/css/telemeta_ie.css | 3 +- telemeta/htdocs/css/telemeta_ie6.css | 9 +- telemeta/htdocs/js/application.js | 41 +-- telemeta/htdocs/js/player.js | 5 +- telemeta/templates/base.html | 3 +- telemeta/templates/collection_detail.html | 175 +++++----- telemeta/templates/mediaitem_detail.html | 335 ++++++++++---------- telemeta/templates/mediaitem_detail_dc.html | 2 - 10 files changed, 299 insertions(+), 347 deletions(-) diff --git a/telemeta/htdocs/css/player.css b/telemeta/htdocs/css/player.css index 7fcd9212..1af20459 100644 --- a/telemeta/htdocs/css/player.css +++ b/telemeta/htdocs/css/player.css @@ -3,7 +3,7 @@ clear: both; background: white; border: solid 1px #ADADAD; - margin-top: 10px; + margin-top: 2px; } .ts-skin-lab .ts-player .ts-wave { @@ -24,7 +24,6 @@ } .ts-skin-lab .ts-player .ts-viewer a.ts-pointer { color: #BB0000; - /*background: transparent;*/ background: white; } @@ -66,9 +65,7 @@ #player_maximized .toggle, #player_minimized .toggle { display: block; overflow: hidden; - position: absolute; - right: 0px; - top: -12px; + float: right; width: 18px; padding: 10px 0 0 0; height: 0px !important; diff --git a/telemeta/htdocs/css/telemeta.css b/telemeta/htdocs/css/telemeta.css index c53d9cc6..7cb1d963 100644 --- a/telemeta/htdocs/css/telemeta.css +++ b/telemeta/htdocs/css/telemeta.css @@ -33,7 +33,7 @@ h3 { height: 5px; } /* Min-width */ -#content, #header, #submenu { +#layout { min-width: 740px; } @@ -87,17 +87,11 @@ h3 { font-size: 0.9em; font-weight: bold; } -#leftcol { - position: relative; - margin-right: 399px; - min-height: 450px; - min-width: 400px; -} + #rightcol { - clear: both; - position: absolute; + position: relative; z-index: 1; - right: .3em; + float: right; width: 362px; margin-top: 10px; border: 1px dotted #999; @@ -118,17 +112,6 @@ h3 { background-color: #fff; border: 1px solid #adadad; } -/* -#item_player_c { - width: 305px; - padding: 2px 0 0; - border: 1px solid #adadad; - text-align: center; -} -.item_visualization select { width: 240px; } -.item_visualization .viewport { width: 305px; border: 1px solid #adadad; overflow: auto; margin-top: 5px; background-color: #fff;} -*/ - .exporter { background-color: #fff; @@ -138,7 +121,6 @@ h3 { padding: 2px; height: 17px; margin: 5px 0 0; - /* overflow: auto; */ font-size: 1em; } @@ -149,7 +131,6 @@ h3 { width: 356px; padding: 2px; margin: 5px 0 0; - /* overflow: auto; */ font-size: 1em; } @@ -175,7 +156,7 @@ ul.continents ul li { display: inline; padding-right: 2em;} ul.continents ul li a { line-height: 1.8em; } /* Collection */ -#leftcol .intro { +#content .intro { font-size: 1em; font-weight: bold; color: #444; @@ -184,7 +165,7 @@ ul.continents ul li a { line-height: 1.8em; } font-size: 0.8em; background: #FFF url(indent.png) no-repeat 0 1px; } -#leftcol .intro span { +#content .intro span { padding: 3px; } @@ -401,12 +382,8 @@ dl dd { border: 1px solid transparent; } dl dt { - clear: both; float: left; } -/* ie5 mac \*/ -dt { clear: both;} -/* end hack */ dl.listing dt { width: 18em; @@ -486,6 +463,11 @@ dl.dublincore dd.caption { .infos, .extraInfos { margin-bottom: 15px; } + +.extraInfos dl, .extraInfos table { + position: relative; +} + .extraInfos div { padding: 0; margin-bottom: 5px; @@ -496,33 +478,37 @@ dl.dublincore dd.caption { margin-bottom: -5px; } .extraInfos h4 { - clear: both; + /* clear: both; */ font-size: 0.9em; line-height: 1.4em; + border-bottom: 1px dotted #aaa; } +.with-rightcol .extraInfos h4 { + margin-right: 395px; +} + .extraInfos h4 a { display: block; - color: #333; + color: #333 !important; text-decoration: none; margin: 0; background: #fff url(more.gif) no-repeat left top; + background-position: 0 -17px; padding-bottom: 2px; padding-left: 16px; - border-bottom: none; + border-bottom: none !important; outline: none; } .extraInfos h4 a:hover { background-color: transparent; border-bottom: none; - color: #555; + color: #555 !important; } -.extraInfos h4.on { - border-bottom: 1px dotted #aaa; - margin-right: 15px; +.extraInfos .folded h4 { + border-bottom: none; } -.extraInfos h4.on a { - color: #333; - background-position: 0 -17px; +.extraInfos .folded h4 a { + background-position: 0 0px; } /* Pagination */ @@ -553,7 +539,7 @@ div.instruments { table.instruments { border: none; border-collapse: separate; - width: 100%; + /* width: 100%; */ border-spacing: .7em; } table.instruments td { diff --git a/telemeta/htdocs/css/telemeta_ie.css b/telemeta/htdocs/css/telemeta_ie.css index 1dcbc977..f4ade568 100644 --- a/telemeta/htdocs/css/telemeta_ie.css +++ b/telemeta/htdocs/css/telemeta_ie.css @@ -1,5 +1,4 @@ dl.listing { - clear: both; margin-top: .4em; } dl.listing dd { @@ -14,4 +13,4 @@ dl.dublincore dd.caption { div.instruments { margin-left: -.1em; margin-right: .9em; -} \ No newline at end of file +} diff --git a/telemeta/htdocs/css/telemeta_ie6.css b/telemeta/htdocs/css/telemeta_ie6.css index a8415e58..e546a4a8 100644 --- a/telemeta/htdocs/css/telemeta_ie6.css +++ b/telemeta/htdocs/css/telemeta_ie6.css @@ -1,11 +1,4 @@ /* Min-width */ -#leftcol { - height: 450px; - width: 400px; -} -#content, #header, #submenu { - width: 740px; -} #submenu h3, #submenu div { height: 1.6em; -} \ No newline at end of file +} diff --git a/telemeta/htdocs/js/application.js b/telemeta/htdocs/js/application.js index 446f233b..22e5fffe 100644 --- a/telemeta/htdocs/js/application.js +++ b/telemeta/htdocs/js/application.js @@ -1,33 +1,12 @@ -function ployBlocks() { - - $('.extraInfos div.nett').css('display', 'block'); - $('.closed').css('display', 'none'); - $('.extraInfos h4').toggleClass('on').click(function() { - $(this) - .toggleClass('on') - .parent().find('div').eq(0).toggle(); - return false; - }); - /* - var extraInfos = $$('.extraInfos div'); - for (i = 0; i {% trans 'Welcome,' %} {% if user.first_name %}{{ user.first_name|escape }}{% else %}{{ user.username }}{% endif %}. {% block userlinks %}{% trans 'Documentation' %} / {% trans 'Change password' %} / {% trans 'Log out' %}{% endblock %} {% endif %} --> +
diff --git a/telemeta/templates/collection_detail.html b/telemeta/templates/collection_detail.html index 9750616e..5dea5250 100644 --- a/telemeta/templates/collection_detail.html +++ b/telemeta/templates/collection_detail.html @@ -15,38 +15,38 @@ {% endblock %} {% block content %} - {% if object.has_mediafile %} -
-
-

Listen to this collection - (M3U, - XSPF)

- {% if 0 %} {# Use 1/0 for alternate player #} - - - - - {% else %} - -

- Get Flash to see this player. -

- - {% endif %} +
+ {% if object.has_mediafile %} +
+
+

Listen to this collection + (M3U, + XSPF)

+ {% if 0 %} {# Use 1/0 for alternate player #} + + + + + {% else %} + +

+ Get Flash to see this player. +

+ + {% endif %} +
-
- {% endif %} -
+ {% endif %}
{% if object.items.count %}{{ object.items.count }} {% ifequal object.items.count 1 %}item{% else %}items{% endifequal %}{% else %}No item{% endif %}
@@ -70,79 +70,83 @@ {% endif %} -
-

Données ethnographiques

-
+

Données ethnographiques

+
+
- {% if object.get_countries %} -
État / Nation
{{object.get_countries|join:", "}}
- {% endif %} + {% if object.get_countries %} +
État / Nation
{{object.get_countries|join:", "}}
+ {% endif %} - {% if object.get_ethnic_groups %} -
Ethnie / Groupe social
{{ object.get_ethnic_groups|join:", " }}
- {% endif %} + {% if object.get_ethnic_groups %} +
Ethnie / Groupe social
{{ object.get_ethnic_groups|join:", " }}
+ {% endif %} - {% if object.terrain_ou_autre %}
Contexte de l’enregistrement
{{ object.terrain_ou_autre }}
{% endif %} + {% if object.terrain_ou_autre %}
Contexte de l’enregistrement
{{ object.terrain_ou_autre }}
{% endif %} -
+
+
-
{% if object.is_published %}
-

Détails du document édité

-
-
- {% if object.publishing_status %}
Réédition
{{ object.publishing_status }}
{% endif %} - {% if object.booklet_writer %}
Auteur Notice
{{ object.booklet_writer }}
{% endif %} - {% if object.booklet_description %}
Notice
{{ object.booklet_description }}
{% endif %} -
+
+

Détails du document édité

+
+
+ {% if object.publishing_status %}
Réédition
{{ object.publishing_status }}
{% endif %} + {% if object.booklet_writer %}
Auteur Notice
{{ object.booklet_writer }}
{% endif %} + {% if object.booklet_description %}
Notice
{{ object.booklet_description }}
{% endif %} +
+
{% endif %}
-

Identification du document

-
-
- {% if object.id %}
Cote
{{ object.id }}
{% endif %} - {% if object.physical_format %}
Format de l'original
{{ object.physical_format }}
{% endif %} -
+
+

Identification du document

+
+
+ {% if object.id %}
Cote
{{ object.id }}
{% endif %} + {% if object.physical_format %}
Format de l'original
{{ object.physical_format }}
{% endif %} +
+
-
-

Informations documentaires

-
-
- {% if object.a_informer %}
a informer
{{ object.a_informer }}
{% endif %} - {% if object.acquisition_mode %}
acquisition mode
{{ object.acquisition_mode }}
{% endif %} - {% if object.champ36 %}
champ36
{{ object.champ36 }}
{% endif %} - {% if object.collector %}
collector
{{ object.collector }}
{% endif %} - {% if object.comment %}
comment
{{ object.comment }}
{% endif %} - - {% if object.deposant_cnrs %}
deposant cnrs
{{ object.deposant_cnrs }}
{% endif %} - {% if object.fiches %}
fiches
{{ object.fiches }}
{% endif %} - {% if object.is_full_copy %}
is full copy
{{ object.is_full_copy }}
{% endif %} - {% if object.is_original %}
is original
{{ object.is_original }}
{% endif %} - {% if object.numerisation %}
numerisation
{{ object.numerisation }}
{% endif %} - {% if object.physical_items_num %}
physical items num
{{ object.physical_items_num }}
{% endif %} - {% if object.publisher_collection %}
publisher collection
{{ object.publisher_collection }}
{% endif %} - {% if object.publisher_serial_id %}
publisher serial id
{{ object.publisher_serial_id }}
{% endif %} - {% if object.record_author %}
record author
{{ object.record_author }}
{% endif %} - {% if object.record_writer %}
record writer
{{ object.record_writer }}
{% endif %} - {% if object.ref_biblio %}
ref biblio
{{ object.ref_biblio }}
{% endif %} - {% if object.rights %}
rights
{{ object.rights }}
{% endif %} - {% if object.travail %}
travail
{{ object.travail }}
{% endif %} - {% if object.tri_dibm %}
tri dibm
{{ object.tri_dibm }}
{% endif %} -
+
+

Informations documentaires

+
+
+ {% if object.a_informer %}
a informer
{{ object.a_informer }}
{% endif %} + {% if object.acquisition_mode %}
acquisition mode
{{ object.acquisition_mode }}
{% endif %} + {% if object.champ36 %}
champ36
{{ object.champ36 }}
{% endif %} + {% if object.collector %}
collector
{{ object.collector }}
{% endif %} + {% if object.comment %}
comment
{{ object.comment }}
{% endif %} + + {% if object.deposant_cnrs %}
deposant cnrs
{{ object.deposant_cnrs }}
{% endif %} + {% if object.fiches %}
fiches
{{ object.fiches }}
{% endif %} + {% if object.is_full_copy %}
is full copy
{{ object.is_full_copy }}
{% endif %} + {% if object.is_original %}
is original
{{ object.is_original }}
{% endif %} + {% if object.numerisation %}
numerisation
{{ object.numerisation }}
{% endif %} + {% if object.physical_items_num %}
physical items num
{{ object.physical_items_num }}
{% endif %} + {% if object.publisher_collection %}
publisher collection
{{ object.publisher_collection }}
{% endif %} + {% if object.publisher_serial_id %}
publisher serial id
{{ object.publisher_serial_id }}
{% endif %} + {% if object.record_author %}
record author
{{ object.record_author }}
{% endif %} + {% if object.record_writer %}
record writer
{{ object.record_writer }}
{% endif %} + {% if object.ref_biblio %}
ref biblio
{{ object.ref_biblio }}
{% endif %} + {% if object.rights %}
rights
{{ object.rights }}
{% endif %} + {% if object.travail %}
travail
{{ object.travail }}
{% endif %} + {% if object.tri_dibm %}
tri dibm
{{ object.tri_dibm }}
{% endif %} +
+
-

Items

{% with object.ordered_items as items %} @@ -150,9 +154,6 @@ {% endwith %}
- {% endblock %} {% else %}

No such collection

diff --git a/telemeta/templates/mediaitem_detail.html b/telemeta/templates/mediaitem_detail.html index 25f55205..fae322cd 100644 --- a/telemeta/templates/mediaitem_detail.html +++ b/telemeta/templates/mediaitem_detail.html @@ -18,7 +18,7 @@ @@ -33,191 +33,188 @@ load_player({{ item.get_duration }}); {% block content %} +
+ {% if item.file %} - -
-
- Maximize -
-
-
-
- - -
-
-
-
+
+ Minimize +
+
+
+ Maximize +
+
+
+
+
+ + +
+
+
+
+
-
-
- - + {% for v in visualizers %} + + {% endfor %} + + +
+ +
+ + + + + + + {% for analyser in analysers %} + + + + + + {% endfor %} +
PropertyValueUnit
+ {{ analyser.name }} + + {{ analyser.value }} + + {{ analyser.unit }} +
+
+ +
+

 Vamp plugin analysis

+ - +
+ +
-
- - - - - - - {% for analyser in analysers %} - - - - - - {% endfor %} -
PropertyValueUnit
- {{ analyser.name }} - - {{ analyser.value }} - - {{ analyser.unit }} -
-
- -
-

 Vamp plugin analysis

- - -
- -
+
+

Download: + {% for format in export_formats %} + {{ format.name }} + {% endfor %}

+
-
-

Download: - {% for format in export_formats %} - {{ format.name }} - {% endfor %}

- - -
{% endif %} -
-
+ +
+
+ {% if item.auteur %}
Auteur
{{ item.auteur }}
{% endif %} + {% if item.annee_enr %}
Année d'enregistrement
{{ item.annee_enr }}
{% endif %} + {% if item.dates_enregistr %}
Date d'enregistrement
{{ item.dates_enregistr }}
{% endif %} + {% if item.title %}
Titre
{{ item.title }}
{% endif %} + {% if item.transcrip_trad %}
Traduction du titre
{{ item.transcrip_trad }}
{% endif %} +
Collection
{{ item.collection.title }}
+ {% if item.duree %}
Durée
{{ item.duree }}
{% endif %} + {% if item.collection.ispublished and item.Ref %} +
Ref
{{ item.Ref }}
+ {% endif %} +
+
+
+
+

Informations géographiques et ethnographiques

- {% if item.auteur %}
Auteur
{{ item.auteur }}
{% endif %} - {% if item.annee_enr %}
Année d'enregistrement
{{ item.annee_enr }}
{% endif %} - {% if item.dates_enregistr %}
Date d'enregistrement
{{ item.dates_enregistr }}
{% endif %} - {% if item.title %}
Titre
{{ item.title }}
{% endif %} - {% if item.transcrip_trad %}
Traduction du titre
{{ item.transcrip_trad }}
{% endif %} -
Collection
{{ item.collection.title }}
- {% if item.duree %}
Durée
{{ item.duree }}
{% endif %} - {% if item.collection.ispublished and item.Ref %} -
Ref
{{ item.Ref }}
- {% endif %} + {% if item.continent %}
Continent
{{ item.continent }}
{% endif %} + {% if item.etat %}
État / Nation
{{ item.etat }}
{% endif %} + {% if item.region_village %}
Région / Village
{{ item.region_village }}
{% endif %} + {% if item.ethnie_grsocial %}
Ethnie/ Groupe social
{{ item.ethnie_grsocial }}
{% endif %} + {% if item.aire_geo_cult %}
Aire culturelle
{{ item.aire_geo_cult }}
{% endif %} + {% if item.fonction_usage and item.comm_fonctusage %} +
Contexte ethnographique
+ {% if item.fonction_usage %}
Mots clés
{{ item.fonction_usage }}
{% endif %} + {% if item.comm_fonctusage %}
Commentaires
{{ item.comm_fonctusage }}
{% endif %} + {% endif %}
-
-
-

Informations géographiques et ethnographiques

-
-
- {% if item.continent %}
Continent
{{ item.continent }}
{% endif %} - {% if item.etat %}
État / Nation
{{ item.etat }}
{% endif %} - {% if item.region_village %}
Région / Village
{{ item.region_village }}
{% endif %} - {% if item.ethnie_grsocial %}
Ethnie/ Groupe social
{{ item.ethnie_grsocial }}
{% endif %} - {% if item.aire_geo_cult %}
Aire culturelle
{{ item.aire_geo_cult }}
{% endif %} - {% if item.fonction_usage and item.comm_fonctusage %} -
Contexte ethnographique
- {% if item.fonction_usage %}
Mots clés
{{ item.fonction_usage }}
{% endif %} - {% if item.comm_fonctusage %}
Commentaires
{{ item.comm_fonctusage }}
{% endif %} - {% endif %} -
-
-
-
-
-

Formation musicale

-
-
- {% if item.form_genr_style %}
Forme / genre vernaculaire
{{ item.form_genr_style }}
{% endif %} - {% if item.formstyl_generi %}
Forme / genre générique
{{ item.formstyl_generi }}
{% endif %} -
-
- - - - - - - - - - - - - - - - - -
NombreNom génériqueNom vernaculaireInterprète
----
-
+
+
+
+

Formation musicale

+
+ {% if item.form_genr_style %}
Forme / genre vernaculaire
{{ item.form_genr_style }}
{% endif %} + {% if item.formstyl_generi %}
Forme / genre générique
{{ item.formstyl_generi }}
{% endif %} +
+
+ + + + + + + + + + + + + + + + + +
NombreNom génériqueNom vernaculaireInterprète
----
-
-
-

Identification du document

-
-
- {% if item.format %}
Format
{{ item.format }}
{% endif %} - {% if item.id %}
Cote item
{{ item.id }}
{% endif %} - {% if item.face_plage %}
N° de l'item
{{ item.face_plage }}
{% endif %} -
-
-
+
+
+
+

Identification du document

+
+ {% if item.format %}
Format
{{ item.format }}
{% endif %} + {% if item.id %}
Cote item
{{ item.id }}
{% endif %} + {% if item.face_plage %}
N° de l'item
{{ item.face_plage }}
{% endif %} +
-
-

Informations documentaires

-
-
- {% if item.choixcollecteur %}
choixcollecteur
{{ item.choixcollecteur }}
{% endif %} - {% if item.comm_fonctusage %}
comm fonctusage
{{ item.comm_fonctusage }}
{% endif %} - {% if item.copie_de %}
Copie de
{{ item.copie_de }}
{% endif %} - {% if item.enregistre_par %}
Enregistré par
{{ item.enregistre_par }}
{% endif %} - {% if item.file %}
File
{{ item.file }}
{% endif %} - {% if item.get_duration %}
get duration
{{ item.get_duration }}
{% endif %} - {% if item.moda_execut %}
moda execut
{{ item.moda_execut }}
{% endif %} - {% if item.nroband_nropiec %}
nroband nropiec
{{ item.nroband_nropiec }}
{% endif %} - {% if item.remarques %}
Remarques
{{ item.remarques }}
{% endif %} - {% if item.repere_bande %}
Repère bande
{{ item.repere_bande }}
{% endif %} - {% if item.struct_modale %}
Struct modale
{{ item.struct_modale }}
{% endif %} - {% if item.struct_rythm %}
Struct rythm
{{ item.struct_rythm }}
{% endif %} - {% if item.titre_support %}
Titre support
{{ item.titre_support }}
{% endif %} -
-
-
+
+
+
+

Informations documentaires

+
+ {% if item.choixcollecteur %}
choixcollecteur
{{ item.choixcollecteur }}
{% endif %} + {% if item.comm_fonctusage %}
comm fonctusage
{{ item.comm_fonctusage }}
{% endif %} + {% if item.copie_de %}
Copie de
{{ item.copie_de }}
{% endif %} + {% if item.enregistre_par %}
Enregistré par
{{ item.enregistre_par }}
{% endif %} + {% if item.file %}
File
{{ item.file }}
{% endif %} + {% if item.get_duration %}
get duration
{{ item.get_duration }}
{% endif %} + {% if item.moda_execut %}
moda execut
{{ item.moda_execut }}
{% endif %} + {% if item.nroband_nropiec %}
nroband nropiec
{{ item.nroband_nropiec }}
{% endif %} + {% if item.remarques %}
Remarques
{{ item.remarques }}
{% endif %} + {% if item.repere_bande %}
Repère bande
{{ item.repere_bande }}
{% endif %} + {% if item.struct_modale %}
Struct modale
{{ item.struct_modale }}
{% endif %} + {% if item.struct_rythm %}
Struct rythm
{{ item.struct_rythm }}
{% endif %} + {% if item.titre_support %}
Titre support
{{ item.titre_support }}
{% endif %} +
- + +
+ {% endblock %} {% else %}

No such item

diff --git a/telemeta/templates/mediaitem_detail_dc.html b/telemeta/templates/mediaitem_detail_dc.html index ae0226a6..9ad50bfb 100644 --- a/telemeta/templates/mediaitem_detail_dc.html +++ b/telemeta/templates/mediaitem_detail_dc.html @@ -8,7 +8,6 @@ {% endblock %} {% block content %} -

Dublin Core Expression

ElementRefinement
Value
@@ -18,7 +17,6 @@ {% endif %} {% endfor %}
-
{% endblock %} {% else %}

No such item

-- 2.39.5