-body {margin: 0; padding: 0;}\r
-a {text-decoration: none; color: #969696;}\r
-a img {border: none;}\r
-html, input, select, textarea, h1, h2, h3, h4, h5, h6 {\r
- font-size: 100%;\r
-}\r
-body {\r
- font: 0.8125em/1em Verdana, sans-serif;\r
- line-height: 1.3em;\r
- color: #333;\r
- background: #FFF;\r
- margin: 1.3em;\r
-}\r
-\r
-a:link, a:visited {\r
-/* border-bottom:1px dotted #BBB; */\r
- color:#BB0000;\r
- text-decoration:none;\r
-}\r
-a:link:hover, a:visited:hover {\r
- background-color:#EEE;\r
- color:#555;\r
-}\r
-a img { border: none; }\r
-\r
-.rst-content h1, h3 {\r
- font-size: 1.2em;\r
- font-weight: bold;\r
- color: #353535;\r
-}\r
-.nett {\r
- clear: both;\r
- height: 5px;\r
-}\r
-\r
-.wazing {\r
- clear: both;\r
- position: relative;\r
-}\r
-\r
-/* Min-width */\r
-#layout {\r
- min-width: 740px;\r
-}\r
-\r
-#content {\r
- position: relative;\r
-}\r
-\r
-#content ul, #content ul ul, #content ol {\r
- list-style: square;\r
- padding: .7em;\r
- padding-left: 2em;\r
- font-size: 0.8em;\r
- clear: both;\r
-}\r
-#content ul ul {\r
- font-size: 1.1em;\r
- padding-left: 0;\r
-}\r
-#content li {\r
- padding: .2em;\r
- padding-left: 0;\r
-}\r
-#content li a {\r
- padding: .1em 0;\r
-}\r
-#header {\r
- padding: 0.2em 0;\r
- margin-bottom: .9em;\r
-}\r
-\r
-#logo a, #logo a:hover { border: none; background: transparent; }\r
-\r
-#submenu {\r
- position: relative;\r
- margin: 5px 0 0;\r
- z-index: 10;\r
-}\r
-#submenu h3, #submenu div {\r
- min-height: 1.6em;\r
-}\r
-#submenu h3 {\r
- margin-right: 80px;\r
-}\r
-#submenu div {\r
- position: absolute;\r
- right: 0;\r
- top: 0;\r
-}\r
-#submenu a {\r
- height: 1.6em;\r
- color: #4d508a;\r
- font-size: 0.9em;\r
- font-weight: bold;\r
-}\r
-\r
-#rightcol {\r
- position: relative;\r
- z-index: 1;\r
- float: right;\r
- width: 362px;\r
- border: 1px solid #999;\r
- padding: 6px;\r
- background-color: #eee;\r
- -moz-border-radius: 5px 5px 5px 5px;\r
- -webkit-border-radius: 5px 5px 5px 5px;\r
- border-radius: 5px 5px 5px 5px;\r
-}\r
-#rightcol .analyzer, #rightcol .exporter, .markers {\r
- text-align: left;\r
- position: relative;\r
-}\r
-#rightcol form {\r
- width: 360px;\r
- margin-top: 5px;\r
- background-color: #fff;\r
- border: 1px solid #adadad;\r
-}\r
-\r
-#rightcol p {\r
- margin: 0;\r
- padding: 0;\r
-}\r
-\r
-.exporter {\r
- background-color: #fff;\r
- color: #555;\r
- border: 1px solid #adadad;\r
- /*width: 301px;height: 17px;*/\r
- padding: 2px;\r
- margin: 5px 0 0;\r
- font-size: 1em;\r
-}\r
-\r
-.analyzer, .markers {\r
- background-color: #fff;\r
- color: #000;\r
- border: 1px solid #adadad;\r
- width: 356px;\r
- padding: 2px;\r
- /*margin: 5px 0 0;*/\r
- font-size: 1em;\r
-}\r
-\r
-.analyzer-title {\r
- background-color: #f2f2f2;\r
- color: #000;\r
- padding: 2px;\r
-}\r
-\r
-.analyzer-line {\r
- background-color: #fdfdfd;\r
- color: #000;\r
- padding: 4px;\r
-}\r
-\r
-/* Geographic navigator */\r
-ul.continents, ul.continents ul { list-style: none; margin: 0; padding: 0;}\r
-ul.continents { margin: 1em 0; }\r
-ul.continents ul {margin-left: 0; margin-bottom: 0.9em; padding: 0 1em 1em 0;}\r
-ul.continents li.name { width: 460px; float: left; clear: left; margin-right: 30px;}\r
-ul.continents li.odd { clear: none;}\r
-ul.continents li.name b { font-size: 120%; font-weight: bold; }\r
-ul.continents ul li { display: inline; padding-right: 2em;}\r
-ul.continents ul li a { line-height: 1.8em; }\r
-\r
-/* Collection */\r
-#content .intro {\r
- font-size: 1em;\r
- font-weight: bold;\r
- color: #444;\r
- margin: 5px 0;\r
- padding-left: 13px;\r
- font-size: 0.8em;\r
- background: #FFF url(indent.png) no-repeat 0 1px;\r
-}\r
-#content .intro span {\r
- padding: 3px;\r
-\r
-}\r
-\r
-/* Forms */\r
-input, textarea, select { margin: 2px }\r
-input, select { vertical-align: middle }\r
-input[type=button], input[type=submit], input[type=reset] {\r
- background: #f2f2f2;\r
- color: #444;\r
- border: 3px double #ccc;\r
- padding: .1em .5em;\r
- font-weight: bold;\r
- cursor: pointer;\r
-}\r
-input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {\r
- background: #8D8C94;\r
- color: #fff;\r
-}\r
-input[type=button][disabled], input[type=submit][disabled],\r
-input[type=reset][disabled] {\r
- background: #f6f6f6;\r
- border-style: solid;\r
- color: #999;\r
-}\r
-input[type=text], input[type=password], input.textwidget, textarea { border: 1px solid #ccc; }\r
-input[type=text], input[type=password], input.textwidget { padding: .25em .1em }\r
-input[type=text]:focus, input[type=password]:focus, input.textwidget:focus, textarea:focus {\r
- border-color: #aaa;\r
-}\r
-option { border-bottom: 1px dotted #d7d7d7; }\r
-fieldset { border: 1px solid #d7d7d7; padding: .5em; margin: 0 }\r
-fieldset.iefix { background: transparent; border: none; padding: 0; margin: 0 }\r
-* html fieldset.iefix { width: 98% }\r
-fieldset.iefix p { margin: 0 }\r
-legend { color: #999; padding: 0 .25em; font-size: 90%; font-weight: bold }\r
-label.disabled { color: #d7d7d7 }\r
-.buttons { margin: .5em .5em .5em 0 }\r
-.buttons form, .buttons form div { display: inline }\r
-.buttons input { margin: 1em .5em .1em 0 }\r
-.inlinebuttons input {\r
- font-size: 70%;\r
- border-width: 1px;\r
- border-style: dotted;\r
- margin: 0;\r
- padding: 0.1em;\r
- background: none;\r
-}\r
-\r
-/* Quick search */\r
-#quick_search {\r
- position: absolute;\r
- top: 2.5em;\r
- right: 1.1em;\r
-}\r
-#quick_search form {\r
- float: left;\r
- margin-right: 12px;\r
-}\r
-#quick_search p {\r
- margin-top: .3em;\r
- clear: left;\r
-}\r
-\r
-#quick_search a {\r
- font-size: .8em;\r
- font-weight: bold;\r
-}\r
-\r
-#quick_search input {\r
- vertical-align: middle;\r
- font-size: .8em;\r
- margin-right: 0;\r
-}\r
-#quick_search_pattern {\r
- background: #FFF url(search_bg.png) no-repeat;\r
- padding: .4em .1em;\r
- padding-left: 25px;\r
- width: 150px;\r
- color: #555;\r
- font-weight: bold;\r
-}\r
-\r
-/* Authentication */\r
-#auth_info {\r
- position: absolute;\r
- top: 0.2em;\r
- right: 1.1em;\r
- margin-right: 12px;\r
- font-size: .8em;\r
-}\r
-\r
-#auth_info a {\r
- /* font-weight: bold; */\r
-}\r
-\r
-form.login {\r
- font-size: 0.8em;\r
- float: left;\r
- margin-top: 2em;\r
- margin-bottom: 4em;\r
- padding: .5em;\r
- border: 1px dotted #888;\r
-}\r
-\r
-.login-error {\r
- color: #BB0000;\r
-}\r
-\r
-form.login label {\r
- display: block;\r
- width: 11em;\r
- float: left;\r
- clear: left;\r
- font-weight: bold;\r
- padding-top: 0.3em;\r
-}\r
-\r
-form.login .submit {\r
- float: right;\r
- margin-top: 1em;\r
-}\r
-\r
-/* Search form */\r
-#searchform {\r
- margin: 15px 0;\r
-}\r
-#searchform fieldset {\r
- padding: 0;\r
- padding: .5em;\r
- width: 650px;\r
- border: none;\r
- border: 1px dotted #888;\r
- margin-bottom: 1em;\r
-}\r
-#searchform p {\r
- background-color: #fff;\r
- padding: .5em 0;\r
-}\r
-#searchform label {\r
- font-size: 0.8em;\r
- display: block;\r
- float: left;\r
- width: 30%;\r
- margin-left: 15px;\r
- margin-top: .2em;\r
- line-height: 1.8em;\r
- font-weight: bold;\r
- color: #333;\r
- text-transform: uppercase;\r
-}\r
-#searchform select {\r
- width: 59%;\r
-}\r
-#searchform fieldset input {\r
- width: 56%;\r
-}\r
-#searchform select, #searchform fieldset input {\r
- font-size: 0.8em;\r
-}\r
-#searchform .submit {\r
- padding: 0;\r
- clear: both;\r
- width: 450px;\r
-}\r
-\r
-#searchform select.tiny {\r
- width: 12%;\r
-}\r
-\r
-/* Navigation (borrowed from Trac) */\r
-.nav h2, .nav hr { display: none }\r
-.nav ul { font-size: 13px; list-style: none; margin: 0; text-align: left }\r
-.nav li {\r
- border-right: 1px solid #d7d7d7;\r
- display: inline;\r
- padding: 0 .75em;\r
- white-space: nowrap;\r
-}\r
-.nav li.last { border-right: 1px solid #000000; }\r
-\r
-/* Main navigation bar (borrowed from Trac) */\r
-#menu {\r
- background: #6a0307 ;\r
- border: 1px solid #000;\r
- font: normal 10px verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif;\r
- margin: .66em 0 .33em;\r
- padding: 1em 0;\r
-}\r
-#menu li { border-right: none; padding: .25em 0 }\r
-#menu li.last { border-right: 1px solid #000 }\r
-#menu :link, #menu :visited {\r
- border-right: 1px solid #fff;\r
- border-bottom: none;\r
- border-left: 1px solid #555;\r
- color: #FFF;\r
- font-weight: bold;\r
- padding: .2em 20px;\r
-}\r
-* html #menu :link, * html #menu :visited { background-position: 1px 0 }\r
-#menu :link:hover, #menu :visited:hover {\r
- background-color: #ccc;\r
- border-right: 1px solid #ddd;\r
-}\r
-#menu .active :link, #menu .active :visited {\r
- background: #333 url(../images/topbar_gradient2.png) 0 0 repeat-x;\r
- border-top: none;\r
- border-right: 1px solid #000;\r
- color: #eee;\r
- font-weight: bold;\r
-}\r
-#menu .active :link:hover, #menu .active :visited:hover {\r
- border-right: 1px solid #000;\r
-}\r
-\r
-/* Footer (borrowed from Trac) */\r
-#footer {\r
- clear: both;\r
- color: #bbb;\r
- font-size: 10px;\r
- border-top: 1px solid;\r
- height: 31px;\r
- padding: .25em 0;\r
- margin-top: 2.5em;\r
-}\r
-#footer :link, #footer :visited { color: #bbb; }\r
-#footer hr { display: none }\r
-#footer #telemeta_powered { border: 0; float: left }\r
-#footer #telemeta_powered:hover { background: transparent }\r
-#footer p { margin: 0 }\r
-#footer p.left {\r
- float: left;\r
- margin-left: 1em;\r
- padding: 0 1em;\r
- border-left: 1px solid #d7d7d7;\r
- border-right: 1px solid #d7d7d7;\r
-}\r
-#footer p.right {\r
- float: right;\r
- text-align: right;\r
-}\r
-\r
-/* Homepage */\r
-.homelinks a { font-size: 120%;}\r
-\r
-\r
-/* Definition list */\r
-dl {\r
- position: relative;\r
- margin: .5em 0;\r
-}\r
-dl dt, dl dd {\r
- position: relative;\r
- margin: 0;\r
- margin-bottom: .5em;\r
- padding: 0;\r
- font-size: 0.8em;\r
- line-height: 1.4em;\r
- min-height: 1.4em;\r
-}\r
-dl dd {\r
- border: 1px solid transparent;\r
-}\r
-dl dt {\r
- float: left;\r
- clear: left;\r
-}\r
-\r
-dl.listing dt {\r
- width: 18em;\r
- background-color: #f9f9f9;\r
- border: .1em solid #eee;\r
- border-right: .3em solid #ddd;\r
- padding-left: .3em;\r
- margin-right: .8em;\r
- color: #444;\r
-}\r
-dl.listing dt.group {\r
- float: none;\r
- margin-top: .9em;\r
- background-color: #DDDDDD;\r
- border-color: #ccc;\r
- border-right: .1em solid #ccc;\r
- width: 18.2em;\r
-}\r
-dl.listing dd {\r
- margin-left: 19.4em;\r
- font-weight: bold;\r
-}\r
-\r
-/* dublin core display */\r
-h4.dublincore {\r
- text-align: left;\r
- padding: 5px 0 10px;\r
- font-weight: bold;\r
- color: #666;\r
-}\r
-dl.dublincore dt {\r
- margin-right: .8em;\r
- width: 23em !important;\r
- font-style: italic;\r
-}\r
-dl.dublincore dd {\r
- margin-left: 23.4em;\r
- font-weight: bold;\r
-}\r
-dl.dublincore dt span {\r
- width: 13em;\r
- display: block;\r
- float: left;\r
- font-style: normal;\r
- background-color: #f9f9f9;\r
- border: 1px solid #eee;\r
- border-right: 3px solid #ddd;\r
- padding-left: .3em;\r
- margin-right: 1.2em;\r
- color: #444;\r
-}\r
-dl.dublincore .caption {\r
- background-color: #B8B7C1;\r
- margin: .5em 0;\r
- margin-top: 0;\r
- border-bottom: 1px dotted #666;\r
- padding-top: .4em;\r
- padding-bottom: .4em;\r
- padding-left: .3em;\r
- color: #fff;\r
- font-weight: bold;\r
- border-right: 1px solid #fff;\r
-}\r
-dl.dublincore dt.caption span {\r
- background-color: #B8B7C1;\r
- border: none;\r
- border-right: 1px solid #fff;\r
- color: #fff;\r
-}\r
-dl.dublincore dd.caption {\r
- padding-top: .3em;\r
- padding-left: .4em;\r
- margin-left: 23.4em;\r
-}\r
-\r
-/* infos item/collection */\r
-.infos, .extraInfos {\r
- margin-bottom: 15px;\r
-}\r
-\r
-.extraInfos dl, .extraInfos table {\r
- position: relative;\r
-}\r
-\r
-.extraInfos div {\r
- padding: 0;\r
- margin-bottom: 5px;\r
-}\r
-.extraInfos .nett {\r
- position: relative;\r
- height: 0;\r
- margin-bottom: -5px;\r
-}\r
-.extraInfos h4 {\r
- /* clear: both; */\r
- font-size: 0.9em;\r
- line-height: 1.4em;\r
- border-bottom: 1px dotted #aaa;\r
-}\r
-.with-rightcol .extraInfos h4 {\r
- margin-right: 395px;\r
-}\r
-\r
-.extraInfos h4 a {\r
- position: relative;\r
- display: block;\r
- color: #333 !important;\r
- text-decoration: none;\r
- margin: 0;\r
- background: #fff url(more.gif) no-repeat left top;\r
- background-position: 0 -17px;\r
- padding-bottom: 2px;\r
- padding-left: 16px;\r
- border-bottom: none !important;\r
- outline: none;\r
-}\r
-.extraInfos h4 a:hover {\r
- background-color: transparent;\r
- border-bottom: none;\r
- color: #555 !important;\r
-}\r
-.extraInfos .folded h4 {\r
- border-bottom: none;\r
-}\r
-.extraInfos .folded h4 a {\r
- background-position: 0 0px;\r
-}\r
-\r
-/* Pagination */\r
-.pagination {\r
- margin-top: .7em;\r
- margin-bottom: .3em;\r
- padding: .3em 0;\r
- font-size: .9em;\r
- background-color: #fff;\r
- border-bottom: 1px solid #aaa;\r
- color: #333;\r
- font-weight: bold;\r
-}\r
-.pagination a {\r
- background-color: #eee;\r
- border-bottom: none;\r
- font-size: .9em;\r
- padding: .3em;\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
- clear: both;\r
- border-spacing: 0;\r
-}\r
-\r
-.fullpage table.listing {\r
- width: 100%;\r
-}\r
-\r
-table.listing th {\r
- text-align: left;\r
- padding: 0 14em .1em 0;\r
- font-size: 1em;\r
-}\r
-table.listing th, table.listing td {\r
- font-size: 0.8em;\r
- border-bottom: 1px solid #dfdfdf;\r
-}\r
-table.listing thead { background: #e8eaf0 }\r
-table.listing thead th {\r
- font-size: 0.9em;\r
- padding: 3px .5em 3px;\r
-}\r
-table.listing thead th :link:hover, table.listing thead th :visited:hover {\r
- background-color: transparent;\r
-}\r
-table.listing a {\r
- border: none;\r
-}\r
-table.listing thead th a {\r
- padding-right: 12px;\r
-}\r
-table.listing th.asc a, table.listing th.desc a { font-weight: bold }\r
-table.listing th.asc a, table.listing th.desc a {\r
- background-position: 100% 50%;\r
- background-repeat: no-repeat;\r
-}\r
-table.listing th.asc a { background-image: url(../images/asc.png) }\r
-table.listing th.desc a { background-image: url(../images/desc.png) }\r
-table.listing tbody td, table.listing tbody th {\r
- padding: .33em .5em;\r
- vertical-align: top;\r
- font-weight: normal;\r
-}\r
-table.listing tbody td {\r
- font-weight: bold;\r
-}\r
-table.listing tbody td.tmp {\r
- width: 100%;\r
-}\r
-table.listing tbody td a:hover, table.listing tbody th a:hover {\r
- background-color: transparent;\r
-}\r
-table.listing tbody tr { border-top: 1px solid #ddd }\r
-table.listing tbody tr.even { background-color: #fcfcfc }\r
-table.listing tbody tr.odd { background-color: #f7f7f7 }\r
-table.listing tbody tr:hover { background: #f7f8fa !important }\r
-\r
-.gmap {\r
- border: solid 1px #888;\r
- margin-top: 0.8em;\r
-}\r
-\r
-.rst-content {\r
-}\r
-\r
-.rst-content img.align-left {\r
- margin-right: 1em;\r
- margin-top: 0.6ex;\r
-}\r
-\r
-.rst-content img.align-right {\r
- margin-left: 1em;\r
- margin-top: 0.6ex;\r
-}\r
-\r
-#content .rst-content ul, #content .rst-content ol {\r
- clear: none;\r
- font-size: 1em;\r
- margin-left: 0.4em;\r
-}\r
-\r
-.module-set {\r
- float: right;\r
- clear: right;\r
-}\r
-\r
-.module {\r
- border: 1px solid #999;\r
- background: #EEE;\r
- padding: 1em;\r
- margin: 0 0 1.5em 1.5em;\r
- -moz-border-radius: 5px 5px 5px 5px;\r
- -webkit-border-radius: 5px 5px 5px 5px;\r
- border-radius: 5px 5px 5px 5px;\r
-}\r
-\r
-.module h3 {\r
- margin-top: 0;\r
- margin-bottom: 0.8em;\r
- font-size: 1.1em;\r
-}\r
-\r
-a.image-link {\r
- border: none;\r
-}\r
-\r
-.map-thumbnail {\r
- border: solid 1px #999;\r
-}\r
-\r
-.home-content .module {\r
- width: 338px;\r
-}\r
-\r
-.home-description {\r
- padding-right: 370px;\r
-}\r
-\r
-#content ul.playlist {\r
- list-style-type: none;\r
- border-top: solid 1px #e1e1e1;\r
- margin: 0;\r
- padding: 0;\r
-}\r
-\r
-#content ul.playlist li {\r
- display: block;\r
- border: solid 1px #e1e1e1;\r
- border-top: 0;\r
- background: white;\r
- margin: 0;\r
- padding: 1em;\r
-}\r
-\r
-.tab_unselected {\r
- background-color: #cccccc;\r
- font-weight: normal;\r
- color: #333333;\r
- border: 1px solid #cccccc;\r
- z-index: 0;\r
-}\r
-.tab_selected {\r
- background-color: #ffffff;\r
- color: #000000;\r
- font-weight: bold;\r
- border-top: 1px solid #999999;\r
- border-right: 1px solid #999999;\r
- border-left: 1px solid #999999;\r
- border-bottom: 1px solid #ffffff;\r
- z-index: 10;\r
-}\r
+body {margin: 0; padding: 0;}
+a {text-decoration: none; color: #969696;}
+a img {border: none;}
+html, input, select, textarea, h1, h2, h3, h4, h5, h6 {
+ font-size: 100%;
+}
+body {
+ font: 0.8125em/1em Verdana, sans-serif;
+ line-height: 1.3em;
+ color: #333;
+ background: #FFF;
+ margin: 0em;
+}
+
+a:link, a:visited {
+/* border-bottom:1px dotted #BBB; */
+ color: #BB0000;
+ text-decoration:none;
+}
+a:link:hover, a:visited:hover {
+ background-color: transparent;
+ color: #BB0000;
+ text-decoration: underline;
+}
+
+a img { border: none; }
+
+.rst-content h1, h3 {
+ font-size: 1.2em;
+ font-weight: bold;
+ color: #353535;
+}
+.nett {
+ clear: both;
+ height: 5px;
+}
+
+.wazing {
+ clear: both;
+ position: relative;
+}
+
+/* Min-width */
+#layout {
+ min-width: 740px;
+}
+
+#content {
+ position: relative;
+ margin: 2em 2em 0em 2em;
+}
+
+#content ul, #content ul ul, #content ol {
+ list-style: square;
+ padding: .7em;
+ padding-left: 2em;
+ font-size: 0.8em;
+ clear: both;
+}
+#content ul ul {
+ font-size: 1.1em;
+ padding-left: 0;
+}
+#content li {
+ padding: .2em;
+ padding-left: 0;
+}
+#content li a {
+ padding: .1em 0;
+}
+#content h3 {
+ color: #6a0307;
+ font-weight: bold;
+}
+#header {
+ padding: 0.2em 0;
+ margin-bottom: .9em;
+}
+
+#logo a, #logo a:hover { border: none; background: transparent; }
+
+#submenu {
+ position: relative;
+ margin: 5px 2em 0;
+ z-index: 10;
+}
+#submenu h3, #submenu div {
+ min-height: 1.6em;
+}
+#submenu h3 {
+ margin-right: 80px;
+}
+#submenu div {
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+#submenu a {
+ height: 1.6em;
+ color: #4d508a;
+ font-size: 0.9em;
+ font-weight: bold;
+}
+
+#rightcol {
+ position: relative;
+ z-index: 1;
+ float: right;
+ width: 362px;
+ border: 1px solid #999;
+ padding: 6px;
+ background-color: #eee;
+ -moz-border-radius: 8px 8px 8px 8px;
+ -webkit-border-radius: 8px 8px 8px 8px;
+ border-radius: 8px 8px 8px 8px;
+}
+#rightcol .analyzer, #rightcol .exporter, .markers {
+ text-align: left;
+ position: relative;
+}
+#rightcol form {
+ width: 360px;
+ margin-top: 5px;
+ background-color: #fff;
+ border: 1px solid #adadad;
+}
+
+#rightcol p {
+ margin: 0;
+ padding: 0;
+}
+
+.exporter {
+ background-color: #fff;
+ color: #555;
+ border: 1px solid #adadad;
+ padding: 2px;
+ height: 40px;
+ margin: 5px 0 0;
+ font-size: 1em;
+ color: #000;
+ font-weight: bold;
+}
+
+.analyzer, .markers {
+ background-color: #fff;
+ color: #000;
+ border: 1px solid #adadad;
+ width: 356px;
+ padding: 2px;
+ /* margin: 5px 0 0; */
+ font-size: 1em;
+}
+
+.analyzer-title {
+ background-color: #f2f2f2;
+ color: #000;
+ padding: 2px;
+}
+
+.analyzer-line {
+ background-color: #fdfdfd;
+ color: #000;
+ padding: 4px;
+}
+
+/* Geographic navigator */
+ul.continents, ul.continents ul { list-style: none; margin: 0; padding: 0;}
+ul.continents { margin: 1em 0; }
+ul.continents ul {margin-left: 0; margin-bottom: 0.9em; padding: 0 1em 1em 0;}
+ul.continents li.name { width: 460px; float: left; clear: left; margin-right: 30px;}
+ul.continents li.odd { clear: none;}
+ul.continents li.name b { font-size: 120%; font-weight: bold; }
+ul.continents ul li { display: inline; padding-right: 2em;}
+ul.continents ul li a { line-height: 1.8em; }
+
+/* Collection */
+#content .intro {
+ font-size: 1em;
+ font-weight: bold;
+ color: #444;
+ margin: 5px 0;
+ padding-left: 13px;
+ font-size: 0.8em;
+ background: #FFF url(indent.png) no-repeat 0 1px;
+}
+#content .intro span {
+ padding: 3px;
+
+}
+
+/* Forms */
+input, textarea, select { margin: 2px }
+input, select { vertical-align: middle }
+input[type=button], input[type=submit], input[type=reset] {
+ background: #f2f2f2;
+ color: #444;
+ border: 3px double #ccc;
+ padding: .1em .5em;
+ font-weight: bold;
+ cursor: pointer;
+}
+input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
+ background: #8D8C94;
+ color: #fff;
+}
+input[type=button][disabled], input[type=submit][disabled],
+input[type=reset][disabled] {
+ background: #f6f6f6;
+ border-style: solid;
+ color: #999;
+}
+input[type=text], input[type=password], input.textwidget, textarea { border: 1px solid #ccc; }
+input[type=text], input[type=password], input.textwidget { padding: .25em .1em }
+input[type=text]:focus, input[type=password]:focus, input.textwidget:focus, textarea:focus {
+ border-color: #aaa;
+}
+option { border-bottom: 1px dotted #d7d7d7; }
+fieldset { border: 1px solid #d7d7d7; padding: .5em; margin: 0 }
+fieldset.iefix { background: transparent; border: none; padding: 0; margin: 0 }
+* html fieldset.iefix { width: 98% }
+fieldset.iefix p { margin: 0 }
+legend { color: #999; padding: 0 .25em; font-size: 90%; font-weight: bold }
+label.disabled { color: #d7d7d7 }
+.buttons { margin: .5em .5em .5em 0 }
+.buttons form, .buttons form div { display: inline }
+.buttons input { margin: 1em .5em .1em 0 }
+.inlinebuttons input {
+ font-size: 70%;
+ border-width: 1px;
+ border-style: dotted;
+ margin: 0;
+ padding: 0.1em;
+ background: none;
+}
+
+/* Quick search */
+#quick_search {
+ position: absolute;
+ top: 2.5em;
+ right: 1.1em;
+}
+#quick_search form {
+ float: left;
+ margin-right: 12px;
+}
+#quick_search p {
+ margin-top: .3em;
+ clear: left;
+}
+
+#quick_search a {
+ font-size: .8em;
+ font-weight: bold;
+}
+
+#quick_search input {
+ vertical-align: middle;
+ font-size: .8em;
+ margin-right: 0;
+}
+#quick_search_pattern {
+ background: #FFF url(search_bg.png) no-repeat;
+ padding: .4em .1em;
+ padding-left: 25px;
+ width: 150px;
+ color: #555;
+ font-weight: bold;
+}
+
+/* Authentication */
+#auth_info {
+ position: absolute;
+ top: 0.2em;
+ right: 1.1em;
+ margin-right: 12px;
+ font-size: .8em;
+}
+
+#auth_info a {
+ /* font-weight: bold; */
+}
+
+form.login {
+ font-size: 0.8em;
+ float: left;
+ margin-top: 2em;
+ margin-bottom: 4em;
+ padding: .5em;
+ border: 1px dotted #888;
+}
+
+.login-error {
+ color: #BB0000;
+}
+
+form.login label {
+ display: block;
+ width: 11em;
+ float: left;
+ clear: left;
+ font-weight: bold;
+ padding-top: 0.3em;
+}
+
+form.login .submit {
+ float: right;
+ margin-top: 1em;
+}
+
+/* Search form */
+#searchform {
+ margin: 15px 0;
+}
+#searchform fieldset {
+ padding: 0;
+ padding: .5em;
+ width: 650px;
+ border: none;
+ border: 1px dotted #888;
+ margin-bottom: 1em;
+}
+#searchform p {
+ background-color: #fff;
+ padding: .5em 0;
+}
+#searchform label {
+ font-size: 0.8em;
+ display: block;
+ float: left;
+ width: 30%;
+ margin-left: 15px;
+ margin-top: .2em;
+ line-height: 1.8em;
+ font-weight: bold;
+ color: #333;
+ text-transform: uppercase;
+}
+#searchform select {
+ width: 59%;
+}
+#searchform fieldset input {
+ width: 56%;
+}
+#searchform select, #searchform fieldset input {
+ font-size: 0.8em;
+}
+#searchform .submit {
+ padding: 0;
+ clear: both;
+ width: 450px;
+}
+
+#searchform select.tiny {
+ width: 12%;
+}
+
+/* Navigation (borrowed from Trac) */
+.nav h2, .nav hr { display: none }
+.nav ul { font-size: 14px; list-style: none; margin: 0px; text-align: left; }
+.nav li {
+ display: inline;
+ padding: 0em;
+ white-space: nowrap;
+}
+.nav li.last { border-right: 1px solid #000000; }
+
+/* Main navigation bar (borrowed from Trac) */
+#menu {
+ background-color: #6a0307 ;
+ font: normal verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif;
+ padding: 0em 0em 0.75em 0em;
+ border-bottom: .5em solid #6a0307;
+ border-top: .7em solid #6a0307;
+}
+
+#menu li { background-color: #6a0307; padding: .5em 0; }
+#menu li.darkblue { border-bottom: .5em solid #0f3179; }
+#menu li.blue { border-bottom: .5em solid #4f628a; }
+#menu li.green { border-bottom: .5em solid #92b220; }
+#menu li.yellow { border-bottom: .5em solid #f3ad17; }
+#menu li.orange { border-bottom: .5em solid #e65911; }
+#menu li.darkgreen { border-bottom: .5em solid #006a12; }
+#menu li.last { border-right: 0px solid #000; }
+
+#menu :link, #menu :visited {
+ border-bottom: none;
+ color: #FFF;
+ font-weight: bold;
+ padding: .2em 20px;
+}
+* html #menu :link, * html #menu :visited { background-position: 1px 0 }
+#menu :link:hover, #menu :visited:hover {
+ background-color: #FFF;
+ color: #6a0307;
+ text-decoration:none;
+ border-bottom: .4em solid #FFF;
+ border-top: 2px solid #FFF;
+}
+#menu .active :link, #menu .active :visited {
+ background-color: #FFF;border-bottom: .5em solid #6a0307;
+ color: #6a0307;
+}
+#menu .active :link:hover, #menu .active :visited:hover {
+ background-color: #FFF;
+ color: #6a0307;
+
+}
+
+/* Footer (borrowed from Trac) */
+#footer {
+ background: #6a0307;
+ clear: both;
+ color: #FFF;
+ font-size: 10px;
+ border-top: 1px solid;
+ height: 31px;
+ padding: 0.5em;
+ margin-top: 2.5em;
+}
+#footer :link, #footer :visited { color: #FFF; }
+#footer hr { display: none }
+#footer #telemeta_powered { border: 0; float: left }
+#footer #telemeta_powered:hover { background: transparent }
+#footer p { margin: 0 }
+#footer p.left {
+ float: left;
+ margin-left: 1em;
+ padding: 0 1em;
+ border-left: 1px solid #d7d7d7;
+ border-right: 1px solid #d7d7d7;
+}
+#footer p.right {
+ float: right;
+ text-align: right;
+}
+
+/* Homepage */
+.homelinks a { font-size: 120%;}
+
+
+/* Definition list */
+dl {
+ position: relative;
+ margin: .5em 0;
+}
+dl dt, dl dd {
+ position: relative;
+ margin: 0;
+ margin-bottom: .5em;
+ padding: 0;
+ font-size: 0.8em;
+ line-height: 1.4em;
+ min-height: 1.4em;
+}
+dl dd {
+ border: 1px solid transparent;
+}
+dl dt {
+ float: left;
+ clear: left;
+}
+
+dl.listing dt {
+ width: 18em;
+ background-color: #f9f9f9;
+ border: .1em solid #eee;
+ border-right: .3em solid #ddd;
+ padding-left: .3em;
+ margin-right: .8em;
+ color: #444;
+}
+dl.listing dt.group {
+ float: none;
+ margin-top: .9em;
+ background-color: #DDDDDD;
+ border-color: #ccc;
+ border-right: .1em solid #ccc;
+ width: 18.2em;
+}
+dl.listing dd {
+ margin-left: 19.4em;
+ font-weight: bold;
+}
+
+/* dublin core display */
+h4.dublincore {
+ text-align: left;
+ padding: 5px 0 10px;
+ font-weight: bold;
+ color: #666;
+}
+dl.dublincore dt {
+ margin-right: .8em;
+ width: 23em !important;
+ font-style: italic;
+}
+dl.dublincore dd {
+ margin-left: 23.4em;
+ font-weight: bold;
+}
+dl.dublincore dt span {
+ width: 13em;
+ display: block;
+ float: left;
+ font-style: normal;
+ background-color: #f9f9f9;
+ border: 1px solid #eee;
+ border-right: 3px solid #ddd;
+ padding-left: .3em;
+ margin-right: 1.2em;
+ color: #444;
+}
+dl.dublincore .caption {
+ background-color: #B8B7C1;
+ margin: .5em 0;
+ margin-top: 0;
+ border-bottom: 1px dotted #666;
+ padding-top: .4em;
+ padding-bottom: .4em;
+ padding-left: .3em;
+ color: #fff;
+ font-weight: bold;
+ border-right: 1px solid #fff;
+}
+dl.dublincore dt.caption span {
+ background-color: #B8B7C1;
+ border: none;
+ border-right: 1px solid #fff;
+ color: #fff;
+}
+dl.dublincore dd.caption {
+ padding-top: .3em;
+ padding-left: .4em;
+ margin-left: 23.4em;
+}
+
+/* infos item/collection */
+.infos, .extraInfos {
+ margin-bottom: 15px;
+}
+
+.extraInfos dl, .extraInfos table {
+ position: relative;
+}
+
+.extraInfos div {
+ padding: 0;
+ margin-bottom: 5px;
+}
+.extraInfos .nett {
+ position: relative;
+ height: 0;
+ margin-bottom: -5px;
+}
+.extraInfos h4 {
+ /* clear: both; */
+ font-size: 1em;
+ line-height: 1.4em;
+ border-bottom: 1px dotted #aaa;
+ color: #6a0307;
+}
+.with-rightcol .extraInfos h4 {
+ margin-right: 395px;
+}
+
+.extraInfos h4 a {
+ position: relative;
+ display: block;
+ color: #6a0307 !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 !important;
+ outline: none;
+}
+.extraInfos h4 a:hover {
+ background-color: transparent;
+ border-bottom: none;
+ color: #6a0307 !important;
+ text-decoration:none;
+}
+.extraInfos .folded h4 {
+ border-bottom: none;
+}
+.extraInfos .folded h4 a {
+ background-position: 0 0px;
+}
+
+/* Pagination */
+.pagination {
+ margin-top: .7em;
+ margin-bottom: .3em;
+ padding: .3em 0;
+ font-size: .9em;
+ background-color: #fff;
+ border-bottom: 1px solid #aaa;
+ color: #333;
+ font-weight: bold;
+}
+.pagination a {
+ background-color: #eee;
+ border-bottom: none;
+ font-size: .9em;
+ padding: .3em;
+}
+
+/* Item instruments */
+div.instruments {
+ position: relative;
+ margin-left: -.7em;
+ margin-right: .5em;
+}
+table.instruments {
+ border: none;
+ border-collapse: separate;
+ /* width: 100%; */
+ border-spacing: .7em;
+}
+table.instruments td {
+ font-size: .8em;
+ padding: 0 .2em;
+}
+table.instruments thead td {
+ background-color: #F9F9F9;
+ border: .1em solid #E1E1E1;
+ border-bottom: .3em solid #E1E1E1;
+}
+table.instruments tbody td {
+ border-bottom: .1em solid #E1E1E1;
+}
+
+/* Styles for tabular listings (stolen from trac) */
+table.listing {
+ clear: both;
+ border-spacing: 0;
+}
+
+.fullpage table.listing {
+ width: 100%;
+}
+
+table.listing th {
+ text-align: left;
+ padding: 0 14em .1em 0;
+ font-size: 1em;
+}
+table.listing th, table.listing td {
+ font-size: 0.8em;
+ border-bottom: 1px solid #dfdfdf;
+}
+table.listing thead { background: #e8eaf0 }
+table.listing thead th {
+ font-size: 0.9em;
+ padding: 3px .5em 3px;
+}
+table.listing thead th :link:hover, table.listing thead th :visited:hover {
+ background-color: transparent;
+}
+table.listing a {
+ border: none;
+}
+table.listing thead th a {
+ padding-right: 12px;
+}
+table.listing th.asc a, table.listing th.desc a { font-weight: bold }
+table.listing th.asc a, table.listing th.desc a {
+ background-position: 100% 50%;
+ background-repeat: no-repeat;
+}
+table.listing th.asc a { background-image: url(../images/asc.png) }
+table.listing th.desc a { background-image: url(../images/desc.png) }
+table.listing tbody td, table.listing tbody th {
+ padding: .33em .5em;
+ vertical-align: top;
+ font-weight: normal;
+}
+table.listing tbody td {
+ font-weight: bold;
+}
+table.listing tbody td.tmp {
+ width: 100%;
+}
+table.listing tbody td a:hover, table.listing tbody th a:hover {
+ background-color: transparent;
+}
+table.listing tbody tr { border-top: 1px solid #ddd }
+table.listing tbody tr.even { background-color: #fcfcfc }
+table.listing tbody tr.odd { background-color: #f7f7f7 }
+table.listing tbody tr:hover { background: #f7f8fa !important }
+
+.gmap {
+ border: solid 1px #888;
+ margin-top: 0.8em;
+}
+
+.rst-content {
+}
+
+.rst-content img.align-left {
+ margin-right: 1em;
+ margin-top: 0.6ex;
+}
+
+.rst-content img.align-right {
+ margin-left: 1em;
+ margin-top: 0.6ex;
+}
+
+#content .rst-content ul, #content .rst-content ol {
+ clear: none;
+ font-size: 1em;
+ margin-left: 0.4em;
+}
+
+.module-set {
+ float: right;
+ clear: right;
+}
+
+.module {
+ border: 1px solid #000;
+ background-image: url(../images/grid_bg.png);
+ padding: 0.3em 0.8em 0.8em 0.8em;
+ margin: 0 0 1.5em 1.5em;
+ -moz-border-radius: 8px 8px 8px 8px;
+ -webkit-border-radius: 8px 8px 8px 8px;
+ border-radius: 8px 8px 8px 8px;
+}
+
+.module h3 {
+ margin-top: 0em;
+ margin-bottom: 0.4em;
+ font-size: 1.1em;
+}
+
+#module h3 {
+ color: #FFF;
+ font-weight: bold;
+}
+
+a.image-link {
+ border: none;
+}
+
+.map-thumbnail {
+ border: solid 1px #999;
+}
+
+.home-content .module {
+ width: 338px;
+}
+
+.home-description {
+ padding-right: 370px;
+}
+
+#content ul.playlist {
+ list-style-type: none;
+ border-top: solid 1px #e1e1e1;
+ margin: 0;
+ padding: 0;
+}
+
+#content ul.playlist li {
+ display: block;
+ border: solid 1px #e1e1e1;
+ border-top: 0;
+ background: white;
+ margin: 0;
+ padding: 1em;
+}
+
+
+.tab_unselected {
+ background-color: #cccccc;
+ font-weight: normal;
+ color: #333333;
+ border: 1px solid #cccccc;
+ z-index: 0;
+}
+.tab_selected {
+ background-color: #ffffff;
+ color: #000000;
+ font-weight: bold;
+ border-top: 1px solid #999999;
+ border-right: 1px solid #999999;
+ border-left: 1px solid #999999;
+ border-bottom: 1px solid #ffffff;
+ z-index: 10;
+}
+
-{% extends "telemeta/base.html" %}\r
-{% load telemeta_utils %}\r
-{% load i18n %}\r
-\r
-{% block head_title %}{% trans "Item" %}{{item|prepend:': '}} - {{ block.super }}{% endblock %}\r
-\r
-{% block stylesheets %}\r
-{{ block.super }}\r
-<link rel="stylesheet" type="text/css" href="{% url telemeta-timeside "css/timeside.css" %}" />\r
- <link rel="stylesheet" type="text/css" href="{% url telemeta-timeside "skins/lab/style.css" %}" />\r
- <link rel="stylesheet" type="text/css" href="{% url telemeta-css "player.css" %}" />\r
- {% endblock %}\r
- {% block extra_javascript %}\r
-\r
-<script src="{% url telemeta-js "wz_jsgraphics.js" %}" type="text/javascript"></script>\r
-<script src="{% url telemeta-js "soundmanager2.js" %}" type="text/javascript"></script>\r
-<script src="{% url telemeta-timeside "src/timeside.js" %}" type="text/javascript"></script>\r
-<script src="{% url telemeta-js "playerUtils.js" %}" type="text/javascript"></script>\r
-\r
-<script type="text/javascript">\r
- soundManager.url = '{% url telemeta-swf "./" %}';\r
- soundManager.flashVersion = 9;\r
- soundManager.useMovieStar = true; // enable MP4/M4A/AAC\r
- soundManager.debugMode = false;\r
- set_player_image_url('{% url telemeta-item-visualize item.public_id,visualizer_id,"WIDTH","HEIGHT" %}');\r
- load_player({{ item.approx_duration.as_seconds }});\r
-</script>\r
-\r
-<!-- script for tabs-->\r
-<script type="text/javascript">\r
- function setUpTabs(selIndex) {//called from within controller.js once all markers have been loaded.\r
- //this is because we need all divs to be visible to calculate size. selIndex is optional, it defaults to 0\r
- //\r
- //declare variables:\r
- var tabContainerHeight = '5ex'; //height for the tab container\r
- var tabHeight = '3.5ex'; //height for the tab. Must be lower than tabContainerHeight\r
- var tabPaddingTop ='.8ex'; //padding top of each tab. Increasing it will increase also the tab height, so\r
- //compensate by decreasing tabHeight, in case. In any case, must be lower or equal to tabContainerHeight-tabHeight\r
- var tabWidth = '10ex'; //width of each tab. Each tab from index 1 to n will be at left=n*tabWidth\r
- var tabBottom ='-1px'; //bottom of each tab. Must be equal and opposite to the border of the div below the tab\r
-\r
- //retrieve tab container:\r
- var tabContainer = $("#tabs_container"); //change if tabContainer has to be retrieved diferently\r
- //retrieve the tabs by checking the elements whose class name starts with "tab_"\r
- //var tabs = $('a[class^="tab_"]'); //change if the tabs have to be determined differently.\r
- var tabs = tabContainer.find('a[id^="tab_"]');\r
- //function that retrieves the div relative to a tab (the div will be set visible.invisible according to tab click):\r
- var tab2div = function(tab){\r
- return $("#"+tab.attr("name"));\r
- //ie, returns the element whose id is equal to the tab name.\r
- //change here if div has to be determined differently\r
- };\r
- var selectedTabClassName = "tab_selected"; //change if needed\r
- var unselectedTabClassName = "tab_unselected"; //change if needed\r
- var tabClicked = function(index) {\r
- for(var i=0; i<tabs.length; i++){\r
- var t = $(tabs[i]);\r
- if(i===index){\r
- t.removeClass(unselectedTabClassName).addClass(selectedTabClassName);\r
- tab2div(t).fadeIn('slow');\r
- }else{\r
- t.removeClass(selectedTabClassName).addClass(unselectedTabClassName);\r
- tab2div(t).hide();\r
- }\r
- }\r
- return false; //returning false avoids scroll of the anchor to the top of the page\r
- //if the tab is an anchor, of course\r
- };\r
- //end of variables declaration\r
-\r
- //tabContainer default css:\r
- tabContainer.css({'position':'relative','height':tabContainerHeight});\r
- //tabs default css:\r
- tabs.css({'position':'absolute',\r
- 'height':tabHeight,\r
- 'bottom':tabBottom,\r
- 'paddingTop':tabPaddingTop,\r
- 'width':tabWidth,\r
- 'color': '#000000',\r
- 'left':0, //this will be overridden for tabs from 1 to n (see below)\r
- 'textAlign':'center'});\r
- //setting the left property for all tabs from 1 to n\r
- var left = parseFloat(tabWidth); //note that 40%, 33.3ex will be converted\r
- //succesfully to 40 and 33.3 respectively\r
- if(!isNaN(left)){\r
- //retrieve the unit\r
- var s = new String(left);\r
- var unit = '';\r
- if(s.length<tabWidth.length){\r
- unit = tabWidth.substring(s.length,tabWidth.length);\r
- }\r
- for(var i=1; i<tabs.length; i++){\r
- $(tabs[i]).css('left',(left*i)+unit);\r
- }\r
- }\r
-\r
- for (var i=0;i<tabs.length;i++){\r
- // introduce a new scope (round brackets)\r
- //otherwise i is retrieved from the current scope and will be always equal to tabs.length\r
- //due to this loop\r
- (function(tabIndex){\r
- $(tabs[i]).click(function(){return tabClicked(tabIndex);});\r
- })(i);\r
- }\r
- \r
- if(!(selIndex)){\r
- selIndex = 0;\r
- }\r
- $(tabs[selIndex]).trigger("click");\r
- }\r
-\r
- function selectMarkerTab(){\r
- $('#tab_markers').trigger("click");\r
- }\r
-</script>\r
-\r
-{% endblock %}\r
-\r
-\r
-{% if item %}\r
-{% block submenu %}\r
-<div>\r
- <table>\r
- <tr>\r
- <td align="left">\r
- <a href="{% url telemeta-item-dublincore item.public_id %}">Dublin Core</a>\r
- </td>\r
- <td align="right">\r
- {% if user.is_authenticated and user.is_staff%}\r
- <a href="{% url telemeta-item-detail-edit item.public_id %}"><img src="/images/edit_page.png" alt="EDIT"></a>\r
- {% endif %}\r
- <a href="{% url telemeta-item-detail previous %}"><img src="/images/previous.png" alt="PREVIOUS"></a>\r
- <a href="{% url telemeta-item-detail next %}"><img src="/images/next.png" alt="NEXT"></a>\r
- </td>\r
- </tr>\r
- </table>\r
-</div>\r
-{% endblock %}\r
-\r
-{% block content %}\r
-\r
-<h3>Item : {{ item }}</h3>\r
-<div class="{% if item.file %}with-rightcol{% endif %}">\r
-\r
- {% if item.file %}\r
- <div id="player_maximized" class="ts-skin-lab">\r
- <a href="#" class="toggle">Minimize</a>\r
- <div class="wazing"></div>\r
- </div>\r
- <div id="rightcol">\r
- <div id="player_minimized" class="ts-skin-lab">\r
- <a href="#" class="toggle">Maximize</a>\r
- <div class="wazing"></div>\r
- <div id="player" class="ts-player">\r
- <div class="ts-viewer">\r
- <div class="ts-wave">\r
- <div class="ts-image-container">\r
- <a href="{% url telemeta-item-export item.public_id,"mp3" %}">\r
- <img class="ts-image" src="{% url telemeta-item-visualize item.public_id,visualizer_id,360,130 %}"\r
- alt="" /></a>\r
- </div>\r
- </div>\r
- </div>\r
- </div>\r
- </div>\r
-\r
-\r
-\r
-\r
- <div class="item_visualization" id="item_visualization_id">\r
- \r
- <form id="visualizer_id_form" method="get" action="#">\r
- <!--\r
- <select name="visualizer_id" onchange="this.form.submit()">\r
- {% for v in visualizers %}\r
- <option value="{{ v.id }}" {% ifequal v.id visualizer_id %} selected="selected" {% endifequal %}>\r
- {{v.name}}</option>\r
- {% endfor %}\r
- </select>\r
- -->\r
- <img src="/images/plots.png" style="vertical-align:middle" /> Visualization :\r
- <select id="visualizer_id" name="visualizer_id">\r
- {% for v in visualizers %}\r
- <option value="{% url telemeta-item-visualize item.public_id,v.id,"WIDTH","HEIGHT" %}">\r
- {{v.name}}</option>\r
- {% endfor %}\r
- </select>\r
- <input type="submit" value="Set" />\r
- </form>\r
-\r
-\r
- <!--\r
- <form method="get" action="#">\r
- <p> Vamp plugin analysis</p>\r
- <select name="vamp_id">\r
- {% for plugin in vamp_plugins %}\r
- <option value="{{ plugin }}" {% ifequal plugin vamp_id %} selected="selected" {% endifequal %}>\r
- {{ plugin }}</option>\r
- {% endfor %}\r
- </select>\r
- <input type="submit" value="Get" />\r
- </form>\r
- -->\r
- </div>\r
-\r
- <div id="tabs_container">\r
- <!-- <ul class="tabs_" >\r
- <li><a href="#">Analysis</a></li>\r
- <li><a href="#">Markers</a></li>\r
- </ul>-->\r
- <a id="tab_analysis" name ="analyzer_div_id" href="#">Analysis</a>\r
- <a id="tab_markers" name="markers_div_id" href="#">Markers</a>\r
- </div>\r
- <!--<div class="tab_container_">-->\r
- <!-- <div id="tab1" class="tab_content">\r
- Content\r
- </div>\r
- <div id="tab2" class="tab_content">\r
- Content\r
- </div>\r
- </div>-->\r
- <div class="markers" id="markers_div_id"></div>\r
-\r
- <div class="analyzer" id="analyzer_div_id">\r
- <table width="100%">\r
- <tr class="analyzer-title">\r
- <td>Property</td>\r
- <td>Value</td>\r
- <td>Unit</td>\r
- </tr>\r
- {% for analyser in analysers %}\r
- <tr class="analyzer-line">\r
- <td>\r
- {{ analyser.name }}\r
- </td>\r
- <td>\r
- {{ analyser.value }}\r
- </td>\r
- <td>\r
- {{ analyser.unit }}\r
- </td>\r
- </tr>\r
- {% endfor %}\r
- </table>\r
- </div>\r
- <!--</div>-->\r
-\r
-\r
- {% if audio_export_enabled %}\r
- <div class="exporter">\r
- <p><img src="/images/download.png" style="vertical-align:middle"/> {% trans "Download:" %}\r
- {% for format in export_formats %}\r
- <a href="{% url telemeta-item-export item.public_id,format.extension %}">{{ format.name }}</a>\r
- {% endfor %}</p>\r
- </div>\r
- {% endif %}\r
-\r
- </div>\r
- {% endif %}\r
-\r
- <div class="infos">\r
- {% block general_info %}\r
- <dl class="listing">\r
- {% dl_field item "title" %}\r
- {% dl_field item "alt_title" %}\r
- {% dl_field item "collector" %}\r
- <dt>{% field_label item "collection" %}</dt>\r
- <dd><a href="{% url telemeta-collection-detail item.collection.public_id %}">{{ item.collection }}</a></dd>\r
- {% if item.recorded_from_date %}\r
- <dt>{% trans "Recording date" %}</dt>\r
- <dd>{{ item.recorded_from_date }} {{ item.recorded_to_date|prepend:" - " }}</dd>\r
- {% endif %}\r
- </dl>\r
- {% endblock general_info %}\r
- </div>\r
- <div class="extraInfos">\r
- {% block geoethnic_data %}\r
- <div>\r
- <h4><a href="#">{% trans "Geographic and cultural informations" %}</a></h4>\r
- <dl class="listing">\r
- {% if item.location %}\r
- <dt>{% trans "Location" %}</dt>\r
- <dd>{{ item.location.fullnames|join:"<br/>" }}</dd>\r
- {% endif %}\r
- {% dl_field item "location_comment" %}\r
- {% dl_field item "cultural_area" %}\r
- {% dl_field item "ethnic_group" %}\r
- {% dl_field item "context_comment" %}\r
- {% dl_field item "keywords" join with ", " %}\r
- </dl>\r
- </div>\r
- {% endblock geoethnic_data %}\r
- </div>\r
- <div class="extraInfos">\r
- {% block musical_data %}\r
- <div>\r
- <h4><a href="#">{% trans "Musical informations" %}</a></h4>\r
- <dl class="listing">\r
- {% dl_field item "vernacular_style" %}\r
- {% dl_field item "generic_style" %}\r
- {% dl_field item "author" %}\r
- </dl>\r
- {% if item.performances %}\r
- <div class="instruments">\r
- <table class="instruments">\r
- <thead>\r
- <tr>\r
- <td>{% field_label "MediaItemPerformance" "instruments_num" %}</td>\r
- <td>{% field_label "MediaItemPerformance" "instrument" %}</td>\r
- <td>{% field_label "MediaItemPerformance" "alias" %}</td>\r
- <td>{% field_label "MediaItemPerformance" "musicians" %}</td>\r
- </tr>\r
- </thead>\r
- <tbody>\r
- {% for performance in item.performances.all %}\r
- <tr>\r
- <td>{{ performance.instruments_num }}</td>\r
- <td>{{ performance.instrument|default:"" }}</td>\r
- <td>{{ performance.alias|default:"" }}</td>\r
- <td>{{ performance.musicians }}</td>\r
- </tr>\r
- {% endfor %}\r
- </tbody>\r
- </table>\r
- </div>\r
- {% endif %}\r
- </div>\r
- {% endblock musical_data %}\r
- </div>\r
- <div class="extraInfos">\r
- {% block general_data %}\r
- <div>\r
- <h4><a href="#">{% trans "General informations" %}</a></h4>\r
- <dl class="listing">\r
- {% dl_field item "comment" %}\r
- {% dl_field item "collector_selection" %}\r
- </dl>\r
- </div>\r
- {% endblock general_data %}\r
- </div>\r
- <div class="extraInfos">\r
- {% block archive_data %}\r
- <div>\r
- <h4><a href="#">{% trans "Archiving data" %}</a></h4>\r
- <dl class="listing">\r
- {% dl_field item "code" %}\r
- {% dl_field item "old_code" %}\r
- {% dl_field item "track" %}\r
- {% dl_field item "creator_reference" %}\r
- {% dl_field item "external_references" %}\r
- {% dl_field item "public_access_label" %}\r
- </dl>\r
- </div>\r
- {% endblock archive_data %}\r
- </div>\r
- <div class="extraInfos">\r
- {% block technical_data %}\r
- <div>\r
- <h4><a href="#">{% trans "Technical data" %}</a></h4>\r
- <div>\r
- <dl class="listing">\r
- <dt>{% trans "Media type" %}</dt><dd>{% trans "Audio" %}</dd>\r
- {% dl_field item "approx_duration" %}\r
- </dl>\r
- </div>\r
- </div>\r
- {% endblock technical_data %}\r
- </div>\r
-\r
-</div> <!-- with-rightcol -->\r
-\r
-{% endblock %}\r
-{% else %}\r
-<p>No such item</p>\r
-{% endif %}\r
+{% extends "telemeta/base.html" %}
+{% load telemeta_utils %}
+{% load i18n %}
+
+{% block head_title %}{% trans "Item" %}{{item|prepend:': '}} - {{ block.super }}{% endblock %}
+
+{% block stylesheets %}
+{{ block.super }}
+<link rel="stylesheet" type="text/css" href="{% url telemeta-timeside "css/timeside.css" %}" />
+ <link rel="stylesheet" type="text/css" href="{% url telemeta-timeside "skins/lab/style.css" %}" />
+ <link rel="stylesheet" type="text/css" href="{% url telemeta-css "player.css" %}" />
+ {% endblock %}
+ {% block extra_javascript %}
+
+<script src="{% url telemeta-js "wz_jsgraphics.js" %}" type="text/javascript"></script>
+<script src="{% url telemeta-js "soundmanager2.js" %}" type="text/javascript"></script>
+<script src="{% url telemeta-timeside "src/timeside.js" %}" type="text/javascript"></script>
+<script src="{% url telemeta-js "playerUtils.js" %}" type="text/javascript"></script>
+
+<script type="text/javascript">
+ soundManager.url = '{% url telemeta-swf "./" %}';
+ soundManager.flashVersion = 9;
+ soundManager.useMovieStar = true; // enable MP4/M4A/AAC
+ soundManager.debugMode = false;
+ set_player_image_url('{% url telemeta-item-visualize item.public_id,visualizer_id,"WIDTH","HEIGHT" %}');
+ load_player({{ item.approx_duration.as_seconds }});
+</script>
+
+<!-- script for tabs-->
+<script type="text/javascript">
+ function setUpTabs(selIndex) {//called from within controller.js once all markers have been loaded.
+ //this is because we need all divs to be visible to calculate size. selIndex is optional, it defaults to 0
+ //
+ //declare variables:
+ var tabContainerHeight = '5ex'; //height for the tab container
+ var tabHeight = '3.5ex'; //height for the tab. Must be lower than tabContainerHeight
+ var tabPaddingTop ='.8ex'; //padding top of each tab. Increasing it will increase also the tab height, so
+ //compensate by decreasing tabHeight, in case. In any case, must be lower or equal to tabContainerHeight-tabHeight
+ var tabWidth = '10ex'; //width of each tab. Each tab from index 1 to n will be at left=n*tabWidth
+ var tabBottom ='-1px'; //bottom of each tab. Must be equal and opposite to the border of the div below the tab
+
+ //retrieve tab container:
+ var tabContainer = $("#tabs_container"); //change if tabContainer has to be retrieved diferently
+ //retrieve the tabs by checking the elements whose class name starts with "tab_"
+ //var tabs = $('a[class^="tab_"]'); //change if the tabs have to be determined differently.
+ var tabs = tabContainer.find('a[id^="tab_"]');
+ //function that retrieves the div relative to a tab (the div will be set visible.invisible according to tab click):
+ var tab2div = function(tab){
+ return $("#"+tab.attr("name"));
+ //ie, returns the element whose id is equal to the tab name.
+ //change here if div has to be determined differently
+ };
+ var selectedTabClassName = "tab_selected"; //change if needed
+ var unselectedTabClassName = "tab_unselected"; //change if needed
+ var tabClicked = function(index) {
+ for(var i=0; i<tabs.length; i++){
+ var t = $(tabs[i]);
+ if(i===index){
+ t.removeClass(unselectedTabClassName).addClass(selectedTabClassName);
+ tab2div(t).fadeIn('slow');
+ }else{
+ t.removeClass(selectedTabClassName).addClass(unselectedTabClassName);
+ tab2div(t).hide();
+ }
+ }
+ return false; //returning false avoids scroll of the anchor to the top of the page
+ //if the tab is an anchor, of course
+ };
+ //end of variables declaration
+
+ //tabContainer default css:
+ tabContainer.css({'position':'relative','height':tabContainerHeight});
+ //tabs default css:
+ tabs.css({'position':'absolute',
+ 'height':tabHeight,
+ 'bottom':tabBottom,
+ 'paddingTop':tabPaddingTop,
+ 'width':tabWidth,
+ 'color': '#000000',
+ 'left':0, //this will be overridden for tabs from 1 to n (see below)
+ 'textAlign':'center'});
+ //setting the left property for all tabs from 1 to n
+ var left = parseFloat(tabWidth); //note that 40%, 33.3ex will be converted
+ //succesfully to 40 and 33.3 respectively
+ if(!isNaN(left)){
+ //retrieve the unit
+ var s = new String(left);
+ var unit = '';
+ if(s.length<tabWidth.length){
+ unit = tabWidth.substring(s.length,tabWidth.length);
+ }
+ for(var i=1; i<tabs.length; i++){
+ $(tabs[i]).css('left',(left*i)+unit);
+ }
+ }
+
+ for (var i=0;i<tabs.length;i++){
+ // introduce a new scope (round brackets)
+ //otherwise i is retrieved from the current scope and will be always equal to tabs.length
+ //due to this loop
+ (function(tabIndex){
+ $(tabs[i]).click(function(){return tabClicked(tabIndex);});
+ })(i);
+ }
+
+ if(!(selIndex)){
+ selIndex = 0;
+ }
+ $(tabs[selIndex]).trigger("click");
+ }
+
+ function selectMarkerTab(){
+ $('#tab_markers').trigger("click");
+ }
+</script>
+
+{% endblock %}
+
+
+{% if item %}
+{% block submenu %}
+<div>
+ <table>
+ <tr>
+ <td align="left">
+ <a href="{% url telemeta-item-dublincore item.public_id %}">Dublin Core</a>
+ </td>
+ <td align="right">
+ {% if user.is_authenticated and user.is_staff%}
+ <a href="{% url telemeta-item-detail-edit item.public_id %}"><img src="/images/edit_page.png" alt="EDIT"></a>
+ {% endif %}
+ <a href="{% url telemeta-item-detail previous %}"><img src="/images/previous.png" alt="PREVIOUS"></a>
+ <a href="{% url telemeta-item-detail next %}"><img src="/images/next.png" alt="NEXT"></a>
+ </td>
+ </tr>
+ </table>
+</div>
+{% endblock %}
+
+{% block content %}
+
+<h3>Item : {{ item }}</h3>
+<div class="{% if item.file %}with-rightcol{% endif %}">
+
+ {% if item.file %}
+ <div id="player_maximized" class="ts-skin-lab">
+ <a href="#" class="toggle">Minimize</a>
+ <div class="wazing"></div>
+ </div>
+ <div id="rightcol">
+ <div id="player_minimized" class="ts-skin-lab">
+ <a href="#" class="toggle">Maximize</a>
+ <div class="wazing"></div>
+ <div id="player" class="ts-player">
+ <div class="ts-viewer">
+ <div class="ts-wave">
+ <div class="ts-image-container">
+ <a href="{% url telemeta-item-export item.public_id,"mp3" %}">
+ <img class="ts-image" src="{% url telemeta-item-visualize item.public_id,visualizer_id,360,130 %}"
+ alt="" /></a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+
+
+
+ <div class="item_visualization" id="item_visualization_id">
+
+ <form id="visualizer_id_form" method="get" action="#">
+ <!--
+ <select name="visualizer_id" onchange="this.form.submit()">
+ {% for v in visualizers %}
+ <option value="{{ v.id }}" {% ifequal v.id visualizer_id %} selected="selected" {% endifequal %}>
+ {{v.name}}</option>
+ {% endfor %}
+ </select>
+ -->
+ <img src="/images/plots.png" style="vertical-align:middle" /> Visualization :
+ <select id="visualizer_id" name="visualizer_id">
+ {% for v in visualizers %}
+ <option value="{% url telemeta-item-visualize item.public_id,v.id,"WIDTH","HEIGHT" %}">
+ {{v.name}}</option>
+ {% endfor %}
+ </select>
+ <input type="submit" value="Set" />
+ </form>
+
+
+ <!--
+ <form method="get" action="#">
+ <p> Vamp plugin analysis</p>
+ <select name="vamp_id">
+ {% for plugin in vamp_plugins %}
+ <option value="{{ plugin }}" {% ifequal plugin vamp_id %} selected="selected" {% endifequal %}>
+ {{ plugin }}</option>
+ {% endfor %}
+ </select>
+ <input type="submit" value="Get" />
+ </form>
+ -->
+ </div>
+
+ <div id="tabs_container">
+ <!-- <ul class="tabs_" >
+ <li><a href="#">Analysis</a></li>
+ <li><a href="#">Markers</a></li>
+ </ul>-->
+ <a id="tab_analysis" name ="analyzer_div_id" href="#">Analysis</a>
+ <a id="tab_markers" name="markers_div_id" href="#">Markers</a>
+ </div>
+ <!--<div class="tab_container_">-->
+ <!-- <div id="tab1" class="tab_content">
+ Content
+ </div>
+ <div id="tab2" class="tab_content">
+ Content
+ </div>
+ </div>-->
+ <div class="markers" id="markers_div_id"></div>
+
+ <div class="analyzer" id="analyzer_div_id">
+ <table width="100%">
+ <tr class="analyzer-title">
+ <td>Property</td>
+ <td>Value</td>
+ <td>Unit</td>
+ </tr>
+ {% for analyser in analysers %}
+ <tr class="analyzer-line">
+ <td>
+ {{ analyser.name }}
+ </td>
+ <td>
+ {{ analyser.value }}
+ </td>
+ <td>
+ {{ analyser.unit }}
+ </td>
+ </tr>
+ {% endfor %}
+ </table>
+ </div>
+ <!--</div>-->
+
+
+ {% if audio_export_enabled %}
+ <div class="exporter">
+ <p><img src="/images/download.png" style="vertical-align:middle"/> {% trans "Download:" %}
+ {% for format in export_formats %}
+ <a href="{% url telemeta-item-export item.public_id,format.extension %}">{{ format.name }}</a>
+ {% endfor %}</p>
+ </div>
+ {% endif %}
+
+ </div>
+ {% endif %}
+
+ <div class="infos">
+ {% block general_info %}
+ <dl class="listing">
+ {% dl_field item "title" %}
+ {% dl_field item "alt_title" %}
+ {% dl_field item "collector" %}
+ <dt>{% field_label item "collection" %}</dt>
+ <dd><a href="{% url telemeta-collection-detail item.collection.public_id %}">{{ item.collection }}</a></dd>
+ {% if item.recorded_from_date %}
+ <dt>{% trans "Recording date" %}</dt>
+ <dd>{{ item.recorded_from_date }} {{ item.recorded_to_date|prepend:" - " }}</dd>
+ {% endif %}
+ </dl>
+ {% endblock general_info %}
+ </div>
+ <div class="extraInfos">
+ {% block geoethnic_data %}
+ <div>
+ <h4><a href="#">{% trans "Geographic and cultural informations" %}</a></h4>
+ <dl class="listing">
+ {% if item.location %}
+ <dt>{% trans "Location" %}</dt>
+ <dd>{{ item.location.fullnames|join:"<br/>" }}</dd>
+ {% endif %}
+ {% dl_field item "location_comment" %}
+ {% dl_field item "cultural_area" %}
+ {% dl_field item "ethnic_group" %}
+ {% dl_field item "context_comment" %}
+ {% dl_field item "keywords" join with ", " %}
+ </dl>
+ </div>
+ {% endblock geoethnic_data %}
+ </div>
+ <div class="extraInfos">
+ {% block musical_data %}
+ <div>
+ <h4><a href="#">{% trans "Musical informations" %}</a></h4>
+ <dl class="listing">
+ {% dl_field item "vernacular_style" %}
+ {% dl_field item "generic_style" %}
+ {% dl_field item "author" %}
+ </dl>
+ {% if item.performances %}
+ <div class="instruments">
+ <table class="instruments">
+ <thead>
+ <tr>
+ <td>{% field_label "MediaItemPerformance" "instruments_num" %}</td>
+ <td>{% field_label "MediaItemPerformance" "instrument" %}</td>
+ <td>{% field_label "MediaItemPerformance" "alias" %}</td>
+ <td>{% field_label "MediaItemPerformance" "musicians" %}</td>
+ </tr>
+ </thead>
+ <tbody>
+ {% for performance in item.performances.all %}
+ <tr>
+ <td>{{ performance.instruments_num }}</td>
+ <td>{{ performance.instrument|default:"" }}</td>
+ <td>{{ performance.alias|default:"" }}</td>
+ <td>{{ performance.musicians }}</td>
+ </tr>
+ {% endfor %}
+ </tbody>
+ </table>
+ </div>
+ {% endif %}
+ </div>
+ {% endblock musical_data %}
+ </div>
+ <div class="extraInfos">
+ {% block general_data %}
+ <div>
+ <h4><a href="#">{% trans "General informations" %}</a></h4>
+ <dl class="listing">
+ {% dl_field item "comment" %}
+ {% dl_field item "collector_selection" %}
+ </dl>
+ </div>
+ {% endblock general_data %}
+ </div>
+ <div class="extraInfos">
+ {% block archive_data %}
+ <div>
+ <h4><a href="#">{% trans "Archiving data" %}</a></h4>
+ <dl class="listing">
+ {% dl_field item "code" %}
+ {% dl_field item "old_code" %}
+ {% dl_field item "track" %}
+ {% dl_field item "creator_reference" %}
+ {% dl_field item "external_references" %}
+ {% dl_field item "public_access_label" %}
+ </dl>
+ </div>
+ {% endblock archive_data %}
+ </div>
+ <div class="extraInfos">
+ {% block technical_data %}
+ <div>
+ <h4><a href="#">{% trans "Technical data" %}</a></h4>
+ <div>
+ <dl class="listing">
+ <dt>{% trans "Media type" %}</dt><dd>{% trans "Audio" %}</dd>
+ {% dl_field item "approx_duration" %}
+ </dl>
+ </div>
+ </div>
+ {% endblock technical_data %}
+ </div>
+
+</div> <!-- with-rightcol -->
+
+{% endblock %}
+{% else %}
+<p>No such item</p>
+{% endif %}
projects / telemeta.git / commitdiff
