From: yomguy Date: Mon, 28 Feb 2011 10:59:23 +0000 (+0100) Subject: change menu and logo styles, add images, resolve changes for r591 and r592 X-Git-Tag: 1.1~431 X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=a4105f0b0f3bf2873cef017fd4aa745ca6a65d0f;p=telemeta.git change menu and logo styles, add images, resolve changes for r591 and r592 --- diff --git a/telemeta/__init__.py b/telemeta/__init__.py index f95b4649..24fa2059 100644 --- a/telemeta/__init__.py +++ b/telemeta/__init__.py @@ -11,7 +11,7 @@ U{http://telemeta.org} """ __docformat__ = 'epytext en' -__version__ = '0.5.2' +__version__ = '0.6.0' __url__ = 'http://telemeta.org' __copyright__ = '(C) 2007-2010 Parisson SARL and Samalyse SARL' __license__ = 'CeCILL-2' diff --git a/telemeta/htdocs/css/telemeta.css b/telemeta/htdocs/css/telemeta.css index de5ae009..43933631 100644 --- a/telemeta/htdocs/css/telemeta.css +++ b/telemeta/htdocs/css/telemeta.css @@ -1,769 +1,795 @@ -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: 1.3em; -} - -a:link, a:visited { -/* border-bottom:1px dotted #BBB; */ - color:#BB0000; - text-decoration:none; -} -a:link:hover, a:visited:hover { - background-color:#EEE; - color:#555; -} -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; -} - -#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; -} -#header { - padding: 0.2em 0; - margin-bottom: .9em; -} - -#logo a, #logo a:hover { border: none; background: transparent; } - -#submenu { - position: relative; - margin: 5px 0 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: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} -#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; - /*width: 301px;height: 17px;*/ - padding: 2px; - margin: 5px 0 0; - font-size: 1em; -} - -.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: 13px; list-style: none; margin: 0; text-align: left } -.nav li { - border-right: 1px solid #d7d7d7; - display: inline; - padding: 0 .75em; - white-space: nowrap; -} -.nav li.last { border-right: 1px solid #000000; } - -/* Main navigation bar (borrowed from Trac) */ -#menu { - background: #6a0307 ; - border: 1px solid #000; - font: normal 10px verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif; - margin: .66em 0 .33em; - padding: 1em 0; -} -#menu li { border-right: none; padding: .25em 0 } -#menu li.last { border-right: 1px solid #000 } -#menu :link, #menu :visited { - border-right: 1px solid #fff; - border-bottom: none; - border-left: 1px solid #555; - 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: #ccc; - border-right: 1px solid #ddd; -} -#menu .active :link, #menu .active :visited { - background: #333 url(../images/topbar_gradient2.png) 0 0 repeat-x; - border-top: none; - border-right: 1px solid #000; - color: #eee; - font-weight: bold; -} -#menu .active :link:hover, #menu .active :visited:hover { - border-right: 1px solid #000; -} - -/* Footer (borrowed from Trac) */ -#footer { - clear: both; - color: #bbb; - font-size: 10px; - border-top: 1px solid; - height: 31px; - padding: .25em 0; - margin-top: 2.5em; -} -#footer :link, #footer :visited { color: #bbb; } -#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: 0.9em; - line-height: 1.4em; - border-bottom: 1px dotted #aaa; -} -.with-rightcol .extraInfos h4 { - margin-right: 395px; -} - -.extraInfos h4 a { - position: relative; - display: block; - 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 !important; - outline: none; -} -.extraInfos h4 a:hover { - background-color: transparent; - border-bottom: none; - color: #555 !important; -} -.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 #999; - background: #EEE; - padding: 1em; - margin: 0 0 1.5em 1.5em; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} - -.module h3 { - margin-top: 0; - margin-bottom: 0.8em; - font-size: 1.1em; -} - -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; -} +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; +} + diff --git a/telemeta/htdocs/images/admin_wh.png b/telemeta/htdocs/images/admin_wh.png new file mode 100644 index 00000000..37923390 Binary files /dev/null and b/telemeta/htdocs/images/admin_wh.png differ diff --git a/telemeta/htdocs/images/adv_search_wh.png b/telemeta/htdocs/images/adv_search_wh.png new file mode 100644 index 00000000..09c2e4c2 Binary files /dev/null and b/telemeta/htdocs/images/adv_search_wh.png differ diff --git a/telemeta/htdocs/images/collections_wh.png b/telemeta/htdocs/images/collections_wh.png new file mode 100644 index 00000000..bebb9f62 Binary files /dev/null and b/telemeta/htdocs/images/collections_wh.png differ diff --git a/telemeta/htdocs/images/geo_wh.png b/telemeta/htdocs/images/geo_wh.png new file mode 100644 index 00000000..b5d96466 Binary files /dev/null and b/telemeta/htdocs/images/geo_wh.png differ diff --git a/telemeta/htdocs/images/grid_bg.png b/telemeta/htdocs/images/grid_bg.png new file mode 100644 index 00000000..c7760f55 Binary files /dev/null and b/telemeta/htdocs/images/grid_bg.png differ diff --git a/telemeta/htdocs/images/home_red.png b/telemeta/htdocs/images/home_red.png new file mode 100644 index 00000000..b5d96466 Binary files /dev/null and b/telemeta/htdocs/images/home_red.png differ diff --git a/telemeta/htdocs/images/logo_mini_2.png b/telemeta/htdocs/images/logo_mini_2.png index 2f7a7c97..3b4ec4c5 100644 Binary files a/telemeta/htdocs/images/logo_mini_2.png and b/telemeta/htdocs/images/logo_mini_2.png differ diff --git a/telemeta/htdocs/images/logout.png b/telemeta/htdocs/images/logout.png new file mode 100644 index 00000000..b18ffcd5 Binary files /dev/null and b/telemeta/htdocs/images/logout.png differ diff --git a/telemeta/htdocs/images/module_playlist.png b/telemeta/htdocs/images/module_playlist.png new file mode 100644 index 00000000..ff93fb5a Binary files /dev/null and b/telemeta/htdocs/images/module_playlist.png differ diff --git a/telemeta/htdocs/images/module_world.png b/telemeta/htdocs/images/module_world.png new file mode 100644 index 00000000..c1c699df Binary files /dev/null and b/telemeta/htdocs/images/module_world.png differ diff --git a/telemeta/htdocs/images/search_wh.png b/telemeta/htdocs/images/search_wh.png new file mode 100644 index 00000000..28502399 Binary files /dev/null and b/telemeta/htdocs/images/search_wh.png differ diff --git a/telemeta/htdocs/images/user_red.png b/telemeta/htdocs/images/user_red.png new file mode 100644 index 00000000..eb166bd7 Binary files /dev/null and b/telemeta/htdocs/images/user_red.png differ diff --git a/telemeta/pages/default/parts/home.rst b/telemeta/pages/default/parts/home.rst index 091f6db1..38fe1403 100644 --- a/telemeta/pages/default/parts/home.rst +++ b/telemeta/pages/default/parts/home.rst @@ -1,6 +1,6 @@ -====================================================================================================== -Telemeta : a web frontend to backup, analyse, transcode and stream any audio content with its metadata -====================================================================================================== +=================================================== +Telemeta : Web Audio Content Management System +=================================================== Telemeta is a web audio archiving program which introduces useful and secure methods to backup, index, transcode, analyse and publish any digitalized audio file with its metadata. It is dedicated to professionnals who wants to easily backup and publish documented sounds from collections of vinyls, magnetic tapes or audio CDs over a strong database, in accordance with open standards. diff --git a/telemeta/templates/telemeta_default/base.html b/telemeta/templates/telemeta_default/base.html index 65c9f9ce..7f0e4a06 100644 --- a/telemeta/templates/telemeta_default/base.html +++ b/telemeta/templates/telemeta_default/base.html @@ -56,7 +56,13 @@ {% block menu %} {% endblock %} @@ -81,7 +87,8 @@

- {% trans "Visit the Telemeta open source project at" %}
{% telemeta_url %} + Copyright (c) 2010, Parisson
+ Mentions légales

{% endblock %} diff --git a/telemeta/templates/telemeta_default/index.html b/telemeta/templates/telemeta_default/index.html index e81e025d..218a4284 100644 --- a/telemeta/templates/telemeta_default/index.html +++ b/telemeta/templates/telemeta_default/index.html @@ -8,8 +8,11 @@
{% block modules %} -
-

{% trans "Geographic Navigator" %}

+
+ + + +

{% trans "Geo Navigator" %}

{% trans
diff --git a/telemeta/templates/telemeta_default/mediaitem_detail.html b/telemeta/templates/telemeta_default/mediaitem_detail.html index a6154bb8..6337eb91 100644 --- a/telemeta/templates/telemeta_default/mediaitem_detail.html +++ b/telemeta/templates/telemeta_default/mediaitem_detail.html @@ -1,375 +1,375 @@ -{% extends "telemeta/base.html" %} -{% load telemeta_utils %} -{% load i18n %} - -{% block head_title %}{% trans "Item" %}{{item|prepend:': '}} - {{ block.super }}{% endblock %} - -{% block stylesheets %} -{{ block.super }} - - - - {% endblock %} - {% block extra_javascript %} - - - - - - - - - - - -{% endblock %} - - -{% if item %} -{% block submenu %} -
- - - - - -
- Dublin Core - - {% if user.is_authenticated and user.is_staff%} - EDIT - {% endif %} - PREVIOUS - NEXT -
-
-{% endblock %} - -{% block content %} - -

Item : {{ item }}

-
- - {% if item.file %} -
- Minimize -
-
-
-
- Maximize -
-
-
-
-
- - -
-
-
-
-
- - - - -
- -
- -  Visualization : - - -
- - - -
- -
- - Analysis - Markers -
- - -
- -
- - - - - - - {% for analyser in analysers %} - - - - - - {% endfor %} -
PropertyValueUnit
- {{ analyser.name }} - - {{ analyser.value }} - - {{ analyser.unit }} -
-
- - - - {% if audio_export_enabled %} -
-

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

-
- {% endif %} - -
- {% endif %} - -
- {% block general_info %} -
- {% dl_field item "title" %} - {% dl_field item "alt_title" %} - {% dl_field item "collector" %} -
{% field_label item "collection" %}
-
{{ item.collection }}
- {% if item.recorded_from_date %} -
{% trans "Recording date" %}
-
{{ item.recorded_from_date }} {{ item.recorded_to_date|prepend:" - " }}
- {% endif %} -
- {% endblock general_info %} -
-
- {% block geoethnic_data %} -
-

{% trans "Geographic and cultural informations" %}

-
- {% if item.location %} -
{% trans "Location" %}
-
{{ item.location.fullnames|join:"
" }}
- {% 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 ", " %} -
-
- {% endblock geoethnic_data %} -
-
- {% block musical_data %} -
-

{% trans "Musical informations" %}

-
- {% dl_field item "vernacular_style" %} - {% dl_field item "generic_style" %} - {% dl_field item "author" %} -
- {% if item.performances %} -
- - - - - - - - - - - {% for performance in item.performances.all %} - - - - - - - {% endfor %} - -
{% field_label "MediaItemPerformance" "instruments_num" %}{% field_label "MediaItemPerformance" "instrument" %}{% field_label "MediaItemPerformance" "alias" %}{% field_label "MediaItemPerformance" "musicians" %}
{{ performance.instruments_num }}{{ performance.instrument|default:"" }}{{ performance.alias|default:"" }}{{ performance.musicians }}
-
- {% endif %} -
- {% endblock musical_data %} -
-
- {% block general_data %} -
-

{% trans "General informations" %}

-
- {% dl_field item "comment" %} - {% dl_field item "collector_selection" %} -
-
- {% endblock general_data %} -
-
- {% block archive_data %} -
-

{% trans "Archiving data" %}

-
- {% 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" %} -
-
- {% endblock archive_data %} -
-
- {% block technical_data %} -
-

{% trans "Technical data" %}

-
-
-
{% trans "Media type" %}
{% trans "Audio" %}
- {% dl_field item "approx_duration" %} -
-
-
- {% endblock technical_data %} -
- -
- -{% endblock %} -{% else %} -

No such item

-{% endif %} +{% extends "telemeta/base.html" %} +{% load telemeta_utils %} +{% load i18n %} + +{% block head_title %}{% trans "Item" %}{{item|prepend:': '}} - {{ block.super }}{% endblock %} + +{% block stylesheets %} +{{ block.super }} + + + + {% endblock %} + {% block extra_javascript %} + + + + + + + + + + + +{% endblock %} + + +{% if item %} +{% block submenu %} +
+ + + + + +
+ Dublin Core + + {% if user.is_authenticated and user.is_staff%} + EDIT + {% endif %} + PREVIOUS + NEXT +
+
+{% endblock %} + +{% block content %} + +

Item : {{ item }}

+
+ + {% if item.file %} +
+ Minimize +
+
+
+
+ Maximize +
+
+
+
+
+ + +
+
+
+
+
+ + + + +
+ +
+ +  Visualization : + + +
+ + + +
+ +
+ + Analysis + Markers +
+ + +
+ +
+ + + + + + + {% for analyser in analysers %} + + + + + + {% endfor %} +
PropertyValueUnit
+ {{ analyser.name }} + + {{ analyser.value }} + + {{ analyser.unit }} +
+
+ + + + {% if audio_export_enabled %} +
+

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

+
+ {% endif %} + +
+ {% endif %} + +
+ {% block general_info %} +
+ {% dl_field item "title" %} + {% dl_field item "alt_title" %} + {% dl_field item "collector" %} +
{% field_label item "collection" %}
+
{{ item.collection }}
+ {% if item.recorded_from_date %} +
{% trans "Recording date" %}
+
{{ item.recorded_from_date }} {{ item.recorded_to_date|prepend:" - " }}
+ {% endif %} +
+ {% endblock general_info %} +
+
+ {% block geoethnic_data %} +
+

{% trans "Geographic and cultural informations" %}

+
+ {% if item.location %} +
{% trans "Location" %}
+
{{ item.location.fullnames|join:"
" }}
+ {% 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 ", " %} +
+
+ {% endblock geoethnic_data %} +
+
+ {% block musical_data %} +
+

{% trans "Musical informations" %}

+
+ {% dl_field item "vernacular_style" %} + {% dl_field item "generic_style" %} + {% dl_field item "author" %} +
+ {% if item.performances %} +
+ + + + + + + + + + + {% for performance in item.performances.all %} + + + + + + + {% endfor %} + +
{% field_label "MediaItemPerformance" "instruments_num" %}{% field_label "MediaItemPerformance" "instrument" %}{% field_label "MediaItemPerformance" "alias" %}{% field_label "MediaItemPerformance" "musicians" %}
{{ performance.instruments_num }}{{ performance.instrument|default:"" }}{{ performance.alias|default:"" }}{{ performance.musicians }}
+
+ {% endif %} +
+ {% endblock musical_data %} +
+
+ {% block general_data %} +
+

{% trans "General informations" %}

+
+ {% dl_field item "comment" %} + {% dl_field item "collector_selection" %} +
+
+ {% endblock general_data %} +
+
+ {% block archive_data %} +
+

{% trans "Archiving data" %}

+
+ {% 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" %} +
+
+ {% endblock archive_data %} +
+
+ {% block technical_data %} +
+

{% trans "Technical data" %}

+
+
+
{% trans "Media type" %}
{% trans "Audio" %}
+ {% dl_field item "approx_duration" %} +
+
+
+ {% endblock technical_data %} +
+ +
+ +{% endblock %} +{% else %} +

No such item

+{% endif %}