]> git.parisson.com Git - telemeta.git/commitdiff
image search, css pagination
authorjulia <>
Mon, 10 Mar 2008 10:39:06 +0000 (10:39 +0000)
committerjulia <>
Mon, 10 Mar 2008 10:39:06 +0000 (10:39 +0000)
telemeta/htdocs/css/search_bg.png [new file with mode: 0644]
telemeta/htdocs/css/telemeta.css

diff --git a/telemeta/htdocs/css/search_bg.png b/telemeta/htdocs/css/search_bg.png
new file mode 100644 (file)
index 0000000..923ed4c
Binary files /dev/null and b/telemeta/htdocs/css/search_bg.png differ
index f9390195c366fc363a6235f50ce661adb8910e19..4c77c0152a506cfc2a0175ce358abeb7982af5b9 100644 (file)
-* {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; }
-
-h3 {
-    font-size: 1.1em;
-    font-weight: bold;
-    color: #353535;
-}
-.nett {
-    clear: both;
-    height: 5px;
-}
-#content {
-    position: relative;
-    margin-bottom: 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;
-}
-#header {
-    padding: 0.2em 0;
-    margin-bottom: .9em;
-}
-
-#logo a, #logo a:hover { border: none; background: transparent; }
-
-#submenu {
-    position: relative;
-    margin: 5px 0 0;
-}
-#submenu h3, #submenu div {
-    height: 1.6em;
-}
-#submenu div {
-    position: absolute;
-    right: 0;
-    top: 0;
-}
-#submenu a {
-    height: 1.6em;
-    color: #4d508a;
-    font-size: 0.9em;
-    font-weight: bold;
-}
-#leftcol {
-    position: relative;
-    margin-right: 345px;
-    min-height: 450px;
-}
-#rightcol {
-    clear: both;
-    position: absolute;
-    right: .3em;
-    width: 308px;
-    text-align: right;
-    margin-top: 10px;
-    border: 1px dotted #999;
-    padding: 6px;
-    background-color: #eee;
-}
-#rightcol div {
-    text-align: left;
-    position: relative;
-}
-#rightcol form {
-    width: 305px;
-    margin-top: 5px;
-    background-color: #fff;
-    border: 1px solid #adadad;
-}
-#item_player_c {
-    width: 305px;
-    padding: 2px 0 0;
-    border: 1px solid #adadad;
-    text-align: center;
-}
-.item_visualization select { width: 210px; }
-.item_visualization .viewport { width: 305px; border: 1px solid #adadad; overflow: auto; margin-top: 5px; background-color: #fff;}
-
-.exporter {
-    background-color: #fff;
-    color: #555;
-    border: 1px solid #adadad;
-    width: 301px;
-    padding: 2px;
-    height: 17px;
-    margin: 5px 0 0;
-    overflow: auto;
-    font-size: 1em;
-}
-
-/* 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; margin-right: 30px;}
-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 */
-#leftcol .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;
-}
-#leftcol .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.textwidget, textarea { border: 1px solid #ccc; }
-input[type=text], input.textwidget { padding: .25em .1em }
-input[type=text]: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;
-}
-#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;
-}
-
-/* Search form */
-#searchform {
-    margin: 15px 0;
-}
-#searchform fieldset {
-    padding: 0;
-    padding: .5em;
-    width: 450px;
-    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;
-}
-
-/* Navigation (borrowed from Trac) */
-.nav h2, .nav hr { display: none }
-.nav ul { font-size: 10px; list-style: none; margin: 0; text-align: right }
-.nav li {
- border-right: 1px solid #d7d7d7;
- display: inline;
- padding: 0 .75em;
- white-space: nowrap;
-}
-.nav li.last { border-right: none }
-
-/* Main navigation bar  (borrowed from Trac) */
-#menu {
- background: #f7f7f7 url(../images/topbar_gradient.png) 0 0;
- border: 1px solid #000;
- font: normal 10px verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif;
- margin: .66em 0 .33em;
- padding: .2em 0;
-}
-#menu li { border-right: none; padding: .25em 0 }
-#menu :link, #menu :visited {
- background: url(../images/dots.gif) 0 0 no-repeat;
- border-right: 1px solid #fff;
- border-bottom: none;
- border-left: 1px solid #555;
- color: #000;
- 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: 3em;
-}
-#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: 0;
-    margin-bottom: .5em;
-}
-/* ie5 mac \*/
-dt { clear: both; }
-/* end hack */
-dl dt, dl dd {
-    position: relative;
-    float: left;
-    margin: 0;
-    margin-bottom: .5em;
-    padding: 0;
-    font-size: 0.8em;
-}
-dl.listing dt {
-    width: 18em;
-    background-color: #f9f9f9;
-    border: 1px solid #eee;
-    border-right: 3px solid #ddd;
-    padding-left: .3em;
-    margin-right: .8em;
-    color: #444;
-}
-dl.listing dd {
-    width: 70%;
-    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: 28em !important;
-    font-style: italic;
-}
-dl.dublincore dd {
-    width: 50em;
-    font-weight: bold;
-}
-dl.dublincore dt span {
-    width: 18em;
-    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;
-    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-bottom: .4em;
-    padding-left: .4em;
-}
-
-/* infos item/collection */
-.infos, .extraInfos {
-    margin-bottom: 15px;
-}
-.extraInfos div {
-    padding: 0 5px;
-}
-.extraInfos .nett {
-    position: relative;
-    height: 0;
-    margin-bottom: -5px;
-}
-.extraInfos h4 {
-    clear: both;
-    font-size: 0.9em;
-    line-height: 1.4em;
-}
-.extraInfos h4 a {
-    display: block;
-    color: #333;
-    text-decoration: none;
-    margin: 0;
-    background: #fff url(more.gif) no-repeat left top;
-    padding-bottom: 2px;
-    padding-left: 16px;
-    border-bottom: none;
-    outline: none;
-}
-.extraInfos h4 a:hover {
-    background-color: transparent;
-    border-bottom: none;
-    color: #555;
-}
-.extraInfos h4.on {
-    border-bottom: 1px dotted #aaa;
-    margin-right: 15px;
-}
-.extraInfos h4.on a {
-    color: #333;
-    background-position: 0 -17px;
-}
-
-/* Pagination */
-.pagination {
-    margin-top: .7em;
-    margin-bottom: .3em;
-    padding: .3em;
-    padding-left: .5em;
-    float: left;
-    font-size: .9em;
-    background-color: #333;
-    color: #fff;
-    font-weight: bold;
-}
-.pagination a {
-    background-color: #eee;
-    border-bottom: none;
-    font-size: .9em;
-    padding: .3em;
-}
-
-
-
-/* Styles for tabular listings (stolen from trac) */
-table.listing {
-    clear: both;
-    border-spacing: 0;
-    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 thead th a {
-    border: none;
-    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 }
+* {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
+h3 {\r
+    font-size: 1.1em;\r
+    font-weight: bold;\r
+    color: #353535;\r
+}\r
+.nett {\r
+    clear: both;\r
+    height: 5px;\r
+}\r
+#content {\r
+    position: relative;\r
+    margin-bottom: 2em;\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
+}\r
+#submenu h3, #submenu div {\r
+    height: 1.6em;\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
+#leftcol {\r
+    position: relative;\r
+    margin-right: 345px;\r
+    min-height: 450px;\r
+}\r
+#rightcol {\r
+    clear: both;\r
+    position: absolute;\r
+    right: .3em;\r
+    width: 308px;\r
+    text-align: right;\r
+    margin-top: 10px;\r
+    border: 1px dotted #999;\r
+    padding: 6px;\r
+    background-color: #eee;\r
+}\r
+#rightcol div {\r
+    text-align: left;\r
+    position: relative;\r
+}\r
+#rightcol form {\r
+    width: 305px;\r
+    margin-top: 5px;\r
+    background-color: #fff;\r
+    border: 1px solid #adadad;\r
+}\r
+#item_player_c {\r
+    width: 305px;\r
+    padding: 2px 0 0;\r
+    border: 1px solid #adadad;\r
+    text-align: center;\r
+}\r
+.item_visualization select { width: 210px; }\r
+.item_visualization .viewport { width: 305px; border: 1px solid #adadad; overflow: auto; margin-top: 5px; background-color: #fff;}\r
+\r
+.exporter {\r
+    background-color: #fff;\r
+    color: #555;\r
+    border: 1px solid #adadad;\r
+    width: 301px;\r
+    padding: 2px;\r
+    height: 17px;\r
+    margin: 5px 0 0;\r
+    overflow: auto;\r
+    font-size: 1em;\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; margin-right: 30px;}\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
+#leftcol .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
+#leftcol .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.textwidget, textarea { border: 1px solid #ccc; }\r
+input[type=text], input.textwidget { padding: .25em .1em }\r
+input[type=text]: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
+}\r
+#quick_search a {\r
+    font-size: .8em;\r
+    font-weight: bold;\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
+/* Search form */\r
+#searchform {\r
+    margin: 15px 0;\r
+}\r
+#searchform fieldset {\r
+    padding: 0;\r
+    padding: .5em;\r
+    width: 450px;\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
+/* Navigation (borrowed from Trac) */\r
+.nav h2, .nav hr { display: none }\r
+.nav ul { font-size: 10px; list-style: none; margin: 0; text-align: right }\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: none }\r
+\r
+/* Main navigation bar  (borrowed from Trac) */\r
+#menu {\r
+ background: #f7f7f7 url(../images/topbar_gradient.png) 0 0;\r
+ border: 1px solid #000;\r
+ font: normal 10px verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif;\r
+ margin: .66em 0 .33em;\r
+ padding: .2em 0;\r
+}\r
+#menu li { border-right: none; padding: .25em 0 }\r
+#menu :link, #menu :visited {\r
+ background: url(../images/dots.gif) 0 0 no-repeat;\r
+ border-right: 1px solid #fff;\r
+ border-bottom: none;\r
+ border-left: 1px solid #555;\r
+ color: #000;\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: 3em;\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: 0;\r
+    margin-bottom: .5em;\r
+}\r
+/* ie5 mac \*/\r
+dt { clear: both; }\r
+/* end hack */\r
+dl dt, dl dd {\r
+    position: relative;\r
+    float: left;\r
+    margin: 0;\r
+    margin-bottom: .5em;\r
+    padding: 0;\r
+    font-size: 0.8em;\r
+}\r
+dl.listing dt {\r
+    width: 18em;\r
+    background-color: #f9f9f9;\r
+    border: 1px solid #eee;\r
+    border-right: 3px solid #ddd;\r
+    padding-left: .3em;\r
+    margin-right: .8em;\r
+    color: #444;\r
+}\r
+dl.listing dd {\r
+    width: 70%;\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: 28em !important;\r
+    font-style: italic;\r
+}\r
+dl.dublincore dd {\r
+    width: 50em;\r
+    font-weight: bold;\r
+}\r
+dl.dublincore dt span {\r
+    width: 18em;\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
+    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-bottom: .4em;\r
+    padding-left: .4em;\r
+}\r
+\r
+/* infos item/collection */\r
+.infos, .extraInfos {\r
+    margin-bottom: 15px;\r
+}\r
+.extraInfos div {\r
+    padding: 0 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
+}\r
+.extraInfos h4 a {\r
+    display: block;\r
+    color: #333;\r
+    text-decoration: none;\r
+    margin: 0;\r
+    background: #fff url(more.gif) no-repeat left top;\r
+    padding-bottom: 2px;\r
+    padding-left: 16px;\r
+    border-bottom: none;\r
+    outline: none;\r
+}\r
+.extraInfos h4 a:hover {\r
+    background-color: transparent;\r
+    border-bottom: none;\r
+    color: #555;\r
+}\r
+.extraInfos h4.on {\r
+    border-bottom: 1px dotted #aaa;\r
+    margin-right: 15px;\r
+}\r
+.extraInfos h4.on a {\r
+    color: #333;\r
+    background-position: 0 -17px;\r
+}\r
+\r
+/* Pagination */\r
+.pagination {\r
+    margin-top: .7em;\r
+    margin-bottom: .3em;\r
+    padding: .3em 0;\r
+    float: left;\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
+\r
+\r
+/* Styles for tabular listings (stolen from trac) */\r
+table.listing {\r
+    clear: both;\r
+    border-spacing: 0;\r
+    width: 100%;\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 thead th a {\r
+    border: none;\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 }
\ No newline at end of file