1 {{! template for the annotation creation widget }}

     2 <div class='Ldt-createAnnotationWidget'>

     3   <!-- ugly div because we want to have a double border -->

     4   <div class='Ldt-createAnnotation-DoubleBorder'>

     5     <div style='margin-bottom: 7px; overflow: auto;'>

     6       <div class='Ldt-createAnnotation-Title'>310</div>

     7       <div class='Ldt-createAnnotation-TimeFrame'>(03:10-07:45)</div>

     8     </div>

     9     

    10     <div style='overflow: auto;'>

    11       <textarea class='Ldt-createAnnotation-Description'></textarea>

    12       <img src='{{img_dir}}/profile_arrow.png' class='Ldt-createAnnotation-profileArrow'></img>

    13       <div class='Ldt-createAnnotation-userAvatar'>

    14         <img class='Ldt-createAnnotation-userAvatar'src='https://si0.twimg.com/sticky/default_profile_images/default_profile_1_normal.png'></img>

    15       </div> 

    16     </div>

    17     

    18     <div class='Ldt-createAnnotation-keywords'>Add keywords : </div>          

    19     <div class='Ldt-createAnnotation-submitButton'>Submit</div>

    20   </div>

    21 </div>