front_idill/src/player/metadataplayer/Timeline.css
author bastiena
Fri, 29 Jun 2012 16:16:24 +0200
changeset 44 8393d3473b98
parent 33 2d9b15f99b4e
child 52 277c94533395
permissions -rw-r--r--
Front IDILL: Updated, mosaic spreaded into several files, new pictures and pictograms
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
31
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
     1
/* Timeline Widget */
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
     2
44
8393d3473b98 Front IDILL:
bastiena
parents: 33
diff changeset
     3
@charset "UTF-8";
8393d3473b98 Front IDILL:
bastiena
parents: 33
diff changeset
     4
31
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
     5
@font-face {
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
     6
    font-family: "DINMedium";
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
     7
    src: url("../../fonts/DINMedium.ttf") format("truetype");
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
     8
    font-weight:10;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
     9
}
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    10
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    11
.Ldt-Timeline {
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    12
	border: none;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    13
	border-radius: 0;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    14
	padding: 0;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    15
	margin-top: 0;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    16
	background: transparent;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    17
	background-image: url("../../img/timeline.png");
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    18
	background-position: 0px 0px;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    19
	background-repeat: repeat;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    20
}
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    21
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    22
.Ldt-TimelineMiddle {
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    23
	border: none;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    24
	border-radius: 0;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    25
	padding: 0;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    26
	margin-top: 0;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    27
	background: transparent;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    28
	background-image: url("../../img/middle_timeline.png");
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    29
	background-position: 0px 0px;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    30
	background-repeat: repeat;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    31
	z-index:100;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    32
}
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    33
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    34
.Ldt-Timeline .ui-slider-handle {
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    35
	display: none;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    36
}
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    37
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    38
.Ldt-Timeline .ui-slider-range {
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    39
	border: none;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    40
	border-radius: 0;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    41
	padding: 0;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    42
	margin-top: 0;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    43
	background: transparent;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    44
    background-image: url("../../img/selected_timeline.png");
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    45
	background-position: 0px 0px;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    46
	background-repeat: repeat;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    47
	z-index: 50;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    48
}
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    49
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    50
.Ldt-Marker, .search_Marker {
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    51
	position: absolute;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    52
	width: 10px;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    53
	height: 10px;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    54
	background: transparent;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    55
	background-image: url("../../img/marker.png");
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    56
	background-position: 0px 0px;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    57
	background-repeat: no-repeat;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    58
	z-index: 200;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    59
}
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    60
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    61
.TL_Borders {
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    62
	position: absolute;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    63
	background-image: url("../../img/selected_timeline.png");
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    64
	background-position: 0px 0px;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    65
	background-repeat: repeat;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    66
	z-index: 150;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    67
}
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    68
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    69
.TL_Arrows {
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    70
	position: absolute;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    71
	display: none;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    72
	width: 24px;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    73
	height: 20px;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    74
	background-position: 0px 0px;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    75
	background-repeat: no-repeat;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    76
	z-index: 150;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    77
}
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    78
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    79
.TL_MarkersBig {
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    80
	position: absolute;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    81
	display: none;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    82
	z-index: 200;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    83
}
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    84
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    85
#MB_Text {
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    86
	background-color: rgba(34, 34, 34, 1);
44
8393d3473b98 Front IDILL:
bastiena
parents: 33
diff changeset
    87
	padding: 8px 18px 8px 18px;
31
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    88
	color: #FFFFFF;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    89
	//font-family: DIN-Medium, Fallback, sans-serif;
44
8393d3473b98 Front IDILL:
bastiena
parents: 33
diff changeset
    90
	font-size: 22px;
31
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    91
}
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    92
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    93
#MB_Spike {
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    94
	width: 10px;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    95
	height: 5px;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    96
	background-image: url("../../img/spike.png");
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    97
	background-position: 0px 0px;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    98
	background-repeat: no-repeat;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
    99
}
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
   100
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
   101
#MB_Pic, .search_MBPic {
33
2d9b15f99b4e Front IDILL :
bastiena
parents: 31
diff changeset
   102
	width: 38px;
2d9b15f99b4e Front IDILL :
bastiena
parents: 31
diff changeset
   103
	height: 45px;
31
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
   104
	background-position: 0px 0px;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
   105
	background-repeat: no-repeat;
2c7fc855eba8 FRONT IDILL :
bastiena
parents:
diff changeset
   106
}