109 <h1><a title="Hashcut - Le Mashup cliquable" class="clearfix" href="#"> |
109 <h1><a title="Hashcut - Le Mashup cliquable" class="clearfix" href="#"> |
110 <img src="img/hashcut-logo.png" alt="Hashcut" /> |
110 <img src="img/hashcut-logo.png" alt="Hashcut" /> |
111 <span>Le Mashup<br />Cliquable</span> |
111 <span>Le Mashup<br />Cliquable</span> |
112 </a></h1> |
112 </a></h1> |
113 <div class="title-video-wrap"> |
113 <div class="title-video-wrap"> |
114 <a class="open-popin" href="#update-title">Hashcut sans titre</a> |
114 <a title="Modifier le titre et la description" class="open-popin" href="#update-title">Hashcut sans titre</a> |
115 <p class="time-length">Durée: <span>02:24</span></p> |
115 <p class="time-length">Durée: <span>00:00</span></p> |
116 </div> |
116 </div> |
117 <div class="profil-wrap"> |
117 <div class="profil-wrap"> |
118 <a href="#" class="all-hashcut">Tous les Hashcuts</a> |
118 <a href="#" class="all-hashcut">Tous les Hashcuts</a> |
119 <a href="#user" class="my-profil open-popin">Mon profil</a> |
119 <a href="#user" class="my-profil open-popin">Mon profil</a> |
120 </div> |
120 </div> |
256 |
256 |
257 <div class="bloc-pvw"> |
257 <div class="bloc-pvw"> |
258 |
258 |
259 <div class="frise clearfix"> |
259 <div class="frise clearfix"> |
260 |
260 |
261 <span class="indication" style="left:24%;">00:30</span> |
261 <div class="indications"> |
262 <span class="indication" style="left:44%;">00:30</span> |
262 <span class="indication" style="left:24%;">00:30</span> |
263 <span class="indication" style="left:64%;">00:30</span> |
263 <span class="indication" style="left:44%;">00:30</span> |
264 <span class="indication" style="left:84%;">00:30</span> |
264 <span class="indication" style="left:64%;">00:30</span> |
|
265 <span class="indication" style="left:84%;">00:30</span> |
|
266 </div> |
265 |
267 |
266 <div class="segments"> |
268 <div class="segments"> |
267 <div class="segment" style="background-color:red;width:20%;"></div> |
269 <div class="segment" style="background-color:red;left:0;width:20%;"></div> |
268 <div class="segment" style="background-color:green;width:20%;"></div> |
270 <div class="segment" style="background-color:green;left:20%;width:20%;"></div> |
269 <div class="segment" style="background-color:red;width:20%;"></div> |
271 <div class="segment" style="background-color:red;left:40%;width:20%;"></div> |
270 <div class="segment" style="background-color:green;width:20%;"></div> |
272 <div class="segment" style="background-color:green;left:60%;width:20%;"></div> |
271 <div class="segment" style="background-color:red;width:20%;"></div> |
273 <div class="segment" style="background-color:red;left:80%;width:20%;"></div> |
272 </div> |
274 </div> |
273 |
275 |
274 </div> |
276 </div> |
275 |
277 |
276 <div class="segment-info mashup-description"> |
278 <div class="segment-info mashup-description"> |
277 <img class="pointer" src="img/popin-triangle.png" alt="" /> |
279 <img class="pointer" src="img/popin-triangle.png" alt="" /> |
278 <div class="popin-content"> |
280 <div class="popin-content"> |
279 <ul class="tools"> |
281 <ul class="tools"> |
280 <li><a class="edit" href="#"></a></li> |
282 <li><a title="éditer" class="edit" href="#"></a></li> |
281 <li><a class="bottom" href="#"></a></li> |
283 <li><a title="descendre" class="bottom" href="#"></a></li> |
282 <li><a class="top" href="#"></a></li> |
284 <li><a title="remonter" class="top" href="#"></a></li> |
283 <li><a class="delete" href="#"></a></li> |
285 <li><a title="supprimer" class="delete" href="#"></a></li> |
284 </ul> |
286 </ul> |
285 |
287 |
286 <h2>Chargement de la capsule lunaire</h2> |
288 <h2>Chargement de la capsule lunaire</h2> |
287 <table> |
289 <table> |
288 <tbody> |
290 <tbody> |
308 |
310 |
309 <div class="col-right"> |
311 <div class="col-right"> |
310 <div class="liste-segment"> |
312 <div class="liste-segment"> |
311 <h2>Liste des segments</h2> |
313 <h2>Liste des segments</h2> |
312 <div class="frise clearfix"> |
314 <div class="frise clearfix"> |
313 |
315 <p class="aucun-segment">Aucun segment</p> |
314 <div class="indications"> |
316 <div class="indications"> |
315 <span class="indication" style="left:30%;">00:30</span> |
317 <span class="indication" style="left:64%;">00:30</span> |
316 <span class="indication" style="left:84%;">00:30</span> |
318 <span class="indication" style="left:84%;">00:30</span> |
317 </div> |
319 </div> |
318 <div class="segments"> |
320 <div class="segments"> |
319 <div class="segment" style="background-color:red;width:20%;"></div> |
321 <div class="segment" style="background-color:red;left:0;width:20%;"></div> |
320 <div class="segment" style="background-color:yellow;width:20%;"></div> |
322 <div class="segment" style="background-color:yellow;left:20%;width:20%;"></div> |
321 <div class="segment" style="background-color:blue;width:20%;"></div> |
323 <div class="segment" style="background-color:blue;left:40%;width:20%;"></div> |
322 <div class="segment" style="background-color:green;width:20%;"></div> |
324 <div class="segment" style="background-color:green;left:60%;width:20%;"></div> |
323 <div class="segment" style="background-color:brown;width:20%;"></div> |
325 <div class="segment" style="background-color:brown;left:80%;width:20%;"></div> |
324 </div> |
326 </div> |
325 |
327 |
326 </div> |
328 </div> |
327 </div> |
329 </div> |
328 |
330 |