diff -r 5a5024bc74e6 -r f39df810caab integration/css/edition.css --- a/integration/css/edition.css Fri Nov 16 19:23:20 2012 +0100 +++ b/integration/css/edition.css Thu Nov 22 10:52:28 2012 +0100 @@ -162,6 +162,8 @@ .add-segment { position: absolute; right: 10px; bottom: 10px; } + + .media-segments h2{ color: #30036d; font-size: 14px; @@ -169,29 +171,39 @@ margin: 10px 8px 2px; } -.media-segment { - height: 8px; - margin: 8px 6px 0; - background-color: #b6b8b8; +.media-segment-list { + margin: 8px 5px 0 6px; + padding-bottom: 1px; position: relative; } -.media-section { - position: absolute; + +.media-found-segments { + clear: both; padding-top: 5px; +} + +.media-found-segments .media-segment-list { + margin: 0; } + +.media-found-list { + padding-bottom: 1px; position: relative; +} + +.media-segment-list-inner { + position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../img/bg-segments.png); +} + .media-segment-section { - top: 0; height: 8px; + position: absolute; height: 8px; } .media-current-section { background: url(../img/pinstripe-purple.png); - top: -2px; height: 2px; + top: -2px; bottom: -2px; margin-left: -1px; padding: 2px 1px; + position: absolute; } -.media-current-section-inner { - background: url(../img/pinstripe-purple.png); - margin-top: 10px; height: 2px; -} -.media-segment .pointer{ +.media-segment-popin .pointer{ margin-left: 140px } .media-segment-popin { @@ -199,7 +211,7 @@ top: 2px; width: 300px; margin-left: -151px; display: none; } -.media-segment-popin h3{ +.media-segment-popin h3, .media-found-popin h3{ padding: 0; color: #de2500; margin-bottom: 4px; @@ -212,6 +224,17 @@ .media-segment-popin span{ color: #7628df; } + +.media-found-popin { + padding-top: 12px; overflow: hidden; + top: 2px; width: 170px; display: none; + margin-left: -86px; +} + +.media-found-popin .pointer { + margin-left: 75px; +} + .reprendre-segment{ float: right; display: block;