/*
* This file is part of the TraKERS\Front IDILL package.
*
* (c) IRI <http://www.iri.centrepompidou.fr/>
*
* For the full copyright and license information, please view the LICENSE
* file that was distributed with this source code.
*/

/*
 * Projet : TraKERS
 * Module : Front IDILL
 * Fichier : Timeline.css
 * 
 * Auteur : alexandre.bastien@iri.centrepompidou.fr
 * 
 * Fonctionnalités : Style associé au Widget Timeline chargé dans le metadataplayer.
 */

/* Timeline Widget */

/*
 * Charset utilisé dans la Timeline.
*/
@charset "UTF-8";

/*
 * Police utilisée dans la Timeline.
*/
@font-face {
    font-family: "DINMedium";
    src: url("../../fonts/DINMedium.ttf") format("truetype");
    font-weight:10;
}

/*
 * Style de la Timeline.
*/
.Ldt-Timeline {
    border: none;
    border-radius: 0;
    padding: 0;
    margin-top: 0;
    background: transparent;
    background-image: url("../../img/timeline.png");
    background-position: 0px 0px;
    background-repeat: repeat;
}

/*
 * Style de la barre centrale de la Timeline.
*/
.Ldt-TimelineMiddle {
    border: none;
    border-radius: 0;
    padding: 0;
    margin-top: 0;
    background: transparent;
    background-image: url("../../img/middle_timeline.png");
    background-position: 0px 0px;
    background-repeat: repeat;
    z-index:100;
}

/*
 * Style du slider de la Timeline.
*/
.Ldt-Timeline .ui-slider-handle {
    display: none;
}

/*
 * Style du slider lu de la Timeline.
*/
.Ldt-Timeline .ui-slider-range {
    border: none;
    border-radius: 0;
    padding: 0;
    margin-top: 0;
    background: transparent;
    background-image: url("../../img/selected_timeline.png");
    background-position: 0px 0px;
    background-repeat: repeat;
    z-index: 50;
}

/*
 * Style des marqueurs et des marqueurs recherchés.
*/
.Ldt-Marker, .search_Marker {
    position: absolute;
    width: 10px;
    height: 10px;
    background: transparent;
    background-image: url("../../img/marker.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    z-index: 200;
}

/*
 * Style des bordures d'une Timeline sélectionnée.
*/
.TL_Borders {
    position: absolute;
    background-image: url("../../img/selected_timeline.png");
    background-position: 0px 0px;
    background-repeat: repeat;
    z-index: 150;
}

/*
 * Style des flèches d'une Timeline sélectionnée.
*/
.TL_Arrows {
    position: absolute;
    display: none;
    width: 24px;
    height: 20px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    z-index: 150;
}

/*
 * Style des détails des marqueurs lorsque le curseur passe dessus.
*/
.TL_MarkersBig {
    position: absolute;
    display: none;
    z-index: 200;
}

/*
 * Style des textes des détails des marqueurs.
*/
#MB_Text {
    background-color: rgba(34, 34, 34, 1);
    padding: 8px 18px 8px 18px;
    color: #FFFFFF;
    //font-family: DIN-Medium, Fallback, sans-serif;
    font-size: 22px;
}

/*
 * Style des pics associés aux textes des détails des marqueurs.
*/
#MB_Spike {
    width: 10px;
    height: 5px;
    background-image: url("../../img/spike.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

/*
 * Style des images associées aux détails des marqueurs.
*/
#MB_Pic, .search_MBPic {
    width: 38px;
    height: 45px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}