/*
* 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;
}