timeline/css/timeline.css
changeset 77 04b8157f077b
parent 75 ef3377d7a4f7
child 78 3fe54fb581f5
--- a/timeline/css/timeline.css	Wed Jul 11 18:02:39 2012 +0200
+++ b/timeline/css/timeline.css	Wed Jul 11 18:02:57 2012 +0200
@@ -48,17 +48,23 @@
 /*************************************************/
 
 .Onglets {
-    display: inline-block; border-style: solid solid none none; border-color: #ccc; border-width: 1px;
+    display: inline-block; margin: 0 10px;
 }
 
 .Onglets li {
-    display: inline-block; background: url(../img/barbgd.png); font-size: 14px; height: 15px; padding: 5px; border-style: none none none solid; border-color: #ccc; border-width: 1px;
+    display: inline-block; background: url(../img/barbgd.png); font-size: 14px; height: 15px; padding: 5px;
+    border: 1px solid #cccccc; cursor: pointer; 
+    border-top-left-radius: 8px; border-top-right-radius: 8px;
+}
+
+.Onglets li.active, .Onglets li:hover {
+    background-position: 0 -25px;
 }
 
 /************************************************/
 
 .Tl-Main {
-    overflow: hidden; border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif;
+    border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif;
 }
 
 .Tl-TopBar {
@@ -123,7 +129,7 @@
 }
 
 .Tl-TopBar-TimeSpan {
-    float: left; width: 120px; text-align: center;
+    float: left; width: 140px; text-align: center;
 }
 
 .Tl-BottomPart {
@@ -131,7 +137,7 @@
 }
 
 .Tl-MainPart {
-    position: absolute; right: 0; top: 0; bottom: 0; border-left: 1px solid #ccc; right: 0; top: 0; bottom: 0;
+    position: absolute; right: 0; top: 0; bottom: 0; border-left: 1px solid #ccc;
 }
 
 .Tl-UniversLabels {
@@ -150,6 +156,10 @@
     position: absolute; top: 0; left: 0; height: 100%;
 }
 
+.Tl-Grid {
+    width: 100%; overflow: hidden;
+}
+
 .Tl-Grid-Column {
     position: absolute; top: 0; height: 100%; border-left: 1px solid #999;
 }
@@ -323,7 +333,7 @@
 /**********************************/
 
 .Ls-Main {
-    width: 950px; height: 200px; background: #fafafa; border: 1px solid #cccccc;
+    display: none; width: 950px; height: 200px; background: #fafafa; border: 1px solid #cccccc;
 }
 
 .Ls-Filtres {
@@ -359,7 +369,7 @@
 
 .Ls-Critere {
     font-size: 11px; background: #ffffff; color: #333333; cursor: pointer;
-    border-radius: 4px; margin: 2px; padding: 4px; display: inline-block; clear: both;
+    border-radius: 4px; margin: 2px; padding: 3px; display: inline-block; clear: both;
 }
 
 .Ls-Critere.Ls-Active {