]> git.parisson.com Git - teleforma.git/commitdiff
rename css
authoryomguy <yomguy@parisson.com>
Thu, 12 Apr 2012 14:05:55 +0000 (16:05 +0200)
committeryomguy <yomguy@parisson.com>
Thu, 12 Apr 2012 14:05:55 +0000 (16:05 +0200)
teleforma/htdocs/css/teleforma.css
teleforma/htdocs/css/teleforma_black.css [deleted file]
teleforma/htdocs/css/teleforma_blue.css [deleted file]
teleforma/templates/telemeta/base.html

index f4bda641e7fc41e9f51dbe0cd05030ee78ff9ea9..02f888294e67959b89ebf8f791477c2e2e9aa650 100644 (file)
@@ -10,6 +10,9 @@ body {
     color: #333;
     background: #FFF;
     margin: 0em;
+    background:no-repeat url(../images/bg_yt.png) 0 0;
+    background-color:#ebebeb;
+    background-repeat:repeat
 }
 
 /*a:link, a:visited {
@@ -55,16 +58,12 @@ a img { border: none; }
 
 #content {
     /*margin-top: 1em;*/
-    margin-bottom: 0em;
-}
-
-#content {
     position: relative;
-    margin-left: 2em;
+    margin-left: 5%;
     margin-right: 2em;
+    margin-bottom: 0em;
 }
 
-
 #content ul, #content ul ul, #content ol {
     list-style: square;
     padding: .7em;
@@ -84,19 +83,19 @@ a img { border: none; }
     padding: .1em 0;
 }
 #content h1 {
-    color: #6a0307;
+    color: #000000;
     font-weight: bold;
     display:  inline;
-    font-size: 120%; 
+    font-size: 120%;
 }
 #content h3 {
-    color: #6a0307;
+    color: #000000;
     font-weight: bold;
     display:  inline;
 }
 
 #content h2 {
-    color: #6a0307;
+    color: #000000;
 }
 
 #logo a, #logo a:hover { border: none; background: transparent; }
@@ -144,9 +143,9 @@ a img { border: none; }
     float: right;
     border: 1px solid #999;
     background-color: #eee;
-    -moz-border-radius: 8px 8px 8px 8px;
-    -webkit-border-radius: 8px 8px 8px 8px;
-    border-radius: 8px 8px 8px 8px;
+    -moz-border-radius: 8px 0px 8px 8px;
+    -webkit-border-radius: 8px 0px 8px 8px;
+    border-radius: 8px 0px 8px 8px;
 }
 
 #rightcol .analyzer, #rightcol .exporter, .markers {
@@ -167,12 +166,12 @@ a img { border: none; }
 }
 
 #collection_player {
-    background: transparent; 
-    /*     background-image: url(../images/grid_bg.png); */
+    background: transparent;
+    /*     background-image: url(../images/grid_bg_2.png); */
 }
 
 #collection_player .title {
-    padding: 2px 5px 7px 5px; 
+    padding: 2px 5px 7px 5px;
 }
 
 
@@ -207,7 +206,7 @@ a img { border: none; }
     overflow-y: scroll;
     width: 100%;
 }
-    
+
 
 .analyzer-title {
     background-color: #f2f2f2;
@@ -294,11 +293,11 @@ label.disabled { color: #d7d7d7 }
     position: absolute;
     top: 1.7em;
     left: 35%;
-    background-color: #6a0307;
+    background-color: #000000;
     padding: 0.3em 0em 0.3em 0.3em;
-    -moz-border-radius: 8px 8px 8px 8px;
-    -webkit-border-radius: 8px 8px 8px 8px;
-    border-radius: 8px 8px 8px 8px;
+    -moz-border-radius: 8px 0px 8px 8px;
+    -webkit-border-radius: 8px 0px 8px 8px;
+    border-radius: 8px 0px 8px 8px;
 }
 #quick_search form {
     float: left;
@@ -341,11 +340,11 @@ label.disabled { color: #d7d7d7 }
     right: 1.1em;
     margin-right: 1em;
     font-size: 0.9em;
-    background-color: #6a0307;
+    background-color: #000000;
     padding: 1em;
-    -moz-border-radius: 8px 8px 8px 8px;
-    -webkit-border-radius: 8px 8px 8px 8px;
-    border-radius: 8px 8px 8px 8px;
+    -moz-border-radius: 8px 0px 8px 8px;
+    -webkit-border-radius: 8px 0px 8px 8px;
+    border-radius: 8px 0px 8px 8px;
 }
 
 #auth_info a {
@@ -386,18 +385,17 @@ form.login .submit {
     margin: 15px 0;
 }
 #searchform fieldset {
-    padding: 0;
-    padding: .5em;
+    background-color: #FFF;
+    padding: .8em;
     width: 650px;
     border: none;
-    border: 1px solid #6a0307;
     margin-bottom: 1em;
-    -moz-border-radius: 8px 8px 8px 8px;
-    -webkit-border-radius: 8px 8px 8px 8px;
-    border-radius: 8px 8px 8px 8px;
+    -moz-border-radius: 8px 0px 8px 8px;
+    -webkit-border-radius: 8px 0px 8px 8px;
+    border-radius: 8px 0px 8px 8px;
 }
 #searchform p {
-    background-color: #fff;
+    background-color: transparent;
     padding: .5em 0;
 }
 #searchform label {
@@ -433,10 +431,13 @@ form.login .submit {
 
 /* Main navigation bar  (borrowed from Trac) */
 #menu {
-    background-color: #6a0307 ;
+    background-color: #000000 ;
+    background:no-repeat url(../images/tw_hd_bg.png) 0 0;
+    background-color:#ebebeb;
+    background-repeat:repeat;
     font: normal verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif;
-    border-top: .25em solid #6a0307;
-    padding-left:26px;
+    border-top: 1px solid #333;
+    padding-left: 5.5%;
 }
 
 #menu a, #menu a:visited{
@@ -445,7 +446,7 @@ form.login .submit {
     text-decoration:none;
     border-bottom-width:.5em;
     border-bottom-style: solid;
-    background-color: #6a0307;
+    background-color: transparent;
     -webkit-border-top-left-radius:5px 5px;
     moz-border-radius-topleft: 5px 5px;
     border-top-left-radius: 5px 5px;
@@ -458,42 +459,43 @@ form.login .submit {
 }
 #menu a:hover, #menu a.active{
     background-color: #FFF;
-    color: #6a0307;
+    color: #000000;
 }
 
 #menu .darkblue { border-bottom-color: #0f3179; }
-#menu .blue { border-bottom-color:  #4f628a; }
+/* #menu .blue { border-bottom-color:  #357ae8; } */
+#menu .blue { border-bottom-color: #4f628a; }
 #menu .green { border-bottom-color:  #92b220; }
 #menu .yellow { border-bottom-color:  #f3ad17; }
 #menu .orange { border-bottom-color:  #e65911; }
 #menu .darkgreen { border-bottom-color:  #006a12; }
 #menu .black { border-bottom-color:  #000000; }
-#menu .red { border-bottom-color:  #DD0000; }
+#menu .red { border-bottom-color:  #cc0000; }
 #menu .violet { border-bottom-color:  #A00020; }
-#menu .origin { border-bottom-color: #6a0307; }
+#menu .origin { border-bottom-color: transparent; }
 
 * html #menu :link, * html #menu :visited { background-position: 1px 0 }
 
 
 /* Drop Down Menus */
-.clear {clear:both} 
+.clear {clear:both}
 
 #nav {
     margin:0;
     padding:0;
     list-style:none;
-}  
+}
 
 /* make the LI display inline */
 /* it's position relative so that position absolute */
 /* can be used in submenu */
 
 #nav li {
-display:inline-block; 
+display:inline-block;
 position:relative;
 z-index:500;
 }
-    
+
 /* this is the parent menu */
 #nav li a {
 display:block;
@@ -513,22 +515,26 @@ color:#FFF;
     margin:0 0 0 -2px;
     padding:0;
     list-style: none outside none;
-    border-left:2px solid #6a0307;
-    border-right:2px solid #6a0307;
-    border-bottom:2px solid #6a0307;
-    background-color: #6a0307;
+    border-left:3px solid #333;
+    border-right:3px solid #333;
+    border-bottom:3px solid #333;
+    background-color: #333;
     color: #FFF;
+    width:100%;
 }
-    
+
 #nav ul li {
-    width:100px;
+    width: 100%;
     float:left;
     border-bottom:0px solid #fff;
+    background:no-repeat url(../images/tw_hd_bg.png) 0 0;
+    background-color:#ebebeb;
+    background-repeat:repeat;
 }
-    
+
 /* display block will make the link fill the whole area of LI */
 #nav ul a {
-    display:block; 
+    display:block;
     height:15px;
     padding: 5px 5px;
     font-size: 11px;
@@ -541,28 +547,31 @@ color:#FFF;
     border-top-right-radius: 0px 0px;
     border-bottom-width: 0px;
 }
-    
+
 #nav ul a:hover {
     background-color: #FFF ;
-    color: #6a0307 ;
+    color: #000000 ;
 }
 
 #nav ul a:active {
     background-color: #FFF;
-    color: #6a0307 ;
+    color: #000000 ;
 }
 
 
 
 /* Footer (borrowed from Trac) */
 #footer {
-    background: #6a0307;
+    background: #000000;
+    background:no-repeat url(../images/tw_hd_bg.png) 0 0;
+    background-color:#ebebeb;
+    background-repeat:repeat;
     clear: both;
     color: #FFF;
     font-size: 10px;
     border-top: 1px solid;
     height: 31px;
-    padding: 0.5em 0.5em 1.1em 0.5em;
+    padding: 0em 0.5em 0.9em 0.5em;
     margin-top: 2.5em;
 }
 #footer :link, #footer :visited { color: #FFF; }
@@ -687,7 +696,9 @@ dl.dublincore dd.caption {
 
 /* infos item/collection */
 .infos, .extraInfos {
+
     margin-bottom: 15px;
+    padding: 0.8em;
 }
 
 .infos dl, .infos table {
@@ -714,7 +725,8 @@ dl.dublincore dd.caption {
     font-size: 1em;
     line-height: 1.4em;
     border-bottom: 1px dotted #aaa;
-    color: #6a0307;
+    color: #000000;
+
 }
 .with-rightcol .extraInfos h4 {
     margin-right: 395px;
@@ -723,20 +735,21 @@ dl.dublincore dd.caption {
 .extraInfos h4 a {
     position: relative;
     display: block;
-    color: #6a0307 !important;
+    color: #000000 !important;
     text-decoration: none;
     margin: 0;
-    background: #fff url(more.png) no-repeat left top;
+    background: #fff url(images/more.png) no-repeat left top;
     background-position: 0 -16px;
     padding-bottom: 2px;
     padding-left: 16px;
     border-bottom: none !important;
     outline: none;
+    background: transparent;
 }
 .extraInfos h4 a:hover {
     background-color: transparent;
     border-bottom: none;
-    color: #6a0307 !important;
+    color: #000000 !important;
     text-decoration:none;
 }
 .extraInfos .folded h4 {
@@ -748,17 +761,17 @@ dl.dublincore dd.caption {
 
 /* Pagination */
 .pagination {
-    margin-top: .7em;
+    margin-top: 0em;
     margin-bottom: .3em;
     padding: .3em 0;
     font-size: 1em;
-    background-color: #fff;
+    background-color: transparent;
     border-bottom: 1px solid #aaa;
     color: #333;
     font-weight: bold;
 }
 .pagination a {
-    background-color: #fff;
+    background-color: transparent;
     border-bottom: none;
     font-size: 1em;
     padding: .3em;
@@ -793,21 +806,25 @@ table.instruments tbody td {
 table.listing {
 
     border-spacing: 0;
+    padding: 0em 1em 1em 1em;
 }
 
 .fullpage table.listing {
     width: 100%;
-    font-size: 105%;
+    font-size: 100%;
 }
 
-table.listing th {
+table.listing th, table.listing thead {
     text-align: left;
     padding: 0 14em .1em 0;
-    font-size: 1em;
+    font-size: 0.8125em;
+    font-weight: normal;
 }
-table.listing th, table.listing td {
-    font-size: 0.8em;
+
+table.listing th, table.listing thead, table.listing td {
+    font-size: 0.8125em;
     border-bottom: 1px solid #dfdfdf;
+    font-weight: normal;
 }
 table.listing thead { background: #e8eaf0 }
 table.listing thead th {
@@ -837,7 +854,7 @@ table.listing tbody td, table.listing tbody th {
     font-weight: normal;
 }
 table.listing tbody td {
-    font-weight: bold;
+    font-weight: normal;
 }
 table.listing tbody td.tmp {
     width: 100%;
@@ -851,12 +868,12 @@ table.listing tbody tr.odd { background-color: #f7f7f7 }
 table.listing tbody tr:hover { background: #f7f8fa !important }
 
 table td.error {
-    color: red; 
+    color: red;
     font-weight: bold;
 }
 
 .infos li.error{
-    color: red; 
+    color: red;
     font-weight: bold;
     font-size: 110%;
 }
@@ -871,7 +888,7 @@ table td.error {
 }
 
 .rst-content h1 {
-    color: #6a0307;
+    color: #000000;
 }
 
 .rst-content img.align-left {
@@ -907,18 +924,20 @@ img.align-left {
 
 #module-set .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;
+    background-image: url(../images/grid_bg_2.png);
+    padding: 0.3em 0.4em 0.4em 0.4em;
+    margin: 2.5em 1em 1em 0em;
+    -moz-border-radius: 8px 0px 8px 8px;
+    -webkit-border-radius: 8px 0px 8px 8px;
+    border-radius: 8px 0px 8px 8px;
 }
 
 #module-set .module h3 {
     color: #FFF;
     font-size: 1.1em;
-    font-weight: bold; 
+    font-weight: bold;
+    -webkit-margin-before: 0.2em;
+    -webkit-margin-after: 0.2em;
 }
 
 #module-set .module a:hover {
@@ -1005,9 +1024,9 @@ a.image-link {
     /*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;
+    -moz-border-radius: 8px 0px 8px 8px;
+    -webkit-border-radius: 8px 0px 8px 8px;
+    border-radius: 8px 0px 8px 8px;
 }
 .roundBorder10{
     /*padding: 0.3em 0.8em 0.8em 0.8em;
@@ -1076,7 +1095,7 @@ a.image-link {
     -moz-border-radius: 1ex;-webkit-border-radius: 1ex;border-radius: 1ex;
     background-image: url('../images/ok.png');
 }
-.markerdiv{ 
+.markerdiv{
     border: 1px solid #aaaaaa;
     margin-bottom: 1ex;
     -moz-border-radius: 1e;
@@ -1126,6 +1145,37 @@ a.image-link {
     color: #000; /*#6A0307;*/
 }
 
+#action_blue {
+    background-color: #357ae8;
+    color: #FFF;
+    padding:0.8em 0.8em 0.8em 0.8em;
+    }
+
+
+#action_red {
+    background-color:  #d24836;
+    color: #FFF;
+    padding:0.8em 0.8em 0.8em 0.8em;
+    }
+
+#action_green {
+    background-color:  #3c9200;
+    color: #FFF;
+    padding:0.8em 0.8em 0.8em 0.8em;
+   }
+
+#action_orange {
+    background-color: #e65911;
+    color: #FFF;
+    padding:0.8em 0.8em 0.8em 0.8em;
+   }
+
+#action_yellow {
+    background-color: #f3ad17;
+    color: #FFF;
+    padding:0.8em 0.8em 0.8em 0.8em;
+   }
+
 
 .list_item, .list_item:visited, .list_item:hover{
     display:block;
@@ -1137,7 +1187,7 @@ a.image-link {
 }
 
 .icon_edit{
-    background-image: url('../images/edit_page.png'); 
+    background-image: url('../images/edit_page.png');
 }
 .icon_copy{
     background-image: url('../images/copy_page.png');
@@ -1262,5 +1312,210 @@ input,textarea{
 }
 
 .related_media {
-    border-top: 1px dotted #6a0307;
+    border-top: 1px dotted #000000;
+}
+
+#module-set-left {
+    float: left;
+    clear: left;
+    padding: 0em 0.8em 0.8em 0em;
+    }
+
+#module-set-left .module {
+        border: 1px solid #000;
+        background-image: url(../images/grid_bg_2.png);
+        padding: 0.3em 0.4em 0.4em 0.4em;
+        margin: 0em 0em 1.5em 0em;
+        -moz-border-radius: 8px 0px 8px 8px;
+        -webkit-border-radius: 8px 0px 8px 8px;
+        border-radius: 8px 0px 8px 8px;
+        }
+
+#module-set-left .module h3 {
+            color: #FFF;
+            font-size: 1.1em;
+            font-weight: bold;
+            }
+
+
+#module-set-left .module h3 a {
+            color: #FFF;
+            }
+
+#module-set-left .module ul {
+        margin: 0em 0em 0em 0.5em;
+        font-size: 0.8125em;
+        background-color: #FFF;
+        color: #0000 ;
+        font-weight: bold;
+        max-height: 250px;
+        overflow-y: scroll;
+
+        }
+
+#module-set-left .module a {
+    display:inline-block;
+    }
+
+
+.desk_center {
+    float: left;
+    width:55%;
+    padding: 0em 0em 0em 1em;
+    max-height: 550px;
+    overflow-y: scroll;
+    }
+
+.desk_large {
+    float: left;
+    width:75%;
+    padding: 0em 1.8em 0em 1em;
+    max-height: 550px;
+    overflow-y: scroll;
+    }
+
+.desk_course {
+    float: left;
+    width:75%;
+    padding: 0em 0em 0em 1em;
+    }
+
+.desk_media {
+    float: left;
+    width: 640px;
+    padding: 0em 0em 0em 1em;
+    }
+
+.course {
+    margin: 0em 0em 2em 0em;
+    background-color: #FFF;
+    -moz-border-radius: 8px 0px 8px 8px;
+    -webkit-border-radius: 8px 0px 8px 8px;
+    border-radius: 8px 0px 8px 8px;
+    background:no-repeat url(../images/bg_yt.png) 0 0;
+    background-color:#ebebeb;
+    background-repeat:repeat;
+   }
+
+
+.course_title {
+    color: #000;
+    -moz-border-radius: 8px 0px 0px 0px;
+    -webkit-border-radius: 8px 0px 0px 0px;
+    border-radius: 8px 0px 0px 0px;
+    padding: 0em 0.8em 0em 0em;
+    font-weight: bold;
+    font-size: 1.2em;
+    }
+
+.course_content {
+    background-color: #FFF;
+    -moz-border-radius: 8px 0px 8px 8px;
+    -webkit-border-radius: 8px 0px 8px 8px;
+    border-radius: 8px 0px 8px 8px;
+    padding: 0em 0em 0em 0em;
+    margin-top: 0.8em;
+}
+
+
+.course_content h2 {
+    padding: 0.5em 0.8em 0.8em 0.8em;
+    }
+
+.course_content h3 {
+    padding: 0.5em 0.8em 0.8em 0.8em;
+    margin-top: 0.8em;
+    }
+
+.course_media {
+    float: left;
+    background-color: transparent;
+    margin: 0em 0em 2em 1em;
+    -moz-border-radius: 8px 0px 8px 8px;
+    -webkit-border-radius: 8px 0px 8px 8px;
+    border-radius: 8px 0px 8px 8px;
+    width: 640px;
+/*     border: 2px solid #CCC; */
+    }
+
+#media_infos {
+    background-color: #FFF;
+    padding: 0.3em 0.8em 0.3em 0.8em;
+    width: 620px;
+    }
+
+.video {
+    background-color: transparent;
+    padding: 0.8em 0em 1em 0em;
+    }
+
+.audio {
+    padding: 0.8em 1em 1em 0em;
+    background-color: transparent;
+
+    }
+
+/* POSTMAN */
+
+.pm_header {
+    font-weight: bold;
+    }
+
+.pm_body {
+    padding: 0em 0em 0em 0em;
+    }
+
+.pm_message {
+    background-color: #FFF;
+    -moz-border-radius: 8px 0px 8px 8px;
+    -webkit-border-radius: 8px 0px 8px 8px;
+    border-radius: 8px 0px 8px 8px;
+    padding: 0.5em 0.8em 0.8em 0.8em;
+    }
+
+#pm_messages {
+    font-weight: normal;
+    font-size: 1em;
+    background-color: #FFF;
+    -moz-border-radius: 8px 0px 8px 8px;
+    -webkit-border-radius: 8px 0px 8px 8px;
+    border-radius: 8px 0px 8px 8px;
+    padding: 0.8em 0.8em 0.8em 1em;
+    width: 100%;
+    margin-top : 1em;
+    }
+
+#pm_messages td {
+    font-weight: normal;
+    font-size: 1em;
+
+    }
+
+.module_action {
+    text-align: center;
+    margin: 0em 0em 3em 0em;
+    padding: 1em;
 }
+
+
+#chatwindow {
+    height: 340px;
+    border-bottom: 1px solid;
+    padding: 0.8em 2em 0em 0em;
+    overflow: auto;
+    background-color: white;
+}
+
+#users {
+    padding: 0.8em 0em 0em 0em;
+    background-color: #FFF;
+    -moz-border-radius: 8px 0px 8px 8px;
+    -webkit-border-radius: 8px 0px 8px 8px;
+    border-radius: 8px 0px 8px 8px;
+    }
+
+#spacing td {
+    padding: 1em 1em 1em 0.3em;
+    font-size: 0.8em;
+    font-weight: normal;
+    }
diff --git a/teleforma/htdocs/css/teleforma_black.css b/teleforma/htdocs/css/teleforma_black.css
deleted file mode 100644 (file)
index 02f8882..0000000
+++ /dev/null
@@ -1,1521 +0,0 @@
-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;
-    background:no-repeat url(../images/bg_yt.png) 0 0;
-    background-color:#ebebeb;
-    background-repeat:repeat
-}
-
-/*a:link, a:visited {
-    color: #BB0000;
-    text-decoration:none;
-}
-a:link:hover, a:visited:hover {
-    background-color: transparent;
-    color: #BB0000;
-    text-decoration: underline;
-}*/
-a, a:visited {
-    color: #BB0000;
-    text-decoration:none;
-}
-a:hover {
-    background-color: transparent;
-    color: #BB0000;
-    text-decoration: underline;
-}
-
-a img { border: none; }
-
-.rst-content h1 {
-    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 {
-    /*margin-top: 1em;*/
-    position: relative;
-    margin-left: 5%;
-    margin-right: 2em;
-    margin-bottom: 0em;
-}
-
-#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 h1 {
-    color: #000000;
-    font-weight: bold;
-    display:  inline;
-    font-size: 120%;
-}
-#content h3 {
-    color: #000000;
-    font-weight: bold;
-    display:  inline;
-}
-
-#content h2 {
-    color: #000000;
-}
-
-#logo a, #logo a:hover { border: none; background: transparent; }
-
-#header {
-    padding: 0em;
-/*     background: url("../images/waves.png") 100% 0% no-repeat; */
-}
-
-#content_header, #header{
-    margin-bottom: .8em;
-}
-
-#content_header{
-    width:100%;
-    border-collapse:collapse;
-}
-
-#content_header td{
-    vertical-align: top;
-}
-
-#content_header td.rightcol{
-    text-align:right;
-    white-space:nowrap; /**this implies to stretach righcol to accomodate all the width,
-                        UNLESS there is a div.fixedWidthAsPlayer inside td.rightcol (see blow)*/
-}
-
-#content_header td.rightcol div.fixedWidthAsPlayer{
-    width:374px; /*must be width+2*padding, see #rightcol below*/
-    float:right;
-    white-space:normal; /*to override no-wrap defined in #content_header td.rightcol*/
-}
-
-#content_header td.rightcol div.fixedWidthAsPlayer a{
-    display:inline-block;
-    margin-top:0.5ex;
-}
-
-#rightcol {
-    width: 362px; /**if u change this, change also width #content_header td.rightcol, see above*/
-    padding: 6px; /**if u change this, change also width #content_header td.rightcol, see above*/
-    position: relative;
-    z-index: 1;
-    float: right;
-    border: 1px solid #999;
-    background-color: #eee;
-    -moz-border-radius: 8px 0px 8px 8px;
-    -webkit-border-radius: 8px 0px 8px 8px;
-    border-radius: 8px 0px 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;
-}
-
-#collection_player {
-    background: transparent;
-    /*     background-image: url(../images/grid_bg_2.png); */
-}
-
-#collection_player .title {
-    padding: 2px 5px 7px 5px;
-}
-
-
-.exporter {
-    background-color: #fff;
-    border: 1px solid #adadad;
-    padding: 2px;
-    height: 26px;
-    margin: 5px 0 0;
-    font-size: 0.9em;
-    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;
-}
-
-.markers {
-    max-height: 500px;
-    overflow-y: scroll;
-}
-
-.vscroll {
-    max-height: 300px;
-    overflow-y: scroll;
-    width: 100%;
-}
-
-
-.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;
-    font-size: 0.8em;
-}
-#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: 1.7em;
-    left: 35%;
-    background-color: #000000;
-    padding: 0.3em 0em 0.3em 0.3em;
-    -moz-border-radius: 8px 0px 8px 8px;
-    -webkit-border-radius: 8px 0px 8px 8px;
-    border-radius: 8px 0px 8px 8px;
-}
-#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;
-    vertical-align: middle;
-}
-
-#quick_search input {
-    vertical-align: middle;
-    font-size: .8em;
-    margin-right: 0;
-    -moz-border-radius: 5px 5px 5px 5px;
-    -webkit-border-radius: 5px 5px 5px 5px;
-    border-radius: 5px 5px 5px 5px;
-}
-#quick_search_pattern {
-    background: #FFF url(search_bg.png) no-repeat;
-    padding: .4em .1em;
-    padding-left: 25px;
-    width: 180px;
-    color: #555;
-    font-weight: bold;
-}
-
-/* Authentication */
-#auth_info {
-    color: #FFF;
-    font-weight: bold;
-    position: absolute;
-    top: 1.5em;
-    right: 1.1em;
-    margin-right: 1em;
-    font-size: 0.9em;
-    background-color: #000000;
-    padding: 1em;
-    -moz-border-radius: 8px 0px 8px 8px;
-    -webkit-border-radius: 8px 0px 8px 8px;
-    border-radius: 8px 0px 8px 8px;
-}
-
-#auth_info a {
-    color: #FFF;
-    font-size: 1em;
-    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 {
-    background-color: #FFF;
-    padding: .8em;
-    width: 650px;
-    border: none;
-    margin-bottom: 1em;
-    -moz-border-radius: 8px 0px 8px 8px;
-    -webkit-border-radius: 8px 0px 8px 8px;
-    border-radius: 8px 0px 8px 8px;
-}
-#searchform p {
-    background-color: transparent;
-    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%;
-}
-
-/* Main navigation bar  (borrowed from Trac) */
-#menu {
-    background-color: #000000 ;
-    background:no-repeat url(../images/tw_hd_bg.png) 0 0;
-    background-color:#ebebeb;
-    background-repeat:repeat;
-    font: normal verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif;
-    border-top: 1px solid #333;
-    padding-left: 5.5%;
-}
-
-#menu a, #menu a:visited{
-    display:inline-block;
-    color: #fff;
-    text-decoration:none;
-    border-bottom-width:.5em;
-    border-bottom-style: solid;
-    background-color: transparent;
-    -webkit-border-top-left-radius:5px 5px;
-    moz-border-radius-topleft: 5px 5px;
-    border-top-left-radius: 5px 5px;
-    -webkit-border-top-right-radius:5px 5px;
-    moz-border-radius-topright: 5px 5px;
-    border-top-right-radius: 5px 5px;
-    font-weight: bold;
-    font-size: 14px;
-    padding: .5em 1em;
-}
-#menu a:hover, #menu a.active{
-    background-color: #FFF;
-    color: #000000;
-}
-
-#menu .darkblue { border-bottom-color: #0f3179; }
-/* #menu .blue { border-bottom-color:  #357ae8; } */
-#menu .blue { border-bottom-color: #4f628a; }
-#menu .green { border-bottom-color:  #92b220; }
-#menu .yellow { border-bottom-color:  #f3ad17; }
-#menu .orange { border-bottom-color:  #e65911; }
-#menu .darkgreen { border-bottom-color:  #006a12; }
-#menu .black { border-bottom-color:  #000000; }
-#menu .red { border-bottom-color:  #cc0000; }
-#menu .violet { border-bottom-color:  #A00020; }
-#menu .origin { border-bottom-color: transparent; }
-
-* html #menu :link, * html #menu :visited { background-position: 1px 0 }
-
-
-/* Drop Down Menus */
-.clear {clear:both}
-
-#nav {
-    margin:0;
-    padding:0;
-    list-style:none;
-}
-
-/* make the LI display inline */
-/* it's position relative so that position absolute */
-/* can be used in submenu */
-
-#nav li {
-display:inline-block;
-position:relative;
-z-index:500;
-}
-
-/* this is the parent menu */
-#nav li a {
-display:block;
-text-align:center;
-}
-
-/* you can make a different style for default selected value */
-#nav a.selected {
-color:#FFF;
-}
-
-/* submenu, it's hidden by default */
-#nav ul {
-    position:absolute;
-    left:0;
-    display:none;
-    margin:0 0 0 -2px;
-    padding:0;
-    list-style: none outside none;
-    border-left:3px solid #333;
-    border-right:3px solid #333;
-    border-bottom:3px solid #333;
-    background-color: #333;
-    color: #FFF;
-    width:100%;
-}
-
-#nav ul li {
-    width: 100%;
-    float:left;
-    border-bottom:0px solid #fff;
-    background:no-repeat url(../images/tw_hd_bg.png) 0 0;
-    background-color:#ebebeb;
-    background-repeat:repeat;
-}
-
-/* display block will make the link fill the whole area of LI */
-#nav ul a {
-    display:block;
-    height:15px;
-    padding: 5px 5px;
-    font-size: 11px;
-    text-align:left;
-    -webkit-border-top-left-radius:0px 0px;
-    moz-border-radius-topleft: 0px 0px;
-    border-top-left-radius: 0px 0px;
-    -webkit-border-top-right-radius:0px 0px;
-    moz-border-radius-topright: 0px 0px;
-    border-top-right-radius: 0px 0px;
-    border-bottom-width: 0px;
-}
-
-#nav ul a:hover {
-    background-color: #FFF ;
-    color: #000000 ;
-}
-
-#nav ul a:active {
-    background-color: #FFF;
-    color: #000000 ;
-}
-
-
-
-/* Footer (borrowed from Trac) */
-#footer {
-    background: #000000;
-    background:no-repeat url(../images/tw_hd_bg.png) 0 0;
-    background-color:#ebebeb;
-    background-repeat:repeat;
-    clear: both;
-    color: #FFF;
-    font-size: 10px;
-    border-top: 1px solid;
-    height: 31px;
-    padding: 0em 0.5em 0.9em 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;
-}
-#footer p.center {
-    text-align: center;
-}
-
-/* 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;
-    padding: 0.8em;
-}
-
-.infos dl, .infos table {
-    position: relative;
-    font-size: 105%;
-}
-
-.extraInfos dl, .extraInfos table {
-    position: relative;
-    font-size: 105%;
-}
-
-.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: #000000;
-
-}
-.with-rightcol .extraInfos h4 {
-    margin-right: 395px;
-}
-
-.extraInfos h4 a {
-    position: relative;
-    display: block;
-    color: #000000 !important;
-    text-decoration: none;
-    margin: 0;
-    background: #fff url(images/more.png) no-repeat left top;
-    background-position: 0 -16px;
-    padding-bottom: 2px;
-    padding-left: 16px;
-    border-bottom: none !important;
-    outline: none;
-    background: transparent;
-}
-.extraInfos h4 a:hover {
-    background-color: transparent;
-    border-bottom: none;
-    color: #000000 !important;
-    text-decoration:none;
-}
-.extraInfos .folded h4 {
-    border-bottom: none;
-}
-.extraInfos .folded h4 a {
-    background-position: 0 1px;
-}
-
-/* Pagination */
-.pagination {
-    margin-top: 0em;
-    margin-bottom: .3em;
-    padding: .3em 0;
-    font-size: 1em;
-    background-color: transparent;
-    border-bottom: 1px solid #aaa;
-    color: #333;
-    font-weight: bold;
-}
-.pagination a {
-    background-color: transparent;
-    border-bottom: none;
-    font-size: 1em;
-    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 {
-
-    border-spacing: 0;
-    padding: 0em 1em 1em 1em;
-}
-
-.fullpage table.listing {
-    width: 100%;
-    font-size: 100%;
-}
-
-table.listing th, table.listing thead {
-    text-align: left;
-    padding: 0 14em .1em 0;
-    font-size: 0.8125em;
-    font-weight: normal;
-}
-
-table.listing th, table.listing thead, table.listing td {
-    font-size: 0.8125em;
-    border-bottom: 1px solid #dfdfdf;
-    font-weight: normal;
-}
-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;
-}
-/*conflicts with buttons inside table*/
-/*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: normal;
-}
-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 }
-
-table td.error {
-    color: red;
-    font-weight: bold;
-}
-
-.infos li.error{
-    color: red;
-    font-weight: bold;
-    font-size: 110%;
-}
-
-.gmap {
-    border: solid 1px #888;
-    margin-top: 0.8em;
-}
-
-.rst-content {
-    padding-top: 5px;
-}
-
-.rst-content h1 {
-    color: #000000;
-}
-
-.rst-content img.align-left {
-    float: left;
-    margin-right: 2ex;
-    margin-top: 0.6ex;
-    margin-bottom: 0.5ex;
-}
-
-.rst-content img.align-right {
-    float: left;
-    margin-left: 2ex;
-    margin-top: 0.6ex;
-    margin-bottom: 0.5ex;
-}
-
-img.align-left {
-    float: left;
-    padding-bottom: 1ex;
-    padding-right: 1ex;
-}
-
-#content .rst-content ul,  #content .rst-content ol {
-    clear: none;
-    font-size: 1em;
-    margin-left: 0.4em;
-}
-
-#module-set {
-    float: right;
-    clear: right;
-}
-
-#module-set .module {
-    border: 1px solid #000;
-    background-image: url(../images/grid_bg_2.png);
-    padding: 0.3em 0.4em 0.4em 0.4em;
-    margin: 2.5em 1em 1em 0em;
-    -moz-border-radius: 8px 0px 8px 8px;
-    -webkit-border-radius: 8px 0px 8px 8px;
-    border-radius: 8px 0px 8px 8px;
-}
-
-#module-set .module h3 {
-    color: #FFF;
-    font-size: 1.1em;
-    font-weight: bold;
-    -webkit-margin-before: 0.2em;
-    -webkit-margin-after: 0.2em;
-}
-
-#module-set .module a:hover {
-    text-decoration: none;
-}
-
-a.image-link {
-    border: none;
-}
-
-.map-thumbnail {
-    border: solid 1px #999;
-}
-
-.home-content .module {
-    width: 400px;
-}
-
-.home-description {
-    padding-right: 33%;
-    display: block;
-}
-
-#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, .tab_unselected:hover, .tab_unselected:visited {
-    background-color: #cccccc;
-    font-weight: normal;
-    color: #333333;
-    border: 1px solid #cccccc;
-
-}
-.tab_selected, .tab_selected:hover, .tab_selected:visited {
-    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;
-
-}
-
-.tab, .tab:hover, .tab:visited{
-    margin-top: 1ex;
-    display: inline-block;
-    margin-left: 0px;
-    padding: 1ex;
-    -moz-border-radius: 1ex 1ex 0ex 0ex;  -webkit-border-radius: 1ex 1ex 0ex 0ex;  border-radius: 1ex 1ex 0ex 0ex;
-}
-
-.roundBorder4{
-    /*padding: 0.3em 0.8em 0.8em 0.8em;
-    margin: 0 0 1.5em 1.5em;*/
-
-    -moz-border-radius: 4px 4px 4px 4px;
-    -webkit-border-radius: 4px 4px 4px 4px;
-    border-radius: 4px 4px 4px 4px;
-}
-.roundBorder6{
-    /*padding: 0.3em 0.8em 0.8em 0.8em;
-    margin: 0 0 1.5em 1.5em;*/
-
-    -moz-border-radius: 6px 6px 6px 6px;
-    -webkit-border-radius: 6px 6px 6px 6px;
-    border-radius: 6px 6px 6px 6px;
-}
-.roundBorder8{
-    /*padding: 0.3em 0.8em 0.8em 0.8em;
-    margin: 0 0 1.5em 1.5em;*/
-
-    -moz-border-radius: 8px 0px 8px 8px;
-    -webkit-border-radius: 8px 0px 8px 8px;
-    border-radius: 8px 0px 8px 8px;
-}
-.roundBorder10{
-    /*padding: 0.3em 0.8em 0.8em 0.8em;
-    margin: 0 0 1.5em 1.5em;*/
-
-    -moz-border-radius: 10px 10px 10px 10px;
-    -webkit-border-radius:  10px 10px 10px 10px;
-    border-radius:  10px 10px 10px 10px;
-}
-
-.markersdivUneditable{
-    border: 0px !important;
-}
-
-.markerdiv div{
-    padding:0.7ex 1ex;
-}
-.markerdiv div[zero_top_padding]{ /*mathces any div with the attribute zero_top_padding set (whatever the value)*/
-                                  padding-top:0px;
-}
-.markerdiv div *{
-    vertical-align:middle;
-    font-family: sans-serif;
-}
-.markerdiv div input, .markerdiv div textarea{
-    margin:0px;
-    padding:2px;
-}
-.markerdiv .ts-marker{
-    background-image: url('../images/marker_tiny.png'); text-align: center; min-width:3ex;
-}
-.markerdiv .ts-marker, .markerdiv .markersdivOffset, .markerdiv .markersdivTitle, .markerdiv .markersdivAddPlaylist, .markerdiv .markersdivEdit{margin-right:.8ex;}
-.markerdiv div a, .markerdiv div a:visited, .markerdiv div a:hover{
-    display: inline-block; /*otherwise width and height do not work*/
-    background-repeat: no-repeat;
-    text-decoration: none;
-
-}
-.markerdiv .markersdivOffset, .markerdiv .markersdivOffset:hover, .markerdiv .markersdivOffset:visited{
-    color: #000;
-}
-.markerdiv .ts-marker, .markerdiv .ts-marker:hover, .markerdiv .ts-marker:visited{
-    font-family: monospace; background: #e65911;color: #FFF;padding-left: .3ex; padding-right:.3ex;
-}
-.markersdivDelete{    background-image: url('../images/del_marker.png');width:15px;height:2ex;background-repeat: no-repeat;}
-/*backfround-repeat is redundant with .markerDiv a,.. defined above but this way .markersDivDelete is re-usable in other context (eg popupdiv*/
-.markersdivAddPlaylist{    background-image: url('../images/add_playlist_marker.png');width:13px;height:2ex; }
-.markersdivTitle{    font-weight:bold;}
-.markersdivEdit, .markersdivEdit:hover, .markersdivEdit:visited{
-    line-height: normal;
-    color:#000;
-    background-position: -2px center;
-    padding-left: 13px; padding-right: 2px;
-    font-size: 65%;
-    border:2px solid #666;
-    background-color: #fff;
-    background-image: url('../images/edit_marker.png');
-    -moz-border-radius: 1ex; -webkit-border-radius: 1ex; border-radius: 1ex;
-}
-.markersdivSave, .markersdivSave:hover, .markersdivSave:visited{
-    background-color: #087714;
-    color: #fff;
-    font-weight: bold;
-    padding:.7ex; padding-left: 20px;
-    background-position: 5px center;
-    -moz-border-radius: 1ex;-webkit-border-radius: 1ex;border-radius: 1ex;
-    background-image: url('../images/ok.png');
-}
-.markerdiv{
-    border: 1px solid #aaaaaa;
-    margin-bottom: 1ex;
-    -moz-border-radius: 1e;
-    -webkit-border-radius: 1ex;
-    border-radius: 1ex;
-}
-
-/*----------------------------------*/
-.component, .component_icon, .component:hover, .component_icon:hover, .component:visited, .component_icon:visited{
-    background-position: 1ex .5ex;
-    -moz-border-radius: 1ex 1ex 1ex 1ex;
-    -webkit-border-radius: 1ex 1ex 1ex 1ex;
-    border-radius: 1ex 1ex 1ex 1ex;
-    padding:.7ex .7ex .7ex .7ex;
-    background-color:  #f9f9f9; /*#626262;*/
-    color:#444;
-    text-decoration: none;
-    margin:0;
-}
-.component + .component, .component + .component_icon, .component_icon + .component ,
-.component_icon + .component_icon{
-    margin-left: .1ex;
-}
-
-.component_icon, .component_icon:hover, .component_icon:visited{
-    background-repeat: no-repeat;
-    background-position: 1ex .5ex;
-    padding:4px 8px 4px 26px; /*top right bottom left - last value depends on the icon size (default=16)*/
-}
-
-.button,  .button:visited, .button:hover{
-    font-weight: bold;
-    border:  1px solid #e1e1e1;
-    white-space:nowrap;
-    /*    border-top:  1px solid #e1e1e1 !important;
-        border-left:  1px solid #e1e1e1 !important;
-        border-right:  1px solid #e1e1e1 !important;
-        border-bottom:  1px solid #e1e1e1 !important;*/
-}
-
-.button:hover{
-    border-top:  1px solid #f9f9f9 !important;
-    border-left:  1px solid #f9f9f9 !important;
-    border-bottom:  1px solid #999 !important;
-    border-right:  1px solid #999 !important;
-    background-color:  #f4f4f4; /*#e9e9d9;*/
-    color: #000; /*#6A0307;*/
-}
-
-#action_blue {
-    background-color: #357ae8;
-    color: #FFF;
-    padding:0.8em 0.8em 0.8em 0.8em;
-    }
-
-
-#action_red {
-    background-color:  #d24836;
-    color: #FFF;
-    padding:0.8em 0.8em 0.8em 0.8em;
-    }
-
-#action_green {
-    background-color:  #3c9200;
-    color: #FFF;
-    padding:0.8em 0.8em 0.8em 0.8em;
-   }
-
-#action_orange {
-    background-color: #e65911;
-    color: #FFF;
-    padding:0.8em 0.8em 0.8em 0.8em;
-   }
-
-#action_yellow {
-    background-color: #f3ad17;
-    color: #FFF;
-    padding:0.8em 0.8em 0.8em 0.8em;
-   }
-
-
-.list_item, .list_item:visited, .list_item:hover{
-    display:block;
-    color:#6A0307;
-}
-
-.list_item:hover{
-    font-weight: bold;
-}
-
-.icon_edit{
-    background-image: url('../images/edit_page.png');
-}
-.icon_copy{
-    background-image: url('../images/copy_page.png');
-}
-.icon_previous{
-    background-image: url('../images/previous.png');
-}
-.icon_next{
-    background-image: url('../images/next.png');
-}
-.icon_dublin_core{
-    background-image: url('../images/dublin_core.png');
-}
-.icon_cancel{
-    background-image: url('../images/cancel.png');
-}
-.icon_save{
-    background-image: url('../images/save.png');
-}
-.icon_add{
-    background-image: url('../images/add.png');
-}
-.icon_add_to_playlist{
-    background-image: url('../images/add_to_playlist.png');
-}
-.icon_login{
-    background-image: url('../images/password.png');
-}
-.icon_search{
-    background-image: url('../images/find.png');
-}
-.icon_ok{
-    background-image: url('../images/ok.png');
-}
-.icon_csv{
-    background-image: url('../images/csv.png');
-}
-.icon_playlist{
-    background-image: url('../images/playlist.png');
-}
-.icon_filter{
-    background-image: url('../images/filter.png');
-}
-.icon_delete{
-    background-image: url('../images/delete.png');
-}
-.icon_rss,.icon_rss:hover{
-    background: url('../images/feed-icon-14x14.png') no-repeat;
-    background-position: 0ex .8ex;
-    padding:.0ex 0ex .8ex .7ex;
-    text-decoration: none;
-}
-
-.addToPlaylist {
-    margin:0.5ex;
-    position: absolute;
-    display:none;
-    left: 0;
-    top: 0;
-}
-
-/* FORMS */
-#id_title {
-    width: 500px;
-}
-#id_alt_title {
-    width: 500px;
-}
-#id_collector {
-    width: 500px;
-}
-#id_creator {
-    width: 500px;
-}
-#id_cultural_area {
-    width: 500px;
-}
-#id_location_comment {
-    width: 500px;
-}
-#id_old_code {
-    width: 500px;
-}
-#id_code {
-    width: 500px;
-}
-#id_author {
-    width: 500px;
-}
-#id_collector_selection {
-    width: 500px;
-}
-#id_booklet_author {
-    width: 500px;
-}
-#id_alt_ids {
-    width: 500px;
-}
-#id_travail {
-    width: 500px;
-}
-#id_value_add {
-    width: 200px;
-}
-#id_value_edit {
-    width: 500px;
-}
-#id_file {
-    width: 500px;
-}
-#id_conservation_site {
-    width: 500px;
-}
-
-/*focus on elements*/
-a:focus,div:focus{
-    -moz-outline: 1px dotted #999  !important;
-    outline: #999 dotted 1px;  /*!important;*/
-}
-input,textarea{
-    outline: none !important;
-}
-
-.related_media {
-    border-top: 1px dotted #000000;
-}
-
-#module-set-left {
-    float: left;
-    clear: left;
-    padding: 0em 0.8em 0.8em 0em;
-    }
-
-#module-set-left .module {
-        border: 1px solid #000;
-        background-image: url(../images/grid_bg_2.png);
-        padding: 0.3em 0.4em 0.4em 0.4em;
-        margin: 0em 0em 1.5em 0em;
-        -moz-border-radius: 8px 0px 8px 8px;
-        -webkit-border-radius: 8px 0px 8px 8px;
-        border-radius: 8px 0px 8px 8px;
-        }
-
-#module-set-left .module h3 {
-            color: #FFF;
-            font-size: 1.1em;
-            font-weight: bold;
-            }
-
-
-#module-set-left .module h3 a {
-            color: #FFF;
-            }
-
-#module-set-left .module ul {
-        margin: 0em 0em 0em 0.5em;
-        font-size: 0.8125em;
-        background-color: #FFF;
-        color: #0000 ;
-        font-weight: bold;
-        max-height: 250px;
-        overflow-y: scroll;
-
-        }
-
-#module-set-left .module a {
-    display:inline-block;
-    }
-
-
-.desk_center {
-    float: left;
-    width:55%;
-    padding: 0em 0em 0em 1em;
-    max-height: 550px;
-    overflow-y: scroll;
-    }
-
-.desk_large {
-    float: left;
-    width:75%;
-    padding: 0em 1.8em 0em 1em;
-    max-height: 550px;
-    overflow-y: scroll;
-    }
-
-.desk_course {
-    float: left;
-    width:75%;
-    padding: 0em 0em 0em 1em;
-    }
-
-.desk_media {
-    float: left;
-    width: 640px;
-    padding: 0em 0em 0em 1em;
-    }
-
-.course {
-    margin: 0em 0em 2em 0em;
-    background-color: #FFF;
-    -moz-border-radius: 8px 0px 8px 8px;
-    -webkit-border-radius: 8px 0px 8px 8px;
-    border-radius: 8px 0px 8px 8px;
-    background:no-repeat url(../images/bg_yt.png) 0 0;
-    background-color:#ebebeb;
-    background-repeat:repeat;
-   }
-
-
-.course_title {
-    color: #000;
-    -moz-border-radius: 8px 0px 0px 0px;
-    -webkit-border-radius: 8px 0px 0px 0px;
-    border-radius: 8px 0px 0px 0px;
-    padding: 0em 0.8em 0em 0em;
-    font-weight: bold;
-    font-size: 1.2em;
-    }
-
-.course_content {
-    background-color: #FFF;
-    -moz-border-radius: 8px 0px 8px 8px;
-    -webkit-border-radius: 8px 0px 8px 8px;
-    border-radius: 8px 0px 8px 8px;
-    padding: 0em 0em 0em 0em;
-    margin-top: 0.8em;
-}
-
-
-.course_content h2 {
-    padding: 0.5em 0.8em 0.8em 0.8em;
-    }
-
-.course_content h3 {
-    padding: 0.5em 0.8em 0.8em 0.8em;
-    margin-top: 0.8em;
-    }
-
-.course_media {
-    float: left;
-    background-color: transparent;
-    margin: 0em 0em 2em 1em;
-    -moz-border-radius: 8px 0px 8px 8px;
-    -webkit-border-radius: 8px 0px 8px 8px;
-    border-radius: 8px 0px 8px 8px;
-    width: 640px;
-/*     border: 2px solid #CCC; */
-    }
-
-#media_infos {
-    background-color: #FFF;
-    padding: 0.3em 0.8em 0.3em 0.8em;
-    width: 620px;
-    }
-
-.video {
-    background-color: transparent;
-    padding: 0.8em 0em 1em 0em;
-    }
-
-.audio {
-    padding: 0.8em 1em 1em 0em;
-    background-color: transparent;
-
-    }
-
-/* POSTMAN */
-
-.pm_header {
-    font-weight: bold;
-    }
-
-.pm_body {
-    padding: 0em 0em 0em 0em;
-    }
-
-.pm_message {
-    background-color: #FFF;
-    -moz-border-radius: 8px 0px 8px 8px;
-    -webkit-border-radius: 8px 0px 8px 8px;
-    border-radius: 8px 0px 8px 8px;
-    padding: 0.5em 0.8em 0.8em 0.8em;
-    }
-
-#pm_messages {
-    font-weight: normal;
-    font-size: 1em;
-    background-color: #FFF;
-    -moz-border-radius: 8px 0px 8px 8px;
-    -webkit-border-radius: 8px 0px 8px 8px;
-    border-radius: 8px 0px 8px 8px;
-    padding: 0.8em 0.8em 0.8em 1em;
-    width: 100%;
-    margin-top : 1em;
-    }
-
-#pm_messages td {
-    font-weight: normal;
-    font-size: 1em;
-
-    }
-
-.module_action {
-    text-align: center;
-    margin: 0em 0em 3em 0em;
-    padding: 1em;
-}
-
-
-#chatwindow {
-    height: 340px;
-    border-bottom: 1px solid;
-    padding: 0.8em 2em 0em 0em;
-    overflow: auto;
-    background-color: white;
-}
-
-#users {
-    padding: 0.8em 0em 0em 0em;
-    background-color: #FFF;
-    -moz-border-radius: 8px 0px 8px 8px;
-    -webkit-border-radius: 8px 0px 8px 8px;
-    border-radius: 8px 0px 8px 8px;
-    }
-
-#spacing td {
-    padding: 1em 1em 1em 0.3em;
-    font-size: 0.8em;
-    font-weight: normal;
-    }
diff --git a/teleforma/htdocs/css/teleforma_blue.css b/teleforma/htdocs/css/teleforma_blue.css
deleted file mode 100644 (file)
index 9bbfcef..0000000
+++ /dev/null
@@ -1,1266 +0,0 @@
-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 {
-    color: #BB0000;
-    text-decoration:none;
-}
-a:link:hover, a:visited:hover {
-    background-color: transparent;
-    color: #BB0000;
-    text-decoration: underline;
-}*/
-a, a:visited {
-    color: #BB0000;
-    text-decoration:none;
-}
-a:hover {
-    background-color: transparent;
-    color: #BB0000;
-    text-decoration: underline;
-}
-
-a img { border: none; }
-
-.rst-content h1 {
-    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 {
-    /*margin-top: 1em;*/
-    margin-bottom: 0em;
-}
-
-#content {
-    position: relative;
-    margin-left: 2em;
-    margin-right: 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 h1 {
-    color: #030250;
-    font-weight: bold;
-    display:  inline;
-    font-size: 120%; 
-}
-#content h3 {
-    color: #030250;
-    font-weight: bold;
-    display:  inline;
-}
-
-#content h2 {
-    color: #030250;
-}
-
-#logo a, #logo a:hover { border: none; background: transparent; }
-
-#header {
-    padding: 0em;
-/*     background: url("../images/waves.png") 100% 0% no-repeat; */
-}
-
-#content_header, #header{
-    margin-bottom: .8em;
-}
-
-#content_header{
-    width:100%;
-    border-collapse:collapse;
-}
-
-#content_header td{
-    vertical-align: top;
-}
-
-#content_header td.rightcol{
-    text-align:right;
-    white-space:nowrap; /**this implies to stretach righcol to accomodate all the width,
-                        UNLESS there is a div.fixedWidthAsPlayer inside td.rightcol (see blow)*/
-}
-
-#content_header td.rightcol div.fixedWidthAsPlayer{
-    width:374px; /*must be width+2*padding, see #rightcol below*/
-    float:right;
-    white-space:normal; /*to override no-wrap defined in #content_header td.rightcol*/
-}
-
-#content_header td.rightcol div.fixedWidthAsPlayer a{
-    display:inline-block;
-    margin-top:0.5ex;
-}
-
-#rightcol {
-    width: 362px; /**if u change this, change also width #content_header td.rightcol, see above*/
-    padding: 6px; /**if u change this, change also width #content_header td.rightcol, see above*/
-    position: relative;
-    z-index: 1;
-    float: right;
-    border: 1px solid #999;
-    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;
-}
-
-#collection_player {
-    background: transparent; 
-    /*     background-image: url(../images/grid_bg.png); */
-}
-
-#collection_player .title {
-    padding: 2px 5px 7px 5px; 
-}
-
-
-.exporter {
-    background-color: #fff;
-    border: 1px solid #adadad;
-    padding: 2px;
-    height: 26px;
-    margin: 5px 0 0;
-    font-size: 0.9em;
-    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;
-}
-
-.markers {
-    max-height: 500px;
-    overflow-y: scroll;
-}
-
-.vscroll {
-    max-height: 300px;
-    overflow-y: scroll;
-    width: 100%;
-}
-    
-
-.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;
-    font-size: 0.8em;
-}
-#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: 1.7em;
-    left: 35%;
-    background-color: #030250;
-    padding: 0.3em 0em 0.3em 0.3em;
-    -moz-border-radius: 8px 8px 8px 8px;
-    -webkit-border-radius: 8px 8px 8px 8px;
-    border-radius: 8px 8px 8px 8px;
-}
-#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;
-    vertical-align: middle;
-}
-
-#quick_search input {
-    vertical-align: middle;
-    font-size: .8em;
-    margin-right: 0;
-    -moz-border-radius: 5px 5px 5px 5px;
-    -webkit-border-radius: 5px 5px 5px 5px;
-    border-radius: 5px 5px 5px 5px;
-}
-#quick_search_pattern {
-    background: #FFF url(search_bg.png) no-repeat;
-    padding: .4em .1em;
-    padding-left: 25px;
-    width: 180px;
-    color: #555;
-    font-weight: bold;
-}
-
-/* Authentication */
-#auth_info {
-    color: #FFF;
-    font-weight: bold;
-    position: absolute;
-    top: 1.5em;
-    right: 1.1em;
-    margin-right: 1em;
-    font-size: 0.9em;
-    background-color: #030250;
-    padding: 1em;
-    -moz-border-radius: 8px 8px 8px 8px;
-    -webkit-border-radius: 8px 8px 8px 8px;
-    border-radius: 8px 8px 8px 8px;
-}
-
-#auth_info a {
-    color: #FFF;
-    font-size: 1em;
-    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 solid #030250;
-    margin-bottom: 1em;
-    -moz-border-radius: 8px 8px 8px 8px;
-    -webkit-border-radius: 8px 8px 8px 8px;
-    border-radius: 8px 8px 8px 8px;
-}
-#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%;
-}
-
-/* Main navigation bar  (borrowed from Trac) */
-#menu {
-    background-color: #030250 ;
-    font: normal verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif;
-    border-top: .25em solid #030250;
-    padding-left:26px;
-}
-
-#menu a, #menu a:visited{
-    display:inline-block;
-    color: #fff;
-    text-decoration:none;
-    border-bottom-width:.5em;
-    border-bottom-style: solid;
-    background-color: #030250;
-    -webkit-border-top-left-radius:5px 5px;
-    moz-border-radius-topleft: 5px 5px;
-    border-top-left-radius: 5px 5px;
-    -webkit-border-top-right-radius:5px 5px;
-    moz-border-radius-topright: 5px 5px;
-    border-top-right-radius: 5px 5px;
-    font-weight: bold;
-    font-size: 14px;
-    padding: .5em 1em;
-}
-#menu a:hover, #menu a.active{
-    background-color: #FFF;
-    color: #030250;
-}
-
-#menu .darkblue { border-bottom-color: #0f3179; }
-#menu .blue { border-bottom-color:  #4f628a; }
-#menu .green { border-bottom-color:  #92b220; }
-#menu .yellow { border-bottom-color:  #f3ad17; }
-#menu .orange { border-bottom-color:  #e65911; }
-#menu .darkgreen { border-bottom-color:  #006a12; }
-#menu .black { border-bottom-color:  #000000; }
-#menu .red { border-bottom-color:  #DD0000; }
-#menu .violet { border-bottom-color:  #A00020; }
-#menu .origin { border-bottom-color: #030250; }
-
-* html #menu :link, * html #menu :visited { background-position: 1px 0 }
-
-
-/* Drop Down Menus */
-.clear {clear:both} 
-
-#nav {
-    margin:0;
-    padding:0;
-    list-style:none;
-}  
-
-/* make the LI display inline */
-/* it's position relative so that position absolute */
-/* can be used in submenu */
-
-#nav li {
-display:inline-block; 
-position:relative;
-z-index:500;
-}
-    
-/* this is the parent menu */
-#nav li a {
-display:block;
-text-align:center;
-}
-
-/* you can make a different style for default selected value */
-#nav a.selected {
-color:#FFF;
-}
-
-/* submenu, it's hidden by default */
-#nav ul {
-    position:absolute;
-    left:0;
-    display:none;
-    margin:0 0 0 -2px;
-    padding:0;
-    list-style: none outside none;
-    border-left:2px solid #030250;
-    border-right:2px solid #030250;
-    border-bottom:2px solid #030250;
-    background-color: #030250;
-    color: #FFF;
-}
-    
-#nav ul li {
-    width:100px;
-    float:left;
-    border-bottom:0px solid #fff;
-}
-    
-/* display block will make the link fill the whole area of LI */
-#nav ul a {
-    display:block; 
-    height:15px;
-    padding: 5px 5px;
-    font-size: 11px;
-    text-align:left;
-    -webkit-border-top-left-radius:0px 0px;
-    moz-border-radius-topleft: 0px 0px;
-    border-top-left-radius: 0px 0px;
-    -webkit-border-top-right-radius:0px 0px;
-    moz-border-radius-topright: 0px 0px;
-    border-top-right-radius: 0px 0px;
-    border-bottom-width: 0px;
-}
-    
-#nav ul a:hover {
-    background-color: #FFF ;
-    color: #030250 ;
-}
-
-#nav ul a:active {
-    background-color: #FFF;
-    color: #030250 ;
-}
-
-
-
-/* Footer (borrowed from Trac) */
-#footer {
-    background: #030250;
-    clear: both;
-    color: #FFF;
-    font-size: 10px;
-    border-top: 1px solid;
-    height: 31px;
-    padding: 0.5em 0.5em 1.1em 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;
-}
-#footer p.center {
-    text-align: center;
-}
-
-/* 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;
-}
-
-.infos dl, .infos table {
-    position: relative;
-    font-size: 105%;
-}
-
-.extraInfos dl, .extraInfos table {
-    position: relative;
-    font-size: 105%;
-}
-
-.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: #030250;
-}
-.with-rightcol .extraInfos h4 {
-    margin-right: 395px;
-}
-
-.extraInfos h4 a {
-    position: relative;
-    display: block;
-    color: #030250 !important;
-    text-decoration: none;
-    margin: 0;
-    background: #fff url(more.png) no-repeat left top;
-    background-position: 0 -16px;
-    padding-bottom: 2px;
-    padding-left: 16px;
-    border-bottom: none !important;
-    outline: none;
-}
-.extraInfos h4 a:hover {
-    background-color: transparent;
-    border-bottom: none;
-    color: #030250 !important;
-    text-decoration:none;
-}
-.extraInfos .folded h4 {
-    border-bottom: none;
-}
-.extraInfos .folded h4 a {
-    background-position: 0 1px;
-}
-
-/* Pagination */
-.pagination {
-    margin-top: .7em;
-    margin-bottom: .3em;
-    padding: .3em 0;
-    font-size: 1em;
-    background-color: #fff;
-    border-bottom: 1px solid #aaa;
-    color: #333;
-    font-weight: bold;
-}
-.pagination a {
-    background-color: #fff;
-    border-bottom: none;
-    font-size: 1em;
-    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 {
-
-    border-spacing: 0;
-}
-
-.fullpage table.listing {
-    width: 100%;
-    font-size: 105%;
-}
-
-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;
-}
-/*conflicts with buttons inside table*/
-/*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 }
-
-table td.error {
-    color: red; 
-    font-weight: bold;
-}
-
-.infos li.error{
-    color: red; 
-    font-weight: bold;
-    font-size: 110%;
-}
-
-.gmap {
-    border: solid 1px #888;
-    margin-top: 0.8em;
-}
-
-.rst-content {
-    padding-top: 5px;
-}
-
-.rst-content h1 {
-    color: #030250;
-}
-
-.rst-content img.align-left {
-    float: left;
-    margin-right: 2ex;
-    margin-top: 0.6ex;
-    margin-bottom: 0.5ex;
-}
-
-.rst-content img.align-right {
-    float: left;
-    margin-left: 2ex;
-    margin-top: 0.6ex;
-    margin-bottom: 0.5ex;
-}
-
-img.align-left {
-    float: left;
-    padding-bottom: 1ex;
-    padding-right: 1ex;
-}
-
-#content .rst-content ul,  #content .rst-content ol {
-    clear: none;
-    font-size: 1em;
-    margin-left: 0.4em;
-}
-
-#module-set {
-    float: right;
-    clear: right;
-}
-
-#module-set .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-set .module h3 {
-    color: #FFF;
-    font-size: 1.1em;
-    font-weight: bold; 
-}
-
-#module-set .module a:hover {
-    text-decoration: none;
-}
-
-a.image-link {
-    border: none;
-}
-
-.map-thumbnail {
-    border: solid 1px #999;
-}
-
-.home-content .module {
-    width: 400px;
-}
-
-.home-description {
-    padding-right: 33%;
-    display: block;
-}
-
-#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, .tab_unselected:hover, .tab_unselected:visited {
-    background-color: #cccccc;
-    font-weight: normal;
-    color: #333333;
-    border: 1px solid #cccccc;
-
-}
-.tab_selected, .tab_selected:hover, .tab_selected:visited {
-    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;
-
-}
-
-.tab, .tab:hover, .tab:visited{
-    margin-top: 1ex;
-    display: inline-block;
-    margin-left: 0px;
-    padding: 1ex;
-    -moz-border-radius: 1ex 1ex 0ex 0ex;  -webkit-border-radius: 1ex 1ex 0ex 0ex;  border-radius: 1ex 1ex 0ex 0ex;
-}
-
-.roundBorder4{
-    /*padding: 0.3em 0.8em 0.8em 0.8em;
-    margin: 0 0 1.5em 1.5em;*/
-
-    -moz-border-radius: 4px 4px 4px 4px;
-    -webkit-border-radius: 4px 4px 4px 4px;
-    border-radius: 4px 4px 4px 4px;
-}
-.roundBorder6{
-    /*padding: 0.3em 0.8em 0.8em 0.8em;
-    margin: 0 0 1.5em 1.5em;*/
-
-    -moz-border-radius: 6px 6px 6px 6px;
-    -webkit-border-radius: 6px 6px 6px 6px;
-    border-radius: 6px 6px 6px 6px;
-}
-.roundBorder8{
-    /*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;
-}
-.roundBorder10{
-    /*padding: 0.3em 0.8em 0.8em 0.8em;
-    margin: 0 0 1.5em 1.5em;*/
-
-    -moz-border-radius: 10px 10px 10px 10px;
-    -webkit-border-radius:  10px 10px 10px 10px;
-    border-radius:  10px 10px 10px 10px;
-}
-
-.markersdivUneditable{
-    border: 0px !important;
-}
-
-.markerdiv div{
-    padding:0.7ex 1ex;
-}
-.markerdiv div[zero_top_padding]{ /*mathces any div with the attribute zero_top_padding set (whatever the value)*/
-                                  padding-top:0px;
-}
-.markerdiv div *{
-    vertical-align:middle;
-    font-family: sans-serif;
-}
-.markerdiv div input, .markerdiv div textarea{
-    margin:0px;
-    padding:2px;
-}
-.markerdiv .ts-marker{
-    background-image: url('../images/marker_tiny.png'); text-align: center; min-width:3ex;
-}
-.markerdiv .ts-marker, .markerdiv .markersdivOffset, .markerdiv .markersdivTitle, .markerdiv .markersdivAddPlaylist, .markerdiv .markersdivEdit{margin-right:.8ex;}
-.markerdiv div a, .markerdiv div a:visited, .markerdiv div a:hover{
-    display: inline-block; /*otherwise width and height do not work*/
-    background-repeat: no-repeat;
-    text-decoration: none;
-
-}
-.markerdiv .markersdivOffset, .markerdiv .markersdivOffset:hover, .markerdiv .markersdivOffset:visited{
-    color: #000;
-}
-.markerdiv .ts-marker, .markerdiv .ts-marker:hover, .markerdiv .ts-marker:visited{
-    font-family: monospace; background: #e65911;color: #FFF;padding-left: .3ex; padding-right:.3ex;
-}
-.markersdivDelete{    background-image: url('../images/del_marker.png');width:15px;height:2ex;background-repeat: no-repeat;}
-/*backfround-repeat is redundant with .markerDiv a,.. defined above but this way .markersDivDelete is re-usable in other context (eg popupdiv*/
-.markersdivAddPlaylist{    background-image: url('../images/add_playlist_marker.png');width:13px;height:2ex; }
-.markersdivTitle{    font-weight:bold;}
-.markersdivEdit, .markersdivEdit:hover, .markersdivEdit:visited{
-    line-height: normal;
-    color:#000;
-    background-position: -2px center;
-    padding-left: 13px; padding-right: 2px;
-    font-size: 65%;
-    border:2px solid #666;
-    background-color: #fff;
-    background-image: url('../images/edit_marker.png');
-    -moz-border-radius: 1ex; -webkit-border-radius: 1ex; border-radius: 1ex;
-}
-.markersdivSave, .markersdivSave:hover, .markersdivSave:visited{
-    background-color: #087714;
-    color: #fff;
-    font-weight: bold;
-    padding:.7ex; padding-left: 20px;
-    background-position: 5px center;
-    -moz-border-radius: 1ex;-webkit-border-radius: 1ex;border-radius: 1ex;
-    background-image: url('../images/ok.png');
-}
-.markerdiv{ 
-    border: 1px solid #aaaaaa;
-    margin-bottom: 1ex;
-    -moz-border-radius: 1e;
-    -webkit-border-radius: 1ex;
-    border-radius: 1ex;
-}
-
-/*----------------------------------*/
-.component, .component_icon, .component:hover, .component_icon:hover, .component:visited, .component_icon:visited{
-    background-position: 1ex .5ex;
-    -moz-border-radius: 1ex 1ex 1ex 1ex;
-    -webkit-border-radius: 1ex 1ex 1ex 1ex;
-    border-radius: 1ex 1ex 1ex 1ex;
-    padding:.7ex .7ex .7ex .7ex;
-    background-color:  #f9f9f9; /*#626262;*/
-    color:#444;
-    text-decoration: none;
-    margin:0;
-}
-.component + .component, .component + .component_icon, .component_icon + .component ,
-.component_icon + .component_icon{
-    margin-left: .1ex;
-}
-
-.component_icon, .component_icon:hover, .component_icon:visited{
-    background-repeat: no-repeat;
-    background-position: 1ex .5ex;
-    padding:4px 8px 4px 26px; /*top right bottom left - last value depends on the icon size (default=16)*/
-}
-
-.button,  .button:visited, .button:hover{
-    font-weight: bold;
-    border:  1px solid #e1e1e1;
-    white-space:nowrap;
-    /*    border-top:  1px solid #e1e1e1 !important;
-        border-left:  1px solid #e1e1e1 !important;
-        border-right:  1px solid #e1e1e1 !important;
-        border-bottom:  1px solid #e1e1e1 !important;*/
-}
-
-.button:hover{
-    border-top:  1px solid #f9f9f9 !important;
-    border-left:  1px solid #f9f9f9 !important;
-    border-bottom:  1px solid #999 !important;
-    border-right:  1px solid #999 !important;
-    background-color:  #f4f4f4; /*#e9e9d9;*/
-    color: #000; /*#6A0307;*/
-}
-
-
-.list_item, .list_item:visited, .list_item:hover{
-    display:block;
-    color:#6A0307;
-}
-
-.list_item:hover{
-    font-weight: bold;
-}
-
-.icon_edit{
-    background-image: url('../images/edit_page.png'); 
-}
-.icon_copy{
-    background-image: url('../images/copy_page.png');
-}
-.icon_previous{
-    background-image: url('../images/previous.png');
-}
-.icon_next{
-    background-image: url('../images/next.png');
-}
-.icon_dublin_core{
-    background-image: url('../images/dublin_core.png');
-}
-.icon_cancel{
-    background-image: url('../images/cancel.png');
-}
-.icon_save{
-    background-image: url('../images/save.png');
-}
-.icon_add{
-    background-image: url('../images/add.png');
-}
-.icon_add_to_playlist{
-    background-image: url('../images/add_to_playlist.png');
-}
-.icon_login{
-    background-image: url('../images/password.png');
-}
-.icon_search{
-    background-image: url('../images/find.png');
-}
-.icon_ok{
-    background-image: url('../images/ok.png');
-}
-.icon_csv{
-    background-image: url('../images/csv.png');
-}
-.icon_playlist{
-    background-image: url('../images/playlist.png');
-}
-.icon_filter{
-    background-image: url('../images/filter.png');
-}
-.icon_delete{
-    background-image: url('../images/delete.png');
-}
-.icon_rss,.icon_rss:hover{
-    background: url('../images/feed-icon-14x14.png') no-repeat;
-    background-position: 0ex .8ex;
-    padding:.0ex 0ex .8ex .7ex;
-    text-decoration: none;
-}
-
-.addToPlaylist {
-    margin:0.5ex;
-    position: absolute;
-    display:none;
-    left: 0;
-    top: 0;
-}
-
-/* FORMS */
-#id_title {
-    width: 500px;
-}
-#id_alt_title {
-    width: 500px;
-}
-#id_collector {
-    width: 500px;
-}
-#id_creator {
-    width: 500px;
-}
-#id_cultural_area {
-    width: 500px;
-}
-#id_location_comment {
-    width: 500px;
-}
-#id_old_code {
-    width: 500px;
-}
-#id_code {
-    width: 500px;
-}
-#id_author {
-    width: 500px;
-}
-#id_collector_selection {
-    width: 500px;
-}
-#id_booklet_author {
-    width: 500px;
-}
-#id_alt_ids {
-    width: 500px;
-}
-#id_travail {
-    width: 500px;
-}
-#id_value_add {
-    width: 200px;
-}
-#id_value_edit {
-    width: 500px;
-}
-#id_file {
-    width: 500px;
-}
-#id_conservation_site {
-    width: 500px;
-}
-
-/*focus on elements*/
-a:focus,div:focus{
-    -moz-outline: 1px dotted #999  !important;
-    outline: #999 dotted 1px;  /*!important;*/
-}
-input,textarea{
-    outline: none !important;
-}
-
-.related_media {
-    border-top: 1px dotted #030250;
-}
index 9c6846919b99b59e3f7a4c8d058f7a511c46125a..a5690e2f0c93bdcca7dafb7e281b75162658a966 100644 (file)
@@ -12,7 +12,7 @@
 
 {% block stylesheets %}
 <link rel="stylesheet" type="text/css" href="{% url telemeta-css "telemeta.css" %}" />
-<link rel="stylesheet" type="text/css" href="{% url teleforma-css "teleforma_black.css" %}" />
+<link rel="stylesheet" type="text/css" href="{% url teleforma-css "teleforma.css" %}" />
 <link rel="alternate" href="/rss" title="RSS 2.0" type="application/rss+xml" />
 <!--[if IE]>
 <link rel="stylesheet" type="text/css" href="{% url telemeta-css "telemeta_ie.css" %}" />
@@ -105,8 +105,8 @@ alt="Telemeta Powered"/>-->
     <li><a href="{% url telemeta-profile-detail user.username %}">{% trans "Profile" %}</a></li>
     {% if user.is_staff %}
     <li><a href="{% url telemeta-desk-lists %}">{% trans "Lists" %}</a></li>
-    {% endif %}
     <li><a href="{% url telemeta-flatpage "help" %}">{% trans "Help" %}</a></li>
+    {% endif %}
     <li><a href="{% url telemeta-logout %}">{% trans "Sign out" %}</a></li>
     </ul>
  </li>