diff -r bf8879a6470e -r 907a53a35a95 timeline/css/timeline.css --- a/timeline/css/timeline.css Mon Aug 19 18:04:32 2013 +0200 +++ b/timeline/css/timeline.css Wed Sep 04 18:23:51 2013 +0200 @@ -85,7 +85,7 @@ content: "."; position: absolute; height: 1px; text-indent: -9999px; width: 200px; top: 0; background: #DEDEDE; z-index: 5; background: -moz-linear-gradient(to right, rgba(220,220,220,1) 80px, rgba(220,220,220,.1) 140px ); - background: -webkit-linear-gradient(to right, rgba(220,220,220,1) 80%, rgba(220,220,220,.1) 140px ); + background: -webkit-linear-gradient(left, rgba(220,220,220,1) 80px, rgba(220,220,220,.1) 140px ); } .Tl-UniversLabels li:after { @@ -103,7 +103,7 @@ .Tl-Grid { position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden; background: -moz-linear-gradient(to right, #cccccc 0, #ffffff 3%, #ffffff 97%, #cccccc 100% ); - background: -webkit-linear-gradient(to right, #cccccc 0, #ffffff 3%, #ffffff 97%, #cccccc 100% ); + background: -webkit-linear-gradient(left, #cccccc 0, #ffffff 3%, #ffffff 97%, #cccccc 100% ); } .Tl-Grid-Column { @@ -123,11 +123,11 @@ } .Tl-Occurrence { - width: 85px; height: 38px; cursor: pointer; border: 2px solid rgba(255,255,255,.9); + width: 38px; height: 38px; cursor: pointer; border: 2px solid rgba(255,255,255,.9); } .Tl-Occurrence img { - max-width: 100%; max-height: 100%; opacity: .6; + max-width: 100%; max-height: 100%; } .Tl-Editing { @@ -151,41 +151,18 @@ } .Tl-Overlay { - position: absolute; left: -105px; width: 210px; z-index: 6; -} - -.Tl-Overlay-Up .Tl-Overlay { - bottom: 0; -} - -.Tl-Overlay-Down .Tl-Overlay { - top: 22px; + position: absolute; left: -105px; width: 210px; z-index: 6; top: 22px; } .Tl-Overlay-Main { width: 190px; -} - -.Tl-Overlay-Up .Tl-Overlay-Main { - background: url(../img/tooltip.png) top; padding: 10px 10px 0; -} - -.Tl-Overlay-Down .Tl-Overlay-Main { background: url(../img/tooltip-down.png) bottom; padding: 0 10px 10px; } -.Tl-Overlay-Up .Tl-Overlay-Tip-Bottom { - width: 210px; height: 20px; background: url(../img/tooltip.png) bottom; -} - -.Tl-Overlay-Down .Tl-Overlay-Tip-Top { +.Tl-Overlay-Tip-Top { width: 210px; height: 20px; background: url(../img/tooltip-down.png) top; } -.Tl-Overlay-Up .Tl-Overlay-Tip-Top, .Tl-Overlay-Down .Tl-Overlay-Tip-Bottom { - display: none; -} - h3.Tl-Tooltip-Title { font-size: 14px; font-weight: bold; color: #000080; margin: 0; }